/* YESCLINIC peptide refinement v19.7.2. The existing film stays in place. */

/* The light secondary product CTA had white text on a white hover surface. */
html[data-theme="light"] body .home-product-actions .plain-link:hover,
html[data-theme="light"] body .home-product-actions .plain-link:focus-visible {
  color: #1f524d !important;
  background: #edf4e9 !important;
  border-color: #6c8269 !important;
}

/* The interactive care process already covers the four steps. The second
   clinician/pharmacy explainer and the homepage podcast block repeat content. */
main.home-page #care-standard,
main.home-page #science-voices { display: none !important; }

#care-trust .editorial-heading h2 { text-wrap: balance; }
#care-trust .yc-partner-review {
  display: grid;
  justify-items: center;
  gap: 9px;
  width: min(100%, 640px);
  margin: 35px auto 36px;
  padding: 22px 28px 20px;
  border: 1px solid rgba(45, 65, 43, .13);
  border-radius: 22px;
  background: rgba(255, 255, 255, .61);
  box-shadow: 0 18px 38px -30px rgba(28, 48, 32, .23);
  text-align: center;
}
#care-trust .yc-partner-review-label {
  color: #52614f;
  font: 700 10px/1.3 Firma, "BR Firma", sans-serif;
  letter-spacing: .17em;
}
#care-trust .yc-partner-review-link {
  display: flex;
  align-items: center;
  gap: 18px;
  min-height: 54px;
  color: #26301f;
  font: 600 13px/1.3 Firma, "BR Firma", sans-serif;
  text-decoration: none;
}
#care-trust .yc-partner-review-link img {
  display: block;
  width: clamp(135px, 17vw, 192px);
  height: auto;
  object-fit: contain;
}
#care-trust .yc-partner-review-link span { white-space: nowrap; }
#care-trust .yc-partner-review-link:hover span,
#care-trust .yc-partner-review-link:focus-visible span { text-decoration: underline; text-underline-offset: 4px; }
#care-trust .yc-partner-review-link:focus-visible { outline: 2px solid #1f524d; outline-offset: 5px; }
#care-trust .yc-partner-review small {
  max-width: 460px;
  color: #667164;
  font: 400 11px/1.45 Firma, "BR Firma", sans-serif;
}

.guide-offer .yc-compare-cue {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 6px 12px;
  width: fit-content;
  max-width: 100%;
  margin: 22px auto 25px;
  padding: 12px 19px;
  border: 1px solid rgba(38, 48, 31, .11);
  border-radius: 999px;
  background: #f3f7ef;
  color: #31443a;
  font: 400 12px/1.45 Firma, "BR Firma", sans-serif;
  text-align: center;
}
.guide-offer .yc-compare-cue strong { font-weight: 700; }

/* A quiet vial silhouette fills the unused space above the guide photograph. */
.guide-offer.guide-nad { --yc-guide-vial: url("assets/yes-nad-bottle-tight-v19.webp"); }
.guide-offer.guide-glutathione { --yc-guide-vial: url("assets/yes-glutathione-bottle-tight-v19.webp"); }
.guide-offer.guide-sermorelin { --yc-guide-vial: url("assets/yes-sermorelin-bottle-tight-v19.webp"); }

@media (min-width: 901px) {
  .guide-offer .nadx-hero.dm .nadx-dm-stage::before {
    content: "";
    display: block;
    position: absolute;
    inset: auto;
    top: -258px;
    right: 19%;
    width: 160px;
    height: 248px;
    border: 0;
    border-radius: 0;
    background: var(--yc-guide-vial) center / contain no-repeat;
    filter: blur(4px);
    opacity: .23;
    pointer-events: none;
    z-index: 0;
    animation: yc-guide-vial 9s ease-in-out infinite;
  }

  .guide-offer .nadx-hero.dm .nadx-dm-stage::after { display: none; }

  .guide-offer .nadx-hero.dm .nadx-dm-media,
  .guide-offer .nadx-hero.dm .nadx-dm-bottle { z-index: 1; }
}

.yc-guide-glass {
  position: absolute;
  z-index: 2;
  top: -169px;
  right: 4%;
  width: min(318px, 76%);
  padding: 19px 21px 17px;
  border: 1px solid rgba(255, 255, 255, .72);
  border-radius: 18px;
  background: rgba(255, 255, 255, .46);
  box-shadow: 0 20px 52px -34px rgba(28, 43, 35, .34), inset 0 1px rgba(255, 255, 255, .68);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  color: #26301f;
  pointer-events: none;
  animation: yc-guide-glass-float 8s ease-in-out infinite;
}

.yc-guide-glass small {
  display: block;
  margin-bottom: 9px;
  font: 600 10px/1.3 Firma, "BR Firma", sans-serif;
  letter-spacing: .16em;
  text-transform: uppercase;
  opacity: .62;
}

.yc-guide-flip {
  position: relative;
  height: 31px;
  overflow: hidden;
  font: 600 clamp(16px, 1.6vw, 20px)/31px Firma, "BR Firma", sans-serif;
  letter-spacing: -.025em;
}

.yc-guide-flip span {
  display: block;
  white-space: nowrap;
}
.yc-guide-flip span.yc-guide-line-enter { animation: yc-guide-line-enter .45s ease both; }

.yc-guide-glass > span {
  display: block;
  margin-top: 9px;
  font: 400 11px/1.35 Firma, "BR Firma", sans-serif;
  opacity: .64;
}

@keyframes yc-guide-vial {
  0%, 100% { transform: translateY(0) rotate(-16deg); }
  50% { transform: translateY(-13px) rotate(-12deg); }
}
@keyframes yc-guide-glass-float {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-7px); }
}
@keyframes yc-guide-line-enter {
  from { opacity: .25; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }
}

/* Use the entire image panel. The former layered sliver and white label obscured it. */
#care .home-care-board { overflow: hidden; border-radius: 26px; }
#care .home-care-detail { min-width: 0; }
#care .home-care-product {
  position: relative;
  min-width: 0;
  overflow: hidden;
  border-radius: 0 0 26px 0;
  background: #dce7d2;
}
#care .home-care-product > span { display: none !important; }
#care .home-care-product img:not(.on) { opacity: 0 !important; visibility: hidden !important; }
#care .home-care-product img.on {
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: center !important;
  border-radius: 0 !important;
  opacity: 1 !important;
  filter: none !important;
  transform: none !important;
}

/* Give the existing clinician/pharmacy explanation a calmer, more tactile finish. */
#care-trust .conviction-card {
  border: 1px solid rgba(42, 63, 48, .10);
  box-shadow: 0 20px 48px -34px rgba(30, 51, 40, .18);
}

.yc-care-cert {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  width: fit-content;
  max-width: 100%;
  margin: 28px auto 0;
  padding: 11px 17px 11px 11px;
  border: 1px solid rgba(46, 68, 48, .15);
  border-radius: 18px;
  background: rgba(255, 255, 255, .72);
  color: #26301f;
  text-decoration: none;
  box-shadow: 0 14px 34px -28px rgba(30, 51, 40, .35);
}
.yc-care-cert img { width: 35px; height: auto; max-height: 42px; object-fit: contain; }
.yc-care-cert span { font: 600 13px/1.35 Firma, "BR Firma", sans-serif; }
.yc-care-cert small { display: block; margin-top: 2px; font-size: 11px; font-weight: 400; opacity: .65; }
.yc-care-cert:hover, .yc-care-cert:focus-visible { border-color: rgba(46, 68, 48, .45); }

.yc-footer-seal { display: inline-flex; align-items: center; gap: 10px; margin-top: 12px; text-decoration: none; }
.yc-footer-seal img { width: 48px; height: auto; object-fit: contain; }
.yc-footer-seal span { max-width: 145px; font-size: 12px; line-height: 1.35; }
.yc-footer-social { display: inline-flex; align-items: center; gap: 7px; margin-top: 10px; font-size: 14px; text-decoration: none; }
.yc-footer-social:hover, .yc-footer-social:focus-visible { text-decoration: underline; text-underline-offset: 4px; }

.yc-messenger-cta {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  width: 100%;
  min-height: 52px;
  margin: 18px 0 0;
  padding: 12px 18px;
  border: 1px solid rgba(230, 238, 214, .36);
  border-radius: 999px;
  background: rgba(255, 255, 255, .10);
  color: #fff;
  font: 600 14px/1.3 Firma, "BR Firma", sans-serif;
  text-decoration: none;
  transition: background .2s ease, transform .2s ease;
}
.yc-messenger-cta:hover { background: rgba(255, 255, 255, .18); transform: translateY(-2px); }
.yc-messenger-cta:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
.yc-messenger-note { display: block; margin-top: 10px; font-size: 11px; line-height: 1.45; opacity: .72; }

@media (max-width: 900px) {
  .yc-guide-glass { display: none; }
  #care .home-care-product { border-radius: 0 0 22px 22px; }
}

@media (max-width: 600px) {
  #care-trust .yc-partner-review { margin-block: 27px; padding: 19px 18px; }
  #care-trust .yc-partner-review-link { flex-direction: column; gap: 5px; }
  #care-trust .yc-partner-review-link img { width: 165px; }
  .guide-offer .yc-compare-cue { border-radius: 18px; padding: 12px 15px; }
}

@media (prefers-reduced-motion: reduce) {
  .guide-offer .nadx-hero.dm .nadx-dm-stage::before,
  .yc-guide-glass,
  .yc-guide-flip span { animation: none !important; }
  .yc-messenger-cta { transition: none; }
}