:root{
    --duc-red:#D2001E;
    --duc-red-dark:#98000F;
    --duc-black:#0A0A0B;
    --duc-charcoal:#151517;
    --duc-panel:#1D1D20;
    --duc-line:#2B2B2F;
    --duc-silver:#C7C8CB;
    --duc-green:#009246;
    --duc-white:#F5F5F5;
    font-size:16px;
  }
  *{box-sizing:border-box;}
  body{
    background:var(--duc-black);
    color:var(--duc-white);
    font-family:'Inter',sans-serif;
    overflow-x:hidden;
  }
  h1,h2,h3,h4,.display-font{
    font-family:'Oswald',sans-serif;
    font-weight:700;
    font-style:italic;
    letter-spacing:.3px;
    text-transform:uppercase;
  }
  a{text-decoration:none;}

  /* ---------- signature tricolore speed-line ---------- */
  .tricolore-line{
    height:3px;width:100%;
    background:linear-gradient(90deg, var(--duc-green) 0 33.3%, #fff 33.3% 66.6%, var(--duc-red) 66.6% 100%);
  }
  .speed-lines{
    position:absolute; inset:0; pointer-events:none; overflow:hidden;
  }
  .speed-lines::before, .speed-lines::after{
    content:"";
    position:absolute;
    top:0; height:200%;
    width:2px;
    background:rgba(210,0,30,.35);
    transform:skewX(-18deg);
  }
  .speed-lines::before{ right:18%; }
  .speed-lines::after{ right:22%; background:rgba(255,255,255,.12); }

  /* ---------- Navbar ---------- */
  .navbar-duc{
    background:rgba(10,10,11,.92);
    backdrop-filter:blur(10px);
    border-bottom:1px solid var(--duc-line);
  }
  .brand-mark{
    display:flex;align-items:center;gap:.5rem;
    font-family:'Oswald',sans-serif;
    font-weight:700;
    font-style:italic;
    font-size:1.55rem;
    letter-spacing:.5px;
    color:#fff;
  }
  .brand-mark .dot{
    width:11px;height:11px;border-radius:50%;
    background:var(--duc-red);
    display:inline-block;
  }
  .nav-link-duc{
    color:var(--duc-silver)!important;
    font-weight:600;
    font-size:.9rem;
    letter-spacing:.4px;
    text-transform:uppercase;
    padding:.5rem 1rem!important;
    transition:color .2s;
  }
  .nav-link-duc:hover{color:#fff!important;}
  .icon-btn{
    position:relative;
    color:#fff;
    background:transparent;
    border:1px solid var(--duc-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(--duc-red);color:var(--duc-red);}
  .icon-badge{
    position:absolute;top:-6px;right:-6px;
    background:var(--duc-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 82% 0%, rgba(210,0,30,.22), transparent 55%),
      #0A0A0B;
    overflow:hidden;
  }
  .eyebrow{
    display:inline-flex;align-items:center;gap:.5rem;
    color:var(--duc-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(--duc-red);
    display:inline-block;
  }
  .hero h1{
    font-size:clamp(2.5rem, 5.6vw, 4.3rem);
    line-height:1.02;
    color:#fff;
    margin-bottom:1.25rem;
  }
  .hero h1 em{
    font-style:italic;
    color:var(--duc-red);
  }
  .hero p.lead{
    color:var(--duc-silver);
    font-size:1.1rem;
    max-width:560px;
    font-style:normal;
  }
  .btn-duc{
    background:var(--duc-red);
    border:1px solid var(--duc-red);
    color:#fff;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.6px;
    font-size:.85rem;
    padding:.85rem 1.8rem;
    border-radius:2px;
    transition:.2s;
    font-style:italic;
  }
  .btn-duc:hover{background:var(--duc-red-dark);border-color:var(--duc-red-dark);color:#fff;}
  .btn-duc-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;
    font-style:italic;
  }
  .btn-duc-outline:hover{border-color:var(--duc-red);color:var(--duc-red);}

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

  /* ---------- Section shared ---------- */
  section{padding:5rem 0;}
  .section-head{margin-bottom:2.75rem;}
  .section-eyebrow{
    color:var(--duc-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(--duc-silver);max-width:620px;font-style:normal;}

  /* ---------- Category pills ---------- */
  .cat-pill{
    background:var(--duc-panel);
    border:1px solid var(--duc-line);
    color:var(--duc-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(--duc-red);color:#fff;}
  .cat-pill.active{
    background:var(--duc-red);
    border-color:var(--duc-red);
    color:#fff;
  }

  /* ---------- Bike cards ---------- */
  .bike-card{
    background:var(--duc-panel);
    border:1px solid var(--duc-line);
    border-radius:6px;
    overflow:hidden;
    height:100%;
    transition:transform .25s, border-color .25s;
  }
  .bike-card:hover{
    transform:translateY(-6px);
    border-color:var(--duc-red);
  }
  .bike-media{
    position:relative;
    aspect-ratio:16/10;
    background:#0F0F11;
    border-bottom:2px solid var(--duc-red);
    overflow:hidden;
  }
  .bike-media img{
    width:100%;height:100%;
    object-fit:cover;
    object-position:center;
    transition:transform .4s;
  }
  .bike-card:hover .bike-media img{transform:scale(1.06);}
  .bike-tag{
    position:absolute;top:.85rem;left:.85rem;
    background:rgba(0,0,0,.6);
    border:1px solid var(--duc-line);
    color:var(--duc-red);
    font-size:.68rem;
    font-weight:700;
    letter-spacing:1px;
    text-transform:uppercase;
    padding:.3rem .65rem;
    border-radius:20px;
    z-index:2;
  }
  .bike-wish{
    position:absolute;top:.85rem;right:.85rem;
    width:34px;height:34px;
    border-radius:50%;
    background:rgba(0,0,0,.6);
    border:1px solid var(--duc-line);
    color:#fff;
    display:flex;align-items:center;justify-content:center;
    transition:.2s;
    z-index:2;
  }
  .bike-wish:hover, .bike-wish.active{color:var(--duc-red);border-color:var(--duc-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(--duc-silver);
    font-size:.8rem;
    display:flex;gap:1rem;
    margin-bottom:.9rem;
    font-style:normal;
    text-transform:none;
  }
  .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(--duc-line);
    padding-top:.9rem;
  }
  .bike-price{color:#fff;font-family:'Oswald',sans-serif;font-weight:700;font-style:italic;font-size:1.3rem;}
  .bike-price small{color:var(--duc-silver);font-size:.7rem;font-weight:500;font-style:normal;display:block;text-transform:uppercase;letter-spacing:.5px;}
  .btn-add{
    background:transparent;
    border:1px solid var(--duc-red);
    color:var(--duc-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(--duc-red);color:#fff;}
  .btn-add.added{background:#1c5e2e;border-color:#1c5e2e;color:#fff;}

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

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

  /* ---------- Footer ---------- */
  footer{
    background:#0A0A0B;
    border-top:1px solid var(--duc-line);
    padding:3.5rem 0 1.5rem;
  }
  footer h6{
    color:#fff;
    font-family:'Oswald',sans-serif;
    font-style:italic;
    letter-spacing:1px;
    font-size:.85rem;
    text-transform:uppercase;
    margin-bottom:1rem;
  }
  footer a{color:var(--duc-silver);}
  footer a:hover{color:var(--duc-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(--duc-line);
    margin-top:2.5rem;
    padding-top:1.5rem;
    font-size:.8rem;
    color:#7c7d80;
  }

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

  .toast-duc{
    position:fixed;bottom:1.5rem;right:1.5rem;
    background:var(--duc-panel);
    border:1px solid var(--duc-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-duc.show{opacity:1;transform:translateY(0);}

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