:root{
  --v42-hero-shell:#eef5f4;
  --v42-hero-copy:#123e49;
  --v42-hero-muted:#4c6970;
}

html body.page-v40-home .hero.hero-persona,
html body.page-v40-supplements .hero-persona--detail.detail-hero{
  background:linear-gradient(90deg,#f7fbfa 0%,#eff6f5 42%,#ebf2f1 100%) !important;
}
html body.page-v40-home .hero.hero-persona::before,
html body.page-v40-supplements .hero-persona--detail.detail-hero::before{
  background:
    radial-gradient(circle at 16% 24%, rgba(255,255,255,.92), rgba(255,255,255,.26) 32%, transparent 58%),
    linear-gradient(90deg, rgba(247,251,250,1) 0%, rgba(247,251,250,.98) 20%, rgba(247,251,250,.92) 36%, rgba(247,251,250,.45) 52%, rgba(247,251,250,0) 66%) !important;
}
/* main hero area */
@media (min-width: 1051px){
  html body .hero-persona .hero-persona-inner,
  html body .hero-persona--detail .hero-persona-inner{
    grid-template-columns:minmax(0,.9fr) minmax(580px,1.1fr) !important;
    gap: clamp(28px,3vw,54px) !important;
    align-items:center !important;
  }
  html body .hero-persona .hero-persona-copy,
  html body .hero-persona--detail .hero-persona-copy{
    max-width: 620px !important;
    position:relative;
    z-index:2;
  }
  html body .hero-persona .hero-persona-copy h1,
  html body.novodailies-only .detail-hero.hero-persona .detail-copy h1{
    max-width: 620px !important;
  }
  html body .hero-persona .hero-persona-visual{
    min-height: 610px !important;
  }
  html body .hero-persona .hero-product-stage{
    width: min(100%, 760px) !important;
    min-height: 610px !important;
    margin:0 0 0 auto !important;
  }
  html body .hero-persona .hero-product-glow,
  html body .hero-persona .hero-product-floating,
  html body .hero-persona .hero-product-caption,
  html body .hero-persona .hero-product-badge{
    display:none !important;
  }
  html body .hero-persona .hero-product-main-card{
    right:0 !important;
    top:0 !important;
    width:100% !important;
    height:610px !important;
    border-radius:34px !important;
    overflow:hidden !important;
    border:1px solid rgba(255,255,255,.78) !important;
    box-shadow:0 28px 70px rgba(18,62,73,.16) !important;
    background:#d8e3e4 !important;
  }
  html body .hero-persona .hero-product-main-card::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(90deg, rgba(239,246,245,.9) 0%, rgba(239,246,245,.48) 18%, rgba(239,246,245,.08) 36%, rgba(239,246,245,0) 52%);
    z-index:1;
    pointer-events:none;
  }
  html body .hero-persona .hero-product-main-card::after{
    content:"";
    position:absolute;
    inset:auto -4% -16% auto;
    width:58%;
    aspect-ratio:1;
    background:radial-gradient(circle, rgba(255,255,255,.42), rgba(255,255,255,0) 70%);
    pointer-events:none;
  }
  html body .hero-persona .hero-product-main-card img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center center !important;
    transform:scale(1.01);
  }
  html body .hero-persona .hero-value-card{
    max-width: 595px !important;
  }
}

/* keep only a single primary action in hero */
html body .hero-persona .hero-persona-actions,
html body.novodailies-only .hero-persona .detail-hero-actions{
  gap:0 !important;
}

html body .hero-persona .hero-persona-actions .cta-v33--hero{
  min-width: min(100%, 320px) !important;
}

/* mobile / tablet */
@media (max-width: 1050px){
  html body .hero-persona .hero-product-floating,
  html body .hero-persona .hero-product-caption{
    display:none !important;
  }
  html body .hero-persona .hero-product-stage{
    width:min(100%, 620px) !important;
  }
  html body .hero-persona .hero-product-main-card{
    position:relative !important;
    right:auto !important;
    top:auto !important;
    width:100% !important;
    height:auto !important;
    aspect-ratio: 1.05 / 1 !important;
    border-radius:28px !important;
    overflow:hidden !important;
  }
  html body .hero-persona .hero-product-main-card::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(180deg, rgba(247,251,250,.06), rgba(247,251,250,0));
    z-index:1;
  }
  html body .hero-persona .hero-product-main-card img{
    object-fit:cover !important;
    object-position:center center !important;
  }
  html body .hero-persona .hero-product-badge{
    display:block !important;
    position:absolute !important;
    inset:auto 16px 16px 16px !important;
    padding:15px 16px !important;
    border:1px solid rgba(255,255,255,.14) !important;
    border-radius:20px !important;
    background:rgba(18,62,73,.78) !important;
    backdrop-filter: blur(12px);
    color:#fff !important;
    box-shadow:0 18px 34px rgba(18,62,73,.18) !important;
    text-align:left !important;
  }
  html body .hero-persona .hero-product-badge strong,
  html body .hero-persona .hero-product-badge span{
    display:block !important;
    color:#fff !important;
  }
  html body .hero-persona .hero-product-badge strong{font-size:1rem !important; margin:0 0 4px 0 !important;}
  html body .hero-persona .hero-product-badge span{font-size:.94rem !important; line-height:1.5 !important; opacity:.92;}
}
@media (max-width: 720px){
  html body .hero-persona .hero-persona-actions,
  html body.novodailies-only .hero-persona .detail-hero-actions{
    width:100% !important;
  }
  html body .hero-persona .hero-persona-actions .cta-v33--hero{
    width:100% !important;
    justify-content:center !important;
  }
  html body .hero-persona .hero-persona-visual{min-height: unset !important;}
}