.mg-carousel{position:relative}.mg-carousel__track{display:flex;gap:16px;margin:0;padding:0 0 4px;list-style:none;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-webkit-overflow-scrolling:touch}.mg-carousel__track::-webkit-scrollbar{display:none}.mg-carousel__slide{flex:0 0 100%;min-width:0;scroll-snap-align:start}.mg-carousel__link{display:flex;flex-direction:column;height:100%;color:#141414;text-decoration:none}.mg-carousel__media{position:relative;display:block;width:100%;aspect-ratio:1 / 1;border-radius:16px;overflow:hidden;background:#f3f3f1}.mg-carousel__image{display:block;width:100%;height:100%;object-fit:contain}.mg-carousel__logo{position:absolute;top:12px;left:12px;width:56px;height:56px;border-radius:50%;overflow:hidden;background:#fff;padding:4px;box-sizing:border-box}.mg-carousel__logo img{width:100%;height:100%;object-fit:contain}.mg-carousel__caption{display:flex;flex-direction:column;gap:6px;align-items:flex-start;padding:14px 4px 0}.mg-carousel__badge{font-size:1.1rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#c62828}.mg-carousel__title{font-size:1.7rem;font-weight:700;line-height:1.2}.mg-carousel__subtitle{font-size:1.3rem;line-height:1.4;color:#5c5c5a}.mg-carousel__button{margin-top:6px;min-height:44px;padding:0 22px;display:inline-flex;align-items:center;border-radius:40px;background:#1f3a5f;color:#fff;font-weight:600}.mg-carousel__controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px}.mg-carousel__control{flex:0 0 auto;width:44px;height:44px;border:1px solid #1f3a5f;border-radius:50%;background:#fff;color:#1f3a5f;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.mg-carousel__dots{display:flex;justify-content:center;flex-wrap:wrap;gap:8px}.mg-carousel__dot{width:10px;height:10px;border-radius:50%;border:0;padding:0;background:#c9c9c6;cursor:pointer}.mg-carousel__dot.is-active{background:#1f3a5f}.mg-carousel__link:focus-visible,.mg-carousel__control:focus-visible,.mg-carousel__dot:focus-visible{outline:3px solid #1f3a5f;outline-offset:3px}@media screen and (min-width:990px){.mg-carousel__slide{flex:0 0 calc((100% - 32px) / 3)}.mg-carousel__title{font-size:2rem}}[id$=__mg_hero] .mg-split__media{display:none}[id$=__mg_hero] .mg-split{grid-template-columns:1fr}
/*# sourceMappingURL=/cdn/shop/t/21/assets/mg-carousel.css.map */