.z9-cats{padding:var(--z9-cats-pt, 60px) 0 var(--z9-cats-pb, 60px);background:var(--z9-cats-bg, #ffffff);overflow:hidden}.z9-cats__slider-wrap{position:relative}.z9-cats__viewport{overflow:hidden}.z9-cats__track{display:flex;gap:16px;transition:transform .5s cubic-bezier(.25,.1,.25,1);will-change:transform}.z9-cats__card{position:relative;flex:0 0 calc((100% - 60px)/4);aspect-ratio:4/5;overflow:hidden;text-decoration:none;display:block}.z9-cats__card img,.z9-cats__card svg{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.z9-cats__card:hover img{transform:scale(1.08)}.z9-cats__card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.z9-cats__card-label{position:absolute;bottom:20px;left:20px;right:50px;z-index:2;font-family:var(--z9-font-heading);font-size:16px;font-weight:700;color:#fff;text-transform:uppercase;margin:0;line-height:1.3;padding:12px;width:fit-content}.z9-cats__card-arrow{position:absolute;bottom:25px;right:16px;z-index:2;width:32px;height:32px;background:#ffffff26;display:flex;align-items:center;justify-content:center;color:#000;opacity:0;transform:translateY(8px);transition:all .3s ease}body .z9-cats__card-arrow svg{width:16px;height:16px;color:#fff}.z9-cats__card:hover .z9-cats__card-arrow{opacity:1;transform:translateY(0)}.z9-cats__btn{position:absolute;top:50%;transform:translateY(-50%);z-index:1;width:44px;height:44px;border:1px solid rgba(0,0,0,.12);background:#fff;color:#111;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--z9-transition, .3s ease);box-shadow:0 2px 8px #0000001a}.z9-cats__btn:hover{background:#000;border-color:#000;color:#fff}.z9-cats__btn--prev{left:-22px}.z9-cats__btn--next{right:-22px}@media(max-width:989px){.z9-cats__card{flex:0 0 calc((100% - 32px) / 3)}.z9-cats__viewport{overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.z9-cats__viewport::-webkit-scrollbar{display:none}.z9-cats__track{transition:none}.z9-cats__card{scroll-snap-align:start}}@media(max-width:749px){.z9-cats__card{flex:0 0 calc((100% - 8px)/2)}.z9-cats__card-label{font-size:11px;bottom:10px}.z9-cats__card-arrow{bottom:10px}}@media(max-width:1449px){.z9-cats__btn--prev{left:10px}.z9-cats__btn--next{right:10px}}@media(min-width:1450px){.z9-cats__viewport{margin-right:-17px}}@media screen and (min-width:989px)and (max-width:1449px){body .z9-cats__card{flex:0 0 calc((100% - 50px)/4)}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/z9-categories.css.map */