/* ============================================================
   DAULATRAM'S — New Long-form PDP styles
   Replaces / extends pages.css PDP block
   ============================================================ */

/* ===== PDP HERO ===== */
.pdp-hero {
  background: var(--cream-warm);
  padding: 36px 0 0;
}
.pdp-hero-inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(28px,4vw,64px);
  align-items: flex-start;
  padding-bottom: 48px;
}
@media(max-width:860px){ .pdp-hero-inner{grid-template-columns:1fr;} }

/* Gallery */
.pdp-gallery2 { position: sticky; top: 116px; }
.pdp-main-wrap {
  background:#fff; border-radius:24px; overflow:hidden;
  box-shadow: 0 6px 40px rgba(11,81,50,0.10);
  aspect-ratio:1; display:flex; align-items:center; justify-content:center; padding:16px;
  position:relative;
}
.pdp-main-wrap { background:#fff linear-gradient(135deg,#FAF6EF,#F0E8D8); }
.pdp-main-wrap img { width:100%; height:100%; object-fit:contain; transition:transform 400ms; min-height:0; }
.pdp-main-wrap img:hover { transform:scale(1.06); }
.pdp-badge-tl { position:absolute; top:14px; left:14px; }
.pdp-badge-tr { position:absolute; top:14px; right:14px; }
.pdp-thumbrow { display:flex; gap:10px; margin-top:12px; flex-wrap:wrap; }
.pdp-thumb2 {
  width:72px; height:72px; border-radius:10px; background:#fff;
  border:2px solid transparent; overflow:hidden; cursor:pointer; transition:border-color 200ms;
}
.pdp-thumb2.active, .pdp-thumb2:hover { border-color:var(--brand-green); }
.pdp-thumb2 img { width:100%; height:100%; object-fit:cover; }

/* Right col */
.pdp-info { display:flex; flex-direction:column; gap:0; }
.pdp-cat-label { font-family:var(--font-label); font-size:11px; font-weight:700; letter-spacing:0.14em; text-transform:uppercase; color:var(--brand-green); margin-bottom:8px; }
.pdp-title { font-family:var(--font-heading); font-weight:700; font-size:clamp(28px,3.5vw,46px); color:var(--charcoal); line-height:1.1; margin-bottom:4px; }
.pdp-title span { color:var(--brand-green); }
.pdp-tagline { font-size:15px; color:var(--text-medium); margin-bottom:14px; line-height:1.6; }
.pdp-stars-row { display:flex; align-items:center; gap:10px; margin-bottom:18px; flex-wrap:wrap; }
.pdp-stars-row .stars { color:var(--saffron); font-size:18px; letter-spacing:1px; }
.pdp-stars-row .score { font-family:var(--font-label); font-weight:700; font-size:16px; color:var(--charcoal); }
.pdp-stars-row .cnt { font-size:13px; color:var(--text-muted); }
.pdp-stars-row .sep { color:rgba(0,0,0,0.15); }

/* Variants */
.pdp-variants2 { margin-bottom:18px; }
.pdp-variants2 .lbl { font-weight:700; font-size:13.5px; color:var(--charcoal); margin-bottom:10px; display:block; }
.pdp-variant-cards { display:flex; gap:10px; flex-wrap:wrap; }
.pdp-variant-card {
  flex:1; min-width:140px; border:2px solid rgba(11,81,50,0.22); border-radius:14px;
  padding:12px 16px; cursor:pointer; transition:all 220ms; background:#fff; position:relative;
}
.pdp-variant-card:hover { border-color:var(--brand-green); }
.pdp-variant-card.active { border-color:var(--brand-green); background:rgba(91,155,42,0.05); }
.pdp-variant-card .vc-label { font-weight:700; font-size:14.5px; color:var(--charcoal); }
.pdp-variant-card .vc-price { font-family:var(--font-label); font-weight:700; font-size:17px; color:var(--brand-green); margin-top:4px; }
.pdp-variant-card .vc-orig { font-size:12px; color:var(--text-muted); text-decoration:line-through; }
.pdp-variant-card .vc-save { font-size:11px; font-weight:700; color:var(--brand-orange); }
.pdp-variant-card .vc-check { position:absolute; top:8px; right:8px; width:20px; height:20px; border-radius:50%; background:var(--brand-green); display:none; align-items:center; justify-content:center; }
.pdp-variant-card.active .vc-check { display:flex; }

/* Price block */
.pdp-price2 { display:flex; align-items:baseline; gap:12px; flex-wrap:wrap; margin-bottom:8px; }
.pdp-price2 .sale { font-family:var(--font-label); font-weight:700; font-size:clamp(32px,3.5vw,44px); color:var(--brand-green); }
.pdp-price2 .orig { font-size:20px; color:var(--text-muted); text-decoration:line-through; }
.pdp-save-badge { display:inline-flex; align-items:center; gap:6px; background:rgba(245,146,29,0.12); color:var(--brand-orange); font-family:var(--font-label); font-weight:700; font-size:13px; padding:6px 14px; border-radius:50px; border:1.5px solid var(--brand-orange); margin-bottom:18px; }

/* Qty + CTA */
.pdp-qty2 { display:flex; align-items:center; gap:16px; margin-bottom:16px; }
.pdp-qty2 .lbl { font-weight:600; font-size:14px; color:var(--charcoal); }
.qty2-ctrl { display:flex; align-items:center; border:2px solid var(--brand-green); border-radius:12px; overflow:hidden; }
.qty2-ctrl button { width:44px; height:44px; background:none; border:none; font-size:22px; color:var(--brand-green); font-weight:700; cursor:pointer; transition:background 180ms; }
.qty2-ctrl button:hover { background:rgba(91,155,42,0.08); }
.qty2-ctrl span { min-width:48px; text-align:center; font-family:var(--font-label); font-weight:700; font-size:17px; }
.pdp-cta-row2 { display:flex; flex-direction:column; gap:10px; margin-bottom:16px; }
.btn-buynow { background:linear-gradient(135deg,var(--brand-green),var(--leaf-green)); color:#fff; border:none; padding:18px 40px; border-radius:50px; font-family:var(--font-body); font-weight:700; font-size:17px; box-shadow:0 8px 32px rgba(91,155,42,0.40); cursor:pointer; width:100%; text-align:center; transition:all 300ms; letter-spacing:0.02em; }
.btn-buynow:hover { background:linear-gradient(135deg,var(--brand-orange),#D4800F); box-shadow:0 12px 40px rgba(245,146,29,0.45); transform:translateY(-2px); }
.btn-cart2 { border:2px solid var(--brand-green); background:#fff; color:var(--brand-green); padding:14px 40px; border-radius:50px; font-family:var(--font-body); font-weight:700; font-size:16px; cursor:pointer; width:100%; text-align:center; transition:all 280ms; }
.btn-cart2:hover { background:var(--brand-green); color:#fff; transform:translateY(-2px); }

/* Trust strip under CTA */
.pdp-trust2 { display:flex; gap:14px; flex-wrap:wrap; padding:14px 0; border-top:1px solid rgba(11,81,50,0.1); border-bottom:1px solid rgba(11,81,50,0.1); margin-bottom:18px; }
.pdp-ti { display:flex; align-items:center; gap:7px; font-size:12.5px; color:var(--text-medium); font-weight:500; }
.pdp-ti svg { width:15px; height:15px; color:var(--brand-green); flex-shrink:0; }

/* Payment icons */
.pdp-pay { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.pdp-pay span { font-size:12px; color:var(--text-muted); margin-right:4px; }
.pay-chip { background:rgba(11,81,50,0.07); color:var(--charcoal); font-family:var(--font-label); font-size:11px; font-weight:700; padding:4px 10px; border-radius:6px; letter-spacing:0.05em; }

/* ===== TRUST BANNER ===== */
.trust-banner {
  background:var(--deep-green); padding:22px 0;
  display:flex; align-items:center; justify-content:center;
}
.trust-banner .inner { display:flex; align-items:center; gap:28px; flex-wrap:wrap; justify-content:center; }
.trust-banner .ti-item { display:flex; align-items:center; gap:10px; color:#fff; }
.trust-banner .ti-item .ico { width:38px; height:38px; border-radius:50%; background:rgba(255,255,255,0.12); display:flex; align-items:center; justify-content:center; font-size:18px; }
.trust-banner .ti-item .txt { font-size:13px; font-weight:600; line-height:1.3; }
.trust-banner .ti-item .txt small { display:block; font-weight:400; color:rgba(255,255,255,0.65); font-size:11px; }
.trust-banner-sep { width:1px; height:40px; background:rgba(255,255,255,0.18); }
@media(max-width:600px){ .trust-banner-sep{display:none;} }

/* ===== PROBLEMS SECTION ===== */
.problems-sec { background:var(--cream-warm); padding:72px 0; }
.problems-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:24px; margin-top:40px; }
@media(max-width:900px){ .problems-grid{grid-template-columns:repeat(3,1fr);} }
@media(max-width:560px){ .problems-grid{grid-template-columns:repeat(2,1fr);gap:14px;} }
.prob-card {
  background:#fff; border-radius:18px; padding:24px 16px; text-align:center;
  box-shadow:0 4px 20px rgba(11,81,50,0.07); transition:all 320ms var(--e-smooth);
  border:1.5px solid transparent;
}
.prob-card:hover { transform:translateY(-6px); border-color:var(--brand-green); box-shadow:0 12px 36px rgba(11,81,50,0.14); }
.prob-card .p-ico { font-size:36px; margin-bottom:12px; display:block; }
.prob-card .p-label { font-weight:700; font-size:14px; color:var(--charcoal); margin-bottom:6px; }
.prob-card .p-sub { font-size:12.5px; color:var(--text-muted); line-height:1.5; }

/* ===== DOCTOR ENDORSEMENT ===== */
.doctor-sec { background:var(--cream-deep); padding:80px 0; }
.doctor-inner { display:grid; grid-template-columns:1fr 1fr; gap:clamp(32px,5vw,80px); align-items:center; }
@media(max-width:760px){ .doctor-inner{grid-template-columns:1fr;} }
.doctor-img-wrap { position:relative; }
.doctor-img-wrap img { width:100%; border-radius:24px; box-shadow:0 10px 48px rgba(11,81,50,0.18); object-fit:cover; max-height:520px; }
.doctor-placeholder {
  width:100%; border-radius:24px; background:linear-gradient(135deg,var(--deep-green),#1A6E3E);
  min-height:420px; display:flex; flex-direction:column; align-items:center; justify-content:center;
  color:#fff; gap:16px; padding:32px;
}
.doctor-badge { position:absolute; bottom:20px; left:20px; background:#fff; border-radius:14px; padding:12px 18px; box-shadow:0 6px 24px rgba(0,0,0,0.15); display:flex; align-items:center; gap:10px; }
.doctor-badge .db-ico { width:40px; height:40px; border-radius:50%; background:rgba(91,155,42,0.12); display:flex; align-items:center; justify-content:center; font-size:20px; }
.doctor-badge .db-txt { font-size:13px; font-weight:700; color:var(--charcoal); }
.doctor-badge .db-sub { font-size:11px; color:var(--text-muted); }
.doctor-content .benefit-list2 { display:flex; flex-direction:column; gap:14px; margin:24px 0; }
.benefit-item2 { display:flex; align-items:flex-start; gap:14px; }
.benefit-item2 .bi-ico { width:44px; height:44px; border-radius:12px; background:rgba(91,155,42,0.10); display:flex; align-items:center; justify-content:center; font-size:22px; flex-shrink:0; }
.benefit-item2 h4 { font-weight:700; font-size:15px; color:var(--charcoal); margin-bottom:3px; }
.benefit-item2 p { font-size:13.5px; color:var(--text-medium); line-height:1.55; }

/* ===== INGREDIENTS CARDS ===== */
.ingredients-sec { background:var(--cream-warm); padding:80px 0; }
.ing-cards-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; margin-top:40px; }
@media(max-width:860px){ .ing-cards-grid{grid-template-columns:repeat(2,1fr);} }
@media(max-width:480px){ .ing-cards-grid{grid-template-columns:1fr;} }
.ing-card2 {
  background:#fff; border-radius:20px; overflow:hidden;
  box-shadow:0 4px 24px rgba(11,81,50,0.08); transition:all 320ms var(--e-smooth);
}
.ing-card2:hover { transform:translateY(-6px); box-shadow:0 14px 44px rgba(11,81,50,0.15); }
.ing-card2 .ic-img { height:160px; background:linear-gradient(135deg,var(--cream-deep),var(--parchment)); display:flex; align-items:center; justify-content:center; font-size:60px; overflow:hidden; }
.ing-card2 .ic-img img { width:100%; height:100%; object-fit:cover; }
.ing-card2 .ic-body { padding:18px 20px; }
.ing-card2 .ic-name { font-family:var(--font-heading); font-weight:700; font-size:20px; color:var(--charcoal); margin-bottom:4px; }
.ing-card2 .ic-sanskrit { font-size:12px; color:var(--brand-orange); font-style:italic; margin-bottom:8px; }
.ing-card2 .ic-desc { font-size:13.5px; color:var(--text-medium); line-height:1.6; }
.ing-card2 .ic-tags { display:flex; gap:6px; flex-wrap:wrap; margin-top:10px; }
.ing-card2 .ic-tag { background:rgba(91,155,42,0.10); color:var(--leaf-green); font-size:11.5px; font-weight:600; padding:4px 10px; border-radius:50px; }

/* ===== WHATSAPP TESTIMONIALS ===== */
.wa-sec { background:var(--cream-deep); padding:80px 0; }
.wa-grid {
  display:flex; gap:18px; overflow-x:auto; scroll-snap-type:x mandatory;
  scroll-behavior:smooth; -webkit-overflow-scrolling:touch;
  padding:4px 2px 14px; scrollbar-width:thin;
}
.wa-grid::-webkit-scrollbar { height:6px; }
.wa-grid::-webkit-scrollbar-thumb { background:rgba(11,81,50,0.2); border-radius:50px; }
.wa-card {
  flex:0 0 calc((100% - 54px) / 4); scroll-snap-align:start;
  background:#ECE5DD; border-radius:18px; overflow:hidden;
  box-shadow:0 4px 20px rgba(0,0,0,0.10); transition:transform 280ms;
}
.wa-card:hover { transform:translateY(-4px); }
.wa-card img { width:100%; height:auto; display:block; }
@media(max-width:960px){ .wa-card{ flex:0 0 calc((100% - 36px) / 3); } }
@media(max-width:720px){ .wa-card{ flex:0 0 calc((100% - 18px) / 2); } }
@media(max-width:480px){ .wa-card{ flex:0 0 85%; } }

/* ===== RATINGS SUMMARY ===== */
.rating-sum-sec { background:var(--deep-green); padding:72px 0; color:#fff; text-align:center; }
.rating-big { font-family:var(--font-label); font-weight:700; font-size:clamp(56px,8vw,96px); color:#fff; line-height:1; }
.rating-stars-big { font-size:36px; color:var(--saffron); letter-spacing:3px; margin:8px 0; }
.rating-count { font-size:16px; color:rgba(255,255,255,0.65); margin-bottom:0; }
.rating-bars2 { max-width:360px; margin:32px auto 0; }
.rb2-row { display:flex; align-items:center; gap:10px; margin-bottom:8px; }
.rb2-row .lbl { color:rgba(255,255,255,0.75); font-size:13px; width:24px; flex-shrink:0; text-align:right; }
.rb2-row .bar { flex:1; height:8px; background:rgba(255,255,255,0.15); border-radius:50px; overflow:hidden; }
.rb2-row .fill { height:100%; background:var(--brand-orange); border-radius:50px; }
.rb2-row .pct { color:rgba(255,255,255,0.65); font-size:12px; width:32px; flex-shrink:0; }

/* ===== VIDEO REVIEWS ===== */
.video-sec { background:var(--cream-warm); padding:80px 0; }
.video-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; margin-top:40px; }
@media(max-width:900px){ .video-grid{grid-template-columns:repeat(3,1fr);} }
@media(max-width:600px){ .video-grid{grid-template-columns:repeat(2,1fr);gap:12px;} }
.video-card {
  border-radius:18px; overflow:hidden; position:relative;
  aspect-ratio:9/16; background:linear-gradient(160deg,#1A6E3E,#0B5132);
  box-shadow:0 6px 28px rgba(11,81,50,0.20); cursor:pointer;
  transition:transform 280ms; display:flex; align-items:flex-end;
}
.video-card:hover { transform:scale(1.04); }
.video-card img, .video-card .v-media { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; background:#000; }
.video-card .v-overlay { position:absolute; inset:0; background:linear-gradient(to top, rgba(0,0,0,0.75) 0%, transparent 50%); pointer-events:none; transition:opacity 200ms; }
.video-card.playing .v-overlay, .video-card.playing .v-play, .video-card.playing .v-info { opacity:0; pointer-events:none; }
.video-card .v-play { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:60px; height:60px; border-radius:50%; background:rgba(255,255,255,0.95); display:flex; align-items:center; justify-content:center; border:0; cursor:pointer; box-shadow:0 6px 22px rgba(0,0,0,0.35); transition:transform 200ms, background 200ms; z-index:3; }
.video-card .v-play:hover { transform:translate(-50%,-50%) scale(1.1); background:#fff; }
.video-card .v-play svg { width:26px; height:26px; color:var(--brand-green); margin-left:3px; }
.video-card .v-info { position:relative; z-index:2; padding:14px; }
.video-card .v-name { color:#fff; font-weight:700; font-size:13px; }
.video-card .v-stars { color:var(--saffron); font-size:13px; }
.video-card .v-loc { color:rgba(255,255,255,0.65); font-size:11px; }

/* ===== HOW TO USE ===== */
.htu-sec { background:var(--cream-deep); padding:80px 0; }
.htu-steps { display:grid; grid-template-columns:repeat(3,1fr); gap:32px; margin-top:48px; }
@media(max-width:700px){ .htu-steps{grid-template-columns:1fr; max-width:400px; margin-left:auto; margin-right:auto;} }
.htu-step { text-align:center; }
.htu-num { width:64px; height:64px; border-radius:50%; background:var(--brand-green); color:#fff; font-family:var(--font-label); font-weight:700; font-size:26px; display:flex; align-items:center; justify-content:center; margin:0 auto 18px; box-shadow:0 6px 24px rgba(91,155,42,0.35); }
.htu-step h3 { font-family:var(--font-heading); font-size:22px; color:var(--charcoal); margin-bottom:10px; font-weight:600; }
.htu-step p { font-size:15px; color:var(--text-medium); line-height:1.65; }
.htu-connector { display:flex; align-items:center; justify-content:center; padding-top:32px; }
@media(max-width:700px){ .htu-connector{display:none;} }

/* ===== FAMILY STORY ===== */
.family-sec { background:var(--cream-warm); padding:80px 0; }
.family-inner { display:grid; grid-template-columns:1.1fr 1fr; gap:clamp(32px,5vw,72px); align-items:center; }
@media(max-width:760px){ .family-inner{grid-template-columns:1fr;} }
.family-inner blockquote { font-family:var(--font-heading); font-size:clamp(26px,3vw,38px); color:var(--deep-green); font-weight:600; line-height:1.3; margin-bottom:20px; font-style:italic; }
.family-inner blockquote span { color:var(--brand-green); }
.family-img-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.family-img-grid img { width:100%; border-radius:16px; object-fit:cover; aspect-ratio:4/3; }
.family-img-grid .tall { grid-row:span 2; aspect-ratio:unset; height:100%; }
.family-img-placeholder { width:100%; border-radius:16px; background:var(--parchment); aspect-ratio:4/3; display:flex; align-items:center; justify-content:center; font-size:32px; border:2px dashed rgba(11,81,50,0.20); }

/* ===== FAQ ===== */
.faq-sec { background:var(--cream-deep); padding:80px 0; }
.faq-grid { display:grid; grid-template-columns:1fr 1fr; gap:0 48px; margin-top:40px; }
@media(max-width:760px){ .faq-grid{grid-template-columns:1fr;} }
.faq-item { border-bottom:1px solid rgba(11,81,50,0.12); }
.faq-q {
  display:flex; align-items:center; justify-content:space-between; gap:14px;
  padding:18px 0; font-weight:700; font-size:15px; color:var(--charcoal);
  cursor:pointer; transition:color 200ms;
}
.faq-q:hover { color:var(--brand-green); }
.faq-q.open { color:var(--brand-green); }
.faq-q .faq-icon { font-size:22px; line-height:1; flex-shrink:0; transition:transform 280ms var(--e-smooth); }
.faq-q.open .faq-icon { transform:rotate(45deg); }
.faq-a { max-height:0; overflow:hidden; transition:max-height 360ms var(--e-smooth); }
.faq-a.open { max-height:300px; }
.faq-a p { font-size:14.5px; color:var(--text-medium); line-height:1.75; padding-bottom:16px; }

/* ===== FINAL CTA ===== */
.final-cta-sec {
  background:linear-gradient(135deg, var(--deep-green) 0%, #1A6E3E 60%, rgba(91,155,42,0.8) 100%);
  padding:80px 0; text-align:center; position:relative; overflow:hidden;
}
.final-cta-sec::before { content:"🌿"; position:absolute; font-size:200px; opacity:0.04; top:-20px; left:-30px; }
.final-cta-sec::after  { content:"🌿"; position:absolute; font-size:200px; opacity:0.04; bottom:-20px; right:-30px; }
.final-cta-sec h2 { font-family:var(--font-heading); font-size:clamp(28px,4vw,52px); color:#fff; font-weight:700; margin-bottom:12px; }
.final-cta-sec p { font-size:17px; color:rgba(255,255,255,0.75); margin-bottom:32px; max-width:540px; margin-left:auto; margin-right:auto; }
.final-cta-sec .cta-wrap { display:flex; gap:14px; justify-content:center; flex-wrap:wrap; }

/* ===== MOBILE STICKY ATC ===== */
.satc2 {
  display:none; position:fixed; bottom:0; left:0; right:0; z-index:600;
  background:#fff; border-top:2px solid var(--brand-green); padding:12px 20px;
  align-items:center; gap:14px; box-shadow:0 -4px 24px rgba(0,0,0,0.12);
}
.satc2.vis { display:flex; }
.satc2 .sp { font-family:var(--font-label); font-weight:700; font-size:22px; color:var(--brand-green); flex-shrink:0; }
.satc2 .sn { font-size:13px; color:var(--text-muted); flex:1; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.satc2 .sb { flex-shrink:0; padding:12px 24px; border-radius:50px; }

/* Variant dropdown */
.variant-select {
  width: 100%; max-width: 420px; padding: 14px 18px; margin-bottom: 16px;
  border: 2px solid rgba(11,81,50,0.18); border-radius: 12px; background: #fff;
  font: 600 15px/1.3 var(--font-body, 'DM Sans', sans-serif); color: var(--charcoal, #1a1a1a);
  cursor: pointer; transition: border-color 200ms ease, box-shadow 200ms ease;
  appearance: none; -webkit-appearance: none;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%230B5132' stroke-width='2.4'><path d='M6 9l6 6 6-6'/></svg>");
  background-repeat: no-repeat; background-position: right 16px center; padding-right: 44px;
}
.variant-select:focus { outline: none; border-color: var(--brand-green, #0B5132); box-shadow: 0 0 0 3px rgba(11,81,50,0.12); }

/* ============ PDP mobile polish ============ */
@media (max-width: 860px) {
  .pdp-gallery2 { position: static; }
  .pdp-main-wrap { aspect-ratio: 1; }
  .pdp-thumbrow { overflow-x: auto; flex-wrap: nowrap; -webkit-overflow-scrolling: touch; padding-bottom: 4px; }
  .pdp-thumb2 { flex: 0 0 64px; }
}
@media (max-width: 640px) {
  .pdp-hero { padding: 18px 0 24px; }
  .pdp-title { font-size: 26px; line-height: 1.15; }
  .pdp-price2 .sale { font-size: 28px; }
}

/* ============ Premium "You May Also Like" ============ */
#related-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 22px; }
@media (max-width: 1100px) { #related-grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 860px) {
  /* horizontal snap carousel on mobile */
  #related-grid {
    display: flex; grid-template-columns: none; gap: 14px;
    overflow-x: auto; scroll-snap-type: x mandatory;
    padding: 6px 4px 22px; margin: 0 calc(var(--pad) * -1); padding-left: var(--pad); padding-right: var(--pad);
    -webkit-overflow-scrolling: touch; scrollbar-width: none;
  }
  #related-grid::-webkit-scrollbar { display: none; }
  #related-grid > .product-card { flex: 0 0 78%; scroll-snap-align: start; }
}
#related-grid .product-card {
  border-radius: 20px; border: 1px solid rgba(11,81,50,0.08);
  box-shadow: 0 6px 24px rgba(11,81,50,0.08);
  transition: transform 360ms var(--e-smooth), box-shadow 360ms;
}
#related-grid .product-card:hover { transform: translateY(-6px); box-shadow: 0 18px 44px rgba(11,81,50,0.18); }

/* ============ Veer Ved Max PDP additions ============ */

/* Hero badge chips row */
.pdp-badges-row { display:flex; flex-wrap:wrap; gap:8px; margin:0 0 18px; }
.pdp-chip {
  background:rgba(91,155,42,0.10); color:var(--brand-green);
  font-family:var(--font-label); font-weight:700; font-size:11.5px;
  padding:7px 12px; border-radius:50px; letter-spacing:0.04em;
  border:1.5px solid rgba(91,155,42,0.25);
}

/* Variant pills as buttons */
.variant-pills { display:flex; gap:10px; flex-wrap:wrap; margin-top:6px; }
.pdp-variant-card { text-decoration:none; }

/* Free gift card */
.free-gift {
  display:flex; align-items:center; gap:14px;
  margin-top:16px; padding:14px 16px;
  background:linear-gradient(135deg, rgba(245,146,29,0.10), rgba(91,155,42,0.10));
  border:1.5px dashed var(--brand-orange);
  border-radius:16px;
  animation: fgPulse 2.2s ease-in-out infinite;
}
@keyframes fgPulse {
  0%,100% { box-shadow:0 0 0 0 rgba(245,146,29,0.20); }
  50%     { box-shadow:0 0 0 8px rgba(245,146,29,0); }
}
.free-gift .fg-img { width:64px; height:64px; border-radius:12px; overflow:hidden; background:#fff; flex-shrink:0; display:grid; place-items:center; }
.free-gift .fg-img img { width:100%; height:100%; object-fit:contain; }
.free-gift .fg-body { flex:1; min-width:0; }
.free-gift .fg-tag { font-family:var(--font-label); font-weight:700; font-size:11px; color:var(--brand-orange); letter-spacing:0.1em; text-transform:uppercase; margin-bottom:2px; }
.free-gift .fg-name { font-weight:700; font-size:15px; color:var(--charcoal); }
.free-gift .fg-sub { font-size:12px; color:var(--text-muted); margin-top:2px; }
.free-gift .fg-price { display:flex; flex-direction:column; align-items:flex-end; flex-shrink:0; }
.free-gift .fg-price .orig { font-size:12px; color:var(--text-muted); text-decoration:line-through; }
.free-gift .fg-price .free { font-family:var(--font-label); font-weight:700; font-size:16px; color:var(--brand-green); }

/* Trust legacy strip with badges */
.trust-legacy { background:var(--deep-green); padding:42px 0; color:#fff; }
.trust-legacy-inner { display:grid; grid-template-columns:1fr 1.4fr; gap:36px; align-items:center; }
.trust-legacy-text { font-family:var(--font-heading); font-size:clamp(18px,2vw,24px); font-weight:600; line-height:1.4; margin:0; }
.trust-legacy-text strong { color:#FFD27A; font-weight:700; }
.trust-legacy-badges { display:flex; gap:18px; align-items:center; justify-content:flex-end; flex-wrap:wrap; }
.tlb {
  width:96px; height:96px; border-radius:50%; overflow:hidden;
  background-image:url("/__l5e/assets-v1/e2871d64-845d-4bce-a5d5-15b792c03898/cert-badges.png");
  background-size:520% auto;
  background-repeat:no-repeat;
  background-color:#0b5132;
  box-shadow:0 6px 20px rgba(0,0,0,0.25);
  flex-shrink:0;
}
.tlb img { display:none; }
.tlb-1 { background-position: 6.5% 50%; }
.tlb-2 { background-position: 28% 50%; }
.tlb-3 { background-position: 50% 50%; }
.tlb-4 { background-position: 72% 50%; }
.tlb-5 { background-position: 93.5% 50%; }
@media(max-width:760px){
  .trust-legacy-inner{ grid-template-columns:1fr; text-align:center; gap:24px; }
  .trust-legacy-badges{ justify-content:center; gap:10px; }
  .tlb{ width:64px; height:64px; }
}

/* You May Also Like — horizontal carousel */
.yml-carousel {
  display:flex; gap:18px; overflow-x:auto;
  scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch;
  padding:18px 4px 28px; margin:24px 0 0;
  scrollbar-width:thin;
}
.yml-carousel::-webkit-scrollbar { height:6px; }
.yml-carousel::-webkit-scrollbar-thumb { background:rgba(11,81,50,0.2); border-radius:50px; }
.yml-item { flex:0 0 260px; scroll-snap-align:start; }
.yml-item .product-card { border-radius:18px; box-shadow:0 6px 24px rgba(11,81,50,0.08); transition:transform 360ms var(--e-smooth), box-shadow 360ms; }
.yml-item .product-card:hover { transform:translateY(-6px); box-shadow:0 18px 44px rgba(11,81,50,0.18); }
@media(max-width:600px){ .yml-item{ flex:0 0 75%; } }

/* Bundle cards */
.bundle-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; margin-top:36px; }
@media(max-width:900px){ .bundle-grid{ grid-template-columns:1fr; } }
.bundle-card {
  background:#fff; border-radius:20px; padding:20px;
  box-shadow:0 6px 24px rgba(11,81,50,0.08);
  border:1.5px solid rgba(11,81,50,0.08);
  transition:transform 320ms var(--e-smooth), box-shadow 320ms;
}
.bundle-card:hover { transform:translateY(-6px); box-shadow:0 16px 44px rgba(11,81,50,0.18); border-color:var(--brand-green); }
.bundle-imgs { display:flex; align-items:center; justify-content:center; gap:12px; padding:14px; background:linear-gradient(135deg,var(--cream-deep),var(--parchment)); border-radius:14px; margin-bottom:14px; }
.bundle-imgs img { width:90px; height:90px; object-fit:contain; background:#fff; padding:6px; border-radius:10px; }
.bundle-plus { font-family:var(--font-label); font-weight:700; font-size:24px; color:var(--brand-orange); }
.bundle-titles { font-weight:700; font-size:14.5px; color:var(--charcoal); text-align:center; margin-bottom:10px; line-height:1.4; }
.bundle-prices { display:flex; align-items:baseline; gap:10px; justify-content:center; }
.bp-sale { font-family:var(--font-label); font-weight:700; font-size:22px; color:var(--brand-green); }
.bp-orig { font-size:14px; color:var(--text-muted); text-decoration:line-through; }
.bundle-save { text-align:center; font-size:12px; font-weight:700; color:var(--brand-orange); margin-top:4px; }

@media(max-width:640px){
  .rating-sum-sec .container{ grid-template-columns:1fr!important; }
  .pdp-badges-row{ margin-bottom:14px; }
}

/* ============ Real Payment Brand Chips ============ */
.pdp-pay { display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin-top:4px; }
.pdp-pay .pay-lbl { font-size:12px; color:var(--text-muted); font-weight:600; margin-right:4px; }
.pay-brand {
  display:inline-flex; align-items:center; justify-content:center;
  height:30px; min-width:50px; padding:0 10px; border-radius:6px;
  font-family:Arial,Helvetica,sans-serif; font-weight:800; font-size:11px;
  letter-spacing:0.06em; color:#fff;
  box-shadow:0 2px 6px rgba(0,0,0,0.12); border:1px solid rgba(0,0,0,0.05);
  line-height:1;
}
.pay-upi  { background:linear-gradient(135deg,#097939 0%,#097939 50%,#f7941d 50%,#f7941d 100%); }
.pay-visa { background:#1a1f71; font-style:italic; letter-spacing:0.12em; font-size:13px; }
.pay-mc   { background:#fff; width:54px; padding:0; gap:0; }
.pay-mc i { display:block; width:18px; height:18px; border-radius:50%; }
.pay-mc i:first-child { background:#eb001b; margin-right:-7px; }
.pay-mc i:last-child  { background:#f79e1b; }
.pay-rzp  { background:#02042b; color:#fff; text-transform:none; letter-spacing:0.02em; font-size:11.5px; }
.pay-cod  { background:linear-gradient(135deg,#0B5132,#1A6E3E); }
.pay-rupay{ background:#fff; color:#097939; border:1.5px solid #097939; font-weight:800; letter-spacing:0.04em; font-size:12px; }
.pay-rupay::after{content:""; display:inline-block; width:6px; height:6px; margin-left:4px; background:#f7941d; border-radius:50%;}

/* ============ Trust Legacy — refined ============ */
.trust-legacy {
  background:
    radial-gradient(1200px 280px at 100% 50%, rgba(245,146,29,0.10), transparent 60%),
    radial-gradient(900px 280px at 0% 50%, rgba(91,155,42,0.12), transparent 60%),
    var(--deep-green);
  position:relative; overflow:hidden; padding:54px 0;
}
.trust-legacy::before, .trust-legacy::after {
  content:""; position:absolute; inset:0; pointer-events:none;
  background-image:
    linear-gradient(90deg, rgba(255,255,255,0.06) 1px, transparent 1px);
  background-size:48px 100%;
  opacity:.25;
}
.trust-legacy-inner { grid-template-columns:1.1fr 1fr; align-items:center; position:relative; z-index:2; }
.trust-legacy-copy { color:#fff; }
.trust-legacy-eyebrow {
  display:inline-block; font-family:var(--font-label); font-weight:700;
  font-size:11px; letter-spacing:0.18em; color:#FFD27A;
  padding:5px 12px; border:1.5px solid rgba(255,210,122,0.45); border-radius:50px;
  margin-bottom:14px;
}
.trust-legacy-text { font-family:var(--font-heading); font-size:clamp(22px,2.4vw,32px); font-weight:600; line-height:1.3; margin:0 0 18px; color:#fff; }
.trust-legacy-text em { font-style:italic; color:#FFD27A; }
.trust-legacy-stats { display:flex; gap:28px; flex-wrap:wrap; }
.trust-legacy-stats > div { display:flex; flex-direction:column; }
.trust-legacy-stats b { font-family:var(--font-label); font-weight:700; font-size:22px; color:#fff; }
.trust-legacy-stats span { font-size:12px; color:rgba(255,255,255,0.65); margin-top:2px; }
.trust-legacy-badges {
  display:flex; gap:18px; align-items:center; justify-content:flex-end;
  flex-wrap:wrap; position:relative; z-index:2;
}
@media(max-width:760px){
  .trust-legacy-inner{ grid-template-columns:1fr; text-align:left; }
  .trust-legacy-badges{ justify-content:flex-start; }
  .trust-legacy-stats{ gap:18px; }
  .trust-legacy-stats b{ font-size:18px; }
}

/* ============ Featured Picks (high-conversion upsell) ============ */
.featured-picks-sec { background:var(--cream-deep); padding:72px 0; }
.featured-picks-grid {
  display:flex; gap:22px; overflow-x:auto; scroll-snap-type:x mandatory;
  -webkit-overflow-scrolling:touch; padding:18px 4px 28px; margin-top:24px;
  scrollbar-width:thin;
}
.featured-picks-grid::-webkit-scrollbar { height:6px; }
.featured-picks-grid::-webkit-scrollbar-thumb { background:rgba(11,81,50,0.2); border-radius:50px; }
.featured-picks-grid .fp-card { flex:0 0 280px; scroll-snap-align:start; }
@media(max-width:600px){ .featured-picks-grid .fp-card { flex:0 0 78%; } }
.fp-card {
  position:relative; display:flex; flex-direction:column;
  background:#fff; border-radius:20px; overflow:hidden; text-decoration:none;
  box-shadow:0 6px 24px rgba(11,81,50,0.08);
  border:1.5px solid rgba(11,81,50,0.06);
  transition:transform 320ms var(--e-smooth), box-shadow 320ms, border-color 320ms;
}
.fp-card:hover { transform:translateY(-8px); box-shadow:0 20px 48px rgba(11,81,50,0.18); border-color:var(--brand-green); }
.fp-disc { position:absolute; top:12px; left:12px; z-index:3; background:var(--brand-orange); color:#fff; font-family:var(--font-label); font-weight:700; font-size:12px; padding:5px 10px; border-radius:50px; box-shadow:0 4px 12px rgba(245,146,29,0.35); }
.fp-tag  { position:absolute; top:12px; right:12px; z-index:3; background:#fff; color:var(--brand-green); font-family:var(--font-label); font-weight:700; font-size:11px; padding:5px 10px; border-radius:50px; box-shadow:0 4px 12px rgba(0,0,0,0.10); border:1px solid rgba(11,81,50,0.10); }
.fp-img  { aspect-ratio:1; background:linear-gradient(135deg,var(--cream-warm),var(--parchment)); display:flex; align-items:center; justify-content:center; padding:18px; overflow:hidden; }
.fp-img img { width:100%; height:100%; object-fit:contain; transition:transform 480ms var(--e-smooth); }
.fp-card:hover .fp-img img { transform:scale(1.08); }
.fp-body { padding:16px 18px 20px; display:flex; flex-direction:column; gap:6px; flex:1; }
.fp-cat  { font-family:var(--font-label); font-size:10.5px; font-weight:700; letter-spacing:0.14em; text-transform:uppercase; color:var(--brand-green); }
.fp-name { font-family:var(--font-heading); font-weight:700; font-size:16px; color:var(--charcoal); line-height:1.3; min-height:42px; }
.fp-stars { color:var(--saffron); font-size:13px; letter-spacing:1px; }
.fp-stars span { color:var(--text-muted); font-size:11px; margin-left:4px; letter-spacing:0; }
.fp-price { display:flex; align-items:baseline; gap:8px; margin-top:4px; }
.fp-sale { font-family:var(--font-label); font-weight:700; font-size:20px; color:var(--brand-green); }
.fp-orig { font-size:13px; color:var(--text-muted); text-decoration:line-through; }
.fp-cta {
  margin-top:12px; display:inline-flex; align-items:center; justify-content:center;
  background:linear-gradient(135deg,var(--brand-green),var(--leaf-green));
  color:#fff; padding:10px 14px; border-radius:50px;
  font-family:var(--font-body); font-weight:700; font-size:13px;
  box-shadow:0 6px 18px rgba(91,155,42,0.30);
  transition:all 280ms;
}
.fp-card:hover .fp-cta { background:linear-gradient(135deg,var(--brand-orange),#D4800F); box-shadow:0 8px 22px rgba(245,146,29,0.40); }

/* ============ Carousel wrap with arrows + autoplay ============ */
.carousel-wrap { position:relative; }
.carousel-arrow {
  position:absolute; top:50%; transform:translateY(-50%); z-index:5;
  width:46px; height:46px; border-radius:50%; border:none; cursor:pointer;
  background:#fff; color:var(--brand-green); font-size:28px; line-height:1;
  box-shadow:0 8px 24px rgba(11,81,50,0.18);
  display:flex; align-items:center; justify-content:center;
  transition:transform 220ms var(--e-smooth), background 220ms, color 220ms;
}
.carousel-arrow:hover { background:var(--brand-green); color:#fff; transform:translateY(-50%) scale(1.08); }
.carousel-arrow.prev { left:-8px; }
.carousel-arrow.next { right:-8px; }
@media(max-width:720px){ .carousel-arrow { width:40px; height:40px; font-size:24px; } .carousel-arrow.prev{left:2px;} .carousel-arrow.next{right:2px;} }

/* Doctor real image */
.doctor-real-img { width:100%; border-radius:24px; box-shadow:0 14px 48px rgba(11,81,50,0.22); object-fit:cover; max-height:560px; display:block; }

/* Ingredient image fit */
.ing-card2 .ic-img img { width:100%; height:100%; object-fit:cover; display:block; }
/* Trust legacy banner (single image) */
.trust-legacy-banner{display:block;width:100%;background:#1a7a3a;}
.trust-legacy-banner img{display:block;width:100%;height:auto;}

/* Real brand logo chips */
.pdp-pay .pay-logo{
  display:inline-flex;align-items:center;justify-content:center;
  height:30px;min-width:50px;padding:4px 10px;
  background:#fff;border:1px solid #e6e1d5;border-radius:7px;
  box-shadow:0 1px 2px rgba(0,0,0,.04);
}
.pdp-pay .pay-logo img{max-height:20px;width:auto;display:block;object-fit:contain;}
.pdp-pay .pay-logo.pay-cod{
  background:linear-gradient(135deg,#0B5132,#1A6E3E);color:#fff;border-color:transparent;
  gap:6px;font-size:12px;font-weight:800;letter-spacing:.04em;
}
.pdp-pay .pay-logo.pay-cod svg{width:18px;height:18px;}

/* Video lightbox modal */
#video-modal{position:fixed;inset:0;background:rgba(0,0,0,.92);display:none;align-items:center;justify-content:center;z-index:9999;padding:20px;}
#video-modal.open{display:flex;}
#video-modal .vm-video{max-width:min(480px,95vw);max-height:90vh;width:auto;height:auto;border-radius:14px;background:#000;box-shadow:0 20px 60px rgba(0,0,0,.6);}
#video-modal .vm-close{position:absolute;top:18px;right:20px;width:44px;height:44px;border-radius:50%;border:none;background:rgba(255,255,255,.15);color:#fff;font-size:28px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(8px);transition:background .2s;}
#video-modal .vm-close:hover{background:rgba(255,255,255,.28);}

/* ====================================================== */
/* ===== VEER VED MAX EXCLUSIVE SECTIONS (vv-*) ========== */
/* ====================================================== */

:root{
  --vv-choc:#0B5132;          /* deep brand green (was brown) */
  --vv-choc-2:#0A4729;        /* deeper green */
  --vv-cream:#FAF6EF;         /* site cream-warm */
  --vv-cream-2:#F0E8D8;       /* site cream-deep */
  --vv-orange:#F5921D;        /* brand orange */
  --vv-orange-2:#D4800F;      /* hover orange */
  --vv-gold:#D4A017;          /* saffron */
  --vv-text-on-dark:rgba(250,246,239,.82);
}

.vv-eyebrow{display:inline-block;font-family:'Space Grotesk',sans-serif;font-size:12px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--vv-orange);margin-bottom:14px;}
.vv-eyebrow.dark{color:var(--vv-orange-2);}
.vv-eyebrow.light{color:var(--vv-gold);}
.vv-h2{font-family:'Cormorant Garamond','Playfair Display',serif;font-size:clamp(32px,4.4vw,52px);line-height:1.08;font-weight:600;color:var(--vv-cream);letter-spacing:-.01em;margin:0 0 18px;}
.vv-h2.dark{color:var(--vv-choc);}
.vv-h2.light{color:var(--vv-cream);}
.vv-h2 em{font-style:italic;color:var(--vv-orange);font-weight:500;}
.vv-h2.dark em{color:var(--vv-orange-2);}
.vv-lead{font-size:17px;line-height:1.65;color:var(--vv-text-on-dark);max-width:560px;margin:0 0 28px;}
.vv-lead.dark{color:#5a4a3a;}
.vv-sec-head{text-align:center;max-width:720px;margin:0 auto 56px;}
.vv-sec-head .vv-lead{margin:0 auto;}
.vv-sec-head.light{color:var(--vv-cream);}

.vv-btn-cta{display:inline-flex;align-items:center;gap:8px;background:var(--vv-orange);color:#fff;border:0;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:14px;letter-spacing:.08em;text-transform:uppercase;padding:18px 32px;border-radius:999px;cursor:pointer;transition:.25s ease;box-shadow:0 12px 30px -10px rgba(245,146,29,.6);}
.vv-btn-cta:hover{background:var(--vv-orange-2);transform:translateY(-2px);box-shadow:0 18px 36px -10px rgba(245,146,29,.7);}

/* ---- DARK BAND ---- */
.vv-darkband{background:linear-gradient(135deg,var(--vv-choc) 0%,var(--vv-choc-2) 100%);padding:96px 0;position:relative;overflow:hidden;}
.vv-darkband::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 30%,rgba(245,146,29,.12),transparent 50%);pointer-events:none;}
.vv-darkband-inner{display:grid;grid-template-columns:1fr 1.05fr;gap:64px;align-items:center;position:relative;}
.vv-darkband-img{border-radius:18px;overflow:hidden;aspect-ratio:5/4;box-shadow:0 30px 60px -20px rgba(0,0,0,.6);}
.vv-darkband-img img{width:100%;height:100%;object-fit:cover;display:block;}
.vv-pillars{display:flex;flex-direction:column;gap:18px;margin-top:36px;}
.vv-pillar{display:grid;grid-template-columns:56px 1fr;grid-template-rows:auto auto;column-gap:18px;row-gap:4px;align-items:center;padding:18px 22px;background:rgba(245,235,221,.06);border:1px solid rgba(245,235,221,.1);border-radius:14px;backdrop-filter:blur(6px);}
.vp-num{grid-row:1 / span 2;align-self:center;font-family:'Cormorant Garamond',serif;font-size:34px;font-weight:600;color:var(--vv-orange);line-height:1;}
.vp-t{grid-column:2;align-self:end;font-family:'Space Grotesk',sans-serif;font-weight:600;color:var(--vv-cream);font-size:16px;margin:0;}
.vp-d{grid-column:2;align-self:start;font-size:13px;color:var(--vv-text-on-dark);line-height:1.5;margin:0;}

/* ---- PROBLEMS GRID ---- */
.vv-problems{background:var(--vv-cream);padding:96px 0;}
.vv-problems-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}
.vv-problem{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 8px 24px -8px rgba(42,27,18,.12);transition:.3s ease;}
.vv-problem:hover{transform:translateY(-6px);box-shadow:0 20px 40px -12px rgba(42,27,18,.22);}
.vv-problem .vp-img{aspect-ratio:1/1;overflow:hidden;}
.vv-problem .vp-img img{width:100%;height:100%;object-fit:cover;display:block;transition:.5s ease;}
.vv-problem:hover .vp-img img{transform:scale(1.06);}
.vv-problem h3{font-family:'Cormorant Garamond',serif;font-size:22px;font-weight:600;color:var(--vv-choc);margin:20px 22px 8px;line-height:1.2;}
.vv-problem p{font-size:14px;color:#6b5a4a;line-height:1.55;margin:0 22px 22px;}

/* ---- DIFFERENTIATORS ---- */
.vv-differ{background:var(--vv-choc);padding:96px 0;}
.vv-differ-inner{display:grid;grid-template-columns:1fr 1.05fr;gap:64px;align-items:center;}
.vv-differ-img{aspect-ratio:1/1;border-radius:18px;overflow:hidden;box-shadow:0 30px 60px -20px rgba(0,0,0,.6);}
.vv-differ-img img{width:100%;height:100%;object-fit:cover;display:block;}
.vv-differ-list{list-style:none;padding:0;margin:24px 0 0;display:flex;flex-direction:column;gap:18px;}
.vv-differ-list li{display:grid;grid-template-columns:36px 1fr;gap:14px;align-items:flex-start;color:var(--vv-text-on-dark);font-size:15px;line-height:1.6;}
.vd-check{width:32px;height:32px;border-radius:50%;background:var(--vv-orange);color:#fff;display:grid;place-items:center;font-weight:700;font-size:14px;}
.vv-differ-list strong{color:var(--vv-cream);font-weight:600;display:block;font-size:16px;margin-bottom:2px;}

/* ---- MEGASTAT ---- */
.vv-megastat{background:linear-gradient(135deg,var(--vv-orange) 0%,var(--vv-orange-2) 100%);padding:96px 0;color:#fff;position:relative;overflow:hidden;}
.vv-megastat::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(255,255,255,.18),transparent 55%);pointer-events:none;}
.vv-megastat-inner{display:grid;grid-template-columns:1fr 1.2fr;gap:64px;align-items:center;position:relative;}
.vv-mega-num{font-family:'Cormorant Garamond',serif;font-size:clamp(96px,16vw,200px);line-height:.9;font-weight:600;color:#fff;letter-spacing:-.04em;}
.vv-mega-num span{font-size:.5em;vertical-align:top;color:rgba(255,255,255,.7);}
.vv-mega-copy .vv-eyebrow{color:rgba(255,255,255,.8);}
.vv-mega-copy h3{font-family:'Cormorant Garamond',serif;font-size:clamp(26px,3.2vw,38px);font-weight:600;color:#fff;line-height:1.15;margin:0 0 14px;}
.vv-mega-copy p{font-size:16px;line-height:1.65;color:rgba(255,255,255,.92);max-width:520px;margin-bottom:28px;}
.vv-megastat .vv-btn-cta{background:var(--vv-choc);box-shadow:0 12px 30px -10px rgba(0,0,0,.4);}
.vv-megastat .vv-btn-cta:hover{background:#1a1108;}

/* ---- BENEFITS DARK ---- */
.vv-benefits-dark{background:var(--vv-choc-2);padding:96px 0;position:relative;}
.vv-benefits-dark::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,rgba(245,146,29,.1),transparent 50%);pointer-events:none;}
.vv-benefits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;position:relative;}
.vv-benefit{background:linear-gradient(180deg,rgba(245,235,221,.07) 0%,rgba(245,235,221,.02) 100%);border:1px solid rgba(245,235,221,.1);border-radius:18px;padding:38px 32px;transition:.3s ease;}
.vv-benefit:hover{transform:translateY(-4px);border-color:rgba(245,146,29,.4);}
.vb-ico{width:60px;height:60px;border-radius:14px;background:rgba(245,146,29,.15);display:grid;place-items:center;font-size:30px;margin-bottom:22px;}
.vv-benefit h3{font-family:'Cormorant Garamond',serif;font-size:26px;font-weight:600;color:var(--vv-cream);margin:0 0 12px;}
.vv-benefit p{font-size:15px;line-height:1.65;color:var(--vv-text-on-dark);margin:0;}

/* ---- LIFESTYLE ---- */
.vv-lifestyle{background:var(--vv-cream);padding:96px 0;}
.vv-lifestyle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.vv-life-card{position:relative;border-radius:20px;overflow:hidden;aspect-ratio:3/4;margin:0;box-shadow:0 16px 36px -14px rgba(42,27,18,.3);}
.vv-life-card img{width:100%;height:100%;object-fit:cover;display:block;transition:.6s ease;}
.vv-life-card:hover img{transform:scale(1.05);}
.vv-life-card figcaption{position:absolute;left:0;right:0;bottom:0;padding:28px 26px 24px;background:linear-gradient(to top,rgba(42,27,18,.95) 10%,rgba(42,27,18,.6) 60%,transparent 100%);color:var(--vv-cream);}
.vl-tag{display:inline-block;font-family:'Space Grotesk',sans-serif;font-size:11px;font-weight:700;letter-spacing:.18em;color:var(--vv-orange);margin-bottom:6px;}
.vv-life-card h3{font-family:'Cormorant Garamond',serif;font-size:26px;font-weight:600;line-height:1.15;margin:0;color:var(--vv-cream);}

/* ---- PROMISE BAND ---- */
.vv-promise{background:linear-gradient(135deg,var(--vv-choc) 0%,#1a1108 100%);padding:96px 0;position:relative;overflow:hidden;}
.vv-promise::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 50%,rgba(245,146,29,.14),transparent 55%);pointer-events:none;}
.vv-promise-inner{position:relative;text-align:center;max-width:760px;margin:0 auto;}
.vv-promise-copy p{font-size:17px;line-height:1.7;color:var(--vv-text-on-dark);max-width:600px;margin:0 auto 36px;}
.vv-promise-row{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:30px;}
.vp-stat{padding:22px 14px;background:rgba(245,235,221,.05);border:1px solid rgba(245,235,221,.1);border-radius:14px;}
.vp-stat strong{display:block;font-family:'Cormorant Garamond',serif;font-size:22px;font-weight:600;color:var(--vv-gold);margin-bottom:4px;}
.vp-stat span{font-size:12px;color:var(--vv-text-on-dark);letter-spacing:.06em;text-transform:uppercase;}

/* ---- RESPONSIVE ---- */
@media (max-width:1024px){
  .vv-darkband-inner,.vv-differ-inner,.vv-megastat-inner{grid-template-columns:1fr;gap:40px;}
  .vv-problems-grid{grid-template-columns:repeat(2,1fr);}
  .vv-benefits-grid,.vv-lifestyle-grid{grid-template-columns:1fr;gap:20px;}
  .vv-darkband,.vv-problems,.vv-differ,.vv-megastat,.vv-benefits-dark,.vv-lifestyle,.vv-promise{padding:64px 0;}
}
@media (max-width:640px){
  .vv-problems-grid{grid-template-columns:1fr;}
  .vv-promise-row{grid-template-columns:repeat(2,1fr);}
  .vv-pillar{grid-template-columns:48px 1fr;padding:14px 16px;}
  .vp-num{font-size:26px;}
  .vv-h2{font-size:30px;}
}

/* ====================================================== */
/* ===== VEER VED — REDESIGN ADDITIONS (pdp-vv-5) ======= */
/* ====================================================== */

/* ---- Sticky top promo bar ---- */
.vv-promobar{
  position:fixed; top:0; left:0; right:0; z-index:700;
  background:linear-gradient(90deg, var(--vv-orange) 0%, var(--vv-orange-2) 100%);
  color:#fff; font-family:'Space Grotesk',sans-serif;
  box-shadow:0 2px 12px rgba(0,0,0,0.18);
}
.vv-promobar[hidden]{display:none;}
.vv-promobar-inner{
  max-width:1280px; margin:0 auto; padding:8px 44px 8px 20px;
  display:flex; align-items:center; justify-content:center; gap:14px; flex-wrap:wrap;
  font-size:13px; letter-spacing:0.02em; position:relative; min-height:36px;
}
.vv-pb-item strong{font-weight:800;}
.vv-pb-sep{opacity:.55;}
.vv-pb-close{
  position:absolute; right:10px; top:50%; transform:translateY(-50%);
  width:28px; height:28px; border-radius:50%; border:0;
  background:rgba(255,255,255,0.18); color:#fff; font-size:18px; line-height:1;
  cursor:pointer; transition:background .2s;
}
.vv-pb-close:hover{background:rgba(255,255,255,0.32);}
body.vv-has-promobar #main-content{padding-top:152px !important;}
@media(max-width:640px){
  .vv-promobar-inner{font-size:11.5px; gap:8px; padding:7px 38px 7px 12px;}
  .vv-pb-sep{display:none;}
  body.vv-has-promobar #main-content{padding-top:160px !important;}
}

/* ---- Hero badge chips (trust) ---- */
.vv-trust-chip{
  background:linear-gradient(135deg, rgba(245,146,29,0.14), rgba(91,155,42,0.10));
  color:var(--vv-choc); border-color:rgba(245,146,29,0.32);
}

/* ---- Hero urgency block ---- */
.vv-urgency{
  background:linear-gradient(135deg,#fff8ec,#fff1d6);
  border:1.5px solid rgba(245,146,29,0.35);
  border-radius:14px; padding:12px 14px; margin:4px 0 16px;
  display:flex; flex-direction:column; gap:8px;
}
.vv-urg-row{display:flex; align-items:center; gap:10px; font-size:13.5px; color:var(--vv-choc);}
.vv-urg-ico{font-size:16px;}
.vv-urg-label{color:#5a4a3a;}
.vv-urg-clock{margin-left:auto; font-family:'Space Grotesk',sans-serif; font-weight:800; font-size:18px; color:var(--vv-orange-2); letter-spacing:.04em;}
.vv-urg-clock b{display:inline-block; background:var(--vv-choc); color:#fff; padding:3px 7px; border-radius:6px; min-width:28px; text-align:center; font-weight:800;}
.vv-urg-stock strong{color:var(--vv-orange-2);}

/* ---- Trust strip MBG chip ---- */
.vv-mbg-chip{color:var(--vv-orange-2);}
.vv-mbg-chip svg{color:var(--vv-orange-2)!important;}
.vv-mbg-chip strong{font-weight:700;}

/* ---- Comparison table ---- */
.vv-compare{background:var(--vv-cream-2); padding:84px 0;}
.vv-compare-wrap{max-width:920px; margin:24px auto 0; overflow-x:auto;}
.vv-compare-table{
  width:100%; border-collapse:separate; border-spacing:0; background:#fff;
  border-radius:18px; overflow:hidden; box-shadow:0 12px 36px -16px rgba(11,81,50,0.22);
  font-size:15px;
}
.vv-compare-table th, .vv-compare-table td{
  padding:18px 22px; text-align:left; border-bottom:1px solid rgba(11,81,50,0.08);
  vertical-align:middle;
}
.vv-compare-table thead th{
  background:var(--vv-choc); color:#fff;
  font-family:'Space Grotesk',sans-serif; font-weight:700; letter-spacing:.05em;
  text-transform:uppercase; font-size:12.5px;
}
.vv-compare-table thead th.vc-us{background:var(--vv-orange); color:#fff;}
.vv-compare-table tbody td:first-child{
  font-weight:700; color:var(--vv-choc); background:rgba(245,235,221,0.55);
  width:140px;
}
.vv-compare-table tbody td.vc-us{color:var(--vv-choc); font-weight:600;}
.vv-compare-table tbody td.vc-us::before{content:"✓  "; color:#0B5132; font-weight:800;}
.vv-compare-table tbody td.vc-them{color:#8a7866;}
.vv-compare-table tbody td.vc-them::before{content:"✗  "; color:#c0392b; font-weight:800;}
.vv-compare-table tbody tr:last-child td{border-bottom:0;}
@media(max-width:640px){
  .vv-compare-table{font-size:13px;}
  .vv-compare-table th, .vv-compare-table td{padding:12px 14px;}
  .vv-compare-table tbody td:first-child{width:100px;}
}

/* ---- How-to-use / 90-day ritual ---- */
.vv-howto{background:var(--vv-cream); padding:88px 0;}
.vv-howto-steps{
  display:grid; grid-template-columns:repeat(3,1fr); gap:22px;
  max-width:980px; margin:0 auto;
}
.vv-htstep{
  position:relative; background:#fff; border-radius:18px; padding:28px 22px 24px;
  text-align:center; box-shadow:0 8px 24px -10px rgba(11,81,50,0.18);
  border:1px solid rgba(11,81,50,0.06); transition:.3s ease;
}
.vv-htstep:hover{transform:translateY(-4px); box-shadow:0 16px 36px -12px rgba(11,81,50,0.24);}
.vv-htstep .vh-num{
  position:absolute; top:-14px; left:50%; transform:translateX(-50%);
  background:var(--vv-orange); color:#fff;
  font-family:'Space Grotesk',sans-serif; font-weight:800; font-size:13px;
  padding:5px 14px; border-radius:50px; letter-spacing:.05em;
  box-shadow:0 6px 18px -6px rgba(245,146,29,0.6);
}
.vv-htstep .vh-ico{font-size:42px; margin:8px 0 12px;}
.vv-htstep h3{font-family:'Cormorant Garamond',serif; font-size:22px; color:var(--vv-choc); margin:0 0 8px; font-weight:600;}
.vv-htstep p{font-size:14px; color:#6b5a4a; line-height:1.55; margin:0;}
@media(max-width:720px){.vv-howto-steps{grid-template-columns:1fr; max-width:400px;}}

.vv-timeline{
  margin:48px auto 0; max-width:1080px;
  background:var(--vv-choc); border-radius:22px; overflow:hidden;
  box-shadow:0 16px 48px -20px rgba(0,0,0,0.4);
}
.vv-timeline img{display:block; width:100%; height:auto; object-fit:cover;}
.vv-timeline-rows{
  display:grid; grid-template-columns:repeat(4,1fr);
  background:var(--vv-choc-2);
}
.vv-timeline-rows > div{
  padding:20px 22px; border-right:1px solid rgba(255,255,255,0.08);
  color:var(--vv-cream);
}
.vv-timeline-rows > div:last-child{border-right:0;}
.vv-timeline-rows span{
  display:block; font-family:'Space Grotesk',sans-serif; font-size:11.5px;
  letter-spacing:.16em; text-transform:uppercase; color:var(--vv-gold); margin-bottom:6px;
}
.vv-timeline-rows p{font-size:14px; color:var(--vv-cream); line-height:1.5; margin:0;}
@media(max-width:760px){
  .vv-timeline-rows{grid-template-columns:1fr 1fr;}
  .vv-timeline-rows > div:nth-child(2){border-right:0;}
  .vv-timeline-rows > div:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,0.08);}
}

/* ---- Promise / guarantee band rework ---- */
.vv-promise{
  background:linear-gradient(135deg, var(--vv-choc) 0%, var(--vv-choc-2) 100%);
  padding:88px 0; color:var(--vv-cream); position:relative; overflow:hidden;
}
.vv-promise::before{
  content:""; position:absolute; inset:0; pointer-events:none;
  background:radial-gradient(circle at 20% 30%, rgba(245,146,29,0.15), transparent 50%);
}
.vv-promise-inner{
  display:grid; grid-template-columns:240px 1fr; gap:54px; align-items:center;
  position:relative; z-index:2;
}
.vv-promise-badge img{
  width:100%; height:auto; display:block;
  filter:drop-shadow(0 18px 36px rgba(0,0,0,0.5));
  animation:vvBadgePulse 3s ease-in-out infinite;
}
@keyframes vvBadgePulse{
  0%,100%{transform:scale(1) rotate(-3deg);}
  50%{transform:scale(1.04) rotate(-3deg);}
}
.vv-promise-copy p{font-size:16px; line-height:1.65; color:var(--vv-text-on-dark); max-width:560px; margin-bottom:24px;}
.vv-promise-row{display:flex; flex-wrap:wrap; gap:32px;}
.vp-stat{display:flex; flex-direction:column;}
.vp-stat strong{font-family:'Space Grotesk',sans-serif; font-weight:700; font-size:20px; color:var(--vv-gold);}
.vp-stat span{font-size:12px; color:var(--vv-text-on-dark); letter-spacing:.04em;}
@media(max-width:760px){
  .vv-promise-inner{grid-template-columns:1fr; gap:32px; text-align:center;}
  .vv-promise-badge{max-width:200px; margin:0 auto;}
  .vv-promise-row{justify-content:center;}
  .vv-promise-copy p{margin-left:auto;margin-right:auto;}
}

/* ====================================================== */
/* ===== VEER VED — COMPACT PASS (pdp-vv-6) ============ */
/* Tighter vertical rhythm, less blank space everywhere   */
/* ====================================================== */
.vv-darkband,
.vv-problems,
.vv-differ,
.vv-megastat,
.vv-benefits-dark,
.vv-lifestyle,
.vv-promise,
.vv-compare,
.vv-howto{padding:56px 0 !important;}

.vv-sec-head{margin:0 auto 28px !important;}
.vv-h2{font-size:clamp(26px,3.4vw,40px) !important; margin:0 0 12px !important;}
.vv-lead{font-size:15px !important; line-height:1.55 !important; margin:0 0 18px !important;}
.vv-eyebrow{margin-bottom:10px !important; font-size:11px !important;}

.vv-darkband-inner,
.vv-differ-inner{gap:40px !important;}
.vv-pillars{gap:10px !important; margin-top:20px !important;}
.vv-pillar{padding:12px 16px !important;}
.vv-differ-list{gap:12px !important; margin-top:16px !important;}

.vv-megastat-inner{gap:36px !important;}
.vv-mega-copy p{margin-bottom:18px !important;}

.vv-problems-grid{gap:18px !important;}
.vv-problem h3{margin:14px 18px 6px !important; font-size:20px !important;}
.vv-problem p{margin:0 18px 16px !important;}

.vv-benefits-grid{gap:18px !important;}
.vv-benefit{padding:24px 22px !important;}
.vv-benefit h3{font-size:22px !important; margin:0 0 8px !important;}
.vv-benefit p{font-size:14px !important;}

.vv-lifestyle-grid{gap:18px !important;}
.vv-life-card{aspect-ratio:4/5 !important;}
.vv-life-card figcaption{padding:18px 18px 16px !important;}
.vv-life-card h3{font-size:22px !important;}

.vv-compare-wrap{margin-top:8px !important;}
.vv-compare-table th, .vv-compare-table td{padding:10px 12px !important; font-size:14px !important;}

.vv-howto-steps{gap:18px !important;}
.vv-htstep{padding:20px !important;}
.vv-htstep .vh-ico{font-size:32px !important; margin:4px 0 8px !important;}
.vv-timeline{margin-top:24px !important;}

.vv-promise-inner{gap:32px !important;}
.vv-promise-copy p{margin-bottom:16px !important;}

/* Legacy non-vv sections on PDP — tighten too */
.problems-sec,
.doctor-sec,
.ingredients-sec,
.wa-sec,
.rating-sum-sec,
.video-sec,
.htu-sec,
.family-sec,
.faq-sec,
.featured-picks-sec,
.yml-sec,
.trust-legacy{padding:48px 0 !important;}

@media(max-width:760px){
  .vv-darkband,.vv-problems,.vv-differ,.vv-megastat,
  .vv-benefits-dark,.vv-lifestyle,.vv-promise,
  .vv-compare,.vv-howto{padding:40px 0 !important;}
  .problems-sec,.doctor-sec,.ingredients-sec,.wa-sec,
  .rating-sum-sec,.video-sec,.htu-sec,.family-sec,
  .faq-sec,.featured-picks-sec,.yml-sec,.trust-legacy{padding:36px 0 !important;}
  .vv-sec-head{margin:0 auto 20px !important;}
}