.shoe-collection{padding:60px 0;margin:0 auto}.shoe-collection__heading{text-align:center;margin-bottom:40px;font-size:32px}.shoe-collection__grid{display:grid;grid-template-columns:1fr;gap:20px;padding:0 20px}.shoe-collection__card{position:relative;background-color:var(--color-background);border-radius:0;overflow:hidden;height:100%;display:flex;flex-direction:column}.shoe-collection__image-wrapper{position:relative;width:100%;aspect-ratio:20 / 27;overflow:hidden}.shoe-collection__image{border-radius:6px;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.shoe-collection__video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:6px;opacity:0;transition:opacity .4s ease;pointer-events:none}.shoe-collection__video.is-ready{opacity:1}.shoe-collection__content{position:absolute;bottom:25px;left:0;width:100%;text-align:center;padding:0 20px;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:2;top:auto}.shoe-collection__title{font-size:13px;margin-bottom:15px;color:#000;background:#fff;padding:8px 22px;border-radius:6px;text-transform:uppercase;letter-spacing:2px;position:relative;transform:translateY(-11rem);border:1px solid #ffffff7d}.shoe-collection__button{display:inline-block;padding:5px 24px;color:#fff;border:1px solid rgba(255,255,255,.8);border-radius:4px;font-size:14px;text-transform:uppercase;text-decoration:none;transition:all .3s ease}.shoe-collection__button:hover{background-color:#ffffff4d}.shoe-collection__card:after{content:"";position:absolute;top:0;bottom:0;width:100%;border-radius:8px;background:linear-gradient(0deg,#00000069,#0000 43%)}@media screen and (min-width:768px){.shoe-collection__grid{grid-template-columns:repeat(2,1fr);gap:30px}}@media screen and (min-width:990px){.shoe-collection{padding:30px 0}.shoe-collection__grid{grid-template-columns:repeat(3,1fr);gap:30px}.shoe-collection__title{font-size:14px;transform:translateY(-15rem)}}
/*# sourceMappingURL=/cdn/shop/t/61/assets/three-grid.css.map */
