/* Only the main Hero slider. Keep its existing layout/height as the sizing skeleton. */
.hero #mini-catalog { position: relative; isolation: isolate; }
.hero #mini-catalog .mini-catalog-media { position: static; }
.hero #mini-catalog .mini-catalog-track { position: absolute; inset: 0; z-index: 0; }
.hero #mini-catalog .mini-catalog-track img { height: 100%; object-fit: cover; object-position: center; }
.hero #mini-catalog .mini-catalog-lower { background: transparent; pointer-events: none; }
.hero #mini-catalog .hero-side-bottom { visibility: hidden; }
.hero #mini-catalog .mini-catalog-dots { position: absolute; bottom: 20px; left: 6.25%; margin: 0; z-index: 3; pointer-events: auto; }
.hero #mini-catalog .mini-catalog-arrow { z-index: 4; }
.hero .managed-slide-overlay { position: absolute; inset: 0; pointer-events: none; z-index: 1; background: linear-gradient(0deg,rgba(0,0,0,.78),transparent 50%); }
.hero .managed-slide-title { position: absolute; bottom: 48px; left: 26px; right: 26px; margin: 0; color: #f7f7fb; font-size: clamp(24px,2.2vw,38px); font-weight: 750; line-height: 1.15; overflow-wrap: anywhere; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.hero .managed-slide-new { position: absolute; top: 18px; left: 20px; padding: 6px 10px; border-radius: 7px; background: #246aff; color: #fff; font-size: 12px; font-weight: 700; }
.hero .managed-slide-title[hidden],.hero .managed-slide-new[hidden] { display: none; }
@media(max-width:760px){.hero .managed-slide-title{left:18px;right:18px;bottom:42px;font-size:25px}.hero .managed-slide-new{top:12px;left:14px}.hero #mini-catalog .mini-catalog-dots{bottom:16px}}