.hh-subcategories__body{position:relative;display:block;border-block:1px solid var(--color-border);padding-block:24px}
.hh-subcategories__list{display:flex;gap:var(--hh-subcategory-gap,24px);margin:0;padding:0;list-style:none;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none}
.hh-subcategories__list::-webkit-scrollbar{display:none}
.hh-subcategories__item{flex:0 0 var(--hh-subcategory-size,180px);min-width:0;scroll-snap-align:start}
.hh-subcategories__link{display:flex;flex-direction:column;gap:12px;color:var(--color-body-text);text-align:center}
.hh-subcategories__image{display:block;aspect-ratio:1;overflow:hidden;border-radius:12px;background:#efefef;isolation:isolate;box-sizing:border-box;padding:clamp(12px,1vw,16px)}
.hh-subcategories__image img,.hh-subcategories__placeholder{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.hh-subcategories__title{font-size:14px;line-height:1.4;font-weight:600}
.hh-subcategories__item--back{position:relative}
.hh-subcategories__item--back:after{content:'';position:absolute;right:calc(var(--hh-subcategory-gap,24px)/-2);top:0;bottom:0;width:1px;background:var(--color-border);pointer-events:none}
.hh-subcategories__back-image{display:flex;align-items:center;justify-content:center}
.hh-subcategories__back-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:4px;background:#fff;color:var(--color-body-text);box-shadow:0 2px 8px #00000014}
.hh-subcategories__link:hover,.hh-subcategories__link:hover .hh-subcategories__title{text-decoration:none}
.hh-subcategories__link:focus-visible{outline:2px solid var(--color-body-text);outline-offset:-2px;border-radius:12px}
.hh-subcategories__arrow{position:absolute;top:calc(24px + var(--hh-subcategory-size,180px)/2);transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid #ffffff73;border-radius:4px;background:#ffffffa6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--color-body-text);box-shadow:0 2px 8px #00000014;z-index:1;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}
.hh-subcategories__arrow--previous{left:8px}
.hh-subcategories__arrow--next{right:8px}
.hh-subcategories__arrow[hidden]{display:none}
.hh-subcategories__arrow:focus-visible{outline:2px solid var(--color-body-text);outline-offset:2px}
.hh-subcategories__arrow:not(:disabled):hover{background:#fff;border-color:#fff}
@media(prefers-reduced-motion:reduce){.hh-subcategories__arrow{transition:none}}
@media(max-width:767px){.hh-subcategories{--hh-subcategory-size:clamp(128px,40vw,168px)!important;--hh-subcategory-gap:12px!important}.hh-subcategories__body{padding-block:16px}.hh-subcategories__arrow{top:calc(16px + var(--hh-subcategory-size)/2)}.hh-subcategories__title{font-size:13px}.hh-subcategories__arrow--previous{left:4px}.hh-subcategories__arrow--next{right:4px}}

.hh-subcategories--clothing .hh-subcategories__image{aspect-ratio:var(--hh-subcategory-ratio,1);padding:0;background:#efefef}
.hh-subcategories--clothing .hh-subcategories__image img{object-fit:cover;mix-blend-mode:normal}
.hh-subcategories--clothing .hh-subcategories__arrow{top:calc(24px + var(--hh-subcategory-size,160px) / (var(--hh-subcategory-ratio,1)) / 2)}
@media(max-width:767px){.hh-subcategories--clothing .hh-subcategories__arrow{top:calc(16px + var(--hh-subcategory-size) / (var(--hh-subcategory-ratio,1)) / 2)}}
.hh-subcategories--clothing .hh-subcategories__body{border-block:0}
.hh-subcategories--clothing .hh-subcategories__title{font-weight:400}
.hh-subcategories--clothing .hh-subcategories__item--back:after{display:none}

.hh-subcategories--clothing .hh-subcategories__image--packshot img{mix-blend-mode:multiply}
