.collections-grid{padding-block:var(--section-py-sm);padding-inline:var(--gutter, 16px)}@media(min-width:768px){.collections-grid{padding-block:var(--section-py-md);padding-inline:0}}@media(min-width:1024px){.collections-grid{padding-block:var(--section-py-lg)}}.collections-grid__header{text-align:center;margin-bottom:var(--spacing-10)}.collections-grid__subheading{font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);color:var(--color-primary);margin-bottom:var(--spacing-2)}.collections-grid__heading{font-family:var(--font-heading);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-heading)}.collections-grid__grid{display:grid;gap:var(--spacing-6)}.collections-grid__grid--2{grid-template-columns:repeat(2,1fr)}.collections-grid__grid--3{grid-template-columns:repeat(3,1fr)}.collections-grid__grid--4{grid-template-columns:repeat(4,1fr)}@media(max-width:1023px){.collections-grid__grid--3,.collections-grid__grid--4{grid-template-columns:repeat(2,1fr)}}@media(max-width:639px){.collections-grid__grid--2,.collections-grid__grid--3,.collections-grid__grid--4{grid-template-columns:1fr}}.collection-card{position:relative;display:block;border-radius:var(--radius-lg, 12px);overflow:hidden;text-decoration:none;aspect-ratio:1;box-shadow:0 4px 20px #00000014;transition:transform .4s ease,box-shadow .4s ease;touch-action:manipulation}.collection-card:hover{transform:translateY(-8px);box-shadow:0 16px 40px #00000026}@media(hover:none){.collection-card:hover{transform:none;box-shadow:0 4px 20px #00000014}}.collection-card__image-wrapper{position:relative;width:100%;height:100%}.collection-card__image{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.collection-card:hover .collection-card__image{transform:scale(1.1)}.collection-card__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.7) 0%,rgba(0,0,0,.3) 40%,rgba(0,0,0,.1) 70%,transparent 100%);transition:background .3s ease}.collection-card:hover .collection-card__overlay{background:linear-gradient(to top,rgba(74,93,74,.85) 0%,rgba(74,93,74,.4) 40%,rgba(0,0,0,.1) 70%,transparent 100%)}.collection-card__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-surface, #f8f8f8) 0%,var(--color-border, #e5e5e5) 100%);color:var(--color-text-muted)}.collection-card__content{position:absolute;bottom:0;left:0;right:0;padding:var(--spacing-6, 24px);color:#fff;z-index:2;transform:translateY(0);transition:transform .3s ease}.collection-card:hover .collection-card__content{transform:translateY(-4px)}.collection-card__title{font-family:var(--font-heading);font-size:var(--font-size-xl, 20px);font-weight:var(--font-weight-bold, 700);margin:0;text-shadow:0 2px 8px rgba(0,0,0,.4)}.collection-card__count{font-size:var(--font-size-sm, 14px);margin-top:var(--spacing-1, 4px);opacity:.9}.collection-card__arrow{position:absolute;bottom:var(--spacing-6, 24px);right:var(--spacing-6, 24px);width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#fff3;border-radius:50%;color:#fff;opacity:0;transform:translate(-10px);transition:opacity .3s ease,transform .3s ease,background .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.collection-card:hover .collection-card__arrow{opacity:1;transform:translate(0)}.collection-card__arrow:hover{background:var(--color-accent, var(--color-secondary, #4a5d4a))}.collections-grid__footer{text-align:center;margin-top:var(--spacing-10)}
/*# sourceMappingURL=/cdn/shop/t/22/assets/component-collections-grid.css.map */