/* v1.8 — product-only homepage, eleven bilingual detail sections, footer order tracker. */

/* The homepage renders only three offer cards. All longer educational material lives on details. */
.home .shop-first{padding-bottom:69px}
.home .shop-first .shipping-message{margin-top:26px}
.home .site-footer{padding-top:59px}

/* Keep track-order available without making it a fourth homepage section. */
.footer-track{margin-top:44px;border:1px solid #5a8267;border-radius:20px;background:#103625;overflow:hidden}
.footer-track details{color:#fff}
.footer-track summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;list-style:none;padding:21px 25px}
.footer-track summary::-webkit-details-marker{display:none}
.footer-track summary>span{display:flex;align-items:center;gap:11px}
.footer-track summary strong{font-size:1.15rem;color:#fff;font-weight:670}
.footer-track summary>span:last-child{font-size:.9rem;color:#f1ffeb}
.footer-track summary .ui-icon{height:22px;width:22px;color:#cef1ad}
.footer-track details[open] summary{border-bottom:1px solid #527a60}
.footer-track summary:focus-visible{outline:3px solid #c1ecaa;outline-offset:-4px}
.footer-track .footer-track-body{background:#163c2b;padding:22px 24px}
.footer-track form{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:14px}
.footer-track label{display:grid;gap:7px;color:#fff;font-size:.94rem;font-weight:620}
.footer-track input{height:51px;width:100%;min-width:0;padding:12px 15px;color:#050505;background:#fff;border:1px solid #bcd4b5;border-radius:11px;font-size:1rem}
.footer-track input:focus-visible{outline:3px solid #9be18f;outline-offset:2px}
.footer-track button{display:inline-flex;justify-content:center;align-items:center;gap:8px;height:51px;min-width:160px;border:0;border-radius:11px;background:#d8f2b5;color:#062b19;font-size:.96rem;font-weight:700;cursor:pointer}
.footer-track button:hover{background:#c4ed9b}
.footer-track .track-result{display:grid;gap:7px;margin-top:18px;border:1px solid #a8cda5;border-radius:12px;background:#f2faec;color:#050505;padding:16px;font-size:.94rem}
.footer-track .track-result :is(strong,span,small){color:#050505;font-size:.94rem}
.footer-track .track-error{border-color:#f6aa98;background:#fff4ed}

/* Shared section number and restrained, large bilingual headings. */
.detail-page .detail-flow-section{padding:92px 0}
.detail-flow-number{
  display:inline-flex;align-items:center;gap:13px;font-size:1.2rem;line-height:1.4;
  color:#08774c;font-weight:750;letter-spacing:0;
}
.detail-flow-number i{font-style:normal;display:inline-block;position:relative;padding-left:14px;font-size:.93rem;font-weight:600;color:#050505;letter-spacing:0}
.detail-flow-number i:before{content:"";position:absolute;left:0;top:15%;height:70%;width:1px;background:#a5c5aa}
.detail-flow-heading{max-width:850px;margin-bottom:31px}
.detail-flow-heading h2{font-size:clamp(2.26rem,3.5vw,3.75rem);font-weight:640;line-height:1.31;margin:14px 0 15px;text-wrap:balance}
.detail-flow-heading h2 span{color:#10764c;text-decoration:underline;text-decoration-color:#a4d296;text-decoration-thickness:4px;text-underline-offset:7px}
.detail-flow-heading>p{font-size:1.1rem;line-height:1.82;margin:0;color:#050505}
.detail-flow-heading-center{text-align:center;max-width:920px;margin-inline:auto}
.detail-flow-prose{color:#050505;font-size:1.1rem;line-height:1.92}
.detail-flow-prose p,.detail-flow-prose li{font-size:1.1rem!important;line-height:1.92;color:#050505;margin:0 0 16px}
.detail-flow-prose li{padding:4px 0}
.detail-flow-prose ul,.detail-flow-prose ol{padding-left:25px;margin:0}
.detail-flow-prose ::marker{color:#137d4e}
.detail-flow-prose h2,.detail-flow-prose h3{font-size:1.32rem;font-weight:660;line-height:1.48;margin:22px 0 9px;color:#050505}
.detail-flow-prose img{max-width:100%;height:auto;border-radius:15px}
.detail-flow-footnote{font-size:.94rem;line-height:1.8;color:#050505;padding:13px 18px;border:1px solid #bbdbb5;border-radius:12px;background:#edf8e7;margin:22px 0 0}

/* 01: large editorial story with a second visual touchpoint. */
.detail-flow-description{background:#fff}
.detail-flow-two{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:57px}
.detail-flow-description .detail-flow-copy{padding:15px 0}
.detail-flow-description .detail-flow-prose p:first-child{font-size:1.21rem!important;line-height:1.91}
.detail-flow-inline-facts{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}
.detail-flow-inline-facts span{display:inline-flex;align-items:center;gap:8px;background:#e8f6dc;border:1px solid #c9e1bf;padding:9px 13px;border-radius:100px;font-size:.88rem;color:#050505;font-weight:600}
.detail-flow-inline-facts .ui-icon{color:#0a7f4e;width:19px;height:19px}
.detail-flow-product-shot{
  position:relative;display:flex;align-items:center;justify-content:center;min-height:395px;overflow:hidden;
  background:radial-gradient(circle at 51% 45%,#e8ffd6,#c8e7b8 52%,#8fbb96 100%);
  border:1px solid #bdddb3;border-radius:33px;
}
.detail-flow-product-shot:before{content:"";position:absolute;inset:13%;border:1px dashed #ffffffe0;border-radius:50%;box-shadow:0 0 0 30px #ffffff31}
.detail-flow-product-shot img{max-width:80%;height:350px;width:80%;object-fit:contain;position:relative;z-index:2;filter:drop-shadow(0 18px 17px #06301952)}
.detail-flow-product-shot img+img{width:50%;margin-left:-27%;transform:rotate(8deg)}
.detail-flow-product-shot span{position:absolute;bottom:17px;left:15px;right:15px;text-align:center;z-index:3;font-size:.99rem;color:#050505;font-weight:650;background:#fffdfaeb;border-radius:10px;padding:9px}

/* 02: actual pack details stay editable in Gutenberg. */
.detail-flow-packing{background:#f0f8eb}
.detail-flow-panel{display:flex;gap:26px;align-items:flex-start;border:1px solid #c7e3bf;border-radius:26px;background:#fff;padding:33px;box-shadow:0 16px 43px #114b2813}
.detail-flow-panel-icon{flex:none;width:78px;height:78px;display:grid;place-items:center;background:#0b6744;border-radius:23px;color:#fff}
.detail-flow-panel-icon .ui-icon{height:39px;width:39px}
.detail-flow-panel .detail-flow-prose{width:100%;min-width:0}
.detail-fact-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.detail-fact-list>div{display:flex;align-items:center;justify-content:center;gap:7px;flex-direction:column;text-align:center;min-height:132px;padding:15px;border:1px solid #c8e0bf;border-radius:17px;background:#f3faef}
.detail-fact-list strong{font-size:1.74rem;color:#0b7347;line-height:1.3;font-weight:710}
.detail-fact-list span{font-size:.99rem;color:#050505;line-height:1.55}

/* 03: black-green benefit block contrasts with the pale packing section. */
.detail-flow-benefits{background:radial-gradient(ellipse at 93% 14%,#256f49,transparent 53%),linear-gradient(128deg,#082c20,#061a14)}
.detail-flow-benefits .detail-flow-heading :is(.detail-flow-number,.detail-flow-number i,h2,h2 span,p){color:#fff!important}
.detail-flow-benefits .detail-flow-heading h2 span{text-decoration-color:#b5e595}
.detail-flow-benefits .detail-flow-number i:before{background:#bedfb4}
.detail-flow-benefit-box{position:relative;border:1px solid #518768;border-radius:26px;padding:29px;background:#164631;box-shadow:0 17px 39px #00000020}
.detail-flow-outline-icon{display:grid;place-items:center;width:71px;height:71px;border-radius:20px;background:#d6f0b5;color:#0c5f40;margin-bottom:18px}
.detail-flow-outline-icon .ui-icon{width:34px;height:34px}
.detail-flow-benefits .detail-flow-prose :is(p,li,h2,h3){color:#fff!important}
.detail-flow-benefits .detail-flow-prose ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;list-style:none;padding:0;margin:0}
.detail-flow-benefits .detail-flow-prose li{margin:0;min-height:166px;padding:24px;border:1px solid #54846b;border-radius:18px;background:#21583e;font-size:1.11rem!important;line-height:1.8}
.detail-flow-benefits .detail-flow-prose li:before{content:"✓";display:grid;place-items:center;background:#daefba;color:#0c5035;width:30px;height:30px;border-radius:10px;font-weight:750;margin-bottom:14px}

/* 04: photo ingredients inherited from v1.7, with a prominent editable intro. */
.detail-flow-ingredients .detail-flow-ingredient-note{border:1px solid #c5dfbe;border-radius:16px;background:#fff;padding:20px 25px;margin:-3px auto 29px;max-width:1010px;text-align:center}
.detail-flow-ingredients .detail-flow-ingredient-note p{margin:0}

/* 05: why-choose illustrated four-up grid. */
.detail-flow-why{background:#fff}
.detail-why-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}
.detail-why-grid article{padding:26px 23px 24px;min-height:270px;background:#edf8e5;border:1px solid #c8e1c0;border-radius:23px}
.detail-why-grid article:nth-child(2){background:#e0f1d7}
.detail-why-grid article:nth-child(3){background:#105037;border-color:#105037}
.detail-why-grid article:nth-child(4){background:#d8f1c4}
.detail-why-grid article>span{display:grid;place-items:center;width:64px;height:64px;border-radius:18px;background:#fff;color:#087c4d;font-size:2rem;font-weight:590;margin-bottom:26px}
.detail-why-grid article h3{font-size:1.29rem!important;font-weight:670;margin:0 0 10px;line-height:1.46}
.detail-why-grid article p{font-size:1rem!important;margin:0;line-height:1.79}
.detail-flow-why .detail-why-grid article:nth-child(3) :is(h3,p){color:#fff!important}

/* 06: existing verified-status disclosure and seven icon cards. */
.detail-certifications-section .detail-flow-heading :is(.detail-flow-number,.detail-flow-number i,h2,h2 span,p){color:#fff!important}
.detail-certifications-section .detail-flow-number i:before{background:#aacba4}
.detail-certifications-section .detail-flow-heading h2 span{text-decoration-color:#beed9c}

/* 07: botanical photo collage next to clear explanatory copy. */
.detail-flow-how{background:#fff}
.detail-flow-how .detail-flow-copy{padding:20px 0}
.detail-flow-how .detail-flow-prose p:first-child{font-size:1.18rem!important}
.detail-flow-herb-art{position:relative;border-radius:29px;overflow:hidden;min-height:390px;background:#e9f5df;box-shadow:0 16px 43px #0b321d13}
.detail-flow-herb-art img{width:100%;height:390px;object-fit:cover;display:block}
.detail-flow-herb-art span{position:absolute;bottom:15px;left:15px;background:#083b2b;color:#fff;font-size:.97rem;font-weight:650;border-radius:11px;padding:10px 15px}

/* 08: dosage guidance with caution panel. */
.detail-flow-usage{background:#f1f9ed}
.detail-flow-usage-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:22px;align-items:stretch}
.detail-flow-usage-copy{border:1px solid #bedfb9;border-radius:25px;background:#fff;padding:34px;box-shadow:0 15px 40px #0b41200f}
.detail-flow-usage-icon{display:grid;place-items:center;width:72px;height:72px;border-radius:22px;background:#dcf0cb;color:#096d43;margin-bottom:20px}
.detail-flow-usage-icon .ui-icon{height:34px;width:34px}
.detail-flow-caution{background:linear-gradient(135deg,#08442f,#061f16);border-radius:25px;border:1px solid #115638;padding:32px}
.detail-flow-caution>.ui-icon{width:54px;height:54px;color:#d1efb6}
.detail-flow-caution h3{font-size:1.35rem;line-height:1.52;font-weight:650;margin:18px 0 10px;color:#fff!important}
.detail-flow-caution p{font-size:1.02rem;color:#efffed!important;line-height:1.88;margin:0}

/* 09, 10, 11: reuse premium reviews, FAQ and contact modules. */
.detail-reviews-section .detail-reviews-heading .detail-flow-number,.detail-reviews-section .detail-reviews-heading .detail-flow-number i{color:#d0efb4!important}
.detail-reviews-section .detail-reviews-heading .detail-flow-number i:before{background:#84b58d}
.detail-faq-section .faq-intro .detail-flow-number,.detail-faq-section .faq-intro .detail-flow-number i{color:#d6f3b8!important}
.detail-faq-section .faq-intro .detail-flow-number i:before{background:#7baf8a}
.detail-contact-section .contact-heading .detail-flow-number,.detail-contact-section .contact-heading .detail-flow-number i{color:#d8f8bc!important}
.detail-contact-section .contact-heading .detail-flow-number i:before{background:#89b799}
.detail-faq-section .faq-intro h2{margin-top:15px}
.detail-contact-section .contact-heading h2{font-size:clamp(2.3rem,3.9vw,4.3rem)}

@media(max-width:1050px){
  .detail-flow-two{gap:26px}
  .detail-flow-product-shot{min-height:350px}
  .detail-flow-product-shot img{height:310px}
  .detail-why-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .detail-why-grid article{min-height:240px}
  .detail-flow-benefits .detail-flow-prose ul{grid-template-columns:1fr}
  .detail-flow-benefits .detail-flow-prose li{min-height:0}
}
@media(max-width:800px){
  .detail-flow-two{grid-template-columns:1fr}
  .detail-flow-product-shot{min-height:345px}
  .detail-flow-herb-art,.detail-flow-herb-art img{min-height:0;height:340px}
  .detail-flow-usage-grid{grid-template-columns:1fr}
  .detail-fact-list{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:620px){
  .home .shop-first{padding-bottom:45px}
  .footer-track{margin-top:29px;border-radius:16px}
  .footer-track summary{display:block;padding:18px}
  .footer-track summary>span:last-child{font-size:.81rem;margin-top:8px;justify-content:space-between}
  .footer-track .footer-track-body{padding:17px}
  .footer-track form{grid-template-columns:1fr;gap:11px}
  .footer-track button{width:100%}
  .detail-page .detail-flow-section{padding:68px 0}
  .detail-flow-number{font-size:1.09rem;gap:7px}
  .detail-flow-number i{font-size:.8rem;padding-left:10px}
  .detail-flow-heading{margin-bottom:23px}
  .detail-flow-heading h2{font-size:clamp(2.06rem,7.4vw,2.65rem);margin:11px 0 13px}
  .detail-flow-heading>p{font-size:.98rem}
  .detail-flow-prose p,.detail-flow-prose li{font-size:1rem!important}
  .detail-flow-description .detail-flow-prose p:first-child,.detail-flow-how .detail-flow-prose p:first-child{font-size:1.06rem!important}
  .detail-flow-product-shot{min-height:300px;border-radius:23px}
  .detail-flow-product-shot img{height:260px}
  .detail-flow-product-shot span{font-size:.83rem}
  .detail-flow-panel{padding:21px 17px;gap:13px;border-radius:21px;display:block}
  .detail-flow-panel-icon{width:60px;height:60px;border-radius:18px;margin-bottom:17px}
  .detail-flow-panel-icon .ui-icon{width:30px;height:30px}
  .detail-fact-list{grid-template-columns:1fr;gap:8px}
  .detail-fact-list>div{min-height:0;padding:13px}
  .detail-fact-list strong{font-size:1.45rem}
  .detail-flow-benefit-box{padding:19px;border-radius:20px}
  .detail-flow-benefits .detail-flow-prose li{padding:19px;font-size:1.02rem!important}
  .detail-flow-ingredient-note{padding:16px!important}
  .detail-why-grid{grid-template-columns:1fr;gap:11px}
  .detail-why-grid article{min-height:0;padding:22px}
  .detail-why-grid article>span{height:54px;width:54px;margin-bottom:16px}
  .detail-why-grid article h3{font-size:1.18rem!important}
  .detail-flow-herb-art,.detail-flow-herb-art img{height:280px}
  .detail-flow-usage-copy{padding:23px 19px}
  .detail-flow-usage-icon{width:58px;height:58px;border-radius:17px}
  .detail-flow-caution{padding:24px 22px;border-radius:21px}
  .detail-flow-footnote{font-size:.84rem}
}