/* Media fidelity repairs. URLs are injected after the R2 upload readback. */
.newsletter-form#subscribeNewsletter {
  background-image: var(--cerave-newsletter-desktop, none);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media (max-width: 767px) {
  .newsletter-form#subscribeNewsletter { background-image: var(--cerave-newsletter-mobile, var(--cerave-newsletter-desktop, none)); }
}
.media-repair-video { width:100%; height:100%; object-fit:cover; display:block; }
.media-repair-video[data-media-src=""] { display:none; }
.media-repair-loading-hidden,.immersive-benefits__loading { display:none!important; }
.immersive-benefits:not(.media-immersive-enhanced) .animated,
.immersive-benefits.media-immersive-static .animated { opacity:1!important; visibility:visible!important; transition:none!important; }
.immersive-benefits:not(.media-immersive-enhanced) .immersive-block:nth-child(2),
.immersive-benefits.media-immersive-static .immersive-block:nth-child(2) { position:relative; top:auto; left:auto; height:auto; transform:none; background:transparent; }
.immersive-benefits.media-immersive-static .immersive-block:nth-child(2)::before,
.immersive-benefits.media-immersive-static .immersive-block:nth-child(2)::after { display:none; }
.immersive-benefits.media-immersive-enhanced:not(.media-immersive-static) .immersive-benefits__copy ul { position:relative; }
.immersive-benefits.media-immersive-enhanced:not(.media-immersive-static) .animated { opacity:1; transition:opacity .5s ease-in-out!important; }
.immersive-benefits.media-immersive-enhanced:not(.media-immersive-static):not(.media-immersive-stage-two) .immersive-block:nth-child(2),
.immersive-benefits.media-immersive-enhanced:not(.media-immersive-static):not(.media-immersive-stage-two) .immersive-benefits__copy>a { opacity:0!important; visibility:hidden; }
.immersive-benefits.media-immersive-stage-two .immersive-block:first-child { visibility:hidden; }
.immersive-benefits.media-immersive-has-frame .immersive-benefits__image { visibility:hidden; }
.immersive-benefits__replay[hidden] { display:none!important; }
.immersive-benefits__replay:focus-visible { outline:3px solid white; outline-offset:-6px; }
.immersive-benefits__title h2:focus-visible { outline:2px solid white; outline-offset:6px; }
.copy-parallax__info-background:not(.media-repair-playing) .copy-parallax__info-background-image { display:block!important; z-index:2!important; }
.copy-parallax__info-background.media-repair-playing .copy-parallax__info-background-image { display:none!important; }
.copy-parallax__info-background .media-repair-video { position:relative; z-index:1; }
.media-repair-accessibility-dialog[hidden] { display:none; }
.media-repair-accessibility-dialog { position:fixed; inset:0; z-index:10001; background:rgba(0,0,0,.55); display:grid; place-items:center; padding:1rem; }
.media-repair-accessibility-dialog__panel { background:#fff; color:#0e3353; width:min(34rem,100%); padding:1.5rem; box-shadow:0 4px 18px rgba(0,0,0,.25); }
.media-repair-accessibility-dialog__close { float:right; font-size:1.5rem; line-height:1; }
.media-repair-accessibility-dialog__panel h2 { margin-top:0; }
.media-reduced-motion *, .media-reduced-motion *::before, .media-reduced-motion *::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; }
.cerave-locator__intro { text-align:center; padding:1rem 2rem; }
.cerave-locator__intro h1 { font:2rem/1.2 DIN-Regular,sans-serif; margin:0 0 1rem; }
.cerave-locator__intro h2 { font:1.75rem/1.3 DIN-Regular,sans-serif; margin:0; }
.cerave-locator__intro p { margin:.75rem 0 0; font-size:.875rem; }
.cerave-locator__layout { display:grid; grid-template-columns:minmax(320px,29.4%) 1fr; height:600px; border-top:1px solid #ddd; }
.cerave-locator__results { overflow:auto; padding:20px 45px 0; }
.cerave-locator__search { display:flex; min-width:0; height:42px; border:1px solid #ddd; }
.cerave-locator__search input { min-width:0; width:100%; border:0; padding:0 20px; font:1rem DIN-Regular,sans-serif; }
.cerave-locator__search button { flex:0 0 50px; background:#000; color:#fff; font:2.25rem/1 DIN-Regular,sans-serif; cursor:pointer; }
.cerave-locator__status { font:.8125rem/1.4 DIN-Regular,sans-serif; margin:10px 0 0; color:#666; }
.cerave-locator__list { list-style:none; padding:0; margin:0; }
.cerave-locator__list li+li { border-top:1px solid #eee; }
.cerave-locator__point { width:100%; min-height:118px; display:flex; gap:12px; text-align:left; align-items:center; color:#000; padding:15px 0; cursor:pointer; font:.875rem/1.15 DIN-Regular,sans-serif; }
.cerave-locator__point>span:nth-child(2) { flex:1; }
.cerave-locator__point strong,.cerave-locator__point span span,.cerave-locator__point small { display:block; }
.cerave-locator__point strong { text-transform:uppercase; font-family:DIN-Bold,sans-serif; margin-bottom:3px; }
.cerave-locator__point small { color:#0072ba; margin-top:4px; }
.cerave-locator__point[aria-pressed="true"] strong { color:#0072ba; }
.cerave-locator__pharmacy { color:#0072ba; font-size:2.5rem; }
.cerave-locator__map { position:relative; min-width:0; overflow:hidden; background:#f5f5f3; }
.cerave-locator__map-art { position:absolute; width:100%; height:100%; inset:0; }
.cerave-locator__map-label { position:absolute; top:12px; left:12px; background:rgba(255,255,255,.94); color:#556367; font:.875rem/1.3 DIN-Regular,sans-serif; padding:7px 10px; }
.cerave-locator__pin { position:absolute; transform:translate(-50%,-50%); width:28px; height:28px; display:grid; place-items:center; border:3px solid #fff; border-radius:50% 50% 50% 0; background:#0072ba; color:#fff; box-shadow:0 1px 3px #999; font:1rem DIN-Bold,sans-serif; }
.cerave-locator__pin.is-active { background:#0e3353; outline:6px solid rgba(0,114,186,.15); }
.cerave-locator__map-notice { position:absolute; right:8px; bottom:8px; margin:0; background:rgba(255,255,255,.92); padding:4px 7px; color:#59666a; font:.75rem DIN-Regular,sans-serif; }
@media(max-width:767px) {
  .cerave-locator__intro { padding:1rem; }
  .cerave-locator__intro h1 { font-size:1.5rem; }
  .cerave-locator__intro h2 { font-size:1.25rem; }
  .cerave-locator__layout { display:flex; flex-direction:column-reverse; height:auto; }
  .cerave-locator__map { height:400px; }
  .cerave-locator__results { padding:20px; max-height:430px; }
  .cerave-locator__point { min-height:105px; }
}

/* Match the captured mobile locator: search above a single 400px map region. */
@media(max-width:767px){
 .cerave-locator__intro h1{font:30px/1.2 DIN-Medium,sans-serif}
 .cerave-locator__intro h2{font:26px/1.2 DIN-Medium,sans-serif}
 .cerave-locator__layout{display:flex;flex-direction:column;height:400px}
 .cerave-locator__results{flex:0 0 65px;padding:12px 20px;overflow:hidden}
 .cerave-locator__list,.cerave-locator__status{display:none}
 .cerave-locator__map{flex:1;min-height:0;height:auto}
}