.chs{display:block;background:var(--chs-bg);color:var(--chs-text);padding:calc(var(--chs-pt) * .5) 0 calc(var(--chs-pb) * .5)}.chs *,.chs *:before,.chs *:after{box-sizing:border-box}.chs__inner{display:flex;flex-direction:column}.chs ul{margin:0;padding:0;list-style:none}.chs li{margin:0;padding:0}.chs li:before{content:none}.chs__intro{padding:0 16px;text-align:center}.chs .chs__heading{margin:0;padding:0;font-family:var(--chs-heading-font, inherit);font-weight:400;line-height:1;text-transform:uppercase;color:inherit}.chs__heading-small{display:block;font-size:20px;letter-spacing:.08em}.chs__heading-large{display:block;margin-top:4px;font-size:30px;letter-spacing:.04em}.chs__text{display:none}.chs__empty{margin:20px 0 0;padding:0 16px;text-align:center;opacity:.7}.chs__placeholder{width:100%;height:100%;background:#0000000f}.chs__media,.chs__list{display:none}.chs__mobile{position:relative;margin-top:18px}.chs .chs__track{display:flex;gap:8px;padding:0 16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 16px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.chs .chs__track::-webkit-scrollbar{display:none}.chs .chs-card{flex:0 0 calc((100% - (var(--chs-cols-mb) - 1) * 8px) / var(--chs-cols-mb));min-width:0;scroll-snap-align:start}.chs a.chs-card__link{display:block;color:inherit;text-decoration:none}.chs-card__media{position:relative;display:block;overflow:hidden;aspect-ratio:var(--chs-ratio-mb);background:#0000000f}.chs .chs-card__media img,.chs .chs-card__media svg{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;max-width:none;object-fit:cover}.chs-card__name{display:block;margin-top:10px;font-size:12px;line-height:1.3;letter-spacing:.06em;text-align:center;text-transform:uppercase}.chs button.chs__arrow{position:absolute;z-index:2;top:calc(50% - 14px);display:flex;align-items:center;justify-content:center;width:30px;height:30px;min-width:0;min-height:0;margin:-15px 0 0;padding:0;background:#ffffffe6;color:#111;border:0;border-radius:50%;box-shadow:0 2px 8px #00000026;cursor:pointer}.chs button.chs__arrow svg{width:13px;height:13px}.chs button.chs__arrow--prev{left:8px}.chs button.chs__arrow--next{right:8px}.chs button.chs__arrow[hidden]{display:none}.chs button.chs__arrow[disabled]{opacity:0;pointer-events:none}@media(min-width:768px){.chs{padding:var(--chs-pt) 0 var(--chs-pb)}.chs__inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,.8fr);align-items:center;gap:clamp(24px,4vw,70px);max-width:1500px;margin:0 auto;padding:0 clamp(24px,5vw,80px)}.chs__intro{min-width:0;padding:0 clamp(24px,4vw,72px) 0 0;text-align:left}.chs__heading-small{font-size:clamp(26px,3vw,48px)}.chs__heading-large{margin-top:10px;font-size:clamp(34px,4.2vw,66px)}.chs__text{display:block;max-width:420px;margin-top:30px;font-size:16px;line-height:1.6}.chs__text p{margin:0}.chs__mobile{display:none}.chs__media{position:relative;display:block;overflow:hidden;aspect-ratio:var(--chs-ratio);background:#0000000f}.chs__media-item{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transform:scale(1.03);transition:opacity .5s ease,transform .8s ease}.chs__media-item.is-active{opacity:1;transform:none}.chs .chs__media-item img,.chs .chs__media-item svg{display:block;width:100%;height:100%;max-width:none;object-fit:cover}.chs__list{display:block}.chs .chs__list li+li{margin-top:clamp(28px,4vw,60px)}.chs a.category-tab{cursor:pointer;position:relative;transition:all .3s ease;display:inline-flex;align-items:center;gap:48px;padding-bottom:16px;color:inherit;text-decoration:none;font-size:clamp(15px,1.25vw,20px);line-height:1.2;letter-spacing:.08em;text-transform:uppercase;opacity:.85}.chs a.category-tab:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.category-tab__arrow{width:26px;height:26px;flex:0 0 auto;opacity:0;transform:translate(-10px);transition:opacity .3s ease,transform .3s ease}.chs a.category-tab.is-active{font-weight:600;opacity:1}.chs a.category-tab.is-active:after{transform:scaleX(1)}.chs a.category-tab.is-active .category-tab__arrow{opacity:1;transform:none}.chs a.category-tab:focus-visible{outline:2px solid currentColor;outline-offset:4px}}@media(prefers-reduced-motion:reduce){.chs *{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/category-hover-showcase.css.map */