.collection-grid-wrapper{padding:50px 20px;max-width:1400px;margin:0 auto}.collection-grid__container{width:100%}.collection-grid__header{text-align:center;margin-bottom:40px}.collection-grid__title{font-size:32px;font-weight:700;margin:0 0 10px}.collection-grid__subtitle{font-size:16px;color:#666;margin:0}.collection-grid__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}@media(min-width:769px){.collection-grid__grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.collection-grid__grid{grid-template-columns:repeat(2,1fr);gap:16px}}.collection-grid__item{width:100%}.collection-card{position:relative;overflow:hidden;border-radius:4px;aspect-ratio:1 / 1}.collection-card__media{position:absolute;top:0;left:0;width:100%;height:100%}.collection-card__media img,.collection-card__media .placeholder-svg{width:100%;height:100%;object-fit:cover}.collection-card__overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.collection-card__content{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding:30px}.collection-card__heading{font-size:22px;font-weight:600;margin:0 0 10px;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.collection-card__subheading{font-size:16px;margin:0 0 20px;text-shadow:1px 1px 1px rgba(0,0,0,.3)}.collection-card__button{display:inline-block;padding:12px 28px;border-radius:30px;text-decoration:none;font-weight:600;font-size:14px;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.collection-card__button:hover{transform:translateY(-2px);opacity:.9}[style*="text-align: left"] .collection-card__content{align-items:flex-start;text-align:left}[style*="text-align: right"] .collection-card__content{align-items:flex-end;text-align:right}@media(max-width:768px){.collection-grid-wrapper{padding:30px 16px}.collection-grid__title{font-size:20px}.collection-grid__subtitle{font-size:14px}.collection-card__heading{font-size:20px}.collection-card__subheading{font-size:12px}.collection-card__button{padding:8px 20px;font-size:12px}.collection-card__content{padding:20px}}.collection-card:hover .collection-card__media img{transform:scale(1.05);transition:transform .5s ease}.collection-card__media img{transition:transform .5s ease}
/*# sourceMappingURL=/cdn/shop/t/8/assets/section-collection-grid.css.map */
