.collection-page{padding-top:var(--spacing-2xl);min-height:60vh}.collection-header{padding:var(--spacing-2xl) 0;text-align:center;background-color:var(--color-gray-100)}.breadcrumbs{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);margin-bottom:var(--spacing-md);color:var(--color-gray-600)}.breadcrumbs a{color:var(--color-gray-600);transition:color var(--transition-fast)}.breadcrumbs a:hover{color:var(--color-gold)}.collection-title{font-size:var(--font-size-3xl);font-weight:800;margin-bottom:var(--spacing-sm)}@media (min-width: 768px){.collection-title{font-size:var(--font-size-4xl)}}.collection-count{font-size:var(--font-size-base);color:var(--color-gray-600);margin:0}.collection-description{max-width:600px;margin:var(--spacing-md) auto 0;color:var(--color-gray-700)}.collection-content{display:grid;grid-template-columns:1fr;gap:var(--spacing-xl);padding:var(--spacing-2xl) 0;position:relative}@media (min-width: 1024px){.collection-content{grid-template-columns:280px 1fr;gap:var(--spacing-3xl)}}.mobile-filter-toggle{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-md);background-color:var(--color-white);border:2px solid var(--color-black);border-radius:var(--radius-sm);font-weight:600;cursor:pointer;margin-bottom:var(--spacing-lg);transition:all var(--transition-base)}.mobile-filter-toggle:hover{background-color:var(--color-black);color:var(--color-white)}@media (min-width: 1024px){.mobile-filter-toggle{display:none}}.collection-sidebar{position:fixed;top:0;left:-100%;width:85%;max-width:320px;height:100vh;background-color:var(--color-white);z-index:var(--z-modal);transition:left var(--transition-base);overflow-y:auto;box-shadow:var(--shadow-xl)}.collection-sidebar.active{left:0}@media (min-width: 1024px){.collection-sidebar{position:sticky;top:100px;left:0;width:100%;max-width:none;height:auto;max-height:calc(100vh - 120px);box-shadow:none;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);overflow-y:auto}}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--color-gray-200)}@media (min-width: 1024px){.sidebar-header{padding:var(--spacing-xl)}.sidebar-close{display:none}}.sidebar-title{font-size:var(--font-size-lg);font-weight:700;margin:0}.sidebar-close{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:none;border:none;cursor:pointer;padding:0;color:var(--color-black)}.sidebar-content{padding:var(--spacing-lg)}@media (min-width: 1024px){.sidebar-content{padding:var(--spacing-xl)}}.filter-group{margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-xl);border-bottom:1px solid var(--color-gray-200)}.filter-group:last-of-type{border-bottom:none}.filter-title{font-size:var(--font-size-base);font-weight:700;margin-bottom:var(--spacing-md);text-transform:uppercase;letter-spacing:.05em}.filter-options{display:flex;flex-direction:column;gap:var(--spacing-sm)}.filter-option{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm);transition:background-color var(--transition-fast)}.filter-option:hover{background-color:var(--color-gray-100)}.filter-option input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:var(--color-gold)}.filter-option span{font-size:var(--font-size-sm)}.filter-size-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-sm)}.filter-size-option{display:flex;align-items:center;justify-content:center;position:relative}.filter-size-option input[type=checkbox]{position:absolute;opacity:0;cursor:pointer}.filter-size-option span{display:flex;align-items:center;justify-content:center;width:100%;padding:var(--spacing-sm);border:2px solid var(--color-gray-300);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.filter-size-option input[type=checkbox]:checked+span{background-color:var(--color-black);color:var(--color-white);border-color:var(--color-black)}.filter-size-option:hover span{border-color:var(--color-gold)}.filter-color-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md)}.filter-color-option{display:flex;align-items:center;justify-content:center;position:relative}.filter-color-option input[type=checkbox]{position:absolute;opacity:0;cursor:pointer}.filter-color-option .color-swatch{width:40px;height:40px;border-radius:var(--radius-full);border:3px solid var(--color-gray-300);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.filter-color-option input[type=checkbox]:checked+.color-swatch{border-color:var(--color-gold);border-width:4px;box-shadow:0 0 0 2px var(--color-white),0 0 0 4px var(--color-gold)}.filter-color-option:hover .color-swatch{transform:scale(1.1)}.clear-filters{margin-top:var(--spacing-lg)}.filter-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#00000080;z-index:calc(var(--z-modal) - 1);opacity:0;visibility:hidden;transition:all var(--transition-base)}.filter-overlay.active{opacity:1;visibility:visible}@media (min-width: 1024px){.filter-overlay{display:none}}.collection-main{width:100%}.collection-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-md);background-color:var(--color-gray-100);border-radius:var(--radius-md);margin-bottom:var(--spacing-xl);flex-wrap:wrap}.toolbar-results{font-size:var(--font-size-sm);color:var(--color-gray-700);font-weight:600}.toolbar-sort{display:flex;align-items:center;gap:var(--spacing-sm)}.toolbar-sort label{font-size:var(--font-size-sm);font-weight:600;color:var(--color-gray-700);margin:0}.sort-select{padding:var(--spacing-sm) var(--spacing-md);border:2px solid var(--color-gray-300);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:500;background-color:var(--color-white);cursor:pointer;transition:border-color var(--transition-fast)}.sort-select:focus{outline:none;border-color:var(--color-black)}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--spacing-lg);margin-top:var(--spacing-3xl);padding:var(--spacing-xl) 0}.pagination-btn{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--color-white);border:2px solid var(--color-black);border-radius:var(--radius-sm);font-weight:600;transition:all var(--transition-base);min-height:48px}.pagination-btn:hover{background-color:var(--color-black);color:var(--color-white)}.pagination-info{font-size:var(--font-size-sm);color:var(--color-gray-600);font-weight:600}@media (max-width: 639px){.collection-toolbar{flex-direction:column;align-items:stretch}.toolbar-sort{width:100%;justify-content:space-between}.sort-select{flex-grow:1}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/collection.css.map */