:root{
    --orange:#F28C28;
    --orange-dark:#D97620;
    --black:#121212;
    --charcoal:#2F2F2F;
    --warm-white:#FAF8F5;
    --light-gray:#EFECE7;
    --white:#FFFFFF;
    --display:'Fraunces', serif;
    --body:'Inter', sans-serif;
    --ease: cubic-bezier(.22,.61,.36,1);
  }
  *{margin:0;padding:0;box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{
    font-family:var(--body);
    color:var(--charcoal);
    background:var(--warm-white);
    line-height:1.6;
    -webkit-font-smoothing:antialiased;
  }
  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;}
  .container{max-width:1240px;margin:0 auto;padding:0 32px;}
  h1,h2,h3,h4{font-family:var(--display);font-weight:600;line-height:1.12;color:var(--black);letter-spacing:-0.01em;}
  .eyebrow{
    font-family:var(--body);
    font-size:12.5px;
    font-weight:600;
    letter-spacing:0.14em;
    text-transform:uppercase;
    color:var(--orange-dark);
    display:flex;align-items:center;gap:10px;
    margin-bottom:18px;
  }

  .btn{
    display:inline-flex;align-items:center;justify-content:center;gap:8px;
    padding:15px 30px;
    font-size:14.5px;font-weight:600;
    border-radius:2px;
    transition:all .35s var(--ease);
    white-space:nowrap;
  }
  .btn-primary{background:var(--orange);color:var(--white);}
  .btn-primary:hover{background:var(--orange-dark);}
  .btn-outline-dark{border:1px solid var(--black);color:var(--black);}
  .btn-outline-dark:hover{background:var(--black);color:var(--white);}
  .btn-outline-light{border:1px solid rgba(255,255,255,.5);color:var(--white);}
  .btn-outline-light:hover{border-color:#fff;background:rgba(255,255,255,.08);}
  .btn-text{font-weight:600;font-size:14px;border-bottom:1px solid currentColor;padding-bottom:2px;display:inline-flex;align-items:center;gap:6px;}
  .btn-text:hover{color:var(--orange-dark);}
  .reveal{opacity:0;transform:translateY(28px);transition:opacity .9s var(--ease), transform .9s var(--ease);}
  .reveal.is-visible{opacity:1;transform:translateY(0);}

  /* ============ ANNOUNCEMENT BAR ============ */
  .announce{
    background:var(--black);color:var(--white);
    font-size:12.5px;letter-spacing:.03em;
    padding:10px 0;
  }
  .announce .container{
    display:flex;justify-content:center;gap:48px;flex-wrap:wrap;
  }
  .announce span{display:flex;align-items:center;gap:8px;opacity:.9;}
  .announce svg{width:13px;height:13px;color:var(--orange);flex-shrink:0;}

  /* ============ NAV ============ */
  header.site{
    background:var(--black);
    position:sticky;top:0;z-index:100;
    border-bottom:1px solid rgba(255,255,255,.08);
  }
  nav.main{
    display:flex;align-items:center;justify-content:space-between;
    padding:18px 0;
  }
  .logo{display:flex;flex-direction:column;color:var(--white);}
  .logo .mark{font-family:var(--display);font-size:22px;font-weight:600;letter-spacing:.01em;}
  .logo .mark em{color:var(--orange);font-style:normal;}
  .logo .tag{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#a8a29a;margin-top:2px;}
  .nav-links{display:flex;align-items:center;gap:38px;}
  .nav-links a{color:#e8e5df;font-size:14px;font-weight:500;position:relative;padding:6px 0;}
  .nav-links a::after{content:'';position:absolute;left:0;bottom:0;width:0;height:1px;background:var(--orange);transition:width .3s var(--ease);}
  .nav-links a:hover::after{width:100%;}
  .nav-links a:hover{color:var(--white);}
  .nav-right{display:flex;align-items:center;gap:22px;}
  .icon-btn{color:#e8e5df;width:19px;height:19px;transition:color .3s;}
  .icon-btn:hover{color:var(--orange);}
  .nav-icons{display:flex;gap:20px;align-items:center;}
  .burger{display:none;color:var(--white);width:24px;height:24px;}

  /* ============ HERO ============ */
  .hero{background:var(--black);color:var(--white);overflow:hidden;}
  .hero-grid{
    display:grid;grid-template-columns:1fr 1.05fr;
    align-items:stretch;
  }
  .hero-copy{
    padding:100px 60px 100px 32px;
    display:flex;flex-direction:column;justify-content:center;
    max-width:560px;
  }
  .hero-copy h1{
    font-size:clamp(30px,4.6vw,40px);
    color:var(--white);
    margin-bottom:26px;
  }
  .hero-copy h1 em{font-style:italic;color:var(--orange);font-weight:500;}
  .hero-copy p{font-size:16.5px;color:#cfcac1;max-width:440px;margin-bottom:38px;}
  .hero-cta{display:flex;gap:16px;flex-wrap:wrap;}
  .hero-image{position:relative;min-height:560px;}
  .hero-image img{width:100%;height:100%;object-fit:cover;}
  .hero-image::after{
    content:'';position:absolute;inset:0;
    background:linear-gradient(90deg, rgba(18,18,18,.55) 0%, rgba(18,18,18,0) 22%);
  }

  /* ============ TRUST STRIP ============ */
  .trust-strip{
    background:var(--charcoal);color:var(--white);
    padding:34px 0;
  }
  .trust-strip .container{
    display:grid;grid-template-columns:repeat(4,1fr);gap:36px;
  }
  .trust-item{display:flex;gap:14px;align-items:flex-start;}
  .trust-item svg{width:24px;height:24px;color:var(--orange);flex-shrink:0;margin-top:2px;}
  .trust-item h4{font-family:var(--body);font-size:14.5px;font-weight:600;color:var(--white);margin-bottom:4px;}
  .trust-item p{font-size:12.5px;color:#b9b3a8;line-height:1.5;}

  /* ============ SECTION GENERIC ============ */
  section{padding:110px 0;}
  .section-head{max-width:640px;margin-bottom:64px;}
  .section-head.center{margin-left:auto;margin-right:auto;text-align:center;}
  .section-head h2{font-size:clamp(30px,3.4vw,44px);}
  .section-head p{font-size:16px;color:var(--charcoal);opacity:.75;margin-top:16px;}

  /* ============ WHY CHOOSE ============ */
  .why{background:var(--warm-white);}
  .why-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid #e2ddd2;}
  .why-block{
    padding:42px 40px 42px 0;
    border-bottom:1px solid #e2ddd2;
    display:flex;gap:26px;
  }
  .why-block:nth-child(odd){border-right:1px solid #e2ddd2;padding-right:40px;}
  .why-block:nth-child(even){padding-left:40px;}
  .why-num{font-family:var(--display);font-size:15px;color:var(--orange);font-weight:600;padding-top:4px;}
  .why-block h3{font-size:20px;margin-bottom:10px;}
  .why-block p{font-size:14.5px;color:var(--charcoal);opacity:.78;}

  /* ============ CATEGORIES ============ */
  .categories{background:var(--white);}
  .cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:#e2ddd2;}
  .cat-card{background:var(--white);position:relative;overflow:hidden;}
  .cat-card .img-wrap{aspect-ratio:4/5;overflow:hidden;}
  .cat-card img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease);}
  .cat-card:hover img{transform:scale(1.06);}
  .cat-body{padding:26px 26px 30px;}
  .cat-body h3{font-size:19px;margin-bottom:8px;}
  .cat-body p{font-size:13.5px;color:var(--charcoal);opacity:.72;margin-bottom:16px;}

  /* ============ ABOUT ============ */
  .about{background:var(--light-gray);}
  .about-grid{display:grid;grid-template-columns:0.95fr 1.05fr;gap:0;align-items:center;}
  .about-img{height:100%;}
  .about-img img{width:100%;height:100%;object-fit:cover;min-height:480px;}
  .about-copy{padding:0 0 0 80px;}
  .about-copy p{font-size:16px;color:var(--charcoal);opacity:.82;margin-bottom:18px;max-width:480px;}
  .about-stats{display:flex;gap:50px;margin-top:36px;}
  .about-stats div h4{font-family:var(--display);font-size:32px;color:var(--orange-dark);}
  .about-stats div span{font-size:12.5px;color:var(--charcoal);opacity:.7;text-transform:uppercase;letter-spacing:.06em;}

  /* ============ DELIVERY PROCESS ============ */
  .delivery{background:var(--black);color:var(--white);}
  .delivery .section-head h2{color:var(--white);}
  .delivery .section-head p{color:#c9c3b8;}
  .route{position:relative;padding-top:20px;}
  .route-line{
    position:absolute;top:34px;left:0;right:0;height:1px;
    background:repeating-linear-gradient(90deg, rgba(242,140,40,.55) 0 10px, transparent 10px 20px);
  }
  .route-steps{display:grid;grid-template-columns:repeat(6,1fr);gap:20px;position:relative;}
  .route-step{display:flex;flex-direction:column;gap:20px;}
  .route-dot{
    width:14px;height:14px;border-radius:50%;background:var(--black);
    border:2px solid var(--orange);position:relative;z-index:2;
  }
  .route-step:first-child .route-dot{background:var(--orange);}
  .route-step h4{font-size:15px;color:var(--white);font-weight:600;}
  .route-step p{font-size:12.5px;color:#a49e92;}
  .route-step .step-no{font-size:11px;color:var(--orange);letter-spacing:.1em;font-weight:600;}

  /* ============ RETAIL / WHOLESALE ============ */
  .rw{background:var(--warm-white);}
  .rw-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:#e2ddd2;}
  .rw-panel{background:var(--white);padding:60px;display:flex;flex-direction:column;}
  .rw-panel.dark{background:var(--black);color:var(--white);}
  .rw-panel .eyebrow{margin-bottom:14px;}
  .rw-panel h3{font-size:28px;margin-bottom:16px;}
  .rw-panel.dark h3{color:var(--white);}
  .rw-panel p{font-size:15px;opacity:.78;margin-bottom:26px;}
  .rw-list{margin-bottom:32px;}
  .rw-list li{
    font-size:14.5px;padding:12px 0;
    border-top:1px solid rgba(0,0,0,.08);
    display:flex;align-items:center;gap:10px;
  }
  .rw-panel.dark .rw-list li{border-top:1px solid rgba(255,255,255,.12);}
  .rw-list li svg{width:15px;height:15px;color:var(--orange);flex-shrink:0;}
  .rw-panel .btn{align-self:flex-start;}

  /* ============ PRODUCT SHOWCASE ============ */
  .showcase{background:var(--white);}
  .showcase-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:34px;}
  .product-card .img-wrap{aspect-ratio:3/4;overflow:hidden;background:var(--light-gray);margin-bottom:18px;}
  .product-card img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease);}
  .product-card:hover img{transform:scale(1.05);}
  .product-card h4{font-size:16.5px;margin-bottom:6px;}
  .product-card p.desc{font-size:13px;color:var(--charcoal);opacity:.7;margin-bottom:10px;}
  .product-card .price{font-size:13.5px;color:var(--orange-dark);font-weight:600;margin-bottom:12px;}

  /* ============ COVERAGE ============ */
  .coverage{background:var(--light-gray);}
  .coverage-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;}
  .coverage-copy p{font-size:16px;opacity:.8;margin-bottom:16px;max-width:440px;}
  .coverage-list{display:grid;grid-template-columns:1fr 1fr;gap:10px 24px;margin-top:28px;}
  .coverage-list li{font-size:13.5px;color:var(--charcoal);opacity:.75;padding-left:16px;position:relative;}
  .coverage-list li::before{content:'';position:absolute;left:0;top:8px;width:5px;height:5px;background:var(--orange);border-radius:50%;}
  .map-wrap{background:var(--white);padding:30px;border:1px solid #e2ddd2;}
  .map-wrap svg{width:100%;height:auto;}

  /* ============ TESTIMONIALS ============ */
  .testimonials{background:var(--black);color:var(--white);}
  .testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;}
  .testi-card q{
    font-family:var(--display);font-style:italic;font-weight:500;
    font-size:19px;line-height:1.5;color:var(--white);display:block;margin-bottom:24px;
  }
  .testi-card .who{font-size:13px;color:#a49e92;}
  .testi-card .who strong{color:var(--orange);display:block;font-style:normal;font-size:14px;margin-bottom:2px;}

  /* ============ FAQ ============ */
  .faq{background:var(--warm-white);}
  .faq-list{max-width:760px;margin:0 auto;border-top:1px solid #e2ddd2;}
  .faq-item{border-bottom:1px solid #e2ddd2;}
  .faq-q{
    width:100%;display:flex;justify-content:space-between;align-items:center;
    padding:26px 4px;text-align:left;font-size:16.5px;font-weight:600;color:var(--black);
    font-family:var(--display);
  }
  .faq-q .plus{width:20px;height:20px;position:relative;flex-shrink:0;}
  .faq-q .plus::before,.faq-q .plus::after{content:'';position:absolute;background:var(--orange);transition:transform .3s var(--ease);}
  .faq-q .plus::before{width:14px;height:1.5px;top:9px;left:3px;}
  .faq-q .plus::after{width:1.5px;height:14px;left:9px;top:3px;}
  .faq-item.open .plus::after{transform:rotate(90deg);opacity:0;}
  .faq-a{max-height:0;overflow:hidden;transition:max-height .4s var(--ease);}
  .faq-a p{padding:0 4px 26px;font-size:14.5px;color:var(--charcoal);opacity:.78;max-width:600px;}

  /* ============ FINAL CTA ============ */
  .final-cta{
    position:relative;color:var(--white);
    padding:140px 0;
    background:var(--black);
    text-align:center;
  }
  .final-cta .bg{position:absolute;inset:0;z-index:0;}
  .final-cta .bg img{width:100%;height:100%;object-fit:cover;opacity:.38;}
  .final-cta .bg::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg, rgba(18,18,18,.5), rgba(18,18,18,.85));}
  .final-cta .content{position:relative;z-index:1;max-width:640px;margin:0 auto;}
  .final-cta h2{color:var(--white);font-size:clamp(32px,4vw,52px);margin-bottom:20px;}
  .final-cta p{color:#dcd7cd;font-size:16px;margin-bottom:38px;}
  .final-cta .hero-cta{justify-content:center;}

  /* ============ FOOTER ============ */
  footer.site{background:var(--black);color:#cfcac1;padding-top:90px;}
  .footer-grid{display:grid;grid-template-columns:1.4fr 0.8fr 0.8fr 0.8fr 1.1fr;gap:40px;padding-bottom:70px;border-bottom:1px solid rgba(255,255,255,.1);}
  .footer-logo{font-family:var(--display);font-size:22px;color:var(--white);margin-bottom:14px;}
  .footer-logo em{color:var(--orange);font-style:normal;}
  .footer-col p{font-size:13.5px;line-height:1.7;color:#a49e92;max-width:280px;}
  .footer-col h5{font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--white);margin-bottom:18px;}
  .footer-col ul li{margin-bottom:11px;font-size:14px;}
  .footer-col ul li a:hover{color:var(--orange);}
  .newsletter-form{display:flex;margin-top:16px;border:1px solid rgba(255,255,255,.2);}
  .newsletter-form input{flex:1;background:none;border:none;padding:13px 14px;color:#fff;font-size:13.5px;}
  .newsletter-form input::placeholder{color:#8a8478;}
  .newsletter-form button{background:var(--orange);color:#fff;padding:0 18px;font-size:13px;font-weight:600;}
  .newsletter-form button:hover{background:var(--orange-dark);}
  .social-row{display:flex;gap:14px;margin-top:22px;}
  .social-row a{width:34px;height:34px;border:1px solid rgba(255,255,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;}
  .social-row a:hover{border-color:var(--orange);color:var(--orange);}
  .social-row svg{width:15px;height:15px;}
  .footer-bottom{display:flex;justify-content:space-between;align-items:center;padding:26px 0;font-size:12.5px;color:#8a8478;flex-wrap:wrap;gap:12px;}
  .footer-bottom .legal-links{display:flex;gap:24px;}
  .reg-notice{font-size:12px;color:#8a8478;margin-top:16px;max-width:280px;}

  /* ============ RESPONSIVE ============ */
  @media (max-width:1080px){
    .why-grid{grid-template-columns:1fr;}
    .why-block:nth-child(odd){border-right:none;padding-right:0;}
    .why-block:nth-child(even){padding-left:0;}
    .cat-grid{grid-template-columns:repeat(2,1fr);}
    .showcase-grid{grid-template-columns:repeat(2,1fr);gap:28px;}
    .about-grid{grid-template-columns:1fr;}
    .about-copy{padding:60px 0 0;}
    .about-img img{min-height:360px;}
    .rw-grid{grid-template-columns:1fr;}
    .coverage-grid{grid-template-columns:1fr;gap:44px;}
    .footer-grid{grid-template-columns:1fr 1fr;gap:40px 30px;}
    .trust-strip .container{grid-template-columns:repeat(2,1fr);}
    .route-steps{grid-template-columns:repeat(3,1fr);row-gap:44px;}
    .route-line{display:none;}
    .testi-grid{grid-template-columns:1fr;gap:44px;}
  }
  @media (max-width:860px){
    .nav-links{display:none;}
    .burger{display:block;}
    .hero-grid{grid-template-columns:1fr;}
    .hero-copy{padding:70px 24px 50px;max-width:100%;}
    .hero-image{min-height:380px;}
    section{padding:76px 0;}
    .container{padding:0 22px;}
  }
  @media (max-width:640px){
    .announce .container{gap:14px 26px;font-size:11.5px;justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px;}
    .cat-grid{grid-template-columns:1fr;}
    .showcase-grid{grid-template-columns:1fr 1fr;gap:18px;}
    .footer-grid{grid-template-columns:1fr;gap:36px;}
    .route-steps{grid-template-columns:1fr 1fr;}
    .about-copy{padding-left:0;}
    .rw-panel{padding:44px 26px;}
    .final-cta{padding:90px 0;}
    .footer-bottom{flex-direction:column;align-items:flex-start;}
  }

  /* Mobile nav drawer */
  .mobile-nav{
    position:fixed;inset:0;background:var(--black);z-index:200;
    display:flex;flex-direction:column;padding:26px 26px;
    transform:translateX(100%);transition:transform .4s var(--ease);
  }
  .mobile-nav.open{transform:translateX(0);}
  .mobile-nav .close-row{display:flex;justify-content:flex-end;}
  .mobile-nav .close-row svg{width:24px;height:24px;color:#fff;}
  .mobile-nav ul{margin-top:50px;display:flex;flex-direction:column;gap:8px;}
  .mobile-nav ul a{font-family:var(--display);font-size:28px;color:#fff;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.08);}
  .mobile-nav .btn{margin-top:40px;width:100%;}