/* VITAL SCIENCE V6.3 — MOBILE 45+ TYPOGRAPHY + APPROVED V6.2 UI RECONSTRUCTION
 * 2026-10-30. Presentation layer only. Existing /api/order, Pixel/CAPI, and price JS untouched.
 * 18px reading size; no hard line clamps or fixed section heights for content.
 */
:root{--vs63-forest:#173c2a;--vs63-gold:#f0d59f;--vs63-light:#f8f7ef}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{overflow-wrap:break-word;color:#193c2b}
a,button,summary,[role="button"],input{touch-action:manipulation}
button:focus-visible,a:focus-visible,input:focus-visible,[role="button"]:focus-visible,summary:focus-visible{outline:3px solid #c89032!important;outline-offset:3px!important}
/* Shared editorial rhythm */
.section-title,.mgk-science h2{font-size:clamp(27px,4.4vw,40px)!important;line-height:1.23!important;letter-spacing:-.022em!important}
.section-desc,.hero-sub,.lp-more-content p,.lp-expand-body p{font-size:18px!important;line-height:1.62!important;letter-spacing:normal!important}
.section-tag,.mgk-eyebrow{font-size:14px!important;line-height:1.4!important;letter-spacing:.05em!important}
.btn-primary,.btn-secondary,.price-card .btn-primary,.lp-quick-offer a{font-size:18px!important;line-height:1.34!important;min-height:52px!important;white-space:normal!important;overflow-wrap:anywhere}
/* Hero large, explicitly browsable image carousel */
.hero{min-width:0;overflow:hidden}
.vs63-gallery{position:relative;z-index:4;box-sizing:border-box;min-width:0;width:100%;padding:12px;background:linear-gradient(150deg,rgba(255,255,255,.11),rgba(255,255,255,.045));border:1px solid rgba(241,214,165,.32);border-radius:23px;color:#fff8eb;box-shadow:0 18px 38px rgba(1,24,14,.18)}
.vs63-gallery *{box-sizing:border-box}.vs63-meta{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:2px 4px 12px;font-weight:800;letter-spacing:.04em;font-size:14px;color:#ffe6b7}
.vs63-index{font-variant-numeric:tabular-nums;font-size:15px;color:#fff}
.vs63-stage{width:100%;height:clamp(350px,44vw,505px);position:relative;display:grid;place-items:center;border-radius:17px;overflow:hidden;background:radial-gradient(circle at center,#295e43 0%,#143a2b 73%);touch-action:pan-y;outline-offset:3px}
.vs63-floating{width:100%;height:100%;display:grid;place-items:center;position:relative;overflow:hidden}.vs63-floating[hidden],.vs63-photo[hidden]{display:none!important}
.vs63-floating .vs-hero-stage{position:relative!important;top:auto!important;right:auto!important;inset:auto!important;z-index:1!important;width:100%!important;max-width:480px!important;height:100%!important;min-height:0!important;margin:0!important;pointer-events:none!important;transform:translateY(-14px)!important}
.vs63-floating .vs-bottle{height:min(75%,385px)!important;width:auto!important;max-width:69%!important;object-fit:contain!important;filter:drop-shadow(0 17px 24px rgba(4,20,8,.35))}
.vs63-floating .vs-stage-symbol{font-size:17px!important;width:44px!important;height:44px!important}
.vs63-go{position:absolute;z-index:3;bottom:14px;left:50%;transform:translateX(-50%);max-width:calc(100% - 16px);white-space:normal;border:1px solid #e6c687;border-radius:28px;background:#f2d69f;color:#1b3f2b;font-weight:850;font-size:14px;line-height:1.24;padding:13px 17px;min-height:49px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 8px 19px rgba(0,0,0,.24)}
.vs63-photo{position:relative;display:grid;place-items:center;width:100%;height:100%;border:0;background:#f5f5ee;padding:9px 9px 31px;cursor:zoom-in}
.vs63-photo img{width:100%;height:100%;object-fit:contain;object-position:center;border-radius:6px}.vs63-zoom{position:absolute;bottom:6px;background:#e5ebdf;color:#274733;padding:4px 12px;border-radius:20px;font-weight:800;font-size:13px}
.vs63-controls{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:11px 3px;color:#f2dfb8;font-size:13px;font-weight:800;letter-spacing:.02em}.vs63-controls>div{display:flex;gap:7px}.vs63-controls button{min-width:46px;height:46px;border:1px solid #a9bea9;border-radius:50%;background:#284f39;color:#fff;font-size:27px;line-height:1;cursor:pointer}
.vs63-thumbs{display:flex;gap:9px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#dbbd83 #275038;scroll-snap-type:x proximity;overscroll-behavior-x:contain;padding:2px 3px 8px;-webkit-overflow-scrolling:touch}
.vs63-thumbs button{flex:0 0 115px;min-height:124px;scroll-snap-align:start;border:1px solid #7b9784;border-radius:12px;background:rgba(255,255,255,.07);padding:6px;display:flex;flex-direction:column;gap:6px;justify-content:center;align-items:center;color:#f4f2df;cursor:pointer}.vs63-thumbs button.active{border:2px solid var(--vs63-gold);background:rgba(255,218,151,.2)}.vs63-thumbs img{width:100%;height:77px;object-fit:contain;background:#e9ece5;border-radius:7px}.vs63-thumbs button:first-child img{background:#254b38}.vs63-thumbs span{font-size:13px;font-weight:800;line-height:1.25;text-align:center;letter-spacing:0}
@media(min-width:701px){.hero{display:grid!important;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr)!important;grid-template-areas:"badge image" "heading image" "subtitle image" "benefits image" "primary image"!important;align-items:center!important;gap:14px clamp(20px,4vw,70px)!important;padding-block:45px!important}.hero>.hero-badge{grid-area:badge!important}.hero>h1{grid-area:heading!important;font-size:clamp(31px,3vw,49px)!important;margin:0!important}.hero>.hero-sub{grid-area:subtitle!important}.hero>.vs63-gallery{grid-area:image!important;align-self:center!important}.hero>.hero-benefits{grid-area:benefits!important;margin:0!important;grid-template-columns:1fr!important}.hero>.btn-primary{grid-area:primary!important;margin:0!important;max-width:100%!important}}
@media(max-width:700px){.hero{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;padding:23px 15px 27px!important}.hero>.hero-badge{order:1!important;align-self:start;margin-bottom:12px!important}.hero>h1{order:2!important;font-size:clamp(30px,8.3vw,38px)!important;line-height:1.18!important;margin:0 0 12px!important}.hero>.hero-sub{order:3!important;font-size:18px!important;line-height:1.56!important;margin:0 0 15px!important}.hero>.vs63-gallery{order:4!important;margin:0 auto 16px!important;max-width:510px!important}.hero>.btn-primary{order:5!important;margin:0 auto 12px!important;width:100%!important;max-width:510px!important}.hero>.hero-benefits{order:6!important;width:100%!important;max-width:510px!important;margin:0 auto!important;grid-template-columns:1fr!important}.hero-benefits li{font-size:17px!important;line-height:1.5!important}.vs63-stage{height:clamp(343px,108vw,446px)}.vs63-floating .vs-bottle{height:min(76%,348px)!important;max-width:69%!important}}
@media(max-width:360px){.vs63-controls{font-size:12px}.vs63-thumbs button{flex-basis:103px;min-height:122px}.vs63-gallery{padding:8px}.vs63-go{font-size:13px;padding:11px}.hero{padding-inline:12px!important}}
@media(prefers-reduced-motion:reduce){.vs63-floating .vs-bottle,.vs63-floating .vs-stage-ring{animation:none!important}}
/* V6 science graphics: four readable large chips, clear numerical labels. */
.vs-formula-visual{background:radial-gradient(circle at 18% 44%,rgba(184,208,170,.13),transparent 52%),linear-gradient(140deg,#193e2e,#1b4634)!important;box-shadow:0 13px 34px rgba(17,43,27,.14)!important}
.vs-formula-chip span{font-size:17px!important;line-height:1.3!important;letter-spacing:0!important;color:#fffbea!important}.vs-formula-center{line-height:1.15!important}.vs-formula-center .vs-mini{font-size:13px!important}.vs-formula-center>span:last-child{font-size:13px!important}
@media(max-width:700px){.vs-formula-visual{display:grid!important;grid-template-columns:1fr!important;min-height:0!important;padding:27px 17px 22px!important;gap:21px!important;margin-bottom:17px!important}.vs-formula-rings{width:170px!important;height:170px!important;margin:9px auto 3px!important;transform:none!important}.vs-formula-rings:before{inset:18px!important}.vs-formula-rings:after{inset:43px!important}.vs-formula-center strong{font-size:75px!important;line-height:1!important}.vs-f-label{width:34px!important;height:34px!important;min-width:34px!important;font-size:14px!important}.vs-formula-chips{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.vs-formula-chip{min-height:84px!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:8px!important;padding:10px 7px!important}.vs-formula-chip b{width:42px!important;height:42px!important;flex:0 0 42px!important;font-size:19px!important}.vs-formula-chip span{font-size:clamp(14px,3.7vw,17px)!important;text-align:left!important}}
@media(max-width:340px){.vs-formula-visual{padding:24px 10px!important}.vs-formula-chip{gap:5px!important;padding:8px 4px!important}.vs-formula-chip b{width:34px!important;height:34px!important;flex-basis:34px!important;font-size:16px!important}.vs-formula-chip span{font-size:14px!important}}
/* Science numbers and dose summary: remove the V5 pale-on-pale regression. */
.data-card-wide{background:linear-gradient(145deg,#e7efe2,#f3f6ea)!important;border:1px solid #cbd9c3!important;border-left:5px solid #bb9b63!important;color:#173f2a!important}.data-card-wide .d-value{color:#194a31!important;font-size:clamp(49px,6vw,67px)!important;line-height:1.05!important}.data-card-wide .d-unit{color:#3e624b!important;font-size:17px!important;line-height:1.5!important}.data-card-wide .d-label{color:#1a4a30!important;font-size:18px!important;line-height:1.4!important}.data-card-wide .d-desc{color:#264e35!important;font-size:18px!important;line-height:1.64!important}
.data-cards-grid .data-card:not(.data-card-wide) .d-label{font-size:18px!important;color:#1b4b33!important}.data-cards-grid .data-card:not(.data-card-wide) .d-unit{font-size:16px!important;color:#3d6949!important}.data-cards-grid .data-card:not(.data-card-wide) .d-desc{font-size:17px!important;line-height:1.55!important;color:#31533d!important}
/* P0: Magie full-text long-form reading */
.mgk-science{color:#173a2b!important}.mgk-science .mgk-intro{font-size:18px!important;line-height:1.64!important;color:#e7f3e8!important}
.mgk-details summary{min-height:82px!important;padding:16px 14px!important;gap:12px!important}
.mgk-details summary b{font-size:19px!important;line-height:1.42!important;color:#163c2d!important}
.mgk-details summary small{display:block;font-size:16px!important;line-height:1.47!important;color:#45634f!important;margin-top:5px}
.mgk-chapter{font-size:16px!important;width:44px!important;height:44px!important;flex:0 0 44px!important}
.mgk-panel{padding:20px 18px 27px!important}.mgk-panel p,.mgk-panel li,.mgk-rich-list li,.mgk-info-card p,.mgk-editorial-block p,.mgk-study p,.mgk-stage-list p,.mgk-bridge span,.mgk-note p,.mgk-fact-grid article p{font-size:18px!important;line-height:1.68!important;color:#2f513a!important}
.mgk-panel h4,.mgk-info-card h4,.mgk-study h4{font-size:20px!important;line-height:1.43!important}.mgk-panel h3,.mgk-full-heading,.mgk-sub-heading,.mgk-editorial-block h3{font-size:clamp(21px,4vw,25px)!important;line-height:1.35!important}
.mgk-column-head{font-size:15px!important;line-height:1.35!important}.mgk-part-number,.mgk-info-number,.mgk-stage-list article>span{font-size:15px!important}.mgk-table-head,.mgk-table-row{font-size:17px!important;line-height:1.5!important}.mgk-fact-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.mgk-bridge b{font-size:18px!important}.mgk-bridge a{font-size:18px!important;min-height:48px!important}
@media(max-width:420px){.mgk-science{padding:37px 14px 43px!important}.mgk-panel{padding:20px 13px 25px!important}.mgk-info-card{padding:15px!important}.mgk-fact-grid{grid-template-columns:1fr!important}.mgk-table-head,.mgk-table-row{gap:8px!important}.mgk-details summary b{font-size:18px!important}}
/* P0: reviews: preserve every character, enlarge all visible social-proof text. */
.testi-name{font-size:18px!important;line-height:1.38!important}.testi-age{font-size:16px!important;line-height:1.5!important;color:#526455!important}.testi-text{font-size:18px!important;line-height:1.64!important;color:#213b2c!important}.testi-tag{font-size:15px!important;line-height:1.4!important}.testi-card{height:auto!important;min-height:0!important;overflow:visible!important;padding:20px 18px!important}.testi-slide{height:auto!important;max-height:none!important}.testimonials-carousel{max-height:none!important}.testimonials-carousel-wrap{overflow:hidden}
/* P0: select a COD package and enter address without squinting. */
.price-name{font-size:23px!important;line-height:1.3!important}.price-pills{font-size:17px!important;line-height:1.45!important}.price-box-label,.price-perday-pill,.price-savings-row,.price-social-label,.price-social-count{font-size:16px!important;line-height:1.48!important}.price-features li{font-size:17px!important;line-height:1.52!important}.price-box-val-current{line-height:1.2!important}
#order-form .os-box-label{font-size:17px!important;line-height:1.5!important}
#order-form .os-pkg-card{min-height:124px!important;min-width:0!important;padding:13px 6px!important;overflow-wrap:anywhere}
#order-form .os-pkg-name{font-size:18px!important;line-height:1.35!important}
#order-form .os-pkg-pills{font-size:15px!important;line-height:1.4!important}
#order-form .os-pkg-price{font-size:18px!important;line-height:1.4!important;font-weight:850!important}
#order-form .os-row-label,#order-form .os-row-val,#order-form .os-save-badge{font-size:17px!important;line-height:1.4!important}
#order-form .os-total-label{font-size:18px!important;line-height:1.5!important}
#order-form .os-total-val{font-size:clamp(23px,5.8vw,30px)!important;line-height:1.28!important}
#order-form .os-cod-note{font-size:16px!important;line-height:1.48!important}
#order-form .form-label{font-size:16px!important;line-height:1.4!important;letter-spacing:.015em!important}
#order-form .form-input{font-size:18px!important;line-height:1.4!important;min-height:56px!important;padding:14px 15px!important}
#order-form .form-input::placeholder{font-size:16px!important;opacity:1!important;color:#627264!important}
#order-form .tb-txt{font-size:15px!important;line-height:1.35!important}
#order-form .btn-primary{font-size:19px!important;line-height:1.35!important;min-height:64px!important}
#order-form .btn-cta-sub{font-size:15px!important;line-height:1.4!important}
/* P1: explanatory boxes and trust indicators. */
.pain-card{min-height:90px!important;gap:12px!important;padding:18px 15px!important}.pain-grid .p-title{font-size:20px!important;line-height:1.36!important}.pain-grid .p-desc{font-size:18px!important;line-height:1.56!important;color:#35513e!important}.pain-hint{font-size:16px!important;line-height:1.5!important}
.trust-item .t-label{font-size:15px!important;line-height:1.4!important}.u-desc,.usp-item .u-desc,.g-point,.guarantee-card p{font-size:17px!important;line-height:1.56!important}.u-title,.usp-item .u-title{font-size:20px!important;line-height:1.4!important}.usp-badge{font-size:14px!important}
.footer-info,.footer-info p,.footer-tagline,.footer-policies a,.footer-copy{font-size:16px!important;line-height:1.6!important}.footer-policies a{min-height:44px!important;padding-block:7px!important}.footer-copy{opacity:1!important;color:#d4e5d6!important}
.vs-sticky-cta{min-height:62px!important}.vs-sticky-text strong{font-size:18px!important;line-height:1.28!important}.vs-sticky-text small{font-size:14px!important;line-height:1.3!important}
.lp-quick-offer strong{font-size:18px!important}.lp-expand summary{font-size:18px!important;min-height:53px!important}
/* Keep fluid width without clipping large text. */
#order-form .os-box,#order-form .os-pkg-grid,.section,.mgk-science,.vs63-gallery{min-width:0}
@media(max-width:700px){.section{padding:44px 16px!important}.section-title{font-size:clamp(28px,7.3vw,34px)!important}.section-desc{font-size:18px!important}.testi-slide{grid-template-columns:1fr!important}.testi-card{width:100%!important}.price-card.best .price-features li,.price-card .price-features li{font-size:17px!important}.price-card.best .price-perday-pill,.price-card.best .price-savings-row{font-size:16px!important}.price-card.best .price-social-label,.price-card.best .price-social-count{font-size:16px!important}.price-card.best .price-box-original .price-box-label,.price-card.best .price-box-current .price-box-label{font-size:16px!important}.price-card.best .btn-primary{font-size:18px!important}#order-form .os-box{padding:19px 12px!important}#order-form .os-pkg-grid{gap:7px!important}#order-form .os-pkg-card{padding:13px 3px!important}.trust-badges-row{grid-template-columns:repeat(2,minmax(0,1fr))!important}.tb-item{min-height:48px!important}}
@media(max-width:360px){#order-form .os-pkg-name{font-size:17px!important}#order-form .os-pkg-pills{font-size:14px!important}#order-form .os-pkg-price{font-size:16px!important}#order-form .os-pkg-card{min-height:118px!important}.section{padding-inline:13px!important}}
/* Responsive text-resize support: allow text and natural heights to grow. */
@media(max-width:700px){.mgk-details,.mgk-panel,.testi-card,.data-card,.price-card,.os-box,.pain-card{max-height:none!important}.header .nav-tab{font-size:12px!important}.btn-header-cta{font-size:14px!important;min-height:44px!important}.lp-quick-offer a{font-size:17px!important}}

/* Low-contrast labels on the dark checkout retained opacity from V5. Override explicitly. */
#order-form .os-pkg-pills{color:#e4efe4!important;opacity:1!important}
#order-form .os-pkg-name{color:#fffdf0!important;opacity:1!important}
#order-form .os-row-label{color:#e2eddf!important;opacity:1!important}
#order-form .os-row-val{color:#fff4db!important;opacity:1!important}
#order-form .os-cod-note{color:#e9f0df!important;opacity:1!important}
#order-form .form-input{color:#f7fff5!important;background:#2a513f!important;border-color:#a2c5a9!important}
#order-form .form-input::placeholder{color:#d7e4d9!important;opacity:1!important}
#order-form .os-box-label{color:#fff6e1!important;opacity:1!important}
#order-form .os-pkg-icon{opacity:1!important}
#order-form .tb-txt{color:#f4f8eb!important;opacity:1!important}
body.vs63-form-in-view .vs-sticky-cta{display:none!important}
/* Three important sentences were still 12–13px in the V5 inline stylesheet. */
.notif-bar{font-size:14px!important;line-height:1.42!important;padding-block:8px!important}
.lp-quick-offer > div > span{display:block;font-size:17px!important;line-height:1.5!important}
#order .pricing-cards + p,#order p[style*="font-size:12px"]{font-size:16px!important;line-height:1.57!important;color:#3e5945!important}
.footer-info a[href^="tel:"]{display:inline-flex;align-items:center;min-height:44px!important;padding-block:7px}