/* Homepage equipment carousel. Keep all rules scoped to .home-carousel. */
.home-carousel{min-width:0;align-self:center;background:#f3f5f6;border:1px solid var(--line);overflow:hidden}
.home-carousel-stage{display:grid;isolation:isolate}
.home-carousel-slide{grid-area:1 / 1;display:flex;flex-direction:column;min-width:0;opacity:0;visibility:hidden;pointer-events:none;text-decoration:none;color:var(--ink);transition:opacity .55s ease,visibility .55s;z-index:0}
.home-carousel-slide.is-active{opacity:1;visibility:visible;pointer-events:auto;z-index:1}
.home-carousel-media{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1.2;background:#f0f2f3;overflow:hidden}
.home-carousel-media img{display:block;width:100%;height:100%;object-fit:contain;max-height:100%}
.home-carousel-media--tl-omni img{object-fit:cover;object-position:center bottom}
.home-carousel-media--tl-bm{background:#edf0f5}
.home-carousel-media--tl-trinity{padding:16px 20px;background:radial-gradient(ellipse at 50% 40%,#fff,#e9eef1)}
.home-carousel-media--tl-20m{padding:24px 0;background:#ececef}
.home-carousel-caption{display:flex;gap:16px;align-items:center;justify-content:space-between;flex:1;background:#fff;padding:20px 24px;border-top:1px solid var(--line)}
.home-carousel-caption strong{display:block;font-size:25px;line-height:1.25;letter-spacing:-.02em}
.home-carousel-description{display:block;font-size:14px;line-height:1.55;color:var(--muted);margin-top:6px;min-height:2lh}
.home-carousel-link-arrow{flex:0 0 34px;display:grid;place-items:center;font-size:28px;color:var(--accent);transition:transform .2s}
.home-carousel-slide:hover .home-carousel-link-arrow{transform:translate(2px,-2px)}
.home-carousel-slide:focus-visible{outline:3px solid var(--accent);outline-offset:-4px}
@media(max-width:1100px) and (min-width:701px){
 .home-carousel-caption{padding:18px}
 .home-carousel-caption strong{font-size:23px}
 .home-carousel-description{font-size:13px}
}
@media(max-width:700px){
 .home-carousel{margin-top:12px}
 .home-carousel-media{aspect-ratio:1.12}
 .home-carousel-caption{padding:18px 20px}
 .home-carousel-caption strong{font-size:24px}
}
@media(max-width:380px){
 html[lang="ru"] body[data-page="home"] .category-card{min-width:0;overflow-wrap:anywhere}
}
@media(prefers-reduced-motion:reduce){
 .home-carousel-slide,.home-carousel-link-arrow{transition:none}
}