/* VitaGen V38 — benefit-focused, premium offer communication.
   Only loaded on landing page and NovoDailies detail page. */

html body .hero-persona .hero-value-card{
  display:grid;
  grid-template-columns:minmax(128px,.37fr) minmax(0,1fr);
  align-items:center;
  gap:clamp(16px,2vw,25px);
  margin-top:clamp(19px,2.4vw,29px);
  padding:clamp(16px,2vw,23px) clamp(17px,2.2vw,27px);
  background:rgba(255,255,255,.84);
  border:1px solid rgba(152,117,76,.27);
  border-radius:22px;
  box-shadow:0 17px 42px rgba(19,64,71,.065), inset 0 1px 0 rgba(255,255,255,.92);
  color:#123e49;
  text-align:left;
}
html body .hero-persona .hero-value-price{
  display:flex;
  flex-direction:column;
  gap:3px;
  padding-right:clamp(12px,1.6vw,22px);
  border-right:1px solid rgba(140,106,68,.25);
  white-space:nowrap;
}
html body .hero-persona .hero-value-price strong{
  display:block;
  font-family:'Urbanist',sans-serif;
  font-size:clamp(32px,3.5vw,47px);
  font-weight:400;
  line-height:1;
  letter-spacing:-.025em;
  color:#18454e;
}
html body .hero-persona .hero-value-price span{font-size:13px;font-weight:500;color:#82633f;letter-spacing:.01em;}
html body .hero-persona .hero-value-content strong{
  display:block;
  color:#153f48;
  font-size:clamp(14px,1.15vw,16px);
  line-height:1.42;
  font-weight:700;
  letter-spacing:0;
}
html body .hero-persona .hero-value-content span{
  display:block;
  margin-top:7px;
  color:#5d777b;
  font-size:clamp(12px,.94vw,14px);
  line-height:1.5;
}
html body .hero-persona .hero-service-points{
  display:grid;
  gap:9px;
  list-style:none;
  padding:0;
  margin:clamp(17px,2vw,23px) 0 0;
  color:#2a515b;
}
html body .hero-persona .hero-service-points li{
  display:flex;
  gap:10px;
  align-items:flex-start;
  text-align:left;
  font-size:clamp(13px,1.05vw,15px);
  line-height:1.55;
  color:#44656b;
}
html body .hero-persona .hero-service-points strong{color:#234e55;font-weight:650;}
html body .hero-persona .hero-service-check{
  display:inline-grid;
  place-items:center;
  flex:0 0 20px;
  height:20px;
  margin-top:1px;
  border:1px solid rgba(145,109,71,.28);
  border-radius:50%;
  background:rgba(247,242,230,.95);
}
html body .hero-persona .hero-service-check::after{
  content:'';
  width:7px;height:4px;
  border-left:1.7px solid #8b6a42;
  border-bottom:1.7px solid #8b6a42;
  transform:rotate(-45deg) translateY(-1px);
}
/* Compact hero: preserve the product photo instead of pushing it off screen. */
html body .hero-persona .hero-persona-copy .hero-subline,
html body .hero-persona .hero-persona-copy .detail-intro{line-height:1.62!important;}
html body .hero-persona .hero-persona-actions,
html body.novodailies-only .detail-hero.hero-persona .detail-hero-actions{margin-top:clamp(18px,2.3vw,27px)!important;}
html body .hero-persona .hero-persona-phone,
html body .hero-persona .detail-hero-phone{margin-top:14px!important;}
/* Small product-focused service summary after the home hero. */
.membership-snapshot{
  background:linear-gradient(180deg,#eff6f5 0%,#f6faf9 100%);
  border-top:1px solid rgba(34,85,91,.09);
  border-bottom:1px solid rgba(34,85,91,.09);
  padding:clamp(34px,4vw,53px) 0;
}
.membership-snapshot-inner{
  display:grid;
  grid-template-columns:clamp(170px,18vw,245px) minmax(0,1fr);
  gap:clamp(24px,3vw,46px);
  align-items:start;
}
.membership-snapshot h2{
  font-family:'Urbanist',sans-serif;
  font-size:clamp(25px,2.2vw,34px);
  line-height:1.16;
  font-weight:350;
  letter-spacing:-.012em;
  color:#17454e;
  margin:0;
}
.membership-snapshot-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(17px,2vw,28px);}
.membership-snapshot-item{padding-top:11px;border-top:1px solid rgba(154,117,75,.46);}
.membership-snapshot-item .snapshot-number{display:block;color:#967249;font-size:11px;font-weight:700;letter-spacing:.10em;margin-bottom:11px;}
.membership-snapshot-item h3{
  margin:0 0 8px;
  font-family:'Urbanist',sans-serif;
  font-weight:500;
  line-height:1.27;
  letter-spacing:-.012em;
  color:#17454e;
  font-size:clamp(18px,1.45vw,21px);
}
.membership-snapshot-item p{margin:0;color:#61797e;font-size:14px;line-height:1.65;}
@media(max-width:1050px){
  .membership-snapshot-inner{grid-template-columns:1fr;gap:22px;}
  .membership-snapshot h2{max-width:490px;}
}
@media(max-width:700px){
  html body .hero-persona .hero-value-card{
    grid-template-columns:103px minmax(0,1fr);
    gap:12px;
    border-radius:18px;
    margin-top:19px;
    padding:16px 14px;
  }
  html body .hero-persona .hero-value-price{padding-right:12px;}
  html body .hero-persona .hero-value-price strong{font-size:32px;}
  html body .hero-persona .hero-value-price span{font-size:12px;}
  html body .hero-persona .hero-value-content strong{font-size:13.3px;line-height:1.34;}
  html body .hero-persona .hero-value-content span{font-size:12px;line-height:1.42;margin-top:5px;}
  html body .hero-persona .hero-service-points{margin-top:17px;gap:8px;}
  html body .hero-persona .hero-service-points li{font-size:13px;line-height:1.45;}
  .membership-snapshot{padding:35px 0;}
  .membership-snapshot-grid{grid-template-columns:1fr;gap:18px;}
  .membership-snapshot-item{padding-top:9px;}
}
@media(max-width:359px){
  html body .hero-persona .hero-value-card{grid-template-columns:96px minmax(0,1fr);padding:14px 12px;}
  html body .hero-persona .hero-value-price strong{font-size:29px;}
  html body .hero-persona .hero-value-content strong{font-size:12.6px;}
}