/* ── En stock (page) ─────────────────────────── */
.stock-hero{padding:48px 60px 40px;text-align:center}
.stock-hero h1{font-size:clamp(36px,5vw,64px);font-weight:400;letter-spacing:-.03em;line-height:1.05;margin:0 0 16px}
.stock-hero p{font-size:16px;color:var(--muted);max-width:480px;margin:0 auto}
.stock-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2px;padding:0 60px 80px}
.stock-card{background:var(--bg-soft);border-radius:4px;overflow:hidden;display:flex;flex-direction:column;transition:transform var(--tf),box-shadow var(--tf)}
.stock-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(44,26,14,.1)}
.stock-card-img{position:relative;height:280px;overflow:hidden;background:var(--line-soft)}
.stock-card-img img{width:100%;height:100%;object-fit:contain;padding:20px;transition:transform .5s ease}
.stock-card:hover .stock-card-img img{transform:scale(1.04)}
.stock-badge{position:absolute;top:14px;left:14px;font-family:var(--font-mono);font-size:9px;letter-spacing:.18em;text-transform:uppercase;padding:4px 10px;border-radius:999px}
.stock-badge-new{background:var(--ocean);color:var(--bg)}
.stock-badge-used{background:var(--ink);color:var(--bg)}
.stock-card-body{padding:20px 22px 24px;flex:1;display:flex;flex-direction:column;gap:6px}
.stock-card-model{font-family:var(--font-mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
.stock-card-name{font-size:20px;font-weight:400;letter-spacing:-.02em}
.stock-card-specs{font-size:13px;color:var(--muted);margin-top:2px}
.stock-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:16px;border-top:1px solid var(--line)}
.stock-card-price{font-size:22px;font-weight:500;letter-spacing:-.02em}
.stock-card-cta{font-size:12px;font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;background:var(--ink);color:var(--bg);border:none;border-radius:4px;padding:9px 16px;cursor:pointer;transition:background var(--tf)}
.stock-card-cta:hover{background:var(--ocean)}
.stock-empty{grid-column:1/-1;text-align:center;padding:80px 20px;color:var(--muted);font-size:15px}
@media(max-width:700px){.stock-hero{padding:28px 24px 24px}.stock-grid{padding:0 16px 60px;grid-template-columns:1fr 1fr}}

/* ── Riders ──────────────────────────────────── */
.riders-hero{position:relative;height:480px;overflow:hidden;background:var(--ink);border-bottom:1px solid var(--line)}
.riders-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.75) brightness(.55)}
.riders-hero-content{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:60px 60px;color:#f3efe7}
.riders-hero-content h1{font-size:clamp(48px,6vw,84px);font-weight:500;line-height:.98;letter-spacing:-.035em;margin:0 0 16px}
.riders-hero-content h1 em{color:var(--ocean-soft);font-weight:400}
.riders-hero-content p{font-size:16px;opacity:.8;max-width:42ch;margin:0}
.riders-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--line)}
.rider-card{display:flex;flex-direction:column;border-right:1px solid var(--line)}
.rider-card:last-child{border-right:none}
.rider-photo{aspect-ratio:3/4;overflow:hidden;background:var(--ink);position:relative}
.rider-photo img{width:100%;height:100%;object-fit:cover;filter:saturate(.85);transition:transform var(--tm)}
.rider-card:hover .rider-photo img{transform:scale(1.04)}
.rider-photo-caption{position:absolute;bottom:0;left:0;right:0;padding:16px;background:linear-gradient(transparent,rgba(0,0,0,.5));color:#f3efe7;font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase}
.rider-body{padding:24px 22px;flex:1;display:flex;flex-direction:column;gap:6px;border-top:1px solid var(--line)}
.rider-name{font-size:20px;font-weight:500;letter-spacing:-.02em;line-height:1.1}
.rider-origin{font-family:var(--font-mono);font-size:10px;letter-spacing:.15em;color:var(--muted);text-transform:uppercase;margin-bottom:4px}
.rider-board{font-size:12px;color:var(--ocean);font-family:var(--font-mono);letter-spacing:.06em}
.rider-desc{font-size:13px;color:var(--ink-2);line-height:1.65;margin-top:6px}
@media(max-width:820px){.riders-grid{grid-template-columns:1fr 1fr}.rider-card:nth-child(2){border-right:none}.riders-hero-content{padding:40px 24px}}

/* ── Hero ────────────────────────────────────── */
.hero{position:relative;height:720px;min-height:520px;overflow:hidden;background:var(--ink)}
.hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.85) brightness(.7)}
.hero-grad{position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.55) 100%),linear-gradient(90deg,rgba(0,0,0,.35) 0%,transparent 60%)}
.hero-content{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:56px 60px;color:#f3efe7}
.hero-top{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:11px;letter-spacing:0.12em;opacity:.85}
.hero h1{font-size:clamp(52px,7vw,96px);font-weight:500;line-height:.98;letter-spacing:-.035em;margin:0;max-width:16ch}
.hero h1 em{color:var(--ocean-soft);opacity:.95;font-weight:400}
.hero-meta{display:flex;justify-content:space-between;align-items:flex-end;gap:40px}
.hero-meta p{max-width:38ch;margin:0;font-size:15px;line-height:1.5;opacity:.92}
.hero-ctas{display:flex;gap:12px;flex-wrap:wrap}
.hero-cta{display:inline-flex;align-items:center;gap:14px;padding:14px 22px;border:1px solid rgba(243,239,231,.6);border-radius:999px;font-size:13px;letter-spacing:.02em;background:rgba(243,239,231,.08);color:#f3efe7;transition:all var(--tf);white-space:nowrap}
.hero-cta:hover{background:var(--ocean);color:var(--bg);border-color:var(--ocean)}
.hero-cta-ghost{background:transparent;border-color:rgba(243,239,231,.35)}
.hero-cta-dark{background:transparent;border-color:var(--ocean);color:var(--ink)}
.hero-cta-dark:hover{background:var(--ocean);color:var(--bg);border-color:var(--ocean)}
.hero-cta-ghost:hover{background:var(--ocean);color:var(--bg);border-color:var(--ocean)}

/* ── Sections ────────────────────────────────── */
.section{padding:64px 60px 80px;border-top:1px solid var(--line)}
.section-head{display:grid;grid-template-columns:200px 1fr;gap:40px;margin-bottom:56px}
.section-head .num{font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;color:var(--muted);text-transform:uppercase}
.section-head h2{font-size:clamp(38px,4vw,56px);font-weight:400;line-height:1;letter-spacing:-.03em;margin:0;max-width:22ch}
.section-head h2 em{color:var(--ocean)}

/* ── Story (Atelier) ─────────────────────────── */
.story{display:grid;grid-template-columns:240px 1.1fr 1fr;gap:60px;align-items:start}
.story-photo{aspect-ratio:3/4;background:var(--bg-soft);border:1px solid var(--line);overflow:hidden}
.story-photo img{width:100%;height:100%;object-fit:cover}
.story .marker{color:var(--muted);font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;margin-bottom:20px}
.story p{font-size:18px;line-height:1.55;margin:0 0 1.2em;max-width:50ch}
.story p.lede{font-size:22px;line-height:1.35;letter-spacing:-.01em}
.story-stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:36px}
.story-stats>div{padding:22px 18px;border-right:1px solid var(--line)}
.story-stats>div:last-child{border-right:none}
.story-stats .sv{font-size:34px;font-weight:400;letter-spacing:-.02em;display:block;line-height:1}
.story-stats .sl{font-family:var(--font-mono);font-size:10px;letter-spacing:.16em;color:var(--muted);margin-top:10px;text-transform:uppercase}

/* ── Catalogue ───────────────────────────────── */
.catalogue{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.model-card{border-right:1px solid var(--line);display:flex;flex-direction:column;background:var(--bg);transition:background var(--tm);cursor:pointer}
.model-card:last-child{border-right:none}
.model-card:hover{background:var(--bg-soft)}
.model-photo{aspect-ratio:4/5;background:#1c2622;position:relative;overflow:hidden}
.model-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform var(--tm)}
.model-card:hover .model-photo img{transform:scale(1.03)}
.model-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.35) 100%)}
.model-photo .badge{position:absolute;top:24px;left:24px;font-family:var(--font-mono);font-size:10px;letter-spacing:.18em;color:rgba(255,255,255,.85);z-index:2}
.model-body{padding:34px 34px 38px;display:flex;flex-direction:column;flex:1}
.model-body h3{font-size:30px;font-weight:400;letter-spacing:-.025em;margin:0 0 6px}
.model-family{font-family:var(--font-mono);font-size:10px;letter-spacing:.18em;color:var(--ocean);text-transform:uppercase;margin-bottom:22px}
.model-tag{font-size:16px;font-style:italic;color:var(--ink-2);margin:0 0 16px}
.model-lede{font-size:14px;color:var(--muted);line-height:1.55;margin:0 0 24px;flex:1;max-width:38ch}
.model-specs{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px;border-top:1px solid var(--line);padding-top:18px;margin-bottom:22px}
.model-specs dt{font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;color:var(--muted);text-transform:uppercase;margin:0}
.model-specs dd{margin:0;font-size:13px}
.model-foot{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:18px}
.model-foot .price em{font-style:normal;color:var(--muted);margin-right:6px;font-family:var(--font-mono);font-size:10px;letter-spacing:.14em}
.model-foot .price b{font-weight:500;font-size:18px;letter-spacing:-.01em}
.model-foot .arr{font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;color:var(--ocean);display:inline-flex;align-items:center;gap:8px;transition:gap var(--tf)}
.model-card:hover .model-foot .arr{gap:14px}

/* ── Manifesto ───────────────────────────────── */
.manifesto{padding:56px 60px;border-top:1px solid var(--line)}
.manifesto p{font-size:clamp(26px,3vw,44px);line-height:1.2;letter-spacing:-.02em;font-weight:400;max-width:24ch;margin:0}
.manifesto p em{color:var(--ocean)}

/* ── Quiz ────────────────────────────────────── */
.quiz{background:var(--ocean-deep);color:#f3efe7;border-top:none}
.quiz-inner{display:grid;grid-template-columns:1.1fr .9fr;min-height:620px}
.quiz-left{padding:72px 56px;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid rgba(255,255,255,.12)}
.quiz-right{padding:72px 56px;display:flex;flex-direction:column;justify-content:center}
.quiz-eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;color:rgba(243,239,231,.6);text-transform:uppercase;display:flex;gap:18px;align-items:center;margin-bottom:28px}
.quiz-eyebrow .dot{width:6px;height:6px;background:#f3efe7;border-radius:50%;flex-shrink:0}
.quiz h3{font-size:42px;font-weight:400;line-height:1.05;letter-spacing:-.025em;margin:0 0 20px;max-width:14ch}
.quiz-sub{font-size:15px;line-height:1.55;color:rgba(243,239,231,.75);max-width:38ch;margin:0 0 36px}
.quiz-progress{display:flex;gap:6px;margin-bottom:26px}
.quiz-pip{flex:1;height:2px;background:rgba(243,239,231,.18)}
.quiz-pip.done{background:var(--ocean-soft)}
.quiz-pip.curr{background:linear-gradient(90deg,var(--ocean-soft) var(--p,0%),rgba(243,239,231,.18) var(--p,0%))}
.quiz-qlabel{font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;color:rgba(243,239,231,.6);margin-bottom:14px;text-transform:uppercase}
.quiz-qtext{font-size:32px;font-weight:400;line-height:1.1;letter-spacing:-.02em;margin:0 0 24px}
.quiz-opts{display:flex;flex-direction:column;gap:9px}
.quiz-opt{background:rgba(243,239,231,.06);border:1px solid rgba(243,239,231,.16);color:#f3efe7;padding:16px 20px;text-align:left;font-size:15px;border-radius:4px;display:flex;align-items:center;gap:14px;transition:all var(--tf)}
.quiz-opt:hover{background:rgba(243,239,231,.12);border-color:rgba(243,239,231,.36)}
.quiz-opt.on{background:var(--bg);color:var(--ink);border-color:var(--bg)}
.quiz-opt .ck{width:17px;height:17px;border:1px solid rgba(243,239,231,.4);border-radius:50%;flex-shrink:0;position:relative}
.quiz-opt.on .ck{border-color:var(--ocean-deep);background:var(--ocean-deep)}
.quiz-opt.on .ck::after{content:"";position:absolute;top:50%;left:50%;width:6px;height:6px;background:#f3efe7;border-radius:50%;transform:translate(-50%,-50%)}
.quiz-opt .ck.sq{border-radius:3px}
.spotgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
.spot-chip{padding:11px 13px;background:rgba(243,239,231,.05);border:1px solid rgba(243,239,231,.16);color:#f3efe7;border-radius:4px;font-size:13px;text-align:left;display:flex;justify-content:space-between;align-items:center;transition:all var(--tf)}
.spot-chip:hover{border-color:rgba(243,239,231,.3)}
.spot-chip.on{background:var(--bg);color:var(--ink);border-color:var(--bg)}
.spot-chip .sc{font-family:var(--font-mono);font-size:9px;letter-spacing:.1em;opacity:.5}
.quiz-slider-val{font-size:52px;font-weight:400;letter-spacing:-.03em;display:flex;align-items:baseline;gap:9px;margin-bottom:24px}
.quiz-slider-val .u{font-family:var(--font-mono);font-size:13px;opacity:.6;letter-spacing:.1em}
input[type=range].quiz-range{-webkit-appearance:none;appearance:none;width:100%;height:2px;background:rgba(243,239,231,.2);outline:none}
input[type=range].quiz-range::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:#f3efe7;border:4px solid var(--ocean-deep);box-shadow:0 0 0 1px rgba(243,239,231,.4);cursor:pointer}
.quiz-range-scale{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;color:rgba(243,239,231,.45);margin-top:12px}
.quiz-foot{display:flex;justify-content:space-between;align-items:center;margin-top:36px;padding-top:24px;border-top:1px solid rgba(255,255,255,.12)}
.quiz-btn{padding:13px 26px;border-radius:999px;border:1px solid #f3efe7;background:#f3efe7;color:var(--ocean-deep);font-size:13px;letter-spacing:.04em;display:inline-flex;align-items:center;gap:11px;transition:all var(--tf)}
.quiz-btn.ghost{background:transparent;color:rgba(243,239,231,.7);border-color:rgba(243,239,231,.3)}
.quiz-btn:hover{transform:translateX(2px)}
.quiz-btn.ghost:hover{color:#f3efe7;border-color:#f3efe7}
.quiz-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}
.quiz-left-answers{margin-top:18px;font-size:14px;line-height:1.7;color:rgba(243,239,231,.7)}
.qa-row{display:grid;grid-template-columns:100px 1fr;gap:10px;padding:6px 0;border-top:1px solid rgba(243,239,231,.08)}
.qa-k{font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:rgba(243,239,231,.5);padding-top:3px}
.quiz-result{display:grid;grid-template-columns:1fr 1fr;min-height:600px}
.qr-photo{position:relative;background:#1c2622;overflow:hidden}
.qr-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.85}
.qr-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,0,0,0) 30%,var(--ocean-deep) 100%)}
.qr-stamp{position:absolute;top:36px;left:36px;font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;color:rgba(243,239,231,.85);z-index:2}
.qr-body{padding:60px 60px 60px 72px;display:flex;flex-direction:column;justify-content:center;background:var(--ocean-deep);color:#f3efe7}
.qr-body .small{font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;color:rgba(243,239,231,.55);text-transform:uppercase;margin-bottom:16px}
.qr-body h4{font-size:58px;font-weight:400;letter-spacing:-.03em;line-height:1;margin:0 0 16px}
.qr-body h4 em{color:var(--ocean-soft)}
.qr-body p{font-size:17px;line-height:1.5;color:rgba(243,239,231,.8);margin:0 0 28px;max-width:42ch}
.qr-recs{display:grid;grid-template-columns:repeat(2,1fr);gap:0;margin:20px 0 28px;border-top:1px solid rgba(243,239,231,.18);border-bottom:1px solid rgba(243,239,231,.18)}
.qr-rec{padding:14px 14px 14px 0;border-right:1px solid rgba(243,239,231,.12)}
.qr-rec:last-child{border-right:none;padding-left:14px;padding-right:0}
.qr-rec .l{font-family:var(--font-mono);font-size:10px;letter-spacing:.16em;color:rgba(243,239,231,.55);text-transform:uppercase}
.qr-rec .v{font-size:17px;margin-top:5px}
.qr-secondary{display:flex;gap:10px;margin-top:6px}
.qr-secondary>div{flex:1;padding:14px;background:rgba(243,239,231,.05);border:1px solid rgba(243,239,231,.12);border-radius:4px;font-size:13px}
.qr-secondary .n{font-size:14px;margin-bottom:3px}
.qr-secondary .p{font-family:var(--font-mono);color:rgba(243,239,231,.6);font-size:11px;letter-spacing:.1em}
.qr-actions{display:flex;gap:10px;margin-top:30px;flex-wrap:wrap}

/* ── Product / Configurateur ─────────────────── */
.product{display:grid;grid-template-columns:1.2fr 1fr;border-top:1px solid var(--line)}
.product-photo{background:#1c2622;position:relative;min-height:720px;overflow:hidden;border-right:1px solid var(--line)}
.product-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.product-photo .plabel{position:absolute;top:30px;left:30px;font-family:var(--font-mono);font-size:10px;letter-spacing:.18em;color:rgba(255,255,255,.85)}
.product-photo .plabel span{display:block;opacity:.6;margin-top:4px}
.product-photo .pdims{position:absolute;bottom:28px;left:28px;right:28px;color:rgba(255,255,255,.85);display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase}
.product-cfg{padding:56px;display:flex;flex-direction:column}
.product-cfg h3{font-size:52px;font-weight:400;letter-spacing:-.03em;line-height:1;margin:0 0 8px}
.product-cfg .pfamily{font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;color:var(--ocean);text-transform:uppercase;margin-bottom:20px}
.product-cfg .plede{font-size:16px;line-height:1.5;color:var(--ink-2);max-width:42ch;margin:0 0 30px;font-style:italic}
.opt-group{border-top:1px solid var(--line);padding:20px 0}
.opt-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px}
.opt-head .lbl{font-family:var(--font-mono);font-size:10px;letter-spacing:.18em;color:var(--muted);text-transform:uppercase}
.opt-head .pick{font-size:14px;color:var(--ink)}
.opt-row{display:flex;flex-wrap:wrap;gap:7px}
.opt-pill{padding:8px 15px;border:1px solid var(--line);background:var(--bg);border-radius:999px;font-size:13px;color:var(--ink-2);transition:all var(--tf)}
.opt-pill:hover{border-color:var(--ocean);color:var(--ocean)}
.opt-pill.on{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.opt-grid2{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.opt-tile{border:1px solid var(--line);background:var(--bg);padding:13px 15px;border-radius:4px;text-align:left;cursor:pointer;transition:all var(--tf)}
.opt-tile:hover{border-color:var(--ocean)}
.opt-tile.on{border-color:var(--ink);background:var(--ink);color:var(--bg)}
.opt-tile .tn{font-size:13px;margin-bottom:2px}
.opt-tile .td{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;opacity:.6}
.opt-tile .tp{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;opacity:.7;margin-top:5px;display:block}
.dim-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:4px;overflow:hidden}
.dim-cell{background:var(--bg);padding:13px}
.dim-cell .dl{font-family:var(--font-mono);font-size:9px;letter-spacing:.16em;color:var(--muted);text-transform:uppercase;margin-bottom:5px}
.dim-cell .dv{font-size:16px;letter-spacing:-.01em}
.swatch-row{display:flex;gap:9px;flex-wrap:wrap;padding-bottom:24px}
.swatch{width:52px;height:52px;border-radius:50%;border:1px solid var(--line);cursor:pointer;position:relative;transition:all var(--tf)}
.swatch.on::after{content:"";position:absolute;inset:-5px;border:1px solid var(--ink);border-radius:50%}
.swatch .slbl{position:absolute;left:50%;top:calc(100% + 7px);transform:translateX(-50%);font-family:var(--font-mono);font-size:9px;letter-spacing:.1em;color:var(--muted);white-space:nowrap;text-transform:uppercase}
.product-summary{margin-top:24px;padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto;gap:10px 20px;align-items:end}
.product-summary .tl{font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;color:var(--muted);text-transform:uppercase}
.product-summary .tv{font-size:34px;letter-spacing:-.02em}
.product-summary .lead{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;color:var(--ocean)}
.product-cta{margin-top:18px;padding:17px 26px;background:var(--ocean-deep);color:var(--bg);border:none;border-radius:999px;font-size:14px;letter-spacing:.02em;display:flex;justify-content:space-between;align-items:center;gap:16px;transition:all var(--tf)}
.product-cta:hover{background:var(--ink)}

/* ── Réparation ──────────────────────────────── */
.repair{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}
.repair-form{padding:56px;border-right:1px solid var(--line)}
.repair-ey{font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;color:var(--ocean);text-transform:uppercase;margin-bottom:20px}
.repair-form h3{font-size:44px;font-weight:400;letter-spacing:-.03em;line-height:1.05;margin:0 0 14px;max-width:14ch}
.repair-form .rlede{font-size:15px;line-height:1.55;color:var(--ink-2);max-width:42ch;margin:0 0 36px;font-style:italic}
.upload{border:1px dashed var(--line);border-radius:6px;padding:32px;background:var(--bg-soft);text-align:center;cursor:pointer;transition:all var(--tf);position:relative;overflow:hidden;min-height:200px;display:flex;flex-direction:column;justify-content:center;align-items:center}
.upload:hover{border-color:var(--ocean);background:var(--bg)}
.upload.has-file{padding:0;border-style:solid;border-color:var(--ink)}
.upload img.preview{width:100%;height:260px;object-fit:cover;display:block}
.upload .uicon{width:46px;height:46px;border-radius:50%;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;margin-bottom:12px;font-size:20px;font-family:var(--font-mono)}
.upload .ut{font-size:14px;margin-bottom:4px}
.upload .us{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;color:var(--muted)}
.upload .udemo{margin-top:16px;font-size:12px;color:var(--ocean);text-decoration:underline}
.upload .change-btn{position:absolute;top:10px;right:10px;background:rgba(20,32,28,.85);color:#f3efe7;border:none;border-radius:999px;padding:7px 13px;font-size:11px;font-family:var(--font-mono);letter-spacing:.12em;cursor:pointer}
.field{margin-top:22px}
.field label{display:block;font-family:var(--font-mono);font-size:10px;letter-spacing:.18em;color:var(--muted);text-transform:uppercase;margin-bottom:9px}
.field textarea,.field input[type=text]{width:100%;padding:13px 15px;background:var(--bg);border:1px solid var(--line);border-radius:4px;font:inherit;font-size:14px;color:var(--ink);resize:vertical;min-height:90px}
.field input[type=text]{min-height:auto}
.field textarea:focus,.field input:focus{outline:none;border-color:var(--ocean)}
.field .helper{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;color:var(--muted);margin-top:5px}
.issue-row{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:9px}
.issue-chip{padding:11px 13px;border:1px solid var(--line);background:var(--bg);border-radius:4px;font-size:13px;text-align:left;display:flex;justify-content:space-between;align-items:center;transition:all var(--tf)}
.issue-chip:hover{border-color:var(--ocean)}
.issue-chip.on{border-color:var(--ink);background:var(--ink);color:var(--bg)}
.issue-chip .ipr{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;opacity:.6}
.repair-quote{padding:56px;background:var(--bg-soft);display:flex;flex-direction:column;gap:0}
.rq-label{font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;color:var(--muted);text-transform:uppercase;margin-bottom:20px}
.quote-card{background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:28px;margin-bottom:22px}
.quote-card.empty{background:transparent;border-style:dashed;text-align:center;color:var(--muted);padding:52px 28px;font-size:14px;font-style:italic}
.quote-card h4{font-size:26px;font-weight:400;letter-spacing:-.02em;margin:0 0 5px}
.quote-card .qprice{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;color:var(--ocean)}
.quote-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px 28px;border-top:1px solid var(--line-soft);padding-top:20px;margin-top:20px}
.quote-grid .ql{font-family:var(--font-mono);font-size:10px;letter-spacing:.18em;color:var(--muted);text-transform:uppercase;margin-bottom:5px}
.quote-grid .qv{font-size:15px;margin:0}
.cal-card{background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:24px;margin-bottom:16px}
.cal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}
.cal-head .month{font-size:17px}
.cal-nav{display:flex;gap:4px}
.cal-nav button{width:30px;height:30px;background:var(--bg);border:1px solid var(--line);border-radius:50%;font-family:var(--font-mono);font-size:12px;display:flex;align-items:center;justify-content:center;padding:0}
.cal-nav button:hover{border-color:var(--ocean)}
.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;font-size:13px}
.cal-dow{font-family:var(--font-mono);font-size:9px;letter-spacing:.18em;color:var(--muted);text-transform:uppercase;text-align:center;padding:5px 0;margin-bottom:3px}
.cal-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid transparent;font-family:var(--font-mono);font-size:12px;cursor:pointer;transition:all var(--tf);background:transparent;padding:0;width:100%}
.cal-day.muted{color:var(--line);cursor:default}
.cal-day.full{color:var(--line);cursor:not-allowed;text-decoration:line-through}
.cal-day.dot{position:relative}
.cal-day.dot::after{content:"";position:absolute;bottom:3px;left:50%;transform:translateX(-50%);width:3px;height:3px;background:var(--ocean);border-radius:50%}
.cal-day.avail:hover{background:var(--bg-soft)}
.cal-day.sel{background:var(--ink);color:var(--bg)}
.cal-day.sel::after{background:var(--bg)}
.cal-legend{display:flex;gap:18px;margin-top:16px;font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;color:var(--muted);text-transform:uppercase}
.cal-legend span{display:inline-flex;align-items:center;gap:5px}
.cal-legend .pip{width:6px;height:6px;border-radius:50%;background:var(--ocean)}
.cal-legend .pip.full{background:var(--line)}
.repair-input{width:100%;padding:11px 14px;background:var(--bg);border:1px solid var(--line);border-radius:4px;font:inherit;font-size:14px;color:var(--ink);outline:none;transition:border-color var(--tf)}
.repair-input:focus{border-color:var(--ocean)}
.repair-cta{margin-top:auto;padding:16px 26px;background:var(--ocean-deep);color:var(--bg);border:none;border-radius:999px;font-size:14px;letter-spacing:.02em;display:flex;justify-content:space-between;align-items:center;gap:16px;transition:all var(--tf)}
.repair-cta:hover:not(:disabled){background:var(--ink)}
.repair-cta:disabled{background:var(--line);color:var(--muted);cursor:not-allowed}
.repair-center{grid-column:1/-1;max-width:680px;margin:0 auto;width:100%;padding:32px 60px 60px}
.rboard-card{border:1px solid var(--line);border-radius:6px;padding:20px 22px;margin-bottom:12px;background:var(--bg)}
.rboard-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
.rboard-num{font-family:var(--font-mono);font-size:10px;letter-spacing:.18em;color:var(--muted);text-transform:uppercase}
.rboard-remove{font-size:12px;color:var(--muted);background:none;border:none;cursor:pointer;padding:0;transition:color var(--tf)}
.rboard-remove:hover{color:var(--ocean)}
.rdmg-list{margin-top:12px;display:flex;flex-direction:column;gap:6px}
.rdmg-row{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border:1px solid var(--line);border-radius:4px;background:var(--bg-soft);transition:all var(--tf)}
.rdmg-row.active{border-color:var(--ink);background:var(--bg)}
.rdmg-info{display:flex;align-items:center;gap:12px}
.rdmg-name{font-size:14px}
.rdmg-price{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;color:var(--muted)}
.rdmg-qty{display:flex;align-items:center;gap:10px}
.rdmg-qty button{width:28px;height:28px;border-radius:50%;border:1px solid var(--line);background:var(--bg);font-size:16px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--tf);padding:0}
.rdmg-qty button:hover:not([disabled]){border-color:var(--ocean)}
.rdmg-qty button[disabled]{opacity:.3;cursor:default}
.rdmg-qty .rdmg-n{font-family:var(--font-mono);font-size:14px;min-width:18px;text-align:center}
.repair-add-board{display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;color:var(--ocean);background:none;border:1px dashed var(--line);border-radius:4px;padding:11px 16px;cursor:pointer;width:100%;transition:all var(--tf);margin:4px 0 20px}
.repair-add-board:hover{border-color:var(--ocean);background:var(--bg-soft)}
.repair-total-bar{display:flex;justify-content:space-between;align-items:baseline;padding:16px 0;border-top:1px solid var(--line)}
.repair-total-bar .rtl{font-family:var(--font-mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
.repair-total-bar .rtv{font-size:24px;font-weight:500;letter-spacing:-.02em}
.rdevis-board{margin-bottom:18px;padding-bottom:18px;border-bottom:1px solid var(--line-soft)}
.rdevis-board:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}
.rdevis-board-title{font-family:var(--font-mono);font-size:10px;letter-spacing:.18em;color:var(--muted);text-transform:uppercase;margin-bottom:10px}
.rdevis-line{display:flex;justify-content:space-between;align-items:center;padding:7px 0;border-bottom:1px solid var(--line-soft);font-size:14px}
.rdevis-line:last-child{border-bottom:none}
.rdevis-price{font-family:var(--font-mono);font-size:12px;letter-spacing:.06em}
.rslot-first{padding:16px 20px;background:var(--bg);border:1px solid var(--line);border-radius:6px;display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}
.rslot-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}
.rslot-val{font-size:16px;letter-spacing:-.01em;text-transform:capitalize}
.repair-back{margin-top:14px;background:none;border:none;font-size:13px;color:var(--muted);cursor:pointer;text-align:left;padding:0;display:block;transition:color var(--tf)}
.repair-back:hover{color:var(--ink)}
.rboard-subtotal{text-align:right;margin-top:8px;font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;color:var(--muted)}

/* ── Footer ──────────────────────────────────── */
.foot{padding:56px 60px;background:#1C0E05;color:var(--bg);display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:56px}
.foot h5{font-family:var(--font-mono);font-size:10px;letter-spacing:.18em;color:rgba(245,238,228,.45);margin:0 0 18px;text-transform:uppercase}
.foot ul{list-style:none;padding:0;margin:0}
.foot li{font-size:14px;padding:5px 0;opacity:.85}
.foot .brand{font-size:26px;letter-spacing:-.03em;font-weight:400;margin-bottom:14px}
.foot .brand em{color:var(--ocean-soft)}
.foot .small{font-size:12px;opacity:.5;line-height:1.6;max-width:36ch}

/* ── Responsive ──────────────────────────────── */
@media(max-width:1100px){
  .story{grid-template-columns:1fr 1fr}
  .story-photo{display:none}
  .foot{grid-template-columns:1fr 1fr;gap:36px}
  .quiz-inner{grid-template-columns:1fr}
  .quiz-left{display:none}
}
@media(max-width:820px){
  .nav{padding:8px 20px;gap:0}
  .nav-links{display:none}
  .nav-right{display:none}
  .nav-logo img{height:56px}
  .nav-burger{display:flex}
  .hero-content{padding:32px 24px}
  .hero-top{display:none}
  .hero-meta{flex-direction:column;align-items:flex-start;gap:18px}
  .section{padding:36px 24px 56px}
  .section-head{grid-template-columns:1fr;gap:10px;margin-bottom:32px}
  .story{grid-template-columns:1fr;gap:28px}
  .story p{font-size:16px}
  .story p.lede{font-size:19px}
  .catalogue{grid-template-columns:1fr}
  .model-card{border-right:none;border-bottom:1px solid var(--line)}
  .model-card:last-child{border-bottom:none}
  .model-photo{aspect-ratio:16/9}
  .manifesto{padding:36px 24px}
  .quiz-right{padding:40px 24px}
  .quiz-result{grid-template-columns:1fr}
  .qr-photo{display:none}
  .qr-body{padding:40px 24px}
  .qr-body h4{font-size:40px}
  .product{grid-template-columns:1fr}
  .product-photo{min-height:280px;border-right:none;border-bottom:1px solid var(--line)}
  .product-cfg{padding:36px 24px}
  .product-cfg h3{font-size:38px}
  .section-head.ph{padding:60px 24px 0}
  .repair{grid-template-columns:1fr}
  .repair-form{border-right:none;border-bottom:1px solid var(--line);padding:40px 24px}
  .repair-quote{padding:40px 24px}
  .issue-row{grid-template-columns:1fr}
  .spotgrid{grid-template-columns:1fr 1fr}
  .foot{grid-template-columns:1fr;padding:40px 24px;gap:28px}
}