/* PATCH_ID: b2c_phase5e10_banner_carousel_stage_safe_20260522 */
.b2c-home-native-cms .home-hero.has-carousel{transition:background-image .45s ease,filter .25s ease}
.b2c-home-native-cms .home-hero.has-carousel .hero-copy>*{transition:opacity .22s ease,transform .22s ease}
.b2c-home-native-cms .home-hero.has-carousel.is-switching .hero-copy>*{opacity:.72;transform:translateY(3px)}
.b2c-home-native-cms .hero-carousel-dots{position:absolute;left:56px;bottom:34px;z-index:6;display:flex;align-items:center;gap:8px}
.b2c-home-native-cms .hero-dot{width:8px;height:8px;border:0;padding:0;border-radius:999px;background:rgba(35,23,47,.22);cursor:pointer;transition:width .22s ease,background .22s ease,transform .22s ease}
.b2c-home-native-cms .hero-dot.is-active{width:28px;background:#19171f}
.b2c-home-native-cms .hero-dot:hover{transform:translateY(-1px)}
.b2c-home-native-cms .hero-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:6;width:38px;height:38px;border:0;border-radius:999px;background:rgba(255,255,255,.72);color:#24162f;font-weight:1000;cursor:pointer;box-shadow:0 12px 28px rgba(80,40,110,.12);backdrop-filter:blur(10px);transition:transform .18s ease,background .18s ease}
.b2c-home-native-cms .hero-arrow:hover{transform:translateY(-50%) scale(1.04);background:rgba(255,255,255,.92)}
.b2c-home-native-cms .hero-arrow.prev{left:18px}
.b2c-home-native-cms .hero-arrow.next{right:18px}
@media(max-width:900px){
  .b2c-home-native-cms .hero-carousel-dots{left:22px;bottom:18px}
  .b2c-home-native-cms .hero-arrow{display:none!important}
}
