:root{
    --ivory:#FBF3E4;
    --paper:#FFFDF9;
    --sandstone:#A6382A;
    --sandstone-dark:#822B20;
    --gold:#C98A2B;
    --gold-light:#E8B860;
    --blue:#1E3A5F;
    --blue-light:#2C557F;
    --green:#2F6B4F;
    --ink:#2A211C;
    --ink-soft:#5B4E43;
    --line:#E4D6BF;
    --shadow: 0 12px 30px -12px rgba(42,33,28,0.25);
  }
  *{box-sizing:border-box; margin:0; padding:0;}
  html{scroll-behavior:smooth;}
  body{
    background:var(--ivory);
    color:var(--ink);
    font-family:'Karla', sans-serif;
    line-height:1.5;
    -webkit-font-smoothing:antialiased;
    animation:pageFadeIn 0.7s ease both;
  }
  @keyframes pageFadeIn{
    from{opacity:0;}
    to{opacity:1;}
  }
  @keyframes fadeUp{
    from{opacity:0; transform:translateY(16px);}
    to{opacity:1; transform:translateY(0);}
  }
  .promo-banner{animation:fadeUp 0.6s ease 0.1s both;}
  header{animation:fadeUp 0.6s ease 0.2s both;}
  .hero-content{animation:fadeUp 0.7s ease 0.35s both;}

  /* SCROLL REVEAL */
  .reveal{
    opacity:0; transform:translateY(26px);
    transition:opacity 0.65s cubic-bezier(.22,.61,.36,1), transform 0.65s cubic-bezier(.22,.61,.36,1);
  }
  .reveal.visible{opacity:1; transform:translateY(0);}

  /* NAV LINK UNDERLINE SWEEP */
  nav a{position:relative; overflow:hidden;}
  nav a::after{
    content:''; position:absolute; left:0; bottom:0; width:100%; height:2px;
    background:var(--sandstone); transform:scaleX(0); transform-origin:left; transition:transform .25s ease;
  }
  nav a:hover::after{transform:scaleX(1);}

  /* BUTTON SHINE SWEEP */
  .btn-primary, .add-btn, .review-submit-btn, .full-btn, .wa-submit, .cta-strip .btn{
    position:relative; overflow:hidden;
  }
  .btn-primary::before, .add-btn::before, .review-submit-btn::before, .full-btn::before, .wa-submit::before{
    content:''; position:absolute; top:0; left:-120%; width:60%; height:100%;
    background:linear-gradient(120deg, transparent, rgba(255,255,255,0.35), transparent);
    transform:skewX(-20deg); transition:left .55s ease;
  }
  .btn-primary:hover::before, .add-btn:hover::before, .review-submit-btn:hover::before, .full-btn:hover::before, .wa-submit:hover::before{
    left:130%;
  }

  /* CARD HOVER LIFT (shared) */
  .service-card, .cert-card, .policy-card, .blog-post, .faq-item, .stamp{
    transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
  }
  .service-card:hover{transform:translateY(-4px); border-color:rgba(201,138,43,0.5);}
  .cert-card:hover, .policy-card:hover{transform:translateY(-4px); box-shadow:var(--shadow);}

  img{max-width:100%; display:block;}
  a{color:inherit; text-decoration:none;}
  h1,h2,h3,h4{font-family:'Fraunces', serif; font-weight:700; line-height:1.08; letter-spacing:-0.01em;}
  .eyebrow{
    font-family:'IBM Plex Mono', monospace;
    font-size:12px; letter-spacing:0.14em; text-transform:uppercase;
    color:var(--sandstone); font-weight:600;
  }
  .container{max-width:1180px; margin:0 auto; padding:0 24px;}
  button{font-family:inherit; cursor:pointer; border:none;}

  /* Lehariya wave divider */
  .lehariya{
    height:14px;
    background: repeating-linear-gradient(115deg, var(--sandstone) 0 6px, var(--gold) 6px 12px, var(--blue) 12px 18px, var(--green) 18px 24px);
    opacity:0.9;
  }

  /* HEADER */
  header{
    position:sticky; top:0; z-index:50;
    background:rgba(251,243,228,0.92);
    backdrop-filter:blur(8px);
    border-bottom:1px solid var(--line);
  }
  .nav-wrap{
    display:flex; align-items:center; justify-content:space-between;
    padding:14px 0;
  }
  .logo{
    font-family:'Fraunces', serif; font-weight:900; font-size:28px;
    color:var(--sandstone); display:flex; align-items:center; gap:8px;
  }
  .logo img{height:44px; width:auto; display:block;}
  .footer-logo img{height:52px; width:auto; display:block; margin-bottom:6px;}
  .logo small{
    font-family:'IBM Plex Mono', monospace; font-weight:500; font-size:11px;
    color:var(--ink-soft); letter-spacing:0.1em; text-transform:uppercase;
  }
  nav ul{list-style:none; display:flex; gap:32px; align-items:center;}
  nav a{
    font-weight:600; font-size:15px; color:var(--ink);
    padding-bottom:4px; border-bottom:2px solid transparent; transition:.2s;
  }
  nav a:hover{border-bottom-color:var(--sandstone); color:var(--sandstone);}
  .cart-btn{
    display:flex; align-items:center; gap:8px;
    background:var(--sandstone); color:var(--paper);
    padding:10px 18px; border-radius:999px; font-weight:700; font-size:14px;
    position:relative; transition:.2s;
  }
  .cart-btn:hover{background:var(--sandstone-dark);}
  .cart-count{
    background:var(--gold); color:var(--ink); font-family:'IBM Plex Mono';
    font-size:11px; font-weight:700; min-width:18px; height:18px; border-radius:50%;
    display:flex; align-items:center; justify-content:center; padding:0 4px;
  }
  .mobile-toggle{display:none; background:none; font-size:26px; color:var(--sandstone);}

  /* HERO */
  .hero{
    position:relative; min-height:92vh; display:flex; align-items:center;
    overflow:hidden; padding-top:60px;
  }
  .hero-bg{
    position:absolute; inset:0; z-index:0;
  }
  .hero-bg img{width:100%; height:100%; object-fit:cover; object-position:center 30%;}
  .hero-bg::after{
    content:''; position:absolute; inset:0;
    background:linear-gradient(90deg, rgba(30,20,15,0.86) 0%, rgba(30,20,15,0.62) 42%, rgba(30,20,15,0.18) 75%, rgba(30,20,15,0.05) 100%);
  }
  .hero-content{
    position:relative; z-index:1; color:var(--paper); max-width:640px; padding:60px 0;
  }
  .hero-content .eyebrow{color:var(--gold-light);}
  .hero-content h1{
    font-size:clamp(40px, 6vw, 68px); margin:14px 0 8px; color:#fff;
  }
  .hero-hindi{
    font-family:'Fraunces', serif; font-style:italic; font-weight:500;
    font-size:22px; color:var(--gold-light); margin-bottom:20px;
  }
  .hero-content p{font-size:17px; color:#EFE6D8; max-width:520px; margin-bottom:32px;}
  .hero-ctas{display:flex; gap:14px; flex-wrap:wrap;}
  .btn{
    display:inline-flex; align-items:center; gap:8px;
    padding:15px 28px; border-radius:999px; font-weight:700; font-size:15px;
    transition:.2s; border:2px solid transparent;
  }
  .btn-primary{background:var(--gold); color:var(--ink);}
  .btn-primary:hover{background:var(--gold-light); transform:translateY(-2px);}
  .btn-outline{border-color:rgba(255,255,255,0.6); color:#fff;}
  .btn-outline:hover{background:rgba(255,255,255,0.12);}

  .hero-stats{
    position:relative; z-index:1;
    display:flex; gap:0; margin-top:48px; flex-wrap:wrap;
  }
  .hero-stat{padding-right:32px; margin-right:32px; border-right:1px solid rgba(255,255,255,0.25);}
  .hero-stat:last-child{border:none;}
  .hero-stat .num{font-family:'Fraunces'; font-weight:800; font-size:26px; color:var(--gold-light);}
  .hero-stat .label{font-size:12px; color:#DCCFBB; font-family:'IBM Plex Mono'; text-transform:uppercase; letter-spacing:0.06em;}

  /* TRUST STRIP */
  .promo-banner{
    background:var(--gold); color:var(--ink); text-align:center; padding:11px 16px;
    font-family:'IBM Plex Mono'; font-size:13px; font-weight:600; letter-spacing:0.02em;
  }
  .promo-banner strong{font-weight:700;}

  .trust-strip{
    background:var(--blue); color:#fff; padding:22px 0;
  }
  .trust-strip .container{
    display:flex; justify-content:space-between; flex-wrap:wrap; gap:16px;
  }
  .trust-item{display:flex; align-items:center; gap:10px; font-weight:600; font-size:14px;}
  .trust-item .ic{
    width:34px; height:34px; border-radius:50%; background:rgba(255,255,255,0.14);
    display:flex; align-items:center; justify-content:center; font-size:16px; flex-shrink:0;
  }

  /* SECTION HEADINGS */
  .section{padding:88px 0;}
  .section-head{max-width:640px; margin-bottom:48px;}
  .section-head h2{font-size:clamp(30px,4vw,42px); margin-top:10px;}
  .section-head p{color:var(--ink-soft); margin-top:14px; font-size:16px;}
  .section-tight .section-head{margin-bottom:32px;}

  /* SHOP */
  .shop{background:var(--paper);}
  .filter-tabs{
    display:flex; gap:10px; flex-wrap:wrap; margin-bottom:40px;
  }
  .filter-tabs button{
    background:transparent; border:1.5px solid var(--line); color:var(--ink-soft);
    padding:9px 18px; border-radius:999px; font-weight:600; font-size:13.5px; transition:.2s;
  }
  .filter-tabs button.active, .filter-tabs button:hover{
    background:var(--sandstone); border-color:var(--sandstone); color:#fff;
  }

  .product-grid{
    display:grid; grid-template-columns:repeat(auto-fill, minmax(255px,1fr)); gap:28px;
  }
  .card{
    background:var(--ivory); border:1px solid var(--line); border-radius:18px;
    padding:22px 22px 24px; display:flex; flex-direction:column; transition:.25s;
  }
  .card:hover{box-shadow:var(--shadow); transform:translateY(-4px);}
  .arch-frame{
    border-radius: 50% 50% 10px 10px / 32% 32% 10px 10px;
    overflow:hidden; background:linear-gradient(160deg,#fff,#F2E5CE);
    aspect-ratio:1/1.05; display:flex; align-items:center; justify-content:center;
    margin-bottom:18px; border:1px solid var(--line);
  }
  .arch-frame img{width:100%; height:100%; object-fit:cover;}
  .placeholder-jar{width:58%; opacity:0.85;}
  .placeholder-label{
    position:absolute; font-family:'IBM Plex Mono'; font-size:10px; color:var(--ink-soft);
  }
  .card-tag{
    font-family:'IBM Plex Mono'; font-size:10.5px; letter-spacing:0.08em; text-transform:uppercase;
    color:var(--green); font-weight:600; margin-bottom:6px;
  }
  .card h3{font-size:19px; margin-bottom:2px;}
  .card .hindi-name{font-size:13px; color:var(--ink-soft); font-style:italic; font-family:'Fraunces'; margin-bottom:8px;}
  .card .desc{font-size:12.5px; color:var(--ink-soft); line-height:1.5; margin-bottom:14px;}
  .variant-row{display:flex; gap:8px; margin-bottom:16px; flex-wrap:wrap;}
  .variant-btn{
    border:1.5px solid var(--line); background:#fff; padding:7px 12px; border-radius:10px;
    font-size:12.5px; font-weight:600; color:var(--ink-soft); transition:.15s; text-align:left;
  }
  .variant-btn .p{display:block; font-family:'IBM Plex Mono'; font-weight:700; color:var(--sandstone); font-size:13px; margin-top:2px;}
  .variant-btn.active{border-color:var(--sandstone); background:#FBEFE8;}
  .add-btn{
    margin-top:auto; background:var(--ink); color:#fff; padding:12px; border-radius:10px;
    font-weight:700; font-size:14px; display:flex; align-items:center; justify-content:center; gap:8px;
    transition:.2s;
  }
  .add-btn:hover{background:var(--sandstone);}
  .add-btn.added{background:var(--green);}

  /* PRODUCT DETAIL MODAL */
  .pd-overlay{
    position:fixed; inset:0; background:rgba(20,14,10,0.6); z-index:120;
    display:flex; align-items:center; justify-content:center; padding:20px;
    opacity:0; pointer-events:none; transition:.2s;
  }
  .pd-overlay.show{opacity:1; pointer-events:auto;}
  .pd-modal{
    background:var(--paper); border-radius:22px; max-width:900px; width:100%;
    max-height:90vh; overflow-y:auto; display:grid; grid-template-columns:1fr 1fr; position:relative;
  }
  .pd-close{
    position:absolute; top:16px; right:16px; z-index:2;
    width:38px; height:38px; border-radius:50%; background:var(--paper); border:1px solid var(--line);
    font-size:20px; color:var(--ink-soft); display:flex; align-items:center; justify-content:center;
  }
  .pd-close:hover{background:var(--ivory);}
  .pd-gallery{background:linear-gradient(160deg,#fff,#F2E5CE); border-radius:22px 0 0 22px; display:flex; flex-direction:column;}
  .pd-main-img{
    aspect-ratio:1/1; display:flex; align-items:center; justify-content:center; overflow:hidden;
  }
  .pd-main-img img{width:100%; height:100%; object-fit:cover;}
  .pd-thumbs{display:flex; gap:8px; padding:14px; flex-wrap:wrap;}
  .pd-thumb{
    width:56px; height:56px; border-radius:10px; overflow:hidden; border:2px solid transparent; cursor:pointer; flex-shrink:0;
    background:#fff;
  }
  .pd-thumb img{width:100%; height:100%; object-fit:cover;}
  .pd-thumb.active{border-color:var(--sandstone);}
  .pd-info{padding:36px 32px;}
  .pd-info .card-tag{margin-bottom:8px;}
  .pd-info h2{font-size:28px; margin-bottom:4px;}
  .pd-info .hindi-name{font-size:15px; margin-bottom:16px;}
  .pd-info .desc{font-size:14.5px; margin-bottom:22px; line-height:1.6;}
  .pd-info .variant-row{margin-bottom:20px;}
  .pd-info .add-btn{width:100%; padding:15px; font-size:15.5px;}
  @media(max-width:720px){
    .pd-modal{grid-template-columns:1fr; max-height:92vh;}
    .pd-gallery{border-radius:22px 22px 0 0;}
  }

  /* WHY / INFOGRAPHIC */
  .why{background:var(--ink); color:#fff; position:relative; overflow:hidden;}
  .why .container{display:grid; grid-template-columns:1fr 1fr; gap:56px; align-items:center;}
  .why-copy .eyebrow{color:var(--gold-light);}
  .why-copy h2{color:#fff; margin:12px 0 20px; font-size:clamp(28px,3.6vw,40px);}
  .why-list{display:grid; gap:18px; margin-top:26px;}
  .why-item{display:flex; gap:14px;}
  .why-item .dot{
    width:38px; height:38px; border-radius:50%; background:rgba(255,255,255,0.08);
    border:1px solid rgba(255,255,255,0.2); flex-shrink:0; display:flex; align-items:center; justify-content:center; font-size:16px;
  }
  .why-item h4{color:var(--gold-light); font-size:15.5px; margin-bottom:3px;}
  .why-item p{color:#C9BFAF; font-size:14px;}
  .why-img{border-radius:20px; overflow:hidden; box-shadow:0 30px 60px -20px rgba(0,0,0,0.6);}

  /* PHOTO GRID (used where a section needs multiple images, not just one) */
  .photo-grid{
    display:grid; grid-template-columns:1fr 1fr; gap:14px;
  }
  .photo-grid img{
    width:100%; height:100%; object-fit:cover; border-radius:16px; aspect-ratio:1/1;
    box-shadow:0 20px 40px -16px rgba(0,0,0,0.4); transition:transform .3s ease;
  }
  .photo-grid img:hover{transform:scale(1.03);}
  @media(max-width:560px){
    .photo-grid{grid-template-columns:1fr 1fr; gap:10px;}
  }

  /* HERITAGE / ABOUT */
  .about-us{background:var(--ink); color:#fff;}
  .about-us-top{display:grid; grid-template-columns:0.85fr 1.15fr; gap:56px; align-items:center; margin-bottom:56px;}
  .about-us-logo{
    background:#fff; border-radius:24px; padding:40px; display:flex; align-items:center; justify-content:center;
    box-shadow:0 30px 60px -20px rgba(0,0,0,0.5);
  }
  .about-us-logo img{width:100%; max-width:280px; height:auto;}
  .about-us-copy .eyebrow{color:var(--gold-light);}
  .about-us-copy h2{color:#fff; font-size:clamp(28px,3.6vw,40px); margin:12px 0 18px;}
  .about-us-copy p{color:#C9BFAF; font-size:15.5px; line-height:1.75; margin-bottom:14px;}

  .about-stats{
    display:grid; grid-template-columns:repeat(4, 1fr); gap:0;
    border-top:1px solid rgba(255,255,255,0.14); padding-top:40px;
  }
  .about-stat{text-align:center; padding:0 12px; border-right:1px solid rgba(255,255,255,0.14);}
  .about-stat:last-child{border-right:none;}
  .about-stat .num{font-family:'Fraunces'; font-weight:800; font-size:38px; color:var(--gold-light); line-height:1;}
  .about-stat .label{font-size:13px; color:#B8AFA3; margin-top:8px; font-family:'IBM Plex Mono'; text-transform:uppercase; letter-spacing:0.05em;}

  @media(max-width:900px){
    .about-us-top{grid-template-columns:1fr;}
    .about-stats{grid-template-columns:1fr 1fr; row-gap:28px;}
    .about-stat{border-right:none; border-bottom:1px solid rgba(255,255,255,0.14); padding-bottom:20px;}
  }

  .heritage{background:var(--ivory);}
  .heritage .container{display:grid; grid-template-columns:1.05fr 0.95fr; gap:56px; align-items:center;}
  .heritage-img{
    border-radius:50% 50% 12px 12px / 22% 22% 12px 12px;
    overflow:hidden; box-shadow:var(--shadow); border:1px solid var(--line);
  }
  .heritage-copy p{color:var(--ink-soft); margin-bottom:16px; font-size:16px;}
  .stamp-row{display:flex; gap:24px; margin-top:28px; flex-wrap:wrap;}
  .stamp{
    display:flex; align-items:center; gap:12px; padding:12px 16px;
    border:1.5px dashed var(--sandstone); border-radius:12px;
  }
  .stamp .circle{
    width:44px; height:44px; border-radius:50%; border:2px solid var(--sandstone);
    display:flex; align-items:center; justify-content:center; font-size:18px; color:var(--sandstone); flex-shrink:0;
  }
  .stamp b{display:block; font-size:13px;}
  .stamp span{font-size:12px; color:var(--ink-soft);}

  /* FSSAI */
  .fssai-section{background:var(--green); color:#fff;}
  .fssai-section .container{display:grid; grid-template-columns:0.9fr 1.1fr; gap:48px; align-items:center;}
  .fssai-section h2{color:#fff; font-size:clamp(26px,3.4vw,36px); margin-bottom:14px;}
  .fssai-section p{color:#DCEEE3; margin-bottom:10px; font-size:15.5px;}
  .fssai-img{border-radius:16px; overflow:hidden; box-shadow:var(--shadow);}
  .fssai-num{
    font-family:'IBM Plex Mono'; font-weight:700; background:rgba(255,255,255,0.12);
    padding:10px 16px; border-radius:10px; display:inline-block; letter-spacing:0.05em; margin-top:6px;
  }

  /* TESTIMONIAL / CTA STRIP */
  /* BLOG */
  .blog{background:var(--ivory);}
  .blog-grid{display:grid; gap:18px;}
  .blog-post{
    background:var(--paper); border:1px solid var(--line); border-radius:16px; padding:24px 26px;
  }
  .blog-post summary{
    cursor:pointer; list-style:none; display:flex; justify-content:space-between; align-items:center; gap:16px;
  }
  .blog-post summary::-webkit-details-marker{display:none;}
  .blog-post .bp-title{font-family:'Fraunces'; font-weight:700; font-size:19px; color:var(--ink);}
  .blog-post .bp-meta{font-family:'IBM Plex Mono'; font-size:11px; color:var(--sandstone); text-transform:uppercase; letter-spacing:0.06em; margin-bottom:6px;}
  .blog-post .bp-toggle{
    width:32px; height:32px; border-radius:50%; background:var(--ivory); border:1px solid var(--line);
    display:flex; align-items:center; justify-content:center; font-size:16px; flex-shrink:0; transition:.2s;
  }
  .blog-post[open] .bp-toggle{transform:rotate(45deg); background:var(--sandstone); color:#fff; border-color:var(--sandstone);}
  .blog-post .bp-body{margin-top:16px; padding-top:16px; border-top:1px solid var(--line); color:var(--ink-soft); font-size:15px; line-height:1.7;}
  .blog-post .bp-body p{margin-bottom:12px;}
  .blog-post .bp-body p:last-child{margin-bottom:0;}

  /* CERTIFICATES */
  .certificates{background:var(--paper);}
  .cert-grid{display:grid; grid-template-columns:repeat(auto-fit, minmax(200px,1fr)); gap:20px; margin-top:36px;}
  .cert-card{
    background:var(--ivory); border:1px solid var(--line); border-radius:16px; padding:28px 20px; text-align:center;
  }
  .cert-icon{width:64px; height:64px; margin:0 auto 16px; display:flex; align-items:center; justify-content:center;}
  .cert-card h4{font-size:15px; margin-bottom:6px;}
  .cert-card p{font-size:12.5px; color:var(--ink-soft); line-height:1.5;}
  .veg-mark{width:40px; height:40px; border:2.5px solid var(--green); display:flex; align-items:center; justify-content:center;}
  .veg-mark .dot{width:20px; height:20px; border-radius:50%; background:var(--green);}

  /* OUR PROCESS */
  .process{background:var(--paper);}

  /* TRUST GALLERY (Home page — certification + ingredient + shipping proof) */
  .trust-gallery{background:var(--ivory);}
  .trust-badge-row{
    display:flex; align-items:center; gap:20px; flex-wrap:wrap;
    background:var(--paper); border:1px solid var(--line); border-radius:16px; padding:22px 26px; margin-bottom:32px;
  }
  .trust-badge-row img{width:64px; height:64px; object-fit:contain; flex-shrink:0;}
  .trust-badge-row .txt{flex:1; min-width:220px;}
  .trust-badge-row .txt h4{font-size:16px; margin-bottom:4px;}
  .trust-badge-row .txt p{font-size:13.5px; color:var(--ink-soft);}
  .trust-badge-row .btn{flex-shrink:0;}

  .ingredient-proof-grid{display:grid; grid-template-columns:1fr 1fr; gap:20px; margin-bottom:20px;}
  .ingredient-proof-grid img{width:100%; border-radius:14px; box-shadow:var(--shadow); border:1px solid var(--line);}
  .shipping-proof img{width:100%; border-radius:14px; box-shadow:var(--shadow); border:1px solid var(--line);}
  @media(max-width:800px){
    .ingredient-proof-grid{grid-template-columns:1fr;}
    .trust-badge-row{text-align:center; justify-content:center;}
  }
  .process-grid{display:grid; grid-template-columns:repeat(4, 1fr); gap:22px; margin-top:40px;}
  .process-step{position:relative; padding:0 8px;}
  .process-num{
    font-family:'Fraunces'; font-weight:800; font-size:40px; color:var(--line); margin-bottom:10px; line-height:1;
  }
  .process-step h4{font-size:16px; margin-bottom:8px;}
  .process-step p{font-size:13.5px; color:var(--ink-soft); line-height:1.6;}

  /* FAQ */
  /* REVIEWS */
  /* SERVICES */
  .services{background:var(--blue); color:#fff;}
  .services .section-head .eyebrow{color:var(--gold-light);}
  .services .section-head h2{color:#fff;}
  .services .section-head p{color:#D6E0EA;}
  .services-grid{display:grid; grid-template-columns:repeat(auto-fit, minmax(260px,1fr)); gap:22px; margin-top:36px;}
  .service-card{
    background:rgba(255,255,255,0.06); border:1px solid rgba(255,255,255,0.15); border-radius:16px; padding:28px 24px;
  }
  .service-card .ic{font-size:30px; margin-bottom:16px;}
  .service-card h4{color:#fff; font-size:18px; margin-bottom:10px;}
  .service-card p{color:#D6E0EA; font-size:14px; line-height:1.7;}
  .services-cta{
    margin-top:36px; text-align:center; padding:28px; background:rgba(255,255,255,0.06);
    border-radius:16px; border:1px solid rgba(255,255,255,0.15);
  }
  .services-cta p{color:#D6E0EA; margin-bottom:16px; font-size:15px;}

  .reviews{
    background:var(--ink); color:#fff; position:relative; overflow:hidden;
  }
  .reviews::before{
    content:''; position:absolute; top:-20%; right:-10%; width:600px; height:600px;
    background:radial-gradient(circle, rgba(201,138,43,0.25) 0%, rgba(201,138,43,0) 70%);
    pointer-events:none;
  }
  .reviews::after{
    content:''; position:absolute; bottom:-25%; left:-10%; width:500px; height:500px;
    background:radial-gradient(circle, rgba(166,56,42,0.22) 0%, rgba(166,56,42,0) 70%);
    pointer-events:none;
  }
  .reviews .section-head p{color:#C9BFAF;}
  .reviews .section-head h2{color:#fff;}
  .reviews .eyebrow{color:var(--gold-light);}
  .reviews .container{position:relative; z-index:1;}

  .review-summary{
    display:flex; align-items:center; gap:24px; flex-wrap:wrap; margin-bottom:36px;
    padding:26px 30px; background:rgba(255,255,255,0.05); backdrop-filter:blur(12px);
    border-radius:18px; border:1px solid rgba(255,255,255,0.12);
  }
  .review-score{text-align:center;}
  .review-score .num{font-family:'Fraunces'; font-weight:800; font-size:42px; color:var(--gold-light); line-height:1;}
  .review-stars{color:var(--gold-light); font-size:18px; margin:6px 0 4px;}
  .review-score .count{font-size:12.5px; color:#B8AFA3;}
  .review-divider{width:1px; align-self:stretch; background:rgba(255,255,255,0.15);}
  .review-trust-line{font-size:15px; color:#C9BFAF; flex:1; min-width:200px;}
  .review-trust-line strong{color:#fff; font-family:'Fraunces'; font-size:17px;}

  .review-grid{display:grid; grid-template-columns:repeat(auto-fit, minmax(260px,1fr)); gap:18px;}
  .review-card{
    background:rgba(255,255,255,0.05); backdrop-filter:blur(12px); border:1px solid rgba(255,255,255,0.12);
    border-radius:16px; padding:24px; transition:.25s;
  }
  .review-card:hover{transform:translateY(-3px); border-color:rgba(201,138,43,0.4);}
  .review-card .stars{color:var(--gold-light); font-size:15px; margin-bottom:12px; letter-spacing:2px;}
  .review-card .review-text{font-size:14.5px; color:#EFE6D8; line-height:1.65; margin-bottom:16px; font-style:italic;}
  .review-card .reviewer{font-size:13px; font-weight:700; color:#C9BFAF; display:flex; align-items:center; gap:10px;}
  .review-card .reviewer .avatar{
    width:34px; height:34px; border-radius:50%; background:linear-gradient(135deg, var(--sandstone), var(--gold));
    color:#fff; display:flex; align-items:center; justify-content:center; font-family:'Fraunces'; font-weight:700; font-size:14px; flex-shrink:0;
  }
  .review-empty{
    text-align:center; padding:52px 24px; background:rgba(255,255,255,0.04); backdrop-filter:blur(12px);
    border:1.5px dashed rgba(255,255,255,0.2); border-radius:18px; color:#C9BFAF;
  }
  .review-empty .big{font-size:36px; margin-bottom:14px;}

  /* REVIEW SUBMISSION FORM — modern glass card */
  .review-form-wrap{
    background:rgba(255,255,255,0.06); backdrop-filter:blur(16px);
    border:1px solid rgba(255,255,255,0.14); border-radius:24px; padding:40px;
    margin-top:36px; max-width:600px;
    box-shadow:0 30px 60px -20px rgba(0,0,0,0.5);
    position:relative;
  }
  .review-form-wrap::before{
    content:''; position:absolute; inset:0; border-radius:24px; padding:1px;
    background:linear-gradient(135deg, rgba(201,138,43,0.5), rgba(255,255,255,0) 40%);
    -webkit-mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite:xor; mask-composite:exclude; pointer-events:none;
  }
  .review-form-wrap h3{font-size:24px; margin-bottom:6px; color:#fff; font-weight:700;}
  .review-form-wrap .sub{color:#B8AFA3; font-size:14px; margin-bottom:26px;}

  .star-picker{display:flex; gap:4px; margin-bottom:20px; flex-direction:row-reverse; justify-content:flex-end;}
  .star-picker input{display:none;}
  .star-picker label{
    font-size:34px; color:rgba(255,255,255,0.18); cursor:pointer; transition:.18s; line-height:1;
    text-shadow:none;
  }
  .star-picker input:checked ~ label,
  .star-picker label:hover,
  .star-picker label:hover ~ label{
    color:var(--gold-light);
    text-shadow:0 0 16px rgba(201,138,43,0.7);
    transform:scale(1.12);
  }

  .review-form-wrap .form-row{margin-bottom:20px; position:relative;}
  .review-form-wrap label.field-label{
    display:block; font-size:11.5px; font-weight:700; margin-bottom:8px; color:var(--gold-light);
    text-transform:uppercase; letter-spacing:0.08em; font-family:'IBM Plex Mono';
  }
  .review-form-wrap input[type="text"], .review-form-wrap textarea{
    width:100%; padding:13px 16px; border:1.5px solid rgba(255,255,255,0.16); border-radius:12px;
    font-family:'Karla'; font-size:14.5px; background:rgba(255,255,255,0.05); color:#fff;
    transition:.2s;
  }
  .review-form-wrap input[type="text"]::placeholder, .review-form-wrap textarea::placeholder{color:#8A8078;}
  .review-form-wrap input:focus, .review-form-wrap textarea:focus{
    outline:none; border-color:var(--gold-light); background:rgba(255,255,255,0.08);
    box-shadow:0 0 0 4px rgba(201,138,43,0.15);
  }
  .review-submit-btn{
    background:linear-gradient(135deg, var(--sandstone), var(--gold)); color:#fff;
    padding:15px 32px; border-radius:999px; font-weight:700; font-size:15px;
    box-shadow:0 10px 26px -8px rgba(166,56,42,0.6); transition:.2s;
    display:inline-flex; align-items:center; gap:8px;
  }
  .review-submit-btn:hover{transform:translateY(-2px); box-shadow:0 14px 32px -8px rgba(166,56,42,0.75);}

  .review-thanks{
    display:none; text-align:center; padding:52px 24px;
    background:rgba(255,255,255,0.06); backdrop-filter:blur(16px);
    border:1px solid rgba(255,255,255,0.14); border-radius:24px; margin-top:36px; max-width:600px;
    box-shadow:0 30px 60px -20px rgba(0,0,0,0.5);
  }
  .review-thanks.show{display:block; animation:fadeUp 0.5s ease both;}
  .review-thanks .big{font-size:40px; margin-bottom:14px;}
  .review-thanks strong{color:#fff; font-family:'Fraunces'; font-size:18px;}
  .review-thanks div div{color:#C9BFAF; font-size:14.5px; line-height:1.6;}
  .hp-field{position:absolute; left:-9999px;}

  /* WHATSAPP FLOAT BUTTON */
  .wa-float{
    position:fixed; right:22px; bottom:22px; z-index:80;
    width:58px; height:58px; border-radius:50%; background:#25D366;
    display:flex; align-items:center; justify-content:center; box-shadow:0 8px 24px rgba(0,0,0,0.25);
    transition:.2s; animation:waPulse 2.5s ease-in-out infinite;
  }
  .wa-float:hover{transform:scale(1.08); background:#1FB855;}
  .wa-float svg{width:30px; height:30px;}
  @keyframes waPulse{
    0%,100%{box-shadow:0 8px 24px rgba(0,0,0,0.25), 0 0 0 0 rgba(37,211,102,0.5);}
    50%{box-shadow:0 8px 24px rgba(0,0,0,0.25), 0 0 0 10px rgba(37,211,102,0);}
  }
  @media(max-width:560px){
    .wa-float{right:16px; bottom:16px; width:52px; height:52px;}
    .wa-float svg{width:26px; height:26px;}
  }

  /* SERVICES */
  .services{background:var(--ink); color:#fff;}
  .services .section-head p{color:#C9BFAF;}
  .services-grid{
    display:grid; grid-template-columns:1fr 1fr; gap:22px; margin-top:40px;
  }
  .service-card{
    background:rgba(255,255,255,0.04); border:1px solid rgba(255,255,255,0.12); border-radius:18px;
    padding:30px 28px; display:flex; flex-direction:column;
  }
  .service-icon{
    width:56px; height:56px; border-radius:14px; background:var(--sandstone);
    display:flex; align-items:center; justify-content:center; font-size:26px; margin-bottom:18px;
  }
  .service-card h4{color:#fff; font-size:19px; margin-bottom:10px; font-family:'Fraunces'; font-weight:700;}
  .service-card p{color:#C9BFAF; font-size:14.5px; line-height:1.7;}
  @media(max-width:800px){
    .services-grid{grid-template-columns:1fr;}
  }

  .faq{background:var(--ivory);}
  .faq-grid{display:grid; gap:14px;}
  .faq-item{background:var(--paper); border:1px solid var(--line); border-radius:14px; padding:20px 24px;}
  .faq-item summary{cursor:pointer; list-style:none; display:flex; justify-content:space-between; align-items:center; gap:16px; font-weight:700; font-size:15.5px;}
  .faq-item summary::-webkit-details-marker{display:none;}
  .faq-toggle{
    width:28px; height:28px; border-radius:50%; background:var(--ivory); border:1px solid var(--line);
    display:flex; align-items:center; justify-content:center; font-size:15px; flex-shrink:0; transition:.2s;
  }
  .faq-item[open] .faq-toggle{transform:rotate(45deg); background:var(--sandstone); color:#fff; border-color:var(--sandstone);}
  .faq-item .faq-answer{margin-top:12px; padding-top:12px; border-top:1px solid var(--line); color:var(--ink-soft); font-size:14.5px; line-height:1.65;}

  /* SHIPPING & POLICY */
  .policy{background:var(--paper);}
  .policy-grid{display:grid; grid-template-columns:repeat(auto-fit, minmax(240px,1fr)); gap:20px; margin-top:36px;}
  .policy-card{background:var(--ivory); border:1px solid var(--line); border-radius:16px; padding:26px 22px;}
  .policy-card .ic{font-size:26px; margin-bottom:14px;}
  .policy-card h4{font-size:16px; margin-bottom:8px;}
  .policy-card p{font-size:13.5px; color:var(--ink-soft); line-height:1.65;}

  .trust-note{
    display:flex; align-items:center; justify-content:center; gap:22px; flex-wrap:wrap;
    padding:16px 0; border-top:1px solid rgba(255,255,255,0.12); margin-top:20px; font-size:12.5px; color:#B8AFA3;
  }
  .trust-note span{display:flex; align-items:center; gap:6px;}

  @media(max-width:900px){
    .process-grid{grid-template-columns:1fr 1fr;}
  }
  @media(max-width:560px){
    .process-grid{grid-template-columns:1fr;}
  }
  .cta-strip{
    background:linear-gradient(120deg, var(--sandstone), var(--sandstone-dark));
    color:#fff; text-align:center; padding:70px 0;
  }
  .cta-strip h2{color:#fff; font-size:clamp(28px,4vw,42px); margin-bottom:14px;}
  .cta-strip p{color:#F3DFD5; max-width:480px; margin:0 auto 28px; font-size:16px;}

  /* FOOTER */
  footer{background:var(--ink); color:#C9BFAF; padding:64px 0 24px;}
  .footer-grid{display:grid; grid-template-columns:1.4fr 0.8fr 0.8fr 1fr 0.9fr; gap:32px; margin-bottom:32px;}
  footer h4{color:#fff; font-size:15px; margin-bottom:16px; font-family:'Karla'; font-weight:700;}
  .footer-logo{font-family:'Fraunces'; font-weight:900; font-size:26px; color:var(--gold-light); margin-bottom:10px;}
  footer p{font-size:14px; line-height:1.7;}
  footer ul{list-style:none;}
  footer li{margin-bottom:10px; font-size:14px;}
  footer a:hover{color:var(--gold-light);}
  .footer-bottom{
    border-top:1px solid rgba(255,255,255,0.12); padding-top:22px;
    display:flex; justify-content:space-between; flex-wrap:wrap; gap:10px; font-size:12.5px; color:#8A8078;
  }

  /* CART DRAWER */
  .overlay{
    position:fixed; inset:0; background:rgba(20,14,10,0.5); z-index:90;
    opacity:0; pointer-events:none; transition:.25s;
  }
  .overlay.show{opacity:1; pointer-events:auto;}
  .drawer{
    position:fixed; top:0; right:-440px; width:420px; max-width:92vw; height:100%;
    background:var(--paper); z-index:100; box-shadow:-10px 0 40px rgba(0,0,0,0.2);
    transition:right .3s ease; display:flex; flex-direction:column;
  }
  .drawer.show{right:0;}
  .drawer-head{
    padding:22px 24px; border-bottom:1px solid var(--line);
    display:flex; justify-content:space-between; align-items:center;
  }
  .drawer-head h3{font-size:20px;}
  .close-btn{background:none; font-size:22px; color:var(--ink-soft); width:34px; height:34px; border-radius:50%;}
  .close-btn:hover{background:var(--ivory);}
  .drawer-body{flex:1; overflow-y:auto; padding:20px 24px;}
  .cart-line{display:flex; gap:12px; padding:14px 0; border-bottom:1px solid var(--line);}
  .cart-line img{width:56px; height:56px; border-radius:10px; object-fit:cover; background:var(--ivory); flex-shrink:0;}
  .cl-name{font-weight:700; font-size:14.5px;}
  .cl-size{font-size:12.5px; color:var(--ink-soft); font-family:'IBM Plex Mono';}
  .cl-controls{display:flex; align-items:center; gap:10px; margin-top:8px;}
  .qty-btn{width:26px; height:26px; border-radius:6px; background:var(--ivory); border:1px solid var(--line); font-weight:700;}
  .cl-price{margin-left:auto; font-family:'IBM Plex Mono'; font-weight:700; color:var(--sandstone); font-size:14px;}
  .cl-remove{font-size:12px; color:var(--sandstone); text-decoration:underline; margin-left:12px;}
  .empty-cart{text-align:center; padding:60px 10px; color:var(--ink-soft);}
  .drawer-foot{padding:20px 24px; border-top:1px solid var(--line);}
  .subtotal-row{display:flex; justify-content:space-between; font-weight:700; font-size:17px; margin-bottom:16px;}
  .full-btn{width:100%; padding:15px; border-radius:12px; background:var(--sandstone); color:#fff; font-weight:700; font-size:15px;}
  .full-btn:hover{background:var(--sandstone-dark);}

  /* CHECKOUT MODAL */
  .modal-overlay{
    position:fixed; inset:0; background:rgba(20,14,10,0.55); z-index:110;
    display:flex; align-items:center; justify-content:center; padding:20px;
    opacity:0; pointer-events:none; transition:.2s;
  }
  .modal-overlay.show{opacity:1; pointer-events:auto;}
  .modal{
    background:var(--paper); border-radius:20px; max-width:520px; width:100%;
    max-height:88vh; overflow-y:auto; padding:32px;
  }
  .modal h3{font-size:24px; margin-bottom:6px;}
  .modal .sub{color:var(--ink-soft); font-size:14px; margin-bottom:22px;}
  .form-row{margin-bottom:16px;}
  .form-row label{display:block; font-size:13px; font-weight:700; margin-bottom:6px;}
  .form-row input, .form-row textarea{
    width:100%; padding:12px 14px; border:1.5px solid var(--line); border-radius:10px;
    font-family:inherit; font-size:14.5px; background:var(--ivory);
  }
  .form-row input:focus, .form-row textarea:focus{outline:2px solid var(--sandstone); outline-offset:1px;}
  .two-col{display:grid; grid-template-columns:1fr 1fr; gap:12px;}
  .order-summary{
    background:var(--ivory); border-radius:12px; padding:14px 16px; margin:20px 0; font-size:13.5px;
  }
  .order-summary .row{display:flex; justify-content:space-between; padding:4px 0;}
  .order-summary .total{font-weight:800; font-size:16px; border-top:1px dashed var(--line); margin-top:8px; padding-top:10px;}
  .first-order-row{margin-bottom:16px;}
  .first-order-check{
    display:flex; align-items:center; gap:10px; cursor:pointer;
    background:#FDF3E4; border:1.5px solid var(--gold); border-radius:10px; padding:12px 14px;
    font-size:13.5px; font-weight:600; color:var(--ink);
  }
  .first-order-check input{width:17px; height:17px; accent-color:var(--sandstone); cursor:pointer; flex-shrink:0;}
  .discount-row{color:var(--green) !important; font-weight:700;}
  .pay-note{
    background:#FDF3E4; border:1px solid var(--gold); border-radius:10px; padding:12px 14px;
    font-size:12.5px; color:var(--ink-soft); margin-bottom:18px;
  }
  .wa-submit{
    width:100%; padding:15px; border-radius:12px; background:#25D366; color:#fff; font-weight:700;
    font-size:15px; display:flex; align-items:center; justify-content:center; gap:10px;
  }
  .wa-submit:hover{background:#1FB855;}

  @media(max-width:900px){
    nav ul{display:none;}
    .mobile-toggle{display:block;}
    .why .container, .heritage .container, .fssai-section .container{grid-template-columns:1fr;}
    .heritage .container{direction:ltr;}
    .footer-grid{grid-template-columns:1fr 1fr;}
    .two-col{grid-template-columns:1fr;}
  }
  @media(max-width:560px){
    .hero{min-height:100vh;}
    .footer-grid{grid-template-columns:1fr;}
    .drawer{width:100%;}
  }
  .wa-float{
    position:fixed; bottom:24px; right:24px; z-index:80;
    width:58px; height:58px; border-radius:50%; background:#25D366;
    display:flex; align-items:center; justify-content:center; box-shadow:0 8px 24px rgba(37,211,102,0.45);
    transition:.2s; animation:waFloatPulse 2.4s ease-in-out infinite;
  }
  .wa-float:hover{transform:scale(1.08); box-shadow:0 10px 28px rgba(37,211,102,0.55);}
  .wa-float svg{width:30px; height:30px;}
  @keyframes waFloatPulse{
    0%, 100%{box-shadow:0 8px 24px rgba(37,211,102,0.45);}
    50%{box-shadow:0 8px 24px rgba(37,211,102,0.7), 0 0 0 8px rgba(37,211,102,0.12);}
  }
  @media(max-width:560px){
    .wa-float{bottom:18px; right:18px; width:52px; height:52px;}
    .wa-float svg{width:26px; height:26px;}
  }

  @media (prefers-reduced-motion: reduce){
    *{transition:none !important; scroll-behavior:auto !important; animation:none !important;}
    .reveal{opacity:1 !important; transform:none !important;}
  }