:root{--v90-ink:#142f42;--v90-copy:#415c6c;--v90-blue:#075680;--v90-navy:#10384d;--v90-paper:#f4f9fa;--v90-line:#d9e7ea;--v90-header:88px}
*,*::before,*::after{box-sizing:border-box}
html{scroll-padding-top:calc(var(--v90-header) + 16px)}
body.v90-page{margin:0;color:var(--v90-ink);font-family:Inter,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}
.v90-page [hidden]{display:none!important}
.v90-page :focus-visible{outline:3px solid #097ebc;outline-offset:3px}
.v90-page main [id]{scroll-margin-top:12px}
.v90-skip{position:fixed;z-index:500;top:10px;left:10px;transform:translateY(-160%);background:white;padding:12px 20px;border:2px solid var(--v90-blue);border-radius:8px;color:var(--v90-blue)}
.v90-skip:focus{transform:none}
.vgx-shell{width:min(100% - 48px,1360px);margin-inline:auto}
.vgx-head{position:sticky;top:0;z-index:90;background:#fff;border-bottom:1px solid var(--v90-line);color:var(--v90-ink)}
.vgx-head-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:var(--v90-header)}
.vgx-brand{display:grid;justify-items:center;align-content:center;flex:0 0 auto;gap:5px;text-decoration:none;color:#23475d;padding:6px 0}
.vgx-brand img{width:51px;height:52px;object-fit:contain}
.vgx-brand small{font-size:13px;line-height:1.2;font-weight:650;white-space:nowrap}
.vgx-nav{display:flex;align-items:center;justify-content:flex-end;gap:clamp(6px,1.15vw,20px);flex-wrap:nowrap}
.vgx-nav-item{display:flex;align-items:center;min-height:44px;padding:0 8px;color:#233d4d;border-radius:9px;font-size:14px;font-weight:600;line-height:1.25;white-space:nowrap;text-decoration:none;cursor:pointer}
.vgx-nav-item:hover,.vgx-nav-item[aria-current=page],.vgx-nav-item.is-active{background:#edf6f8;color:#075680}
.vgx-cta,.vgx-cta[aria-current=page]{background:#0a4e74;color:#fff;padding-inline:16px}
.vgx-cta:hover{background:#10394e;color:white}
.vgx-product{position:relative}
.vgx-product summary{list-style:none;gap:9px}
.vgx-product summary::-webkit-details-marker{display:none}
.vgx-product summary::after{content:"";width:7px;height:7px;border:solid currentColor;border-width:0 1.5px 1.5px 0;transform:translateY(-2px) rotate(45deg)}
.vgx-product[open] summary::after{transform:translateY(2px) rotate(225deg)}
.vgx-submenu{position:absolute;top:calc(100% + 8px);left:0;min-width:210px;padding:8px;background:#fff;border:1px solid var(--v90-line);border-radius:13px;box-shadow:0 12px 32px #0a344327;display:grid}
.vgx-submenu a{display:flex;align-items:center;gap:8px;min-height:44px;padding:8px 11px;border-radius:7px;color:var(--v90-ink);text-decoration:none;font-size:14px;font-weight:600}
.vgx-submenu a:hover,.vgx-submenu a[aria-current=page]{background:#edf6f8}
.vgx-dot{width:8px;height:8px;border-radius:50%;background:#17824c}
.vgx-dot.ion{background:#7552ae}
.vgx-toggle{display:none;min-height:44px;padding:8px 13px;border-radius:9px;border:1px solid var(--v90-line);background:#fff;color:var(--v90-ink);gap:8px;align-items:center;font:600 14px Inter,"Segoe UI",Arial,sans-serif;cursor:pointer}
.vgx-footer{background:#113244;color:#e4f0f3;padding:48px 0 19px}
.vgx-footer-top{display:grid;grid-template-columns:1fr .95fr 1.05fr 1.5fr;gap:clamp(16px,3.5vw,62px)}
.vgx-foot-block{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0}
.vgx-foot-block h2{font-size:15px;margin:0 0 5px;font-weight:700;color:#fff;line-height:1.45}
.vgx-foot-block p,.vgx-foot-block a{font-size:13px;line-height:1.6;margin:0;overflow-wrap:anywhere}
.vgx-foot-block a{color:inherit;text-underline-offset:3px}
.vgx-foot-block a:hover{color:white}
.vgx-foot-logo{background:white;border-radius:10px;padding:8px 10px;display:inline-flex}
.vgx-foot-logo img{object-fit:contain;width:112px;height:40px}
.vgx-foot-block .vgx-foot-slogan{text-align:center;font-weight:650;margin:0}
.vgx-footer-bottom{border-top:1px solid #ffffff28;margin:25px 0 0;padding-top:14px;color:#d1e1e7;font-size:12px}
.v90-wave{--v90-wave-image:url('wave-fresh.webp');--v90-wave-base:#d7f7ee;background-color:var(--v90-wave-base);background-image:var(--v90-wave-image);background-position:center 77%;background-size:cover}
.v90-wave.ion{--v90-wave-image:url('wave-ion.webp');--v90-wave-base:#ebdff9}
.v90-page .v90-dual{background-image:url('wave-fresh.webp'),url('wave-ion.webp');background-size:50% auto,50% auto;background-position:left bottom,right bottom;background-repeat:no-repeat;border-radius:22px}
.v90-home-hero{width:min(100% - 56px,1280px);margin:0 auto;padding:clamp(32px,4vw,60px) 0 30px}
.v90-home-heading{text-align:center;margin:0 auto 22px}
.v90-home-heading h1{font-size:clamp(33px,5vw,76px);line-height:1.03;letter-spacing:-.065em;margin:0;color:#132c3b;font-weight:760}
.v90-home-heading h1 span{color:#327b97}
.v90-home-heading p{font-size:clamp(14px,1.45vw,18px);line-height:1.5;color:var(--v90-copy);margin:13px auto 0;max-width:58ch}
.v90-home-duo{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.v90-hero-product{border:1px solid #d8ebe4;border-radius:21px;overflow:hidden;min-width:0;text-align:center;background:#f5fbf8;color:#174f37}
.v90-hero-product.ion{border-color:#e8dff4;background:#faf6ff;color:#57377f}
.v90-hero-product .v90-wave{height:clamp(224px,29vw,390px);display:grid;place-items:center;padding:18px 12px}
.v90-hero-product img,.v90-stage-art img{width:auto;height:100%;max-height:100%;max-width:85%;object-fit:contain;filter:drop-shadow(0 14px 13px #172c3e31)}
@media(prefers-reduced-motion:no-preference){
 .v90-home-duo{
  --v90-bottle-distance:clamp(30px,7vw,96px);
  --v90-bottle-shift:calc(var(--v90-hero-progress,0) * var(--v90-bottle-distance));
  --v90-bottle-lift:calc(var(--v90-hero-progress,0) * -7px)
 }
 .v90-hero-product.fresh img{transform:translate3d(var(--v90-bottle-shift),var(--v90-bottle-lift),0)}
 .v90-hero-product.ion img{transform:translate3d(calc(-1 * var(--v90-bottle-shift)),var(--v90-bottle-lift),0)}
}
.v90-hero-info{padding:13px 8px 12px}
.v90-hero-info h2{margin:0;font-size:clamp(17px,2vw,28px);letter-spacing:-.04em;line-height:1.14}
.v90-hero-info p{font-size:clamp(12px,1.25vw,15px);line-height:1.4;margin:5px 0 2px;color:#38535b}
.v90-hero-info a{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:44px;color:inherit;font-size:clamp(12px,1.3vw,15px);font-weight:700;text-decoration:none;line-height:1.2}
.v90-hero-info a:hover{text-decoration:underline;text-underline-offset:3px}
.v90-stage{border:1px solid #dae8e7;border-radius:24px;overflow:hidden;background:#fff;min-width:0;color:var(--v90-ink);align-self:start}
.v90-stage-art{height:clamp(275px,34vw,430px);display:grid;place-items:center;position:relative;padding:22px;min-width:0}
.v90-stage-art img{max-width:90%;height:100%;width:100%;min-height:0;min-width:0}
.v90-stage-caption{padding:15px 20px 19px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center}
.v90-stage-name{margin:0 0 3px;font-size:15px;line-height:1.3;font-weight:650}
.v90-stage-price{margin:0;display:flex;flex-wrap:wrap;column-gap:8px;align-items:baseline;line-height:1.25}
.v90-stage-price span{color:var(--v90-copy);font-size:13px}
.v90-stage-price strong{font-size:clamp(16px,2vw,23px);color:var(--v90-navy)}
.v90-page .v90-wave.hero-art,.v90-page .v90-wave.story-visual{background-color:var(--v90-wave-base);background-image:var(--v90-wave-image);background-size:cover;background-position:center 76%}
.v90-page .v90-wave.hero-art::before,.v90-page .v90-wave.hero-art::after,.v90-page .v90-wave.story-visual::before,.v90-page .v90-wave.story-visual::after{opacity:.18;pointer-events:none}
.v90-cross-photo{border-radius:16px;overflow:hidden}
.v90-page .v90-cross-photo{
 --v90-cross-accent:#14543a;
 --v90-cross-hover:#103b2b;
 --v90-cross-wash:245,255,251;
 background-image:linear-gradient(90deg,rgb(var(--v90-cross-wash)) 0%,rgba(var(--v90-cross-wash),.92) 65%,rgba(var(--v90-cross-wash),0) 89%),var(--v90-wave-image);
}
.v90-page .v90-cross-photo.ion{
 --v90-cross-accent:#513076;
 --v90-cross-hover:#372151;
 --v90-cross-wash:252,247,255;
}
.v90-cross-photo .kicker{color:var(--v90-cross-accent)}
.v90-cross-photo h2{color:#142f42}
.v90-cross-photo p{color:#243f50}
.v90-cross-photo .cross-link{
 display:inline-flex;align-items:center;min-height:44px;padding:8px 14px;border-radius:9px;
 background:var(--v90-cross-accent);color:#fff;text-decoration:none;line-height:1.3
}
.v90-cross-photo .cross-link:hover{background:var(--v90-cross-hover);text-decoration:underline;text-underline-offset:3px}
@media(max-width:720px){
 .v90-page .v90-cross-photo{
  background-image:linear-gradient(90deg,rgb(var(--v90-cross-wash)) 0%,rgba(var(--v90-cross-wash),.94) 65%,rgba(var(--v90-cross-wash),.1) 100%),var(--v90-wave-image)
 }
}
@media(max-width:390px){
 .v90-page .v90-cross-photo{
  background-image:linear-gradient(180deg,rgb(var(--v90-cross-wash)) 0%,rgba(var(--v90-cross-wash),.96) 49%,rgba(var(--v90-cross-wash),0) 75%),var(--v90-wave-image)
 }
}
.v90-button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 18px;background:#104e70;color:#fff;border:1px solid #104e70;border-radius:9px;text-decoration:none;line-height:1.25;text-align:center;font:650 14px/1.25 Inter,"Segoe UI",Arial,sans-serif;cursor:pointer}
.v90-button:hover{background:#10394e;color:#fff}
.v90-button-outline{background:#fff;color:#134764;border-color:#b7d0da}
.v90-button-outline:hover{background:#edf6f8;color:#0e3a51}
.v90-button-small{padding-inline:13px;white-space:nowrap}
.v90-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.v90-home-promo{width:min(100% - 56px,1200px);margin:0 auto 24px;background:#eaf6f7;border:1px solid #d5e9ed;border-radius:19px;padding:clamp(20px,3vw,35px);display:flex;gap:18px;align-items:center;justify-content:space-between}
.v90-home-promo h2,.v90-home-promo p{margin:0}
.v90-home-promo h2{font-size:clamp(20px,3vw,32px);line-height:1.2}
.v90-home-promo p{color:var(--v90-copy);margin-top:6px}
.v90-diagram-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin:7px 0;color:var(--v90-blue);font-weight:650;font-size:14px}
.v90-promo{width:min(100% - 56px,1280px);margin:auto;padding:clamp(20px,3vw,38px) 0 70px}
.v90-promo-hero{min-height:clamp(430px,43vw,575px);display:grid;grid-template-columns:1.04fr 1fr;align-items:stretch;isolation:isolate;overflow:hidden;border:1px solid #dce9e9;border-radius:28px;background:linear-gradient(122deg,#eff9f8 0%,#eef8fb 68%,#f5f1fc 100%)}
.v90-promo-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(26px,5vw,66px);gap:10px}
.v90-eyebrow{margin:0;color:#1f637a;font-size:12px;font-weight:750;letter-spacing:.13em}
.v90-promo h1{margin:0;color:#123347;letter-spacing:-.068em;font-size:clamp(45px,6.5vw,95px);font-weight:770;line-height:.98}
.v90-promo-copy #promo-banner-content{margin:8px 0;color:#365464;line-height:1.55}
.v90-promo-copy #promo-banner-content p{margin:0 0 6px}
.v90-promo-lead{font-size:clamp(17px,2vw,23px);font-weight:700;color:#193f50}
.v90-promo-visual{display:grid;grid-template-columns:1fr 1fr;min-width:0}
.v90-promo-bottle{min-width:0;display:grid;place-items:center;overflow:hidden;padding:14px 7px}
.v90-promo-bottle img{object-fit:contain;width:100%;max-width:200px;height:clamp(145px,32vw,402px);filter:drop-shadow(0 18px 13px #0b334e36)}
.v90-promo-section{margin:clamp(30px,5vw,65px) auto 0}
.v90-section-intro{margin-bottom:16px}
.v90-section-intro h2,.v90-order-box h2{margin:0;font-size:clamp(24px,4vw,42px);line-height:1.12;letter-spacing:-.045em}
.v90-promo-catalog,.v90-campaign-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.v90-promo-tile,.v90-campaign-card{color:var(--v90-ink);border:1px solid #d9e8e9;border-radius:17px;overflow:hidden;background:#fff;min-width:0}
.v90-promo-tile{display:grid;grid-template-columns:1fr 1.3fr;align-items:stretch;text-decoration:none}
.v90-promo-tile>div+div,.v90-campaign-card{padding:clamp(15px,3vw,27px)}
.v90-promo-tile .v90-wave{min-height:150px;display:grid;place-items:center;padding:10px}
.v90-promo-tile img{width:100%;height:140px;object-fit:contain;filter:drop-shadow(0 7px 7px #1b41462a)}
.v90-promo-tile h3,.v90-campaign-card h3{margin:0;font-size:clamp(17px,3vw,26px);line-height:1.2}
.v90-promo-tile p,.v90-campaign-card p,.v90-order-box p{color:var(--v90-copy);line-height:1.55;margin:6px 0}
.v90-promo-tile span,.v90-campaign-card a{color:var(--v90-blue);font-weight:650;font-size:13px;text-decoration:underline;text-underline-offset:3px}
.v90-order-box{background:#edf8f9;border:1px solid #d9e8e9;border-radius:18px;padding:clamp(18px,4vw,36px);display:grid;gap:15px;grid-template-columns:1fr auto;align-items:center}
.v90-order-box p.v90-copy-status:empty{display:none}
.v90-copy-status{font-size:13px;flex-basis:100%}
#order-selection{font-weight:700;color:#17455e}
.v90-article-wrap{background:#f3f8f9;padding:clamp(20px,5vw,64px) 20px 70px}
.v90-article{max-width:820px;margin:auto;background:white;border:1px solid var(--v90-line);border-radius:18px;padding:clamp(20px,5vw,56px)}
.v90-breadcrumb{display:flex;flex-wrap:wrap;gap:8px;font-size:14px;margin-bottom:20px}
.v90-article a,.v90-article-link{color:var(--v90-blue);text-underline-offset:3px}
.v90-article h1{font-size:clamp(31px,5vw,56px);line-height:1.05;letter-spacing:-.045em;margin:0}
.v90-article h2{font-size:clamp(19px,3vw,26px);line-height:1.25;margin:26px 0 8px}
.v90-article p{line-height:1.7;color:var(--v90-copy);margin:0}
.v90-article .v90-article-lead{font-size:18px;margin:15px 0 20px}
.v90-article .v90-article-source{font-size:13px;border-top:1px solid var(--v90-line);margin-top:27px;padding-top:15px}
.v90-article-links{margin-top:13px;display:flex;flex-wrap:wrap;gap:10px 18px}
.v90-article-link{display:inline-flex;align-items:center;min-height:44px;gap:6px;font-weight:650;font-size:14px}
.v90-form-status{min-height:1.45em;color:#154e6b;font-weight:650}
.v90-trap{position:absolute;clip-path:inset(100%);height:1px;width:1px;overflow:hidden}
.v90-contact-fallback p{margin:0 0 12px}
.v90-dock{position:fixed;z-index:75;right:20px;bottom:max(20px,env(safe-area-inset-bottom));display:flex;align-items:flex-end;flex-direction:column;gap:8px;color:#fff;pointer-events:none}
.v90-dock .v90-dock-toggle,.v90-dock a{width:46px;height:46px;border-radius:50%;border:2px solid #fff;display:grid;place-items:center;color:#fff;background:var(--dock-color,#0f587b);text-decoration:none;position:relative;box-shadow:0 4px 16px #18364740;pointer-events:auto}
.v90-dock .v90-dock-toggle{display:none;cursor:pointer}
.v90-dock .v90-dock-links{display:grid;gap:10px}
.v90-dock .v90-call{--dock-color:#157441}
.v90-dock .v90-zalo{--dock-color:#095aba;font-size:11px;font-weight:750;letter-spacing:-.045em}
.v90-dock .v90-msg{--dock-color:#6336a4}
.v90-dock svg{width:22px;height:22px;fill:currentColor}
.v90-dock a::before,.v90-dock .v90-dock-toggle::before{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid var(--dock-color,#0f587b);pointer-events:none;animation:v90-pulse 3s ease-out infinite}
.v90-dock .v90-zalo::before{animation-delay:.25s}
.v90-dock .v90-msg::before{animation-delay:.5s}
@keyframes v90-pulse{0%{opacity:.68;transform:scale(.94)}65%,100%{opacity:0;transform:scale(1.24)}}
.v90-dock .v90-dock-tip{position:absolute;right:53px;white-space:nowrap;border-radius:6px;padding:5px 9px;background:#133447;color:white;font:600 12px/1.4 Inter,"Segoe UI",Arial,sans-serif;opacity:0;pointer-events:none}
.v90-dock a:hover .v90-dock-tip,.v90-dock a:focus-visible .v90-dock-tip{opacity:1}
@media(max-width:1140px){
 .vgx-toggle{display:inline-flex}
 .vgx-head-inner{gap:10px}
 .vgx-nav{display:none;position:absolute;top:100%;left:0;right:0;max-height:calc(100dvh - var(--v90-header));overflow:auto;overscroll-behavior:contain;background:#fff;border-bottom:1px solid var(--v90-line);box-shadow:0 13px 20px #17364725;padding:10px max(24px,calc((100% - 760px)/2)) 17px;flex-direction:column;align-items:stretch;gap:4px}
 .vgx-nav.v90-open{display:flex}
 .vgx-nav-item{white-space:normal;justify-content:space-between;padding-inline:12px}
 .vgx-submenu{position:static;box-shadow:none;border:0;border-left:2px solid #e5eff2;border-radius:0;margin-left:12px;padding:0 4px}
 .v90-dock{right:9px}
 .v90-dock .v90-dock-toggle{display:grid}
 .v90-dock:not(.v90-dock-open) .v90-dock-links{display:none}
}
@media(max-width:760px){
 :root{--v90-header:76px}
 .vgx-shell{width:calc(100% - 32px)}
 .vgx-brand img{width:42px;height:43px}
 .vgx-brand small{font-size:11.5px}
 .vgx-footer{padding:34px 0 64px}
 .vgx-footer-top{grid-template-columns:1fr 1fr;gap:19px}
 .vgx-foot-block:last-child{grid-column:auto}
 .v90-home-hero,.v90-home-promo,.v90-promo{width:calc(100% - 28px)}
 .v90-hero-product{border-radius:14px}
 .v90-home-duo{gap:7px;--v90-bottle-distance:clamp(16px,4vw,30px)}
 .v90-hero-product .v90-wave{height:clamp(165px,45vw,270px);padding:12px 7px}
 .v90-home-promo{align-items:flex-start;flex-direction:column}
 .v90-promo-hero{min-height:0;grid-template-columns:1fr;border-radius:19px}
 .v90-promo-copy{padding:23px 17px 21px}
 .v90-promo-visual{min-height:0}
 .v90-promo-bottle{padding:8px 5px}
 .v90-promo-bottle img{height:clamp(140px,36vw,205px)}
 .v90-order-box{grid-template-columns:1fr}
 .v90-promo-catalog,.v90-campaign-list{grid-template-columns:1fr}
 .v90-page .back-top{right:67px;bottom:13px}
 .v90-dock{right:8px;bottom:max(12px,env(safe-area-inset-bottom))}
}
@media(max-width:420px){
 .v90-stage-art{padding:14px;height:240px}
 .v90-stage-caption{padding:12px;gap:8px}
 .v90-stage-price span{font-size:11px}
 .v90-stage-name{font-size:13px}
 .v90-button-small{padding-inline:9px;font-size:13px}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto!important}
 .v90-dock a::before,.v90-dock .v90-dock-toggle::before{animation:none!important}
}
.v90-hero-product .v90-wave{position:relative}
.v90-hero-product .v90-wave img,.v90-stage-art img{position:absolute;inset:14px 10%;width:80%;height:calc(100% - 28px);max-width:none;max-height:none;margin:0}
.v90-promo-bottle{grid-template-rows:minmax(0,1fr)}
.v90-promo-bottle img{max-height:100%}
.v90-page .insight-card a.v90-article-link{margin-top:8px}
.v90-page .v90-wave.hero-art{border-radius:22px;overflow:hidden}
.v90-page .inview,.v90-page .reveal,.v90-page .reveal.visible,.v90-page .inview.in{opacity:1;transform:none;transition:none}
@media(max-width:1140px){
  html:not(.js) .vgx-head-inner{flex-wrap:wrap;padding-block:8px}
  html:not(.js) .vgx-toggle{display:none}
  html:not(.js) .vgx-nav{display:flex;position:static;width:100%;flex-flow:row wrap;max-height:none;overflow:visible;box-shadow:none;border:0;padding:0}
}
@media(max-width:480px){
 .v90-home-heading h1{font-size:clamp(25px,7.6vw,35px);letter-spacing:-.055em;overflow-wrap:normal}
 .v90-home-heading p{font-size:14px}
}
.v90-page .checkbox-row{cursor:pointer;min-height:44px;align-items:center}
.v90-page .checkbox-row input[type=checkbox]{width:19px;height:19px;flex:0 0 19px;margin:0;accent-color:#0d567d}
@media(max-width:760px){
 .v90-page .range-side .kicker,.v90-page .range-side #rangeTitle,.v90-page .range-side .range-desc{display:none}
 .v90-page .range-side .pick-label{margin-top:0}
}