.category-carousel{padding-top:60px}.category-carousel__container{max-width:1320px;margin:0 auto;width:100%;padding:0 15px;box-sizing:border-box}.category-carousel__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.category-carousel__title{font-family:Lato,sans-serif;font-weight:900;font-style:normal;text-transform:uppercase;font-size:29px;color:#211c19;margin:0}@media (max-width: 768px){.category-carousel__title{font-size:26px}}.category-carousel__navigation{display:flex;gap:12px}.category-carousel__arrow{width:40px;height:40px;border-radius:50%;border:1px solid #e0e0e0;background-color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:#211c19}.category-carousel__arrow:hover{background-color:#ff4201;color:#fff}.category-carousel__arrow:disabled{opacity:.6;cursor:not-allowed}.category-carousel__carousel{position:relative;overflow:hidden;margin:0;-webkit-user-select:none;user-select:none;box-sizing:border-box}@media (max-width: 576px){.category-carousel__carousel{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none}.category-carousel__carousel::-webkit-scrollbar{display:none}}.category-carousel__scroll-shadow{position:absolute;top:0;height:100%;width:60px;pointer-events:none;z-index:4;transition:opacity .3s ease}.category-carousel__scroll-shadow--left{left:0;background:linear-gradient(to right,#fff,#fff0)}.category-carousel__scroll-shadow--right{right:0;background:linear-gradient(to left,#fff,#fff0)}.category-carousel__scroll-shadow--hidden{opacity:0}@media (max-width: 576px){.category-carousel__scroll-shadow{display:none}}.category-carousel__track{display:flex;transition:transform .5s cubic-bezier(.215,.61,.355,1);gap:16px;padding:5px 0;cursor:default;box-sizing:border-box;will-change:transform}.category-carousel__track:not(.free-scroll){transform:translateZ(0);backface-visibility:hidden}.category-carousel__track.free-scroll{transform:none!important;transition:none!important;gap:15px;padding:5px 15px;cursor:default}@media (max-width: 576px){.category-carousel__track.free-scroll{gap:10px}}@media (max-width: 768px){.category-carousel__track{gap:15px}}@media (max-width: 576px){.category-carousel__track{gap:10px}}.category-carousel__item{flex:0 0 auto;width:calc((100% - 16px * 5) / 5.8);height:350px;border-radius:12px;overflow:hidden;position:relative;text-decoration:none;box-sizing:border-box;border:1px solid #e0e0e0;padding:2px}@media (min-width: 768px){.category-carousel__item{transition:transform .3s ease}.category-carousel__item:hover{transform:translateY(-5px)}}@media (max-width: 576px){.category-carousel__item{scroll-snap-align:start;flex-shrink:0}}@media (max-width: 1200px){.category-carousel__item{width:calc((100% - 48px)/4)}}@media (max-width: 880px){.category-carousel__item{width:calc((100% - 15px * 2) / 3)}}@media (max-width: 576px){.category-carousel__item{width:calc((100% - 10px) / 2.2)}}@media (max-width: 420px){.category-carousel__item{width:calc((100% - 10px) / 2.2);height:270px}}.category-carousel__item-title{font-family:Lato,sans-serif;font-weight:900;font-style:normal;position:absolute;bottom:25px;left:0;width:100%;color:#fff;font-size:25px;text-align:left;margin:0;padding:0 35px;z-index:3;pointer-events:none;text-wrap:balance}@media (max-width: 768px){.category-carousel__item-title{font-size:18px;padding:0 15px}}.category-carousel__image-container{width:100%;height:100%;pointer-events:none;overflow:hidden;border-radius:10px}.category-carousel__image{width:100%;height:100%;object-fit:cover;pointer-events:none}.category-carousel__overlay{position:absolute;bottom:2px;left:2px;width:calc(100% - 4px);height:calc(100% - 4px);background:linear-gradient(to top,#eb3c00,rgba(0,0,0,.3019607843),transparent 60%);pointer-events:none;z-index:2;border-radius:10px}@media (max-width: 768px){.category-carousel{padding:40px 0}}@media (max-width: 576px){.category-carousel{padding:30px 0}}@media (min-width: 576px){@supports (-webkit-touch-callout: none){.category-carousel__overlay,.category-carousel__name{will-change:opacity,transform;transform:translateZ(0);-webkit-transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}}}
