/* One shared badge stays independent of the five fading product slides. */
#hero-carousel { --price-badge-width: 224px; --price-badge-height: 78px; }
#hero-carousel .s-metadata { flex-wrap: wrap; }
.price-badge-slot { display: block; width: var(--price-badge-width); height: var(--price-badge-height); max-width: 100%; flex: 0 0 auto; }
.price-badge-slot-row { flex: 0 0 100%; }
.price-badge-mobile-dock { display: none; }
.persistent-price-badge { position: relative; order: -1; margin: 18px calc(var(--grid-pad) * 2); width: var(--price-badge-width); height: var(--price-badge-height); max-width: calc(100% - 48px); z-index: 12; pointer-events: none; }
.price-badge-ready > .persistent-price-badge { position: absolute; left: 0; top: 0; margin: 0; will-change: transform; }
.persistent-price-badge .shared-price-card { position: relative; display: flex; flex-direction: column; justify-content: center; width: 100%; height: 100%; gap: 3px; padding: 12px 16px; border: 0; border-radius: 10px; background: transparent; overflow: visible; }
.shared-price-skin { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; pointer-events: none; filter: drop-shadow(0 4px 10px rgba(23,51,78,.09)); }
.shared-price-outline { fill: var(--offer-yellow); stroke: rgba(23,51,78,.6); stroke-width: 1; }
.shared-price-card strong { position: relative; z-index: 1; font-family: var(--font-display); font-size: 1.25rem; font-weight: 700; line-height: 1.18; white-space: nowrap; }
.shared-price-card .shared-price-detail { position: relative; z-index: 1; font-size: .875rem; line-height: 1.35; white-space: nowrap; }
.shared-price-card .shared-price-shine { opacity: 0; pointer-events: none; }
@media (max-width: 1024px) {
  #hero-carousel { --price-badge-width: 224px; --price-badge-height: 74px; }
  .price-badge-ready > .price-badge-mobile-dock { display: flex; align-items: center; padding: 20px 24px; background: #fff; border-bottom: var(--border-faint); }
  .slide .price-badge-slot, .slide .price-badge-slot-row { display: none; }
  .persistent-price-badge { margin-inline: 24px; }
}
@media (max-width: 380px) {
  #hero-carousel { --price-badge-width: 216px; }
  .shared-price-card strong { font-size: 1.2rem; }
}
@media (prefers-reduced-motion: reduce) {
  .shared-price-card .shared-price-shine { display: none; }
  .price-badge-ready > .persistent-price-badge { will-change: auto; }
}