@font-face{
  font-family:'Manrope';
  src:url('fonts/Manrope-Variable.ttf') format('truetype');
  font-style:normal;
  font-weight:400 800;
  font-display:swap;
}

@font-face{
  font-family:'JetBrains Mono';
  src:url('fonts/JetBrainsMono-Variable.ttf') format('truetype');
  font-style:normal;
  font-weight:400 800;
  font-display:swap;
}

:root{
    --bg: #141b1f;
    --surface: #202a30;
    --surface-2: #2b3840;
    --line: #3b4a52;
    --amber: #2bd6c9;
    --amber-dim: #2a8081;
    --green: #4fe08f;
    --red: #ff6d7a;
    --cyan: #45b7ff;
    --cyan-dim: #1e5b82;
    --violet: #a78bff;
    --pink: #ff6eb6;
    --orange: #ffb45e;
    --paper: #f0f0f0;
    --paper-ink: #141414;
    --text: #f7fbfc;
    --muted: #b8c5cb;
    --font-display: 'JetBrains Mono', monospace;
    --font-body: 'Manrope', sans-serif;
  }

  *{ box-sizing: border-box; }
  html{
    scroll-behavior: smooth;
    background-color:#080b0e;
    color-scheme:dark;
  }
  body{
    margin:0;
    min-height:100vh;
    min-height:100dvh;
    background:
      linear-gradient(180deg, #070a0d 0%, #0b1115 44%, #070a0d 100%),
      linear-gradient(90deg, rgba(39,216,202,0.06), rgba(69,183,255,0.04), rgba(255,180,94,0.05));
    color: var(--text);
    font-family: var(--font-body);
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden;
  }
  body.page-sell .repair-section{ display:none; }
  body.page-repair .config-section{ display:none; }
  body.page-sell .categories,
  body.page-sell .steps-section,
  body.page-sell .trust,
  body.page-sell .reviews,
  body.page-repair .categories,
  body.page-repair .steps-section,
  body.page-repair .trust,
  body.page-repair .reviews{ display:none; }
  a{ color: inherit; }
  img,svg{ display:block; max-width:100%; }
  .wrap{ max-width: 1180px; margin: 0 auto; padding: 0 24px; }

  .skip-link{
    position:fixed;
    z-index:10000;
    top:10px;
    left:10px;
    padding:11px 14px;
    border:1px solid #64b7ff;
    border-radius:6px;
    background:#0b1116;
    color:#fff;
    font:800 12px/1 var(--font-display);
    text-decoration:none;
    transform:translateY(-160%);
    transition:transform .15s ease;
  }
  .skip-link:focus{ transform:translateY(0); }

  ::selection{ background: var(--amber); color: #141414; }
  :focus-visible{ outline: 2px solid var(--amber); outline-offset: 3px; }

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

  /* ---------- NAV ---------- */
  header.nav{
    position: sticky; top:0; z-index: 50;
    background: rgba(8,12,16,0.88);
    backdrop-filter: blur(10px);
    border-bottom: 1px solid var(--line);
    box-shadow: 0 14px 34px rgba(0,0,0,0.32);
  }
  .nav-inner{ display:flex; align-items:center; justify-content:space-between; padding: 16px 24px; }
  .logo{ display:flex; align-items:center; text-decoration:none; line-height:0; }
  .logo-img{ display:block; width:auto; height:24px; max-width:none; filter: drop-shadow(0 0 10px rgba(255,255,255,0.35)); }
  .logo .dot{ width:9px; height:9px; border-radius:50%; background: var(--amber); box-shadow: 0 0 8px var(--amber), 0 0 18px rgba(255,255,255,0.5); }
  nav.links{ display:flex; gap: 28px; font-size: 14px; color: var(--muted); }
  nav.links a{ text-decoration:none; transition: color .15s; }
  nav.links a:hover{ color: var(--text); }
  .nav-actions{ display:flex; align-items:center; gap:10px; }
  .nav-shop{
    font-family: var(--font-display); font-size:12.5px; font-weight:700;
    color: var(--text); padding: 9px 13px; border-radius:6px;
    border:1px solid var(--line); background:rgba(255,255,255,0.035);
    text-decoration:none; letter-spacing:0.25px;
    transition: border-color .18s ease, transform .18s ease, background .18s ease;
  }
  .nav-shop:hover{ border-color:var(--orange); background:rgba(255,180,94,0.08); transform:translateY(-1px); }
  .nav-cta{
    font-family: var(--font-display); font-size:13px; font-weight:700;
    background: var(--amber); color:#061014; padding: 9px 16px; border-radius:6px;
    text-decoration:none; letter-spacing:0.3px;
    box-shadow: 0 0 22px rgba(39,216,202,0.26);
  }
  .nav-mobile-hide{ display:flex; }
  @media (max-width: 760px){ .nav-mobile-hide{ display:none; } }

  /* ---------- HERO ---------- */
  .hero{
    padding: 70px 0 44px; position:relative; overflow:hidden;
    background:
      linear-gradient(135deg, rgba(9,14,18,0.98) 0%, rgba(13,23,28,0.98) 52%, rgba(7,10,13,0.98) 100%);
  }
  .hero::before{
    content:""; position:absolute; inset:0;
    background:
      linear-gradient(90deg, rgba(39,216,202,0.08) 0 1px, transparent 1px 100%),
      linear-gradient(180deg, rgba(69,183,255,0.06) 0 1px, transparent 1px 100%),
      linear-gradient(135deg, rgba(39,216,202,0.12), transparent 42%, rgba(255,180,94,0.08));
    background-size: 72px 72px, 72px 72px, auto;
    mask-image: linear-gradient(180deg, rgba(0,0,0,0.85), transparent 82%);
    pointer-events:none;
  }
  .hero-glow{
    position:absolute; width:560px; height:220px; pointer-events:none;
    background: linear-gradient(90deg, rgba(39,216,202,0.2), rgba(69,183,255,0.12), rgba(255,180,94,0.14));
    top:64px; left:58%; filter: blur(32px);
    transition: transform .5s cubic-bezier(.2,.8,.2,1);
    z-index:0;
  }
  .hero .wrap{ position:relative; z-index:1; }

  .trust-badges{ display:flex; flex-wrap:wrap; gap:10px; margin-top:22px; }
  .trust-badge{
    display:flex; align-items:center; gap:8px; font-size:13px; color: var(--muted);
    padding:9px 11px; border:1px solid rgba(255,255,255,0.08); border-radius:8px;
    background:rgba(255,255,255,0.035);
  }
  .trust-badge svg{ width:16px; height:16px; flex-shrink:0; color: var(--amber); }
  .trust-badge:nth-child(2) svg{ color: var(--green); }
  .trust-badge:nth-child(3) svg{ color: var(--cyan); }

  .hero-reviews{
    display:inline-flex; align-items:center; gap:10px; margin-top:18px; padding: 9px 14px 9px 10px;
    background: rgba(17,23,28,0.82); border:1px solid var(--line); border-radius: 30px;
    text-decoration:none; color: var(--text); transition: border-color .15s ease, transform .15s ease;
  }
  .hero-reviews:hover{ border-color: var(--amber); transform: translateY(-1px); }
  .hero-reviews-g{ width:18px; height:18px; flex-shrink:0; }
  .hero-reviews-g path{ fill: var(--orange); }
  .hero-reviews-stars{ display:flex; gap:1px; }
  .hero-reviews-stars svg{ width:13px; height:13px; }
  .hero-reviews-stars svg path,
  .reviews-stars svg path{ fill: var(--orange); }
  .hero-reviews-text{ font-size:13px; font-weight:600; color: var(--muted); white-space:nowrap; }
  .mobile-proof,
  .hero-mobile-note,
  .hero-mobile-actions{ display:none; }

  /* ---------- SCROLL REVEAL ---------- */
  [data-reveal]{ opacity:0; transform: translateY(22px); transition: opacity .6s cubic-bezier(.2,.7,.2,1), transform .6s cubic-bezier(.2,.7,.2,1); }
  [data-reveal].revealed{ opacity:1; transform: translateY(0); }
  [data-reveal="1"].revealed{ transition-delay: .05s; }
  [data-reveal="2"].revealed{ transition-delay: .12s; }
  [data-reveal="3"].revealed{ transition-delay: .19s; }
  [data-reveal="4"].revealed{ transition-delay: .26s; }
  [data-reveal="5"].revealed{ transition-delay: .33s; }
  .eyebrow{
    font-family: var(--font-display); font-size:12px; color: var(--amber);
    letter-spacing: 2px; text-transform: uppercase; display:flex; align-items:center; gap:8px;
  }
  .eyebrow .bar{ width:22px; height:2px; background: var(--amber); }
  .hero h1{
    font-family: var(--font-body); font-weight:800; font-size: clamp(34px, 4.6vw, 56px);
    line-height: 1.04; margin: 18px 0 18px; max-width: 660px; letter-spacing:0;
  }
  .hero p.lead{ color: var(--muted); font-size: 17px; max-width: 590px; line-height:1.58; margin-bottom: 26px; }

  .hero-grid{ display:grid; grid-template-columns: minmax(0, 1fr) minmax(360px, 0.88fr); gap: 42px; align-items:center; margin-top: 4px; position:relative; }
  body.page-home .hero-location{display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px;margin:22px 0;padding:16px 0;border-top:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.14);font-size:13px;line-height:1.7}
  body.page-home .hero-location address{display:flex;flex-direction:column;font-style:normal;color:#c5cbd1}
  body.page-home .hero-location address strong{font-size:15px;color:#fff}
  body.page-home .hero-location p{margin:0;color:#c5cbd1}
  body.page-home .hero-location p strong{color:#fff;font-weight:600}
  body.page-home .hero-location a{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:#76baff;font-weight:700;text-decoration:none}
  body.page-home .hero-location a:hover{text-decoration:underline}
  body.page-home .hero-location a:focus-visible{outline:2px solid #76baff;outline-offset:4px}
  @media (max-width: 900px){ .hero-grid{ grid-template-columns: 1fr; } }

  .cta-row{ display:flex; gap:14px; flex-wrap:wrap; }
  .btn-primary{
    font-family: var(--font-display); font-weight:700; font-size:14px;
    background: var(--amber); color:#061014; padding: 15px 26px; border-radius:8px;
    text-decoration:none; letter-spacing:0.3px; box-shadow: 0 10px 30px rgba(39,216,202,0.27);
    transition: transform .18s ease, box-shadow .18s ease;
  }
  .btn-primary:hover{ transform: translateY(-2px) scale(1.02); box-shadow: 0 14px 36px rgba(39,216,202,0.38); }
  .btn-ghost{
    font-family: var(--font-display); font-weight:600; font-size:14px;
    background: rgba(255,255,255,0.03); border: 1px solid var(--line); color: var(--text); padding: 15px 22px; border-radius:8px;
    text-decoration:none; transition: border-color .18s ease, transform .18s ease;
  }
  .btn-ghost:hover{ border-color: var(--cyan); transform: translateY(-2px); }

  /* Proof panel */
  .ticker{
    background:
      linear-gradient(180deg, rgba(16,24,30,0.98), rgba(9,14,18,0.98));
    border: 1px solid rgba(39,216,202,0.32); border-radius: 22px;
    padding: 24px; position: relative; overflow:hidden;
    box-shadow: 0 26px 70px rgba(0,0,0,0.42), inset 0 1px 0 rgba(255,255,255,0.06);
  }
  .ticker::after{
    content:""; position:absolute; inset:0;
    background: repeating-linear-gradient(180deg, rgba(255,255,255,0.015) 0 2px, transparent 2px 4px);
    pointer-events:none;
  }
  .ticker-label{ position:relative; z-index:1; font-family: var(--font-display); font-size:11px; color: var(--muted); letter-spacing:2px; text-transform:uppercase; display:flex; justify-content:space-between; }
  .ticker-live{ color: var(--green); display:flex; align-items:center; gap:6px; }
  .ticker-live .pulse{ width:6px; height:6px; border-radius:50%; background: var(--green); animation: pulse 1.6s infinite; }
  @keyframes pulse{ 0%,100%{ opacity:1;} 50%{ opacity:0.25;} }
  .ticker-model{ position:relative; z-index:1; font-family: var(--font-display); font-size:15px; color: var(--muted); margin-top:14px; min-height:20px; }
  .ticker-price{
    position:relative; z-index:1;
    font-family: var(--font-display); font-weight:800; font-size: clamp(42px,6.4vw,62px);
    color: var(--amber); text-shadow: 0 0 18px rgba(39,216,202,0.42);
    letter-spacing:0; margin-top: 4px; font-variant-numeric: tabular-nums;
  }
  .ticker-note{ position:relative; z-index:1; font-size:13.5px; color: var(--muted); margin-top: 8px; line-height:1.52; max-width:440px; }
  .proof-grid{
    position:relative; z-index:1; display:grid; grid-template-columns: repeat(3, 1fr);
    gap:1px; margin-top:18px; overflow:hidden; border:1px solid rgba(255,255,255,0.08); border-radius:14px;
    background:rgba(255,255,255,0.08);
  }
  .proof-item{ background:rgba(7,12,16,0.72); padding:14px 12px; min-height:82px; }
  .proof-item strong{ display:block; font-family:var(--font-display); color:var(--text); font-size:20px; line-height:1; }
  .proof-item span{ display:block; margin-top:7px; color:var(--muted); font-size:12px; line-height:1.35; }
  .proof-item:nth-child(1) strong{ color:var(--orange); }
  .proof-item:nth-child(2) strong{ color:var(--green); }
  .proof-item:nth-child(3) strong{ color:var(--cyan); }
  .proof-steps{
    position:relative; z-index:1; display:grid; gap:10px; margin-top:20px;
  }
  .proof-step{ display:flex; align-items:center; gap:10px; color:var(--muted); font-size:13.5px; }
  .proof-step b{ color:var(--text); font-weight:700; }
  .proof-dot{ width:8px; height:8px; border-radius:50%; background:var(--amber); box-shadow:0 0 16px rgba(39,216,202,0.45); flex-shrink:0; }
  .proof-line{
    position:relative; z-index:1; margin-top:16px; padding-top:14px;
    border-top:1px solid rgba(255,255,255,0.08); color:var(--muted);
    font-size:13px; line-height:1.45;
  }
  .proof-line b{ color:var(--text); }
  .proof-actions{ position:relative; z-index:1; display:flex; flex-wrap:wrap; gap:10px; margin-top:18px; }
  .proof-call,.proof-opinions{
    font-family:var(--font-display); font-weight:700; font-size:12.5px; text-decoration:none; border-radius:8px;
    padding:12px 14px; transition:transform .18s ease, border-color .18s ease, background .18s ease;
  }
  .proof-call{ background:var(--amber); color:#061014; box-shadow:0 12px 28px rgba(39,216,202,0.22); }
  .proof-opinions{ border:1px solid var(--line); color:var(--text); background:rgba(255,255,255,0.04); }
  .proof-call:hover,.proof-opinions:hover{ transform:translateY(-2px); }
  .proof-opinions:hover{ border-color:var(--orange); }
  @media (max-width: 560px){
    .ticker{ padding:22px; border-radius:18px; }
    .proof-grid{ grid-template-columns:1fr; }
    .proof-item{ min-height:auto; }
  }

  @media (max-width: 760px){
    .hero{ padding: 38px 0 24px; }
    .hero h1{ font-size: clamp(32px, 9vw, 40px); margin: 14px 0 12px; }
    .hero p.lead{ font-size:15.5px; line-height:1.48; margin-bottom:16px; }
    .hero-grid{ gap:0; }
    .ticker{ display:none; }
    .cta-row{ gap:10px; }
    .cta-row.hero-cta-row{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:10px;
    }
    .hero-cta-row .btn-primary{ grid-column:1 / -1; }
    .hero-cta-row .btn-primary,
    .hero-cta-row .btn-ghost{
      display:flex;
      align-items:center;
      justify-content:center;
      text-align:center;
      min-height:46px;
    }
    .btn-primary,.btn-ghost{ padding:13px 14px; font-size:12.2px; }
    .mobile-proof{
      display:none; margin:0 0 18px; padding:15px 16px;
      border:1px solid rgba(39,216,202,0.26); border-radius:14px;
      background:
        repeating-linear-gradient(180deg, rgba(255,255,255,0.018) 0 2px, transparent 2px 4px),
        linear-gradient(180deg, rgba(16,24,30,0.9), rgba(8,13,17,0.92));
      box-shadow:0 16px 34px rgba(0,0,0,0.26);
    }
    .mobile-proof-top{
      display:flex; align-items:center; justify-content:space-between; gap:12px;
      font-family:var(--font-display); text-transform:uppercase;
    }
    .mobile-proof-top span{ color:var(--muted); font-size:10px; letter-spacing:1.8px; }
    .mobile-proof-top strong{ color:var(--amber); font-size:32px; line-height:1; text-shadow:0 0 16px rgba(39,216,202,0.35); }
    .mobile-proof p{ margin:10px 0 0; color:var(--muted); font-size:13px; line-height:1.45; }
    .trust-badges,
    .hero-reviews{ display:none; }
    .hero-mobile-note{
      display:flex;
      flex-wrap:nowrap;
      gap:6px;
      margin-top:12px;
      width:100%;
    }
    .hero-mobile-note .mobile-note-pill{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:4px;
      min-height:31px;
      min-width:0;
      padding:7px 8px;
      border:1px solid rgba(255,255,255,0.12);
      border-radius:999px;
      background:rgba(255,255,255,0.045);
      color:var(--muted);
      font-size:clamp(10px, 2.75vw, 11px);
      line-height:1;
      white-space:nowrap;
      text-decoration:none;
    }
    .hero-mobile-note .mobile-note-pill svg{
      width:12px;
      height:12px;
      flex-shrink:0;
    }
    .hero-mobile-note .mobile-note-shield svg{ color:var(--amber); }
    .hero-mobile-note .mobile-note-shield{ flex:0.82 1 0; }
    .hero-mobile-note .mobile-note-google{
      flex:1.18 1 0;
      color:var(--muted);
      padding-left:7px;
    }
    .hero-mobile-note .mobile-note-google .g-mark{
      color:var(--orange);
      font-family:var(--font-display);
      font-size:14px;
      line-height:1;
      font-weight:800;
    }
    .hero-mobile-actions{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:9px;
      margin-top:10px;
    }
    .hero-mobile-action{
      min-height:42px;
      border:1px solid rgba(255,255,255,0.13);
      border-radius:14px;
      display:flex;
      align-items:center;
      justify-content:center;
      gap:7px;
      background:rgba(255,255,255,0.045);
      color:var(--text);
      text-decoration:none;
      font:800 12px/1 var(--font-display);
      letter-spacing:.2px;
    }
    .hero-mobile-action.sell{
      border-color:rgba(69,183,255,0.36);
      background:rgba(69,183,255,0.1);
      color:#9fd6ff;
    }
    .hero-mobile-action.shop{
      border-color:rgba(255,180,94,0.3);
      background:rgba(255,180,94,0.08);
      color:#ffd391;
    }
    .hero-mobile-action svg{
      width:15px;
      height:15px;
      flex-shrink:0;
    }
    .mobile-stars{
      display:inline-flex;
      gap:0;
      color:var(--orange);
      transform:translateY(-.5px);
      flex-shrink:0;
    }
    .mobile-stars svg{ width:7px !important; height:7px !important; }
  }

  /* ---------- CATEGORY SWITCHER ---------- */
  .categories{
    padding: 34px 0 62px;
    background: linear-gradient(180deg, #0a0f13 0%, #080c10 100%);
    border-top: 1px solid rgba(255,255,255,0.03);
  }
  .cat-grid{ display:grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
  @media (max-width:980px){ .cat-grid{ grid-template-columns: 1fr; } }
  .cat-card{
    position:relative; display:block; text-decoration:none; color:var(--text);
    border:1px solid var(--line); border-radius:16px; padding: 30px 28px;
    background: linear-gradient(180deg, rgba(22,30,36,0.96), rgba(13,18,22,0.96));
    overflow:hidden; transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
    box-shadow: 0 16px 38px rgba(0,0,0,0.28);
  }
  .cat-card:hover{ transform: translateY(-6px); box-shadow: 0 22px 52px rgba(0,0,0,0.36); }
  .cat-icon{
    width:44px; height:44px; border-radius:12px; display:flex; align-items:center; justify-content:center;
    margin-bottom:16px; transition: transform .2s ease;
  }
  .cat-card:hover .cat-icon{ transform: scale(1.08) rotate(-4deg); }
  .cat-card.sell .cat-icon{ background: rgba(39,216,202,0.14); color: var(--amber); }
  .cat-card.repair .cat-icon{ background: rgba(69,183,255,0.14); color: var(--cyan); }
  .cat-card.shop .cat-icon{ background: rgba(255,180,94,0.14); color: var(--orange); }
  .cat-icon svg{ width:22px; height:22px; }
  .cat-card::before{
    content:""; position:absolute; inset:0; opacity:0; transition: opacity .25s ease; pointer-events:none;
  }
  .cat-card:hover::before{ opacity:1; }
  .cat-card.sell::before{ background: linear-gradient(135deg, rgba(39,216,202,0.18), transparent 58%); }
  .cat-card.sell:hover{ border-color: var(--amber); }
  .cat-card.repair::before{ background: linear-gradient(135deg, rgba(69,183,255,0.18), transparent 58%); }
  .cat-card.repair:hover{ border-color: var(--cyan); }
  .cat-card.shop::before{ background: linear-gradient(135deg, rgba(255,180,94,0.18), transparent 58%); }
  .cat-card.shop:hover{ border-color: var(--orange); }
  .cat-tag{ font-family: var(--font-display); font-size:11px; letter-spacing:2px; text-transform:uppercase; }
  .cat-card.sell .cat-tag{ color: var(--amber); }
  .cat-card.repair .cat-tag{ color: var(--cyan); }
  .cat-card.shop .cat-tag{ color: var(--orange); }
  .cat-card h3{ font-size: 24px; font-weight:800; margin: 12px 0 8px; letter-spacing:-0.3px; }
  .cat-card p{ color: var(--muted); font-size:14.5px; line-height:1.6; margin:0 0 18px; max-width: 380px; }
  .cat-arrow{ font-family: var(--font-display); font-size:13px; font-weight:700; display:inline-flex; align-items:center; gap:6px; }
  .cat-card.sell .cat-arrow{ color: var(--amber); }
  .cat-card.repair .cat-arrow{ color: var(--cyan); }
  .cat-card.shop .cat-arrow{ color: var(--orange); }

  /* ---------- SHOP ---------- */
  .shop-section{
    padding:64px 0 78px;
    border-top:1px solid var(--line);
    background:
      radial-gradient(circle at 82% 0%, rgba(69,183,255,0.09), transparent 30%),
      linear-gradient(180deg, #090d10, #0b1115);
  }
  .shop-head{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:22px;
    max-width:none;
  }
  .shop-head-copy{ max-width:680px; }
  .shop-live-pill{
    display:inline-flex;
    align-items:center;
    gap:8px;
    border:1px solid rgba(69,183,255,0.26);
    border-radius:999px;
    padding:9px 13px;
    background:rgba(69,183,255,0.08);
    color:#9fd6ff;
    font:800 12px/1 var(--font-display);
    white-space:nowrap;
  }
  .shop-live-pill::before{
    content:"";
    width:7px;
    height:7px;
    border-radius:50%;
    background:var(--green);
    box-shadow:0 0 0 5px rgba(79,224,143,0.12);
  }
  .shop-status{
    margin:-18px 0 22px;
    color:var(--muted);
    font-size:13px;
  }
  .shop-grid{
    display:grid;
    grid-template-columns:repeat(auto-fill, minmax(260px, 300px));
    gap:20px;
    align-items:start;
  }
  .shop-card{
    position:relative;
    overflow:hidden;
    border:1px solid rgba(255,255,255,0.1);
    border-radius:20px;
    background:
      radial-gradient(circle at 78% 0%, rgba(50,139,255,0.1), transparent 28%),
      linear-gradient(180deg, rgba(24,34,40,0.96), rgba(11,18,22,0.98));
    box-shadow:0 20px 52px rgba(0,0,0,0.26);
    cursor:pointer;
    transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease;
  }
  .shop-card:hover{
    transform:translateY(-4px);
    border-color:rgba(100,183,255,0.36);
    box-shadow:0 28px 62px rgba(0,0,0,0.34);
  }
  .shop-card.is-reserved{
    border-color:rgba(255,180,94,0.24);
  }
  .shop-card.is-reserved:hover{
    transform:none;
    border-color:rgba(255,180,94,0.34);
    box-shadow:0 20px 52px rgba(0,0,0,0.26);
  }
  .shop-photo{
    position:relative;
    aspect-ratio:1/1;
    background:
      radial-gradient(circle at 50% 45%, rgba(50,139,255,0.12), transparent 42%),
      linear-gradient(145deg, #10161b, #070a0d);
    overflow:hidden;
  }
  .shop-photo img{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    display:block;
  }
  .shop-photo-backdrop{
    z-index:0;
    object-fit:cover;
    filter:blur(18px) saturate(.82);
    opacity:.34;
    transform:scale(1.12);
  }
  .shop-photo-main{
    z-index:1;
    object-fit:contain;
  }
  .shop-photo-empty{
    width:100%;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#75b4ff;
    font:900 38px/1 var(--font-display);
    letter-spacing:.5px;
  }
  .shop-badge{
    position:absolute;
    left:14px;
    top:14px;
    border:1px solid rgba(255,255,255,0.14);
    border-radius:999px;
    padding:7px 10px;
    background:rgba(5,8,10,0.72);
    backdrop-filter:blur(10px);
    color:#fff;
    font:900 11px/1 var(--font-display);
    letter-spacing:.8px;
    text-transform:uppercase;
    z-index:2;
  }
  .shop-badge.is-reserved{
    border-color:rgba(255,180,94,0.35);
    background:rgba(70,46,15,0.88);
    color:#ffc56f;
  }
  .shop-photo-count{
    position:absolute;
    right:14px;
    top:14px;
    border-radius:999px;
    padding:7px 10px;
    background:rgba(5,8,10,0.72);
    color:#cfd9df;
    font-size:12px;
    z-index:2;
  }
  .shop-body{
    padding:12px 13px 13px;
  }
  .shop-title{
    margin:0 0 6px;
    font-size:18.5px;
    line-height:1.15;
    letter-spacing:-.3px;
  }
  .shop-code{
    display:inline-flex;
    align-items:center;
    min-height:22px;
    margin:0 0 6px;
    border:1px solid rgba(100,183,255,0.3);
    border-radius:999px;
    padding:4px 8px;
    background:rgba(50,139,255,0.09);
    color:#8bc8ff;
    font:800 10px/1 var(--font-display);
    letter-spacing:1px;
    text-transform:uppercase;
  }
  .shop-price{
    color:var(--ai-blue-2, var(--cyan));
    font:900 24px/1 var(--font-display);
    margin-bottom:9px;
  }
  .shop-specs{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:5px;
    margin-bottom:8px;
  }
  .shop-spec{
    border:1px solid rgba(255,255,255,0.1);
    border-radius:12px;
    padding:6px 8px;
    background:rgba(255,255,255,0.035);
  }
  .shop-spec span{
    display:block;
    color:#8ea1ad;
    font:800 9px/1.1 var(--font-display);
    letter-spacing:1px;
    text-transform:uppercase;
    margin-bottom:4px;
  }
  .shop-spec b{
    font-size:12.5px;
  }
  .shop-spec-wide{
    grid-column:1 / -1;
  }
  .shop-desc{
    min-height:0;
    margin:0 0 9px;
    color:#b7c3ca;
    font-size:13px;
    line-height:1.42;
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    overflow:hidden;
  }
  .shop-actions{
    display:grid;
    grid-template-columns:1fr;
    gap:9px;
  }
  .shop-contact{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:39px;
    border:0;
    border-radius:999px;
    background:linear-gradient(135deg, var(--ai-blue, #328bff), #1d75e9);
    color:#fff;
    text-decoration:none;
    font:900 13px/1 var(--font-display);
    box-shadow:0 16px 34px rgba(50,139,255,0.2);
    cursor:pointer;
  }
  .shop-contact:disabled{
    border:1px solid rgba(255,180,94,0.25);
    background:rgba(255,180,94,0.08);
    color:#ffc56f;
    box-shadow:none;
    cursor:not-allowed;
  }
  .shop-details-btn{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:42px;
    border:1px solid rgba(100,183,255,0.28);
    border-radius:999px;
    background:rgba(50,139,255,0.08);
    color:#9fd6ff;
    font:900 13px/1 var(--font-display);
  }
  .shop-empty{
    border:1px dashed rgba(100,183,255,0.28);
    border-radius:20px;
    padding:32px;
    background:rgba(50,139,255,0.055);
    color:#c7d2da;
  }
  .shop-empty strong{
    display:block;
    color:#fff;
    font-size:20px;
    margin-bottom:8px;
  }
  .shop-empty code{
    color:#75b4ff;
    font-family:var(--font-display);
  }
  @media (max-width:980px){
    .shop-grid{ grid-template-columns:repeat(2, minmax(0, 300px)); }
  }
  @media (max-width:640px){
    .shop-section{ padding:48px 0 58px; }
    .shop-head{
      display:block;
    }
    .shop-live-pill{
      margin-top:16px;
      width:100%;
      justify-content:center;
    }
    .shop-status{
      margin:-20px 0 18px;
      font-size:12.5px;
    }
    .shop-grid{ grid-template-columns:minmax(0, 1fr); gap:16px; }
    .shop-card{ border-radius:18px; }
    .shop-body{ padding:12px 13px 13px; }
    .shop-title{ font-size:18.5px; }
  }

  .shop-order-modal .repair-modal-shell{
    width:min(1120px, calc(100vw - 40px));
    height:auto;
    max-height:calc(100dvh - 32px);
    overflow:hidden;
    display:flex;
    flex-direction:column;
  }
  .shop-order-modal .repair-modal-top{
    flex:0 0 auto;
    padding:18px 22px;
  }
  .shop-order-grid{
    display:grid;
    grid-template-columns:minmax(0, .92fr) minmax(0, 1fr);
    gap:26px;
    padding:22px 24px 26px;
    flex:0 1 auto;
    min-height:0;
    overflow-x:hidden;
    overflow-y:auto;
    align-items:start;
    scrollbar-gutter:stable;
    overscroll-behavior:contain;
  }
  .shop-order-grid::-webkit-scrollbar{
    width:9px;
  }
  .shop-order-grid::-webkit-scrollbar-track{
    background:rgba(255,255,255,0.025);
  }
  .shop-order-grid::-webkit-scrollbar-thumb{
    border:2px solid transparent;
    border-radius:999px;
    background:rgba(100,183,255,0.42);
    background-clip:padding-box;
  }
  .shop-detail-card,
  .shop-order-form-card{
    border:1px solid rgba(255,255,255,0.11);
    border-radius:20px;
    background:linear-gradient(180deg, rgba(28,28,27,0.96), rgba(16,16,16,0.98));
    box-shadow:0 18px 42px rgba(0,0,0,0.22);
  }
  .shop-detail-card{
    overflow:hidden;
    display:flex;
    flex-direction:column;
    min-height:0;
  }
  .shop-detail-photo{
    position:relative;
    width:min(100%, clamp(230px, 33vh, 305px));
    aspect-ratio:3/4;
    height:auto;
    min-height:0;
    margin:16px auto 0;
    border:1px solid rgba(255,255,255,0.1);
    border-radius:16px;
    background:
      radial-gradient(circle at 50% 45%, rgba(50,139,255,0.12), transparent 42%),
      linear-gradient(145deg, #10161b, #070a0d);
    overflow:hidden;
    cursor:zoom-in;
    transition:border-color .18s ease, box-shadow .18s ease, transform .18s ease;
  }
  .shop-detail-photo:hover,
  .shop-detail-photo:focus-visible{
    border-color:rgba(100,183,255,0.72);
    box-shadow:0 0 0 3px rgba(50,139,255,0.14), 0 20px 46px rgba(0,0,0,0.3);
    outline:none;
  }
  .shop-detail-photo:active{
    transform:scale(.992);
  }
  .shop-detail-photo img{
    width:100%;
    height:100%;
    object-fit:contain;
    display:block;
  }
  .shop-detail-info{
    flex:1 1 auto;
    padding:18px 20px 20px;
    min-height:0;
    overflow:hidden;
  }
  .shop-detail-title{
    margin:0 0 7px;
    font-size:23px;
    line-height:1.1;
    letter-spacing:-.5px;
  }
  .shop-detail-price{
    color:var(--ai-blue-2, var(--cyan));
    font:900 31px/1 var(--font-display);
    margin-bottom:10px;
  }
  .shop-detail-desc{
    color:#c7d2da;
    font-size:13.5px;
    line-height:1.42;
    margin:0 0 12px;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
  }
  .shop-detail-specs{
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:10px;
  }
  .shop-detail-thumbs{
    display:flex;
    gap:7px;
    flex-wrap:wrap;
    margin-top:12px;
  }
  .shop-thumb{
    width:44px;
    height:44px;
    border:1px solid rgba(255,255,255,0.14);
    border-radius:12px;
    overflow:hidden;
    padding:0;
    background:#0a0d10;
    cursor:pointer;
  }
  .shop-thumb.active{
    border-color:rgba(100,183,255,0.95);
    box-shadow:0 0 0 3px rgba(50,139,255,0.16);
  }
  .shop-thumb img{
    width:100%;
    height:100%;
    object-fit:contain;
    display:block;
  }
  .shop-order-form-card{
    padding:22px;
    min-height:0;
    overflow:visible;
  }
  .shop-order-form-card h3{
    margin:0 0 8px;
    font-size:22px;
  }
  .shop-order-form-card > p{
    margin:0 0 18px;
    color:var(--muted);
    line-height:1.42;
    font-size:14px;
  }
  .shop-payment-cards{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:12px;
    margin-bottom:18px;
  }
  .shop-delivery-choice{
    margin-bottom:18px;
  }
  .shop-delivery-choice h4{
    margin:0 0 11px;
    color:#fff;
    font-size:13px;
  }
  .shop-delivery-cards{
    margin-bottom:0;
  }
  .shop-payment-card{
    border:1px solid rgba(255,255,255,0.12);
    border-radius:16px;
    padding:14px;
    background:rgba(255,255,255,0.035);
    color:var(--text);
    cursor:pointer;
    transition:border-color .15s ease, box-shadow .15s ease, background .15s ease;
  }
  .shop-payment-card.active{
    border-color:rgba(100,183,255,0.9);
    box-shadow:0 0 0 3px rgba(50,139,255,0.16);
    background:rgba(50,139,255,0.1);
  }
  .shop-payment-card b{
    display:block;
    margin-bottom:5px;
    color:#fff;
    font:900 13.5px/1.2 var(--font-body);
  }
  .shop-payment-card .shop-delivery-free{
    display:inline-flex;
    align-items:center;
    margin-left:6px;
    padding:3px 6px;
    border:1px solid rgba(84,223,148,.32);
    border-radius:5px;
    background:rgba(84,223,148,.11);
    color:#68e39f;
    font:900 9px/1 var(--font-display);
    font-style:normal;
    letter-spacing:.5px;
    text-transform:uppercase;
    vertical-align:1px;
  }
  .shop-payment-card .shop-payment-fee{
    display:inline-flex;
    align-items:center;
    margin-left:6px;
    padding:3px 6px;
    border:1px solid rgba(255,190,92,.38);
    border-radius:5px;
    background:rgba(255,190,92,.11);
    color:#ffc66e;
    font:900 9px/1 var(--font-display);
    font-style:normal;
    letter-spacing:.4px;
    vertical-align:1px;
  }
  .shop-payment-card span{
    display:block;
    color:#c4d0d8;
    font-size:12.5px;
    line-height:1.35;
  }
  .shop-transfer-box,
  .shop-success-transfer{
    border:1px solid rgba(100,183,255,0.3);
    border-radius:16px;
    padding:15px;
    margin:0 0 18px;
    background:linear-gradient(145deg, rgba(50,139,255,0.12), rgba(255,255,255,0.025));
  }
  .shop-transfer-box h4,
  .shop-success-transfer h3{
    margin:0 0 5px;
    font-size:14px;
    color:#fff;
  }
  .shop-transfer-box > p,
  .shop-success-transfer > p{
    margin:0 0 10px;
    color:#9fb0bb;
    font-size:12px;
    line-height:1.4;
  }
  .shop-transfer-preview{
    display:grid;
    grid-template-columns:38px minmax(0, 1fr);
    gap:12px;
    align-items:center;
  }
  .shop-transfer-preview-icon{
    display:grid;
    place-items:center;
    width:38px;
    height:38px;
    border:1px solid rgba(100,183,255,0.5);
    border-radius:11px;
    background:rgba(50,139,255,0.13);
    color:#64b7ff;
    font:900 20px/1 var(--font-display);
  }
  .shop-cod-fee{
    border-color:rgba(255,190,92,.34);
    background:linear-gradient(145deg, rgba(255,190,92,.1), rgba(255,255,255,.025));
  }
  .shop-cod-summary-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    padding-bottom:10px;
  }
  .shop-cod-summary-head > div{
    min-width:0;
  }
  .shop-cod-summary-head span:first-child{
    display:block;
    margin-bottom:4px;
    color:#ffc66e;
    font:900 9px/1.2 var(--font-display);
    letter-spacing:1.2px;
    text-transform:uppercase;
  }
  .shop-cod-summary-head h4{
    margin:0;
    font-size:14px;
  }
  .shop-cod-summary-badge{
    flex:0 0 auto;
    padding:5px 8px;
    border:1px solid rgba(255,190,92,.4);
    border-radius:6px;
    color:#ffc66e;
    background:rgba(255,190,92,.09);
    font:900 9px/1 var(--font-display);
    letter-spacing:.8px;
    text-transform:uppercase;
  }
  .shop-cod-summary-rows{
    display:grid;
  }
  .shop-cod-summary-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    min-height:30px;
    border-top:1px solid rgba(255,255,255,.08);
    color:#afbbc4;
    font-size:12px;
  }
  .shop-cod-summary-row b{
    flex:0 0 auto;
    color:#fff;
    font:900 12px/1.2 var(--font-display);
  }
  .shop-cod-summary-row.is-total{
    min-height:40px;
    margin-top:2px;
    color:#fff;
    font-weight:800;
  }
  .shop-cod-summary-row.is-total b{
    color:#ffc66e;
    font-size:20px;
  }
  .shop-transfer-preview h4{
    margin:0 0 4px;
  }
  .shop-transfer-preview p{
    margin:0;
    color:#aebdc6;
    font-size:12px;
    line-height:1.42;
  }
  .shop-bank-details{
    display:grid;
    gap:7px;
  }
  .shop-bank-row{
    display:grid;
    grid-template-columns:105px minmax(0, 1fr);
    gap:12px;
    align-items:center;
    padding-top:7px;
    border-top:1px solid rgba(255,255,255,0.08);
  }
  .shop-bank-row span{
    color:#8fa2af;
    font:700 10px/1.2 var(--font-display);
    letter-spacing:1px;
    text-transform:uppercase;
  }
  .shop-bank-row b{
    min-width:0;
    color:#fff;
    font-size:13px;
    line-height:1.3;
    overflow-wrap:anywhere;
  }
  .shop-bank-row .shop-bank-placeholder{
    color:#64b7ff;
  }
  .shop-address-fields[hidden],
  .shop-locker-fields[hidden],
  .shop-delivery-choice[hidden],
  .shop-transfer-box[hidden],
  .shop-success-transfer[hidden],
  .shop-reserved-notice[hidden],
  #shopOrderForm[hidden]{
    display:none !important;
  }
  .shop-reserved-notice{
    border:1px solid rgba(255,180,94,0.3);
    border-radius:16px;
    padding:18px;
    background:linear-gradient(145deg, rgba(255,180,94,0.1), rgba(255,255,255,0.025));
    color:#d7e0e5;
    font-size:13.5px;
    line-height:1.5;
  }
  .shop-reserved-notice strong{
    display:block;
    margin-bottom:7px;
    color:#ffc56f;
    font-size:16px;
  }
  .shop-honeypot{
    position:absolute !important;
    width:1px !important;
    height:1px !important;
    margin:-1px !important;
    padding:0 !important;
    overflow:hidden !important;
    clip:rect(0 0 0 0) !important;
    clip-path:inset(50%) !important;
    white-space:nowrap !important;
  }
  .shop-order-form-card .terms-row a{
    color:#64b7ff;
    text-decoration:underline;
    text-underline-offset:2px;
  }
  .shop-order-form-card .terms-row a:hover{
    color:#9bd2ff;
  }
  .shop-order-form-card .contact-grid,
  .shop-order-form-card .addr-grid{
    gap:12px;
  }
  .shop-order-form-card .form-field{
    gap:6px;
  }
  .shop-order-form-card .form-field input,
  .shop-order-form-card .form-field textarea,
  .shop-order-form-card .form-field select{
    padding:11px 12px;
    font-size:13.5px;
  }
  .shop-order-form-card .form-field textarea{
    min-height:64px;
  }
  .shop-order-form-card .terms-row{
    margin:4px 0 16px;
  }
  .shop-order-form-card .book-cta{
    padding:14px;
  }
  .cond-card:focus-visible,
  .repair-card:focus-visible,
  .method-card:focus-visible,
  .ship-card:focus-visible,
  .pay-card:focus-visible{
    outline:2px solid #64b7ff;
    outline-offset:3px;
  }
  .shop-order-success{
    display:none;
    padding:34px 24px;
    text-align:center;
  }
  .shop-order-modal.shop-success .shop-order-grid{
    display:none;
  }
  .shop-order-modal.shop-success .shop-order-success{
    display:flex;
    flex-direction:column;
    align-items:center;
  }
  .shop-order-success .confirm-icon{
    margin:0 auto 14px;
  }
  .shop-order-success .confirm-details{
    margin-bottom:0;
  }
  .shop-order-success .shop-success-transfer{
    width:min(1120px, 100%);
    margin:20px auto 0;
  }
  .shop-order-success .confirm-actions{
    margin-top:20px;
  }
  @media (max-width:900px){
    .shop-order-modal .repair-modal-shell{
      height:auto;
      max-height:calc(100dvh - 18px);
      overflow-x:hidden;
      overflow-y:auto;
      overscroll-behavior:contain;
    }
    .shop-order-grid{
      display:flex;
      flex:0 0 auto;
      flex-direction:column;
      grid-template-columns:1fr;
      min-height:max-content;
      padding:16px;
      overflow:visible;
    }
    .shop-detail-card,
    .shop-order-form-card{
      flex:0 0 auto;
      width:100%;
      min-height:max-content;
      align-self:stretch;
    }
    .shop-detail-info{
      flex:0 0 auto;
      min-height:max-content;
      overflow:visible;
    }
    .shop-order-form-card{
      padding:16px;
      overflow:visible;
    }
    .shop-detail-card{
      display:flex;
    }
    .shop-detail-photo{
      width:min(100%, 340px);
      aspect-ratio:3/4;
    }
  }
  @media (max-width:620px){
    .shop-order-modal .repair-modal-shell{
      width:calc(100vw - 18px);
      max-height:calc(100dvh - 10px);
      overflow-x:hidden;
      overflow-y:auto;
    }
    .shop-order-grid{
      gap:14px;
      padding:12px;
    }
    .shop-detail-title{
      font-size:22px;
    }
    .shop-detail-price{
      font-size:30px;
    }
    .shop-detail-info{
      padding:16px;
    }
    .shop-detail-specs,
    .shop-payment-cards{
      grid-template-columns:1fr;
    }
    .shop-bank-row{
      grid-template-columns:1fr;
      gap:4px;
    }
    .chip,
    .filter-chip,
    .yn-btn,
    .seg-btn,
    .variant-pill,
    .faq-q,
    .shop-payment-card,
    .shop-thumb{
      min-height:44px;
    }
  }

  .shop-lightbox{
    position:fixed;
    inset:0;
    z-index:1300;
    display:none;
    align-items:center;
    justify-content:center;
    padding:24px;
    background:rgba(0,0,0,0.9);
    backdrop-filter:blur(14px);
  }
  .shop-lightbox.show{
    display:flex;
  }
  .shop-lightbox-dialog{
    position:relative;
    width:100%;
    height:100%;
    display:grid;
    grid-template-columns:64px minmax(0, 1fr) 64px;
    align-items:center;
    gap:18px;
  }
  .shop-lightbox-figure{
    grid-column:2;
    width:100%;
    height:100%;
    min-width:0;
    min-height:0;
    margin:0;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:14px;
  }
  .shop-lightbox-image{
    display:block;
    width:auto;
    height:auto;
    max-width:100%;
    max-height:calc(100vh - 112px);
    object-fit:contain;
    border-radius:12px;
    box-shadow:0 28px 90px rgba(0,0,0,0.62);
    user-select:none;
    -webkit-user-drag:none;
  }
  .shop-lightbox-caption{
    min-height:24px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    color:#fff;
    text-align:center;
    font-size:14px;
  }
  .shop-lightbox-caption b{
    font-weight:800;
  }
  .shop-lightbox-counter{
    color:#9db0bd;
    font-variant-numeric:tabular-nums;
  }
  .shop-lightbox-close,
  .shop-lightbox-nav{
    border:1px solid rgba(255,255,255,0.22);
    background:rgba(17,23,28,0.86);
    color:#fff;
    cursor:pointer;
    display:grid;
    place-items:center;
    transition:background .16s ease, border-color .16s ease, transform .16s ease;
  }
  .shop-lightbox-close:hover,
  .shop-lightbox-nav:hover{
    background:rgba(50,139,255,0.22);
    border-color:rgba(100,183,255,0.78);
  }
  .shop-lightbox-close:focus-visible,
  .shop-lightbox-nav:focus-visible{
    outline:3px solid rgba(100,183,255,0.34);
    outline-offset:3px;
  }
  .shop-lightbox-close{
    position:absolute;
    top:0;
    right:0;
    z-index:2;
    width:48px;
    height:48px;
    border-radius:50%;
    font:500 30px/1 Arial, sans-serif;
  }
  .shop-lightbox-nav{
    width:56px;
    height:56px;
    border-radius:50%;
    font:400 42px/1 Arial, sans-serif;
  }
  .shop-lightbox-prev{
    grid-column:1;
  }
  .shop-lightbox-next{
    grid-column:3;
  }
  .shop-lightbox-nav:active{
    transform:scale(.94);
  }
  .shop-lightbox-nav[hidden]{
    display:none;
  }
  @media (max-width:620px){
    .shop-lightbox{
      padding:12px;
    }
    .shop-lightbox-dialog{
      grid-template-columns:44px minmax(0, 1fr) 44px;
      gap:6px;
    }
    .shop-lightbox-image{
      max-height:calc(100dvh - 98px);
      border-radius:8px;
    }
    .shop-lightbox-close{
      width:42px;
      height:42px;
      font-size:27px;
    }
    .shop-lightbox-nav{
      width:40px;
      height:48px;
      border-radius:14px;
      font-size:34px;
    }
    .shop-lightbox-caption{
      max-width:calc(100vw - 116px);
      flex-wrap:wrap;
      gap:4px 10px;
      line-height:1.25;
    }
  }

  /* ---------- STEPS ---------- */
  .steps-section{
    padding: 64px 0;
    border-top: 1px solid var(--line);
    background: linear-gradient(180deg, #090d10, #0d1317);
  }
  .section-head{ margin-bottom: 40px; max-width: 600px; }
  .section-head .eyebrow{ margin-bottom: 14px; }
  .section-head h2{ font-size: clamp(26px,3.4vw,36px); font-weight:800; margin:0 0 10px; letter-spacing:-0.3px; }
  .section-head p{ color: var(--muted); font-size:16px; line-height:1.6; margin:0; }

  .steps{ display:grid; grid-template-columns: repeat(3,1fr); gap: 24px; }
  @media (max-width: 820px){ .steps{ grid-template-columns:1fr; } }
  .step{
    background: linear-gradient(180deg, rgba(22,30,36,0.98), rgba(13,19,23,0.98));
    border:1px solid var(--line); border-radius:14px; padding:28px; position:relative;
    box-shadow: 0 12px 32px rgba(0,0,0,0.22);
  }
  .step:nth-child(2) .num{ color: var(--green); }
  .step:nth-child(3) .num{ color: var(--orange); }
  .step .num{ font-family: var(--font-display); font-size:13px; color: var(--amber); letter-spacing:2px; }
  .step h3{ font-size:19px; margin: 14px 0 8px; font-weight:700; }
  .step p{ color: var(--muted); font-size:14.5px; line-height:1.6; margin:0; }

  /* ---------- CONFIGURATOR ---------- */
  .config-section{
    padding: 64px 0 80px;
    border-top: 1px solid var(--line);
    background:
      linear-gradient(180deg, #0b1115 0%, #081014 100%),
      linear-gradient(90deg, rgba(39,216,202,0.06), rgba(255,180,94,0.04));
  }
  .config-grid{ display:grid; grid-template-columns: 1.2fr 0.8fr; gap: 40px; align-items:start; }
  .config-grid.sell-active{
    align-items:center;
  }
  @media (max-width: 960px){ .config-grid{ grid-template-columns: 1fr; } }

  .sell-wizard{
    overflow-anchor:none;
    border:1px solid var(--line);
    border-radius:20px;
    background:
      radial-gradient(circle at 100% 0%, rgba(39,216,202,0.08), transparent 34%),
      linear-gradient(180deg, rgba(22,30,36,0.95), rgba(10,15,18,0.96));
    box-shadow:0 22px 54px rgba(0,0,0,0.28);
    overflow:visible;
  }
  body.page-sell{
    overflow-anchor:none;
  }
  .sell-start[hidden]{ display:none !important; }
  .sell-start{
    padding:30px;
    min-height:420px;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    gap:26px;
  }
  .sell-start h3{
    margin:14px 0 12px;
    font-size:clamp(27px, 3vw, 42px);
    line-height:1.04;
    letter-spacing:-0.5px;
  }
  .sell-start p{
    margin:0;
    color:var(--muted);
    font-size:16px;
    line-height:1.6;
    max-width:560px;
  }
  .sell-start-points{
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:10px;
    margin-top:24px;
  }
  .sell-start-point{
    border:1px solid var(--line);
    border-radius:14px;
    padding:14px;
    background:rgba(255,255,255,0.035);
  }
  .sell-start-point b{
    display:block;
    margin-bottom:4px;
    color:var(--text);
    font-size:13px;
  }
  .sell-start-point span{
    color:var(--muted);
    font-size:12px;
    line-height:1.35;
  }
  .sell-start-btn{
    align-self:flex-start;
    border:0;
    border-radius:999px;
    padding:15px 24px;
    background:linear-gradient(135deg, var(--ai-blue), #1f7df2);
    color:#fff;
    font-family:var(--font-display);
    font-size:13px;
    font-weight:800;
    letter-spacing:.4px;
    cursor:pointer;
    box-shadow:0 18px 34px rgba(50,139,255,0.24);
  }
  .sell-run[hidden]{ display:none !important; }
  .sell-run{ padding:24px; }
  .sell-progress-head{
    display:flex;
    justify-content:space-between;
    gap:16px;
    margin-bottom:10px;
    color:var(--muted);
    font-family:var(--font-display);
    font-size:12px;
    letter-spacing:1px;
    text-transform:uppercase;
  }
  .sell-progress-head strong{
    color:var(--cyan);
  }
  .sell-progress{
    height:9px;
    border:1px solid rgba(255,255,255,0.1);
    border-radius:999px;
    background:rgba(255,255,255,0.055);
    overflow:hidden;
  }
  .sell-progress span{
    display:block;
    width:0;
    height:100%;
    border-radius:inherit;
    background:linear-gradient(90deg, #328bff, #45b7ff);
    transition:width .24s ease;
  }
  .sell-main{
    display:grid;
    grid-template-columns:190px minmax(0, 1fr);
    gap:18px;
    margin-top:22px;
  }
  .sell-step-rail{
    position:relative;
    min-width:0;
  }
  .sell-step-list{
    display:flex;
    flex-direction:column;
    gap:8px;
  }
  .sell-step-arrow{
    display:none;
    position:absolute;
    top:50%;
    z-index:3;
    width:36px;
    height:36px;
    border:1px solid rgba(69,183,255,0.42);
    border-radius:999px;
    background:rgba(10,16,20,0.92);
    color:#fff;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    box-shadow:0 10px 28px rgba(0,0,0,0.34);
    transform:translateY(-50%);
    transition:opacity .16s ease, transform .16s ease, border-color .16s ease;
  }
  .sell-step-arrow:hover{
    border-color:rgba(100,183,255,0.95);
    transform:translateY(-50%) scale(1.04);
  }
  .sell-step-arrow:disabled{
    opacity:.28;
    cursor:not-allowed;
    transform:translateY(-50%);
  }
  .sell-step-arrow svg{
    width:17px;
    height:17px;
  }
  .sell-step-arrow.prev{ left:-8px; }
  .sell-step-arrow.next{ right:-8px; }
  .sell-step-tab{
    width:100%;
    border:1px solid var(--line);
    border-radius:13px;
    background:rgba(255,255,255,0.035);
    color:var(--muted);
    padding:11px 12px;
    display:grid;
    grid-template-columns:auto 1fr;
    gap:7px 10px;
    text-align:left;
    cursor:pointer;
    transition:all .16s ease;
  }
  .sell-step-tab:disabled{
    cursor:not-allowed;
    opacity:.45;
  }
  .sell-step-tab .n{
    grid-row:1 / span 2;
    width:26px;
    height:26px;
    border-radius:9px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:rgba(255,255,255,0.07);
    color:inherit;
    font-family:var(--font-display);
    font-size:11px;
    font-weight:800;
  }
  .sell-step-tab b{
    color:var(--text);
    font-size:12.5px;
    line-height:1.15;
  }
  .sell-step-tab small{
    color:var(--muted);
    font-size:10.5px;
  }
  .sell-step-tab.active{
    border-color:var(--cyan);
    background:rgba(69,183,255,0.1);
    color:var(--cyan);
    box-shadow:0 0 0 3px rgba(69,183,255,0.1);
  }
  .sell-step-tab.done .n{
    background:rgba(69,183,255,0.18);
    color:var(--cyan);
  }
  .sell-question-card{
    border:1px solid var(--line);
    border-radius:18px;
    background:rgba(255,255,255,0.035);
    padding:22px;
    min-height:460px;
    display:flex;
    flex-direction:column;
  }
  .sell-question-copy{
    flex:0 0 auto;
  }
  .sell-question-kicker{
    color:var(--cyan);
    font-family:var(--font-display);
    font-size:11px;
    letter-spacing:1.4px;
    text-transform:uppercase;
  }
  .sell-question-card h3{
    margin:9px 0 8px;
    font-size:28px;
    line-height:1.12;
  }
  .sell-question-card p{
    margin:0 0 20px;
    color:var(--muted);
    line-height:1.55;
  }
  .sell-step-panel{ display:none; }
  .sell-step-panel.active{
    display:block;
    flex:1 1 auto;
    min-height:0;
  }
  .sell-step-panel .field-label{ display:none; }
  .sell-question-card .field-block{
    margin-bottom:0;
  }
  .sell-step-panel .chip-row{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:12px;
  }
  .sell-step-panel .chip{
    min-height:58px;
    border-radius:14px;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    font-size:15px;
  }
  #sellStepIssues .chip-row{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
  #sellStepIssues .chip{
    min-height:50px;
    font-size:13.5px;
  }
  .other-issue-box{
    margin-top:12px;
    border:1px solid rgba(69,183,255,0.24);
    border-radius:16px;
    padding:14px;
    background:linear-gradient(180deg, rgba(69,183,255,0.08), rgba(255,255,255,0.03));
    overflow-anchor:none;
  }
  .other-issue-box[hidden]{
    display:none !important;
  }
  .other-issue-box label{
    display:block;
    margin-bottom:8px;
    color:#75b4ff;
    font:800 11px/1.2 var(--font-mono);
    letter-spacing:3px;
    text-transform:uppercase;
  }
  .other-issue-box textarea{
    width:100%;
    height:92px;
    min-height:92px;
    max-height:92px;
    resize:none;
    overflow:auto;
    overflow-anchor:none;
    border:1px solid rgba(255,255,255,0.16);
    border-radius:13px;
    background:rgba(8,13,17,0.92);
    color:var(--text);
    padding:12px 13px;
    font:500 14px/1.45 var(--font-body);
    outline:none;
  }
  .other-issue-box textarea:focus{
    border-color:rgba(69,183,255,0.9);
    box-shadow:0 0 0 3px rgba(50,139,255,0.16);
  }
  .other-issue-box textarea::placeholder{
    color:rgba(232,238,242,0.45);
  }
  .parts-detail-box{
    margin-top:14px;
  }
  #sellStepStorage .chip-row,
  #sellStepBattery .chip-row,
  #sellStepSim .chip-row{
    align-content:start;
  }
  #sellStepStorage .chip-row{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
  #sellStepStorage .chip{
    min-height:66px;
    font-size:16px;
  }
  #sellStepSim .chip{
    min-height:72px;
  }
  #sellStepBattery .chip{
    min-height:62px;
  }
  .sell-step-panel .cond-grid{
    gap:12px;
  }
  .sell-step-panel .cond-card{
    min-height:104px;
    display:flex;
    flex-direction:column;
    justify-content:center;
  }
  .sell-nav{
    display:flex;
    justify-content:space-between;
    gap:12px;
    margin-top:auto;
    padding-top:18px;
    border-top:1px solid rgba(255,255,255,0.08);
  }
  .sell-nav button{
    border:1px solid var(--line);
    border-radius:999px;
    background:rgba(255,255,255,0.04);
    color:var(--text);
    padding:12px 18px;
    font-family:var(--font-body);
    font-weight:800;
    cursor:pointer;
  }
  .sell-nav button:disabled{
    opacity:.38;
    cursor:not-allowed;
  }
  .sell-nav .sell-next{
    margin-left:auto;
    border-color:transparent;
    background:linear-gradient(135deg, #328bff, #45b7ff);
    color:#fff;
  }
  @media (max-width: 900px){
    .sell-main{
      grid-template-columns:1fr;
    }
    .sell-step-list{
      flex-direction:row;
      overflow-x:auto;
      scroll-behavior:smooth;
      scroll-snap-type:x mandatory;
      padding-bottom:4px;
      scrollbar-width:none;
      -ms-overflow-style:none;
    }
    .sell-step-list::-webkit-scrollbar{
      display:none;
    }
    .sell-step-tab{
      min-width:138px;
      scroll-snap-align:start;
    }
    .sell-step-rail{
      padding:0 42px;
    }
    .sell-step-arrow{
      display:flex;
    }
    .receipt-wrap{
      position:relative;
      top:auto;
    }
  }
  @media (max-width: 620px){
    .sell-start,
    .sell-run{
      padding:14px;
    }
    .sell-start{
      min-height:auto;
    }
    .sell-start h3{
      font-size:30px;
    }
    .sell-start-points{
      grid-template-columns:1fr;
    }
    .sell-question-card{
      height:555px;
      min-height:0;
      padding:16px;
      border-radius:16px;
    }
    .sell-question-card h3{
      font-size:22px;
      margin-top:7px;
    }
    .sell-question-card p{
      margin-bottom:12px;
      line-height:1.45;
    }
    .sell-step-panel .chip-row,
    #sellStepIssues .chip-row{
      grid-template-columns:1fr;
      gap:10px;
    }
    #sellStepStorage .chip-row{
      grid-template-columns:1fr;
    }
    #sellStepCond .cond-grid,
    #sellStepHousing .cond-grid{
      grid-template-columns:repeat(2, minmax(0, 1fr));
    }
    .sell-step-panel.active{
      overflow:visible;
      padding-right:1px;
      padding-bottom:10px;
    }
    .sell-step-panel.active .field-block{
      min-height:100%;
    }
    #sellStepIssues.active{
      overflow-y:auto;
      overscroll-behavior:contain;
      scrollbar-width:none;
    }
    #sellStepIssues.active::-webkit-scrollbar{
      display:none;
    }
    .other-issue-box textarea{
      font-size:16px;
      line-height:1.38;
    }
    .sell-step-panel .chip,
    #sellStepStorage .chip,
    #sellStepBattery .chip,
    #sellStepSim .chip{
      min-height:50px;
      border-radius:13px;
      font-size:14px;
    }
    .sell-step-panel .cond-card{
      min-height:92px;
      padding:12px;
    }
    .sell-step-list{
      gap:10px;
    }
    .sell-step-tab{
      flex:0 0 calc((100% - 10px) / 2);
      min-width:0;
      max-width:calc((100% - 10px) / 2);
      padding:10px;
    }
    .sell-step-rail{
      padding:0 38px;
    }
    .sell-step-arrow{
      width:34px;
      height:34px;
    }
    .sell-step-arrow.prev{ left:-2px; }
    .sell-step-arrow.next{ right:-2px; }
    .sell-nav{
      flex-direction:column;
      margin-top:auto;
      padding-top:12px;
      gap:10px;
    }
    .sell-nav button,
    .sell-nav .sell-next{
      width:100%;
      margin-left:0;
    }
  }

  .field-block{ margin-bottom: 30px; }
  .field-label{ font-family: var(--font-display); font-size:12px; color: var(--muted); letter-spacing:1.5px; text-transform:uppercase; margin-bottom:14px; display:block; }

  .chip-row{ display:flex; flex-wrap:wrap; gap:10px; }
  .chip{
    font-family: var(--font-body); font-weight:600; font-size:14px;
    background: var(--surface); border:1px solid var(--line); color: var(--text);
    padding: 11px 18px; border-radius: 9px; cursor:pointer; transition: all .12s ease;
  }
  .chip:hover{ border-color: var(--amber-dim); }
  .chip.active{ background: var(--amber); border-color: var(--amber); color:#061014; box-shadow: 0 0 0 3px rgba(39,216,202,0.12); }

  .cond-grid{ display:grid; grid-template-columns: repeat(2,1fr); gap: 12px; }
  @media (max-width:560px){ .cond-grid{ grid-template-columns:1fr; } }
  .cond-card{
    background: var(--surface); border:1px solid var(--line); border-radius:12px; padding:16px 18px;
    cursor:pointer; transition: all .12s ease;
  }
  .cond-card.active{ border-color: var(--amber); background: var(--surface-2); box-shadow: inset 0 0 0 1px var(--amber), 0 0 0 3px rgba(39,216,202,0.1); }
  .cond-card .t{ font-weight:700; font-size:14.5px; margin-bottom:4px; }
  .cond-card .d{ font-size:12.5px; color: var(--muted); line-height:1.5; }
  .cond-card .pct{ font-family: var(--font-display); font-size:12px; color: var(--amber); float:right; }

  .toggle-row{ display:flex; flex-direction:column; gap:10px; }
  .toggle{ display:flex; align-items:center; gap:12px; background: var(--surface); border:1px solid var(--line); border-radius:10px; padding:14px 16px; cursor:pointer; font-size:14px; }
  .toggle input{ width:18px; height:18px; accent-color: var(--amber); cursor:pointer; }
  .toggle .sub{ color: var(--muted); font-size:12px; display:block; margin-top:2px; }

  .yn-row{ display:flex; gap:10px; }
  .yn-btn{
    font-family: var(--font-body); font-weight:600; font-size:14px;
    background: var(--surface); border:1px solid var(--line); color: var(--text);
    padding: 11px 20px; border-radius: 9px; cursor:pointer; transition: all .12s ease; flex:1; text-align:center;
  }
  .yn-btn:hover{ border-color: var(--amber-dim); }
  .yn-btn.active-yes{ background: var(--red); border-color: var(--red); color:#18070a; }
  .yn-btn.active-no{ background: var(--green); border-color: var(--green); color:#06140b; }

  /* ---------- RECEIPT ---------- */
  .receipt-wrap{ position: sticky; top: 96px; }
  .config-grid.sell-active .receipt-wrap{
    align-self:center;
    top:clamp(80px, 12vh, 132px);
  }
  @media (max-width: 960px){
    .config-grid.sell-active{
      align-items:stretch;
    }
    .config-grid.sell-active .receipt-wrap{
      align-self:auto;
      top:auto;
    }
  }
  .receipt{
    background: var(--paper); color: var(--paper-ink); border-radius: 3px;
    font-family: var(--font-display); position: relative;
    box-shadow: 0 24px 60px rgba(0,0,0,0.5), 0 0 0 1px rgba(39,216,202,0.08);
    padding: 28px 26px 24px;
  }
  .receipt::before{
    content:""; position:absolute; top:-1px; left:0; right:0; height:14px;
    background: linear-gradient(135deg, var(--paper) 25%, transparent 25%) 0 0/14px 14px,
                linear-gradient(-135deg, var(--paper) 25%, transparent 25%) 0 0/14px 14px;
    background-color: var(--bg);
    transform: translateY(-100%);
  }
  .receipt::after{
    content:""; position:absolute; bottom:-1px; left:0; right:0; height:14px;
    background: linear-gradient(45deg, var(--paper) 25%, transparent 25%) 0 100%/14px 14px,
                linear-gradient(-45deg, var(--paper) 25%, transparent 25%) 0 100%/14px 14px;
    background-color: var(--bg);
    transform: translateY(100%);
  }
  .r-head{ text-align:center; border-bottom: 1px dashed #b0b0b0; padding-bottom:14px; margin-bottom:14px; }
  .r-head .brand{ font-weight:800; font-size:15px; letter-spacing:2px; }
  .r-head .sub{ font-size:10.5px; color:#6e6e6e; margin-top:4px; letter-spacing:1px; }
  .r-row{ display:flex; justify-content:space-between; font-size:12.5px; padding: 5px 0; border-bottom:1px dotted #c9c9c9; }
  .r-row .k{ color:#6e6e6e; }
  .r-row .v{ font-weight:700; text-align:right; }
  .r-row.placeholder .v{ color:#9a9a9a; font-weight:500; }
  .r-total{ display:flex; justify-content:space-between; align-items:baseline; margin-top:16px; padding-top:14px; border-top:1px dashed #b0b0b0; }
  .r-total .k{ font-size:12px; letter-spacing:1.5px; color:#6e6e6e; }
  .r-total .v{ font-size:28px; font-weight:800; }
  .r-stamp{
    display:inline-block; margin-top:14px; border:2px solid var(--red); color: var(--red);
    font-size:11px; font-weight:800; letter-spacing:2px; padding:4px 10px; border-radius:4px;
    transform: rotate(-4deg); opacity:0; transition: opacity .2s;
  }
  .r-stamp.show{ opacity:0.85; }
  .r-barcode{ height:34px; margin-top:18px; background: repeating-linear-gradient(90deg, #141414 0 2px, transparent 2px 4px, #141414 4px 5px, transparent 5px 9px); opacity:0.85; }
  .r-foot{ text-align:center; font-size:9.5px; color:#8a8a8a; margin-top:10px; letter-spacing:0.5px; }
  .r-cta{
    display:block; text-align:center; margin-top:18px; background: var(--paper-ink); color: var(--paper);
    font-family: var(--font-body); font-weight:700; font-size:14px; padding:13px; border-radius:6px;
    text-decoration:none; border:none; width:100%; cursor:pointer;
  }
  .r-cta:disabled{ opacity:0.35; cursor:not-allowed; }

  /* ---------- NAPRAWA ---------- */
  .repair-section{
    padding: 64px 0 84px;
    border-top: 1px solid var(--line);
    background:
      linear-gradient(180deg, #0a1115 0%, #080d11 100%),
      linear-gradient(90deg, rgba(69,183,255,0.06), rgba(167,139,255,0.04));
  }
  .repair-section .eyebrow{ color: var(--cyan); }
  .repair-section .eyebrow .bar{ background: var(--cyan); }

  .repair-model-picker{
    position:relative;
    z-index:20;
    max-width:680px;
    margin:0 0 28px;
  }
  .receipt.receipt-attention{
    animation: receiptAttention .95s cubic-bezier(.2,.8,.2,1);
  }
  .receipt.receipt-attention .r-total .v{
    animation: receiptPriceAttention .95s cubic-bezier(.2,.8,.2,1);
  }
  @keyframes receiptAttention{
    0%{ transform:translateY(0) scale(1); box-shadow:0 24px 60px rgba(0,0,0,0.5), 0 0 0 1px rgba(39,216,202,0.08); }
    22%{ transform:translateY(-5px) scale(1.018); box-shadow:0 30px 78px rgba(0,0,0,0.54), 0 0 0 5px rgba(69,183,255,0.24), 0 0 36px rgba(69,183,255,0.42); }
    52%{ transform:translateY(0) scale(1); box-shadow:0 24px 60px rgba(0,0,0,0.5), 0 0 0 2px rgba(69,183,255,0.18); }
    72%{ transform:translateY(-2px) scale(1.007); }
    100%{ transform:translateY(0) scale(1); }
  }
  @keyframes receiptPriceAttention{
    0%,100%{ transform:scale(1); }
    28%{ transform:scale(1.12); }
    58%{ transform:scale(1); }
  }
  .sell-model-picker{
    max-width:none;
    margin:0;
  }
  .repair-model-trigger{
    width:100%;
    border:1px solid rgba(69,183,255,0.28);
    border-radius:16px;
    background:
      radial-gradient(circle at 92% 10%, rgba(69,183,255,0.12), transparent 34%),
      linear-gradient(180deg, rgba(23,32,39,0.96), rgba(11,17,21,0.96));
    color:var(--text);
    padding:16px 18px;
    cursor:pointer;
    display:grid;
    grid-template-columns:1fr auto;
    gap:6px 16px;
    align-items:center;
    text-align:left;
    box-shadow:0 18px 42px rgba(0,0,0,0.24);
  }
  .repair-model-trigger .overline{
    grid-column:1 / -1;
    font-family:var(--font-display);
    font-size:10.5px;
    letter-spacing:2px;
    color:var(--cyan);
    text-transform:uppercase;
  }
  .repair-model-trigger strong{
    font-size:19px;
    line-height:1.15;
  }
  .repair-model-trigger .change{
    border:1px solid rgba(69,183,255,0.34);
    border-radius:999px;
    padding:8px 12px;
    color:var(--cyan);
    font:700 11px var(--font-display);
    letter-spacing:.7px;
    text-transform:uppercase;
    white-space:nowrap;
  }
  .repair-model-menu{
    position:absolute;
    left:0;
    right:0;
    top:calc(100% + 10px);
    display:none;
    border:1px solid rgba(69,183,255,0.28);
    border-radius:16px;
    background:linear-gradient(180deg, rgba(17,25,30,0.98), rgba(7,12,15,0.98));
    box-shadow:0 24px 60px rgba(0,0,0,0.46);
    padding:12px;
  }
  .repair-model-picker.open .repair-model-menu{ display:block; }
  .repair-model-search input{
    width:100%;
    border:1px solid var(--line);
    border-radius:11px;
    background:#0f171c;
    color:var(--text);
    padding:12px 13px;
    font:14px var(--font-body);
    outline:none;
    margin-bottom:10px;
  }
  .repair-model-search input:focus{ border-color:var(--cyan); }
  .repair-model-row{
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:8px;
    max-height:310px;
    overflow:auto;
    padding-right:2px;
    margin:0;
    scrollbar-width:thin;
    scrollbar-color:rgba(69,183,255,0.45) rgba(255,255,255,0.06);
  }
  .repair-model-row::-webkit-scrollbar{ width:6px; }
  .repair-model-row::-webkit-scrollbar-thumb{ background:rgba(69,183,255,0.45); border-radius:999px; }
  .repair-model-row::-webkit-scrollbar-track{ background:rgba(255,255,255,0.06); }
  .chip-cyan{
    font-family: var(--font-body); font-weight:600; font-size:14px;
    background: var(--surface); border:1px solid var(--line); color: var(--text);
    padding: 11px 18px; border-radius: 9px; cursor:pointer; transition: all .16s ease;
  }
  .chip-cyan:hover{ border-color: var(--cyan-dim); transform: translateY(-1px); }
  .chip-cyan.active{ background: var(--cyan); border-color: var(--cyan); color:#05131d; box-shadow: 0 0 0 3px rgba(69,183,255,0.13); }
  .repair-model-row .chip-cyan{
    width:100%;
    min-height:44px;
    padding:10px 12px;
    border-radius:10px;
    font-size:13px;
  }
  @media (max-width:720px){
    .repair-model-picker{ max-width:none; }
    .repair-model-trigger{ padding:14px; }
    .repair-model-trigger strong{ font-size:17px; }
    .repair-model-trigger .change{ padding:7px 10px; }
    .repair-model-menu{ position:static; margin-top:10px; }
    .repair-model-row{ grid-template-columns:repeat(2, minmax(0, 1fr)); max-height:260px; }
  }

  .repair-filter-row{
    display:flex; flex-wrap:wrap; gap:8px;
    margin: 12px 8px 26px;
  }
  .filter-chip{
    font-family: var(--font-display); font-size:12px; font-weight:600; letter-spacing:0.4px;
    background: transparent; border:1px solid var(--line); color: var(--muted);
    padding: 8px 14px; border-radius: 20px; cursor:pointer; transition: all .15s ease;
  }
  .filter-chip:hover{ color: var(--text); border-color: var(--cyan-dim); }
  .filter-chip.active{ background: rgba(69,183,255,0.13); border-color: var(--cyan); color: var(--cyan); }

  .repair-card .icon{
    width:38px; height:38px; border-radius:10px; display:flex; align-items:center; justify-content:center;
    background: color-mix(in srgb, var(--rc, var(--cyan)) 14%, transparent); color: var(--rc, var(--cyan));
    flex-shrink:0;
  }
  .repair-card .icon svg{ width:18px; height:18px; }
  .free-badge{
    display:inline-flex; align-items:center; justify-content:center; vertical-align:middle;
    font-family: var(--font-display); font-size:10px; line-height:1; font-weight:700; letter-spacing:1px;
    background: rgba(79,224,143,0.13); color: var(--green); padding:5px 8px; border-radius:20px; margin-left:8px;
    white-space:nowrap;
  }

  .repair-panel{
    display:grid; grid-template-columns: 1fr 0.85fr; gap: 44px; align-items:start;
    opacity:0; transform: translateY(18px); pointer-events:none; transition: none;
  }
  .repair-panel.ready{ pointer-events:auto; }
  .repair-panel.animate-in{ animation: panelIn .55s cubic-bezier(.2,.8,.2,1) forwards; }
  @keyframes panelIn{ to{ opacity:1; transform: translateY(0); } }
  @media (max-width: 960px){ .repair-panel{ grid-template-columns: 1fr; } }

  .repair-empty{ color: var(--muted); font-size:15px; padding: 60px 0; text-align:center; border:1px dashed var(--line); border-radius:14px; background: rgba(255,255,255,0.02); }

  .repair-list{ display:flex; flex-direction:column; gap:12px; }
  .repair-card{
    display:flex; align-items:center; justify-content:space-between; gap:16px;
    background: linear-gradient(180deg, rgba(22,30,36,0.98), rgba(13,18,22,0.98)); border:1px solid var(--line); border-radius:12px;
    padding: 14px 16px; cursor:pointer; opacity:1; transform: translateX(0);
    transition: border-color .15s ease, background .15s ease;
  }
  .repair-card.hidden-filter{ display:none; }
  .repair-panel.animate-in .repair-card{ animation: cardIn .45s ease forwards; }
  .repair-panel.animate-in .repair-card:nth-child(1){ animation-delay: .06s; }
  .repair-panel.animate-in .repair-card:nth-child(2){ animation-delay: .12s; }
  .repair-panel.animate-in .repair-card:nth-child(3){ animation-delay: .18s; }
  .repair-panel.animate-in .repair-card:nth-child(4){ animation-delay: .24s; }
  .repair-panel.animate-in .repair-card:nth-child(5){ animation-delay: .30s; }
  @keyframes cardIn{ from{ opacity:0; transform: translateX(-10px); } to{ opacity:1; transform: translateX(0); } }

  .repair-card.checked{ border-color: var(--rc, var(--cyan)); box-shadow: inset 0 0 0 1px var(--rc, var(--cyan)), 0 0 0 3px color-mix(in srgb, var(--rc, var(--cyan)) 14%, transparent); background: var(--surface-2); }
  .repair-card .left{ display:flex; align-items:center; gap:14px; }
  .repair-card .swatch{ width:10px; height:10px; border-radius:50%; background: var(--rc, var(--cyan)); box-shadow: 0 0 0 3px rgba(255,255,255,0.03); flex-shrink:0; }
  .repair-card .name{ display:flex; align-items:center; flex-wrap:wrap; gap:6px 0; font-weight:700; font-size:15px; }
  .repair-card .desc{ font-size:12.5px; color: var(--muted); margin-top:2px; }
  .repair-card .price{ font-family: var(--font-display); font-weight:700; font-size:16px; white-space:nowrap; }
  .repair-card .price.is-free{ color:var(--green); }
  .repair-card .repair-copy{ min-width:0; }
  .repair-variants{ display:flex; flex-wrap:wrap; gap:8px; margin-top:10px; }
  .variant-pill{
    min-width:132px;
    border:1px solid rgba(255,255,255,0.12);
    background:linear-gradient(180deg, rgba(255,255,255,0.055), rgba(255,255,255,0.025));
    color:var(--muted);
    border-radius:10px; padding:7px 10px; font:700 11px/1.15 var(--font-display); letter-spacing:.2px;
    cursor:pointer; transition:border-color .15s ease, color .15s ease, background .15s ease;
    display:flex; flex-direction:column; align-items:flex-start; gap:3px; text-align:left;
  }
  .variant-pill:hover{ border-color:color-mix(in srgb, var(--rc, var(--cyan)) 58%, rgba(255,255,255,0.12)); transform:translateY(-1px); }
  .variant-pill.active{ border-color:var(--rc, var(--cyan)); color:var(--white); background:color-mix(in srgb, var(--rc, var(--cyan)) 18%, transparent); }
  .variant-pill .vp-copy{ width:100%; min-width:0; }
  .variant-pill .vp-main{ display:flex; align-items:baseline; justify-content:space-between; gap:8px; }
  .variant-pill .vp-price{ color:var(--white); }
  .variant-pill .vp-note{
    display:block; margin-top:3px;
    font:600 9.5px/1.15 var(--font-body);
    letter-spacing:0;
    color:var(--muted);
  }
  .repair-card .check{
    width:20px; height:20px; border-radius:6px; border:1.5px solid var(--line); flex-shrink:0;
    display:flex; align-items:center; justify-content:center; transition: all .15s ease;
  }
  .repair-card.checked .check{ background: var(--rc, var(--cyan)); border-color: var(--rc, var(--cyan)); }
  .repair-card.checked .check::after{ content:"✓"; font-size:12px; font-weight:800; color:#061014; }

  .diag-panel{ position: sticky; top: 96px; text-align:center; }
  .diag-frame{
    background: linear-gradient(180deg, rgba(17,23,28,0.98), rgba(9,14,18,0.98)); border:1px solid rgba(69,183,255,0.28); border-radius:20px; padding: 28px 20px 22px;
    box-shadow: 0 18px 46px rgba(0,0,0,0.32);
  }
  .diag-stage{ overflow:hidden; border-radius:14px; position:relative; }

  /* ---- crisp diagnostic badge overlay: a plain, unscaled HTML/SVG element that always
     sits centered on the currently-zoomed fault, independent of the phone's zoom level.
     This avoids the blurry look caused by drawing it inside the heavily-scaled phone SVG. ---- */
  .diag-badge-overlay{
    position:absolute; top:50%; left:50%; transform: translate(-50%,-50%);
    width:64px; height:64px; pointer-events:none; z-index:5;
  }
  .diag-badge-overlay svg{ width:64px; height:64px; overflow:visible; shape-rendering:geometricPrecision; }
  .diag-label{ font-family: var(--font-display); font-size:11px; color: var(--muted); letter-spacing:2px; text-transform:uppercase; margin-bottom:18px; display:flex; justify-content:space-between; }
  .diag-label .live{ color: var(--cyan); display:flex; align-items:center; gap:6px; }
  .diag-label .live .pulse{ width:6px; height:6px; border-radius:50%; background: var(--cyan); animation: pulse 1.6s infinite; }

  /* ---- phone stage: entrance wrapper > zoom wrapper > 3D scene > flip inner > front/back faces ---- */
  .phone-svg-wrap{ transform: scale(0.94) rotate(-1.2deg); transition: transform .5s cubic-bezier(.2,.8,.2,1); }
  .repair-panel.animate-in .phone-svg-wrap{ animation: phoneSettle .6s cubic-bezier(.34,1.4,.4,1) forwards; }
  @keyframes phoneSettle{ 0%{ transform: scale(0.9) rotate(-3deg); opacity:0; } 60%{ opacity:1; } 100%{ transform: scale(1) rotate(0deg); opacity:1; } }

  .phone-zoom-wrap{ transform: scale(1) translate(0, 0); }
  .phone-scene{ perspective: 1300px; width:220px; margin:0 auto; }
  .phone-inner{
    position:relative; width:220px; transform-style: preserve-3d;
    transition: transform .85s cubic-bezier(.3,.15,.15,1);
  }
  .phone-inner.flipped{ transform: rotateY(180deg); }
  .phone-inner.tilted{ transform: rotateY(-24deg); }
  .phone-face{ backface-visibility: hidden; -webkit-backface-visibility: hidden; }
  .phone-face svg{ width:220px; display:block; shape-rendering:geometricPrecision; }
  .phone-face-front{ position:relative; }
  .phone-face-back{ position:absolute; inset:0; transform: rotateY(180deg); }

  #phoneSvg, #phoneSvgBack{ overflow: visible; }
  #zoneScreen{ transition: fill .35s ease; }
  #zoneFaceId, #zoneFrontCamera, #zoneFrontCamera circle, #zoneIsland circle, #zoneIsland rect, #zoneEarpiece, #zoneSpeakerGrill, #zoneSpeakerGrill circle, #zoneMic{ transition: fill .3s ease, stroke .3s ease, filter .3s ease; }
  #zoneCameraRear{ pointer-events:none; }
  #zoneCameraRear.glow-violet{ stroke: var(--violet); }
  #phoneBody, #phoneBodyBack, #zoneCameraRear{ transition: stroke .35s ease, filter .35s ease; }
  #zoneBattery{ opacity:0; transition: opacity .3s ease; }
  #zoneBattery.on{ opacity:1; }
  #zonePort, #zoneMic circle{ transition: fill .3s ease, stroke .3s ease, filter .3s ease; }

  .glow-cyan{ filter: drop-shadow(0 0 4px var(--cyan)) drop-shadow(0 0 11px var(--cyan)); }
  .glow-green{ filter: drop-shadow(0 0 4px var(--green)) drop-shadow(0 0 11px var(--green)); }
  .glow-violet{ filter: drop-shadow(0 0 4px var(--violet)) drop-shadow(0 0 11px var(--violet)); }
  #zoneFrontCamera.glow-violet{
    stroke:var(--violet) !important;
    stroke-width:1.8px !important;
    fill:#111022 !important;
    filter:drop-shadow(0 0 4px var(--violet)) drop-shadow(0 0 10px var(--violet)) drop-shadow(0 0 16px rgba(168,132,255,0.48));
  }
  #zoneFrontCamera.glow-violet circle:first-child{
    stroke:var(--violet) !important;
    stroke-width:1.8px !important;
    fill:#111022 !important;
  }
  #zoneFrontCamera.glow-violet circle:last-child{
    fill:#75b4ff !important;
  }
  #zoneFaceId.glow-violet{
    stroke:var(--violet) !important;
    stroke-width:1.45px !important;
    filter:drop-shadow(0 0 4px var(--violet)) drop-shadow(0 0 10px var(--violet)) drop-shadow(0 0 16px rgba(168,132,255,0.48));
  }
  .glow-orange{ filter: drop-shadow(0 0 4px var(--orange)) drop-shadow(0 0 11px var(--orange)); }
  #zoneEarpiece.glow-orange,
  #zoneSpeakerGrill.glow-orange,
  #zoneMic.glow-orange{
    filter:drop-shadow(0 0 4px var(--orange)) drop-shadow(0 0 10px var(--orange)) drop-shadow(0 0 16px rgba(255,180,94,0.48));
  }
  #zoneEarpiece.glow-orange{
    fill:#1d1308 !important;
    stroke:var(--orange) !important;
    stroke-width:1.35px !important;
  }
  #zoneSpeakerGrill.glow-orange circle,
  #zoneMic.glow-orange circle{
    fill:var(--orange) !important;
    stroke:#ffe2b7 !important;
    stroke-width:1.2px !important;
  }
  #zonePort.glow-green{
    fill:#061c13 !important;
    stroke:var(--green) !important;
    stroke-width:1.45px !important;
    filter:drop-shadow(0 0 4px var(--green)) drop-shadow(0 0 10px var(--green)) drop-shadow(0 0 16px rgba(50,224,148,0.48));
  }
  .glow-pink{ filter: drop-shadow(0 0 4px var(--pink)) drop-shadow(0 0 11px var(--pink)); }
  .glow-amber{ filter: drop-shadow(0 0 4px var(--amber)) drop-shadow(0 0 11px var(--amber)); }

  .scan-sweep{ opacity:0; }
  .scan-sweep.sweep{ animation: sweepMove 1.1s ease-out; }
  @keyframes sweepMove{
    0%{ transform: translateY(0); opacity:0; }
    12%{ opacity:.9; }
    88%{ opacity:.9; }
    100%{ transform: translateY(430px); opacity:0; }
  }

  /* ---- crack overlays (screen / back glass) ---- */
  #screenCrack, #backCrack{ opacity:0; transition: opacity .3s ease; }
  #screenCrack.show, #backCrack.show{ opacity:1; }
  #edgeDents{ opacity:0; transition: opacity .3s ease; }
  #edgeDents.show{ opacity:1; }

  .shine-sweep{ opacity:0; }
  .shine-sweep.sweep{ animation: shineMove 1s ease-out; }
  @keyframes shineMove{
    0%{ transform: translate(-40px,-40px); opacity:0; }
    15%{ opacity:.8; }
    85%{ opacity:.8; }
    100%{ transform: translate(40px,40px); opacity:0; }
  }

  /* ---- diagnostic badge (broken -> fixed indicator) ---- */
  .diag-badge-inner{ opacity:0; transform: scale(.3); transform-box: fill-box; transform-origin: center; will-change:transform, opacity; }
  .diag-badge-inner.enter{ animation: badgeIn .5s cubic-bezier(.34,1.56,.62,1) forwards; }
  .diag-badge-inner.leave{ animation: badgeOut .32s ease forwards; }
  @keyframes badgeIn{ 0%{ opacity:0; transform:scale(.25); } 60%{ opacity:1; transform:scale(1.12); } 100%{ opacity:1; transform:scale(1); } }
  @keyframes badgeOut{ to{ opacity:0; transform:scale(.35); } }

  .badge-ring{ transition: stroke .4s ease; }
  .badge-icon{ transition: stroke .4s ease; }
  .badge-pulse{ opacity:0; transform-box: fill-box; transform-origin:center; }
  .diag-badge-inner.broken .badge-pulse{ animation: badgePulse 1.15s ease-out infinite; }
  @keyframes badgePulse{ 0%{ opacity:.55; transform:scale(.8);} 100%{ opacity:0; transform:scale(1.6);} }

  .badge-mark{ transition: opacity .3s ease; }
  .badge-x{ opacity:1; }
  .badge-check{ opacity:0; }
  .diag-badge-inner.fixed .badge-ring{ stroke:var(--green); }
  .diag-badge-inner.fixed .badge-icon{ stroke:var(--green); }
  .diag-badge-inner.fixed .badge-x{ opacity:0; }
  .diag-badge-inner.fixed .badge-check{ opacity:1; }

  .badge-wave .wave-arc{ opacity:0; stroke:var(--green); fill:none; transition: opacity .3s ease; }
  .badge-wave .mute-slash{ opacity:1; stroke:var(--red); transition: opacity .3s ease; }
  .diag-badge-inner.fixed .badge-wave .wave-arc{ opacity:1; animation: waveOut 1.2s ease-in-out infinite; }
  .diag-badge-inner.fixed .badge-wave .mute-slash{ opacity:0; }
  @keyframes waveOut{ 0%,100%{ opacity:.5; } 50%{ opacity:1; } }

  .diag-total{ margin-top: 22px; }
  .diag-total .k{ font-family: var(--font-display); font-size:11px; color: var(--muted); letter-spacing:2px; text-transform:uppercase; }
  .diag-total .v{ font-family: var(--font-display); font-weight:800; font-size: 40px; color: var(--cyan); margin-top:6px; text-shadow: 0 0 16px rgba(69,183,255,0.36); font-variant-numeric: tabular-nums; }
  .diag-sub{ font-size:12.5px; color: var(--muted); margin-top:8px; }
  .diag-cta{
    display:block; width:100%; margin-top:20px; background: var(--cyan); color:#05131d;
    font-family: var(--font-body); font-weight:700; font-size:14px; padding:14px; border-radius:8px;
    border:none; cursor:pointer;
  }
  .diag-cta:disabled{ opacity:0.35; cursor:not-allowed; }

  /* ---------- TRUST ---------- */
  .trust{ padding: 46px 0; border-top: 1px solid var(--line); background:#080c10; }
  .trust-grid{ display:grid; grid-template-columns: repeat(4,1fr); gap:14px; }
  .trust-item{
    display:flex; align-items:center; gap:14px; min-width:0; padding:18px;
    border:1px solid rgba(255,255,255,0.1); border-radius:16px;
    background:linear-gradient(145deg, rgba(255,255,255,0.055), rgba(255,255,255,0.02));
    text-align:left;
  }
  .trust-icon{
    width:44px; height:44px; border-radius:12px; flex:0 0 44px;
    display:flex; align-items:center; justify-content:center;
    border:1px solid rgba(69,183,255,0.28); color:var(--cyan);
    background:rgba(69,183,255,0.11);
  }
  .trust-icon svg{ width:21px; height:21px; }
  .trust-item:nth-child(2) .trust-icon{ color:var(--green); border-color:rgba(79,224,143,0.28); background:rgba(79,224,143,0.1); }
  .trust-item:nth-child(3) .trust-icon{ color:var(--violet); border-color:rgba(167,139,255,0.28); background:rgba(167,139,255,0.1); }
  .trust-item:nth-child(4) .trust-icon{ color:var(--orange); border-color:rgba(255,180,94,0.28); background:rgba(255,180,94,0.1); }
  .trust-copy{ min-width:0; }
  .trust-copy strong{ display:block; color:var(--text); font-size:14px; line-height:1.25; }
  .trust-copy span{ display:block; color:var(--muted); font-size:12px; line-height:1.4; margin-top:4px; }
  @media (max-width:900px){ .trust-grid{ grid-template-columns:repeat(2,1fr); } }
  @media (max-width:520px){
    .trust{ padding:34px 0; }
    .trust-grid{ gap:10px; }
    .trust-item{ align-items:flex-start; gap:10px; padding:14px 12px; min-height:112px; }
    .trust-icon{ width:36px; height:36px; flex-basis:36px; border-radius:10px; }
    .trust-icon svg{ width:18px; height:18px; }
    .trust-copy strong{ font-size:12.5px; }
    .trust-copy span{ font-size:11px; }
  }

  /* ---------- REVIEWS ---------- */
  .reviews{
    padding: 68px 0; border-top: 1px solid var(--line);
    background:
      radial-gradient(circle at 18% 18%, rgba(255,180,94,0.12), transparent 30%),
      radial-gradient(circle at 78% 12%, rgba(69,183,255,0.14), transparent 32%),
      linear-gradient(180deg, #0c1115, #090d10);
  }
  .reviews .section-head{ max-width:720px; }
  .review-carousel{
    position:relative; overflow:hidden; padding:26px;
    border:1px solid rgba(255,255,255,0.09); border-radius:28px;
    background: linear-gradient(145deg, rgba(22,30,36,0.98), rgba(9,13,17,0.98));
    box-shadow: 0 24px 70px rgba(0,0,0,0.35);
  }
  .reviews-summary{
    display:grid; grid-template-columns:minmax(0,1fr) auto auto; align-items:end; gap:18px;
    margin-bottom:20px; padding-bottom:18px; border-bottom:1px solid rgba(255,255,255,0.08);
  }
  .platform-name{
    font-family: var(--font-display); font-size:18px; font-weight:800; letter-spacing:.2px;
    color: var(--orange);
  }
  .platform-note{ margin-top:4px; color:var(--muted); font-size:13px; }
  .platform-rating{ display:flex; align-items:center; gap:10px; }
  .platform-rating .score{ font-family: var(--font-display); font-size:28px; font-weight:800; }
  .reviews-stars{ display:flex; gap:3px; }
  .reviews-stars svg{ width:17px; height:17px; }
  .review-window{
    overflow:hidden; margin:0 -26px; padding:8px 26px 12px;
    -webkit-mask-image: linear-gradient(90deg, transparent, #000 7%, #000 93%, transparent);
    mask-image: linear-gradient(90deg, transparent, #000 7%, #000 93%, transparent);
  }
  .review-track{
    --review-gap:18px;
    display:flex; gap:var(--review-gap); align-items:stretch; width:max-content;
    animation: reviews-marquee var(--reviews-duration, 58s) linear infinite;
    transform:translate3d(0,0,0);
    will-change: transform;
  }
  @keyframes reviews-marquee{
    from{ transform: translate3d(0,0,0); }
    to{ transform: translate3d(var(--reviews-shift, calc(-50% - (var(--review-gap) / 2))),0,0); }
  }
  .review-card{
    position:relative; overflow:hidden; flex:0 0 clamp(290px, 28vw, 340px);
    min-height:300px; display:flex; flex-direction:column; gap:13px;
    background: linear-gradient(180deg, #ffffff, #eef4f7); color:#111820;
    border:1px solid rgba(255,255,255,0.82); border-radius:20px; padding:20px;
    text-decoration:none; box-shadow:0 18px 42px rgba(0,0,0,0.24);
    transition: transform .18s ease, box-shadow .18s ease;
  }
  .review-card::before{
    content:""; position:absolute; inset:0 0 auto; height:5px;
    background: linear-gradient(90deg, #fbbc05, #34a853, #4285f4, #ea4335);
  }
  .review-card:hover{ transform: translateY(-4px); box-shadow:0 26px 54px rgba(0,0,0,0.34); }
  .review-card-head{ display:flex; align-items:center; gap:11px; }
  .review-photo{
    width:46px; height:46px; border-radius:50%; object-fit:cover; flex-shrink:0;
    background:#dfe5ea; box-shadow:0 0 0 4px rgba(255,180,94,0.2);
  }
  .review-name{ font-weight:800; font-size:14px; line-height:1.2; }
  .review-meta{ margin-top:3px; color:#5d6872; font-size:12px; }
  .review-card .stars{ color:#f3a300; font-size:17px; letter-spacing:1px; line-height:1; }
  .review-card p{ margin:0; font-size:14px; line-height:1.62; }
  .reviews-actions{
    display:flex; align-items:center; justify-content:flex-end; gap:14px;
    flex-wrap:wrap; margin-top:20px;
  }
  .reviews-link{
    font-family: var(--font-display); font-weight:700; font-size:12.5px;
    border:1px solid var(--line); color:var(--text); padding: 11px 14px; border-radius:8px;
    text-decoration:none; letter-spacing:0.2px; white-space:nowrap;
    transition: transform .18s ease, border-color .18s ease, background .18s ease;
  }
  .reviews-link:hover{ transform: translateY(-2px); border-color: var(--amber); background: rgba(255,255,255,0.05); }
  @media (max-width: 960px){ .review-card{ flex-basis:320px; } }
  @media (max-width: 640px){
    .review-carousel{ padding:16px; border-radius:20px; }
    .reviews-summary{ align-items:flex-start; flex-direction:column; }
    .review-window{ margin:0 -16px; padding:5px 16px 8px; }
    .review-track{ --review-gap:12px; }
    .review-card{
      flex-basis:min(64vw, 250px);
      height:268px;
      min-height:0;
      padding:17px;
      gap:9px;
      border-radius:18px;
    }
    .review-photo{ width:38px; height:38px; }
    .review-name{ font-size:13px; }
    .review-meta{ font-size:11px; }
    .review-card .stars{ font-size:15px; }
    .review-card p{
      font-size:12.4px;
      line-height:1.45;
      display:-webkit-box;
      -webkit-line-clamp:7;
      -webkit-box-orient:vertical;
      overflow:hidden;
    }
    .reviews-actions{ align-items:flex-start; flex-direction:column; }
  }
  @media (prefers-reduced-motion: reduce){
    .review-track{ animation:none; }
  }

  /* ---------- FAQ ---------- */
  .faq-section{ padding: 60px 0 80px; border-top: 1px solid var(--line); background:#080c10; }
  .faq{ max-width: 760px; }
  .faq-item{ border-bottom: 1px solid var(--line); }
  .faq-q{
    display:flex; justify-content:space-between; align-items:center; padding: 20px 0; cursor:pointer;
    font-weight:700; font-size:15.5px; background:none; border:none; color: var(--text); width:100%; text-align:left; font-family:var(--font-body);
  }
  .faq-q .plus{ font-family: var(--font-display); color: var(--amber); font-size:18px; transition: transform .2s; }
  .faq-item:nth-child(2) .plus{ color: var(--green); }
  .faq-item:nth-child(3) .plus{ color: var(--orange); }
  .faq-item:nth-child(4) .plus{ color: var(--cyan); }
  .faq-item.open .faq-q .plus{ transform: rotate(45deg); }
  .faq-a{ max-height:0; overflow:hidden; transition: max-height .25s ease; }
  .faq-item.open .faq-a{ max-height: 200px; }
  .faq-a p{ color: var(--muted); font-size:14.5px; line-height:1.7; padding-bottom:20px; margin:0; max-width:640px; }

  /* ---------- FOOTER ---------- */
  footer{ border-top:1px solid var(--line); padding: 44px 0; background:#05080a; }
  .foot-grid{ display:grid; grid-template-columns: 1.2fr 1fr 1fr 1fr; gap:28px; align-items:start; }
  @media (max-width: 900px){ .foot-grid{ grid-template-columns:1fr 1fr; } }
  @media (max-width: 620px){ .foot-grid{ grid-template-columns:1fr; } }
  .foot-about p{ color:var(--muted); font-size:13.5px; line-height:1.7; margin:16px 0 0; max-width:320px; }
  .foot-col h3{
    font-family:var(--font-display); font-size:12px; letter-spacing:1.5px; text-transform:uppercase;
    margin:0 0 12px; color:var(--amber);
  }
  .foot-col p, .foot-col a{ color:var(--muted); font-size:13.5px; line-height:1.7; margin:0; text-decoration:none; }
  .foot-col a:hover{ color:var(--text); }
  .social-row{ display:flex; gap:10px; flex-wrap:wrap; }
  .social-link{
    display:inline-flex; align-items:center; justify-content:center; min-width:42px; height:38px; padding:0 12px;
    border:1px solid var(--line); border-radius:8px; color:var(--text); background:rgba(255,255,255,0.03);
    font-family:var(--font-display); font-size:12px; font-weight:700; text-decoration:none;
  }
  .social-link svg{ width:20px; height:20px; }
  .foot-route-link{
    display:flex; width:max-content; align-items:center; gap:9px; padding:10px 12px;
    border:1px solid rgba(69,183,255,0.34); border-radius:10px;
    background:rgba(69,183,255,0.09); color:var(--cyan) !important;
    font-weight:800; line-height:1 !important; transition:transform .18s ease, border-color .18s ease, background .18s ease;
  }
  .foot-col a.foot-route-link{ margin:24px 0 0; }
  .foot-route-link:hover{ transform:translateY(-2px); border-color:rgba(69,183,255,0.72); background:rgba(69,183,255,0.15); color:#fff !important; }
  .foot-route-link svg{ width:17px; height:17px; flex:0 0 17px; }
  .foot-route-link .route-arrow{ width:14px; height:14px; margin-left:2px; opacity:.78; }
  .legal-links{ display:flex; flex-wrap:wrap; gap:10px 18px; margin-top:18px; }
  .legal-links a{
    color:var(--muted);
    font-size:12.5px;
    line-height:1.5;
    text-decoration:none;
  }
  .legal-links a:hover{ color:var(--ai-blue-2, var(--cyan)); }
  .foot-bottom{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin-top:28px;
    padding-top:18px;
    border-top:1px solid var(--line);
    color:var(--muted);
    font-size:12.5px;
  }

  @media (max-width: 760px){
    nav.links.nav-mobile-hide{ display:none !important; }
    .nav-inner{ padding: 14px 20px; gap: 16px; }
    .logo-img{ height:22px; }
    .nav-actions{ margin-left:auto; }
    .nav-shop{ display:none; }
    .nav-cta{ font-size:12px; padding: 9px 12px; }
  }

  /* ---------- GFIX graphite / light refresh ---------- */
  body.page-home{
    background:
      radial-gradient(circle at 14% -8%, rgba(255,255,255,0.12), transparent 34%),
      radial-gradient(circle at 86% 10%, rgba(43,214,201,0.13), transparent 30%),
      linear-gradient(180deg, #263137 0%, #1c252b 34%, #141d22 72%, #242d32 100%);
  }
  body.page-home header.nav{
    background: rgba(35,43,48,0.9);
    border-bottom-color: rgba(228,235,237,0.16);
    box-shadow: 0 12px 28px rgba(13,18,21,0.22);
  }
  body.page-home .nav-cta,
  body.page-home .btn-primary,
  body.page-home .proof-call{
    background: linear-gradient(135deg, #48e3d5 0%, #22c6bd 100%);
    color:#071315;
    box-shadow: 0 14px 32px rgba(34,198,189,0.24);
  }
  body.page-home .nav-shop{
    background:rgba(255,255,255,0.045);
    border-color:rgba(255,255,255,0.14);
  }
  body.page-home .hero{
    background:
      radial-gradient(circle at 10% 4%, rgba(255,255,255,0.15), transparent 34%),
      radial-gradient(circle at 82% 18%, rgba(43,214,201,0.2), transparent 30%),
      linear-gradient(135deg, #5b666c 0%, #3d4a51 30%, #263238 64%, #171f24 100%);
  }
  body.page-home .hero::before{
    background:
      linear-gradient(90deg, rgba(255,255,255,0.06) 0 1px, transparent 1px 100%),
      linear-gradient(180deg, rgba(255,255,255,0.045) 0 1px, transparent 1px 100%),
      linear-gradient(135deg, rgba(43,214,201,0.12), transparent 42%, rgba(255,180,94,0.08));
    background-size: 72px 72px, 72px 72px, auto;
    mask-image: linear-gradient(180deg, rgba(0,0,0,0.78), transparent 86%);
  }
  body.page-home .hero-glow{
    background: linear-gradient(90deg, rgba(255,255,255,0.16), rgba(43,214,201,0.2), rgba(255,180,94,0.11));
    filter: blur(36px);
  }
  body.page-home .trust-badge,
  body.page-home .hero-reviews{
    background: rgba(255,255,255,0.075);
    border-color: rgba(255,255,255,0.16);
  }
  body.page-home .ticker{
    background:
      repeating-linear-gradient(180deg, rgba(255,255,255,0.018) 0 2px, transparent 2px 4px),
      linear-gradient(180deg, rgba(47,59,66,0.96), rgba(26,35,41,0.98));
    border-color: rgba(214,229,232,0.2);
    box-shadow: 0 22px 58px rgba(7,12,15,0.32), inset 0 1px 0 rgba(255,255,255,0.08);
  }
  body.page-home .proof-grid{
    border-color: rgba(255,255,255,0.12);
    background: rgba(255,255,255,0.1);
  }
  body.page-home .proof-item{
    background: rgba(23,32,38,0.62);
  }
  body.page-home .categories,
  body.page-home .shop-section,
  body.page-home .steps-section,
  body.page-home .faq-section{
    background:
      radial-gradient(circle at 18% 0%, rgba(255,255,255,0.08), transparent 32%),
      linear-gradient(180deg, #263137 0%, #192329 100%);
    color:var(--text);
    border-top-color:rgba(255,255,255,0.1);
  }
  body.page-home .categories{
    background:
      radial-gradient(circle at 84% 0%, rgba(43,214,201,0.1), transparent 32%),
      linear-gradient(180deg, #263137 0%, #1b252b 100%);
  }
  body.page-home .cat-card,
  body.page-home .step{
    background: linear-gradient(180deg, rgba(52,64,72,0.96) 0%, rgba(29,39,46,0.98) 100%);
    color:var(--text);
    border-color:rgba(255,255,255,0.12);
    box-shadow: 0 18px 46px rgba(5,9,12,0.22);
  }
  body.page-home .cat-card:hover,
  body.page-home .step:hover{
    box-shadow: 0 24px 56px rgba(5,9,12,0.3);
  }
  body.page-home .cat-card p,
  body.page-home .step p,
  body.page-home .section-head p,
  body.page-home .faq-a p{
    color:#b6c4cb;
  }
  body.page-home .steps-section .section-head h2,
  body.page-home .reviews .section-head h2,
  body.page-home .faq-section .section-head h2{
    color:var(--text);
  }
  body.page-home .trust{
    background:
      radial-gradient(circle at 18% 12%, rgba(43,214,201,0.16), transparent 30%),
      linear-gradient(135deg, #465158 0%, #273239 100%);
    border-top-color: rgba(255,255,255,0.18);
  }
  body.page-home .trust-item{
    padding:18px 14px;
    border:1px solid rgba(255,255,255,0.12);
    border-radius:12px;
    background:rgba(255,255,255,0.055);
  }
  body.page-home .trust-item .lbl{
    color:#d4dde1;
  }
  body.page-home .reviews{
    background:
      radial-gradient(circle at 16% 12%, rgba(255,180,94,0.12), transparent 28%),
      radial-gradient(circle at 84% 8%, rgba(43,214,201,0.14), transparent 32%),
      linear-gradient(180deg, #182228 0%, #212b31 100%);
    color:var(--text);
    border-top-color:rgba(255,255,255,0.1);
  }
  body.page-home .review-carousel{
    background: linear-gradient(145deg, rgba(58,68,75,0.98), rgba(31,40,46,0.98));
    border-color: rgba(255,255,255,0.28);
    box-shadow: 0 24px 66px rgba(39,51,58,0.22);
    color:var(--text);
  }
  body.page-home .reviews-summary{
    border-bottom-color: rgba(255,255,255,0.14);
  }
  body.page-home .platform-note{
    color:#c8d4d9;
  }
  body.page-home .review-card{
    background: linear-gradient(180deg, #ffffff, #f4f7f8);
    box-shadow: 0 16px 38px rgba(20,28,34,0.18);
  }
  body.page-home .reviews-link{
    border-color:rgba(255,255,255,0.22);
    background:rgba(255,255,255,0.055);
  }
  body.page-home .faq-q{
    color:var(--text);
  }
  body.page-home footer{
    background: linear-gradient(180deg, #303a40 0%, #20282d 100%);
    border-top-color: rgba(255,255,255,0.14);
  }
  body.page-home .social-link{
    background: rgba(255,255,255,0.06);
    border-color: rgba(255,255,255,0.14);
  }

  @media (max-width: 760px){
    body.page-home .mobile-proof{
      display:none !important;
      background:
        repeating-linear-gradient(180deg, rgba(255,255,255,0.018) 0 2px, transparent 2px 4px),
        linear-gradient(180deg, rgba(53,64,71,0.94), rgba(30,39,45,0.96));
      border-color: rgba(214,229,232,0.2);
    }
    body.page-home .hero-mobile-note{ display:flex; }
  }

  /* ---------- unified dark one-page theme ---------- */
  body.page-home{
    background:
      radial-gradient(circle at 12% -8%, rgba(255,255,255,0.08), transparent 30%),
      radial-gradient(circle at 86% 8%, rgba(43,214,201,0.13), transparent 30%),
      linear-gradient(180deg, #05090b 0%, #0a1114 42%, #071013 100%);
  }
  body.page-home header.nav{
    background: rgba(5,8,10,0.9);
    border-bottom-color: rgba(255,255,255,0.1);
  }
  body.page-home .hero{
    background:
      radial-gradient(circle at 16% 0%, rgba(255,255,255,0.08), transparent 34%),
      radial-gradient(circle at 82% 12%, rgba(43,214,201,0.16), transparent 32%),
      linear-gradient(135deg, #071014 0%, #0b1519 48%, #05090b 100%);
  }
  body.page-home .hero::before{
    background:
      linear-gradient(90deg, rgba(255,255,255,0.045) 0 1px, transparent 1px 100%),
      linear-gradient(180deg, rgba(255,255,255,0.035) 0 1px, transparent 1px 100%),
      linear-gradient(135deg, rgba(43,214,201,0.1), transparent 42%, rgba(69,183,255,0.08));
    background-size:72px 72px, 72px 72px, auto;
  }
  body.page-home .ticker,
  body.page-home .review-carousel{
    background:
      repeating-linear-gradient(180deg, rgba(255,255,255,0.017) 0 2px, transparent 2px 4px),
      linear-gradient(180deg, rgba(20,29,34,0.98), rgba(7,12,15,0.98));
    border-color: rgba(43,214,201,0.28);
  }
  body.page-home .categories,
  body.page-home .shop-section,
  body.page-home .steps-section,
  body.page-home .config-section,
  body.page-home .repair-section,
  body.page-home .faq-section{
    display:block;
    background:
      radial-gradient(circle at 82% 0%, rgba(43,214,201,0.09), transparent 32%),
      linear-gradient(180deg, #0a1115 0%, #071013 100%);
    color:var(--text);
    border-top-color:rgba(255,255,255,0.08);
  }
  body.page-home .cat-card,
  body.page-home .step,
  body.page-home .config-section .cond-card,
  body.page-home .config-section .chip,
  body.page-home .config-section .toggle,
  body.page-home .yn-btn,
  body.page-home .repair-card,
  body.page-home .repair-panel,
  body.page-home .diag-box{
    background: linear-gradient(180deg, rgba(24,34,40,0.96), rgba(11,18,22,0.98));
    color:var(--text);
    border-color:rgba(255,255,255,0.1);
  }
  body.page-home .cat-card p,
  body.page-home .step p,
  body.page-home .section-head p,
  body.page-home .faq-a p{
    color:#aebcc4;
  }
  body.page-home .steps-section .section-head h2,
  body.page-home .reviews .section-head h2,
  body.page-home .faq-section .section-head h2{
    color:var(--text);
  }
  body.page-home .trust{
    background:
      radial-gradient(circle at 18% 12%, rgba(43,214,201,0.14), transparent 30%),
      linear-gradient(135deg, #111c21 0%, #080f12 100%);
    border-top-color:rgba(255,255,255,0.08);
  }
  body.page-home .reviews{
    background:
      radial-gradient(circle at 16% 12%, rgba(255,180,94,0.12), transparent 28%),
      radial-gradient(circle at 84% 8%, rgba(43,214,201,0.12), transparent 32%),
      linear-gradient(180deg, #0a1115 0%, #071013 100%);
    color:var(--text);
    border-top-color:rgba(255,255,255,0.08);
  }

  /* ---------- repair booking modal ---------- */
  body.modal-open{ overflow:hidden; }
  .repair-modal{
    position:fixed; inset:0; z-index:1000; display:none; align-items:center; justify-content:center;
    padding:22px; background:rgba(0,0,0,0.72); backdrop-filter:blur(12px);
  }
  .repair-modal.show{ display:flex; }
  .repair-modal-shell{
    width:min(1120px, 100%); max-height:min(92vh, 920px); overflow:auto;
    border:1px solid rgba(43,214,201,0.22); border-radius:18px;
    background:
      radial-gradient(circle at 82% 4%, rgba(43,214,201,0.12), transparent 30%),
      linear-gradient(180deg, #071014 0%, #05090b 100%);
    box-shadow:0 34px 90px rgba(0,0,0,0.55);
  }
  .repair-modal-top{
    position:sticky; top:0; z-index:3; display:flex; align-items:center; justify-content:space-between; gap:18px;
    padding:18px 22px; background:rgba(7,12,15,0.9); backdrop-filter:blur(10px);
    border-bottom:1px solid rgba(255,255,255,0.08);
  }
  .repair-modal-top h2{ margin:0; font-size:20px; }
  .repair-modal-top p{ margin:4px 0 0; color:var(--muted); font-size:13px; }
  .modal-close{
    width:40px; height:40px; border-radius:10px; border:1px solid var(--line);
    background:rgba(255,255,255,0.04); color:var(--text); cursor:pointer; font-size:24px; line-height:1;
  }
  .booking-grid{ display:grid; grid-template-columns: 1.22fr .88fr; gap:28px; padding:24px; }
  @media (max-width:980px){ .booking-grid{ grid-template-columns:1fr; } }
  .booking-left .field-block{ margin-bottom:24px; }
  .method-cards,.ship-cards{ display:grid; grid-template-columns:1fr 1fr; gap:12px; }
  @media (max-width:620px){ .method-cards,.ship-cards{ grid-template-columns:1fr; } }
  .method-card,.ship-card,.pay-card,.paczkomat-box,.instructions-box,.summary-card{
    background:linear-gradient(180deg, rgba(28,39,46,0.98), rgba(14,22,27,0.98));
    border:1px solid rgba(255,255,255,0.12); border-radius:12px; color:var(--text);
  }
  .method-card{ padding:16px; cursor:pointer; }
  .method-card.active,.ship-card.active,.pay-card.active{
    border-color:var(--cyan); box-shadow:0 0 0 3px rgba(69,183,255,0.11), inset 0 0 0 1px rgba(69,183,255,0.5);
  }
  .m-top{ display:flex; align-items:center; justify-content:space-between; }
  .m-icon,.s-icon{ width:34px; height:34px; border-radius:9px; display:flex; align-items:center; justify-content:center; color:var(--cyan); background:rgba(69,183,255,0.13); }
  .m-icon svg,.s-icon svg{ width:18px; height:18px; }
  .m-radio,.s-radio,.p-radio{ width:18px; height:18px; border:1px solid var(--line); border-radius:50%; position:relative; flex-shrink:0; }
  .method-card.active .m-radio::after,.ship-card.active .s-radio::after,.pay-card.active .p-radio::after{ content:""; position:absolute; inset:4px; border-radius:50%; background:var(--cyan); }
  .m-title,.s-name,.p-name{ font-weight:800; margin-top:12px; font-size:14px; }
  .m-desc,.s-note,.p-note,.paczkomat-info,.instr-item .d{ color:var(--muted); font-size:12.5px; line-height:1.5; }
  .m-tag{ display:inline-block; margin-top:10px; color:var(--green); font-family:var(--font-display); font-size:10.5px; }
  .ship-card,.pay-card{ display:flex; align-items:center; gap:12px; padding:14px; cursor:pointer; }
  .ship-card .s-text,.pay-card>div:last-child{ flex:1; }
  .paczkomat-box{ padding:14px; }
  .contact-grid,.addr-grid{ display:grid; grid-template-columns:1fr 1fr; gap:12px; }
  .contact-grid .full,.addr-grid .full{ grid-column:1/-1; }
  @media (max-width:620px){ .contact-grid,.addr-grid{ grid-template-columns:1fr; } }
  .form-field{ display:flex; flex-direction:column; gap:6px; }
  .form-field label{ color:var(--muted); font-size:12px; }
  .form-field input,.form-field textarea,.form-field select{
    width:100%; border:1px solid var(--line); border-radius:9px; background:#111a20;
    color:var(--text); padding:12px 13px; font:14px var(--font-body); outline:none;
  }
  .form-field textarea{ min-height:76px; resize:vertical; }
  .form-field input:focus,.form-field textarea:focus,.form-field select:focus{ border-color:var(--cyan); }
  .seg-row{ display:flex; gap:10px; max-width:280px; margin-bottom:14px; }
  .seg-btn{
    flex:1; border:1px solid var(--line); border-radius:9px; padding:11px 14px; cursor:pointer;
    background:#111a20; color:var(--text); font-weight:700;
  }
  .seg-btn.active{ background:var(--cyan); border-color:var(--cyan); color:#05131d; }
  .terms-row{ display:flex; align-items:flex-start; gap:10px; margin:4px 0 20px; }
  .terms-row input{ width:18px; height:18px; accent-color:var(--cyan); flex-shrink:0; }
  .terms-row label{ color:var(--muted); font-size:13px; line-height:1.45; }
  .book-cta{
    width:100%; border:0; border-radius:10px; padding:15px; cursor:pointer;
    background:var(--cyan); color:#05131d; font-weight:800; font-size:15px;
  }
  .book-cta:disabled{ opacity:.42; cursor:not-allowed; }
  .summary-card{ padding:20px; position:sticky; top:84px; }
  .summary-head,.order-total{ display:flex; justify-content:space-between; gap:16px; border-bottom:1px dashed rgba(255,255,255,0.14); padding-bottom:14px; margin-bottom:14px; }
  .s-brand,.summary-badge,.order-total .k,.instructions-box h3{ font-family:var(--font-display); font-size:11px; letter-spacing:1.4px; color:var(--muted); text-transform:uppercase; }
  .s-model{ font-size:16px; font-weight:800; margin-top:4px; }
  .summary-badge{ color:var(--cyan); border:1px solid rgba(69,183,255,0.38); border-radius:6px; padding:4px 7px; height:max-content; }
  .order-line,.order-row{ display:flex; justify-content:space-between; gap:12px; padding:8px 0; border-bottom:1px dotted rgba(255,255,255,0.09); color:var(--muted); font-size:13px; }
  .o-name,.order-row b{ color:var(--text); font-weight:700; }
  .o-price{ color:var(--cyan); font-family:var(--font-display); font-weight:800; white-space:nowrap; }
  .order-total{ align-items:baseline; border-bottom:0; border-top:1px solid rgba(255,255,255,0.12); padding:14px 0 0; margin:12px 0 0; }
  .order-total .v{ color:var(--cyan); font:800 28px var(--font-display); }
  .order-notes{ display:grid; gap:8px; margin-top:14px; }
  .order-note{ display:flex; gap:8px; color:var(--muted); font-size:12px; }
  .order-note svg{ width:15px; height:15px; color:var(--green); flex-shrink:0; }
  .instructions-box{ padding:18px; margin-top:16px; }
  .instr-item{ margin-top:12px; }
  .instr-item .t{ font-weight:800; font-size:13px; }
  .confirm-panel{ display:none; text-align:center; padding:42px 24px 48px; }
  .confirm-panel.show{ display:block; }
  .confirm-icon{ width:78px; height:78px; margin:0 auto 18px; border-radius:24px; display:flex; align-items:center; justify-content:center; color:var(--green); border:1px solid rgba(79,224,143,0.38); background:linear-gradient(180deg, rgba(79,224,143,0.16), rgba(69,183,255,0.08)); box-shadow:0 18px 46px rgba(79,224,143,0.14), inset 0 1px 0 rgba(255,255,255,0.08); }
  .confirm-panel h2{ margin:0; font-size:clamp(28px, 5vw, 42px); letter-spacing:-.6px; }
  .confirm-lead{ max-width:520px; margin:12px auto 0; color:var(--muted); font-size:15px; line-height:1.55; }
  .confirm-id{ display:inline-flex; align-items:center; justify-content:center; gap:8px; margin:18px 0; padding:11px 16px; border:1px solid rgba(69,183,255,0.32); border-radius:999px; background:rgba(69,183,255,0.08); color:var(--cyan); font-family:var(--font-display); letter-spacing:1px; }
  .confirm-details{ width:min(560px, 100%); margin:4px auto 0; display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:10px; }
  .confirm-detail{ text-align:left; border:1px solid rgba(255,255,255,0.1); border-radius:14px; padding:13px 14px; background:rgba(255,255,255,0.04); }
  .confirm-detail span{ display:block; color:var(--muted); font:800 10px/1.2 var(--font-display); letter-spacing:1.4px; text-transform:uppercase; }
  .confirm-detail b{ display:block; margin-top:7px; color:var(--text); font-size:13px; line-height:1.25; }
  .confirm-actions{ width:min(560px, 100%); margin:18px auto 0; display:grid; grid-template-columns:1fr 1fr; gap:10px; }
  .confirm-actions a,
  .confirm-actions button{ min-height:48px; border-radius:999px; display:flex; align-items:center; justify-content:center; border:1px solid var(--line); background:rgba(255,255,255,0.05); color:var(--text); text-decoration:none; font:800 14px var(--font-body); cursor:pointer; }
  .confirm-actions .primary{ border:0; background:linear-gradient(135deg, #328bff, #45b7ff); color:#fff; box-shadow:0 14px 32px rgba(50,139,255,0.2); }
  .modal-status{ margin-top:12px; color:var(--muted); font-size:13px; min-height:19px; }

  /* Compact booking modal */
  .repair-modal{ padding:14px; }
  .repair-modal-shell{
    width:min(1180px, calc(100vw - 28px));
    height:min(94vh, 820px);
    max-height:820px;
    overflow:hidden;
    display:flex;
    flex-direction:column;
  }
  .repair-modal-top{
    position:static;
    flex-shrink:0;
    padding:14px 18px;
  }
  .repair-modal-top h2{ font-size:19px; }
  .repair-modal-top p{ font-size:12.5px; }
  .modal-close{ width:38px; height:38px; }
  .booking-grid{
    flex:1;
    min-height:0;
    grid-template-columns:minmax(0, 1.42fr) minmax(320px, .78fr);
    gap:18px;
    padding:16px 18px 18px;
    overflow:hidden;
  }
  .booking-left,
  .booking-right{
    min-height:0;
    min-width:0;
    scrollbar-width:thin;
    scrollbar-color:rgba(69,183,255,0.45) rgba(255,255,255,0.06);
  }
  .booking-left{
    overflow:auto;
    padding-right:2px;
  }
  .booking-left form{
    min-height:0;
    display:grid;
    grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);
    gap:12px;
    align-content:start;
  }
  .booking-left .field-block{ margin-bottom:0; }
  .booking-left form > .field-block:not(:first-child):not(#bookingPaymentBlock),
  .booking-left form > .book-cta,
  .booking-left form > .modal-status{
    grid-column:1 / -1;
  }
  .booking-left .subpanel{ min-width:0; }
  .booking-left .subpanel .field-block + .field-block{ margin-top:10px; }
  .repair-modal .field-label{
    margin-bottom:8px;
    font-size:10.5px;
  }
  .method-cards,.ship-cards{ gap:10px; }
  #bookingPanelShip .ship-cards{ grid-template-columns:1fr; }
  .method-card{ padding:12px; }
  .m-icon,.s-icon{ width:32px; height:32px; }
  .m-title,.s-name,.p-name{
    margin-top:8px;
    font-size:13.5px;
  }
  .m-desc,.s-note,.p-note,.paczkomat-info,.instr-item .d{
    font-size:12px;
    line-height:1.38;
  }
  .m-desc{
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
  }
  .m-tag{ margin-top:7px; }
  .ship-card,.pay-card{ padding:11px 12px; }
  .paczkomat-box{ padding:12px; }
  .contact-grid{
    grid-template-columns:repeat(4, minmax(0, 1fr));
    gap:10px;
  }
  .contact-grid .full{ grid-column:1 / -1; }
  .form-field{ gap:4px; }
  .form-field label{ font-size:11.5px; }
  .form-field input,.form-field textarea,.form-field select{
    padding:10px 11px;
    font-size:13px;
  }
  .form-field textarea{ min-height:50px; }
  .seg-row{
    max-width:260px;
    margin-bottom:10px;
  }
  .seg-btn{ padding:9px 12px; }
  .terms-row{
    grid-column:1 / -1;
    margin:0;
  }
  .terms-row label{
    font-size:12px;
    line-height:1.35;
  }
  .book-cta{ padding:12px; }
  .modal-status{ margin-top:0; }
  .booking-right{
    display:grid;
    grid-template-rows:auto minmax(0, auto);
    gap:12px;
    overflow:auto;
    padding-right:2px;
  }
  .booking-left::-webkit-scrollbar,
  .booking-right::-webkit-scrollbar{ width:6px; }
  .booking-left::-webkit-scrollbar-thumb,
  .booking-right::-webkit-scrollbar-thumb{
    background:rgba(69,183,255,0.45);
    border-radius:999px;
  }
  .booking-left::-webkit-scrollbar-track,
  .booking-right::-webkit-scrollbar-track{ background:rgba(255,255,255,0.06); }
  .summary-card{
    position:static;
    top:auto;
    padding:16px;
  }
  .summary-head,.order-total{
    padding-bottom:11px;
    margin-bottom:10px;
  }
  .order-line,.order-row{ padding:6px 0; }
  .order-total{
    padding-top:10px;
    margin-top:8px;
  }
  .order-total .v{ font-size:26px; }
  .order-notes{
    gap:7px;
    margin-top:11px;
  }
  .instructions-box{
    margin-top:0;
    padding:14px;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px 12px;
    overflow:hidden;
  }
  .instructions-box h3{
    grid-column:1 / -1;
    margin:0;
  }
  .instr-item{
    margin-top:0;
    padding-top:8px;
    border-top:1px solid rgba(255,255,255,0.08);
  }
  .instr-item .d{ display:none; }

  @media (max-height:760px) and (min-width:981px){
    .repair-modal{ padding:10px; }
    .repair-modal-shell{
      width:min(1200px, calc(100vw - 20px));
      height:calc(100vh - 20px);
    }
    .repair-modal-top{ padding:12px 16px; }
    .booking-grid{ padding:14px 16px 16px; gap:16px; }
    .method-card{ padding:11px; }
    .paczkomat-box,.summary-card{ padding:13px; }
    .instructions-box{ padding:12px; }
    .order-notes{ display:none; }
    .form-field textarea{ min-height:44px; }
    .book-cta{ padding:11px; }
  }

  @media (max-width:980px){
    .repair-modal{
      align-items:flex-start;
      padding:10px;
    }
    .repair-modal-shell{
      width:100%;
      height:auto;
      max-height:calc(100vh - 20px);
      overflow:auto;
    }
    .booking-grid{
      display:block;
      padding:14px;
      overflow:visible;
    }
    .booking-left,
    .booking-right{
      overflow:visible;
    }
    .booking-left form{
      display:block;
    }
    .booking-left .field-block,
    .booking-left .subpanel{
      margin-bottom:14px;
    }
    .contact-grid{
      grid-template-columns:1fr 1fr;
    }
    .booking-right{
      display:block;
      margin-top:16px;
    }
    .instructions-box{
      margin-top:12px;
    }
  }

  @media (max-width:620px){
    .repair-modal-top{
      align-items:flex-start;
      gap:12px;
    }
    .repair-modal-top p{ display:none; }
    .contact-grid{
      grid-template-columns:1fr;
    }
    .instructions-box{
      grid-template-columns:1fr;
    }
  }

  /* Mobile and narrow touch layout for booking */
  @media (max-width:1180px), (hover:none) and (pointer:coarse){
    .repair-modal{
      align-items:flex-start;
      justify-content:center;
      padding:6px;
      background:rgba(0,0,0,0.86);
    }
    .repair-modal-shell{
      width:100%;
      max-width:none;
      height:auto;
      max-height:calc(100vh - 12px);
      max-height:calc(100dvh - 12px);
      overflow:auto;
      border-radius:14px;
    }
    .repair-modal-top{
      position:sticky;
      top:0;
      z-index:5;
      padding:14px;
      background:rgba(5,10,12,0.96);
    }
    .repair-modal-top h2{
      font-size:22px;
      line-height:1.1;
    }
    .repair-modal-top p{
      max-width:34rem;
      font-size:12px;
      line-height:1.35;
    }
    .modal-close{
      width:42px;
      height:42px;
      border-radius:12px;
      flex:0 0 auto;
    }
    .booking-grid{
      display:flex;
      flex-direction:column;
      gap:12px;
      padding:12px;
      overflow:visible;
    }
    .booking-left,
    .booking-right{
      overflow:visible;
      padding-right:0;
    }
    .booking-right{
      order:-1;
      display:block;
      margin-top:0;
    }
    .booking-left form{
      display:block;
    }
    .booking-left .field-block,
    .booking-left .subpanel{
      margin-bottom:14px;
    }
    .repair-modal .field-label{
      margin-bottom:9px;
      font-size:10px;
      letter-spacing:2.2px;
    }
    .method-cards,
    .ship-cards,
    .pay-cards{
      grid-template-columns:1fr 1fr;
      gap:10px;
    }
    .method-card,
    .ship-card,
    .pay-card,
    .paczkomat-box,
    .summary-card{
      border-radius:14px;
    }
    .method-card{
      padding:14px;
    }
    .ship-card,
    .pay-card{
      min-height:72px;
      padding:13px;
    }
    .m-title,
    .s-name,
    .p-name{
      font-size:14px;
      line-height:1.25;
    }
    .m-desc{
      -webkit-line-clamp:3;
    }
    .summary-card{
      padding:14px;
      background:
        radial-gradient(circle at 100% 0%, rgba(69,183,255,0.12), transparent 38%),
        linear-gradient(180deg, rgba(28,39,46,0.98), rgba(12,20,25,0.98));
    }
    .summary-head{
      align-items:flex-start;
      gap:10px;
      padding-bottom:11px;
    }
    .s-brand,
    .summary-badge,
    .order-total .k{
      font-size:10px;
      letter-spacing:1.6px;
    }
    .summary-badge{
      padding:5px 8px;
      white-space:nowrap;
    }
    .s-model{
      font-size:18px;
      line-height:1.2;
    }
    .order-line,
    .order-row{
      font-size:13px;
      padding:7px 0;
    }
    .order-total .v{
      font-size:30px;
    }
    .order-notes,
    .instructions-box{
      display:none;
    }
    .contact-grid,
    .addr-grid{
      grid-template-columns:1fr 1fr;
      gap:10px;
    }
    .seg-row{
      max-width:none;
    }
    .seg-btn,
    .form-field input,
    .form-field textarea,
    .form-field select,
    .book-cta{
      border-radius:10px;
    }
    .form-field input,
    .form-field textarea,
    .form-field select{
      min-height:44px;
      font-size:16px;
      padding:11px 12px;
    }
    .form-field textarea{
      min-height:76px;
    }
    .terms-row{
      margin:2px 0 12px;
    }
    .book-cta{
      min-height:48px;
      font-size:14px;
      position:sticky;
      bottom:8px;
      z-index:3;
      box-shadow:0 -12px 30px rgba(0,0,0,0.28), 0 10px 24px rgba(69,183,255,0.18);
    }
  }

  @media (max-width:680px){
    .repair-modal{
      padding:0;
    }
    .repair-modal-shell{
      min-height:100vh;
      min-height:100dvh;
      max-height:100vh;
      max-height:100dvh;
      border-radius:0;
      border-left:0;
      border-right:0;
    }
    .repair-modal-top{
      padding:14px 16px;
    }
    .repair-modal-top p{
      display:none;
    }
    .booking-grid{
      display:flex;
      flex-direction:column;
      gap:14px;
      padding:12px 14px 18px;
    }
    .booking-left,
    .booking-right,
    .booking-left form,
    .summary-card,
    .method-card,
    .ship-card,
    .pay-card,
    .paczkomat-box{
      width:100%;
      max-width:none;
    }
    .booking-left .field-block:first-child{
      margin-top:2px;
    }
    .booking-left{
      position:relative;
      z-index:1;
    }
    .booking-right{
      order:-1;
      display:block !important;
      margin:0;
      padding:0;
    }
    .method-cards,
    .ship-cards,
    .pay-cards,
    .contact-grid,
    .addr-grid{
      grid-template-columns:1fr;
    }
    .summary-card{
      padding:14px 15px;
      position:static;
      top:auto;
      margin:0;
    }
    .summary-head{
      display:grid;
      grid-template-columns:1fr auto;
    }
    .s-brand{
      max-width:12rem;
    }
    .summary-badge{
      align-self:start;
      font-size:9.5px;
    }
    .order-total{
      align-items:center;
    }
    .order-total .v{
      font-size:32px;
    }
    .book-cta{
      position:static;
      bottom:auto;
      width:100%;
      margin-top:6px;
      box-shadow:0 10px 24px rgba(69,183,255,0.18);
    }
  }

  @media (max-width:1180px), (hover:none) and (pointer:coarse){
    #repairBookingModal.show #bookingGridModal{
      display:flex !important;
      flex-direction:column !important;
      grid-template-columns:1fr !important;
      gap:14px !important;
    }
    #repairBookingModal.show .booking-right{
      order:-1 !important;
      display:block !important;
      width:100% !important;
      max-width:none !important;
      flex:0 0 auto !important;
      margin:0 !important;
      padding:0 !important;
    }
    #repairBookingModal.show .booking-left{
      order:0 !important;
      display:block !important;
      width:100% !important;
      max-width:none !important;
      flex:0 0 auto !important;
      margin:0 !important;
      padding:0 !important;
    }
    #repairBookingModal.show .booking-left form{
      display:block !important;
      width:100% !important;
      max-width:none !important;
    }
    #repairBookingModal.show .summary-card{
      position:static !important;
      top:auto !important;
      width:100% !important;
      max-width:none !important;
      margin:0 !important;
    }
    #repairBookingModal.show .book-cta{
      position:static !important;
      bottom:auto !important;
      width:100% !important;
      margin-top:6px !important;
      box-shadow:0 10px 24px rgba(69,183,255,0.18) !important;
    }
  }

  #repairBookingModal.booking-success #bookingGridModal{
    display:none !important;
  }
  #repairBookingModal.booking-success .confirm-panel.show{
    flex:1;
    min-height:420px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
  }
  @media (max-width:680px){
    #repairBookingModal.booking-success .confirm-panel.show{
      min-height:calc(100dvh - 82px);
      padding:34px 18px 42px;
    }
    #repairBookingModal.booking-success .confirm-panel p{
      max-width:340px;
      margin-left:auto;
      margin-right:auto;
    }
    .confirm-details{
      grid-template-columns:1fr;
      gap:8px;
    }
    .confirm-actions{
      grid-template-columns:1fr;
    }
  }

  @media (max-width:760px){
    #repairBookingModal.booking-success{
      padding:8px !important;
      align-items:center !important;
    }
    #repairBookingModal.booking-success .repair-modal-shell{
      width:calc(100vw - 16px) !important;
      height:calc(100dvh - 16px) !important;
      max-height:calc(100dvh - 16px) !important;
      overflow:hidden !important;
      border-radius:16px !important;
    }
    #repairBookingModal.booking-success .repair-modal-top{
      padding:10px 12px !important;
      min-height:0 !important;
      align-items:center !important;
    }
    #repairBookingModal.booking-success .repair-modal-top .eyebrow{
      font-size:10px !important;
      letter-spacing:1px !important;
      margin-bottom:4px !important;
    }
    #repairBookingModal.booking-success .repair-modal-top h2{
      font-size:20px !important;
      line-height:1.05 !important;
      max-width:250px !important;
    }
    #repairBookingModal.booking-success .repair-modal-top p{
      display:none !important;
    }
    #repairBookingModal.booking-success .modal-close{
      width:44px !important;
      height:44px !important;
      border-radius:14px !important;
      flex:0 0 auto !important;
    }
    #repairBookingModal.booking-success .confirm-panel.show{
      flex:1 1 auto !important;
      min-height:0 !important;
      height:auto !important;
      display:flex !important;
      flex-direction:column !important;
      justify-content:center !important;
      padding:8px 14px 12px !important;
      overflow:hidden !important;
    }
    #repairBookingModal.booking-success .confirm-icon{
      width:46px !important;
      height:46px !important;
      min-height:46px !important;
      border-radius:16px !important;
      margin:0 auto 8px !important;
    }
    #repairBookingModal.booking-success .confirm-icon svg{
      width:24px !important;
      height:24px !important;
    }
    #repairBookingModal.booking-success .confirm-panel h2{
      font-size:28px !important;
      line-height:1.02 !important;
    }
    #repairBookingModal.booking-success .confirm-lead{
      max-width:330px !important;
      margin-top:8px !important;
      font-size:13.5px !important;
      line-height:1.38 !important;
    }
    #repairBookingModal.booking-success .confirm-id{
      margin:10px 0 !important;
      padding:8px 12px !important;
      font-size:14px !important;
      letter-spacing:1.6px !important;
    }
    #repairBookingModal.booking-success .confirm-details{
      width:100% !important;
      max-width:360px !important;
      grid-template-columns:1fr !important;
      gap:6px !important;
      margin-top:0 !important;
    }
    #repairBookingModal.booking-success .confirm-detail{
      padding:9px 11px !important;
      border-radius:12px !important;
    }
    #repairBookingModal.booking-success .confirm-detail span{
      font-size:9px !important;
      letter-spacing:1.2px !important;
    }
    #repairBookingModal.booking-success .confirm-detail b{
      margin-top:4px !important;
      font-size:13px !important;
      line-height:1.15 !important;
    }
    #repairBookingModal.booking-success #bookingConfirmNote{
      max-width:330px !important;
      margin:10px auto 0 !important;
      font-size:13px !important;
      line-height:1.34 !important;
    }
    #repairBookingModal.booking-success .confirm-actions{
      width:100% !important;
      max-width:360px !important;
      grid-template-columns:1fr !important;
      gap:8px !important;
      margin:12px auto 0 !important;
    }
    #repairBookingModal.booking-success .confirm-actions a,
    #repairBookingModal.booking-success .confirm-actions button{
      min-height:44px !important;
      font-size:13.5px !important;
    }
  }

  @media (max-width:380px), (max-height:720px){
    #repairBookingModal.booking-success .repair-modal-top{
      padding:8px 10px !important;
    }
    #repairBookingModal.booking-success .repair-modal-top .eyebrow{
      margin-bottom:0 !important;
    }
    #repairBookingModal.booking-success .repair-modal-top h2{
      display:none !important;
    }
    #repairBookingModal.booking-success .modal-close{
      width:40px !important;
      height:40px !important;
    }
    #repairBookingModal.booking-success .confirm-panel.show{
      padding:6px 12px 10px !important;
    }
    #repairBookingModal.booking-success .confirm-icon{
      display:none !important;
    }
    #repairBookingModal.booking-success .confirm-panel h2{
      font-size:25px !important;
    }
    #repairBookingModal.booking-success .confirm-lead{
      font-size:12.5px !important;
      line-height:1.3 !important;
    }
    #repairBookingModal.booking-success .confirm-id{
      margin:8px 0 !important;
    }
    #repairBookingModal.booking-success #bookingConfirmNote{
      font-size:12.4px !important;
      line-height:1.28 !important;
    }
    #repairBookingModal.booking-success .confirm-actions a,
    #repairBookingModal.booking-success .confirm-actions button{
      min-height:40px !important;
    }
  }

  /* Final booking modal polish */
  @media (min-width:1181px){
    .repair-modal-shell{
      width:min(1260px, calc(100vw - 44px));
      height:min(92vh, 820px);
    }
    .repair-modal-top{
      padding:16px 22px;
    }
    .booking-grid{
      grid-template-columns:minmax(0, 1.62fr) minmax(350px, .78fr);
      gap:24px;
      padding:20px 22px 22px;
    }
    .booking-left form{
      gap:16px 14px;
    }
    .method-cards,
    .ship-cards,
    .pay-cards{
      gap:12px;
    }
    .method-card,
    .ship-card,
    .pay-card,
    .paczkomat-box{
      padding:14px;
    }
    .summary-card{
      padding:18px;
    }
    .instructions-box{
      padding:16px;
    }
  }

  .instructions-box{
    align-content:start;
  }
  .instr-item .d{
    display:block;
    margin-top:4px;
    color:var(--muted);
    font-size:11.5px;
    line-height:1.35;
  }
  .instr-item a{
    color:var(--cyan);
    text-decoration:none;
  }

  @media (max-width:1180px), (hover:none) and (pointer:coarse){
    #repairBookingModal.show .booking-right{
      display:contents !important;
    }
    #repairBookingModal.show .summary-card{
      order:-2 !important;
    }
    #repairBookingModal.show .booking-left{
      order:0 !important;
    }
    #repairBookingModal.show .instructions-box{
      order:1 !important;
      display:grid !important;
      width:100% !important;
      margin-top:12px !important;
      padding:12px 14px !important;
      grid-template-columns:1fr 1fr !important;
      gap:8px 12px !important;
    }
    #repairBookingModal.show .instructions-box h3{
      grid-column:1 / -1 !important;
      font-size:10px !important;
      letter-spacing:1.6px !important;
      margin:0 0 2px !important;
    }
    #repairBookingModal.show .instr-item{
      padding-top:8px !important;
      border-top:1px solid rgba(255,255,255,0.08) !important;
    }
    #repairBookingModal.show .instr-item .t{
      font-size:12.5px !important;
    }
    #repairBookingModal.show .instr-item .d{
      display:block !important;
      font-size:11.5px !important;
      line-height:1.35 !important;
    }
    #repairBookingModal.show .order-notes{
      display:none !important;
    }
  }

  @media (max-width:520px){
    #repairBookingModal.show .instructions-box{
      grid-template-columns:1fr !important;
    }
  }

  .mobile-instructions-box{
    display:none;
  }

  @media (min-width:1181px){
    .booking-left form{
      display:block;
    }
    .booking-left .field-block,
    .booking-left .subpanel{
      margin-bottom:18px;
    }
    .booking-left .subpanel .field-block + .field-block{
      margin-top:14px;
    }
    .method-card{
      min-height:128px;
    }
    .ship-card,
    .pay-card{
      min-height:74px;
    }
  }

  @media (max-width:1180px), (hover:none) and (pointer:coarse){
    #repairBookingModal.show .booking-right > .instructions-box{
      display:none !important;
    }
    #repairBookingModal.show .mobile-instructions-box{
      display:grid !important;
      grid-template-columns:1fr 1fr;
      gap:8px 12px;
      width:100%;
      margin:0 0 14px;
      padding:12px 14px;
      border:1px solid rgba(255,255,255,0.12);
      border-radius:14px;
      background:linear-gradient(180deg, rgba(28,39,46,0.98), rgba(14,22,27,0.98));
      color:var(--text);
    }
    .mobile-instructions-box h3{
      grid-column:1 / -1;
      margin:0 0 2px;
      font-family:var(--font-display);
      font-size:10px;
      letter-spacing:1.6px;
      color:var(--muted);
      text-transform:uppercase;
    }
    .mobile-instructions-box .instr-item{
      margin:0;
      padding-top:8px;
      border-top:1px solid rgba(255,255,255,0.08);
    }
    .mobile-instructions-box .instr-item .t{
      font-size:12.5px;
      font-weight:800;
    }
    .mobile-instructions-box .instr-item .d{
      display:block;
      margin-top:4px;
      color:var(--muted);
      font-size:11.5px;
      line-height:1.35;
    }
    .mobile-instructions-box a{
      color:var(--cyan);
      text-decoration:none;
    }
  }

  @media (max-width:520px){
    #repairBookingModal.show .mobile-instructions-box{
      grid-template-columns:1fr;
    }
  }

  #repairBookingModal #bookingPanelShip .ship-cards{
    grid-template-columns:1fr !important;
  }

  #sellConfirmModal .repair-modal-shell{
    width:min(1080px, calc(100vw - 28px));
    height:auto;
    max-height:min(92vh, 820px);
    overflow:auto;
  }
  #sellConfirmModal .booking-grid{
    grid-template-columns:minmax(0, 1.08fr) minmax(330px, .82fr);
    align-items:start;
  }
  #sellConfirmModal .method-card{
    min-height:132px;
    overflow:visible;
  }
  #sellConfirmModal .m-desc{
    display:block;
    -webkit-line-clamp:unset;
    -webkit-box-orient:initial;
    overflow:visible;
  }
  #sellConfirmModal .terms-row{
    margin-bottom:22px;
  }
  #sellConfirmModal .book-cta{
    margin-top:2px;
  }
  #sellConfirmModal .sell-contact-grid{
    grid-template-columns:minmax(150px, .72fr) minmax(270px, 1.28fr);
  }
  .sell-confirm-summary .order-line span:first-child{
    color:var(--muted);
  }
  .sell-confirm-summary .order-line b{
    color:var(--text);
    text-align:right;
    font-size:13px;
  }
  .sell-confirm-summary .order-total .k{
    color:var(--muted);
  }
  .sell-confirm-summary .order-total .v{
    color:#45b7ff;
  }
  .sell-confirm-warning{
    margin-top:14px;
    border:1px solid rgba(255,180,94,0.25);
    border-radius:12px;
    padding:12px 13px;
    background:rgba(255,180,94,0.08);
    color:var(--muted);
    font-size:12.5px;
    line-height:1.45;
  }
  #sellConfirmModal.sell-success #sellConfirmGrid{
    display:none !important;
  }
  #sellConfirmModal.sell-success .confirm-panel.show{
    min-height:420px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
  }
  @media (max-width:980px){
    #sellConfirmModal .booking-grid{
      grid-template-columns:1fr;
      gap:22px;
      overflow:auto;
    }
    #sellConfirmModal .booking-right{
      order:-1;
      overflow:visible;
      padding-right:0;
    }
    #sellConfirmModal .summary-card{
      position:static;
      margin-bottom:18px;
    }
    #sellConfirmModal .booking-left{
      overflow:visible;
      padding-right:0;
    }
    #sellConfirmModal .booking-left form{
      display:block;
    }
    #sellConfirmModal .booking-left .field-block{
      margin-bottom:18px;
    }
    #sellConfirmModal .method-cards{
      grid-template-columns:1fr;
    }
    #sellConfirmModal .method-card{
      min-height:auto;
      padding:15px;
    }
    #sellConfirmModal .terms-row{
      margin:8px 0 24px;
    }
    #sellConfirmModal .book-cta{
      margin-top:0;
    }
  }
  @media (max-width:760px){
    #sellConfirmModal .sell-contact-grid{
      grid-template-columns:1fr;
    }
    #sellConfirmModal #sellConfirmGrid{
      display:flex !important;
      flex-direction:column !important;
      gap:0 !important;
      padding:12px 14px 24px !important;
      overflow:visible !important;
    }
    #sellConfirmModal .booking-right{
      order:-1 !important;
      display:block !important;
      flex:0 0 auto !important;
      width:100% !important;
      margin:0 0 28px !important;
      padding:0 !important;
      overflow:visible !important;
    }
    #sellConfirmModal .summary-card.sell-confirm-summary{
      width:100% !important;
      margin:0 !important;
      padding:14px 15px 22px !important;
      position:relative !important;
      overflow:visible !important;
    }
    #sellConfirmModal .sell-confirm-summary .order-line{
      padding:6px 0;
      font-size:12.5px;
    }
    #sellConfirmModal .sell-confirm-summary .order-line b{
      max-width:58%;
      font-size:12.5px;
      line-height:1.25;
    }
    #sellConfirmModal .sell-confirm-summary .order-total{
      display:flex;
      align-items:flex-end;
      gap:14px;
      margin:12px 0 0 !important;
      padding:14px 0 2px !important;
      min-height:54px;
    }
    #sellConfirmModal .sell-confirm-summary .order-total .v{
      font-size:30px !important;
      line-height:1 !important;
      white-space:nowrap;
    }
    #sellConfirmModal .booking-left{
      order:0 !important;
      display:block !important;
      width:100% !important;
      margin:0 !important;
      padding:0 !important;
      overflow:visible !important;
      position:relative;
      z-index:2;
    }
    #sellConfirmModal .booking-left form{
      display:block !important;
      width:100% !important;
    }
    #sellConfirmModal .booking-left .field-block:first-child{
      margin-top:0 !important;
      padding-top:2px;
    }
    #sellConfirmModal .booking-left .field-block:first-child .field-label{
      margin-top:0;
    }
  }

  @media (max-width:760px){
    #sellConfirmModal.sell-success{
      padding:8px !important;
      align-items:center !important;
    }
    #sellConfirmModal.sell-success .repair-modal-shell{
      width:calc(100vw - 16px) !important;
      height:calc(100dvh - 16px) !important;
      max-height:calc(100dvh - 16px) !important;
      overflow:hidden !important;
      border-radius:16px !important;
    }
    #sellConfirmModal.sell-success .repair-modal-top{
      padding:10px 12px !important;
      min-height:0 !important;
      align-items:center !important;
    }
    #sellConfirmModal.sell-success .repair-modal-top .eyebrow{
      font-size:10px !important;
      letter-spacing:1px !important;
      margin-bottom:4px !important;
    }
    #sellConfirmModal.sell-success .repair-modal-top h2{
      font-size:20px !important;
      line-height:1.05 !important;
      max-width:250px !important;
    }
    #sellConfirmModal.sell-success .repair-modal-top p{
      display:none !important;
    }
    #sellConfirmModal.sell-success .modal-close{
      width:44px !important;
      height:44px !important;
      border-radius:14px !important;
      flex:0 0 auto !important;
    }
    #sellConfirmModal.sell-success .confirm-panel.show{
      flex:1 1 auto !important;
      min-height:0 !important;
      height:auto !important;
      display:flex !important;
      flex-direction:column !important;
      justify-content:center !important;
      padding:8px 14px 12px !important;
      overflow:hidden !important;
    }
    #sellConfirmModal.sell-success .confirm-icon{
      width:46px !important;
      height:46px !important;
      min-height:46px !important;
      border-radius:16px !important;
      margin:0 auto 8px !important;
    }
    #sellConfirmModal.sell-success .confirm-icon svg{
      width:24px !important;
      height:24px !important;
    }
    #sellConfirmModal.sell-success .confirm-panel h2{
      font-size:28px !important;
      line-height:1.02 !important;
    }
    #sellConfirmModal.sell-success .confirm-lead{
      max-width:330px !important;
      margin-top:8px !important;
      font-size:13.5px !important;
      line-height:1.38 !important;
    }
    #sellConfirmModal.sell-success .confirm-id{
      margin:10px 0 !important;
      padding:8px 12px !important;
      font-size:14px !important;
      letter-spacing:1.6px !important;
    }
    #sellConfirmModal.sell-success .confirm-details{
      width:100% !important;
      max-width:360px !important;
      grid-template-columns:1fr !important;
      gap:6px !important;
      margin-top:0 !important;
    }
    #sellConfirmModal.sell-success .confirm-detail{
      padding:9px 11px !important;
      border-radius:12px !important;
    }
    #sellConfirmModal.sell-success .confirm-detail span{
      font-size:9px !important;
      letter-spacing:1.2px !important;
    }
    #sellConfirmModal.sell-success .confirm-detail b{
      margin-top:4px !important;
      font-size:13px !important;
      line-height:1.15 !important;
    }
    #sellConfirmModal.sell-success #sellConfirmNote{
      max-width:330px !important;
      margin:10px auto 0 !important;
      font-size:13px !important;
      line-height:1.34 !important;
    }
    #sellConfirmModal.sell-success .confirm-actions{
      width:100% !important;
      max-width:360px !important;
      grid-template-columns:1fr !important;
      gap:8px !important;
      margin:12px auto 0 !important;
    }
    #sellConfirmModal.sell-success .confirm-actions a,
    #sellConfirmModal.sell-success .confirm-actions button{
      min-height:44px !important;
      font-size:13.5px !important;
    }
  }

  @media (max-width:380px), (max-height:720px){
    #sellConfirmModal.sell-success .repair-modal-top{
      padding:8px 10px !important;
    }
    #sellConfirmModal.sell-success .repair-modal-top .eyebrow{
      margin-bottom:0 !important;
    }
    #sellConfirmModal.sell-success .repair-modal-top h2{
      display:none !important;
    }
    #sellConfirmModal.sell-success .modal-close{
      width:40px !important;
      height:40px !important;
    }
    #sellConfirmModal.sell-success .confirm-panel.show{
      padding:6px 12px 10px !important;
    }
    #sellConfirmModal.sell-success .confirm-icon{
      display:none !important;
    }
    #sellConfirmModal.sell-success .confirm-panel h2{
      font-size:25px !important;
    }
    #sellConfirmModal.sell-success .confirm-lead{
      font-size:12.5px !important;
      line-height:1.3 !important;
    }
    #sellConfirmModal.sell-success .confirm-id{
      margin:8px 0 !important;
    }
    #sellConfirmModal.sell-success #sellConfirmNote{
      font-size:12.4px !important;
      line-height:1.28 !important;
    }
    #sellConfirmModal.sell-success .confirm-actions a,
    #sellConfirmModal.sell-success .confirm-actions button{
      min-height:40px !important;
    }
  }

  @keyframes repairChoicePop{
    0%{ transform:translateY(0) scale(1); }
    42%{ transform:translateY(-3px) scale(1.012); }
    100%{ transform:translateY(0) scale(1); }
  }
  @keyframes diagChoicePulse{
    0%{ box-shadow:0 0 0 0 rgba(69,183,255,0); }
    35%{ box-shadow:0 0 0 4px rgba(69,183,255,0.22), 0 18px 54px rgba(69,183,255,0.16); }
    100%{ box-shadow:0 0 0 0 rgba(69,183,255,0); }
  }
  @keyframes phoneChoicePulse{
    0%{ transform:scale(0.94) rotate(-1.2deg); filter:none; }
    45%{ transform:scale(0.985) rotate(-.35deg); filter:drop-shadow(0 18px 26px rgba(69,183,255,0.18)); }
    100%{ transform:scale(0.94) rotate(-1.2deg); filter:none; }
  }
  .repair-card.choice-pop{
    animation:repairChoicePop .34s cubic-bezier(.2,.9,.25,1);
  }
  .diag-frame.choice-pulse{
    animation:diagChoicePulse .58s ease-out;
  }
  .phone-svg-wrap.choice-pulse{
    animation:phoneChoicePulse .46s cubic-bezier(.2,.9,.25,1);
  }

  /* ---------- AI concept test theme ---------- */
  body.theme-ai-test{
    --ai-blue:#328bff;
    --ai-blue-2:#64b7ff;
    --ai-teal:#30e1cf;
    --ai-card:#171716;
    --ai-card-2:#111112;
    --ai-card-3:#1d1d1c;
    --ai-border:rgba(255,255,255,0.12);
    --ai-soft:rgba(50,139,255,0.14);
    background:#070707;
  }
  body.theme-ai-test header.nav{
    background:rgba(7,7,7,0.86);
    backdrop-filter:blur(18px);
    border-bottom:1px solid rgba(255,255,255,0.12);
    box-shadow:0 16px 36px rgba(0,0,0,0.28);
  }
  body.theme-ai-test .nav-inner{
    max-width:1160px;
    padding:16px 26px;
  }
  body.theme-ai-test .logo-img{
    height:22px;
    filter:none;
  }
  body.theme-ai-test nav.links{
    gap:34px;
    font-size:13px;
    font-weight:700;
  }
  body.theme-ai-test nav.links a{ color:#d7d7d7; }
  body.theme-ai-test nav.links a:hover{ color:#fff; }
  body.theme-ai-test .nav-actions{
    gap:10px;
  }
  body.theme-ai-test .nav-cta{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:999px;
    background:linear-gradient(135deg, var(--ai-blue), #1d75e9);
    color:#fff;
    padding:9px 18px;
    box-shadow:0 12px 26px rgba(50,139,255,0.22);
    text-transform:none;
  }
  body.theme-ai-test .nav-shop{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:999px;
    border-color:rgba(255,255,255,0.34);
    color:#fff;
    background:linear-gradient(180deg, rgba(255,255,255,0.05), rgba(255,255,255,0.015));
    padding:9px 20px;
    text-transform:none;
    box-shadow:none;
  }
  body.theme-ai-test .nav-shop:hover{
    border-color:rgba(100,183,255,0.82);
    background:rgba(50,139,255,0.12);
  }
  body.theme-ai-test .hero{
    padding:54px 0 28px;
    background:
      radial-gradient(circle at 12% 0%, rgba(255,255,255,0.045), transparent 28%),
      linear-gradient(180deg, #080808 0%, #070707 100%);
    overflow:hidden;
  }
  body.theme-ai-test .hero::before{
    content:"";
    position:absolute;
    inset:0;
    background:
      radial-gradient(circle at 48% -5%, rgba(24,83,160,0.55) 0 142px, transparent 146px),
      radial-gradient(circle at 48% -5%, rgba(21,86,170,0.22) 0 238px, transparent 242px),
      linear-gradient(115deg, transparent 0 46%, rgba(50,139,255,0.055) 46% 47%, transparent 47% 100%);
    mask-image:none;
    pointer-events:none;
  }
  body.theme-ai-test .hero-glow{ display:none; }
  body.theme-ai-test .hero-grid{
    max-width:1160px;
    grid-template-columns:minmax(0, 1.08fr) minmax(330px, 0.82fr);
    gap:58px;
    align-items:stretch;
  }
  body.theme-ai-test .eyebrow{
    display:inline-flex;
    gap:7px;
    padding:7px 12px;
    border-radius:999px;
    background:rgba(255,255,255,0.1);
    color:#d8d8d8;
    font-family:var(--font-body);
    font-size:12px;
    font-weight:800;
    letter-spacing:0;
    text-transform:none;
  }
  body.theme-ai-test .eyebrow .bar{
    width:7px;
    height:7px;
    border-radius:50%;
    background:#55e067;
    box-shadow:0 0 14px rgba(85,224,103,0.5);
  }
  body.theme-ai-test .hero h1{
    max-width:610px;
    margin:0 0 18px;
    font-size:clamp(46px, 5.45vw, 70px);
    line-height:.98;
    letter-spacing:-1px;
  }
  body.theme-ai-test .hero p.lead{
    max-width:540px;
    margin-bottom:26px;
    color:#dddddd;
    font-size:17px;
    line-height:1.52;
  }
  body.theme-ai-test .hero-cta-row{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    align-items:center;
    width:min(100%, 520px);
    gap:10px;
    margin-bottom:28px;
  }
  body.theme-ai-test .hero-cta-row .btn-primary{
    grid-column:1 / -1;
    min-height:49px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    gap:2px;
    background:linear-gradient(135deg, var(--ai-blue), #1c76ef);
    color:#fff;
    border-radius:999px;
    padding:15px 30px;
    box-shadow:0 18px 38px rgba(50,139,255,0.24);
    font-family:var(--font-body);
    font-size:14px;
    letter-spacing:0;
    text-transform:none;
  }
  body.theme-ai-test .hero-cta-row .btn-primary:hover{
    transform:translateY(-2px);
    box-shadow:0 24px 46px rgba(50,139,255,0.32);
  }
  body.theme-ai-test .hero-cta-row .btn-ghost{
    min-height:49px;
    display:inline-flex;
    align-items:center;
    justify-content:flex-start;
    gap:8px;
    padding:0 17px;
    border-radius:999px;
    font-family:var(--font-body);
    font-size:13px;
    font-weight:850;
    letter-spacing:0;
    text-transform:none;
    text-decoration:none;
    background:rgba(255,255,255,0.055);
    border:1px solid rgba(255,255,255,0.14);
    color:#f4f7ff;
    box-shadow:inset 0 1px 0 rgba(255,255,255,0.06);
  }
  body.theme-ai-test .hero-cta-row .btn-primary span,
  body.theme-ai-test .hero-cta-row .btn-ghost b{
    display:block;
    line-height:1.05;
  }
  body.theme-ai-test .hero-cta-row .btn-primary small,
  body.theme-ai-test .hero-cta-row .btn-ghost small{
    display:block;
    margin-top:3px;
    font-family:var(--font-body);
    font-size:10.5px;
    font-weight:800;
    line-height:1;
    letter-spacing:0;
    text-transform:none;
    opacity:.76;
  }
  body.theme-ai-test .hero-cta-row .btn-primary small{
    color:rgba(255,255,255,0.78);
  }
  body.theme-ai-test .hero-cta-row .btn-ghost .cta-copy{
    min-width:0;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
  }
  body.theme-ai-test .hero-cta-row .btn-ghost svg{
    width:16px;
    height:16px;
    flex:0 0 auto;
    stroke-width:2.15;
  }
  body.theme-ai-test .hero-cta-row .btn-ghost[href="#sklep"]{
    color:#ffd391;
    border-color:rgba(255,180,94,0.3);
    background:linear-gradient(180deg, rgba(255,180,94,0.12), rgba(255,180,94,0.05));
  }
  body.theme-ai-test .hero-cta-row .btn-ghost[href="#wycena"]{
    color:#9fd6ff;
    border-color:rgba(100,183,255,0.34);
    background:linear-gradient(180deg, rgba(50,139,255,0.14), rgba(50,139,255,0.06));
  }
  body.theme-ai-test .hero-cta-row .btn-ghost:hover{
    transform:translateY(-2px);
    border-color:rgba(255,255,255,0.28);
  }
  body.theme-ai-test .hero-link-row{
    display:none;
    flex-wrap:wrap;
    gap:22px;
    margin:0 0 28px;
  }
  body.theme-ai-test .hero-link-row a{
    color:#f4f7ff;
    font-size:13px;
    font-weight:800;
    text-decoration:underline;
    text-underline-offset:3px;
  }
  body.theme-ai-test .hero-stats{
    max-width:560px;
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:20px;
    padding-top:23px;
    border-top:1px solid rgba(255,255,255,0.18);
  }
  body.theme-ai-test .hero-stat{
    position:relative;
    min-height:58px;
  }
  body.theme-ai-test .hero-stat:not(:last-child)::after{
    content:"";
    position:absolute;
    top:4px;
    right:0;
    width:1px;
    height:42px;
    background:rgba(255,255,255,0.11);
  }
  body.theme-ai-test .hero-stat strong{
    display:block;
    color:#fff;
    font-size:26px;
    line-height:1;
    font-weight:900;
  }
  body.theme-ai-test .hero-stat:nth-child(1) strong,
  body.theme-ai-test .hero-stat:nth-child(2) strong{ color:var(--ai-blue); }
  body.theme-ai-test .hero-stat > span{
    display:block;
    margin-top:6px;
    color:#b5b5b5;
    font-size:12px;
    line-height:1.25;
  }
  body.theme-ai-test .hero-stat .star{
    display:inline;
    margin-left:2px;
    color:#ffae2d;
    font-size:.72em;
    vertical-align:12%;
  }
  body.theme-ai-test .hero-stat strong.rating-stars{
    color:#ffc84a;
    font-size:23px;
    letter-spacing:1.5px;
    line-height:1;
    white-space:nowrap;
    text-shadow:0 0 18px rgba(255,200,74,0.2);
  }
  body.theme-ai-test .hero-stat strong.fb-recommend{
    display:flex;
    align-items:center;
    color:#58a6ff;
    white-space:nowrap;
  }
  body.theme-ai-test .trust-badges,
  body.theme-ai-test .hero-reviews,
  body.theme-ai-test .hero-mobile-note,
  body.theme-ai-test .mobile-proof{ display:none !important; }
  body.theme-ai-test .ticker{
    min-height:0;
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    border:1px solid rgba(255,255,255,0.08);
    border-radius:22px;
    padding:30px 34px 28px;
    background:
      radial-gradient(circle at 82% 8%, rgba(50,139,255,0.14), transparent 34%),
      linear-gradient(180deg, #1b1b1a 0%, #151514 100%);
    box-shadow:0 34px 80px rgba(0,0,0,0.38), inset 0 1px 0 rgba(255,255,255,0.05);
    overflow:hidden;
  }
  body.theme-ai-test .ticker::before{
    content:"";
    position:absolute;
    inset:auto -30% -38% 10%;
    height:190px;
    background:radial-gradient(circle, rgba(50,139,255,0.12), transparent 64%);
    pointer-events:none;
  }
  body.theme-ai-test .ticker::after{
    display:block;
    content:"";
    position:absolute;
    inset:0;
    border-radius:22px;
    background:linear-gradient(135deg, rgba(255,255,255,0.08), transparent 34%);
    opacity:.28;
    pointer-events:none;
  }
  body.theme-ai-test .ticker-label{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    color:#9f9f9f;
    font-family:var(--font-body);
    font-size:12px;
    font-weight:900;
    letter-spacing:.7px;
  }
  body.theme-ai-test .ticker-live{
    display:inline-flex;
    align-items:center;
    gap:6px;
    color:#65e487;
    white-space:nowrap;
  }
  body.theme-ai-test .ticker-model,
  body.theme-ai-test .proof-grid,
  body.theme-ai-test .proof-line,
  body.theme-ai-test .proof-opinions{ display:none; }
  body.theme-ai-test .ticker-process-title{
    position:relative;
    margin-top:14px;
    color:#fff;
    font-size:31px;
    line-height:1;
    font-weight:900;
    letter-spacing:0;
  }
  body.theme-ai-test .ticker-process-title span{
    color:var(--ai-blue-2);
  }
  body.theme-ai-test .ticker-price{
    position:relative;
    margin-top:14px;
    color:var(--ai-blue-2);
    font-family:var(--font-body);
    font-size:52px;
    line-height:.9;
    text-shadow:none;
  }
  body.theme-ai-test .ticker-note{
    position:relative;
    max-width:342px;
    margin-top:10px;
    color:#d8d8d8;
    font-size:13.5px;
    font-weight:700;
    line-height:1.38;
  }
  body.theme-ai-test .hero-process{
    position:relative;
    display:grid;
    gap:8px;
    margin-top:14px;
  }
  body.theme-ai-test .hero-process-step{
    display:grid;
    grid-template-columns:auto 1fr;
    gap:6px 11px;
    align-items:center;
    padding:10px 13px;
    border:1px solid rgba(255,255,255,0.09);
    border-radius:16px;
    background:rgba(255,255,255,0.035);
  }
  body.theme-ai-test .hero-process-step .step-number{
    grid-row:1 / span 2;
    display:flex;
    align-items:center;
    justify-content:center;
    width:31px;
    height:31px;
    border-radius:12px;
    background:rgba(50,139,255,0.15);
    color:var(--ai-blue-2);
    font-size:12px;
    font-weight:900;
  }
  body.theme-ai-test .hero-process-step b{
    color:#fff;
    font-size:14px;
    line-height:1.1;
  }
  body.theme-ai-test .hero-process-step small{
    color:#bcbcbc;
    font-size:12px;
    line-height:1.2;
  }
  body.theme-ai-test .hero-proof-tags{
    position:relative;
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:0;
    margin-top:13px;
    width:100%;
    padding:9px 0;
    border-top:1px solid rgba(255,255,255,0.08);
    border-bottom:1px solid rgba(255,255,255,0.08);
  }
  body.theme-ai-test .hero-proof-tags span{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:9px;
    min-height:25px;
    padding:0 12px 0 0;
    border:0;
    border-radius:0;
    background:transparent;
    color:#d6dde7;
    font-size:12px;
    font-weight:800;
    line-height:1.15;
    text-align:left;
  }
  body.theme-ai-test .hero-proof-tags span + span{
    padding-left:16px;
    border-left:1px solid rgba(255,255,255,0.1);
  }
  body.theme-ai-test .hero-proof-tags span::before{
    content:"✓";
    width:20px;
    height:20px;
    border-radius:7px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex:0 0 auto;
    background:rgba(85,224,103,0.12);
    border:1px solid rgba(85,224,103,0.25);
    color:#64e689;
    font-size:12px;
    font-weight:900;
  }
  body.theme-ai-test .proof-actions{
    position:relative;
    margin-top:0;
    padding-top:16px;
    display:grid;
    grid-template-columns:minmax(0, 1fr);
    gap:10px;
  }
  body.theme-ai-test .proof-call{
    width:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:46px;
    border-radius:999px;
    background:linear-gradient(180deg, #30302f, #262625);
    color:#fff;
    box-shadow:none;
    font-family:var(--font-body);
    font-size:14px;
    letter-spacing:0;
    text-align:center;
    text-decoration:none;
    white-space:nowrap;
  }
  body.theme-ai-test .proof-primary{
    background:linear-gradient(135deg, var(--ai-blue), #1d75e9);
    box-shadow:0 16px 32px rgba(50,139,255,0.2);
    font-weight:900;
  }
  body.theme-ai-test .proof-phone{
    max-width:260px;
    justify-self:center;
    background:linear-gradient(180deg, #30302f, #262625);
    color:#fff;
  }
  body.theme-ai-test .categories{
    padding:32px 0 72px;
    background:#080808;
    border-top:0;
  }
  body.theme-ai-test .cat-grid{
    max-width:1160px;
    gap:28px;
  }
  body.theme-ai-test .cat-card{
    min-height:268px;
    border:0;
    border-radius:17px;
    padding:34px 30px 30px;
    background:
      radial-gradient(circle at 18% 12%, rgba(50,139,255,0.12), transparent 25%),
      linear-gradient(180deg, #1a1a19, #151514);
    box-shadow:0 18px 44px rgba(0,0,0,0.22);
  }
  body.theme-ai-test .cat-card:hover{
    transform:translateY(-4px);
    box-shadow:0 26px 58px rgba(0,0,0,0.36);
  }
  body.theme-ai-test .cat-card::before{ display:none; }
  body.theme-ai-test .cat-icon{
    width:48px;
    height:48px;
    border-radius:13px;
    background:rgba(47,140,255,0.17) !important;
    color:var(--ai-blue) !important;
    margin-bottom:24px;
  }
  body.theme-ai-test .cat-tag{
    color:#64a9ff !important;
    font-family:var(--font-body);
    font-size:11px;
    font-weight:900;
    letter-spacing:.4px;
  }
  body.theme-ai-test .cat-card h3{
    margin:10px 0 10px;
    font-size:24px;
    line-height:1.08;
  }
  body.theme-ai-test .cat-card p{
    color:#dedede;
    font-size:14px;
    line-height:1.5;
  }
  body.theme-ai-test .cat-arrow{
    color:#75b4ff !important;
    font-family:var(--font-body);
    font-size:13px;
    font-weight:900;
    text-decoration:underline;
    text-underline-offset:3px;
  }
  body.theme-ai-test .shop-card,
  body.theme-ai-test .shop-empty{
    border-color:rgba(255,255,255,0.11);
    background:
      radial-gradient(circle at 78% 0%, rgba(50,139,255,0.1), transparent 28%),
      linear-gradient(180deg, rgba(28,28,27,0.96), rgba(16,16,16,0.98));
  }
  body.theme-ai-test .shop-live-pill{
    border-color:rgba(100,183,255,0.28);
    background:rgba(50,139,255,0.09);
    color:#9fd6ff;
  }
  body.theme-ai-test .shop-price{
    color:var(--ai-blue-2);
  }
  body.theme-ai-test .shop-contact{
    background:linear-gradient(135deg, var(--ai-blue), #1d75e9);
  }
  body.theme-ai-test .steps-section,
  body.theme-ai-test .shop-section,
  body.theme-ai-test .config-section,
  body.theme-ai-test .repair-section,
  body.theme-ai-test .reviews,
  body.theme-ai-test .faq-section{
    background:
      radial-gradient(circle at 88% 0%, rgba(50,139,255,0.07), transparent 30%),
      linear-gradient(180deg, #080808 0%, #070707 100%);
  }
  body.theme-ai-test .steps-section,
  body.theme-ai-test .shop-section,
  body.theme-ai-test .config-section,
  body.theme-ai-test .repair-section,
  body.theme-ai-test .trust,
  body.theme-ai-test .reviews,
  body.theme-ai-test .faq-section,
  body.theme-ai-test footer{
    border-top:1px solid rgba(255,255,255,0.08);
  }
  body.theme-ai-test .section-head{
    max-width:720px;
  }
  body.theme-ai-test .section-head h2{
    color:#fff;
    letter-spacing:-.7px;
    font-size:clamp(30px, 3.6vw, 44px);
  }
  body.theme-ai-test .section-head p{
    color:#c7c7c7;
  }
  body.theme-ai-test .step,
  body.theme-ai-test .receipt,
  body.theme-ai-test .cond-card,
  body.theme-ai-test .toggle,
  body.theme-ai-test .chip,
  body.theme-ai-test .yn-btn,
  body.theme-ai-test .repair-empty,
  body.theme-ai-test .repair-model-trigger,
  body.theme-ai-test .repair-model-menu,
  body.theme-ai-test .repair-card,
  body.theme-ai-test .diag-frame,
  body.theme-ai-test .faq-item,
  body.theme-ai-test .trust-item{
    border-color:rgba(255,255,255,0.11);
    background:linear-gradient(180deg, rgba(28,28,27,0.96), rgba(16,16,16,0.98));
    box-shadow:0 18px 42px rgba(0,0,0,0.22);
  }
  body.theme-ai-test .step{
    border-radius:18px;
  }
  body.theme-ai-test .step .num,
  body.theme-ai-test .field-label,
  body.theme-ai-test .repair-section .eyebrow,
  body.theme-ai-test .diag-label,
  body.theme-ai-test .repair-card .meta,
  body.theme-ai-test .faq-q{
    color:#75b4ff;
  }
  body.theme-ai-test .chip.active,
  body.theme-ai-test .chip-cyan.active,
  body.theme-ai-test .toggle.active,
  body.theme-ai-test .yn-btn.active,
  body.theme-ai-test .yn-btn.active-yes,
  body.theme-ai-test .yn-btn.active-no,
  body.theme-ai-test .cond-card.active,
  body.theme-ai-test .repair-card.selected,
  body.theme-ai-test .repair-model-trigger.active{
    border-color:rgba(100,183,255,0.9);
    box-shadow:0 0 0 3px rgba(50,139,255,0.16), 0 18px 44px rgba(0,0,0,0.28);
  }
  body.theme-ai-test .chip.active,
  body.theme-ai-test .chip-cyan.active,
  body.theme-ai-test .toggle.active,
  body.theme-ai-test .yn-btn.active,
  body.theme-ai-test .yn-btn.active-yes,
  body.theme-ai-test .yn-btn.active-no,
  body.theme-ai-test .cond-card.active{
    background:linear-gradient(135deg, var(--ai-blue), #1d75e9);
    color:#fff;
  }
  body.theme-ai-test .cond-card.active .d,
  body.theme-ai-test .cond-card.active .pct{
    color:rgba(255,255,255,0.84);
  }
  body.theme-ai-test .receipt{
    border-radius:22px;
    --paper:#f4f4ef;
    background:
      linear-gradient(180deg, #fbfbf6 0%, #ecece5 100%);
    color:#141414;
    border-color:rgba(255,255,255,0.2);
    box-shadow:0 26px 70px rgba(0,0,0,0.42), 0 0 0 1px rgba(255,255,255,0.18);
  }
  body.theme-ai-test .receipt::before,
  body.theme-ai-test .receipt::after{
    background-color:#080808;
  }
  body.theme-ai-test .r-head{
    border-bottom-color:#b8b8ae;
  }
  body.theme-ai-test .r-head .brand,
  body.theme-ai-test .r-row .v{
    color:#111;
  }
  body.theme-ai-test .r-head .sub,
  body.theme-ai-test .r-row .k,
  body.theme-ai-test .r-total .k,
  body.theme-ai-test .r-foot{
    color:#60605a;
  }
  body.theme-ai-test .r-row{
    border-bottom-color:#c5c5bc;
  }
  body.theme-ai-test .r-row.placeholder .v{
    color:#77776f;
  }
  body.theme-ai-test .r-total{
    border-top-color:#b8b8ae;
  }
  body.theme-ai-test .r-total .v,
  body.theme-ai-test .diag-total .v,
  body.theme-ai-test .repair-card .price,
  body.theme-ai-test .option-price,
  body.theme-ai-test .variant-price{
    color:var(--ai-blue-2);
  }
  body.theme-ai-test .r-cta,
  body.theme-ai-test .diag-cta,
  body.theme-ai-test .book-cta{
    background:linear-gradient(135deg, var(--ai-blue), #1d75e9);
    color:#fff;
    border:0;
    box-shadow:0 18px 38px rgba(50,139,255,0.2);
  }
  body.theme-ai-test .r-cta:disabled,
  body.theme-ai-test .diag-cta:disabled,
  body.theme-ai-test .book-cta:disabled{
    background:#2a2a29;
    color:#8f8f8f;
    box-shadow:none;
  }
  body.theme-ai-test .yn-row{
    gap:12px;
  }
  body.theme-ai-test .yn-btn{
    position:relative;
    min-height:44px;
  }
  body.theme-ai-test .yn-btn.active-yes{
    border-color:rgba(100,183,255,0.95);
    background:linear-gradient(135deg, var(--ai-blue), #1d75e9);
    color:#fff;
    box-shadow:0 0 0 3px rgba(50,139,255,0.16), 0 16px 34px rgba(0,0,0,0.28);
  }
  body.theme-ai-test .yn-btn.active-no{
    border-color:rgba(100,183,255,0.95);
    background:linear-gradient(135deg, var(--ai-blue), #1d75e9);
    color:#fff;
    box-shadow:0 0 0 3px rgba(50,139,255,0.16), 0 16px 34px rgba(0,0,0,0.28);
  }
  body.theme-ai-test .repair-panel{
    border-color:rgba(50,139,255,0.24);
    background:
      radial-gradient(circle at 82% 10%, rgba(50,139,255,0.1), transparent 30%),
      linear-gradient(180deg, rgba(14,14,14,0.96), rgba(8,8,8,0.98));
  }
  body.theme-ai-test .repair-filter{
    border-color:rgba(255,255,255,0.16);
    background:#151515;
  }
  body.theme-ai-test .repair-filter.active{
    border-color:rgba(100,183,255,0.95);
    background:rgba(50,139,255,0.13);
    color:#fff;
  }
  body.theme-ai-test .phone-svg-wrap,
  body.theme-ai-test .diag-stage{
    filter:drop-shadow(0 24px 42px rgba(0,0,0,0.48));
  }
  body.theme-ai-test .trust{
    background:#080808;
  }
  body.theme-ai-test .trust-grid{
    max-width:1160px;
  }
  body.theme-ai-test .trust-item{
    padding:18px;
    border:1px solid rgba(255,255,255,0.1);
    border-radius:16px;
    background:linear-gradient(145deg, rgba(31,39,46,0.92), rgba(17,18,18,0.98));
    box-shadow:0 14px 34px rgba(0,0,0,0.2);
  }
  body.theme-ai-test .trust-copy span{
    color:#c7c7c7;
  }
  body.theme-ai-test .review-carousel{
    border:1px solid rgba(255,255,255,0.1);
    background:
      radial-gradient(circle at 8% 10%, rgba(255,174,45,0.08), transparent 26%),
      linear-gradient(180deg, #1b1b1a, #101010);
    box-shadow:0 24px 70px rgba(0,0,0,0.32);
  }
  body.theme-ai-test .reviews-summary{
    border-bottom-color:rgba(255,255,255,0.1);
  }
  body.theme-ai-test .reviews-link{
    border-color:rgba(255,255,255,0.16);
    background:#151515;
  }
  body.theme-ai-test .reviews-link:hover{
    border-color:rgba(255,174,45,0.75);
    background:rgba(255,174,45,0.08);
  }
  body.theme-ai-test .faq-item{
    border-radius:16px;
    padding:18px 20px;
  }
  body.theme-ai-test .faq-q .plus{
    color:var(--ai-blue-2) !important;
  }
  body.theme-ai-test footer{
    background:#070707;
  }
  body.theme-ai-test .foot-col h3{
    color:var(--ai-blue-2);
  }
  body.theme-ai-test .foot-col a:hover{
    color:var(--ai-blue-2);
  }
  body.theme-ai-test .social-link{
    background:#151515;
    border-color:rgba(100,183,255,0.28);
    color:var(--ai-blue-2);
  }
  body.theme-ai-test .social-link:hover{
    border-color:rgba(100,183,255,0.75);
    background:rgba(50,139,255,0.12);
    color:#fff;
  }
  @media (max-width:980px){
    body.theme-ai-test .hero-grid{
      grid-template-columns:1fr;
      gap:28px;
    }
    body.theme-ai-test .ticker{
      min-height:280px;
    }
  }
  @media (max-width:760px){
    body.theme-ai-test .nav-inner{
      padding:14px 18px;
    }
    body.theme-ai-test .nav-shop{
      display:inline-flex;
      padding:8px 17px;
    }
    body.theme-ai-test .hero{
      padding:34px 0 24px;
    }
    body.theme-ai-test .hero::before{
      background:
        radial-gradient(circle at 78% -4%, rgba(24,83,160,0.48) 0 112px, transparent 116px),
        radial-gradient(circle at 80% -4%, rgba(21,86,170,0.18) 0 204px, transparent 208px),
        linear-gradient(116deg, transparent 0 50%, rgba(50,139,255,0.05) 50% 51%, transparent 51% 100%);
    }
    body.theme-ai-test .hero h1{
      max-width:96%;
      font-size:clamp(34px, 10.4vw, 42px);
      line-height:1.02;
      margin:0 0 13px;
      letter-spacing:-.6px;
    }
    body.theme-ai-test .hero p.lead{
      max-width:96%;
      font-size:15px;
      line-height:1.53;
      margin-bottom:18px;
      color:#d4d4d4;
    }
    body.theme-ai-test .hero-cta-row{
      width:100%;
      margin-bottom:0;
    }
    body.theme-ai-test .hero-cta-row .btn-primary{
      width:100%;
      min-height:54px;
      justify-content:center;
      padding:0 22px;
      border-radius:16px;
      box-shadow:0 16px 36px rgba(50,139,255,0.28);
    }
    body.theme-ai-test .hero-cta-row{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:9px;
    }
    body.theme-ai-test .hero-cta-row .btn-primary{
      grid-column:1 / -1;
    }
    body.theme-ai-test .hero-cta-row .btn-ghost{
      display:flex;
      align-items:center;
      justify-content:flex-start;
      gap:7px;
      min-height:52px;
      padding:0 11px;
      border-radius:14px;
      font-size:11.5px;
      font-weight:850;
      text-align:left;
      background:rgba(255,255,255,0.055);
      border-color:rgba(255,255,255,0.14);
    }
    body.theme-ai-test .hero-cta-row .btn-ghost svg{
      width:15px;
      height:15px;
      flex:0 0 auto;
      stroke-width:2.2;
    }
    body.theme-ai-test .hero-cta-row .btn-primary small,
    body.theme-ai-test .hero-cta-row .btn-ghost small{
      margin-top:3px;
      font-size:9.2px;
      line-height:1.05;
    }
    body.theme-ai-test .hero-cta-row .btn-ghost .cta-copy{
      align-items:flex-start;
    }
    body.theme-ai-test .hero-cta-row .btn-ghost[href="#wycena"]{
      color:#9fd6ff;
      border-color:rgba(100,183,255,0.34);
      background:rgba(50,139,255,0.1);
    }
    body.theme-ai-test .hero-cta-row .btn-ghost[href="#sklep"]{
      color:#ffd391;
      border-color:rgba(255,180,94,0.28);
      background:rgba(255,180,94,0.08);
    }
    body.theme-ai-test .hero-link-row{
      display:none;
    }
    body.theme-ai-test .hero-stats{
      max-width:none;
      margin-top:16px;
      gap:0;
      padding:12px 10px;
      border:1px solid rgba(255,255,255,0.1);
      border-radius:18px;
      background:
        linear-gradient(180deg, rgba(255,255,255,0.06), rgba(255,255,255,0.025));
      box-shadow:inset 0 1px 0 rgba(255,255,255,0.05);
    }
    body.theme-ai-test .hero-stat strong{
      font-size:20px;
    }
    body.theme-ai-test .hero-stat strong.rating-stars{
      font-size:17px;
      letter-spacing:.7px;
    }
    body.theme-ai-test .hero-stat strong.fb-recommend{
      font-size:18px;
    }
    body.theme-ai-test .hero-stat > span{
      margin-top:5px;
      font-size:10.5px;
    }
    body.theme-ai-test .hero-stat{
      min-height:42px;
      padding:0 8px;
    }
    body.theme-ai-test .hero-stat:not(:last-child)::after{
      top:2px;
      height:38px;
      background:rgba(255,255,255,0.09);
    }
    body.theme-ai-test .ticker{
      padding:21px 19px;
      min-height:auto;
    }
    body.theme-ai-test .ticker-process-title{
      margin-top:12px;
      font-size:25px;
      line-height:1.06;
    }
    body.theme-ai-test .ticker-note{
      max-width:none;
      font-size:12.8px;
      line-height:1.42;
    }
    body.theme-ai-test .hero-process{
      margin-top:12px;
      gap:7px;
    }
    body.theme-ai-test .hero-process-step{
      padding:9px 10px;
      border-radius:13px;
      gap:6px 10px;
    }
    body.theme-ai-test .hero-process-step .step-number{
      width:28px;
      height:28px;
      border-radius:10px;
    }
    body.theme-ai-test .hero-process-step b{
      font-size:13.5px;
    }
    body.theme-ai-test .hero-process-step small{
      font-size:11.3px;
    }
    body.theme-ai-test .hero-proof-tags{
      margin-top:10px;
      padding:8px 0;
    }
    body.theme-ai-test .hero-proof-tags span{
      gap:7px;
      padding-right:8px;
      font-size:11px;
    }
    body.theme-ai-test .hero-proof-tags span + span{
      padding-left:10px;
    }
    body.theme-ai-test .hero-proof-tags span::before{
      width:18px;
      height:18px;
      border-radius:6px;
      font-size:11px;
    }
    body.theme-ai-test .proof-actions{
      grid-template-columns:minmax(0, 1fr);
      gap:8px;
      padding-top:16px;
    }
    body.theme-ai-test .proof-phone{
      max-width:none;
    }
    body.theme-ai-test .proof-call{
      min-height:42px;
      font-size:12.5px;
      padding:0 10px;
    }
    body.theme-ai-test .cat-grid{
      gap:16px;
    }
    body.theme-ai-test .cat-card{
      min-height:auto;
      padding:26px 24px;
    }
  }

  @media (max-width:760px){
    .repair-card,
    .repair-card .left,
    .repair-card .icon{
      overflow:visible;
    }
    .repair-card .icon{
      width:36px;
      height:36px;
      min-width:36px;
      flex:0 0 36px;
      border-radius:11px;
      transform:translateZ(0);
    }
    .repair-card .icon svg{
      width:17px;
      height:17px;
      display:block;
      overflow:visible;
      stroke-linecap:round;
      stroke-linejoin:round;
    }
    .diag-badge-overlay{
      width:64px;
      height:64px;
      overflow:visible;
    }
    .diag-badge-overlay svg{
      width:64px;
      height:64px;
      overflow:visible;
    }
    .diag-badge-inner.broken .badge-pulse{
      animation:none;
      opacity:0;
    }
  }

  /* Pełne konfiguratory działają na dedykowanych podstronach. */
  body.page-home > .shop-section,
  body.page-home > .config-section,
  body.page-home > .repair-section{
    display:none;
  }

  @media (max-width:760px){
    .logo,
    .nav-shop,
    .nav-cta,
    .shop-contact,
    .reviews-link,
    .foot-route-link,
    .social-link,
    .legal-links a,
    .foot-col a[href^="tel:"],
    .foot-col a[href^="mailto:"]{
      min-height:44px !important;
      display:inline-flex;
      align-items:center;
    }
  }

  /* Final layout polish: clearer hierarchy and resilient narrow screens. */
  .repair-card-actions{
    display:flex;
    flex:0 0 auto;
    align-items:center;
    gap:16px;
  }

  body.page-home .steps{
    gap:0;
    overflow:hidden;
    border-top:1px solid rgba(255,255,255,.12);
    border-bottom:1px solid rgba(255,255,255,.12);
  }

  body.page-home .step{
    min-height:0;
    padding:30px 32px;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
  }

  body.page-home .step + .step{
    border-left:1px solid rgba(255,255,255,.12);
  }

  .reviews,
  .review-carousel,
  .review-window{
    max-width:100%;
  }

  .review-carousel,
  .review-window{
    overflow:hidden;
  }

  .review-carousel{
    contain:layout paint;
  }

  @media (max-width:820px){
    body.page-home .steps{
      display:block;
    }

    body.page-home .step{
      padding:24px 4px;
    }

    body.page-home .step + .step{
      border-left:0;
      border-top:1px solid rgba(255,255,255,.12);
    }
  }

  @media (max-width:760px){
    .repair-card{
      display:grid;
      grid-template-columns:minmax(0,1fr) auto;
      align-items:start;
      gap:10px 12px;
      padding:13px;
    }

    .repair-card .left{
      min-width:0;
      align-items:flex-start;
    }

    .repair-card .repair-copy{
      min-width:0;
    }

    .repair-card .desc{
      line-height:1.42;
    }

    .repair-card-actions{
      gap:9px;
      padding-top:3px;
    }

    .repair-variants{
      width:100%;
      gap:7px;
    }

    .variant-pill{
      flex:1 1 132px;
      min-width:min(132px,100%);
    }

    .reviews{
      padding-top:48px;
      padding-bottom:52px;
    }

    .reviews .section-head{
      margin-bottom:24px;
    }

    .faq-section{
      padding-top:48px;
      padding-bottom:52px;
    }
  }

  @media (max-width:420px){
    .repair-card{
      grid-template-columns:minmax(0,1fr) auto;
      gap:9px;
    }

    .repair-card .icon{
      display:none;
    }

    .repair-card .name{
      font-size:14px;
    }

    .repair-card .desc{
      font-size:11.5px;
    }
  }

  @media (max-width:380px){
    body.theme-ai-test .nav-inner{
      gap:6px;
      padding:11px 10px;
    }

    body.theme-ai-test .logo{
      font-size:22px;
    }

    body.theme-ai-test .nav-actions{
      gap:6px;
    }

    body.theme-ai-test .nav-shop,
    body.theme-ai-test .nav-cta{
      min-height:38px !important;
      padding:0 10px;
      font-size:10px;
      white-space:nowrap;
    }

    body.theme-ai-test .hero-stats{
      grid-template-columns:repeat(3,minmax(0,1fr));
      padding:10px 7px;
      border-radius:14px;
    }

    body.theme-ai-test .hero-stat{
      min-width:0;
      padding:0 6px;
    }

    body.theme-ai-test .hero-stat strong{
      font-size:16px;
      white-space:nowrap;
    }

    body.theme-ai-test .hero-stat .rating-stars{
      font-size:14px;
      letter-spacing:0;
    }

    body.theme-ai-test .hero-stat span{
      font-size:8.5px;
      line-height:1.25;
    }
  }

  /* Release polish: accessibility, reviews and tablet-safe modals. */
  :where(a, button, input, textarea, [tabindex]):focus-visible{
    outline:2px solid #64b7ff;
    outline-offset:3px;
  }

  .reviews > .wrap{
    width:min(1240px, calc(100% - 40px));
    margin-inline:auto;
  }

  .review-carousel{
    width:100%;
    max-width:1240px;
    margin-inline:auto;
  }

  .review-carousel.is-paused .review-track,
  .review-carousel:hover .review-track,
  .review-carousel:focus-within .review-track{
    animation-play-state:paused;
  }

  .review-pause{
    flex:0 0 auto;
    min-height:38px;
    padding:0 13px;
    border:1px solid rgba(255,255,255,.16);
    border-radius:8px;
    background:#15191d;
    color:#dbe7ef;
    font:800 11px/1 var(--font-display);
    cursor:pointer;
    transition:border-color .16s ease, background .16s ease, color .16s ease;
  }

  .review-pause:hover,
  .review-pause[aria-pressed="true"]{
    border-color:rgba(100,183,255,.75);
    background:rgba(50,139,255,.13);
    color:#fff;
  }

  .form-field .field-error{
    display:block;
    margin-top:5px;
    color:#ff8792;
    font-size:11px;
    line-height:1.35;
  }

  .form-field :is(input, textarea).is-invalid{
    border-color:#ff6978 !important;
    box-shadow:0 0 0 3px rgba(255,77,94,.12) !important;
  }

  textarea{
    resize:none;
  }

  .shop-checkout-summary{
    display:grid;
    gap:0;
    margin-top:4px;
    border:1px solid rgba(100,183,255,.28);
    border-radius:8px;
    overflow:hidden;
    background:rgba(50,139,255,.06);
  }

  .shop-checkout-summary > div{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    min-height:34px;
    padding:6px 12px;
    color:#aebbc5;
    font-size:12px;
  }

  .shop-checkout-summary > div + div{
    border-top:1px solid rgba(255,255,255,.08);
  }

  .shop-checkout-summary b{
    color:#eef6ff;
    white-space:nowrap;
  }

  .shop-checkout-summary .shop-checkout-total{
    min-height:42px;
    color:#fff;
    font-weight:800;
  }

  .shop-checkout-summary .shop-checkout-total b{
    color:#64b7ff;
    font-family:var(--font-display);
    font-size:18px;
  }

  .brand-independence{
    max-width:920px;
    margin:18px 0 0;
    padding-top:16px;
    border-top:1px solid rgba(255,255,255,.08);
    color:#77838c;
    font-size:11px;
    line-height:1.55;
  }

  @media (max-width:920px){
    nav.links.nav-mobile-hide{
      display:none !important;
    }
    .nav-actions{
      margin-left:auto;
    }
  }

  @media (max-width:1100px){
    .shop-order-modal .repair-modal-shell{
      width:min(760px, calc(100vw - 24px));
      height:auto;
      max-height:calc(100dvh - 20px);
      overflow-x:hidden;
      overflow-y:auto;
      overscroll-behavior:contain;
      scrollbar-gutter:stable;
    }

    .shop-order-grid{
      display:flex;
      flex:0 0 auto;
      flex-direction:column;
      gap:16px;
      min-height:max-content;
      padding:16px;
      overflow:visible;
    }

    .shop-detail-card,
    .shop-order-form-card{
      width:100%;
      min-height:max-content;
      overflow:visible;
    }

    .shop-detail-photo{
      width:min(100%, 330px);
    }
  }

  @media (max-width:640px){
    .reviews > .wrap{
      width:min(100% - 28px, 1240px);
    }
    .reviews-summary{
      display:grid;
      grid-template-columns:minmax(0,1fr) auto;
      align-items:center;
      gap:12px;
    }
    .reviews-summary > div:first-child{
      grid-column:1 / -1;
    }
    .review-pause{
      justify-self:end;
    }
    .brand-independence{
      font-size:10.5px;
    }
  }