.hs-hero{position:relative;width:100%;aspect-ratio:1280/632;background:#000;overflow:hidden;container-type:inline-size}.hs-hero-track{display:flex;height:100%;touch-action:pan-y;transition:transform .5s ease}.hs-hero-slide{flex:0 0 100%;height:100%}.hs-hero-link{position:relative;display:block;height:100%;color:#c8ff00;text-decoration:none;-webkit-user-drag:none;user-select:none}.hs-hero-link:focus-visible{outline:3px solid #c8ff00;outline-offset:-6px}.hs-hero picture,.hs-hero img{display:block;width:100%;height:100%;-webkit-user-drag:none}.hs-hero-cta{position:absolute;left:54.45%;top:62%;border:1px solid #c8ff00;background:#000;color:#c8ff00;padding:18px 24px;text-transform:uppercase;font-size:13px;font-weight:700;line-height:1;transition:background .15s,color .15s}.hs-hero-link:hover .hs-hero-cta,.hs-hero-link:focus-visible .hs-hero-cta{background:#c8ff00;color:#000}.hs-hero-dots{position:absolute;left:50%;right:0;bottom:14px;display:flex;justify-content:center;gap:2px}.hs-hero-dots button{position:relative;width:24px;height:24px;padding:0;border:0;background:transparent;cursor:pointer}.hs-hero-dots button::before{content:"";position:absolute;left:8px;top:8px;width:8px;height:8px;background:#fff}.hs-hero-dots button[aria-current]::before{background:#888;outline:1px solid #fff;outline-offset:3px}.hs-hero-dots button:focus-visible{outline:2px solid #c8ff00}@media(prefers-reduced-motion:reduce){.hs-hero-track{transition:none}}.hs-section-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 30px;gap:15px}.hs-section-heading h2{font-size:30px;text-transform:uppercase;margin:0}.hs-section-heading>a:not(.hs-primary){font-size:30px;text-decoration:none}.hs-carousel-arrows{display:flex;gap:8px}.hs-carousel-arrows button{width:32px;height:32px;border:1px solid #111;background:transparent;font-size:18px;line-height:1;padding:0}.hs-carousel-arrows button:hover{background:#111;color:#c8ff00}.hs-home-new{border-top:1px solid #888;margin-top:70px;padding-top:34px}.hs-home .hs-product-grid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 54px)/4);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.hs-home .hs-product-grid::-webkit-scrollbar{display:none}.hs-home .hs-product-card{scroll-snap-align:start}.hs-home .hs-product-card a{text-decoration:none;color:inherit}.hs-home-categories{margin-top:90px;border-top:1px solid #888;padding-top:34px}.hs-category-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.hs-category-tile{position:relative;background:#fff;aspect-ratio:1;text-decoration:none;overflow:hidden}.hs-category-tile h3{position:absolute;top:20px;left:20px;right:20px;margin:0;text-transform:uppercase;font-size:14px;z-index:1}.hs-tile-count{display:block;margin-top:6px;font-size:12px;font-weight:400;color:#6a6a6a}.hs-category-tile .hs-category-photo{width:100%;height:100%;object-fit:contain;padding:42px 10px 0;transition:transform .2s}.hs-category-tile:hover .hs-category-photo{transform:scale(1.04)}.hs-category-tile--mirror .hs-category-photo{transform:scaleX(-1)}.hs-category-tile--mirror:hover .hs-category-photo{transform:scale(-1.04,1.04)}.hs-brand-strip{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:85px 10px}.hs-brand-strip a{text-decoration:none;font-size:22px;font-weight:900}.hs-benefits{background:#000;color:#eee;padding:60px 0 10px}.hs-benefits h2{font-size:32px;text-transform:uppercase;margin:0 0 30px}.hs-benefit-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.hs-benefit-grid article{background:#efefef;color:#111;padding:25px;min-height:240px}.hs-benefit-grid h3{text-transform:uppercase;font-size:17px}.hs-benefit-grid p{font-size:14px;line-height:1.55}
@media(max-width:900px){.hs-hero{aspect-ratio:343/583}.hs-hero-cta{left:50%;top:38.6%;transform:translateX(-50%);padding:13px 18px;font-size:11px;white-space:nowrap}.hs-hero-dots{left:0;bottom:auto;top:calc(343/583*100% - 36px)}.hs-home-new{margin-top:40px;padding-top:24px}.hs-section-heading{margin-bottom:22px}.hs-section-heading h2{font-size:25px}.hs-home .hs-product-grid{grid-template-columns:none;grid-auto-columns:calc((100% - 10px)/2)}.hs-home-categories{margin-top:50px;padding-top:24px}.hs-category-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.hs-category-tile h3{font-size:11px;left:12px;top:12px;right:12px}.hs-category-tile .hs-category-photo{padding-top:36px}.hs-brand-strip{flex-wrap:wrap;justify-content:center;padding:40px 0;gap:20px}.hs-brand-strip a{font-size:18px}.hs-benefits{padding-top:40px}.hs-benefits h2{font-size:25px}.hs-benefit-grid{grid-template-columns:1fr 1fr;gap:10px}.hs-benefit-grid article{padding:15px;min-height:220px}.hs-benefit-grid h3{font-size:13px}.hs-benefit-grid p{font-size:12px}}

/* Hover плитки категории (Figma 432-15755, «Ховеры»): чёрная плитка, белая подпись, салатовый счётчик; у ботинок — лучи вокруг фото (owner-figma/rays.svg, 304×285, штрих 4). */
.hs-category-tile .hs-category-rays{display:none}
@media(min-width:901px) and (hover:hover){
.hs-category-tile{transition:background-color .15s}
.hs-category-tile h3,.hs-category-tile .hs-tile-count{transition:color .15s}
.hs-category-tile:hover,.hs-category-tile:focus-visible{background:#000;z-index:2}
.hs-category-tile:hover h3,.hs-category-tile:focus-visible h3{color:#fff}
.hs-category-tile:hover .hs-tile-count,.hs-category-tile:focus-visible .hs-tile-count{color:#c8ff00}
.hs-category-tile--rays{overflow:visible;min-height:0}
.hs-category-tile--rays .hs-category-rays{position:absolute;left:20.1%;top:30.2%;width:98.7%;height:auto;max-width:none;aspect-ratio:304/285;display:block;opacity:0;pointer-events:none;z-index:2;transition:opacity .15s}
.hs-category-tile--rays:hover .hs-category-rays,.hs-category-tile--rays:focus-visible .hs-category-rays{opacity:1}
.hs-category-tile--rays .hs-category-photo{position:relative;z-index:1}
.hs-category-tile--rays:hover .hs-category-photo{transform:none}
.hs-category-tile--rays.hs-category-tile--mirror:hover .hs-category-photo{transform:scaleX(-1)}
}

/* 8.4: сверка с Figma 432-15755 / 138-2426 (2x). */
body .hs-home .hs-arrow{width:16px;height:12px;flex:none}
/* Hero: кнопка 208×56 (mobile 208×40), текст слева, стрелка справа; позиция — под заголовком баннера. */
body .hs-home .hs-hero-cta{display:flex;align-items:center;justify-content:space-between;width:208px;height:56px;padding:0 24px;border-radius:4px;top:var(--cta-top-d,27.9%)}
@media(max-width:900px){body .hs-home .hs-hero-cta{height:40px;padding:0 20px;top:var(--cta-top-m,34.5%);left:50%;transform:translateX(-50%);font-size:12px}}
/* Новинки (Figma 432-15755): стрелка 16×12, штрих 1.5, чёрная; кнопка 24×24, зазор 8; наведение/фокус — чёрный квадрат с белой стрелкой; неактивная #767676 (контраст ≥ 4:1 на #efefef). */
body .hs-home .hs-carousel-arrows{gap:8px}
body .hs-home .hs-carousel-arrows button{width:24px;height:24px;padding:0;border:0;border-radius:2px;background:transparent;color:#000;display:grid;place-items:center;cursor:pointer}
body .hs-home .hs-carousel-arrows button svg{width:16px;height:12px;display:block}
body .hs-home .hs-carousel-arrows button:hover:not(:disabled),body .hs-home .hs-carousel-arrows button:focus-visible{background:#000;color:#fff}
body .hs-home .hs-carousel-arrows button:disabled{color:#767676;cursor:default}
body .hs-home .hs-product-grid{gap:16px;grid-auto-columns:calc((100% - 48px)/4)}
body .hs-home .hs-section-heading{margin-bottom:38px}
body .hs-home .hs-home-new,body .hs-home .hs-home-categories{padding-top:36px}
/* Кнопка «Перейти»: 182×40, текст слева, стрелка справа, обычный вес. */
body .hs-home .hs-section-heading .hs-primary{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;min-width:182px;height:40px;padding:0 20px;border-radius:2px;font-weight:500}
/* Плитки: подпись 24/28 px, счётчик тёмный, длинная подпись переносится; фото прижато к низу и сдвинуто вправо, как в макете. */
body .hs-home .hs-category-tile h3{top:28px;left:24px;right:auto;max-width:70%;font-size:14px}
body .hs-home .hs-tile-count{margin-top:8px;font-size:13px;color:#111}
body .hs-home .hs-category-tile:hover .hs-tile-count,body .hs-home .hs-category-tile:focus-visible .hs-tile-count{color:#111}
body .hs-home .hs-category-tile .hs-category-photo{object-position:center bottom;padding:13.6% 0 2.6% 16.2%}
@media(min-width:901px){
body .hs-home .hs-category-tile--snowboards .hs-category-photo,body .hs-home .hs-category-tile--ski .hs-category-photo{padding:19.8% 0 0 16.2%}
body .hs-home .hs-category-tile--snowboard-boots .hs-category-photo{padding:30.8% 33.8% 5.8% 0}
body .hs-home .hs-category-tile--bindings .hs-category-photo{padding:21.4% 15.6% 5.8% 0}
}
@media(min-width:901px) and (hover:hover){
body .hs-home .hs-category-tile:hover .hs-tile-count,body .hs-home .hs-category-tile:focus-visible .hs-tile-count{color:#c8ff00}
}
/* Бренды и «Почему выбирают нас». */
body .hs-home .hs-benefits{padding:76px 0 47px}
body .hs-home .hs-benefits h2{margin-bottom:34px}
body .hs-home .hs-benefit-grid article{padding:24px;min-height:292px}
body .hs-home .hs-benefit-grid h3{margin:0 0 18px}
@media(max-width:900px){
body .hs-home .hs-section-heading .hs-primary{min-width:154px}
body .hs-home .hs-category-tile--mirror .hs-category-photo{padding:16px 0 12px 36px}
body .hs-home .hs-hero-cta{width:208px}
body .hs-home .hs-product-grid{gap:16px;grid-auto-columns:calc(100% - 35px)}
body .hs-home .hs-home-new,body .hs-home .hs-home-categories{padding-top:24px}
body .hs-home .hs-section-heading{margin-bottom:22px}
body .hs-home .hs-category-tiles{grid-template-columns:1fr;gap:16px}
body .hs-home .hs-category-tile{aspect-ratio:343/220}
body .hs-home .hs-category-tile h3{top:26px;left:24px;font-size:13px;max-width:50%}
body .hs-home .hs-category-tile .hs-category-photo{position:absolute;right:0;top:0;width:56%;height:100%;padding:16px 20px 12px 0}
body .hs-home .hs-category-tile--snowboards .hs-category-photo,body .hs-home .hs-category-tile--ski .hs-category-photo{padding:12px 20px 0 0}
body .hs-home .hs-brand-strip{display:grid;grid-template-columns:repeat(2,1fr);gap:48px 0;padding:80px 0}
body .hs-home .hs-brand-strip a{display:flex;justify-content:center;align-items:center}
body .hs-home .hs-brand-strip img{width:auto;height:auto;max-width:130px;max-height:84px;zoom:1.3}
body .hs-home .hs-benefit-grid{grid-template-columns:1fr;gap:12px}
body .hs-home .hs-benefit-grid article{padding:24px;min-height:220px}
body .hs-home .hs-benefit-grid article:nth-child(2)::after,body .hs-home .hs-benefit-grid article:nth-child(4)::after{content:none}
body .hs-home .hs-benefit-grid article:nth-child(1)::after,body .hs-home .hs-benefit-grid article:nth-child(3)::after{content:"";position:absolute;background:center/contain no-repeat;pointer-events:none}
body .hs-home .hs-benefit-grid article:nth-child(1)::after{right:12px;top:-62px;width:64px;height:70px;background-image:url(/local/templates/hardsnowboard/assets/hand-thumb.svg)}
body .hs-home .hs-benefit-grid article:nth-child(3)::after{left:16px;bottom:-24px;width:70px;height:80px;background-image:url(/local/templates/hardsnowboard/assets/hand-rock.svg)}
body .hs-home .hs-benefits{padding:40px 0 40px}
}