:root{--ink:#172019;--muted:#667085;--green:#1e684d;--soft:#f2f7f3;--gold:#ffbc00;--line:#e4e9e5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:'Plus Jakarta Sans',sans-serif}a{color:inherit;text-decoration:none}.pd-header{position:sticky;z-index:50;top:0;height:82px;padding:0 max(5vw,24px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(255,255,255,.95);backdrop-filter:blur(15px)}.pd-header img{width:132px}.pd-header nav{display:flex;gap:30px;font-size:13px;font-weight:700}.pd-cart{padding:12px 17px;border-radius:999px;background:#14231d;color:#fff;font-size:12px}.pd-cart b{display:inline-grid;place-items:center;min-width:20px;height:20px;margin-left:7px;border-radius:50%;background:var(--gold);color:#172019}main{max-width:1480px;margin:auto;padding:44px 5vw 90px}.back{font-size:12px;font-weight:800}.crumb{margin:36px 0 24px;color:#7a837e;font-size:12px}.crumb span{margin:0 10px}.pd-hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(380px,.92fr);gap:clamp(38px,6vw,90px)}.main-media{aspect-ratio:1/1;border-radius:20px;overflow:hidden;background:#f5f3ee}.main-media img{width:100%;height:100%;object-fit:contain}.thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:14px}.thumbs button{aspect-ratio:1;border:2px solid transparent;border-radius:14px;overflow:hidden;background:#f6f6f4;cursor:pointer}.thumbs button.active{border-color:#45a265}.thumbs img{width:100%;height:100%;object-fit:contain}.pd-info{padding-top:18px}.collection-pill{display:inline-block;padding:7px 11px;border-radius:999px;background:#e7f5eb;color:#24733f;font-size:10px;font-weight:800}.pd-info h1{margin:18px 0 12px;font-size:clamp(34px,4.5vw,64px);line-height:1;letter-spacing:-.055em}.rating{display:flex;align-items:center;gap:10px;font-size:12px}.rating>span,.stars{color:#f2bd1d;letter-spacing:2px}.rating a{color:var(--muted);text-decoration:underline}.price{margin:25px 0 15px;font-size:38px;font-weight:800}.lead{color:var(--muted);font-size:14px;line-height:1.8}.option-label{display:block;margin:27px 0 11px;font-size:12px;font-weight:800}.variants{display:flex;flex-wrap:wrap;gap:9px}.variants button{padding:11px 14px;border:1px solid #dce3de;border-radius:10px;background:#fff;cursor:pointer}.variants button.active{border-color:#3c9360;background:#f1faf4}.variants small{display:block;margin-top:4px;color:#69746f}.quantity{display:flex;align-items:center;gap:13px;margin:25px 0;padding:17px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:12px}.quantity button{width:30px;height:30px;border:1px solid var(--line);background:#fff;border-radius:7px}.quantity>span:last-child{margin-left:auto}.delivery{display:flex;justify-content:space-between;gap:20px;font-size:11px}.delivery b{color:#27804b}.delivery span{color:var(--muted)}.buy-row{display:grid;grid-template-columns:1fr 52px;gap:10px;margin:22px 0}.add-cart,.wishlist{height:52px;border:0;border-radius:10px;cursor:pointer;font-weight:800}.add-cart{background:var(--green);color:#fff}.wishlist{border:1px solid var(--line);background:#fff;font-size:22px}.assurances{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding-top:18px;border-top:1px solid var(--line);color:#406152;font-size:10px}.tabs{margin-top:75px}.tab-buttons{display:grid;grid-template-columns:repeat(3,1fr);padding:8px;border-radius:12px;background:#f3f5f3}.tab-buttons button{padding:14px;border:0;border-radius:9px;background:transparent;font-weight:700;cursor:pointer}.tab-buttons button.active{background:#fff;box-shadow:0 4px 15px rgba(25,50,35,.07)}.tab-panel{display:none;padding:32px 8px;color:#3e4943;line-height:1.8}.tab-panel.active{display:block}.tab-panel ul{padding-left:22px}.nutrition-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.nutrition-grid span{padding:20px;border-radius:12px;background:var(--soft)}.nutrition-grid b{display:block}.related,.pd-reviews{margin-top:85px}.section-head small{color:#6d9a84;font-size:10px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.section-head h2{margin:8px 0 28px;font-size:clamp(30px,4vw,48px);letter-spacing:-.04em}.related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.related-card{padding-bottom:18px;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff}.related-card img{width:100%;aspect-ratio:1;object-fit:contain;background:#f5f6f3}.related-card small,.related-card h3,.related-card strong{display:block;margin-left:17px;margin-right:17px}.related-card small{margin-top:15px;color:#668c79;font-size:9px;font-weight:800;text-transform:uppercase}.related-card h3{min-height:42px;font-size:14px}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.review-grid article{padding:28px;border-radius:18px;background:#f3f8f5}.review-person{display:flex;align-items:center;gap:12px}.review-person img{width:48px;height:48px;border-radius:50%;object-fit:cover}.review-person b,.review-person small{display:block}.review-person small{margin-top:3px;color:var(--muted);font-size:9px}.review-grid p{min-height:75px;font-size:13px;line-height:1.7}.pd-footer{padding:55px 6vw;display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;background:#153c31;color:#fff}.pd-footer img{width:140px;filter:brightness(0) invert(1)}.pd-footer p{max-width:430px;color:#c9d8d1;font-size:12px;line-height:1.7}.pd-footer b,.pd-footer a{display:block}.pd-footer a{margin-top:12px;color:#d6e3dd;font-size:11px}
@media(max-width:900px){.pd-header nav{display:none}.pd-hero{grid-template-columns:1fr}.pd-info{padding-top:0}.related-grid{grid-template-columns:repeat(2,1fr)}.review-grid{grid-template-columns:1fr}.nutrition-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){main{padding:28px 16px 65px}.pd-header{height:70px;padding:0 16px}.pd-header img{width:112px}.pd-info h1{font-size:38px}.delivery{flex-direction:column}.assurances{grid-template-columns:1fr}.tab-buttons button{font-size:11px}.related-grid{display:grid;grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:80vw;overflow-x:auto}.pd-footer{grid-template-columns:1fr}.thumbs{grid-template-columns:repeat(3,1fr)}}.main-media{position:relative}.main-media img{transition:opacity .22s ease,transform .35s ease}.main-media img.is-changing{opacity:.35;transform:scale(.985)}.gallery-arrow{position:absolute;z-index:3;top:50%;width:44px;height:44px;border:1px solid rgba(23,32,25,.12);border-radius:50%;background:rgba(255,255,255,.92);color:#172019;font-size:28px;line-height:1;cursor:pointer;transform:translateY(-50%);box-shadow:0 7px 20px rgba(20,35,26,.1)}.gallery-prev{left:16px}.gallery-next{right:16px}.gallery-count{position:absolute;right:16px;bottom:16px;padding:7px 11px;border-radius:999px;background:rgba(23,32,25,.78);color:#fff;font-size:10px}.thumbs{display:flex;gap:12px;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}.thumbs::-webkit-scrollbar{display:none}.thumbs button{flex:0 0 92px}.pd-info h1{max-width:720px}.delish-footer{margin-top:0}@media(max-width:560px){.gallery-arrow{width:38px;height:38px}.gallery-prev{left:10px}.gallery-next{right:10px}.thumbs button{flex-basis:76px}}

/* ==========================================================================
   PRODUCT DETAIL ENHANCEMENTS (Buy now, Pincode Estimator, Share, Reviews)
   ========================================================================== */
.buy-row {
  display: grid;
  grid-template-columns: 1fr 1fr 52px;
  gap: 12px;
  margin: 22px 0;
}
.buy-now-btn {
  height: 52px;
  border: none;
  border-radius: 10px;
  background: #0f172a;
  color: #ffffff;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.2s;
  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.15);
}
.buy-now-btn:hover {
  background: #1e293b;
  transform: translateY(-1px);
}
.wishlist {
  border: 1px solid var(--line);
  background: #fff;
  display: grid;
  place-items: center;
  color: #64748b;
  transition: all 0.2s;
  padding: 0;
}
.wishlist:hover, .wishlist.is-active {
  border-color: #ef4444;
  color: #ef4444;
  background: #fef2f2;
}

/* Pincode Estimator */
.pincode-checker-box {
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  padding: 16px;
  margin: 20px 0;
}
.pincode-label {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  font-weight: 700;
  color: #334155;
  margin-bottom: 10px;
}
.pincode-input-row {
  display: flex;
  gap: 8px;
}
.pincode-input-row input {
  flex: 1;
  height: 38px;
  border: 1px solid #cbd5e1;
  border-radius: 8px;
  padding: 0 12px;
  font-size: 13px;
  font-family: inherit;
  outline: none;
}
.pincode-input-row button {
  height: 38px;
  padding: 0 18px;
  background: #0f172a;
  color: #ffffff;
  border: none;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
  transition: background 0.2s;
}
.pincode-result {
  margin-top: 10px;
  font-size: 12px;
  line-height: 1.4;
  font-weight: 600;
}
.pincode-result.success { color: #15803d; }
.pincode-result.error { color: #dc2626; }

/* Product Share */
.product-share-row {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 18px;
  padding-top: 16px;
  border-top: 1px solid var(--line);
  font-size: 12.5px;
  color: #64748b;
  font-weight: 600;
}
.share-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 14px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  text-decoration: none;
  border: 1px solid #cbd5e1;
  background: #ffffff;
  color: #334155;
  cursor: pointer;
  transition: all 0.2s;
}
.share-btn.share-wa {
  color: #15803d;
  border-color: #bbf7d0;
  background: #f0fdf4;
}
.share-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 2px 8px rgba(0,0,0,0.06);
}

/* Reviews write form */
.write-review-box {
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  padding: 20px;
  margin-top: 24px;
}
.write-review-box h4 {
  margin: 0 0 12px;
  font-size: 14px;
  color: #0f172a;
}
.review-form-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-bottom: 12px;
}
@media (max-width: 600px) {
  .review-form-row { grid-template-columns: 1fr; }
  .buy-row { grid-template-columns: 1fr 52px; }
  .buy-now-btn { grid-column: span 2; }
}
.review-input, .review-textarea {
  width: 100%;
  border: 1px solid #cbd5e1;
  border-radius: 8px;
  padding: 8px 12px;
  font-family: inherit;
  font-size: 13px;
  outline: none;
}
.review-submit-btn {
  background: #0f172a;
  color: #ffffff;
  border: none;
  padding: 10px 20px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
}

/* ==========================================================================
   PASTEL YELLOW TITLE & ASSURANCE STRIP (Directly after Header)
   ========================================================================== */
.pd-pastel-strip {
  background: linear-gradient(90deg, #fffbeb 0%, #fef3c7 50%, #fffbeb 100%);
  border-bottom: 1.5px solid #fde68a;
  padding: 10px max(5vw, 24px);
  position: relative;
  z-index: 40;
}
.pd-pastel-inner {
  max-width: 1480px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}
.pd-strip-breadcrumbs {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 12.5px;
  font-weight: 600;
  color: #78350f;
}
.pd-strip-crumb {
  color: #92400e;
  text-decoration: none;
  transition: color 0.15s;
}
.pd-strip-crumb:hover {
  color: #17483a;
  text-decoration: underline;
}
.pd-strip-sep {
  color: #d97706;
  font-size: 11px;
}
.pd-strip-active-title {
  color: #172019;
  font-weight: 800;
}
.pd-strip-trust-tags {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}
.pd-trust-item {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 11.5px;
  font-weight: 700;
  color: #78350f;
  background: rgba(255, 255, 255, 0.65);
  border: 1px solid #fde68a;
  padding: 4px 10px;
  border-radius: 999px;
  letter-spacing: 0.2px;
}
.pd-trust-code {
  background: #fef08a;
  border-color: #eab308;
  color: #854d0e;
}
.pd-trust-code strong {
  color: #713f12;
  letter-spacing: 0.5px;
}

/* ==========================================================================
   BOUTIQUE HARVEST HIGHLIGHTS (4-Pillar Grid under Buy Button)
   ========================================================================== */
.pd-pillar-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin: 22px 0 16px;
  background: #fdfbf7;
  border: 1px solid #ede4d8;
  border-radius: 14px;
  padding: 16px;
}
.pd-pillar-card {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}
.pd-pillar-icon {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background: #f4ece1;
  color: #8b5e3c;
  display: grid;
  place-items: center;
  flex-shrink: 0;
}
.pd-pillar-text strong {
  display: block;
  font-size: 12px;
  font-weight: 700;
  color: #172019;
  margin-bottom: 2px;
}
.pd-pillar-text span {
  display: block;
  font-size: 11px;
  color: #64748b;
  line-height: 1.35;
}

/* ==========================================================================
   RELATED PRODUCTS SECTION (Identical to Homepage Product Cards)
   ========================================================================== */
.related-showcase {
  margin-top: 85px;
  padding-top: 50px;
  border-top: 1px solid var(--line);
}
.related-product-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  margin-top: 28px;
}
@media (max-width: 1024px) {
  .related-product-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 600px) {
  .related-product-grid { grid-template-columns: 1fr; }
  .pd-pillar-grid { grid-template-columns: 1fr; }
  .pd-strip-trust-tags { display: none; }
}

/* ==========================================================================
   LUXURY TESTIMONIALS SECTION (Verified Connoisseurs)
   ========================================================================== */
.pd-testimonials-luxury {
  margin-top: 85px;
  padding: 60px 4% 75px;
  background: #fbf9f5;
  border-radius: 24px;
  border: 1px solid #ede4d8;
}
.review-overall-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  padding: 6px 14px;
  border-radius: 999px;
  font-size: 12px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.02);
}
.review-stars-gold {
  display: inline-flex;
  gap: 2px;
}
.review-score {
  font-weight: 800;
  color: #0f172a;
}
.review-count {
  color: #64748b;
  font-weight: 500;
}
.pd-reviews-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  margin-top: 32px;
}
@media (max-width: 900px) {
  .pd-reviews-grid { grid-template-columns: 1fr; }
}
.pd-review-card {
  background: #ffffff;
  border: 1px solid #e7ded2;
  border-radius: 18px;
  padding: 28px;
  box-shadow: 0 4px 18px rgba(28,20,10,0.03);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  transition: transform .2s ease, box-shadow .2s ease;
}
.pd-review-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 26px rgba(28,20,10,0.06);
}
.pd-rc-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 14px;
}
.pd-rc-stars {
  color: #f59e0b;
  font-size: 14px;
  letter-spacing: 2px;
}
.pd-verified-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 10.5px;
  font-weight: 700;
  color: #15803d;
  background: #f0fdf4;
  border: 1px solid #bbf7d0;
  padding: 3px 8px;
  border-radius: 999px;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}
.pd-rc-quote {
  font-size: 14px;
  line-height: 1.7;
  color: #334155;
  margin: 0 0 20px;
  font-style: normal;
}
.pd-rc-author {
  display: flex;
  align-items: center;
  gap: 12px;
  padding-top: 16px;
  border-top: 1px solid #f1f5f9;
}
.pd-author-avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  font-weight: 800;
  font-size: 13px;
  flex-shrink: 0;
}
.pd-author-info strong {
  display: block;
  font-size: 13.5px;
  color: #0f172a;
}
.pd-author-info span {
  display: block;
  font-size: 11px;
  color: #64748b;
  margin-top: 2px;
}

/* ==========================================================================
   SMART STICKY BOTTOM BUY BAR
   ========================================================================== */
.pd-sticky-bar {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 85;
  background: rgba(255, 255, 255, 0.98);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border-top: 1px solid #e2e8f0;
  box-shadow: 0 -6px 25px rgba(0, 0, 0, 0.08);
  padding: 12px max(5vw, 24px);
  transform: translateY(115%);
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
.pd-sticky-bar.is-visible {
  transform: translateY(0);
}
.pd-sticky-inner {
  max-width: 1480px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}
.pd-sticky-product {
  display: flex;
  align-items: center;
  gap: 12px;
}
.pd-sticky-thumb {
  width: 44px;
  height: 44px;
  object-fit: contain;
  background: #f8fafc;
  border-radius: 8px;
  border: 1px solid #e2e8f0;
}
.pd-sticky-product strong {
  display: block;
  font-size: 14px;
  color: #0f172a;
}
.pd-sticky-product span {
  display: block;
  font-size: 11.5px;
  color: #64748b;
}
.pd-sticky-actions {
  display: flex;
  align-items: center;
  gap: 14px;
}
.pd-sticky-price {
  font-size: 22px;
  font-weight: 800;
  color: #0f172a;
}
.pd-sticky-btn {
  height: 42px;
  padding: 0 20px;
  border-radius: 999px;
  border: none;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
  background: #1e684d;
  color: #ffffff;
  transition: all 0.2s;
}
.pd-sticky-btn:hover {
  background: #154c37;
  transform: translateY(-1px);
}
.pd-sticky-btn.buy-now {
  background: #0f172a;
}
.pd-sticky-btn.buy-now:hover {
  background: #1e293b;
}
@media (max-width: 600px) {
  .pd-sticky-product { display: none; }
  .pd-sticky-inner { justify-content: space-between; width: 100%; }
  .pd-sticky-actions { width: 100%; justify-content: space-between; }
  .pd-sticky-btn { flex: 1; padding: 0 10px; font-size: 12px; }
}

/* ==========================================================================
   INTERACTIVE HARVEST ZOOM / LOUPE
   Magnifies orchard-harvest textures on mouse hover with smooth glass lens
   ========================================================================== */
.main-media {
  position: relative;
  cursor: crosshair;
}

.pd-zoom-hint {
  position: absolute;
  top: 14px;
  left: 14px;
  z-index: 5;
  background: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(6px);
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 999px;
  padding: 5px 12px;
  font-size: 11px;
  font-weight: 700;
  color: #374151;
  display: flex;
  align-items: center;
  gap: 6px;
  pointer-events: none;
  box-shadow: 0 2px 8px rgba(0,0,0,0.06);
  transition: opacity 0.2s;
}

.main-media:hover .pd-zoom-hint {
  opacity: 0;
}

.pd-zoom-loupe {
  position: absolute;
  width: 170px;
  height: 170px;
  border-radius: 50%;
  border: 3px solid #ffffff;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.22), inset 0 0 10px rgba(0,0,0,0.1);
  background-repeat: no-repeat;
  pointer-events: none;
  opacity: 0;
  transform: translate(-50%, -50%) scale(0.85);
  transition: opacity 0.2s ease, transform 0.2s ease;
  z-index: 20;
}

.main-media:hover .pd-zoom-loupe {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}

/* ==========================================================================
   NUTRITIONAL MICRO-METRICS BAR (Circular SVG Rings per 100g)
   ========================================================================== */
.nutri-metrics-section {
  background: #fdfcf9;
  border: 1px solid #eef0eb;
  border-radius: 18px;
  padding: 22px 24px;
  margin: 24px 0 28px;
}

.nutri-metrics-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 18px;
}

.nutri-metrics-header h3 {
  margin: 0;
  font-size: 14px;
  font-weight: 800;
  color: #172019;
  letter-spacing: -0.2px;
}

.nutri-metrics-header span {
  font-size: 11.5px;
  font-weight: 600;
  color: #8b5e3c;
  background: #fcf6e8;
  border: 1px solid #ebd9c8;
  padding: 3px 9px;
  border-radius: 999px;
}

.nutri-rings-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
}

.nutri-ring-card {
  background: #ffffff;
  border: 1px solid #e8ede7;
  border-radius: 14px;
  padding: 14px 12px;
  display: flex;
  align-items: center;
  gap: 12px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);
  transition: transform 0.2s, box-shadow 0.2s;
}

.nutri-ring-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.04);
}

.nutri-ring-svg {
  width: 48px;
  height: 48px;
  flex-shrink: 0;
}

.nutri-ring-bg {
  fill: none;
  stroke: #f1f5f1;
  stroke-width: 3.5;
}

.nutri-ring-val {
  fill: none;
  stroke-width: 3.5;
  stroke-linecap: round;
  transform: rotate(-90deg);
  transform-origin: 50% 50%;
  transition: stroke-dashoffset 1s ease;
}

.nutri-ring-val.emerald { stroke: #10b981; }
.nutri-ring-val.gold { stroke: #f59e0b; }
.nutri-ring-val.forest { stroke: #15803d; }
.nutri-ring-val.charcoal { stroke: #334155; }

.nutri-ring-info strong {
  display: block;
  font-size: 15px;
  font-weight: 800;
  color: #0f172a;
  line-height: 1.1;
}

.nutri-ring-info span {
  display: block;
  font-size: 11px;
  font-weight: 600;
  color: #64748b;
  margin-top: 2px;
}

.nutri-ring-info small {
  display: block;
  font-size: 10px;
  font-weight: 700;
  color: #10b981;
}

@media (max-width: 680px) {
  .nutri-rings-grid { grid-template-columns: repeat(2, 1fr); }
}

/* ==========================================================================
   WHATSAPP DIRECT ORDER CTA BUTTON
   ========================================================================== */
.order-wa-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  padding: 13px 20px;
  border-radius: 12px;
  background: #25d366;
  color: #ffffff;
  font-size: 13.5px;
  font-weight: 700;
  text-decoration: none;
  box-shadow: 0 4px 14px rgba(37, 211, 102, 0.25);
  transition: all 0.2s ease;
  margin-top: 10px;
  border: none;
  cursor: pointer;
}

.order-wa-btn:hover {
  background: #1ebd5a;
  transform: translateY(-1px);
  box-shadow: 0 6px 20px rgba(37, 211, 102, 0.35);
  color: #ffffff;
}

.order-wa-btn svg {
  flex-shrink: 0;
}