.categories-block-wrap{position:relative}.categories-block{display:flex;flex-wrap:nowrap;overflow-x:auto;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;gap:20px;padding:10px 0 20px;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none}.categories-block::-webkit-scrollbar{display:none}.categories-nested-block{flex:0 0 auto;transition:all .3s ease;width:calc(33.333% - 14px)}.categories-block-link{background-color:#fff;border-radius:12px;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);display:block;height:100%;overflow:hidden;position:relative;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease}.categories-block-link:hover{box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);transform:translateY(-8px)}.categories-block-image{display:block;height:220px;object-fit:cover;transition:transform .5s ease;width:100%}.categories-block-link:hover .categories-block-image{transform:scale(1.05)}.categories-block-chips{background:linear-gradient(0deg,rgba(0,0,0,.8),transparent);bottom:0;color:#fff;font-size:1.1rem;font-weight:600;left:0;letter-spacing:.5px;padding:1.5rem 1rem 1rem;position:absolute;right:0;text-align:center}.categories-block-wrap:after,.categories-block-wrap:before{content:none}@media (max-width:1024px){.categories-nested-block{width:calc(55% - 10px)}.categories-block-image{height:200px}}@media (max-width:768px){.categories-nested-block{width:calc(100% - 10px)}.categories-block-image{height:180px}.next-button,.prev-button{height:40px!important;width:40px!important}.categories-block-chips{font-size:1rem;padding:1.2rem .8rem .8rem}}@keyframes imageLoad{0%{opacity:0}to{opacity:1}}.categories-block-image{animation:imageLoad .5s ease-in}.categories-nested-block:focus-within .categories-block-link{box-shadow:0 0 0 3px rgba(66,153,225,.5),0 10px 15px -3px rgba(0,0,0,.1);outline:none}.categories-block-link:focus{box-shadow:0 0 0 3px rgba(66,153,225,.5),0 10px 15px -3px rgba(0,0,0,.1);outline:none}.next-button:hover,.prev-button:hover{box-shadow:0 10px 15px rgba(0,0,0,.1);transform:translateY(-65%) scale(1.1)}.next-button:active,.prev-button:active{transform:translateY(-65%) scale(.95)}