:root{--navy-deep:#10234f;--navy:#193b7a;--aqua:#1aa7d9;--aqua-light:#dff6ff;--gold:#d4a54a;--mint:#8ee8dc;--border:#dce6ef}.gradient-hero{background:radial-gradient(1200px 700px at 20% 10%,rgba(26,167,217,.35),transparent 60%),radial-gradient(900px 600px at 90% 90%,rgba(212,165,74,.22),transparent 60%),linear-gradient(135deg,#0b183d 0%,#10234f 50%,#155e9b 100%)}.gradient-aqua{background:linear-gradient(135deg,#1aa7d9,#6de3ff)}.gradient-gold{background:linear-gradient(135deg,#f7e39b,#d4a54a)}.gradient-mesh{background:conic-gradient(from 180deg at 50% 50%,#1aa7d9 0deg,#d4a54a 90deg,#31badf 180deg,#8ee8dc 270deg,#1aa7d9 360deg)}.text-gradient-aqua{background:linear-gradient(135deg,#7dd3fc 0%,#38bdf8 40%,#f0d78c 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.text-gradient-gold{background:linear-gradient(135deg,#f7e39b,#d4a54a);-webkit-background-clip:text;background-clip:text;color:transparent}.shadow-glow{box-shadow:0 30px 80px -20px rgba(26,167,217,.55)}.shadow-card{box-shadow:0 10px 30px -12px rgba(16,35,79,.18)}.shadow-bottle{filter:drop-shadow(0 40px 30px rgba(16,35,79,.45)) drop-shadow(0 10px 20px rgba(26,167,217,.45))}.logo-mark{position:relative;background:linear-gradient(135deg,var(--aqua),var(--navy));clip-path:polygon(50% 0,78% 18%,96% 50%,78% 82%,50% 100%,22% 82%,4% 50%,22% 18%)}.logo-mark:after{content:"";position:absolute;inset:10px;background:linear-gradient(135deg,var(--gold),#f7e39b);clip-path:polygon(50% 8%,92% 85%,8% 85%)}.grid-pattern{background-image:linear-gradient(rgba(26,167,217,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(26,167,217,.08) 1px,transparent 1px);background-size:48px 48px}.noise:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/></filter><rect width='100%' height='100%' filter='url(%23n)' opacity='0.35'/></svg>");opacity:.06;pointer-events:none;mix-blend-mode:overlay}.bottle-stage{position:relative}.bottle-stage:after{content:"";position:absolute;left:50%;bottom:0;width:70%;height:22px;transform:translateX(-50%);background:radial-gradient(ellipse at center,rgba(16,35,79,.45),transparent 70%);filter:blur(6px);animation:bob-shadow 6s ease-in-out infinite}@keyframes float-y{0%,100%{transform:translate3d(0,0,0) rotate(0)}50%{transform:translate3d(0,-18px,0) rotate(-1deg)}}@keyframes float-alt{0%,100%{transform:translate3d(0,0,0) rotate(0)}50%{transform:translate3d(0,-24px,0) rotate(1.2deg)}}@keyframes float-3d{0%,100%{transform:translate3d(0,0,0) rotateX(0) rotateY(-8deg)}50%{transform:translate3d(0,-20px,20px) rotateX(4deg) rotateY(6deg)}}@keyframes spin-slow{to{transform:rotate(360deg)}}@keyframes shimmer{0%{transform:translateX(-120%) skewX(-20deg)}100%{transform:translateX(900%) skewX(-20deg)}}@keyframes ripple{0%{transform:scale(.4);opacity:.6}100%{transform:scale(2.6);opacity:0}}@keyframes pulse-glow{0%,100%{opacity:.35;transform:scale(1)}50%{opacity:.7;transform:scale(1.15)}}@keyframes fade-up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes bob-shadow{0%,100%{transform:translateX(-50%) scaleX(1);opacity:.4}50%{transform:translateX(-50%) scaleX(.7);opacity:.25}}.animate-float{animation:float-y 6s ease-in-out infinite}.animate-float-alt{animation:float-alt 7s ease-in-out infinite}.animate-float-3d{animation:float-3d 8s ease-in-out infinite;transform-style:preserve-3d}.animate-spin-slow{animation:spin-slow 24s linear infinite}.animate-pulse-glow{animation:pulse-glow 4s ease-in-out infinite}.animate-fade-up{animation:fade-up .8s ease-out both}.animate-ripple{animation:ripple 3s ease-out infinite}.animate-marquee{animation:marquee 30s linear infinite}.shimmer-strip{background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);animation:shimmer 3.5s linear infinite}.story-underline{position:relative;color:rgba(16,35,79,.85)}.story-underline:after{content:"";position:absolute;left:0;bottom:-4px;height:2px;width:100%;background:linear-gradient(90deg,var(--aqua),var(--gold));transform:scaleX(0);transform-origin:right;transition:transform .35s}.story-underline:hover:after,.story-underline.active:after{transform:scaleX(1);transform-origin:left}.btn-shine{position:relative;overflow:hidden;isolation:isolate}.btn-shine:before{content:"";position:absolute;inset:0 -50%;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.55) 50%,transparent 70%);transform:translateX(-100%);transition:transform .8s}.btn-shine:hover:before{transform:translateX(100%)}@media(max-width:767px){body{padding-bottom:60px}}

/* Premium Zolvic Hero Redesign */
body{font-family:'Montserrat',Arial,sans-serif;font-feature-settings:'ss01' 1,'cv01' 1;text-rendering:geometricPrecision;letter-spacing:-0.015em} h1,h2,h3,h4,.font-display{font-family:'Montserrat',Arial,sans-serif;letter-spacing:-0.055em} h1,h2{font-weight:800} h3,h4{font-weight:700} p{letter-spacing:-0.01em} .story-underline,.hero-primary-btn,.hero-secondary-btn{letter-spacing:.14em}.zolvic-hero{font-family:'Montserrat',Arial,sans-serif}.hero-luxury-grid{background:radial-gradient(circle at 18% 18%,rgba(26,167,217,.18),transparent 30%),radial-gradient(circle at 82% 20%,rgba(142,232,220,.2),transparent 28%),linear-gradient(120deg,rgba(255,255,255,.95),rgba(232,248,255,.78));}.hero-luxury-grid:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(16,35,79,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(16,35,79,.045) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(circle at 50% 45%,#000 0%,transparent 74%)}.hero-word-gradient{background:linear-gradient(105deg,#10234f 0%,#1aa7d9 48%,#8ee8dc 76%,#d4a54a 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-primary-btn{position:relative;overflow:hidden;background:linear-gradient(135deg,#10234f 0%,#155e9b 55%,#1aa7d9 100%);box-shadow:0 22px 48px -20px rgba(16,35,79,.7);transition:transform .28s ease,box-shadow .28s ease}.hero-primary-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 0%,rgba(255,255,255,.34) 42%,transparent 68%);transform:translateX(-130%);transition:transform .8s ease}.hero-primary-btn:hover{transform:translateY(-3px);box-shadow:0 30px 60px -22px rgba(16,35,79,.8)}.hero-primary-btn:hover:before{transform:translateX(130%)}.hero-secondary-btn{box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 18px 50px -34px rgba(16,35,79,.5);transition:transform .28s ease,background .28s ease}.hero-secondary-btn:hover{transform:translateY(-3px);background:#fff}.hero-mini-card{box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 24px 60px -42px rgba(16,35,79,.65);transition:transform .28s ease}.hero-mini-card:hover{transform:translateY(-4px)}.hero-bottle{filter:drop-shadow(0 55px 38px rgba(16,35,79,.28)) drop-shadow(0 18px 22px rgba(26,167,217,.20));transform-origin:center bottom}.hero-bottle-large{animation:heroBottleLarge 7s ease-in-out infinite}.hero-bottle-medium{animation:heroBottleMedium 6.5s ease-in-out infinite}.hero-bottle-small{animation:heroBottleSmall 7.5s ease-in-out infinite}.product-orbit{animation:productOrbit 6s ease-in-out infinite}.product-orbit-alt{animation:productOrbitAlt 7s ease-in-out infinite}@keyframes heroBottleLarge{0%,100%{transform:translateX(-50%) translateY(0) rotate(-1deg)}50%{transform:translateX(-50%) translateY(-16px) rotate(1deg)}}@keyframes heroBottleMedium{0%,100%{transform:translateY(0) rotate(3deg)}50%{transform:translateY(-18px) rotate(1deg)}}@keyframes heroBottleSmall{0%,100%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-14px) rotate(-2deg)}}@keyframes productOrbit{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes productOrbitAlt{0%,100%{transform:translateY(0)}50%{transform:translateY(12px)}}@media(max-width:767px){.zolvic-hero h1{font-size:3.15rem}.zolvic-hero .hero-bottle-large{height:370px}.zolvic-hero .hero-bottle-medium{height:290px}.zolvic-hero .hero-bottle-small{height:215px}}

/* Montserrat clean typography update */
.font-display{font-family:'Montserrat',Arial,sans-serif!important}.zolvic-hero h1{letter-spacing:-0.065em}.zolvic-hero p{font-weight:400}.zolvic-hero .hero-mini-card .font-display{font-weight:800}.logo-mark{border-radius:50%;clip-path:none;background:linear-gradient(180deg,#21b8ef,#0f6db6)}.logo-mark:before{content:'';position:absolute;left:50%;top:18%;width:44%;height:60%;transform:translateX(-50%);background:white;clip-path:path('M 50 0 C 22 30 8 52 8 72 C 8 88 22 100 50 100 C 78 100 92 88 92 72 C 92 52 78 30 50 0 Z');opacity:.92}.logo-mark:after{display:none}
.brand-logo{max-width:172px;filter:drop-shadow(0 8px 18px rgba(16,35,79,.10))}.hero-bottle{filter:drop-shadow(0 34px 28px rgba(16,35,79,.35)) drop-shadow(0 12px 22px rgba(26,167,217,.25))}.hero-word-gradient{background:linear-gradient(135deg,#1aa7d9 0%,#155e9b 42%,#d4a54a 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-luxury-grid{background-image:linear-gradient(rgba(16,35,79,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(16,35,79,.045) 1px,transparent 1px);background-size:64px 64px}.hero-primary-btn{background:linear-gradient(135deg,#10234f,#1aa7d9);box-shadow:0 24px 65px -24px rgba(26,167,217,.75);transition:.35s}.hero-primary-btn:hover{transform:translateY(-2px);box-shadow:0 34px 75px -26px rgba(26,167,217,.85)}.hero-secondary-btn{transition:.35s}.hero-secondary-btn:hover{transform:translateY(-2px);border-color:rgba(26,167,217,.55);box-shadow:0 24px 55px -32px rgba(16,35,79,.55)}.hero-mini-card{box-shadow:0 18px 45px -30px rgba(16,35,79,.45)}.product-orbit{animation:float-y 7s ease-in-out infinite}.product-orbit-alt{animation:float-alt 8s ease-in-out infinite}@media(max-width:640px){.brand-logo{max-width:138px}.zolvic-hero h1{font-size:3.25rem}}


/* Final slim elegant typography and fixed product visuals */
body{font-family:'Montserrat',Arial,sans-serif!important;font-weight:400;letter-spacing:-0.018em;text-rendering:geometricPrecision}
h1,h2,h3,h4,.font-display{font-family:'Montserrat',Arial,sans-serif!important;font-weight:600!important;letter-spacing:-0.045em!important}
h1{font-weight:600!important}.zolvic-hero h1{font-weight:600!important;letter-spacing:-0.06em!important}.zolvic-hero p,p{font-weight:400;line-height:1.75}.story-underline,.hero-primary-btn,.hero-secondary-btn{font-weight:600!important;letter-spacing:.12em!important}.hero-mini-card .font-display{font-weight:600!important}.brand-logo{max-width:185px;height:58px;object-fit:contain}.hero-pack{display:block!important;opacity:1!important;visibility:visible!important;filter:drop-shadow(0 40px 28px rgba(16,35,79,.25)) drop-shadow(0 16px 18px rgba(26,167,217,.16));animation:float-y 7s ease-in-out infinite}.product-pack-img{display:block!important;opacity:1!important;visibility:visible!important;filter:drop-shadow(0 32px 24px rgba(16,35,79,.20))}.hero-luxury-grid{background:radial-gradient(circle at 20% 20%,rgba(26,167,217,.14),transparent 32%),radial-gradient(circle at 82% 18%,rgba(212,165,74,.08),transparent 30%),linear-gradient(135deg,#ffffff 0%,#f6fbff 50%,#eef9ff 100%)}
@media(max-width:640px){.brand-logo{max-width:150px;height:48px}.zolvic-hero h1{font-size:3.05rem!important}.hero-pack{width:112%!important}}


/* July 2026 hero refinement: simple slim elegant font and center bottles */
body{font-family:'Outfit',Arial,sans-serif!important;font-weight:400;letter-spacing:-0.012em;text-rendering:optimizeLegibility}
h1,h2,h3,h4,h5,h6,.font-display{font-family:'Outfit',Arial,sans-serif!important;font-style:normal!important;font-weight:600!important;letter-spacing:-0.04em!important}
p,span,a,button,input,textarea,li{font-style:normal!important}
em,i{font-style:normal!important}
.story-underline,.hero-primary-btn,.hero-secondary-btn{letter-spacing:.10em!important;font-weight:500!important}
header nav a,.topbar, .font-semibold{font-style:normal!important}
.zolvic-hero h1{font-size:clamp(3rem,6vw,5.5rem)!important;line-height:.95!important}
.zolvic-hero h2{font-size:clamp(2rem,3vw,3rem)!important;line-height:1.06!important}
.hero-luxury-grid{background:radial-gradient(circle at 18% 18%,rgba(26,167,217,.12),transparent 30%),radial-gradient(circle at 82% 18%,rgba(212,165,74,.08),transparent 26%),linear-gradient(135deg,#ffffff 0%,#f7fbff 48%,#eef7ff 100%)!important}
.hero-primary-btn{background:linear-gradient(135deg,#10234f,#1a6db1)!important;box-shadow:0 22px 50px -26px rgba(16,35,79,.65)!important}
.hero-secondary-btn{background:rgba(255,255,255,.84)!important}
.hero-primary-btn:hover,.hero-secondary-btn:hover{transform:translateY(-2px)}
.hero-mini-card,.shadow-card{box-shadow:0 18px 48px -34px rgba(16,35,79,.35)!important}
.hero-single-bottle{display:block;opacity:1;visibility:visible;filter:drop-shadow(0 32px 26px rgba(16,35,79,.24));animation:float-y 7s ease-in-out infinite}
.hero-bottle-505{animation-delay:.2s}
.hero-bottle-1500{animation-delay:.8s}
.hero-bottle-wrap .shadow-card{border-radius:999px}
.brand-logo{max-width:178px!important;height:58px!important;object-fit:contain}
.text-gradient-aqua,.hero-word-gradient{background:linear-gradient(135deg,#165d98 0%,#1aa7d9 70%,#d4a54a 100%)!important;-webkit-background-clip:text;background-clip:text;color:transparent}
@media (max-width: 1023px){
  .zolvic-hero .grid{grid-template-columns:1fr!important}
}
@media (max-width: 767px){
  .zolvic-hero{padding-top:0}
  .zolvic-hero .hero-single-bottle.hero-bottle-505{height:250px!important}
  .zolvic-hero .hero-single-bottle.hero-bottle-1500{height:315px!important}
}
