:root{--padding: 1.6vw;--zodok-categories-width: calc(99vw - 2 * var(--padding))}.zodok-categories-wrapper{display:flex;align-items:center;flex-direction:column;background-color:#121212;padding:30px 0 40px}.zodok-categories{display:flex;flex-wrap:wrap;width:var(--zodok-categories-width);padding:0;list-style:none;margin:0;background-color:#121212}.zodok-category{padding:var(--padding)}.men,.women{--width: calc(.5 * var(--zodok-categories-width));width:var(--width);height:calc(var(--width) / 1.5)}.other{--width: calc(.333 * var(--zodok-categories-width));width:var(--width);height:calc(1.2 * var(--width))}.category-item{position:relative;height:100%;width:100%}.category-content{height:100%;width:100%;border-radius:clamp(10px,1vw,24px);position:relative;display:flex;overflow:hidden}.category-content img{width:100%;object-fit:cover}.category-content:hover .category-click-mask{display:block;opacity:1}.category-arrow{--width: calc(var(--zodok-categories-width) / 3 - 2 * var(--padding));height:calc(20 * var(--width) /100);width:calc(20 * var(--width) /100);border-radius:calc(5 * var(--width) /100);border-width:0;position:absolute;top:calc(5 * var(--width) /100);right:calc(5 * var(--width) /100);padding:0;display:flex;align-items:center;justify-content:center;background-color:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.category-arrow img{height:calc(10.6 * var(--width) /100);width:calc(10.6 * var(--width) /100)}.category-item-info{--width: calc(var(--zodok-categories-width) / 3 - 2 * var(--padding));align-self:flex-end;position:absolute;margin-left:calc(5 * var(--width) / 100);margin-right:calc(5 * var(--width) / 100);margin-bottom:calc(5 * var(--width) / 100);color:#fff;width:calc(100% - 10 * var(--width) / 100)}.category-item-info h1{margin:0;font-size:1em;color:#fff}.category-item-info p{margin:0;font-size:.8em;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff}.category-gradiant{position:absolute;width:100%;border-bottom-left-radius:clamp(10px,calc(.05 * var(--item-width)),24px);border-bottom-right-radius:clamp(10px,calc(.05 * var(--item-width)),24px);height:200%;background-image:linear-gradient(#0000,#00000005 50%,#00000009 65%,#00000013 75.5%,#00000026 82.85%,#0000004d 88%,#000);left:0;bottom:0}.category-blur{position:absolute;width:100%;border-bottom-left-radius:clamp(10px,calc(.05 * var(--item-width)),24px);border-bottom-right-radius:clamp(10px,calc(.05 * var(--item-width)),24px);height:200%;left:0;bottom:0;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);mask:linear-gradient(rgb(0,0,0,0) 0%,rgb(0,0,0,.019) 50%,rgb(0,0,0,.037) 65%,rgb(0,0,0,.075) 75.5%,rgb(0,0,0,.15) 82.85%,rgb(0,0,0,.3) 88%,rgb(0,0,0,1) 100%);opacity:1}.category-click-mask{position:absolute;width:100%;border-bottom-left-radius:clamp(10px,calc(.05 * var(--item-width)),24px);border-bottom-right-radius:clamp(10px,calc(.05 * var(--item-width)),24px);left:0;bottom:0;height:100%;background:radial-gradient(#5285ff00,#5285ffb3);opacity:0;transition:.5s}@media only screen and (min-width: 767px){.men,.women{--width: calc(.5 * var(--zodok-categories-width));width:var(--width);height:calc(var(--width) * .5)}.other{--width: calc(.25 * var(--zodok-categories-width))}.category-arrow{--width: calc(var(--zodok-categories-width) / 4 - 2 * var(--padding))}.zodok-category{padding:calc(var(--padding) * .75)}}@media only screen and (min-width: 912px){.men,.women{--width: calc(.5 * var(--zodok-categories-width));width:var(--width);height:calc(var(--width) * .5)}.other{--width: calc(.2 * var(--zodok-categories-width))}.category-arrow{--width: calc(var(--zodok-categories-width) / 5 - 2 * var(--padding))}.zodok-category{padding:calc(var(--padding) * .6)}}.zodok-category-link{position:absolute;width:100%;height:100%;border-radius:clamp(10px,1vw,24px);left:0;bottom:0}
/*# sourceMappingURL=/cdn/shop/t/4/assets/zodok-categories.css.map */