/* Direct RC3 photographic pilot; existing dimensions and flow remain authoritative. */
body.aba-v7-enabled[data-page="skincare"] .skin-intro {
  position: relative;
  isolation: isolate;
  background: #faf7f0;
  min-height: 144px;
}
body.aba-v7-enabled[data-page="skincare"] .skin-intro::before {
  content: "";
  position: absolute;
  inset: 0 0 0 auto;
  width: min(70%, 760px);
  background: url("/wp-content/plugins/aba-commerce-core/assets/v1/media/rc3-webp-20261010/44dbac3872bc2dbda179c861-q90.webp") right 25% / auto 200px no-repeat;
  mask-image: linear-gradient(90deg, transparent, #000 25%);
  pointer-events: none;
  z-index: -1;
}
body.aba-v7-enabled[data-page="skincare"] .skin-intro h1,
body.aba-v7-enabled[data-page="skincare"] .skin-intro p {
  position: relative;
  font-family: ElevanceSans, sans-serif;
}
body.aba-v7-enabled[data-page="skincare"] .skin-intro .skin-title-care {
  color: #00d6fa;
  font: inherit;
}
body.aba-v7-enabled[data-page="skincare"] .skin-intro p {
  font-variant-numeric: tabular-nums;
}
@media (max-width: 600px) {
  body.aba-v7-enabled[data-page="skincare"] .skin-intro {
    min-height: 104px;
  }
  body.aba-v7-enabled[data-page="skincare"] .skin-intro::before {
    right: 0;
    width: 58%;
    background-size: auto 138px;
    background-position: right 22%;
    mask-image: linear-gradient(90deg, transparent, #000 28%);
  }
  body.aba-v7-enabled[data-page="skincare"] .skin-intro p {
    background: #faf7f0;
    box-shadow: 0 0 0 4px #faf7f0;
  }
}

/* Preserve the existing crop, mask and rendered background height. */
body.aba-v7-enabled[data-page="skincare"] .skin-intro::before { background-image:image-set(url("/wp-content/plugins/aba-commerce-core/assets/v1/media/rc3-coverage-20261010/d64816aca4c8d9325f49b1ecf6a4c0f1.webp") 1x, url("/wp-content/plugins/aba-commerce-core/assets/v1/media/rc3-webp-20261010/44dbac3872bc2dbda179c861-q90.webp") 2x, url("/wp-content/plugins/aba-commerce-core/assets/v1/media/rc3-webp-20261010/44dbac3872bc2dbda179c861-q90.webp") 3x); }
@media(max-width:600px) {body.aba-v7-enabled[data-page="skincare"] .skin-intro::before {background-image:image-set(url("/wp-content/plugins/aba-commerce-core/assets/v1/media/rc3-coverage-20261010/d64816aca4c8d9325f49b1ecf6a4c0f1.webp") 1x, url("/wp-content/plugins/aba-commerce-core/assets/v1/media/rc3-webp-20261010/44dbac3872bc2dbda179c861-q90.webp") 2x, url("/wp-content/plugins/aba-commerce-core/assets/v1/media/rc3-webp-20261010/44dbac3872bc2dbda179c861-q90.webp") 3x);}}