/* NutraGut Commerce V4 — design-faithful reconstruction of client-supplied HOME(2), PAG INTE-1/2. */
:root{--ng4-deep:#063e46;--ng4-ink:#092d42;--ng4-teal:#008d87;--ng4-gold:#e2a20d;--ng4-line:#dce9e9;--ng4-cream:#fff8ed}
html{scroll-behavior:smooth}body{background:#fff!important;color:var(--ng4-ink);font-family:Inter,'Avenir Next',Arial,sans-serif!important}*,*:before,*:after{box-sizing:border-box}
.ng-announcement{display:none!important}.ng-header{position:relative!important;background:#ffffffed!important;box-shadow:none!important;border-bottom:1px solid #eaf0ef!important;z-index:120!important}.ng-header>.ng-container{max-width:1390px!important;width:calc(100% - 48px)!important;min-height:48px!important;height:48px!important;padding:0!important}.ng-header .ng-brand>span{font-weight:820!important;font-size:32px!important;letter-spacing:-1.55px!important;line-height:30px!important}.ng-header .ng-brand>span span{color:#47c4c1!important}.ng-header .ng-brand small{font-weight:760!important;letter-spacing:3.3px!important;font-size:6px!important;line-height:9px!important;margin-top:0!important}.ng-header .ng-navigation{gap:26px!important}.ng-header .ng-navigation>a,.ng-header .ng-nav-products>a{font-size:11px!important;font-weight:710!important;color:#0b3342!important}.ng-header .ng-navigation>a[aria-current='page']{border-bottom:2px solid #00a9a6!important}.ng-header .ng-nav-products .ng-nav-sub summary{font-size:12px!important}.ng-header .ng-nav-icons{gap:19px!important}.ng-header .ng-icon-btn svg{width:20px!important;height:20px!important}.ng-header .ng-cart-toggle{height:32px!important;width:42px!important;border-radius:9px!important;background:linear-gradient(130deg,#008b89,#004c52)!important}.ng-header .ng-cart-toggle svg{width:23px!important}.ng-header .ng-cart-count{background:#08c2db!important}.ng-header .ng-sub-menu{border-radius:17px;box-shadow:0 14px 35px #052f3340}.ng-header .ng-sub-menu a{font-size:12px!important}
.ng4{font-family:Inter,'Avenir Next',Arial,sans-serif;color:#092c3d;overflow:hidden}.ng4 *{box-sizing:border-box}.ng4 h1,.ng4 h2,.ng4 h3,.ng4 p,.ng4 ul{margin:0}.ng4 a{text-decoration:none}.ng4 button,.ng4 input{font:inherit}.ng4-container{width:calc(100% - 48px);max-width:1370px;margin:0 auto}.ng4-section{padding:0}.ng4 h2{font-weight:835;letter-spacing:-.85px;line-height:1.08}.ng4-button{border:0;border-radius:28px;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;min-height:34px;padding:8px 20px;font-size:12px;font-weight:820;box-shadow:0 4px 7px #00000011;transition:transform .2s ease,filter .2s ease,box-shadow .2s ease;cursor:pointer;text-align:center}.ng4-button:hover{transform:translateY(-2px);filter:saturate(1.07);box-shadow:0 8px 18px #003f4940}.ng4-button:focus-visible,.ng4 a:focus-visible,.ng4 button:focus-visible{outline:3px solid #03a7ad;outline-offset:3px}.ng4-button-teal{background:linear-gradient(160deg,#079c92,#004c4d);color:#fff!important}.ng4-button-gold{background:linear-gradient(180deg,#ffe38c,#e8a600);color:#123a37!important}.ng4-button-white{color:#073b45!important;background:#fff;border:1px solid #e0eded}.ng4-overline{font-size:9px;font-weight:820;letter-spacing:3.2px;color:#073946}
/* HOME: fixed comparative hierarchy from 1024x1536 reference, fluid at other widths. */
.ng4-home-hero{background:radial-gradient(circle at 75% 30%,#d4f6f3 0%,transparent 52%),linear-gradient(100deg,#fff 0%,#f8fcfc 48%,#e5fbf7 100%);overflow:hidden}.ng4-hero-grid{display:grid;grid-template-columns:35.7% 64.3%;align-items:center;min-height:297px}.ng4-hero-text{padding:23px 0 20px 27px;z-index:1}.ng4-hero-text h1{font-size:clamp(29px,3.65vw,56px);font-weight:850;line-height:1.01;letter-spacing:-1.7px;color:#063f49;margin:14px 0 13px}.ng4-hero-description{font-size:clamp(11px,1.22vw,16px);line-height:1.21;max-width:330px;color:#103b49}.ng4-hero-actions{display:flex;gap:9px;margin-top:13px}.ng4-hero-actions .ng4-button{padding-inline:14px;min-height:33px;font-size:11px}.ng4-hero-art{height:297px;min-width:0;margin-right:-24px;position:relative}.ng4-hero-art img{width:100%;height:100%;object-fit:fill;object-position:center;display:block}
.ng4-trust{background:#fff;border-top:1px solid #e9efef;border-bottom:1px solid #e9efef}.ng4-trust-grid{display:flex;align-items:center;min-height:58px;justify-content:space-between}.ng4-trust-cell{display:flex;align-items:center;gap:9px;justify-content:center;flex:1;padding:7px 10px;border-right:1px solid #d7e4e6;min-width:0}.ng4-trust-cell:last-child{border:0}.ng4-trust-cell>span{width:35px;height:35px;flex:0 0 35px;display:grid;place-items:center;background:#e0f6f1;color:#006d6b;border-radius:50%;font-size:21px;font-weight:800;filter:saturate(.78)}.ng4-trust-cell strong{font-size:10px;line-height:1.15;color:#0d343e;font-weight:750}
.ng4-products{padding:17px 0 6px}.ng4-product-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.ng4-product-card{min-height:190px;border-radius:21px;display:grid;grid-template-columns:57% 43%;overflow:hidden;background:linear-gradient(100deg,#daf7f8,#f0fbfd);isolation:isolate}.ng4-product-card.ng4-gold{background:linear-gradient(110deg,#fff5d7,#fff9ef)}.ng4-product-card-art{display:block;height:190px;overflow:hidden}.ng4-product-card-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .3s}.ng4-product-card:hover .ng4-product-card-art img{transform:scale(1.03)}.ng4-product-card-copy{padding:12px 14px 12px 3px;display:flex;flex-direction:column;align-items:flex-start}.ng4-product-card-copy h3{font-size:25px;line-height:1;letter-spacing:-.9px;font-weight:850;color:#0b3146}.ng4-product-card-copy ul{list-style:none;padding:0;margin:11px 0 auto;display:grid;gap:5px}.ng4-product-card-copy li{display:flex;gap:8px;font-size:10px;color:#103644;line-height:1.17}.ng4-product-card-copy li span{color:#007b70;font-weight:950;font-size:14px;line-height:12px}.ng4-product-card-copy .ng4-button{font-size:10px;padding:8px 12px;min-height:30px;width:100%;margin-top:10px}
.ng4-why{padding:12px 0 12px;border-bottom:1px solid #e8f0ee}.ng4-why-grid{display:grid;grid-template-columns:26% repeat(5,1fr);align-items:center;min-height:118px;gap:0}.ng4-why-heading{padding:0 25px 0 28px}.ng4-why-heading h2{font-size:23px}.ng4-why-heading i,.ng4-blog-intro i{display:block;height:3px;width:33px;background:#00aaa4;margin:9px 0}.ng4-why-heading p{font-size:11px;line-height:1.18;color:#224753}.ng4-why-item{text-align:center;display:grid;place-items:center;gap:7px;align-content:center;border-right:1px solid #d7e1e3;min-height:68px}.ng4-why-item:last-child{border:0}.ng4-why-item>span{width:47px;height:47px;border-radius:50%;display:grid;place-items:center;background:#e6f5f1;color:#006664;font-size:28px;font-weight:900}.ng4-why-item strong{font-size:11px;line-height:1.13;color:#123644}
.ng4-comparison{padding:15px 0 7px}.ng4-two-panels{display:grid;grid-template-columns:1fr 1.15fr;gap:20px}.ng4-compare-card,.ng4-duo-panel{height:224px;border-radius:21px;background:white;border:1px solid #edf2f2;box-shadow:0 2px 15px #184d4d0d;overflow:hidden}.ng4-compare-card{padding:13px 25px}.ng4-compare-card h2{font-size:19px;margin-bottom:10px}.ng4-compare-card table{border-collapse:collapse;width:100%;font-size:10px;line-height:1.15}.ng4-compare-card th,.ng4-compare-card td{padding:5px 8px;text-align:center}.ng4-compare-card th:first-child,.ng4-compare-card td:first-child{text-align:left}.ng4-compare-card th:not(:first-child){background:#007d80;color:white}.ng4-compare-card th:nth-child(3){background:#f0b524;color:#17393a}.ng4-compare-card th small{display:block;font-size:9px}.ng4-compare-card tbody tr:nth-child(odd){background:#f1f6f6}.ng4-compare-card a{color:#007f80;font-weight:770}.ng4-small-link{font-size:10px;display:inline-block;margin-top:8px}.ng4-duo-panel{position:relative;display:flex;align-items:stretch;background:#f7fbfa}.ng4-duo-copy{padding:13px 0 12px 22px;z-index:2;width:53%;display:flex;flex-direction:column;align-items:flex-start}.ng4-duo-copy>span{background:#a8e1d5;padding:3px 11px;border-radius:20px;font-weight:800;font-size:9px;color:#174443}.ng4-duo-copy h2{font-size:22px;margin:8px 0}.ng4-duo-copy p{font-size:10px;line-height:1.26;max-width:230px}.ng4-duo-price{font-size:17px;font-weight:850;margin:auto 0 8px;color:#006d67}.ng4-duo-copy .ng4-button{font-size:11px;min-height:28px}.ng4-duo-panel>img{width:54%;height:100%;position:absolute;right:0;top:0;object-fit:cover;object-position:right}
.ng4-steps{padding:10px 0 6px}.ng4-steps-grid{min-height:67px;display:grid;grid-template-columns:23% 1fr 17px 1fr 17px 1fr;align-items:center;gap:9px}.ng4-steps-grid h2{font-size:20px;padding-left:30px}.ng4-steps-grid>div{display:grid;grid-template-columns:63px 1fr;align-items:center;column-gap:5px}.ng4-steps-grid>div>span{grid-row:1/3;background:#e3f7f1;border-radius:30px;padding:10px 6px;display:block;text-align:center;font-size:16px;font-weight:880;color:#0a655e}.ng4-steps-grid strong{font-size:10px;line-height:1.1}.ng4-steps-grid small{font-size:9px;color:#49676b;line-height:1.1}.ng4-steps-grid>b{font-size:23px;font-weight:450}
.ng4-reviews{padding:5px 0 12px}.ng4-reviews-grid{display:grid;grid-template-columns:23% repeat(2,1fr);gap:12px;align-items:stretch;min-height:112px}.ng4-review-intro{padding:10px 20px 8px 30px}.ng4-review-intro h2{font-size:20px}.ng4-review-intro p{font-size:10px;padding:9px 0;color:#317078}.ng4-review-card{padding:14px;background:#fff;border:1px solid #e5eceb;border-radius:17px;box-shadow:0 4px 18px #1648520c}.ng4-review-top{display:flex;gap:8px;align-items:center}.ng4-avatar{width:35px;height:35px;border-radius:50%;background:#e2f3ef;display:grid;place-items:center;font-weight:900;font-size:16px}.ng4-review-card strong{font-size:12px}.ng4-review-stars{color:#ffb500}.ng4-review-card p{font-size:10px;line-height:1.25;margin-top:8px;color:#244a52}.ng4-review-card small{font-size:9px;color:#517179}.ng4-review-empty span{font-size:23px;color:#daa51f}.ng4-review-empty h3{font-size:13px;margin-top:3px}.ng4-second-trust{margin:5px 0 13px;background:#f1f9f6;border:0;border-radius:20px}.ng4-second-trust .ng4-trust-grid{min-height:50px}.ng4-second-trust .ng4-trust-cell>span{width:31px;height:31px;flex-basis:31px;font-size:19px}
.ng4-blog{padding:2px 0 14px}.ng4-blog-grid{display:grid;grid-template-columns:28% repeat(3,1fr);gap:20px;align-items:start}.ng4-blog-intro{padding:13px 15px 0 30px}.ng4-blog-intro h2{font-size:21px}.ng4-blog-intro p{font-size:12px;color:#1d4650;line-height:1.2}.ng4-blog-card{border-radius:15px;background:#fff;overflow:hidden;box-shadow:0 3px 17px #12464a18;min-height:135px}.ng4-blog-card>a{display:block;color:inherit;padding:4px}.ng4-blog-card img{width:100%;height:57px;object-fit:cover;border-radius:12px}.ng4-blog-card h3{font-size:12px;line-height:1.2;padding:6px 8px;min-height:37px}.ng4-blog-card strong{display:block;color:#00928a;font-size:10px;padding:3px 8px 9px}
.ng4-wheel-section{padding:0 5px 10px}.ng4-wheel-promo{background:linear-gradient(105deg,#004d4d,#007d70 70%,#004a4c);min-height:122px;border-radius:17px;position:relative;display:grid;grid-template-columns:10% 36% 34% 20%;align-items:center;padding:12px 20px;overflow:hidden;color:#fff}.ng4-promo-gift{font-size:40px;text-align:center;z-index:1}.ng4-promo-text{z-index:1}.ng4-promo-text h2{font-size:21px;letter-spacing:-.5px}.ng4-promo-text p{font-size:11px;line-height:1.22;margin-top:7px}.ng4-promo-disc{position:relative;align-self:center;justify-self:center;width:190px;height:190px;margin-top:-60px;margin-bottom:-58px;border:10px solid #e7ba4f;border-radius:50%;background:conic-gradient(#007d7b 0 45deg,#ffe7a3 45deg 90deg,#007d7b 90deg 135deg,#ffe7a3 135deg 180deg,#007d7b 180deg 225deg,#ffe7a3 225deg 270deg,#007d7b 270deg 315deg,#ffe7a3 315deg);box-shadow:0 0 35px #fff7b15c}.ng4-promo-disc:before{content:'';position:absolute;inset:68px;background:#fefbf2;border-radius:50%;border:5px solid #d79f3b}.ng4-promo-disc>span{position:absolute;z-index:2;top:72px;left:75px}.ng4-wheel-promo .ng4-button{font-size:13px;width:100%;min-height:39px;z-index:1}
/* PRODUCT reference: 752x1016 desktop screenshot. */
.ng4-product-hero{background:linear-gradient(101deg,#f0fbfc 0%,#effcff 49%,#f9fcfc 100%);padding-bottom:0}.ng4-product.ng4-gold .ng4-product-hero{background:linear-gradient(110deg,#fffdfa,#fff6e7,#fffefa)}.ng4-breadcrumb{height:36px;display:flex;align-items:center;gap:5px;font-size:9px;padding-left:12px}.ng4-breadcrumb a{color:#0d4251;font-weight:500}.ng4-product-main{display:grid;grid-template-columns:56% 44%;min-height:355px}.ng4-gallery{display:grid;grid-template-columns:64px 1fr;min-width:0;align-items:center}.ng4-thumb-list{display:flex;flex-direction:column;align-items:center;gap:7px;z-index:3;align-self:center}.ng4-thumb-list>span{font-size:17px;line-height:12px;color:#123844;font-weight:900}.ng4-thumb{width:52px;height:51px;padding:3px;border-radius:10px;border:2px solid transparent;background:#fff;cursor:pointer;box-shadow:0 1px 6px #0943521a;transition:transform .2s}.ng4-thumb:hover{transform:translateY(-2px)}.ng4-thumb.is-active{border-color:#93e5e3}.ng4-gold .ng4-thumb.is-active{border-color:#f3cb6a}.ng4-thumb img{width:100%;height:100%;object-fit:cover;border-radius:6px}.ng4-stage{height:350px;overflow:hidden;display:flex;justify-content:center;align-items:center}.ng4-stage-img{width:100%;height:100%;object-fit:fill;object-position:center;transition:opacity .15s,transform .35s}.ng4-stage-img:hover{transform:scale(1.025)}.ng4-purchase-info{padding:4px 2px 7px 8px}.ng4-product-tag{display:inline-block;background:#b8edef;border-radius:20px;padding:4px 10px;font-size:10px;color:#0d4a58;font-weight:760}.ng4-gold .ng4-product-tag{background:#ffe9b4;color:#754f00}.ng4-purchase-info h1{font-size:clamp(30px,4vw,45px);line-height:1.0;font-weight:860;letter-spacing:-1.2px;margin:11px 0 10px;color:#082c42}.ng4-pitch{font-size:13px;line-height:1.2;color:#0d3449;max-width:320px;min-height:45px}.ng4-benefit-icons{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin:10px 0 13px}.ng4-char{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;border-right:1px solid #d6e5e6;min-width:0}.ng4-char:last-child{border:0}.ng4-icon-ring{border:1px solid #cde7e8;background:#fff;border-radius:50%;width:39px;height:39px;display:grid;place-items:center;color:#018d87;font-size:21px;font-weight:850;box-shadow:0 3px 8px #044a5112}.ng4-gold .ng4-icon-ring{color:#d89904;border-color:#f0dfb7}.ng4-char strong{font-size:9px;line-height:1.12;max-width:87px;white-space:normal}.ng4-purchase-price{font-size:20px;font-weight:880;line-height:1.2;margin:6px 0 8px}.ng4-pending{font-size:13px;font-weight:740;color:#577277}.ng4-purchase-actions{min-height:35px;display:flex;align-items:center}.ng4-purchase-actions form.cart{display:flex;gap:9px;align-items:center;float:none!important;margin:0!important;width:100%}.ng4-purchase-actions form.cart .quantity{float:none!important}.ng4-purchase-actions form.cart input.qty{height:33px!important;width:74px!important;min-width:74px!important;border:1px solid #b7d5d8!important;border-radius:24px!important;text-align:center!important;background:#fff!important;padding:5px!important;font-size:12px!important}.ng4-purchase-actions form.cart button{margin:0!important;min-height:34px!important;padding:7px 13px!important;flex:1!important}.ng4-purchase-actions>.ng4-button{padding:8px 17px;font-size:11px}.ng4-disabled-note{font-size:10px;color:#536c72;margin-right:10px;line-height:1.2}.ng4-shopping-assurance{display:flex;gap:16px;margin-top:12px;font-size:9px;color:#163b4c}
.ng4-product-trust{margin:14px 0 12px}.ng4-product-trust-grid{min-height:54px;background:#f0f9f9;border-radius:16px;display:grid;grid-template-columns:repeat(4,1fr);align-items:center}.ng4-gold .ng4-product-trust-grid{background:#fff8ee}.ng4-product-trust-grid>div{display:flex;align-items:center;justify-content:center;gap:8px;padding:4px;border-right:1px solid #d6e5e5}.ng4-product-trust-grid>div:last-child{border:0}.ng4-round-icon{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:50%;background:#e2f6f2;color:#007977;font-size:22px;font-weight:800}.ng4-gold .ng4-round-icon{background:#fff1d6;color:#c08a0b}.ng4-product-trust-grid strong{font-size:10px;line-height:1.1}.ng4-product-explainer{padding:4px 0 10px}.ng4-explainer-grid{display:grid;grid-template-columns:25% 39% 32%;gap:2%;align-items:center}.ng4-explainer-grid>img{height:103px;width:100%;object-fit:cover;border-radius:16px}.ng4-explainer-grid h2{font-size:19px;margin-bottom:6px}.ng4-explainer-grid p{font-size:10px;line-height:1.27;color:#183d4a}.ng4-composition{background:#f3f9fa;border-radius:15px;padding:11px 14px;min-height:101px}.ng4-gold .ng4-composition{background:#fff9ef}.ng4-composition h3{font-size:11px;line-height:1.25;margin-bottom:7px}.ng4-composition p{font-size:10px;color:#385d65}
.ng4-product-benefits{padding:5px 0 5px}.ng4-benefits-grid{background:#eaf7f7;border-radius:14px;min-height:49px;display:grid;grid-template-columns:24% repeat(3,1fr);align-items:center}.ng4-gold .ng4-benefits-grid{background:#fff7e9}.ng4-benefits-grid h2{font-size:16px;padding-left:25px}.ng4-benefits-grid>div{display:flex;gap:8px;align-items:center;border-left:1px solid #d7e6e8;padding:5px 10px}.ng4-benefits-grid>div>span{background:#e1f7f1;border-radius:50%;width:32px;height:32px;display:grid;place-items:center;font-size:20px;flex-shrink:0}.ng4-gold .ng4-benefits-grid>div>span{background:#fff1cd}.ng4-benefits-grid>div p{font-size:9px;line-height:1.2}
.ng4-product-usage{padding:8px 0 8px}.ng4-usage-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ng4-usage-grid>div{display:flex;align-items:center;gap:10px;min-height:53px;padding-left:9px}.ng4-usage-grid>div+div{border-left:1px solid #d9e5e5;padding-left:24px}.ng4-usage-grid h3{font-size:13px;font-weight:850}.ng4-usage-grid p{font-size:10px;line-height:1.15;color:#193d49}
.ng4-product-opinions{padding:2px 0 13px}.ng4-opinions-grid{display:grid;grid-template-columns:67% 33%;gap:13px;align-items:start}.ng4-opinion-head{display:flex;align-items:center;gap:15px;grid-column:1}.ng4-opinion-head h2{font-size:15px}.ng4-opinion-head small,.ng4-rating-real{font-size:10px}.ng4-opinion-cards{grid-column:1;display:flex;gap:10px;min-height:78px}.ng4-opinion-cards .ng4-review-card{flex:1;padding:9px}.ng4-opinion-cards .ng4-review-card .ng4-avatar{width:27px;height:27px}.ng4-opinion-cards .ng4-review-card strong{font-size:10px}.ng4-opinion-cards .ng4-review-card p{font-size:9px}.ng4-opinion-empty{padding:13px 18px;background:#fff;border:1px solid #d9e7e9;border-radius:13px;width:100%;font-size:11px}.ng4-opinion-empty p{font-size:10px;margin-top:4px}.ng4-opinion-wheel{grid-column:2;grid-row:1/3;align-self:end;border-radius:15px;background:#eaf8f8;min-height:96px;display:flex;gap:9px;align-items:center;padding:10px}.ng4-gold .ng4-opinion-wheel{background:#fff5e6}.ng4-wheel-small{height:77px;width:77px;border:5px solid #e7bc4d;border-radius:50%;display:grid;place-items:center;flex-shrink:0;font-size:31px;background:conic-gradient(#007e7c 0 45deg,#fff0c7 45deg 90deg,#007e7c 90deg 135deg,#fff0c7 135deg 180deg,#007e7c 180deg 225deg,#fff0c7 225deg 270deg,#007e7c 270deg 315deg,#fff0c7 315deg);transition:transform .4s}.ng4-opinion-wheel:hover .ng4-wheel-small{transform:rotate(45deg)}.ng4-opinion-wheel strong{display:block;font-size:11px;line-height:1.1;margin-bottom:8px}.ng4-opinion-wheel .ng4-button{font-size:9px;padding:6px 8px;min-height:25px}
.ng4-product-faq{padding:0 0 14px}.ng4-product-faq h2{font-size:15px;margin:5px 0 8px}.ng4-product-faq details{border:1px solid #dbe9eb;background:#fbfdfd;border-radius:9px;min-height:26px;margin:3px 0;padding:5px 10px;font-size:10px;line-height:1.25}.ng4-product-faq summary{cursor:pointer;font-weight:650}.ng4-product-faq details p{padding:7px 0;color:#506d74}.ng4-woo-info{margin-top:18px!important;margin-bottom:30px!important}.ng4-woo-info h2{font-size:23px;margin-bottom:15px}.ng4-related{padding:16px 0;background:#f1faf8}.ng4-related .ng4-container{display:flex;justify-content:space-between}.ng4-related h2{font-size:17px}.ng4-related a{font-size:13px;color:#007a77;font-weight:800}
/* Responsive fidelity: desktop close to reference, mobile content-first functional layout. */
@media(min-width:1440px){.ng4-hero-grid{min-height:400px}.ng4-hero-art{height:400px}.ng4-hero-text h1{font-size:49px}.ng4-product-card{min-height:260px}.ng4-product-card-art{height:260px}.ng4-product-card-copy{padding:25px 22px 25px 4px}.ng4-product-card-copy h3{font-size:35px}.ng4-product-card-copy li{font-size:15px}.ng4-product-card-copy .ng4-button{font-size:14px}.ng4-why-grid{min-height:160px}.ng4-compare-card,.ng4-duo-panel{height:300px}.ng4-compare-card h2{font-size:25px}.ng4-compare-card table{font-size:14px}.ng4-compare-card th,.ng4-compare-card td{padding:8px 11px}.ng4-duo-copy h2{font-size:30px}.ng4-duo-copy p{font-size:14px}.ng4-steps-grid{min-height:92px}.ng4-reviews-grid{min-height:148px}.ng4-blog-card img{height:95px}.ng4-blog-card h3{font-size:16px}.ng4-wheel-promo{min-height:165px}.ng4-product-main{min-height:490px}.ng4-stage{height:460px}.ng4-purchase-info{padding-top:20px}.ng4-product-trust-grid{min-height:75px}.ng4-explainer-grid>img{height:140px}.ng4-composition{min-height:140px}.ng4-benefits-grid{min-height:75px}.ng4-usage-grid>div{min-height:75px}.ng4-opinion-wheel{min-height:128px}}
@media(max-width:1020px) and (min-width:701px){.ng-header .ng-navigation{gap:13px!important}.ng4-container{width:calc(100% - 44px)}.ng4-hero-art{margin-right:-22px}.ng4-product-card-copy h3{font-size:clamp(20px,2.42vw,25px)}.ng4-why-heading h2{font-size:20px}.ng4-why-heading p{font-size:10px}.ng4-why-item strong{font-size:10px}.ng4-trust-cell strong{font-size:9px}}
@media(max-width:850px){.ng-header .ng-mobile-menu{display:flex!important}.ng-header .ng-navigation{height:auto!important;gap:4px!important}.ng-header .ng-cart-toggle{width:41px!important}.ng-header .ng-brand>span{font-size:26px!important}.ng4-product-main{grid-template-columns:52% 48%}.ng4-gallery{grid-template-columns:49px 1fr}.ng4-thumb{width:42px;height:42px}.ng4-stage{height:320px}.ng4-purchase-info h1{font-size:31px}.ng4-pitch{font-size:12px}.ng4-why-heading{padding-inline:7px}.ng4-hero-text{padding-left:13px}.ng4-trust-cell{gap:5px;padding-inline:3px}.ng4-product-card{grid-template-columns:53% 47%}.ng4-product-card-copy{padding-right:5px}.ng4-product-card-copy li{font-size:9px}.ng4-product-card-copy .ng4-button{font-size:9px}.ng4-two-panels{grid-template-columns:1fr 1fr;gap:10px}.ng4-compare-card{padding:12px}.ng4-duo-copy{padding-left:12px}.ng4-steps-grid h2{padding-left:5px}.ng4-blog-grid{gap:10px}.ng4-blog-intro{padding-left:7px}.ng4-review-intro{padding-left:5px}}
@media(max-width:700px){.ng4-container{width:calc(100% - 28px)}.ng4-hero-grid{display:flex;flex-direction:column-reverse;min-height:0}.ng4-hero-art{height:auto;aspect-ratio:654/297;margin:0 -14px;width:calc(100% + 28px)}.ng4-hero-text{padding:18px 6px 28px}.ng4-hero-text h1{font-size:clamp(31px,8vw,52px)}.ng4-hero-description{font-size:14px}.ng4-overline{font-size:10px}.ng4-hero-actions .ng4-button{font-size:12px}.ng4-trust-grid{display:grid;grid-template-columns:repeat(3,1fr)}.ng4-trust-cell{border-bottom:1px solid #edf0ef}.ng4-trust-cell strong{font-size:10px}.ng4-product-row,.ng4-two-panels{grid-template-columns:1fr}.ng4-product-card{min-height:180px;grid-template-columns:51% 49%}.ng4-product-card-art{height:180px}.ng4-product-card-copy{padding:15px}.ng4-product-card-copy h3{font-size:26px}.ng4-product-card-copy li{font-size:11px}.ng4-product-card-copy .ng4-button{font-size:11px}.ng4-why-grid{grid-template-columns:repeat(3,1fr);gap:14px}.ng4-why-heading{grid-column:1/-1}.ng4-why-heading h2{font-size:28px}.ng4-why-item{min-height:85px}.ng4-why-item strong{font-size:12px}.ng4-compare-card,.ng4-duo-panel{height:auto;min-height:235px}.ng4-compare-card{padding:20px}.ng4-compare-card h2{font-size:24px}.ng4-compare-card table{font-size:12px}.ng4-duo-copy{padding:18px;width:53%}.ng4-duo-copy h2{font-size:24px}.ng4-duo-copy p{font-size:12px}.ng4-steps-grid{display:flex;flex-wrap:wrap;gap:12px;padding:15px 0}.ng4-steps-grid h2{width:100%;font-size:23px}.ng4-steps-grid>div{flex:1;grid-template-columns:1fr;justify-items:center;text-align:center}.ng4-steps-grid>div>span{grid-row:auto;font-size:16px}.ng4-steps-grid>div strong{font-size:11px}.ng4-steps-grid>div small{font-size:10px}.ng4-reviews-grid{grid-template-columns:1fr 1fr}.ng4-review-intro{grid-column:1/-1}.ng4-second-trust .ng4-trust-grid{grid-template-columns:repeat(3,1fr)}.ng4-blog-grid{grid-template-columns:repeat(2,1fr)}.ng4-blog-intro{grid-column:1/-1}.ng4-blog-intro h2{font-size:24px}.ng4-blog-card img{height:95px}.ng4-blog-card h3{font-size:13px}.ng4-wheel-promo{grid-template-columns:60px 1fr;gap:10px;padding:18px}.ng4-promo-disc{display:none}.ng4-wheel-promo .ng4-button{grid-column:1/-1}.ng4-product-main{display:grid;grid-template-columns:1fr;gap:4px}.ng4-gallery{grid-template-columns:60px 1fr}.ng4-stage{height:min(90vw,445px)}.ng4-gallery .ng4-stage img{width:100%;height:100%;object-fit:contain}.ng4-purchase-info{padding:15px 8px 25px}.ng4-purchase-info h1{font-size:43px}.ng4-pitch{font-size:15px;min-height:0;max-width:none}.ng4-product-trust-grid{grid-template-columns:repeat(2,1fr);gap:8px}.ng4-product-trust-grid>div:nth-child(2){border:0}.ng4-explainer-grid{grid-template-columns:35% 1fr;gap:14px}.ng4-explainer-grid .ng4-composition{grid-column:1/-1}.ng4-explainer-grid h2{font-size:20px}.ng4-explainer-grid p{font-size:12px}.ng4-benefits-grid{grid-template-columns:1fr 1fr;padding:10px;gap:10px}.ng4-benefits-grid h2{font-size:18px}.ng4-benefits-grid>div{border:0}.ng4-benefits-grid>div p{font-size:11px}.ng4-opinions-grid{grid-template-columns:1fr}.ng4-opinion-head,.ng4-opinion-cards,.ng4-opinion-wheel{grid-column:1;grid-row:auto}.ng4-opinion-wheel{max-width:350px}.ng4-product-faq h2{font-size:19px}.ng4-product-faq details{padding:11px;font-size:12px}}
@media(max-width:420px){.ng4-trust-grid{grid-template-columns:repeat(2,1fr)}.ng4-product-card{grid-template-columns:48% 52%}.ng4-product-card-copy{padding:10px}.ng4-product-card-copy h3{font-size:22px}.ng4-product-card-copy li{font-size:10px}.ng4-product-card-copy .ng4-button{font-size:10px}.ng4-two-panels{gap:12px}.ng4-blog-grid{grid-template-columns:1fr 1fr}.ng4-thumb{width:45px;height:45px}.ng4-purchase-info h1{font-size:38px}.ng4-usage-grid>div+div{padding-left:10px}}
@media(prefers-reduced-motion:reduce){.ng4 *{animation:none!important;transition:none!important}html{scroll-behavior:auto}}

.ng4-shop-lead{background:radial-gradient(circle at 10% 40%,#e1f8f6,transparent 42%),radial-gradient(circle at 87% 10%,#fff1d4,transparent 37%);padding:46px 0 30px}.ng4-shop-lead h1{font-size:clamp(32px,4vw,53px);color:#07434a;margin:12px 0}.ng4-shop-lead>div>p:last-child{font-size:15px}.ng4-shop-compare{padding:25px 0 70px;display:flex;justify-content:flex-end}

/* Precision-adjusted product geometry against original 752 px prototype. */
@media (min-width:701px) and (max-width:1439px){.ng4-product-main{grid-template-columns:59.5% 40.5%}.ng4-gallery{padding-left:34px;grid-template-columns:60px 1fr}.ng4-thumb-list{align-self:start;margin-top:18px}.ng4-stage{height:355px}.ng4-stage-img{height:355px;width:100%}.ng4-purchase-info h1{font-size:clamp(32px,4.4vw,45px)}}
/* Render-QA: prevent flex shrink-to-min-content from wrapping two-line product titles into three. */
.ng4-product-card-copy h3,.ng4-product-card-copy ul{width:100%}
@media (min-width:701px) and (max-width:1439px){.ng4-trust-grid{min-height:54px}.ng4-trust-cell{padding:5px 8px}}
/* Reference typography and spacing: HOME(2) uses a three-line headline, not four. */
@media (min-width:701px) and (max-width:1100px){
 .ng4-hero-text h1{font-size:31.5px;letter-spacing:-1.65px;line-height:1.01}
 .ng4-why{margin-top:26px}.ng4-why-grid{min-height:105px}
 .ng-header .ng-brand{margin-left:23px}
}
/* The 752px product prototype deliberately retains full desktop navigation. */
@media (min-width:701px) and (max-width:850px){
 .ng-header .ng-mobile-menu{display:none!important}
 .ng-header .ng-navigation{display:flex!important;position:static!important;box-shadow:none!important;background:none!important;border:0!important;padding:0!important;flex-direction:row!important;align-items:center!important;gap:9px!important}
 .ng-header .ng-navigation>a,.ng-header .ng-nav-products>a{font-size:9px!important;padding:0!important}
 .ng-header .ng-nav-products{flex-wrap:nowrap!important}
 .ng-header .ng-navigation .ng-sub-menu{position:absolute!important;min-width:195px!important;right:0!important;left:auto!important;top:100%!important;z-index:99!important}
 .ng-header .ng-brand>span{font-size:28px!important}
 .ng-header .ng-brand small{font-size:5.5px!important;letter-spacing:2.5px!important}
 .ng-header .ng-nav-icons{gap:9px!important}
 .ng-header .ng-icon-btn{width:22px!important}
 .ng-header .ng-brand{margin-left:12px}
}
@media (max-width:700px){
 .ng-header>.ng-container{width:calc(100% - 26px)!important}
 .ng-header .ng-nav{gap:7px!important}
 .ng-header .ng-nav-icons{gap:5px!important}
 .ng-header .ng-icon-btn{width:25px!important}
}
@media (min-width:701px) and (max-width:850px){
 .ng-header>.ng-container{height:43px!important;min-height:43px!important}
 .ng4-product-trust{margin-top:19px}
}
html,body{max-width:100%;overflow-x:clip}
@media (min-width:701px) and (max-width:850px){.ng-header .ng-brand{margin-left:42px}}
/* Real product pack visual, without the unapproved 15% seal in the illustrative reference. */
.ng4-duo-bottles{position:absolute;right:0;top:0;width:52%;height:100%;display:flex;justify-content:center;align-items:flex-end;gap:-10px;background:radial-gradient(circle at 60% 50%,#fff 20%,#ecf8f5 87%);overflow:hidden}
.ng4-duo-bottles:before{content:'';position:absolute;width:103%;height:40px;bottom:-14px;border-radius:50%;background:linear-gradient(180deg,#f7f4ea,#d9d6ca);box-shadow:0 7px 18px #04524618}
.ng4-duo-bottles img{position:relative;z-index:1;height:74%;width:51%;object-fit:contain;object-position:bottom;filter:drop-shadow(3px 4px 4px #315b5a2d)}
.ng4-duo-bottles img+img{margin-left:-17%;height:69%}
/* Final vertical-rhythm calibration at the approved 1024px reference width. */
@media (min-width:901px) and (max-width:1100px){
 .ng4-why-grid{min-height:93px}
 .ng4-compare-card,.ng4-duo-panel{height:208px}
 .ng4-steps-grid{min-height:61px}
 .ng4-reviews-grid{min-height:102px}
 .ng4-blog-card{min-height:123px}
}
@media (min-width:901px) and (max-width:1100px){
 .ng4-why{padding-bottom:0}
 .ng4-blog{padding-bottom:2px}
 .ng4-wheel-section{padding-bottom:0}
}