/* GROW XL V17 — ACTUAL LEGIBILITY FIX. Original graphics, CTA destinations and content retained. */
/* Readable sans-serif for information and controls, premium condensed type for big campaign titles. */
:root{--gxl-easy:'Barlow',Arial,Helvetica,sans-serif}
html{scroll-padding-top:96px;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{font-size:20px;line-height:1.55}
.section-subtitle{font-family:var(--gxl-easy);font-style:normal;font-weight:800;font-size:clamp(20px,1.75vw,26px);line-height:1.45;letter-spacing:.12px;max-width:100%;text-wrap:balance}
.gold-heading{line-height:1.18;letter-spacing:0;text-wrap:balance}
/* HEADER: navigation legibility without crowding or hiding a link. */
.header,.header-inner{min-height:85px;height:auto}
.header-inner{width:97%;max-width:1500px;gap:clamp(7px,1.2vw,18px)}
.brand{width:175px;flex-shrink:0}
.brand-seller{font-size:14px;line-height:1.2;letter-spacing:.6px}
.brand .logo{font-size:43px;line-height:1}
.brand small{font-size:12px;line-height:1.17;white-space:normal;letter-spacing:.12px}
.nav{min-width:0;gap:clamp(9px,1.25vw,18px)}
.nav a{font-family:var(--gxl-easy);font-size:clamp(17px,1.33vw,19px);font-weight:900;line-height:1.3;letter-spacing:0;padding:15px 0;white-space:nowrap}
.language-toggle,.language-toggle button{font-family:var(--gxl-easy);font-size:17px;font-weight:800;line-height:1.2}
.header-order{font-family:var(--gxl-easy);font-size:17px;line-height:1.3;font-weight:900;padding:11px 14px;min-height:49px;display:inline-flex;align-items:center;justify-content:center;gap:5px}
/* Formula: full-width cards instead of FIVE cards squeezed into 72%. */
.ingredients-section{min-height:0;height:auto;padding:28px 0 33px}
.ingredients-section .section-content{width:min(94%,1380px);margin:0 auto;padding:0}
.ingredients-section .gold-heading{font-size:clamp(37px,3.6vw,54px);line-height:1.16}
.ingredients-section .section-subtitle{font-size:clamp(20px,1.75vw,25px);line-height:1.44;margin-top:8px}
.formula-model{opacity:.15;width:45%;pointer-events:none;z-index:0}
.ingredients-list{position:relative;z-index:2;width:100%;max-width:100%;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(10px,1.15vw,18px);margin-top:22px}
.ingredients-list .ingredient{height:auto;min-width:0;min-height:295px;padding:19px 12px 23px;gap:11px;justify-content:flex-start;text-align:center;background:linear-gradient(155deg,#2c190cec,#0d0a08f2 80%);border-width:2px}
.ingredients-list .ingredient img{width:104px;height:104px;flex:none}
.ingredients-list .ingredient span{font-family:var(--gxl-easy);font-size:clamp(20px,1.55vw,24px);line-height:1.32;font-weight:900;letter-spacing:0;min-height:0;overflow-wrap:normal;hyphens:none;text-wrap:balance}
.ingredients-list .ingredient small{font-family:var(--gxl-easy);font-size:clamp(18px,1.22vw,20px);line-height:1.48;font-weight:700;letter-spacing:0;max-width:100%;color:#fff0d0;text-wrap:balance}
.formula-disclaimer{position:relative;z-index:2;width:100%;max-width:1100px;margin-top:19px;padding:16px 20px;gap:18px}
.formula-disclaimer strong{font-family:var(--gxl-easy);font-size:20px;line-height:1.4}
.formula-disclaimer p{font-family:var(--gxl-easy);font-size:18px;line-height:1.52}
.formula-more{font-family:var(--gxl-easy);font-size:18px;line-height:1.35;padding:12px 16px;min-height:48px}
/* EVOLUTION: bigger bottle labels, original source link and meaningful whitespace. */
#evolusi.evolution{min-height:0;height:auto;padding:21px 0 29px}
#evolusi .section-content{max-width:1380px;padding:0 3%}
#evolusi .gold-heading{font-size:clamp(38px,3.5vw,54px);line-height:1.18}
#evolusi .section-subtitle{font-size:clamp(19px,1.65vw,24px);line-height:1.42;margin-top:7px}
#evolusi .evolution-image{position:relative;width:min(99%,1250px);max-width:none;height:auto;min-height:242px;margin:20px auto 0;gap:clamp(10px,2vw,27px);padding:18px 24px 52px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}
#evolusi .evo-stage{min-width:0;min-height:164px;gap:clamp(9px,2vw,24px);justify-content:center}
#evolusi .evo-stage img{height:160px;max-height:160px;max-width:42%;flex:none;object-fit:contain}
#evolusi .evo-stage strong{font-family:var(--gxl-easy);font-size:clamp(22px,2.1vw,30px);line-height:1.28;font-weight:900;letter-spacing:0;min-width:0;text-wrap:balance}
#evolusi .evo-arrow{font-size:clamp(32px,3.5vw,51px);align-self:center}
#evolusi .evo-source{font-family:var(--gxl-easy);font-size:20px;line-height:1.34;font-weight:900;bottom:11px;white-space:normal;width:min(100%,390px);text-align:center;padding:0 5px}
/* TESTIMONIALS: clear subtitle and card reading cues. Original screenshots untouched. */
.reviews{padding:27px 0 30px}
.reviews-content{max-width:1100px}
.reviews-content h2{font-size:clamp(37px,3.5vw,51px);line-height:1.17}
.reviews-content .section-subtitle{font-size:clamp(20px,1.75vw,25px);line-height:1.43;margin-top:7px}
.review-card b{font-family:var(--gxl-easy);font-size:20px;line-height:1.34}
.review-card small,.review-proof-copy small{font-family:var(--gxl-easy);font-size:18px;line-height:1.43}
.review-proof-count span{font-family:var(--gxl-easy);font-size:18px;line-height:1.3}
.review-proof-next{font-size:21px;line-height:1.3}
/* Product descriptions and small but actionable UI. */
.gxl-showcase-line{font-family:var(--gxl-easy);font-size:18px;line-height:1.36;letter-spacing:.1px}
.gxl-showcase p{font-family:var(--gxl-easy);font-size:20px;line-height:1.5}
.gxl-showcase-bottle small{font-family:var(--gxl-easy);font-size:18px;line-height:1.4}
.gxl-showcase-bottom{font-size:21px;line-height:1.34}
.product-caption p{font-family:var(--gxl-easy);font-size:20px;line-height:1.35}
.product-caption small{font-family:var(--gxl-easy);font-size:17px;line-height:1.35}
.product-card .cta{font-size:20px;line-height:1.25;white-space:normal;min-height:54px}
/* FAQ: larger normal-width text for questions AND answers. */
.faq-panel{min-width:0;padding:23px 20px 24px}
.faq-panel h2{font-size:clamp(36px,3vw,44px);line-height:1.19;margin-bottom:21px}
.faq-grid{gap:13px}
.faq-grid summary,.faq-priority summary{font-family:var(--gxl-easy);font-size:clamp(19px,1.5vw,22px);line-height:1.42;font-weight:800;min-height:72px;padding:16px 33px 16px 14px;letter-spacing:0;overflow-wrap:break-word;white-space:normal}
.faq-grid summary:before{width:32px;height:32px;font-size:19px;flex:none}
.faq-grid details p,.faq-priority p{font-family:var(--gxl-easy);font-size:19px;line-height:1.55;padding:17px 18px}
/* IMPORTANT: Undo old !important used to force condensed priority text. */
.faq-priority summary{font-size:clamp(20px,1.65vw,24px)!important;line-height:1.4!important;padding:17px 34px 17px 14px!important}
.faq-priority p{font-size:19px!important;line-height:1.55!important;padding:17px 18px!important}
/* FAQ contact: icon ABOVE button wording; 3 CTA labels can finally be at full size. */
.faq-contact-cta{min-height:340px;margin-top:22px;align-items:stretch}
.faq-contact-copy{width:74%;padding:24px 14px 25px 22px}
.faq-contact-kicker{font-family:var(--gxl-easy);font-size:19px;line-height:1.32;letter-spacing:.3px;font-weight:900}
.faq-contact-cta h3{font-size:clamp(33px,2.9vw,44px);line-height:1.13;margin:10px 0 9px;letter-spacing:0}
.faq-contact-cta p{font-family:var(--gxl-easy);font-size:19px;line-height:1.48;font-weight:800;max-width:560px}
.faq-contact-links{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px}
.faq-contact-link{font-family:var(--gxl-easy);font-size:18px;line-height:1.3;font-weight:900;display:flex;flex-direction:column;gap:5px;justify-content:center;align-items:center;text-align:center;min-height:112px;padding:11px 7px;white-space:normal;overflow-wrap:anywhere}
.faq-contact-link small{font-family:var(--gxl-easy);font-size:16px;line-height:1.38;font-weight:700;margin-top:3px;letter-spacing:0;overflow-wrap:normal}
.faq-contact-icon{font-size:27px;line-height:1.2}
.faq-contact-arrow{display:none}
.faq-contact-photo{width:39%;opacity:.9}
/* General fine print: no small, compressed calls to action. */
.member-step small,.seller-tag-row span,.dealer-checks span,.social-hashtags span{font-family:var(--gxl-easy);font-size:18px;line-height:1.43}
.member-only .member-primary p,.seller-official p,.dealer-copy p,.closing-inner>p{line-height:1.52}
.float-offer{font-size:20px;line-height:1.3}
.float-brand small{font-size:15px;line-height:1.28}
.footer,.footer-copyright{font-family:var(--gxl-easy);font-size:17px;line-height:1.5}
@media(min-width:901px) and (max-width:1230px){
 /* Use TWO header rows when seven readable nav labels won't fit one row. */
 .header-inner{display:grid;grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:'brand lang order' 'nav nav nav';align-items:center;row-gap:2px;column-gap:16px;padding:6px 0 8px;min-height:112px}
 .brand{grid-area:brand}.nav{grid-area:nav;justify-content:center;gap:clamp(12px,2vw,25px)}
 .nav a{font-size:18px;padding:8px 0 10px}.nav a.active:after,.nav a:hover:after{bottom:3px}
 .desktop-lang{grid-area:lang}.header-order{grid-area:order}
 .ingredients-list{grid-template-columns:repeat(3,minmax(0,1fr))}
 .ingredients-list .ingredient{min-height:258px}
 .ingredients-list .ingredient span{font-size:23px}
 .ingredients-list .ingredient small{font-size:19px}
 .faq-contact-copy{width:82%}
 .faq-contact-links{grid-template-columns:repeat(2,minmax(0,1fr))}
 .faq-contact-link:last-child{grid-column:1/-1;flex-direction:row;min-height:74px}
}
@media(max-width:900px){
 html{scroll-padding-top:85px}
 .header,.header-inner{min-height:78px;height:auto}
 .header-inner{display:flex;width:96%;gap:10px}
 .brand{width:155px}
 .brand-seller{font-size:12px}
 .brand .logo{font-size:37px}
 .brand small{font-size:10px}
 .menu-toggle{display:flex;flex:none;order:3;width:48px;height:44px}
 .nav{top:77px;gap:8px;padding:14px 15px 18px}
 .nav a{font-size:20px;line-height:1.37;padding:14px 8px;white-space:normal}
 .header-order{font-size:16px;min-height:45px;padding:9px 12px}
 .ingredients-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
 .ingredients-list .ingredient{min-height:240px}
 .ingredients-section .section-content{width:93%}
 #evolusi .evolution-image{min-height:220px;gap:12px;padding:17px 12px 50px}
 #evolusi .evo-stage img{height:142px;max-height:142px}
 #evolusi .evo-stage strong{font-size:23px}
 #evolusi .evo-arrow{font-size:32px}
 .faq-contact-copy{width:76%}
 .faq-contact-links{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
 .faq-contact-link:last-child{grid-column:auto;flex-direction:column;min-height:112px}
 .faq-contact-link{font-size:18px}
 .faq-contact-cta p{font-size:19px}
}
@media(max-width:640px){
 html{scroll-padding-top:79px}
 .header,.header-inner{min-height:77px;height:auto}
 .brand{width:135px}
 .brand-seller{font-size:11px;line-height:1.15}
 .brand .logo{font-size:34px}
 .brand small{font-size:10px;line-height:1.18}
 .header-inner{width:98%;gap:6px}
 .header-order{font-size:14px;line-height:1.22;padding:8px 7px;min-height:44px;max-width:142px;white-space:normal;text-align:center}
 .menu-toggle{width:43px;height:43px}
 .nav{top:76px;grid-template-columns:repeat(2,minmax(0,1fr))}
 .nav a{font-size:19px;line-height:1.34}
 .section-subtitle{font-size:20px;line-height:1.44}
 .ingredients-section{padding:26px 0 30px}
 .ingredients-section .section-content{width:93%;margin:auto}
 .ingredients-section .gold-heading{font-size:clamp(35px,9vw,44px)}
 .ingredients-section .section-subtitle{font-size:20px;line-height:1.43}
 .formula-model{opacity:.1;width:90%}
 .ingredients-list{grid-template-columns:1fr;gap:12px;margin-top:20px}
 .ingredients-list .ingredient{min-height:135px;display:grid;grid-template-columns:105px minmax(0,1fr);grid-template-rows:auto auto;grid-template-areas:'photo title' 'photo desc';text-align:left;align-content:center;align-items:center;gap:4px 14px;padding:15px 16px}
 .ingredients-list .ingredient img{grid-area:photo;width:98px;height:98px;max-width:100%;margin:0}
 .ingredients-list .ingredient span{grid-area:title;font-size:21px;line-height:1.29;text-align:left;margin:0}
 .ingredients-list .ingredient small{grid-area:desc;font-size:18px;line-height:1.42;text-align:left;max-width:100%;margin:0}
 .formula-disclaimer{flex-direction:column;gap:12px;align-items:flex-start;padding:17px 16px}
 .formula-disclaimer-icon{display:none}
 .formula-disclaimer strong{font-size:20px}
 .formula-disclaimer p{font-size:18px}
 .formula-more{width:100%;font-size:19px;justify-content:center;text-align:center}
 #evolusi.evolution{min-height:0;padding:25px 0 30px}
 #evolusi .section-content{padding:0 3%}
 #evolusi .gold-heading{font-size:clamp(36px,9vw,43px)}
 #evolusi .section-subtitle{font-size:19px;line-height:1.44}
 #evolusi .evolution-image{width:100%;min-height:287px;margin-top:18px;gap:5px;padding:15px 7px 52px}
 #evolusi .evo-stage{flex-direction:column;gap:10px;justify-content:center;min-height:205px}
 #evolusi .evo-stage img{height:129px;max-height:129px;max-width:96%}
 #evolusi .evo-stage strong{font-size:20px;line-height:1.26;text-align:center}
 #evolusi .evo-arrow{font-size:25px}
 #evolusi .evo-source{font-size:16px;line-height:1.33;width:95%;bottom:13px}
 .reviews-content h2{font-size:clamp(35px,8.4vw,44px)}
 .reviews-content .section-subtitle{font-size:20px;line-height:1.45}
 .review-card small,.review-proof-copy small{font-size:17px}
 .gxl-showcase-line{font-size:17px}
 .gxl-showcase p{font-size:19px}
 .gxl-showcase-bottle small{font-size:17px}
 .gxl-showcase-bottom{font-size:19px}
 .faq-panel{padding:22px 12px}
 .faq-panel h2{font-size:clamp(34px,8vw,41px)}
 .faq-grid{gap:12px}
 .faq-grid summary,.faq-priority summary{font-size:19px;line-height:1.45;min-height:70px;padding:16px 30px 16px 10px}
 .faq-priority summary{font-size:20px!important;line-height:1.4!important}
 .faq-grid details p,.faq-priority p{font-size:18px;line-height:1.56}
 .faq-contact-cta{margin-top:18px;min-height:0}
 .faq-contact-copy{width:100%;padding:20px 14px 21px}
 .faq-contact-kicker{font-size:18px;line-height:1.35}
 .faq-contact-cta h3{font-size:clamp(34px,8vw,42px);line-height:1.16;max-width:81%;margin-top:10px}
 .faq-contact-cta p{font-size:18px;line-height:1.5;max-width:72%}
 .faq-contact-photo{width:47%;height:200px;right:0;top:0;bottom:auto;opacity:.65}
 .faq-contact-links{position:relative;z-index:3;grid-template-columns:1fr;gap:12px;margin-top:22px}
 .faq-contact-link,.faq-contact-link:last-child{grid-column:auto;display:flex;flex-direction:row;justify-content:flex-start;text-align:left;align-items:center;gap:16px;min-height:77px;font-size:20px;line-height:1.28;padding:13px 17px}
 .faq-contact-icon{font-size:29px;line-height:1}
 .faq-contact-link small{font-size:17px;line-height:1.3;margin-top:4px}
 .product-caption small{font-size:17px}
 .product-caption p{font-size:19px}
 .product-card .cta{font-size:17px;min-height:50px}
 .social-hashtags span{font-size:17px}
 .float-brand small{font-size:14px}
 .footer,.footer-copyright{font-size:16px}
}
@media(max-width:380px){
 .brand{width:122px}.brand .logo{font-size:32px}
 .header-order{font-size:13px;padding:7px 5px;max-width:124px}
 .header-inner{gap:4px}
 .menu-toggle{width:40px;height:40px}
 .ingredients-list .ingredient{grid-template-columns:90px minmax(0,1fr);gap:4px 11px;padding:15px 11px}
 .ingredients-list .ingredient img{width:85px;height:85px}
 .ingredients-list .ingredient span{font-size:20px}
 .ingredients-list .ingredient small{font-size:17px}
 #evolusi .evo-stage strong{font-size:18px}
 .faq-contact-cta h3{max-width:84%}
 .faq-contact-link,.faq-contact-link:last-child{font-size:19px}
}
@media(prefers-reduced-motion:reduce){.ingredient,.faq-contact-link{transition:none}}