:root{--collection-card-radius: 0;--collection-button-border: 2px;--collection-spacing: 24px;--collection-text-color: #2d2d2d;--collection-border-color: #5c5c7a;--collection-bg: #ffffff;--collection-hover-transform: translateY(-4px);--transition-smooth: all .4s cubic-bezier(.4, 0, .2, 1)}.collection-showcase{width:100%;overflow:hidden}.collection-showcase__container{max-width:1400px;margin:0 auto;padding:0 20px}.collection-showcase__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--collection-spacing);align-items:stretch}.collection-card{background:var(--collection-bg);border-radius:var(--collection-card-radius);overflow:hidden;display:flex;flex-direction:column;height:100%;transition:var(--transition-smooth);box-shadow:0 2px 8px #0000000f}.collection-card:hover{transform:var(--collection-hover-transform);box-shadow:0 8px 24px #0000001f}.collection-card__image-wrapper{position:relative;width:100%;padding-bottom:60%;overflow:hidden;background:#f8f8f8}.collection-card__image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:var(--transition-smooth)}.collection-card:hover .collection-card__image{transform:scale(1.05)}.collection-card__placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#e8e8e8}.collection-card__placeholder svg{width:60%;height:60%;opacity:.3}.collection-card__content{padding:40px 32px;display:flex;flex-direction:column;flex-grow:1}.collection-card__title{color:var(--collection-text-color);text-transform:uppercase;margin:0 0 16px}.collection-card__description{font-family:Lato,Helvetica Neue,sans-serif;font-size:15px;line-height:1.7;color:#555;margin:0 0 28px;flex-grow:1;font-weight:400;letter-spacing:.01em}.collection-card__button{display:inline-block;padding:14px 32px;border:var(--collection-button-border) solid var(--collection-border-color);background:transparent;color:var(--collection-border-color);font-family:Lato,Helvetica Neue,sans-serif;font-size:13px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;text-decoration:none;text-align:center;transition:var(--transition-smooth);cursor:pointer;align-self:flex-start;border-radius:0;position:relative;overflow:hidden}.collection-card__button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--collection-border-color);transition:left .4s cubic-bezier(.4,0,.2,1);z-index:-1}.collection-card__button:hover:before{left:0}.collection-card__button:hover{color:#fff;border-color:var(--collection-border-color)}@media screen and (min-width:768px){.collection-showcase__grid{grid-template-columns:repeat(2,1fr);gap:32px}}@media screen and (min-width:1024px){.collection-showcase__grid{grid-template-columns:repeat(3,1fr);gap:40px}.collection-card__content{padding:48px 40px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.collection-card{animation:fadeInUp .6s ease-out backwards}.collection-card:nth-child(1){animation-delay:.1s}.collection-card:nth-child(2){animation-delay:.2s}.collection-card:nth-child(3){animation-delay:.3s}.collection-card:nth-child(4){animation-delay:.4s}.collection-card:nth-child(5){animation-delay:.5s}.collection-card:nth-child(6){animation-delay:.6s}.collection-card__button:focus{outline:2px solid var(--collection-border-color);outline-offset:4px}@media(prefers-reduced-motion:reduce){.collection-card,.collection-card__image,.collection-card__button,.collection-card__button:before{animation:none;transition:none}}@media print{.collection-showcase{background:#fff}.collection-card{page-break-inside:avoid;box-shadow:none;border:1px solid #ccc}.collection-card__button{display:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/collection-showcase.css.map */
