@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#17212b;--muted:#5d6873;--paper:#f6f7f6;--green:#20744d;--orange:#f97316;--line:#dfe4e2}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--ink);font-family:"DM Sans",Arial,sans-serif;line-height:1.6}a{color:inherit}.wrap{width:min(1160px,calc(100% - 40px));margin:auto}.top{position:sticky;top:0;z-index:20;background:#10171d;color:#fff;border-bottom:1px solid #303a40}.nav{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;white-space:nowrap}.gear{width:48px;height:48px;display:grid;place-items:center}.gear svg{width:100%;height:100%}.brand b{display:block;font:800 17px Manrope,sans-serif;letter-spacing:.01em}.brand em,.section-title em{color:var(--orange);font-style:normal}.brand small{display:block;font-size:9px;color:#c4ccd0;letter-spacing:.05em}.nav nav{display:flex;gap:20px}.nav nav a{text-decoration:none;font-size:12px;font-weight:700;color:#e4e9eb}.nav nav a:hover{color:var(--orange)}.head-call{background:var(--orange);padding:12px 16px;border-radius:10px;text-decoration:none;font-size:13px;font-weight:800;white-space:nowrap}.hero{background:var(--paper);padding:55px 0 60px}.hero-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:55px;align-items:center}.eyebrow{font-size:11px;letter-spacing:.15em;font-weight:800;color:var(--green);margin:0 0 18px}.headline-row{display:flex;align-items:flex-start;gap:14px}h1,h2,h3{font-family:Manrope,sans-serif;line-height:1.1;letter-spacing:-.04em;margin:0 0 18px}h1{font-size:clamp(2.4rem,4.5vw,4.2rem)}.headline-icon{width:54px;min-width:54px;margin-top:12px}.headline-icon svg{width:100%;height:auto}.lead{font-size:17px;color:var(--muted);margin:0 0 24px}.actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 18px;border-radius:11px;text-decoration:none;font-size:13px;font-weight:800;min-height:50px}.primary{background:var(--green);color:#fff}.secondary{border:1px solid #ccd5d1;background:white}.hours{font-size:12px;color:var(--muted);margin:20px 0 0}.hours span{color:var(--green);margin-right:7px}.hero-image{min-height:410px;position:relative;border-radius:26px;overflow:hidden;background:#17212b url("assets/hero-pojazdy.jpg") center/cover no-repeat;box-shadow:0 20px 50px #17212b20}.image-caption{position:absolute;bottom:20px;left:20px;display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:14px;background:#111820df;color:white;border:1px solid #ffffff35;backdrop-filter:blur(10px)}.caption-icon{width:38px;height:38px;display:grid;place-items:center;background:#263039;border-radius:9px}.caption-icon svg{width:30px}.image-caption b,.image-caption small{display:block}.image-caption b{font-size:14px}.image-caption small{font-size:11px;color:#d3d9dc}.services{padding:76px 0;background:#fff}.section-title{text-align:center;margin:0 auto 32px}.section-title .eyebrow{color:var(--orange);margin-bottom:8px}.section-title h2{font-size:clamp(1.8rem,3.3vw,2.7rem);margin-bottom:8px}.section-title>p:last-child{color:var(--muted);margin:0}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.cards article{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 8px 24px #17212b08}.cards img{display:block;width:100%;height:165px;object-fit:cover;background:#182129}.card-body{padding:19px}.card-body h3{font-size:17px;margin-bottom:10px}.card-body p{font-size:13px;color:var(--muted);min-height:60px}.card-body a{font-size:12px;color:var(--green);font-weight:800;text-decoration:none}.contact{padding:75px 0;background:#111820;color:#fff}.contact-grid{display:grid;grid-template-columns:1fr .75fr;gap:60px;align-items:center}.contact h2{font-size:clamp(2rem,3.3vw,3rem)}.contact p:not(.eyebrow){color:#c4cdd2}.contact .eyebrow{color:#f6a36c}.contact-card{background:#fff;color:var(--ink);border-radius:18px;padding:25px}.contact-card p{font-size:14px;color:var(--muted)!important}.contact-card a{color:var(--green);font-size:13px;font-weight:800;text-decoration:none}footer{padding:24px 0;background:#0b1014;color:#aab5bc;font-size:12px}.mobile-call{display:none}
@media(max-width:950px){.nav nav{display:none}.nav{gap:12px}.head-call{margin-left:auto}.hero-grid{gap:28px}.cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.wrap{width:calc(100% - 30px)}.nav{min-height:70px}.brand b{font-size:13px}.brand small{font-size:7px}.gear{width:39px;height:39px}.head-call{font-size:11px;padding:10px}.hero{padding:42px 0}.hero-grid{grid-template-columns:1fr;gap:28px}.hero-image{min-height:280px;order:-1}.headline-icon{width:42px;min-width:42px}h1{font-size:2.7rem}.lead{font-size:15px}.actions .btn{flex:1}.services,.contact{padding:55px 0}.cards{gap:10px}.cards img{height:130px}.card-body{padding:14px}.card-body h3{font-size:15px}.card-body p{font-size:12px;min-height:90px}.contact-grid{grid-template-columns:1fr;gap:28px}.mobile-call{display:block;position:fixed;z-index:30;bottom:0;left:0;right:0;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:#ffffffef;border-top:1px solid var(--line)}.mobile-call a{display:block;text-align:center;padding:13px;background:var(--green);color:#fff;border-radius:11px;text-decoration:none;font-weight:800;font-size:14px}footer{padding-bottom:85px}}

/* Contact details: keep both phone numbers readable on the dark background. */
.contact-phones{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}
.contact .phone-secondary{color:#17212b;background:#fff;border:1px solid #d7dfdc}
.contact .phone-secondary:hover{background:#f0f3f2}
.map-panel{margin-top:38px;border:1px solid #ffffff2b;border-radius:18px;padding:20px;background:#ffffff0a}
.map-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}
.map-heading .eyebrow{margin-bottom:8px}
.map-heading h3{margin-bottom:6px;font-size:22px}
.map-heading p:last-child{margin:0;color:#c4cdd2;font-size:14px}
.map-panel iframe{display:block;width:100%;height:340px;border:0;border-radius:12px;background:#e7e9e8}
@media(max-width:650px){.contact-phones{display:grid;grid-template-columns:1fr}.contact-phones .btn{width:100%}.map-heading{align-items:flex-start;flex-direction:column}.map-panel{padding:13px}.map-panel iframe{height:280px}}


/* Rozszerzona treść SEO: opisy usług lokalnych */
.service-details { padding-top: 58px; }
.detail-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; margin-top: 30px; }
.detail-copy { background: #fff; border: 1px solid #e5e7eb; border-radius: 16px; padding: 24px; }
.detail-copy h3, .local-seo-note h3 { margin: 0 0 10px; color: #17212b; }
.detail-copy p, .local-seo-note p { line-height: 1.75; margin: 0; }
.detail-copy a { color: #c6530b; font-weight: 700; }
.local-seo-note { margin-top: 22px; padding: 26px; border-radius: 18px; background: #17212b; color: #f8fafc; }
.local-seo-note h3 { color: #fff; }
.local-seo-note p { margin-bottom: 18px; color: #e2e8f0; }
@media (max-width: 700px) { .detail-grid { grid-template-columns: 1fr; } .detail-copy { padding: 20px; } .local-seo-note { padding: 22px; } }

.local-seo-note h4 { margin: 22px 0 10px; color: #f97316; font-size: 1rem; }
.town-list { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 7px 18px; margin: 0 0 10px; padding-left: 20px; color: #e2e8f0; }
.town-list li { line-height: 1.5; }
@media (max-width: 800px) { .town-list { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 420px) { .town-list { grid-template-columns: 1fr 1fr; gap: 6px 12px; } }


/* Informacja o odpłatnym transporcie realizowanym przez niezależnego przewoźnika */
.transport-info{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(240px,.8fr);gap:24px;align-items:center;margin:24px 0;padding:28px;border:1px solid #dfe4e2;border-radius:18px;background:#f6f7f6;color:#17212b}
.transport-copy h3{font-size:clamp(1.45rem,2.5vw,2rem);margin-bottom:14px}
.transport-copy p{color:#5d6873;line-height:1.75;margin:0 0 12px}
.transport-copy .eyebrow{color:#c6530b;margin-bottom:10px}
.transport-copy .btn{margin-top:8px}
.transport-note{padding:22px;border-radius:14px;background:#17212b;color:#fff}
.transport-note strong{display:block;margin-bottom:10px;color:#f97316;font-family:Manrope,sans-serif}
.transport-note ul{margin:0;padding-left:20px;color:#e2e8f0;line-height:1.8;font-size:14px}
@media(max-width:700px){.transport-info{grid-template-columns:1fr;padding:20px}.transport-note{padding:18px}}


/* Baner zgód i ustawienia prywatności */
.cookie-banner{position:fixed;z-index:100;left:18px;right:18px;bottom:18px;max-width:980px;margin:0 auto;padding:20px 22px;display:flex;gap:24px;align-items:center;justify-content:space-between;background:#fff;color:#17212b;border:1px solid #d7dfdc;border-radius:16px;box-shadow:0 16px 55px #0003}
.cookie-banner[hidden],.cookie-preferences[hidden]{display:none}
.cookie-copy{max-width:620px}.cookie-copy h2,.cookie-preferences h2{font-size:20px;margin:0 0 8px}.cookie-copy p,.cookie-preferences p{font-size:13px;line-height:1.6;color:#52606b;margin:0}.cookie-copy a,.cookie-policy-link a{color:#176b4a;font-weight:700}
.cookie-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.cookie-btn{border:0;border-radius:9px;padding:11px 14px;font:700 12px "DM Sans",Arial,sans-serif;cursor:pointer;min-height:42px}.cookie-accept{background:#20744d;color:#fff}.cookie-reject{background:#eef1ef;color:#17212b;border:1px solid #d7dfdc}.cookie-link{background:transparent;border:0;color:#176b4a;font-weight:700;cursor:pointer;padding:10px}
.cookie-preferences{position:fixed;z-index:110;inset:0;background:#11182099;display:grid;place-items:center;padding:18px}.cookie-preferences-card{width:min(480px,100%);padding:24px;border-radius:16px;background:#fff;box-shadow:0 20px 70px #0004}.cookie-choice{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:15px 0;border-bottom:1px solid #e5e9e7;color:#17212b}.cookie-choice small{display:block;color:#64717b;font-size:12px;margin-top:3px}.cookie-choice input{width:20px;height:20px;accent-color:#20744d}.cookie-preferences-card .cookie-actions{margin-top:18px}.cookie-policy-link{margin-top:14px!important}
.footer-inner{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}.footer-links{display:flex;gap:16px}.footer-links a,.footer-links button{background:none;border:0;color:#c4cdd2;text-decoration:underline;font:inherit;font-size:12px;cursor:pointer}
@media(max-width:700px){.cookie-banner{left:10px;right:10px;bottom:82px;display:block;padding:17px}.cookie-copy h2{font-size:18px}.cookie-actions{margin-top:14px}.cookie-actions .cookie-btn{flex:1}.cookie-link{width:100%}.footer-inner{padding-bottom:6px}}


/* Sklep i koszyk */
.shop-section{padding:76px 0;background:#f6f7f6}.shop-notice{display:flex;gap:12px;align-items:flex-start;padding:15px 18px;margin:0 0 24px;border:1px solid #f2c28e;border-radius:12px;background:#fff8ef;color:#68401d;font-size:13px}.shop-notice strong{white-space:nowrap}.shop-toolbar{display:flex;align-items:center;gap:12px;margin:0 0 20px}.shop-toolbar label{font-weight:700;font-size:13px}.shop-toolbar select{padding:10px 14px;border:1px solid #cfd8d3;border-radius:9px;background:#fff;color:#17212b}.cart-toggle{margin-left:auto;padding:11px 16px;border:0;border-radius:9px;background:#17212b;color:#fff;font-weight:800;cursor:pointer}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.product-card{overflow:hidden;border:1px solid #dfe4e2;border-radius:16px;background:#fff;box-shadow:0 8px 24px #17212b08}.product-card[hidden]{display:none}.product-art{height:145px;display:grid;place-items:center;background:linear-gradient(135deg,#17212b,#34434d);font-size:54px}.product-info{padding:18px}.product-category{font-size:10px;text-transform:uppercase;letter-spacing:.12em;font-weight:800;color:#c6530b}.product-info h3{font-size:18px;margin:8px 0}.product-info p{min-height:62px;margin:0 0 15px;color:#5d6873;font-size:13px}.product-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px}.product-bottom strong{font-size:19px}.product-bottom small{display:block;font-size:10px;font-weight:500;color:#69747c}.add-cart{border:0;border-radius:9px;padding:11px 15px;background:#20744d;color:white;font-weight:800;cursor:pointer}.cart-panel{margin-top:22px;padding:22px;border:1px solid #d5ded9;border-radius:16px;background:white;box-shadow:0 12px 35px #17212b12}.cart-panel[hidden]{display:none}.cart-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.cart-heading h3{margin:0}.cart-heading button,.cart-row button{border:1px solid #d7dfdc;border-radius:7px;background:#f6f7f6;padding:6px 10px;cursor:pointer}.cart-row{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #e7ebe9}.cart-row>div{display:flex;align-items:center;gap:10px}.cart-row strong{min-width:80px;text-align:right}.cart-total{text-align:right;font-size:18px;font-weight:800;margin:16px 0}.cart-hint{font-size:12px;color:#5d6873}.cart-clear{margin-left:12px;border:0;background:none;color:#8b3d20;text-decoration:underline;cursor:pointer}.shop-section .section-title .eyebrow{color:#c6530b}
@media(max-width:800px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shop-notice{display:block}.shop-notice strong{display:block;margin-bottom:5px}}
@media(max-width:520px){.shop-section{padding:55px 0}.product-grid{grid-template-columns:1fr}.product-art{height:125px}.shop-toolbar{flex-wrap:wrap}.shop-toolbar select{flex:1}.cart-row{align-items:flex-start;flex-direction:column}.cart-row>div{width:100%;justify-content:flex-end}}

/* Checkout / metody płatności – wersja demonstracyjna */
.checkout-form{margin-top:22px;padding:20px;border:1px solid #d7dee5;border-radius:14px;background:#f8fafb;color:#17212b}.checkout-form h4{margin:18px 0 10px}.checkout-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.checkout-fields label{display:grid;gap:6px;font-weight:600}.checkout-fields input{width:100%;padding:11px;border:1px solid #cbd5df;border-radius:8px;font:inherit}.checkout-choice{display:flex;align-items:center;gap:9px;margin:9px 0;padding:10px;border:1px solid #d7dee5;border-radius:8px;background:white}.payment-tag{margin-left:auto;font-size:12px;color:#8a4b08;background:#fff0d8;padding:4px 7px;border-radius:20px}.payment-note{padding:12px;border-left:4px solid #f97316;background:#fff4e8;font-size:14px;line-height:1.5}.checkout-consent{display:flex;gap:9px;align-items:flex-start;margin:14px 0;font-size:13px}.checkout-result{font-weight:600;color:#155e36}.checkout-form button{margin-top:8px}@media(max-width:650px){.checkout-fields{grid-template-columns:1fr}}

/* Demonstracyjny ekran płatności BLIK */
.mock-blik{margin:22px 0;padding:24px;border:1px solid #f97316;border-radius:18px;background:#fff;color:#17212b;box-shadow:0 12px 32px rgba(0,0,0,.12)}
.mock-blik[hidden]{display:none}.mock-blik-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.mock-blik-mark{display:inline-block;background:#e9f7ef;color:#087b43;font-size:24px;font-weight:900;letter-spacing:2px;padding:9px 16px;border-radius:10px}.mock-blik h3{margin:18px 0 8px}.mock-order-summary,.mock-blik-instruction{margin:16px 0;padding:14px;border-radius:12px;background:#f3f5f6}.mock-order-summary p{margin:5px 0}.mock-blik-instruction p{margin:7px 0 0}.mock-blik .cart-clear{margin-left:10px}.mock-blik .checkout-result{margin-top:15px;color:#087b43;font-weight:700}

.shop-hp{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}
.checkout-choice{display:block;padding:10px 12px;background:#f5f7f6;border-radius:8px;margin:8px 0}
.checkout-result{margin-top:12px;font-weight:700}

.product-art.product-photo{height:180px;background:#fff;padding:12px;box-sizing:border-box}.product-art.product-photo img{width:100%;height:100%;object-fit:contain;display:block}
@media(max-width:520px){.product-art.product-photo{height:170px}}


/* Zdjęcia produktów: delikatne powiększenie po najechaniu kursorem */
.product-art.product-photo{position:relative;overflow:visible}
.product-art.product-photo img{transition:transform .28s ease;transform:scale(1)}
.product-card:hover .product-art.product-photo img,
.product-card:focus-within .product-art.product-photo img{transform:scale(1.03)}
/* Gaźnik ma większą bryłę na zdjęciu — dopasowanie, żeby nie dominował karty */
.product-art.product-photo-carb img{transform:scale(.88)}
.product-card:hover .product-art.product-photo-carb img,
.product-card:focus-within .product-art.product-photo-carb img{transform:scale(.92)}
@media (prefers-reduced-motion:reduce){
 .product-art.product-photo img{transition:none}
}


/* Widok sklepu w formie listy – produkty widoczne w całości */
.shop-section .product-grid{
  display:flex;
  flex-direction:column;
  gap:14px;
}
.shop-section .product-card{
  display:grid;
  grid-template-columns:190px minmax(0,1fr);
  align-items:center;
  overflow:visible;
  min-width:0;
}
.shop-section .product-art.product-photo{
  width:100%;
  height:165px;
  min-height:0;
  padding:12px;
  overflow:hidden;
  border-radius:15px 0 0 15px;
  background:#fff;
  box-sizing:border-box;
}
.shop-section .product-art.product-photo img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
  transform:none !important;
  transition:transform .22s ease;
}
.shop-section .product-card:hover .product-art.product-photo img,
.shop-section .product-card:focus-within .product-art.product-photo img{
  transform:scale(1.035) !important;
}
.shop-section .product-info{min-width:0;padding:18px 22px}
.shop-section .product-info p{min-height:0}
.shop-section .product-bottom{justify-content:flex-start;flex-wrap:wrap}
.shop-section .product-bottom strong{min-width:82px}
@media(max-width:600px){
  .shop-section .product-card{grid-template-columns:112px minmax(0,1fr)}
  .shop-section .product-art.product-photo{height:145px;padding:8px}
  .shop-section .product-info{padding:12px}
  .shop-section .product-info h3{font-size:16px}
  .shop-section .product-info p{font-size:12px}
  .shop-section .product-bottom{gap:8px}
  .shop-section .product-bottom strong{min-width:0;font-size:17px}
  .shop-section .add-cart{padding:9px 10px;font-size:12px}
}
@media(max-width:380px){
  .shop-section .product-card{grid-template-columns:94px minmax(0,1fr)}
  .shop-section .product-art.product-photo{height:130px}
}


/* Menu mobilne – zakładka Sklep widoczna także na telefonach */
@media(max-width:950px){
  .nav{flex-wrap:wrap;justify-content:space-between;padding-top:9px;padding-bottom:10px}
  .nav nav{
    display:flex !important;
    order:3;
    flex:0 0 100%;
    width:100%;
    justify-content:center;
    flex-wrap:wrap;
    gap:7px;
    padding:7px 0 2px;
  }
  .nav nav a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:7px 11px;
    border:1px solid #46515a;
    border-radius:8px;
    font-size:12px;
    line-height:1.2;
  }
  .nav nav a[href="sklep.html"]{
    color:#fff;
    background:var(--green);
    border-color:var(--green);
  }
}
@media(max-width:380px){
  .nav nav{gap:5px}
  .nav nav a{padding:7px 8px;font-size:11px}
}


/* Niezależny, zawsze widoczny skrót do sklepu na małych ekranach */
.mobile-shop-link{display:none}
@media(max-width:950px){
  .mobile-shop-link{
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    flex:0 0 auto;
    background:#20744d;
    color:#fff !important;
    border:2px solid #fff;
    border-radius:9px;
    padding:9px 12px;
    text-decoration:none;
    font-size:12px;
    line-height:1;
    font-weight:900;
    position:relative;
    z-index:50;
  }
  .nav{flex-wrap:nowrap !important;gap:8px !important}
  .nav nav{display:none !important}
  .head-call{margin-left:0 !important;padding:9px 10px !important;font-size:10px !important}
}
@media(max-width:390px){
  .mobile-shop-link{padding:8px 9px;font-size:11px}
  .head-call{font-size:9px !important;padding:8px 7px !important}
  .brand{gap:5px}
  .brand b{font-size:11px !important}
  .brand small{font-size:6px !important}
  .gear{width:30px !important;height:30px !important}
}