.collection-grid{width:100%;padding:70px 0;position:relative}.collection-grid h1{text-align:center;margin:0 0 60px;font-weight:500;font-size:42px}.collection-grid__item-list{margin:0 auto;display:flex;align-items:flex-start;gap:20px;flex-wrap:wrap}.collection-grid__item{position:relative;flex-basis:calc(33.333333% - 20px);font-size:20px;display:flex;flex-direction:column;gap:10px;color:#fff;text-shadow:0px 2px 4px rgba(0,0,0,.2)}.collection-grid__image{width:100%;padding-bottom:100%;background-size:auto 100%;background-position:50% 50%;transition:background-size 2s ease,background-position 3s ease;will-change:background-size,background-position}.collection-grid__image:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#000;background:linear-gradient(0deg,#000000b3,#0000 35% 100%);transition:background .4s}.collection-grid__image:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#0000;transition:background .4s}.collection-grid__item:hover .collection-grid__image{background-size:auto 103%;background-position:60% 50%}.collection-grid__hover-card{position:absolute;bottom:0;left:0;width:100%;color:#fff;padding:30px 20px}.collection-grid__title{font-size:26px;font-weight:500}.collection-grid__hover-card-collapsable{max-height:0px;overflow:hidden;transition:all .4s;opacity:0;font-size:17px;display:flex;flex-direction:column;gap:15px;line-height:26px;padding-top:10px;will-change:max-height,opacity}.collection-grid__item:hover .collection-grid__image:before{background:#00000080}.collection-grid__shop-button{font-weight:800;display:flex;align-items:center;gap:10px;font-size:16px}.collection-grid__shop-button svg{height:12px}@media (min-width: 1024px){.collection-grid__item:hover .collection-grid__hover-card-collapsable{max-height:150px;opacity:1}}@media (max-width: 1024px){.collection-grid{padding:40px 20px}.collection-grid h1{font-size:24px;margin-bottom:28px}.collection-grid__item{flex-basis:calc(50% - 10px)}.collection-grid__item-list{padding:0}.collection-grid__hover-card{padding:0 6px}.collection-grid__title{font-size:16px}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/collection-grid.css.map */