/* ===== Svarnim Wood Pressed Oils — Shared Styles ===== */
:root{
  --bg-cream:#FBF4E4;
  --teal-deep:#0D2B28;
  --teal-mid:#163E39;
  --gold:#C9972F;
  --gold-light:#E3B85B;
  --wood:#7A4B28;
  --ink:#1B2420;
  --line: rgba(13,43,40,0.14);
  --radius: 4px;
  --green-sock:#1FAF55;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  font-family:'Manrope', sans-serif;
  background:var(--bg-cream);
  color:var(--ink);
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
h1,h2,h3,.display{
  font-family:'Fraunces', serif;
  font-weight:700;
  letter-spacing:-0.01em;
  margin:0;
  color:var(--teal-deep);
}
a{color:inherit; text-decoration:none;}
img{max-width:100%; display:block;}
.wrap{max-width:1140px; margin:0 auto; padding:40px 24px;}

/* ===== Drip signature element ===== */
.drip{
  width:10px; height:14px;
  background:var(--gold);
  border-radius:50% 50% 50% 50% / 60% 60% 40% 40%;
  transform: rotate(180deg);
  display:inline-block;
}
.drip-anim{position:relative; width:14px; height:60px;}
.drip-anim span{
  position:absolute; left:2px; top:0;
  width:10px;height:14px;background:var(--gold);
  border-radius:50% 50% 50% 50% / 60% 60% 40% 40%;
}

/* ===== Header / Nav ===== */
header{
  position:sticky; top:0; z-index:100;
  background:var(--teal-deep);
  border-bottom:2px solid var(--gold);
}
.navbar{
  display:flex; align-items:center; justify-content:space-between;
  padding:14px 24px; max-width:1140px; margin:0 auto;
}
.brand{display:flex; align-items:center; gap:10px;}
.brand .drip{width:9px;height:13px;}
.brand-text{
  font-family:'Fraunces', serif; font-weight:700; font-size:1.5rem;
  color:var(--bg-cream); letter-spacing:0.01em;
}
.brand-sub{
  font-size:0.62rem; letter-spacing:0.14em; text-transform:uppercase;
  color:var(--gold-light); display:block; margin-top:-2px;
}
nav.links{display:flex; gap:2px; flex-wrap:nowrap;}
nav.links a{
  background:none; border:none; cursor:pointer;
  color:var(--bg-cream); font-family:'Manrope',sans-serif;
  font-size:0.86rem; font-weight:600; padding:10px 11px;
  border-radius:var(--radius); transition:background .2s, color .2s;
  letter-spacing:0.01em; display:inline-flex; align-items:center; gap:5px;
  white-space:nowrap;
}
nav.links a:hover{background:rgba(255,255,255,0.08);}
nav.links a.active{background:var(--gold); color:var(--teal-deep);}
.nav-toggle{display:none; background:none; border:1px solid var(--gold); color:var(--bg-cream); padding:8px 12px; border-radius:var(--radius); cursor:pointer; font-size:1.1rem;}

/* With 8 nav items, collapse to the mobile menu earlier than a typical 4-6 item nav */
@media (max-width:1060px){
  nav.links{
    display:none; position:absolute; top:100%; left:0; right:0;
    background:var(--teal-deep); flex-direction:column; padding:8px;
    border-bottom:2px solid var(--gold); max-height:80vh; overflow-y:auto;
  }
  nav.links.open{display:flex;}
  .nav-toggle{display:block;}
  nav.links a{text-align:left; font-size:0.92rem; padding:12px 14px;}
}
@media (max-width:400px){
  .brand-sub{display:none;}
  .cart-btn span:not(.cart-badge){display:none;}
}

section{padding:64px 0;}
.eyebrow{
  font-size:0.78rem; text-transform:uppercase; letter-spacing:0.18em;
  color:var(--wood); font-weight:700; margin-bottom:10px; display:flex; align-items:center; gap:8px;
}
.lede{font-size:1.05rem; line-height:1.7; max-width:640px; color:#3a463f;}

/* HERO (per-page, shorter) */
.page-hero{
  background:var(--teal-deep) url('img/hero-home.svg') center/cover no-repeat;
  color:var(--bg-cream);
  padding:70px 0 56px; position:relative; overflow:hidden;
}
.page-hero.hero-about    { background-image:url('img/hero-about.svg'); }
.page-hero.hero-products { background-image:url('img/hero-products.svg'); }
.page-hero.hero-gallery  { background-image:url('img/hero-gallery.svg'); }
.page-hero.hero-why      { background-image:url('img/hero-why.svg'); }
.page-hero.hero-contact  { background-image:url('img/hero-contact.svg'); }
.page-hero.hero-process  { background-image:url('img/hero-process.svg'); }
.page-hero.hero-certifications { background-image:url('img/hero-certifications.svg'); }
.page-hero::before{
  content:''; position:absolute; inset:0;
  background: linear-gradient(120deg, rgba(13,43,40,0.92) 0%, rgba(13,43,40,0.78) 45%, rgba(13,43,40,0.55) 100%);
  pointer-events:none;
}
.page-hero .wrap{ position:relative; z-index:1; }
.page-hero h1{color:var(--bg-cream); font-size:clamp(2.1rem, 4.5vw, 3.1rem); line-height:1.08;}
.page-hero h1 em{font-style:italic; color:var(--gold-light);}
.page-hero p{color:#cfe0dc; font-size:1.02rem; line-height:1.7; margin-top:16px; max-width:520px;}
.crumb{font-size:0.8rem; color:var(--gold-light); letter-spacing:0.08em; text-transform:uppercase; display:flex; gap:8px; align-items:center;}
.page-hero-tag{
  display:inline-flex; align-items:center; gap:8px;
  font-family:'Fraunces', serif; font-style:italic; font-size:1.08rem;
  color:var(--gold-light); margin-top:14px; line-height:1.5;
  border-left:2px solid var(--gold); padding-left:14px;
}
@media (max-width:760px){
  .page-hero-tag{ border-left:none; padding-left:0; justify-content:center; text-align:center; }
}

.btn-row{display:flex; gap:14px; margin-top:26px; flex-wrap:wrap;}
.btn{
  display:inline-flex; align-items:center; gap:8px;
  padding:13px 24px; border-radius:var(--radius); font-weight:700;
  font-size:0.92rem; cursor:pointer; border:2px solid transparent;
}
.btn-primary{background:var(--gold); color:var(--teal-deep);}
.btn-primary:hover{background:var(--gold-light);}
.btn-outline{border-color:var(--gold-light); color:var(--bg-cream);}
.btn-outline:hover{background:rgba(255,255,255,0.08);}
.btn-dark{background:var(--teal-deep); color:var(--bg-cream);}
.btn-dark:hover{background:var(--teal-mid);}

.trust{background:var(--bg-cream); border-bottom:1px solid var(--line); padding:22px 0;}
.trust .wrap{display:flex; flex-wrap:wrap; gap:24px; justify-content:space-between;}
.trust-item{display:flex; align-items:center; gap:10px; font-size:0.86rem; font-weight:600; color:var(--teal-mid);}
.trust-item i{color:var(--gold); font-size:0.95rem;}

.grid-3{display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-top:40px;}
@media (max-width:760px){.grid-3{grid-template-columns:1fr;}}
.card{
  background:#fff; border:1px solid var(--line); border-radius:var(--radius);
  padding:28px; transition:transform .25s, box-shadow .25s;
}
.card:hover{transform:translateY(-4px); box-shadow:0 10px 28px rgba(13,43,40,0.08);}
.card .ic{width:38px;height:38px; border-radius:50%; background:rgba(201,151,47,0.12); display:flex; align-items:center; justify-content:center; color:var(--gold); margin-bottom:14px; font-size:1.05rem;}
.card h3{font-size:1.15rem; margin-bottom:8px;}
.card p{font-size:0.92rem; color:#566159; line-height:1.6; margin:0;}
.card .num{font-family:'Fraunces',serif; font-size:0.78rem; color:var(--gold); font-weight:700; letter-spacing:0.08em;}

.oil-strip{display:grid; grid-template-columns:repeat(6,1fr); gap:14px; margin-top:36px;}
@media (max-width:760px){.oil-strip{grid-template-columns:repeat(3,1fr);}}
.oil-chip{
  background:#fff; border:1px solid var(--line); border-radius:var(--radius);
  padding:16px 8px; text-align:center; cursor:pointer; transition:.2s;
}
.oil-chip:hover{border-color:var(--gold); transform:translateY(-3px);}
.oil-chip i{color:var(--gold); font-size:1.5rem;}
.oil-chip span{display:block; font-size:0.74rem; font-weight:700; margin-top:6px; color:var(--teal-mid);}

.sec-head{display:flex; justify-content:space-between; align-items:flex-end; gap:20px; flex-wrap:wrap; margin-bottom:10px;}

.split{display:grid; grid-template-columns:1fr 1fr; gap:50px; align-items:center;}
@media (max-width:760px){.split{grid-template-columns:1fr;}}
.quote-block{border-left:3px solid var(--gold); padding:18px 24px; margin:28px 0; background:#fff;}
.quote-block p{font-family:'Fraunces',serif; font-style:italic; font-size:1.15rem; color:var(--teal-deep); margin:0;}
.timeline{margin-top:30px; border-top:1px solid var(--line);}
.t-row{display:grid; grid-template-columns:90px 1fr; gap:18px; padding:18px 0; border-bottom:1px solid var(--line);}
.t-row .label{font-weight:700; color:var(--wood); font-size:0.85rem; text-transform:uppercase; letter-spacing:0.08em;}
.t-row p{margin:0; font-size:0.92rem; color:#3a463f; line-height:1.6;}
.founders{display:flex; gap:16px; margin-top:18px; flex-wrap:wrap;}
.founder-pill{background:var(--teal-deep); color:var(--bg-cream); padding:10px 18px; border-radius:30px; font-size:0.85rem; font-weight:600; border:1px solid var(--gold); display:inline-flex; align-items:center; gap:8px;}

.stat-row{display:grid; grid-template-columns:repeat(4,1fr); gap:20px; margin-top:40px; text-align:center;}
@media (max-width:700px){.stat-row{grid-template-columns:repeat(2,1fr);}}
.stat{padding:20px 10px; border-top:2px solid var(--gold);}
.stat .big{font-family:'Fraunces',serif; font-size:2.1rem; font-weight:700; color:var(--teal-deep);}
.stat .lbl{font-size:0.78rem; color:#566159; text-transform:uppercase; letter-spacing:0.06em; margin-top:4px;}

/* Products */
.filter-row{display:flex; gap:10px; flex-wrap:wrap; margin-bottom:30px;}
.filter-row button{border:1px solid var(--line); background:#fff; padding:9px 16px; border-radius:30px; font-size:0.84rem; font-weight:600; cursor:pointer; color:var(--teal-mid);}
.filter-row button.active{background:var(--teal-deep); color:var(--bg-cream); border-color:var(--teal-deep);}
.prod-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:22px;}
@media (max-width:900px){.prod-grid{grid-template-columns:repeat(2,1fr);}}
@media (max-width:560px){.prod-grid{grid-template-columns:1fr;}}
.prod-card{background:#fff; border:1px solid var(--line); border-radius:var(--radius); overflow:hidden; cursor:pointer; transition:.2s;}
.prod-card:hover{box-shadow:0 12px 30px rgba(13,43,40,0.1); transform:translateY(-3px);}
.prod-img{height:190px; display:flex; align-items:center; justify-content:center; background:linear-gradient(135deg,#f4ecd8,#ece0c2); overflow:hidden;}
.prod-img i{font-size:2.8rem; color:var(--wood);}
.prod-img img{height:170px; width:auto; transition:transform .25s ease;}
.prod-card:hover .prod-img img{transform:scale(1.06) translateY(-2px);}
.prod-body{padding:18px;}
.prod-body h3{font-size:1.05rem;}
.prod-body .tag{font-size:0.72rem; color:var(--wood); font-weight:700; text-transform:uppercase; letter-spacing:0.06em; display:block; margin-top:6px;}
.prod-body p{font-size:0.85rem; color:#566159; margin:10px 0 0; line-height:1.55;}
.view-link{font-size:0.82rem; font-weight:700; color:var(--gold); margin-top:12px; display:inline-block;}

/* Modal detail (products) */
.overlay{display:none; position:fixed; inset:0; background:rgba(13,43,40,0.6); z-index:200; align-items:center; justify-content:center; padding:20px;}
.overlay.open{display:flex;}
.modal{background:#fff; max-width:560px; width:100%; border-radius:6px; overflow:hidden; max-height:88vh; overflow-y:auto; border-top:4px solid var(--gold); position:relative;}
.modal-head{padding:30px; background:linear-gradient(135deg,#f4ecd8,#ece0c2); display:flex; align-items:center; gap:20px;}
.modal-head i{font-size:2.6rem; color:var(--wood);}
#modalIcon img{height:84px; width:auto;}
.modal-body{padding:26px 30px 30px;}
.modal-body h4{font-size:0.8rem; text-transform:uppercase; letter-spacing:0.08em; color:var(--wood); margin:18px 0 6px;}
.modal-body p{margin:0; font-size:0.92rem; line-height:1.65; color:#3a463f;}
.modal-close{position:absolute; top:14px; right:16px; background:none; border:none; font-size:1.4rem; cursor:pointer; color:var(--teal-deep);}
.chips{display:flex; gap:8px; flex-wrap:wrap; margin-top:10px;}
.chip{background:var(--teal-deep); color:var(--bg-cream); font-size:0.72rem; padding:5px 11px; border-radius:20px; font-weight:600;}

/* Gallery */
.gallery-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:16px; margin-top:36px;}
@media (max-width:900px){.gallery-grid{grid-template-columns:repeat(3,1fr);}}
@media (max-width:600px){.gallery-grid{grid-template-columns:repeat(2,1fr);}}
.gallery-tile{
  aspect-ratio:1; background:linear-gradient(135deg,#163E39,#0D2B28);
  border-radius:var(--radius); display:flex; align-items:center; justify-content:center;
  color:var(--gold-light); position:relative; overflow:hidden; cursor:pointer; border:1px solid rgba(255,255,255,0.08);
}
.gallery-tile i{font-size:2rem; transition:transform .3s;}
.gallery-tile:hover i{transform:scale(1.15);}
.gallery-tile .gt-label{position:absolute; bottom:0; left:0; right:0; background:rgba(13,43,40,0.85); color:var(--bg-cream); font-size:0.74rem; font-weight:700; padding:8px; text-align:center; transform:translateY(100%); transition:transform .25s;}
.gallery-tile:hover .gt-label{transform:translateY(0);}

.lightbox{display:none; position:fixed; inset:0; background:rgba(13,43,40,0.92); z-index:250; align-items:center; justify-content:center; padding:20px;}
.lightbox.open{display:flex;}
.lightbox-inner{position:relative; max-width:600px; width:100%; background:var(--bg-cream); border-radius:6px; padding:40px; text-align:center; border-top:4px solid var(--gold);}
.lightbox-inner i.lb-icon{font-size:4.5rem; color:var(--teal-deep); display:block; margin:0 auto 18px;}
.lightbox-close{position:absolute; top:12px; right:14px; background:none; border:none; color:var(--teal-deep); font-size:1.6rem; cursor:pointer;}
.lb-nav{position:fixed; top:50%; transform:translateY(-50%); background:rgba(255,255,255,0.12); border:1px solid var(--gold-light); color:#fff; width:46px; height:46px; border-radius:50%; cursor:pointer; font-size:1.3rem; display:flex; align-items:center; justify-content:center; z-index:260;}
.lb-prev{left:24px;} .lb-next{right:24px;}
@media (max-width:600px){.lb-nav{width:38px;height:38px; font-size:1.1rem;} .lb-prev{left:8px;} .lb-next{right:8px;}}

/* Image scroller / marquee */
.scroller{overflow:hidden; position:relative; margin-top:36px; -webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent); mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);}
.scroller-track{display:flex; gap:18px; width:max-content;}
.scroller-card{
  width:180px; height:130px; border-radius:var(--radius); background:linear-gradient(135deg,#f4ecd8,#ece0c2);
  display:flex; flex-direction:column; align-items:center; justify-content:center; flex-shrink:0; border:1px solid var(--line);
}
.scroller-card i{font-size:1.9rem; color:var(--wood);}
.scroller-card span{font-size:0.78rem; font-weight:700; margin-top:8px; color:var(--teal-mid);}

/* Why choose us */
.process-row{display:grid; grid-template-columns:repeat(4,1fr); gap:18px; margin-top:30px;}
@media (max-width:860px){.process-row{grid-template-columns:repeat(2,1fr);}}
@media (max-width:520px){.process-row{grid-template-columns:1fr;}}
.process-card{background:#fff; border:1px solid var(--line); padding:24px 20px; text-align:left; border-radius:var(--radius);}
.process-card .ic{width:38px;height:38px; border-radius:50%; background:rgba(31,175,85,0.12); display:flex; align-items:center; justify-content:center; color:var(--green-sock); margin-bottom:10px; font-size:1.05rem;}
.process-card h3{font-size:0.98rem; margin-top:6px;}
.process-card p{font-size:0.84rem; color:#566159; margin-top:6px; line-height:1.55;}

.compare-table{width:100%; border-collapse:collapse; margin-top:34px; background:#fff; border-radius:6px; overflow:hidden; box-shadow:0 4px 18px rgba(13,43,40,0.06);}
.compare-table th, .compare-table td{padding:14px 16px; text-align:left; font-size:0.88rem; border-bottom:1px solid var(--line);}
.compare-table th{background:var(--teal-deep); color:var(--bg-cream); font-weight:700;}
.compare-table td.yes{color:var(--green-sock); font-weight:700;}
.compare-table td.no{color:#b3554b; font-weight:700;}
.compare-table tr:last-child td{border-bottom:none;}

/* Contact */
.contact-grid{display:grid; grid-template-columns:1fr 1fr; gap:50px;}
@media (max-width:860px){.contact-grid{grid-template-columns:1fr;}}
.info-card{background:var(--teal-deep); color:var(--bg-cream); padding:32px; border-radius:var(--radius); border-top:3px solid var(--gold);}
.info-row{display:flex; gap:14px; align-items:flex-start; margin-bottom:20px;}
.info-row i{color:var(--gold-light); font-size:1.05rem; margin-top:2px; flex-shrink:0; width:20px;}
.info-row a, .info-row span{font-size:0.92rem; color:#dfe9e6; line-height:1.6;}
.social-row{display:flex; gap:12px; margin-top:24px;}
.social-circle{width:40px; height:40px; border-radius:50%; border:1px solid var(--gold-light); display:flex; align-items:center; justify-content:center; color:var(--gold-light); transition:.2s;}
.social-circle:hover{background:var(--gold); color:var(--teal-deep);}
.social-circle i{font-size:1.05rem;}
.map-box{margin-top:24px; border-radius:var(--radius); overflow:hidden; border:1px solid var(--line);}
.map-box iframe{width:100%; height:230px; border:0; display:block;}

form.contact-form{display:flex; flex-direction:column; gap:14px;}
form.contact-form label{font-size:0.78rem; font-weight:700; text-transform:uppercase; letter-spacing:0.06em; color:var(--teal-mid); margin-bottom:-8px;}
form.contact-form input, form.contact-form textarea{border:1px solid var(--line); border-radius:var(--radius); padding:12px 14px; font-family:'Manrope',sans-serif; font-size:0.92rem; background:#fff; color:var(--ink);}
form.contact-form input:focus, form.contact-form textarea:focus{outline:2px solid var(--gold); border-color:var(--gold);}
form.contact-form button{margin-top:6px; background:var(--teal-deep); color:var(--bg-cream); border:none; padding:14px; border-radius:var(--radius); font-weight:700; cursor:pointer; font-size:0.92rem; display:flex; align-items:center; justify-content:center; gap:8px;}
form.contact-form button:hover{background:var(--teal-mid);}
.form-note{font-size:0.78rem; color:#7a847e; margin-top:4px;}

/* WhatsApp floating button — green sock pulse */
.wa-float{
  position:fixed; bottom:22px; right:22px; z-index:300;
  background:var(--green-sock); color:#fff; width:58px; height:58px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  box-shadow:0 8px 22px rgba(0,0,0,0.25);
}
.wa-float i{font-size:1.7rem;}
.wa-ring{
  position:fixed; bottom:22px; right:22px; width:58px; height:58px; border-radius:50%;
  border:2px solid var(--green-sock); z-index:299; pointer-events:none;
}

footer{background:var(--teal-deep); color:#bcd0cb; padding:40px 0 26px; margin-top:0;}
.foot-grid{display:flex; justify-content:space-between; gap:30px; flex-wrap:wrap;}
.foot-grid .brand-text{color:var(--bg-cream);}
footer .foot-links{display:flex; gap:18px; flex-wrap:wrap;}
footer .foot-links a{color:#bcd0cb; cursor:pointer; font-size:0.84rem; font-family:'Manrope',sans-serif;}
footer .foot-links a:hover{color:var(--gold-light);}
.foot-bottom{border-top:1px solid rgba(255,255,255,0.12); margin-top:26px; padding-top:18px; font-size:0.78rem; display:flex; justify-content:space-between; flex-wrap:wrap; gap:10px;}

/* reveal-on-scroll baseline (GSAP will animate) */
.reveal{opacity:0; transform:translateY(24px);}

/* ======================================================
   RICH FOOTER — Vaishadya-style with background image
   ====================================================== */
.site-footer {
  position: relative;
  background: var(--teal-deep);
  color: #bcd0cb;
  padding: 70px 0 0;
  margin-top: 0;
  overflow: hidden;
}

/* Olive/golden sunflower-oil background image via CSS */
.footer-bg-overlay {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(rgba(10,35,32,0.82), rgba(10,35,32,0.82)),
    url('https://images.unsplash.com/photo-1474979266404-7eaacbcd87c5?w=1600&q=80&fit=crop') center/cover no-repeat;
  z-index: 0;
}

.footer-inner { position: relative; z-index: 1; }

.footer-grid {
  display: grid;
  grid-template-columns: 1.7fr 1fr 1fr 1fr 1.3fr;
  gap: 36px;
  padding-bottom: 50px;
}
@media (max-width: 1100px) { .footer-grid { grid-template-columns: 1fr 1fr 1fr; } }
@media (max-width: 680px)  { .footer-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 420px)  { .footer-grid { grid-template-columns: 1fr; } }

.footer-brand { display:flex; align-items:center; gap:10px; margin-bottom:14px; }
.footer-tagline { font-size:0.84rem; line-height:1.65; color:#bcd0cb; max-width:260px; margin-bottom:18px; }

.footer-contact-list { display:flex; flex-direction:column; gap:10px; margin-bottom:18px; }
.footer-contact-item { display:flex; align-items:flex-start; gap:10px; font-size:0.82rem; }
.footer-contact-item i { color:var(--gold-light); margin-top:2px; flex-shrink:0; }
.footer-contact-item a { color:#bcd0cb; }
.footer-contact-item a:hover { color:var(--gold-light); }

.footer-socials { display:flex; gap:10px; margin-top:4px; }
.footer-socials .social-circle {
  width:36px; height:36px; border-radius:50%; border:1px solid rgba(201,151,47,0.5);
  display:flex; align-items:center; justify-content:center; color:#bcd0cb; transition:.2s;
}
.footer-socials .social-circle:hover { background:var(--gold); color:var(--teal-deep); border-color:var(--gold); }

.footer-col-title {
  color: #fff;
  font-size: 0.92rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  margin-bottom: 18px;
  padding-bottom: 10px;
  border-bottom: 2px solid var(--gold);
  display: inline-block;
}

.footer-links { list-style: none; padding: 0; margin: 0; display:flex; flex-direction:column; gap:10px; }
.footer-links li a {
  color:#bcd0cb; font-size:0.85rem; display:flex; align-items:center; gap:8px; transition:.2s;
}
.footer-links li a i { font-size:0.65rem; color:var(--gold); transition:.2s; }
.footer-links li a:hover { color:var(--gold-light); padding-left:4px; }

/* Payment badges */
.footer-pay-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}
.pay-badge {
  background: rgba(255,255,255,0.92);
  border-radius: 6px;
  padding: 8px 10px;
  display: flex;
  align-items: center;
  gap: 7px;
  font-size:0.72rem;
  font-weight: 700;
  color: #333;
  border: 1px solid rgba(255,255,255,0.2);
}

/* Footer bottom bar */
.footer-bottom-bar {
  position: relative; z-index: 1;
  background: rgba(0,0,0,0.35);
  border-top: 1px solid rgba(255,255,255,0.1);
  padding: 16px 0;
  font-size: 0.78rem;
  color: #9fb8b3;
}
.footer-bottom-bar nav a { color:#9fb8b3; font-size:0.78rem; }
.footer-bottom-bar nav a:hover { color:var(--gold-light); }

/* ======================================================
   SHOPPING CART
   ====================================================== */

/* Cart icon in nav */
.cart-btn {
  position: relative;
  background: none; border: none; cursor: pointer;
  color: var(--bg-cream); font-size: 1.1rem;
  display: flex; align-items: center; gap:6px;
  padding: 6px 10px; border-radius: 6px;
  transition: .2s;
}
.cart-btn:hover { background: rgba(255,255,255,0.1); }
.cart-badge {
  position: absolute; top:-6px; right:-4px;
  background: var(--gold); color: var(--teal-deep);
  font-size:0.64rem; font-weight:800; min-width:18px; height:18px;
  border-radius: 9px; display:flex; align-items:center; justify-content:center;
  padding: 0 4px; line-height:1;
}

/* Product card with price & Add to Cart */
.prod-card { cursor: default; }
.prod-price {
  font-size: 1.05rem; font-weight: 800; color: var(--teal-deep);
  margin: 10px 0 4px;
  font-family: 'Fraunces', serif;
  /*opacity: 0;*/
}
.prod-price .price-unit { font-size: 0.75rem; font-weight:500; color:#7a847e; margin-left:2px; }
.prod-size-row {
  display: flex; gap: 6px; margin-bottom: 12px; flex-wrap: wrap;
}
.size-btn {
  background: var(--bg-cream); border: 1px solid var(--line);
  color: var(--teal-mid); font-size: 0.72rem; font-weight: 700;
  padding: 4px 10px; border-radius: 20px; cursor: pointer; transition: .15s;
}
.size-btn.active, .size-btn:hover {
  background: var(--teal-deep); color: #fff; border-color: var(--teal-deep);
}
.btn-add-cart {
  width: 100%; background: var(--teal-deep); color: var(--bg-cream);
  border: none; border-radius: var(--radius); padding: 10px 16px;
  font-weight: 700; font-size: 0.85rem; cursor: pointer;
  display: flex; align-items: center; justify-content: center; gap: 8px;
  transition: .2s;
}
.btn-add-cart:hover { background: var(--teal-mid); }

/* Cart drawer */
.cart-drawer {
  position: fixed; top: 0; right: -420px;
  width: min(420px, 100vw); height: 100vh;
  background: var(--bg-cream); z-index: 500;
  box-shadow: -8px 0 40px rgba(0,0,0,0.18);
  transition: right .35s cubic-bezier(.4,0,.2,1);
  display: flex; flex-direction: column;
  font-family: 'Manrope', sans-serif;
}
.cart-drawer.open { right: 0; }

.cart-drawer-head {
  padding: 20px 22px 16px;
  border-bottom: 1px solid var(--line);
  display: flex; align-items: center; justify-content: space-between;
  background: var(--teal-deep); color: #fff;
}
.cart-drawer-head h3 { margin:0; font-size:1.1rem; font-family:'Fraunces',serif; }
.cart-close-btn {
  background:none; border:none; color:#fff; font-size:1.4rem; cursor:pointer; line-height:1;
}

.cart-items-area { flex:1; overflow-y:auto; padding: 16px 22px; }

.cart-empty { text-align:center; padding:60px 0; color:#7a847e; }
.cart-empty i { font-size:3rem; display:block; margin-bottom:14px; color:var(--line); }

.cart-item {
  display: flex; gap: 14px; align-items: flex-start;
  padding: 14px 0; border-bottom: 1px solid var(--line);
}
.cart-item-icon {
  width:52px; height:52px; border-radius:8px;
  background: linear-gradient(135deg, #f4ecd8, #ece0c2);
  display:flex; align-items:center; justify-content:center;
  color: var(--wood); font-size:1.3rem; flex-shrink:0; overflow:hidden;
}
.cart-item-icon img{ height:46px; width:auto; }
.cart-item-info { flex:1; }
.cart-item-name { font-weight:700; font-size:0.9rem; color:var(--ink); }
.cart-item-meta { font-size:0.78rem; color:#7a847e; margin:2px 0 8px; }
.cart-item-row { display:flex; align-items:center; gap:10px; }
.cart-qty { display:flex; align-items:center; gap:0; border:1px solid var(--line); border-radius:6px; overflow:hidden; }
.cart-qty button {
  background:none; border:none; width:28px; height:28px; cursor:pointer;
  font-size:1rem; color:var(--teal-deep); display:flex; align-items:center; justify-content:center;
}
.cart-qty button:hover { background:rgba(201,151,47,0.12); }
.cart-qty span { width:28px; text-align:center; font-size:0.85rem; font-weight:700; }
.cart-item-price { font-weight:800; color:var(--teal-deep); font-size:0.92rem; font-family:'Fraunces',serif; }
.cart-remove { background:none; border:none; cursor:pointer; color:#c0392b; font-size:0.8rem; padding:0 4px; }

.cart-footer { padding:16px 22px; border-top:1px solid var(--line); background:#fff; }
.cart-subtotal { display:flex; justify-content:space-between; font-weight:700; font-size:1rem; margin-bottom:14px; color:var(--ink); }
.cart-subtotal span:last-child { font-family:'Fraunces',serif; color:var(--teal-deep); font-size:1.1rem; }
.cart-pay-btns { display:flex; flex-direction:column; gap:10px; }
.pay-btn {
  width:100%; padding:13px; border:none; border-radius:8px;
  font-weight:700; font-size:0.92rem; cursor:pointer;
  display:flex; align-items:center; justify-content:center; gap:10px;
  transition:.2s;
}
.pay-btn-gpay { background:#fff; border:2px solid #e0e0e0; color:#333; }
.pay-btn-gpay:hover { border-color:#4285f4; box-shadow:0 2px 8px rgba(66,133,244,.2); }
.pay-btn-phonepe { background:#5f259f; color:#fff; }
.pay-btn-phonepe:hover { background:#4a1b7a; }
.pay-btn-whatsapp { background:var(--green-sock); color:#fff; }
.pay-btn-whatsapp:hover { background:#1da851; }

/* Cart overlay */
.cart-overlay {
  position:fixed; inset:0; background:rgba(13,43,40,0.45);
  z-index:499; display:none;
  backdrop-filter: blur(2px);
}
.cart-overlay.open { display:block; }

/* prod-card pointer fix */
.prod-card { cursor: default !important; }
.prod-card .prod-body { cursor:default; }
.prod-details-link { cursor:pointer; color:var(--teal-mid); font-size:0.82rem; font-weight:600; }
.prod-details-link:hover { color:var(--gold); }

/* ===== HOME HERO RESPONSIVE FIX ===== */
.hero-inner {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 50px;
  align-items: center;
}
@media (max-width: 760px) {
  .hero-inner {
    grid-template-columns: 1fr;
    gap: 32px;
    text-align: center;
  }
  .hero-inner .btn-row { justify-content: center; }
  .hero-inner .crumb { justify-content: center; }
  .hero-inner .hero-art { display: none !important; }
  .page-hero { padding: 44px 0 36px; }
}

/* ===== POLICY PAGES ===== */
.policy-hero {
  background: var(--teal-deep) url('img/hero-privacy.svg') center/cover no-repeat;
  color: var(--bg-cream);
  padding: 56px 0 44px;
  position: relative; overflow:hidden;
}
.policy-hero.hero-terms    { background-image:url('img/hero-terms.svg'); }
.policy-hero.hero-refund   { background-image:url('img/hero-refund.svg'); }
.policy-hero.hero-shipping { background-image:url('img/hero-shipping.svg'); }
.policy-hero::before{
  content:''; position:absolute; inset:0;
  background: linear-gradient(120deg, rgba(13,43,40,0.92) 0%, rgba(13,43,40,0.78) 45%, rgba(13,43,40,0.55) 100%);
  pointer-events:none;
}
.policy-hero .wrap{ position:relative; z-index:1; }
.policy-hero h1 { color: var(--bg-cream); font-size: clamp(1.8rem, 4vw, 2.6rem); }
.policy-hero p { color: #cfe0dc; margin-top: 12px; font-size: 1rem; }
.policy-body { max-width: 820px; margin: 0 auto; padding: 56px 24px 80px; }
.policy-body h2 {
  font-size: 1.3rem; color: var(--teal-deep);
  margin: 40px 0 12px; padding-bottom: 10px;
  border-bottom: 2px solid var(--gold);
  display: flex; align-items: center; gap: 10px;
}
.policy-body h2 i { color: var(--gold); font-size: 1rem; }
.policy-body p, .policy-body li { font-size: 0.96rem; color: #3a463f; line-height: 1.8; }
.policy-body ul, .policy-body ol { padding-left: 22px; margin: 10px 0 18px; }
.policy-body li { margin-bottom: 6px; }
.policy-body .intro-box {
  background: #fff; border-left: 4px solid var(--gold);
  border-radius: var(--radius); padding: 22px 26px; margin-bottom: 36px;
  font-size: 1rem; color: var(--teal-mid); line-height: 1.75;
}
.policy-body .highlight-box {
  background: var(--teal-deep); color: var(--bg-cream);
  border-radius: var(--radius); padding: 22px 26px; margin: 28px 0;
  font-size: 0.92rem; line-height: 1.75;
}
.policy-body .highlight-box strong { color: var(--gold-light); }
.policy-toc {
  background: #fff; border: 1px solid var(--line); border-radius: var(--radius);
  padding: 22px 26px; margin-bottom: 40px;
}
.policy-toc h3 { font-size: 0.88rem; text-transform: uppercase; letter-spacing: 0.1em; color: var(--wood); margin: 0 0 14px; }
.policy-toc ol { margin: 0; padding-left: 20px; }
.policy-toc ol li a { color: var(--teal-mid); font-size: 0.88rem; text-decoration: underline; }
.policy-toc ol li a:hover { color: var(--gold); }
.policy-contact-box {
  background: linear-gradient(135deg, var(--teal-mid), var(--teal-deep));
  color: var(--bg-cream); border-radius: 8px; padding: 36px;
  text-align: center; margin-top: 50px;
}
.policy-contact-box h3 { color: #fff; margin-bottom: 10px; }
.policy-contact-box p { color: #cfe0dc; margin-bottom: 20px; font-size: 0.95rem; }
.policy-updated {
  font-size: 0.8rem; color: #8a9e99; margin-top: 48px;
  border-top: 1px solid var(--line); padding-top: 18px;
}

/* ======================================================
   NEW COMPONENTS — Restructure per company profile
   (Core Values, Leadership, Certifications, Sustainability,
   Manufacturing/Infrastructure, checklists, packaging chips)
   ====================================================== */

/* Core Values / Manufacturing-Infrastructure feature grid (5 items) */
.value-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:34px;}
@media (max-width:980px){.value-grid{grid-template-columns:repeat(3,1fr);}}
@media (max-width:620px){.value-grid{grid-template-columns:repeat(2,1fr);}}
@media (max-width:420px){.value-grid{grid-template-columns:1fr;}}
.value-card{background:#fff; border:1px solid var(--line); border-radius:var(--radius); padding:22px 18px; text-align:center; transition:transform .2s, box-shadow .2s;}
.value-card:hover{transform:translateY(-4px); box-shadow:0 10px 26px rgba(13,43,40,0.08);}
.value-card .ic{width:44px; height:44px; border-radius:50%; background:rgba(201,151,47,0.12); color:var(--gold); display:flex; align-items:center; justify-content:center; margin:0 auto 12px; font-size:1.2rem;}
.value-card h3{font-size:1rem; margin-bottom:6px;}
.value-card p{font-size:0.82rem; color:#566159; line-height:1.55; margin:0;}

/* Leadership cards */
.leader-grid{display:grid; grid-template-columns:repeat(2,1fr); gap:26px; margin-top:34px;}
@media (max-width:700px){.leader-grid{grid-template-columns:1fr;}}
.leader-card{background:#fff; border:1px solid var(--line); border-radius:var(--radius); padding:30px; display:flex; gap:20px; align-items:flex-start;}
.leader-avatar{width:64px; height:64px; border-radius:50%; background:var(--teal-deep); color:var(--gold-light); display:flex; align-items:center; justify-content:center; font-size:1.5rem; flex-shrink:0; border:2px solid var(--gold);}
.leader-card h3{font-size:1.15rem; margin-bottom:2px;}
.leader-role{font-size:0.76rem; text-transform:uppercase; letter-spacing:0.1em; color:var(--wood); font-weight:700; display:block; margin-bottom:10px;}
.leader-card p{font-size:0.88rem; color:#566159; line-height:1.6; margin:0;}

/* Certification badges */
.cert-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:34px;}
@media (max-width:900px){.cert-grid{grid-template-columns:repeat(2,1fr);}}
@media (max-width:480px){.cert-grid{grid-template-columns:1fr;}}
.cert-badge{background:#fff; border:1px solid var(--line); border-top:3px solid var(--gold); border-radius:var(--radius); padding:26px 20px; text-align:center;}
.cert-badge .ic{width:50px; height:50px; border-radius:50%; background:rgba(201,151,47,0.12); color:var(--gold); display:flex; align-items:center; justify-content:center; margin:0 auto 14px; font-size:1.4rem;}
.cert-badge h3{font-size:0.98rem; margin-bottom:6px;}
.cert-badge p{font-size:0.78rem; color:#566159; margin:0; line-height:1.5;}
.cert-badge .cert-no{display:block; margin-top:8px; font-size:0.72rem; color:var(--wood); font-weight:700; letter-spacing:0.03em;}

/* Simple checklist (Quality Commitments / Why Choose Us list) */
.check-grid{display:grid; grid-template-columns:repeat(2,1fr); gap:14px 26px; margin-top:30px;}
@media (max-width:620px){.check-grid{grid-template-columns:1fr;}}
.check-item{display:flex; align-items:flex-start; gap:12px; font-size:0.92rem; color:#2c352f; line-height:1.5;}
.check-item i{color:var(--green-sock); font-size:1.05rem; margin-top:2px; flex-shrink:0;}
.no-item i{color:#b3554b;}

/* Packaging / business-model chip row */
.chip-row{display:flex; flex-wrap:wrap; gap:12px; margin-top:24px;}
.info-chip{
  background:#fff; border:1px solid var(--line); border-radius:30px;
  padding:10px 18px; font-size:0.84rem; font-weight:600; color:var(--teal-mid);
  display:inline-flex; align-items:center; gap:8px;
}
.info-chip i{color:var(--gold);}

/* Roadmap timeline (reuses .timeline look with a numbered marker) */
.roadmap-list{margin-top:30px; display:flex; flex-direction:column; gap:0;}
.roadmap-item{display:flex; gap:16px; padding:16px 0; border-bottom:1px solid var(--line); align-items:flex-start;}
.roadmap-item:first-child{border-top:1px solid var(--line);}
.roadmap-num{width:30px; height:30px; border-radius:50%; background:var(--teal-deep); color:var(--gold-light); font-family:'Fraunces',serif; font-weight:700; font-size:0.85rem; display:flex; align-items:center; justify-content:center; flex-shrink:0;}
.roadmap-item p{margin:4px 0 0; font-size:0.88rem; color:#566159;}
.roadmap-item strong{color:var(--teal-deep); font-size:0.98rem;}

/* ======================================================
   VIDEO THUMBNAIL + POPUP (Gallery page)
   ====================================================== */
.video-thumb{position:relative; width:100%; max-width:560px; border-radius:var(--radius); overflow:hidden; cursor:pointer; box-shadow:0 10px 28px rgba(13,43,40,0.15); outline:none;}
.video-thumb-img{width:100%; aspect-ratio:16/9; object-fit:cover; filter:brightness(0.65); display:block;}
.video-thumb:hover .video-thumb-img{filter:brightness(0.5);}
.video-play-btn{
  position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);
  width:74px; height:74px; border-radius:50%; background:rgba(201,151,47,0.92);
  color:var(--teal-deep); display:flex; align-items:center; justify-content:center;
  font-size:1.6rem; transition:.2s; box-shadow:0 6px 20px rgba(0,0,0,0.3);
}
.video-thumb:hover .video-play-btn{transform:translate(-50%,-50%) scale(1.08); background:var(--gold-light);}
.video-thumb-label{position:absolute; left:0; right:0; bottom:0; padding:14px 18px; background:linear-gradient(0deg, rgba(0,0,0,0.65), transparent); color:#fff; font-size:0.85rem; font-weight:600;}

.video-overlay{
  display:none; position:fixed; inset:0; background:rgba(13,43,40,0.85);
  z-index:600; align-items:center; justify-content:center; padding:20px;
}
.video-overlay.open{display:flex;}
.video-modal{position:relative; width:100%; max-width:500px;}
.video-modal video{width:100%; border-radius:8px; display:block; background:#000; max-height:80vh;}
.video-close{
  position:absolute; top:-42px; right:0; background:none; border:none;
  color:#fff; font-size:1.5rem; cursor:pointer; line-height:1;
}

/* ======================================================
   FAQ ACCORDION (custom, no Bootstrap)
   ====================================================== */
.faq-list{margin-top:30px; display:flex; flex-direction:column; gap:12px;}
.faq-item{background:#fff; border:1px solid var(--line); border-radius:var(--radius); overflow:hidden;}
.faq-question{
  width:100%; text-align:left; background:none; border:none; cursor:pointer;
  padding:18px 22px; display:flex; align-items:center; justify-content:space-between; gap:14px;
  font-family:'Fraunces',serif; font-weight:700; font-size:1rem; color:var(--teal-deep);
}
.faq-item.open .faq-question{background:rgba(201,151,47,0.08);}
.faq-question i{color:var(--gold); transition:transform .25s; flex-shrink:0;}
.faq-item.open .faq-question i{transform:rotate(180deg);}
.faq-answer{max-height:0; overflow:hidden; transition:max-height .3s ease;}
.faq-answer p{margin:0; padding:0 22px 20px; font-size:0.92rem; color:#3a463f; line-height:1.7;}
.faq-answer p a{color:var(--teal-deep); text-decoration:underline;}

/* ======================================================
   LOGO IMAGE (header + footer brand mark)
   ====================================================== */
.brand-logo{
  height: 119px;
  width: 200px;

  object-fit: cover;
  display: block;
  flex-shrink: 0;
  margin-right: 15px;
}
.brand-logo-footer{
  /* height:64px; width:64px; */
}
@media (max-width:760px){
 /* .brand-logo{height:44px; width:44px;}*/
}
.cart-customer-form {
        display: flex;
        flex-direction: column;
        gap: 12px;
        margin: 4px 0 14px;
      }
      .cart-customer-form label {
        display: block;
        font-family: "Manrope", sans-serif;
        font-size: 0.82rem;
        font-weight: 600;
        margin-bottom: 5px;
      }
      .cart-customer-form .required-star {
        color: #e0483f;
      }
      .cart-customer-form input {
        width: 100%;
        box-sizing: border-box;
      }
      .cart-customer-form input.input-error {
        border: 1.5px solid #e0483f !important;
        outline: none;
      }
      .field-error {
        display: none;
        color: #e0483f;
        font-size: 0.76rem;
        margin-top: 4px;
        font-family: "Manrope", sans-serif;
      }