.categories{--padding-x: 54px;--slide-width: clamp(156px, calc(156px + (284 - 156) * ((100vw - 835px) / 605)), 284px);--slides-gap: clamp(8px, calc(8px + 4*(100vw - 834px)) , 12px);display:block;padding:34px 0 68px}.categories-header{display:grid;grid-template-columns:minmax(0,1fr) 120px;grid-column-gap:24px;align-items:center;padding-inline:var(--padding-x);&:not(:has(.categories-title)){.categories-header-right{padding-top:0}}}.categories-header-right{text-align:right}.categories-button{padding-top:4px;&.mobile{span{font-size:15px;line-height:15px}}}.categories-swiper-wrapper{position:relative;margin-top:clamp(20px,calc(20px + 14*(100vw - 834px)),34px);&:only-child{margin-top:0}}.categories-swiper{padding-inline:var(--padding-x)}.categories-slide{position:relative;width:100%;max-width:var(--slide-width);border-radius:clamp(8px,calc(8px + 2*(100vw - 834px)),10px);overflow:hidden;&:not(:last-child){margin-right:var(--slides-gap)}}.categories-slide-link{position:absolute;top:0;left:0;z-index:3;display:block;width:100%;height:100%}.categories-slide-image-wrapper{--aspect-ratio: 284 / 324;--object-fit: cover}.categories-slide-content{position:absolute;top:0;left:0;width:100%;height:100%;padding:clamp(14px,calc(14px + 2*(100vw - 834px)),16px)}.categories-scrollbar-wrapper{padding-inline:var(--padding-x);margin-top:clamp(35px,calc(35px + 16*(100vw - 834px)),51px);&:has(.swiper-scrollbar[style*=none]){display:none}}.categories-swiper-buttons{position:absolute;top:calc(var(--slide-height) / 2);left:0;transform:translateY(-50%);z-index:4;display:flex;justify-content:space-between;width:100%;padding-inline:64px;pointer-events:none}.categories-swiper-button{pointer-events:auto}@media (width <= 834px){.categories{--padding-x: 8px;--slide-width: calc((230 / 344 * 100%));padding:24px 0}.categories-swiper-buttons{display:none}.categories-header-right{.desktop{display:none}}}@media (width >= 835px){.categories-header-right{.mobile{display:none}}}@media (width >= 1440px){.categories{--slide-width: calc((284 / 1332 * 100%))}}
