/* ============ BOWZER — prowadzona ścieżka 8 etapów ============ */
:root{
  --bg:#0C0D0F; --bg-elev:#14161A; --bg-elev-2:#1B1E24; --line:#262A31; --line-2:#333944;
  --paper:#F4F5F7; --muted:#9AA0A8; --muted-2:#6B717A;
  --accent:#F2661F; --accent-2:#FF7A33; --ok:#35C07A;
  --disp:"Clash Display","Space Grotesk",sans-serif; --text:"Inter",system-ui,sans-serif;
  --fast:.18s ease; --med:.44s cubic-bezier(.4,0,.2,1); --slow:.8s cubic-bezier(.16,1,.3,1);
  --edge:clamp(20px,5vw,80px); --topbar:64px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{background:var(--bg);color:var(--paper);font-family:var(--text);font-size:17px;line-height:1.6;
  -webkit-font-smoothing:antialiased;overflow:hidden;height:100vh}
img,video{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}
h1,h2,h3,h4{font-family:var(--disp);font-weight:600;line-height:1.03;letter-spacing:-.02em}
em{font-style:normal;color:var(--accent)}
::selection{background:var(--accent);color:#fff}
.eyebrow{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);font-weight:600;margin-bottom:18px}
.eyebrow b{color:var(--paper);font-weight:600}
.h2{font-size:clamp(28px,4vw,52px)}
.stars{color:var(--accent);letter-spacing:1px}
.ic{width:15px;height:15px;flex:none;color:var(--accent);opacity:.95}

/* --- ochrona demo --- */
.demo-badge{position:fixed;left:14px;bottom:14px;z-index:520;background:rgba(12,13,15,.72);backdrop-filter:blur(6px);
  border:1px solid var(--line-2);border-radius:8px;padding:8px 12px;font-size:11px;font-weight:700;letter-spacing:.04em;
  color:var(--paper);display:flex;flex-direction:column;gap:2px;pointer-events:none;max-width:60vw}
.demo-badge span{font-weight:400;font-size:9px;letter-spacing:.05em;color:var(--muted);text-transform:uppercase}
.watermark{position:fixed;inset:0;z-index:510;pointer-events:none;display:none;opacity:.07;
  background-repeat:repeat;
  background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='330'%20height='200'%3E%3Ctext%20x='16'%20y='130'%20transform='rotate(-28%2016%20130)'%20fill='%23ffffff'%20font-family='Arial,sans-serif'%20font-size='19'%20font-weight='700'%3EDEMO%20/%20deos.work%3C/text%3E%3C/svg%3E")}
body.wm-on .watermark{display:block}
@media(max-width:560px){.demo-badge span{display:none}}
.gp__specs li span,.m3card__specs li span,.spec5__cols dt{display:inline-flex;align-items:center;gap:7px}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;background:var(--accent);color:#fff;
  font-weight:600;font-size:15px;padding:14px 26px;border-radius:2px;transition:transform var(--fast),background var(--fast);white-space:nowrap}
.btn:hover{background:var(--accent-2)}
.btn--lg{padding:18px 36px;font-size:16px}
.btn--sm{padding:9px 16px;font-size:13px}
.btn--ghost{background:transparent;border:1px solid var(--line-2);color:var(--paper)}
.btn--ghost:hover{background:#fff1}

/* cursor */
.cursor{position:fixed;top:0;left:0;z-index:9999;pointer-events:none;mix-blend-mode:difference;display:none}
.cursor__dot{position:absolute;width:9px;height:9px;border-radius:50%;background:#fff;transform:translate(-50%,-50%);transition:width .25s,height .25s}
.cursor__label{position:absolute;transform:translate(-50%,-50%);color:#000;font-size:10px;letter-spacing:.1em;text-transform:uppercase;opacity:0;white-space:nowrap;font-weight:700}
@media (pointer:fine){.cursor{display:block}}
.cursor.is-cta .cursor__dot,.cursor.is-drag .cursor__dot{width:62px;height:62px}
.cursor.is-link .cursor__dot{width:30px;height:30px}
.cursor.is-cta .cursor__label,.cursor.is-drag .cursor__label{opacity:1}

/* preloader */
.preloader{position:fixed;inset:0;z-index:9000;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;transition:opacity .6s,visibility .6s}
.preloader__word{font-family:var(--disp);font-size:clamp(40px,9vw,100px);font-weight:700;letter-spacing:-.03em}
.preloader__bar{width:min(220px,50vw);height:2px;background:var(--line);overflow:hidden}
.preloader__bar i{display:block;height:100%;width:0;background:var(--accent);animation:load 1.1s ease forwards}
@keyframes load{to{width:100%}}
body:not(.is-loading) .preloader{opacity:0;visibility:hidden}

/* ===== TOP BAR + STEPPER ===== */
.topbar{position:fixed;top:0;left:0;width:100%;height:var(--topbar);z-index:200;display:flex;align-items:center;
  justify-content:space-between;gap:20px;padding:0 var(--edge);background:rgba(12,13,15,.72);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.topbar__logo img{height:24px;width:auto}
.stepper{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}
.stepper::-webkit-scrollbar{display:none}
.step-dot{display:flex;align-items:center;gap:7px;padding:7px 11px;border-radius:2px;color:var(--muted-2);transition:color var(--fast),background var(--fast);white-space:nowrap}
.step-dot i{font-style:normal;font-family:var(--disp);font-size:12px;width:20px;height:20px;display:grid;place-items:center;border:1px solid var(--line-2);border-radius:50%;transition:all var(--fast)}
.step-dot span{font-size:12px;letter-spacing:.03em}
.step-dot:hover{color:var(--paper)}
.step-dot.is-done i{border-color:var(--accent);color:var(--accent)}
.step-dot.is-current{color:var(--paper)}
.step-dot.is-current i{background:var(--accent);border-color:var(--accent);color:#fff}
@media(max-width:1100px){.step-dot span{display:none}.step-dot{padding:7px}}
.topbar__cart{position:relative}
.topbar__count{margin-left:6px;background:#fff3;border-radius:999px;padding:1px 7px;font-size:11px}
@media(max-width:560px){.topbar__logo img{height:20px}}

.progress{position:fixed;top:var(--topbar);left:0;width:100%;height:2px;background:var(--line);z-index:200}
.progress i{display:block;height:100%;width:12.5%;background:var(--accent);transition:width var(--slow)}

/* ===== ARROWS ===== */
.arrow{position:fixed;top:50%;transform:translateY(-50%);z-index:150;width:52px;height:52px;border-radius:50%;
  background:rgba(20,22,26,.7);border:1px solid var(--line-2);color:var(--paper);display:grid;place-items:center;
  backdrop-filter:blur(8px);transition:background var(--fast),opacity var(--fast),transform var(--fast)}
.arrow:hover{background:var(--accent);border-color:var(--accent)}
.arrow--prev{left:clamp(10px,2vw,26px)}
.arrow--next{right:clamp(10px,2vw,26px)}
.arrow[disabled]{opacity:0;pointer-events:none}
@media(max-width:640px){.arrow{width:42px;height:42px;top:auto;bottom:18px;transform:none}
  .arrow--prev{left:16px}.arrow--next{right:16px}}

/* ===== FLOW / SCREENS (widok montowany przez JS) ===== */
.flow{position:fixed;inset:0;top:var(--topbar);overflow:hidden}
.screen{position:absolute;inset:0;overflow-y:auto;overflow-x:hidden;
  display:flex;flex-direction:column;justify-content:center}
.screen__cta{margin-top:30px}
.screen::-webkit-scrollbar{width:8px}.screen::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:4px}

/* ===== ETAP 1 — WEJŚCIE ===== */
.screen--enter{justify-content:flex-end}
.enter__bg{position:absolute;inset:0;background-size:cover;background-position:center;z-index:-2;transform:scale(1.05)}
.enter__scrim{position:absolute;inset:0;z-index:-1;
  background:linear-gradient(180deg,rgba(12,13,15,.55) 0%,transparent 26%,transparent 52%,rgba(12,13,15,.92) 100%),
             linear-gradient(90deg,rgba(12,13,15,.72) 0%,transparent 46%);}
.enter__inner{padding:0 var(--edge) clamp(60px,12vh,130px);max-width:820px}
.enter__title{font-size:clamp(46px,9vw,120px);font-weight:700;letter-spacing:-.03em;line-height:.94}
.enter__title span{display:block;overflow:hidden}
.enter__title .word{display:inline-block;white-space:nowrap}
.enter__sub{color:var(--muted);font-size:clamp(16px,2vw,21px);margin:22px 0 34px;max-width:480px}
.enter__trust{list-style:none;display:flex;gap:26px;flex-wrap:wrap;margin-top:30px;font-size:13px;color:var(--muted)}
.enter__trust li{position:relative;padding-left:18px}
.enter__trust li::before{content:"✓";position:absolute;left:0;color:var(--ok);font-weight:700}
.enter__hint{position:absolute;top:22px;right:var(--edge);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted-2)}
@media(max-width:640px){.enter__hint{display:none}}

/* ===== ETAP 2 — GARAŻ 3D ===== */
.screen--garage{justify-content:stretch;background:
  radial-gradient(120% 90% at 50% 8%,#191c22 0%,#0c0d0f 60%),
  linear-gradient(0deg,#050506,#0c0d0f 40%)}
.garage3d{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;z-index:1}
.garage3d__scrim{position:absolute;inset:0;z-index:2;pointer-events:none;
  background:linear-gradient(90deg,transparent 55%,rgba(12,13,15,.55) 100%),
             linear-gradient(180deg,rgba(12,13,15,.6),transparent 22%,transparent 78%,rgba(12,13,15,.7))}
.garage3d__head{position:absolute;top:clamp(20px,5vh,54px);left:var(--edge);z-index:3;max-width:440px;pointer-events:none}
.garage3d__title{font-size:clamp(28px,4vw,54px)}
.garage3d__hint{color:var(--muted);font-size:14px;margin-top:12px}
.garage3d__tabs{position:absolute;bottom:clamp(18px,4vh,40px);left:var(--edge);z-index:3;display:flex;gap:8px;flex-wrap:wrap}
.ltab{padding:10px 18px;border:1px solid var(--line-2);border-radius:2px;font-size:14px;color:var(--muted);transition:all var(--fast);font-family:var(--disp);font-weight:500;background:rgba(20,22,26,.6);backdrop-filter:blur(8px)}
.ltab:hover{color:var(--paper)}
.ltab.is-active{border-color:var(--accent);color:#fff;background:var(--accent)}
.garage2__panel{position:absolute;top:50%;right:var(--edge);transform:translateY(-50%);z-index:3;width:min(300px,30vw);
  background:rgba(18,20,24,.82);backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:6px;padding:clamp(20px,2.2vw,30px)}
@media(max-width:900px){
  /* mobile: canvas na górze, taby i panel POD spodem (bez zasłaniania motocykla) */
  .screen--garage{justify-content:flex-start}
  .garage3d__scrim{display:none}
  .garage3d{position:relative;inset:auto;height:52vh;flex:none}
  .garage3d__head{top:12px;max-width:none;right:var(--edge)}
  .garage3d__tabs{position:relative;left:auto;bottom:auto;transform:none;justify-content:center;margin:14px var(--edge) 0;order:1}
  .garage2__panel{position:relative;top:auto;right:auto;transform:none;width:auto;margin:14px var(--edge) 36px;backdrop-filter:none;order:2}
}
/* mobile: treść od góry (pod topbarem), żeby nawigacja nie zasłaniała nagłówków */
@media(max-width:820px){.screen:not(.screen--enter):not(.screen--garage){justify-content:flex-start;padding-top:14px}}
.gp__badge{display:inline-flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:var(--ok);margin-bottom:18px}
.gp__badge .dot{width:7px;height:7px;border-radius:50%;background:var(--ok);box-shadow:0 0 10px var(--ok)}
.gp__name{font-size:clamp(30px,3.6vw,46px)}
.gp__tag{color:var(--muted);font-size:15px;margin:6px 0 22px}
.gp__specs{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:3px;overflow:hidden;margin-bottom:22px}
.gp__specs li{background:var(--bg-elev);padding:13px 15px;display:flex;flex-direction:column;gap:2px}
.gp__specs span{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}
.gp__specs b{font-family:var(--disp);font-size:21px;font-weight:600}
.gp__price{margin-bottom:20px}
.gp__price span{font-family:var(--disp);font-size:30px;font-weight:600;display:block}
.gp__price small{color:var(--muted);font-size:13px}
.garage2__panel .btn{width:100%}
.gp__note{font-size:12px;color:var(--muted-2);margin-top:14px;text-align:center}
@media(max-width:960px){.garage2{grid-template-columns:1fr;gap:24px}.lineup{gap:6px}}

/* ===== ETAP 3 — MODEL ===== */
.model3__bg{position:absolute;inset:0;z-index:-1;background:radial-gradient(110% 90% at 50% 25%,#191c22,#0a0b0d 70%)}
.model3{display:grid;grid-template-columns:1.5fr 1fr;gap:clamp(20px,3vw,50px);align-items:center;width:100%;max-width:1500px;margin:0 auto;padding:clamp(16px,3vh,40px) var(--edge)}
.model3__viz{display:flex;flex-direction:column}
.spin{position:relative;aspect-ratio:1400/900;border-radius:4px;overflow:hidden;background:radial-gradient(120% 130% at 50% 12%,#20242b,#0a0b0d 72%);touch-action:pan-y;max-height:60vh}
.spin__podium{position:absolute;left:50%;bottom:5%;transform:translateX(-50%);width:72%;height:40%;
  background:radial-gradient(ellipse at center,rgba(200,204,212,.75),rgba(200,204,212,.12) 46%,transparent 68%);filter:blur(2px)}
.spin__frames{position:absolute;inset:0}
.spin__frames img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;filter:drop-shadow(0 22px 26px rgba(0,0,0,.5))}
.spin__frames img.is-active{opacity:1}
.hotspots{position:absolute;inset:0;z-index:4;opacity:0;pointer-events:none;transition:opacity var(--med)}
.spin.at-rest .hotspots{opacity:1;pointer-events:auto}
.spin.is-dragged .hotspots{opacity:0;pointer-events:none}
.hotspot{position:absolute;width:30px;height:30px;transform:translate(-50%,-50%)}
.hotspot span{position:absolute;inset:0;border-radius:50%;border:1.5px solid var(--accent);background:rgba(242,102,31,.2)}
.hotspot span::before{content:"";position:absolute;inset:9px;border-radius:50%;background:var(--accent)}
.hotspot span::after{content:"";position:absolute;inset:0;border-radius:50%;border:1.5px solid var(--accent);animation:ring 2s ease-out infinite}
@keyframes ring{0%{transform:scale(1);opacity:.7}100%{transform:scale(2.4);opacity:0}}
.hotspot:hover span{background:var(--accent)}
.hotspot__label{position:absolute;top:50%;left:30px;transform:translateY(-50%);white-space:nowrap;
  font-size:12px;font-weight:600;color:#fff;background:rgba(12,13,15,.74);padding:4px 9px;border-radius:999px;
  backdrop-filter:blur(4px);pointer-events:none;transition:background var(--fast),color var(--fast)}
.hotspot--left .hotspot__label{left:auto;right:30px}
.hotspot:hover .hotspot__label{background:var(--accent);color:#fff}
.model3__controls{display:flex;gap:18px;margin-top:16px;flex-wrap:wrap}
.m3ctl{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:7px}
.m3ctl b{color:var(--accent)}
.m3ctl i{width:13px;height:13px;border:1px solid var(--accent);border-radius:50%;position:relative}
.m3ctl i::after{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--accent);animation:pulse 1.6s infinite}
@keyframes pulse{0%,100%{transform:scale(.5);opacity:.4}50%{transform:scale(1);opacity:1}}

.model3__panel{background:rgba(20,22,26,.9);border:1px solid var(--line);border-radius:6px;padding:clamp(22px,2.4vw,32px);min-height:min(60vh,520px);display:flex;flex-direction:column;justify-content:center}
.m3card__name{font-size:clamp(28px,3.4vw,42px);margin-bottom:8px}
.m3card__price{font-family:var(--disp);font-size:26px;font-weight:600;margin-bottom:22px}
.m3card__price small{display:block;font-size:13px;color:var(--muted);font-family:var(--text);font-weight:400}
.m3card__specs{list-style:none;display:flex;flex-direction:column;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:3px;overflow:hidden;margin-bottom:22px}
.m3card__specs li{background:var(--bg-elev);padding:12px 15px;display:flex;justify-content:space-between;font-size:14px}
.m3card__specs span{color:var(--muted)}
.m3card__specs b{font-family:var(--disp);font-weight:600}
.m3card__cta{display:flex;gap:10px;margin-bottom:14px;flex-wrap:wrap}
.m3card__cta .btn{flex:1;min-width:130px}
/* podzespół */
.m3part{display:flex;flex-direction:column}
.m3part[hidden],.m3card[hidden]{display:none}
.m3part__back{align-self:flex-start;color:var(--accent);font-size:13px;font-weight:600;margin-bottom:14px}
.m3part__img{aspect-ratio:4/3;border-radius:4px;overflow:hidden;background:radial-gradient(circle at 50% 40%,#20242b,#0c0d0f);margin-bottom:16px}
.m3part__img img{width:100%;height:100%;object-fit:cover}
.m3part__spec{color:var(--accent);font-weight:600;text-transform:uppercase;letter-spacing:.06em;font-size:12px}
.m3part h3{font-size:clamp(22px,2.6vw,30px);margin:6px 0 10px}
.m3part p{color:var(--muted);font-size:15px}
.m3part__nav{display:flex;justify-content:space-between;margin-top:auto;padding-top:20px}
.m3part__nav button{color:var(--muted);font-size:13px;transition:color var(--fast)}
.m3part__nav button:hover{color:var(--accent)}
@media(max-width:960px){.model3{grid-template-columns:1fr;gap:20px}.spin{max-height:44vh}.model3__panel{min-height:auto}}

/* ===== ETAP 4 — AKCJA (główny film + miniatury) ===== */
.action4{display:grid;grid-template-columns:1.35fr 1fr;gap:clamp(24px,4vw,60px);align-items:center;width:100%;max-width:1440px;margin:0 auto;padding:clamp(20px,4vh,50px) var(--edge)}
.action4__player{position:relative;border-radius:8px;overflow:hidden;background:#000;aspect-ratio:16/9;border:1px solid var(--line)}
.action4__player video{width:100%;height:100%;object-fit:cover;display:block}
.action4__play{position:absolute;inset:0;margin:auto;width:74px;height:74px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;z-index:2;transition:transform var(--fast)}
.action4__play:hover{transform:scale(1.08)}
.action4__player.is-playing .action4__play{opacity:0;pointer-events:none}
.action4__thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px}
.vthumb{position:relative;border-radius:5px;overflow:hidden;border:1px solid var(--line);aspect-ratio:16/10;transition:border-color var(--fast),transform var(--fast)}
.vthumb img{width:100%;height:100%;object-fit:cover;opacity:.65;transition:opacity var(--fast)}
.vthumb:hover{transform:translateY(-3px)}
.vthumb:hover img{opacity:.9}
.vthumb.is-active{border-color:var(--accent)}
.vthumb.is-active img{opacity:1}
.vthumb__play{position:absolute;top:42%;left:50%;transform:translate(-50%,-50%);width:26px;height:26px;border-radius:50%;background:rgba(12,13,15,.55);backdrop-filter:blur(3px)}
.vthumb__play::after{content:"";position:absolute;top:50%;left:54%;transform:translate(-50%,-50%);border-left:7px solid #fff;border-top:5px solid transparent;border-bottom:5px solid transparent}
.vthumb b{position:absolute;left:0;right:0;bottom:0;font-size:10px;font-weight:600;padding:12px 8px 5px;background:linear-gradient(transparent,rgba(12,13,15,.9));color:#fff;text-align:left;line-height:1.2}
.action4__feats{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:24px 0 30px}
.action4__feats li{border-left:2px solid var(--accent);padding-left:14px}
.action4__feats b{display:block;font-family:var(--disp);font-size:17px}
.action4__feats span{font-size:13px;color:var(--muted)}
.action4__cta{display:flex;gap:12px;flex-wrap:wrap}
@media(max-width:820px){.action4{grid-template-columns:1fr}}

/* ===== ETAP 5 — SPEC ===== */
.spec5{width:100%;max-width:1200px;margin:0 auto;padding:clamp(24px,5vh,60px) var(--edge)}
.spec5 .h2{margin-bottom:34px}
.spec5__cols{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:5px;overflow:hidden}
.spec5__cols dl{background:var(--bg-elev);padding:15px 20px;display:flex;justify-content:space-between;align-items:center;gap:14px}
.spec5__cols dt{color:var(--muted);font-size:14px}
.spec5__cols dd{font-family:var(--disp);font-size:17px;font-weight:600;text-align:right}
.spec5__benefits{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:26px}
.spec5__benefits li{background:var(--bg-elev);border:1px solid var(--line);border-radius:4px;padding:16px;text-align:center;font-size:14px}
.spec5__benefits b{font-family:var(--disp);font-weight:600}
@media(max-width:720px){.spec5__cols{grid-template-columns:1fr}.spec5__benefits{grid-template-columns:1fr 1fr}}

/* ===== ETAP 6 — CZĘŚCI ===== */
.parts6{width:100%;max-width:1300px;margin:0 auto;padding:clamp(24px,5vh,56px) var(--edge)}
.parts6 .h2{margin-bottom:24px}
.parts6__tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:26px}
.ptab{padding:9px 18px;border:1px solid var(--line);border-radius:2px;font-size:13px;color:var(--muted);transition:all var(--fast);font-family:var(--disp);font-weight:500}
.ptab.is-active{border-color:var(--accent);color:var(--paper);background:var(--bg-elev)}
.parts6__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}
.pcard{background:var(--bg-elev);border:1px solid var(--line);border-radius:6px;overflow:hidden;transition:transform var(--fast),border-color var(--fast)}
.pcard:hover{transform:translateY(-5px);border-color:var(--line-2)}
.pcard__img{aspect-ratio:4/3;background:radial-gradient(circle at 50% 40%,#20242b,#0c0d0f);overflow:hidden}
.pcard__img img{width:100%;height:100%;object-fit:contain;padding:10px}
.pcard h3{font-size:16px;padding:14px 16px 2px}
.pcard__meta{font-size:12px;color:var(--muted);padding:0 16px}
.pcard__foot{display:flex;align-items:center;justify-content:space-between;padding:12px 16px 16px}
.pcard__foot span{font-family:var(--disp);font-size:18px;font-weight:600}
.pcard__btn{padding:8px 14px;border:1px solid var(--accent);color:var(--accent);border-radius:2px;font-size:12px;font-weight:600;transition:all var(--fast)}
.pcard__btn:hover{background:var(--accent);color:#fff}
.parts6__trust{list-style:none;display:flex;flex-wrap:wrap;gap:22px;margin-top:26px;font-size:13px;color:var(--muted)}
.parts6__trust li{position:relative;padding-left:18px}
.parts6__trust li::before{content:"✓";position:absolute;left:0;color:var(--ok);font-weight:700}

/* ===== ETAP 7 — OPINIE ===== */
.trust7{width:100%;max-width:1200px;margin:0 auto;padding:clamp(24px,5vh,56px) var(--edge)}
.trust7__grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(24px,4vw,56px);align-items:start;margin-top:10px}
.trust7__score{background:var(--bg-elev);border:1px solid var(--line);border-radius:6px;padding:28px;text-align:center}
.trust7__score b{font-family:var(--disp);font-size:64px;font-weight:700;display:block;line-height:1}
.trust7__score .stars{font-size:22px;display:block;margin:8px 0}
.trust7__score small{color:var(--muted);font-size:13px}
.trust7__photos{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}
.trust7__photos img{width:100%;height:100%;object-fit:cover;border-radius:4px;aspect-ratio:3/2}
.trust7__reviews{list-style:none;display:flex;flex-direction:column;gap:14px}
.trust7__reviews li{background:var(--bg-elev);border:1px solid var(--line);border-radius:6px;padding:18px 22px}
.rev__top{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}
.rev__top b{font-family:var(--disp);font-size:16px}
.trust7__reviews p{color:var(--muted);font-size:15px}
.trust7__icons{list-style:none;display:flex;flex-wrap:wrap;gap:22px;margin-top:28px;font-size:13px;color:var(--muted)}
.trust7__icons li{position:relative;padding-left:18px}
.trust7__icons li::before{content:"✓";position:absolute;left:0;color:var(--ok);font-weight:700}
@media(max-width:820px){.trust7__grid{grid-template-columns:1fr}}

/* ===== ETAP 8 — KOSZYK ===== */
.cart8{width:100%;max-width:1100px;margin:0 auto;padding:clamp(24px,5vh,56px) var(--edge)}
.cart8 .h2{margin-bottom:30px}
.cart8__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,3vw,40px);align-items:start}
.cart8__summary,.cart8__form{background:var(--bg-elev);border:1px solid var(--line);border-radius:6px;padding:clamp(22px,2.4vw,30px)}
.cart8__summary h3,.cart8__form h3{font-size:20px;margin-bottom:20px}
.cart8__item{display:grid;grid-template-columns:auto 1fr auto auto;gap:14px;align-items:center;padding-bottom:18px;border-bottom:1px solid var(--line)}
.cart8__item img{width:100px;border-radius:4px;background:var(--bg-elev-2)}
.cart8__item>div b{display:block;font-family:var(--disp)}
.cart8__item>div span{font-size:13px;color:var(--muted)}
.cart8__qty{display:flex;align-items:center;gap:2px;border:1px solid var(--line);border-radius:2px}
.cart8__qty button{width:28px;height:28px;color:var(--muted)}
.cart8__qty i{font-style:normal;width:22px;text-align:center;font-size:14px}
.cart8__lineprice{font-family:var(--disp)}
.cart8__row,.cart8__total{display:flex;justify-content:space-between;padding:14px 0;font-size:15px}
.cart8__row{color:var(--muted);border-bottom:1px solid var(--line)}
.cart8__total{font-family:var(--disp);font-size:22px;font-weight:600}
.cart8__perks{list-style:none;margin-top:14px;font-size:13px;color:var(--muted)}
.cart8__perks li{padding:3px 0 3px 18px;position:relative}
.cart8__perks li::before{content:"✓";position:absolute;left:0;color:var(--ok)}
.cart8__form input,.cart8__form select{width:100%;background:var(--bg);border:1px solid var(--line);border-radius:2px;padding:13px 14px;color:var(--paper);font-family:inherit;font-size:14px;margin-bottom:12px}
.cart8__form label{display:block;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px}
.cart8__form label select{margin-top:6px}
.cart8__form input:focus,.cart8__form select:focus{outline:none;border-color:var(--accent)}
.cart8__form .btn{width:100%;margin-top:6px}
.cart8__secure{font-size:12px;color:var(--muted-2);text-align:center;margin-top:12px}
@media(max-width:760px){.cart8__grid{grid-template-columns:1fr}}

@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.06s!important}}