.collections-grid-section{padding:var(--spacing-20) 0;background:var(--color-background)}.collections-grid{display:grid;gap:var(--spacing-5)}.collections-grid.grid-equal{grid-template-columns:repeat(3,1fr)}.collections-grid.grid-featured{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,280px)}.collections-grid.grid-featured .collection-card:first-child{grid-column:span 2;grid-row:span 2}.collection-card{position:relative;display:block;border-radius:var(--border-radius-xl);overflow:hidden;text-decoration:none;background:var(--color-dark);min-height:280px;transition:all var(--transition-base)}.collection-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl)}.collection-image{position:absolute;top:0;right:0;bottom:0;left:0}.collection-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.collection-card:hover .collection-image img{transform:scale(1.08)}.collection-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-dark-soft) 0%,var(--color-dark-muted) 100%)}.collection-placeholder svg{stroke:var(--color-text-secondary);opacity:.5}.collection-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.85) 0%,rgba(0,0,0,.4) 50%,transparent 100%);transition:opacity var(--transition-base)}.collection-card:hover .collection-overlay{background:linear-gradient(to top,rgba(var(--color-primary-rgb),.9) 0%,rgba(0,0,0,.5) 50%,transparent 100%)}.collection-content{position:absolute;bottom:0;left:0;right:0;padding:var(--spacing-6);color:var(--color-light);z-index:2;transform:translateY(10px);transition:transform var(--transition-base)}.collection-card:hover .collection-content{transform:translateY(0)}.collection-content h3{font-size:var(--font-size-xl);font-weight:700;color:var(--color-light);margin-bottom:var(--spacing-1);text-shadow:0 2px 10px rgba(0,0,0,.3)}.collection-count{font-size:var(--font-size-sm);color:#fffc;margin-bottom:var(--spacing-3)}.collection-btn{display:inline-flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm);font-weight:600;color:var(--color-light);opacity:0;transform:translateY(10px);transition:all var(--transition-base)}.collection-btn svg{transition:transform var(--transition-fast)}.collection-card:hover .collection-btn{opacity:1;transform:translateY(0)}.collection-card:hover .collection-btn svg{transform:translate(5px)}@media(max-width:1024px){.collections-grid.grid-equal{grid-template-columns:repeat(2,1fr)}.collections-grid.grid-featured{grid-template-columns:repeat(2,1fr);grid-template-rows:auto}.collections-grid.grid-featured .collection-card:first-child{grid-column:span 2;min-height:350px}.collection-card{min-height:260px}}@media(max-width:768px){.collections-grid-section{padding:var(--spacing-12) 0}.collections-grid.grid-equal,.collections-grid.grid-featured{grid-template-columns:1fr 1fr;gap:var(--spacing-3)}.collections-grid.grid-featured .collection-card:first-child{grid-column:span 2;min-height:280px}.collection-card{min-height:200px;border-radius:var(--border-radius-lg)}.collection-content{padding:var(--spacing-4)}.collection-content h3{font-size:var(--font-size-base)}.collection-count{font-size:var(--font-size-xs);margin-bottom:var(--spacing-2)}.collection-btn{display:none}}@media(max-width:480px){.collections-grid.grid-equal,.collections-grid.grid-featured{gap:var(--spacing-2)}.collection-card{min-height:160px}.collections-grid.grid-featured .collection-card:first-child{min-height:220px}.collection-content{padding:var(--spacing-3)}.collection-content h3{font-size:var(--font-size-sm)}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/collections-grid.css.map */