/* =========================================================
   NATURE VITA DELIGHT — MASTER STYLESHEET
   ========================================================= */

:root{
  --green:#173d2b;
  --green-2:#24563e;
  --green-3:#315f48;
  --gold:#b78a3c;
  --cream:#f7f3e8;
  --paper:#fcfaf3;
  --line:#e4ddcc;
  --ink:#24362b;
  --muted:#69746b;
  --white:#fff;
  --shadow:0 16px 45px rgba(23,61,43,.12);
  --radius:18px;
  --container:1200px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:var(--paper);font-family:'DM Sans',sans-serif;line-height:1.6;overflow-x:hidden}
img{max-width:100%;display:block}
a{text-decoration:none;color:inherit}
button,input,textarea,select{font:inherit}
button{cursor:pointer}
.container{width:min(var(--container),calc(100% - 48px));margin-inline:auto}

/* ==================== TYPOGRAPHY ==================== */
h1,h2,h3{font-family:'Cormorant Garamond',serif;margin:0;line-height:.98;color:var(--green)}
h1{font-size:clamp(3rem,5.3vw,5.4rem);font-weight:700;letter-spacing:-.03em}
h1 em,h2 em{font-weight:500}
h2{font-size:clamp(2.2rem,3.7vw,4rem);font-weight:700}
h3{font-size:1.35rem}
p{margin:0 0 1rem}
.section-kicker{display:inline-block;text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;font-weight:700;color:var(--gold);margin-bottom:10px}
.section-kicker--light{color:#e8c887}

/* ==================== BUTTONS ==================== */
.btn{display:inline-flex;align-items:center;gap:13px;border:0;border-radius:999px;padding:13px 21px;font-weight:700;font-size:.9rem;transition:.25s ease}
.btn span{font-size:1.15em;transition:transform .25s ease}
.btn:hover span{transform:translateX(4px)}
.btn--primary,.btn--dark{background:var(--green);color:#fff;box-shadow:0 9px 25px rgba(23,61,43,.2)}
.btn--primary:hover,.btn--dark:hover{background:var(--green-2);transform:translateY(-2px)}
.btn--cream{background:#fff;color:var(--green)}
.btn--whatsapp{background:#20b957;color:#fff;justify-content:center;box-shadow:0 10px 24px rgba(32,185,87,.22)}
.btn--whatsapp:hover{background:#159b49;transform:translateY(-2px)}
.btn--full{width:100%}
.text-link{font-weight:700;color:var(--green);font-size:.88rem;white-space:nowrap}
.text-link span{margin-left:7px}

/* ==================== HERO ==================== */
.hero{position:relative;min-height:720px;display:flex;align-items:center;overflow:hidden;color:#fff;background:#d9e5de}
.hero__image{position:absolute;inset:0;background:url('../assets/hero/hero-himalayan.png') center center/cover no-repeat;transform:scale(1.01)}
.hero__overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(247,243,232,.96) 0%,rgba(247,243,232,.85) 34%,rgba(247,243,232,.16) 62%,rgba(23,61,43,.15) 100%)}
.hero__content{position:relative;z-index:2;min-height:720px;display:flex;align-items:center}
.hero__copy{width:min(560px,52%);padding:80px 0 50px;color:var(--ink)}
/* Hero brand logo + tagline */
.eyebrow{font-size:.68rem;letter-spacing:.08em;color:var(--green-2);font-weight:700;margin:0}
.hero__copy h1{margin-bottom:22px}
.hero__description{font-size:1rem;max-width:520px;color:#314038;margin-bottom:27px}
.hero__script{position:absolute;right:18%;top:9%;font-family:'Parisienne',cursive;font-size:2.45rem;line-height:1.03;color:#142f22;transform:rotate(-5deg);text-align:center;text-shadow:0 2px 0 rgba(255,255,255,.25)}
.hero-benefits{position:absolute;right:0;top:50%;transform:translateY(-44%);width:255px;border-radius:13px;background:rgba(74,45,24,.9);padding:7px;box-shadow:0 18px 35px rgba(0,0,0,.2);backdrop-filter:blur(3px)}
.hero-benefit{display:flex;align-items:center;gap:10px;color:#fff;padding:11px 9px;border-bottom:1px solid rgba(255,255,255,.17);font-size:.73rem;font-weight:600;line-height:1.2}
.hero-benefit:last-child{border-bottom:0}
.hero-benefit .icon{width:30px;height:30px;border:1px solid rgba(255,255,255,.7);border-radius:50%;display:grid;place-items:center;color:#fff;flex:0 0 30px;font-size:1rem}

/* ==================== TRUST STRIP ==================== */
.trust-strip{background:var(--cream);border-top:1px solid rgba(23,61,43,.06);border-bottom:1px solid var(--line)}
.trust-strip__grid{display:grid;grid-template-columns:repeat(5,1fr);padding:18px 0}
.trust-item{display:flex;justify-content:center;align-items:center;gap:11px;text-align:center;color:#1e3026;font-size:.78rem;font-weight:700;line-height:1.18;border-right:1px solid var(--line)}
.trust-item:last-child{border-right:0}
.trust-icon,.why-icon{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;flex:0 0 46px;background:var(--green);color:#fff;border:2px solid #fff;outline:1px solid rgba(23,61,43,.35);font-size:1.25rem}

/* ==================== SECTION HEADING ==================== */
.section{padding:80px 0}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:34px}
.section-heading p{color:var(--muted);font-size:.92rem;margin-top:10px}
.section-heading--center{display:block;text-align:center;margin-bottom:34px}

/* ==================== PRODUCTS ==================== */
.products{background:#fff}
.product-slider{position:relative}
.product-track{display:flex;gap:16px;overflow:hidden;scroll-behavior:smooth;padding:6px 4px 14px}
.product-card{flex:0 0 calc((100% - 48px)/4);background:#fbfaf4;border:1px solid var(--line);border-radius:14px;padding:11px;box-shadow:0 5px 15px rgba(23,61,43,.05);transition:.25s ease;display:flex;flex-direction:column;min-width:0}
.product-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#d7cbaa}
.product-card__image{height:220px;border-radius:10px;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden}
.product-card__image img{width:100%;height:100%;object-fit:contain}
.product-card__body{padding:12px 3px 2px;display:flex;flex-direction:column;flex:1}
.product-card h3{font-family:'DM Sans',sans-serif;font-size:1rem;font-weight:700;color:#1c2f24;line-height:1.2;margin-bottom:5px}
.product-card p{font-size:.74rem;color:var(--muted);line-height:1.3;margin-bottom:12px;min-height:32px}
.product-card .card-btn{margin-top:auto;width:100%;border:0;border-radius:999px;background:var(--green);color:#fff;padding:9px 10px;font-weight:700;font-size:.75rem}
.product-card .card-btn:hover{background:var(--green-2)}
.slider-arrow{position:absolute;z-index:5;top:46%;transform:translateY(-50%);width:40px;height:40px;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--green);box-shadow:0 8px 22px rgba(0,0,0,.1);font-size:1.7rem;line-height:1}
.slider-arrow--prev{left:-20px}.slider-arrow--next{right:-20px}
.slider-dots{display:flex;justify-content:center;gap:7px;margin-top:10px}
.slider-dot{width:8px;height:8px;border-radius:50%;border:0;background:#d8ddd7;padding:0}.slider-dot.active{background:var(--green);transform:scale(1.25)}

/* =========================================================
   INLINE WHATSAPP ENQUIRY — BELOW PRODUCT LISTING
   EDIT: Main visible enquiry form. Fully responsive and
   intentionally separate from the product cards.
   ========================================================= */
.inline-enquiry{
  position:relative;
  margin-top:42px;
  border:1px solid #dcd4c2;
  border-radius:26px;
  overflow:hidden;
  background:
    radial-gradient(circle at 88% 10%,rgba(183,138,60,.14),transparent 28%),
    linear-gradient(135deg,#f4f0e4 0%,#fffdf8 48%,#eef4e9 100%);
  box-shadow:0 20px 55px rgba(23,61,43,.09);
}
.inline-enquiry::before{
  content:"";
  position:absolute;
  inset:0;
  background:url('../assets/backgrounds/botanical-background.png') center/cover no-repeat;
  opacity:.16;
  pointer-events:none;
}
.inline-enquiry__glow{position:absolute;width:260px;height:260px;right:-110px;top:-120px;border-radius:50%;background:rgba(32,185,87,.09);filter:blur(8px)}
.inline-enquiry__layout{position:relative;z-index:1;display:grid;grid-template-columns:.82fr 1.18fr;gap:36px;padding:42px}
.inline-enquiry__copy{padding:10px 4px 10px 4px;align-self:center}
.inline-enquiry__copy h2{font-size:clamp(2.15rem,3.4vw,3.45rem);max-width:560px;margin-bottom:14px}
.inline-enquiry__copy>p{max-width:520px;color:#58655c;font-size:.93rem}
.inline-enquiry__points{display:grid;gap:13px;margin-top:25px}
.inline-enquiry__point{display:flex;gap:12px;align-items:flex-start}
.inline-enquiry__point-icon{width:40px;height:40px;flex:0 0 40px;border-radius:13px;background:var(--green);color:#fff;display:grid;place-items:center;box-shadow:0 8px 20px rgba(23,61,43,.15)}
.inline-enquiry__point-icon svg{width:21px;height:21px}
.inline-enquiry__point div{display:grid;gap:1px;padding-top:1px}
.inline-enquiry__point strong{font-size:.82rem;color:#20362a}
.inline-enquiry__point div span{font-size:.72rem;color:#6b766f;line-height:1.4}
.inline-enquiry__form-card{position:relative;background:rgba(255,255,255,.94);border:1px solid rgba(228,221,204,.95);border-radius:20px;padding:28px;box-shadow:0 16px 40px rgba(23,61,43,.08);backdrop-filter:blur(8px)}
.inline-enquiry__form-card::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;border-radius:20px 20px 0 0;background:linear-gradient(90deg,var(--green),#20b957,var(--gold))}
.inline-enquiry__form-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}
.inline-enquiry__form-label{font-size:.64rem;letter-spacing:.18em;font-weight:800;color:var(--gold)}
.inline-enquiry__form-top h3{font-family:'DM Sans',sans-serif;font-size:1.22rem;font-weight:800;color:var(--green);margin-top:4px}
.inline-enquiry__wa-badge{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:#e8f8ed;color:#20b957;border:1px solid #ccebd6}
.inline-enquiry__wa-badge svg{width:27px;height:27px}
.form-grid{display:grid;gap:14px}
.form-grid--two{grid-template-columns:1fr 1fr}
.whatsapp-form--inline{gap:13px}
.whatsapp-form--inline .btn{min-height:48px}
.inline-enquiry__submit svg{width:20px;height:20px}
.inline-enquiry__submit{gap:9px}

/* ==================== OUR STORY ==================== */
.story{
  display:grid;
  grid-template-columns:1.08fr .92fr;
  background:var(--cream);
  margin:56px auto;
  max-width:1300px;
  width:calc(100% - 48px);
  border-radius:26px;
  overflow:hidden;
  box-shadow:0 20px 50px rgba(23,61,43,.09);
}
.story__image{position:relative;min-height:520px;overflow:hidden}
.story__image img{width:100%;height:100%;object-fit:cover;object-position:center}
.story__image::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,30,20,.08),rgba(10,30,20,0))}
.story__image-caption{position:absolute;z-index:2;top:34px;right:8%;color:#12291e;text-align:center;transform:rotate(-4deg)}
.story__image-caption span{display:block;font-family:'Parisienne',cursive;font-size:4rem;line-height:.9}
.story__image-caption small{font-family:'Cormorant Garamond',serif;font-size:1.25rem;font-style:italic}
.story__content{position:relative;padding:74px clamp(35px,6vw,95px);display:flex;flex-direction:column;justify-content:center;overflow:hidden}
.story__content h2{margin-bottom:22px}
.story__content p{max-width:560px;color:#4c5b52;font-size:.92rem}
.story__content .btn{align-self:flex-start;margin-top:6px}
.story-decoration{position:absolute;right:7%;bottom:20px;color:var(--green-2);font-family:'Parisienne',cursive;text-align:center;font-size:2rem;line-height:.95;transform:rotate(-4deg)}
.story-decoration em{font-style:normal;font-size:1.45em}
.story-decoration strong{font-weight:400}

/* ==================== WHY CHOOSE ==================== */
.why{padding:60px 0 70px;background:#edf3e4 url('../assets/backgrounds/botanical-background.png') center/cover no-repeat;position:relative}
.why::before{content:"";position:absolute;inset:0;background:rgba(247,250,238,.76)}
.why>.container{position:relative;z-index:1}
.why-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}
.why-card{text-align:center;padding:10px 12px}
.why-icon{margin:0 auto 14px;width:58px;height:58px;flex-basis:58px;font-size:1.45rem}
.why-card h3{font-family:'DM Sans',sans-serif;font-size:.95rem;font-weight:700;color:#172d21;margin-bottom:0}
.why-card p{font-size:.78rem;color:#405047;margin:0}

/* ==================== RECIPES ==================== */
.recipes{position:relative;overflow:hidden;background:#2c1b0f;color:#fff}
.recipes__bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(49,27,13,.98),rgba(49,27,13,.8)),url('../assets/recipes/badi-aloo-ki-sabzi.png') center/cover;opacity:.95}
.recipes__inner{position:relative;z-index:1;display:grid;grid-template-columns:1.15fr repeat(3,1fr) .55fr;gap:16px;align-items:center;padding:46px 0}
.recipes__intro h2{color:#fff;font-size:clamp(2.1rem,3.4vw,3.5rem);margin-bottom:15px}
.recipes__intro p{font-size:.82rem;color:#efe4d4;max-width:250px;margin-bottom:18px}
.recipe-card{position:relative;border:2px solid rgba(255,255,255,.78);border-radius:3px;overflow:hidden;background:#3b2413;min-width:0}
.recipe-card img{width:100%;aspect-ratio:1.35/1;object-fit:cover;transition:.35s ease}
.recipe-card:hover img{transform:scale(1.04)}
.recipe-card h3{position:absolute;left:0;right:0;bottom:0;padding:30px 9px 9px;margin:0;color:#fff;text-align:center;font-family:'Parisienne',cursive;font-size:1.35rem;line-height:1;background:linear-gradient(transparent,rgba(0,0,0,.8))}
.recipes__script{font-family:'Parisienne',cursive;font-size:2.1rem;text-align:center;line-height:1.02;transform:rotate(-6deg);color:#f4e7d4}
.recipes__script em{font-style:normal;font-size:1.18em}

/* ==================== MODALS ==================== */
.modal{position:fixed;inset:0;z-index:1000;display:none;align-items:center;justify-content:center;padding:20px}
.modal.is-open{display:flex}
.modal__backdrop{position:absolute;inset:0;background:rgba(8,20,14,.68);backdrop-filter:blur(5px)}
.modal__panel,.enquiry-panel{position:relative;z-index:2;width:min(900px,100%);max-height:min(760px,92vh);overflow:auto;border-radius:22px;background:var(--paper);box-shadow:0 30px 90px rgba(0,0,0,.3);animation:modalIn .25s ease}
.modal__panel{display:grid;grid-template-columns:.9fr 1.1fr}
@keyframes modalIn{from{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:none}}
.modal__close{position:absolute;z-index:5;right:15px;top:12px;border:0;background:#fff;color:var(--green);width:36px;height:36px;border-radius:50%;font-size:1.5rem;box-shadow:0 5px 18px rgba(0,0,0,.1)}
.modal__image-wrap{min-height:480px;background:#f0ede2;display:flex;align-items:center;justify-content:center;padding:28px;border-radius:22px 0 0 22px}
.modal__image-wrap img{width:100%;height:100%;max-height:540px;object-fit:contain}
.modal__content{padding:55px 42px 40px}
.modal__tag{display:inline-block;font-size:.68rem;text-transform:uppercase;letter-spacing:.14em;color:var(--gold);font-weight:700;margin-bottom:8px}
.modal__content h2{font-size:2.8rem;margin-bottom:7px}
.modal__short{font-weight:700;color:var(--green-2);font-size:.88rem}
.modal__content>p:not(.modal__short){color:#59665d;font-size:.9rem}
.modal__features{display:grid;gap:7px;margin:20px 0 25px;color:#415148;font-size:.78rem}
.enquiry-panel{width:min(560px,100%);padding:42px}
.enquiry-panel__head{padding-right:25px;margin-bottom:22px}
.enquiry-panel__head h2{font-size:2.5rem;margin-bottom:6px}
.enquiry-panel__head p{font-size:.85rem;color:var(--muted)}
.whatsapp-form{display:grid;gap:14px}
.whatsapp-form label{display:grid;gap:6px;font-size:.78rem;font-weight:700;color:#314238}
.whatsapp-form label>span{color:#b24731}.whatsapp-form small{font-weight:400;color:#8a938d}
.whatsapp-form input,.whatsapp-form select,.whatsapp-form textarea{width:100%;border:1px solid #ddd5c5;background:#fff;border-radius:10px;padding:11px 12px;outline:0;color:var(--ink)}
.whatsapp-form textarea{resize:vertical}.whatsapp-form input:focus,.whatsapp-form select:focus,.whatsapp-form textarea:focus{border-color:var(--green-3);box-shadow:0 0 0 3px rgba(49,95,72,.1)}
.form-note{text-align:center;font-size:.68rem;color:#7a837d;margin:0}

/* ==================== FLOATING WHATSAPP ==================== */
.floating-wa{position:fixed;right:20px;bottom:20px;z-index:900;width:54px;height:54px;border:0;border-radius:50%;background:#20b957;color:#fff;font-weight:800;box-shadow:0 12px 28px rgba(0,0,0,.2)}
.floating-wa:hover{transform:translateY(-3px)}

/* ==================== INLINE ENQUIRY RESPONSIVE ==================== */
@media(max-width:980px){
  .inline-enquiry__layout{grid-template-columns:1fr;gap:25px;padding:34px}
  .inline-enquiry__copy{padding:0}
}
@media(max-width:600px){
  .inline-enquiry{margin-top:30px;border-radius:20px}
  .inline-enquiry__layout{padding:24px 16px 18px;gap:22px}
  .inline-enquiry__copy h2{font-size:2.25rem}
  .inline-enquiry__copy>p{font-size:.84rem}
  .inline-enquiry__points{margin-top:20px;gap:11px}
  .inline-enquiry__point-icon{width:36px;height:36px;flex-basis:36px;border-radius:11px}
  .inline-enquiry__point-icon svg{width:19px;height:19px}
  .inline-enquiry__point strong{font-size:.76rem}
  .inline-enquiry__point div span{font-size:.66rem}
  .inline-enquiry__form-card{padding:21px 16px 18px;border-radius:16px}
  .form-grid--two{grid-template-columns:1fr}
  .inline-enquiry__form-top{margin-bottom:17px}
  .inline-enquiry__wa-badge{width:42px;height:42px}
  .inline-enquiry__wa-badge svg{width:23px;height:23px}
}

/* ==================== RESPONSIVE ==================== */
@media(max-width:1100px){
  .hero__script{right:22%;font-size:2rem}
  .hero-benefits{width:220px}
  .product-card{flex-basis:calc((100% - 16px)/2)}
  .recipes__inner{grid-template-columns:1fr 1fr 1fr;}.recipes__intro{grid-column:span 3}.recipes__script{display:none}
}
@media(max-width:820px){
  .container{width:min(var(--container),calc(100% - 30px))}
  .hero{min-height:680px}.hero__content{min-height:680px;align-items:flex-start}.hero__copy{width:72%;padding-top:75px}.hero__script{right:2%;top:6%;font-size:1.65rem}.hero-benefits{right:0;top:auto;bottom:22px;transform:none;width:100%;display:grid;grid-template-columns:repeat(5,1fr);background:rgba(48,31,19,.84)}.hero-benefit{border-right:1px solid rgba(255,255,255,.15);border-bottom:0;flex-direction:column;text-align:center;padding:9px 5px;font-size:.62rem}.hero-benefit:last-child{border-right:0}
  .trust-strip__grid{grid-template-columns:repeat(3,1fr)}.trust-item{padding:8px}.trust-item:nth-child(3){border-right:0}.trust-item:nth-child(4),.trust-item:nth-child(5){border-top:1px solid var(--line);padding-top:14px}
  .story{grid-template-columns:1fr;margin:36px auto;width:calc(100% - 28px);border-radius:20px}.story__image{min-height:430px}.story__content{padding:55px 28px 75px}.story-decoration{right:5%;bottom:14px}
  .why-grid{grid-template-columns:repeat(3,1fr)}
  .recipes__inner{grid-template-columns:1fr 1fr}.recipes__intro{grid-column:span 2}.recipe-card{grid-column:auto}
  .modal__panel{grid-template-columns:1fr}.modal__image-wrap{min-height:300px;border-radius:22px 22px 0 0}.modal__content{padding:30px}
}
@media(max-width:600px){
  .section{padding:60px 0}.section-heading{display:block}.text-link{display:inline-block;margin-top:12px}
  .hero{min-height:760px}.hero__content{min-height:760px}.hero__image{background-position:57% center}.hero__overlay{background:linear-gradient(180deg,rgba(247,243,232,.95) 0%,rgba(247,243,232,.78) 47%,rgba(247,243,232,.16) 100%)}.hero__copy{width:100%;padding-top:52px}.hero__script{top:33%;right:6%;font-size:1.55rem}.hero-benefits{grid-template-columns:repeat(5,1fr);bottom:10px}.hero-benefit{font-size:.48rem;gap:4px}.hero-benefit .icon{width:25px;height:25px;flex-basis:25px;font-size:.75rem}
  .trust-strip__grid{grid-template-columns:repeat(2,1fr)}.trust-item{border-right:1px solid var(--line)!important}.trust-item:nth-child(even){border-right:0!important}.trust-item:last-child{grid-column:span 2;border-top:1px solid var(--line)}
  .product-card{flex-basis:100%}.product-card__image{height:280px}.slider-arrow{width:34px;height:34px}.slider-arrow--prev{left:-7px}.slider-arrow--next{right:-7px}
  .why-grid{grid-template-columns:repeat(2,1fr);gap:8px}.why-card:last-child{grid-column:span 2}
  .recipes__inner{grid-template-columns:1fr}.recipes__intro{grid-column:auto}.recipe-card{grid-column:auto}.recipe-card img{aspect-ratio:1.5/1}
  .enquiry-panel{padding:35px 22px 25px}.modal{padding:10px}.modal__content h2{font-size:2.3rem}
}


/* =========================================================
   WHATSAPP FORM — MODAL-ONLY BEHAVIOUR
   The form is deliberately not rendered below Products.
   ========================================================= */
.enquiry-panel::before{content:"";display:block;position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,#173d2b,#20b957,#b78a3c);border-radius:22px 22px 0 0}
.btn--whatsapp{background:#20b957;color:#fff;box-shadow:0 10px 24px rgba(32,185,87,.2)}
.btn--whatsapp:hover{background:#159f49;transform:translateY(-2px)}
.floating-wa{font-size:0}
.floating-wa::before{content:"";width:24px;height:24px;display:block;margin:auto;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M20.52 3.48A11.77 11.77 0 0 0 12.13 0C5.62 0 .32 5.3.32 11.81c0 2.08.54 4.11 1.57 5.9L.22 24l6.42-1.64a11.8 11.8 0 0 0 5.49 1.36h.01c6.51 0 11.81-5.3 11.81-11.81 0-3.15-1.23-6.11-3.43-8.43ZM12.14 21.6h-.01a9.78 9.78 0 0 1-4.98-1.36l-.36-.21-3.81.97 1.02-3.71-.23-.38a9.79 9.79 0 0 1-1.5-5.2C2.27 6.3 6.68 1.9 12.14 1.9c2.64 0 5.12 1.03 6.99 2.9a9.83 9.83 0 0 1 2.89 7c0 5.46-4.42 9.9-9.88 9.9Zm5.42-7.41c-.3-.15-1.76-.87-2.03-.97-.27-.1-.47-.15-.67.15-.2.3-.77.97-.95 1.17-.17.2-.35.22-.65.07-.3-.15-1.27-.47-2.42-1.49-.89-.79-1.49-1.76-1.67-2.06-.17-.3-.02-.46.13-.61.14-.14.3-.35.45-.52.15-.17.2-.3.3-.5.1-.2.05-.37-.02-.52-.07-.15-.67-1.61-.92-2.2-.24-.58-.49-.5-.67-.51h-.57c-.2 0-.52.07-.79.37-.27.3-1.04 1.02-1.04 2.49s1.07 2.89 1.22 3.09c.15.2 2.11 3.22 5.12 4.52.72.31 1.28.49 1.72.63.72.23 1.38.2 1.9.12.58-.09 1.76-.72 2.01-1.42.25-.7.25-1.3.17-1.42-.07-.12-.27-.2-.57-.35Z'/%3E%3C/svg%3E") center/contain no-repeat}




/* =========================================================
   V5 CLEANUP — REMOVE EXTRA HANDWRITTEN OVERLAYS
   These are intentionally disabled so mobile content is never
   covered by decorative text.
   ========================================================= */
.hero__script,.story__image-caption,.story-decoration,.recipes__script{display:none !important}

/* ==================== CONTACT DETAILS ==================== */
.contact-strip{padding:58px 0;background:linear-gradient(135deg,#f7f3e8 0%,#eef4e9 100%);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.contact-strip__inner{display:grid;grid-template-columns:.9fr 1.1fr;gap:34px;align-items:center}
.contact-strip__intro h2{margin:4px 0 9px;font-size:clamp(2rem,3.1vw,3rem)}
.contact-strip__intro p{margin:0;color:var(--muted);max-width:540px;font-size:.9rem}
.contact-strip__actions{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.contact-card{display:flex;align-items:center;gap:14px;padding:20px 18px;background:rgba(255,255,255,.92);border:1px solid var(--line);border-radius:16px;box-shadow:0 10px 28px rgba(23,61,43,.07);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.contact-card:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(23,61,43,.1);border-color:#d2c5aa}
.contact-card__icon{width:36px;height:36px;flex:0 0 36px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:#fff;font-size:.9rem}
.contact-card span:last-child{display:grid;gap:4px;min-width:0}
.contact-card small{font-size:.67rem;letter-spacing:.08em;text-transform:uppercase;color:var(--gold);font-weight:800}
.contact-card strong{font-family:'DM Sans',sans-serif;font-size:.84rem;color:var(--green);line-height:1.35;overflow-wrap:anywhere;word-break:normal}

/* ==================== BOTTOM WHATSAPP FORM ==================== */
main>.inline-enquiry{margin:0;border-radius:0;border-left:0;border-right:0;box-shadow:none}

@media(max-width:820px){
  .contact-strip__inner{grid-template-columns:1fr;gap:24px}
}
@media(max-width:600px){
  .contact-strip{padding:46px 0}
  .contact-strip__actions{grid-template-columns:1fr}
  .contact-card{padding:17px 15px}
}

/* =========================================================
   V7 — FINAL RESPONSIVE POLISH
   Purpose: stable desktop/tablet/mobile layout with no
   horizontal overflow, no overlapping content, and touch-
   friendly controls. Edit this section for responsive tweaks.
   ========================================================= */
html,body{max-width:100%;overflow-x:hidden}
.container{max-width:var(--container)}

/* Prevent long text/links from breaking the layout */
h1,h2,h3,p,a,button,label,span{overflow-wrap:break-word}

/* Better desktop sizing */
@media(min-width:1201px){
  .hero__copy{padding-left:8px}
  .product-track{padding-left:8px;padding-right:8px}
}

/* Tablet */
@media(max-width:1100px) and (min-width:821px){
  .hero{min-height:690px}
  .hero__content{min-height:690px}
  .hero__copy{width:55%;padding-top:65px}
  .hero-benefits{width:235px;right:8px}
  .product-card{flex-basis:calc((100% - 16px)/2)}
  .story__content{padding:55px 42px}
  .recipes__inner{padding-left:16px;padding-right:16px}
}

/* Tablet / large mobile */
@media(max-width:820px){
  .container{width:calc(100% - 32px);max-width:none}

  /* HERO: stack content and benefits instead of overlaying them */
  .hero{min-height:auto;display:block;padding-bottom:18px}
  .hero__content{min-height:auto;display:flex;flex-direction:column;align-items:stretch;padding:0}
  .hero__copy{width:100%;max-width:650px;padding:70px 0 24px}
  .hero__copy h1{max-width:680px}
  .hero__description{max-width:620px}
  .hero__script{display:none!important}
  .hero-benefits{position:relative;right:auto;top:auto;bottom:auto;transform:none;width:100%;margin:8px 0 0;padding:7px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-radius:15px}
  .hero-benefit{min-width:0;min-height:72px;justify-content:center;border-right:1px solid rgba(255,255,255,.15);border-bottom:1px solid rgba(255,255,255,.15);padding:10px 7px;font-size:.62rem;text-align:center}
  .hero-benefit:nth-child(3),.hero-benefit:nth-child(5){border-right:0}
  .hero-benefit:nth-child(4),.hero-benefit:nth-child(5){border-bottom:0}

  /* Trust items stay readable */
  .trust-item{min-width:0}
  .trust-icon,.why-icon{flex-shrink:0}

  /* Product carousel */
  .product-track{overflow:hidden;scroll-snap-type:x mandatory;padding:5px 2px 14px}
  .product-card{scroll-snap-align:start}
  .slider-arrow{width:38px;height:38px}
  .slider-arrow--prev{left:-4px}
  .slider-arrow--next{right:-4px}

  /* Story */
  .story__image{min-height:400px}
  .story__content{padding:52px 30px 58px}
  .story__content .btn{align-self:flex-start}

  /* Why */
  .why-grid{gap:14px}

  /* Recipe area */
  .recipes__inner{padding:40px 0}

  /* Modal */
  .modal{padding:14px}
  .modal__panel,.enquiry-panel{max-width:100%;max-height:94vh}
  .modal__content{min-width:0}
  .modal__image-wrap img{max-width:100%}
}

/* Phones */
@media(max-width:600px){
  .container{width:calc(100% - 24px)}
  .section{padding:54px 0}

  /* HERO */
  .hero{padding-bottom:12px}
  .hero__image{background-position:60% center}
  .hero__overlay{background:linear-gradient(180deg,rgba(247,243,232,.97) 0%,rgba(247,243,232,.88) 45%,rgba(247,243,232,.28) 100%)}
  .hero__copy{padding:44px 0 20px}
  .hero__copy h1{font-size:clamp(2.55rem,12vw,3.65rem);line-height:.96;margin-bottom:17px}
  .hero__description{font-size:.9rem;line-height:1.55;margin-bottom:21px}
  .hero .btn{min-height:46px;padding:12px 18px}
  .hero-benefits{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin-top:8px;padding:5px}
  .hero-benefit{min-height:64px;font-size:.58rem;line-height:1.2;padding:8px 5px}
  .hero-benefit:nth-child(n){border-right:1px solid rgba(255,255,255,.15);border-bottom:1px solid rgba(255,255,255,.15)}
  .hero-benefit:nth-child(2n){border-right:0}
  .hero-benefit:nth-child(4),.hero-benefit:nth-child(5){border-bottom:0}
  .hero-benefit:last-child{grid-column:span 2;border-right:0}
  .hero-benefit .icon{width:27px;height:27px;flex-basis:27px;font-size:.75rem}

  /* TRUST */
  .trust-strip__grid{grid-template-columns:1fr 1fr;padding:8px 0}
  .trust-item{min-height:72px;padding:10px 7px;font-size:.68rem;gap:7px}
  .trust-icon{width:36px;height:36px;flex-basis:36px;font-size:1rem}
  .trust-item:last-child{grid-column:span 2}

  /* SECTION HEADINGS */
  .section-heading{margin-bottom:25px}
  .section-heading h2{font-size:clamp(2rem,10vw,2.75rem)}
  .section-heading p{font-size:.84rem}

  /* PRODUCTS */
  .products{overflow:hidden}
  .product-track{gap:12px;margin:0 2px;padding-bottom:12px}
  .product-card{flex:0 0 100%;width:100%;padding:10px;border-radius:14px}
  .product-card__image{height:245px}
  .product-card h3{font-size:.98rem}
  .product-card p{font-size:.73rem}
  .slider-arrow{width:34px;height:34px;font-size:1.35rem;background:rgba(255,255,255,.96)}
  .slider-arrow--prev{left:4px}
  .slider-arrow--next{right:4px}

  /* CONTACT */
  .contact-strip{padding:44px 0}
  .contact-strip__inner{gap:20px}
  .contact-strip__intro h2{font-size:clamp(2rem,9vw,2.55rem)}
  .contact-strip__intro p{font-size:.82rem}
  .contact-strip__actions{gap:10px}
  .contact-card{padding:15px 13px;gap:10px;border-radius:14px}
  .contact-card__icon{width:40px;height:40px;flex-basis:40px}
  .contact-card strong{font-size:.76rem}

  /* STORY */
  .story__image{min-height:310px}
  .story__content{padding:44px 22px 50px}
  .story__content h2{font-size:clamp(2rem,10vw,2.65rem)}
  .story__content p{font-size:.84rem}
  .story-decoration,.story__image-caption{display:none!important}

  /* WHY */
  .why{padding:48px 0 56px}
  .why-grid{grid-template-columns:1fr 1fr;gap:6px}
  .why-card{padding:10px 5px}
  .why-icon{width:50px;height:50px;flex-basis:50px;font-size:1.2rem;margin-bottom:10px}
  .why-card h3{font-size:.8rem}
  .why-card p{font-size:.68rem;line-height:1.3}
  .why-card:last-child{grid-column:span 2}

  /* RECIPES */
  .recipes__inner{padding:38px 0;gap:13px}
  .recipes__intro h2{font-size:clamp(2rem,10vw,2.7rem)}
  .recipes__intro p{font-size:.78rem}
  .recipe-card img{aspect-ratio:1.35/1}
  .recipe-card h3{font-size:1.18rem}

  /* INLINE WHATSAPP FORM */
  .inline-enquiry__layout{padding:22px 13px 16px}
  .inline-enquiry__copy h2{font-size:clamp(2rem,10vw,2.65rem);line-height:.98}
  .inline-enquiry__copy>p{font-size:.8rem}
  .inline-enquiry__form-card{padding:18px 13px 15px}
  .whatsapp-form{gap:11px}
  .whatsapp-form input,.whatsapp-form select,.whatsapp-form textarea{font-size:16px;padding:11px}
  .form-grid--two{grid-template-columns:1fr}
  .inline-enquiry__submit{min-height:48px}

  /* MODALS */
  .modal{padding:8px}
  .modal__panel,.enquiry-panel{width:100%;border-radius:18px;max-height:96vh}
  .modal__image-wrap{min-height:220px;padding:18px;border-radius:18px 18px 0 0}
  .modal__image-wrap img{max-height:280px}
  .modal__content{padding:26px 20px 22px}
  .modal__content h2{font-size:clamp(2rem,10vw,2.6rem)}
  .modal__content>p:not(.modal__short){font-size:.82rem}
  .modal__features{font-size:.72rem;margin:16px 0 20px}
  .modal__close{right:10px;top:9px;width:34px;height:34px;font-size:1.35rem}
  .enquiry-panel{padding:32px 17px 20px}
  .enquiry-panel__head h2{font-size:2.15rem}
  .enquiry-panel__head p{font-size:.78rem}

  /* FLOATING WHATSAPP */
  .floating-wa{right:14px;bottom:14px;width:50px;height:50px}
  .floating-wa::before{width:22px;height:22px}
}

/* Very small phones */
@media(max-width:380px){
  .container{width:calc(100% - 20px)}
  .hero__copy{padding-top:36px}
  .hero__copy h1{font-size:2.45rem}
  .hero-benefit{font-size:.53rem}
  .product-card__image{height:220px}
}

/* Respect reduced-motion preferences */
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}

/* =========================================================
   V9 — FINAL CONTACT + RESPONSIVE POLISH
   Purpose: compact phone/email icons, readable contact text,
   and stable sizing across desktop/tablet/mobile.
   ========================================================= */
.contact-strip__actions{min-width:0}
.contact-card{min-width:0;text-decoration:none}
.contact-card__icon{width:36px;height:36px;flex:0 0 36px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:#fff}
.contact-card__icon svg{width:17px;height:17px;display:block}
.contact-card strong{font-family:'DM Sans',sans-serif;font-size:.84rem;line-height:1.35;color:var(--green);min-width:0;overflow-wrap:anywhere;word-break:normal}
.contact-card[href^="tel:"] strong{white-space:nowrap}
.contact-card[href^="mailto:"] strong{font-size:.78rem;overflow-wrap:anywhere;word-break:break-word}
.contact-card span:last-child{min-width:0}

@media (min-width:821px){
  .contact-strip__actions{align-items:stretch}
  .contact-card{height:100%}
}

@media (max-width:820px){
  .contact-strip__actions{grid-template-columns:1fr 1fr;min-width:0}
  .contact-card{align-items:center}
}

@media (max-width:600px){
  .contact-strip__actions{grid-template-columns:1fr;gap:12px}
  .contact-card{width:100%;padding:15px 14px;gap:10px}
  .contact-card__icon{width:34px;height:34px;flex-basis:34px}
  .contact-card__icon svg{width:16px;height:16px}
  .contact-card strong{font-size:.81rem}
  .contact-card[href^="mailto:"] strong{font-size:.76rem}
}

@media (max-width:380px){
  .contact-card{padding:13px 12px;gap:9px}
  .contact-card__icon{width:32px;height:32px;flex-basis:32px}
  .contact-card__icon svg{width:15px;height:15px}
  .contact-card strong{font-size:.77rem}
  .contact-card[href^="mailto:"] strong{font-size:.68rem}
}


/* =========================================================
   V12 — CONTACT ICON SIZE + RESPONSIVE FINAL OVERRIDE
   The phone/email icons are intentionally compact so they
   support the contact cards without dominating the content.
   ========================================================= */
.contact-card {
  min-width: 0;
  width: 100%;
  box-sizing: border-box;
}
.contact-card__icon {
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  min-height: 28px !important;
  flex: 0 0 28px !important;
  border-radius: 50%;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  padding: 0 !important;
  margin: 0 !important;
  font-size: 0 !important;
  line-height: 0 !important;
  box-sizing: border-box;
}
.contact-card__icon svg {
  width: 14px !important;
  height: 14px !important;
  min-width: 14px !important;
  min-height: 14px !important;
  max-width: 14px !important;
  max-height: 14px !important;
  display: block !important;
  flex: 0 0 14px !important;
}
.contact-card > span:last-child {
  min-width: 0;
  flex: 1 1 auto;
}
.contact-card strong {
  display: block;
  min-width: 0;
}

@media (max-width: 820px) {
  .contact-strip__actions {
    grid-template-columns: 1fr 1fr;
    min-width: 0;
  }
}

@media (max-width: 600px) {
  .contact-strip__actions {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  .contact-card {
    padding: 14px 14px !important;
    gap: 10px !important;
  }
  .contact-card__icon {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    min-height: 28px !important;
    flex-basis: 28px !important;
  }
  .contact-card__icon svg {
    width: 14px !important;
    height: 14px !important;
    min-width: 14px !important;
    min-height: 14px !important;
  }
  .contact-card strong {
    font-size: .8rem !important;
    line-height: 1.35;
  }
  .contact-card[href^="mailto:"] strong {
    font-size: .74rem !important;
    overflow-wrap: anywhere;
  }
}

@media (max-width: 380px) {
  .contact-card {
    padding: 12px !important;
    gap: 9px !important;
  }
  .contact-card__icon {
    width: 26px !important;
    height: 26px !important;
    min-width: 26px !important;
    min-height: 26px !important;
    flex-basis: 26px !important;
  }
  .contact-card__icon svg {
    width: 13px !important;
    height: 13px !important;
    min-width: 13px !important;
    min-height: 13px !important;
  }
  .contact-card strong {
    font-size: .75rem !important;
  }
  .contact-card[href^="mailto:"] strong {
    font-size: .67rem !important;
  }
}

/* =========================================================
   CONTACT DETAILS — FINAL CLEAN DESIGN
   Icons intentionally removed. The contact cards use
   compact text labels so the phone/email details stay
   balanced on desktop, tablet and mobile.
   ========================================================= */
.contact-card{
  position:relative;
  display:flex;
  align-items:center;
  gap:14px;
  min-width:0;
  padding:18px 20px;
  text-decoration:none;
  background:rgba(255,255,255,.96);
  border:1px solid var(--line);
  border-radius:16px;
  box-shadow:0 10px 28px rgba(23,61,43,.07);
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.contact-card:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(23,61,43,.11);border-color:#d2c5aa}
.contact-card__label{
  width:52px;height:52px;flex:0 0 52px;
  display:grid;place-items:center;
  border-radius:12px;
  background:var(--green);
  color:#fff;
  font-family:'DM Sans',sans-serif;
  font-size:.61rem;font-weight:800;letter-spacing:.12em;
}
.contact-card--email .contact-card__label{background:var(--gold)}
.contact-card__content{display:grid;gap:3px;min-width:0}
.contact-card__content small{font-size:.67rem;letter-spacing:.08em;text-transform:uppercase;color:var(--gold);font-weight:800}
.contact-card__content strong{font-family:'DM Sans',sans-serif;font-size:.92rem;color:var(--green);line-height:1.35;overflow-wrap:anywhere;word-break:break-word}
.contact-card__content em{font-style:normal;font-size:.66rem;color:var(--muted)}
.contact-card--phone .contact-card__content strong{white-space:nowrap}
@media(max-width:767px){
  .contact-strip{padding:42px 0}
  .contact-strip__actions{grid-template-columns:1fr;gap:12px}
  .contact-card{padding:15px 14px;gap:12px;border-radius:14px}
  .contact-card__label{width:46px;height:46px;flex-basis:46px;font-size:.56rem;border-radius:10px}
  .contact-card__content strong{font-size:.84rem}
}
@media(max-width:380px){
  .contact-card{padding:13px 12px;gap:10px}
  .contact-card__label{width:42px;height:42px;flex-basis:42px;font-size:.52rem}
  .contact-card__content small{font-size:.61rem}
  .contact-card__content strong{font-size:.78rem}
  .contact-card--email .contact-card__content strong{font-size:.69rem}
  .contact-card__content em{font-size:.6rem}
}

/* =========================================================
   CONTACT SECTION — PREMIUM REDESIGN
   Purpose: a polished, spacious contact block that feels like
   part of the brand rather than a plain information strip.
   No oversized phone/email icons are used.
   ========================================================= */
.contact-section{
  position:relative;
  overflow:hidden;
  padding:82px 0 72px;
  background:
    radial-gradient(circle at 8% 18%,rgba(183,138,60,.09),transparent 25%),
    radial-gradient(circle at 92% 82%,rgba(32,185,87,.08),transparent 28%),
    linear-gradient(135deg,#f8f4e9 0%,#eef5ea 52%,#f7f3e8 100%);
  border-top:1px solid rgba(23,61,43,.08);
  border-bottom:1px solid rgba(23,61,43,.08);
}
.contact-section::before,
.contact-section::after{
  content:"";
  position:absolute;
  border:1px solid rgba(23,61,43,.07);
  border-radius:50%;
  pointer-events:none;
}
.contact-section::before{width:430px;height:430px;left:-260px;top:-210px}
.contact-section::after{width:520px;height:520px;right:-340px;bottom:-300px}
.contact-section__glow{position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none}
.contact-section__glow--one{width:90px;height:90px;left:8%;bottom:18%;background:rgba(183,138,60,.08)}
.contact-section__glow--two{width:120px;height:120px;right:10%;top:13%;background:rgba(32,185,87,.06)}
.contact-section .container{position:relative;z-index:2}
.contact-heading{text-align:center;max-width:760px;margin:0 auto 38px}
.contact-heading .section-kicker{display:inline-flex;align-items:center;justify-content:center}
.contact-heading h2{margin:8px 0 12px;font-size:clamp(2.15rem,4vw,3.35rem);line-height:1.06;letter-spacing:-.035em;color:var(--green)}
.contact-heading h2 span{font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-weight:600;color:var(--gold)}
.contact-heading p{max-width:650px;margin:0 auto;color:var(--muted);font-size:.95rem;line-height:1.75}
.contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;max-width:1020px;margin:0 auto}
.contact-card{
  position:relative;
  display:flex;
  flex-direction:column;
  min-height:285px;
  padding:28px 30px 25px;
  text-decoration:none;
  color:inherit;
  background:rgba(255,255,255,.86);
  border:1px solid rgba(23,61,43,.11);
  border-radius:22px;
  box-shadow:0 18px 48px rgba(23,61,43,.075);
  overflow:hidden;
  transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease,background .28s ease;
}
.contact-card::after{content:"";position:absolute;right:-70px;top:-75px;width:190px;height:190px;border-radius:50%;border:1px solid rgba(23,61,43,.07)}
.contact-card:hover{transform:translateY(-6px);box-shadow:0 24px 58px rgba(23,61,43,.13);border-color:rgba(23,61,43,.18);background:#fff}
.contact-card--phone{border-top:3px solid var(--green)}
.contact-card--email{border-top:3px solid var(--gold)}
.contact-card__top{display:flex;align-items:center;gap:12px;margin-bottom:34px}
.contact-card__badge{font-size:.66rem;font-weight:900;letter-spacing:.14em;color:var(--green);white-space:nowrap}
.contact-card--email .contact-card__badge{color:#8d6a2f}
.contact-card__line{height:1px;flex:1;background:linear-gradient(90deg,rgba(23,61,43,.16),transparent)}
.contact-card__body{position:relative;z-index:2}
.contact-card__eyebrow{display:block;margin-bottom:8px;font-size:.72rem;text-transform:uppercase;letter-spacing:.09em;font-weight:800;color:var(--muted)}
.contact-card__body strong{display:block;max-width:100%;font-family:'DM Sans',sans-serif;font-size:clamp(1.3rem,2.2vw,1.72rem);line-height:1.22;color:var(--green);overflow-wrap:anywhere;word-break:break-word}
.contact-card--phone .contact-card__body strong{font-size:clamp(1.65rem,3vw,2.15rem);letter-spacing:.015em;white-space:nowrap}
.contact-card--email .contact-card__body strong{font-size:clamp(1rem,1.8vw,1.32rem)}
.contact-card__body p{max-width:470px;margin:12px 0 0;color:var(--muted);font-size:.82rem;line-height:1.65}
.contact-card__action{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:20px;font-size:.72rem;font-weight:900;letter-spacing:.05em;text-transform:uppercase;color:var(--green);border-top:1px solid rgba(23,61,43,.08)}
.contact-card--email .contact-card__action{color:#8d6a2f}
.contact-card__action b{font-size:1.15rem;font-weight:600;transition:transform .2s ease}
.contact-card:hover .contact-card__action b{transform:translateX(5px)}
.contact-note{display:flex;align-items:center;justify-content:center;gap:18px;max-width:900px;margin:35px auto 0}
.contact-note p{margin:0;text-align:center;color:var(--muted);font-family:'Cormorant Garamond',Georgia,serif;font-size:1.08rem;font-style:italic}
.contact-note__rule{width:70px;height:1px;background:linear-gradient(90deg,transparent,rgba(183,138,60,.5))}
.contact-note__rule:last-child{background:linear-gradient(90deg,rgba(183,138,60,.5),transparent)}

@media(max-width:820px){
  .contact-section{padding:66px 0 60px}
  .contact-grid{grid-template-columns:1fr;max-width:620px}
  .contact-card{min-height:250px}
}
@media(max-width:600px){
  .contact-section{padding:56px 0 50px}
  .contact-heading{margin-bottom:28px}
  .contact-heading h2{font-size:clamp(2rem,10vw,2.65rem)}
  .contact-heading p{font-size:.84rem;line-height:1.65}
  .contact-grid{gap:14px}
  .contact-card{min-height:235px;padding:22px 20px 20px;border-radius:18px}
  .contact-card__top{margin-bottom:27px}
  .contact-card--phone .contact-card__body strong{font-size:1.7rem}
  .contact-card--email .contact-card__body strong{font-size:.94rem}
  .contact-card__body p{font-size:.76rem;line-height:1.55}
  .contact-note{gap:10px;margin-top:27px}
  .contact-note__rule{width:28px}
  .contact-note p{font-size:.98rem;line-height:1.35}
}
@media(max-width:380px){
  .contact-card{padding:20px 17px 18px}
  .contact-card--phone .contact-card__body strong{font-size:1.5rem}
  .contact-card--email .contact-card__body strong{font-size:.84rem}
}


/* =========================================================
   NVD V16 — CANONICAL CONTACT CARDS
   These rules are intentionally at the end so they override
   any older contact-card declarations above.
   ========================================================= */
.contact-section{
  position:relative;
  overflow:hidden;
  padding:86px 0 92px;
  background:
    radial-gradient(circle at 8% 20%, rgba(210,185,105,.14), transparent 28%),
    radial-gradient(circle at 92% 80%, rgba(38,92,62,.10), transparent 30%),
    linear-gradient(180deg,#fbf8ef 0%,#f2f7ee 100%);
}
.contact-section::before,
.contact-section::after{
  content:"";
  position:absolute;
  border:1px solid rgba(39,86,57,.10);
  border-radius:50%;
  pointer-events:none;
}
.contact-section::before{width:330px;height:330px;left:-190px;top:-120px}
.contact-section::after{width:420px;height:420px;right:-250px;bottom:-220px}

.contact-wrap{position:relative;z-index:1;max-width:1120px;margin:0 auto;padding:0 22px}
.contact-heading{text-align:center;max-width:720px;margin:0 auto 42px}
.contact-eyebrow{
  display:inline-flex;align-items:center;gap:9px;
  margin-bottom:13px;padding:7px 13px;border-radius:999px;
  background:rgba(39,86,57,.08);color:#275637;
  font-size:11px;font-weight:800;letter-spacing:1.7px;text-transform:uppercase
}
.contact-eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;background:#b99b48}
.contact-heading h2{
  margin:0;color:#1e4930;font-size:clamp(32px,4vw,48px);
  line-height:1.08;letter-spacing:-.8px
}
.contact-heading p{
  margin:15px auto 0;max-width:650px;color:#66756b;
  font-size:15px;line-height:1.8
}

.contact-grid{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;
  max-width:920px;margin:0 auto
}
.contact-card{
  position:relative!important;display:flex!important;align-items:flex-start!important;
  justify-content:flex-start!important;gap:20px!important;
  min-height:205px!important;width:100%!important;box-sizing:border-box!important;
  padding:31px 32px!important;background:rgba(255,255,255,.94)!important;
  border:1px solid rgba(39,86,57,.13)!important;border-radius:24px!important;
  box-shadow:0 16px 45px rgba(30,73,48,.09)!important;
  text-decoration:none!important;color:inherit!important;
  overflow:hidden!important;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease!important
}
.contact-card::after{
  content:"";position:absolute;width:130px;height:130px;border-radius:50%;
  right:-55px;bottom:-70px;background:rgba(185,155,72,.10);pointer-events:none
}
.contact-card:hover{
  transform:translateY(-5px)!important;
  box-shadow:0 23px 55px rgba(30,73,48,.14)!important;
  border-color:rgba(39,86,57,.25)!important
}
.contact-card__badge{
  flex:0 0 auto;display:grid;place-items:center;
  width:58px;height:58px;border-radius:17px;
  background:#edf4eb;color:#275637;
  border:1px solid rgba(39,86,57,.10)
}
.contact-card__badge svg{width:25px;height:25px}
.contact-card__body{min-width:0;position:relative;z-index:1}
.contact-card__label{
  display:block;margin:1px 0 8px;color:#b08f3f;
  font-size:10px;font-weight:900;letter-spacing:2px;text-transform:uppercase
}
.contact-card__title{
  margin:0 0 8px;color:#1e4930;font-size:23px;font-weight:800;line-height:1.2
}
.contact-card__value{
  display:block;color:#243f2d;font-size:17px;font-weight:700;
  line-height:1.5;overflow-wrap:anywhere
}
.contact-card__hint{display:block;margin-top:8px;color:#7b877e;font-size:12px}
.contact-card__arrow{
  display:inline-flex;margin-top:16px;color:#275637;font-size:12px;
  font-weight:800;letter-spacing:.3px
}
.contact-card--email .contact-card__value{font-size:15px}
.contact-note{
  margin:30px auto 0;text-align:center;color:#718076;font-size:13px
}
.contact-note strong{color:#275637}

@media (max-width:760px){
  .contact-section{padding:64px 0 70px}
  .contact-wrap{padding:0 16px}
  .contact-heading{margin-bottom:28px}
  .contact-grid{grid-template-columns:1fr;gap:15px}
  .contact-card{min-height:0!important;padding:25px 22px!important;border-radius:20px!important}
  .contact-card__badge{width:52px;height:52px;border-radius:15px}
  .contact-card__title{font-size:20px}
  .contact-card__value{font-size:16px}
  .contact-card--email .contact-card__value{font-size:14px}
}


/* =========================================================
   NVD — BRAND LOGO + TAGLINE (CENTERED TOGETHER, TOP OF HERO)
   ========================================================= */
.brand-mark{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  text-align:left;
  margin:0 0 18px -10px;
}
.brand-mark__logo{
  height:132px;
  width:auto;
  display:block;
  margin:-6px 0 10px;
  position:relative;
  top:-6px;
}
.brand-mark .eyebrow{margin:0;text-align:left}
@media(max-width:900px){
  .brand-mark{margin-left:-6px}
  .brand-mark__logo{height:104px}
}
@media(max-width:600px){
  .brand-mark{margin-left:0}
  .brand-mark__logo{height:92px;border-radius:12px}
}

/* =========================================================
   NVD — "WE ARE IN AMAZON & FLIPKART" — SOBER NOTE
   Sits below the Recipes section, plain and simple, using
   the site's own light, muted palette (no loud marketplace
   brand colours).
   ========================================================= */
.marketplace-note{
  margin:18px auto 10px;
  padding:30px 22px 34px;
  max-width:980px;
  text-align:center;
  background:linear-gradient(135deg, #eef5df 0%, #fffaf0 100%);
  border:1px solid rgba(23,61,43,.14);
  border-radius:18px;
  box-shadow:0 10px 28px rgba(23,61,43,.08);
  position:relative;
  overflow:hidden;
}
.marketplace-note::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:5px;
  background:var(--gold);
}
.marketplace-note__heading{
  margin:0 0 20px;
  font-family:'DM Sans',sans-serif;
  font-size:1.2rem !important;
  font-weight:800;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--gold);
}
.marketplace-note__buttons{
  display:flex;
  align-items:stretch;
  justify-content:center;
  gap:20px;
  flex-wrap:wrap;
}
.marketplace-btn{
  display:flex;
  align-items:center;
  gap:14px;
  padding:14px 26px;
  min-width:230px;
  border-radius:16px;
  background:#fff;
  border:1px solid rgba(23,61,43,.14);
  box-shadow:0 6px 18px rgba(23,61,43,.08);
  text-decoration:none;
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.marketplace-btn:hover{
  transform:translateY(-3px);
  box-shadow:0 14px 28px rgba(23,61,43,.14);
}
.marketplace-btn--amazon:hover{border-color:#FF9900}
.marketplace-btn--flipkart:hover{border-color:#2874F0}
.marketplace-btn__logo{
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
}
.marketplace-btn__logo svg{height:26px;width:auto;display:block}
.marketplace-btn--flipkart .marketplace-btn__logo svg{height:22px}
.marketplace-btn__label{
  font-family:'DM Sans',sans-serif;
  font-size:.78rem;
  font-weight:700;
  color:#58655c;
  text-align:left;
  border-left:1px solid rgba(23,61,43,.12);
  padding-left:14px;
  line-height:1.3;
}
@media(max-width:480px){
  .marketplace-note{margin:14px 12px 8px;padding:24px 16px 26px}
  .marketplace-note__buttons{flex-direction:column;align-items:center;gap:14px}
  .marketplace-btn{width:100%;max-width:280px;min-width:0;justify-content:center}
}

/* V23 — compact enquiry intro */
.inline-enquiry__intro{
  margin:0;
  max-width:520px;
  font-size:1.05rem;
  line-height:1.75;
  color:var(--muted);
}


/* =========================================================
   NVD — SIMPLE CONTACT BLOCK (LEFT SIDE OF WHATSAPP FORM)
   ========================================================= */
.nvd-contact-simple{
  margin-top:28px;
  padding-top:24px;
  border-top:1px solid rgba(23,61,43,.12);
}
.nvd-contact-simple__kicker{
  display:block;
  margin-bottom:7px;
  color:var(--gold);
  font-size:.66rem;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.nvd-contact-simple h3{
  margin:0 0 7px;
  color:var(--green);
  font-family:'DM Sans',sans-serif;
  font-size:1.35rem;
  line-height:1.2;
}
.nvd-contact-simple>p{
  margin:0;
  max-width:430px;
  color:#58655c;
  font-size:.86rem;
  line-height:1.55;
}
.nvd-contact-simple__items{
  display:grid;
  gap:10px;
  margin-top:18px;
}
.nvd-contact-simple__item{
  display:flex;
  align-items:center;
  gap:13px;
  width:fit-content;
  max-width:100%;
  color:#20362a;
  text-decoration:none;
}
.nvd-contact-simple__icon{
  width:40px;
  height:40px;
  flex:0 0 40px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#edf5ed;
  color:var(--green);
  border:1px solid #d9e7d9;
}
.nvd-contact-simple__icon svg{width:19px;height:19px}
.nvd-contact-simple__item span:last-child{
  display:grid;
  gap:2px;
  min-width:0;
}
.nvd-contact-simple__item strong{
  font-size:.86rem;
  font-weight:750;
  line-height:1.35;
  overflow-wrap:anywhere;
}
.nvd-contact-simple__item small{
  color:#778179;
  font-size:.72rem;
  line-height:1.3;
}
.nvd-contact-simple__item:hover strong{text-decoration:underline;text-underline-offset:3px}
@media(max-width:600px){
  .nvd-contact-simple{margin-top:22px;padding-top:20px}
  .nvd-contact-simple h3{font-size:1.18rem}
  .nvd-contact-simple>p{font-size:.8rem}
  .nvd-contact-simple__items{gap:9px}
}

/* V21 — compact contact-only left side of WhatsApp enquiry */
.nvd-contact-simple{margin-top:18px}
.nvd-contact-simple__items{margin-top:0;gap:12px}


/* =========================================================
   NVD V22 — FINAL VISUAL ADJUSTMENTS
   ========================================================= */
.products .section-heading{
  justify-content:center;
  text-align:center;
}
.products .section-heading > div{
  width:100%;
  text-align:center;
}
.products .section-heading h2{
  text-align:center;
  margin-left:auto;
  margin-right:auto;
}
.brand-mark__logo{
  height:155px;
}
@media(max-width:900px){
  .brand-mark__logo{height:122px}
}
@media(max-width:600px){
  .brand-mark__logo{height:108px}
}