:root{
    --honda-red:#DC1E28;
    --honda-red-dark:#A9121A;
    --honda-black:#0B0B0C;
    --honda-charcoal:#161618;
    --honda-panel:#1E1F22;
    --honda-silver:#C9CBCE;
    --honda-off:#F4F4F5;
    --honda-line:#2A2B2E;
    font-size:16px;
  }
  *{box-sizing:border-box;}
  body{
    background:var(--honda-black);
    color:var(--honda-off);
    font-family:'Inter',sans-serif;
    overflow-x:hidden;
  }
  h1,h2,h3,h4,.display-font{
    font-family:'Rajdhani',sans-serif;
    font-weight:700;
    letter-spacing:.5px;
    text-transform:uppercase;
  }
  a{text-decoration:none;}

  /* ---------- signature red wing stripe ---------- */
  .wing-stripe{
    position:relative;
  }
  .wing-stripe::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(100deg, transparent 46%, var(--honda-red) 46%, var(--honda-red) 49%, var(--honda-red-dark) 49%, var(--honda-red-dark) 51%, transparent 51%);
    opacity:.9;
    pointer-events:none;
  }

  /* ---------- Navbar ---------- */
  .navbar-honda{
    background:rgba(11,11,12,.92);
    backdrop-filter:blur(10px);
    border-bottom:1px solid var(--honda-line);
  }
  .brand-mark{
    display:flex;align-items:center;gap:.55rem;
    font-family:'Rajdhani',sans-serif;
    font-weight:700;
    font-size:1.5rem;
    letter-spacing:1px;
    color:#fff;
  }
  .brand-mark .stripe{
    width:10px;height:26px;
    background:linear-gradient(180deg,var(--honda-red),var(--honda-red-dark));
    transform:skewX(-14deg);
    display:inline-block;
  }
  .nav-link-honda{
    color:var(--honda-silver)!important;
    font-weight:600;
    font-size:.92rem;
    letter-spacing:.4px;
    text-transform:uppercase;
    padding:.5rem 1rem!important;
    transition:color .2s;
  }
  .nav-link-honda:hover{color:#fff!important;}
  .icon-btn{
    position:relative;
    color:#fff;
    background:transparent;
    border:1px solid var(--honda-line);
    border-radius:50%;
    width:42px;height:42px;
    display:inline-flex;align-items:center;justify-content:center;
    transition:.2s;
  }
  .icon-btn:hover{border-color:var(--honda-red);color:var(--honda-red);}
  .icon-badge{
    position:absolute;top:-6px;right:-6px;
    background:var(--honda-red);
    color:#fff;
    font-size:.65rem;
    font-weight:700;
    min-width:18px;height:18px;
    border-radius:50%;
    display:flex;align-items:center;justify-content:center;
    padding:0 3px;
  }

  /* ---------- Hero ---------- */
  .hero{
    position:relative;
    padding:7.5rem 0 5rem;
    background:
      radial-gradient(ellipse at 80% 0%, rgba(220,30,40,.20), transparent 55%),
      linear-gradient(180deg, #0B0B0C 0%, #0B0B0C 100%);
    overflow:hidden;
  }
  .hero::after{
    content:"";
    position:absolute;
    top:-10%;right:-8%;
    width:60%;height:140%;
    background:linear-gradient(115deg, transparent 42%, rgba(220,30,40,.14) 42%, rgba(220,30,40,.14) 47%, transparent 47%, transparent 55%, rgba(220,30,40,.07) 55%, rgba(220,30,40,.07) 58%, transparent 58%);
    pointer-events:none;
  }
  .eyebrow{
    display:inline-flex;align-items:center;gap:.5rem;
    color:var(--honda-red);
    font-weight:700;
    font-size:.8rem;
    letter-spacing:2px;
    text-transform:uppercase;
    margin-bottom:1.25rem;
  }
  .eyebrow::before{
    content:"";
    width:26px;height:2px;
    background:var(--honda-red);
    display:inline-block;
  }
  .hero h1{
    font-size:clamp(2.6rem, 6vw, 4.6rem);
    line-height:1.02;
    color:#fff;
    margin-bottom:1.25rem;
  }
  .hero h1 em{
    font-style:normal;
    color:var(--honda-red);
  }
  .hero p.lead{
    color:var(--honda-silver);
    font-size:1.1rem;
    max-width:560px;
  }
  .btn-honda{
    background:var(--honda-red);
    border:1px solid var(--honda-red);
    color:#fff;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.6px;
    font-size:.85rem;
    padding:.85rem 1.8rem;
    border-radius:2px;
    transition:.2s;
  }
  .btn-honda:hover{background:var(--honda-red-dark);border-color:var(--honda-red-dark);color:#fff;}
  .btn-honda-outline{
    background:transparent;
    border:1px solid #444;
    color:#fff;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.6px;
    font-size:.85rem;
    padding:.85rem 1.8rem;
    border-radius:2px;
    transition:.2s;
  }
  .btn-honda-outline:hover{border-color:var(--honda-red);color:var(--honda-red);}

  /* ---------- Stats strip ---------- */
  .stats-strip{
    border-top:1px solid var(--honda-line);
    border-bottom:1px solid var(--honda-line);
    background:var(--honda-charcoal);
  }
  .stat-item{
    padding:1.6rem 1rem;
    text-align:center;
    border-right:1px solid var(--honda-line);
  }
  .stat-item:last-child{border-right:none;}
  .stat-num{
    font-family:'Rajdhani',sans-serif;
    font-weight:700;
    font-size:2rem;
    color:#fff;
  }
  .stat-num span.accent{color:var(--honda-red);}
  .stat-label{
    font-size:.72rem;
    letter-spacing:1.5px;
    text-transform:uppercase;
    color:var(--honda-silver);
  }

  /* ---------- Section shared ---------- */
  section{padding:5rem 0;}
  .section-head{margin-bottom:2.75rem;}
  .section-eyebrow{
    color:var(--honda-red);
    font-weight:700;
    font-size:.78rem;
    letter-spacing:2px;
    text-transform:uppercase;
  }
  .section-title{
    color:#fff;
    font-size:clamp(1.9rem,3.4vw,2.6rem);
    margin-top:.4rem;
  }
  .section-sub{color:var(--honda-silver);max-width:620px;}

  /* ---------- Category pills ---------- */
  .cat-pill{
    background:var(--honda-panel);
    border:1px solid var(--honda-line);
    color:var(--honda-silver);
    font-weight:600;
    font-size:.85rem;
    letter-spacing:.4px;
    text-transform:uppercase;
    padding:.55rem 1.25rem;
    border-radius:30px;
    cursor:pointer;
    transition:.2s;
  }
  .cat-pill:hover{border-color:var(--honda-red);color:#fff;}
  .cat-pill.active{
    background:var(--honda-red);
    border-color:var(--honda-red);
    color:#fff;
  }

  /* ---------- Bike cards ---------- */
  .bike-card{
    background:var(--honda-panel);
    border:1px solid var(--honda-line);
    border-radius:6px;
    overflow:hidden;
    height:100%;
    transition:transform .25s, border-color .25s;
  }
  .bike-card:hover{
    transform:translateY(-6px);
    border-color:var(--honda-red);
  }
  .bike-media{
    position:relative;
    aspect-ratio:16/10;
    background:
      radial-gradient(circle at 30% 20%, rgba(220,30,40,.18), transparent 55%),
      #101012;
    border-bottom:1px solid var(--honda-line);
    display:flex;align-items:center;justify-content:center;
    padding:1.5rem;
  }
  .bike-media svg{width:78%;height:auto;color:var(--honda-silver);}
  .bike-tag{
    position:absolute;top:.85rem;left:.85rem;
    background:rgba(0,0,0,.55);
    border:1px solid var(--honda-line);
    color:var(--honda-red);
    font-size:.68rem;
    font-weight:700;
    letter-spacing:1px;
    text-transform:uppercase;
    padding:.3rem .65rem;
    border-radius:20px;
  }
  .bike-wish{
    position:absolute;top:.85rem;right:.85rem;
    width:34px;height:34px;
    border-radius:50%;
    background:rgba(0,0,0,.55);
    border:1px solid var(--honda-line);
    color:#fff;
    display:flex;align-items:center;justify-content:center;
    transition:.2s;
  }
  .bike-wish:hover, .bike-wish.active{color:var(--honda-red);border-color:var(--honda-red);}
  .bike-body{padding:1.25rem 1.25rem 1.4rem;}
  .bike-name{color:#fff;font-size:1.2rem;margin-bottom:.15rem;}
  .bike-spec{
    color:var(--honda-silver);
    font-size:.8rem;
    display:flex;gap:1rem;
    margin-bottom:.9rem;
  }
  .bike-spec span{display:flex;align-items:center;gap:.35rem;}
  .bike-foot{
    display:flex;align-items:center;justify-content:space-between;
    border-top:1px solid var(--honda-line);
    padding-top:.9rem;
  }
  .bike-price{color:#fff;font-family:'Rajdhani',sans-serif;font-weight:700;font-size:1.3rem;}
  .bike-price small{color:var(--honda-silver);font-size:.7rem;font-weight:500;display:block;text-transform:uppercase;letter-spacing:.5px;}
  .btn-add{
    background:transparent;
    border:1px solid var(--honda-red);
    color:var(--honda-red);
    font-weight:700;
    font-size:.78rem;
    text-transform:uppercase;
    letter-spacing:.5px;
    padding:.5rem 1rem;
    border-radius:3px;
    transition:.2s;
  }
  .btn-add:hover{background:var(--honda-red);color:#fff;}
  .btn-add.added{background:#1c5e2e;border-color:#1c5e2e;color:#fff;}

  /* ---------- Booking ---------- */
  .booking-section{
    background:var(--honda-charcoal);
    border-top:1px solid var(--honda-line);
    border-bottom:1px solid var(--honda-line);
    position:relative;
  }
  .booking-card{
    background:var(--honda-panel);
    border:1px solid var(--honda-line);
    border-radius:8px;
    padding:2.25rem;
  }
  .form-control-honda, .form-select-honda{
    background:#101012;
    border:1px solid var(--honda-line);
    color:#fff;
    padding:.7rem .9rem;
    border-radius:3px;
  }
  .form-control-honda:focus, .form-select-honda:focus{
    background:#101012;color:#fff;
    border-color:var(--honda-red);
    box-shadow:0 0 0 .2rem rgba(220,30,40,.18);
  }
  .form-control-honda::placeholder{color:#7c7d80;}
  .form-label-honda{
    font-size:.78rem;
    letter-spacing:.6px;
    text-transform:uppercase;
    color:var(--honda-silver);
    font-weight:600;
    margin-bottom:.4rem;
  }

  /* ---------- FAQ ---------- */
  .accordion-honda .accordion-item{
    background:var(--honda-panel);
    border:1px solid var(--honda-line);
    border-radius:6px!important;
    margin-bottom:.75rem;
    overflow:hidden;
  }
  .accordion-honda .accordion-button{
    background:var(--honda-panel);
    color:#fff;
    font-weight:600;
    font-family:'Rajdhani',sans-serif;
    font-size:1.05rem;
    text-transform:uppercase;
    letter-spacing:.4px;
    box-shadow:none;
  }
  .accordion-honda .accordion-button:not(.collapsed){
    background:var(--honda-panel);
    color:var(--honda-red);
  }
  .accordion-honda .accordion-button::after{filter:invert(1);}
  .accordion-honda .accordion-body{
    color:var(--honda-silver);
    border-top:1px solid var(--honda-line);
  }

  /* ---------- Footer ---------- */
  footer{
    background:#0B0B0C;
    border-top:1px solid var(--honda-line);
    padding:3.5rem 0 1.5rem;
  }
  footer h6{
    color:#fff;
    font-family:'Rajdhani',sans-serif;
    letter-spacing:1px;
    font-size:.85rem;
    text-transform:uppercase;
    margin-bottom:1rem;
  }
  footer a{color:var(--honda-silver);}
  footer a:hover{color:var(--honda-red);}
  footer ul{list-style:none;padding:0;margin:0;}
  footer li{margin-bottom:.55rem;font-size:.9rem;}
  .footer-bottom{
    border-top:1px solid var(--honda-line);
    margin-top:2.5rem;
    padding-top:1.5rem;
    font-size:.8rem;
    color:#7c7d80;
  }

  /* ---------- Cart offcanvas ---------- */
  .offcanvas-honda{
    background:var(--honda-charcoal);
    color:#fff;
    width:400px;
  }
  .offcanvas-honda .offcanvas-header{border-bottom:1px solid var(--honda-line);}
  .cart-line{
    display:flex;justify-content:space-between;align-items:center;
    padding:.85rem 0;
    border-bottom:1px solid var(--honda-line);
  }
  .cart-line .name{font-weight:600;color:#fff;font-size:.92rem;}
  .cart-line .price{color:var(--honda-silver);font-size:.82rem;}
  .cart-remove{color:#7c7d80;background:none;border:none;font-size:1.1rem;}
  .cart-remove:hover{color:var(--honda-red);}
  .cart-empty{color:var(--honda-silver);text-align:center;padding:2.5rem 0;}

  .toast-honda{
    position:fixed;bottom:1.5rem;right:1.5rem;
    background:var(--honda-panel);
    border:1px solid var(--honda-red);
    color:#fff;
    padding:.8rem 1.25rem;
    border-radius:4px;
    font-size:.88rem;
    font-weight:600;
    z-index:2000;
    opacity:0;
    transform:translateY(10px);
    transition:.25s;
    pointer-events:none;
  }
  .toast-honda.show{opacity:1;transform:translateY(0);}

  @media (max-width:575px){
    .offcanvas-honda{width:100%;}
    .stat-item{border-right:none;border-bottom:1px solid var(--honda-line);}
    .stat-item:last-child{border-bottom:none;}
  }