:root{
  --c-bg:#f6f8fb;
  --c-surface:#ffffff;
  --c-text:#0b1626;
  --c-muted:#5a6b80;
  --c-line:#e6edf5;
  --c-primary:#0b4ea2;
  --c-primary-2:#0a2a5a;
  --c-accent:#e31b23;
  --radius:18px;
  --shadow:0 12px 30px rgba(12, 30, 64, .10);
  --shadow-soft:0 10px 22px rgba(12, 30, 64, .08);
  --container:1200px;
  --g:24px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,"Noto Sans","Helvetica Neue",Arial,"Apple Color Emoji","Segoe UI Emoji";
  color:var(--c-text);
  background:var(--c-bg);
  line-height:1.5;
}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
.container{max-width:var(--container);padding:0 18px;margin:0 auto}
.site-topbar{
  background:linear-gradient(90deg, rgba(10,42,90,.92), rgba(11,78,162,.92));
  color:#fff;
  font-size:13px;
}
.site-topbar .row{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:8px 0}
.lang{display:flex;gap:10px;align-items:center}
.lang a{opacity:.85}
.lang a:hover{opacity:1}
.header{
  position:sticky;top:0;z-index:50;
  backdrop-filter:saturate(180%) blur(10px);
  background:rgba(9,20,40,.72);
  border-bottom:1px solid rgba(255,255,255,.08);
}
.header .row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;gap:16px}
.brand{display:flex;align-items:center;gap:12px;color:#fff}
.brand img{height:auto;width:auto;max-width:var(--stolar-logo-w,190px);max-height:56px}
@media (max-width: 820px){.brand img{max-width:var(--stolar-logo-w-mobile,150px);max-height:48px}}
.brand .tag{font-size:11px;letter-spacing:.08em;text-transform:uppercase;opacity:.75}
.nav{display:flex;gap:18px;align-items:center}
.nav a{color:#fff;opacity:.9;font-weight:600;font-size:14px}
.nav a:hover{opacity:1}
.header .actions{display:flex;gap:10px;align-items:center}
.btn{
  display:inline-flex;align-items:center;gap:10px;justify-content:center;
  padding:10px 14px;border-radius:999px;border:1px solid transparent;
  font-weight:700;font-size:14px;cursor:pointer;
}
.btn.primary{background:var(--c-primary);color:#fff;box-shadow:0 10px 22px rgba(11,78,162,.25)}
.btn.primary:hover{filter:brightness(1.03)}
.btn.ghost{background:rgba(255,255,255,.08);color:#fff;border-color:rgba(255,255,255,.18)}
.btn.ghost:hover{background:rgba(255,255,255,.12)}
.icon{width:18px;height:18px;display:inline-block}
.mobile-toggle{display:none;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);color:#fff;border-radius:12px;padding:10px 12px}
.mobile-nav{display:none}
.hero{
  position:relative;
  background:#081225;
  color:#fff;
}
.hero .media{
  position:absolute;inset:0;
  background-size:cover;background-position:center;
  filter:saturate(1.05);
pointer-events:none;}
.hero .overlay{
  position:absolute;inset:0;
  background:linear-gradient(90deg, rgba(6,12,26,.82) 0%, rgba(6,12,26,.45) 55%, rgba(6,12,26,.25) 100%);
}
.hero .content{
  position:relative;
  padding:86px 0 56px;
}
.hero h1{
  margin:0 0 10px;
  font-size:clamp(32px, 4.2vw, 54px);
  letter-spacing:-.02em;
}
.hero p{
  margin:0 0 18px;
  max-width:62ch;
  color:rgba(255,255,255,.86);
  font-size:16px;
}
.hero .cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}
.badges{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.badge{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);font-size:13px}
.section{padding:44px 0}
.section .head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:18px}
.section h2{margin:0;font-size:22px}
.section .sub{margin:0;color:var(--c-muted);font-size:13px;max-width:60ch}
.grid{display:grid;gap:var(--g)}
.grid.cols-3{grid-template-columns:repeat(3, minmax(0,1fr))}
.grid.cols-4{grid-template-columns:repeat(4, minmax(0,1fr))}
.card{
  background:var(--c-surface);
  border:1px solid var(--c-line);
  border-radius:var(--radius);
  overflow:hidden;
  box-shadow:var(--shadow-soft);
}
.card .media{aspect-ratio:16/10;background:#0b1a35;position:relative}
.card .media img{width:100%;height:100%;object-fit:cover}
.card .body{padding:16px}
.card .kicker{font-size:12px;color:var(--c-muted);margin:0 0 6px}
.card h3{margin:0 0 10px;font-size:16px}
.card .meta{display:flex;gap:10px;flex-wrap:wrap;color:var(--c-muted);font-size:12px}
.pill{padding:6px 10px;border-radius:999px;background:var(--c-bg);border:1px solid var(--c-line)}
.offer-card{position:relative}
.offer-card .label{
  position:absolute;left:12px;bottom:12px;
  background:rgba(5,12,24,.68);
  color:#fff;
  padding:8px 10px;border-radius:12px;
  font-weight:800;font-size:13px;
}
/* WHY ("Dlaczego my") – bardziej "premium" */
.why{position:relative}
.why:before{content:"";position:absolute;inset:-40px -20px -20px -20px;pointer-events:none;background:radial-gradient(600px 220px at 10% 0%, rgba(11,78,162,.10), transparent 60%),radial-gradient(460px 180px at 90% 20%, rgba(11,78,162,.08), transparent 60%)}

.why-grid{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}

.why-card{position:relative;padding:18px 18px 16px;border-radius:18px;background:#fff;border:1px solid rgba(13,27,55,.08);box-shadow:0 10px 30px rgba(13,27,55,.06);transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease}
.why-card:before{content:"";position:absolute;inset:0;border-radius:18px;pointer-events:none;background:radial-gradient(220px 120px at 15% 0%, rgba(11,78,162,.10), transparent 55%)}
.why-card:hover{transform:translateY(-3px);box-shadow:0 14px 38px rgba(13,27,55,.10);border-color:rgba(11,78,162,.18)}

.why-card .ico{width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg, rgba(11,78,162,.18), rgba(11,78,162,.02));border:1px solid rgba(11,78,162,.22);display:flex;align-items:center;justify-content:center;margin-bottom:12px;box-shadow:0 10px 18px rgba(11,78,162,.10)}
.why-card .ico svg{width:22px;height:22px}
.why-card h3{margin:0 0 6px}
.why-card p{margin:0;color:var(--c-muted);font-size:13px;line-height:1.45}

@media (max-width: 980px){
  .why-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width: 560px){
  .why-grid{grid-template-columns:1fr}
}
.cta-band{
  background:linear-gradient(90deg, rgba(11,78,162,.14), rgba(10,42,90,.10));
  border:1px solid rgba(11,78,162,.18);
  border-radius:var(--radius);
  padding:18px;
  display:flex;align-items:center;justify-content:space-between;gap:16px;
}
.cta-band p{margin:0;color:var(--c-muted);font-size:13px}
.footer{
  margin-top:40px;
  background:#061028;
  color:rgba(255,255,255,.88);
}
.footer .top{padding:34px 0;border-bottom:1px solid rgba(255,255,255,.08)}
.footer .cols{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:22px}
.footer h4{margin:0 0 10px;font-size:14px;color:#fff}
.footer a{opacity:.9}
.footer a:hover{opacity:1}
.footer .bottom{padding:14px 0;color:rgba(255,255,255,.68);font-size:12px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
.page-hero{
  background:linear-gradient(180deg, rgba(10,42,90,.20), rgba(10,42,90,0));
  padding:34px 0 10px;
}
.page-hero h1{margin:0 0 6px}
.breadcrumb{font-size:12px;color:var(--c-muted)}
.filters{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;
}
.input, select{
  width:100%;
  padding:11px 12px;border-radius:14px;border:1px solid var(--c-line);
  background:#fff;
  font-weight:600;
}
.table{
  width:100%;border-collapse:separate;border-spacing:0;
  border:1px solid var(--c-line);
  border-radius:16px;overflow:hidden;
}
.table th,.table td{padding:12px 12px;border-bottom:1px solid var(--c-line);font-size:14px}
.table th{background:var(--c-bg);text-align:left;color:var(--c-muted);font-weight:800}
.table tr:last-child td{border-bottom:none}
.accordion .acc{border:1px solid var(--c-line);border-radius:16px;overflow:hidden;background:#fff}
.accordion button{
  width:100%;text-align:left;
  background:#fff;border:0;padding:14px 14px;
  font-weight:900;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;
}
.accordion .panel{display:none;padding:0 14px 14px;color:var(--c-muted)}
.accordion .acc.open .panel{display:block}
.notice{padding:12px 14px;border-radius:16px;background:rgba(227,27,35,.07);border:1px solid rgba(227,27,35,.18);color:#7a1116;font-weight:700}

/* Contact map */
.map-embed{position:relative;overflow:hidden;border-radius:16px;background:var(--c-bg)}
.map-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.map-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;text-align:center;color:var(--c-muted)}
.map-placeholder strong{color:var(--c-text);font-size:16px;margin-bottom:6px}
@media (max-width: 980px){
  .grid.cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .grid.cols-3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .filters{grid-template-columns:repeat(2,minmax(0,1fr))}
  .footer .cols{grid-template-columns:1fr}
  .nav{display:none}
  .mobile-toggle{display:inline-flex}
  .mobile-nav{display:none; background:rgba(9,20,40,.92);border-top:1px solid rgba(255,255,255,.08)}
  .mobile-nav a{display:block;padding:12px 18px;color:#fff;font-weight:800;border-bottom:1px solid rgba(255,255,255,.06)}
  .mobile-nav a:last-child{border-bottom:0}
}
@media (max-width: 560px){
  .hero .content{padding:74px 0 46px}
  .filters{grid-template-columns:1fr}
}



/* Premium UX additions */
.global-cta{background:linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,0)); padding:22px 0;}
.global-cta .box{border-radius:18px; background:rgba(10,26,56,.9); border:1px solid rgba(255,255,255,.08); padding:18px; display:flex; align-items:center; justify-content:space-between; gap:16px; overflow:hidden; position:relative;}
.global-cta[style*="--cta-bg"] .box::before{content:""; position:absolute; inset:0; background:var(--cta-bg) center/cover no-repeat; opacity:.22; filter:saturate(1.05) contrast(1.05); }
.global-cta .box > *{position:relative; z-index:1;}
.global-cta h3{margin:0 0 6px; color:#fff; font-size:18px;}
.global-cta p{margin:0; color:rgba(255,255,255,.78); max-width:70ch;}
.global-cta .actions{display:flex; gap:10px; flex-wrap:wrap; justify-content:flex-end;}
@media (max-width: 720px){
  .global-cta .box{flex-direction:column; align-items:flex-start;}
  .global-cta .actions{width:100%; justify-content:flex-start;}
}

/* Mobile sticky CTA */
.stolar-mobile-cta{display:none;}
@media (max-width: 720px){
  .stolar-mobile-cta{display:flex; position:fixed; left:12px; right:12px; bottom:12px; z-index:9999; border-radius:16px; overflow:hidden; box-shadow:0 12px 30px rgba(0,0,0,.35); border:1px solid rgba(255,255,255,.08); backdrop-filter:blur(8px);}
  .stolar-mobile-cta .mcta{flex:1; padding:14px 12px; text-align:center; font-weight:900; letter-spacing:.2px;}
  .stolar-mobile-cta .mcta-call{background:rgba(255,255,255,.1); color:#fff;}
  .stolar-mobile-cta .mcta-ask{background:var(--c-primary); color:#fff;}
  .stolar-mobile-cta .mcta[aria-disabled="true"]{opacity:.55; pointer-events:none;}
  body{padding-bottom:88px;}
}

/* Reveal on scroll */
.reveal-on-scroll{opacity:0; transform:translateY(10px); transition:opacity .6s ease, transform .6s ease;}
.reveal-on-scroll.is-visible{opacity:1; transform:translateY(0);}



/* Social icons */
.topbar-social, .footer-social{display:flex; gap:10px; align-items:center}
.social-link{display:inline-flex; width:30px; height:30px; border-radius:10px; align-items:center; justify-content:center; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.10); transition:transform .15s ease, background .15s ease, border-color .15s ease}
.social-link svg{width:16px; height:16px; fill:#fff; opacity:.95}
.social-link:hover{transform:translateY(-1px); background:rgba(255,255,255,.14); border-color:rgba(255,255,255,.18)}
.footer-social{margin-top:12px}
@media (max-width: 980px){
  .topbar-social{margin-left:0}
}



/* Social icons */
.social{display:flex; gap:10px; align-items:center; margin-top:10px;}
.social--top{margin-top:0; margin-left:10px;}
.social__link{width:34px; height:34px; display:inline-flex; align-items:center; justify-content:center; border-radius:10px; border:1px solid rgba(255,255,255,.14); background:rgba(255,255,255,.06); transition:transform .15s ease, background .15s ease, border-color .15s ease; }
.social__link svg{width:18px; height:18px; fill:#fff; opacity:.9;}
.social__link:hover{transform:translateY(-1px); background:rgba(255,255,255,.12); border-color:rgba(255,255,255,.22);}
.footer .social__link{border-color:rgba(255,255,255,.18);}
@media (max-width: 980px){
  .social--top{margin-left:0;}
}


.site-topbar .social{margin-top:0;}
.site-topbar .social__link{width:30px;height:30px;border-radius:10px;}
.site-topbar .social__link svg{width:16px;height:16px;}



/* === Plugin compatibility (default: Spectra + Contact Form 7 + FooGallery) === */

/* Spectra (UAGB) — align with theme spacing/typography */
.uagb-section__inner-wrap, .uagb-container-inner-blocks-wrap{max-width:var(--container, 1180px); margin-left:auto; margin-right:auto;}
.uagb-section{padding-left:16px; padding-right:16px;}
.uagb-icon-list__wrap a{color:inherit;}
.uagb-info-box, .uagb-team__wrapper, .uagb-testimonial__wrap{border-radius:18px; overflow:hidden;}
.uagb-button__wrapper .uagb-button__link{border-radius:999px; font-weight:900;}
.uagb-button__wrapper .uagb-button__link:hover{filter:brightness(1.03);}

/* Contact Form 7 */
.wpcf7 form{margin:0;}
.wpcf7 .wpcf7-form-control-wrap{display:block; width:100%;}
.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"], .wpcf7 input[type="url"], .wpcf7 textarea, .wpcf7 select{
  width:100%;
  padding:12px 14px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.06);
  color:#fff;
}
.wpcf7 textarea{min-height:140px; resize:vertical;}
.wpcf7 input::placeholder, .wpcf7 textarea::placeholder{color:rgba(255,255,255,.55);}
.wpcf7 .wpcf7-submit{
  border:0;
  border-radius:999px;
  padding:12px 18px;
  font-weight:900;
  background:var(--c-primary);
  color:#fff;
  cursor:pointer;
}
.wpcf7 .wpcf7-submit:hover{filter:brightness(1.05);}
.wpcf7 .wpcf7-not-valid-tip{color:#ffd0d0; font-size:12px; margin-top:6px;}
.wpcf7 .wpcf7-response-output{border-radius:14px; padding:12px 14px; color:#fff;}

/* FooGallery */
.foogallery{margin:0;}
.foogallery .fg-item, .foogallery .fg-item-inner{border-radius:16px; overflow:hidden;}
.foogallery.fg-default .fg-item-inner, .foogallery .fg-item-inner{box-shadow:0 10px 22px rgba(0,0,0,.18);}
.foogallery .fg-item a{display:block;}
.foogallery .fg-item img{display:block; width:100%; height:auto; transition:transform .25s ease;}
.foogallery .fg-item:hover img{transform:scale(1.02);}



/* Social icon visibility fix */
.social__link{color:#fff;}
.social__link svg{display:block; fill:currentColor;}
.social__link svg path{fill:currentColor;}

.footer .social--footer{margin-top:12px;}



/* Downloads (vehicle) */
.downloads{display:flex; gap:12px; flex-wrap:wrap;}
.download{display:flex; align-items:center; gap:10px; padding:12px 14px; border-radius:14px;
  border:1px solid rgba(15, 23, 42, .10); background:rgba(255,255,255,.7); text-decoration:none; color:inherit;
  box-shadow:0 10px 24px rgba(2,6,23,.06);
}
.download:hover{transform:translateY(-1px); box-shadow:0 14px 28px rgba(2,6,23,.10);}
.download .d-ico{width:28px;height:28px;border-radius:10px;display:flex;align-items:center;justify-content:center;
  background:rgba(17, 96, 200, .12); color:var(--c-primary);
  font-weight:900;
}
.download .d-label{font-weight:800;}



/* Vehicle gallery thumbs */
.veh-thumb{border:1px solid rgba(255,255,255,.22); background:rgba(0,0,0,.18); padding:0; border-radius:12px; overflow:hidden; cursor:pointer;}
.veh-thumb img{display:block; width:86px; height:60px; object-fit:cover;}
.veh-thumb.is-active{outline:2px solid rgba(255,255,255,.55);}



/* Pagination (archive vehicles) */
.pagination{display:flex; gap:8px; flex-wrap:wrap;}
.pagination .page-numbers{display:inline-flex; align-items:center; justify-content:center; min-width:38px; height:38px; padding:0 12px;
  border-radius:12px; border:1px solid rgba(15,23,42,.12); background:rgba(255,255,255,.75); text-decoration:none; color:inherit;
}
.pagination .page-numbers.current{background:var(--c-primary); color:#fff; border-color:transparent;}



/* HERO slider */
.hero-slider{position:relative; overflow:hidden;}
.hero-slider .hero-track{position:relative; min-height:560px;}
.hero-slider .hero-slide{position:absolute; inset:0; background-size:cover; background-position:center;
  opacity:0; transform:scale(1.02); transition:opacity .5s ease, transform .8s ease;
  display:flex; align-items:stretch;
}
.hero-slider .hero-slide.is-active{opacity:1; transform:scale(1);}
.hero-slider .overlay{position:absolute; inset:0; background:linear-gradient(90deg, rgba(2,6,23,.72), rgba(2,6,23,.22));}
.hero-slider .content{position:relative; z-index:2; width:100%; padding:84px 0;}
.hero-slider .hero-copy{max-width:72ch;}
.hero-slider h1{font-size:clamp(32px, 4.2vw, 56px); line-height:1.05; color:#fff; margin:0 0 14px;}
.hero-slider .sub{color:rgba(255,255,255,.86); font-size:clamp(16px, 1.4vw, 18px); margin:0 0 18px;}
.hero-slider .actions{display:flex; gap:10px; flex-wrap:wrap;}
.hero-slider .hero-nav{position:absolute; top:50%; transform:translateY(-50%); z-index:5;
  width:44px; height:44px; border-radius:14px; border:1px solid rgba(255,255,255,.22);
  background:rgba(2,6,23,.35); color:#fff; display:flex; align-items:center; justify-content:center;
  cursor:pointer;
}
.hero-slider .hero-nav:hover{background:rgba(2,6,23,.5);}
.hero-slider .hero-nav.prev{left:16px;}
.hero-slider .hero-nav.next{right:16px;}
.hero-slider .hero-dots{position:absolute; left:50%; bottom:18px; transform:translateX(-50%); z-index:5;
  display:flex; gap:8px; padding:8px 10px; border-radius:999px; background:rgba(2,6,23,.35); border:1px solid rgba(255,255,255,.18);
}
.hero-slider .hero-dot{width:10px;height:10px;border-radius:999px;border:0; background:rgba(255,255,255,.35); cursor:pointer;}
.hero-slider .hero-dot.is-active{background:#fff;}
@media (max-width: 760px){
  .hero-slider .hero-track{min-height:520px;}
  .hero-slider .overlay{background:linear-gradient(180deg, rgba(2,6,23,.68), rgba(2,6,23,.25));}
  .hero-slider .content{padding:76px 0;}
  .hero-slider .hero-nav{display:none;}
}

.hero-nav .icon svg{width:20px;height:20px;display:block}
.hero-nav .icon{display:inline-flex;align-items:center;justify-content:center}

/* --- Dlaczego my (pro) --- */
.why--pro{
  padding-top: 56px;
  padding-bottom: 56px;
}
.why--pro .why-header{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:24px;
  margin-bottom:24px;
}
.why--pro .why-header h2{margin:0;}
.why--pro .why-header p{margin:.35rem 0 0;color:var(--muted);max-width:54ch;}
.why--pro .why-header__note{color:var(--muted);font-size:.95rem;max-width:48ch;text-align:right;}

.why--pro .why-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
}
.why--pro .why-card{
  position:relative;
  border-radius:18px;
  background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(255,255,255,.82));
  border:1px solid rgba(15,23,42,.08);
  box-shadow:0 10px 30px rgba(15,23,42,.08);
  overflow:hidden;
  transition:transform .15s ease, box-shadow .15s ease;
}
.why--pro .why-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(1200px 300px at 0% 0%, rgba(59,130,246,.12), transparent 45%),
             radial-gradient(900px 260px at 100% 0%, rgba(14,165,233,.10), transparent 45%);
  pointer-events:none;
}
.why--pro .why-card__inner{position:relative;padding:18px 18px 16px;}
.why--pro .why-icon{
  width:42px;height:42px;
  border-radius:14px;
  display:grid;place-items:center;
  background:rgba(59,130,246,.12);
  border:1px solid rgba(59,130,246,.18);
  margin-bottom:12px;
}
.why--pro .why-icon svg{width:22px;height:22px;stroke:var(--primary);}
.why--pro .why-card h3{margin:0 0 .35rem;font-size:1.05rem;}
.why--pro .why-card p{margin:0;color:var(--muted);line-height:1.4;}
.why--pro .why-card:hover{transform:translateY(-2px);box-shadow:0 14px 40px rgba(15,23,42,.12);}

@media (max-width: 1024px){
  .why--pro .why-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .why--pro .why-header{flex-direction:column;align-items:flex-start;}
  .why--pro .why-header__note{text-align:left;}
}
@media (max-width: 560px){
  .why--pro .why-grid{grid-template-columns:1fr;}
}



/* Glass header v31 */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}

.site-topbar{
  background: rgba(2,6,23,.55);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(255,255,255,.10);
}
.site-topbar a, .site-topbar strong{color: rgba(255,255,255,.92);}
.site-topbar .lang a{background: rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.10);}

header.header{
  position: sticky;
  top: 0;
  z-index: 60;
  background: rgba(255,255,255,.60);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border-bottom: 1px solid rgba(15,23,42,.10);
}
body.admin-bar header.header{top:32px;}
@media (max-width:782px){ body.admin-bar header.header{top:46px;} }

header.header .row{align-items:center;}
a.brand{gap:12px;}
a.brand img.custom-logo{width:auto; max-width: var(--stolar-logo-w); height:auto; transition: transform .25s ease, max-width .25s ease;}
header.header.is-scrolled a.brand img.custom-logo{max-width: calc(var(--stolar-logo-w) * .82);}
header.header a.brand{color: var(--text);}
header.header .tag{opacity:.75; color: rgba(15,23,42,.70);}

nav.nav{display:flex; gap:8px; align-items:center;}
nav.nav ul{display:flex; gap:8px; list-style:none; margin:0; padding:0;}
nav.nav li{list-style:none;}
nav.nav li{margin:0; list-style:none;}
nav.nav a{
  display:inline-flex; align-items:center; gap:8px;
  padding:10px 14px;
  border-radius:999px;
  background: rgba(255,255,255,.55);
  border: 1px solid rgba(15,23,42,.10);
  color: rgba(15,23,42,.92);
  font-weight: 800;
  font-size: 14px;
  text-decoration:none;
  transition: transform .15s ease, background .15s ease, border-color .15s ease;
}
nav.nav a:hover{transform: translateY(-1px); background: rgba(255,255,255,.75); border-color: rgba(15,23,42,.16);}
nav.nav .current-menu-item > a,
nav.nav .current_page_item > a{
  background: rgba(220,38,38,.12);
  border-color: rgba(220,38,38,.22);
}

.header .actions{display:flex; gap:10px; align-items:center;}
.mobile-toggle{
  width:44px; height:44px; border-radius:14px;
  background: rgba(255,255,255,.65);
  border: 1px solid rgba(15,23,42,.12);
  display:none;
  align-items:center; justify-content:center;
  cursor:pointer;
}
.mobile-toggle .icon{display:flex;}
.mobile-toggle svg{width:22px;height:22px;}

/* Mobile drawer */
.mobile-overlay{
  position:fixed; inset:0;
  background: rgba(2,6,23,.55);
  backdrop-filter: blur(2px);
  opacity:0; pointer-events:none;
  transition: opacity .2s ease;
  z-index: 70;
}
.mobile-nav{
  position:fixed;
  top:0; right:0;
  height:100vh;
  width:min(360px, 88vw);
  background: rgba(255,255,255,.92);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border-left: 1px solid rgba(15,23,42,.10);
  transform: translateX(102%);
  transition: transform .25s ease;
  z-index: 80;
  display:block; /* override old toggle behavior */
  padding: 88px 18px 18px;
  overflow:auto;
}
.mobile-nav ul{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:10px;}
.mobile-nav a{
  display:flex;
  padding:12px 14px;
  border-radius:14px;
  background: rgba(15,23,42,.05);
  border: 1px solid rgba(15,23,42,.08);
  text-decoration:none;
}

body.mobile-nav-open .mobile-overlay{opacity:1; pointer-events:auto;}
body.mobile-nav-open .mobile-nav{transform: translateX(0);}

@media (max-width: 980px){
  nav.nav{display:none;}
  .mobile-toggle{display:inline-flex;}
}


/* === Mobile polish (v42) === */
@media (max-width: 980px){
  .topbar{padding:8px 12px}
  .site-header{position:sticky; top:0; z-index:999}
  .site-header .header-inner{padding:10px 14px}
  .site-header .nav-pills{
    overflow-x:auto;
    -webkit-overflow-scrolling: touch;
    gap:10px;
    padding:8px 0;
    scrollbar-width: none;
  }
  .site-header .nav-pills::-webkit-scrollbar{display:none}
  .site-header .nav-pills a{white-space:nowrap}
  .hero{min-height:420px}
  .hero .hero-content{padding:26px 16px}
}
@media (max-width: 640px){
  .hero{min-height:360px}
  .hero h1, .hero .hero-title{font-size:34px; line-height:1.08}
  .hero p, .hero .hero-subtitle{font-size:15px}
  .grid-3, .cards-3, .offer-grid{grid-template-columns:1fr !important}
  .footer-grid{grid-template-columns:1fr !important; gap:18px}
  .footer-grid *{text-align:left}
  .vehicle-spec-table{font-size:14px}
  .vehicle-spec-table td, .vehicle-spec-table th{padding:10px 12px}
}
/* Hero slider arrows + dots (consistent across devices) */
.hero-slider .hero-nav{
  width:46px; height:46px;
  border-radius:999px;
  background:rgba(0,0,0,.35);
  border:1px solid rgba(255,255,255,.35);
  display:flex; align-items:center; justify-content:center;
  backdrop-filter:saturate(120%) blur(6px);
}
.hero-slider .hero-nav::before{
  content:"";
  width:10px; height:10px;
  border-right:2px solid #fff;
  border-bottom:2px solid #fff;
  transform:rotate(-45deg);
  display:block;
  margin-left:2px;
}
.hero-slider .hero-nav.prev::before{
  transform:rotate(135deg);
  margin-left:0;
  margin-right:2px;
}
.hero-slider .hero-dots button{
  width:10px; height:10px;
  border-radius:999px;
  background:rgba(255,255,255,.35);
  border:1px solid rgba(255,255,255,.35);
}
.hero-slider .hero-dots button.is-active{
  background:#fff;
}