:root{--primary-dark: #1a1a1a;--primary-light: #ffffff;--accent-color: #2563eb;--accent-hover: #1d4ed8;--text-primary: #0f0f0f;--text-secondary: #6b7280;--text-light: #9ca3af;--border-color: #e5e7eb;--border-dark: #d1d5db;--background-soft: #f8fafc;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--transition-fast: all .15s ease;--transition-base: all .2s ease;--transition-slow: all .3s ease;--spacing-xs: .5rem;--spacing-sm: .75rem;--spacing-base: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--border-radius: .5rem;--border-radius-lg: .75rem}.modern-collection-list{margin:0;padding:0;background:var(--primary-light)}.modern-collection-title{font-size:clamp(2rem,4vw,1.5rem);font-weight:500;color:var(--text-primary);text-align:center;margin-bottom:var(--spacing-3xl);letter-spacing:-.02em;line-height:1.2;position:relative}.modern-collection-grid{display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));list-style:none;margin:0;padding:0}.modern-collection-grid--1{grid-template-columns:1fr;max-width:600px;margin:0 auto}.modern-collection-grid--2{grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.modern-collection-grid--3{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.modern-collection-grid--4{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.modern-collection-grid--5{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.modern-collection-grid--6{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.modern-collection-item{position:relative;display:block;background:var(--primary-light);overflow:hidden;transition:var(--transition-base);border:1px solid var(--border-color)}.modern-collection-item:hover{transform:translateY(-4px);border-color:var(--border-dark)}.modern-collection-image{position:relative;aspect-ratio:4/5;background:var(--primary-light);overflow:hidden;border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0}.modern-collection-image img{width:100%;height:100%;object-fit:contain;transition:var(--transition-slow)}.modern-collection-item:hover .modern-collection-image img{transform:scale(1)}.modern-collection-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.05) 30%,rgba(0,0,0,.4) 100%);display:flex;align-items:flex-end;justify-content:center;padding:var(--spacing-lg);opacity:0;transition:var(--transition-base)}.modern-collection-item:hover .modern-collection-overlay{opacity:1}.modern-collection-explore{background:var(--primary-light);color:var(--text-primary);padding:var(--spacing-sm) var(--spacing-lg);font-size:.875rem;font-weight:500;text-decoration:none;border-radius:var(--border-radius);transition:var(--transition-fast);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-transform:uppercase;letter-spacing:.05em}.modern-collection-explore:hover{background:var(--accent-color);color:var(--primary-light);border-color:var(--accent-color);transform:translateY(-2px)}.modern-collection-content{padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-sm)}.modern-collection-title-card{font-size:1.25rem;font-weight:600;color:var(--text-primary);text-decoration:none;display:block;line-height:1.3;letter-spacing:-.01em;transition:var(--transition-fast);margin-bottom:var(--spacing-xs)}.modern-collection-title-card:hover{color:var(--accent-color)}.modern-pagination{display:flex;justify-content:center;align-items:center;gap:var(--spacing-base);margin-top:var(--spacing-3xl);padding:var(--spacing-xl) 0}.modern-pagination a,.modern-pagination span{display:flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 var(--spacing-base);text-decoration:none;font-size:.875rem;font-weight:500;transition:var(--transition-fast);border-radius:var(--border-radius);color:var(--text-primary);border:1px solid var(--border-color);background:var(--primary-light)}.modern-pagination a:hover{background:var(--accent-color);color:var(--primary-light);border-color:var(--accent-color);transform:translateY(-2px);box-shadow:var(--shadow-md)}.modern-pagination span{background:var(--accent-color);color:var(--primary-light);border-color:var(--accent-color);box-shadow:var(--shadow-md)}.modern-collection-item{opacity:0;transform:translateY(30px);animation:slideInUp .6s ease-out forwards}@keyframes slideInUp{to{opacity:1;transform:translateY(0)}}.modern-collection-item:nth-child(1){animation-delay:.1s}.modern-collection-item:nth-child(2){animation-delay:.2s}.modern-collection-item:nth-child(3){animation-delay:.3s}.modern-collection-item:nth-child(4){animation-delay:.4s}.modern-collection-item:nth-child(5){animation-delay:.5s}.modern-collection-item:nth-child(6){animation-delay:.6s}.modern-collection-item:nth-child(n+7){animation-delay:.7s}@media (max-width: 768px){.modern-collection-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.modern-collection-title{font-size:2rem;margin-bottom:var(--spacing-xl)}.modern-collection-image{aspect-ratio:1/1}.modern-collection-content{padding:var(--spacing-base)}.modern-collection-title-card{font-size:1.1rem}}@media (max-width: 480px){.modern-collection-grid{grid-template-columns:1fr;gap:var(--spacing-base)}.modern-collection-title{font-size:1.75rem;margin-bottom:var(--spacing-xl)}.modern-collection-image{aspect-ratio:4/5}.modern-collection-item{margin-bottom:var(--spacing-base)}}.modern-collection-title-card:focus,.modern-collection-explore:focus,.modern-pagination a:focus{outline:2px solid var(--accent-color);outline-offset:2px}@media (hover: hover){.modern-collection-item:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#2563eb05,#2563eb0d);opacity:0;transition:var(--transition-base);pointer-events:none;z-index:1}.modern-collection-item:hover:before{opacity:1}}.modern-collection-loading{display:flex;justify-content:center;align-items:center;min-height:200px}.modern-collection-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top:3px solid var(--accent-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.modern-collection-explore{padding:var(--spacing-xs) var(--spacing-base);font-size:.8rem}.modern-pagination{gap:var(--spacing-sm)}.modern-pagination a,.modern-pagination span{min-width:40px;height:40px;font-size:.8rem}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/modern-collection-list.css.map */