:root{
  /* ===== VARNINI BRAND PALETTE ===== */
  --gold:#F2B705;            /* turmeric gold */
  --gold-btn:#FFB900;        /* bright CTA gold */
  --turmeric:#F2B705;
  --green:#2E6B3A;           /* leaf green */
  --green-dark:#1F4D2E;      /* deep forest */
  --brown:#6B3E1E;           /* earth brown */
  --amber:#6B3E1E;
  --cream:#FFF7E6;           /* warm cream */
  --beige:#F5E7C6;           /* soft beige */
  --card:#FFFDF7;
  --card-border:#E8D7A8;
  --white:#FFFFFF;
  --ink:#3B2A1A;             /* dark brown text */
  --ink-soft:#777777;        /* secondary text */
  --grey:#E8D7A8;
  --display:'Fraunces',serif;
  --body:'Inter',sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box;}
body{
  font-family:var(--body);color:var(--ink);background:var(--cream);
  min-height:100vh;display:flex;flex-direction:column;
}
body > main{flex:1 0 auto;}
.wrap{width:100%;max-width:1200px;margin:0 auto;padding:0 24px;}
a{text-decoration:none;color:inherit;}


/* header */
.site-header{
  border-bottom:1px solid var(--grey);
  position:sticky;top:0;z-index:60;
  background:#fff;
  box-shadow:0 2px 14px -8px rgba(42,33,24,.35);
}
.site-header .wordmark img{
  height:clamp(42px,5vw,58px);width:auto;display:block;
}
.header-inner{display:flex;align-items:center;gap:16px;padding:14px 32px;flex-wrap:wrap;max-width:none;}
.wordmark{font-family:var(--display);font-weight:700;font-size:2.1rem;color:var(--amber);line-height:1;}
.wordmark.small{font-size:1.1rem;}
.wordmark sup{font-size:.6rem;}
.search-bar{flex:1 1 260px;display:flex;flex-direction:row-reverse;border:1.5px solid var(--gold);border-radius:8px;overflow:hidden;}
.search-bar input{flex:1;border:none;padding:10px 12px;font-family:var(--body);outline:none;}
.search-bar button{border:none;background:#fff;padding:0 14px;cursor:pointer;color:var(--gold);}
.header-actions{display:flex;gap:8px;align-items:center;}
.ghost-btn{
  border:1px solid var(--grey);background:#fff;color:var(--ink-soft);
  padding:9px 14px;border-radius:8px;font-size:.82rem;cursor:not-allowed;opacity:.6;
}
.cart-btn{
  border:none;background:var(--gold-btn);color:#1F1F1F;
  padding:10px 16px;border-radius:8px;font-weight:600;font-size:.85rem;cursor:pointer;
}

/* category bar */
.category-bar{
  background:var(--bg2);border-bottom:1px solid var(--grey);
  position:sticky;top:var(--header-h,84px);z-index:55;
}
.cat-inner{display:flex;gap:26px;justify-content:center;overflow-x:auto;padding:11px 20px;font-size:.82rem;font-weight:500;white-space:nowrap;}
.cat-inner a{color:var(--ink-soft);display:inline-flex;align-items:center;gap:7px;}
.cat-inner a:hover{color:var(--amber);}
.cat-icon{
  display:inline-flex;align-items:center;justify-content:center;
  width:26px;height:26px;border-radius:7px;
  background:var(--gold-btn);
  font-size:.82rem;line-height:1;flex-shrink:0;
}

.track-btn{
  border:none;background:var(--gold-btn);color:#1F1F1F;
  padding:9px 16px;border-radius:999px;font-weight:600;font-size:.8rem;
  opacity:.6;cursor:not-allowed;
}


/* hero carousel */
.hero-carousel{position:relative;width:100%;max-width:1200px;margin:20px auto 0;aspect-ratio:1200/520;overflow:hidden;background:var(--bg2);border-radius:16px;box-shadow:0 20px 40px -22px rgba(42,33,24,.25);}

/* why-choose sandwich compare slider: both images share one fixed frame so they align */
.compare-slider{
  position:relative;width:100%;max-width:1200px;margin:0 auto;aspect-ratio:1869/745;
  border-radius:16px;overflow:hidden;user-select:none;touch-action:none;
  box-shadow:0 20px 40px -22px rgba(42,33,24,.25);
  background:var(--bg2);
}
.compare-back,.compare-front{position:absolute;inset:0;width:100%;height:100%;}
.compare-back img,.compare-front img{width:100%;height:100%;object-fit:cover;display:block;}
.compare-front{clip-path:inset(0 50% 0 0);}
.compare-divider{
  position:absolute;top:0;bottom:0;width:0;
  border-left:2px solid #fff;transform:translateX(-1px);
  display:flex;align-items:center;justify-content:center;
  cursor:ew-resize;z-index:3;
}
.compare-handle{
  position:absolute;top:50%;left:0;transform:translate(-50%,-50%);
  background:#fff;color:var(--amber);font-size:.85rem;
  padding:14px 16px;border-radius:999px;letter-spacing:2px;
  box-shadow:0 8px 20px -6px rgba(42,33,24,.4);
}


.hero-slide{position:absolute;inset:0;opacity:0;transition:opacity .8s ease;}
.hero-slide.is-active{opacity:1;}
.hero-slide img{width:100%;height:100%;object-fit:cover;}
.hero-dots{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);display:flex;gap:8px;}
.dot{width:8px;height:8px;border-radius:50%;background:rgba(80,60,20,.3);cursor:pointer;}
.dot.is-active{background:var(--amber);}

/* shop buttons */
.shop-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:30px 20px;justify-items:center;}

/* section headings */
.section-eyebrow{
  font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-bottom:6px;
}
.section-title{font-family:var(--display);font-weight:600;font-size:clamp(1.5rem,4vw,2.1rem);margin-bottom:24px;}

/* process */
.process{padding:44px 0;text-align:center;}
.process-video{position:relative;width:100%;max-width:none;margin:0;border-radius:0;overflow:hidden;box-shadow:0 20px 40px -26px rgba(42,33,24,.28);}
.process-video img,.process-video video{width:100%;display:block;max-height:clamp(260px,38vh,420px);object-fit:cover;}
.video-badge{
  position:absolute;bottom:12px;right:12px;background:rgba(42,33,24,.75);
  color:#fff;font-size:.72rem;padding:5px 10px;border-radius:6px;
}

/* products */
.products{padding:44px 20px 60px;text-align:center;}
.product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;}
.product-card{background:#fff;border:1px solid var(--grey);border-radius:12px;padding:14px;}
.product-card img{width:100%;height:auto;border-radius:8px;object-fit:contain;margin-bottom:10px;display:block;}
.product-card h3{font-size:.9rem;margin-bottom:4px;}
.product-card .price{color:var(--amber);font-weight:700;margin-bottom:10px;}
.product-card .ghost-btn{width:100%;}

/* footer */
.site-footer .wordmark{color:var(--turmeric);}

/* contact fab */
.contact-fab{
  position:fixed;right:18px;bottom:18px;background:var(--amber);color:#fff;
  padding:13px 20px;border-radius:999px;font-weight:600;font-size:.85rem;
  box-shadow:0 10px 24px -8px rgba(168,93,10,.5);z-index:10;
}

@media(max-width:640px){
  .compare-handle{padding:16px 18px;font-size:.95rem;}
}
@media(min-width:640px){
  .shop-buttons{grid-template-columns:repeat(4,1fr);}
}

/* ============ ENABLED HEADER BUTTONS ============ */
.ghost-btn.active-btn{
  opacity:1;cursor:pointer;color:var(--ink);text-decoration:none;
  display:inline-flex;align-items:center;
}
.ghost-btn.active-btn:hover{border-color:var(--gold);color:var(--amber);}
a.cart-btn{text-decoration:none;display:inline-flex;align-items:center;}

/* ============ BUY NOW BUTTON ============ */
.buy-btn{
  display:inline-block;text-align:center;text-decoration:none;
  background:var(--gold-btn);color:#1F1F1F;
  padding:11px 20px;border-radius:999px;font-weight:600;font-size:.88rem;
  border:none;cursor:pointer;font-family:var(--body);
}
.buy-btn:hover{filter:brightness(1.05);}
.full-btn{width:100%;margin-top:14px;padding:14px;}

/* ============ ORDER PAGE ============ */
.order-page{padding:34px 32px 60px;}
.order-layout{display:grid;grid-template-columns:1fr;gap:20px;align-items:start;}
.order-card{
  background:#fff;border:1px solid var(--grey);border-radius:14px;padding:20px;margin-bottom:18px;
}
.order-card h2{font-family:var(--display);font-size:1.05rem;color:var(--amber);margin-bottom:14px;}

.size-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;}
.size-option{
  position:relative;border:2px solid var(--grey);border-radius:12px;padding:12px;
  display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;text-align:center;
}
.size-option input{position:absolute;opacity:0;}
.size-option img{width:100%;height:110px;object-fit:contain;}
.size-name{font-size:.82rem;font-weight:600;}
.size-price{color:var(--amber);font-weight:700;font-size:.9rem;}
.size-option.is-checked{border-color:var(--gold);background:rgba(244,180,0,.07);}

.qty-row{display:flex;align-items:center;gap:10px;}
.qty-btn{
  width:40px;height:40px;border:1px solid var(--grey);background:#fff;border-radius:8px;
  font-size:1.2rem;cursor:pointer;color:var(--amber);
}
#qtyInput{width:64px;height:40px;text-align:center;border:1px solid var(--grey);border-radius:8px;font-size:1rem;}

.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.form-grid label{display:flex;flex-direction:column;font-size:.78rem;color:var(--ink-soft);gap:5px;}
.form-grid label.full{grid-column:1/-1;}
.form-grid input,.form-grid textarea{
  padding:10px;border:1px solid var(--grey);border-radius:8px;font-family:var(--body);font-size:.9rem;
}
.form-grid input:focus,.form-grid textarea:focus{outline:2px solid var(--gold);outline-offset:1px;}

.pay-options{display:flex;flex-direction:column;gap:10px;}
.pay-option{
  border:2px solid var(--grey);border-radius:10px;padding:12px;cursor:pointer;font-size:.88rem;
}
.pay-option.is-checked{border-color:var(--gold);background:rgba(244,180,0,.07);}

.order-sidebar{position:sticky;top:16px;align-self:start;}
.sum-row{display:flex;justify-content:space-between;font-size:.86rem;margin-bottom:8px;color:var(--ink-soft);}
.sum-row strong{color:var(--ink);}
.sum-row.total{font-size:1.05rem;}
.sum-row.total strong{color:var(--amber);font-size:1.2rem;}
.summary-card hr{border:none;border-top:1px solid var(--grey);margin:12px 0;}
.sum-note{font-size:.72rem;color:var(--ink-soft);margin-top:10px;text-align:center;}

.order-success{max-width:560px;margin:0 auto;text-align:center;}
.order-summary-box{
  background:#fff;border:1px solid var(--grey);border-radius:14px;padding:18px;margin:18px 0;text-align:left;
}
.order-summary-box p{display:flex;justify-content:space-between;gap:16px;font-size:.86rem;margin-bottom:9px;color:var(--ink-soft);}
.order-summary-box strong{color:var(--ink);text-align:right;}

@media(min-width:900px){
  .order-layout{grid-template-columns:1.6fr 1fr;}
}
@media(max-width:560px){
  .form-grid{grid-template-columns:1fr;}
  .order-page{padding:24px 20px 48px;}
}

/* ============ FOOTER SCENE + PREMIUM FOOTER ============ */

.site-footer{
  color:#fff;
  padding:0;
  position:relative;
  min-height:clamp(340px,32vw,460px);
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  background-size:100% 100%;
  background-position:center bottom;
  background-repeat:no-repeat;
  background-color:#1b2612;
  margin-top:auto;
}
/* soft dark scrim so text stays readable over the artwork */
.site-footer::before{
  content:'';position:absolute;inset:0;
  background:linear-gradient(180deg, rgba(20,32,16,.30) 0%, rgba(18,28,14,.62) 55%, rgba(14,22,11,.82) 100%);
}
.site-footer .wrap,
.site-footer .footer-copy{position:relative;z-index:2;}
.footer-inner{
  display:grid;
  grid-template-columns:1fr;
  gap:30px;
  padding-top:56px;
  padding-bottom:28px;
}
.footer-col{display:flex;flex-direction:column;gap:9px;}
.footer-col h4{
  font-family:var(--display);font-size:.98rem;color:var(--turmeric);
  margin-bottom:4px;font-weight:600;text-shadow:0 1px 5px rgba(0,0,0,.6);
}
.footer-col a{
  color:#F1EADC;font-size:.84rem;text-decoration:none;transition:color .2s ease;
  text-shadow:0 1px 4px rgba(0,0,0,.5);
}
.footer-col a:hover{color:var(--turmeric);}
.site-footer .wordmark{color:var(--turmeric);font-size:1.5rem;text-shadow:0 2px 6px rgba(0,0,0,.6);}
.footer-tag{
  font-family:var(--display);font-style:italic;color:#EFE4CB;font-size:.85rem;margin-bottom:6px;
  text-shadow:0 1px 4px rgba(0,0,0,.5);
}
.footer-addr{font-size:.8rem;color:#E4DAC6;line-height:1.65;text-shadow:0 1px 4px rgba(0,0,0,.5);}
.footer-fssai{font-size:.72rem;color:#C3B79C;margin-top:4px;letter-spacing:.02em;text-shadow:0 1px 4px rgba(0,0,0,.5);}
.footer-copy{
  text-align:center;font-size:.72rem;color:#CFC4AC;
  border-top:1px solid rgba(255,255,255,.15);padding-top:18px;padding-bottom:18px;
  text-shadow:0 1px 4px rgba(0,0,0,.5);
}

@media(min-width:760px){
  .footer-inner{grid-template-columns:1.6fr 1fr 1fr 1.2fr;gap:36px;}
}

/* ============ ACCOUNT / PROFILE PAGE ============ */
.account-hero{
  background:linear-gradient(180deg,var(--bg2),var(--cream));
  padding:44px 0 36px;
  border-bottom:1px solid var(--grey);
}
.account-title{
  font-family:var(--display);font-weight:600;
  font-size:clamp(1.7rem,4.5vw,2.6rem);margin-bottom:8px;
}
.account-sub{color:var(--ink-soft);font-size:.92rem;}
.account-page{padding:32px 32px 60px;}

.lookup-card{
  max-width:460px;margin:0 auto;background:#fff;border:1px solid var(--grey);
  border-radius:16px;padding:30px;text-align:center;
  box-shadow:0 20px 40px -26px rgba(42,33,24,.3);
}
.lookup-card h2{font-family:var(--display);font-size:1.2rem;margin-bottom:6px;}
.lookup-note{font-size:.82rem;color:var(--ink-soft);margin-bottom:18px;}
.lookup-form{display:flex;flex-direction:column;gap:10px;}
.lookup-form input{
  padding:13px;border:1.5px solid var(--grey);border-radius:10px;
  font-family:var(--body);font-size:.95rem;text-align:center;
}
.lookup-form input:focus{outline:2px solid var(--gold);outline-offset:1px;}
.lookup-empty{margin-top:14px;font-size:.85rem;color:#B4472F;}

.account-stats{
  display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:24px;
}
.stat-card{
  background:linear-gradient(160deg,#fff,var(--bg2));
  border:1px solid var(--grey);border-radius:14px;padding:20px 14px;text-align:center;
}
.stat-num{
  display:block;font-family:var(--display);font-weight:700;
  font-size:clamp(1.2rem,3.5vw,1.9rem);color:var(--amber);line-height:1.1;
}
.stat-label{
  display:block;margin-top:6px;font-size:.68rem;letter-spacing:.12em;
  text-transform:uppercase;color:var(--ink-soft);
}

.account-grid{display:grid;grid-template-columns:1fr;gap:18px;}
.account-card{
  background:#fff;border:1px solid var(--grey);border-radius:16px;padding:24px;
  box-shadow:0 16px 34px -28px rgba(42,33,24,.35);
}
.account-card h2{
  font-family:var(--display);font-size:1.1rem;color:var(--amber);margin-bottom:16px;
}
.detail-list div{
  display:flex;justify-content:space-between;gap:18px;
  padding:11px 0;border-bottom:1px solid var(--grey);
}
.detail-list div:last-child{border-bottom:none;}
.detail-list dt{font-size:.78rem;color:var(--ink-soft);}
.detail-list dd{font-size:.86rem;text-align:right;margin:0;font-weight:500;}

.order-row{
  border:1px solid var(--grey);border-radius:12px;padding:14px;margin-bottom:12px;
  background:linear-gradient(160deg,#fff,#FFFDF6);
}
.order-row-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;}
.order-id{font-size:.72rem;letter-spacing:.06em;color:var(--ink-soft);font-weight:600;}
.order-status{
  font-size:.66rem;text-transform:uppercase;letter-spacing:.1em;
  background:rgba(244,180,0,.16);color:var(--amber);padding:4px 10px;border-radius:999px;font-weight:600;
}
.order-item{font-size:.92rem;font-weight:600;margin-bottom:8px;}
.order-row-foot{display:flex;justify-content:space-between;font-size:.8rem;color:var(--ink-soft);}
.order-row-foot strong{color:var(--amber);font-size:.95rem;}

@media(min-width:860px){
  .account-grid{grid-template-columns:1fr 1.3fr;}
}
@media(max-width:560px){
  .account-page{padding:24px 20px 48px;}
  .account-stats{grid-template-columns:1fr;}
}

/* full-bleed sections keep padded headings */
.why-choose{padding:44px 0 10px;text-align:center;}
.process .section-eyebrow,
.process .section-title{padding-left:24px;padding-right:24px;}
@media(max-width:560px){
  .process .section-eyebrow,.process .section-title{padding-left:20px;padding-right:20px;}
}

/* ============ BRAND BANNER STRIP ============ */
.brand-banner{
  width:100%;
  height:clamp(110px,13vw,180px);
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
  background-color:#FDF6E6;
  border-bottom:1px solid var(--grey);
}

/* ============ REVIEWS ============ */
.reviews{padding:50px 24px 60px;text-align:center;}
.review-grid{
  display:grid;grid-template-columns:1fr;gap:16px;margin-top:6px;
}
.review-card{
  background:linear-gradient(160deg,#fff,#FFFCF4);
  border:1px solid var(--grey);border-radius:16px;padding:22px;
  text-align:left;display:flex;flex-direction:column;gap:12px;
  box-shadow:0 16px 34px -30px rgba(42,33,24,.45);
  transition:transform .2s ease, box-shadow .2s ease;
}
.review-card:hover{transform:translateY(-3px);box-shadow:0 20px 38px -26px rgba(42,33,24,.5);}
.review-stars{display:flex;gap:3px;font-size:1rem;}
.star{color:var(--grey);}
.star.on{color:var(--turmeric);}
.review-text{
  font-size:.9rem;line-height:1.65;color:var(--ink-soft);flex:1;
  font-style:italic;
}
.review-author{display:flex;flex-direction:column;gap:2px;padding-top:10px;border-top:1px solid var(--grey);}
.review-name{font-weight:600;font-size:.88rem;color:var(--ink);}
.review-city{font-size:.74rem;color:var(--ink-soft);}

@media(min-width:640px){
  .review-grid{grid-template-columns:repeat(2,1fr);}
}
@media(min-width:1000px){
  .review-grid{grid-template-columns:repeat(3,1fr);}
}

/* ============ PREMIUM GOLD BUTTON POLISH ============ */
.buy-btn,
.cart-btn,
.track-btn,
.save-btn{
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.55),
    inset 0 -1px 0 rgba(120,70,5,.18),
    0 6px 16px -8px rgba(200,130,15,.55);
  letter-spacing:.01em;
  transition:filter .2s ease, transform .2s ease, box-shadow .2s ease;
}
.buy-btn:hover,
.cart-btn:hover,
.save-btn:hover{
  filter:brightness(1.06) saturate(1.05);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.6),
    inset 0 -1px 0 rgba(120,70,5,.2),
    0 10px 22px -8px rgba(200,130,15,.65);
}
.buy-btn:active,.cart-btn:active{transform:translateY(1px);}

/* gold nav icon tiles get the same treatment */
.cat-icon{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.5), 0 3px 8px -4px rgba(200,130,15,.5);
}

/* contact button in matching rich amber */
.contact-fab{
  background:linear-gradient(135deg,#C97A12,#A85D0A);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28), 0 12px 26px -10px rgba(168,93,10,.7);
}

/* ============ OUR FARM ============ */
.farm{padding:44px 0;text-align:center;}
.farm .section-eyebrow,
.farm .section-title{padding-left:24px;padding-right:24px;}
/* fixed-ratio block: any image size adjusts in cleanly */
.farm-media{
  position:relative;width:100%;
  aspect-ratio:21/9;
  overflow:hidden;
  background:var(--bg2);
}
.farm-media img{
  position:absolute;inset:0;
  width:100%;height:100%;
  object-fit:cover;object-position:center;
  display:block;
}
@media(max-width:640px){
  .farm-media{aspect-ratio:16/10;}
  .farm .section-eyebrow,.farm .section-title{padding-left:20px;padding-right:20px;}
}

/* ============ MOBILE / IPHONE COMPATIBILITY ============ */
html{-webkit-text-size-adjust:100%;}
img,video{max-width:100%;}
*{-webkit-tap-highlight-color:rgba(217,151,31,.2);}

/* iOS safe-area (notch / home indicator) */
.site-header{
  padding-left:env(safe-area-inset-left);
  padding-right:env(safe-area-inset-right);
}
.site-footer{padding-bottom:env(safe-area-inset-bottom);}
.contact-fab{
  right:calc(14px + env(safe-area-inset-right));
  bottom:calc(14px + env(safe-area-inset-bottom));
}

/* prevent iOS auto-zoom on input focus (needs >=16px) */
input,select,textarea{font-size:16px;}

@media(max-width:900px){
  /* breathing room at top, respects iPhone notch */
  .site-header{padding-top:calc(10px + env(safe-area-inset-top));}
  .header-inner{padding:6px 16px 12px;gap:10px 12px;row-gap:12px;}
  .site-header .wordmark img{height:clamp(34px,8vw,44px);}
  .search-bar{order:3;flex:1 1 100%;border-radius:12px;}
  .search-bar input{padding:12px 14px;}
  .header-actions{margin-left:auto;gap:8px;}
  .ghost-btn,.track-btn{padding:9px 13px;font-size:.76rem;border-radius:999px;}
  .cart-btn{padding:10px 15px;font-size:.79rem;border-radius:999px;}
  /* stop the category strip from floating over content on small screens */
  .category-bar{position:static;top:auto;z-index:auto;}
  .cat-inner{justify-content:flex-start;gap:14px;font-size:.75rem;padding:10px 16px;}
  .cat-icon{width:22px;height:22px;font-size:.72rem;}
}

@media(max-width:640px){
  .track-btn{display:none;}            /* disabled button — hide on small screens */
  /* circles: real spacing, clear of the hero above */
  .shop-buttons{grid-template-columns:repeat(2,1fr);gap:22px 18px;padding:30px 20px 26px;}
    .hero-carousel{margin-bottom:6px;}
  .brand-banner{height:clamp(64px,17vw,110px);}
  .farm-media{aspect-ratio:4/3;}
  .process-video img,.process-video video{max-height:46vh;}
  .review-card{padding:18px;}
  .order-card,.account-card{padding:18px;}
  .wrap{padding:0 16px;}
}

/* smooth momentum scrolling for the category strip */
.cat-inner{-webkit-overflow-scrolling:touch;scrollbar-width:none;}
.cat-inner::-webkit-scrollbar{display:none;}

/* ============ FEATURE SECTION (video + copy) ============ */
.feature{padding:60px 0 50px;background:var(--cream);}
.feature-inner{
  display:grid;grid-template-columns:1fr;gap:32px;align-items:center;
}
.feature-media{
  position:relative;border-radius:20px;overflow:hidden;
  background:var(--cream);
}
.feature-media video{
  width:100%;display:block;
  aspect-ratio:4/5;object-fit:cover;
}
.feature-title{
  font-family:var(--display);font-weight:600;
  font-size:clamp(1.9rem,5vw,3.2rem);line-height:1.06;margin-bottom:16px;
}
.feature-title em{font-style:italic;color:var(--amber);}
.feature-desc{
  color:var(--ink-soft);font-size:1rem;line-height:1.7;max-width:52ch;margin-bottom:26px;
}
.feature-specs{
  display:grid;grid-template-columns:1fr;gap:16px;margin-bottom:28px;
}
.spec{display:flex;flex-direction:column;gap:4px;padding-left:14px;border-left:2px solid var(--turmeric);}
.spec-label{
  font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--amber);font-weight:600;
}
.spec-value{font-size:.86rem;color:var(--ink-soft);line-height:1.55;}
.feature-actions{display:flex;gap:12px;flex-wrap:wrap;}
.ghost-btn.pill{border-radius:999px;padding:12px 22px;font-size:.88rem;}

.feature-badges{
  display:grid;grid-template-columns:1fr;gap:18px;
  margin-top:44px;padding:26px;
  background:#fff;border:1px solid var(--grey);border-radius:20px;
}
.fb{display:flex;flex-direction:column;gap:3px;}
.fb strong{font-size:.88rem;font-weight:600;}
.fb span{font-size:.8rem;color:var(--ink-soft);line-height:1.5;}

@media(min-width:900px){
  .feature-inner{grid-template-columns:0.9fr 1.1fr;gap:56px;}
  .feature-specs{grid-template-columns:repeat(3,1fr);gap:20px;}
  .feature-badges{grid-template-columns:repeat(4,1fr);gap:26px;}
}
@media(max-width:640px){
  .feature{padding:42px 0 36px;}
  .feature-media video{aspect-ratio:3/4;}
}

/* ================================================================
   PREMIUM REFINEMENT LAYER
   ================================================================ */

/* --- consistent vertical rhythm across all sections --- */
.why-choose,.process,.farm,.products,.reviews,.feature{
  padding-top:clamp(56px,7vw,96px);
  padding-bottom:clamp(56px,7vw,96px);
}
.shop-buttons{padding-top:clamp(40px,5vw,64px);padding-bottom:clamp(40px,5vw,64px);}

/* --- refined section headings: quieter eyebrow, more elegant title --- */
.section-eyebrow{
  font-size:.68rem;letter-spacing:.24em;text-transform:uppercase;
  color:var(--ink-soft);font-weight:500;margin-bottom:12px;opacity:.75;
}
.section-title{
  font-family:var(--display);font-weight:600;
  font-size:clamp(1.7rem,3.6vw,2.6rem);
  letter-spacing:-.015em;line-height:1.15;
  margin-bottom:clamp(28px,4vw,44px);
  color:var(--ink);
}
/* thin gold rule under titles — one restrained gold accent */
.section-title::after{
  content:'';display:block;width:44px;height:2px;margin:16px auto 0;
  background:linear-gradient(90deg,transparent,var(--gold),transparent);
}
.feature-title::after{display:none;}

/* --- quieter category bar: text only, letterspaced --- */
.category-bar{background:#fff;border-bottom:1px solid var(--grey);}
.cat-inner{gap:32px;font-size:.76rem;font-weight:500;letter-spacing:.09em;text-transform:uppercase;padding:15px 20px;}
.cat-inner a{color:var(--ink-soft);position:relative;padding-bottom:2px;}
.cat-inner a::after{
  content:'';position:absolute;left:0;right:0;bottom:-2px;height:1px;
  background:var(--gold);transform:scaleX(0);transition:transform .25s ease;
}
.cat-inner a:hover{color:var(--amber);}
.cat-inner a:hover::after{transform:scaleX(1);}

/* --- header refinement --- */
.site-header{box-shadow:0 1px 0 var(--grey);}
.search-bar{border:1px solid var(--grey);border-radius:10px;}
.search-bar:focus-within{border-color:var(--gold);}
.search-bar input{font-size:.9rem;color:var(--ink);}
.search-bar input::placeholder{color:#A99C8A;}

/* Profile becomes quiet outline; Cart keeps the gold — one CTA, not three */
.ghost-btn{
  border:1px solid var(--grey);background:#fff;color:var(--ink-soft);
  border-radius:999px;font-size:.8rem;letter-spacing:.03em;
}
.track-btn{
  background:none;border:1px solid var(--grey);color:var(--ink-soft);
  box-shadow:none;opacity:.45;
}

/* --- shop circles: quieter, gold reserved for the active one --- */

/* --- product cards: more considered --- */
.product-card{
  border-radius:14px;padding:18px;
  border:1px solid var(--grey);
  transition:border-color .25s ease, box-shadow .25s ease, transform .25s ease;
}
.product-card:hover{
  border-color:var(--gold);transform:translateY(-3px);
  box-shadow:0 22px 44px -30px rgba(36,28,19,.5);
}
.product-card h3{
  font-family:var(--display);font-size:1rem;font-weight:600;letter-spacing:-.01em;
}
.product-card .price{
  color:var(--ink);font-weight:600;font-size:1.05rem;letter-spacing:.01em;
}

/* --- reviews: lighter, less boxed --- */
.review-card{
  background:#fff;border-radius:14px;padding:26px;
  box-shadow:none;border:1px solid var(--grey);
}
.review-card:hover{transform:none;box-shadow:0 20px 40px -34px rgba(36,28,19,.5);}
.review-text{font-style:normal;font-size:.92rem;line-height:1.75;color:var(--ink-soft);}
.review-stars{font-size:.86rem;gap:2px;}

/* --- brand banner: softer, less loud --- */
.brand-banner{opacity:.92;border-bottom:1px solid var(--grey);}

/* --- feature section polish --- */
.feature-title{letter-spacing:-.02em;}
.feature-badges{border-radius:16px;box-shadow:none;}
.spec-label{color:var(--ink-soft);opacity:.8;letter-spacing:.14em;}
.spec{border-left:1px solid var(--grey);}

/* --- footer: calmer link colour --- */
.footer-col h4{letter-spacing:.02em;}

/* mobile: keep refinements coherent */
@media(max-width:900px){
  .cat-inner{gap:20px;font-size:.7rem;letter-spacing:.07em;}
  .section-title::after{margin-top:12px;width:36px;}
}
:root{
  --cream:#FFFDF8; --bg2:#FFF6E0;
  --turmeric:#E9A81C; --gold:#C6891A; --amber:#8C4E08;
  --ink:#241C13; --ink-soft:#6B6053; --grey:#E7DFCE;
  --display:'Fraunces',serif; --body:'Inter',sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box;}
body{
  font-family:var(--body);color:var(--ink);background:var(--cream);
  min-height:100vh;display:flex;flex-direction:column;
}
body > main{flex:1 0 auto;}
.wrap{width:100%;max-width:1200px;margin:0 auto;padding:0 24px;}
a{text-decoration:none;color:inherit;}


/* header */
.site-header{
  border-bottom:1px solid var(--grey);
  position:sticky;top:0;z-index:60;
  background:#fff;
  box-shadow:0 2px 14px -8px rgba(42,33,24,.35);
}
.site-header .wordmark img{
  height:clamp(42px,5vw,58px);width:auto;display:block;
}
.header-inner{display:flex;align-items:center;gap:16px;padding:14px 32px;flex-wrap:wrap;max-width:none;}
.wordmark{font-family:var(--display);font-weight:700;font-size:2.1rem;color:var(--amber);line-height:1;}
.wordmark.small{font-size:1.1rem;}
.wordmark sup{font-size:.6rem;}
.search-bar{flex:1 1 260px;display:flex;flex-direction:row-reverse;border:1.5px solid var(--gold);border-radius:8px;overflow:hidden;}
.search-bar input{flex:1;border:none;padding:10px 12px;font-family:var(--body);outline:none;}
.search-bar button{border:none;background:#fff;padding:0 14px;cursor:pointer;color:var(--gold);}
.header-actions{display:flex;gap:8px;align-items:center;}
.ghost-btn{
  border:1px solid var(--grey);background:#fff;color:var(--ink-soft);
  padding:9px 14px;border-radius:8px;font-size:.82rem;cursor:not-allowed;opacity:.6;
}
.cart-btn{
  border:none;background:var(--gold-btn);color:#1F1F1F;
  padding:10px 16px;border-radius:8px;font-weight:600;font-size:.85rem;cursor:pointer;
}

/* category bar */
.category-bar{
  background:var(--bg2);border-bottom:1px solid var(--grey);
  position:sticky;top:var(--header-h,84px);z-index:55;
}
.cat-inner{display:flex;gap:26px;justify-content:center;overflow-x:auto;padding:11px 20px;font-size:.82rem;font-weight:500;white-space:nowrap;}
.cat-inner a{color:var(--ink-soft);display:inline-flex;align-items:center;gap:7px;}
.cat-inner a:hover{color:var(--amber);}
.cat-icon{
  display:inline-flex;align-items:center;justify-content:center;
  width:26px;height:26px;border-radius:7px;
  background:var(--gold-btn);
  font-size:.82rem;line-height:1;flex-shrink:0;
}

.track-btn{
  border:none;background:var(--gold-btn);color:#1F1F1F;
  padding:9px 16px;border-radius:999px;font-weight:600;font-size:.8rem;
  opacity:.6;cursor:not-allowed;
}


/* hero carousel */
.hero-carousel{position:relative;width:100%;max-width:1200px;margin:20px auto 0;aspect-ratio:1200/520;overflow:hidden;background:var(--bg2);border-radius:16px;box-shadow:0 20px 40px -22px rgba(42,33,24,.25);}

/* why-choose sandwich compare slider: both images share one fixed frame so they align */
.compare-slider{
  position:relative;width:100%;max-width:1200px;margin:0 auto;aspect-ratio:1869/745;
  border-radius:16px;overflow:hidden;user-select:none;touch-action:none;
  box-shadow:0 20px 40px -22px rgba(42,33,24,.25);
  background:var(--bg2);
}
.compare-back,.compare-front{position:absolute;inset:0;width:100%;height:100%;}
.compare-back img,.compare-front img{width:100%;height:100%;object-fit:cover;display:block;}
.compare-front{clip-path:inset(0 50% 0 0);}
.compare-divider{
  position:absolute;top:0;bottom:0;width:0;
  border-left:2px solid #fff;transform:translateX(-1px);
  display:flex;align-items:center;justify-content:center;
  cursor:ew-resize;z-index:3;
}
.compare-handle{
  position:absolute;top:50%;left:0;transform:translate(-50%,-50%);
  background:#fff;color:var(--amber);font-size:.85rem;
  padding:14px 16px;border-radius:999px;letter-spacing:2px;
  box-shadow:0 8px 20px -6px rgba(42,33,24,.4);
}


.hero-slide{position:absolute;inset:0;opacity:0;transition:opacity .8s ease;}
.hero-slide.is-active{opacity:1;}
.hero-slide img{width:100%;height:100%;object-fit:cover;}
.hero-dots{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);display:flex;gap:8px;}
.dot{width:8px;height:8px;border-radius:50%;background:rgba(80,60,20,.3);cursor:pointer;}
.dot.is-active{background:var(--amber);}

/* shop buttons */
.shop-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:30px 20px;justify-items:center;}

/* section headings */
.section-eyebrow{
  font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-bottom:6px;
}
.section-title{font-family:var(--display);font-weight:600;font-size:clamp(1.5rem,4vw,2.1rem);margin-bottom:24px;}

/* process */
.process{padding:44px 0;text-align:center;}
.process-video{position:relative;width:100%;max-width:none;margin:0;border-radius:0;overflow:hidden;box-shadow:0 20px 40px -26px rgba(42,33,24,.28);}
.process-video img,.process-video video{width:100%;display:block;max-height:clamp(260px,38vh,420px);object-fit:cover;}
.video-badge{
  position:absolute;bottom:12px;right:12px;background:rgba(42,33,24,.75);
  color:#fff;font-size:.72rem;padding:5px 10px;border-radius:6px;
}

/* products */
.products{padding:44px 20px 60px;text-align:center;}
.product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;}
.product-card{background:#fff;border:1px solid var(--grey);border-radius:12px;padding:14px;}
.product-card img{width:100%;height:auto;border-radius:8px;object-fit:contain;margin-bottom:10px;display:block;}
.product-card h3{font-size:.9rem;margin-bottom:4px;}
.product-card .price{color:var(--amber);font-weight:700;margin-bottom:10px;}
.product-card .ghost-btn{width:100%;}

/* footer */
.site-footer .wordmark{color:var(--turmeric);}

/* contact fab */
.contact-fab{
  position:fixed;right:18px;bottom:18px;background:var(--amber);color:#fff;
  padding:13px 20px;border-radius:999px;font-weight:600;font-size:.85rem;
  box-shadow:0 10px 24px -8px rgba(168,93,10,.5);z-index:10;
}

@media(max-width:640px){
  .compare-handle{padding:16px 18px;font-size:.95rem;}
}
@media(min-width:640px){
  .shop-buttons{grid-template-columns:repeat(4,1fr);}
}

/* ============ ENABLED HEADER BUTTONS ============ */
.ghost-btn.active-btn{
  opacity:1;cursor:pointer;color:var(--ink);text-decoration:none;
  display:inline-flex;align-items:center;
}
.ghost-btn.active-btn:hover{border-color:var(--gold);color:var(--amber);}
a.cart-btn{text-decoration:none;display:inline-flex;align-items:center;}

/* ============ BUY NOW BUTTON ============ */
.buy-btn{
  display:inline-block;text-align:center;text-decoration:none;
  background:var(--gold-btn);color:#1F1F1F;
  padding:11px 20px;border-radius:999px;font-weight:600;font-size:.88rem;
  border:none;cursor:pointer;font-family:var(--body);
}
.buy-btn:hover{filter:brightness(1.05);}
.full-btn{width:100%;margin-top:14px;padding:14px;}

/* ============ ORDER PAGE ============ */
.order-page{padding:34px 32px 60px;}
.order-layout{display:grid;grid-template-columns:1fr;gap:20px;align-items:start;}
.order-card{
  background:#fff;border:1px solid var(--grey);border-radius:14px;padding:20px;margin-bottom:18px;
}
.order-card h2{font-family:var(--display);font-size:1.05rem;color:var(--amber);margin-bottom:14px;}

.size-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;}
.size-option{
  position:relative;border:2px solid var(--grey);border-radius:12px;padding:12px;
  display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;text-align:center;
}
.size-option input{position:absolute;opacity:0;}
.size-option img{width:100%;height:110px;object-fit:contain;}
.size-name{font-size:.82rem;font-weight:600;}
.size-price{color:var(--amber);font-weight:700;font-size:.9rem;}
.size-option.is-checked{border-color:var(--gold);background:rgba(244,180,0,.07);}

.qty-row{display:flex;align-items:center;gap:10px;}
.qty-btn{
  width:40px;height:40px;border:1px solid var(--grey);background:#fff;border-radius:8px;
  font-size:1.2rem;cursor:pointer;color:var(--amber);
}
#qtyInput{width:64px;height:40px;text-align:center;border:1px solid var(--grey);border-radius:8px;font-size:1rem;}

.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.form-grid label{display:flex;flex-direction:column;font-size:.78rem;color:var(--ink-soft);gap:5px;}
.form-grid label.full{grid-column:1/-1;}
.form-grid input,.form-grid textarea{
  padding:10px;border:1px solid var(--grey);border-radius:8px;font-family:var(--body);font-size:.9rem;
}
.form-grid input:focus,.form-grid textarea:focus{outline:2px solid var(--gold);outline-offset:1px;}

.pay-options{display:flex;flex-direction:column;gap:10px;}
.pay-option{
  border:2px solid var(--grey);border-radius:10px;padding:12px;cursor:pointer;font-size:.88rem;
}
.pay-option.is-checked{border-color:var(--gold);background:rgba(244,180,0,.07);}

.order-sidebar{position:sticky;top:16px;align-self:start;}
.sum-row{display:flex;justify-content:space-between;font-size:.86rem;margin-bottom:8px;color:var(--ink-soft);}
.sum-row strong{color:var(--ink);}
.sum-row.total{font-size:1.05rem;}
.sum-row.total strong{color:var(--amber);font-size:1.2rem;}
.summary-card hr{border:none;border-top:1px solid var(--grey);margin:12px 0;}
.sum-note{font-size:.72rem;color:var(--ink-soft);margin-top:10px;text-align:center;}

.order-success{max-width:560px;margin:0 auto;text-align:center;}
.order-summary-box{
  background:#fff;border:1px solid var(--grey);border-radius:14px;padding:18px;margin:18px 0;text-align:left;
}
.order-summary-box p{display:flex;justify-content:space-between;gap:16px;font-size:.86rem;margin-bottom:9px;color:var(--ink-soft);}
.order-summary-box strong{color:var(--ink);text-align:right;}

@media(min-width:900px){
  .order-layout{grid-template-columns:1.6fr 1fr;}
}
@media(max-width:560px){
  .form-grid{grid-template-columns:1fr;}
  .order-page{padding:24px 20px 48px;}
}

/* ============ FOOTER SCENE + PREMIUM FOOTER ============ */

.site-footer{
  color:#fff;
  padding:0;
  position:relative;
  min-height:clamp(340px,32vw,460px);
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  background-size:100% 100%;
  background-position:center bottom;
  background-repeat:no-repeat;
  background-color:#1b2612;
  margin-top:auto;
}
/* soft dark scrim so text stays readable over the artwork */
.site-footer::before{
  content:'';position:absolute;inset:0;
  background:linear-gradient(180deg, rgba(20,32,16,.30) 0%, rgba(18,28,14,.62) 55%, rgba(14,22,11,.82) 100%);
}
.site-footer .wrap,
.site-footer .footer-copy{position:relative;z-index:2;}
.footer-inner{
  display:grid;
  grid-template-columns:1fr;
  gap:30px;
  padding-top:56px;
  padding-bottom:28px;
}
.footer-col{display:flex;flex-direction:column;gap:9px;}
.footer-col h4{
  font-family:var(--display);font-size:.98rem;color:var(--turmeric);
  margin-bottom:4px;font-weight:600;text-shadow:0 1px 5px rgba(0,0,0,.6);
}
.footer-col a{
  color:#F1EADC;font-size:.84rem;text-decoration:none;transition:color .2s ease;
  text-shadow:0 1px 4px rgba(0,0,0,.5);
}
.footer-col a:hover{color:var(--turmeric);}
.site-footer .wordmark{color:var(--turmeric);font-size:1.5rem;text-shadow:0 2px 6px rgba(0,0,0,.6);}
.footer-tag{
  font-family:var(--display);font-style:italic;color:#EFE4CB;font-size:.85rem;margin-bottom:6px;
  text-shadow:0 1px 4px rgba(0,0,0,.5);
}
.footer-addr{font-size:.8rem;color:#E4DAC6;line-height:1.65;text-shadow:0 1px 4px rgba(0,0,0,.5);}
.footer-fssai{font-size:.72rem;color:#C3B79C;margin-top:4px;letter-spacing:.02em;text-shadow:0 1px 4px rgba(0,0,0,.5);}
.footer-copy{
  text-align:center;font-size:.72rem;color:#CFC4AC;
  border-top:1px solid rgba(255,255,255,.15);padding-top:18px;padding-bottom:18px;
  text-shadow:0 1px 4px rgba(0,0,0,.5);
}

@media(min-width:760px){
  .footer-inner{grid-template-columns:1.6fr 1fr 1fr 1.2fr;gap:36px;}
}

/* ============ ACCOUNT / PROFILE PAGE ============ */
.account-hero{
  background:linear-gradient(180deg,var(--bg2),var(--cream));
  padding:44px 0 36px;
  border-bottom:1px solid var(--grey);
}
.account-title{
  font-family:var(--display);font-weight:600;
  font-size:clamp(1.7rem,4.5vw,2.6rem);margin-bottom:8px;
}
.account-sub{color:var(--ink-soft);font-size:.92rem;}
.account-page{padding:32px 32px 60px;}

.lookup-card{
  max-width:460px;margin:0 auto;background:#fff;border:1px solid var(--grey);
  border-radius:16px;padding:30px;text-align:center;
  box-shadow:0 20px 40px -26px rgba(42,33,24,.3);
}
.lookup-card h2{font-family:var(--display);font-size:1.2rem;margin-bottom:6px;}
.lookup-note{font-size:.82rem;color:var(--ink-soft);margin-bottom:18px;}
.lookup-form{display:flex;flex-direction:column;gap:10px;}
.lookup-form input{
  padding:13px;border:1.5px solid var(--grey);border-radius:10px;
  font-family:var(--body);font-size:.95rem;text-align:center;
}
.lookup-form input:focus{outline:2px solid var(--gold);outline-offset:1px;}
.lookup-empty{margin-top:14px;font-size:.85rem;color:#B4472F;}

.account-stats{
  display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:24px;
}
.stat-card{
  background:linear-gradient(160deg,#fff,var(--bg2));
  border:1px solid var(--grey);border-radius:14px;padding:20px 14px;text-align:center;
}
.stat-num{
  display:block;font-family:var(--display);font-weight:700;
  font-size:clamp(1.2rem,3.5vw,1.9rem);color:var(--amber);line-height:1.1;
}
.stat-label{
  display:block;margin-top:6px;font-size:.68rem;letter-spacing:.12em;
  text-transform:uppercase;color:var(--ink-soft);
}

.account-grid{display:grid;grid-template-columns:1fr;gap:18px;}
.account-card{
  background:#fff;border:1px solid var(--grey);border-radius:16px;padding:24px;
  box-shadow:0 16px 34px -28px rgba(42,33,24,.35);
}
.account-card h2{
  font-family:var(--display);font-size:1.1rem;color:var(--amber);margin-bottom:16px;
}
.detail-list div{
  display:flex;justify-content:space-between;gap:18px;
  padding:11px 0;border-bottom:1px solid var(--grey);
}
.detail-list div:last-child{border-bottom:none;}
.detail-list dt{font-size:.78rem;color:var(--ink-soft);}
.detail-list dd{font-size:.86rem;text-align:right;margin:0;font-weight:500;}

.order-row{
  border:1px solid var(--grey);border-radius:12px;padding:14px;margin-bottom:12px;
  background:linear-gradient(160deg,#fff,#FFFDF6);
}
.order-row-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;}
.order-id{font-size:.72rem;letter-spacing:.06em;color:var(--ink-soft);font-weight:600;}
.order-status{
  font-size:.66rem;text-transform:uppercase;letter-spacing:.1em;
  background:rgba(244,180,0,.16);color:var(--amber);padding:4px 10px;border-radius:999px;font-weight:600;
}
.order-item{font-size:.92rem;font-weight:600;margin-bottom:8px;}
.order-row-foot{display:flex;justify-content:space-between;font-size:.8rem;color:var(--ink-soft);}
.order-row-foot strong{color:var(--amber);font-size:.95rem;}

@media(min-width:860px){
  .account-grid{grid-template-columns:1fr 1.3fr;}
}
@media(max-width:560px){
  .account-page{padding:24px 20px 48px;}
  .account-stats{grid-template-columns:1fr;}
}

/* full-bleed sections keep padded headings */
.why-choose{padding:44px 0 10px;text-align:center;}
.process .section-eyebrow,
.process .section-title{padding-left:24px;padding-right:24px;}
@media(max-width:560px){
  .process .section-eyebrow,.process .section-title{padding-left:20px;padding-right:20px;}
}

/* ============ BRAND BANNER STRIP ============ */
.brand-banner{
  width:100%;
  height:clamp(110px,13vw,180px);
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
  background-color:#FDF6E6;
  border-bottom:1px solid var(--grey);
}

/* ============ REVIEWS ============ */
.reviews{padding:50px 24px 60px;text-align:center;}
.review-grid{
  display:grid;grid-template-columns:1fr;gap:16px;margin-top:6px;
}
.review-card{
  background:linear-gradient(160deg,#fff,#FFFCF4);
  border:1px solid var(--grey);border-radius:16px;padding:22px;
  text-align:left;display:flex;flex-direction:column;gap:12px;
  box-shadow:0 16px 34px -30px rgba(42,33,24,.45);
  transition:transform .2s ease, box-shadow .2s ease;
}
.review-card:hover{transform:translateY(-3px);box-shadow:0 20px 38px -26px rgba(42,33,24,.5);}
.review-stars{display:flex;gap:3px;font-size:1rem;}
.star{color:var(--grey);}
.star.on{color:var(--turmeric);}
.review-text{
  font-size:.9rem;line-height:1.65;color:var(--ink-soft);flex:1;
  font-style:italic;
}
.review-author{display:flex;flex-direction:column;gap:2px;padding-top:10px;border-top:1px solid var(--grey);}
.review-name{font-weight:600;font-size:.88rem;color:var(--ink);}
.review-city{font-size:.74rem;color:var(--ink-soft);}

@media(min-width:640px){
  .review-grid{grid-template-columns:repeat(2,1fr);}
}
@media(min-width:1000px){
  .review-grid{grid-template-columns:repeat(3,1fr);}
}

/* ============ PREMIUM GOLD BUTTON POLISH ============ */
.buy-btn,
.cart-btn,
.track-btn,
.save-btn{
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.55),
    inset 0 -1px 0 rgba(120,70,5,.18),
    0 6px 16px -8px rgba(200,130,15,.55);
  letter-spacing:.01em;
  transition:filter .2s ease, transform .2s ease, box-shadow .2s ease;
}
.buy-btn:hover,
.cart-btn:hover,
.save-btn:hover{
  filter:brightness(1.06) saturate(1.05);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.6),
    inset 0 -1px 0 rgba(120,70,5,.2),
    0 10px 22px -8px rgba(200,130,15,.65);
}
.buy-btn:active,.cart-btn:active{transform:translateY(1px);}

/* gold nav icon tiles get the same treatment */
.cat-icon{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.5), 0 3px 8px -4px rgba(200,130,15,.5);
}

/* contact button in matching rich amber */
.contact-fab{
  background:linear-gradient(135deg,#C97A12,#A85D0A);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28), 0 12px 26px -10px rgba(168,93,10,.7);
}

/* ============ OUR FARM ============ */
.farm{padding:44px 0;text-align:center;}
.farm .section-eyebrow,
.farm .section-title{padding-left:24px;padding-right:24px;}
/* fixed-ratio block: any image size adjusts in cleanly */
.farm-media{
  position:relative;width:100%;
  aspect-ratio:21/9;
  overflow:hidden;
  background:var(--bg2);
}
.farm-media img{
  position:absolute;inset:0;
  width:100%;height:100%;
  object-fit:cover;object-position:center;
  display:block;
}
@media(max-width:640px){
  .farm-media{aspect-ratio:16/10;}
  .farm .section-eyebrow,.farm .section-title{padding-left:20px;padding-right:20px;}
}

/* ============ MOBILE / IPHONE COMPATIBILITY ============ */
html{-webkit-text-size-adjust:100%;}
img,video{max-width:100%;}
*{-webkit-tap-highlight-color:rgba(217,151,31,.2);}

/* iOS safe-area (notch / home indicator) */
.site-header{
  padding-left:env(safe-area-inset-left);
  padding-right:env(safe-area-inset-right);
}
.site-footer{padding-bottom:env(safe-area-inset-bottom);}
.contact-fab{
  right:calc(14px + env(safe-area-inset-right));
  bottom:calc(14px + env(safe-area-inset-bottom));
}

/* prevent iOS auto-zoom on input focus (needs >=16px) */
input,select,textarea{font-size:16px;}

@media(max-width:900px){
  /* breathing room at top, respects iPhone notch */
  .site-header{padding-top:calc(10px + env(safe-area-inset-top));}
  .header-inner{padding:6px 16px 12px;gap:10px 12px;row-gap:12px;}
  .site-header .wordmark img{height:clamp(34px,8vw,44px);}
  .search-bar{order:3;flex:1 1 100%;border-radius:12px;}
  .search-bar input{padding:12px 14px;}
  .header-actions{margin-left:auto;gap:8px;}
  .ghost-btn,.track-btn{padding:9px 13px;font-size:.76rem;border-radius:999px;}
  .cart-btn{padding:10px 15px;font-size:.79rem;border-radius:999px;}
  /* stop the category strip from floating over content on small screens */
  .category-bar{position:static;top:auto;z-index:auto;}
  .cat-inner{justify-content:flex-start;gap:14px;font-size:.75rem;padding:10px 16px;}
  .cat-icon{width:22px;height:22px;font-size:.72rem;}
}

@media(max-width:640px){
  .track-btn{display:none;}            /* disabled button — hide on small screens */
  /* circles: real spacing, clear of the hero above */
  .shop-buttons{grid-template-columns:repeat(2,1fr);gap:22px 18px;padding:30px 20px 26px;}
    .hero-carousel{margin-bottom:6px;}
  .brand-banner{height:clamp(64px,17vw,110px);}
  .farm-media{aspect-ratio:4/3;}
  .process-video img,.process-video video{max-height:46vh;}
  .review-card{padding:18px;}
  .order-card,.account-card{padding:18px;}
  .wrap{padding:0 16px;}
}

/* smooth momentum scrolling for the category strip */
.cat-inner{-webkit-overflow-scrolling:touch;scrollbar-width:none;}
.cat-inner::-webkit-scrollbar{display:none;}

/* ============ FEATURE SECTION (video + copy) ============ */
.feature{padding:60px 0 50px;background:var(--cream);}
.feature-inner{
  display:grid;grid-template-columns:1fr;gap:32px;align-items:center;
}
.feature-media{
  position:relative;border-radius:20px;overflow:hidden;
  background:var(--cream);
}
.feature-media video{
  width:100%;display:block;
  aspect-ratio:4/5;object-fit:cover;
}
.feature-title{
  font-family:var(--display);font-weight:600;
  font-size:clamp(1.9rem,5vw,3.2rem);line-height:1.06;margin-bottom:16px;
}
.feature-title em{font-style:italic;color:var(--amber);}
.feature-desc{
  color:var(--ink-soft);font-size:1rem;line-height:1.7;max-width:52ch;margin-bottom:26px;
}
.feature-specs{
  display:grid;grid-template-columns:1fr;gap:16px;margin-bottom:28px;
}
.spec{display:flex;flex-direction:column;gap:4px;padding-left:14px;border-left:2px solid var(--turmeric);}
.spec-label{
  font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--amber);font-weight:600;
}
.spec-value{font-size:.86rem;color:var(--ink-soft);line-height:1.55;}
.feature-actions{display:flex;gap:12px;flex-wrap:wrap;}
.ghost-btn.pill{border-radius:999px;padding:12px 22px;font-size:.88rem;}

.feature-badges{
  display:grid;grid-template-columns:1fr;gap:18px;
  margin-top:44px;padding:26px;
  background:#fff;border:1px solid var(--grey);border-radius:20px;
}
.fb{display:flex;flex-direction:column;gap:3px;}
.fb strong{font-size:.88rem;font-weight:600;}
.fb span{font-size:.8rem;color:var(--ink-soft);line-height:1.5;}

@media(min-width:900px){
  .feature-inner{grid-template-columns:0.9fr 1.1fr;gap:56px;}
  .feature-specs{grid-template-columns:repeat(3,1fr);gap:20px;}
  .feature-badges{grid-template-columns:repeat(4,1fr);gap:26px;}
}
@media(max-width:640px){
  .feature{padding:42px 0 36px;}
  .feature-media video{aspect-ratio:3/4;}
}

/* ================================================================
   PREMIUM REFINEMENT LAYER
   ================================================================ */

/* --- consistent vertical rhythm across all sections --- */
.why-choose,.process,.farm,.products,.reviews,.feature{
  padding-top:clamp(56px,7vw,96px);
  padding-bottom:clamp(56px,7vw,96px);
}
.shop-buttons{padding-top:clamp(40px,5vw,64px);padding-bottom:clamp(40px,5vw,64px);}

/* --- refined section headings: quieter eyebrow, more elegant title --- */
.section-eyebrow{
  font-size:.68rem;letter-spacing:.24em;text-transform:uppercase;
  color:var(--ink-soft);font-weight:500;margin-bottom:12px;opacity:.75;
}
.section-title{
  font-family:var(--display);font-weight:600;
  font-size:clamp(1.7rem,3.6vw,2.6rem);
  letter-spacing:-.015em;line-height:1.15;
  margin-bottom:clamp(28px,4vw,44px);
  color:var(--ink);
}
/* thin gold rule under titles — one restrained gold accent */
.section-title::after{
  content:'';display:block;width:44px;height:2px;margin:16px auto 0;
  background:linear-gradient(90deg,transparent,var(--gold),transparent);
}
.feature-title::after{display:none;}

/* --- quieter category bar: text only, letterspaced --- */
.category-bar{background:#fff;border-bottom:1px solid var(--grey);}
.cat-inner{gap:32px;font-size:.76rem;font-weight:500;letter-spacing:.09em;text-transform:uppercase;padding:15px 20px;}
.cat-inner a{color:var(--ink-soft);position:relative;padding-bottom:2px;}
.cat-inner a::after{
  content:'';position:absolute;left:0;right:0;bottom:-2px;height:1px;
  background:var(--gold);transform:scaleX(0);transition:transform .25s ease;
}
.cat-inner a:hover{color:var(--amber);}
.cat-inner a:hover::after{transform:scaleX(1);}

/* --- header refinement --- */
.site-header{box-shadow:0 1px 0 var(--grey);}
.search-bar{border:1px solid var(--grey);border-radius:10px;}
.search-bar:focus-within{border-color:var(--gold);}
.search-bar input{font-size:.9rem;color:var(--ink);}
.search-bar input::placeholder{color:#A99C8A;}

/* Profile becomes quiet outline; Cart keeps the gold — one CTA, not three */
.ghost-btn{
  border:1px solid var(--grey);background:#fff;color:var(--ink-soft);
  border-radius:999px;font-size:.8rem;letter-spacing:.03em;
}
.track-btn{
  background:none;border:1px solid var(--grey);color:var(--ink-soft);
  box-shadow:none;opacity:.45;
}

/* --- shop circles: quieter, gold reserved for the active one --- */

/* --- product cards: more considered --- */
.product-card{
  border-radius:14px;padding:18px;
  border:1px solid var(--grey);
  transition:border-color .25s ease, box-shadow .25s ease, transform .25s ease;
}
.product-card:hover{
  border-color:var(--gold);transform:translateY(-3px);
  box-shadow:0 22px 44px -30px rgba(36,28,19,.5);
}
.product-card h3{
  font-family:var(--display);font-size:1rem;font-weight:600;letter-spacing:-.01em;
}
.product-card .price{
  color:var(--ink);font-weight:600;font-size:1.05rem;letter-spacing:.01em;
}

/* --- reviews: lighter, less boxed --- */
.review-card{
  background:#fff;border-radius:14px;padding:26px;
  box-shadow:none;border:1px solid var(--grey);
}
.review-card:hover{transform:none;box-shadow:0 20px 40px -34px rgba(36,28,19,.5);}
.review-text{font-style:normal;font-size:.92rem;line-height:1.75;color:var(--ink-soft);}
.review-stars{font-size:.86rem;gap:2px;}

/* --- brand banner: softer, less loud --- */
.brand-banner{opacity:.92;border-bottom:1px solid var(--grey);}

/* --- feature section polish --- */
.feature-title{letter-spacing:-.02em;}
.feature-badges{border-radius:16px;box-shadow:none;}
.spec-label{color:var(--ink-soft);opacity:.8;letter-spacing:.14em;}
.spec{border-left:1px solid var(--grey);}

/* --- footer: calmer link colour --- */
.footer-col h4{letter-spacing:.02em;}

/* mobile: keep refinements coherent */
@media(max-width:900px){
  .cat-inner{gap:20px;font-size:.7rem;letter-spacing:.07em;}
  .section-title::after{margin-top:12px;width:36px;}
}
/* ================================================================
   SHOP TILES — quiet circular product entries
   ================================================================ */
.shop-buttons{
  display:grid;grid-template-columns:repeat(4,1fr);
  gap:28px;justify-items:center;align-items:start;
}
.shop-item{
  display:flex;flex-direction:column;align-items:center;
  gap:4px;text-align:center;max-width:180px;
}

.shop-badge{
  position:relative;display:block;
  width:clamp(108px,12vw,150px);
  height:clamp(108px,12vw,150px);
  border-radius:50%;
  overflow:hidden;
  background:linear-gradient(160deg,#FFFDF8,#F8F0DE);
  border:1px solid var(--grey);
  box-shadow:0 12px 30px -22px rgba(36,28,19,.5);
  margin-bottom:14px;
  transition:border-color .3s ease, transform .3s ease, box-shadow .3s ease;
}
a.shop-badge:hover{
  border-color:var(--gold);
  transform:translateY(-4px);
  box-shadow:0 20px 38px -20px rgba(36,28,19,.45);
}

.badge-inner{
  display:flex;align-items:center;justify-content:center;
  width:100%;height:100%;border-radius:50%;overflow:hidden;
  font-family:var(--display);font-weight:600;
  font-size:clamp(.9rem,1.5vw,1.12rem);
  line-height:1.25;color:var(--ink);
}
.badge-inner img{
  width:100%;height:100%;object-fit:contain;display:block;padding:12%;
}

/* gold "Best Deals" tile */
.shop-badge.deal{
  background:var(--gold-btn);
  border-color:transparent;
}
.shop-badge.deal .badge-inner{color:#241C13;}

/* coming-soon tiles: softened, not blurred to mush */
.shop-badge.muted{cursor:default;}
.shop-badge.muted .badge-inner img{filter:grayscale(.5) saturate(.6);opacity:.5;}
.shop-badge.muted::after{
  content:'';position:absolute;inset:0;border-radius:50%;
  background:rgba(255,253,248,.4);
}

.shop-name{
  font-family:var(--display);font-size:.95rem;font-weight:600;
  color:var(--ink);letter-spacing:-.01em;
}
.shop-caption{
  font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;
  font-weight:600;color:var(--amber);
}
.shop-caption.soon{color:var(--ink-soft);font-weight:500;opacity:.7;}

@media(max-width:640px){
  .shop-buttons{grid-template-columns:repeat(2,1fr);gap:30px 18px;}
  .shop-badge{width:clamp(112px,34vw,150px);height:clamp(112px,34vw,150px);}
  .shop-name{font-size:.88rem;}
  .shop-caption{font-size:.65rem;letter-spacing:.12em;}
}

/* ================================================================
   WELCOME POPUP
   ================================================================ */
.popup-overlay{
  position:fixed;inset:0;z-index:200;
  display:flex;align-items:center;justify-content:center;
  padding:24px;
  background:rgba(28,20,10,.55);
  backdrop-filter:blur(3px);
  opacity:0;animation:popIn .45s ease forwards;
}
.popup-overlay.closing{animation:popOut .3s ease forwards;}
@keyframes popIn{to{opacity:1;}}
@keyframes popOut{to{opacity:0;visibility:hidden;}}

.popup-box{
  position:relative;
  max-width:520px;width:100%;
  border-radius:18px;overflow:hidden;
  background:var(--cream);
  box-shadow:0 40px 80px -30px rgba(20,14,6,.7);
  transform:translateY(16px) scale(.97);
  animation:popBox .45s cubic-bezier(.2,.8,.3,1) forwards;
}
@keyframes popBox{to{transform:translateY(0) scale(1);}}
.popup-box img{width:100%;display:block;}
.popup-link{display:block;}

.popup-close{
  position:absolute;top:12px;right:12px;z-index:2;
  width:34px;height:34px;border-radius:50%;
  border:none;cursor:pointer;
  background:rgba(255,253,248,.92);
  color:var(--ink);font-size:1.35rem;line-height:1;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 4px 14px -4px rgba(20,14,6,.5);
  transition:background .2s ease, transform .2s ease;
}
.popup-close:hover{background:#fff;transform:scale(1.06);}

.popup-timer{height:3px;background:rgba(36,28,19,.12);}
.popup-timer span{
  display:block;height:100%;width:100%;
  background:linear-gradient(90deg,#F3CB6B,#DFA92C,#B8801A);
  transform-origin:left center;
}

@media(max-width:560px){
  .popup-overlay{padding:18px;}
  .popup-box{border-radius:14px;}
}

/* order success → whatsapp */
.wa-note{font-size:.85rem;color:var(--ink-soft);margin-bottom:16px;}
.success-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;}

/* ================================================================
   BRAND PALETTE APPLICATION — 60 cream/white · 20 gold · 15 green · 5 brown
   ================================================================ */
.offer-bar{
  background:var(--gold);color:#3B2A1A;
  text-align:center;font-size:.8rem;font-weight:600;
  padding:9px 14px;letter-spacing:.01em;
}
.site-header{background:var(--white);border-bottom:1px solid #F1F1F1;box-shadow:none;}
.category-bar{background:var(--white);border-bottom:1px solid #F1F1F1;}
.cat-inner a{color:var(--ink);}
.cat-inner a:hover{color:var(--green);}
.cat-inner a::after{background:var(--green);}
.search-bar{border:1.5px solid var(--gold);border-radius:12px;}
.search-bar button{color:var(--gold);}

/* CTA buttons — bright brand gold */
.buy-btn,.cart-btn,.save-btn{
  background:var(--gold-btn);color:#1F1F1F;font-weight:700;
  box-shadow:none;border:none;
}
.buy-btn:hover,.cart-btn:hover,.save-btn:hover{background:#F2B705;filter:none;box-shadow:none;}
.add-btn{
  display:inline-block;text-align:center;text-decoration:none;
  background:var(--white);color:var(--ink);border:1.5px solid var(--gold);
  padding:10px 16px;border-radius:8px;font-weight:600;font-size:.82rem;
}
.add-btn:hover{background:var(--cream);}
.pcard-actions{display:flex;flex-direction:column;gap:8px;}
.pcard-actions .buy-btn{border-radius:8px;padding:11px 16px;font-size:.84rem;}

/* headings in deep green — the natural/purity voice */
.section-title{color:var(--green-dark);}
.section-title::after{background:linear-gradient(90deg,transparent,var(--gold),transparent);}
.section-eyebrow{color:var(--green);opacity:1;font-weight:600;}
.price{color:var(--brown)!important;font-weight:700;}

/* cards */
.product-card{background:var(--card);border:1px solid var(--card-border);}
.product-card:hover{border-color:var(--gold);}
.review-card{background:var(--card);border:1px solid var(--card-border);}
.star.on{color:var(--gold);}

/* hero / section backgrounds */
.hero-carousel{background:var(--cream);}
.why-choose,.reviews{background:var(--white);}
.feature,.process{background:var(--cream);}
.brand-banner{border-bottom:1px solid #F1F1F1;}

/* trust icon row */
.trust-row{
  display:grid;grid-template-columns:repeat(4,1fr);gap:10px;
  padding:26px 24px 4px;text-align:center;
}
.trust{display:flex;flex-direction:column;align-items:center;gap:8px;
  font-size:.72rem;line-height:1.35;color:var(--ink);font-weight:500;}
.trust-ico{
  width:46px;height:46px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  border:1.5px solid var(--gold);background:var(--white);
  color:var(--green);font-size:1.15rem;
}

/* shop circle tiles in brand colours */
.shop-badge{background:linear-gradient(160deg,#FFFDF7,var(--beige));border:1px solid var(--card-border);}
.shop-badge.deal{background:var(--gold);border-color:var(--gold);}
.shop-name{color:var(--green-dark);}
.shop-caption{color:var(--brown);}

/* ===== AUTH PAGES ===== */
.auth-page{padding:44px 24px 70px;display:flex;justify-content:center;}
.auth-card{
  width:100%;max-width:440px;background:var(--white);
  border:1px solid var(--card-border);border-radius:18px;padding:30px;
  box-shadow:0 26px 54px -40px rgba(59,42,26,.5);
}
.auth-tabs{display:flex;gap:6px;margin-bottom:22px;background:var(--cream);padding:5px;border-radius:999px;}
.auth-tabs a{
  flex:1;text-align:center;padding:10px;border-radius:999px;
  font-size:.85rem;font-weight:600;color:var(--ink-soft);
}
.auth-tabs a.on{background:var(--gold-btn);color:#1F1F1F;}
.auth-form{display:flex;flex-direction:column;gap:13px;}
.auth-form label{display:flex;flex-direction:column;gap:5px;font-size:.78rem;color:var(--ink-soft);font-weight:600;}
.auth-form input{
  padding:12px;border:1.5px solid var(--card-border);border-radius:10px;
  font-family:var(--body);
}
.auth-form input:focus{outline:2px solid var(--gold);outline-offset:1px;}
.auth-err{
  background:#FDECEA;color:#B4231A;border:1px solid #F5C6C2;
  padding:11px 14px;border-radius:10px;font-size:.83rem;margin-bottom:16px;
}
.auth-note{text-align:center;margin-top:18px;font-size:.83rem;color:var(--ink-soft);}
.auth-note a{color:var(--green);font-weight:600;}
.account-hero{background:var(--cream);border-bottom:1px solid var(--card-border);}
.account-title{color:var(--green-dark);}
.stat-card{background:var(--card);border:1px solid var(--card-border);}
.stat-num{color:var(--brown);}
.account-card{background:var(--white);border:1px solid var(--card-border);}
.account-card h2{color:var(--green-dark);}
.order-status{background:rgba(46,107,58,.1);color:var(--green);}
.order-row{background:var(--card);border-color:var(--card-border);}
.order-row-foot strong{color:var(--brown);}

/* ===== MOBILE BOTTOM NAV ===== */
.mobile-nav{display:none;}
@media(max-width:900px){
  .mobile-nav{
    display:grid;grid-template-columns:repeat(4,1fr);
    position:fixed;left:0;right:0;bottom:0;z-index:120;
    background:var(--white);border-top:1px solid #EFEFEF;
    padding:8px 0 calc(8px + env(safe-area-inset-bottom));
    box-shadow:0 -4px 20px -12px rgba(59,42,26,.4);
  }
  .mobile-nav a{
    display:flex;flex-direction:column;align-items:center;gap:3px;
    font-size:.66rem;font-weight:600;color:var(--ink-soft);
  }
  .mobile-nav a span{font-size:1.2rem;line-height:1;}
  .mobile-nav a.on{color:var(--green);}
  body{padding-bottom:64px;}
  .contact-fab{bottom:calc(74px + env(safe-area-inset-bottom));}
  .trust-row{gap:6px;padding:22px 14px 2px;}
  .trust-ico{width:40px;height:40px;font-size:1rem;}
  .trust{font-size:.64rem;}
}

/* ================================================================
   V2 — PREMIUM LAYOUT (matches brand mockup)
   ================================================================ */

/* header: hamburger + logo w/ tagline */
.hamburger{
  display:none;flex-direction:column;gap:4px;background:none;border:none;
  cursor:pointer;padding:6px 4px;
}
.hamburger span{display:block;width:24px;height:2.5px;background:var(--brown);border-radius:2px;}
.wordmark{display:flex;flex-direction:column;align-items:center;gap:2px;}
.wordmark-tag{
  font-family:var(--display);font-style:italic;font-size:.62rem;
  color:var(--brown);letter-spacing:.02em;
}
.search-bar button{background:var(--white);display:flex;align-items:center;justify-content:center;}

/* slide-in drawer */
.drawer{
  position:fixed;inset:0;z-index:150;background:rgba(59,42,26,.45);
  opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;
}
.drawer.on{opacity:1;visibility:visible;}
.drawer-panel{
  position:absolute;left:0;top:0;bottom:0;width:min(80%,300px);
  background:var(--white);padding:26px 22px;
  display:flex;flex-direction:column;gap:2px;
  transform:translateX(-100%);transition:transform .3s cubic-bezier(.3,.8,.3,1);
  box-shadow:8px 0 40px -20px rgba(59,42,26,.5);
}
.drawer.on .drawer-panel{transform:translateX(0);}
.drawer-panel a{
  padding:14px 4px;border-bottom:1px solid #F3F3F3;
  font-size:.92rem;font-weight:600;color:var(--ink);
}
.drawer-panel a:hover{color:var(--green);}
.drawer-close{
  align-self:flex-end;background:none;border:none;font-size:1.9rem;
  line-height:1;color:var(--ink-soft);cursor:pointer;margin-bottom:8px;
}

/* trust icons in green outline circles */
.trust-ico{color:var(--green);border:1.5px solid var(--gold);}
.trust-ico svg{width:22px;height:22px;}

/* SHOP circles — 4 across on every screen */
.shop-buttons{grid-template-columns:repeat(4,1fr)!important;gap:16px;}
.shop-badge{width:100%;max-width:150px;height:auto;aspect-ratio:1/1;}

/* page hero for sub-pages */
.page-hero{background:var(--cream);padding:44px 0 38px;border-bottom:1px solid var(--card-border);text-align:center;}
.page-title{
  font-family:var(--display);font-weight:600;color:var(--green-dark);
  font-size:clamp(1.9rem,4.4vw,2.8rem);letter-spacing:-.02em;margin-bottom:10px;
}
.page-sub{color:var(--ink-soft);font-size:.95rem;max-width:46ch;margin:0 auto;}

/* product card size tag */
.product-card{position:relative;}
.pcard-tag{
  position:absolute;top:14px;right:14px;z-index:2;
  background:var(--gold);color:#3B2A1A;font-size:.68rem;font-weight:700;
  padding:6px 11px;border-radius:999px;
}

/* trust strip (shop page) */
.trust-strip{
  display:grid;grid-template-columns:repeat(5,1fr);gap:14px;
  background:var(--cream);border:1px solid var(--card-border);border-radius:16px;
  padding:22px;margin-bottom:60px;text-align:center;
}
.ts{display:flex;flex-direction:column;gap:2px;font-size:.78rem;}
.ts strong{color:var(--green-dark);font-weight:700;}
.ts span{color:var(--ink-soft);}

/* process steps */
.steps-grid{display:grid;grid-template-columns:1fr;gap:18px;padding-bottom:70px;}
.step{background:var(--card);border:1px solid var(--card-border);border-radius:16px;padding:24px;}
.step-n{
  display:inline-block;font-family:var(--display);font-weight:700;
  color:var(--gold);font-size:1.5rem;margin-bottom:8px;
}
.step h3{font-family:var(--display);color:var(--green-dark);font-size:1.05rem;margin-bottom:6px;}
.step p{color:var(--ink-soft);font-size:.87rem;line-height:1.6;}

/* about story */
.story{padding:56px 24px 76px;max-width:760px;}
.story p{color:var(--ink-soft);line-height:1.85;margin-bottom:16px;font-size:.96rem;}

@media(min-width:760px){
  .steps-grid{grid-template-columns:repeat(2,1fr);gap:22px;}
}
@media(max-width:900px){
  .hamburger{display:flex;}
  .wordmark-tag{font-size:.55rem;}
}
@media(max-width:640px){
  .shop-buttons{gap:10px;padding:24px 12px;}
  .shop-badge{max-width:none;}
  .shop-name{font-size:.72rem;}
  .shop-caption{font-size:.58rem;letter-spacing:.08em;}
  .trust-strip{grid-template-columns:repeat(2,1fr);gap:16px;}
  .product-grid{grid-template-columns:repeat(2,1fr);gap:12px;}
  .product-card{padding:12px;}
  .product-card h3{font-size:.82rem;}
  .add-btn,.pcard-actions .buy-btn{font-size:.72rem;padding:9px 8px;}
}

/* ---- mobile bottom nav: correct icon sizing ---- */
.mobile-nav a svg{
  width:21px;height:21px;
  stroke-width:1.7;
  flex-shrink:0;
}
@media(max-width:900px){
  .mobile-nav{padding:7px 0 calc(7px + env(safe-area-inset-bottom));}
  .mobile-nav a{gap:4px;font-size:.63rem;font-weight:600;}
  .mobile-nav a svg{width:20px;height:20px;}
  body{padding-bottom:60px;}
  .contact-fab{bottom:calc(70px + env(safe-area-inset-bottom));padding:11px 17px;font-size:.8rem;}
}

/* ================================================================
   CUSTOM SVG SHOP BUTTONS
   ================================================================ */
.shop-buttons{
  display:grid;grid-template-columns:repeat(4,1fr)!important;
  gap:18px;justify-items:center;align-items:center;
  padding:clamp(28px,4vw,48px) 24px;
}
.svg-btn{
  display:block;width:100%;max-width:170px;
  transition:transform .25s ease;
}
.svg-btn img{width:100%;height:auto;display:block;}
a.svg-btn:hover{transform:translateY(-4px);}
.svg-btn.is-soon{cursor:default;opacity:.9;}

@media(max-width:640px){
  .shop-buttons{gap:8px;padding:22px 10px;}
  .svg-btn{max-width:none;}
}

/* ---- exact brand colours ---- */
.offer-bar{background:#F2B705;color:#3B2A1A;}
.buy-btn,.cart-btn,.save-btn{background:#FFB900;color:#1F1F1F;}
.buy-btn:hover,.cart-btn:hover,.save-btn:hover{background:#F2B705;}
.pcard-tag{background:#F2B705;}
.search-bar{border-color:#F2B705;}
.auth-tabs a.on{background:#FFB900;}

/* ---- hide category bar on mobile only (kept on desktop) ---- */
@media(max-width:900px){
  .category-bar{display:none;}
}

/* ---- smaller logo, desktop + mobile ---- */
.site-header .wordmark img{
  height:clamp(30px,3.4vw,42px)!important;
  width:auto;
}
.wordmark-tag{font-size:.55rem;}
@media(max-width:900px){
  .site-header .wordmark img{height:30px!important;}
  .wordmark-tag{font-size:.48rem;}
  /* category strip: desktop only */
  .category-bar{display:none!important;}
}

/* ---- hero: fit any image fully, never crop ---- */
.hero-slide{
  display:flex;align-items:center;justify-content:center;
  background:var(--cream);
}
.hero-slide img{
  width:100%;height:100%;
  object-fit:contain!important;   /* whole image always visible */
  object-position:center;
}
.hero-carousel{
  background:var(--cream);
  aspect-ratio:1200/520;
}
@media(max-width:640px){
  .hero-carousel{aspect-ratio:4/3;}
}

/* ---- bottom nav visible on every page, always fixed ---- */
.mobile-nav{
  position:fixed;left:0;right:0;bottom:0;z-index:130;
}
@media(max-width:900px){
  body{padding-bottom:62px;}
}

/* ---- auth page fills screen without a footer ---- */
.auth-page{min-height:calc(100vh - 190px);align-items:flex-start;}

/* auth page: center the card now that header is bare */
.auth-page{padding-top:34px;}
.site-header .header-inner:not(:has(.header-actions)) .wordmark{margin:0 auto;}

/* ================================================================
   SLIM HEADER (login / cart / order pages)
   ================================================================ */
.slim-header .header-inner{
  display:flex;align-items:center;justify-content:space-between;
  padding:16px 28px;gap:16px;
}
.slim-header .wordmark{
  flex-direction:row;align-items:center;margin:0;
}
.slim-header .wordmark img{
  height:34px!important;display:block;
}

/* premium outlined Home link */
.home-link{
  display:inline-flex;align-items:center;gap:8px;
  padding:9px 18px;border-radius:999px;
  border:1.5px solid var(--card-border);
  background:var(--white);
  font-size:.82rem;font-weight:600;letter-spacing:.02em;
  color:var(--ink);
  transition:border-color .25s ease, color .25s ease, background .25s ease, transform .2s ease;
}
.home-link svg{width:16px;height:16px;color:var(--green);}
.home-link:hover{
  border-color:var(--gold);background:var(--cream);
  color:var(--green-dark);transform:translateY(-1px);
}

/* keep the whole card clear of the fixed bottom nav */
.auth-page,.order-page,.account-page{padding-bottom:96px;}

@media(max-width:900px){
  .slim-header .header-inner{padding:12px 18px;}
  .slim-header .wordmark img{height:28px!important;}
  .home-link{padding:8px 14px;font-size:.76rem;}
  .home-link span{display:none;}      /* icon-only on phones */
  .home-link svg{width:17px;height:17px;}
  .auth-page,.order-page,.account-page{padding-bottom:88px;}
}

/* ================================================================
   FOOTER BACKGROUND — separate art for desktop / mobile
   ================================================================ */
.site-footer{
  background-image:var(--fbg);
  background-size:100% 100%;
  background-position:center bottom;
  background-repeat:no-repeat;
  background-color:#EFEADC;
  min-height:clamp(320px,30vw,440px);
}
/* artwork is light at the top, so darken text side only where needed */
.site-footer::before{
  background:linear-gradient(180deg,
    rgba(31,77,46,.06) 0%,
    rgba(31,77,46,.30) 45%,
    rgba(20,48,28,.62) 100%);
}
/* light artwork → darker text for contrast */
.site-footer .wordmark{color:var(--brown);text-shadow:none;}
.footer-tag{color:var(--brown);text-shadow:none;}
.footer-addr{color:#4A4034;text-shadow:none;}
.footer-fssai{color:#6E6355;text-shadow:none;}
.footer-col h4{color:var(--green-dark);text-shadow:none;}
.footer-col a{color:#3B2A1A;text-shadow:none;}
.footer-col a:hover{color:var(--green);}
.footer-copy{color:#FFF7E6;border-top-color:rgba(255,255,255,.25);}

@media(max-width:900px){
  .site-footer{
    background-image:var(--fbg-m);
    background-size:cover;
    background-position:center bottom;
    min-height:520px;
  }
  .site-footer::before{
    background:linear-gradient(180deg,
      rgba(255,247,230,.35) 0%,
      rgba(31,77,46,.25) 55%,
      rgba(20,48,28,.60) 100%);
  }
  .footer-inner{padding-top:40px;}
}

/* ================================================================
   FOOTER ART — real <img>, crisp and reliable
   ================================================================ */
.site-footer{
  position:relative;
  background-image:none!important;
  background-color:#F3F0E4;
  min-height:0;
  padding-top:0;
  overflow:hidden;
}
.footer-art{
  position:absolute;inset:0;z-index:0;
  display:block;pointer-events:none;
}
.footer-art img{
  width:100%;height:100%;
  object-fit:cover;
  object-position:center bottom;
  display:block;
  filter:none;
}
/* very light scrim only at the very bottom, art stays crisp */
.site-footer::before{
  background:linear-gradient(180deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,0) 55%,
    rgba(31,77,46,.10) 100%)!important;
}
.site-footer .wrap,
.site-footer .footer-copy{position:relative;z-index:2;}

/* text sits on the pale sky area — dark ink for contrast */
.site-footer .wordmark{color:var(--brown);}
.footer-tag{color:var(--brown);}
.footer-addr{color:#4A4034;}
.footer-fssai{color:#7A6E5C;}
.footer-col h4{color:var(--green-dark);}
.footer-col a{color:#3B2A1A;}
.footer-col a:hover{color:var(--green);}
.footer-copy{color:#2F2418;border-top:1px solid rgba(59,42,26,.15);}

/* give the art room: desktop */
.site-footer .footer-inner{padding-top:46px;padding-bottom:120px;}
.site-footer{min-height:clamp(380px,32vw,520px);}

@media(max-width:900px){
  .site-footer{min-height:640px;}
  .site-footer .footer-inner{padding-top:38px;padding-bottom:230px;}
}

/* ================================================================
   FOOTER — legible premium treatment over the farm art
   ================================================================ */
/* deep forest veil: art reads as texture, text stays crisp */
.site-footer::before{
  background:linear-gradient(180deg,
    rgba(24,58,34,.90) 0%,
    rgba(22,54,32,.86) 45%,
    rgba(16,42,24,.92) 100%)!important;
}

/* cream + gold typography on the dark veil */
.site-footer .wordmark{color:#FFD34E;}
.site-footer .wordmark sup{color:#FFD34E;}
.footer-tag{color:#EADFC4;font-style:italic;}
.footer-addr{color:#D9D2C2;}
.footer-fssai{color:#A79E8B;}
.footer-col h4{
  color:#FFC93C;
  font-size:.95rem;letter-spacing:.06em;text-transform:uppercase;
  margin-bottom:10px;
}
.footer-col a{color:#EFE9DB;}
.footer-col a:hover{color:#FFC93C;}
.footer-copy{
  color:#B9B1A0;
  border-top:1px solid rgba(255,255,255,.14);
}

/* keep the leafy band readable at the base */
.footer-art img{object-position:center bottom;}

.site-footer .footer-inner{padding-top:52px;padding-bottom:34px;}
.site-footer{min-height:clamp(340px,26vw,420px);}

@media(max-width:900px){
  .site-footer{min-height:0;}
  .site-footer .footer-inner{padding-top:36px;padding-bottom:26px;gap:26px;}
  .footer-col h4{font-size:.88rem;}
  .footer-col a{font-size:.86rem;}
}

/* ================================================================
   FOOTER V3 — art fully visible, text in the sky + dark base band
   ================================================================ */
.site-footer{
  position:relative;overflow:hidden;
  background:#F3F0E4;
  min-height:0;
  display:flex;flex-direction:column;justify-content:space-between;
  padding:0;
}
/* no veil — artwork shows in full */
.site-footer::before{display:none!important;}

.footer-art{position:absolute;inset:0;z-index:0;}
.footer-art img{width:100%;height:100%;object-fit:cover;object-position:center bottom;display:block;}

/* --- brand row in the pale sky --- */
.footer-top{
  position:relative;z-index:2;
  display:flex;align-items:center;justify-content:center;
  gap:clamp(20px,4vw,54px);
  padding:clamp(38px,5vw,64px) 24px clamp(30px,4vw,52px);
  text-align:center;flex-wrap:wrap;
}
.ft-brand{display:flex;flex-direction:column;gap:4px;}
.footer-top .wordmark{
  color:var(--brown);font-size:clamp(1.7rem,3.4vw,2.5rem);
  font-family:var(--display);font-weight:700;font-style:italic;
}
.footer-top .footer-tag{
  color:var(--brown);font-size:clamp(.8rem,1.4vw,1rem);
  font-family:var(--display);font-style:normal;letter-spacing:.02em;
}
.ft-divider{width:1px;align-self:stretch;background:linear-gradient(180deg,transparent,var(--gold),transparent);}
.ft-hindi{display:flex;flex-direction:column;gap:6px;}
.hindi-line{
  font-size:clamp(1.15rem,2.6vw,1.95rem);font-weight:700;
  color:#243B1E;letter-spacing:.01em;line-height:1.3;
}
.hindi-sub{
  font-family:var(--display);color:var(--brown);
  font-size:clamp(.85rem,1.6vw,1.15rem);letter-spacing:.01em;
}

/* --- dark band over the leaves --- */
.footer-band{
  position:relative;z-index:2;margin-top:auto;
  background:linear-gradient(180deg, rgba(20,45,25,.86) 0%, rgba(14,34,19,.96) 100%);
  backdrop-filter:blur(1px);
}
.footer-band .footer-inner{padding:34px 0 22px;}
.footer-band .footer-col h4{
  color:#FFC93C;font-size:.9rem;letter-spacing:.05em;text-transform:uppercase;
  margin-bottom:10px;font-family:var(--body);font-weight:700;
}
.footer-band .footer-col h4 em{
  font-style:normal;font-weight:500;text-transform:none;
  color:#CFC49F;font-size:.82rem;letter-spacing:0;margin-left:5px;
}
.footer-band .footer-col a{color:#EFE9DB;font-size:.86rem;}
.footer-band .footer-col a:hover{color:#FFC93C;}
.footer-band .footer-addr{color:#D2CBBA;font-size:.8rem;}
.footer-band .footer-fssai{color:#9C9484;font-size:.72rem;}
.footer-band .footer-copy{
  color:#B0A897;border-top:1px solid rgba(255,255,255,.13);
  padding:14px 20px;margin-top:0;font-size:.74rem;
}
.footer-band .footer-copy .hi{color:#CFC49F;}

@media(max-width:900px){
  .footer-top{
    flex-direction:column;gap:16px;
    padding:34px 20px 26px;
  }
  .ft-divider{width:70px;height:1px;align-self:center;
    background:linear-gradient(90deg,transparent,var(--gold),transparent);}
  .hindi-line{font-size:1.25rem;}
  .hindi-sub{font-size:.9rem;}
  .footer-band .footer-inner{padding:28px 0 18px;gap:24px;}
  .footer-band .footer-col h4{font-size:.84rem;}
  .footer-band .footer-col h4 em{display:block;margin:2px 0 0;font-size:.76rem;}
}

/* ================================================================
   FOOTER V4 — full uncropped artwork
   ================================================================ */
.site-footer{
  position:relative;overflow:hidden;
  background:#F3F0E4;display:block;padding:0;min-height:0;
}

/* image sits in normal flow at its natural ratio — never cropped */
.footer-art{position:static;display:block;width:100%;}
.footer-art img{
  width:100%;height:auto;
  object-fit:fill;
  display:block;
}

/* brand + hindi overlaid on the pale sky area of the artwork */
.footer-top{
  position:absolute;top:0;left:0;right:0;z-index:3;
  padding:clamp(24px,3.4vw,52px) 24px 0;
}

/* dark band sits below the artwork, full width */
.footer-band{
  position:relative;z-index:2;margin-top:0;
  background:linear-gradient(180deg,#173A20 0%,#0E2213 100%);
  backdrop-filter:none;
}

@media(max-width:900px){
  .footer-top{padding:22px 18px 0;}
  /* tall mobile art: keep it in proportion but not endless */
  .footer-art img{max-height:78vh;object-fit:cover;object-position:center top;}
}

/* ================================================================
   FOOTER V5 — all content in the cream sky, no green band
   ================================================================ */
.site-footer{
  position:relative;overflow:hidden;
  background:#FBF7EC;padding:0;min-height:0;display:block;
}
.site-footer::before{display:none!important;}

/* full artwork, never cropped */
.footer-art{position:absolute;inset:0;z-index:0;display:block;}
.footer-art img{
  width:100%;height:100%;
  object-fit:cover;object-position:center bottom;
  display:block;
}

/* everything sits above the art, inside the pale sky */
.footer-overlay{
  position:relative;z-index:2;
  padding:clamp(34px,4vw,60px) 0 clamp(150px,17vw,240px);
}

/* brand + hindi row */
.footer-top{
  display:flex;align-items:center;justify-content:center;
  gap:clamp(18px,3.5vw,50px);flex-wrap:wrap;text-align:center;
  padding-bottom:clamp(26px,3.4vw,44px);
}
.ft-brand{display:flex;flex-direction:column;gap:2px;}
.footer-top .wordmark{
  color:var(--brown);font-family:var(--display);font-weight:700;font-style:italic;
  font-size:clamp(1.6rem,3.2vw,2.4rem);
}
.footer-top .footer-tag{
  color:var(--brown);font-family:var(--display);font-style:normal;
  font-size:clamp(.78rem,1.4vw,1rem);
}
.ft-divider{width:1px;align-self:stretch;background:linear-gradient(180deg,transparent,var(--gold),transparent);}
.hindi-line{
  font-size:clamp(1.1rem,2.4vw,1.85rem);font-weight:700;
  color:#23401C;line-height:1.35;
}
.hindi-sub{
  font-family:var(--display);color:var(--brown);
  font-size:clamp(.82rem,1.5vw,1.1rem);margin-top:4px;
}

/* link columns — dark ink on the cream sky */
.footer-overlay .footer-inner{
  display:grid;grid-template-columns:repeat(4,1fr);
  gap:30px;padding:0 0 26px;
}
.footer-overlay .footer-col h4{
  color:var(--green-dark);font-family:var(--body);font-weight:700;
  font-size:.88rem;letter-spacing:.05em;text-transform:uppercase;margin-bottom:11px;
}
.footer-overlay .footer-col h4 em{
  font-style:normal;font-weight:500;text-transform:none;letter-spacing:0;
  color:var(--brown);font-size:.82rem;margin-left:5px;
}
.footer-overlay .footer-col a{color:#3B2A1A;font-size:.86rem;}
.footer-overlay .footer-col a:hover{color:var(--green);}
.footer-overlay .footer-addr{color:#4A4034;font-size:.82rem;line-height:1.7;}
.footer-overlay .footer-fssai{color:#8A8071;font-size:.73rem;margin-top:6px;}
.footer-overlay .footer-copy{
  color:#6E6455;font-size:.75rem;text-align:center;
  border-top:1px solid rgba(59,42,26,.14);padding-top:16px;margin:0 24px;
}
.footer-overlay .footer-copy .hi{color:var(--brown);}

@media(max-width:900px){
  .footer-overlay{padding:26px 0 clamp(180px,42vw,340px);}
  .footer-top{flex-direction:column;gap:14px;padding-bottom:26px;}
  .ft-divider{width:64px;height:1px;align-self:center;
    background:linear-gradient(90deg,transparent,var(--gold),transparent);}
  .hindi-line{font-size:1.2rem;}
  .footer-overlay .footer-inner{grid-template-columns:repeat(2,1fr);gap:22px;}
  .footer-overlay .footer-col h4{font-size:.8rem;}
  .footer-overlay .footer-col h4 em{display:block;margin:2px 0 0;font-size:.74rem;}
  .footer-overlay .footer-col a{font-size:.8rem;}
}

/* ---- copyright strip: solid green bar at the very bottom ---- */
.footer-strip{
  position:relative;z-index:3;
  background:linear-gradient(180deg,#1B4023 0%,#122C17 100%);
  padding:14px 20px;
}
.footer-strip .footer-copy{
  color:#D8D2C3;font-size:.76rem;text-align:center;
  border-top:none;padding:0;margin:0;
}
.footer-strip .footer-copy .hi{color:#FFC93C;}
/* overlay no longer needs the big bottom gap for the copy line */
.footer-overlay{padding-bottom:clamp(120px,15vw,210px);}

@media(max-width:900px){
  .footer-strip{padding:12px 16px;}
  .footer-strip .footer-copy{font-size:.7rem;line-height:1.6;}
  .footer-overlay{padding-bottom:clamp(150px,38vw,300px);}
}

/* ---- mobile footer: center everything, close the cream gap ---- */
@media(max-width:900px){
  /* the .wrap padding was collapsing on small screens — restore it */
  .footer-overlay .footer-inner,
  .footer-overlay .footer-top{
    padding-left:22px;padding-right:22px;
    text-align:center;
  }
  .footer-overlay .footer-inner{
    grid-template-columns:1fr;
    gap:26px;
    justify-items:center;
  }
  .footer-overlay .footer-col{
    align-items:center;text-align:center;width:100%;
  }
  .footer-overlay .footer-col h4{margin-bottom:8px;}
  .footer-overlay .footer-addr{max-width:280px;margin:0 auto;}

  /* artwork anchors to the bottom so no cream strip is left above the bar */
  .footer-art img{
    object-fit:cover;
    object-position:center bottom;
    max-height:none;
    height:100%;
  }
  .site-footer{display:flex;flex-direction:column;}
  .footer-overlay{flex:1 0 auto;padding-bottom:clamp(170px,44vw,320px);}
  .footer-strip{margin-top:0;}
}

/* ---- mobile footer: 2 columns side by side, centered as a block ---- */
@media(max-width:900px){
  .footer-overlay .footer-inner{
    grid-template-columns:repeat(2,1fr)!important;
    gap:26px 18px;
    justify-items:start;
    max-width:420px;
    margin:0 auto;
    text-align:left;
  }
  .footer-overlay .footer-col{
    align-items:flex-start;
    text-align:left;
    width:auto;
  }
  /* address block spans both columns so it never wraps awkwardly */
  .footer-overlay .footer-brand{
    grid-column:1 / -1;
    align-items:center;
    text-align:center;
  }
  .footer-overlay .footer-addr{max-width:300px;margin:0 auto;}
  .footer-overlay .footer-col h4 em{display:block;margin-top:2px;}
}
@media(max-width:400px){
  .footer-overlay .footer-inner{gap:22px 12px;}
  .footer-overlay .footer-col a{font-size:.76rem;}
  .footer-overlay .footer-col h4{font-size:.75rem;}
}

/* ---- mobile footer: center About Us + Get in Touch ---- */
@media(max-width:900px){
  .footer-overlay .footer-brand,
  .footer-overlay .footer-contact-col{
    grid-column:1 / -1;
    align-items:center!important;
    text-align:center!important;
  }
  .footer-overlay .footer-contact-col a{display:block;}
}

/* ---- close the white gap between search bar and hero on phones ---- */
@media(max-width:900px){
  .site-header{padding-bottom:0;}
  .header-inner{padding-bottom:10px;}
  .hero-carousel{margin-top:0;}
  .site-header + .hero-carousel,
  .category-bar + .hero-carousel{margin-top:0;}
}

@media(max-width:900px){
  .hero-carousel{margin:0 auto!important;border-radius:0;}
}

/* ---- force About Us + Get in Touch to true center on mobile ---- */
@media(max-width:900px){
  .footer-overlay .footer-brand,
  .footer-overlay .footer-contact-col{
    grid-column:1 / -1!important;
    justify-self:stretch!important;
    width:100%!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    text-align:center!important;
  }
  .footer-overlay .footer-brand h4,
  .footer-overlay .footer-contact-col h4,
  .footer-overlay .footer-brand p,
  .footer-overlay .footer-contact-col a{
    width:100%;
    text-align:center!important;
  }
  .footer-overlay .footer-addr{margin-left:auto;margin-right:auto;}
}

/* ---- mobile: Shop / Information columns aligned to their own edges ---- */
@media(max-width:900px){
  .footer-overlay .footer-inner{
    grid-template-columns:1fr 1fr!important;
    justify-items:stretch!important;
    max-width:none!important;
    padding-left:26px;padding-right:26px;
    column-gap:14px;
  }
  .footer-overlay .footer-col:not(.footer-brand):not(.footer-contact-col){
    align-items:flex-start!important;
    text-align:left!important;
    width:100%;
  }
  /* second column starts at the midpoint, reads as a real column */
  .footer-overlay .footer-col:not(.footer-brand):not(.footer-contact-col) h4,
  .footer-overlay .footer-col:not(.footer-brand):not(.footer-contact-col) a{
    text-align:left!important;width:100%;
  }
}

/* ---- hero: box matches each image exactly (no crop, no cream gaps) ---- */
.hero-carousel{
  aspect-ratio:auto;
  height:auto;
}
@media(max-width:900px){
  .hero-carousel{margin:0 auto!important;border-radius:0;}
}

/* ---- mobile: right column right-aligned to the edge ---- */
@media(max-width:900px){
  .footer-overlay .footer-col:not(.footer-brand):not(.footer-contact-col):nth-of-type(3),
  .footer-overlay .footer-col:not(.footer-brand):not(.footer-contact-col):nth-of-type(3) h4,
  .footer-overlay .footer-col:not(.footer-brand):not(.footer-contact-col):nth-of-type(3) a{
    text-align:right!important;
    align-items:flex-end!important;
  }
}

@media(max-width:900px){
  .footer-overlay .footer-info-col{align-items:flex-end!important;}
  .footer-overlay .footer-info-col h4,
  .footer-overlay .footer-info-col a{text-align:right!important;width:100%;}
}

/* ---- FSSAI badge in the green strip ---- */
.footer-strip{
  display:flex;flex-direction:column;align-items:center;gap:10px;
  padding:16px 20px;
}
.fssai-badge{
  display:inline-flex;align-items:center;gap:10px;
}
.fssai-badge img{
  height:30px;width:auto;display:block;
}
.fssai-badge span{
  color:#E2DBCA;font-size:.76rem;letter-spacing:.04em;font-weight:500;
}
.footer-strip .footer-copy{margin:0;}

@media(max-width:900px){
  .footer-strip{gap:8px;padding:14px 16px;}
  .fssai-badge img{height:26px;}
  .fssai-badge span{font-size:.7rem;}
}

/* ---- official FSSAI logo on the green strip ---- */
.fssai-badge{
  display:inline-flex;align-items:center;gap:12px;
  background:#FFFFFF;
  padding:7px 14px;
  border-radius:10px;
}
.fssai-badge img{height:26px;width:auto;display:block;}
.fssai-badge span{
  color:#3B2A1A;font-size:.75rem;font-weight:600;letter-spacing:.03em;
}
@media(max-width:900px){
  .fssai-badge{gap:9px;padding:6px 12px;}
  .fssai-badge img{height:22px;}
  .fssai-badge span{font-size:.68rem;}
}

/* ---- footer strip: frosted glass so the farm art shows through ---- */
.footer-strip{
  background:linear-gradient(180deg, rgba(23,58,32,.55) 0%, rgba(14,34,19,.68) 100%);
  -webkit-backdrop-filter:blur(9px) saturate(1.1);
  backdrop-filter:blur(9px) saturate(1.1);
  border-top:1px solid rgba(255,255,255,.14);
}
.footer-strip .footer-copy{
  color:#EFE9DB;
  text-shadow:0 1px 3px rgba(0,0,0,.45);
}
.footer-strip .footer-copy .hi{color:#FFD34E;}
.fssai-badge{
  background:rgba(255,255,255,.92);
  -webkit-backdrop-filter:blur(4px);
  backdrop-filter:blur(4px);
  box-shadow:0 4px 14px -8px rgba(0,0,0,.5);
}
/* no floating button anymore — reclaim the space */
.contact-fab{display:none!important;}

/* ---- footer strip: lighter frosted glass ---- */
.footer-strip{
  background:linear-gradient(180deg, rgba(23,58,32,.28) 0%, rgba(14,34,19,.40) 100%)!important;
  -webkit-backdrop-filter:blur(6px) saturate(1.05);
  backdrop-filter:blur(6px) saturate(1.05);
  border-top:1px solid rgba(255,255,255,.12);
}
.footer-strip .footer-copy{
  color:#F4EFE3;
  text-shadow:0 1px 4px rgba(0,0,0,.6);
}

/* ---- footer strip: barely-there glass (15–20%) ---- */
.footer-strip{
  background:linear-gradient(180deg, rgba(23,58,32,.15) 0%, rgba(14,34,19,.20) 100%)!important;
  -webkit-backdrop-filter:blur(5px) saturate(1.05);
  backdrop-filter:blur(5px) saturate(1.05);
  border-top:1px solid rgba(255,255,255,.10);
}
.footer-strip .footer-copy{
  color:#FFFFFF;
  text-shadow:0 1px 3px rgba(0,0,0,.75), 0 0 10px rgba(0,0,0,.45);
}

/* ---- footer strip: near-clear glass (5–10%) ---- */
.footer-strip{
  background:linear-gradient(180deg, rgba(23,58,32,.05) 0%, rgba(14,34,19,.10) 100%)!important;
  -webkit-backdrop-filter:blur(4px) saturate(1.05);
  backdrop-filter:blur(4px) saturate(1.05);
  border-top:1px solid rgba(255,255,255,.08);
}
.footer-strip .footer-copy{
  color:#FFFFFF;
  font-weight:600;
  text-shadow:0 1px 3px rgba(0,0,0,.85), 0 0 12px rgba(0,0,0,.6);
}

/* ---- footer strip: 3–5% tint, essentially clear ---- */
.footer-strip{
  background:linear-gradient(180deg, rgba(23,58,32,.03) 0%, rgba(14,34,19,.05) 100%)!important;
  -webkit-backdrop-filter:blur(3px) saturate(1.04);
  backdrop-filter:blur(3px) saturate(1.04);
  border-top:1px solid rgba(255,255,255,.07);
}
.footer-strip .footer-copy{
  color:#FFFFFF;
  font-weight:600;
  text-shadow:0 1px 3px rgba(0,0,0,.9), 0 0 14px rgba(0,0,0,.7);
}

/* ---- shop buttons with captions ---- */
.shop-buttons{
  display:grid;grid-template-columns:repeat(4,1fr)!important;
  gap:18px;justify-items:center;align-items:start;
  padding:clamp(28px,4vw,48px) 24px;
}
.shop-item{
  display:flex;flex-direction:column;align-items:center;gap:10px;
  width:100%;max-width:170px;text-align:center;
}
.svg-btn{display:block;width:100%;transition:transform .25s ease;}
.svg-btn img{width:100%;height:auto;display:block;}
a.svg-btn:hover{transform:translateY(-4px);}
.svg-btn.is-soon{cursor:default;opacity:.9;}
.shop-caption{
  font-size:.8rem;font-weight:700;letter-spacing:.1em;
  text-transform:uppercase;color:var(--brown);
}
.shop-caption.soon{color:var(--ink-soft);font-weight:600;opacity:.85;}

@media(max-width:640px){
  .shop-buttons{gap:10px;padding:22px 10px;}
  .shop-item{max-width:none;gap:7px;}
  .shop-caption{font-size:.6rem;letter-spacing:.06em;}
}

/* ---- shop captions: keep all four on one baseline ---- */
.shop-buttons{align-items:stretch!important;}
.shop-item{
  height:100%;
  justify-content:flex-start;
}
.svg-btn{width:100%;}
.shop-caption{
  margin-top:auto;          /* pins every caption to the same bottom line */
  white-space:nowrap;       /* stops "COMING SOON" wrapping to 2 lines */
  line-height:1.2;
}
@media(max-width:640px){
  .shop-caption{font-size:.56rem;letter-spacing:.04em;}
}
@media(max-width:380px){
  .shop-caption{font-size:.5rem;letter-spacing:.02em;}
}

/* ================================================================
   TRUST ICONS + SHOP CAPTIONS — larger, more premium
   ================================================================ */
.trust-row{
  display:grid;grid-template-columns:repeat(4,1fr);
  gap:14px;padding:clamp(28px,3.6vw,44px) 24px clamp(6px,1vw,12px);
  text-align:center;
}
.trust{
  display:flex;flex-direction:column;align-items:center;gap:11px;
  font-size:.86rem;line-height:1.4;color:var(--ink);font-weight:600;
  letter-spacing:.01em;
}
.trust-ico{
  width:64px;height:64px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  background:linear-gradient(160deg,#FFFDF7,#FBF3DF);
  border:1.5px solid var(--gold);
  color:var(--green-dark);
  box-shadow:0 8px 20px -14px rgba(59,42,26,.55), inset 0 1px 0 #fff;
  transition:transform .25s ease, box-shadow .25s ease;
}
.trust:hover .trust-ico{
  transform:translateY(-3px);
  box-shadow:0 14px 26px -14px rgba(59,42,26,.5), inset 0 1px 0 #fff;
}
.trust-ico svg{width:30px;height:30px;}

/* shop captions bumped up */
.shop-caption{font-size:.92rem;letter-spacing:.09em;}
.shop-caption.soon{font-size:.88rem;}

@media(max-width:900px){
  .trust-row{gap:8px;padding:24px 12px 4px;}
  .trust{font-size:.74rem;gap:9px;}
  .trust-ico{width:54px;height:54px;}
  .trust-ico svg{width:26px;height:26px;}
  .shop-caption{font-size:.7rem;letter-spacing:.05em;}
  .shop-caption.soon{font-size:.68rem;}
}
@media(max-width:380px){
  .trust-ico{width:48px;height:48px;}
  .trust-ico svg{width:23px;height:23px;}
  .trust{font-size:.68rem;}
  .shop-caption{font-size:.62rem;}
  .shop-caption.soon{font-size:.6rem;}
}

/* ================================================================
   FEATURE BADGE STRIP — premium typography + icons
   ================================================================ */
.feature-badges{
  display:grid;grid-template-columns:repeat(4,1fr);
  gap:0;
  background:linear-gradient(160deg,#FFFDF7,#FBF4E3);
  border:1px solid var(--card-border);border-radius:18px;
  padding:26px 10px;margin-top:44px;
  box-shadow:0 20px 44px -38px rgba(59,42,26,.55);
}
.fb{
  display:flex;align-items:flex-start;gap:13px;
  padding:6px 20px;
  border-right:1px solid rgba(107,62,30,.12);
}
.fb:last-child{border-right:none;}

.fb-ico{
  flex-shrink:0;
  width:44px;height:44px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  background:#fff;border:1.5px solid var(--gold);
  color:var(--green-dark);
  box-shadow:inset 0 1px 0 #fff, 0 6px 14px -10px rgba(59,42,26,.5);
}
.fb-ico svg{width:23px;height:23px;}

.fb-copy{display:flex;flex-direction:column;gap:4px;}
.fb strong{
  font-family:var(--display);
  font-size:.98rem;font-weight:600;
  color:var(--green-dark);
  letter-spacing:-.005em;
  text-transform:capitalize;
  line-height:1.25;
}
.fb span{
  font-size:.79rem;line-height:1.55;
  color:var(--ink-soft);letter-spacing:.005em;
}

@media(max-width:900px){
  .feature-badges{grid-template-columns:repeat(2,1fr);padding:20px 6px;gap:4px 0;margin-top:32px;}
  .fb{padding:12px 14px;gap:11px;}
  .fb:nth-child(2n){border-right:none;}
  .fb:nth-child(-n+2){border-bottom:1px solid rgba(107,62,30,.12);}
  .fb-ico{width:38px;height:38px;}
  .fb-ico svg{width:20px;height:20px;}
  .fb strong{font-size:.88rem;}
  .fb span{font-size:.72rem;}
}
@media(max-width:480px){
  .feature-badges{grid-template-columns:1fr;}
  .fb{border-right:none;border-bottom:1px solid rgba(107,62,30,.12);}
  .fb:last-child{border-bottom:none;}
}

/* ================================================================
   PRODUCT CARDS — premium, buyable
   ================================================================ */
.product-grid{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
  gap:22px;
}
.product-card{
  position:relative;display:flex;flex-direction:column;
  background:#fff;
  border:1px solid var(--card-border);
  border-radius:18px;
  padding:0;overflow:hidden;
  box-shadow:0 14px 34px -30px rgba(59,42,26,.6);
  transition:transform .3s cubic-bezier(.2,.8,.3,1), box-shadow .3s ease, border-color .3s ease;
}
.product-card:hover{
  transform:translateY(-6px);
  border-color:var(--gold);
  box-shadow:0 28px 54px -30px rgba(59,42,26,.5);
}

/* image sits on a soft cream stage */
.pcard-media{
  background:linear-gradient(165deg,#FFFBF0 0%,#F8EED6 100%);
  padding:22px 18px 14px;
  display:flex;align-items:center;justify-content:center;
}
.pcard-media img{
  width:100%;max-width:190px;height:auto;
  object-fit:contain;display:block;margin:0;
  filter:drop-shadow(0 14px 20px rgba(90,60,15,.22));
  transition:transform .35s ease;
}
.product-card:hover .pcard-media img{transform:scale(1.045);}

/* gold size chip */
.pcard-tag{
  position:absolute;top:14px;right:14px;z-index:3;
  background:var(--gold);color:#3B2A1A;
  font-size:.68rem;font-weight:800;letter-spacing:.04em;
  padding:6px 12px;border-radius:999px;
  box-shadow:0 4px 12px -6px rgba(90,60,15,.7);
}

.pcard-body{
  display:flex;flex-direction:column;gap:7px;
  padding:18px 18px 20px;flex:1;
}
.pcard-body h3{
  font-family:var(--display);font-size:1.02rem;font-weight:600;
  color:var(--green-dark);letter-spacing:-.01em;line-height:1.3;margin:0;
}
.pcard-stars{display:flex;align-items:center;gap:6px;}
.pcard-stars span{color:var(--gold);font-size:.82rem;letter-spacing:1px;}
.pcard-stars em{font-style:normal;font-size:.72rem;color:var(--ink-soft);}
.pcard-note{
  font-size:.75rem;color:var(--ink-soft);letter-spacing:.01em;
}
.pcard-price{display:flex;align-items:baseline;gap:8px;margin-top:4px;}
.pcard-price .price{
  font-family:var(--display);font-size:1.35rem;font-weight:700;
  color:var(--brown);letter-spacing:-.01em;
}
.pcard-tax{font-size:.66rem;color:var(--ink-soft);}

.pcard-actions{display:flex;flex-direction:column;gap:9px;margin-top:auto;padding-top:14px;}
.pcard-actions .add-btn{
  border:1.5px solid var(--gold);background:#fff;color:var(--brown);
  border-radius:10px;padding:11px 14px;font-weight:700;font-size:.82rem;
  letter-spacing:.03em;text-transform:uppercase;
  transition:background .2s ease,color .2s ease;
}
.pcard-actions .add-btn:hover{background:var(--cream);color:var(--green-dark);}
.pcard-actions .buy-btn{
  border-radius:10px;padding:12px 14px;font-size:.84rem;
  letter-spacing:.04em;text-transform:uppercase;font-weight:800;
}

@media(max-width:640px){
  .product-grid{grid-template-columns:repeat(2,1fr);gap:12px;}
  .product-card{border-radius:14px;}
  .pcard-media{padding:14px 10px 8px;}
  .pcard-media img{max-width:120px;}
  .pcard-body{padding:12px 12px 14px;gap:5px;}
  .pcard-body h3{font-size:.84rem;}
  .pcard-note{display:none;}
  .pcard-price .price{font-size:1.05rem;}
  .pcard-tax{display:none;}
  .pcard-tag{top:9px;right:9px;font-size:.6rem;padding:5px 9px;}
  .pcard-actions{gap:7px;padding-top:10px;}
  .pcard-actions .add-btn,.pcard-actions .buy-btn{font-size:.68rem;padding:9px 8px;}
}

/* ---- product image: transparent PNG, no white box ---- */
.pcard-media{
  background:linear-gradient(165deg,#FFFBF0 0%,#F8EED6 100%);
  padding:20px 16px 0;              /* pack sits flush on the base */
  overflow:hidden;
}
.pcard-media img{
  width:auto;max-width:100%;
  max-height:230px;height:auto;
  object-fit:contain;
  background:transparent;
  border-radius:0;
  filter:drop-shadow(0 12px 16px rgba(90,60,15,.20));
  margin:0 auto;display:block;
}
@media(max-width:640px){
  .pcard-media{padding:12px 8px 0;}
  .pcard-media img{max-height:150px;}
}

/* ---- header: keep logo + Sign In + Cart on one row, never shrink ---- */
@media(max-width:900px){
  .header-inner{
    display:flex;flex-wrap:wrap;align-items:center;
    gap:8px;padding:8px 14px 10px;
  }
  .hamburger{flex:0 0 auto;order:1;}
  .site-header .wordmark{flex:1 1 auto;order:2;min-width:0;align-items:flex-start;}
  .site-header .wordmark img{max-width:100%;}
  .header-actions{
    flex:0 0 auto;order:3;
    display:flex;gap:6px;align-items:center;
    margin-left:auto;
  }
  .search-bar{order:4;flex:1 1 100%;}

  /* buttons hold their size instead of squeezing */
  .header-actions .ghost-btn,
  .header-actions .cart-btn{
    flex:0 0 auto;
    white-space:nowrap;
    padding:8px 13px;
    font-size:.75rem;
  }
}
@media(max-width:420px){
  .header-inner{padding:8px 10px 10px;gap:6px;}
  .site-header .wordmark img{height:26px!important;}
  .wordmark-tag{display:none;}
  .header-actions .ghost-btn,
  .header-actions .cart-btn{padding:7px 11px;font-size:.7rem;}
}

/* ================================================================
   AUTH CARD — premium sign-in / sign-up
   ================================================================ */
.auth-page{
  padding:clamp(30px,5vw,60px) 24px 110px;
  display:flex;justify-content:center;align-items:flex-start;
  background:linear-gradient(180deg,var(--cream) 0%,#FFFDF8 55%);
}
.auth-card{
  position:relative;
  width:100%;max-width:456px;
  background:#fff;
  border:1px solid var(--card-border);
  border-radius:22px;
  padding:38px 34px 32px;
  text-align:center;
  box-shadow:0 34px 70px -46px rgba(59,42,26,.65), 0 2px 0 #fff inset;
}
/* thin gold rule along the top edge */
.auth-card::before{
  content:'';position:absolute;top:0;left:26px;right:26px;height:2px;
  background:linear-gradient(90deg,transparent,var(--gold),transparent);
  border-radius:2px;
}

.auth-crest{
  width:60px;height:60px;margin:2px auto 16px;
  display:flex;align-items:center;justify-content:center;
  border-radius:50%;
  background:linear-gradient(160deg,#FFFBF0,#F7EBD2);
  border:1.5px solid var(--gold);
  color:var(--green-dark);
  box-shadow:inset 0 1px 0 #fff, 0 10px 22px -16px rgba(59,42,26,.6);
}
.auth-crest svg{width:30px;height:30px;}

.auth-title{
  font-family:var(--display);font-weight:600;
  font-size:clamp(1.3rem,3vw,1.65rem);
  color:var(--green-dark);letter-spacing:-.015em;margin-bottom:6px;
}
.auth-lead{
  font-size:.85rem;color:var(--ink-soft);margin-bottom:22px;line-height:1.55;
}

.auth-tabs{
  display:flex;gap:4px;margin-bottom:24px;
  background:var(--cream);padding:5px;border-radius:999px;
  border:1px solid rgba(107,62,30,.10);
}
.auth-tabs a{
  flex:1;text-align:center;padding:11px 8px;border-radius:999px;
  font-size:.83rem;font-weight:700;letter-spacing:.02em;
  color:var(--ink-soft);transition:all .25s ease;
}
.auth-tabs a.on{
  background:var(--gold-btn);color:#1F1F1F;
  box-shadow:0 6px 14px -8px rgba(200,140,10,.8);
}

.auth-form{display:flex;flex-direction:column;gap:15px;text-align:left;}
.auth-form label{
  display:flex;flex-direction:column;gap:6px;
  font-size:.74rem;font-weight:700;letter-spacing:.09em;
  text-transform:uppercase;color:var(--brown);
}
.auth-form input{
  padding:13px 15px;
  border:1.5px solid var(--card-border);border-radius:12px;
  background:#FFFDF8;font-family:var(--body);font-size:.92rem;
  transition:border-color .2s ease, box-shadow .2s ease, background .2s ease;
}
.auth-form input:focus{
  outline:none;background:#fff;
  border-color:var(--gold);
  box-shadow:0 0 0 3px rgba(242,183,5,.16);
}
.auth-form .buy-btn{
  margin-top:8px;padding:14px;border-radius:12px;
  font-size:.9rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;
}
.auth-note{
  margin-top:20px;font-size:.83rem;color:var(--ink-soft);
  padding-top:18px;border-top:1px solid rgba(107,62,30,.10);
}
.auth-note a{color:var(--green-dark);font-weight:700;}
.auth-note a:hover{color:var(--gold);}
.auth-err{border-radius:12px;}

/* ---- premium Home button ---- */
.home-link{
  display:inline-flex;align-items:center;gap:9px;
  padding:10px 20px;border-radius:999px;
  border:1.5px solid var(--card-border);
  background:linear-gradient(160deg,#FFFDF8,#FBF4E3);
  font-size:.82rem;font-weight:700;letter-spacing:.05em;
  text-transform:uppercase;color:var(--brown);
  box-shadow:0 8px 20px -16px rgba(59,42,26,.7), inset 0 1px 0 #fff;
  transition:all .25s ease;
}
.home-link svg{width:17px;height:17px;color:var(--green-dark);}
.home-link:hover{
  border-color:var(--gold);
  background:linear-gradient(160deg,#FFF9EA,#F7EBD2);
  transform:translateY(-2px);
  box-shadow:0 14px 26px -16px rgba(59,42,26,.6), inset 0 1px 0 #fff;
}

@media(max-width:560px){
  .auth-card{padding:30px 22px 26px;border-radius:18px;}
  .auth-crest{width:52px;height:52px;}
  .auth-crest svg{width:26px;height:26px;}
  .home-link{padding:9px 14px;}
}

/* ---- licence page ---- */
.lic-wrap{padding:44px 24px 80px;}
.lic-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px;}
.lic-card{
  display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;
  background:#fff;border:1px solid var(--card-border);border-radius:16px;padding:22px 18px;
  box-shadow:0 14px 34px -32px rgba(59,42,26,.6);transition:all .25s ease;
}
.lic-card:hover{transform:translateY(-4px);border-color:var(--gold);}
.lic-thumb{
  width:76px;height:76px;border-radius:12px;overflow:hidden;
  display:flex;align-items:center;justify-content:center;
  background:linear-gradient(160deg,#FFFBF0,#F7EBD2);
  border:1px solid var(--card-border);color:var(--green-dark);
}
.lic-thumb svg{width:32px;height:32px;}
.lic-thumb img{width:100%;height:100%;object-fit:cover;}
.lic-card strong{font-family:var(--display);font-size:.95rem;color:var(--green-dark);}
.lic-card em{font-style:normal;font-size:.75rem;font-weight:700;color:var(--brown);letter-spacing:.04em;}
.lic-empty{color:var(--ink-soft);font-size:.9rem;text-align:center;padding:30px 0;}
.fssai-badge{cursor:pointer;text-decoration:none;transition:transform .2s ease;}
.fssai-badge:hover{transform:translateY(-1px);}

/* ---- pay online option: visible but locked until keys are added ---- */
.pay-option.is-locked{
  opacity:.55;cursor:not-allowed;position:relative;
  background:linear-gradient(160deg,#FCFAF4,#F6F1E4);
}
.pay-option.is-locked input{cursor:not-allowed;}
.pay-soon{
  float:right;font-style:normal;font-size:.62rem;font-weight:700;
  letter-spacing:.08em;text-transform:uppercase;
  background:var(--gold);color:#3B2A1A;
  padding:3px 9px;border-radius:999px;
}

/* ---- Shop Varnini section: premium framing ---- */
.products{
  background:linear-gradient(180deg,#FFFDF8 0%,var(--cream) 100%);
  border-top:1px solid rgba(107,62,30,.08);
  border-bottom:1px solid rgba(107,62,30,.08);
}
.products .section-title{margin-bottom:clamp(26px,3.5vw,40px);}

/* ---- cart page + badge ---- */
.cart-count{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:18px;height:18px;padding:0 5px;margin-left:6px;
  background:var(--green-dark);color:#fff;
  font-size:.66rem;font-weight:800;border-radius:999px;line-height:1;
}
.mobile-nav .cart-count{position:absolute;top:2px;right:24%;margin:0;}
.mobile-nav a{position:relative;}

.cart-items{display:flex;flex-direction:column;gap:12px;margin-bottom:22px;}
.cart-row{
  display:grid;grid-template-columns:64px 1fr auto auto;align-items:center;gap:14px;
  background:#fff;border:1px solid var(--card-border);border-radius:14px;padding:12px 14px;
}
.cart-row img{width:64px;height:64px;object-fit:contain;}
.cart-info{display:flex;flex-direction:column;gap:3px;}
.cart-info strong{font-family:var(--display);font-size:.92rem;color:var(--green-dark);}
.cart-info span{font-size:.85rem;color:var(--brown);font-weight:700;}
.cart-qty{display:flex;align-items:center;gap:10px;}
.cart-qty button{
  width:30px;height:30px;border:1px solid var(--card-border);background:#fff;
  border-radius:8px;font-size:1rem;cursor:pointer;color:var(--brown);
}
.cart-qty b{min-width:20px;text-align:center;font-size:.9rem;}
.cart-del{background:none;border:none;font-size:1.4rem;color:#B4231A;cursor:pointer;line-height:1;}
.cart-summary{
  background:var(--card);border:1px solid var(--card-border);border-radius:16px;padding:20px;
  max-width:380px;margin-left:auto;
}
.add-btn.added{background:var(--green-dark)!important;color:#fff!important;border-color:var(--green-dark)!important;}
@media(max-width:560px){
  .cart-row{grid-template-columns:52px 1fr auto;gap:10px;padding:10px;}
  .cart-row img{width:52px;height:52px;}
  .cart-del{grid-column:3;justify-self:end;}
  .cart-qty{grid-column:2 / span 2;justify-self:start;margin-top:6px;}
  .cart-summary{max-width:none;}
}

/* ================================================================
   SHOP PAGE — premium trust strip
   ================================================================ */
.trust-strip{
  display:grid;grid-template-columns:repeat(5,1fr);gap:0;
  background:linear-gradient(160deg,#FFFDF7,#FBF4E3);
  border:1px solid var(--card-border);border-radius:18px;
  padding:26px 12px;margin-bottom:70px;text-align:center;
  box-shadow:0 20px 44px -38px rgba(59,42,26,.55);
}
.ts{
  display:flex;flex-direction:column;align-items:center;gap:9px;
  padding:4px 12px;border-right:1px solid rgba(107,62,30,.12);
}
.ts:last-child{border-right:none;}
.ts-ico{
  width:46px;height:46px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  background:#fff;border:1.5px solid var(--gold);color:var(--green-dark);
  box-shadow:inset 0 1px 0 #fff,0 6px 14px -10px rgba(59,42,26,.5);
}
.ts-ico svg{width:23px;height:23px;}
.ts strong{
  font-family:var(--display);font-size:.9rem;font-weight:600;
  color:var(--green-dark);line-height:1.25;
}
.ts span:not(.ts-ico){font-size:.78rem;color:var(--ink-soft);}

/* ================================================================
   CHECKOUT + ORDER SUCCESS — mobile polish
   ================================================================ */
.order-card{
  background:#fff;border:1px solid var(--card-border);border-radius:18px;
  box-shadow:0 16px 40px -36px rgba(59,42,26,.6);
}
.order-card h2{
  font-family:var(--display);color:var(--green-dark);
  font-size:1.05rem;letter-spacing:-.01em;
  padding-bottom:12px;border-bottom:1px solid rgba(107,62,30,.10);
}
.size-option{border-radius:14px;border-width:1.5px;}
.size-option.is-checked{border-color:var(--gold);background:#FFFBF0;}
.summary-card{
  background:linear-gradient(160deg,#FFFDF7,#FBF4E3);
  border:1px solid var(--card-border);
}
.order-summary-box{
  background:linear-gradient(160deg,#FFFDF7,#FBF4E3);
  border:1px solid var(--card-border);border-radius:16px;
}
.order-success .section-title{color:var(--green-dark);}

@media(max-width:640px){
  .trust-strip{grid-template-columns:repeat(2,1fr);gap:6px 0;padding:20px 8px;margin-bottom:44px;}
  .ts{padding:12px 8px;border-right:none;}
  .ts:nth-child(odd){border-right:1px solid rgba(107,62,30,.12);}
  .ts:last-child{grid-column:1 / -1;border-right:none;}
  .ts-ico{width:40px;height:40px;}
  .ts-ico svg{width:20px;height:20px;}
  .ts strong{font-size:.82rem;}
  .ts span:not(.ts-ico){font-size:.72rem;}

  /* checkout */
  .order-page{padding:20px 16px 96px;}
  .order-card{padding:16px;border-radius:14px;margin-bottom:14px;}
  .order-card h2{font-size:.95rem;margin-bottom:12px;}
  .size-options{grid-template-columns:repeat(3,1fr);gap:8px;}
  .size-option{padding:9px 6px;border-radius:12px;}
  .size-option img{height:70px;}
  .size-name{font-size:.68rem;}
  .size-price{font-size:.78rem;}
  .form-grid{gap:11px;}
  .form-grid input,.form-grid textarea{border-radius:10px;}
  .qty-btn{width:44px;height:44px;}
  #qtyInput{height:44px;}
  .summary-card{position:static;margin-bottom:0;}
  .order-sidebar{position:static;}
  .sum-row.total strong{font-size:1.3rem;}
  .full-btn{padding:15px;font-size:.92rem;}

  /* success page */
  .order-success{padding:0 2px;}
  .order-summary-box{padding:16px;}
  .order-summary-box p{font-size:.8rem;gap:12px;}
  .success-actions{flex-direction:column;}
  .success-actions .buy-btn,.success-actions .ghost-btn{width:100%;text-align:center;}
}

/* ---- bottom-nav cart badge: small premium dot ---- */
.mobile-nav .cart-count{
  position:absolute;
  top:2px;
  left:50%;
  transform:translateX(4px);
  right:auto;margin:0;
  min-width:15px;height:15px;padding:0 4px;
  font-size:.56rem;font-weight:700;line-height:15px;
  background:var(--gold);color:#3B2A1A;
  border:1.5px solid #fff;
  border-radius:999px;
  box-shadow:0 2px 6px -2px rgba(59,42,26,.5);
  display:flex;align-items:center;justify-content:center;
}
/* header cart badge stays subtle too */
.cart-btn .cart-count{
  min-width:16px;height:16px;padding:0 4px;
  font-size:.58rem;line-height:1;margin-left:5px;
  background:var(--green-dark);color:#fff;border:none;
}

/* --- coupon box (order.php) --- */
.coupon-box{margin:14px 0;}
.coupon-box label{display:block;font-size:.78rem;color:var(--ink-soft);margin-bottom:6px;}
.coupon-row{display:flex;gap:8px;}
.coupon-row input{flex:1;padding:10px 12px;border:1px solid var(--grey);border-radius:8px;font-size:.85rem;font-family:inherit;}
.coupon-row .ghost-btn{white-space:nowrap;padding:10px 16px;font-size:.82rem;}
.coupon-msg{font-size:.76rem;margin-top:6px;min-height:1em;}
.coupon-msg.ok{color:#2f7d3d;}
.coupon-msg.err{color:#b3413a;}

/* ============================================================
   HERO — FINAL, AUTHORITATIVE SIZING (overrides all earlier
   hero rules above). Height is set precisely by JS (script.js)
   to match each image's own shape + a small fixed padding, so
   there's no letterbox gap and no distortion for any image
   size. object-fit:contain is the safety net for the instant
   before JS runs. margin-top is forced to 0 so there's never a
   gap between the header and the hero box.
   ============================================================ */
.hero-carousel{
  aspect-ratio:1200/520;
  height:auto;
  margin-top:0!important;
}
.hero-slide img{
  width:100%!important;height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
}

/* ---- footer brand: logo image instead of text wordmark ---- */
.ft-logo{
  height:38px;width:auto;display:block;
  filter:drop-shadow(0 2px 6px rgba(0,0,0,.35));
}
@media(max-width:640px){
  .ft-logo{height:32px;margin:0 auto;}
}

/* ---- checkout: "review your order" step (COD confirm + online-pay promo) ---- */
.order-review{
  max-width:640px;margin:0 auto;display:flex;flex-direction:column;gap:18px;
}
.promo-online-pay{
  background:linear-gradient(135deg,#FFF6E4,#FFEBC2);
  border:1px solid var(--gold);
}
.promo-online-pay h2{margin-top:0;}
.promo-online-pay p{color:var(--ink-soft);margin-bottom:14px;font-size:.92rem;}
.promo-online-pay .buy-btn{width:100%;}
.promo-online-pay .buy-btn:disabled{opacity:.55;cursor:not-allowed;}
.review-actions{margin-top:16px;}

/* ---- mobile polish: checkout review page, payment result buttons ---- */
@media(max-width:640px){
  .order-review{gap:14px;}
  .promo-online-pay{padding:16px;}
  .promo-online-pay h2{font-size:1.05rem;}
  .promo-online-pay p{font-size:.86rem;}
  .review-actions{margin-top:12px;}
  .order-review .order-card > a.ghost-btn{width:100%;box-sizing:border-box;}
}

/* ============================================================
   FIX: clicking product/payment "cards" was sometimes triggering
   a native text selection instead of registering as a click,
   which silently blocked the radio from toggling. Making the
   text inside these clickable cards non-selectable guarantees
   every click is treated as a pure click.
   ============================================================ */
.size-option,
.pay-option,
.admin-tabs a,
.btn-mini,
.qty-btn{
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
}

/* ---- pincode delivery-check gate (shown before Buy Now / Proceed to Checkout) ---- */
.pincode-gate-overlay{
  display:none;position:fixed;inset:0;z-index:250;
  background:rgba(42,33,24,.55);align-items:center;justify-content:center;padding:18px;
}
.pincode-gate-overlay.is-open{display:flex;}
.pincode-gate-box{
  background:#fff;border-radius:16px;padding:26px 24px;max-width:380px;width:100%;
  position:relative;text-align:center;box-shadow:0 30px 60px -20px rgba(0,0,0,.4);
}
.pincode-gate-box h3{margin:0 0 6px;color:var(--brown);font-family:var(--display);font-size:1.15rem;}
.pincode-gate-box p{margin:0 0 16px;color:var(--ink-soft);font-size:.86rem;}
.pincode-gate-close{
  position:absolute;top:10px;right:12px;background:none;border:none;font-size:1.3rem;
  color:var(--ink-soft);cursor:pointer;line-height:1;
}
.pincode-gate-row{display:flex;gap:8px;}
.pincode-gate-row input{
  flex:1;min-width:0;padding:11px 14px;border:1px solid var(--grey);border-radius:10px;
  font-size:1rem;text-align:center;letter-spacing:.05em;box-sizing:border-box;
}
.pincode-gate-row .buy-btn{padding:11px 16px;white-space:nowrap;flex-shrink:0;}
.pincode-gate-msg{font-size:.82rem;margin:12px 0 0;min-height:1.2em;}
.pincode-gate-msg.ok{color:#2f7d3d;}
.pincode-gate-msg.err{color:#b3413a;}
@media(max-width:480px){
  .pincode-gate-box{padding:22px 18px;}
}
@media(max-width:360px){
  .pincode-gate-row{flex-direction:column;}
  .pincode-gate-row .buy-btn{width:100%;}
}

/* ---- minimum order progress bar (checkout page) — one inside each card ---- */
.min-order-bar{
  margin:0 0 18px;
  background:linear-gradient(160deg,#FFFDF8,#FFF6E4);
  border:1px solid var(--gold);border-radius:14px;padding:14px 18px 18px;
}
.min-order-msg{
  margin:0 0 12px;font-size:.84rem;color:var(--ink-soft);text-align:center;
}
.min-order-msg strong{color:var(--amber);}
.min-order-bar.is-complete{border-color:#7CB98A;background:linear-gradient(160deg,#F5FBF6,#EAF7EC);}
.min-order-bar.is-complete .min-order-msg{color:#2f7d3d;font-weight:600;}
.min-order-track{position:relative;height:8px;border-radius:999px;background:#EFE6D2;margin:0 30px;}
.min-order-fill{
  height:100%;border-radius:999px;
  background:linear-gradient(90deg,var(--gold-btn),var(--gold));
  transition:width .35s ease;
}
.min-order-bar.is-complete .min-order-fill{background:linear-gradient(90deg,#7CB98A,#4C9A5F);}
.min-order-marker{
  position:absolute;right:-30px;top:50%;transform:translateY(-50%);
  display:flex;flex-direction:column;align-items:center;gap:2px;
}
.min-order-marker-icon{
  width:20px;height:20px;border-radius:50%;background:#fff;border:2px solid var(--gold);
  display:flex;align-items:center;justify-content:center;font-size:.65rem;color:var(--gold);font-weight:700;
}
.min-order-bar.is-complete .min-order-marker-icon{border-color:#4C9A5F;color:#4C9A5F;background:#EAF7EC;}
.min-order-marker-label{font-size:.6rem;color:var(--ink-soft);font-weight:600;white-space:nowrap;}
#placeOrderBtn:disabled{opacity:.5;cursor:not-allowed;}
@media(max-width:640px){
  .min-order-bar{padding:12px 14px 16px;margin-bottom:14px;}
  .min-order-track{margin:0 26px;}
  .min-order-marker{right:-26px;}
  .min-order-msg{font-size:.8rem;}
}

/* ---- available coupons list (checkout page, below Order Summary) ---- */
.available-coupons h2{margin-bottom:12px;}
.avail-coupon{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  background:linear-gradient(160deg,#FFFDF8,#FFF6E4);
  border:1px dashed var(--gold);border-radius:10px;padding:10px 12px;margin-bottom:8px;
}
.avail-coupon-info{display:flex;flex-direction:column;gap:1px;}
.avail-coupon-code{font-weight:700;color:var(--amber);font-size:.9rem;letter-spacing:.03em;}
.avail-coupon-desc{font-size:.74rem;color:var(--ink-soft);}
.avail-coupon-copy{
  padding:6px 14px;border-radius:999px;border:1px solid var(--gold);background:#fff;
  color:var(--amber);font-weight:600;font-size:.76rem;cursor:pointer;white-space:nowrap;
  transition:background .15s;
}
.avail-coupon-copy:hover{background:#FFF6E4;}
@media(max-width:640px){
  .avail-coupon{padding:9px 10px;}
  .avail-coupon-code{font-size:.85rem;}
}