/* V16 — read-friendly typography; visual identity, imagery, content and JS are unchanged. */
:root{--grow-reading-font:'Barlow',Arial,Helvetica,sans-serif}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{line-height:1.4;letter-spacing:.12px;text-rendering:optimizeLegibility}
/* Big titles retain the familiar chrome styling but get space for ascenders and descenders. */
.gold-heading{line-height:1.16;letter-spacing:.1px}
.section-subtitle{font-size:clamp(17px,1.6vw,22px);line-height:1.36;letter-spacing:.18px}
.products-panel h2,.faq-panel h2{line-height:1.2;letter-spacing:.15px}
.testimonial-push h2,.contact-cta h2,.dealer-copy h2,.member-only h2,.seller-official h2,.social-follow h2{line-height:1.12;letter-spacing:.2px}
.gxl-showcase h3{line-height:1.13;letter-spacing:.15px}
/* Readable prose; headings/buttons stay in the original display face. */
.testimonial-push p,.gxl-showcase p,.member-only p,.dealer-copy p,
.seller-official p,.closing-inner>p,.social-follow p,.faq-contact-cta p,
.reviews .review-proof-copy small,.buyer-pane p,.product-caption p,
.review-card small,.trust-line p,.footer-copyright{
  font-family:var(--grow-reading-font);
  font-weight:600;
  line-height:1.46;
  letter-spacing:.08px;
}
/* Header, highlights and hero: keep compact layout without crushed lines. */
.nav a{font-size:16px;line-height:1.25;letter-spacing:.3px}
.header-order{font-size:16px;line-height:1.23;letter-spacing:.18px}
.hero-title p{line-height:1.22}
.hero-marker{line-height:1.15}
.hero-features strong{font-size:16px;line-height:1.24;letter-spacing:.14px}
.quick-product-name{line-height:1.13;letter-spacing:.2px}
.quick-product-name span{line-height:1.17}
.quick-product-price{line-height:1.18}
.trust-line p{font-size:clamp(14px,1.05vw,16px);line-height:1.32;font-weight:700}
/* Ingredient cards: captions aren't squeezed against their own lines. */
.ingredients-list .ingredient{min-height:208px;gap:8px;padding-bottom:16px}
.ingredients-list .ingredient span{font-size:clamp(18px,1.5vw,22px);line-height:1.22;min-height:0;letter-spacing:.16px}
.ingredients-list .ingredient small{font-family:var(--grow-reading-font);font-size:15px;line-height:1.35;font-weight:600;letter-spacing:0;overflow-wrap:break-word}
.ingredients-section .ingredient-summary,.ingredients-section .ingredient-summary p{line-height:1.45}
.formula-more{line-height:1.24}
/* Evolution captions and link. */
#evolusi .evo-stage strong{line-height:1.23;letter-spacing:.12px}
#evolusi .evo-source{font-size:16px;line-height:1.3}
/* Testimonials: support text remains readable in the cards. */
.review-card{min-height:300px;height:auto;gap:9px;padding:10px}
.review-card img{height:213px;max-height:213px}
.review-card>div{gap:6px}
.review-card b{font-size:20px;line-height:1.25;letter-spacing:.12px}
.review-card small{font-size:16px;line-height:1.32}
.review-proof-count span{font-size:16px;line-height:1.22}
.review-proof-copy b{line-height:1.2}
.review-proof-copy small{font-size:16px;line-height:1.4}
.review-proof-next{font-size:19px;line-height:1.24}
.push-actions a{line-height:1.2}
/* Product cards and variant selection. */
.product-caption h3{line-height:1.12}
.product-caption p{font-size:19px;line-height:1.3}
.product-caption small{font-size:16px;line-height:1.24;padding:4px 7px}
.product-card{min-height:256px}
.product-card .cta{min-height:44px;line-height:1.2}
.gxl-showcase-line{font-size:15px;line-height:1.35;letter-spacing:1px}
.gxl-showcase p{font-size:18px;line-height:1.46}
.gxl-showcase-bottle strong{line-height:1.18}
.gxl-showcase-bottle small{font-size:15px;line-height:1.3}
.gxl-showcase-bottom{font-size:19px;line-height:1.3}
/* FAQ questions: comfortably separated, with answers in a normal-width font. */
.faq-grid{row-gap:11px;column-gap:11px}
.faq-grid summary,.faq-priority summary{font-size:clamp(19px,1.65vw,22px);line-height:1.32;letter-spacing:.15px;min-height:62px;padding:12px 32px 12px 12px;overflow-wrap:break-word}
.faq-grid summary:before{width:29px;height:29px;font-size:18px;flex-shrink:0}
.faq-grid details p,.faq-priority p{font-family:var(--grow-reading-font);font-size:18px;line-height:1.55;font-weight:500;letter-spacing:.06px;padding:14px 15px 16px}
.faq-grid details p strong{font-weight:700}
.faq-grid summary:after{right:10px}
/* CTA directly under FAQ: same composition, easier to read. */
.faq-contact-cta{min-height:270px}
.faq-contact-kicker{font-size:16px;line-height:1.25;letter-spacing:.8px}
.faq-contact-cta h3{line-height:1.12;letter-spacing:.1px}
.faq-contact-cta p{font-size:17px;line-height:1.42;font-weight:700}
.faq-contact-link{font-size:clamp(15px,1.2vw,17px);line-height:1.23;min-height:67px;gap:5px;padding:8px 4px;letter-spacing:.08px}
.faq-contact-link small{font-size:13px;line-height:1.27;margin-top:5px}
/* Membership, seller and page-ending details. */
.member-only .member-primary h2{line-height:1.16}
.member-only .member-primary p{font-size:20px;line-height:1.45}
.member-step strong{font-size:23px;line-height:1.23;letter-spacing:.12px}
.member-step small{font-family:var(--grow-reading-font);font-size:17px;line-height:1.38}
.member-step{min-height:79px}
.member-only .member-primary .member-action{line-height:1.25}
.seller-official p{line-height:1.48}
.seller-tag-row span,.dealer-checks span{font-size:17px;line-height:1.28}
.dealer-copy p{line-height:1.46}
.dealer-btn,.closing-chat{line-height:1.23}
.closing-inner>p{line-height:1.5}
.closing-order small{font-size:18px;line-height:1.35}
.closing-order strong{line-height:1.2}
.closing-order span{line-height:1.3}
.social-follow p{line-height:1.4}
.social-hashtags span{font-size:16px;line-height:1.25}
.footer,.footer-copyright{font-size:16px;line-height:1.45}
.footer-seller{line-height:1.28}
/* Floating navigation: better spacing without changing order links. */
.float-brand{line-height:1.15}
.float-brand small{font-size:14px;line-height:1.2}
.float-offer{font-size:19px;line-height:1.2}
/* Modal text and interactive elements should also have breathing room. */
.age-card p,.age-confirm,.ingredient-modal-inner p{line-height:1.5}
@media (min-width:901px) and (max-width:1170px){
 .header-inner{gap:8px}.nav{gap:10px}.nav a{font-size:15px;letter-spacing:.1px}
 .faq-contact-link{font-size:15px}.faq-contact-link small{font-size:12px}
 .faq-contact-icon{font-size:19px}
}
@media (max-width:900px){
 .nav a{font-size:19px;line-height:1.3}
 .ingredient{height:auto}
 .faq-grid summary,.faq-priority summary{font-size:20px;line-height:1.32;min-height:62px}
 .member-step{min-height:157px}
 .member-step strong{font-size:20px;line-height:1.25}
 .member-step small{font-size:16px;line-height:1.4}
 .faq-contact-cta{min-height:265px}
 .faq-contact-copy{width:72%}
 .faq-contact-link{font-size:15px;line-height:1.2}
 .faq-contact-link small{font-size:12px;line-height:1.3}
}
@media (max-width:640px){
 body{line-height:1.45}
 .gold-heading{line-height:1.17}
 .section-subtitle{font-size:18px;line-height:1.35}
 .hero-features strong{font-size:16px;line-height:1.22}
 .trust-line p{font-size:14px;line-height:1.3}
 .ingredients-section .section-subtitle{font-size:19px;line-height:1.32}
 .ingredients-list .ingredient{min-height:210px;gap:7px;padding:13px 7px 15px}
 .ingredients-list .ingredient span{font-size:19px;line-height:1.23;min-height:0}
 .ingredients-list .ingredient small{font-size:15px;line-height:1.33}
 #evolusi .evo-stage strong{font-size:17px;line-height:1.2}
 #evolusi .evo-source{font-size:14px;line-height:1.3;white-space:normal}
 .review-card{min-height:340px;height:auto;padding:12px}
 .review-card img{height:255px;max-height:255px}
 .review-card b{font-size:20px;line-height:1.24}
 .review-card small{font-size:16px;line-height:1.35}
 .review-proof-count span{font-size:15px;line-height:1.25}
 .products-panel h2,.faq-panel h2{font-size:clamp(31px,8vw,36px);line-height:1.17}
 .product-caption h3{font-size:29px;line-height:1.17}
 .product-caption p{font-size:18px;line-height:1.25}
 .product-caption small{font-size:15px;line-height:1.25}
 .product-card{min-height:253px}
 .product-card .cta{min-height:44px;font-size:16px;line-height:1.2}
 .gxl-showcase-line{font-size:14px;letter-spacing:.6px}
 .gxl-showcase p{font-size:17px;line-height:1.45}
 .gxl-showcase-bottle small{font-size:14px;line-height:1.28}
 .gxl-showcase-bottom{font-size:17px;line-height:1.3}
 .faq-grid{gap:11px}
 .faq-grid summary,.faq-priority summary{font-size:20px;line-height:1.32;min-height:62px;padding:13px 32px 13px 11px}
 .faq-grid details p,.faq-priority p{font-size:18px;line-height:1.55;padding:13px 14px 15px}
 .faq-contact-cta{min-height:0}
 .faq-contact-copy{width:100%;padding:20px 12px 21px}
 .faq-contact-kicker{font-size:15px;line-height:1.28}
 .faq-contact-cta h3{line-height:1.13;font-size:clamp(28px,7.5vw,38px)}
 .faq-contact-cta p{font-size:16px;line-height:1.42}
 .faq-contact-links{grid-template-columns:1fr;gap:9px;margin-top:28px}
 .faq-contact-link{font-size:18px;min-height:58px;line-height:1.25;justify-content:flex-start;text-align:left;gap:14px;padding:9px 16px}
 .faq-contact-link small{font-size:15px;line-height:1.26;margin-top:3px}
 .faq-contact-icon{font-size:23px}
 .member-only .member-primary h2{font-size:31px;line-height:1.19}
 .member-only .member-primary p{font-size:19px;line-height:1.45}
 .member-step{min-height:73px}
 .member-step strong{font-size:21px;line-height:1.24}
 .member-step small{font-size:16px;line-height:1.38}
 .dealer-copy h2{font-size:clamp(30px,8vw,36px);line-height:1.15}
 .dealer-copy p{font-size:19px;line-height:1.48}
 .closing-inner>p{font-size:19px;line-height:1.5}
 .closing-order strong{line-height:1.22}
 .float-offer{font-size:15px;line-height:1.25}
 .float-brand small{font-size:12px}
 .footer,.footer-copyright{font-size:15px;line-height:1.48}
}
@media (max-width:380px){
 .faq-contact-links{gap:9px}
 .faq-contact-link{font-size:17px;gap:12px}
 .faq-contact-link small{font-size:14px}
 .faq-contact-icon{font-size:21px}
 .member-step strong{font-size:20px}
 .floating-order{gap:5px}
 .float-offer{font-size:14px}
}