:root{
    /* brand colors — constant across themes */
    --maroon:#5c0003;
    --red-mid:#b8000a;
    --red:#e3000c;
    --red-bright:#f8000a;
    --on-red:#0a0a0a;
    /* media tiles (product/photo/thumbnail slots) stay fixed dark in both themes */
    --media-1:#141414;
    --media-2:#1c1c1c;
    --media-3:#242424;
    --media-ink:#8f887e;
    --font-display:'Oswald',sans-serif;
    --font-body:'Inter',sans-serif;
    --font-mono:'JetBrains Mono',monospace;

    /* ===== LIGHT THEME (default) ===== */
    --bg-0:#eeeae2;
    --bg-1:#f9f7f3;
    --bg-2:#fbfaf7;
    --bg-3:#ffffff;
    --text-1:#171310;
    --text-2:#5c554b;
    --text-3:#8c8377;
    --line:rgba(23,19,16,0.10);
    --line-strong:rgba(23,19,16,0.18);
    --nav-bg:rgba(238,234,226,0.78);
    --nav-bg-scrolled:rgba(238,234,226,0.94);
    --shadow:0 30px 80px -20px rgba(23,19,16,0.18);
    --hero-glow-1:rgba(227,0,12,0.10);
    --hero-glow-2:rgba(92,0,3,0.12);
  }
  html[data-theme="dark"]{
    --bg-0:#0a0a0a;
    --bg-1:#141414;
    --bg-2:#1c1c1c;
    --bg-3:#242424;
    --text-1:#f3efe9;
    --text-2:#a29a92;
    --text-3:#726b64;
    --line:rgba(243,239,233,0.09);
    --line-strong:rgba(243,239,233,0.16);
    --nav-bg:rgba(10,10,10,0.72);
    --nav-bg-scrolled:rgba(10,10,10,0.92);
    --shadow:0 30px 80px -20px rgba(0,0,0,0.7);
    --hero-glow-1:rgba(227,0,12,0.16);
    --hero-glow-2:rgba(92,0,3,0.35);
  }
  *{margin:0;padding:0;box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{
    background:var(--bg-0);
    color:var(--text-1);
    font-family:var(--font-body);
    line-height:1.5;
    overflow-x:hidden;
    transition:background-color .35s ease, color .35s ease;
  }
  img{max-width:100%;display:block;}
  a{color:inherit;text-decoration:none;}
  ul{list-style:none;}
  button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit;}
  .eyebrow{
    font-family:var(--font-mono);
    font-size:11px;
    letter-spacing:0.18em;
    text-transform:uppercase;
    color:var(--red);
    display:flex;
    align-items:center;
    gap:10px;
  }
  .eyebrow::before{
    content:'';
    width:16px;height:1px;
    background:var(--red);
    display:inline-block;
  }
  .section{
    padding:96px 6vw;
    position:relative;
  }
  .section-head{
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    gap:24px;
    margin-bottom:44px;
    flex-wrap:wrap;
  }
  .section-title{
    font-family:var(--font-display);
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:0.01em;
    font-size:clamp(28px,3.4vw,44px);
    margin-top:8px;
  }
  .section-sub{
    color:var(--text-2);
    font-size:15px;
    max-width:480px;
    margin-top:8px;
  }
  .lane-divider{
    height:1px;
    width:100%;
    background-image:repeating-linear-gradient(90deg,var(--red) 0px,var(--red) 22px,transparent 22px,transparent 44px);
    opacity:0.35;
    background-position:0 0;
    animation:lane-move 5s linear infinite;
  }
  @keyframes lane-move{
    to{background-position:-176px 0;}
  }
  .btn{
    display:inline-flex;
    align-items:center;
    gap:10px;
    font-family:var(--font-mono);
    font-size:12.5px;
    letter-spacing:0.06em;
    text-transform:uppercase;
    padding:14px 26px;
    border-radius:999px;
    transition:all .25s ease;
    white-space:nowrap;
  }
  .btn-primary{
    background:var(--red);
    color:#0a0a0a;
    font-weight:600;
  }
  .btn-primary:hover{background:var(--red-bright);transform:translateY(-1px);box-shadow:0 8px 24px rgba(227,0,12,0.35);}
  .btn-ghost{
    border:1px solid var(--line-strong);
    color:var(--text-1);
  }
  .btn-ghost:hover{border-color:var(--red);color:var(--red);}

  /* ===== NAV ===== */
  .nav{
    position:fixed;
    top:0;left:0;right:0;
    z-index:100;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:16px 6vw;
    background:var(--nav-bg);
    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);
    border-bottom:1px solid transparent;
    transition:border-color .3s ease, background .3s ease;
  }
  .nav.scrolled{
    border-bottom:1px solid var(--line);
    background:var(--nav-bg-scrolled);
  }
  .nav-logo img{height:30px;width:auto;}
  .logo-dark{display:none;}
  html[data-theme="dark"] .logo-light{display:none;}
  html[data-theme="dark"] .logo-dark{display:block;}
  .nav-links{
    display:flex;
    align-items:center;
    gap:36px;
    font-family:var(--font-mono);
    font-size:12px;
    letter-spacing:0.06em;
    text-transform:uppercase;
  }
  .nav-links a{
    position:relative;
    padding:6px 0;
    color:var(--text-2);
    transition:color .2s ease;
  }
  .nav-links a:hover{color:var(--text-1);}
  .nav-links a::after{
    content:'';
    position:absolute;left:0;bottom:0;
    width:0;height:1px;background:var(--red);
    transition:width .25s ease;
  }
  .nav-links a:hover::after{width:100%;}
  .nav-actions{display:flex;align-items:center;gap:18px;}
  .icon-btn{
    width:38px;height:38px;
    display:flex;align-items:center;justify-content:center;
    border:1px solid var(--line-strong);
    border-radius:50%;
    transition:border-color .2s ease, color .2s ease;
  }
  .icon-btn:hover{border-color:var(--red);color:var(--red);}
  .cart-count{
    position:absolute;
    top:-4px;right:-4px;
    background:var(--red);
    color:#0a0a0a;
    font-family:var(--font-mono);
    font-size:9px;
    font-weight:700;
    width:16px;height:16px;
    border-radius:50%;
    display:flex;align-items:center;justify-content:center;
  }
  .cart-wrap{position:relative;}
  .theme-toggle .icon-moon{display:none;}
  .theme-toggle .icon-sun{display:block;}
  html[data-theme="dark"] .theme-toggle .icon-sun{display:none;}
  html[data-theme="dark"] .theme-toggle .icon-moon{display:block;}
  .nav-burger{display:none;}

  /* ===== HERO ===== */
  .hero{
    min-height:100vh;
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:140px 6vw 80px;
    position:relative;
    background:
      radial-gradient(ellipse 900px 500px at 82% 8%, var(--hero-glow-1), transparent 60%),
      radial-gradient(ellipse 700px 500px at 10% 95%, var(--hero-glow-2), transparent 60%),
      var(--bg-0);
    overflow:hidden;
  }
  .hero-grid-lines{
    position:absolute;inset:0;
    background-image:
      linear-gradient(var(--line) 1px, transparent 1px),
      linear-gradient(90deg, var(--line) 1px, transparent 1px);
    background-size:64px 64px;
    mask-image:radial-gradient(ellipse 900px 600px at 70% 20%, black, transparent 75%);
    opacity:0.5;
    pointer-events:none;
  }
  .hero-moto{
    position:absolute;
    right:-2vw;
    top:12%;
    width:min(46vw,620px);
    opacity:0.9;
    pointer-events:none;
  }
  .hero-content{
    position:relative;
    z-index:2;
    max-width:760px;
  }
  .hero-title{
    font-family:var(--font-display);
    font-weight:700;
    text-transform:uppercase;
    font-size:clamp(40px,6.6vw,84px);
    line-height:0.98;
    letter-spacing:0.005em;
    margin:22px 0 20px;
  }
  .hero-title .accent{color:var(--red);}
  .hero-desc{
    font-size:17px;
    color:var(--text-2);
    max-width:520px;
    margin-bottom:44px;
  }

  /* ===== SEARCH CONSOLE (signature element) ===== */
  .console{
    background:linear-gradient(180deg, var(--bg-2), var(--bg-1));
    border:1px solid var(--line-strong);
    border-radius:20px;
    padding:10px;
    max-width:720px;
    box-shadow:var(--shadow);
    position:relative;
  }
  .console-tabs{
    display:flex;
    gap:4px;
    padding:6px;
  }
  .console-tab{
    flex:1;
    font-family:var(--font-mono);
    font-size:11.5px;
    letter-spacing:0.05em;
    text-transform:uppercase;
    text-align:center;
    padding:11px 10px;
    border-radius:12px;
    color:var(--text-3);
    transition:all .2s ease;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
  }
  .console-tab .dot{width:5px;height:5px;border-radius:50%;background:var(--text-3);transition:background .2s;}
  .console-tab.active{
    background:var(--bg-3);
    color:var(--text-1);
  }
  .console-tab.active .dot{background:var(--red-bright);box-shadow:0 0 8px var(--red-bright);}
  .console-tab:hover:not(.active){color:var(--text-2);}
  .console-body{padding:6px 6px 12px;}
  .search-row{
    display:flex;
    align-items:center;
    gap:10px;
    background:var(--bg-0);
    border:1px solid var(--line-strong);
    border-radius:14px;
    padding:6px 8px 6px 20px;
    transition:border-color .25s ease, box-shadow .25s ease;
  }
  .search-row:focus-within{
    border-color:var(--red);
    box-shadow:0 0 0 4px rgba(227,0,12,0.14);
  }
  .search-row svg{flex-shrink:0;color:var(--text-3);}
  .search-row input, .search-row select{
    flex:1;
    background:none;
    border:none;
    outline:none;
    color:var(--text-1);
    font-family:var(--font-body);
    font-size:15px;
    padding:12px 0;
    min-width:0;
  }
  .search-row input::placeholder{color:var(--text-3);}
  .moto-selects{display:none;flex:1;gap:8px;}
  .moto-selects.show{display:flex;}
  .search-row.mode-products .field-products{display:flex;}
  .search-row select{appearance:none;-webkit-appearance:none;cursor:pointer;}
  .search-submit{
    flex-shrink:0;
    width:44px;height:44px;
    border-radius:11px;
    background:var(--red);
    color:#0a0a0a;
    display:flex;align-items:center;justify-content:center;
    transition:background .2s ease, transform .2s ease;
  }
  .search-submit:hover{background:var(--red-bright);transform:scale(1.04);}
  .console-lane{
    height:2px;
    margin-top:10px;
    border-radius:2px;
    overflow:hidden;
    background-image:repeating-linear-gradient(90deg,var(--red) 0,var(--red) 14px,transparent 14px,transparent 30px);
    animation:lane-move 2.4s linear infinite;
    opacity:0.7;
  }
  .console-hint{
    font-family:var(--font-mono);
    font-size:11px;
    color:var(--text-3);
    padding:12px 14px 2px;
    display:flex;
    gap:18px;
    flex-wrap:wrap;
  }
  .console-hint b{color:var(--text-2);font-weight:500;}

  .hero-stats{
    display:flex;
    gap:40px;
    margin-top:56px;
    flex-wrap:wrap;
  }
  .hero-stat b{
    font-family:var(--font-display);
    font-size:30px;
    display:block;
    color:var(--text-1);
  }
  .hero-stat span{
    font-family:var(--font-mono);
    font-size:11px;
    letter-spacing:0.05em;
    text-transform:uppercase;
    color:var(--text-3);
  }

  /* ===== BRAND STRIP ===== */
  .brand-strip{
    padding:64px 6vw;
    border-top:1px solid var(--line);
    border-bottom:1px solid var(--line);
  }
  .brand-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
    gap:1px;
    background:var(--line);
    border:1px solid var(--line);
  }
  .brand-card{
    background:var(--bg-0);
    padding:30px 18px;
    text-align:center;
    transition:background .25s ease;
    cursor:pointer;
  }
  .brand-card:hover{background:var(--bg-1);}
  .brand-card .bname{
    font-family:var(--font-display);
    font-size:19px;
    text-transform:uppercase;
    letter-spacing:0.02em;
    color:var(--text-2);
    transition:color .25s ease;
  }
  .brand-card:hover .bname{color:var(--red-bright);}
  .brand-card .bcount{
    font-family:var(--font-mono);
    font-size:10px;
    color:var(--text-3);
    margin-top:6px;
    display:block;
  }

  /* ===== CATEGORY GRID ===== */
  .cat-grid{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:14px;
  }
  .cat-card{
    background:var(--bg-1);
    border:1px solid var(--line);
    border-radius:16px;
    padding:26px 18px;
    display:flex;
    flex-direction:column;
    gap:20px;
    transition:border-color .25s ease, transform .25s ease, background .25s ease;
  }
  .cat-card:hover{
    border-color:var(--red);
    background:var(--bg-2);
    transform:translateY(-4px);
  }
  .cat-card svg{color:var(--red);width:28px;height:28px;}
  .cat-card .cname{
    font-family:var(--font-display);
    font-size:16px;
    text-transform:uppercase;
    letter-spacing:0.01em;
  }
  .cat-card .ccount{
    font-family:var(--font-mono);
    font-size:10.5px;
    color:var(--text-3);
    margin-top:-14px;
  }

  /* ===== COLLECTIONS ===== */
  .coll-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:16px;
  }
  .coll-card{
    position:relative;
    border-radius:18px;
    overflow:hidden;
    aspect-ratio:4/5;
    border:1px solid var(--line);
    isolation:isolate;
  }
  .coll-card .coll-bg{
    position:absolute;inset:0;
    background-size:cover;
    transition:transform .6s ease;
  }
  .coll-card:hover .coll-bg{transform:scale(1.08);}
  .coll-card .coll-fade{
    position:absolute;inset:0;
    background:linear-gradient(180deg, rgba(10,10,10,0.1) 20%, rgba(10,10,10,0.95) 92%);
  }
  .coll-card .coll-text{
    position:absolute;left:0;right:0;bottom:0;
    padding:22px;
  }
  .coll-card .ceyebrow{
    font-family:var(--font-mono);
    font-size:10px;
    letter-spacing:0.08em;
    text-transform:uppercase;
    color:var(--red-bright);
    margin-bottom:6px;
    display:block;
  }
  .coll-card h3{
    font-family:var(--font-display);
    font-size:22px;
    text-transform:uppercase;
  }
  .coll-card p{
    font-size:12.5px;
    color:var(--text-2);
    margin-top:6px;
  }

  /* ===== PRODUCT SLIDER / GRID ===== */
  .pcard{
    background:var(--bg-1);
    border:1px solid var(--line);
    border-radius:16px;
    overflow:hidden;
    flex-shrink:0;
    width:260px;
    transition:border-color .25s ease, transform .25s ease;
  }
  .pcard:hover{border-color:var(--line-strong);transform:translateY(-4px);}
  .pcard-img{
    aspect-ratio:1/1;
    background:linear-gradient(150deg,var(--media-3),var(--media-1) 60%);
    display:flex;align-items:center;justify-content:center;
    position:relative;
  }
  .pcard-img svg{width:56%;height:56%;color:var(--media-ink);opacity:0.55;}
  .fit-badge{
    position:absolute;top:10px;left:10px;
    background:rgba(227,0,12,0.14);
    border:1px solid rgba(227,0,12,0.4);
    color:var(--red-bright);
    font-family:var(--font-mono);
    font-size:9.5px;
    letter-spacing:0.03em;
    text-transform:uppercase;
    padding:5px 9px;
    border-radius:999px;
  }
  .pcard-body{padding:16px 16px 18px;}
  .pcard-brand{
    font-family:var(--font-mono);
    font-size:10px;
    letter-spacing:0.05em;
    text-transform:uppercase;
    color:var(--text-3);
    margin-bottom:6px;
  }
  .pcard-name{font-size:14.5px;font-weight:600;margin-bottom:8px;}
  .pcard-rating{
    display:flex;align-items:center;gap:6px;
    font-family:var(--font-mono);
    font-size:11px;
    color:var(--text-2);
    margin-bottom:12px;
  }
  .pcard-rating .stars{color:var(--red-bright);letter-spacing:1px;}
  .pcard-footer{
    display:flex;align-items:center;justify-content:space-between;
  }
  .pcard-price{font-family:var(--font-mono);font-size:15px;font-weight:600;}
  .pcard-price .old{
    color:var(--text-3);
    text-decoration:line-through;
    font-weight:400;
    font-size:11.5px;
    margin-left:6px;
  }
  .quick-add{
    width:34px;height:34px;
    border-radius:9px;
    background:var(--bg-3);
    border:1px solid var(--line-strong);
    display:flex;align-items:center;justify-content:center;
    transition:all .2s ease;
  }
  .quick-add:hover{background:var(--red);border-color:var(--red);color:#0a0a0a;}

  .slider-row{
    display:flex;
    gap:18px;
    overflow-x:auto;
    padding-bottom:14px;
    scroll-snap-type:x proximity;
    -ms-overflow-style:none;
    scrollbar-width:none;
  }
  .slider-row::-webkit-scrollbar{display:none;}
  .slider-row .pcard{scroll-snap-align:start;}
  .slider-controls{display:flex;gap:8px;}
  .slider-controls .icon-btn{width:40px;height:40px;}

  .grid-4{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:18px;
  }

  /* ===== SHOP BY BIKE ===== */
  .bike-grid{
    display:grid;
    grid-template-columns:repeat(6,1fr);
    gap:14px;
  }
  .bike-card{
    background:var(--bg-1);
    border:1px solid var(--line);
    border-radius:16px;
    padding:20px 14px 16px;
    text-align:center;
    transition:border-color .25s ease, transform .25s ease;
  }
  .bike-card:hover{border-color:var(--red);transform:translateY(-4px);}
  .bike-card svg{width:100%;height:44px;color:var(--text-2);margin-bottom:14px;}
  .bike-card .bmk{font-family:var(--font-mono);font-size:9.5px;color:var(--text-3);text-transform:uppercase;letter-spacing:0.05em;}
  .bike-card .bmodel{font-family:var(--font-display);font-size:14.5px;text-transform:uppercase;margin-top:3px;}

  /* ===== WHY US ===== */
  .why-grid{
    display:grid;
    grid-template-columns:repeat(6,1fr);
    gap:1px;
    background:var(--line);
    border:1px solid var(--line);
  }
  .why-card{
    background:var(--bg-0);
    padding:34px 18px;
    text-align:center;
  }
  .why-card svg{width:26px;height:26px;color:var(--red);margin:0 auto 16px;}
  .why-card h4{font-family:var(--font-display);font-size:13.5px;text-transform:uppercase;letter-spacing:0.02em;margin-bottom:6px;}
  .why-card p{font-size:11.5px;color:var(--text-3);}

  /* ===== PREMIUM BRAND WALL ===== */
  .pbrand-wall{
    display:flex;
    flex-wrap:wrap;
    gap:1px;
    background:var(--line);
    border:1px solid var(--line);
  }
  .pbrand-item{
    flex:1 1 150px;
    background:var(--bg-0);
    padding:28px 10px;
    text-align:center;
    font-family:var(--font-display);
    font-size:17px;
    text-transform:uppercase;
    letter-spacing:0.03em;
    color:var(--text-3);
    transition:color .2s ease, background .2s ease;
  }
  .pbrand-item:hover{color:var(--red-bright);background:var(--bg-1);}

  /* ===== RIDING ESSENTIALS BANNERS ===== */
  .essential-banner{
    display:grid;
    grid-template-columns:1fr 1fr;
    border:1px solid var(--line);
    border-radius:18px;
    overflow:hidden;
    margin-bottom:16px;
    min-height:260px;
  }
  .essential-banner.rev{grid-template-columns:1fr 1fr;}
  .essential-banner.rev .eb-visual{order:2;}
  .eb-visual{
    position:relative;
    background:linear-gradient(150deg,var(--media-3),var(--media-1));
    display:flex;align-items:center;justify-content:center;
    overflow:hidden;
  }
  .eb-visual svg{width:52%;opacity:0.85;}
  .eb-visual::after{
    content:'';position:absolute;inset:0;
    background:radial-gradient(circle at 70% 30%, rgba(227,0,12,0.18), transparent 60%);
  }
  .eb-text{
    padding:44px 44px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:14px;
  }
  .eb-text h3{
    font-family:var(--font-display);
    font-size:clamp(22px,2.4vw,32px);
    text-transform:uppercase;
  }
  .eb-text p{color:var(--text-2);font-size:14px;max-width:340px;}

  /* ===== COMMUNITY ===== */
  .community-grid{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:12px;
  }
  .comm-tile{
    aspect-ratio:1/1;
    border-radius:14px;
    background:linear-gradient(150deg,var(--media-3),var(--media-1));
    position:relative;
    overflow:hidden;
    border:1px solid var(--line);
    display:flex;align-items:center;justify-content:center;
  }
  .comm-tile svg{width:34%;color:var(--media-ink);opacity:0.6;}
  .comm-tile .comm-tag{
    position:absolute;bottom:10px;left:10px;
    font-family:var(--font-mono);
    font-size:9.5px;
    color:#d8d2c8;
    background:rgba(10,10,10,0.6);
    padding:4px 8px;
    border-radius:999px;
  }

  /* ===== REVIEWS ===== */
  .review-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:16px;
  }
  .review-card{
    background:var(--bg-1);
    border:1px solid var(--line);
    border-radius:16px;
    padding:28px;
  }
  .review-card .stars{color:var(--red-bright);letter-spacing:2px;font-size:13px;margin-bottom:16px;display:block;}
  .review-card p{font-size:14.5px;color:var(--text-1);margin-bottom:20px;}
  .review-author{display:flex;align-items:center;gap:12px;}
  .review-avatar{
    width:38px;height:38px;border-radius:50%;
    background:linear-gradient(140deg,var(--maroon),var(--red));
    display:flex;align-items:center;justify-content:center;
    font-family:var(--font-display);font-size:14px;
  }
  .review-author b{font-size:13px;display:block;}
  .review-author span{font-family:var(--font-mono);font-size:10.5px;color:var(--text-3);}

  /* ===== BLOG ===== */
  .blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
  .blog-card{border:1px solid var(--line);border-radius:16px;overflow:hidden;transition:border-color .25s ease, transform .25s ease;}
  .blog-card:hover{border-color:var(--line-strong);transform:translateY(-4px);}
  .blog-thumb{
    aspect-ratio:16/10;
    background:linear-gradient(160deg,var(--media-3),var(--media-1));
    display:flex;align-items:center;justify-content:center;
  }
  .blog-thumb svg{width:30%;color:var(--media-ink);opacity:0.6;}
  .blog-body{padding:20px;background:var(--bg-1);}
  .blog-tag{font-family:var(--font-mono);font-size:10px;color:var(--red);text-transform:uppercase;letter-spacing:0.05em;}
  .blog-body h4{font-family:var(--font-display);font-size:17px;text-transform:uppercase;margin:10px 0 8px;line-height:1.2;}
  .blog-body p{font-size:12.5px;color:var(--text-3);}

  /* ===== NEWSLETTER ===== */
  .newsletter{
    background:linear-gradient(135deg, var(--maroon), #0a0a0a 60%);
    border-radius:22px;
    margin:0 6vw;
    padding:64px 6vw;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:40px;
    flex-wrap:wrap;
    border:1px solid var(--line-strong);
  }
  .newsletter h2{
    font-family:var(--font-display);
    font-size:clamp(24px,3vw,36px);
    text-transform:uppercase;
    max-width:420px;
    color:#f3efe9;
  }
  .newsletter p{color:#c9c0b6;margin-top:10px;font-size:14px;}
  .news-form{
    display:flex;
    gap:10px;
    background:rgba(10,10,10,0.5);
    border:1px solid rgba(243,239,233,0.16);
    padding:6px;
    border-radius:999px;
    min-width:360px;
  }
  .news-form input{
    flex:1;background:none;border:none;outline:none;
    color:#f3efe9;padding:12px 18px;font-family:var(--font-body);font-size:14px;
  }
  .news-form input::placeholder{color:#726b64;}

  /* ===== FOOTER ===== */
  footer{padding:80px 6vw 30px;}
  .footer-top{
    display:grid;
    grid-template-columns:1.4fr 1fr 1fr 1fr 1fr;
    gap:30px;
    padding-bottom:50px;
    border-bottom:1px solid var(--line);
  }
  .footer-logo img{height:26px;margin-bottom:16px;}
  .footer-top p{color:var(--text-3);font-size:13px;max-width:260px;}
  .footer-col h5{
    font-family:var(--font-mono);
    font-size:11px;
    letter-spacing:0.06em;
    text-transform:uppercase;
    color:var(--text-3);
    margin-bottom:18px;
  }
  .footer-col a{
    display:block;
    font-size:13.5px;
    color:var(--text-2);
    margin-bottom:12px;
    transition:color .2s ease;
  }
  .footer-col a:hover{color:var(--red-bright);}
  .footer-bottom{
    display:flex;justify-content:space-between;align-items:center;
    padding-top:26px;
    font-family:var(--font-mono);
    font-size:11px;
    color:var(--text-3);
    flex-wrap:wrap;
    gap:12px;
  }
  .footer-socials{display:flex;gap:12px;}

  ::selection{background:var(--red);color:#0a0a0a;}
  :focus-visible{outline:2px solid var(--red-bright);outline-offset:2px;}

  @media (max-width:1100px){
    .cat-grid{grid-template-columns:repeat(3,1fr);}
    .coll-grid{grid-template-columns:repeat(2,1fr);}
    .grid-4{grid-template-columns:repeat(2,1fr);}
    .bike-grid{grid-template-columns:repeat(3,1fr);}
    .why-grid{grid-template-columns:repeat(3,1fr);}
    .review-grid,.blog-grid{grid-template-columns:repeat(1,1fr);}
    .footer-top{grid-template-columns:1fr 1fr;}
    .community-grid{grid-template-columns:repeat(3,1fr);}
  }
  @media (max-width:760px){
    .nav-links{display:none;}
    .section{padding:64px 6vw;}
    .hero{padding-top:120px;}
    .hero-moto{display:none;}
    .cat-grid{grid-template-columns:repeat(2,1fr);}
    .coll-grid{grid-template-columns:1fr;}
    .grid-4{grid-template-columns:1fr;}
    .bike-grid{grid-template-columns:repeat(2,1fr);}
    .why-grid{grid-template-columns:repeat(2,1fr);}
    .essential-banner,.essential-banner.rev{grid-template-columns:1fr;}
    .essential-banner.rev .eb-visual{order:0;}
    .eb-visual{min-height:180px;}
    .community-grid{grid-template-columns:repeat(2,1fr);}
    .newsletter{flex-direction:column;align-items:flex-start;padding:44px 7vw;}
    .news-form{min-width:100%;}
    .console-tab span.label{display:none;}
    .footer-top{grid-template-columns:1fr;}
  }
  @media (prefers-reduced-motion: reduce){
    .lane-divider,.console-lane{animation:none;}
    html{scroll-behavior:auto;}
  }