.grid__list--item{padding:0 10px;position:relative;overflow:hidden;display:inline-block;vertical-align:top;scroll-snap-align:start;width:20%}.grid__list{margin:0;white-space:nowrap;overflow:auto;width:100%}.grid__list--item .content__over_the_image{position:absolute;width:calc(100% - 20px);opacity:1;visibility:visible;bottom:30px;transition:.2s all linear;z-index:1;text-align:center;left:0;right:0;margin:0 auto;transition:all .15s linear}.grid__list--overlay{position:absolute;height:100%;width:100%;top:0;z-index:1}.grid__list--item .content__below_the_image{margin:20px 0 0}.content__over_the_image .grid__content{opacity:0;visibility:hidden;transition:all .15s linear}.grid__list .swiper-pagination{margin:40px 0 0}.grid__list--item svg{width:100%;height:100%;left:0;top:0}.grid__list--item:hover .content__over_the_image{bottom:100px}.grid__list--item:hover grid__content{opacity:1;visibility:visible}.grid-scroll-wrapper{position:relative;display:flex;align-items:center;margin:0 -10px}.scrollable-x{overflow-x:auto;scroll-behavior:smooth;gap:20px;scroll-snap-type:x mandatory;-ms-overflow-style:none;scrollbar-width:none;white-space:nowrap}.scrollable-x::-webkit-scrollbar{display:none}.scroll-arrow{position:absolute;z-index:2;top:50%;transform:translateY(-50%);background:#000;cursor:pointer;opacity:1;transition:opacity .3s;height:40px;width:40px;transition:.15s all linear;background-color:#000;border-radius:50%;display:flex;align-items:center;justify-content:center}.scroll-arrow:hover{opacity:1}.scroll-arrow.left{left:40px}.scroll-arrow.right{right:40px}.scroll-arrow svg{fill:#fff;width:20px;height:20px}.grid__title{font-size:20px;line-height:1.2}.grid__section--title{margin:0 0 10px}.grid-scroll-wrapper .grid__list{display:flex;gap:0}.grid-scroll-wrapper .grid__list .grid__list--item{flex:0 0 20%;width:auto}.grid-scroll-wrapper .grid__list.grid__list-col--2 .grid__list--item{flex:0 0 50%}.grid-scroll-wrapper .grid__list.grid__list-col--3 .grid__list--item{flex:0 0 33.33%}.grid-scroll-wrapper .grid__list.grid__list-col--4 .grid__list--item{flex:0 0 25%}@media (max-width: 1024px){.grid__content{opacity:1;visibility:visible}.scrollable-x{gap:10px}}@media (max-width: 767px){.grid__list--item{padding:0 5px}.grid-scroll-wrapper .grid__list .grid__list--item,.grid-scroll-wrapper .grid__list.grid__list-col--2 .grid__list--item,.grid-scroll-wrapper .grid__list.grid__list-col--3 .grid__list--item,.grid-scroll-wrapper .grid__list.grid__list-col--4 .grid__list--item{flex:0 0 50%}.scroll-arrow{width:30px;height:30px}.scroll-arrow.right{right:-10px}.scroll-arrow.left{left:-10px}.scroll-arrow svg{width:14px;height:14px}#collection-grid .scroll-arrow svg{margin:-4px 0 0}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/grid.css.map */