/* Storefront layer on top of landing.css tokens. "Racing app": graphite UI, F1 red accent, rounded app cards (18px), skewed Unbounded headings,
   huge faded watermarks behind cars, key/value "Pro Racing Stats" tables, pill segmented tabs. Light panels (.lp scope in landing.css) for forms and legal text. */
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.small{font-size:14px}
[hidden]{display:none!important}


.page{padding-top:32px;padding-bottom:32px}
.crumbs{font-size:14px;color:var(--muted);margin-bottom:18px}
.crumbs a{color:var(--muted)}

/* category chips (produkty.html) = segmented pills */
.cats{display:flex;gap:6px;flex-wrap:wrap;margin:24px 0 8px}
.cats a{display:inline-flex;align-items:center;gap:8px;background:var(--card);border:1px solid var(--line);border-radius:999px;padding:6px 18px;font-weight:700;text-decoration:none;color:var(--muted);min-height:44px}
.cats a[aria-current]{background:var(--pink);border-color:var(--pink);color:#fff}
.sec-head{display:flex;justify-content:space-between;align-items:end;margin:44px 0 18px}
.sec-head a{font-weight:700;color:var(--accent-text);text-decoration:none}

/* ===== key/value stats table ("Pro Racing Stats") ===== */
.specs{display:grid;margin:10px 0 2px}
.specs>div{display:flex;justify-content:space-between;align-items:baseline;gap:14px;padding:9px 0;border-top:1px solid var(--line);min-width:0}
.specs>div:first-child{border-top:0}
.specs dt{font-size:14px;font-weight:600;color:var(--muted);line-height:1.2;flex:none}
.specs dd{font-weight:700;color:var(--ink);text-align:right;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;min-width:0}
.specs .hot dd{font-family:var(--f-head);font-weight:700;color:var(--accent-text);font-size:1.25rem}

/* ===== product grid & card (produkty.html, related, home list) ===== */
.grid4{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}
/* <article>: the title link is stretched over the whole card (::after), the button sits above it. */
.pcard2{position:relative;display:flex;flex-direction:column;min-width:0;background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;color:var(--ink);transition:transform .2s,border-color .2s,box-shadow .2s}
@media (hover:hover){.pcard2:hover{transform:translateY(-3px);border-color:rgba(225,6,0,.6);box-shadow:0 16px 36px rgba(0,0,0,.45)}}
.pcard2 .ph{aspect-ratio:16/10;background:radial-gradient(ellipse 70% 60% at 50% 62%,rgba(225,6,0,.16),transparent 70%),linear-gradient(165deg,var(--bg2),var(--card));position:relative;overflow:hidden}
.pcard2 .ph img{position:relative;width:100%;height:100%;object-fit:cover}
.pcard2 .ph.ph-cut img{object-fit:contain;padding:6% 5% 4%;filter:drop-shadow(0 12px 14px rgba(0,0,0,.5))}
.pcard2 .ph .wm{right:-2%;top:6%;font-size:min(9rem,38vw)}
.pcard2 .tag{position:absolute;z-index:2;top:12px;left:12px;max-width:calc(100% - 24px);background:var(--pink);color:#fff;border-radius:999px;padding:4px 12px;font-size:12px;font-weight:700;line-height:1.25;text-transform:uppercase;letter-spacing:.05em}
.pcard2 .body{padding:16px 18px 18px;display:flex;flex-direction:column;gap:6px;flex:1;min-width:0}
.pc-no{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;min-height:24px;padding:2px 12px;border-radius:999px;background:rgba(225,6,0,.16);border:1px solid rgba(225,6,0,.5);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#fff;font-variant-numeric:tabular-nums}
.pc-no::before{content:"Model"}
.lp .pc-no{color:var(--ink)}
.pcard2 h3{font-size:1.45rem;line-height:1.1;overflow-wrap:anywhere;margin-top:4px}
.pcard2 h3 a{display:block;color:inherit;text-decoration:none}
.pcard2 h3 a>span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;line-clamp:4;overflow:hidden}
.pcard2 h3 a::after{content:"";position:absolute;inset:0;z-index:1}
.pcard2 h3 a:focus-visible{outline:0}
.pcard2:has(h3 a:focus-visible){outline:3px solid var(--accent-text);outline-offset:3px}
.pcard2 .pc-char{font-size:15px;line-height:1.35;color:var(--muted)}
.pcard2 .pc-rate{display:flex;align-items:center;gap:4px;font-size:14px;color:var(--muted);line-height:1.2}
.pcard2 .pc-rate b{color:var(--ink);font-weight:700}
.pcard2 .pc-star{display:inline-grid;color:var(--gold)}
.pcard2 .pc-star svg{width:15px;height:15px}
.pcard2 .pc-var{font-size:14px;font-weight:600;color:var(--ink);line-height:1.25}
.pcard2 .pc-price{margin-top:6px;font-size:15px;color:var(--muted);line-height:1.1;font-variant-numeric:tabular-nums;display:flex;align-items:baseline;gap:8px}
.pcard2 .pc-price b{font-family:var(--f-head);font-size:1.9rem;font-weight:700;color:var(--ink);letter-spacing:.01em}
.pcard2 .pc-note{font-size:14px;font-weight:700;color:var(--accent-text);line-height:1.3}
.pcard2 .pc-act{margin-top:auto;padding-top:10px;display:grid;gap:2px}
.pcard2 .pc-btn{position:relative;z-index:2;width:100%;min-height:48px;padding:10px 12px;font-size:16px;line-height:1.2;text-align:center}
.pcard2 .pc-btn svg{flex:none;width:18px;height:18px}
.pcard2 .pc-btn:disabled{opacity:.75;cursor:progress;transform:none}
.pcard2 .pc-btn-ghost{padding:9px 6px;font-size:15px;background:transparent;color:var(--ink);border:1px solid var(--muted)}
@media (hover:hover){.pcard2 .pc-btn-ghost:hover{background:var(--ink);color:var(--bg)}}
.pcard2 .pc-more{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;min-height:44px;font-size:15px;font-weight:700;color:var(--accent-text);text-decoration:none}
.pcard2 .pc-more:hover{text-decoration:underline}
.pcard2 :is(.pc-btn,.pc-more):focus-visible{outline:3px solid var(--accent-text);outline-offset:2px}
.pc-featured{box-shadow:0 14px 28px rgba(0,0,0,.4)}

.toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:18px}
.toolbar select{font:inherit;font-weight:600;border:1px solid #6b6e7a;background:var(--card);color:var(--ink);border-radius:999px;padding:10px 18px;min-height:44px}
.empty{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:48px;text-align:center}
.skeleton{background:linear-gradient(90deg,var(--card),var(--bg2),var(--card));background-size:200% 100%;animation:sk 1.2s infinite;border-radius:var(--r);aspect-ratio:3/4}
@keyframes sk{to{background-position:-200% 0}}

/* ===== product page ===== */
.pdp{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:start}
.gallery{position:sticky;top:96px}
/* dark stage: model number watermark behind the cut-out car */
.gallery .main{position:relative;border-radius:var(--r);border:1px solid var(--line);overflow:hidden;background:radial-gradient(ellipse 70% 55% at 50% 70%,rgba(225,6,0,.2),transparent 72%),linear-gradient(165deg,var(--bg2),var(--card));aspect-ratio:4/3}
.gallery .main img{position:relative;z-index:1;width:100%;height:100%;object-fit:cover}
.gallery .main.is-cut img{object-fit:contain;padding:7% 5%;filter:drop-shadow(0 16px 18px rgba(0,0,0,.55))}
.gallery .main .main-wm{z-index:0;left:6%;top:8%;font-size:min(14rem,42vw)}
.gallery .main:not(.is-cut) .main-wm{display:none}
.gallery .thumbs2{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}
.gallery .thumbs2 button{width:72px;height:72px;border-radius:var(--r-md);overflow:hidden;border:2px solid transparent;padding:0;cursor:pointer;background:var(--bg2)}
.gallery .thumbs2 button[aria-pressed="true"]{border-color:var(--pink)}
.gallery .thumbs2 img{width:100%;height:100%;object-fit:cover}
.gallery .thumbs2 button.cut img{object-fit:contain;padding:6px}
.pdp h1{font-size:clamp(1.5rem,4.4vw,2.3rem);line-height:1.04;margin-top:10px}
.pdp .pprice{display:flex;align-items:baseline;gap:12px;margin:16px 0 6px;font-variant-numeric:tabular-nums}
.pdp .pprice b{font-family:var(--f-head);font-size:2.7rem;line-height:1;color:var(--ink);font-weight:700}
.pdp .pprice s{color:var(--muted)}
.pdp .pprice em{font-style:normal;background:var(--pink);color:#fff;font-weight:700;font-size:13px;padding:3px 12px;border-radius:999px}

/* "Pro Racing Stats": the spec card */
/* light detail card (middle screen of the reference) */
.plate{position:relative;margin:18px 0 6px;border-radius:var(--r);overflow:hidden;padding:18px 20px 10px}
.plate .plate-wm{right:-1%;top:2%;font-size:5.6rem}
.plate-head{position:relative;display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:4px}
.plate-t{font-size:1.3rem;line-height:1.1}
.plate-no{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:3px 12px;border-radius:999px;background:var(--pink);color:#fff;font-variant-numeric:tabular-nums}
.plate .specs{position:relative;margin:6px 0 0}
.plate .specs>div{padding:12px 0;border-top:1px solid var(--line)}
.plate .specs dd{font-size:1.05rem}
.plate .specs .hot dd{color:var(--accent-text)}

.vopts{border:0;display:grid;gap:8px;margin:20px 0}
.vopts legend{font-weight:700;margin-bottom:10px}
.vopt{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--card);border-radius:var(--r-md);padding:14px 18px;border:1px solid var(--line);cursor:pointer;font-weight:600;min-height:56px}
.vopt input{accent-color:var(--pink);width:18px;height:18px}
.vopt .l{display:flex;align-items:center;gap:10px}
.vopt em{font-style:normal;font-size:12px;font-weight:700;color:#fff;background:var(--pink);border-radius:999px;padding:2px 10px}
.vopt s{color:var(--muted);font-weight:400;font-size:13px;margin-right:6px}
.vopt .vp{font-family:var(--f-head);font-size:1.3rem;font-weight:700;font-variant-numeric:tabular-nums}
.buyrow{display:flex;gap:12px;align-items:center}
.qty2{display:flex;align-items:center;gap:6px;background:var(--card);border:1px solid var(--line);border-radius:999px;padding:4px}
.qty2 button{width:40px;height:40px;border-radius:50%;border:0;background:var(--bg2);color:var(--ink);font-weight:700;font-size:20px;cursor:pointer}
.qty2 output,.qty2 span{min-width:28px;text-align:center;font-weight:700;font-variant-numeric:tabular-nums}
.buyrow .cta{flex:1}
.trust{display:grid;gap:8px;margin-top:20px}
.trust div{display:flex;gap:12px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:var(--r-md);padding:12px 16px;font-weight:600;font-size:15px;color:var(--ink)}
.trust svg{color:var(--accent-text);flex:none}
.pdesc{margin-top:22px;color:var(--muted)}

/* ===== cart + checkout (light panels on graphite) ===== */
.two{display:grid;grid-template-columns:1.5fr 1fr;gap:24px;align-items:start}
.panel{border:1px solid var(--line);border-radius:var(--r);padding:24px}
.line{display:grid;grid-template-columns:88px 1fr auto;gap:16px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}
.line:last-child{border-bottom:0}
.line img{width:88px;height:88px;border-radius:var(--r-md);object-fit:cover;background:var(--bg2)}
.line h3{font-size:1.1rem}
.line .rm{background:none;border:0;color:var(--muted);font-weight:600;cursor:pointer;text-decoration:underline;font:inherit;font-size:14px;padding:6px 0;min-height:32px}
.line .lt{font-family:var(--f-head);font-size:1.25rem;font-weight:700;text-align:right;font-variant-numeric:tabular-nums}
.lrow{display:flex;align-items:center;gap:14px;margin-top:8px}
.line-mini{grid-template-columns:56px minmax(0,1fr) auto;padding:10px 0}
.line-mini>div{min-width:0;overflow-wrap:anywhere}
.sum{display:grid;gap:10px;font-variant-numeric:tabular-nums}
.sum div{display:flex;justify-content:space-between;font-weight:600}
.sum .tot{font-family:var(--f-head);font-size:1.4rem;font-weight:700;border-top:1px solid var(--line);padding-top:12px;margin-top:4px}
.freebar{background:var(--bg2);border-radius:999px;height:8px;overflow:hidden;margin:8px 0 4px}
.freebar i{display:block;height:100%;background:var(--pink);border-radius:999px}
.sticky-sum{position:sticky;top:96px}
.two .step{border:1px solid var(--line);border-radius:var(--r);padding:24px;margin-bottom:16px}
.step h2{font-size:1.35rem;display:flex;align-items:center;gap:12px;margin-bottom:16px}
.step h2 i{font-style:normal;width:34px;height:34px;border-radius:50%;background:var(--pink);color:#fff;display:grid;place-items:center;font-size:1rem;font-weight:700;font-variant-numeric:tabular-nums;flex:none}
.fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.fields .full{grid-column:1/-1}
.field label{display:block;font-weight:600;font-size:14px;margin-bottom:6px}
.field input,.field select{width:100%;font:inherit;color:var(--ink);border:1px solid #8A8D98;border-radius:var(--r-sm);padding:12px 14px;min-height:48px;background:#fff}
.field input:focus,.field select:focus{outline:2px solid var(--accent-text);outline-offset:0;border-color:var(--accent-text)}
.choice{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:var(--r-md);padding:14px 16px;margin-bottom:8px;cursor:pointer;font-weight:600;background:var(--card)}
.choice:has(input:checked){border-color:var(--pink);box-shadow:inset 4px 0 0 var(--pink);background:var(--bg)}
.choice input{accent-color:var(--pink);width:18px;height:18px}
.choice .p{margin-left:auto;font-variant-numeric:tabular-nums}
.err{background:rgba(255,90,80,.1);color:var(--red);border:1px solid var(--red);border-left-width:4px;border-radius:var(--r-sm);padding:12px 16px;font-weight:600;margin-bottom:14px}
.ok-hero{text-align:center;border:1px solid var(--line);border-radius:var(--r);padding:48px 24px;max-width:720px;margin:0 auto}
.ok-hero .badge{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;margin:0 auto 18px;background:var(--pink);color:#fff}
.mobile-buy{display:none}

@media (max-width:900px){
  .pdp,.two{grid-template-columns:minmax(0,1fr);gap:24px}
  .pdp>*{min-width:0}
  .gallery{position:static}
  .vopts{min-width:0}
  .vopt .l{flex-wrap:wrap;min-width:0}
  .fields{grid-template-columns:1fr}
  .sticky-sum{position:static}
  .mobile-buy{display:flex;position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:25;background:var(--bg2);color:#fff;border:1px solid var(--line-dark);border-radius:var(--r);padding:8px 8px 8px 16px;align-items:center;justify-content:space-between;gap:10px;box-shadow:0 12px 32px rgba(0,0,0,.6)}
  .mobile-buy>div{min-width:0}
  .mobile-buy b{font-family:var(--f-head);color:#fff;font-size:1.5rem;line-height:1;font-variant-numeric:tabular-nums}
  .mobile-buy .muted{color:var(--muted-dark)}
  .mobile-buy .small{font-size:12.5px;line-height:1.25;font-weight:600}
  .mobile-buy .cta{padding:12px 20px;font-size:16px;flex:none;white-space:nowrap}
  .grid4{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .pcard2 .body{padding:14px 14px 16px}
}
@media (max-width:640px){.grid4{grid-template-columns:minmax(0,1fr)}}

/* phone order */
.phonebox{display:flex;gap:12px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:var(--r-md);padding:12px 16px;margin-top:14px;text-decoration:none;color:var(--ink);font-size:15px;min-height:56px}
.phonebox svg{color:var(--accent-text);flex:none}
.phonebox b{display:block;font-weight:700}
@media (hover:hover){.phonebox:hover{border-color:var(--pink)}}

/* product landing sections */
.stars-row{display:flex;align-items:center;gap:8px;color:var(--gold);font-weight:700;margin-top:8px}
.stars-row span{color:var(--muted);font-weight:600;font-size:15px}
.hl{list-style:none;display:grid;gap:8px;margin:16px 0 4px;font-weight:600}
.hl li{display:flex;gap:10px;align-items:center}
.hl li i{display:grid;place-items:center;width:22px;height:22px;color:var(--accent-text);flex:none}
.lsec{margin-top:72px}
.lsec .center h2{margin-top:12px}
.lsplit{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.lsplit img{border-radius:var(--r);border:1px solid var(--line);width:100%;aspect-ratio:4/3;object-fit:cover}
.lsplit.rev img{order:2}
.inbox{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}
.inbox li{background:var(--card);border:1px solid var(--line);border-radius:var(--r-md);padding:16px;font-weight:600;display:flex;gap:10px;align-items:center}
.inbox li i{display:grid;place-items:center;width:24px;height:24px;color:var(--accent-text);flex:none}
.lgal{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-top:32px}
.lgal figure{background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;margin:0}
.lgal img{width:100%;aspect-ratio:4/3;object-fit:cover}
.lgal figcaption{padding:12px 16px;font-weight:600;font-size:15px}
.countdown{display:inline-flex;gap:8px;align-items:center;background:var(--bg2);color:#fff;border-radius:999px;padding:8px 18px;font-weight:700;margin-top:14px;font-size:15px}
@media (max-width:900px){
  .lsplit{grid-template-columns:1fr;gap:24px}
  .lsplit.rev img{order:0}
  .inbox{grid-template-columns:1fr}
  .lsec{margin-top:52px}
}

/* checkout upsell */
.upsell{margin-top:16px;border-top:1px solid var(--line);padding-top:14px}
.upsell h3{font-size:1.15rem;margin-bottom:10px}
.up-item{display:grid;grid-template-columns:56px 1fr auto;gap:12px;align-items:center;background:var(--bg);border:1px solid var(--line);border-radius:var(--r-md);padding:10px;margin-bottom:8px}
.up-item img{width:56px;height:56px;border-radius:var(--r-sm);object-fit:cover}
.up-item b{display:block;font-size:15px}
.up-item .pr{display:block;margin-top:2px;font-variant-numeric:tabular-nums}.up-item .pr b{display:inline;color:var(--ink)}.up-item s{color:var(--muted);font-size:13px}
.mini{padding:10px 16px;min-height:44px;background:var(--ink);color:var(--bg);font-size:15px}
@media (hover:hover){.mini:hover{background:var(--pink);color:#fff}}
.up-item .mini{min-height:44px;padding:8px 14px}

/* deal tags */
.deal{font-style:normal;background:var(--pink);color:#fff;font-weight:700;font-size:12px;padding:2px 10px;border-radius:999px}
.deal-note{display:block;color:var(--accent-text);font-weight:700;margin-top:2px}

/* add-to-cart drawer (light panel) */
.drawer-wrap{position:fixed;inset:0;z-index:60;pointer-events:none}
.drawer-bg{position:absolute;inset:0;background:rgba(0,0,0,.7);opacity:0;transition:opacity .25s}
.drawer{position:absolute;top:0;right:0;bottom:0;width:min(420px,100%);border-left:1px solid var(--line);border-top:4px solid var(--pink);padding:22px;overflow:auto;transform:translateX(100%);transition:transform .25s;box-shadow:-18px 0 36px rgba(0,0,0,.4);display:flex;flex-direction:column;gap:12px}
.drawer-wrap.open{pointer-events:auto}.drawer-wrap.open .drawer-bg{opacity:1}.drawer-wrap.open .drawer{transform:none}
.drawer-head{display:flex;justify-content:space-between;align-items:center}
.drawer-head h2{font-size:1.35rem;display:flex;gap:10px;align-items:center}
.drawer-head h2 i{width:30px;height:30px;border-radius:50%;background:var(--pink);color:#fff;display:grid;place-items:center}
.drawer .x{width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--ink);font-size:24px;cursor:pointer}
.drawer-lines{display:grid;gap:8px;max-height:220px;overflow:auto}
.dl{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:10px;align-items:center;font-size:15px}
.dl>div{min-width:0;overflow-wrap:anywhere}
.dl img{width:48px;height:48px;border-radius:var(--r-sm);object-fit:cover;background:var(--bg2)}
.dl span{display:block}
.drawer-total{display:flex;justify-content:space-between;font-family:var(--f-head);font-weight:700;font-size:1.4rem;border-top:1px solid var(--line);padding-top:10px;font-variant-numeric:tabular-nums}
.drawer-sub{display:flex;justify-content:space-between;align-items:center}
.drawer-sub a,.drawer-sub button{display:inline-flex;align-items:center;font:inherit;font-weight:700;color:var(--accent-text);background:none;border:0;cursor:pointer;min-height:44px}
.drawer>*{flex:none}
.drawer .upsell{margin-top:4px}
.drawer{padding-bottom:calc(22px + env(safe-area-inset-bottom,0px))}
@media (prefers-reduced-motion:reduce){.drawer,.drawer-bg{transition:none}}

/* product page: conversion blocks */
.tagline{font-size:1.08rem;color:var(--muted);margin-top:8px}
.stars-row a{color:var(--muted);font-weight:600;font-size:15px}
.eta{display:flex;gap:10px;align-items:center;background:var(--card);border:1px solid var(--line);color:var(--ink);border-radius:var(--r-md);padding:12px 14px;font-size:15px;margin-top:14px}
.eta svg{flex:none;color:var(--accent-text)}
.shipnudge{font-size:14px;font-weight:700;color:var(--accent-text);margin-top:6px;min-height:18px}
.bundle{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:16px;margin-top:18px}
.bundle h3{font-size:1.15rem;margin-bottom:10px}
.brow{display:grid;grid-template-columns:auto 52px 1fr auto;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line)}
.brow:last-of-type{border-bottom:0}
.brow input{width:20px;height:20px;accent-color:var(--pink)}
.brow img{width:52px;height:52px;border-radius:var(--r-sm);object-fit:cover;background:var(--bg2)}
.brow b{font-size:15px;display:block}
.brow .pr{text-align:right;font-size:15px;white-space:nowrap;font-variant-numeric:tabular-nums}
.brow .pr b{color:var(--ink);display:inline}.brow .pr s{color:var(--muted);font-size:13px;display:block}
.bsum{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;flex-wrap:wrap}
.bsum .tot{font-family:var(--f-head);font-weight:700;font-size:1.4rem;font-variant-numeric:tabular-nums}.bsum .save{display:block;color:var(--accent-text);font-size:14px;font-weight:700}
.feat-img{position:relative}
.feat-img img{border-radius:var(--r);border:1px solid var(--line);width:100%;aspect-ratio:4/3;object-fit:cover}
.chip{position:absolute;background:rgba(11,11,13,.88);color:#fff;border-radius:999px;padding:8px 14px;font-weight:600;font-size:14px;display:flex;gap:8px;align-items:center;max-width:92%;white-space:nowrap;border:1px solid var(--line-dark)}
.chip i{width:20px;height:20px;border-radius:50%;background:var(--pink);color:#fff;display:grid;place-items:center;flex:none}
.feat-note{font-size:13px;color:var(--muted);margin-top:10px}
.rev-head{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:8px}
.rev-head .big{font-family:var(--f-head);font-size:3rem;font-weight:700}
.reviews .review.more{display:none}.reviews.all .review.more{display:block}
@media (max-width:900px){
  .chip{font-size:12.5px;padding:6px 10px;max-width:60%}
  .brow{grid-template-columns:auto 44px 1fr;}
  .brow .pr{grid-column:3;text-align:left}
}

/* checkout field validation */
.fields .field:has(#house_no),.fields .field:has(#flat_no){grid-column:auto}
.fhint{display:block;color:var(--muted);font-size:13px;margin-top:4px}
.ferr{display:block;color:var(--red);font-size:14px;font-weight:600;margin-top:4px;min-height:0}
.ferr:empty{display:none}
.field.invalid input{border-color:var(--red);box-shadow:inset 0 0 0 1px var(--red);background:#fff}

/* checkout: carriers, pickup point */
.carrier{margin-bottom:6px}
.carrier-name{display:inline-block;font-weight:700;font-size:13px;letter-spacing:.04em;color:var(--ink);background:var(--bg2);border-radius:999px;padding:3px 12px;margin:6px 0 8px}
.choice>span:not(.p){flex:1}
.pointbox{background:var(--bg);border:1px solid var(--line);border-radius:var(--r-md);padding:12px 14px;margin:-4px 0 12px}
.pointbox label{display:block;font-weight:600;font-size:14px;margin-bottom:6px}
.pointrow{display:flex;gap:8px}
.pointrow input{flex:1;font:inherit;font-weight:600;border:1px solid #8A8D98;border-radius:var(--r-sm);padding:10px 12px;min-height:44px;text-transform:uppercase;min-width:0;background:#fff;color:var(--ink)}
.pointrow input[aria-invalid=true]{border-color:var(--red)}
.pointbox a{display:inline-block;margin-top:6px;color:var(--accent-text);font-weight:700}

.toast{bottom:calc(90px + env(safe-area-inset-bottom,0px))}

/* ===== home page (sklep.html): scoped to .home / .h-* ===== */
.home :is(a,button,summary):focus-visible{outline:3px solid var(--accent-text);outline-offset:2px}
.h-sec{margin-top:64px}
.h-head{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:0 16px;margin-bottom:22px}
.h-sub{margin-top:8px;color:var(--muted);font-size:16px;max-width:60ch}
.h-more{display:inline-flex;align-items:center;min-height:44px;font-weight:700;color:var(--accent-text);text-decoration:none}
.h-more:hover{text-decoration:underline}


/* all products */
.h-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
@media (min-width:700px){.h-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}

/* category tiles / offers (kept for other shops) */
.h-cats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.h-cat{display:flex;flex-direction:column;min-width:0;background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;color:var(--ink);text-decoration:none}
.h-cat .ph{aspect-ratio:4/3;background:var(--bg2);overflow:hidden}
.h-cat .ph img{width:100%;height:100%;object-fit:cover}
.h-cat .tx{display:flex;flex-direction:column;gap:1px;padding:10px 12px 12px}
.h-cat b{font-family:var(--f-head);font-size:1.15rem;font-weight:700;line-height:1.2}
.h-cat .from{font-size:14px;font-weight:600;color:var(--accent-text);font-variant-numeric:tabular-nums}
@media (min-width:700px){.h-cats{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}}
.h-offers{display:grid;gap:10px}
.h-offer{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:14px;align-items:center;min-height:88px;padding:10px 16px 10px 10px;background:var(--card);border:1px solid var(--line);border-radius:var(--r);color:var(--ink);text-decoration:none}
.h-offer .ph{width:72px;height:72px;border-radius:var(--r-sm);overflow:hidden;background:var(--bg2)}
.h-offer .ph img{width:100%;height:100%;object-fit:cover}
.h-offer .tx{display:flex;flex-direction:column;gap:2px;min-width:0}
.h-offer b{font-family:var(--f-head);font-size:1.15rem;font-weight:700;line-height:1.1}
.h-offer small{font-size:14px;line-height:1.3;color:var(--muted)}
.h-offer em{font-style:normal;font-size:14px;font-weight:700;line-height:1.3;color:var(--accent-text)}
.h-offer .pr{font-family:var(--f-head);font-size:1.3rem;font-weight:700;white-space:nowrap;text-align:right;font-variant-numeric:tabular-nums}
.h-ship{grid-column:1/-1;grid-template-columns:44px minmax(0,1fr);min-height:72px;background:transparent;border-style:dashed}
.h-ship i{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--pink);color:#fff}

/* reviews (only with a source note) */
.h-rating{display:flex;align-items:center;gap:6px 14px;flex-wrap:wrap;margin:4px 0 16px}
.h-rating .big{font-family:var(--f-head);font-size:3rem;font-weight:700;line-height:1}
.h-stars{display:flex;gap:2px;color:var(--gold)}
.h-stars svg{width:20px;height:20px}
.h-rating small{display:block;margin-top:2px;font-size:15px;color:var(--muted)}
.h-reviews{display:grid;gap:12px}
.h-review{display:flex;flex-direction:column;gap:12px;margin:0;padding:18px;background:var(--card);border:1px solid var(--line);border-radius:var(--r)}
.h-review blockquote{font-size:16px;line-height:1.5}
.h-review figcaption{display:flex;align-items:center;gap:10px;margin-top:auto;font-size:15px;font-weight:700;line-height:1.3}
.h-review-link{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;margin-top:-2px;padding-top:10px;border-top:1px solid var(--line);font-size:14px;font-weight:700;line-height:1.3;color:var(--accent-text);text-decoration:none}
.h-review-link:hover span{text-decoration:underline}
.h-review-link svg{flex:none;width:16px;height:16px}
.h-review .av{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--pink);color:#fff;font-size:13px;font-weight:700}
.h-note{margin-top:14px;font-size:13.5px;line-height:1.45;color:var(--muted)}
@media (min-width:760px){.h-reviews{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}

/* how it works */
.h-steps-in{display:grid;gap:16px}
.h-steps-img{border-radius:var(--r);border:1px solid var(--line);overflow:hidden;background:var(--bg2);aspect-ratio:2/1}
.h-steps-img img{width:100%;height:100%;object-fit:cover}
.h-steps-col{display:grid;gap:16px;align-content:center;min-width:0}
.h-steps{list-style:none;display:grid;gap:10px}
.h-steps li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;align-items:start;padding:14px;background:var(--card);border:1px solid var(--line);border-radius:var(--r-md)}
.h-steps .n{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--pink);color:#fff;font-family:var(--f-head);font-weight:700;font-size:1.1rem;font-variant-numeric:tabular-nums}
.h-steps b{display:block;font-family:var(--f-head);font-size:1.15rem;font-weight:700;line-height:1.25;letter-spacing:.02em}
.h-steps p{margin-top:4px;font-size:15px;line-height:1.5;color:var(--muted)}
.h-steps-in .cta{width:100%;min-height:52px;padding:14px 20px;font-size:17px}
@media (min-width:901px){
  .h-steps-in.has-img{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:40px}
  .h-steps-in .cta{width:auto;justify-self:start;margin-top:6px}
}

/* seasonal banner (only rendered before brand.js christmasDeadline) */
.h-xmas{position:relative;overflow:hidden;padding:30px 20px;border-radius:var(--r);text-align:center;color:#fff;background:var(--card);border:1px solid var(--line-dark);border-top:4px solid var(--pink)}
.h-xmas>*{position:relative;z-index:1;min-width:0}
.h-xmas h2{color:#fff;font-size:clamp(1.2rem,4.5vw,1.8rem)}
.h-xmas p{margin-top:10px;color:var(--muted-dark)}
.h-count{display:inline-block;margin-left:6px;padding:4px 14px;border-radius:999px;background:var(--pink);color:#fff;font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums}
.h-xmas .cta{margin-top:18px;width:100%;min-height:52px;padding:14px 20px}
@media (min-width:901px){
  .h-xmas{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;padding:40px 48px;text-align:left}
  .h-xmas .cta{margin-top:0;width:auto;padding:16px 32px}
}

/* phone order */
.h-phone .phonebox{margin-top:0;min-height:68px;padding:14px 18px;font-size:16px}
@media (min-width:901px){.h-phone .phonebox{max-width:560px;margin-inline:auto}}

/* faq with segmented category tabs */
.h-faq-tabs{max-width:820px;margin:0 auto 14px}
.h-faq-tabs .seg{display:flex;overflow-x:auto;scrollbar-width:none;flex-wrap:nowrap;width:100%}
.h-faq-tabs .seg::-webkit-scrollbar{display:none}
.h-faq-tabs .seg button{flex:1 0 auto}
.h-faq{display:grid;gap:8px;max-width:820px;margin:0 auto}
.h-faq details{padding:0 18px;background:var(--card);border:1px solid var(--line);border-radius:var(--r-md)}
.h-faq details[open]{border-color:rgba(225,6,0,.5)}
.h-faq summary{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:56px;padding:12px 0;font-size:16.5px;font-weight:700;line-height:1.3;cursor:pointer;list-style:none}
.h-faq summary::-webkit-details-marker{display:none}
.h-faq summary::after{content:"+";flex:none;width:24px;text-align:center;font-size:26px;line-height:1;color:var(--accent-text)}
.h-faq details[open] summary::after{content:"−"}
.h-faq details p{padding:0 0 16px;font-size:16px;line-height:1.55;color:var(--muted)}
.h-faq details p a{color:var(--accent-text)}
.h-sec-faq h2{max-width:820px;margin:0 auto 18px}

/* loading and errors */
.h-skel{border-radius:20px;background:linear-gradient(90deg,var(--card),var(--bg2),var(--card));background-size:200% 100%;animation:sk 1.2s infinite}
.h-hero .h-skel{min-height:150px}
.h-cats .h-skel{aspect-ratio:4/3.1}
.h-error{grid-column:1/-1;padding:26px 20px;background:var(--card);border:1px solid var(--line);border-radius:var(--r);text-align:center;color:var(--ink);flex:0 0 100%}
.h-error h3{font-size:1.3rem}
.h-error p{margin:8px 0 14px;color:var(--muted)}
.h-error a{color:var(--accent-text)}
.h-error .pill{min-height:46px;padding:12px 24px;font-size:16px}
@media (prefers-reduced-motion:reduce){.skeleton,.h-skel{animation:none}}

/* phones: cart line, checkout summary line and upsell card must fit 320px without clipping the price or button */
@media (max-width:900px){.two>*{min-width:0}}
@media (max-width:600px){
  .two .panel,.two .step{padding:18px 16px}
  .line{grid-template-columns:72px minmax(0,1fr) auto;grid-template-areas:"img t t" "img v v" "q q p";gap:2px 12px;align-items:start;padding:14px 0}
  .line>img{grid-area:img;width:72px;height:72px}
  .line .li{display:contents}
  .line h3{grid-area:t;font-size:.9rem;min-width:0;overflow-wrap:anywhere}
  .line .li>p{grid-area:v;min-width:0}
  .line .lrow{grid-area:q;margin-top:6px;gap:2px 10px;flex-wrap:wrap;min-width:0}
  .line .lt{grid-area:p;align-self:center;white-space:nowrap}
  .line-mini{grid-template-columns:48px minmax(0,1fr) auto;grid-template-areas:none;gap:10px;align-items:center;padding:10px 0}
  .line-mini>img{grid-area:auto;width:48px!important;height:48px!important}
  .panel>.upsell{margin-top:0;border-top:0;padding-top:0}
  .up-item{grid-template-columns:56px minmax(0,1fr);grid-template-areas:"img txt" "btn btn";gap:8px 12px}
  .up-item>a{grid-area:img}
  .up-item>div{grid-area:txt;min-width:0;overflow-wrap:anywhere}
  .up-item>.mini{grid-area:btn;width:100%;min-height:44px}
}

/* ===== quantity tiers on a car page: 1 car / bundle of 2 / bundle of 3 = pill segmented tabs ===== */
.tiers{border:0;padding:0;margin:20px 0;min-width:0}
.tiers legend{font-weight:700;margin-bottom:10px;padding:0}
.tiers .tier-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px;background:var(--bg2);border:1px solid var(--line);border-radius:26px}
.tier{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:2px;border-radius:22px;padding:10px 6px;cursor:pointer;min-height:76px;min-width:0;color:var(--muted);transition:background-color .15s,color .15s}
.tier input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
@media (hover:hover){.tier:hover{color:var(--ink)}}
.tier:has(input:checked){background:var(--pink);color:#fff}
.tier:has(input:focus-visible){outline:3px solid var(--accent-text);outline-offset:2px}
.tier .t-tx{display:flex;flex-direction:column;gap:2px;min-width:0;align-items:center}
.tier .t-name{font-weight:700;font-size:14px;line-height:1.15}
.tier .t-price{font-family:var(--f-head);font-weight:700;font-size:1.1rem;line-height:1.1;white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--ink)}
.tier:has(input:checked) .t-price{color:#fff}
.tier .t-save{font-size:11.5px;font-weight:600;line-height:1.2}
.tier:has(input:checked) .t-save{color:#fff}
.tier:not(:has(input:checked)) .t-save{color:var(--accent-text)}
.vopt:has(input:checked){background:var(--bg2);border-color:var(--pink);box-shadow:inset 4px 0 0 var(--pink)}
.vopt:has(input:focus-visible){outline:3px solid var(--accent-text);outline-offset:2px}
.picks{display:grid;gap:8px;margin:0 0 20px;min-width:0}
.picks .pick{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;background:var(--card);border:1px solid var(--line);border-radius:var(--r-md);padding:6px 6px 6px 16px;font-weight:600;min-width:0}
.picks select{width:100%;min-width:0;min-height:44px;font:inherit;font-size:16px;font-weight:600;color:var(--ink);background:var(--bg2);border:1px solid #6b6e7a;border-radius:var(--r-sm);padding:0 10px}
.picks select:focus-visible{outline:3px solid var(--accent-text);outline-offset:2px}
.picks .pick-sum{font-size:15px;font-weight:600;color:var(--muted);margin:0}
.picks .pick-sum b{color:var(--ink)}

/* ===== extra home / car page content ===== */
.pcard2 .pc-char{font-size:15px;line-height:1.35}


/* Zbuduj zespół: tiers 1 / 2 / 3 cars */
.h-tiers{display:grid;gap:12px}
.t-card{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:4px;min-width:0;padding:18px 18px 18px;background:linear-gradient(165deg,var(--bg2),var(--card) 70%);border:1px solid var(--line);border-radius:20px}
.t-card:nth-child(n+2){border-color:rgba(225,6,0,.45)}
.t-card .t-wm{right:6px;top:8px;font-size:5.6rem}
.t-cars{position:relative;display:flex;justify-content:center;align-items:flex-end;height:96px;margin:0 0 6px}
.t-cars img{position:relative;width:46%;max-width:190px;height:auto;margin:0 -4%;filter:drop-shadow(0 8px 10px rgba(0,0,0,.55))}
.t-cars.n1 img{width:62%;max-width:240px}
.t-cars.n3 img{width:38%}
.t-card h3{position:relative;font-size:1.35rem;line-height:1.1}
.t-price{font-family:var(--f-head);font-weight:700;font-size:2.3rem;line-height:1;margin-top:8px;font-variant-numeric:tabular-nums}
.t-save{font-size:15px;font-weight:700;color:var(--accent-text);line-height:1.3}
.t-text{margin:6px 0 14px;font-size:15.5px;line-height:1.5;color:var(--muted)}
.t-card .pill{margin-top:auto;width:100%;min-height:48px;padding:12px 16px;font-size:16px;text-align:center}
.t-notes{list-style:none;display:grid;gap:8px;margin-top:16px}
.t-notes li{display:flex;gap:10px;align-items:flex-start;font-size:16px;font-weight:600;line-height:1.45}
.t-notes i,.a-list i{display:grid;place-items:center;flex:none;width:22px;height:22px;margin-top:1px;color:var(--accent-text)}
@media (min-width:760px){.h-tiers{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.t-notes{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.t-cars{height:110px}}


/* Zamówienie bez niespodzianek */
.oinfo{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:18px 16px}
.oinfo-t{font-size:1.3rem;line-height:1.15}
.o-ship{list-style:none;display:grid;gap:8px;margin-top:12px}
.o-ship li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;align-items:baseline;padding:12px 14px;background:var(--bg2);border:1px solid var(--line);border-radius:var(--r-md)}
.o-n{font-weight:700;font-size:16px;line-height:1.25}
.o-ship b{font-family:var(--f-head);font-size:1.4rem;font-weight:700;line-height:1;font-variant-numeric:tabular-nums;white-space:nowrap}
.o-ship small{grid-column:1/-1;font-size:14px;font-weight:600;color:var(--accent-text);line-height:1.3}
.o-facts{list-style:none;display:grid;gap:10px;margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}
.o-facts li{display:flex;gap:12px;align-items:flex-start;font-size:15.5px;font-weight:600;line-height:1.4;min-width:0}
.o-facts i{display:grid;place-items:center;flex:none;width:24px;height:24px;color:var(--accent-text)}
.o-facts span{min-width:0}
.o-facts em{display:block;font-style:normal;font-size:13px;font-weight:600;color:var(--muted);line-height:1.2}
.o-facts a{color:var(--accent-text);font-weight:700;display:inline-block;padding:12px 0;margin:-12px 0}
.o-more{display:inline-flex;align-items:center;min-height:44px;margin-top:6px;font-size:15px;font-weight:700;color:var(--accent-text)}
@media (min-width:760px){
  .oinfo{padding:24px}
  .o-ship{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
  .o-ship li{grid-template-columns:minmax(0,1fr);gap:4px;padding:14px 16px}
  .o-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 24px}
}
@media (min-width:1000px){.oinfo:not(.oinfo-compact) .o-facts{grid-template-columns:repeat(4,minmax(0,1fr))}}
.oinfo-compact{padding:16px}
.oinfo-compact .oinfo-t{font-size:1.2rem}
.oinfo-compact .o-ship li{padding:10px 12px}
@media (min-width:760px){.oinfo-compact .o-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px}}

/* car page: order info row, mini compare, sections without an image */
.pdp-after{margin-top:40px;display:grid;gap:16px}
.mini{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:18px 16px}
.mini h3{font-size:1.2rem;line-height:1.15;color:var(--ink)}
.mini>p{margin-top:6px;font-size:15.5px;color:var(--muted)}
.mini-list{list-style:none;display:grid;gap:10px;margin-top:12px}
.mini-list a{display:grid;grid-template-columns:72px minmax(0,1fr) 24px;gap:14px;align-items:center;min-height:88px;padding:8px 12px 8px 8px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--bg2);color:var(--ink);text-decoration:none}
@media (hover:hover){.mini-list a:hover{border-color:var(--pink)}}
.mini-list img{width:72px;height:72px;border-radius:var(--r-sm);object-fit:cover;background:var(--bg2)}
.mini-list b{display:block;font-family:var(--f-head);font-size:1.1rem;font-weight:700;line-height:1.1}
.mini-list small{display:block;margin-top:2px;font-size:14px;line-height:1.35;color:var(--muted)}
.mini-list svg{color:var(--accent-text);width:20px;height:20px}
@media (min-width:901px){.pdp-after{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:start;gap:24px}}
.lsplit.solo{grid-template-columns:minmax(0,760px)}
.lsplit.solo .feat-note{max-width:60ch}
.compare th.cur,.compare td.cur{background:var(--bg2);color:var(--ink);font-weight:700}
.compare th.cur{background:var(--pink);color:#fff}
/* inside the light drawer / panels the "mini" button keeps its own colours */
.lp .mini,.panel .mini,.drawer .mini{background:var(--ink);color:var(--bg)}


/* small stat tiles with icons (like Length / Turns / Rec. speed in the race app) */
.stat-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:16px 0 4px}
.stat-tile{display:flex;align-items:center;gap:12px;min-width:0;padding:12px 14px;background:var(--card);border:1px solid var(--line);border-radius:var(--r-md)}
.stat-tile i{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:rgba(225,6,0,.16);color:var(--accent-text)}
.stat-tile i svg{width:20px;height:20px}
.stat-tile span{display:block;min-width:0}
.stat-tile em{display:block;font-style:normal;font-size:12.5px;color:var(--muted);line-height:1.2}
.stat-tile b{display:block;font-size:1.1rem;line-height:1.2;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
@media (min-width:520px){.stat-tiles{grid-template-columns:repeat(4,minmax(0,1fr))}.stat-tiles.n3{grid-template-columns:repeat(3,minmax(0,1fr))}}


/* ============================================================================================================
   NEW LOOK (approved mockup etap3). Shared on every page: .ax-util (top bar), .shop-head (header), .shop-menu (mobile menu),
   .ax-loop (phone block) and .shop-foot (footer). Shared tokens: --ax-* in landing.css. Buttons: .pill.cta / .pill.ghost / .pill.out / .pill.dark.
   Headings in the mockup style: class .ax-h (Unbounded, uppercase; b = weight 900). Home page only: .home and .ax-* sections below.
   ============================================================================================================ */

/* ===== top utility bar ===== */
.ax-util{background:var(--ax-soft);font-size:13px;font-weight:400;color:var(--ax-muted)}
.ax-util .wrap{display:flex;justify-content:flex-end;align-items:center;gap:24px;min-height:30px}
.ax-util a{color:var(--ax-muted);text-decoration:none;display:inline-flex;align-items:center;min-height:30px}
.ax-util a:hover{color:var(--ax-ink)}
.ax-util .ax-x{margin-right:auto;font-weight:600;color:var(--ax-ink)}

/* ===== header (white, sticky) ===== */
.shop-head{position:sticky;top:0;z-index:30;background:#fff;box-shadow:0 1px 0 #EDEDED;color:var(--ax-ink)}
.shop-head-in{display:flex;align-items:center;gap:20px;height:82px}
.shop-head .logo{flex:none;display:flex;align-items:center;min-height:44px}
.shop-head .logo img{height:24px;width:auto;max-width:none}
.shop-nav{margin-left:auto;display:flex;gap:34px;font:600 13px var(--ax-body);text-transform:uppercase;letter-spacing:.02em}
.shop-nav a{display:inline-flex;align-items:center;min-height:44px;color:var(--ax-ink);text-decoration:none;border-bottom:2px solid transparent;box-sizing:border-box}
.shop-nav a:hover,.shop-nav a[aria-current]{border-bottom-color:var(--ax-red)}
a.cartbtn{position:relative;display:flex;align-items:center;gap:8px;min-height:44px;font:600 13px var(--ax-body);text-transform:uppercase;color:var(--ax-ink);text-decoration:none}
a.cartbtn svg{width:22px;height:22px}
a.cartbtn b{min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:var(--ax-red);color:#fff;font-size:11px;font-weight:700;display:grid;place-items:center;font-variant-numeric:tabular-nums}
.menubtn,.shop-menu,.menu-bg{display:none}
.menubtn{width:44px;height:44px;place-items:center;margin-left:auto;background:none;border:0;color:var(--ax-ink);cursor:pointer}
.menubtn span{display:grid;place-items:center}
.menubtn .mx,.menubtn[aria-expanded=true] .mi{display:none}
.menubtn[aria-expanded=true] .mx{display:grid}
.shop-menu a{display:flex;align-items:center;gap:14px;min-height:52px;padding:6px 4px;text-decoration:none;color:var(--ax-ink);font:600 14px var(--ax-body);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--ax-line)}
.shop-menu a svg{flex:none;color:var(--ax-red)}
.shop-menu a[aria-current]{box-shadow:inset 3px 0 0 var(--ax-red);padding-left:14px}
.shop-menu .menu-tel{text-transform:none;letter-spacing:0;font-weight:400;font-size:14px;color:var(--ax-muted);border-bottom:0}
.shop-menu .menu-tel b{display:block;font-weight:700;font-size:16px;color:var(--ax-ink);font-variant-numeric:tabular-nums}
.shop-search{display:flex;align-items:center;border:1px solid var(--ax-line);border-radius:4px;margin:12px 0 4px;background:#fff}
.shop-search input{flex:1;min-width:0;min-height:48px;border:0;outline:0;background:transparent;color:var(--ax-ink);font:400 16px var(--ax-body);padding:0 14px}
.shop-search button{width:48px;height:48px;border:0;background:transparent;color:var(--ax-ink);display:grid;place-items:center;cursor:pointer}
.menu-bg{position:fixed;inset:0;z-index:39;background:rgba(0,0,0,.5)}
.shop-head.menu-open{z-index:40}
@media (max-width:1000px){
  .ax-util,.shop-nav{display:none}
  .shop-head-in{height:64px;gap:8px}
  .shop-head .logo img{height:auto;width:min(238px,calc(100vw - 150px))}
  .menubtn{display:grid}
  a.cartbtn span{display:none}
  .menu-bg:not([hidden]){display:block}
  .shop-menu{display:block;position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:3px solid var(--ax-red);padding:6px 20px 18px;max-height:calc(100vh - 70px);max-height:calc(100dvh - 70px);overflow-y:auto;overscroll-behavior:contain}
}

/* ===== phone block + footer ===== */
.ax-loop{margin-top:72px;background:var(--ax-night);color:#fff;text-align:center;padding:70px 20px 64px}
main.home~.ax-loop{margin-top:0}
.ax-loop img{width:min(420px,80%);height:auto;margin:0 auto 20px;filter:drop-shadow(0 20px 30px rgba(0,0,0,.6))}
.ax-loop h2{font-size:clamp(24px,3vw,36px);font-weight:900;margin-bottom:24px;color:#fff}
.ax-loop p{margin-top:16px;font-weight:400;opacity:.8}
.shop-foot{background:#000;color:#fff;padding:56px 0 30px;font-weight:400;font-size:14px}
.shop-foot-in{display:grid;grid-template-columns:1fr 1.4fr 1.2fr;gap:30px}
.shop-foot h4{font:700 15px var(--ax-head);text-transform:uppercase;margin-bottom:14px;color:#fff;letter-spacing:0}
.shop-foot ul{list-style:none}
.shop-foot li a{display:flex;align-items:center;min-height:44px;font-weight:600;font-size:13px;text-transform:uppercase;color:#fff;text-decoration:none}
.shop-foot li a:hover{text-decoration:underline}
.shop-foot .k p{margin-bottom:14px;line-height:1.55}
.shop-foot .k b{display:block;font-weight:700}
.shop-foot .k a{color:#fff;font-weight:700;text-decoration:underline;display:inline-flex;align-items:center;min-height:44px}
.shop-foot .legal{border-top:1px solid #333;margin-top:30px;padding-top:22px;display:flex;justify-content:space-between;gap:6px 20px;flex-wrap:wrap;font-size:12px;color:#BDBDBD}
.shop-foot .legal a{color:#BDBDBD;display:inline-flex;align-items:center;min-height:44px;text-decoration:none}
.shop-foot .legal a:hover{color:#fff}
.shop-foot .legal nav{display:flex;flex-wrap:wrap;gap:0 18px}
.shop-foot .company{margin-top:6px;font-size:12px;line-height:1.5;color:#BDBDBD}
@media (max-width:1000px){.shop-foot-in{grid-template-columns:1fr}.ax-loop{padding:56px 20px 52px}}
body:has(.mobile-buy:not([hidden])) .shop-foot{padding-bottom:calc(30px + 84px)}

/* ===== shared heading ===== */
.ax-h{font-family:var(--ax-head);text-transform:uppercase;font-weight:400;letter-spacing:-.01em;line-height:1.12}
.ax-h b{font-weight:900}

/* ===== HOME ===== */
.home{--ink:#15151E;--muted:#4A4E57;--line:#D9D9DE;--bg:#fff;--bg2:#EFEDEE;--card:#fff;--accent-text:#C20500;background:#fff;color:var(--ink);font-weight:300;overflow-x:clip}
.home :is(a,button,summary):focus-visible{outline:3px solid var(--ax-red);outline-offset:2px}
.home h1,.home h2,.home h3{letter-spacing:-.01em}
.ax-arrow{width:22px;height:22px;color:var(--ax-red);flex:none}

/* header: headline on a dark band at the top, the helmet photo (16:9) anchored to the bottom so the whole helmet and its logo stay visible above the glass panel */
/* header: a rounded dark box 20px from the edges; headline, then the helmet photo (faded top and bottom), then the glass panel overlapping the photo */
.ax-hero{position:relative;margin:20px auto 0;width:calc(100% - 40px);min-height:max(800px,calc(100vh - 120px),48vw);border-radius:24px;overflow:hidden;isolation:isolate;background:#0C0A10;color:#fff;text-align:center;display:flex;flex-direction:column}
/* the photo fills the whole box (no plain dark band); a soft shade at the top keeps the headline readable */
.ax-hero-img{position:absolute;inset:0;z-index:0;background:#000 url(img/f1/kask-5-blur.webp) center/cover no-repeat}
/* the sharp photo is sized so the helmet fits between the headline (~230px) and the glass panel (~470px from the bottom); edges fade into the blurred copy */
.ax-hero-img::before{content:"";position:absolute;left:50%;transform:translateX(-50%);aspect-ratio:16/9;top:calc(252px - 0.2 * (125% - 650px));height:calc(125% - 650px);min-height:340px;background:url(img/f1/kask-5.webp) center/cover no-repeat;
  -webkit-mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 70%,transparent 100%);mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 70%,transparent 100%)}
.ax-hero-img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,.7) 18%,rgba(0,0,0,.25) 36%,rgba(0,0,0,0) 52%,rgba(0,0,0,0) 72%,rgba(0,0,0,.45) 100%)}
.ax-hero-in{position:relative;z-index:2;padding:clamp(46px,4vw,80px) 20px 0}
.ax-hero h1{font-size:clamp(30px,4.4vw,70px);font-weight:900;color:#fff}
.ax-hero p{font:400 clamp(16px,1.8vw,26px)/1.3 var(--ax-head);margin:10px 0 30px;color:#fff}

/* "Wybierz swój start": liquid glass panel over the photo and a dark strip, with slow floating red glows behind it */
.ax-pick{position:relative;margin:auto 0 clamp(28px,2.4vw,48px);padding:0 clamp(28px,3vw,60px);z-index:1;isolation:isolate;text-align:left}
.home{display:flow-root} /* keeps the hero box margin inside the white page (no dark gap) */
.ax-pick-box{position:relative;max-width:1280px;margin:0 auto;border-radius:18px;padding:30px 32px 32px;
  background:linear-gradient(135deg,rgba(255,255,255,.16),rgba(255,255,255,.04) 45%,rgba(225,6,0,.08));
  -webkit-backdrop-filter:blur(22px) saturate(170%);backdrop-filter:blur(22px) saturate(170%);
  border:1px solid rgba(255,255,255,.22);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35),inset 0 -1px 0 rgba(255,255,255,.06),0 30px 80px -30px rgba(0,0,0,.7),0 0 60px -10px rgba(225,6,0,.35)}
.ax-pick-box::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:radial-gradient(60% 50% at 15% 0%,rgba(255,255,255,.18),transparent 60%)}
.ax-glow{position:absolute;z-index:-1;border-radius:50%;pointer-events:none;filter:blur(50px);opacity:.85;
  background:radial-gradient(circle,rgba(255,40,20,.95) 0%,rgba(225,6,0,.55) 35%,rgba(225,6,0,0) 70%);animation:ax-float 14s ease-in-out infinite alternate}
.ax-glow.g1{width:340px;height:340px;left:8%;top:90px}
.ax-glow.g2{width:260px;height:260px;left:46%;top:200px;animation-duration:18s;animation-delay:-6s;opacity:.6}
.ax-glow.g3{width:300px;height:300px;right:6%;top:60px;animation-duration:16s;animation-delay:-10s}
@keyframes ax-float{0%{transform:translate(0,0) scale(1)}50%{transform:translate(60px,-40px) scale(1.15)}100%{transform:translate(-50px,30px) scale(.9)}}
@media (prefers-reduced-motion:reduce){.ax-glow{animation:none}}
.ax-pick h2{color:#fff;text-align:center;font-size:clamp(19px,2vw,24px);margin-bottom:22px}
.ax-pick-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.ax-hc{position:relative;display:block;padding-left:122px;border-radius:12px;overflow:hidden;min-height:132px;color:#fff;text-decoration:none;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.22);transition:background .25s,border-color .25s,box-shadow .25s}
.ax-hc img{position:absolute;left:0;top:0;width:122px;height:100%;object-fit:cover}
.ax-hc .t{position:relative;padding:22px 40px 18px 16px}
.ax-hc h3{font:700 15px var(--ax-head);text-transform:uppercase;margin-bottom:8px}
.ax-hc p{font-size:14px;color:rgba(255,255,255,.78);line-height:1.45;font-weight:400}
.ax-hc .ax-arrow{position:absolute;right:12px;top:12px}

.ax-trust{background:var(--ax-soft);margin-top:40px}
.ax-trust ul{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 20px;padding:14px 0}
.ax-trust li{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;line-height:1.3;color:var(--ax-ink);min-height:44px}
.ax-trust i{flex:none;display:grid;place-items:center;color:var(--ax-red)}

.ax-sec{padding:84px 0}
.ax-title{text-align:center;font-size:clamp(24px,3vw,36px);margin-bottom:52px;color:var(--ax-ink)}

@media (hover:hover){.ax-hc:hover{background:rgba(255,255,255,.14);border-color:rgba(225,6,0,.8);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 0 30px -6px rgba(225,6,0,.7)}}

.ax-podium-sec{background:linear-gradient(90deg,#F1F0EF,#F1E6EC)}
.ax-sub{text-align:center;font:400 16px var(--ax-head);text-transform:uppercase;margin:-36px 0 48px;color:var(--ax-ink)}
/* Stawka 2026: three slanted stripes edge to edge, one car each (desktop); stacked with slanted edges on phones */
.ax-stripes{--s:110px;display:flex;height:clamp(620px,48vw,780px);overflow:hidden;background:#15151E}
.ax-st{position:relative;flex:1 0 0;margin-left:calc(var(--s) * -1);color:#fff;
  clip-path:polygon(var(--s) 0,100% 0,calc(100% - var(--s)) 100%,0 100%);transition:flex-grow .4s}
.ax-st:first-child{margin-left:0;clip-path:polygon(0 0,100% 0,calc(100% - var(--s)) 100%,0 100%)}
.ax-st:last-child{clip-path:polygon(var(--s) 0,100% 0,100% 100%,0 100%)}
.ax-st.blue{background:radial-gradient(60% 45% at 50% 52%,rgba(59,139,240,.45),rgba(10,20,50,0) 70%),#071026 url(img/f1/pas-niebieskie.webp) center/cover no-repeat}
.ax-st.green{background:radial-gradient(60% 45% at 50% 52%,rgba(111,214,62,.35),rgba(8,25,8,0) 70%),#061206 url(img/f1/pas-zielone.webp) center/cover no-repeat}
.ax-st.neon{background:radial-gradient(60% 45% at 50% 52%,rgba(194,92,240,.4),rgba(25,8,40,0) 70%),#14061f url(img/f1/pas-fioletowe.webp) center/cover no-repeat}
.ax-st-link{position:absolute;inset:0;z-index:1}
/* bottom fade under the name and price, tinted with the car colour, so the text stays readable on any background */
/* bottom: a frosted liquid-glass band (blur + car-colour tint) that fades out upward, no frame */
.ax-st::after{content:"";position:absolute;left:0;right:0;bottom:0;height:44%;z-index:1;pointer-events:none;
  background:linear-gradient(0deg,var(--fade) 0%,var(--tint) 55%,rgba(255,255,255,.06) 100%);
  -webkit-backdrop-filter:blur(16px) saturate(170%);backdrop-filter:blur(16px) saturate(170%);
  -webkit-mask-image:linear-gradient(0deg,#000 0%,#000 55%,transparent 100%);mask-image:linear-gradient(0deg,#000 0%,#000 55%,transparent 100%)}
.ax-st.blue{--fade:rgba(6,18,48,.72);--tint:rgba(44,123,229,.28)}.ax-st.green{--fade:rgba(6,28,8,.72);--tint:rgba(92,197,49,.24)}.ax-st.neon{--fade:rgba(26,8,42,.72);--tint:rgba(178,75,224,.3)}
.ax-st-link:focus-visible{outline:3px solid #fff;outline-offset:-8px}
.ax-st .wm{position:absolute;right:calc(var(--s) - 10px);top:28%;font:900 clamp(120px,14vw,230px)/1 var(--ax-head);letter-spacing:-.05em;color:rgba(255,255,255,.08);pointer-events:none}
.ax-st:last-child .wm{right:20px}
.ax-st .in{position:absolute;inset:0;z-index:2;pointer-events:none;padding:44px calc(var(--s) + 26px) 40px;display:flex;flex-direction:column}
.ax-st:first-child .in{padding-left:clamp(28px,4vw,64px)}
.ax-st:last-child .in{padding-right:clamp(28px,4vw,64px)}
.ax-st .num{font:900 clamp(90px,10vw,160px)/.85 var(--ax-head);letter-spacing:-.05em}
.ax-st .mn{margin-top:14px;font:700 12px var(--ax-body);letter-spacing:.14em;text-transform:uppercase;opacity:.85}
.ax-st .car{position:absolute;left:50%;top:52%;width:clamp(380px,36vw,560px);max-width:none;height:auto;transform:translate(-50%,-50%);filter:drop-shadow(0 26px 22px rgba(0,0,0,.5));transition:transform .4s}
.ax-st .bottom{margin-top:auto;position:relative}
.ax-st .name{font:700 clamp(20px,2vw,30px)/1.05 var(--ax-head);text-transform:uppercase;color:#fff;margin:0}
.ax-st .name small{display:block;font:700 11px var(--ax-body);letter-spacing:.16em;opacity:.8;margin-bottom:6px}
.ax-st .ax-buy{justify-content:flex-start;gap:16px;margin-top:16px}
.ax-st .ax-buy .price{color:#fff;font-size:clamp(20px,1.8vw,28px)}
.ax-st .ax-buy .pill{pointer-events:auto;flex:none;background:#fff;color:#15151E;border:0;padding:0 22px;max-width:none}
@media (hover:hover){.ax-st:hover{flex-grow:1.25}.ax-st:hover .car{transform:translate(-50%,-50%) scale(1.04)}.ax-st .ax-buy .pill:hover{background:#E10600;color:#fff}}
.ax-stripes .ax-skel{flex:1;height:auto;border-radius:0}
.ax-stripes .h-error{margin:40px auto;max-width:640px}
.ax-st-nav{display:none}
@media (max-width:760px){
  /* phone: one big slanted stripe at a time, swipe sideways; the next one peeks in */
  .ax-stripes{--s:0px;height:auto;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding:0 24px;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:28px 24px 44px;gap:14px;background:none;margin-bottom:-10px;align-items:flex-start}
  .ax-stripes::-webkit-scrollbar{display:none}
  /* rounded swipe cards like the hero box; the next card peeks in from the side */
  .ax-st,.ax-st:first-child,.ax-st:last-child{flex:0 0 calc(100% - 36px);height:520px;margin-left:0;scroll-snap-align:center;clip-path:none;overflow:hidden;border-radius:18px;box-shadow:0 22px 34px -16px rgba(0,0,0,.55),0 6px 12px -6px rgba(0,0,0,.35)}
  .ax-st.blue{--glow:rgba(44,123,229,.75)}.ax-st.green{--glow:rgba(92,197,49,.7)}.ax-st.neon{--glow:rgba(178,75,224,.75)}
  .ax-st:first-child{margin-left:0}
  .ax-st .in,.ax-st:first-child .in,.ax-st:last-child .in{padding:26px calc(var(--s) + 16px) 24px}
  .ax-st .num{font-size:84px}
  .ax-st .wm{right:24px;top:30%;font-size:120px}
  .ax-st .car{width:94%;top:46%}
  .ax-st .ax-buy .pill{margin-left:auto}
  .ax-stripes .ax-skel{flex:0 0 calc(100% - 36px);height:540px;border-radius:18px}
  /* tiles under the stripes: every car on its own colour, the current one highlighted */
  .ax-st-nav:not([hidden]){display:none;grid-template-columns:repeat(3,1fr);gap:8px;padding:14px 16px 0}
  .ax-st-tab{display:flex;flex-direction:column;align-items:center;gap:4px;min-height:64px;padding:8px 4px 6px;border-radius:12px;border:2px solid transparent;color:#fff;
    font:700 10px var(--ax-head);text-transform:uppercase;letter-spacing:.02em;opacity:.55;transition:opacity .2s,border-color .2s,transform .2s;cursor:pointer}
  .ax-st-tab img{width:64px;height:32px;object-fit:contain;filter:drop-shadow(0 4px 4px rgba(0,0,0,.4))}
  .ax-st-tab.blue{background:linear-gradient(135deg,#1450C8,#0A2A72)}
  .ax-st-tab.green{background:linear-gradient(135deg,#2E9A22,#14501A)}
  .ax-st-tab.neon{background:linear-gradient(135deg,#7A26B8,#3A0F63)}
  .ax-st-tab[aria-current]{opacity:1;border-color:#fff;transform:translateY(-2px);box-shadow:0 8px 20px -8px rgba(0,0,0,.5)}
}
.ax-buy{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px}
.ax-buy .price{font:700 20px var(--ax-head);color:var(--ax-ink);white-space:nowrap}
.ax-buy .pill{flex:1;min-height:48px;padding:0 12px;letter-spacing:.1em;max-width:160px}
.ax-center{text-align:center;margin-top:42px}
.ax-skel{border-radius:10px;height:400px;background:linear-gradient(90deg,#ece9ea,#f6f6f6,#ece9ea);background-size:200% 100%;animation:sk 1.2s infinite}

.ax-gal{background:var(--ax-night);color:#fff}
.ax-gal .ax-title{color:#fff}
.ax-gal p.lead{text-align:center;font-weight:400;margin:-36px 0 40px;color:#fff;font-size:inherit}
.ax-track{display:grid;grid-template-columns:.4fr 2.2fr .4fr;gap:10px;align-items:stretch}
.ax-track img{border-radius:10px;height:520px;width:100%;object-fit:cover}
.ax-dots{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:20px}
.ax-dots i{width:12px;height:12px;border-radius:50%;background:#77757A}
.ax-dots i:first-child{width:16px;height:16px;background:var(--ax-red)}


/* FAQ, errors, seasonal banner and reviews on the light page */
.home .h-faq details p a,.home .h-error a{color:var(--ax-red);text-decoration:underline}
.home .h-error{background:#fff;border:1px solid var(--ax-line);border-radius:6px;color:var(--ax-ink);margin:0 auto;max-width:640px}
.home .h-xmas{background:#fff;color:var(--ax-ink);border:1px solid var(--ax-line);border-top:4px solid var(--ax-red);border-radius:6px}
.home .h-xmas h2{color:var(--ax-ink);font:700 clamp(18px,2.4vw,24px) var(--ax-head);text-transform:uppercase}
.home .h-xmas p{color:var(--ax-muted)}
.home .h-count{border-radius:4px;background:var(--ax-red)}
.home .h-sec{margin:0;padding:60px 0}
.home .h-review{border-radius:6px}

@media (max-width:1000px){
  .ax-hero{margin:12px auto 0;width:calc(100% - 24px);min-height:0;border-radius:18px}
  /* phone: blurred photo fills the box; the sharp helmet sits on top and fades in from a dark top (no hard edge) */
  .ax-hero-img{--top:calc(265px - 19.6vw);background:#0C0A10 url(img/f1/kask-5-blur.webp) center/cover no-repeat}
  .ax-hero-img::before{content:"";position:absolute;inset:0;background:url(img/f1/kask-5-1000.webp) 42% var(--top)/194% auto no-repeat;top:0;height:auto;bottom:0;left:0;right:0;transform:none;aspect-ratio:auto;min-height:0;
    -webkit-mask-image:linear-gradient(180deg,transparent 0,transparent var(--top),#000 calc(var(--top) + 130px),#000 calc(var(--top) + 1.09 * (100vw - 24px) - 170px),transparent calc(var(--top) + 1.09 * (100vw - 24px) - 10px));mask-image:linear-gradient(180deg,transparent 0,transparent var(--top),#000 calc(var(--top) + 130px),#000 calc(var(--top) + 1.09 * (100vw - 24px) - 170px),transparent calc(var(--top) + 1.09 * (100vw - 24px) - 10px))}
  .ax-hero-img::after{z-index:1;background:linear-gradient(180deg,rgba(8,6,12,.92) 0%,rgba(8,6,12,.75) calc(var(--top) - 20px),rgba(8,6,12,0) calc(var(--top) + 150px),rgba(8,6,12,0) 80%,rgba(8,6,12,.4) 100%)}
  .ax-hero-in{padding-top:26px}
  .ax-hero h1{font-size:27px}
  .ax-hero p{font-size:14px;margin:8px 0 22px}
  .ax-pick{margin:calc(110px + 60vw) 0 12px;padding:0 12px}
  .ax-glow.g1{width:220px;height:220px;left:-10%;top:120px}.ax-glow.g2{width:200px;height:200px;left:40%;top:320px}.ax-glow.g3{width:220px;height:220px;right:-12%;top:480px}
  .ax-pick-box{padding:24px 16px 16px}
  .ax-pick-row{grid-template-columns:1fr;gap:10px}
  .ax-hc{padding-left:104px;min-height:112px}.ax-hc img{width:104px}
  .ax-hc .t{padding:16px 40px 14px 14px}
  .ax-trust{margin-top:28px}
  .ax-trust ul{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ax-sec{padding:60px 0}
  .ax-title{margin-bottom:34px}
  .ax-sub{margin-top:-22px}
  .ax-track{grid-template-columns:1fr}
  .ax-track img{height:380px}
  .ax-track img:not(.main){display:none}
  .ax-gal p.lead{margin-top:-20px}
  .home .h-sec{padding:44px 0}
}
@media (prefers-reduced-motion:reduce){.ax-st,.ax-st .car,.ax-skel{transition:none;animation:none}}
.ax-note{text-align:center;font-size:13px;color:var(--ax-muted);margin-top:22px;font-weight:400}

/* ============================================================================================================
   NEW LOOK FOR ALL OTHER PAGES: body.pg (product, list, cart, checkout, order, payment, legal).
   Light tokens are scoped to body.pg so the home page (.home) is untouched. Same language as the home page:
   white / #F6F6F6 / #EFEDEE, ink #15151E, red #E10600, dark gradient panels only for emphasis, Head (Unbounded) uppercase headings.
   ============================================================================================================ */
body.pg{
  --bg:#fff;--bg2:#EFEDEE;--card:#fff;--ink:#15151E;--muted:#4A4E57;--line:#D9D9DE;--accent-text:#C20500;--red:#B3261E;--pink-soft:#D9D9DE;
  --r:12px;--r-md:10px;--r-sm:6px;
  --f-head:Head,Arial,sans-serif;--f-wm:Head,Arial,sans-serif;
  background:#fff;color:var(--ink);font-weight:400;
  min-height:100vh;display:flex;flex-direction:column;
}
body.pg>main{width:100%;flex:none}
body.pg>.shop-foot{margin-top:auto}
body.pg :is(a,button,summary,input,select,textarea):focus-visible{outline:3px solid var(--ax-red);outline-offset:2px}
body.pg h1,body.pg h2{text-transform:uppercase}
body.pg h1{font-size:clamp(22px,3.4vw,34px);line-height:1.15;font-weight:900;margin-bottom:22px}
body.pg h2{font-size:clamp(19px,2.4vw,28px);line-height:1.15;font-weight:700}
body.pg h3{font-size:1.05rem;line-height:1.25;font-weight:700}
body.pg .page{padding-top:28px;padding-bottom:56px}
body.pg .crumbs{font-size:13px;margin-bottom:16px}
body.pg .crumbs a{text-decoration:none;display:inline-flex;align-items:center;min-height:32px}
body.pg .crumbs a:hover{color:var(--ax-red);text-decoration:underline}
body.pg .lead{font-weight:400;color:var(--muted)}
body.pg .eyebrow{font:700 12px var(--ax-body);letter-spacing:.14em;color:var(--ax-red)}
body.pg .wm{color:rgba(21,21,30,.05)}
body.pg .empty{background:var(--ax-soft);border:1px solid var(--line);border-radius:12px}
body.pg .skeleton{background:linear-gradient(90deg,#ece9ea,#f6f6f6,#ece9ea);background-size:200% 100%;border-radius:12px}
body.pg .toast{background:#15151E;border:0;border-left:4px solid var(--ax-red)}

/* buttons */
body.pg .pill{font-family:var(--ax-body)}
body.pg .ghost{color:var(--ax-ink);border:2px solid var(--ax-ink)}
body.pg .pill.out{color:#fff;border-color:#fff}
body.pg .pill.dark{background:var(--ax-ink)}

/* category chips */
body.pg .cats{gap:8px;margin:18px 0 6px}
body.pg .cats a{border-radius:4px;background:#fff;border:1px solid var(--line);color:var(--ax-ink);font:700 12px var(--ax-body);letter-spacing:.1em;text-transform:uppercase;padding:6px 18px}
body.pg .cats a[aria-current]{background:var(--ax-red);border-color:var(--ax-red);color:#fff}
body.pg .toolbar select{border:1px solid var(--line);border-radius:4px;background:#fff;font-weight:600;padding:8px 14px}
body.pg .toolbar{margin:14px 0 22px}

/* ---- product cards (list, related) ---- */
body.pg .grid4{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}
body.pg .pcard2{border-radius:12px;background:#fff;border-color:var(--line)}
@media (hover:hover){body.pg .pcard2:hover{border-color:var(--ax-red);box-shadow:0 14px 30px rgba(21,21,30,.12)}}
body.pg .pcard2 .ph{background:linear-gradient(165deg,#F6F6F6,#EFEDEE)}
body.pg .pcard2 .ph.ph-cut img{filter:drop-shadow(0 12px 12px rgba(21,21,30,.3))}
body.pg .pcard2 .tag{border-radius:4px;background:var(--ax-red);letter-spacing:.08em}
body.pg .pc-no{background:#fff;border:1px solid var(--line);color:var(--ax-ink);border-radius:4px;font-weight:700}
body.pg .pcard2 h3{font:700 17px/1.2 var(--ax-head);text-transform:uppercase}
body.pg .pcard2 .pc-char{font-weight:400}
body.pg .pcard2 .pc-price b{font:700 1.5rem var(--ax-head)}
body.pg .pcard2 .pc-btn{font-size:13px;letter-spacing:.12em;min-height:48px}
body.pg .pcard2 .pc-btn-ghost{background:transparent;color:var(--ax-ink);border:2px solid var(--ax-ink);padding:0 12px;font-size:13px}
@media (hover:hover){body.pg .pcard2 .pc-btn-ghost:hover{background:var(--ax-ink);color:#fff}}
body.pg .pcard2 .pc-more{font-size:14px}
body.pg .specs>div{border-top:1px solid var(--line)}
body.pg .specs dt{font-weight:400}
body.pg .specs .hot dd{font:700 1.15rem var(--ax-head)}

/* ============ PRODUCT PAGE ============ */
body.pg .pdp{gap:48px}
@media (min-width:901px){body.pg .pdp{grid-template-columns:minmax(0,1.12fr) minmax(0,1fr)}}
body.pg .gallery{top:110px}
body.pg .gallery .main{border-radius:12px;border-color:var(--line);background:linear-gradient(165deg,#F6F6F6,#EFEDEE)}
body.pg .gallery .main.is-cut img{filter:drop-shadow(0 16px 16px rgba(21,21,30,.3))}
body.pg .gallery .main .main-wm{color:rgba(21,21,30,.06)}
body.pg .gallery .thumbs2 button{border-radius:8px;border:2px solid var(--line);background:#F6F6F6}
body.pg .gallery .thumbs2 button[aria-pressed="true"]{border-color:var(--ax-red)}
body.pg .pdp h1{font-size:clamp(26px,3vw,38px);line-height:1.08;margin:8px 0 0;font-weight:900}
body.pg .tagline{font-size:1rem;color:var(--muted);margin-top:10px}
body.pg .stars-row{color:var(--gold)}
body.pg .stars-row span{font-weight:600}
body.pg .pdp .pprice{margin:18px 0 2px}
body.pg .pdp .pprice b{font:700 2.1rem/1 var(--ax-head);color:var(--ax-ink)}
body.pg .saveline{border-radius:4px;border-color:var(--ax-red);color:var(--ax-red);font-size:12px;letter-spacing:.04em}
body.pg .stat-tiles{display:none}
/* quantity tiers = option cards in the style of "Wybierz swoj zestaw" (dashed divider) */
body.pg .tiers{margin:20px 0 14px}
body.pg .tiers legend{font:700 13px var(--ax-head);text-transform:uppercase;letter-spacing:.02em;margin-bottom:10px}
body.pg .tiers .tier-row{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;padding:0;background:none;border:0;border-radius:0}
body.pg .tier{position:relative;display:block;text-align:left;min-height:0;padding:14px 16px 12px 52px;background:#fff;border:1px solid var(--line);border-radius:10px;color:var(--ax-ink);transition:border-color .15s,box-shadow .15s}
body.pg .tier::before{content:"";position:absolute;left:18px;top:18px;width:20px;height:20px;border-radius:50%;border:2px solid #8A8D98;background:#fff}
body.pg .tier:has(input:checked){background:#fff;color:var(--ax-ink);border-color:var(--ax-red);box-shadow:0 0 0 1px var(--ax-red)}
body.pg .tier:has(input:checked)::before{border-color:var(--ax-red);background:radial-gradient(circle,var(--ax-red) 0 5px,#fff 6px)}
@media (hover:hover){body.pg .tier:hover{border-color:var(--ax-red);color:var(--ax-ink)}}
body.pg .tier:has(input:focus-visible){outline:3px solid var(--ax-red);outline-offset:2px}
body.pg .tier .t-top{display:flex;align-items:center;gap:14px;padding-bottom:10px;border-bottom:2px dashed #CFCFD4}
body.pg .tier .t-name{flex:1;min-width:0;font:700 16px/1.2 var(--ax-head);text-transform:uppercase}
body.pg .tier .t-pr{display:flex;flex-direction:column;align-items:flex-end;line-height:1.1;text-align:right}
body.pg .tier .t-save,body.pg .tier:has(input:checked) .t-save,body.pg .tier:not(:has(input:checked)) .t-save{font:600 12px/1.2 var(--ax-body);color:var(--ax-ink);margin-bottom:3px}
body.pg .tier .t-price,body.pg .tier:has(input:checked) .t-price{font:700 20px var(--ax-head);color:var(--ax-ink);white-space:nowrap}
body.pg .tier .t-sub{display:block;margin-top:9px;font-size:14px;color:var(--muted)}
body.pg .picks{margin:0 0 18px}
body.pg .picks .pick{background:#F6F6F6;border:1px solid var(--line);border-radius:10px;padding:6px 6px 6px 16px}
body.pg .picks select{background:#fff;border:1px solid #8A8D98;border-radius:6px;font-weight:600}
body.pg .picks .pick-sum{font-size:14px}
body.pg .vopts legend{font:700 13px var(--ax-head);text-transform:uppercase}
body.pg .vopt{border-radius:10px;background:#fff}
body.pg .vopt:has(input:checked){background:#fff;border-color:var(--ax-red);box-shadow:0 0 0 1px var(--ax-red)}
body.pg .vopt em{border-radius:4px}
body.pg .vopt .vp{font:700 1.15rem var(--ax-head)}
body.pg .buyrow{align-items:stretch;gap:10px}
body.pg .qty2{border-radius:6px;border:1px solid var(--line);background:#fff;padding:3px}
body.pg .qty2 button{border-radius:4px;background:#F6F6F6;width:44px;height:44px}
body.pg .buyrow .cta{min-height:52px}
body.pg .shipnudge{margin-top:10px;font-size:13px;color:var(--ax-red)}
body.pg .eta,body.pg .trust div{background:#F6F6F6;border:1px solid transparent;border-radius:10px;font-weight:600}
body.pg .phonebox{background:#fff;border-color:var(--line);border-radius:10px;font-weight:400}
body.pg .trust{grid-template-columns:1fr 1fr;gap:10px}
@media (max-width:520px){body.pg .trust{grid-template-columns:1fr}}
body.pg .hl{font-weight:600;font-size:15px}
body.pg .countdown{background:var(--ax-night);color:#fff;border-radius:6px}
body.pg .pdesc{font-size:15px;line-height:1.6}
body.pg .bundle{background:#fff;border-radius:12px}
body.pg .bundle h3{font:700 15px var(--ax-head);text-transform:uppercase}
body.pg .brow input{accent-color:var(--ax-red)}
body.pg .bsum .tot{font-family:var(--ax-head)}

/* Pro Racing Stats: dark gradient plate, stats like the home page */
body.pg .pdp-specs{margin-top:48px}
body.pg .plate{--ink:#fff;--muted:rgba(255,255,255,.72);--line:rgba(255,255,255,.18);--accent-text:#fff;background:var(--ax-night);color:#fff;border-radius:12px;padding:28px 32px 30px;margin:0}
body.pg .plate .wm{color:rgba(255,255,255,.07)}
body.pg .plate .plate-wm{right:2%;top:-4%;font-size:min(11rem,40vw);font-weight:900}
body.pg .plate-head{margin-bottom:18px}
body.pg .plate-t{font:700 clamp(18px,2vw,24px) var(--ax-head);color:#fff}
body.pg .plate-no{background:var(--ax-red);border-radius:4px;letter-spacing:.1em}
body.pg .plate .specs{display:grid;grid-template-columns:repeat(4,max-content);justify-content:space-between;gap:0 24px;margin:0}
body.pg .plate .specs>div{flex-direction:column-reverse;align-items:flex-start;gap:6px;padding:16px 0 0;border-top:1px solid var(--line)}
body.pg .plate .specs dt{font:600 12px var(--ax-body);letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.72)}
body.pg .plate .specs dd{font:400 clamp(20px,2.6vw,32px)/1 var(--ax-head);color:#fff;text-align:left;white-space:nowrap}
@media (max-width:760px){
  body.pg .plate{padding:22px 18px 24px}
  body.pg .plate .specs{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 16px}
  body.pg .plate .specs dd{white-space:normal;font-size:22px}
}
body.pg .pdp-after{margin-top:24px}
body.pg .oinfo,body.pg .mini-box{background:#fff;border:1px solid var(--line);border-radius:12px}
body.pg section.mini{background:#fff;border:1px solid var(--line);border-radius:12px}
body.pg .oinfo-t,body.pg section.mini h3{font:700 15px var(--ax-head);text-transform:uppercase}
body.pg .o-ship li{background:#F6F6F6;border:0;border-radius:10px}
body.pg .o-ship b{font-family:var(--ax-head);font-size:1.25rem}
body.pg .o-ship small{color:var(--ax-ink);font-weight:600}
body.pg .o-facts li{font-weight:600}
body.pg .o-facts em{font-weight:400}
body.pg .o-facts a,body.pg .o-more{color:var(--ax-red);font-weight:700}
body.pg .mini-list a{background:#F6F6F6;border-color:transparent;border-radius:10px}
body.pg .mini-list b{font:700 14px var(--ax-head);text-transform:uppercase}
body.pg .mini-list small{font-weight:400}

/* landing sections */
body.pg .lsec{margin-top:84px}
body.pg .lsec h2{font:400 clamp(21px,2.6vw,32px)/1.15 var(--ax-head);text-transform:uppercase;letter-spacing:-.01em}
body.pg .lsplit h2{font-weight:700}
body.pg .lsplit img,body.pg .feat-img img{border-radius:12px}
body.pg .chip{background:rgba(21,21,30,.9);border:0}
body.pg .chip i{background:var(--ax-red)}
body.pg .inbox li{background:#F6F6F6;border:0;border-radius:10px}
body.pg .step{border-radius:12px;background:#fff}
body.pg .step .n{width:auto;height:auto;background:none;color:var(--ax-red);border-radius:0;display:block;font:400 34px/1 var(--ax-head);margin-bottom:12px}
body.pg .steps .step h3{font:700 16px var(--ax-head);text-transform:uppercase}
body.pg .step p{font-weight:400}
body.pg .compare{background:#fff;border-radius:12px}
body.pg .compare th{background:var(--ax-ink);color:#fff;font:700 12px var(--ax-body);letter-spacing:.1em;text-transform:uppercase}
body.pg .compare th.cur{background:var(--ax-red)}
body.pg .compare td.cur{background:#FDEFEE}
body.pg .compare td:first-child{font-weight:700;color:var(--ax-ink)}
@media (max-width:900px){
  body.pg .compare{background:none}
  body.pg .compare tr:not(:first-child){background:#fff;border-radius:12px}
  body.pg .compare td:first-child{background:var(--ax-ink);color:#fff;font:700 15px var(--ax-head);text-transform:uppercase}
  body.pg .compare td.cur{background:#FDEFEE}
}
body.pg .lgal figure{border-radius:12px}
body.pg .lgal figcaption{font-weight:600}
body.pg .review{border-radius:12px;background:#fff}
body.pg .who span{background:var(--ax-ink)}
body.pg .rev-head .big{font-family:var(--ax-head)}
body.pg .faq{max-width:820px;gap:8px}
body.pg .faq details{border-radius:6px;background:#fff;border-color:var(--line)}
body.pg .faq details[open]{border-color:var(--ax-red)}
body.pg .faq summary{font-weight:600}
body.pg .faq summary::after{color:var(--ax-red)}
body.pg .faq p{font-weight:400}
body.pg .final{background:var(--ax-night);border:0;border-radius:12px;color:#fff}
body.pg .final::before{background:var(--ax-red)}
body.pg .final h2{color:#fff;font:700 clamp(20px,2.6vw,30px) var(--ax-head)}
body.pg .final p{color:rgba(255,255,255,.8)}
body.pg .mobile-buy{background:var(--ax-night);border:0;border-radius:10px}
body.pg .mobile-buy b{font-family:var(--ax-head);font-size:1.25rem}
@media (max-width:900px){
  body.pg .pdp{gap:22px}
  body.pg .lsec{margin-top:56px}
}

/* ============ CART, CHECKOUT, ORDER ============ */
body.pg .panel{background:#fff;border:1px solid var(--line);border-radius:12px;padding:24px}
body.pg .two .step{border-radius:12px}
body.pg .step h2{font:700 15px var(--ax-head);text-transform:uppercase}
body.pg .step h2 i{border-radius:4px;background:var(--ax-ink);font-family:var(--ax-head)}
body.pg .line h3{font:700 14px/1.25 var(--ax-head);text-transform:uppercase}
body.pg .line img{border-radius:8px;background:#F6F6F6}
body.pg .line .lt{font-family:var(--ax-head);font-size:1.1rem}
body.pg .line .rm{color:var(--ax-muted);min-height:44px;padding:0 6px}
body.pg .sum .tot{font-family:var(--ax-head);font-size:1.25rem}
body.pg .panel h2{font:700 15px var(--ax-head);text-transform:uppercase}
body.pg .freebar{background:#EFEDEE}
body.pg .freebar i{background:var(--ax-red)}
body.pg .field label{font-weight:600;font-size:13px;letter-spacing:.02em}
body.pg .field input,body.pg .field select{border:1px solid #8A8D98;border-radius:6px;min-height:48px;font-size:16px;background:#fff}
body.pg .field input:focus,body.pg .field select:focus{outline:3px solid rgba(225,6,0,.35);outline-offset:0;border-color:var(--ax-red)}
body.pg .field.invalid input{border-color:var(--red);box-shadow:inset 0 0 0 1px var(--red)}
body.pg .choice{border-radius:10px;background:#fff;min-height:56px}
body.pg .choice:has(input:checked){border-color:var(--ax-red);box-shadow:0 0 0 1px var(--ax-red);background:#fff}
body.pg .choice:has(input:focus-visible){outline:3px solid var(--ax-red);outline-offset:2px}
body.pg .choice input{accent-color:var(--ax-red);width:20px;height:20px;flex:none}
body.pg .carrier-name{background:var(--ax-ink);color:#fff;border-radius:4px;font-size:11px;letter-spacing:.12em;text-transform:uppercase}
body.pg .pointbox{background:#F6F6F6;border-radius:10px}
body.pg .pointrow input{border:1px solid #8A8D98;border-radius:6px;min-height:48px;font-size:16px}
body.pg .pointbox a,body.pg .upsell a{color:var(--ax-red)}
body.pg .err{border-radius:6px}
body.pg .up-item{border-radius:10px;background:#F6F6F6;border-color:transparent}
body.pg .upsell h3{font:700 14px var(--ax-head);text-transform:uppercase}
body.pg .up-item .mini,body.pg .panel .mini,body.pg .drawer .mini{background:var(--ax-ink);color:#fff;border-radius:4px;padding:0 16px;border:0;font-size:12px;letter-spacing:.1em}
@media (hover:hover){body.pg .up-item .mini:hover{background:var(--ax-red)}}
body.pg .ok-hero{border-radius:12px;background:#fff}
body.pg .ok-hero .badge{background:var(--ax-red)}
body.pg .ok-hero .panel{background:#F6F6F6}

/* drawer (cart) */
body.pg .drawer-bg{background:rgba(21,21,30,.55)}
body.pg .drawer{border-top:4px solid var(--ax-red);border-left:0}
body.pg .drawer-head h2{font:700 15px var(--ax-head);text-transform:uppercase}
body.pg .drawer-head h2 i{border-radius:4px;background:var(--ax-red)}
body.pg .drawer .x{border-radius:6px}
body.pg .drawer-total{font-family:var(--ax-head);font-size:1.2rem}
body.pg .drawer-sub a,body.pg .drawer-sub button{color:var(--ax-red)}
body.pg .deal-note{color:var(--ax-red)}
body.pg .deal{background:var(--ax-red);color:#fff;border-radius:4px}

@media (max-width:600px){
  body.pg .panel{padding:18px 16px}
  body.pg .grid4{grid-template-columns:minmax(0,1fr)}
}


/* tablets (761-1000px): the photo covers the box like on desktop, panel at the bottom */
@media (min-width:761px) and (max-width:1000px){
  .ax-hero{min-height:960px}
  .ax-hero-img{--top:170px}
  .ax-hero-img::before{background:url(img/f1/kask-5.webp) 45% var(--top)/auto 60% no-repeat}
  .ax-pick{margin:auto 0 16px}
}

/* award-style foil badge under the hero (vanilla port of a 3D tilt badge) */
.ax-badge-wrap{display:flex;justify-content:center;margin:22px 0 -4px}
.ax-badge{display:block;width:min(300px,82vw);perspective:700px;text-decoration:none}
.ax-badge .in{position:relative;border-radius:12px;transition:transform .2s ease-out;transform-style:preserve-3d;box-shadow:0 14px 30px -14px rgba(120,80,0,.55)}
.ax-badge svg{display:block;width:100%;height:auto;border-radius:12px}
.ax-badge .shine{position:absolute;inset:0;border-radius:12px;overflow:hidden;mix-blend-mode:overlay;pointer-events:none}
.ax-badge .shine i{position:absolute;left:-30%;top:-150%;width:160%;height:400%;opacity:.5;filter:blur(6px);transform-origin:center;animation:ax-shine 5s ease-in-out infinite}
.ax-badge .shine i:nth-child(1){background:linear-gradient(90deg,transparent 30%,hsl(358,100%,62%) 45%,transparent 60%)}
.ax-badge .shine i:nth-child(2){background:linear-gradient(90deg,transparent 35%,hsl(48,100%,55%) 50%,transparent 65%);animation-delay:-1s}
.ax-badge .shine i:nth-child(3){background:linear-gradient(90deg,transparent 40%,hsl(96,100%,50%) 55%,transparent 70%);animation-delay:-2s}
.ax-badge .shine i:nth-child(4){background:linear-gradient(90deg,transparent 45%,hsl(233,85%,55%) 60%,transparent 75%);animation-delay:-3s}
.ax-badge .shine i:nth-child(5){background:linear-gradient(90deg,transparent 50%,#fff 62%,transparent 74%);animation-delay:-4s}
@keyframes ax-shine{0%{transform:rotate(20deg) translateX(-25%)}50%{transform:rotate(30deg) translateX(25%)}100%{transform:rotate(20deg) translateX(-25%)}}
@media (prefers-reduced-motion:reduce){.ax-badge .shine i{animation:none}.ax-badge .in{transition:none}}

/* card background concepts (track photo + car-colour tint); default = concept A */
.ax-stripes{--card-bg:url(img/f1/karta-a-pitlane.webp)}
.ax-stripes.bg-b{--card-bg:url(img/f1/karta-b-tunel.webp)}
.ax-stripes.bg-c{--card-bg:url(img/f1/karta-c-start.webp)}
.ax-st.blue{background:linear-gradient(160deg,rgba(20,80,200,.55),rgba(5,15,45,.35) 55%,rgba(5,15,45,.6)),#050a18 var(--card-bg) center/cover no-repeat}
.ax-st.green{background:linear-gradient(160deg,rgba(46,154,34,.5),rgba(5,25,8,.35) 55%,rgba(5,25,8,.6)),#050f06 var(--card-bg) center/cover no-repeat}
.ax-st.neon{background:linear-gradient(160deg,rgba(122,38,184,.55),rgba(25,8,40,.35) 55%,rgba(25,8,40,.6)),#0d0516 var(--card-bg) center/cover no-repeat}
/* the product box stands behind the car */
.ax-st .box{position:absolute;right:6%;top:24%;width:58%;max-width:340px;height:auto;z-index:0;opacity:.95;transform:rotate(-4deg);
  filter:drop-shadow(0 18px 20px rgba(0,0,0,.55));-webkit-mask-image:radial-gradient(ellipse 72% 70% at 50% 50%,#000 70%,transparent 100%);mask-image:radial-gradient(ellipse 72% 70% at 50% 50%,#000 70%,transparent 100%)}
.ax-st .car{z-index:1}
@media (max-width:760px){
  .ax-st .box{right:-5%;top:19%;width:76%}
  .ax-st .car{top:52%}
  /* laser running around the card edge */
  .ax-st-link::before{content:"";position:absolute;inset:0;border-radius:18px;padding:2px;pointer-events:none;
    background:conic-gradient(from var(--ang),transparent 0 72%,var(--laser) 84%,#fff 88%,var(--laser) 92%,transparent 100%);
    -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);
    animation:ax-laser 3.2s linear infinite;filter:drop-shadow(0 0 4px var(--laser))}
  .ax-st.blue{--laser:#4da3ff}.ax-st.green{--laser:#8dff5a}.ax-st.neon{--laser:#e07bff}
  .ax-st:nth-child(2) .ax-st-link::before{animation-delay:-1s}.ax-st:nth-child(3) .ax-st-link::before{animation-delay:-2s}
}
@property --ang{syntax:'<angle>';initial-value:0deg;inherits:false}
@keyframes ax-laser{to{--ang:360deg}}
@media (prefers-reduced-motion:reduce){.ax-st-link::before{animation:none}}

/* start tiles: transparent product cut-outs on a soft glass spot instead of photos */
.ax-hc img{object-fit:contain;padding:8px;background:radial-gradient(70% 60% at 50% 55%,rgba(255,255,255,.22),rgba(255,255,255,.04) 70%,transparent);filter:drop-shadow(0 8px 10px rgba(0,0,0,.45))}
/* product box behind the car: transparent cut-out, no mask */
.ax-st .box{-webkit-mask-image:none;mask-image:none;opacity:1;transform:rotate(-3deg);filter:drop-shadow(0 20px 22px rgba(0,0,0,.6))}
@media (min-width:761px){.ax-st .box{right:auto;left:50%;top:50%;width:64%;max-width:470px;transform:translate(-36%,-74%) rotate(-3deg)}.ax-st .car{top:57%}}
/* trust row icons: red tile with soft gradient and shine */
.ax-trust i.ax-ti{width:44px;height:44px;border-radius:12px;color:#E10600;background:linear-gradient(145deg,#fff 0%,#ffe9e7 100%);border:1px solid rgba(225,6,0,.18);box-shadow:0 6px 14px -8px rgba(225,6,0,.55),inset 0 1px 0 #fff}
.ax-trust i.ax-ti svg{width:28px;height:28px}
/* phone order button + payment badges under the car cards */
.ax-pay{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:16px}
.ax-pb{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 14px;border-radius:8px;background:#fff;border:1px solid #D9D9DE;color:#15151E;font:700 12px var(--ax-body);letter-spacing:.04em;box-shadow:0 4px 10px -6px rgba(0,0,0,.25)}
.ax-pb svg{color:#E10600}
.ax-pb-s{font-weight:600;color:#4A4E57}
/* phone order CTA: dark liquid glass with red glow, matches the hero panel */
.ax-tel{position:relative;display:inline-flex;align-items:center;gap:16px;padding:12px 22px 12px 12px;border-radius:18px;text-decoration:none;color:#fff;text-align:left;
  background:linear-gradient(135deg,rgba(255,255,255,.14),rgba(255,255,255,.03) 50%,rgba(225,6,0,.22)),#14090c;border:1px solid rgba(255,255,255,.16);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 18px 40px -16px rgba(225,6,0,.6),0 10px 24px -14px rgba(0,0,0,.6);transition:transform .2s,box-shadow .2s}
.ax-tel::before{content:"";position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;background:radial-gradient(60% 120% at 10% 50%,rgba(225,6,0,.35),transparent 70%)}
.ax-tel-ic{position:relative;flex:none;width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#ff2a1a,#b00500);box-shadow:0 8px 18px -6px rgba(225,6,0,.8),inset 0 1px 0 rgba(255,255,255,.35)}
.ax-tel-t{position:relative;display:flex;flex-direction:column;gap:3px}
.ax-tel-t small{font:700 11px var(--ax-body);letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.7)}
.ax-tel-t b{font:700 clamp(18px,2vw,24px)/1 var(--ax-head);letter-spacing:.01em;white-space:nowrap}
.ax-tel-go{position:relative;font:700 22px var(--ax-head);color:#E10600;margin-left:6px;transition:transform .2s}
@media (hover:hover){.ax-tel:hover{transform:translateY(-2px);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 24px 50px -16px rgba(225,6,0,.75),0 10px 24px -14px rgba(0,0,0,.6)}.ax-tel:hover .ax-tel-go{transform:translateX(4px)}}
.ax-pb{background:rgba(255,255,255,.75);backdrop-filter:blur(8px)}

/* ============================================================================================================
   ROUND 3: lower home sections in the hero language (dark rounded boxes, liquid glass, red glows, photo cards)
   .ax-box = dark rounded box 20px from the edges (like .ax-hero); .ax-glow blobs float behind (see .ax-pick)
   ============================================================================================================ */
.ax-sec.ax-box{position:relative;isolation:isolate;overflow:hidden;width:calc(100% - 40px);margin:20px auto 0;padding:clamp(60px,6vw,96px) 0;border-radius:24px;color:#fff;
  background:radial-gradient(70% 55% at 50% 0%,rgba(225,6,0,.16),transparent 70%),linear-gradient(160deg,#14090c 0%,#0B0A14 55%,#12060a 100%)}
.ax-box .ax-title{color:#fff;margin-bottom:clamp(30px,4vw,52px)}
.ax-box .ax-title b{color:#fff}
.ax-box .ax-glow.g1{width:420px;height:420px;left:-6%;top:-90px}
.ax-box .ax-glow.g2{width:340px;height:340px;left:auto;right:8%;top:42%;opacity:.5}
.ax-box .ax-glow.g3{width:380px;height:380px;right:-6%;top:-70px;opacity:.55}
.ax-box .ax-note{color:rgba(255,255,255,.55);margin-top:26px}
.ax-box .wrap{position:relative}

/* 1. stats: four photo cards, the numbers sit on the photo */
.ax-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.ax-stat{position:relative;isolation:isolate;overflow:hidden;border-radius:20px;aspect-ratio:3/4.1;min-height:380px;background:#0B0A14;
  border:1px solid rgba(255,255,255,.16);box-shadow:0 26px 50px -26px rgba(0,0,0,.8),0 0 50px -22px rgba(225,6,0,.55)}
.ax-stat>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.ax-stat::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(0deg,rgba(8,6,12,.97) 0%,rgba(8,6,12,.86) 30%,rgba(8,6,12,.3) 62%,rgba(8,6,12,0) 82%),radial-gradient(90% 45% at 15% 100%,rgba(225,6,0,.38),transparent 70%)}
.ax-stat::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.3);transition:box-shadow .3s}
.ax-stat .tx{position:absolute;left:0;right:0;bottom:0;padding:24px 22px 24px}
.ax-stat .tx::before{content:"";display:block;width:38px;height:3px;border-radius:2px;background:#E10600;margin-bottom:14px;box-shadow:0 0 14px 1px rgba(255,40,20,.9)}
.ax-stat .n{font:800 clamp(36px,3.5vw,52px)/1 var(--ax-head);letter-spacing:-.02em;color:#fff;text-shadow:0 4px 24px rgba(0,0,0,.5)}
.ax-stat .n small{font-size:.42em;font-weight:700;letter-spacing:.02em;margin-left:2px}
.ax-stat h3{font:700 12px var(--ax-body);letter-spacing:.18em;text-transform:uppercase;color:#FF5A50;margin:10px 0 8px}
.ax-stat p{font-size:14px;line-height:1.5;font-weight:400;color:rgba(255,255,255,.86)}
@media (hover:hover){.ax-stat:hover>img{transform:scale(1.08)}.ax-stat:hover::after{box-shadow:inset 0 1px 0 rgba(255,255,255,.4),inset 0 0 0 1px rgba(225,6,0,.7)}}

/* 2. offers: three liquid-glass option cards with big cut-outs */
.ax-opts{background:radial-gradient(60% 50% at 50% 0%,rgba(225,6,0,.22),transparent 70%),radial-gradient(50% 40% at 50% 100%,rgba(225,6,0,.12),transparent 70%),linear-gradient(160deg,#14090c,#0B0A14 55%,#14070b)}
.ax-opts .wrap{max-width:1180px}
.ax-offers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch;padding-top:14px}
.ax-oc{position:relative;display:flex;flex-direction:column;color:#fff;text-decoration:none;border-radius:24px;overflow:hidden;
  background:linear-gradient(145deg,rgba(255,255,255,.15),rgba(255,255,255,.04) 45%,rgba(225,6,0,.1));
  -webkit-backdrop-filter:blur(22px) saturate(170%);backdrop-filter:blur(22px) saturate(170%);
  border:1px solid rgba(255,255,255,.22);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35),inset 0 -1px 0 rgba(255,255,255,.06),0 30px 70px -30px rgba(0,0,0,.8),0 0 50px -14px rgba(225,6,0,.35);
  transition:transform .35s cubic-bezier(.2,.7,.2,1),border-color .3s,box-shadow .3s}
.ax-oc::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(60% 40% at 15% 0%,rgba(255,255,255,.18),transparent 60%)}
.ax-oc .im{position:relative;height:clamp(190px,17vw,250px);display:grid;place-items:center;padding:22px 18px 0;
  background:radial-gradient(60% 55% at 50% 62%,rgba(255,255,255,.2),rgba(255,255,255,.04) 65%,transparent 80%)}
.ax-oc .im img{width:92%;height:100%;object-fit:contain;filter:drop-shadow(0 20px 18px rgba(0,0,0,.6));transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.ax-oc .t{position:relative;display:flex;flex-direction:column;flex:1;padding:14px 26px 26px}
.ax-oc h3{font:800 clamp(18px,1.7vw,22px)/1.1 var(--ax-head);text-transform:uppercase;letter-spacing:-.01em;color:#fff}
.ax-oc .pr{display:flex;align-items:baseline;gap:8px;margin:12px 0 10px}
.ax-oc .pr small{font:700 12px var(--ax-body);letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.7)}
.ax-oc .pr b{font:800 clamp(30px,3vw,40px)/1 var(--ax-head);letter-spacing:-.02em;white-space:nowrap}
.ax-oc .sv{align-self:flex-start;display:inline-flex;align-items:center;min-height:30px;padding:0 14px;border-radius:999px;background:linear-gradient(145deg,#ff2a1a,#c20500);color:#fff;font:700 12px var(--ax-body);letter-spacing:.03em;box-shadow:0 8px 20px -8px rgba(225,6,0,.9),inset 0 1px 0 rgba(255,255,255,.35)}
.ax-oc ul{list-style:none;flex:1;margin:16px 0 22px;padding-top:16px;border-top:1px solid rgba(255,255,255,.16);display:grid;gap:11px;align-content:start}
.ax-oc li{font-size:14.5px;line-height:1.45;font-weight:400;color:rgba(255,255,255,.88)}
.ax-oc li b{display:block;font:700 11px var(--ax-body);letter-spacing:.14em;text-transform:uppercase;color:#FF5A50;margin-bottom:2px}
.ax-oc .go{display:flex;align-items:center;justify-content:center;gap:10px;min-height:52px;border-radius:14px;background:linear-gradient(145deg,#ff2a1a,#c20500);color:#fff;font:700 13px var(--ax-body);letter-spacing:.12em;text-transform:uppercase;
  box-shadow:0 14px 28px -12px rgba(225,6,0,.9),inset 0 1px 0 rgba(255,255,255,.35);transition:transform .25s,box-shadow .25s}
.ax-oc.hot{border-color:rgba(255,90,80,.6);transform:translateY(-12px);
  background:linear-gradient(145deg,rgba(255,255,255,.2),rgba(255,255,255,.06) 45%,rgba(225,6,0,.22));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 40px 80px -30px rgba(0,0,0,.85),0 0 80px -6px rgba(225,6,0,.6)}
@media (hover:hover){
  .ax-oc:hover{transform:translateY(-6px);border-color:rgba(255,90,80,.8);box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 40px 80px -30px rgba(0,0,0,.85),0 0 70px -8px rgba(225,6,0,.65)}
  .ax-oc.hot:hover{transform:translateY(-18px)}
  .ax-oc:hover .im img{transform:scale(1.06) translateY(-4px)}
  .ax-oc:hover .go{transform:translateY(-1px);box-shadow:0 18px 34px -12px rgba(225,6,0,1),inset 0 1px 0 rgba(255,255,255,.4)}
}
.ax-oc:focus-visible,.ax-pd:focus-visible{outline:3px solid #fff;outline-offset:3px}

/* 3. Apexio Power Design line under the offers */
.ax-pd{position:relative;display:flex;align-items:center;gap:20px;margin-top:30px;padding:16px 18px 16px 16px;border-radius:20px;color:#fff;text-decoration:none;
  background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.03) 50%,rgba(225,6,0,.2));
  -webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%);
  border:1px solid rgba(255,255,255,.2);box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 18px 40px -20px rgba(225,6,0,.6);transition:border-color .25s,box-shadow .25s}
.ax-pd-ic{flex:none;width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#ff2a1a,#b00500);box-shadow:0 8px 18px -6px rgba(225,6,0,.8),inset 0 1px 0 rgba(255,255,255,.35)}
.ax-pd-t{flex:1;min-width:0;font-size:15px;line-height:1.5;font-weight:400;color:rgba(255,255,255,.82)}
.ax-pd-t b{font-weight:700;color:#fff}
.ax-pd-go{flex:none;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 20px;border-radius:999px;border:1px solid rgba(255,255,255,.3);font:700 12px var(--ax-body);letter-spacing:.12em;text-transform:uppercase;transition:background .25s,border-color .25s}
@media (hover:hover){.ax-pd:hover{border-color:rgba(255,90,80,.7);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 22px 46px -18px rgba(225,6,0,.85)}.ax-pd:hover .ax-pd-go{background:#E10600;border-color:#E10600}}

/* 4. Apexio Power Design app box: copy left, three tilted phones right */
.ax-sec.ax-studio{padding:20px 0 0}
.ax-appb{position:relative;isolation:isolate;overflow:hidden;width:calc(100% - 40px);margin:0 auto;border-radius:24px;min-height:clamp(600px,46vw,700px);display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;color:#fff;
  background:linear-gradient(90deg,rgba(8,6,12,.97) 0%,rgba(8,6,12,.9) 40%,rgba(8,6,12,.6) 100%),linear-gradient(180deg,rgba(60,6,10,.45),rgba(8,6,12,.7)),#0B0A14 url(img/f1/a1-design.webp) 70% 30%/cover no-repeat}
.ax-appb .ax-glow.g1{width:420px;height:420px;left:-8%;top:-100px}
.ax-appb .ax-glow.g2{width:460px;height:460px;right:2%;top:30%;opacity:.7}
.ax-appcopy{position:relative;padding:clamp(34px,5vw,84px) clamp(24px,4vw,40px) clamp(34px,5vw,84px) clamp(24px,5vw,84px);max-width:660px}
.ax-trial{display:inline-flex;gap:9px;align-items:center;min-height:34px;padding:0 16px 0 14px;border-radius:999px;font:700 12px var(--ax-body);letter-spacing:.14em;text-transform:uppercase;margin-bottom:20px;
  background:linear-gradient(135deg,rgba(255,255,255,.16),rgba(255,255,255,.05));border:1px solid rgba(255,255,255,.28);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:inset 0 1px 0 rgba(255,255,255,.3)}
.ax-trial i{width:8px;height:8px;border-radius:50%;background:#2BD46A;box-shadow:0 0 10px #2BD46A}
.ax-appb h2{font:800 clamp(28px,3.3vw,48px)/1.05 var(--ax-head);letter-spacing:-.02em;color:#fff;text-transform:none}
.ax-appb .ax-lead{margin:18px 0 22px;font-size:clamp(15px,1.25vw,17px);line-height:1.6;font-weight:400;color:rgba(255,255,255,.86);max-width:540px}
.ax-chips{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:0 0 26px;max-width:560px}
.ax-chips li{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 14px;border-radius:999px;font:600 13px var(--ax-body);color:#fff;
  background:linear-gradient(135deg,rgba(255,255,255,.15),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:inset 0 1px 0 rgba(255,255,255,.22)}
.ax-chips li::before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:#FF5A50;box-shadow:0 0 8px #E10600}
.ax-appb .pill.cta{margin-bottom:6px}
.ax-appnote{margin:22px 0 0;max-width:540px;font-size:12.5px;line-height:1.55;font-weight:400;color:rgba(255,255,255,.6)}
.ax-phones{position:relative;align-self:stretch;min-height:520px}
.ax-phones::before{content:"";position:absolute;left:50%;top:48%;width:min(120%,640px);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(225,6,0,.5),rgba(225,6,0,.12) 45%,transparent 70%);filter:blur(30px)}
.ax-ph{--w:clamp(150px,15vw,230px);position:absolute;left:50%;top:clamp(46px,4.6vw,70px);width:var(--w);aspect-ratio:390/844;padding:7px;border-radius:calc(var(--w) * .17);
  background:linear-gradient(145deg,#55555e,#15151a 38%,#2f2f37 70%,#0d0d10);
  box-shadow:0 0 0 1px rgba(255,255,255,.2),inset 0 0 0 2px #000,0 40px 60px -22px rgba(0,0,0,.85),0 0 70px -8px rgba(225,6,0,.5)}
.ax-ph div{height:100%;border-radius:calc(var(--w) * .135);background:#000 top/cover no-repeat}
.ax-ph::before{content:"";position:absolute;z-index:2;left:50%;top:calc(7px + var(--w) * .03);width:26%;height:calc(var(--w) * .045);transform:translateX(-50%);border-radius:10px;background:#000}
.ax-ph::after{content:"";position:absolute;right:-3px;top:24%;width:3px;height:14%;border-radius:0 3px 3px 0;background:#2b2b31}
.ax-ph.c{z-index:3;transform:translateX(-50%) translateY(-2%)}
.ax-ph.l{z-index:1;transform:translateX(-126%) translateY(9%) rotate(-9deg) scale(.92);transform-origin:50% 100%}
.ax-ph.r{z-index:2;transform:translateX(26%) translateY(9%) rotate(9deg) scale(.92);transform-origin:50% 100%}

/* 5. FAQ: light glass on a soft page, ink pill tabs, red round +/x icons */
.home .h-sec-faq{position:relative;isolation:isolate;overflow:hidden;margin-top:20px;padding:clamp(56px,6vw,96px) 0;background:linear-gradient(180deg,#fff 0%,#F6F2F3 100%)}
.h-sec-faq .ax-glow{opacity:.3}
.h-sec-faq .ax-glow.g1{width:380px;height:380px;left:-6%;top:60px}
.h-sec-faq .ax-glow.g2{width:340px;height:340px;right:-4%;top:300px;opacity:.26}
.home .h-sec-faq h2{margin-bottom:28px}
.home .h-faq-tabs{display:flex;justify-content:center;max-width:820px;margin:0 auto 24px}
.home .h-faq-tabs .seg{display:inline-flex;width:auto;max-width:100%;flex-wrap:nowrap;gap:4px;padding:5px;border-radius:999px;background:#15151E;border:0;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;box-shadow:0 14px 30px -16px rgba(21,21,30,.6)}
.home .h-faq-tabs .seg::-webkit-scrollbar{display:none}
.home .h-faq-tabs .seg button{flex:0 0 auto;min-height:44px;padding:0 20px;border:0;border-radius:999px;background:transparent;color:rgba(255,255,255,.78);font:700 12px var(--ax-body);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;cursor:pointer;transition:background .25s,color .25s,box-shadow .25s}
.home .h-faq-tabs .seg button:hover{color:#fff}
.home .h-faq-tabs .seg [aria-pressed=true]{background:linear-gradient(145deg,#ff2a1a,#c20500);color:#fff;box-shadow:0 8px 18px -8px rgba(225,6,0,.9),inset 0 1px 0 rgba(255,255,255,.35)}
.home .h-faq{gap:12px;interpolate-size:allow-keywords}
.home .h-faq details{padding:0 10px 0 24px;border-radius:20px;background:linear-gradient(135deg,rgba(255,255,255,.78),rgba(255,255,255,.5));
  -webkit-backdrop-filter:blur(16px) saturate(160%);backdrop-filter:blur(16px) saturate(160%);border:1px solid rgba(255,255,255,.95);
  box-shadow:0 14px 34px -22px rgba(21,21,30,.45),inset 0 1px 0 #fff;transition:border-color .3s,box-shadow .3s}
.home .h-faq details[open]{border-color:rgba(225,6,0,.4);box-shadow:0 18px 44px -20px rgba(225,6,0,.4),inset 0 1px 0 #fff}
.home .h-faq summary{min-height:64px;padding:12px 0;gap:16px;font-weight:700;font-size:16.5px;color:var(--ax-ink)}
.home .h-faq summary::after{content:"";font-size:0;flex:none;width:36px;height:36px;border-radius:50%;
  background:linear-gradient(#fff,#fff) center/14px 2px no-repeat,linear-gradient(#fff,#fff) center/2px 14px no-repeat,linear-gradient(145deg,#ff2a1a,#c20500);
  box-shadow:0 8px 16px -8px rgba(225,6,0,.9),inset 0 1px 0 rgba(255,255,255,.35);transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.home .h-faq details[open] summary::after{content:"";transform:rotate(45deg)}
.home .h-faq details p{padding:0 46px 20px 0;font-size:15.5px;line-height:1.65}
.home .h-faq details::details-content{block-size:0;overflow:hidden;transition:block-size .35s ease,content-visibility .35s allow-discrete}
.home .h-faq details[open]::details-content{block-size:auto}
.home .h-faq details[open] p{animation:ax-faq-in .4s ease both}
@keyframes ax-faq-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}

/* 6. bottom phone block (rendered by shop.js): photo + dark gradient, glass phone button, home page only */
main.home~.ax-loop{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;width:calc(100% - 40px);min-height:clamp(340px,28vw,420px);margin:20px auto;padding:clamp(52px,5vw,80px) 24px;border-radius:24px;
  background:radial-gradient(60% 90% at 50% 110%,rgba(225,6,0,.4),transparent 70%),linear-gradient(180deg,rgba(8,6,12,.7),rgba(8,6,12,.88)),#0B0A14 url(img/f1/c1-telefon.webp) center/cover no-repeat}
main.home~.ax-loop img{display:none}
main.home~.ax-loop h2{font:900 clamp(28px,4vw,56px)/1.05 var(--ax-head);text-transform:uppercase;margin:0 0 28px;color:#fff;text-shadow:0 6px 30px rgba(0,0,0,.6)}
main.home~.ax-loop .pill.out{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:76px;padding:12px 26px 12px 78px;border-radius:18px;border:1px solid rgba(255,255,255,.2);color:#fff;text-decoration:none;
  font:700 clamp(20px,2.4vw,30px)/1 var(--ax-head);letter-spacing:.01em;white-space:nowrap;
  background:linear-gradient(135deg,rgba(255,255,255,.16),rgba(255,255,255,.04) 50%,rgba(225,6,0,.24)),rgba(20,9,12,.7);-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 20px 44px -16px rgba(225,6,0,.65);transition:transform .2s,box-shadow .2s}
main.home~.ax-loop .pill.out::before{content:"";position:absolute;left:12px;top:12px;width:52px;height:52px;border-radius:14px;box-shadow:0 8px 18px -6px rgba(225,6,0,.8),inset 0 1px 0 rgba(255,255,255,.35);
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M5 3.5h3.2l1.6 4.2-2.2 1.5a11 11 0 0 0 5.2 5.2l1.5-2.2 4.2 1.6V17a2 2 0 0 1-2.2 2A15.5 15.5 0 0 1 3 5.7 2 2 0 0 1 5 3.5Z'/%3E%3C/svg%3E") center/22px no-repeat,linear-gradient(145deg,#ff2a1a,#b00500)}
main.home~.ax-loop .pill.out::after{content:"\2192";font:700 22px var(--ax-head);color:#FF5A50;margin-left:4px;transition:transform .2s}
main.home~.ax-loop p{margin-top:20px;font:600 13px var(--ax-body);letter-spacing:.12em;text-transform:uppercase;opacity:.75}
@media (hover:hover){main.home~.ax-loop .pill.out:hover{transform:translateY(-2px);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 26px 52px -16px rgba(225,6,0,.85)}main.home~.ax-loop .pill.out:hover::after{transform:translateX(4px)}}

/* ---- responsive ---- */
@media (max-width:1180px){
  .ax-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ax-stat{aspect-ratio:16/11;min-height:0}
  .ax-stat .tx{padding:26px 28px}
  .ax-stat p{max-width:420px}
}
@media (max-width:1000px){
  .ax-sec.ax-box{width:calc(100% - 24px);margin-top:12px;padding:56px 0}
  .ax-box .ax-glow.g1{width:260px;height:260px;left:-12%;top:-60px}
  .ax-box .ax-glow.g2{width:240px;height:240px;right:-10%;top:45%}
  .ax-box .ax-glow.g3{width:240px;height:240px;right:-10%;top:-40px}
  .ax-offers{grid-template-columns:minmax(0,1fr);gap:18px}
  .ax-oc.hot,.ax-oc.hot:hover{transform:none}
  .ax-oc{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:stretch}
  .ax-oc .im{height:auto;min-height:230px;padding:18px 8px 18px 18px}
  .ax-oc .im img{width:100%}
  .ax-oc .t{padding:22px 24px 24px 8px}
  .ax-sec.ax-studio{padding-top:12px}
  .ax-appb{width:calc(100% - 24px);grid-template-columns:minmax(0,1fr);min-height:0;
    background:linear-gradient(180deg,rgba(8,6,12,.95) 0%,rgba(8,6,12,.86) 55%,rgba(8,6,12,.7) 100%),#0B0A14 url(img/f1/a1-design.webp) 60% 20%/cover no-repeat}
  .ax-appcopy{max-width:none;padding:34px 22px 8px}
  .ax-phones{min-height:430px}
  .ax-ph{--w:clamp(140px,34vw,200px);top:30px}
  .home .h-sec-faq{margin-top:12px}
  main.home~.ax-loop{width:calc(100% - 24px);margin:12px auto}
}
@media (max-width:760px){
  .ax-sec.ax-box{padding:44px 0 40px}
  .ax-box .ax-title{margin-bottom:26px;font-size:clamp(22px,6.4vw,28px)}
  .ax-stats,.ax-offers{display:flex;gap:12px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;margin:0 -20px;padding:14px 20px 18px;scroll-padding:0 20px;overscroll-behavior-x:contain}
  .ax-stats{padding-top:0}
  .ax-stats::-webkit-scrollbar,.ax-offers::-webkit-scrollbar{display:none}
  .ax-stat{flex:0 0 78%;aspect-ratio:auto;height:420px;min-height:0;scroll-snap-align:center}
  .ax-stat .tx{padding:22px 20px}
  .ax-stat .n{font-size:40px}
  .ax-oc{display:flex;flex:0 0 82%;scroll-snap-align:center}
  .ax-oc .im{height:190px;min-height:0;padding:20px 14px 0}
  .ax-oc .t{padding:12px 22px 22px}
  .ax-pd{flex-wrap:wrap;gap:14px;padding:16px}
  .ax-pd-t{flex:1 1 calc(100% - 70px);font-size:14.5px}
  .ax-pd-go{width:100%;justify-content:center}
  .ax-appb h2{font-size:clamp(28px,8vw,34px)}
  .ax-chips li{font-size:12.5px;min-height:34px}
  .ax-phones{min-height:380px}
  .ax-ph{--w:min(38vw,148px);top:26px}
  .home .h-sec-faq{padding:48px 0 44px}
  .home .h-faq-tabs{justify-content:flex-start}
  .home .h-faq-tabs .seg button{padding:0 16px}
  .home .h-faq details{padding:0 8px 0 18px;border-radius:18px}
  .home .h-faq summary{font-size:15.5px}
  .home .h-faq details p{padding-right:34px}
  main.home~.ax-loop{padding:46px 16px}
  main.home~.ax-loop .pill.out{min-height:68px;padding:10px 20px 10px 70px;font-size:20px}
  main.home~.ax-loop .pill.out::before{left:10px;top:10px;width:48px;height:48px}
}
@media (prefers-reduced-motion:reduce){
  .ax-stat>img,.ax-oc,.ax-oc .im img,.ax-oc .go,.ax-pd,.home .h-faq summary::after,main.home~.ax-loop .pill.out{transition:none}
  .home .h-faq details[open] p{animation:none}
  .home .h-faq details::details-content{transition:none}
}
.ax-oc .im img{position:absolute;left:18px;right:18px;top:22px;bottom:14px;width:calc(100% - 36px);height:calc(100% - 36px);object-fit:contain}
@media (max-width:1000px){.ax-oc .im img{left:14px;right:6px;top:16px;bottom:16px;width:calc(100% - 20px);height:calc(100% - 32px)}}
@media (max-width:760px){.ax-oc .im img{left:12px;right:12px;top:16px;bottom:8px;width:calc(100% - 24px);height:calc(100% - 24px)}}
.ax-stat{aspect-ratio:3/4.6;min-height:420px}
@media (max-width:1180px){.ax-stat{aspect-ratio:16/11;min-height:0}}
@media (max-width:760px){.ax-stat{aspect-ratio:auto;min-height:0}}
.home .h-sec-faq h2{max-width:820px;margin:0 auto 26px;text-align:center;font:400 clamp(24px,3vw,36px)/1.12 var(--ax-head);text-transform:uppercase;color:var(--ax-ink)}
.home .h-faq details{border-color:rgba(21,21,30,.08)}
body:has(main.home){background:#fff}
@media (max-width:760px){
  .ax-oc{-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(255,255,255,.05) 45%,rgba(225,6,0,.16)),rgba(22,10,14,.78)}
  main.home~.ax-loop .pill.out{max-width:100%;font-size:clamp(17px,5.4vw,20px);padding:10px 16px 10px 66px;gap:10px}
  main.home~.ax-loop .pill.out::after{display:none}
}
@media (max-width:760px){.ax-box .ax-glow,.ax-appb .ax-glow{filter:none}}
.ax-box .ax-glow,.ax-appb .ax-glow,.h-sec-faq .ax-glow{background:radial-gradient(closest-side,rgba(255,40,20,.95) 0%,rgba(225,6,0,.5) 38%,rgba(225,6,0,0) 100%)}

/* ===== UGC wall: vertical phone-shot tiles, swipe row, liquid-glass captions ===== */
.ax-ugc .ax-ugc-box{position:relative}
.ax-ugc-head{text-align:center;padding:0 20px}
.ax-ugc-head .ax-title{margin-bottom:10px}
.ax-ugc .lead{color:rgba(255,255,255,.75);font-weight:400;margin:0 auto clamp(28px,3vw,44px);max-width:560px}
.ax-ugc-row{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:6px max(20px,calc((100% - 1240px)/2)) 22px;scroll-padding:0 max(20px,calc((100% - 1240px)/2))}
.ax-ugc-row::-webkit-scrollbar{display:none}
.ax-ugc-it{position:relative;flex:0 0 clamp(200px,19vw,260px);aspect-ratio:9/16;margin:0;border-radius:20px;overflow:hidden;scroll-snap-align:start;
  border:1px solid rgba(255,255,255,.14);box-shadow:0 24px 40px -22px rgba(0,0,0,.8),0 0 0 1px rgba(0,0,0,.4);transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.ax-ugc-it:nth-child(even){transform:translateY(22px)}
.ax-ugc-it img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.ax-ugc-it::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.25) 0%,transparent 22%,transparent 60%,rgba(0,0,0,.75) 100%);pointer-events:none}
.ax-ugc-it figcaption{position:absolute;left:10px;right:10px;bottom:10px;z-index:1;padding:9px 12px;border-radius:12px;font:700 12px var(--ax-head);letter-spacing:.02em;text-transform:uppercase;color:#fff;
  background:linear-gradient(135deg,rgba(255,255,255,.18),rgba(255,255,255,.05));-webkit-backdrop-filter:blur(14px) saturate(160%);backdrop-filter:blur(14px) saturate(160%);border:1px solid rgba(255,255,255,.2)}
@media (hover:hover){.ax-ugc-it:hover img{transform:scale(1.06)}}
.ax-ugc-foot{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:clamp(36px,4vw,56px);padding:0 20px;text-align:center}
.ax-ugc-cta{display:inline-flex;align-items:center;gap:12px;min-height:52px;padding:8px 20px 8px 8px;border-radius:16px;color:#fff;text-decoration:none;font:600 14px var(--ax-body);
  background:linear-gradient(135deg,rgba(255,255,255,.14),rgba(255,255,255,.03) 55%,rgba(225,6,0,.2));border:1px solid rgba(255,255,255,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 14px 30px -16px rgba(225,6,0,.6)}
.ax-ugc-cta .ic{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;flex:none;background:linear-gradient(145deg,#ff2a1a,#b00500);box-shadow:inset 0 1px 0 rgba(255,255,255,.35)}
.ax-ugc-note{font-size:12px;color:rgba(255,255,255,.55);margin:0}
@media (max-width:760px){.ax-ugc-it{flex-basis:62vw}.ax-ugc-it:nth-child(even){transform:none}.ax-ugc-cta{font-size:13px;text-align:left}}
@media (prefers-reduced-motion:reduce){.ax-ugc-it,.ax-ugc-it img{transition:none}}

/* ============================================================================================================
   ROUND 4: car pages (produkt.html) in the home page language. Everything is scoped to .px-* / .pdp-main.
   .px-box = dark rounded box 20px from the edges (like .ax-hero); the car colour (--car, set by .c-blue/.c-green/.c-neon)
   tints glows, the gallery stage and the photo cards; red stays the brand accent (buttons, bars).
   ============================================================================================================ */
.c-blue{--car:46,125,255}
.c-green{--car:60,225,110}
.c-neon{--car:178,80,255}
.c-red{--car:225,6,0}
body.pg main.pdp-main{padding:0 0 8px}
body.pg .pdp-main .crumbs{margin:0;padding:10px 0 8px;font-size:13px}
body.pg .pdp-main .crumbs a{min-height:44px;min-width:44px;justify-content:center}

.px-box{position:relative;isolation:isolate;overflow:hidden;width:calc(100% - 40px);margin:20px auto 0;padding:clamp(44px,5vw,80px) 0;border-radius:24px;color:#fff;
  --ink:#fff;--muted:rgba(255,255,255,.74);--line:rgba(255,255,255,.16);--bg:rgba(255,255,255,.04);--bg2:rgba(255,255,255,.08);--card:rgba(255,255,255,.06);--accent-text:#FF6A5F;
  --ax-ink:#fff;--ax-muted:rgba(255,255,255,.74);--ax-line:rgba(255,255,255,.16);--ax-soft:rgba(255,255,255,.06);
  background:radial-gradient(70% 55% at 50% 0%,rgba(225,6,0,.16),transparent 70%),linear-gradient(160deg,#14090c 0%,#0B0A14 55%,#12060a 100%)}
.px-in{position:relative;max-width:1240px;margin:0 auto;padding:0 clamp(16px,3vw,40px)}
.px-box .ax-glow{background:radial-gradient(closest-side,rgba(var(--car),.85) 0%,rgba(var(--car),.4) 40%,rgba(var(--car),0) 100%)}
.px-box .ax-glow.g2{background:radial-gradient(closest-side,rgba(255,40,20,.9) 0%,rgba(225,6,0,.45) 40%,rgba(225,6,0,0) 100%)}
.px-box .ax-glow.g1{width:420px;height:420px;left:-6%;top:-90px;opacity:.6}
.px-box .ax-glow.g2{width:340px;height:340px;left:auto;right:8%;top:46%;opacity:.4}
.px-box .ax-glow.g3{width:380px;height:380px;right:-6%;top:-70px;opacity:.5}
body.pg .px-box h2{font:800 clamp(22px,2.8vw,38px)/1.08 var(--ax-head);text-transform:uppercase;letter-spacing:-.01em;color:#fff}
body.pg .px-box .eyebrow{color:#FF6A5F;font:700 12px var(--ax-body);letter-spacing:.16em}
body.pg .px-box .eyebrow::before{background:rgb(var(--car));box-shadow:0 0 10px rgb(var(--car))}
.px-box .lead{color:rgba(255,255,255,.84);font-size:clamp(15px,1.25vw,17px);line-height:1.65}
.px-box .feat-note{color:rgba(255,255,255,.58)}
.px-box .center{text-align:center}
body.pg .px-box .wm{color:rgba(255,255,255,.07)}
.px-no{display:inline-flex;align-items:center;min-height:28px;padding:0 14px;border-radius:999px;background:linear-gradient(145deg,#ff2a1a,#c20500);color:#fff;font:700 12px var(--ax-body);letter-spacing:.1em;text-transform:uppercase;box-shadow:0 8px 18px -8px rgba(225,6,0,.9),inset 0 1px 0 rgba(255,255,255,.35)}

/* glass surface shared by cards */
body.pg .px-buy,body.pg .px-plate,body.pg .px-row .px-tx,body.pg .px-info .oinfo,body.pg .px-info .mini,body.pg .px-inbox .step,body.pg .px-more .compare,body.pg .px-more .lgal figure,body.pg .px-rev .review,body.pg .px-box-img{
  background:linear-gradient(145deg,rgba(255,255,255,.15),rgba(255,255,255,.04) 45%,rgba(225,6,0,.1));
  -webkit-backdrop-filter:blur(22px) saturate(170%);backdrop-filter:blur(22px) saturate(170%);
  border:1px solid rgba(255,255,255,.22);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35),inset 0 -1px 0 rgba(255,255,255,.06),0 30px 70px -30px rgba(0,0,0,.8),0 0 50px -14px rgba(225,6,0,.3)}

/* ---- 1. hero: gallery left, glass buy box right ---- */
.px-hero{padding:clamp(22px,3vw,44px) 0;overflow:hidden;overflow:clip}
body.pg .px-hero .pdp{grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:clamp(22px,3vw,44px);align-items:start}
body.pg .px-hero .gallery{top:96px}
body.pg .px-hero .gallery .main{border-radius:22px;border:1px solid rgba(255,255,255,.18);aspect-ratio:4/3.35;
  background:radial-gradient(60% 50% at 50% 68%,rgba(var(--car),.55),rgba(var(--car),.14) 55%,transparent 76%),radial-gradient(80% 60% at 50% 0%,rgba(255,255,255,.09),transparent 60%),linear-gradient(165deg,#1b1020,#0B0A14);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 30px 60px -30px rgba(0,0,0,.85),0 0 70px -20px rgba(var(--car),.6)}
body.pg .px-hero .gallery .main.is-cut img{filter:drop-shadow(0 22px 22px rgba(0,0,0,.65))}
body.pg .px-hero .gallery .main .main-wm{color:rgba(255,255,255,.07);left:4%;top:10%;font-size:min(9rem,24vw)}
.gnav{position:absolute;top:50%;z-index:3;width:44px;height:44px;margin-top:-22px;display:grid;place-items:center;border-radius:50%;color:#fff;cursor:pointer;padding:0;
  background:linear-gradient(135deg,rgba(255,255,255,.2),rgba(255,255,255,.05));border:1px solid rgba(255,255,255,.28);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:inset 0 1px 0 rgba(255,255,255,.3);transition:background .2s,border-color .2s}
.gnav.prev{left:12px}.gnav.next{right:12px}
@media (hover:hover){.gnav:hover{background:#E10600;border-color:#E10600}}
body.pg .px-hero .gallery .thumbs2{gap:10px;margin-top:14px}
body.pg .px-hero .gallery .thumbs2 button{width:76px;height:76px;border-radius:14px;border:1px solid rgba(255,255,255,.2);background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(255,255,255,.04));box-shadow:inset 0 1px 0 rgba(255,255,255,.25);transition:border-color .2s,box-shadow .2s}
body.pg .px-hero .gallery .thumbs2 button[aria-pressed="true"]{border:2px solid rgb(var(--car));box-shadow:0 0 22px -4px rgba(var(--car),.8)}

.px-buy{position:relative;border-radius:24px;padding:clamp(20px,2.4vw,34px)}
.px-buy::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(60% 40% at 15% 0%,rgba(255,255,255,.16),transparent 60%)}
.px-buy>*{position:relative}
.px-tags{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
body.pg .px-buy h1{font:900 clamp(26px,3vw,42px)/1.05 var(--ax-head);color:#fff;margin:12px 0 0;text-transform:uppercase;letter-spacing:-.01em;text-shadow:0 4px 26px rgba(0,0,0,.5)}
body.pg .px-buy .tagline{color:rgba(255,255,255,.84);font-size:15.5px;line-height:1.55;margin-top:12px}
body.pg .px-buy .stars-row{color:var(--gold)}
body.pg .px-buy .stars-row span,.px-buy .stars-row a{color:rgba(255,255,255,.75)}
body.pg .px-buy .pdp .pprice,body.pg .px-buy .pprice{margin:18px 0 0}
body.pg .px-buy .pprice b{font:800 clamp(36px,3.8vw,52px)/1 var(--ax-head);color:#fff;letter-spacing:-.02em;text-shadow:0 4px 24px rgba(225,6,0,.35)}
.px-buy .vat{margin:6px 0 0;font-weight:600;color:rgba(255,255,255,.62)}
body.pg .px-buy .saveline{border-color:rgba(255,106,95,.7);color:#FF8A80;border-radius:999px}
body.pg .px-buy .deal-note{color:#FF8A80}

/* tier picker = glass option cards */
body.pg .px-buy .tiers{margin:22px 0 14px}
body.pg .px-buy .tiers legend{font:700 12px var(--ax-body);letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.75);margin-bottom:12px}
body.pg .px-buy .tiers .tier-row{gap:10px}
body.pg .px-buy .tier{padding:14px 16px 12px 54px;border-radius:16px;color:#fff;border:1px solid rgba(255,255,255,.2);
  background:linear-gradient(145deg,rgba(255,255,255,.1),rgba(255,255,255,.03) 50%,rgba(225,6,0,.06));box-shadow:inset 0 1px 0 rgba(255,255,255,.2);
  transition:border-color .25s,box-shadow .25s,transform .25s,background .25s}
body.pg .px-buy .tier::before{left:18px;top:18px;border:2px solid rgba(255,255,255,.55);background:transparent}
body.pg .px-buy .tier:has(input:checked){color:#fff;border-color:rgba(255,90,80,.85);
  background:linear-gradient(145deg,rgba(255,255,255,.18),rgba(255,255,255,.05) 45%,rgba(225,6,0,.26));box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 16px 36px -16px rgba(225,6,0,.8),0 0 0 1px rgba(225,6,0,.7)}
body.pg .px-buy .tier:has(input:checked)::before{border-color:#FF5A50;background:radial-gradient(circle,#FF3B30 0 5px,transparent 6px)}
@media (hover:hover){body.pg .px-buy .tier:hover{border-color:rgba(255,90,80,.7);color:#fff}}
body.pg .px-buy .tier:has(input:focus-visible){outline:3px solid #fff;outline-offset:2px}
body.pg .px-buy .tier .t-top{border-bottom:1px dashed rgba(255,255,255,.25)}
body.pg .px-buy .tier .t-name{font:800 15px/1.2 var(--ax-head);color:#fff}
body.pg .px-buy .tier .t-save,body.pg .px-buy .tier:has(input:checked) .t-save,body.pg .px-buy .tier:not(:has(input:checked)) .t-save{color:#FF8A80;font-weight:700}
body.pg .px-buy .tier .t-price,body.pg .px-buy .tier:has(input:checked) .t-price{font:800 20px var(--ax-head);color:#fff}
body.pg .px-buy .tier .t-sub{color:rgba(255,255,255,.7)}
body.pg .px-buy .picks .pick{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.18);border-radius:14px;color:#fff}
body.pg .px-buy .picks select{background:rgba(8,6,12,.6);color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:10px}
.px-buy select option{background:#15151E;color:#fff}
body.pg .px-buy .picks .pick-sum{color:rgba(255,255,255,.8)}
body.pg .px-buy .vopt{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.2);border-radius:14px;color:#fff}
body.pg .px-buy .vopt:has(input:checked){background:rgba(225,6,0,.16);border-color:#FF5A50;box-shadow:0 0 0 1px #E10600}
body.pg .px-buy .vopts legend{color:rgba(255,255,255,.75)}
body.pg .px-buy .vopt .vp{color:#fff}
body.pg .px-buy .buyrow{gap:10px}
body.pg .px-buy .qty2{border-radius:16px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.22);padding:4px;color:#fff}
body.pg .px-buy .qty2 button{background:rgba(255,255,255,.12);color:#fff;border-radius:12px}
body.pg .px-buy .buyrow .cta{min-height:56px;border-radius:14px;background:linear-gradient(145deg,#ff2a1a,#c20500);font-size:13px;letter-spacing:.12em;box-shadow:0 14px 28px -12px rgba(225,6,0,.9),inset 0 1px 0 rgba(255,255,255,.35);transition:transform .25s,box-shadow .25s}
@media (hover:hover){body.pg .px-buy .buyrow .cta:hover{background:linear-gradient(145deg,#ff2a1a,#c20500);transform:translateY(-1px);box-shadow:0 18px 34px -12px rgba(225,6,0,1),inset 0 1px 0 rgba(255,255,255,.4)}}
body.pg .px-buy .buyrow .cta:disabled{opacity:.5}
body.pg .px-buy .shipnudge{color:#FF8A80;font-size:13.5px;margin-top:10px}

/* delivery / COD / returns lines with the duotone icons of the home trust row */
.px-trust{list-style:none;display:grid;gap:8px;margin:14px 0 0}
.px-trust li{display:flex;align-items:center;gap:12px;min-height:54px;padding:7px 14px 7px 8px;border-radius:16px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.13);font:600 14px/1.3 var(--ax-body);color:#fff}
.px-trust i.ax-ti{flex:none;display:grid;place-items:center;width:42px;height:42px;border-radius:12px;color:#FF5A50;background:linear-gradient(145deg,rgba(255,255,255,.18),rgba(225,6,0,.14));border:1px solid rgba(255,255,255,.2);box-shadow:0 6px 14px -8px rgba(225,6,0,.7),inset 0 1px 0 rgba(255,255,255,.3)}
.px-trust i.ax-ti svg{width:28px;height:28px}
.px-trust span{min-width:0}
body.pg .px-buy .hl{font-size:14.5px;font-weight:400;color:rgba(255,255,255,.85);margin-top:18px}
body.pg .px-buy .hl li i{color:#FF5A50}
body.pg .px-buy .pdesc{color:rgba(255,255,255,.7);font-size:14px;margin-top:18px}
body.pg .px-buy .countdown{background:rgba(255,255,255,.1);border-radius:12px}
body.pg .px-buy .bundle{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.18);border-radius:16px}
body.pg .px-buy .bundle h3{color:#fff}
body.pg .px-buy .brow{border-color:rgba(255,255,255,.14)}
body.pg .px-buy .brow img{background:rgba(255,255,255,.1)}
body.pg .px-buy .brow .pr s{color:rgba(255,255,255,.55)}
/* phone order line in the .ax-tel style */
body.pg .px-buy .phonebox{position:relative;display:flex;align-items:center;gap:16px;min-height:76px;margin-top:14px;padding:12px 20px 12px 12px;border-radius:18px;color:#fff;text-decoration:none;overflow:hidden;
  font:700 clamp(15px,1.5vw,18px)/1.15 var(--ax-head);letter-spacing:.01em;
  background:linear-gradient(135deg,rgba(255,255,255,.14),rgba(255,255,255,.03) 50%,rgba(225,6,0,.22)),#14090c;border:1px solid rgba(255,255,255,.16);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 18px 40px -16px rgba(225,6,0,.6),0 10px 24px -14px rgba(0,0,0,.6);transition:transform .2s,box-shadow .2s}
body.pg .px-buy .phonebox>svg{flex:none;width:52px;height:52px;padding:14px;border-radius:14px;color:#fff;background:linear-gradient(145deg,#ff2a1a,#b00500);box-shadow:0 8px 18px -6px rgba(225,6,0,.8),inset 0 1px 0 rgba(255,255,255,.35)}
body.pg .px-buy .phonebox>span{min-width:0;flex:1}
body.pg .px-buy .phonebox b{display:block;margin-bottom:5px;font:700 11px var(--ax-body);letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.7)}
body.pg .px-buy .phonebox::after{content:"\2192";flex:none;font:700 22px var(--ax-head);color:#FF5A50;transition:transform .2s}
@media (hover:hover){body.pg .px-buy .phonebox:hover{border-color:rgba(255,90,80,.7);transform:translateY(-2px);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 24px 50px -16px rgba(225,6,0,.75)}body.pg .px-buy .phonebox:hover::after{transform:translateX(4px)}}

/* ---- 2. cinematic banner + Pro Racing Stats ---- */
.px-cine{padding:0 0 clamp(26px,3.4vw,48px);background:radial-gradient(60% 50% at 50% 100%,rgba(var(--car),.2),transparent 70%),linear-gradient(180deg,#0B0A14,#0B0A14)}
.px-cine.no-ph{padding-top:clamp(26px,3.4vw,48px)}
.px-cine-ph{position:relative;margin:0;height:clamp(280px,40vw,640px);overflow:hidden}
.px-cine-ph img{width:100%;height:100%;object-fit:cover;object-position:62% 64%}
.px-cine-ph::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(11,10,20,0) 52%,#0B0A14 100%),linear-gradient(90deg,rgba(11,10,20,.7),rgba(11,10,20,0) 52%)}
.px-cine-t{position:absolute;z-index:2;left:clamp(20px,4.4vw,72px);top:clamp(20px,4vw,60px);display:grid;gap:12px;justify-items:start;max-width:46%}
.px-cine-t b{font:900 clamp(26px,4.4vw,66px)/1 var(--ax-head);text-transform:uppercase;letter-spacing:-.02em;color:#fff;text-shadow:0 6px 30px rgba(0,0,0,.7)}
.px-ill-note{position:relative;z-index:2;margin:-30px 0 14px;padding:0 clamp(20px,4vw,48px);text-align:right;font:600 12px var(--ax-body);letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.62)}
.px-ill{position:absolute;right:12px;bottom:12px;z-index:2;display:inline-flex;align-items:center;min-height:28px;padding:0 12px;border-radius:999px;font:600 11px var(--ax-body);letter-spacing:.08em;text-transform:uppercase;color:#fff;
  background:linear-gradient(135deg,rgba(255,255,255,.2),rgba(255,255,255,.05));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.25)}
.px-plate{position:relative;overflow:hidden;border-radius:24px;padding:clamp(20px,2.6vw,38px)}
.px-plate-wm{right:2%;top:-14%;font-size:min(15rem,38vw);z-index:0}
.px-plate>*{position:relative}
.px-plate>.px-plate-wm{position:absolute}
.px-plate-h{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:clamp(16px,2vw,28px)}
body.pg .px-plate-h h2{font:800 clamp(18px,2vw,26px)/1.1 var(--ax-head)}
.px-st{display:grid;grid-template-columns:repeat(var(--n,4),minmax(0,1fr));gap:clamp(14px,2vw,28px);margin:0}
.px-st>div{position:relative;display:flex;flex-direction:column-reverse;justify-content:flex-end;gap:10px;padding-top:18px;border-top:1px solid rgba(255,255,255,.2);min-width:0}
.px-st>div::before{content:"";position:absolute;left:0;top:-2px;width:38px;height:3px;border-radius:2px;background:#E10600;box-shadow:0 0 14px 1px rgba(255,40,20,.9)}
.px-st dt{font:700 12px var(--ax-body);letter-spacing:.18em;text-transform:uppercase;color:#FF5A50}
.px-st dd{font:800 clamp(30px,4.4vw,64px)/1 var(--ax-head);letter-spacing:-.02em;color:#fff;text-shadow:0 4px 24px rgba(0,0,0,.5);overflow-wrap:anywhere}
.px-st dd small{font-size:.4em;font-weight:700;letter-spacing:.02em;margin-left:3px}

/* ---- 3. order info + mini compare + Power Design ---- */
.px-info{padding:clamp(28px,3.4vw,52px) 0}
.px-info .pdp-after{margin:0;gap:18px}
body.pg .px-info .oinfo,body.pg .px-info section.mini{border-radius:20px;padding:clamp(18px,2vw,26px)}
body.pg .px-info .oinfo-t,body.pg .px-info section.mini h3{font:800 15px var(--ax-head);color:#fff;text-transform:uppercase}
body.pg .px-info .o-ship li{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:14px}
body.pg .px-info .o-ship b{color:#fff}
body.pg .px-info .o-ship small{color:#FF8A80}
body.pg .px-info .o-facts{border-color:rgba(255,255,255,.16)}
body.pg .px-info .o-facts i{color:#FF5A50}
body.pg .px-info .o-facts a,body.pg .px-info .o-more{color:#FF8A80}
body.pg .px-info .mini-list a{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:14px;color:#fff}
body.pg .px-info .mini-list b{color:#fff}
body.pg .px-info .mini-list svg{color:#FF5A50}
@media (hover:hover){body.pg .px-info .mini-list a:hover{border-color:rgba(255,90,80,.7)}}
.px-pd{margin-top:22px}
.px-pd-n{display:block;margin-top:4px;font-size:13px;color:rgba(255,255,255,.62)}

/* ---- 4. feature rows: photo card + glass text card ---- */
.px-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(22px,4vw,56px);align-items:center}
.px-row+.px-row,.px-row+.px-steps-h,.px-row+.center{margin-top:clamp(40px,5vw,76px)}
.px-row.rev .px-ph,.px-row.rev .px-box-img{order:2}
.px-row.solo{grid-template-columns:minmax(0,780px);justify-content:center}
.px-ph{position:relative;margin:0;border-radius:24px;overflow:hidden;border:1px solid rgba(255,255,255,.2);background:#0B0A14;
  box-shadow:0 30px 60px -26px rgba(0,0,0,.85),0 0 80px -16px rgba(var(--car),.6)}
.px-ph img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;border:0;border-radius:0}
.px-ph:not(.ai) img{aspect-ratio:4/3}
.px-ph-cut img{object-fit:cover;aspect-ratio:4/3.2}
.px-ph .chip{background:rgba(11,10,20,.82);border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.px-row .px-tx{border-radius:24px;padding:clamp(22px,3vw,44px)}
body.pg .px-row .px-tx h2{margin:12px 0 0}
.px-row .px-tx .lead{margin-top:14px}
.px-feat,.px-inbox,.px-more,.px-rev{padding:clamp(40px,5vw,84px) 0}

/* in the box */
.px-box-img{position:relative;margin:0;display:grid;place-items:center;aspect-ratio:4/3.1;border-radius:24px;overflow:hidden;
  background:radial-gradient(60% 55% at 50% 62%,rgba(var(--car),.45),transparent 72%),linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.03))}
.px-box-img img{width:90%;height:90%;object-fit:contain;filter:drop-shadow(0 26px 24px rgba(0,0,0,.65))}
body.pg .px-box .inbox{grid-template-columns:minmax(0,1fr);margin-top:18px}
body.pg .px-box .inbox li{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:14px;color:#fff;font-weight:600;font-size:15px}
body.pg .px-box .inbox li i{width:26px;height:26px;border-radius:8px;background:linear-gradient(145deg,#ff2a1a,#b00500);color:#fff}
body.pg .px-box .inbox li i svg{width:14px;height:14px}
.px-steps-h{margin-bottom:clamp(22px,3vw,36px)}
body.pg .px-steps-h h2{margin-top:12px}
body.pg .px-inbox .steps{margin-top:0;gap:18px;grid-template-columns:repeat(3,minmax(0,1fr))}
body.pg .px-inbox .step{border-radius:22px;padding:clamp(22px,2.4vw,32px);background:linear-gradient(145deg,rgba(255,255,255,.15),rgba(255,255,255,.04) 45%,rgba(225,6,0,.1))}
body.pg .px-inbox .step .n{font:800 clamp(40px,4vw,56px)/1 var(--ax-head);color:#FF3B30;text-shadow:0 0 24px rgba(225,6,0,.6);margin-bottom:14px}
body.pg .px-inbox .steps .step h3{font:800 16px/1.25 var(--ax-head);color:#fff;text-transform:uppercase}
body.pg .px-inbox .step p{color:rgba(255,255,255,.8);margin-top:8px}

/* compare, story, gallery */
body.pg .px-more .compare{border-radius:22px;margin-top:clamp(22px,3vw,36px);background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.03))}
body.pg .px-more .compare th{background:rgba(255,255,255,.1);color:#fff;font:700 12px var(--ax-body);letter-spacing:.1em;text-transform:uppercase}
body.pg .px-more .compare th.cur{background:linear-gradient(145deg,#ff2a1a,#c20500)}
body.pg .px-more .compare td{color:rgba(255,255,255,.9);border-color:rgba(255,255,255,.12)}
body.pg .px-more .compare td:first-child{color:#fff}
body.pg .px-more .compare td.cur{background:rgba(225,6,0,.2);color:#fff}
.px-more .px-story{margin-top:clamp(44px,5vw,80px)}
.px-more .px-gal-h{margin-top:clamp(44px,5vw,80px)}
body.pg .px-more .lgal{margin-top:clamp(22px,3vw,36px);gap:18px}
body.pg .px-more .lgal figure{border-radius:20px}
body.pg .px-more .lgal figcaption{color:rgba(255,255,255,.88);font-size:14px}
body.pg .px-more .lgal img{border:0;border-radius:0}
body.pg .px-rev .review{border-radius:20px;color:#fff}
body.pg .px-rev .who span{background:#E10600}

/* ---- 5. FAQ: light glass like the home page ---- */
.px-faq{position:relative;isolation:isolate;overflow:hidden;margin-top:20px;padding:clamp(48px,6vw,92px) 0;background:linear-gradient(180deg,#fff 0%,#F6F2F3 100%);color:var(--ax-ink)}
.px-faq .ax-glow{opacity:.3}
.px-faq .ax-glow.g1{width:380px;height:380px;left:-6%;top:60px}
.px-faq .ax-glow.g2{width:340px;height:340px;left:auto;right:-4%;top:300px;opacity:.26}
.px-faq .center{text-align:center}
body.pg .px-faq h2{max-width:820px;margin:12px auto 26px;text-align:center;font:400 clamp(24px,3vw,36px)/1.12 var(--ax-head);text-transform:uppercase;color:var(--ax-ink)}
body.pg .px-faq .eyebrow{color:var(--ax-red)}
body.pg .px-faq .faq{max-width:820px;gap:12px;margin:0 auto;interpolate-size:allow-keywords}
body.pg .px-faq .faq details{padding:0 10px 0 24px;border-radius:20px;background:linear-gradient(135deg,rgba(255,255,255,.78),rgba(255,255,255,.5));
  -webkit-backdrop-filter:blur(16px) saturate(160%);backdrop-filter:blur(16px) saturate(160%);border:1px solid rgba(21,21,30,.08);
  box-shadow:0 14px 34px -22px rgba(21,21,30,.45),inset 0 1px 0 #fff;transition:border-color .3s,box-shadow .3s}
body.pg .px-faq .faq details[open]{border-color:rgba(225,6,0,.4);box-shadow:0 18px 44px -20px rgba(225,6,0,.4),inset 0 1px 0 #fff}
body.pg .px-faq .faq summary{min-height:64px;padding:12px 0;gap:16px;font-weight:700;font-size:16.5px;color:var(--ax-ink)}
body.pg .px-faq .faq summary::after{content:"";font-size:0;flex:none;width:36px;height:36px;border-radius:50%;
  background:linear-gradient(#fff,#fff) center/14px 2px no-repeat,linear-gradient(#fff,#fff) center/2px 14px no-repeat,linear-gradient(145deg,#ff2a1a,#c20500);
  box-shadow:0 8px 16px -8px rgba(225,6,0,.9),inset 0 1px 0 rgba(255,255,255,.35);transition:transform .35s cubic-bezier(.2,.7,.2,1)}
body.pg .px-faq .faq details[open] summary::after{content:"";transform:rotate(45deg)}
body.pg .px-faq .faq details p{padding:0 46px 20px 0;font-size:15.5px;line-height:1.65;color:var(--ax-muted)}
.px-faq .faq details::details-content{block-size:0;overflow:hidden;transition:block-size .35s ease,content-visibility .35s allow-discrete}
.px-faq .faq details[open]::details-content{block-size:auto}
.px-faq .faq details[open] p{animation:ax-faq-in .4s ease both}

/* ---- 6. final call ---- */
.px-final{text-align:center;padding:clamp(48px,5vw,84px) 0}
body.pg .px-final h2{font:900 clamp(26px,4vw,52px)/1.05 var(--ax-head)}
.px-final p{margin:14px auto 0;max-width:640px;color:rgba(255,255,255,.82)}
.px-final .px-final-l{font:600 13px var(--ax-body);letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.62)}
.px-final-b{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:26px}
.px-final .pill.cta{min-height:56px;border-radius:14px;background:linear-gradient(145deg,#ff2a1a,#c20500);box-shadow:0 14px 28px -12px rgba(225,6,0,.9),inset 0 1px 0 rgba(255,255,255,.35)}
body.pg .px-final .pill.out{min-height:56px;border-radius:14px;border:1px solid rgba(255,255,255,.3);background:linear-gradient(135deg,rgba(255,255,255,.14),rgba(255,255,255,.03))}
@media (hover:hover){body.pg .px-final .pill.out:hover{background:#E10600;border-color:#E10600;color:#fff}}

/* mobile sticky buy bar */
body.pg .mobile-buy{background:linear-gradient(135deg,rgba(255,255,255,.16),rgba(255,255,255,.04) 50%,rgba(225,6,0,.22)),rgba(14,9,12,.88);-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%);
  border:1px solid rgba(255,255,255,.22);border-radius:18px;box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 16px 40px -12px rgba(0,0,0,.8)}
body.pg .mobile-buy .cta{min-height:48px;border-radius:12px;background:linear-gradient(145deg,#ff2a1a,#c20500);box-shadow:0 10px 22px -10px rgba(225,6,0,.9),inset 0 1px 0 rgba(255,255,255,.35)}
body.pg .mobile-buy .cta:disabled{opacity:.5}

/* phone block under the page (rendered by shop.js): same as the home page */
/* 6. bottom phone block (rendered by shop.js): photo + dark gradient, glass phone button, home page only */
main.pdp-main~.ax-loop{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;width:calc(100% - 40px);min-height:clamp(340px,28vw,420px);margin:20px auto;padding:clamp(52px,5vw,80px) 24px;border-radius:24px;
  background:radial-gradient(60% 90% at 50% 110%,rgba(225,6,0,.4),transparent 70%),linear-gradient(180deg,rgba(8,6,12,.7),rgba(8,6,12,.88)),#0B0A14 url(img/f1/c1-telefon.webp) center/cover no-repeat}
main.pdp-main~.ax-loop img{display:none}
main.pdp-main~.ax-loop h2{font:900 clamp(28px,4vw,56px)/1.05 var(--ax-head);text-transform:uppercase;margin:0 0 28px;color:#fff;text-shadow:0 6px 30px rgba(0,0,0,.6)}
main.pdp-main~.ax-loop .pill.out{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:76px;padding:12px 26px 12px 78px;border-radius:18px;border:1px solid rgba(255,255,255,.2);color:#fff;text-decoration:none;
  font:700 clamp(20px,2.4vw,30px)/1 var(--ax-head);letter-spacing:.01em;white-space:nowrap;
  background:linear-gradient(135deg,rgba(255,255,255,.16),rgba(255,255,255,.04) 50%,rgba(225,6,0,.24)),rgba(20,9,12,.7);-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 20px 44px -16px rgba(225,6,0,.65);transition:transform .2s,box-shadow .2s}
main.pdp-main~.ax-loop .pill.out::before{content:"";position:absolute;left:12px;top:12px;width:52px;height:52px;border-radius:14px;box-shadow:0 8px 18px -6px rgba(225,6,0,.8),inset 0 1px 0 rgba(255,255,255,.35);
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M5 3.5h3.2l1.6 4.2-2.2 1.5a11 11 0 0 0 5.2 5.2l1.5-2.2 4.2 1.6V17a2 2 0 0 1-2.2 2A15.5 15.5 0 0 1 3 5.7 2 2 0 0 1 5 3.5Z'/%3E%3C/svg%3E") center/22px no-repeat,linear-gradient(145deg,#ff2a1a,#b00500)}
main.pdp-main~.ax-loop .pill.out::after{content:"\2192";font:700 22px var(--ax-head);color:#FF5A50;margin-left:4px;transition:transform .2s}
main.pdp-main~.ax-loop p{margin-top:20px;font:600 13px var(--ax-body);letter-spacing:.12em;text-transform:uppercase;opacity:.75}
@media (hover:hover){main.pdp-main~.ax-loop .pill.out:hover{transform:translateY(-2px);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 26px 52px -16px rgba(225,6,0,.85)}main.pdp-main~.ax-loop .pill.out:hover::after{transform:translateX(4px)}}

@media (max-width:1000px){main.pdp-main~.ax-loop{width:calc(100% - 24px);margin:12px auto}}
@media (max-width:760px){
  main.pdp-main~.ax-loop{padding:46px 16px}
  main.pdp-main~.ax-loop .pill.out{min-height:68px;padding:10px 16px 10px 66px;font-size:clamp(17px,5.4vw,20px);gap:10px;max-width:100%}
  main.pdp-main~.ax-loop .pill.out::before{left:10px;top:10px;width:48px;height:48px}
  main.pdp-main~.ax-loop .pill.out::after{display:none}
}
@media (prefers-reduced-motion:reduce){main.pdp-main~.ax-loop .pill.out{transition:none}}


/* ---- responsive ---- */
@media (max-width:1000px){
  .px-box{width:calc(100% - 24px);margin-top:12px;border-radius:20px}
  .px-faq{margin-top:12px}
  .px-box .ax-glow.g1{width:260px;height:260px;left:-12%;top:-60px}
  .px-box .ax-glow.g2{width:240px;height:240px;right:-10%;top:45%}
  .px-box .ax-glow.g3{width:240px;height:240px;right:-10%;top:-40px}
  .px-row{grid-template-columns:minmax(0,1fr);gap:20px}
  .px-row.rev .px-ph,.px-row.rev .px-box-img{order:0}
  body.pg .px-inbox .steps{grid-template-columns:minmax(0,1fr)}
  .px-ph,.px-box-img{max-width:620px;margin:0 auto;width:100%}
}
@media (max-width:900px){
  body.pg .px-hero .pdp{grid-template-columns:minmax(0,1fr);gap:20px}
  body.pg .px-hero .gallery{position:static}
}
@media (max-width:760px){
  .px-box{padding-top:40px;padding-bottom:36px}
  .px-hero{padding:16px 0 20px}
  .px-in{padding:0 14px}
  body.pg .px-buy,body.pg .px-plate,body.pg .px-row .px-tx,body.pg .px-info .oinfo,body.pg .px-info .mini,body.pg .px-inbox .step,body.pg .px-more .compare,body.pg .px-more .lgal figure,body.pg .px-rev .review,body.pg .px-box-img{-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(255,255,255,.05) 45%,rgba(225,6,0,.16)),rgba(22,10,14,.78)}
  .px-box .ax-glow{filter:none}
  body.pg .px-hero .gallery .main{aspect-ratio:4/3.2;border-radius:18px}
  body.pg .px-hero .gallery .thumbs2{flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;padding-bottom:4px;margin-right:-14px}
  body.pg .px-hero .gallery .thumbs2::-webkit-scrollbar{display:none}
  body.pg .px-hero .gallery .thumbs2 button{flex:0 0 64px;width:64px;height:64px;scroll-snap-align:start}
  .px-buy{border-radius:20px;padding:20px 16px}
  body.pg .px-buy .tier{padding:12px 12px 10px 48px}
  body.pg .px-buy .tier::before{left:14px;top:16px}
  body.pg .px-buy .tier .t-top{gap:10px}
  body.pg .px-buy .tier .t-name{font-size:14px}
  body.pg .px-buy .tier .t-price,body.pg .px-buy .tier:has(input:checked) .t-price{font-size:18px}
  .px-cine-ph{height:auto;aspect-ratio:16/10}
  .px-cine-t{max-width:70%;gap:8px;left:16px;top:16px}
  .px-cine-t b{font-size:clamp(22px,7vw,32px)}
  .px-ill-note{margin-top:-24px;padding:0 16px;font-size:11px}
  .px-st{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px}
  .px-st dd{font-size:clamp(28px,9vw,40px)}
  .px-pd{flex-wrap:wrap;gap:14px;padding:16px}
  .px-pd .ax-pd-t{flex:1 1 calc(100% - 70px);font-size:14.5px}
  .px-pd .ax-pd-go{width:100%;justify-content:center}
  .px-faq{padding:48px 0 44px}
  body.pg .px-faq .faq details{padding:0 8px 0 18px;border-radius:18px}
  body.pg .px-faq .faq summary{font-size:15.5px}
  body.pg .px-faq .faq details p{padding-right:34px}
  body.pg .px-more .compare tr:not(:first-child){background:rgba(22,10,14,.8);border:1px solid rgba(255,255,255,.16)}
  body.pg .px-more .compare td:first-child{background:linear-gradient(145deg,#ff2a1a,#b00500);color:#fff}
  body.pg .px-more .compare td.cur{background:rgba(225,6,0,.22)}
  body.pg .px-more .compare td::before{color:rgba(255,255,255,.7)}
}
@media (max-width:520px){
  body.pg .px-buy .tier .t-top{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:10px;row-gap:2px;align-items:baseline}
  body.pg .px-buy .tier .t-pr{display:contents}
  body.pg .px-buy .tier .t-name{grid-column:1;grid-row:1}
  body.pg .px-buy .tier .t-price,body.pg .px-buy .tier:has(input:checked) .t-price{grid-column:2;grid-row:1}
  body.pg .px-buy .tier .t-save,body.pg .px-buy .tier:has(input:checked) .t-save,body.pg .px-buy .tier:not(:has(input:checked)) .t-save{grid-column:1/-1;grid-row:2;margin:0;text-align:left}
  body.pg .px-buy .buyrow{flex-wrap:wrap}
  body.pg .px-buy .qty2{order:1;flex:1 1 100%;justify-content:space-between}
  body.pg .px-buy .buyrow .cta{order:2;flex:1 1 100%}
  body.pg .px-buy .phonebox{font-size:14.5px}
}
@media (prefers-reduced-motion:reduce){
  .gnav,.px-buy .tier,body.pg .px-buy .buyrow .cta,body.pg .px-buy .phonebox,.px-faq .faq summary::after,.px-faq .faq details,body.pg .px-hero .gallery .thumbs2 button{transition:none}
  .px-faq .faq details[open] p{animation:none}
  .px-faq .faq details::details-content{transition:none}
}
/* product banner: photo starts at the very top of the box (no empty band above it) */
.px-box.px-cine:not(.no-ph){padding-top:0}
.px-box.px-cine .px-cine-ph{margin-top:0}
/* phone block hours line: small, light, clean */
.ax-loop > p, main.home~.ax-loop > p, main.pdp-main~.ax-loop > p{margin-top:14px;font:300 13px/1.4 var(--ax-body,Montserrat),sans-serif;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.62);opacity:1}
/* "Wybierz swój zestaw": deep racing-red box instead of near-black */
#zestawy.ax-box,.ax-box#zestawy{background:
  radial-gradient(60% 70% at 50% 0%,rgba(255,60,40,.55),transparent 70%),
  radial-gradient(50% 60% at 0% 100%,rgba(255,30,20,.45),transparent 70%),
  radial-gradient(50% 60% at 100% 100%,rgba(255,30,20,.4),transparent 70%),
  linear-gradient(160deg,#8f0a0a 0%,#5e0607 45%,#3a0406 100%)}
#zestawy .ax-oc{background:linear-gradient(160deg,rgba(255,255,255,.16),rgba(255,255,255,.05) 55%,rgba(0,0,0,.18));border-color:rgba(255,255,255,.24)}
#zestawy .ax-oc .pr,#zestawy .ax-oc h3{text-shadow:0 2px 16px rgba(0,0,0,.35)}
#zestawy .ax-oc li b{color:#FFD3CE}
#zestawy .ax-oc .sv{background:#fff;color:#C20500;box-shadow:0 8px 20px -10px rgba(0,0,0,.45)}
#zestawy .ax-oc .go{background:#fff;color:#15151E;box-shadow:0 12px 26px -14px rgba(0,0,0,.55)}
@media (hover:hover){#zestawy .ax-oc .go:hover{background:#15151E;color:#fff}}

/* =====================================================================================================
   ROUND 5: car pages, lower sections in persuasion order (scoped to .px-*)
   ===================================================================================================== */
.px-g{background:linear-gradient(145deg,rgba(255,255,255,.15),rgba(255,255,255,.04) 45%,rgba(225,6,0,.1));-webkit-backdrop-filter:blur(22px) saturate(170%);backdrop-filter:blur(22px) saturate(170%);
  border:1px solid rgba(255,255,255,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 30px 70px -30px rgba(0,0,0,.8),0 0 50px -14px rgba(225,6,0,.25);border-radius:20px}
.px-box i.ax-ti{flex:none;display:grid;place-items:center;width:46px;height:46px;border-radius:13px;color:#FF5A50;background:linear-gradient(145deg,rgba(255,255,255,.18),rgba(225,6,0,.14));border:1px solid rgba(255,255,255,.2);box-shadow:0 6px 14px -8px rgba(225,6,0,.7),inset 0 1px 0 rgba(255,255,255,.3)}
.px-box i.ax-ti svg{width:30px;height:30px}
.px-box .pill.cta{min-height:52px;border-radius:14px;background:linear-gradient(145deg,#ff2a1a,#c20500);color:#fff;box-shadow:0 14px 28px -12px rgba(225,6,0,.9),inset 0 1px 0 rgba(255,255,255,.35)}
.px-box .pill.cta:disabled{opacity:.5}
.px-box .pill{text-decoration:none}
.px-ph.px-ph-32 img{aspect-ratio:3/2}
.px-ph.ai img{aspect-ratio:auto}

/* b) benefits in one line */
.px-ben{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:clamp(22px,3vw,40px) 0 clamp(18px,2.4vw,30px);padding:0}
.px-ben li{display:flex;align-items:center;gap:14px;min-height:76px;padding:14px 16px}
.px-ben b{display:block;font:800 14px/1.25 var(--ax-head);text-transform:uppercase;color:#fff}
.px-ben small{display:block;margin-top:4px;font:500 13px/1.35 var(--ax-body);color:rgba(255,255,255,.72)}
.px-cine.no-ph .px-ben{margin-top:0}

/* look cards */
.px-feat{padding:clamp(28px,3.4vw,52px) 0}
.px-fgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2.4vw,32px)}
.px-fc{display:flex;flex-direction:column;overflow:hidden;padding:0}
.px-fc .px-ph{border-radius:0;border:0;border-bottom:1px solid rgba(255,255,255,.18);box-shadow:none}
.px-fc .px-ph img{aspect-ratio:16/10;object-fit:cover}
.px-fc-tx{padding:clamp(20px,2.4vw,32px)}
body.pg .px-fc-tx h2{font-size:clamp(18px,1.8vw,24px);margin:10px 0 0}
.px-fc-tx .lead{margin-top:12px}

/* d) gift */
.px-gift,.px-inbox,.px-bun,.px-risk{padding:clamp(36px,4.4vw,72px) 0}
.px-occ{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 0;padding:0}
.px-occ li{display:inline-flex;align-items:center;min-height:34px;padding:0 14px;border-radius:999px;font:600 13px var(--ax-body);color:#fff;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2)}
.px-tx .feat-note{margin-top:14px}
.px-go{margin-top:20px;display:inline-flex;align-items:center;justify-content:center;padding:0 28px;min-height:52px}
.px-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2vw,26px);margin-top:clamp(24px,3vw,44px)}
.px-strip figure{position:relative;margin:0;overflow:hidden}
.px-strip img{display:block;width:100%;aspect-ratio:4/4.4;object-fit:cover;object-position:50% 58%}
.px-strip figcaption{padding:12px 16px;font:600 14px/1.35 var(--ax-body);color:rgba(255,255,255,.9)}
.px-strip .px-ill,.px-bun-ph .px-ill{bottom:auto;top:12px}

/* e) in the box */
.px-ib-h{display:flex;align-items:center;gap:16px}
.px-kart{flex:none;width:clamp(96px,14vw,150px);height:auto;filter:drop-shadow(0 14px 14px rgba(0,0,0,.6))}
.px-inbox .px-row.rev .px-ph{order:0}
.px-inbox .px-row.rev .px-tx{order:2}

/* g) bundle */
.px-bun-g{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:clamp(16px,2.4vw,32px);align-items:start}
.px-bun-c{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);overflow:hidden;padding:0}
.px-bun-ph{position:relative;margin:0;min-height:100%}
.px-bun-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 45%}
.px-bun-tx{padding:clamp(20px,2.4vw,32px)}
body.pg .px-bun-tx h2{margin:10px 0 0}
.px-bun-tx .lead{margin-top:10px}
.px-offers{list-style:none;display:grid;gap:10px;margin:18px 0 0;padding:0}
.px-of{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16)}
.px-of b{display:block;font:800 14px var(--ax-head);text-transform:uppercase;color:#fff}
.px-of-p{display:block;margin-top:4px;font:800 22px var(--ax-head);color:#fff}
.px-of-p small{font:500 13px var(--ax-body);color:rgba(255,255,255,.7)}
.px-of em{display:block;margin-top:2px;font:700 13px var(--ax-body);font-style:normal;color:#FF8A80}
.px-of .pill{padding:0 20px;font-size:12px;letter-spacing:.1em;min-height:48px;white-space:nowrap}
body.pg .px-bun section.mini{border-radius:20px;padding:clamp(18px,2vw,26px);background:linear-gradient(145deg,rgba(255,255,255,.15),rgba(255,255,255,.04) 45%,rgba(225,6,0,.1));border:1px solid rgba(255,255,255,.22);color:#fff}
body.pg .px-bun section.mini h3{font:800 15px var(--ax-head);color:#fff;text-transform:uppercase}
body.pg .px-bun section.mini p{color:rgba(255,255,255,.8)}
body.pg .px-bun .mini-list a{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:14px;color:#fff;min-height:64px}
body.pg .px-bun .mini-list b{color:#fff}
body.pg .px-bun .mini-list small{color:rgba(255,255,255,.7)}
body.pg .px-bun .mini-list svg{color:#FF5A50}
@media (hover:hover){body.pg .px-bun .mini-list a:hover{border-color:rgba(255,90,80,.7)}}

/* h) power design */
.px-pdbox{padding:clamp(14px,2vw,22px) 0}
.px-pdbox .px-pd{margin-top:0}

/* i) risk tiles */
.px-tiles{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.6vw,20px);margin:clamp(22px,3vw,36px) 0 0;padding:0}
.px-tiles li{display:flex;flex-direction:column;gap:14px;padding:clamp(18px,2vw,26px)}
.px-tiles h3{font:800 14px/1.25 var(--ax-head);text-transform:uppercase;color:#fff}
.px-tb{margin-top:8px;font:700 16px/1.35 var(--ax-body);color:#fff}
.px-tb a{color:#fff}
.px-ts{margin-top:8px;font:500 13.5px/1.55 var(--ax-body);color:rgba(255,255,255,.72)}
.px-ts a{display:inline-flex;align-items:center;min-height:44px;font-weight:600;color:#FF8A80}

/* k) final call */
.px-final{text-align:left;padding:clamp(40px,5vw,84px) 0;background:#0B0A14}
.px-final-bg{position:absolute;inset:0;z-index:-1;width:100%;height:100%;object-fit:cover;object-position:62% 60%;opacity:.5}
.px-final::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(11,10,20,.92) 8%,rgba(11,10,20,.45) 70%),radial-gradient(60% 80% at 80% 100%,rgba(var(--car),.3),transparent 70%)}
.px-final-in{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(20px,4vw,56px);align-items:center}
.px-final-tx p{margin:14px 0 0;max-width:560px;text-align:left}
body.pg .px-final h2{margin-top:12px;font-size:clamp(28px,4vw,54px)}
.px-final-pr{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 16px;margin-top:20px}
.px-final-pr b{font:800 clamp(34px,4vw,52px)/1 var(--ax-head);color:#fff;text-shadow:0 4px 24px rgba(225,6,0,.35)}
.px-final-pr span{font:600 14px var(--ax-body);color:rgba(255,255,255,.75)}
.px-final-b{justify-content:flex-start;margin-top:22px}
.px-final-b .pill{padding:0 26px}
.px-final-kart{width:100%;height:auto;max-width:520px;justify-self:center;filter:drop-shadow(0 30px 30px rgba(0,0,0,.7))}
.px-final .px-final-l{margin-top:18px}

@media (max-width:1000px){
  .px-gift,.px-inbox,.px-bun,.px-risk{padding:30px 0}
  .px-bun-g{grid-template-columns:minmax(0,1fr)}
  .px-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
  .px-fgrid{grid-template-columns:minmax(0,1fr)}
  .px-final-in{grid-template-columns:minmax(0,1fr)}
  .px-final-kart{max-width:340px;order:-1}
}
@media (max-width:760px){
  .px-g,body.pg .px-bun section.mini{-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(255,255,255,.05) 45%,rgba(225,6,0,.16)),rgba(22,10,14,.78)}
  .px-ben{gap:8px}
  .px-ben li{flex-direction:column;align-items:flex-start;gap:8px;padding:12px 10px;min-height:0}
  .px-ben i.ax-ti{width:38px;height:38px}
  .px-ben i.ax-ti svg{width:24px;height:24px}
  .px-ben b{font-size:11px}
  .px-ben small{display:none}
  .px-strip{display:flex;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;margin-right:-14px;padding-right:14px;padding-bottom:4px}
  .px-strip::-webkit-scrollbar{display:none}
  .px-strip figure{flex:0 0 72%;scroll-snap-align:start}
  .px-bun-c{grid-template-columns:minmax(0,1fr)}
  .px-bun-ph{min-height:0;aspect-ratio:16/10}
  .px-tiles{grid-template-columns:minmax(0,1fr)}
  .px-tiles li{flex-direction:row;align-items:flex-start}
  .px-of .pill{flex:1 1 100%}
  .px-go{width:100%}
  .px-final-b .pill{flex:1 1 100%}
}
@media (prefers-reduced-motion:reduce){.px-strip{scroll-behavior:auto}.px-box .pill{transition:none}}
.px-final-bg{opacity:.34;object-position:70% 60%}
.px-final::before{background:linear-gradient(90deg,rgba(11,10,20,.96) 20%,rgba(11,10,20,.55) 75%),radial-gradient(60% 80% at 80% 100%,rgba(var(--car),.3),transparent 70%)}
.px-bun-g{align-items:stretch}
.px-strip img{aspect-ratio:4/3.3}
@media (max-width:1000px){.px-final::before{background:linear-gradient(180deg,rgba(11,10,20,.5) 0,rgba(11,10,20,.92) 38%),radial-gradient(60% 80% at 80% 100%,rgba(var(--car),.3),transparent 70%)}.px-final-bg{opacity:.3}}
.px-final-bg{z-index:-2}


/* ============================================================================================================
   ROUND 4: cart, cart drawer, checkout, order confirmation, payment page (body.ck, .drawer, .ck-*, .paybox)
   Dark rounded box 20px from the edges (like .ax-hero), liquid-glass panels, red #E10600 accents, Head (Unbounded) headings,
   Mont body. Tokens are redefined inside .ck-box / .drawer so the older markup (var(--ink), var(--line), ...) turns dark with it.
   ============================================================================================================ */
.ck-box,body .drawer,body .toast{--ink:#fff;--muted:rgba(255,255,255,.74);--accent-text:#FF8A80;--red:#FF8A80;--line:rgba(255,255,255,.2);--bg:rgba(255,255,255,.06);--bg2:rgba(255,255,255,.12);--card:rgba(255,255,255,.07);--pink-soft:rgba(255,255,255,.18);--ck-glass:linear-gradient(145deg,rgba(255,255,255,.15),rgba(255,255,255,.04) 45%,rgba(225,6,0,.1))}
body.ck .toast{--ink:#fff}

/* ---- the box ---- */
body.ck{overflow-x:clip}
.ck-box{position:relative;isolation:isolate;overflow:clip;width:calc(100% - 40px);max-width:1360px;margin:20px auto;border-radius:24px;background:#0B0A14;color:#fff;padding:clamp(22px,4vw,56px) clamp(14px,3vw,48px);flex:none;font-family:var(--ax-body)}
.ck-box::before{content:"";position:absolute;z-index:-1;right:-12%;top:-30%;width:70%;height:90%;background:radial-gradient(closest-side,rgba(225,6,0,.34),transparent 72%);pointer-events:none}
.ck-box::after{content:"";position:absolute;z-index:-1;left:-15%;bottom:-35%;width:60%;height:80%;background:radial-gradient(closest-side,rgba(225,6,0,.16),transparent 72%);pointer-events:none}
.ck-in{max-width:1180px;margin:0 auto;min-width:0}
.ck-box h1{color:#fff;font:900 clamp(24px,3.6vw,38px)/1.1 var(--ax-head);text-transform:uppercase;margin:0 0 22px;overflow-wrap:anywhere}
.ck-box h2{color:#fff;font-family:var(--ax-head);text-transform:uppercase;font-weight:700;letter-spacing:0}
.ck-box h3{color:#fff;font-family:var(--ax-head);text-transform:uppercase;font-weight:700}
.ck-box p,.ck-box li{font-family:var(--ax-body)}
.ck-box a{color:#FF8A80}
.ck-box .pill{font-family:var(--ax-body)}
.ck-eyebrow{margin:0 0 8px;font:700 12px/1.3 var(--ax-body);letter-spacing:.16em;text-transform:uppercase;color:#FF5A50}
.ck-box .crumbs{font-size:13px;margin-bottom:12px;color:rgba(255,255,255,.7)}
.ck-box .crumbs a{color:#fff;text-decoration:none;display:inline-flex;align-items:center;min-height:44px}
.ck-box .crumbs a:hover{color:#FF8A80;text-decoration:underline}
.ck-box .lead{color:rgba(255,255,255,.8);font-weight:400}
.ck-box .muted{color:rgba(255,255,255,.72)}
.ck-box .small{font-size:14px}
.ck-box :is(a,button,input,select,summary):focus-visible,body .drawer :is(a,button,input,select):focus-visible{outline:3px solid #FF8A80;outline-offset:2px}
.ck-box .skeleton{background:linear-gradient(90deg,rgba(255,255,255,.06),rgba(255,255,255,.14),rgba(255,255,255,.06));background-size:200% 100%;border-radius:20px}

/* ---- glass ---- */
.ck-glass,body.ck .panel,body.ck .two .step,body.ck .ok-hero,body.ck .empty{background:var(--ck-glass);-webkit-backdrop-filter:blur(20px) saturate(165%);backdrop-filter:blur(20px) saturate(165%);border:1px solid rgba(255,255,255,.2);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 30px 70px -30px rgba(0,0,0,.8),0 0 50px -14px rgba(225,6,0,.25);border-radius:20px;color:#fff}
body.ck .panel{padding:clamp(16px,2vw,26px)}
body.ck .panel .panel{box-shadow:none}
body.ck .two{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:clamp(16px,2.4vw,28px)}
body.ck .two>*{min-width:0}
.ck-main{display:grid;gap:16px;align-content:start}
body.ck .empty{text-align:center;padding:clamp(28px,5vw,56px) 20px;display:grid;justify-items:center;gap:12px}
body.ck .empty h2{margin:0}
body.ck .empty p{margin:0 0 6px}
.ck-note{margin-bottom:16px;padding:14px 18px;border-radius:16px;border-left:4px solid #E10600;background:rgba(255,255,255,.08);font-weight:600;color:#fff}

/* ---- buttons ---- */
.ck-box .pill.cta,body .drawer .pill.cta,.ck-bar .pill.cta{min-height:54px;border-radius:14px;background:linear-gradient(145deg,#ff2a1a,#c20500);color:#fff;box-shadow:0 14px 28px -12px rgba(225,6,0,.9),inset 0 1px 0 rgba(255,255,255,.35);text-decoration:none;text-align:center}
.ck-box .pill.cta:disabled{opacity:.5;box-shadow:none}
@media (hover:hover){.ck-box .pill.cta:hover:not(:disabled),body .drawer .pill.cta:hover,.ck-bar .pill.cta:hover{background:linear-gradient(145deg,#ff4133,#d40600)}}
.ck-box .pill.mini{min-height:48px;padding:0 18px;border-radius:12px;background:linear-gradient(145deg,rgba(255,255,255,.2),rgba(255,255,255,.06));color:#fff;border:1px solid rgba(255,255,255,.3);font-size:12px;letter-spacing:.1em}
body .drawer .pill.mini,body .drawer .mini{min-height:44px;border-radius:12px;background:linear-gradient(145deg,rgba(255,255,255,.2),rgba(255,255,255,.06));color:#fff;border:1px solid rgba(255,255,255,.3)}
@media (hover:hover){.ck-box .pill.mini:hover,body .drawer .mini:hover{background:#E10600;border-color:#E10600;color:#fff}}
.ck-ghost{min-height:48px;padding:0 20px;border-radius:12px;border:2px solid rgba(255,255,255,.7);color:#fff;background:transparent}
.ck-box a.ck-ghost{color:#fff}
@media (hover:hover){.ck-ghost:hover{background:#fff;color:#15151E}.ck-box a.ck-ghost:hover{color:#15151E}}
.ck-go{width:100%;margin-top:18px}

/* ---- cart lines ---- */
body.ck .ck-lines{padding:clamp(8px,1.2vw,14px) clamp(14px,2vw,24px)}
body.ck .line{grid-template-columns:96px minmax(0,1fr) auto;gap:clamp(12px,2vw,20px);border-bottom:1px solid rgba(255,255,255,.14);padding:16px 0}
body.ck .line img{width:96px;height:96px;border-radius:16px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);object-fit:cover}
body.ck .line .li{min-width:0}
body.ck .line h3{font:700 clamp(13px,1.6vw,16px)/1.25 var(--ax-head);text-transform:uppercase;overflow-wrap:anywhere;margin:0}
body.ck .line .ck-var{margin:6px 0 10px;font-weight:600}
body.ck .line .lrow{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px}
body.ck .line .lt{font:700 clamp(15px,1.8vw,19px) var(--ax-head);color:#fff;white-space:nowrap}
body.ck .line .ck-ldisc{font:600 12px var(--ax-body);margin-top:4px;white-space:normal}
body.ck .line .rm{color:rgba(255,255,255,.8);min-height:44px;min-width:44px;padding:0 6px;text-decoration:underline;font:600 14px var(--ax-body)}
@media (hover:hover){body.ck .line .rm:hover{color:#FF8A80}}
body.ck .qty2{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.28);padding:3px;gap:2px}
body.ck .qty2 button{width:44px;height:44px;background:rgba(255,255,255,.14);color:#fff;font-size:22px;line-height:1;transition:background-color .15s}
@media (hover:hover){body.ck .qty2 button:hover:not(:disabled){background:#E10600}}
body.ck .qty2 button:disabled{opacity:.5}
body.ck .qty2 span{min-width:32px;color:#fff;font-weight:700}
body.ck .line-mini{grid-template-columns:56px minmax(0,1fr) auto;padding:10px 0}
body.ck .line-mini img{width:56px;height:56px;border-radius:12px}
body.ck .line-mini b{color:#fff}

/* ---- summary ---- */
body.ck .sticky-sum{top:96px}
body.ck .panel h2{font-size:clamp(15px,2vw,19px);margin:0 0 14px}
body.ck .sum{gap:10px;margin-top:14px}
body.ck .sum div{color:#fff;font-weight:600}
body.ck .sum .ck-disc{color:#FF8A80}
body.ck .sum .tot{font:700 clamp(17px,2.2vw,22px) var(--ax-head);border-top:1px solid rgba(255,255,255,.22);padding-top:14px;margin-top:4px}
body.ck .sum .muted{font-weight:600}
.ck-pro-note{margin:14px 0 0;line-height:1.5}
.ck-digital{display:flex;align-items:center;gap:10px;margin:0;font-weight:700;font-size:14px}
.ck-digital svg{flex:none;padding:6px;box-sizing:content-box;width:14px;height:14px;border-radius:50%;background:#E10600;color:#fff}

/* free-shipping bar */
.shipbar-t{display:flex;align-items:center;gap:10px;margin:0;font:600 14px/1.35 var(--ax-body);color:#fff}
.shipbar-t svg{flex:none;color:#FF5A50}
.shipbar-t b{font-weight:800}
.freebar{height:10px;background:rgba(255,255,255,.14);border-radius:999px;overflow:hidden;margin:10px 0 4px}
.freebar i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#c20500,#ff3b2e);box-shadow:0 0 14px rgba(225,6,0,.7);transition:width .3s}
.shipbar.is-done .shipbar-t svg{color:#7CE3A0}

/* ---- duotone trust list ---- */
.ck-trust{list-style:none;display:grid;gap:10px;margin:18px 0 0;padding:0}
.ck-trust li{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);font:600 14px/1.35 var(--ax-body);color:#fff;min-height:44px}
.ck-box i.ax-ti,body .drawer i.ax-ti{flex:none;display:grid;place-items:center;width:46px;height:46px;border-radius:13px;color:#FF5A50;background:linear-gradient(145deg,rgba(255,255,255,.18),rgba(225,6,0,.14));border:1px solid rgba(255,255,255,.2);box-shadow:0 6px 14px -8px rgba(225,6,0,.7),inset 0 1px 0 rgba(255,255,255,.3);font-style:normal}
.ck-box i.ax-ti svg,body .drawer i.ax-ti svg{width:30px;height:30px}

/* ---- phone CTA ---- */
.ck-tel{display:flex;width:100%;margin-top:14px;padding:10px 16px 10px 10px;gap:14px;color:#fff;text-decoration:none}
.ck-box a.ck-tel{color:#fff}
.ck-tel .ax-tel-ic{width:48px;height:48px}
.ck-tel .ax-tel-t{min-width:0}
.ck-tel .ax-tel-t b{font-size:clamp(15px,4.4vw,19px);white-space:nowrap}
.ck-tel .ck-tel-h{font:600 12px/1.3 var(--ax-body);letter-spacing:0;text-transform:none;color:rgba(255,255,255,.7)}
.ck-tel .ax-tel-go{margin-left:auto}

/* ---- payment marks (.paybox) ---- */
.paybox{margin-top:16px;padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14)}
.paybox[hidden]{display:none}
.paybox p{margin:0 0 10px;display:flex;align-items:center;gap:10px;font:700 13px/1.3 var(--ax-body);color:#fff}
.paybox p svg{color:#FF5A50;flex:none}
.paybox p .stripe{height:26px;width:auto;margin-left:auto;padding:3px 8px;box-sizing:border-box;background:#fff;border-radius:6px}
.paybox .marks{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.paybox .mark{height:32px;min-width:48px;padding:0 8px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid #D9D9DE;border-radius:8px;background:#fff}
.paybox .mark img{height:22px;width:auto;display:block}
.paybox .mark.visa img{height:16px}
.paybox .mark.mc img{height:26px}
.paybox .mark.full{padding:0;border:0;min-width:0;overflow:hidden}
.paybox .mark.full img{height:32px}
.paybox .mark.gpay img{height:46px;margin:-7px -4px}
.paybox .mark.cod{font:700 12px var(--ax-body);color:#15151E;letter-spacing:.02em}
.paybox .mark.cod svg{width:18px;height:18px;color:#E10600}

/* ---- checkout steps and forms ---- */
body.ck .two .step{padding:clamp(16px,2.2vw,28px);margin-bottom:16px}
body.ck .step h2{font-size:clamp(14px,1.9vw,19px);display:flex;align-items:center;gap:12px;margin:0 0 18px}
body.ck .step h2 i{width:36px;height:36px;border-radius:50%;background:linear-gradient(145deg,#ff2a1a,#b00500);box-shadow:0 8px 18px -6px rgba(225,6,0,.8),inset 0 1px 0 rgba(255,255,255,.35);font:700 15px var(--ax-head);color:#fff}
body.ck .fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
body.ck .fields .full{grid-column:1/-1}
body.ck .field label{display:block;margin:0 0 8px;font:600 14px/1.3 var(--ax-body);color:#fff}
body.ck .field input:not([type=checkbox]),body.ck .field select{width:100%;min-height:52px;padding:12px 14px;font:500 16px/1.3 var(--ax-body);color:#fff;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.4);border-radius:12px;box-sizing:border-box;transition:border-color .15s,box-shadow .15s,background-color .15s}
body.ck .field input::placeholder{color:rgba(255,255,255,.5)}
body.ck .field input:not([type=checkbox]):focus,body.ck .field select:focus,body.ck .pointrow input:focus{outline:none;border-color:#FF5A50;background:rgba(255,255,255,.12);box-shadow:0 0 0 3px rgba(225,6,0,.5)}
body.ck .field input:-webkit-autofill{-webkit-text-fill-color:#fff;caret-color:#fff;box-shadow:0 0 0 1000px #2b1618 inset}
body.ck select{color-scheme:dark}
body.ck select option{background:#17090d;color:#fff}
body.ck .field.invalid input{border-color:#FF7A70;background:rgba(225,6,0,.14);box-shadow:inset 0 0 0 1px #FF7A70}
body.ck .ferr{color:#FFB4AE;font:600 13.5px/1.4 var(--ax-body);margin-top:6px}
body.ck .fhint{color:rgba(255,255,255,.72);font:500 13px/1.45 var(--ax-body);margin-top:6px}
body.ck .field.consent .consent-label{min-height:44px;align-items:center;gap:12px;font:600 14px/1.4 var(--ax-body);color:#fff}
body.ck .field.consent input[type=checkbox]{width:24px;height:24px;accent-color:#E10600;margin:0}
body.ck .err{background:rgba(225,6,0,.16);color:#FFD7D3;border:1px solid #FF6B62;border-left-width:4px;border-radius:14px;font-weight:600}

body.ck .carrier-name{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:#fff;font:700 12px var(--ax-body);letter-spacing:.12em;text-transform:uppercase;padding:5px 14px}
body.ck .choice{min-height:60px;padding:12px 16px;border:1px solid rgba(255,255,255,.22);border-radius:14px;background:rgba(255,255,255,.06);color:#fff;font:600 15px/1.35 var(--ax-body);gap:14px;margin-bottom:10px;transition:border-color .15s,background-color .15s}
body.ck .choice svg{color:#FF5A50;flex:none}
body.ck .choice input{width:22px;height:22px;accent-color:#E10600;flex:none;margin:0}
body.ck .choice:has(input:checked){border-color:#FF5A50;background:rgba(225,6,0,.14);box-shadow:inset 4px 0 0 #E10600,0 0 24px -10px rgba(225,6,0,.8)}
body.ck .choice:has(input:focus-visible){outline:3px solid #FF8A80;outline-offset:2px}
body.ck .choice .p{font-weight:800;white-space:nowrap}
body.ck .choice .small{color:rgba(255,255,255,.72)}
body.ck .pointbox{background:rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.2);border-radius:14px;padding:14px;margin:-2px 0 12px}
body.ck .pointbox label{color:#fff;font:600 14px var(--ax-body);margin-bottom:8px}
body.ck .pointrow{gap:10px}
body.ck .pointrow input{min-height:52px;font-size:16px;color:#fff;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.4);border-radius:12px;padding:12px 14px}
body.ck .pointrow input[aria-invalid=true]{border-color:#FF7A70}
body.ck .pointbox a{color:#FF8A80;display:inline-flex;align-items:center;min-height:44px}
body.ck .eta{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:14px}
body.ck .eta svg{color:#FF5A50}
body.ck #pay button[type=submit]{width:100%;min-height:58px;height:auto;padding:12px 18px;line-height:1.3;font-size:13px;letter-spacing:.08em}

/* ---- order confirmation, payment page ---- */
body.ck .ok-hero{padding:clamp(28px,5vw,56px) clamp(16px,3vw,32px);max-width:760px}
body.ck .ok-hero .badge{background:linear-gradient(145deg,#ff2a1a,#b00500);box-shadow:0 14px 30px -10px rgba(225,6,0,.9),inset 0 1px 0 rgba(255,255,255,.35)}
body.ck .ok-hero h1{margin-bottom:6px}
body.ck .ok-hero .lead b{color:#fff}
body.ck .ck-inner{background:rgba(0,0,0,.3);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
body.ck .ck-inner b{color:#fff}

/* ---- upsell cards (second car, third car, Tryb Pro) ---- */
.ck-up,.ck-pro{position:relative;padding:clamp(16px,2.2vw,26px);border-color:rgba(255,90,80,.4);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 30px 70px -30px rgba(0,0,0,.8),0 0 60px -10px rgba(225,6,0,.4)}
.ck-up h3,.ck-pro h3{margin:0;font:700 clamp(14px,1.9vw,19px)/1.35 var(--ax-head);text-transform:uppercase;color:#fff;overflow-wrap:anywhere}
.ck-up h3 b{color:#FF6A60;font-weight:700;white-space:nowrap}
.ck-up-save{color:#FF8A80;white-space:nowrap}
.ck-up-sub,.ck-pro-t{margin:10px 0 0;font:500 14px/1.5 var(--ax-body);color:rgba(255,255,255,.8)}
.ck-picks{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:12px;margin-top:16px}
.ck-pick{display:grid;grid-template-columns:84px minmax(0,1fr);gap:4px 12px;align-items:center;text-align:left;padding:12px;border-radius:16px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.22);color:#fff;font:inherit;cursor:pointer;transition:border-color .15s,transform .15s,background-color .15s}
@media (hover:hover){.ck-pick:hover:not(:disabled){border-color:#FF5A50;background:rgba(225,6,0,.12);transform:translateY(-2px)}}
.ck-pick:disabled{opacity:.55;cursor:wait}
.ck-pick img{width:84px;height:56px;object-fit:contain;filter:drop-shadow(0 8px 10px rgba(0,0,0,.55))}
.ck-pick-t{display:flex;flex-direction:column;gap:3px;min-width:0}
.ck-pick-t b{font:700 13px/1.25 var(--ax-head);text-transform:uppercase;color:#fff;overflow-wrap:anywhere}
.ck-pick-t small{font:600 13px/1.35 var(--ax-body);color:rgba(255,255,255,.78)}
.ck-pick-go{grid-column:1/-1;margin-top:8px;display:flex;align-items:center;justify-content:center;min-height:44px;border-radius:12px;background:linear-gradient(145deg,#ff2a1a,#c20500);box-shadow:0 10px 22px -10px rgba(225,6,0,.9),inset 0 1px 0 rgba(255,255,255,.35);font:700 12px var(--ax-body);letter-spacing:.14em;text-transform:uppercase;color:#fff}
.ck-pick[aria-busy=true] .ck-pick-go::after{content:"…"}
.ck-pro-h{display:flex;align-items:center;gap:14px}
.ck-pro-h .ck-eyebrow{margin:0 0 4px;color:rgba(255,255,255,.8)}
.ck-chip{display:inline-block;margin-left:6px;padding:2px 9px;border-radius:999px;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.1);font:700 10px/1.5 var(--ax-body);letter-spacing:.1em;color:#fff;vertical-align:middle}
.ck-pro-n{margin:14px 0 0;padding-left:12px;border-left:3px solid #E10600;font:700 14px/1.5 var(--ax-body);color:#fff}
.ck-pro .ck-ghost{margin-top:14px;display:inline-flex}

/* generic upsell rows keep working on the dark tokens */
body.ck .upsell,body .drawer .upsell{border-top:1px solid rgba(255,255,255,.18)}
body.ck .upsell h3,body .drawer .upsell h3{font:700 14px var(--ax-head);text-transform:uppercase;color:#fff}
body.ck .up-item,body .drawer .up-item{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.18);border-radius:14px}
body.ck .up-item b,body .drawer .up-item b{color:#fff}
body.ck .up-item img,body .drawer .up-item img{border-radius:10px}

/* ---- cart drawer (all pages) ---- */
body .drawer-bg{background:rgba(5,3,8,.66);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
body .drawer{width:min(450px,100%);background:radial-gradient(90% 40% at 100% 0,rgba(225,6,0,.3),transparent 70%),linear-gradient(170deg,#1b0b11,#0B0A14 55%);color:#fff;border:0;border-left:1px solid rgba(255,255,255,.2);border-top:0;border-radius:24px 0 0 24px;padding:18px 18px calc(22px + env(safe-area-inset-bottom,0px));gap:14px;box-shadow:-24px 0 60px rgba(0,0,0,.6),0 0 60px -10px rgba(225,6,0,.3);font-family:var(--ax-body)}
body .drawer-head h2{font:700 15px/1.2 var(--ax-head);text-transform:uppercase;color:#fff;margin:0;letter-spacing:0}
body .drawer-head h2 i{width:32px;height:32px;background:linear-gradient(145deg,#ff2a1a,#b00500);box-shadow:0 8px 18px -6px rgba(225,6,0,.8)}
body .drawer .x{width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.1);color:#fff;font-size:24px;line-height:1}
@media (hover:hover){body .drawer .x:hover{background:#E10600;border-color:#E10600}}
.drawer-msg{margin:0;padding:10px 12px;border-radius:12px;background:rgba(225,6,0,.14);border:1px solid rgba(255,90,80,.35);font:600 14px/1.4 var(--ax-body);color:#fff}
.drawer-ship{padding:12px 14px;border-radius:16px;background:var(--ck-glass);border:1px solid rgba(255,255,255,.18)}
body .drawer-lines{max-height:240px;gap:10px;padding-right:2px}
body .dl{grid-template-columns:52px minmax(0,1fr) auto;gap:12px;font:500 14px/1.35 var(--ax-body);color:#fff}
body .dl b{color:#fff;font-weight:700}
body .dl .muted{color:rgba(255,255,255,.72)}
body .dl img{width:52px;height:52px;border-radius:12px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14)}
body .drawer-total{font:700 clamp(17px,4.6vw,21px) var(--ax-head);color:#fff;border-top:1px solid rgba(255,255,255,.22);padding-top:12px}
body .drawer-sub a,body .drawer-sub button{color:#fff;font:600 14px var(--ax-body);text-decoration:underline;text-underline-offset:3px;padding:0 4px}
@media (hover:hover){body .drawer-sub a:hover,body .drawer-sub button:hover{color:#FF8A80}}
body .drawer .paybox{margin-top:0}
body .drawer .ck-glass{-webkit-backdrop-filter:none;backdrop-filter:none}
.drawer .is-compact{padding:16px}
.drawer .is-compact .ck-picks{grid-template-columns:minmax(0,1fr)}
.drawer .is-compact .ck-up-sub{font-size:13px}

/* ---- mobile: sticky total bar on the cart, sticky pay button in the checkout ---- */
.ck-bar{display:none}
@media (max-width:900px){
  body.ck .two{grid-template-columns:minmax(0,1fr);gap:16px}
  body.ck .sticky-sum{position:static}
  body.ck-cart{padding-bottom:calc(92px + env(safe-area-inset-bottom,0px))}
  body.ck-cart .ck-go{display:none}
  .ck-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;position:fixed;z-index:25;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));padding:10px 10px 10px 18px;border-radius:20px;background:rgba(18,9,13,.94);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 18px 40px -12px rgba(0,0,0,.8),0 0 40px -12px rgba(225,6,0,.5);color:#fff}
  .ck-bar small{display:block;font:700 11px var(--ax-body);letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.7)}
  .ck-bar b{font:700 19px/1.1 var(--ax-head);color:#fff;white-space:nowrap}
  .ck-bar .pill{flex:none;padding:0 22px;min-height:52px}
  body.ck-checkout{padding-bottom:calc(8px + env(safe-area-inset-bottom,0px))}
  body.ck-checkout #pay button[type=submit]{position:sticky;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:20;box-shadow:0 14px 28px -10px rgba(225,6,0,.9),0 0 0 6px rgba(11,10,20,.55),inset 0 1px 0 rgba(255,255,255,.35)}
}
@media (max-width:760px){
  .ck-glass,body.ck .panel,body.ck .two .step,body.ck .ok-hero,body.ck .empty{-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(255,255,255,.05) 45%,rgba(225,6,0,.16)),rgba(22,10,14,.8)}
}
@media (max-width:640px){
  body.ck .line{grid-template-columns:72px minmax(0,1fr);gap:10px 12px}
  body.ck .line img{width:72px;height:72px;border-radius:14px}
  body.ck .line .lt{grid-column:2;text-align:left}
  .ck-picks{grid-template-columns:minmax(0,1fr)}
  body .drawer{border-radius:0;border-left:0}
}
@media (max-width:480px){
  .ck-box{width:calc(100% - 20px);margin:10px auto;border-radius:20px;padding:20px 12px 24px}
  body.ck .panel{padding:14px}
  body.ck .two .step{padding:14px}
  .ck-tel .ax-tel-go{display:none}
  .ck-trust li{padding:8px 10px}
}
@media (max-width:400px){
  body.ck .fields{grid-template-columns:minmax(0,1fr)}
  body.ck .pointrow{flex-wrap:wrap}
  body.ck .pointrow input{flex:1 1 100%}
  body.ck .pointrow .pill{flex:1 1 100%}
  .ck-bar{padding-left:14px;gap:10px}
  .ck-bar .pill{padding:0 14px;font-size:12px;letter-spacing:.08em}
}
@media (prefers-reduced-motion:reduce){
  body .drawer,body .drawer-bg,.ck-pick,.freebar i,.ck-box .pill,body.ck .choice,body.ck .field input,body.ck .qty2 button,.ck-tel,.ck-tel .ax-tel-go{transition:none!important}
  .ck-pick:hover,.ck-tel:hover{transform:none!important}
}
body.pg>main.ck-box{width:calc(100% - 40px);margin:20px auto}
body.pg .drawer{border-top:0;border-left:1px solid rgba(255,255,255,.2)}
body.pg .drawer-bg{background:rgba(5,3,8,.66)}
@media (max-width:640px){body.pg .drawer{border-left:0}}
@media (max-width:480px){body.pg>main.ck-box{width:calc(100% - 20px);margin:10px auto}}
body.ck .ok-hero .panel.ck-inner{background:rgba(0,0,0,.3);color:#fff}
body.pg .ck-box .up-item .mini,body.pg .ck-box .panel .mini,body.pg .drawer .up-item .mini,body.pg .drawer .mini{background:linear-gradient(145deg,rgba(255,255,255,.2),rgba(255,255,255,.06));color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:12px;min-height:44px;padding:0 16px}
@media (max-width:640px){
  body.ck .line img{grid-row:1/3;grid-column:1}
  body.ck .line .li{grid-row:1;grid-column:2}
  body.ck .line .lt{grid-row:2;grid-column:2;align-self:start}
}
@media (max-width:640px){
  body.ck .line.line-mini{grid-template-columns:56px minmax(0,1fr) auto;gap:10px}
  body.ck .line.line-mini img{grid-row:auto;grid-column:auto;width:56px;height:56px}
  body.ck .line.line-mini .li,body.ck .line.line-mini>div{grid-row:auto;grid-column:auto}
}
.ck-main{grid-template-columns:minmax(0,1fr)}
@media (max-width:640px){
  body.ck .line{grid-template-columns:72px minmax(0,1fr) auto;grid-template-areas:"img t t" "img v v" "q q p";gap:2px 12px;align-items:start}
  body.ck .line>img{grid-area:img;width:72px;height:72px}
  body.ck .line .li{display:contents}
  body.ck .line h3{grid-area:t}
  body.ck .line .li>p{grid-area:v;margin:4px 0 0}
  body.ck .line .lrow{grid-area:q;margin-top:8px}
  body.ck .line .lt{grid-area:p;align-self:center;text-align:right}
  body.ck .line.line-mini{grid-template-columns:56px minmax(0,1fr) auto;grid-template-areas:none;align-items:center;gap:10px}
  body.ck .line.line-mini>*{grid-area:auto}
  body.ck .line.line-mini>img{width:56px!important;height:56px!important}
}
.ck-up-save{white-space:normal}.ck-up h3{overflow-wrap:break-word}

/* ===== language switcher (PL / DE / CS): top bar, mobile menu, footer ===== */
.lang-sw{display:inline-flex;align-items:center;gap:2px}
.lang-sw a{display:inline-flex;align-items:center;justify-content:center;min-width:34px;min-height:30px;padding:0 6px;font:700 12px var(--ax-body);letter-spacing:.06em;text-decoration:none;border-radius:4px}
.ax-util .lang-sw{margin-left:4px}
.ax-util .lang-sw a[aria-current],.lang-sw-menu a[aria-current]{color:var(--ax-ink);box-shadow:inset 0 -2px 0 var(--ax-red)}
.shop-menu .menu-lang{padding:10px 4px 2px}
.shop-menu .lang-sw-menu a{min-height:44px;min-width:56px;gap:0;padding:0 10px;font:700 14px var(--ax-body);color:var(--ax-muted);border:1px solid var(--ax-line);margin-right:8px;box-shadow:none}
.shop-menu .lang-sw-menu a[aria-current]{color:var(--ax-ink);border-color:var(--ax-red);box-shadow:none;padding-left:10px}
.shop-foot .legal .lang-sw a{color:#BDBDBD;min-height:44px;min-width:44px}
.shop-foot .legal .lang-sw a[aria-current]{color:#fff;box-shadow:inset 0 -2px 0 #E10600}

/* ============================================================================================================
   PRODUCT LIST PAGE (produkty.html, body.pl-pg): dark rounded F1 boxes like the home page
   hero box -> car cards (track photo + colour tint + box + cut-out) -> bundle offers
   ============================================================================================================ */
body.pl-pg{background:#fff}
.pl-hero,.pl-box{position:relative;isolation:isolate;overflow:hidden;width:calc(100% - 40px);margin:20px auto 0;border-radius:24px;color:#fff;
  background:radial-gradient(70% 55% at 50% 0%,rgba(225,6,0,.2),transparent 70%),linear-gradient(160deg,#14090c 0%,#0B0A14 55%,#12060a 100%)}
.pl-box{padding:clamp(28px,3.4vw,48px) clamp(16px,3vw,44px)}
.pl-box:last-child{margin-bottom:20px}
.pl-hero{padding:clamp(22px,3vw,40px) clamp(18px,4vw,56px) clamp(26px,3.4vw,44px)}
.pl-hero .ax-glow.g1{width:420px;height:420px;left:-6%;top:-120px}
.pl-hero .ax-glow.g3{width:360px;height:360px;right:-6%;top:-90px;opacity:.55}
.pl-box .ax-glow.g2{width:380px;height:380px;right:4%;top:30%;opacity:.4}
.pl-box .ax-glow.g1{width:340px;height:340px;left:-6%;top:-80px}
.pl-box .ax-glow.g3{width:320px;height:320px;right:-6%;bottom:-80px;opacity:.5}
.pl-hero-in{position:relative;max-width:1180px;margin:0 auto}
.pl-hero .crumbs{font-size:13px;margin-bottom:18px;color:rgba(255,255,255,.6)}
.pl-hero .crumbs a{color:rgba(255,255,255,.85);min-height:44px}
.pl-hero .crumbs a:hover{color:#fff}
.pl-eye{display:flex;align-items:center;gap:12px;font:700 12px var(--ax-body);letter-spacing:.22em;text-transform:uppercase;color:#FF3B30;margin-bottom:12px}
.pl-eye i{display:inline-block;width:26px;height:8px;background:#E10600;transform:skewX(-28deg);border-radius:1px}
.pl-eye i:last-child{opacity:.45}
body.pl-pg .pl-hero h1{font:900 clamp(30px,5.4vw,68px)/1 var(--ax-head);letter-spacing:-.01em;text-transform:uppercase;color:#fff;margin:0 0 16px;overflow-wrap:anywhere}
.pl-lead{max-width:620px;font-size:clamp(15px,1.5vw,17px);line-height:1.55;color:rgba(255,255,255,.8);font-weight:400}
.pl-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 20px;margin-top:clamp(20px,2.6vw,32px);padding-top:clamp(16px,2vw,22px);border-top:1px solid rgba(255,255,255,.14)}
.pl-cats{display:flex;flex-wrap:wrap;gap:8px}
.pl-cats a{display:inline-flex;align-items:center;min-height:44px;padding:0 20px;border-radius:999px;color:#fff;text-decoration:none;font:600 13px var(--ax-body);letter-spacing:.04em;
  background:linear-gradient(145deg,rgba(255,255,255,.16),rgba(255,255,255,.05));border:1px solid rgba(255,255,255,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.3);
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:background .2s,border-color .2s}
.pl-cats a[aria-current]{background:linear-gradient(145deg,#ff2a1a,#c20500);border-color:rgba(255,120,100,.7);box-shadow:0 10px 24px -10px rgba(225,6,0,.9),inset 0 1px 0 rgba(255,255,255,.35)}
@media (hover:hover){.pl-cats a:not([aria-current]):hover{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.4)}}
.pl-tools{display:flex;align-items:center;gap:14px;margin-left:auto}
.pl-count{font:700 12px var(--ax-body);letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.65);white-space:nowrap}
.pl-sort select{appearance:none;-webkit-appearance:none;min-height:48px;max-width:100%;padding:0 44px 0 18px;border-radius:14px;color:#fff;font:600 14px var(--ax-body);cursor:pointer;
  background:linear-gradient(145deg,rgba(255,255,255,.16),rgba(255,255,255,.05)),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 1.5l6 6 6-6'/%3E%3C/svg%3E") right 16px center/14px 9px no-repeat;
  border:1px solid rgba(255,255,255,.24);box-shadow:inset 0 1px 0 rgba(255,255,255,.3)}
.pl-sort select option{color:#15151E;background:#fff}
.pl-sort select:focus-visible,.pl-cats a:focus-visible,.pl-hero .crumbs a:focus-visible{outline:3px solid #fff;outline-offset:2px}

/* car cards */
.pl-grid{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.8vw,24px);max-width:1280px;margin:0 auto}
.pl-skel{min-height:520px;border-radius:22px;background:linear-gradient(110deg,rgba(255,255,255,.06) 30%,rgba(255,255,255,.14) 50%,rgba(255,255,255,.06) 70%) 0 0/200% 100%;animation:plsk 1.4s linear infinite}
@keyframes plsk{to{background-position:-200% 0}}
.pl-empty{grid-column:1/-1;text-align:center;padding:48px 16px;color:rgba(255,255,255,.8)}
.pl-empty h3{font:800 20px var(--ax-head);text-transform:uppercase;color:#fff;margin-bottom:8px}
.pl-car{--tint:rgba(122,38,184,.55);--base:#0d0516;--card-bg:url(img/f1/karta-a-pitlane.webp);
  position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;border-radius:22px;color:#fff;
  background:linear-gradient(160deg,var(--tint),rgba(5,5,12,.35) 55%,rgba(5,5,12,.7)),var(--base) var(--card-bg) center/cover no-repeat;
  border:1px solid rgba(255,255,255,.2);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 30px 60px -30px rgba(0,0,0,.85),0 0 50px -20px var(--tint);
  transition:transform .35s cubic-bezier(.2,.7,.2,1),border-color .3s,box-shadow .3s}
.pl-car.blue{--tint:rgba(20,80,200,.55);--base:#050a18}
.pl-car.green{--tint:rgba(46,154,34,.5);--base:#050f06}
.pl-car.neon{--tint:rgba(122,38,184,.55);--base:#0d0516}
.pl-car.bg-b{--card-bg:url(img/f1/karta-b-tunel.webp)}
.pl-car.bg-c{--card-bg:url(img/f1/karta-c-start.webp)}
.pl-car .wm{position:absolute;z-index:0;right:12px;top:6px;font:900 clamp(110px,11vw,170px)/1 var(--ax-head);letter-spacing:-.05em;color:rgba(255,255,255,.09);pointer-events:none}
.pl-media{position:relative;z-index:1;height:clamp(240px,23vw,320px);pointer-events:none}
.pl-media .box{position:absolute;z-index:0;right:4%;top:6%;width:62%;max-width:300px;height:auto;transform:rotate(-3deg);filter:drop-shadow(0 18px 20px rgba(0,0,0,.6))}
.pl-media .car{position:absolute;z-index:1;left:50%;bottom:-2%;width:112%;max-width:none;height:auto;transform:translateX(-50%);filter:drop-shadow(0 24px 20px rgba(0,0,0,.55));transition:transform .4s}
.pl-info{position:relative;z-index:2;display:flex;flex-direction:column;flex:1;padding:6px clamp(18px,2vw,26px) clamp(20px,2vw,26px)}
.pl-kick{font:700 11px var(--ax-body);letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.75);margin-bottom:6px}
.pl-info h3{margin:0;font:800 clamp(21px,2vw,28px)/1.05 var(--ax-head);text-transform:uppercase;letter-spacing:-.01em}
.pl-name{color:#fff;text-decoration:none}
.pl-name::after{content:"";position:absolute;inset:0;z-index:1}
.pl-name:focus-visible{outline:none}
.pl-car:has(.pl-name:focus-visible){outline:3px solid #fff;outline-offset:3px}
.pl-char{margin-top:10px;font-size:14.5px;line-height:1.45;color:rgba(255,255,255,.86);font-weight:400}
.pl-specs{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:14px 0 0;padding:0}
.pl-specs li{display:inline-flex;align-items:center;min-height:30px;padding:0 12px;border-radius:999px;font:700 12px var(--ax-body);letter-spacing:.04em;color:#fff;white-space:nowrap;
  background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.pl-buy{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:20px}
.pl-price{margin:0;display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}
.pl-price small{font:700 12px var(--ax-body);letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.7)}
.pl-price b{font:800 clamp(26px,2.6vw,34px)/1 var(--ax-head);letter-spacing:-.02em;white-space:nowrap}
.pl-add{position:relative;z-index:2;display:inline-flex;align-items:center;justify-content:center;flex:none;min-height:48px;padding:0 22px;border:0;border-radius:14px;cursor:pointer;text-decoration:none;
  background:linear-gradient(145deg,#ff2a1a,#c20500);color:#fff;font:700 13px var(--ax-body);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;
  box-shadow:0 14px 28px -12px rgba(225,6,0,.9),inset 0 1px 0 rgba(255,255,255,.35);transition:transform .25s,box-shadow .25s}
.pl-add:focus-visible,.pl-more:focus-visible{outline:3px solid #fff;outline-offset:2px}
.pl-add[aria-busy]{opacity:.8}
.pl-more{position:relative;z-index:2;display:inline-flex;align-items:center;gap:8px;align-self:flex-start;min-height:44px;margin-top:6px;color:rgba(255,255,255,.88);text-decoration:none;font:700 12px var(--ax-body);letter-spacing:.14em;text-transform:uppercase}
@media (hover:hover){
  .pl-car:hover{transform:translateY(-6px);border-color:rgba(255,120,100,.7);box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 40px 70px -30px rgba(0,0,0,.9),0 0 60px -6px var(--tint)}
  .pl-car:hover .pl-media .car{transform:translateX(-50%) scale(1.04)}
  .pl-add:hover{transform:translateY(-1px);box-shadow:0 18px 34px -12px rgba(225,6,0,1),inset 0 1px 0 rgba(255,255,255,.4)}
  .pl-more:hover{color:#fff}
}

/* bundles */
.pl-sets-in{position:relative;max-width:1080px;margin:0 auto}
.pl-setsec h2{font:900 clamp(24px,3.4vw,42px)/1.05 var(--ax-head);text-transform:uppercase;color:#fff;margin:0 0 12px;overflow-wrap:anywhere}
.pl-sets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:clamp(22px,3vw,34px)}
.pl-sets .ax-oc.hot,.pl-sets .ax-oc.hot:hover{transform:none}
.pl-sets .ax-oc .pr{flex-wrap:wrap}
.pl-sets .ax-oc .go{min-height:52px}

@media (max-width:1000px){
  .pl-grid{grid-template-columns:minmax(0,1fr);max-width:620px}
  .pl-media{height:clamp(240px,52vw,330px)}
  .pl-sets{grid-template-columns:minmax(0,1fr);max-width:620px;margin-left:auto;margin-right:auto}
  .pl-sets .ax-oc{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
}
@media (max-width:760px){
  .pl-hero,.pl-box{width:calc(100% - 24px);margin-top:12px;border-radius:18px}
  .pl-box{padding:20px 12px}
  .pl-box:last-child{margin-bottom:12px}
  .pl-tools{width:100%;justify-content:space-between;margin-left:0}
  .pl-sort{flex:1;min-width:0}.pl-sort select{width:100%}
  .pl-sets .ax-oc{display:flex;flex:none;width:100%}
  .pl-sets .ax-oc .im{height:190px;min-height:0;padding:20px 14px 0}
  .pl-sets .ax-oc .t{padding:12px 20px 22px}
  .pl-buy{flex-wrap:wrap}
}
@media (max-width:380px){
  .pl-add{padding:0 16px;letter-spacing:.06em}
  .pl-price b{font-size:24px}
  .pl-cats a{padding:0 14px}
}
@media (prefers-reduced-motion:reduce){
  .pl-car,.pl-car .pl-media .car,.pl-add,.pl-cats a{transition:none}
  .pl-skel{animation:none}
  .pl-car:hover{transform:none}
}
.pl-buy{flex-wrap:wrap}
@media (min-width:1001px) and (max-width:1500px){.pl-price b{font-size:clamp(22px,2.1vw,28px)}.pl-add{padding:0 16px;letter-spacing:.06em}}