:root{
    --ink:#0C2256;
    --ink-soft:#0F2A69;
    --gold:#C3122F;
    --gold-light:#8EC0FF;
    --cool:#E6EBF5;
    --red:#C3122F;
    --cloud:#F5F7FB;
    --steel:#56607A;
    --line:#DDE3EE;
    --white:#FFFFFF;
  }
  *{box-sizing:border-box;margin:0;padding:0;}
  html{scroll-behavior:smooth;}
  body{
    font-family:'Inter',sans-serif;
    color:var(--ink);
    background:var(--white);
    line-height:1.5;
    -webkit-font-smoothing:antialiased;
  }
  h1,h2,h3,.display{
    font-family:'Barlow Condensed',sans-serif;
    text-transform:uppercase;
    letter-spacing:0.02em;
    font-weight:700;
    line-height:1.02;
  }
  .mono{
    font-family:'IBM Plex Mono',monospace;
    letter-spacing:0.03em;
  }
  a{color:inherit;text-decoration:none;}
  .wrap{max-width:1180px;margin:0 auto;padding:0 28px;}

  .site-topbar{
    position:sticky;top:0;z-index:50;
  }
  header{
    background:var(--ink);
  }
  [id]{scroll-margin-top:90px;}
  .nav{
    position:relative;
    display:flex;align-items:center;justify-content:space-between;gap:16px;
    padding:12px 28px;max-width:1400px;margin:0 auto;
  }
  .nav-logo{display:flex;align-items:center;gap:10px;flex-shrink:0;}
  .nav-wordmark-img{height:19px;width:auto;display:block;}
  .konex-wordmark{height:0.78em;width:auto;display:inline-block;vertical-align:-0.06em;margin:0 0.02em;}
  .konex-wordmark--light{filter:brightness(0) invert(1);}
  .nav-by{
    font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:0.04em;
    color:#8E96AE;white-space:nowrap;
  }
  .logo-svg--nav{
    height:44px;width:auto;display:block;
    background:var(--white);border-radius:3px;padding:4px 10px;
  }
  /* .nav-links is always the hamburger dropdown panel now — 13 links
     (plus the policy pages) never actually fit in the inline top bar at
     any screen width, since .nav is capped at max-width:1400px above.
     Trying to compact them inline just moved the crowding to a wider
     breakpoint instead of fixing it, so the panel and the button that
     opens it (.nav-menu-btn) are unconditional rather than tucked behind
     a media query. */
  .nav-links{
    display:none;position:absolute;top:100%;left:0;right:0;z-index:5;
    flex-direction:column;align-items:stretch;gap:0;
    background:var(--ink);border-top:1px solid rgba(255,255,255,0.1);
    max-height:calc(100vh - 70px);overflow-y:auto;padding:6px 0 14px;
    box-shadow:0 18px 36px rgba(0,0,0,0.4);
  }
  /* On tablet and up there's room for the dropdown to behave like an
     actual dropdown instead of a full-width bar spanning the whole
     header — pinned under the hamburger button with a sane max width,
     rounded off and detached from the header like a floating panel.
     Phones keep the full-width edge-to-edge version above, since a
     narrow floating panel would just make the links cramped there. */
  @media (min-width:641px){
    .nav-links{
      left:28px;right:auto;top:calc(100% + 8px);
      width:320px;max-width:calc(100vw - 56px);
      border-top:none;border-radius:6px;
      border:1px solid rgba(255,255,255,0.1);
      max-height:calc(100vh - 100px);
    }
  }
  .nav-links.nav-links-open{display:flex;}
  .nav-links a{
    color:#D0D5E2;font-weight:500;transition:color .2s ease;
    width:100%;padding:13px 24px;font-size:15px;
    border-bottom:1px solid rgba(255,255,255,0.06);
  }
  .nav-links a:hover, .nav-links a:focus-visible{color:var(--gold-light);}
  .nav-cta{
    background:var(--gold);color:var(--ink)!important;
    padding:9px 14px;border-radius:2px;font-size:13.5px;font-weight:700;
    letter-spacing:0.02em;
  }
  .nav-cta:hover{background:var(--gold-light);}
  .nav-links .nav-cta{
    display:block;width:calc(100% - 48px);margin:12px 24px 2px;
    text-align:center;border-bottom:none;
  }
  .nav-menu-btn{
    display:flex;background:none;border:1px solid rgba(255,255,255,0.25);color:var(--white);
    padding:7px;border-radius:2px;cursor:pointer;align-items:center;
    transition:border-color .15s ease;flex-shrink:0;
  }
  .nav-menu-btn:hover{border-color:var(--gold);}
  .nav-menu-btn svg{width:18px;height:18px;stroke:var(--white);}

  .hero{
    background:var(--ink);
    color:var(--white);
    padding:120px 0 0;
    position:relative;
    overflow:hidden;
  }
  .hero-panel{
    position:absolute;top:0;bottom:0;left:0;right:0;
    background:linear-gradient(90deg,
      var(--ink) 0%, var(--ink) 53%,
      var(--gold) 53%, var(--gold) calc(53% + 2px),
      #FFFFFF calc(53% + 2px), #FFFFFF 100%);
    z-index:0;
  }
  .hero-inner{
    max-width:1320px;margin:0 auto;padding:0 28px 72px;
    display:grid;grid-template-columns:1.1fr 0.9fr;gap:40px;align-items:center;
    position:relative;z-index:1;
  }
  .eyebrow{
    font-family:'IBM Plex Mono',monospace;
    font-size:12.5px;letter-spacing:0.14em;text-transform:uppercase;
    color:#C9D0E4;margin-bottom:22px;display:flex;align-items:center;gap:10px;
  }
  .eyebrow::before{
    content:'';width:26px;height:2px;background:var(--gold);display:inline-block;
  }
  .hero h1{
    font-size:clamp(38px,5.6vw,66px);
    color:var(--white);
    max-width:15ch;
  }
  .hero h1 .accent{color:var(--gold-light);}
  .hero p.lede{
    font-size:17px;color:#C3C9D8;max-width:50ch;margin-top:22px;line-height:1.6;
  }
  .hero-ctas{display:flex;gap:14px;margin-top:34px;flex-wrap:wrap;}
  .btn{
    display:inline-flex;align-items:center;gap:8px;
    padding:13px 24px;font-size:14.5px;font-weight:600;
    border-radius:2px;border:1px solid transparent;
    transition:all .2s ease;letter-spacing:0.01em;
    cursor:pointer;
  }
  .btn-primary{background:var(--gold);color:var(--ink);font-weight:700;}
  .btn-primary:hover{background:var(--gold-light);transform:translateY(-1px);}
  .btn-ghost{border-color:rgba(255,255,255,0.28);color:var(--white);}
  .btn-ghost:hover{border-color:var(--white);background:rgba(255,255,255,0.06);}

  /* Loading spinner shown inside a submit button while a request is in
     flight (checkout, dealer/refund forms, etc.) so the customer can see
     the page is actually working, not just frozen. */
  .btn-primary.is-loading{opacity:0.85;cursor:wait;pointer-events:none;}
  .btn-spinner{
    display:inline-block;width:15px;height:15px;
    border:2px solid rgba(20,20,20,0.35);border-top-color:var(--ink);
    border-radius:50%;margin-right:4px;vertical-align:-2px;
    animation:btn-spin 0.7s linear infinite;
  }
  @keyframes btn-spin{ to{ transform:rotate(360deg); } }

  .hero-mark{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;align-self:start;margin-top:-40px;}
  .hero-logo-card{width:min(245px,100%);padding:0 12px;}
  .hero-logo-card img{width:100%;height:auto;display:block;}
  .hero-bike-card{width:min(950px,100%);padding:12px;margin-top:60px;}
  .hero-bike-stage{position:relative;width:100%;aspect-ratio:1652/1031;perspective:1400px;}
  .hero-bike-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;display:block;transform:rotateY(-70deg) scale(0.94);transform-origin:50% 50%;transition:opacity 0.7s ease,transform 0.7s cubic-bezier(.22,.61,.36,1);backface-visibility:hidden;}
  .hero-bike-slide--active{opacity:1;transform:rotateY(0deg) scale(1);}
  .hero-bike-slide--leaving{opacity:0;transform:rotateY(70deg) scale(0.94);}
  .hero-bike-caption{
    font-family:'IBM Plex Mono',monospace;font-size:12.5px;letter-spacing:0.06em;
    color:var(--ink);opacity:0.65;margin-top:70px;text-align:center;
  }

  .plate{
    background:var(--ink-soft);
    border-top:1px solid rgba(255,255,255,0.08);
    border-bottom:3px solid var(--gold);
  }
  .plate-inner{
    max-width:1180px;margin:0 auto;padding:0 28px;
    display:grid;grid-template-columns:repeat(4,1fr);
  }
  .plate-item{padding:18px 20px;border-left:1px solid rgba(255,255,255,0.08);}
  .plate-item:first-child{border-left:none;}
  .plate-item .k{
    font-family:'IBM Plex Mono',monospace;font-size:10.5px;
    letter-spacing:0.12em;text-transform:uppercase;color:#8E96AE;margin-bottom:5px;
  }
  .plate-item .v{font-family:'IBM Plex Mono',monospace;font-size:14px;color:var(--white);letter-spacing:0.01em;}

  section{padding:84px 0;}
  /* Capabilities and Sourcing capacity: more compact than other sections —
     smaller top/bottom padding, tighter heading spacing, and denser cards. */
  #capabilities, #sourcing{padding:44px 0;}
  #capabilities .section-head, #sourcing .section-head{margin-bottom:26px;}
  #capabilities .cap-grid, #sourcing .cap-grid{border-top:1px solid var(--line);}
  #capabilities .cap-card, #sourcing .cap-card{padding:18px 16px;}
  #capabilities .cap-card svg, #sourcing .cap-card svg{width:22px;height:22px;margin-bottom:8px;}
  #capabilities .cap-card h3, #sourcing .cap-card h3{font-size:16px;margin-bottom:5px;}
  #capabilities .cap-card p, #sourcing .cap-card p{font-size:12.5px;line-height:1.45;}
  #capabilities .cap-card-link, #sourcing .cap-card-link{margin-top:8px;font-size:11.5px;}
  .section-head{
    display:grid;grid-template-columns:0.8fr 1.2fr;gap:40px;
    margin-bottom:48px;align-items:start;
  }
  .section-head .tag{
    font-family:'IBM Plex Mono',monospace;font-size:12px;
    letter-spacing:0.14em;text-transform:uppercase;color:var(--gold);
    display:flex;align-items:center;gap:10px;
  }
  .section-head .tag::before{content:'';width:26px;height:2px;background:var(--gold);}
  .section-head h2{font-size:clamp(28px,3.8vw,42px);color:var(--ink);margin-top:10px;}
  .section-head .desc{color:var(--steel);font-size:16px;line-height:1.65;padding-top:8px;}

  /* ---------- Legal policy pages ---------- */
  .legal-section{background:var(--white);border-top:1px solid var(--line);}
  .legal-section.alt{background:var(--cloud);}
  .legal-body{max-width:760px;}
  .legal-body h3{
    font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:20px;
    color:var(--ink);margin:32px 0 10px;letter-spacing:0.01em;
  }
  .legal-body h3:first-child{margin-top:0;}
  .legal-body p{color:var(--steel);font-size:15px;line-height:1.7;margin-bottom:14px;}
  .legal-body ul{margin:0 0 14px;padding-left:20px;}
  .legal-body li{color:var(--steel);font-size:15px;line-height:1.7;margin-bottom:6px;}
  .legal-body strong{color:var(--ink);font-weight:600;}
  .legal-meta{
    font-family:'IBM Plex Mono',monospace;font-size:11.5px;color:#8E96AE;
    letter-spacing:0.04em;margin-bottom:6px;
  }
  .legal-back{
    display:inline-flex;align-items:center;gap:8px;margin-top:36px;
    font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:0.06em;
    text-transform:uppercase;color:var(--gold);text-decoration:none;border-bottom:1px solid var(--gold);
    padding-bottom:2px;
  }
  .foot-legal{
    display:flex;gap:22px;flex-wrap:wrap;font-family:'IBM Plex Mono',monospace;
    font-size:11.5px;letter-spacing:0.04em;margin-top:14px;
  }
  .foot-legal a{color:#8E96AE;text-decoration:none;border-bottom:1px solid transparent;}
  .foot-legal a:hover{color:var(--gold);border-bottom-color:var(--gold);}

  .cap-grid{
    display:grid;grid-template-columns:repeat(3,1fr);
    border-top:1px solid var(--line);border-left:1px solid var(--line);
  }
  .cap-card{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:28px 22px;transition:background .2s ease;display:flex;flex-direction:column;}
  .cap-card:hover{background:var(--cloud);}
  .cap-card svg{width:28px;height:28px;stroke:var(--gold);margin-bottom:14px;}
  .cap-card h3{font-size:18px;color:var(--ink);margin-bottom:8px;letter-spacing:0.01em;}
  .cap-card p{font-size:13.5px;color:var(--steel);line-height:1.55;}
  .cap-card-link{
    display:inline-block;margin-top:14px;font-family:'IBM Plex Mono',monospace;font-size:12.5px;
    font-weight:600;color:var(--gold);text-decoration:none;
  }
  .cap-card-link:hover{color:var(--ink);text-decoration:underline;}

  .trading{background:var(--cloud);}
  .trading-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;}
  .trading-copy p{color:var(--steel);font-size:15.5px;line-height:1.72;margin-bottom:16px;}
  .trading-copy p:last-child{margin-bottom:0;}
  .trade-card{background:var(--white);border:1px solid var(--line);border-left:3px solid var(--gold);padding:26px 26px;margin-bottom:14px;}
  .trade-card:last-child{margin-bottom:0;}
  .trade-card h3{font-size:17px;color:var(--ink);margin-bottom:6px;text-transform:none;font-family:'Inter',sans-serif;font-weight:700;letter-spacing:0;}
  .trade-card p{font-size:14px;color:var(--steel);line-height:1.6;}
  .ebike-teaser{
    display:flex;align-items:center;gap:24px;flex-wrap:wrap;
    background:var(--ink);border-radius:2px;padding:32px 30px;margin-bottom:44px;
  }
  .ebike-teaser-icon{
    flex:0 0 auto;width:52px;height:52px;border-radius:50%;
    background:rgba(210,31,38,0.18);display:flex;align-items:center;justify-content:center;
  }
  .ebike-teaser-icon svg{width:26px;height:26px;stroke:var(--gold);}
  .ebike-teaser-body{flex:1 1 320px;}
  .ebike-teaser-tag{
    display:inline-block;font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:0.08em;text-transform:uppercase;
    color:var(--ink);padding:5px 12px 5px 10px;border-radius:3px;margin-bottom:10px;
    background:linear-gradient(135deg,#f4d474 0%,var(--gold) 45%,#8a6a1f 100%);
    box-shadow:
      0 1px 0 rgba(255,255,255,0.5) inset,
      0 -2px 3px rgba(0,0,0,0.35) inset,
      0 3px 0 #1B2560,
      0 6px 10px rgba(0,0,0,0.4);
    transform-style:preserve-3d;
    position:relative;
    animation:tagPop 0.7s cubic-bezier(.22,1.4,.36,1) both, tagBlink 2.2s ease-in-out 0.7s infinite;
  }
  .ebike-teaser-tag::before{
    content:'●';display:inline-block;margin-right:6px;color:#c0392b;
    animation:tagDot 1.1s ease-in-out infinite;
  }
  @keyframes tagPop{
    0%{opacity:0;transform:scale(0.4) rotate(-8deg) translateY(10px);}
    60%{opacity:1;transform:scale(1.15) rotate(3deg) translateY(-3px);}
    80%{transform:scale(0.96) rotate(-1deg);}
    100%{opacity:1;transform:scale(1) rotate(0deg) translateY(0);}
  }
  @keyframes tagBlink{
    0%,100%{
      box-shadow:
        0 1px 0 rgba(255,255,255,0.5) inset,
        0 -2px 3px rgba(0,0,0,0.35) inset,
        0 3px 0 #1B2560,
        0 6px 10px rgba(0,0,0,0.4);
    }
    50%{
      box-shadow:
        0 1px 0 rgba(255,255,255,0.7) inset,
        0 -2px 3px rgba(0,0,0,0.3) inset,
        0 3px 0 #1B2560,
        0 6px 18px rgba(255,170,170,0.85);
    }
  }
  @keyframes tagDot{
    0%,100%{opacity:1;transform:scale(1);}
    50%{opacity:0.25;transform:scale(0.75);}
  }
  @media (prefers-reduced-motion: reduce){
    .ebike-teaser-tag{animation:tagPop 0.01s both;}
    .ebike-teaser-tag::before{animation:none;}
  }
  .ebike-teaser-body h3{font-size:20px;color:var(--white);margin-bottom:6px;font-weight:700;letter-spacing:0;}
  .ebike-teaser-body p{font-size:14px;color:#C3C9D8;line-height:1.6;max-width:60ch;}
  .ebike-teaser-cta{
    flex:0 0 auto;font-family:'IBM Plex Mono',monospace;font-size:12.5px;letter-spacing:0.03em;
    color:var(--gold);text-decoration:none;font-weight:600;white-space:nowrap;
  }
  .ebike-teaser-cta:hover{color:var(--gold-light);text-decoration:underline;}
  @media (max-width:640px){
    .ebike-teaser{padding:24px 20px;}
  }

  .about-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;}
  .about-copy h2{font-size:clamp(28px,3.6vw,40px);margin-bottom:20px;}
  .about-copy p{color:var(--steel);font-size:15.5px;line-height:1.7;margin-bottom:16px;}
  .cae-list{background:var(--white);border:1px solid var(--line);border-radius:2px;padding:6px 0;}
  .cae-row{display:flex;gap:16px;padding:16px 22px;border-bottom:1px solid var(--line);align-items:baseline;}
  .cae-row:last-child{border-bottom:none;}
  .cae-row .code{font-family:'IBM Plex Mono',monospace;font-size:12.5px;color:var(--gold);flex-shrink:0;width:78px;}
  .cae-row .desc{font-size:14px;color:var(--ink);}

  .contact-grid{display:grid;grid-template-columns:1.1fr 0.9fr;gap:50px;}
  .contact-item{display:flex;gap:16px;padding:22px 0;border-bottom:1px solid var(--line);}
  .contact-item:first-child{border-top:1px solid var(--line);}
  .contact-item svg{width:20px;height:20px;stroke:var(--gold);flex-shrink:0;margin-top:2px;}
  .contact-item .label{
    font-family:'IBM Plex Mono',monospace;font-size:10.5px;letter-spacing:0.1em;
    text-transform:uppercase;color:var(--steel);margin-bottom:5px;
  }
  .contact-item .val{font-size:16px;color:var(--ink);font-weight:500;}
  .contact-item a.val:hover{color:var(--gold);}

  .contact-card{background:var(--ink);color:var(--white);padding:38px 34px;border-radius:2px;border-top:3px solid var(--gold);}
  .contact-card h3{font-size:24px;color:var(--white);margin-bottom:12px;}
  .contact-card p{color:#C3C9D8;font-size:14.5px;line-height:1.6;margin-bottom:26px;}
  .contact-card .btn-primary{width:100%;justify-content:center;}

  /* ---------- Social links (Contact section + footer) ---------- */
  .social-row{display:flex;gap:14px;padding:22px 0 6px;flex-wrap:wrap;}
  .social-circle{
    display:flex;align-items:center;justify-content:center;
    width:44px;height:44px;border-radius:50%;
    background:var(--cloud);border:1px solid var(--line);
    transition:background .2s ease, border-color .2s ease, transform .2s ease;
  }
  .social-circle svg{width:20px;height:20px;fill:var(--ink);}
  .social-circle:hover{background:var(--gold);border-color:var(--gold);transform:translateY(-2px);}
  .social-circle:hover svg{fill:var(--white);}

  .foot-social{display:flex;gap:10px;margin-top:14px;}
  .foot-social .social-circle{
    width:36px;height:36px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.14);
  }
  .foot-social .social-circle svg{width:16px;height:16px;fill:#C3C9D8;}
  .foot-social .social-circle:hover{background:var(--gold);border-color:var(--gold);}
  .foot-social .social-circle:hover svg{fill:var(--white);}

  .cat-grid{grid-template-columns:repeat(4,1fr);}

  .enquiry-form{display:flex;flex-direction:column;gap:14px;}
  .f-row{display:flex;flex-direction:column;gap:6px;}
  .f-row label{
    font-family:'IBM Plex Mono',monospace;font-size:10.5px;letter-spacing:0.1em;
    text-transform:uppercase;color:#8E96AE;
  }
  .f-row input, .f-row select, .f-row textarea{
    background:rgba(255,255,255,0.06);
    border:1px solid rgba(255,255,255,0.16);
    color:var(--white);
    padding:10px 12px;font-size:14.5px;font-family:'Inter',sans-serif;
    border-radius:2px;resize:vertical;
  }
  .f-row input::placeholder, .f-row textarea::placeholder{color:#7C849C;}
  .f-row input:focus, .f-row select:focus, .f-row textarea:focus{
    outline:none;border-color:var(--gold);background:rgba(255,255,255,0.1);
  }
  .f-row select option{background:var(--ink);color:var(--white);}
  .f-note{font-size:12px;color:#7C849C;margin-top:-2px;}

  /* ---------- Checkout ---------- */
  .checkout-note{
    background:var(--cloud);border:1px solid var(--line);border-left:3px solid var(--gold);
    padding:26px 28px;border-radius:2px;
  }
  .checkout-note h3{font-size:17px;color:var(--ink);margin-bottom:12px;font-family:'Inter',sans-serif;font-weight:700;}
  .checkout-note p{font-size:14.5px;color:var(--steel);line-height:1.65;margin-bottom:10px;}
  .checkout-note p:last-child{margin-bottom:0;}
  .checkout-note a{color:var(--gold);text-decoration:none;border-bottom:1px solid var(--gold);}

  .pay-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
  .pay-option{
    position:relative;display:flex;flex-direction:column;gap:3px;
    background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.16);
    border-radius:2px;padding:12px 14px 12px 34px;cursor:pointer;transition:border-color .15s ease,background .15s ease;
  }
  .pay-option:hover{border-color:rgba(255,255,255,0.32);}
  .pay-option input[type="radio"]{position:absolute;left:12px;top:14px;accent-color:var(--gold);width:15px;height:15px;}
  .pay-option-title{font-size:14px;color:var(--white);font-weight:600;}
  .pay-option-sub{font-size:11.5px;color:#A7AEC2;}
  .pay-option:has(input:checked){border-color:var(--gold);background:rgba(210,31,38,0.14);}

  .order-summary{
    border:1px solid rgba(255,255,255,0.16);border-radius:2px;padding:14px 16px;
    display:flex;flex-direction:column;gap:8px;
  }
  .order-row{display:flex;justify-content:space-between;font-size:14px;color:#C3C9D8;}
  .order-row span:last-child{font-family:'IBM Plex Mono',monospace;}
  .order-total{
    border-top:1px solid rgba(255,255,255,0.16);padding-top:10px;margin-top:2px;
    font-size:16px;color:var(--white);font-weight:700;
  }
  .order-total span:last-child{color:var(--gold-light);font-size:18px;}

  /* ---------- Catalogue ---------- */
  .catalogue{background:var(--cloud);}
  .cat-filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:36px;}
  .cat-filter{
    font-family:'IBM Plex Mono',monospace;font-size:12.5px;letter-spacing:0.04em;
    padding:9px 16px;border:1px solid var(--line);background:var(--white);color:var(--steel);
    border-radius:2px;cursor:pointer;transition:all .15s ease;
  }
  .cat-filter:hover{border-color:var(--gold);color:var(--ink);}
  .cat-filter.active{background:var(--ink);border-color:var(--ink);color:var(--white);}
  .new-arrivals-empty{
    font-size:13.5px;color:var(--steel);font-style:italic;padding:18px 0 4px;
  }
  .cat-group{margin-bottom:44px;}
  .cat-group:last-of-type{margin-bottom:0;}
  .cat-group-title{
    font-size:15px;text-transform:uppercase;letter-spacing:0.08em;color:var(--gold);
    font-family:'IBM Plex Mono',monospace;font-weight:500;margin-bottom:18px;
    padding-bottom:10px;border-bottom:1px solid var(--line);
  }
  .prod-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;align-items:stretch;}
  .prod-grid--parts .prod-img{padding:16px;}
  /* Size guide banner — sits right under a wheel-size heading, showing the
     wheel size icon plus who the bikes in that group suit (age/height).
     The tile image (26"/20"/16"/12" + age/height panels) is one wide
     JPEG, so it can only be made smaller by capping its display width —
     never by cropping/object-fit, which would slice off part of the
     panels. Capping max-width scales the whole image down proportionally
     (height:auto keeps it from stretching), so nothing gets cut off. */
  .size-guide{
    display:flex;align-items:center;gap:16px;flex-wrap:wrap;
    background:var(--white);border:1px solid var(--line);border-radius:6px;
    padding:14px 20px 14px 8px;margin-bottom:26px;
  }
  .size-guide-badge{height:64px;width:auto;flex-shrink:0;}
  .size-guide-tiles{flex:1;min-width:200px;max-width:280px;}
  .size-guide-tiles img{display:block;width:100%;height:auto;border-radius:4px;}
  @media (max-width:640px){
    .size-guide{padding:14px;}
    .size-guide-badge{height:52px;}
    .size-guide-tiles{max-width:220px;}
  }
  .prod-card{
    background:var(--white);border:1px solid var(--line);border-radius:2px;overflow:hidden;
    transition:box-shadow .2s ease, transform .2s ease;
    display:flex;flex-direction:column;height:100%;
  }
  .prod-card:hover{box-shadow:0 10px 24px rgba(27,37,96,0.1);transform:translateY(-2px);}
  /* Brief highlight glow shown on the exact product a visitor was sent
     to via an ad/shared deep link (pedalcraft.pt/#itemNN), so it's
     obvious which card matched the ad they clicked. */
  @keyframes prodAdHighlight{
    0%{box-shadow:0 0 0 3px var(--gold), 0 10px 24px rgba(27,37,96,0.1);}
    100%{box-shadow:0 0 0 0 rgba(210,31,38,0);}
  }
  .prod-card--ad-highlight{animation:prodAdHighlight 1.6s ease-out;}
  .prod-img{position:relative;aspect-ratio:4/3;background:var(--white);display:flex;align-items:center;justify-content:center;padding:18px;flex-shrink:0;}
  .prod-img img{width:100%;height:100%;object-fit:contain;display:block;}
  /* Feature card — used for flagship "new arrival" products that need
     extra room: spans 2 grid columns and stacks a video with a small
     photo gallery underneath, instead of the usual single static image. */
  .prod-card--feature{grid-column:1 / -1;}
  .prod-img--feature{
    aspect-ratio:auto;flex-direction:column;gap:12px;padding:16px;
  }
  .prod-media-video{width:100%;}
  .prod-media-video video{
    width:100%;max-height:480px;object-fit:contain;display:block;
    background:#0c0b0a;border-radius:3px;
  }
  .prod-media-gallery{
    display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%;
  }
  .prod-media-gallery img{
    width:100%;height:260px;object-fit:contain;display:block;
    background:var(--white);border:1px solid var(--line);border-radius:3px;
  }
  .prod-media-gallery--single{grid-template-columns:1fr;}
  .prod-media-item{margin:0;}
  .prod-media-item figcaption{
    margin-top:6px;text-align:center;font-size:12.5px;color:var(--steel);
    font-family:'IBM Plex Mono',monospace;letter-spacing:.02em;
  }
  /* Extra photos for the lightbox gallery (openLightboxFor() in the page
     script reads these via .prod-gallery img) — never shown in normal
     card layout, only pulled into the popup viewer. */
  .prod-gallery{display:none;}
  @media (max-width:640px){
    .prod-card--feature{grid-column:1 / -1;}
    .prod-media-gallery{grid-template-columns:1fr;}
    .prod-media-gallery img{height:220px;}
  }
  /* Ribbons/badges (Top Seller, New Arrival, Beginner's Choice, etc.)
     must never sit on top of the product photo — on a video card it
     blocked playback/controls, and on a still photo it was covering
     real product detail (baskets, handlebars). They now render as a
     plain label stacked above the media instead of an absolute overlay
     on it, in every card type — feature and standard alike. */
  .prod-img--feature .top-seller-ribbon,
  .prod-img--feature .corner-badge,
  .prod-card > .top-seller-ribbon,
  .prod-card > .corner-badge,
  .new-showcase-item > .corner-badge{
    position:relative;top:auto;align-self:flex-start;
    display:inline-block;margin:12px 0 0;
  }
  .prod-info{padding:14px 16px 16px;position:relative;display:flex;flex-direction:column;flex:1 0 auto;}
  .prod-info .btn-add-cart{margin-top:auto;}
  .prod-model{font-family:'IBM Plex Mono',monospace;font-size:13px;color:var(--ink);font-weight:500;}
  .prod-model-row{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;}
  .prod-model-row > div{min-width:0;}
  @media (max-width:480px){
    .prod-badge-se{font-size:15px;}
  }
  .prod-swatch{display:flex;align-items:center;gap:6px;margin-top:4px;}
  .prod-swatch-dot{width:11px;height:11px;border-radius:50%;border:1px solid var(--line);display:inline-block;flex-shrink:0;}
  .prod-badge-se{font-family:'UnifrakturMaguntia',cursive;font-size:19px;color:var(--gold);line-height:1;white-space:nowrap;}
  .prod-meta{font-size:12.5px;color:var(--steel);margin-top:4px;}
  .prod-badge{
    display:inline-block;margin-top:8px;font-size:10px;letter-spacing:0.06em;text-transform:uppercase;
    background:var(--gold);color:var(--white);padding:3px 8px;border-radius:2px;font-weight:600;
  }
  .prod-card--top-seller{
    border-color:var(--gold);box-shadow:0 0 0 1px var(--gold), 0 10px 24px rgba(210,31,38,0.18);
  }
  .top-seller-ribbon{
    display:inline-block;
    background:var(--gold);color:var(--white);
    font-size:10px;font-weight:600;letter-spacing:0.06em;text-transform:uppercase;
    padding:3px 8px;border-radius:2px;
  }
  /* Corner badge — same plain pill treatment as "Top Seller" and the
     inline prod-badge tags (Special Edition, ULTIMA, etc.), used for
     badges like "Beginner's Choice". Label text length varies a lot
     ("My Ride" vs "Junior's Favourite"), so it's capped to a fraction
     of the card width and allowed to wrap to a second line rather than
     stretching edge to edge. */
  .corner-badge{
    display:inline-block;
    background:var(--gold);color:var(--white);
    font-size:10px;font-weight:600;letter-spacing:0.06em;text-transform:uppercase;
    padding:3px 8px;border-radius:2px;
    max-width:85%;white-space:normal;line-height:1.3;
  }
  @media (max-width:640px){
    .corner-badge{max-width:90%;font-size:9px;padding:3px 7px;}
  }
  .prod-price{
    font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:19px;
    color:var(--ink);margin-top:10px;
  }
  .btn-add-cart{
    display:block;width:100%;margin-top:8px;padding:8px 10px;
    background:var(--ink);color:var(--white);border:none;border-radius:2px;
    font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:0.05em;text-transform:uppercase;
    cursor:pointer;transition:background .15s ease;
  }
  .btn-add-cart:hover{background:var(--gold);}
  .btn-add-cart.added{background:#3a7d44;}

  /* ---------- Cart ---------- */
  .lang-toggle{
    background:none;border:1px solid rgba(255,255,255,0.25);color:var(--white);
    padding:8px 12px;border-radius:2px;cursor:pointer;font-family:'IBM Plex Mono',monospace;
    font-size:12px;letter-spacing:0.04em;flex-shrink:0;
  }
  .lang-toggle:hover{border-color:var(--gold);}
  .lang-toggle .lang-sep{color:#7C849C;margin:0 2px;}
  .lang-toggle span[data-lang-opt]{color:#7C849C;}
  .lang-toggle.lang-en span[data-lang-opt="en"]{color:var(--gold-light);font-weight:700;}
  .lang-toggle.lang-pt span[data-lang-opt="pt"]{color:var(--gold-light);font-weight:700;}
  /* ---------- Running ticker ---------- */
  .ticker{
    background:var(--ink-soft);border-bottom:1px solid rgba(255,255,255,0.08);
    overflow:hidden;white-space:nowrap;
  }
  .ticker-track{
    display:inline-flex;align-items:center;width:max-content;
    animation:tickerScroll 42s linear infinite;
  }
  .ticker:hover .ticker-track{animation-play-state:paused;}
  @keyframes tickerScroll{
    0%{transform:translateX(0);}
    100%{transform:translateX(-50%);}
  }
  .ticker-item{
    display:inline-flex;align-items:center;gap:8px;
    padding:9px 22px;font-family:'IBM Plex Mono',monospace;font-size:12px;
    letter-spacing:0.03em;color:#D0D5E2;flex-shrink:0;
  }
  .ticker-item svg{width:14px;height:14px;stroke:var(--gold-light);flex-shrink:0;}
  .ticker-logo{height:24px;width:auto;display:block;}
  .ticker-slogan{color:var(--gold-light);font-weight:600;letter-spacing:0.08em;}
  .ticker-highlight{color:var(--gold-light);font-weight:700;}
  .ticker-highlight svg{stroke:var(--gold-light);}
  .ticker-sep{color:#5A5646;flex-shrink:0;}
  .ticker-social{display:inline-flex;align-items:center;gap:14px;padding:9px 22px;flex-shrink:0;}
  .ticker-social a{display:inline-flex;align-items:center;justify-content:center;}
  .ticker-social a svg{width:15px;height:15px;fill:var(--gold-light);}
  .ticker-social a:hover svg{fill:var(--white);}
  .ticker-social svg{width:15px;height:15px;stroke:var(--gold-light);}
  @media (max-width:640px){
    .ticker-item{padding:8px 16px;font-size:11px;}
    .ticker-social{padding:8px 16px;}
  }
  .nav-search-btn{
    background:none;border:1px solid rgba(255,255,255,0.25);color:var(--white);
    padding:7px;border-radius:2px;cursor:pointer;display:flex;align-items:center;
    transition:border-color .15s ease;flex-shrink:0;
  }
  .nav-search-btn:hover{border-color:var(--gold);}
  .nav-search-btn svg{width:16px;height:16px;stroke:var(--white);}

  /* ---------- Search ---------- */
  .search-overlay{
    position:fixed;inset:0;background:rgba(27,37,96,0.55);z-index:98;
    opacity:0;pointer-events:none;transition:opacity .2s ease;
  }
  .search-overlay.open{opacity:1;pointer-events:auto;}
  .search-panel{
    position:fixed;top:90px;left:50%;width:min(600px,92vw);max-height:min(70vh,560px);
    background:var(--white);border-radius:4px;box-shadow:0 20px 50px rgba(0,0,0,0.3);
    z-index:99;display:flex;flex-direction:column;overflow:hidden;
    transform:translate(-50%,-12px);opacity:0;pointer-events:none;
    transition:transform .2s ease,opacity .2s ease;
  }
  .search-panel.open{transform:translate(-50%,0);opacity:1;pointer-events:auto;}
  .search-panel-bar{
    display:flex;align-items:center;gap:10px;padding:14px 16px;
    border-bottom:1px solid var(--line);flex-shrink:0;
  }
  .search-panel-bar svg{width:18px;height:18px;stroke:var(--steel);flex-shrink:0;}
  .search-panel-bar input{
    flex:1;border:none;outline:none;font-size:15px;font-family:'Inter',sans-serif;
    color:var(--ink);background:transparent;
  }
  .search-panel-bar input::placeholder{color:#A7AEC2;}
  .search-panel-bar .cart-close-btn{flex-shrink:0;}
  .search-results{flex:1;overflow-y:auto;padding:6px 0;}
  .search-hint{color:var(--steel);font-size:13.5px;padding:20px 16px;text-align:center;}
  .search-group-label{
    font-family:'IBM Plex Mono',monospace;font-size:10.5px;letter-spacing:0.08em;text-transform:uppercase;
    color:var(--steel);padding:12px 16px 6px;
  }
  .search-result{
    display:flex;align-items:center;gap:12px;width:100%;padding:9px 16px;
    background:none;border:none;text-align:left;cursor:pointer;font-family:'Inter',sans-serif;
  }
  .search-result:hover, .search-result.active{background:var(--cloud);}
  .search-result-thumb{
    width:36px;height:36px;flex:0 0 36px;border-radius:3px;overflow:hidden;
    background:var(--line);display:flex;align-items:center;justify-content:center;
  }
  .search-result-thumb img{width:100%;height:100%;object-fit:contain;display:block;background:var(--white);}
  .search-result-thumb svg{width:16px;height:16px;stroke:var(--steel);}
  .search-result-text{flex:1;min-width:0;}
  .search-result-title{font-size:13.5px;color:var(--ink);font-weight:500;}
  .search-result-sub{font-size:12px;color:var(--steel);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .search-result-price{font-family:'IBM Plex Mono',monospace;font-size:12.5px;color:var(--gold);flex-shrink:0;}
  @media (max-width:640px){
    .search-panel{top:64px;width:94vw;max-height:75vh;}
  }
  .prod-card--search-hit{animation:searchHitFlash 1.6s ease;}
  @keyframes searchHitFlash{
    0%{box-shadow:0 0 0 3px var(--gold);}
    100%{box-shadow:none;}
  }
  .nav-cart-btn{
    position:relative;display:flex;align-items:center;gap:6px;background:none;border:1px solid rgba(255,255,255,0.25);
    color:var(--white);padding:8px 12px;border-radius:2px;cursor:pointer;font-family:'IBM Plex Mono',monospace;
    font-size:12px;letter-spacing:0.04em;transition:border-color .15s ease;flex-shrink:0;
  }
  .nav-cart-btn:hover{border-color:var(--gold);}
  .nav-cart-btn svg{width:16px;height:16px;stroke:var(--white);}
  .cart-count{
    background:var(--gold);color:var(--white);border-radius:50%;min-width:17px;height:17px;
    display:inline-flex;align-items:center;justify-content:center;font-size:10.5px;font-weight:700;padding:0 4px;
  }
  .cart-count[data-empty="true"]{display:none;}

  .cart-overlay{
    position:fixed;inset:0;background:rgba(20,26,70,0.55);z-index:90;
    opacity:0;pointer-events:none;transition:opacity .2s ease;
  }
  .cart-overlay.open{opacity:1;pointer-events:auto;}
  .cart-drawer{
    position:fixed;top:0;right:0;bottom:0;width:min(420px,100vw);background:var(--white);z-index:91;
    display:flex;flex-direction:column;box-shadow:-8px 0 24px rgba(0,0,0,0.2);
    transform:translateX(100%);transition:transform .25s ease;
  }
  .cart-drawer.open{transform:translateX(0);}
  .cart-drawer-head{
    display:flex;align-items:center;justify-content:space-between;padding:20px 22px;
    border-bottom:1px solid var(--line);
  }
  .cart-drawer-head h3{font-size:19px;color:var(--ink);}
  .cart-close-btn{background:none;border:none;font-size:22px;line-height:1;color:var(--steel);cursor:pointer;padding:4px;}
  .cart-close-btn:hover{color:var(--ink);}
  .cart-items{flex:1;overflow-y:auto;padding:10px 22px;}
  .cart-empty{color:var(--steel);font-size:14px;padding:30px 0;text-align:center;}
  .cart-item{display:flex;gap:12px;padding:16px 0;border-bottom:1px solid var(--line);}
  .cart-item-thumb{
    width:56px;height:56px;flex:0 0 56px;border-radius:4px;overflow:hidden;
    background:var(--line);display:flex;align-items:center;justify-content:center;
  }
  .cart-item-thumb img{width:100%;height:100%;object-fit:contain;display:block;background:var(--white);}
  .cart-item-name{font-size:13.5px;color:var(--ink);font-weight:500;line-height:1.4;}
  .cart-item-price{font-family:'IBM Plex Mono',monospace;font-size:12.5px;color:var(--steel);margin-top:4px;}
  .cart-item-controls{display:flex;align-items:center;gap:8px;margin-top:8px;}
  .cart-qty-btn{
    width:22px;height:22px;border:1px solid var(--line);background:var(--white);border-radius:2px;
    cursor:pointer;font-size:14px;line-height:1;color:var(--ink);
  }
  .cart-qty-btn:hover{border-color:var(--gold);}
  .cart-item-qty{font-family:'IBM Plex Mono',monospace;font-size:13px;min-width:18px;text-align:center;}
  .cart-item-remove{
    margin-left:auto;background:none;border:none;color:#A7AEC2;font-size:11px;
    text-transform:uppercase;letter-spacing:0.04em;cursor:pointer;font-family:'IBM Plex Mono',monospace;
  }
  .cart-item-remove:hover{color:#B14A3E;}
  .cart-drawer-foot{border-top:1px solid var(--line);padding:18px 22px 22px;}
  .cart-drawer-total{display:flex;justify-content:space-between;font-size:16px;color:var(--ink);font-weight:700;margin-bottom:14px;}
  .checkout-success{
    background:var(--white);border:1px solid var(--line);border-left:4px solid var(--gold);
    border-radius:6px;padding:28px 26px;margin-top:12px;
    scroll-margin-top:24px;
  }
  .checkout-success h3{font-size:20px;color:var(--ink);margin-bottom:10px;}
  .checkout-success p{color:var(--ink-soft);line-height:1.6;}
  .checkout-success-newbtn{margin-top:16px;}
  .cart-drawer-total span:last-child{font-family:'IBM Plex Mono',monospace;color:var(--gold);}

  /* ---------- Product specs (visible button opens a modal) ---------- */
  .prod-specs-btn{
    display:inline-flex;align-items:center;gap:6px;margin-top:10px;
    background:var(--white);border:1px solid var(--line);color:var(--ink);
    font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:0.04em;text-transform:uppercase;
    padding:8px 14px;border-radius:2px;cursor:pointer;
    transition:border-color .15s ease, color .15s ease;
  }
  .prod-specs-btn:hover{border-color:var(--gold);color:var(--gold);}
  .prod-specs-btn svg{width:14px;height:14px;flex-shrink:0;}
  .specs-modal-body{padding:18px 22px 22px;}

  /* ---------- Product full-screen lightbox (experimental, item1 only) ---------- */
  .prod-img{cursor:zoom-in;}
  .prod-lightbox{
    position:fixed;inset:0;background:var(--white);z-index:90;
    opacity:0;pointer-events:none;transition:opacity .25s ease;
    display:flex;flex-direction:column;
    height:100vh;height:100dvh;
    padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);
  }
  .prod-lightbox.open{opacity:1;pointer-events:auto;}
  .prod-lightbox-close{
    position:absolute;top:16px;right:16px;width:42px;height:42px;border-radius:50%;
    background:var(--white);border:1px solid var(--line);color:var(--ink);font-size:24px;line-height:1;
    display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;
    box-shadow:0 2px 8px rgba(0,0,0,0.12);
  }
  .prod-lightbox-close:hover{border-color:var(--gold);color:var(--gold);}
  /* Prev/next used to float on top of the photo itself, which meant
     tightly-cropped photos (bike filling the frame edge to edge, no
     spare white margin) always had the arrows sitting on top of the
     wheels — there was nowhere else for them to go without shrinking
     the photo. They now live in their own strip below the image, next
     to the counter, so they never overlap any photo regardless of how
     it's cropped. */
  .prod-lightbox-controls{
    flex-shrink:0;display:flex;align-items:center;justify-content:center;gap:18px;
    padding:10px 16px;background:var(--white);
  }
  .prod-lightbox-controls[hidden]{display:none;}
  .prod-lightbox-arrow{
    position:static;width:40px;height:40px;border-radius:50%;flex-shrink:0;
    background:var(--white);border:1px solid var(--line);color:var(--ink);
    display:flex;align-items:center;justify-content:center;cursor:pointer;
  }
  .prod-lightbox-arrow:hover{border-color:var(--gold);color:var(--gold);}
  .prod-lightbox-arrow svg{width:20px;height:20px;}
  .prod-lightbox-counter{
    background:var(--cloud);color:var(--steel);font-family:'IBM Plex Mono',monospace;
    font-size:11.5px;letter-spacing:0.04em;padding:6px 13px;border-radius:20px;min-width:52px;text-align:center;
  }
  .prod-lightbox-imgwrap{position:relative;flex:1;display:flex;align-items:center;justify-content:center;padding:60px 16px 16px;min-height:0;background:var(--white);overflow:hidden;}
  .prod-lightbox-imgwrap img{max-width:100%;max-height:100%;object-fit:contain;touch-action:none;cursor:zoom-in;user-select:none;-webkit-user-select:none;}
  .prod-lightbox-info{
    padding:16px 20px calc(20px + env(safe-area-inset-bottom));
    background:var(--white);border-top:1px solid var(--line);
  }
  .prod-lightbox-model{font-family:'IBM Plex Mono',monospace;font-size:15px;color:var(--ink);margin-bottom:2px;}
  .prod-lightbox-meta{font-size:13px;color:var(--steel);margin-bottom:10px;}
  .prod-lightbox-price{font-size:20px;color:var(--gold);font-weight:700;margin-bottom:14px;font-family:'IBM Plex Mono',monospace;}
  .prod-lightbox-actions{display:flex;gap:10px;flex-wrap:wrap;}
  .prod-lightbox-actions .btn-add-cart{flex:1;min-width:140px;width:auto;text-align:center;}
  .prod-lightbox-actions .prod-specs-btn{flex:1;min-width:140px;justify-content:center;margin-top:0;}
  .specs-modal-model{font-family:'IBM Plex Mono',monospace;font-size:12.5px;color:var(--steel);margin-bottom:14px;}
  .prod-specs{
    list-style:none;margin:0;padding:0;
    font-family:'IBM Plex Mono',monospace;font-size:12.5px;line-height:1.8;color:var(--ink);
    display:flex;flex-direction:column;gap:4px;
  }
  .prod-specs li{display:flex;gap:8px;}
  .prod-specs li::before{content:'✓';color:var(--gold);flex-shrink:0;}

  /* ---------- Reviews ---------- */
  .prod-reviews-line{
    display:flex;align-items:center;gap:6px;margin-top:8px;
    font-family:'IBM Plex Mono',monospace;font-size:11.5px;
  }
  .prod-stars{color:var(--gold);letter-spacing:1px;font-size:13px;}
  .prod-stars.empty{color:#D2D7E4;}
  .prod-review-count{color:var(--steel);}
  .prod-review-link{
    background:none;border:none;padding:0;margin-top:4px;display:inline-block;
    font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:0.03em;
    color:var(--gold);text-decoration:underline;cursor:pointer;
  }
  .prod-review-link:hover{color:var(--ink);}

  .review-overlay{
    position:fixed;inset:0;background:rgba(20,26,70,0.55);z-index:95;
    opacity:0;pointer-events:none;transition:opacity .2s ease;
    display:flex;align-items:center;justify-content:center;padding:20px;
  }
  .review-overlay.open{opacity:1;pointer-events:auto;}
  .review-modal{
    background:var(--white);width:100%;max-width:480px;max-height:86vh;overflow-y:auto;
    border-radius:2px;box-shadow:0 12px 32px rgba(0,0,0,0.28);
    transform:translateY(12px);opacity:0;transition:transform .2s ease, opacity .2s ease;
  }
  .review-overlay.open .review-modal{transform:translateY(0);opacity:1;}
  .review-modal-head{
    display:flex;align-items:flex-start;justify-content:space-between;gap:10px;
    padding:20px 22px 14px;border-bottom:1px solid var(--line);
  }
  .review-modal-head h3{font-size:17px;color:var(--ink);line-height:1.3;}
  .review-modal-body{padding:18px 22px 22px;}
  .review-list{display:flex;flex-direction:column;gap:14px;margin-bottom:20px;}
  .review-item{border-bottom:1px solid var(--line);padding-bottom:14px;}
  .review-item-head{display:flex;align-items:center;justify-content:space-between;gap:8px;}
  .review-item-name{font-size:13.5px;color:var(--ink);font-weight:600;}
  .review-item-date{font-family:'IBM Plex Mono',monospace;font-size:10.5px;color:#A7AEC2;}
  .review-item-text{font-size:13.5px;color:var(--steel);line-height:1.6;margin-top:6px;}
  .review-empty{font-size:13.5px;color:var(--steel);padding:6px 0 18px;}
  .review-form-title{font-size:14px;color:var(--ink);font-weight:700;margin-bottom:12px;}
  .star-picker{display:flex;gap:4px;margin-bottom:14px;}
  .star-picker button{
    background:none;border:none;font-size:26px;line-height:1;cursor:pointer;
    color:#D2D7E4;padding:0;
  }
  .star-picker button.active{color:var(--gold);}
  .review-note{font-size:11.5px;color:#7C849C;margin-top:6px;}

  /* Review modal sits on a white background, unlike the dark contact
     section that .f-row was originally styled for — override so the
     name/review text fields are actually visible (dark text, light
     field) instead of invisible white-on-white. */
  .review-modal .f-row input,
  .review-modal .f-row textarea{
    background:rgba(0,0,0,0.035);
    border:1px solid var(--line);
    color:var(--ink);
  }
  .review-modal .f-row input::placeholder,
  .review-modal .f-row textarea::placeholder{color:#A7AEC2;}
  .review-modal .f-row input:focus,
  .review-modal .f-row textarea:focus{
    outline:none;border-color:var(--gold);background:rgba(0,0,0,0.055);
  }

  /* ---------- FAQ ---------- */
  .faq-list{max-width:800px;}
  .faq-item{border-bottom:1px solid var(--line);}
  .faq-item:first-child{border-top:1px solid var(--line);}
  .faq-q{
    width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;
    background:none;border:none;text-align:left;padding:20px 4px;cursor:pointer;
  }
  .faq-q h3{
    font-family:'Inter',sans-serif;font-weight:600;font-size:16px;color:var(--ink);line-height:1.4;
  }
  .faq-q .faq-icon{
    flex-shrink:0;width:20px;height:20px;position:relative;
  }
  .faq-q .faq-icon::before,.faq-q .faq-icon::after{
    content:'';position:absolute;background:var(--gold);transition:transform .2s ease;
  }
  .faq-q .faq-icon::before{left:0;top:9px;width:20px;height:2px;}
  .faq-q .faq-icon::after{left:9px;top:0;width:2px;height:20px;}
  .faq-item.open .faq-q .faq-icon::after{transform:rotate(90deg);}
  .faq-a{
    max-height:0;overflow:hidden;transition:max-height .25s ease;
  }
  .faq-item.open .faq-a{max-height:400px;}
  .faq-a-inner{padding:0 4px 20px;font-size:14.5px;color:var(--steel);line-height:1.7;max-width:68ch;}
  .faq-a-inner a{color:var(--gold);text-decoration:underline;}

  /* ---------- Newsletter ---------- */
  .newsletter{background:var(--ink);position:relative;overflow:hidden;}
  .newsletter::before{
    content:'';position:absolute;left:-6%;top:50%;transform:translateY(-50%);
    width:420px;height:420px;border-radius:50%;
    background:radial-gradient(circle,rgba(210,31,38,0.24),transparent 70%);
  }
  .newsletter-inner{
    position:relative;display:flex;align-items:center;justify-content:space-between;
    gap:36px;flex-wrap:wrap;padding-top:52px;padding-bottom:52px;
  }
  .newsletter-copy{max-width:440px;}
  .newsletter-copy .tag{color:var(--gold-light);}
  .newsletter-copy h2{font-size:clamp(24px,3vw,32px);color:var(--white);margin:8px 0 8px;}
  .newsletter-copy p{color:#C3C9D8;font-size:14.5px;line-height:1.6;}
  .newsletter-form-wrap{flex:1;min-width:280px;max-width:440px;}
  .newsletter-form{display:flex;gap:10px;flex-wrap:wrap;flex:1;max-width:440px;min-width:280px;}
  .newsletter-form input[type="email"]{
    flex:1;min-width:180px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.22);
    color:var(--white);padding:13px 14px;border-radius:2px;font-family:'Inter',sans-serif;font-size:14px;
  }
  .newsletter-form input[type="email"]::placeholder{color:#7C849C;}
  .newsletter-form input[type="email"]:focus{outline:none;border-color:var(--gold);}
  .newsletter-form button{white-space:nowrap;}
  .newsletter-note{width:100%;font-size:11.5px;color:#7C849C;margin-top:8px;}
  .newsletter-success{
    display:none;color:var(--gold-light);font-size:13.5px;font-weight:600;margin-top:4px;
  }
  .newsletter-success.show{display:block;}
  @media (max-width:760px){
    .newsletter-inner{padding-top:40px;padding-bottom:40px;flex-direction:column;align-items:flex-start;}
    .newsletter-form{max-width:100%;}
    .newsletter-form-wrap{width:100%;min-width:0;max-width:100%;}
  }
  @media (max-width:480px){
    .newsletter-form{min-width:0;gap:8px;}
    .newsletter-form input[type="email"]{min-width:0;flex-basis:100%;}
    .newsletter-form button{flex-basis:100%;}
  }

  /* ---------- WhatsApp floating button ---------- */
  .whatsapp-fab{
    position:fixed;right:22px;bottom:22px;z-index:80;
    display:flex;align-items:center;justify-content:center;
    width:56px;height:56px;border-radius:50%;background:#25D366;
    box-shadow:0 4px 14px rgba(0,0,0,0.28);transition:transform .15s ease, box-shadow .15s ease;
  }
  .whatsapp-fab:hover{transform:scale(1.06);box-shadow:0 6px 18px rgba(0,0,0,0.34);}
  .whatsapp-fab svg{width:30px;height:30px;fill:#fff;}
  .whatsapp-fab-label{
    position:absolute;right:66px;top:50%;transform:translateY(-50%);
    background:var(--ink);color:var(--white);font-family:'IBM Plex Mono',monospace;
    font-size:12px;letter-spacing:0.03em;padding:7px 12px;border-radius:2px;
    white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s ease;
  }
  .whatsapp-fab:hover .whatsapp-fab-label{opacity:1;}
  @media (max-width:900px){
    .whatsapp-fab{right:16px;bottom:16px;width:52px;height:52px;}
    .whatsapp-fab-label{display:none;}
  }

  .parts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
  .parts-card{
    position:relative;border:1px solid var(--line);border-radius:2px;overflow:hidden;background:var(--white);
  }
  .parts-card img{width:100%;display:block;}
  .parts-card span{
    position:absolute;bottom:0;left:0;right:0;padding:10px 14px;
    background:linear-gradient(transparent, rgba(27,37,96,0.75));
    color:var(--white);font-family:'Barlow Condensed',sans-serif;font-weight:700;
    text-transform:uppercase;letter-spacing:0.04em;font-size:15px;
  }
  .cat-footnote{margin-top:36px;font-size:12.5px;color:var(--steel);line-height:1.6;max-width:70ch;}

  footer{background:var(--ink-soft);padding:32px 0;}
  .foot-inner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;}
  .foot-logo{display:flex;align-items:center;gap:10px;}
  .foot-brands{display:flex;align-items:center;gap:14px;flex-wrap:wrap;}
  .foot-divider{color:#5A5548;font-size:16px;}
  .foot-konex{display:flex;align-items:center;}
  .konex-logo-foot-lead{
    height:72px;width:auto;
  }
  .foot-by-group{display:flex;align-items:center;gap:8px;padding-left:14px;border-left:1px solid rgba(255,255,255,0.14);}
  .foot-konex-label{
    font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:0.06em;
    text-transform:lowercase;color:#8E96AE;
  }
  .logo-svg--foot{height:22px;width:auto;opacity:0.85;}
  .foot-fine{font-family:'IBM Plex Mono',monospace;font-size:11.5px;color:#8E96AE;text-align:right;}

  .reveal{opacity:1;}

  a:focus-visible, button:focus-visible{outline:2px solid var(--gold);outline-offset:3px;}

  @media (max-width:900px){
    .hero-panel{display:none;}
    .hero{background:var(--ink);padding-top:0;}
    .hero-inner{grid-template-columns:1fr;padding-left:0;padding-right:0;}
    .hero-mark{
      align-items:center;justify-content:flex-start;order:-1;
      width:100%;background:#FFFFFF;
      padding:32px 28px 36px;
      margin-bottom:10px;margin-top:0;
      box-shadow:0 30px 70px -20px rgba(210,31,38,0.55);
    }
    .hero-bike-card{width:min(360px,100%);margin-top:14px;}
    .hero-bike-caption{margin-top:10px;}
    .hero-logo-card{width:min(175px,100%);}
    .hero-inner > div:not(.hero-mark){padding-left:28px;padding-right:28px;}
    .plate-inner{grid-template-columns:repeat(2,1fr);}
    .plate-item:nth-child(3){border-left:none;}
    .section-head{grid-template-columns:1fr;}
    .cap-grid{grid-template-columns:repeat(2,1fr);}
    .cat-grid{grid-template-columns:repeat(2,1fr);}
    .prod-grid{grid-template-columns:1fr;}
    .parts-grid{grid-template-columns:1fr;}
    .trading-grid{grid-template-columns:1fr;}
    .about-grid{grid-template-columns:1fr;}
    .contact-grid{grid-template-columns:1fr;}
    .foot-inner{flex-direction:column;align-items:flex-start;}
    .foot-fine{text-align:left;}
  }
  @media (max-width:520px){
    .cap-grid{grid-template-columns:1fr;}
  }
  /* Compact top-bar tier (641px–1440px): .nav-links is a hamburger
     dropdown in this whole range now (see the max-width:1440px rule
     above), but the logo, "by KONEX" label, search button,
     language toggle and cart button were still full desktop size —
     there was no compacting rule between the 640px phone fix and full
     desktop. That left tablet and laptop widths crowded, and it got
     worse in Portuguese since "Carrinho" is longer than "Cart". */
  @media (min-width:641px) and (max-width:1440px){
    .nav{padding:12px 20px;gap:10px;}
    .nav-by{display:none;}
    .lang-toggle{padding:7px 10px;font-size:11.5px;}
    .nav-cart-btn{padding:7px 10px;font-size:11.5px;gap:5px;}
    .nav-links{left:20px;}
  }
  /* Keep the top bar compact on phones so the cart button always stays
     fully visible and in place, in both English and Portuguese (the PT
     word "Carrinho" is much longer than "Cart" and was previously pushing
     the cart button off the edge of the screen). */
  @media (max-width:640px){
    .nav{padding:10px 14px;gap:8px;}
    .nav-by{display:none;}
    .lang-toggle{padding:7px 8px;font-size:11px;}
    .nav-cart-btn{padding:7px 8px;font-size:11px;gap:4px;}
    .nav-cart-btn span[data-i18n="nav.cart"]{display:none;}
  }

  /* -----------------------------------------------------------------
     NEW ARRIVALS — single "pop-up" showcase window
     Four bikes appear inside one shared frame with a staggered
     pop/scale-in animation instead of the usual grid of product cards.
     No price/specs/add-to-cart here — those live in the main
     catalogue's 20" Junior section for these same four bikes.
     ----------------------------------------------------------------- */
  .new-showcase{
    background:var(--ink);
    border:1px solid rgba(255,255,255,0.08);
    border-radius:6px;
    padding:36px 28px 30px;
    position:relative;
    overflow:hidden;
  }
  .new-showcase::before{
    content:'';
    position:absolute;inset:0;
    background:radial-gradient(ellipse at 50% 0%, rgba(210,31,38,0.16), transparent 60%);
    pointer-events:none;
  }
  .new-showcase-head{
    text-align:center;
    margin-bottom:28px;
    position:relative;
  }
  .new-showcase-head .eyebrow{justify-content:center;color:#C9D0E4;}
  .new-showcase-head .eyebrow::before{display:none;}
  .new-showcase-head p{
    color:#C3C9D8;font-size:14.5px;max-width:52ch;margin:10px auto 0;
  }
  .new-showcase-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:22px;
    position:relative;
    z-index:1;
  }
  .new-showcase-item{
    background:var(--ink-soft);
    border:1px solid rgba(255,255,255,0.07);
    border-radius:5px;
    padding:16px 14px 18px;
    text-align:center;
    opacity:0;
    transform:scale(0.72) translateY(18px);
    animation:newPop 0.62s cubic-bezier(.22,1.4,.36,1) forwards;
  }
  .new-showcase-item:nth-child(1){animation-delay:.05s;}
  .new-showcase-item:nth-child(2){animation-delay:.22s;}
  .new-showcase-item:nth-child(3){animation-delay:.39s;}
  .new-showcase-item:nth-child(4){animation-delay:.56s;}
  .new-showcase-item:nth-child(5){animation-delay:.73s;}
  @keyframes newPop{
    0%{opacity:0;transform:scale(0.72) translateY(18px);}
    65%{opacity:1;transform:scale(1.05) translateY(-4px);}
    100%{opacity:1;transform:scale(1) translateY(0);}
  }
  .new-showcase-item img{
    width:100%;height:auto;display:block;
    border-radius:3px;background:var(--white);
    margin-bottom:12px;
  }
  .new-showcase-model{
    font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:0.05em;
    color:var(--gold-light);
  }
  .new-showcase-meta{
    color:#D0D5E2;font-size:13.5px;margin-top:3px;
  }
  .new-showcase-price{
    font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:18px;
    color:var(--gold-light);margin-top:8px;
  }
  .new-showcase-item .btn-add-cart{
    background:var(--gold);color:var(--ink);
  }
  .new-showcase-item .btn-add-cart:hover{background:var(--gold-light);}
  .new-showcase-item .prod-specs-btn{
    background:transparent;border-color:rgba(255,255,255,0.22);color:#D0D5E2;
    width:100%;justify-content:center;
  }
  .new-showcase-item .prod-specs-btn:hover{border-color:var(--gold-light);color:var(--gold-light);}
  .new-showcase-item > .corner-badge{display:block;width:fit-content;}
  .new-showcase-foot{
    text-align:center;margin-top:26px;position:relative;z-index:1;
  }
  .new-showcase-foot p{
    color:#8E96AE;font-size:12.5px;margin-bottom:12px;
  }
  @media (max-width:900px){
    .new-showcase-grid{grid-template-columns:repeat(2,1fr);}
  }
  @media (max-width:480px){
    .new-showcase-grid{grid-template-columns:1fr;}
  }
  /* New Arrivals teaser video — sits above the pop-up bike grid */
  .new-showcase-video{
    max-width:640px;margin:0 auto 30px;position:relative;z-index:1;
    border-radius:6px;overflow:hidden;
    border:1px solid rgba(255,255,255,0.1);
    box-shadow:0 12px 30px rgba(0,0,0,0.35);
  }
  .new-showcase-video video{
    display:block;width:100%;height:auto;background:#000;
  }
  .card-actions{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:6px;align-items:stretch;margin-top:2px;}
  .card-actions .btn-add-cart,.card-actions .prod-specs-btn{width:100% !important;margin:0 !important;min-height:40px;padding:8px 6px !important;display:flex;align-items:center;justify-content:center;gap:5px;white-space:nowrap;font-size:11px !important;letter-spacing:.03em !important;overflow:hidden;}
  .card-actions .prod-specs-btn svg{display:none;}


  /* ===== Premium sapphire & ruby layer ===== */
  :root{--sapphire:#0C2256;--sapphire-deep:#071539;--sapphire-glow:#2458E0;--ruby:#C3122F;--ruby-hi:#E8334D;--platinum:#DCE3F0;}
  body{color:#141C33;}
  header{background:linear-gradient(180deg,#0C2256 0%,#0A1D4B 100%);border-bottom:1px solid rgba(220,227,240,.14);}
  .ticker{background:var(--sapphire-deep);border-bottom:1px solid rgba(220,227,240,.10);}
  .hero{background:
      radial-gradient(90% 60% at 100% 0%,rgba(36,88,224,.55) 0%,rgba(36,88,224,0) 60%),
      radial-gradient(70% 50% at 0% 100%,rgba(195,18,47,.22) 0%,rgba(195,18,47,0) 60%),
      linear-gradient(165deg,#0C2256 0%,#071539 100%);}
  .hero h1 .accent{background:none;-webkit-background-clip:border-box;background-clip:border-box;color:#E8192C;}
  .hero .lede{color:rgba(220,227,240,.86);}
  .hero .eyebrow{color:var(--platinum);}
  @media (max-width:900px){
    .hero .hero-mark{background:#FFFFFF;}
  }
  .plate{background:var(--sapphire-deep);border-top:1px solid rgba(220,227,240,.10);border-bottom:2px solid var(--ruby);}
  .plate-item .k{color:rgba(220,227,240,.6);}
  .plate-item .v{color:#fff;}
  .btn-primary{background:linear-gradient(180deg,var(--ruby-hi) 0%,var(--ruby) 100%) !important;border-color:transparent !important;box-shadow:0 8px 22px -10px rgba(195,18,47,.75);}
  .btn-primary:hover{background:linear-gradient(180deg,#D42340 0%,#9E0E26 100%) !important;}
  .btn-ghost{border-color:rgba(220,227,240,.35);}
  .btn-add-cart,.btn-add-cart--alt,.new-showcase-item .btn-add-cart,.prod-lightbox-actions .btn-add-cart{background:linear-gradient(180deg,var(--ruby-hi) 0%,var(--ruby) 100%) !important;color:#fff !important;border-radius:6px !important;padding:10px 12px !important;letter-spacing:.08em;box-shadow:0 6px 16px -8px rgba(195,18,47,.7);}
  .btn-add-cart:hover,.new-showcase-item .btn-add-cart:hover{background:linear-gradient(180deg,#D42340 0%,#9E0E26 100%) !important;}
  .btn-add-cart.added{background:#1E8E3E !important;}
  .prod-card{border-radius:12px;border:1px solid #E3E8F1;background:#fff;box-shadow:0 1px 2px rgba(12,34,86,.04),0 10px 30px -18px rgba(12,34,86,.28);transition:transform .2s ease,box-shadow .2s ease;}
  .prod-card:hover{transform:translateY(-3px);box-shadow:0 2px 4px rgba(12,34,86,.05),0 22px 40px -20px rgba(12,34,86,.38);}
  .prod-card .prod-img{border-radius:10px 10px 0 0;}
  .prod-price{color:var(--sapphire);letter-spacing:-.01em;}
  .prod-specs-btn{border-radius:6px;}
  .cat-filter{border-radius:999px;border-color:#D5DCE8;}
  .cat-filter.active{background:linear-gradient(180deg,#143380 0%,var(--sapphire) 100%);border-color:transparent;color:#fff;}
  .catalogue,#about{background:linear-gradient(180deg,#FFFFFF 0%,#F5F7FB 100%);}
  .new-showcase{background:
      radial-gradient(80% 50% at 50% 0%,rgba(36,88,224,.45) 0%,rgba(36,88,224,0) 70%),
      linear-gradient(170deg,#0C2256 0%,#071539 100%);
    border:1px solid rgba(220,227,240,.14);border-radius:16px;box-shadow:0 30px 60px -30px rgba(7,21,57,.6);}
  .new-showcase-item{border-radius:12px;background:rgba(255,255,255,.04);border:1px solid rgba(220,227,240,.12);}
  .new-showcase-price{color:#fff;}
  .contact-card{background:linear-gradient(165deg,#0F2A69 0%,#071539 100%);border-radius:14px;box-shadow:0 30px 60px -30px rgba(7,21,57,.55);border:1px solid rgba(220,227,240,.10);}
  .checkout-note,.info-card,.policy{border-radius:12px;border-color:#E3E8F1;box-shadow:0 10px 30px -22px rgba(12,34,86,.3);}
  .checkout-note{border-left:3px solid var(--ruby);}
  .pay-option{border-radius:10px;}
  .order-summary{border-radius:10px;background:rgba(255,255,255,.03);}
  .order-total span:last-child{color:#8EC0FF;}
  .newsletter{background:linear-gradient(165deg,#0F2A69 0%,#071539 100%);}
  footer{background:var(--sapphire-deep);border-top:2px solid var(--ruby);}
  .tag,.eyebrow{letter-spacing:.14em;}
  .section-head .tag{color:var(--ruby);}
  h2{color:var(--sapphire);}
  .new-showcase h3,.contact-card h3{color:#fff;}

  .prod-swatch{gap:10px;margin-top:6px;}
  .prod-swatch-dot{width:33px !important;height:33px !important;border:2px solid #fff !important;box-shadow:0 0 0 1px #C9D1E0,0 3px 8px -3px rgba(12,34,86,.35);}
  .pi-model{min-height:1.4em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px;font-weight:600;letter-spacing:.02em;}
  .pi-sub{min-height:40px;display:flex;align-items:center;}
  .pi-sub .prod-swatch{margin-top:0;}
  .pi-sub .prod-meta{margin-top:0;}
  .pi-badge{min-height:28px;display:flex;align-items:center;gap:8px;flex-wrap:nowrap;overflow:hidden;}
  .pi-badge .prod-badge-se{font-size:17px;}
  .pi-badge .prod-badge{position:static;margin:0;}
  .prod-card{display:flex;flex-direction:column;position:relative;min-width:0;}
  .prod-card > .corner-badge{position:absolute !important;top:10px;left:0;z-index:3;margin:0 !important;}
  .prod-card > .top-seller-ribbon,.prod-card > .prod-ribbon{position:absolute !important;top:10px;left:0;z-index:3;margin:0 !important;}
  .prod-card:not(.prod-card--feature) .prod-img{aspect-ratio:4/3;padding:0 !important;overflow:hidden;min-height:0;}
  .prod-card:not(.prod-card--feature) .prod-img > img{position:absolute;inset:10px;width:calc(100% - 20px);height:calc(100% - 20px);object-fit:contain;}
  .contact-grid > *,.prod-grid > *,.policy-list,.info-card{min-width:0;}
  .plan-table{table-layout:fixed;word-wrap:break-word;}
  .plan-table td,.plan-table th{overflow-wrap:anywhere;}
  html,body{overflow-x:clip;max-width:100%;}
  /* Mobile: stop the page sliding left and right (older iPhones ignore "clip") */
  @supports not (overflow-x:clip){html,body{overflow-x:hidden;}}
  html,body{overscroll-behavior-x:none;touch-action:pan-y pinch-zoom;}
  .cart-drawer:not(.open){pointer-events:none;}
  html{-webkit-text-size-adjust:100%;text-size-adjust:100%;}
  input,select,textarea,.f-row input,.f-row select,.f-row textarea,#searchInput{font-size:16px !important;}
  .new-showcase-video{max-width:340px !important;aspect-ratio:3/4;background:none;border:1px solid rgba(220,227,240,.18) !important;}
  .prod-media-video:has(.na-thumb){aspect-ratio:3/4;max-width:420px;margin:0 auto;border-radius:12px;overflow:hidden;border:1px solid rgba(12,34,86,.15);}
  .na-thumb--wide .na-title{font-size:14cqw;}
  .na-thumb{container-type:inline-size;position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:8cqw 6cqw 7cqw;overflow:hidden;text-align:center;color:#fff;
    background:radial-gradient(90% 55% at 50% 58%,rgba(36,88,224,.75) 0%,rgba(36,88,224,0) 70%),radial-gradient(60% 30% at 50% 100%,rgba(195,18,47,.35) 0%,rgba(195,18,47,0) 70%),linear-gradient(180deg,#0C2256 0%,#071539 100%);}
  .na-top{display:flex;flex-direction:column;align-items:center;gap:2px;}
  .na-kicker{font-family:'IBM Plex Mono',monospace;font-size:3.6cqw;letter-spacing:.22em;text-transform:uppercase;color:#8EC0FF;}
  .na-title{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:17cqw;line-height:1;white-space:nowrap;letter-spacing:.01em;text-transform:uppercase;}
  .na-sub{font-size:4.6cqw;color:rgba(220,227,240,.8);}
  .na-stage{position:relative;width:108%;margin:0 -4%;}
  .na-bike{position:relative;z-index:1;width:100%;height:auto;display:block;filter:drop-shadow(0 18px 18px rgba(0,0,0,.45));}
  .na-floor{position:absolute;left:12%;right:12%;bottom:-4px;height:18px;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.55),rgba(0,0,0,0));z-index:0;}
  .na-dots{display:flex;gap:3cqw;justify-content:center;}
  .na-dots i{width:6.5cqw;height:6.5cqw;border-radius:50%;border:2px solid rgba(255,255,255,.9);box-shadow:0 2px 6px rgba(0,0,0,.35);}
  .na-price{font-size:4.4cqw;color:rgba(220,227,240,.85);}
  .na-price strong{font-family:'Barlow Condensed',sans-serif;font-size:7.5cqw;color:#fff;letter-spacing:.01em;margin-left:4px;}
  .na-tag{font-family:'IBM Plex Mono',monospace;font-size:3.2cqw;letter-spacing:.18em;text-transform:uppercase;color:rgba(220,227,240,.55);}

  .inv-overlay{position:fixed;inset:0;z-index:200;background:rgba(7,21,57,.72);display:none;overflow-y:auto;padding:24px 12px env(safe-area-inset-bottom,0px);}
  .inv-overlay.open{display:block;}
  body.inv-open{overflow:hidden;}
  .inv-sheet{max-width:760px;margin:0 auto;position:relative;}
  .inv-actions{display:flex;justify-content:flex-end;margin-bottom:8px;}
  .inv-x{background:#fff;border:none;width:36px;height:36px;border-radius:50%;font-size:22px;line-height:1;cursor:pointer;color:#0C2256;}
  .inv-paper{background:#fff;color:#141C33;border-radius:12px;padding:28px 26px;box-shadow:0 30px 60px -20px rgba(0,0,0,.5);font-size:14px;line-height:1.5;}
  .inv-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;border-bottom:2px solid #C3122F;padding-bottom:16px;margin-bottom:18px;}
  .inv-logo{width:150px;height:auto;}
  .inv-title{text-align:right;font-size:13px;color:#56607A;}
  .inv-title h2{font-size:30px;color:#0C2256;margin-bottom:4px;}
  .inv-title strong{color:#141C33;}
  .inv-status{margin-top:4px;color:#C3122F;font-weight:600;}
  .inv-parties{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;margin-bottom:18px;}
  .inv-parties h4,.inv-pay h4{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#56607A;margin-bottom:6px;}
  .inv-parties p{font-size:13.5px;overflow-wrap:anywhere;}
  .inv-table,.inv-totals{width:100%;border-collapse:collapse;table-layout:fixed;}
  .inv-table th{background:#0C2256;color:#fff;font-size:12px;font-weight:600;text-align:left;padding:8px 10px;}
  .inv-table th:first-child,.inv-table td:first-child{width:44px;}
  .inv-table th:nth-child(3),.inv-table th:nth-child(4){width:24%;}
  .inv-table td{padding:9px 10px;border-bottom:1px solid #E3E8F1;vertical-align:top;overflow-wrap:anywhere;font-size:13.5px;}
  .inv-table .num{text-align:right;white-space:nowrap;}
  .inv-totals .num{text-align:right;width:46%;overflow-wrap:anywhere;}
  body.inv-open .wa-float,body.inv-open .whatsapp-fab{display:none !important;}
  .inv-totals{margin-top:12px;}
  .inv-totals td{padding:6px 10px;font-size:13.5px;}
  .inv-totals td:first-child{color:#56607A;}
  .inv-totals tr.grand td{border-top:2px solid #0C2256;font-weight:700;font-size:16px;color:#0C2256;padding-top:10px;}
  .inv-pay{margin-top:18px;background:#F5F7FB;border:1px solid #E3E8F1;border-left:3px solid #C3122F;border-radius:8px;padding:14px 16px;}
  .inv-pay p{font-size:13.5px;}
  .inv-qr{display:block;width:200px;max-width:100%;margin-top:10px;border:1px solid #E3E8F1;border-radius:6px;}
  .inv-totals tr.inv-hl td{background:#EEF3FF;color:#141C33;font-weight:600;}
  .inv-totals tr.inv-hl td.num{color:#C3122F;}
  .inv-terms{margin-top:14px;border:1px solid #C9D6F5;background:#F3F7FF;border-radius:8px;padding:12px 16px;}
  .inv-terms h4{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#C3122F;margin-bottom:6px;}
  .inv-terms ul{padding-left:18px;margin:0;}
  .inv-terms li{font-size:13px;margin-bottom:4px;}
  .inv-note{margin-top:16px;font-size:12px;color:#56607A;}
  .inv-buttons{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0 30px;}
  .inv-buttons .btn{flex:1 1 200px;justify-content:center;text-align:center;}
  .inv-steps-hint{flex-basis:100%;margin:0 0 2px;padding:10px 12px;border-radius:8px;background:#16306E;border:1px solid rgba(142,192,255,.4);color:#fff;font-size:13.5px;line-height:1.5;}
  .inv-btn-pdf{background:#1FA855 !important;color:#fff !important;border:1px solid #1FA855 !important;font-weight:700;}
  .inv-btn-pdf:disabled{opacity:.7;}
  .inv-pdf-note{grid-column:1 / -1;flex-basis:100%;margin:6px 0 0;padding:10px 12px;border-radius:8px;background:#EAF7EE;color:#141C33;font-size:13.5px;}
  .inv-pdf-note a{color:#0C2256;text-decoration:underline;}
  .inv-btn-ghost{background:#fff !important;color:#0C2256 !important;border:1px solid #fff;}
  @media (max-width:560px){
    .inv-paper{padding:20px 16px;}
    .inv-head{flex-direction:column;}
    .inv-title{text-align:left;}
    .inv-parties{grid-template-columns:1fr;}
    .inv-logo{width:130px;}
  }
  @media print{
    body.inv-open > *:not(.inv-overlay){display:none !important;}
    html,body.inv-open{background:#fff !important;position:static !important;top:0 !important;left:auto !important;right:auto !important;overflow:visible !important;height:auto !important;}
    .inv-overlay{position:static !important;inset:auto !important;height:auto !important;max-height:none !important;background:#fff;padding:0;display:block !important;overflow:visible !important;opacity:1 !important;transform:none !important;}
    .inv-overlay *{max-height:none !important;}
    .inv-noprint{display:none !important;}
    .inv-paper{box-shadow:none;border-radius:0;padding:0;}
    .inv-table th{-webkit-print-color-adjust:exact;print-color-adjust:exact;}
  }

  .agree-row{display:flex;gap:12px;align-items:flex-start;margin:4px 0 14px;padding:12px 14px;border:1px solid rgba(220,227,240,.22);border-radius:10px;background:rgba(255,255,255,.04);cursor:pointer;font-size:14px;line-height:1.5;color:rgba(255,255,255,.92);}
  .agree-row input{flex:0 0 auto;width:22px;height:22px;margin-top:1px;accent-color:#C3122F;cursor:pointer;}
  .agree-row a{color:#8EC0FF;text-decoration:underline;}
  .agree-row--error{border-color:#E8192C;background:rgba(195,18,47,.14);}
  .agree-error{color:#8EC0FF;font-size:13px;margin:-6px 0 12px;}
  .saved-note{font-size:13px;color:rgba(220,227,240,.85);background:rgba(255,255,255,.05);border:1px solid rgba(220,227,240,.18);border-radius:8px;padding:10px 12px;margin-bottom:12px;}
  .linkish{background:none;border:none;padding:0;color:#8EC0FF;text-decoration:underline;cursor:pointer;font:inherit;}
  .hero-logo-card,.hero-bike-card,.hero-bike-stage{background:#FFFFFF;}
  .cart-drawer{box-shadow:none;visibility:hidden;transition:transform .25s ease,visibility 0s linear .25s;}
  .cart-drawer.open{box-shadow:-8px 0 24px rgba(0,0,0,0.2);visibility:visible;transition:transform .25s ease,visibility 0s;}
  .catalogue-start{margin:56px 0 30px;padding:26px 24px;border-radius:14px;text-align:center;color:#fff;
    background:radial-gradient(80% 90% at 50% 0%,rgba(36,88,224,.5) 0%,rgba(36,88,224,0) 70%),linear-gradient(165deg,#0C2256 0%,#071539 100%);
    border-bottom:3px solid var(--ruby);box-shadow:0 20px 40px -24px rgba(7,21,57,.6);}
  .cs-kicker{display:block;font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:#8EC0FF;margin-bottom:6px;}
  .cs-title{font-size:clamp(34px,7vw,56px);color:#fff !important;line-height:1;margin-bottom:10px;}
  .cs-sub{max-width:60ch;margin:0 auto;font-size:15px;line-height:1.55;color:rgba(220,227,240,.85);}
  .cat-group-title{font-family:'Barlow Condensed',sans-serif !important;font-size:28px !important;font-weight:800 !important;letter-spacing:.02em !important;color:var(--sapphire) !important;
    border-bottom:2px solid var(--line) !important;padding-bottom:10px !important;margin-bottom:20px !important;position:relative;}
  .cat-group-title::after{content:"";position:absolute;left:0;bottom:-2px;width:64px;height:2px;background:var(--ruby);}
  .new-showcase .cat-group-title{color:#fff !important;border-bottom-color:rgba(220,227,240,.25) !important;}
  .prod-grid--featured{grid-template-columns:repeat(2,minmax(0,1fr));}
  .prod-grid--featured .prod-card--feature{grid-column:auto;}
  @media (max-width:900px){ .prod-grid--featured{grid-template-columns:1fr;} }
  .ebike-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:10px 28px;margin:44px 0;padding:34px 34px 30px;border-radius:18px;overflow:hidden;position:relative;color:#fff;
    background:radial-gradient(70% 90% at 85% 40%,rgba(36,88,224,.45) 0%,rgba(36,88,224,0) 70%),linear-gradient(160deg,#0C2256 0%,#071539 100%);
    border:1px solid rgba(220,227,240,.14);box-shadow:0 30px 60px -30px rgba(7,21,57,.65);}
  .ebike-card::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,var(--ruby),#E8192C,var(--ruby));}
  .ebike-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:rgba(195,18,47,.18);border:1px solid rgba(142,192,255,.45);font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#8EC0FF;}
  .ebike-dot{width:8px;height:8px;border-radius:50%;background:#E8192C;box-shadow:0 0 0 0 rgba(232,25,44,.6);animation:ebPulse 1.8s ease-out infinite;}
  @keyframes ebPulse{0%{box-shadow:0 0 0 0 rgba(232,25,44,.6);}100%{box-shadow:0 0 0 10px rgba(232,25,44,0);}}
  .ebike-title{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:clamp(34px,5vw,52px);line-height:1;text-transform:uppercase;margin:14px 0 10px;color:#fff;}
  .ebike-text{font-size:15px;line-height:1.6;color:rgba(220,227,240,.86);max-width:48ch;}
  .ebike-feats{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 20px;padding:0;}
  .ebike-feats li{font-size:12.5px;padding:6px 10px;border-radius:8px;background:rgba(255,255,255,.07);border:1px solid rgba(220,227,240,.16);color:#fff;}
  .ebike-cta{display:inline-flex;align-items:center;justify-content:center;padding:12px 20px;border-radius:8px;font-weight:700;font-size:14.5px;color:#fff !important;
    background:linear-gradient(180deg,#E8334D 0%,#C3122F 100%);box-shadow:0 10px 24px -10px rgba(195,18,47,.8);}
  .ebike-cta:hover{background:linear-gradient(180deg,#D42340 0%,#9E0E26 100%);}
  .ebike-art svg{width:100%;height:auto;display:block;}
  .eb-beam{animation:ebBeam 3.2s ease-in-out infinite;}
  @keyframes ebBeam{0%,100%{opacity:.55;}50%{opacity:1;}}
  @media (prefers-reduced-motion:reduce){.ebike-dot,.eb-beam{animation:none;}}
  @media (max-width:760px){
    .ebike-card{grid-template-columns:1fr;padding:26px 20px 24px;}
    .ebike-art{order:-1;margin:-6px -8px 4px;}
    .ebike-cta{width:100%;}
  }
  /* thumbnails: light centre, darker corners, no tyre shadow */
  .na-thumb{background:radial-gradient(ellipse 78% 62% at 50% 54%,#FFFFFF 0%,#EEF4FF 34%,#C9DAFB 62%,#8FAEE8 84%,#5C7FCB 100%) !important;color:#0C2256 !important;}
  .na-thumb .na-title{color:#0C2256;}
  .na-thumb .na-sub{color:#34436B;}
  .na-thumb .na-bike{filter:none !important;}
  .na-thumb .na-floor{display:none !important;}
  .na-thumb .na-dots i{border-color:#fff;box-shadow:0 0 0 1px rgba(12,34,86,.35),0 2px 6px rgba(12,34,86,.25);}
  .na-thumb .na-price{color:#34436B;}
  .na-thumb .na-price strong{color:#0C2256;}
  .na-thumb .na-tag{color:rgba(12,34,86,.7);}
  .new-showcase-video,.prod-media-video:has(.na-thumb){border:1px solid rgba(12,34,86,.18) !important;}
  .policy > table{width:calc(100% - 40px);}
  .refund-form{margin-left:20px;margin-right:20px;}
  .refund-table td:first-child{width:34%;font-weight:600;color:var(--sapphire);}
  .refund-form{margin:14px 0 20px;padding:18px;border:1px solid var(--line);border-radius:12px;background:var(--cloud);}
  .rf-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px;}
  .rf-row{display:flex;flex-direction:column;gap:6px;margin-bottom:12px;min-width:0;}
  .rf-row label{font-size:12px;font-weight:600;letter-spacing:.04em;color:var(--steel);text-transform:uppercase;}
  .refund-form input[type=text],.refund-form input[type=tel],.refund-form input[type=number],.refund-form input[type=date],.refund-form select,.refund-form textarea{width:100%;min-width:0;padding:11px 12px;border:1px solid #CBD3E3;border-radius:8px;background:#fff;color:#141C33;font-family:inherit;}
  .refund-form input:focus,.refund-form select:focus,.refund-form textarea:focus{outline:2px solid var(--sapphire-glow);outline-offset:1px;border-color:transparent;}
  .rf-radios{display:flex;flex-wrap:wrap;gap:8px 16px;}
  .rf-radios label{text-transform:none;letter-spacing:0;font-weight:500;font-size:14.5px;color:#141C33;display:flex;gap:6px;align-items:center;}
  .rf-radios input{accent-color:#C3122F;width:18px;height:18px;}
  .rf-estimate{margin:4px 0 14px;padding:12px 14px;border-radius:8px;background:#F3F7FF;border:1px solid #C9D6F5;border-left:3px solid var(--ruby);font-size:14px;color:#141C33;}
  .rf-agree{display:flex;gap:10px;align-items:flex-start;font-size:14px;margin:4px 0 12px;color:#141C33;}
  .rf-agree input{width:20px;height:20px;accent-color:#C3122F;flex:0 0 auto;}
  .rf-error{color:#C3122F;font-size:13.5px;margin:-4px 0 10px;}
  .rf-submit{width:100%;justify-content:center;}
  .rf-note{font-size:12.5px;margin-top:10px;}
  .rf-sent{margin-top:12px;padding:12px 14px;border-radius:8px;background:#EAF7EE;border:1px solid #BFE5CB;font-size:14px;color:#141C33;}
  @media (max-width:560px){ .rf-grid{grid-template-columns:1fr;} .refund-table td:first-child{width:38%;} }
  .unit-note{font-size:11.5px;font-weight:600;color:var(--sapphire);margin-top:1px;}
  .eta-note{font-size:11.5px;color:#1E7F45;font-weight:600;margin-top:1px;}
  .new-showcase .eta-note{color:#9BE3B6;}
  .size-guide-sec{margin:56px 0 0;padding:30px 24px;border-radius:16px;background:linear-gradient(180deg,#F5F8FF 0%,#EAF0FB 100%);border:1px solid #DCE4F3;}
  .sg-head{text-align:center;margin-bottom:20px;}
  .sg-kicker{font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--ruby);}
  .sg-title{font-size:clamp(30px,5vw,44px);color:var(--sapphire);margin:6px 0 6px;}
  .sg-sub{color:var(--steel);font-size:15px;}
  .sg-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;}
  .sg-card{display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;padding:16px 16px 14px;border-radius:12px;background:#fff;border:1px solid #DCE4F3;cursor:pointer;font:inherit;color:#141C33;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;}
  .sg-card:hover{transform:translateY(-2px);box-shadow:0 12px 24px -14px rgba(12,34,86,.35);}
  .sg-card--on{border-color:var(--ruby);box-shadow:0 0 0 2px rgba(195,18,47,.2),0 12px 24px -14px rgba(12,34,86,.35);}
  .sg-size{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:40px;line-height:1;color:var(--sapphire);}
  .sg-name{font-weight:700;font-size:15px;margin-bottom:4px;}
  .sg-line{font-size:13.5px;color:var(--steel);}
  .sg-line b{color:#141C33;font-weight:600;margin-right:4px;}
  .sg-finder{margin-top:16px;display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;padding:16px;border-radius:12px;color:#fff;background:linear-gradient(165deg,#0F2A69 0%,#071539 100%);}
  .sg-flabel{font-weight:700;font-size:14px;}
  .sg-inputs{display:flex;gap:8px;}
  .sg-inputs select{padding:9px 10px;border-radius:8px;border:1px solid rgba(220,227,240,.3);background:rgba(255,255,255,.08);color:#fff;font-family:inherit;}
  .sg-inputs select option{color:#141C33;}
  .sg-result{flex:1 1 200px;margin:0;font-size:15px;}
  .sg-result strong{color:#8EC0FF;}
  .sg-go{padding:10px 16px;border-radius:8px;border:none;cursor:pointer;font-weight:700;color:#fff;background:linear-gradient(180deg,#E8334D,#C3122F);font-family:inherit;}
  @media (max-width:760px){ .sg-cards{grid-template-columns:repeat(2,minmax(0,1fr));} .size-guide-sec{padding:24px 14px;} .sg-go{width:100%;} }
  .inst-note{font-size:11.5px;font-weight:600;color:var(--sapphire);margin-top:1px;}
  .new-showcase .inst-note{color:#BFD0FF;}
  .inst-sec{padding:64px 0 10px;}
  .inst-card{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:18px;padding:28px;border-radius:18px;color:#fff;background:radial-gradient(70% 90% at 15% 0%,rgba(36,88,224,.45) 0%,rgba(36,88,224,0) 70%),linear-gradient(160deg,#0C2256 0%,#071539 100%);box-shadow:0 30px 60px -30px rgba(7,21,57,.6);}
  .inst-kicker{font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:#8EC0FF;}
  .inst-title{font-size:clamp(28px,4.5vw,44px);color:#fff !important;margin:8px 0 10px;line-height:1.02;}
  .inst-text{color:rgba(220,227,240,.86);font-size:15px;line-height:1.6;max-width:56ch;}
  .inst-calc{margin:16px 0;padding:14px;border-radius:12px;background:rgba(255,255,255,.06);border:1px solid rgba(220,227,240,.16);}
  .inst-calc label{display:block;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:rgba(220,227,240,.75);margin-bottom:6px;}
  .inst-calc select{width:100%;padding:10px;border-radius:8px;border:1px solid rgba(220,227,240,.3);background:rgba(255,255,255,.08);color:#fff;font-family:inherit;}
  .inst-calc select option{color:#141C33;}
  .inst-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px;}
  .inst-step{padding:10px 8px;border-radius:10px;background:rgba(255,255,255,.08);text-align:center;}
  .inst-step span{display:block;font-size:11.5px;color:rgba(220,227,240,.75);}
  .inst-step strong{display:block;font-family:'Barlow Condensed',sans-serif;font-size:21px;margin-top:2px;}
  .inst-total{margin:10px 0 0;font-size:13.5px;color:rgba(220,227,240,.85);}
  .inst-total strong{color:#8EC0FF;}
  .inst-cta{padding:12px 20px;border:none;border-radius:8px;font-weight:700;font-size:15px;color:#fff;cursor:pointer;background:linear-gradient(180deg,#E8334D,#C3122F);box-shadow:0 10px 24px -10px rgba(195,18,47,.8);font-family:inherit;}
  .inst-req{padding:18px;border-radius:14px;background:rgba(255,255,255,.96);color:#141C33;align-self:start;}
  .inst-req h3{font-size:20px;color:var(--sapphire);margin-bottom:8px;}
  .inst-req ul{padding-left:18px;margin:0 0 10px;}
  .inst-req li{font-size:14px;line-height:1.5;margin-bottom:4px;}
  .inst-small{font-size:12.5px;color:var(--steel);}
  .track-card{margin-top:22px;padding:24px;border-radius:16px;background:#F5F8FF;border:1px solid #DCE4F3;}
  .track-title{font-size:clamp(26px,4vw,36px);color:var(--sapphire);}
  .track-sub{color:var(--steel);font-size:14.5px;margin:4px 0 12px;}
  .track-form{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) auto;gap:10px;}
  .track-form input{padding:11px 12px;border:1px solid #CBD3E3;border-radius:8px;background:#fff;color:#141C33;font-family:inherit;min-width:0;}
  .track-form button{padding:11px 18px;border:none;border-radius:8px;font-weight:700;color:#fff;background:linear-gradient(180deg,#143380,#0C2256);cursor:pointer;font-family:inherit;}
  .track-demo{font-size:13px;color:var(--steel);margin-top:8px;}
  .linkish-dark{background:none;border:none;padding:0;color:var(--ruby);text-decoration:underline;cursor:pointer;font:inherit;}
  .track-out{margin-top:14px;padding:16px;border-radius:12px;background:#fff;border:1px solid #DCE4F3;}
  .track-meta{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:14px;margin-bottom:12px;color:var(--steel);}
  .track-meta strong{color:#141C33;}
  .track-line{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;}
  .track-line li{position:relative;text-align:center;font-size:12px;color:#8A93A8;padding-top:22px;}
  .track-line li .dot{position:absolute;top:0;left:50%;transform:translateX(-50%);width:16px;height:16px;border-radius:50%;background:#DCE4F3;border:2px solid #fff;box-shadow:0 0 0 1px #CBD3E3;}
  .track-line li.done{color:#1E7F45;} .track-line li.done .dot{background:#1E8E3E;box-shadow:0 0 0 1px #1E8E3E;}
  .track-line li.now{color:var(--ruby);font-weight:700;} .track-line li.now .dot{background:var(--ruby);box-shadow:0 0 0 4px rgba(195,18,47,.2);}
  .track-note{margin-top:12px;font-size:14px;}
  .track-miss{font-size:14px;margin:0;} .track-miss a{color:var(--ruby);}
  @media (max-width:760px){
    .inst-card{grid-template-columns:1fr;padding:22px 16px;}
    .inst-steps{grid-template-columns:repeat(2,minmax(0,1fr));}
    .inst-cta{width:100%;}
    .track-form{grid-template-columns:1fr;}
    .track-line{grid-template-columns:1fr;gap:10px;}
    .track-line li{text-align:left;padding:0 0 0 28px;}
    .track-line li .dot{left:0;transform:none;}
  }
  .cc-box{margin-top:14px;padding:14px;border-radius:12px;border:1px dashed rgba(142,192,255,.55);background:rgba(195,18,47,.10);font-size:14px;line-height:1.55;color:rgba(255,255,255,.92);}
  .cc-go{display:block;margin-top:10px;padding:10px 14px;border-radius:8px;border:1px solid rgba(255,255,255,.6);background:transparent;color:#fff;font-weight:700;cursor:pointer;font-family:inherit;}
  .cc-go:hover{background:rgba(255,255,255,.1);}
  .na-thumb[data-video]{cursor:pointer;}
  .na-play{position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);z-index:3;width:18cqw;height:18cqw;min-width:54px;min-height:54px;border-radius:50%;
    background:rgba(22,26,36,.62);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 8px 24px -10px rgba(0,0,0,.6),0 0 0 2px rgba(255,255,255,.55);transition:transform .15s ease,background .15s ease;}
  .na-thumb:hover .na-play{background:rgba(22,26,36,.78);}
  .na-play::after{content:"";position:absolute;left:54%;top:50%;transform:translate(-50%,-50%);border-style:solid;border-width:10px 0 10px 16px;border-color:transparent transparent transparent #fff;}
  .na-thumb:hover .na-play{transform:translate(-50%,-50%) scale(1.06);}
  .na-video{width:100%;height:100%;display:block;object-fit:contain;background:#000;}
  /* the whole video (and thumbnail) always fits on screen: width is limited by the screen height */
  .new-showcase-video,.prod-media-video:has(.na-thumb),.prod-media-video:has(.na-video){width:min(100%, 420px, calc((100vh - 130px) * 0.75)) !important;width:min(100%, 420px, calc((100svh - 130px) * 0.75)) !important;margin-left:auto !important;margin-right:auto !important;}
  .prod-media-video:has(.na-video){aspect-ratio:3/4;border-radius:12px;overflow:hidden;}
  .inst-link{display:grid;grid-template-columns:1fr auto;align-items:center;gap:0 10px;margin:8px 0 10px;padding:8px 12px;border-radius:10px;text-decoration:none !important;
    background:linear-gradient(135deg,#EEF3FF 0%,#E2EAFF 100%);border:1px solid #C9D6F5;color:var(--sapphire) !important;transition:background .15s ease,box-shadow .15s ease;}
  .inst-link:hover{background:linear-gradient(135deg,#E2EAFF 0%,#D3E0FF 100%);box-shadow:0 6px 16px -10px rgba(12,34,86,.5);}
  .inst-link-top{grid-column:1;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#56607A;}
  .inst-link-amt{grid-column:1;font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:22px;line-height:1.1;color:var(--sapphire);}
  .inst-link-go{grid-column:2;grid-row:1 / span 2;font-size:12.5px;font-weight:700;color:#fff;background:var(--ruby);padding:7px 10px;border-radius:8px;white-space:nowrap;}
  .new-showcase .inst-link{background:rgba(255,255,255,.08);border-color:rgba(220,227,240,.25);}
  .new-showcase .inst-link-top{color:rgba(220,227,240,.75);} .new-showcase .inst-link-amt{color:#fff;}
  .inst-flash{animation:instFlash 1.6s ease;}
  @keyframes instFlash{0%,100%{box-shadow:none;}25%{box-shadow:0 0 0 3px #8EC0FF;}}
  .inst-only-note{grid-column:1 / -1;font-size:12.5px;color:#8EC0FF;margin:2px 0 0;}
  .pay-option--off{opacity:.45;pointer-events:none;}
  .prod-grid--parts .pi-model{white-space:normal;min-height:2.6em;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
  .prod-grid--parts .pi-sub{min-height:20px;}
  .prod-grid--parts .pi-badge:empty{display:none;}
  .prod-grid--parts .prod-price{margin-top:8px !important;}
  .prod-grid--parts .prod-info{gap:2px;}
  .prod-grid--parts .prod-card .prod-img{background:#fff;}
  .ro-field{background:rgba(255,255,255,.03) !important;border-style:dashed !important;cursor:default;color:rgba(255,255,255,.92) !important;}
  .cart-empty-box{margin:0 0 14px;padding:14px;border-radius:10px;background:rgba(142,192,255,.12);border:1px solid rgba(142,192,255,.45);color:#fff;font-size:14px;line-height:1.55;}
  .cart-empty-go{display:inline-block;margin:8px 8px 0 0;padding:8px 14px;border-radius:8px;background:linear-gradient(180deg,#E8334D,#C3122F);color:#fff !important;font-weight:700;text-decoration:none !important;}
  .cart-empty-wa{display:block;margin-top:8px;font-size:13px;color:rgba(220,227,240,.85);} .cart-empty-wa a{color:#8EC0FF;}
  .btn-disabled{opacity:.5;cursor:not-allowed;}
  #checkoutForm .ro-field:focus,#checkoutForm .ro-field:focus-visible{outline:none !important;border-color:rgba(220,227,240,.35) !important;box-shadow:none !important;}
  #checkoutForm .ro-field{resize:none;}
  .ro-msg{margin:8px 0 0;padding:10px 12px;border-radius:8px;background:rgba(142,192,255,.14);border:1px solid rgba(142,192,255,.45);color:#fff;font-size:13.5px;line-height:1.5;}
  .ro-msg a{color:#8EC0FF;text-decoration:underline;}
  .ro-flash{animation:roFlash 1.2s ease;} @keyframes roFlash{0%{box-shadow:0 0 0 0 rgba(142,192,255,.8);}100%{box-shadow:0 0 0 10px rgba(142,192,255,0);}}
  /* softer, lighter blood-red badges */
  .corner-badge,.top-seller-ribbon,.prod-ribbon,.prod-badge{background:linear-gradient(135deg,#EEF3FF 0%,#DCE6FF 100%) !important;color:#0C2256 !important;border:1px solid #BFD0F5 !important;box-shadow:0 2px 6px -3px rgba(12,34,86,.35) !important;font-weight:700 !important;}
  .prod-badge-se{color:#1F4FC4 !important;}
  .lang-toggle{display:none !important;}
  .qr-card{display:block;width:100%;max-width:300px;margin:18px 0 0;border-radius:6px;border:1px solid var(--line);}
  .pay-options--4{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
  .pay-detail{margin:12px 0;padding:12px 14px;background:rgba(255,255,255,0.08);color:inherit;border-left:3px solid var(--red);font-size:14px;line-height:1.5;border-radius:4px;}
  .btn-primary{color:#fff !important;}
  .btn-primary:hover{background:#B0181E !important;border-color:#B0181E !important;}
  .pay-detail a{color:var(--red);text-decoration:underline;}
  #c-courier,#c-courier-other{display:block;width:100%;}
  .order-summary .order-row{gap:12px;}
  .order-summary .order-row span:last-child{text-align:right;}
  .order-summary small.plus{display:block;font-size:11px;opacity:.75;font-weight:400;}
  body{color:#16203F;}
  .btn-add-cart,.btn-add-cart--alt,.new-showcase-item .btn-add-cart,.prod-lightbox-actions .btn-add-cart{background:var(--red) !important;color:#fff !important;font-weight:700;}
  .btn-add-cart:hover,.new-showcase-item .btn-add-cart:hover{background:#A9161C !important;color:#fff !important;}
  .btn-add-cart.added{background:#1E8E3E !important;}
  .tax-note{font-size:11px;color:var(--steel);margin-top:2px;}
  .new-showcase .tax-note{color:rgba(255,255,255,.7);}
  .f-row--half{display:grid !important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;flex-direction:initial;}
  .f-row--half > div{min-width:0;display:flex;flex-direction:column;gap:6px;}
  .f-row--half input{width:100%;min-width:0;}
  .f-row--half label{display:block;}
  .pay-options--stack{display:grid;grid-template-columns:1fr;gap:8px;}
  .pay-options--4m{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
  .pay-options--3{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;}
  .plan-table{width:100%;border-collapse:collapse;margin:10px 0 14px;font-size:14px;}
  .plan-table th,.plan-table td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--line);}
  .plan-table th{font-weight:600;color:var(--steel);}
  .btn-ask{display:flex;justify-content:center;align-items:center;width:100%;margin-top:10px;padding:11px 12px;border-radius:6px;background:#1FA855;color:#fff !important;font-weight:600;font-size:13.5px;text-align:center;}
  .btn-ask.btn-add-cart--alt{margin-top:0;flex:1;width:auto;}
  .btn-ask:hover{background:#178a45;}
  .info-card{background:var(--cloud);border:1px solid var(--line);border-radius:8px;padding:20px 22px;margin-bottom:14px;}
  .info-card h3{font-size:22px;margin-bottom:8px;color:var(--ink);}
  .info-card p{font-size:15px;line-height:1.6;color:var(--steel);margin-bottom:10px;max-width:68ch;}
  .info-card .sig{color:var(--ink);}
  .policy-list{max-width:820px;}
  .policy{border:1px solid var(--line);border-radius:8px;margin-bottom:12px;background:#fff;}
  .policy summary{cursor:pointer;padding:16px 20px;font-family:'Barlow Condensed',sans-serif;font-size:22px;font-weight:700;text-transform:uppercase;color:var(--ink);}
  .policy[open] summary{border-bottom:1px solid var(--line);}
  .policy > *:not(summary){margin-left:20px;margin-right:20px;}
  .policy h4{font-size:16px;margin-top:18px;margin-bottom:6px;color:var(--ink);}
  .policy p,.policy li{font-size:15px;line-height:1.6;color:var(--steel);}
  .policy ul{padding-left:18px;margin-bottom:8px;}
  .policy > *:last-child{margin-bottom:18px;}
  .policy a{color:var(--red);text-decoration:underline;}
  #about,#policies{padding:72px 0;}


.kx-plink{color:inherit;text-decoration:none;}.kx-plink:hover{text-decoration:underline;}.kx-details{display:block;box-sizing:border-box;width:100%;margin-top:8px;padding:10px 12px;text-align:center;background:#fff;color:#0C2256;border:1.5px solid #0C2256;border-radius:6px;font:700 12px/1.2 "IBM Plex Mono",monospace;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;}.kx-details:hover{background:#0C2256;color:#fff;}.card-actions{flex-wrap:wrap;}.card-actions .kx-details{flex:0 0 100%;order:9;grid-column:1/-1;white-space:nowrap;}
.hero-bike-stage{cursor:pointer;}#heroBikeStage{margin-bottom:58px!important}@media(max-width:760px){.kx-hero-go{font-size:11px;padding:9px 14px;box-shadow:0 4px 10px rgba(0,0,0,.18)}}.kx-hero-go{position:absolute;left:50%;top:calc(100% + 10px);bottom:auto;transform:translateX(-50%);z-index:5;background:#C3122F;color:#fff;font:700 12px/1 "IBM Plex Mono",monospace;letter-spacing:.08em;text-transform:uppercase;padding:10px 16px;border-radius:999px;text-decoration:none;box-shadow:0 6px 16px rgba(0,0,0,.25);white-space:nowrap;}.kx-hero-go:hover{background:#A70F28;}

html[data-page]:not([data-page="home"]) #top{display:none!important}
html[data-page]:not([data-page="home"]):not([data-page="size-guide"]) #catalogue{display:none!important}
html[data-page]:not([data-page="size-guide"]) #size-guide{display:none!important}
html[data-page="size-guide"] #catalogue>.wrap>*:not(#size-guide){display:none!important}
html[data-page]:not([data-page="instalments"]):not([data-page="track"]) #instalments{display:none!important}
html[data-page="instalments"] #track{display:none!important}
html[data-page="track"] #instalments .inst-card{display:none!important}
html[data-page]:not([data-page="checkout"]) #checkout{display:none!important}
html[data-page]:not([data-page="reviews"]) #reviews{display:none!important}
html[data-page]:not([data-page="about"]) #about{display:none!important}
html[data-page]:not([data-page="contact"]) #contact{display:none!important}
html[data-page]:not([data-page="shipping"]):not([data-page="refund"]):not([data-page="privacy"]):not([data-page="faq"]) #policies{display:none!important}
html[data-page="shipping"] #policies .policy:not(#shipping-policy),
html[data-page="refund"] #policies .policy:not(#refund-policy),
html[data-page="privacy"] #policies .policy:not(#privacy-policy),
html[data-page="faq"] #policies .policy:not(#faq){display:none!important}
html[data-page]:not([data-page="home"]) main, html[data-page]:not([data-page="home"]) body>section{min-height:50vh}
html[data-page]:not([data-page="home"]) .reveal{opacity:1!important;transform:none!important}
html[data-page]:not([data-page="home"]):not([data-page="size-guide"]) #checkout,
html[data-page]:not([data-page="home"]) #reviews,html[data-page]:not([data-page="home"]) #about,
html[data-page]:not([data-page="home"]) #contact,html[data-page]:not([data-page="home"]) #policies,
html[data-page]:not([data-page="home"]) #instalments{padding-top:40px}
.nav-links a.kx-on{color:#fff;text-decoration:underline;text-underline-offset:5px}


.ia-plan{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.ia-plan div{padding:12px;border-radius:10px;background:rgba(255,255,255,.08);border:1px solid rgba(220,227,240,.18)}
.ia-plan span{display:block;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#b9c6e8}
.ia-plan strong{display:block;font-size:22px;margin-top:4px;color:#fff}
.ia-plan small{font-size:12.5px;color:#d6def2}
.ia-cta{display:inline-block;text-decoration:none;text-align:center}
.ia-cc{margin-top:14px;padding:12px;border-radius:10px;background:#f3f6fc;font-size:13.5px;line-height:1.5;color:#141C33}
.ia-cc a{color:#C3122F;font-weight:700;text-decoration:none;white-space:nowrap}
.ia-wrap{margin-top:34px}
html[data-page="track"] #instalments .ia-wrap{display:none!important}
.ia-h{font-size:26px;color:#0C2256;margin:0 0 14px}
.ia-steps{list-style:none;margin:0 0 30px;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:12px;counter-reset:none}
.ia-steps li{background:#fff;border:1px solid #dde3ee;border-radius:14px;padding:16px;position:relative}
.ia-steps b{display:inline-flex;width:30px;height:30px;border-radius:50%;align-items:center;justify-content:center;background:#0C2256;color:#fff;font-size:14px;margin-bottom:10px}
.ia-steps li:nth-child(3) b{background:#C3122F}
.ia-steps strong{display:block;color:#0C2256;font-size:16px;margin-bottom:4px}
.ia-steps span{font-size:13.5px;line-height:1.5;color:#56607a}
.ia-form,.ia-done{background:#fff;border:1px solid #dde3ee;border-radius:18px;padding:28px;box-shadow:0 24px 50px -32px rgba(7,21,57,.45);scroll-margin-top:90px}
.ia-form-head h3,.ia-done h3{font-size:26px;color:#0C2256;margin:0 0 6px}
.ia-form-head p{margin:0 0 18px;color:#56607a;font-size:14.5px}
.ia-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px}
.ia-full{grid-column:1/-1}
.ia-f label{display:block;font-size:13px;font-weight:600;color:#141C33;margin-bottom:6px}
.ia-f input,.ia-f select,.ia-f textarea{width:100%;box-sizing:border-box;padding:12px 13px;border:1px solid #c9d2e3;border-radius:10px;font:inherit;font-size:15px;color:#141C33;background:#fbfcfe}
.ia-f input:focus,.ia-f select:focus,.ia-f textarea:focus{outline:none;border-color:#0C2256;box-shadow:0 0 0 3px rgba(12,34,86,.12);background:#fff}
.ia-f .bad,.ia-up.bad .ia-up-box{border-color:#C3122F!important;background:#fff5f6}
.ia-sub{margin:24px 0 10px;font-size:16px;color:#0C2256}
.ia-sub small{font-weight:400;color:#56607a;font-size:13px}
.ia-ups{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.ia-up{cursor:pointer;display:block}
.ia-up input{position:absolute;opacity:0;width:1px;height:1px}
.ia-up-box{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:130px;border:2px dashed #c9d2e3;border-radius:12px;background:#f7f9fd;padding:10px;background-size:cover;background-position:center;position:relative;overflow:hidden}
.ia-up-box i{font-style:normal;font-size:26px;color:#0C2256;line-height:1}
.ia-up-box b{font-size:14px;color:#0C2256;margin-top:6px}
.ia-up-box em{font-style:normal;font-size:12px;color:#56607a;margin-top:2px}
.ia-up.has .ia-up-box{border-style:solid;border-color:#1f8c50}
.ia-up.has .ia-up-box i,.ia-up.has .ia-up-box em{display:none}
.ia-up.has .ia-up-box b{position:absolute;left:0;right:0;bottom:0;margin:0;padding:6px;background:rgba(12,34,86,.82);color:#fff;font-size:12.5px}
.ia-agree{max-height:230px;overflow:auto;border:1px solid #dde3ee;border-radius:10px;padding:14px 16px;background:#fbfcfe;font-size:13.5px;line-height:1.6;color:#2a3350}
.ia-agree h5{margin:0 0 8px;font-size:14px;color:#0C2256}
.ia-agree ol{margin:0;padding-left:20px}
.ia-agree li{margin-bottom:6px}
.ia-check{display:flex;gap:10px;align-items:flex-start;margin:14px 0;font-size:14px;line-height:1.5;color:#141C33;cursor:pointer}
.ia-check input{width:20px;height:20px;flex:none;margin-top:1px;accent-color:#0C2256}
.ia-sign{max-width:420px}
.ia-sign input{font-family:'Brush Script MT','Segoe Script',cursive;font-size:20px}
.ia-err{margin:14px 0 0;padding:10px 12px;border-radius:8px;background:#fff1f3;color:#a50f27;font-size:14px}
.ia-submit{margin-top:18px;width:100%;padding:15px;border:none;border-radius:10px;font:inherit;font-size:16px;font-weight:700;color:#fff;cursor:pointer;background:linear-gradient(180deg,#E8334D,#C3122F);box-shadow:0 12px 24px -12px rgba(195,18,47,.8)}
.ia-submit[disabled]{opacity:.6;cursor:wait}
.ia-fine{font-size:12.5px;color:#56607a;margin:12px 0 0;text-align:center}
.ia-fine a{color:#0C2256}
.ia-done{text-align:center}
.ia-done-tick{width:58px;height:58px;border-radius:50%;background:#1f8c50;color:#fff;font-size:30px;line-height:58px;margin:0 auto 12px}
.ia-done p{color:#56607a}
.ia-done-btns{display:flex;flex-direction:column;gap:10px;max-width:440px;margin:18px auto 0}
.ia-btn{display:block;padding:14px;border-radius:10px;font:inherit;font-size:15px;font-weight:700;text-decoration:none;cursor:pointer;border:none;text-align:center}
.ia-btn-wa{background:#1f8c50;color:#fff}
.ia-btn-pdf{background:#0C2256;color:#fff}
.ia-btn-line{background:#fff;color:#0C2256;border:1.5px solid #0C2256}
.ia-note{font-size:13.5px;margin-top:12px}
.ia-next{margin-top:20px;padding:12px;border-radius:10px;background:#f3f6fc;font-size:14px;text-align:left;color:#141C33!important}
@media(max-width:900px){.ia-steps{grid-template-columns:1fr 1fr}.ia-steps li:last-child{grid-column:1/-1}}
@media(max-width:640px){.ia-grid,.ia-ups{grid-template-columns:1fr}.ia-ups{grid-template-columns:1fr 1fr;gap:10px}.ia-ups .ia-up:last-child{grid-column:1 / -1;justify-self:center;width:calc(50% - 5px)}.ia-up-box{min-height:100px}.ia-form,.ia-done{padding:20px 16px}.ia-steps{grid-template-columns:1fr}.ia-plan strong{font-size:19px}}
.ia-pg{margin:-2px 0 12px;font-size:17px;color:#fff;display:flex;flex-wrap:wrap;gap:6px 16px;align-items:baseline}
.ia-ur{font-family:"Noto Nastaliq Urdu","Jameel Noori Nastaleeq","Noto Naskh Arabic",serif;font-size:20px;color:#FFD9DF;line-height:1.9}
.new-showcase .inst-link-top,.inst-link-top{white-space:normal;line-height:1.25;font-size:10px!important}
.ia-loc{padding:14px;border:1px dashed #c9d2e3;border-radius:12px;background:#f7f9fd}
.ia-locbtn{padding:11px 16px;border:none;border-radius:10px;background:#0C2256;color:#fff;font:inherit;font-size:15px;font-weight:700;cursor:pointer}
.ia-lochint{margin-left:10px;font-size:13px;color:#56607a}
.ia-locok{margin:10px 0 0;font-size:14px;color:#1f8c50;font-weight:600}
.ia-locok a{color:#0C2256}
.ia-or{margin:12px 0 6px;font-size:13px;color:#56607a}
.ia-loc.bad{border-color:#C3122F;background:#fff5f6}
@media(max-width:640px){.ia-lochint{display:block;margin:6px 0 0}.ia-locbtn{width:100%}}
.ia-lhr{margin:0 0 12px;padding:8px 12px;border-radius:8px;background:rgba(255,255,255,.1);border:1px solid rgba(220,227,240,.25);color:#fff;font-size:15px;display:inline-block}
.ia-cityn{display:block;margin-top:5px;font-size:12.5px;color:#56607a}
.ia-gate{padding:16px;border-radius:12px;background:#f3f6fc;border:1px solid #dde3ee;margin-bottom:18px}
.ia-gate strong{display:block;color:#0C2256;font-size:16px;margin-bottom:10px}
.ia-gate-opts{display:flex;flex-wrap:wrap;gap:10px 24px}
.ia-gate-opts label{display:flex;gap:8px;align-items:center;font-size:15px;cursor:pointer}
.ia-gate-opts input{width:19px;height:19px;accent-color:#0C2256}
.ia-gate-no{margin:12px 0 0;padding:10px 12px;border-radius:8px;background:#fff1f3;color:#a50f27;font-size:14px;line-height:1.5}
.ia-gate-no a{color:#0C2256;font-weight:700}
.ia-lang{display:flex;justify-content:flex-end;gap:0;margin:0 0 14px}
.ia-lang button{padding:9px 18px;border:1.5px solid #0C2256;background:#fff;color:#0C2256;font:inherit;font-size:15px;font-weight:700;cursor:pointer}
.ia-lang button:first-child{border-radius:999px 0 0 999px}.ia-lang button:last-child{border-radius:0 999px 999px 0;font-family:"Noto Nastaliq Urdu","Noto Naskh Arabic",serif}
.ia-lang button.on{background:#0C2256;color:#fff}
.ia-urdu .ia-lang{justify-content:flex-start}
.ia-urdu,.ia-urdu input::placeholder{font-family:"Noto Naskh Arabic","Noto Nastaliq Urdu","Jameel Noori Nastaleeq",Tahoma,sans-serif}
.ia-urdu .ia-h,.ia-urdu h3,.ia-urdu .ia-sub,.ia-urdu .ia-steps strong{letter-spacing:0;text-transform:none}
.ia-urdu label,.ia-urdu p,.ia-urdu span,.ia-urdu li,.ia-urdu button,.ia-urdu a,.ia-urdu strong{line-height:1.9}
.ia-urdu .ia-f input,.ia-urdu .ia-f textarea{text-align:left}
.ia-urdu .ia-lochint{margin-left:0;margin-right:10px}
.ia-urdu .ia-agree ol{padding-left:0;padding-right:22px}
.ia-ur-note{margin:0 0 8px;font-size:12.5px;color:#a50f27}
.ia-up{position:relative}
.ia-up input[type=file]{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.ia-up-btns{display:flex;gap:6px;margin-top:8px}
.ia-up-btns label{flex:1;text-align:center;padding:9px 4px;border-radius:9px;font-size:13px;font-weight:700;cursor:pointer;border:1.5px solid #0C2256;color:#0C2256;background:#fff}
.ia-up-btns label:first-child{background:#0C2256;color:#fff}
@media(max-width:640px){.ia-up-btns{flex-direction:column}.ia-up-btns label{font-size:12.5px;padding:8px 2px}}
.ia-ups{align-items:stretch}
.ia-up{display:flex;flex-direction:column;min-width:0}
.ia-up .ia-up-box{height:130px;min-height:0;box-sizing:border-box;flex:none}
.ia-up .ia-up-box b{font-size:13.5px;line-height:1.35}
.ia-up-btns{flex:1;align-items:stretch}
.ia-up-btns label{display:flex;align-items:center;justify-content:center;height:40px;box-sizing:border-box;line-height:1.2!important;white-space:nowrap;overflow:hidden}
@media(max-width:640px){.ia-up .ia-up-box{height:110px}.ia-up-btns label{height:36px;font-size:12px}}
.ia-row3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px 16px}
.ia-grid>.ia-f,.ia-row3>.ia-f{display:flex;flex-direction:column}
.ia-grid>.ia-f>label,.ia-row3>.ia-f>label{min-height:18px}
.ia-sign{max-width:none!important}
@media(max-width:640px){.ia-row3{grid-template-columns:1fr}}
.ia-f input:not([type=checkbox]):not([type=radio]):not([type=file]),.ia-f select{height:50px;box-sizing:border-box}
.ia-loc .ia-lochint,.ia-urdu .ia-loc .ia-lochint{margin:6px 0 0;display:block}
.ia-map{height:300px;border-radius:10px;border:1px solid #c9d2e3;margin:10px 0;background:#e8eef7;z-index:0}
.ia-loc .ia-locbtn{width:auto!important;align-self:flex-start;background:#fff;color:#0C2256;border:1.5px solid #0C2256;padding:9px 14px;font-size:14px}
.ia-urdu .ia-loc .ia-locbtn{align-self:flex-start}
@media(max-width:640px){.ia-map{height:260px}}
.ia-pin{background:none;border:none}
.ia-pin span{display:block;width:30px;height:30px;border-radius:50% 50% 50% 0;background:#C3122F;transform:rotate(-45deg);box-shadow:0 3px 8px rgba(0,0,0,.35);border:3px solid #fff;box-sizing:border-box}
.ia-pin span::after{content:'';position:absolute;left:8px;top:8px;width:8px;height:8px;border-radius:50%;background:#fff}
.ia-selfbtn{flex:1;height:40px;border:none;border-radius:9px;background:#0C2256;color:#fff;font:inherit;font-size:13px;font-weight:700;cursor:pointer}
.ia-cam{position:fixed;inset:0;z-index:9999;background:rgba(7,15,40,.92);display:flex;align-items:center;justify-content:center;padding:16px}
.ia-cam[hidden]{display:none}
.ia-cam-in{width:min(460px,100%);text-align:center}
.ia-cam video{width:100%;max-height:65vh;object-fit:cover;border-radius:14px;background:#000}
.ia-cam video.ia-mirror{transform:scaleX(-1)}
.ia-cam-t{color:#fff;margin:12px 0}
.ia-cam-btns{display:flex;gap:10px}
.ia-cam-btns button{flex:1;padding:14px;border:none;border-radius:10px;font:inherit;font-size:16px;font-weight:700;cursor:pointer}
#iaCamShot{background:#C3122F;color:#fff}#iaCamX{background:#fff;color:#0C2256}
@media(max-width:640px){.ia-selfbtn{height:74px;flex:none;width:100%;font-size:13px}}
.ia-cambtn{flex:1;display:flex;align-items:center;justify-content:center;height:40px;box-sizing:border-box;border:1.5px solid #0C2256;border-radius:9px;background:#0C2256;color:#fff;font:inherit;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap;padding:0 4px}
.ia-up-btns label:first-child{background:#fff;color:#0C2256}
@media(max-width:640px){.ia-cambtn{height:36px;font-size:12px;flex:none;width:100%}}
.ia-saved{margin:12px auto 0;max-width:440px;padding:10px;border-radius:10px;background:#e6f6ec;color:#1f7a45;font-size:14px;font-weight:600}
.ia-draft{margin:0 0 14px;padding:10px 14px;border-radius:10px;background:#EAF6EE;border:1px solid #BFE3CB;color:#1d5b33;font-size:14px}.ia-draft a{color:#C3122F;font-weight:700;margin-left:6px}
.inst-link-sub{grid-column:1;font-size:11.5px;font-weight:600;line-height:1.35;color:#56607A}.inst-link-sub b{color:#1f7a45;font-weight:700}.inst-link .inst-link-go{grid-row:1 / span 3}.new-showcase .inst-link-sub{color:#56607A!important}
.ia-up.has .ia-up-box{position:relative}.ia-up.has .ia-up-box::after{content:'✓ Saved · use the buttons below to change';position:absolute;left:6px;right:6px;top:6px;padding:4px 6px;border-radius:6px;background:rgba(31,122,69,.9);color:#fff;font-size:10.5px;font-weight:700;line-height:1.25;text-align:center}.ia-urdu .ia-up.has .ia-up-box::after{content:'✓ محفوظ · بدلنے کے لیے نیچے بٹن استعمال کریں'}


.rf-claim{margin:4px 0 12px;padding:12px 14px;border:1.5px dashed #C3122F;border-radius:10px;background:#fff7f8;line-height:1.5}.rf-claim a{color:#C3122F;font-weight:700}


.prod-card.is-soldout .prod-img{position:relative}
.prod-card.is-soldout .prod-img img{filter:grayscale(.55);opacity:.75}
.kx-so-badge{position:absolute;top:10px;left:10px;z-index:3;background:#C3122F;color:#fff;font:800 12px/1 system-ui,sans-serif;letter-spacing:.08em;padding:7px 10px;border-radius:6px;box-shadow:0 3px 8px rgba(0,0,0,.2)}
.prod-card.is-soldout .prod-price{color:#8a8f98;text-decoration:line-through}
.kx-so-btn,.kx-so-btn:hover{background:#e6e8ec!important;color:#6b7280!important;border-color:#e6e8ec!important;cursor:not-allowed!important;box-shadow:none!important}
.kx-so-wa{display:block;margin:8px 0;padding:10px 12px;border:1.5px dashed #C3122F;border-radius:10px;color:#C3122F;font-weight:700;font-size:13px;text-align:center;text-decoration:none;background:#fff5f6}
.kx-so-wa:hover{background:#ffe9ec}
.kx-so-pill{display:inline-block;margin:6px 0 10px;background:#C3122F;color:#fff;font:800 13px/1 system-ui,sans-serif;letter-spacing:.08em;padding:8px 12px;border-radius:6px}
.kx-soldout-page .px-inst,.kx-soldout-page #instalment-plan{display:none!important}
.kx-soldout-page .px-price{color:#8a8f98;text-decoration:line-through}


.kxt{background:#0A1A45;border-bottom:1px solid rgba(220,227,240,.12);overflow:hidden;white-space:nowrap;position:relative}
.kxt-track{display:inline-flex;align-items:center;width:max-content;animation:kxtRun 95s linear infinite}
.kxt-dup{display:inline-flex;align-items:center}
.kxt:hover .kxt-track,.kxt.kxt-paused .kxt-track{animation-play-state:paused}
@keyframes kxtRun{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.kxt-i{display:inline-flex;align-items:center;gap:7px;padding:8px 16px;font:500 12px/1.2 'IBM Plex Mono',ui-monospace,monospace;color:#C9D6F2;text-decoration:none;letter-spacing:.01em}
.kxt-i b{color:#fff;font-weight:700}
a.kxt-i:hover b,a.kxt-i:focus-visible b{text-decoration:underline;text-underline-offset:3px}
a.kxt-i:focus-visible{outline:2px solid #8EC0FF;outline-offset:-2px}
.kxt-i svg{width:15px;height:15px;flex-shrink:0;color:#8EC0FF}
.kxt-hot,.kxt-hot b{color:#FF6B7F}.kxt-hot svg{color:#FF6B7F}
.kxt-new{display:inline-block;margin-right:7px;padding:3px 6px;border-radius:4px;background:#C3122F;color:#fff;font:700 10px/1 'IBM Plex Mono',monospace;letter-spacing:.06em}
.kxt-slogan{color:#8EC0FF;font-weight:600;letter-spacing:.08em}
.kxt-logo{height:22px;width:auto;display:block}
.kxt-sep{color:#4A5A86;flex-shrink:0}
.kxt-social{gap:14px}.kxt-social a{display:inline-flex;color:#8EC0FF}.kxt-social svg{width:15px;height:15px;fill:currentColor}
@media(prefers-reduced-motion:reduce){.kxt{overflow-x:auto}.kxt-track{animation:none}.kxt-dup{display:none}}


.kx-rw{border:1.5px dashed #C3122F;background:#fff7f8;border-radius:12px;padding:12px 14px;margin:6px 0 14px}
.kx-rw-h{font:700 15px/1.3 'Inter',sans-serif;color:#0C2256;margin-bottom:8px}
.kx-rw-row{display:flex;gap:8px}.kx-rw-row input{flex:1;min-width:0;text-transform:uppercase}.kx-rw-row button{border:0;border-radius:10px;background:#0C2256;color:#fff;font:700 14px/1 'Inter',sans-serif;padding:0 16px;cursor:pointer;min-height:44px}
.kx-rw-msg{margin-top:8px;font-size:14px;line-height:1.4}.kx-rw-msg.ok{color:#1f7a45}.kx-rw-msg.err{color:#a50f27}
.kx-rw-cr{display:flex!important;align-items:center;gap:8px;margin-top:10px;font-size:15px;text-transform:none!important;letter-spacing:0!important;cursor:pointer}.kx-rw-cr input{width:18px;height:18px;accent-color:#C3122F}
.kx-rw-note{margin-top:8px;font-size:13px;color:#56607a}.kx-rw-note a{color:#C3122F;font-weight:700}
.kx-rw .kx-rw-cr,.kx-rw .kx-rw-cr b{color:#141C33!important;font:500 15px/1.35 'Inter',sans-serif!important}.kx-rw .kx-rw-cr b{font-weight:700!important}.kx-rw [hidden],.kx-rw .kx-rw-cr[hidden]{display:none!important}
.kx-rw-row input{background:#fff!important;color:#141C33!important;border:1px solid #d5dbe6!important;border-radius:10px!important;padding:10px 12px!important;font-size:16px!important}.kx-rw-row input::placeholder{text-transform:none;color:#8a93a8}
.kx-rw-opt{font-weight:500;color:#56607a;font-size:13px}
.kx-rw-intro{font-size:14px;line-height:1.45;color:#141C33;margin:0 0 8px}
.kx-rw .kx-rw-nocode{color:#141C33;font-size:13.5px;line-height:1.45}.kx-rw .kx-rw-nocode b{color:#1f7a45}
.kx-acct-line[hidden]{display:none!important}
.kx-rw .kx-rw-mine{color:#141C33;font-size:14.5px;line-height:1.5}.kx-rw .kx-rw-mine b{color:#C3122F}.kx-rw a.kx-rw-acc{display:inline-block;margin-top:8px;padding:9px 14px;border-radius:10px;background:#0C2256;color:#fff!important;text-decoration:none;font-weight:700;font-size:14px}
.kx-acct-line{margin:0 0 12px;padding:11px 13px;border-radius:10px;background:#eef7f1;border:1px solid #bfe3cc;color:#141C33;font-size:13.5px;line-height:1.5}.kx-acct-line b{font-weight:700}
.kx-fc-ov{position:fixed;inset:0;z-index:2147483000;background:rgba(12,34,86,.55);display:flex;align-items:center;justify-content:center;padding:16px}
.kx-fc{background:#fff;color:#141C33;border-radius:16px;max-width:420px;width:100%;padding:22px 20px 18px;box-shadow:0 18px 50px rgba(0,0,0,.3);text-align:center;font-family:'Inter',system-ui,sans-serif;position:relative}
.kx-fc h3{margin:0 0 10px;font-size:20px;color:#0C2256;text-transform:none!important;letter-spacing:0!important}
.kx-fc .kx-fc-l{font-size:14px;color:#56607a;margin:0}
.kx-fc .kx-fc-code{display:inline-block;margin:6px 0 12px;padding:10px 18px;border:2px dashed #C3122F;border-radius:10px;font:800 24px/1.1 'Inter',system-ui,sans-serif;letter-spacing:1px;color:#C3122F;background:#fff7f8}
.kx-fc p{font-size:14.5px;line-height:1.5;margin:0 0 14px}
.kx-fc .kx-fc-b{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.kx-fc button,.kx-fc a.kx-fc-wa{min-height:46px;border-radius:10px;font:700 15px/1 'Inter',system-ui,sans-serif;cursor:pointer;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;box-sizing:border-box}
.kx-fc a.kx-fc-wa{flex:1 1 100%;background:#1fa855;color:#fff;border:0}
.kx-fc .kx-fc-cp{flex:1 1 100%;background:#fff;color:#0C2256;border:1.5px solid #0C2256}
.kx-fc .kx-fc-x{flex:1 1 45%;background:#fff;color:#0C2256;border:1.5px solid #0C2256}
.kx-fc .kx-fc-n{font-size:12.5px;color:#56607a;margin:12px 0 0}
.kx-fc .kx-fc-w{text-align:left;font-size:14px;line-height:1.5;background:#f6f8fc;border-radius:10px;padding:10px 12px;margin:0 0 12px}.kx-fc .kx-fc-w ul{margin:6px 0 0;padding-left:18px}.kx-fc .kx-fc-w li{margin:2px 0}
.kx-fc .kx-fc-lt{font-size:13.5px;color:#56607a;margin:12px 0 8px}
.kx-fc a.kx-fc-acc{flex:1 1 45%;min-height:46px;border-radius:10px;font:700 15px/1 'Inter',system-ui,sans-serif;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;background:#C3122F;color:#fff!important;padding:0 14px}
.kx-fc{max-height:calc(100vh - 32px);overflow:auto}


header,.px-head,header .nav,.px-head .px-nav{background:#fff!important}
header,.px-head{border-bottom:1px solid #e3e8f1!important;box-shadow:0 2px 10px rgba(12,34,86,.06)!important}
header .nav-menu-btn,header .nav-search-btn,header .lang-toggle,header .nav-cart-btn,.px-head .px-ibtn,.px-head .px-cart,.px-head .px-nav>button{color:#0C2256!important;border-color:#cfd7e6!important;background:#fff!important}
header .nav-menu-btn svg,header .nav-search-btn svg,header .nav-cart-btn svg,.px-head .px-ibtn svg,.px-head .px-cart svg{stroke:#0C2256!important;color:#0C2256!important}
header .nav-cart-btn span,.px-head .px-cart span,header .lang-toggle span{color:#0C2256!important}
header .cart-count,.px-head .px-count,header .cart-count[data-empty],header .nav-cart-btn span.cart-count,.px-head .px-cart span.px-count{color:#fff!important;background:#2E86DE!important}
@media(min-width:1100px){.px-head .px-links a{color:#0C2256!important}}
.px-logo,header .nav-logo{flex:0 0 auto!important;min-width:max-content}
.px-logo img,header .nav-wordmark-img{width:auto!important;max-width:none!important;height:19px!important;flex-shrink:0}
@media(max-width:480px){.px-head .px-nav,header .nav{gap:6px!important;padding-left:12px!important;padding-right:12px!important}
 .px-head .px-ibtn,header .nav-menu-btn,header .nav-search-btn{width:38px!important;height:38px!important;margin-right:4px!important}
 .kxb{width:38px!important;height:38px!important;margin-right:4px!important;font-size:13px!important}
 .px-head .px-cart,header .nav-cart-btn{padding:7px 9px!important}}
@media(max-width:400px){.px-head .px-cart span:not([class]),.px-head .px-cart .px-cart-t{display:none}}
.kxb:not(.out),.px-head .px-nav>button.kxb:not(.out){background:#2E86DE!important;color:#fff!important;border-color:#fff!important}
.kxb{border-color:#fff!important;box-shadow:0 0 0 1px #e3e8f1}.kxb.out{color:#0C2256!important;border:1px solid #cfd7e6!important;background:#fff!important}


/* labels must never look like buttons: plain text, no box */
.sv-pill{background:none!important;border:0!important;padding:0!important;border-radius:0!important;margin:8px 18px 0 0!important;color:#DCE6FA!important;font-weight:600!important;font-size:13px!important}
a.sv-pill.sv-go{background:#2E86DE!important;border:0!important;padding:8px 14px!important;border-radius:999px!important;color:#fff!important;text-decoration:none!important;font-weight:700!important}
.ebike-feats li{background:none!important;border:0!important;padding:2px 0!important;border-radius:0!important;margin-right:14px}
.ebike-feats li:before{content:'✓ ';color:#8EC0FF;font-weight:800}
.ebike-pill{background:none!important;border:0!important;padding:0!important;border-radius:0!important}
.kx-so-badge{top:0!important;left:0!important;right:0!important;border-radius:0!important;text-align:center;padding:8px 0!important;background:rgba(195,18,47,.9)!important;box-shadow:none!important}
.px-ribbon{top:0!important;left:0!important;border-radius:0 0 10px 0!important}
.px-badge{background:none!important;padding:0!important;border-radius:0!important;color:#0C2256!important;font-weight:700!important;letter-spacing:.06em;text-transform:uppercase}
.px-badge:before{content:'★ ';color:#C9A227}
.ia-steps b{background:none!important;width:auto!important;height:auto!important;border-radius:0!important;color:#0C2256!important;font-size:28px!important;font-weight:800!important;margin-bottom:4px!important}
.ia-steps li:nth-child(3) b{color:#C3122F!important}
.kxp-swap span{background:none!important;padding:0!important;border-radius:0!important;color:#fff!important}
.kxp-tag{background:none!important;padding:0!important;border-radius:0!important;color:#FF8FA0!important}
a.sv-pill.sv-go:hover{background:#1f6fc0!important}
a.ip-big{text-decoration:none!important;color:#fff!important;cursor:pointer;transition:transform .15s,box-shadow .15s}
a.ip-big:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(195,18,47,.35)}
a.ip-big .ip-go{display:block;margin-top:6px;font:800 13px/1 'Inter',system-ui,sans-serif;background:#fff;color:#C3122F;border-radius:999px;padding:6px 12px;text-align:center}

/* red is only for real buttons: labels, headings, notes and borders use navy / steel blue */
.kx-so-badge{background:rgba(30,38,56,.88)!important}
.px-ribbon{background:#0C2256!important;color:#fff!important}
.ebike-dot{background:#8EC0FF!important;box-shadow:none!important}
.kxp-tag{color:#8EC0FF!important}
.ia-steps li:nth-child(3) b{color:#0C2256!important}
.accent{color:#8EC0FF!important}
.tag,.sg-kicker,.px-eyebrow{color:#3A5A9C!important}
.sv-price{color:#0C2256!important}
.ip-ur{color:#0C2256!important}
footer{border-top-color:#2E86DE!important}
.checkout-note,.sv-note,.rf-estimate{border-left-color:#3A5A9C!important;border-top-color:#3A5A9C!important}
.px-inst-plan{border-color:#3A5A9C!important}
.kxpw.on{border-color:#2E86DE!important}
.kxpw b{color:#0C2256!important}


html[data-page]:not([data-page="home"]) .plate{display:none!important}
.px-head~main [id],.px-wrap [id]{scroll-margin-top:118px}


.sp-overlay{z-index:1000;background:rgba(7,21,57,.6);align-items:flex-start;overflow-y:auto;padding:24px 12px;}
.sp-modal{width:100%;max-width:560px;margin:auto;background:#fff;border-radius:16px;box-shadow:0 30px 60px -20px rgba(0,0,0,.5);overflow:clip;transform:translateY(14px);opacity:0;transition:transform .22s ease,opacity .22s ease;}
.sp-overlay.open .sp-modal{transform:none;opacity:1;}
.sp-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;background:linear-gradient(160deg,#0C2256,#071539);color:#fff;}
.sp-head small{display:block;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#8EC0FF;margin-bottom:2px;font-family:'IBM Plex Mono',monospace;}
.sp-head b{font-size:19px;}
.sp-x{flex:0 0 auto;width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.4);background:transparent;color:#fff;font-size:22px;line-height:1;cursor:pointer;}
.sp-x:hover{background:rgba(255,255,255,.12);}
.sp-x:focus{outline:none;}.sp-x:focus-visible{outline:2px solid #8EC0FF;outline-offset:2px;}
.sp-frame{margin:14px;padding:8px;border-radius:14px;background:linear-gradient(135deg,#E9EFFD,#F8FAFF);border:1px solid #D5DFF4;}
.sp-stage{position:relative;background:#fff;border-radius:10px;overflow:hidden;aspect-ratio:1087/702;box-shadow:inset 0 0 0 1px #E6ECF7;}
.sp-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transform-origin:50% 50%;}
@keyframes spTour{0%,12%{transform:scale(1)}22%,36%{transform:scale(2.1) translate(20%,-12%)}46%,54%{transform:scale(1)}64%,78%{transform:scale(2.1) translate(-28%,-8%)}88%,100%{transform:scale(1)}}
.sp-cap{position:absolute;left:10px;bottom:10px;background:rgba(12,34,86,.9);color:#fff;font-size:12.5px;font-weight:700;padding:6px 10px;border-radius:6px;opacity:0;transition:opacity .4s;}
.sp-cap.on{opacity:1;}
.sp-meta{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:0 14px 4px;font-size:13.5px;color:#56607A;}
.sp-dot{display:inline-block;width:13px;height:13px;border-radius:50%;vertical-align:-2px;margin-right:7px;box-shadow:0 0 0 1px #C9D1E0;}
.sp-meta b{color:#0C2256;font-size:18px;}
.sp-specs{list-style:none;margin:8px 14px 16px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px;}
.sp-specs li{display:flex;gap:8px;align-items:flex-start;padding:10px;border-radius:10px;background:#F5F7FB;border:1px solid #E6ECF7;font-size:13.5px;line-height:1.35;color:#141C33;}
.sp-actions{position:sticky;bottom:0;display:flex;gap:8px;padding:12px 14px 14px;background:#fff;border-top:1px solid #E6ECF7;}
.sp-add{flex:1;min-height:46px;border:none;border-radius:10px;cursor:pointer;font-weight:700;font-size:14.5px;letter-spacing:.04em;color:#fff;background:linear-gradient(180deg,#E8334D,#C3122F);box-shadow:0 10px 22px -12px rgba(195,18,47,.9);}
.sp-add:hover{background:linear-gradient(180deg,#D42340,#9E0E26);}
.sp-add.done{background:#1E8E3E;box-shadow:none;}
.sp-specs li:before{content:"";flex:0 0 8px;height:8px;margin-top:5px;border-radius:50%;background:#C3122F;}
.sp-thumbs{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:-4px 14px 12px;}
.sp-thumbs:empty{display:none;}
.sp-thumbs button{width:64px;height:48px;padding:0;border:2px solid #D5DFF4;border-radius:8px;background:#fff;overflow:hidden;cursor:pointer;transition:border-color .15s;}
.sp-thumbs button:hover{border-color:#8EC0FF;}
.sp-thumbs button.on{border-color:#C3122F;box-shadow:0 0 0 1px #C3122F;}
.sp-thumbs img{width:100%;height:100%;object-fit:contain;display:block;}
@media (max-width:520px){.sp-specs{grid-template-columns:1fr;}}


.iban{white-space:normal;overflow-wrap:anywhere;word-break:break-word;letter-spacing:.02em;}
.iban-copy{display:inline-block;margin:2px 0 2px 4px;padding:3px 10px;border:1px solid #C3122F;border-radius:999px;background:#fff;color:#C3122F;font:600 12px/1.4 'Inter',sans-serif;cursor:pointer;vertical-align:middle;}
.iban-copy:hover{background:#C3122F;color:#fff;}
.iban-copy.done{border-color:#1E8E3E;background:#1E8E3E;color:#fff;}
.qr-iban{max-width:320px;box-sizing:border-box;width:100%;margin:12px 0 0;padding:12px 14px;border:1px solid #D5DFF4;border-radius:12px;background:#fff;color:#141C33;font-family:'Inter',sans-serif;}
.qr-iban-h{font-weight:700;font-size:14px;color:#0C2256;margin-bottom:6px;}
.qr-iban-row{display:flex;justify-content:space-between;gap:10px;font-size:13px;padding:4px 0;border-top:1px solid #EEF2FA;}
.qr-iban-row{flex-wrap:wrap;}.qr-iban-row span{color:#56607A;flex:0 0 auto;}.qr-iban-row b{text-align:right;min-width:0;flex:1 1 140px;overflow-wrap:anywhere;}
.qr-iban .iban-copy{margin:8px 0 0;width:100%;padding:8px 10px;font-size:13px;}


/* Videos: the real video is shown (no designed thumbnail), with a dark grey play button in the middle */
.new-showcase-video,.prod-media-video:has(.kx-vwrap){aspect-ratio:3/4;background:#000 !important;border-radius:12px;overflow:hidden;}
.kx-vwrap{position:relative;width:100%;height:100%;background:#000;display:flex;flex-direction:column;}
.kx-vhead{flex:none;padding:10px 14px 9px;background:linear-gradient(160deg,#0C2256,#071539);color:#fff;text-align:center;line-height:1.25;}
.kx-vhead b{display:block;font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:20px;letter-spacing:.02em;}
.kx-vhead span{display:block;margin-top:2px;font-size:12.5px;color:#8EC0FF;}
.kx-vhead em{font-style:normal;font-weight:700;color:#fff;white-space:nowrap;}
.kx-vbox{position:relative;flex:1;min-height:0;line-height:0;background:#000;}
.kx-vwrap .kx-video{width:100%;height:100%;display:block;object-fit:contain;background:#000;}
.kx-vbtn{position:absolute;left:50%;top:50%;width:68px;height:68px;margin:-34px 0 0 -34px;padding:0;border-radius:50%;border:2px solid rgba(200,200,200,.85);background:rgba(28,28,28,.72);cursor:pointer;z-index:2;box-shadow:0 8px 24px rgba(0,0,0,.4);transition:transform .2s ease,background .2s ease;}
.kx-vbtn::after{content:"";position:absolute;left:54%;top:50%;transform:translate(-50%,-50%);border-style:solid;border-width:12px 0 12px 20px;border-color:transparent transparent transparent #fff;}
.kx-vbtn:hover{background:rgba(60,60,60,.85);transform:scale(1.06);}
.kx-vwrap.playing .kx-vbtn{display:none;}


.new-showcase{background:linear-gradient(180deg,#EAF2FF 0%,#DCE9FB 100%)!important;border:1px solid #BFD3F2!important;box-shadow:0 18px 40px -28px rgba(12,34,86,.35)}
.new-showcase::before{background:radial-gradient(ellipse at 50% 0%,rgba(255,255,255,.9),transparent 60%)!important}
.new-showcase-head .eyebrow{color:#3A5BA0!important}
.new-showcase h3,.new-showcase .cat-group-title{color:#0C2256!important;border-bottom-color:#BFD3F2!important}
.new-showcase-head p{color:#46506A!important}
.new-showcase-item{background:#fff!important;border:1px solid #C9DAF4!important;box-shadow:0 8px 20px -16px rgba(12,34,86,.35)}
.new-showcase-model{color:#1F4FA8!important}
.new-showcase-model a{color:#1F4FA8!important}
.new-showcase-meta{color:#46506A!important}
.new-showcase-price{color:#0C2256!important}
.new-showcase-item .prod-specs-btn{border-color:#BFD3F2!important;color:#0C2256!important}
.new-showcase-item .prod-specs-btn:hover{border-color:#0C2256!important}
.new-showcase .inst-link{background:#F1F6FF!important;border-color:#C9DAF4!important}
.new-showcase .inst-link-top{color:#56607A!important}
.new-showcase .inst-link-amt{color:#0C2256!important}
.new-showcase .kx-details{border:1px solid #BFD3F2}
.new-showcase .tax-note{color:#56607A!important}
.new-showcase .eta-note{color:#1F8C50!important}
.new-showcase .inst-note{color:#3A5BA0!important}
.new-showcase-grid>*{min-width:0}
.new-showcase .inst-link{grid-template-columns:1fr auto}
.new-showcase .inst-link-go{white-space:normal;text-align:center}

.track-ship{margin-top:12px;padding:12px 14px;border-radius:10px;background:#F5F8FF;border:1px solid #DCE4F3;font-size:14px;line-height:1.7}.track-ship a{color:#C3122F;font-weight:700}@media(max-width:600px){.track-line{grid-template-columns:1fr!important}}