@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800;900&display=swap');
:root{--bg:#08131a;--surface:#10202a;--lime:#b9fa43;--aqua:#75e6ee;--text:#f6f9fa;--muted:#d2dfe3;--gold:#eafba4}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 8% 0,rgba(113,235,157,.12),transparent 24%),linear-gradient(180deg,#061015,#101f28 48%,#071016);color:var(--text);font-family:Montserrat,Arial,sans-serif;line-height:1.65}a{color:inherit}img{max-width:100%;display:block}
header{position:relative;z-index:5;background:rgba(5,16,23,.9);border-bottom:1px solid rgba(255,255,255,.1)}.header-inner{max-width:1270px;margin:auto;min-height:90px;padding:18px 28px;display:flex;align-items:center;justify-content:space-between;gap:22px}.wordmark{font-weight:900;font-size:clamp(24px,2.6vw,38px);font-style:italic;text-decoration:none;letter-spacing:-1.5px}.wordmark span{color:var(--lime)}nav{display:flex;gap:8px;align-items:center;flex-wrap:wrap}nav a{text-decoration:none;font-weight:800;font-size:13px;padding:9px 13px;border-radius:20px;border:1px solid rgba(255,255,255,.15)}nav a.active,nav a:hover{color:#09130d;background:var(--lime)}main{min-height:60vh}section{max-width:1280px;margin:0 auto;padding:44px 26px}.page-hero{text-align:center;padding-top:70px;padding-bottom:35px}.page-hero h1,.section-title{font-size:clamp(30px,4vw,51px);line-height:1.12;margin:0 0 16px;font-weight:900}.page-hero p{font-size:18px;color:var(--muted);max-width:790px;margin:auto}.section-title{text-align:center;margin:0 0 30px}.products{display:flex;flex-direction:column;gap:28px}.products .card{display:grid;grid-template-columns:minmax(290px,37%) minmax(0,1fr);align-items:stretch;overflow:hidden;max-width:100%;border:1px solid rgba(255,255,255,.13);border-radius:28px;background:linear-gradient(140deg,rgba(23,41,49,.98),rgba(9,19,26,.98));box-shadow:0 18px 48px rgba(0,0,0,.26)}.products .card>img{width:100%;height:100%;min-height:100%;object-fit:cover;object-position:center;background:#0b1214}.products .card .drink-content,.products .card .card-content{padding:34px 38px;min-width:0;display:block;overflow:visible;align-self:center}.products h3{font-size:clamp(25px,2.7vw,36px);line-height:1.2;margin:0 0 14px;overflow-wrap:anywhere}.products p.product-summary{color:var(--muted);font-size:16px;line-height:1.7;margin:0 0 18px}.products .vitamin-title{font-size:18px;font-weight:900;margin:20px 0 11px;color:var(--aqua)}.products .vitamin-list{margin:0;padding-left:20px;list-style:disc}.products .vitamin-list li{font-size:15px;line-height:1.7;margin-bottom:9px;overflow-wrap:break-word}.products strong{color:#eaffc2}.products .product-facts{font-size:14px;line-height:1.6;color:#d7e4e6;padding:12px 15px;border:1px solid rgba(184,250,67,.25);border-radius:14px;margin-top:18px;background:rgba(184,250,67,.055)}.coming-soon-section{padding-top:10px;padding-bottom:20px}.coming-soon-card{text-align:center;padding:25px;border:1px solid rgba(184,250,67,.2);border-radius:24px;background:rgba(255,255,255,.035)}.coming-soon-card h2{margin:0 0 8px;font-size:26px}.coming-soon-card p{margin:0;color:var(--muted)}.diagram-card,.about,.contact,.contact-form-wrap,.promo-card,.about-card,.home-link-card{border:1px solid rgba(255,255,255,.13);border-radius:25px;background:rgba(255,255,255,.035);padding:28px}.diagram-grid,.promo-grid,.home-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px}.diagram-item{padding:20px;border-radius:20px;background:rgba(255,255,255,.04)}.diagram-icon{color:var(--lime);font-weight:900;font-size:25px}.diagram-item h3{margin:5px 0}.diagram-item p{color:var(--muted);font-size:15px}.diagram-flow{display:none}.promo-card img{width:100%;height:420px;object-fit:cover;border-radius:16px}.promo-content h3{font-size:22px}.promo-content p{color:var(--muted)}.page-hero,.promo-section,.about-section{max-width:1280px}.contact-form-wrap{max-width:880px;margin:30px auto 80px}.contact-form{display:grid;gap:18px}.contact-form label{font-weight:700;display:block}.contact-form input,.contact-form textarea,.contact-form select{width:100%;padding:13px 16px;border:1px solid #53616b;border-radius:12px;background:#0d1d25;color:white;font:inherit}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-button,.btn{border:0;border-radius:22px;padding:14px 22px;background:var(--lime);color:#0a1714;font-weight:900;font:inherit;cursor:pointer}.form-note{color:var(--muted)}.hero-new,.section-alt{max-width:none}.layout{max-width:1230px;margin:auto}.hero-layout{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}.hero-layout img{width:100%;max-height:650px;object-fit:cover;border-radius:26px}.hero-text h1{font-size:clamp(35px,5vw,65px);line-height:1.05}.hero-text p{color:var(--muted)}.eyebrow{color:var(--lime);font-weight:900}.home-link-card{text-decoration:none}.home-link-card h2{margin:0 0 6px}.home-link-card p{color:var(--muted)}footer{text-align:center;padding:32px 16px;color:#a9b9c3;border-top:1px solid rgba(255,255,255,.1)}
@media(max-width:900px){.header-inner{flex-direction:column;gap:13px}.hero-layout{grid-template-columns:1fr}.products .card{grid-template-columns:1fr}.products .card>img{width:100%;height:auto;min-height:0;max-height:620px;object-fit:contain;background:#081117}.products .card .drink-content,.products .card .card-content{padding:25px 24px}.form-row{grid-template-columns:1fr}}
@media(max-width:600px){nav{justify-content:center}nav a{font-size:12px;padding:8px 10px}section{padding:29px 14px}.products .card .drink-content,.products .card .card-content{padding:23px 20px}.products .vitamin-list li{font-size:14px;line-height:1.65}.products p.product-summary{font-size:15px}.promo-card img{height:auto}}


/* Responsive visual layout — fixes mobile overlapping buttons and clipped text */
html,body{width:100%;max-width:100%;overflow-x:clip}
header,main,section,.layout,.hero-layout,.hero-text,.hero-art,.hero-actions,.hero-actions a{min-width:0}
.layout{width:100%;max-width:1230px;margin-inline:auto}
.hero-new{padding-top:52px;padding-bottom:60px}
.hero-layout{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:clamp(22px,4vw,52px)}
.hero-text h1{margin:20px 0 22px;overflow-wrap:break-word;font-weight:900;letter-spacing:-.025em}
.hero-text p{font-size:clamp(17px,1.55vw,21px);line-height:1.65;margin:0 0 28px;overflow-wrap:break-word}
.hero-actions{display:flex;gap:14px;align-items:stretch;flex-wrap:wrap;max-width:100%}
.hero-actions .btn,.btn{display:inline-flex;align-items:center;justify-content:center;max-width:100%;min-height:52px;padding:13px 22px;border-radius:999px;text-decoration:none;text-align:center;font-family:inherit;font-size:15px;font-weight:800;line-height:1.35;letter-spacing:0;white-space:normal;overflow-wrap:break-word;box-sizing:border-box}
.btn-primary{background:var(--lime);color:#0a1714;border:1px solid transparent}
.btn-secondary{background:transparent;color:var(--text);border:1px solid rgba(255,255,255,.28)}
.hero-art{min-width:0;position:relative}
.hero-art img{width:100%;max-width:100%;max-height:670px;height:auto;object-fit:contain}
.art-label{font-size:14px;line-height:1.4;padding:10px 0;color:var(--muted)}
.section-head{text-align:center;max-width:850px;margin:0 auto 26px}
.section-head h2{font-size:clamp(28px,3.4vw,44px);line-height:1.2;margin:8px 0 14px}
.section-head p{font-size:17px;color:var(--muted);line-height:1.6}
.tile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.tile,.panel,.product-home,.ending{min-width:0;border:1px solid rgba(255,255,255,.13);border-radius:24px;background:rgba(255,255,255,.045);padding:26px;overflow-wrap:break-word}
.tile h3,.panel h3{line-height:1.25;font-size:22px}
.tile p,.panel p{color:var(--muted);line-height:1.65}
.tile-icon{font-weight:900;color:var(--lime);letter-spacing:.1em}
.products-home{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.product-home{padding:0;overflow:hidden}
.product-home>img{width:100%;height:440px;object-fit:cover;background:#071016}
.product-home .inner{padding:23px}
.product-home .pill{display:inline-block;max-width:100%;white-space:normal;overflow-wrap:anywhere;font-size:12px;line-height:1.5;font-weight:800;color:var(--lime)}
.product-home h3{font-size:25px;line-height:1.25;margin:12px 0}
.product-home p{color:var(--muted);line-height:1.6}
.media-grid,.split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.media-video{display:block;width:100%;height:auto;max-width:100%;border-radius:15px}
.audio-area audio{width:100%;max-width:100%}
.ending{text-align:center}
.ending h2{font-size:clamp(29px,4vw,44px);margin:0 0 15px}
.ending p{max-width:800px;margin:0 auto 20px;color:var(--muted)}
footer{display:flex;justify-content:center;flex-wrap:wrap;gap:10px 30px}
@media(max-width:900px){.hero-layout{grid-template-columns:minmax(0,1fr)}.tile-grid{grid-template-columns:1fr}.media-grid,.split{grid-template-columns:1fr}}
@media(max-width:600px){
 body{font-size:15px;line-height:1.6}
 .header-inner{padding:18px 12px;gap:16px;min-height:0}
 .wordmark{font-size:31px;line-height:1.2;letter-spacing:-1.3px}
 nav{width:100%;display:flex;justify-content:center;gap:8px}
 nav a{font-size:13px;padding:10px 12px;line-height:1.25;max-width:100%;white-space:nowrap}
 section{padding:38px 18px}
 .hero-new{padding:32px 18px 48px}
 .hero-text h1{font-size:clamp(36px,9vw,48px);line-height:1.1;margin:20px 0 22px}
 .hero-text p{font-size:16px;line-height:1.65;margin-bottom:24px}
 .eyebrow{font-size:13px;line-height:1.5}
 .hero-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;width:100%}
 .hero-actions .btn{width:100%;min-height:52px;padding:14px 18px;font-size:14px;text-decoration:none;white-space:normal;line-height:1.4}
 .hero-art img{max-height:none;width:100%;height:auto;object-fit:contain}
 .section-head h2{font-size:clamp(26px,8vw,36px)}
 .section-head p{font-size:15px}
 .products-home{grid-template-columns:minmax(0,1fr)}
 .product-home>img{height:auto;max-height:none;aspect-ratio:4/3;object-fit:cover}
 .tile,.panel,.ending{padding:22px 18px}
 .media-grid,.split{grid-template-columns:minmax(0,1fr)}
 .page-hero{padding-top:42px}
 .products .card{min-width:0}
 .products .card>img{height:auto;max-height:none;object-fit:contain}
 footer{padding:24px 14px;font-size:13px;overflow-wrap:anywhere}
}


/* DragoVit: complete, uncropped bottle images in identical visual frames */
.products-home{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px;
  align-items:stretch;
}
.products-home > .product-home{
  display:flex;
  flex-direction:column;
  min-width:0;
  min-height:0;
  height:100%;
  overflow:hidden;
  border-radius:26px;
}
.product-media{
  position:relative;
  isolation:isolate;
  display:flex;
  flex:0 0 auto;
  justify-content:center;
  align-items:center;
  width:100%;
  height:390px;
  min-height:0;
  padding:16px;
  overflow:hidden;
  background:#071418;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.product-media::before{
  content:"";
  position:absolute;
  z-index:-2;
  inset:-35px;
  background-image:var(--product-art);
  background-position:center;
  background-size:cover;
  filter:blur(28px) brightness(.38) saturate(.95);
  transform:scale(1.06);
  pointer-events:none;
}
.product-media::after{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  background:linear-gradient(180deg,rgba(4,11,16,.16),rgba(5,12,16,.08) 40%,rgba(5,12,16,.3));
  pointer-events:none;
}
/* Override old object-fit: cover rule. Original full photo always remains visible. */
.products-home .product-home > .product-media img,
.products .card > .product-media img{
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  max-height:100% !important;
  min-height:0 !important;
  object-fit:contain !important;
  object-position:center center !important;
  border-radius:10px;
  background:transparent !important;
  display:block;
}
.product-home .inner{
  width:100%;
  min-width:0;
  flex:1 1 auto;
  padding:24px 26px 28px;
  overflow:visible;
}
.product-home h3{
  font-size:clamp(22px,2vw,27px);
  line-height:1.25;
  overflow-wrap:break-word;
}
.product-home .pill{
  font-size:12px;
  line-height:1.5;
  white-space:normal;
  overflow-wrap:break-word;
}
.product-home p{
  font-size:15px;
  line-height:1.7;
  overflow-wrap:break-word;
}
/* Identical detail-card dimensions and consistent media columns */
.products{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  grid-auto-rows:1fr;
  gap:28px;
  max-width:1280px;
  width:100%;
}
.products > .card{
  display:grid;
  grid-template-columns:minmax(300px,39%) minmax(0,1fr);
  min-width:0;
  min-height:630px;
  height:100%;
  align-items:stretch;
  overflow:hidden;
}
.products > .card > .product-media{
  height:100%;
  min-height:630px;
  align-self:stretch;
  padding:20px;
  border-bottom:0;
  border-right:1px solid rgba(255,255,255,.08);
}
.products > .card > .card-content,
.products > .card > .drink-content{
  min-width:0;
  width:100%;
  align-self:center;
  padding:38px 40px;
  overflow:visible;
}
.products > .card h3{
  font-size:clamp(25px,2.7vw,35px);
  line-height:1.25;
  overflow-wrap:break-word;
}
.products > .card li{
  overflow-wrap:break-word;
}
@media(max-width:900px){
  .products-home{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
  .product-media{height:330px;padding:13px}
  .products{grid-auto-rows:auto}
  .products > .card{grid-template-columns:minmax(0,1fr);min-height:0;height:auto}
  .products > .card > .product-media{
    height:clamp(310px,66vw,460px);
    min-height:0;
    padding:15px;
    border-right:0;
    border-bottom:1px solid rgba(255,255,255,.08);
  }
  .products > .card > .card-content,
  .products > .card > .drink-content{padding:26px 26px 30px}
}
@media(max-width:650px){
  .products-home{grid-template-columns:minmax(0,1fr);gap:20px}
  .products-home > .product-home{border-radius:22px}
  .products-home .product-home > .product-media{height:clamp(280px,85vw,410px);padding:12px}
  .product-home .inner{padding:22px 20px 25px}
  .products > .card > .product-media{height:clamp(300px,88vw,430px);padding:12px}
  .products > .card > .card-content,
  .products > .card > .drink-content{padding:25px 20px 27px}
}


/* Unified photo presentation for four DragoVit drinks, desktop and phone.
   1440x900 visual assets contain the entire source photograph (no bottle clipping). */
.products-home,
.products{
 display:grid !important;
 grid-template-columns:repeat(2,minmax(0,1fr)) !important;
 gap:24px !important;
 align-items:stretch !important;
 grid-auto-rows:1fr !important;
 max-width:1280px;
 margin-inline:auto;
}
.products-home > .product-home,
.products > .card{
 display:flex !important;
 flex-direction:column !important;
 align-self:stretch !important;
 min-width:0 !important;
 min-height:0 !important;
 height:100% !important;
 overflow:hidden !important;
 border-radius:26px !important;
}
.products-home .product-home > .product-media,
.products > .card > .product-media{
 position:relative !important;
 width:100% !important;
 height:auto !important;
 min-height:0 !important;
 max-height:none !important;
 aspect-ratio:8/5 !important;
 padding:0 !important;
 display:block !important;
 flex:0 0 auto !important;
 background:#071116 !important;
 border:0 !important;
 border-bottom:1px solid rgba(255,255,255,.1) !important;
 overflow:hidden !important;
}
.products-home .product-home > .product-media::before,
.products-home .product-home > .product-media::after,
.products > .card > .product-media::before,
.products > .card > .product-media::after{
 display:none !important;
 content:none !important;
}
.products-home .product-home > .product-media img,
.products > .card > .product-media img{
 position:absolute !important;
 inset:0 !important;
 display:block !important;
 width:100% !important;
 height:100% !important;
 min-height:0 !important;
 max-height:none !important;
 max-width:none !important;
 object-fit:cover !important;
 object-position:center !important;
 border-radius:0 !important;
}
.products-home .product-home > .inner,
.products > .card > .card-content,
.products > .card > .drink-content{
 flex:1 1 auto !important;
 width:100% !important;
 min-width:0 !important;
 max-width:none !important;
 align-self:stretch !important;
 display:block !important;
 padding:26px 28px 30px !important;
 overflow:visible !important;
}
.products-home .product-home h3,
.products > .card h3{
 margin:0 0 12px !important;
 font-size:clamp(23px,2vw,29px) !important;
 line-height:1.2 !important;
 overflow-wrap:break-word !important;
 word-break:normal !important;
}
.products-home .product-home p,
.products > .card .product-summary{
 font-size:15px !important;
 line-height:1.6 !important;
 overflow-wrap:break-word !important;
}
.products > .card .vitamin-title{
 font-size:17px !important;
 line-height:1.4 !important;
 margin:20px 0 10px !important;
}
.products > .card .vitamin-list li{
 font-size:14px !important;
 line-height:1.65 !important;
 margin-bottom:9px !important;
}
.products > .card .product-facts{
 font-size:13px !important;
 line-height:1.55 !important;
 margin-top:18px !important;
}
@media(max-width:850px){
 .products-home,.products{grid-template-columns:minmax(0,1fr) !important;grid-auto-rows:auto !important;gap:22px !important;}
 .products-home .product-home > .inner,
 .products > .card > .card-content,
 .products > .card > .drink-content{padding:22px 20px 25px !important;}
 .products-home .product-home h3,
 .products > .card h3{font-size:clamp(23px,6vw,29px) !important;}
 .products > .card .vitamin-list li{font-size:14px !important;line-height:1.62 !important;}
}
@media(max-width:450px){
 .products-home,.products{gap:20px !important;}
 .products-home .product-home > .product-media,
 .products > .card > .product-media{aspect-ratio:8/5 !important;}
 .products > .card .product-summary{font-size:14.5px !important;}
 .products-home .product-home > .inner,
 .products > .card > .card-content,
 .products > .card > .drink-content{padding:21px 18px 23px !important;}
}