.collection-section{padding:24px 0 48px}.collection-header{margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--separator)}.collection-info{text-align:center;max-width:700px;margin:0 auto}.collection-title{font-size:36px;font-weight:700;color:var(--text-primary);margin:0 0 12px;letter-spacing:-.02em}.collection-description{font-size:15px;line-height:1.6;color:var(--text-secondary);margin-bottom:12px}.collection-count{font-size:13px;color:var(--text-muted)}.collection-toolbar{display:flex;align-items:center;gap:16px;padding:16px 20px;background:var(--material-regular);backdrop-filter:blur(var(--blur-amount)) saturate(var(--saturation));-webkit-backdrop-filter:blur(var(--blur-amount)) saturate(var(--saturation));border-radius:var(--radius-xl);border:.5px solid var(--border-primary);margin-bottom:24px;flex-wrap:wrap}.filter-toggle-btn{display:none;align-items:center;gap:8px;padding:10px 16px;border-radius:var(--radius-md);border:1px solid var(--border-primary);background:var(--bg-primary);font-size:14px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.filter-toggle-btn:hover{border-color:var(--primary-blue);color:var(--primary-blue)}.filter-toggle-btn svg{width:18px;height:18px}@media (max-width: 991px){.filter-toggle-btn{display:flex}}.active-filters{display:flex;gap:8px;flex-wrap:wrap;flex:1}.active-filter-tag{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--bg-secondary);border-radius:var(--radius-full);font-size:13px;color:var(--text-secondary);text-decoration:none;transition:all var(--transition-fast)}.active-filter-tag:hover{background:var(--error-bg);color:var(--error-text)}.active-filter-tag svg{width:14px;height:14px}.clear-filters-btn{padding:6px 12px;font-size:13px;color:var(--error-red);text-decoration:none;font-weight:500}.clear-filters-btn:hover{text-decoration:underline}.sort-wrapper{display:flex;align-items:center;gap:10px;margin-left:auto}.sort-wrapper label{font-size:13px;color:var(--text-secondary);white-space:nowrap}.sort-select{padding:8px 32px 8px 12px;border-radius:var(--radius-md);border:1px solid var(--border-primary);background:var(--bg-primary) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236e6e73' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") no-repeat right 10px center;font-size:14px;color:var(--text-primary);cursor:pointer;appearance:none;-webkit-appearance:none;transition:border-color var(--transition-fast)}.sort-select:hover{border-color:var(--border-secondary)}.sort-select:focus{outline:none;border-color:var(--primary-blue)}.view-toggle{display:flex;gap:4px;padding:4px;background:var(--bg-secondary);border-radius:var(--radius-md)}.view-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);border:none;background:transparent;cursor:pointer;transition:all var(--transition-fast)}.view-btn:hover{background:var(--bg-primary)}.view-btn.active{background:var(--bg-primary);box-shadow:var(--shadow-xs)}.view-btn svg{width:18px;height:18px;stroke:var(--text-secondary)}.view-btn.active svg{stroke:var(--text-primary)}.collection-content{display:grid;grid-template-columns:260px 1fr;gap:32px}@media (max-width: 991px){.collection-content{grid-template-columns:1fr}}.collection-sidebar{position:sticky;top:100px;align-self:start}@media (max-width: 991px){.collection-sidebar{position:fixed;top:0;left:0;bottom:0;width:320px;max-width:90vw;background:var(--bg-primary);z-index:1000;transform:translate(-100%);transition:transform .3s ease;overflow-y:auto;padding:0}.collection-sidebar.open{transform:translate(0)}body.filter-open:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:999}}.sidebar-header{display:none;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--separator)}@media (max-width: 991px){.sidebar-header{display:flex}}.sidebar-header h3{font-size:18px;font-weight:600;margin:0}.sidebar-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;background:var(--bg-secondary);border-radius:var(--radius-md);cursor:pointer}.sidebar-close svg{width:20px;height:20px}.filter-form{padding:0 20px 20px}@media (min-width: 992px){.filter-form{padding:0}}.filter-group{border-bottom:1px solid var(--separator);padding:16px 0}.filter-group-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer;list-style:none}.filter-group-header::-webkit-details-marker{display:none}.filter-group-header span{font-size:14px;font-weight:600;color:var(--text-primary)}.filter-group-header svg{width:16px;height:16px;stroke:var(--text-secondary);transition:transform var(--transition-fast)}.filter-group[open] .filter-group-header svg{transform:rotate(180deg)}.filter-group-content{margin-top:12px}.filter-list{list-style:none;padding:0;margin:0;max-height:240px;overflow-y:auto}.filter-item{padding:6px 0}.filter-checkbox{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px;color:var(--text-secondary)}.filter-checkbox input{display:none}.checkbox-custom{width:18px;height:18px;border:2px solid var(--border-secondary);border-radius:var(--radius-xs);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);flex-shrink:0}.filter-checkbox input:checked+.checkbox-custom{background:var(--primary-blue);border-color:var(--primary-blue)}.filter-checkbox input:checked+.checkbox-custom:after{content:"\2713";color:#fff;font-size:12px;font-weight:700}.filter-checkbox input:disabled+.checkbox-custom{opacity:.4}.filter-label{flex:1}.filter-count{color:var(--text-light);font-size:12px}.price-range-filter{padding:8px 0}.price-inputs{display:flex;align-items:center;gap:12px}.price-input-group{display:flex;align-items:center;gap:4px;padding:8px 12px;border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--bg-primary)}.price-input-group .currency{color:var(--text-muted);font-size:14px}.price-input-group input{width:60px;border:none;background:transparent;font-size:14px;color:var(--text-primary)}.price-input-group input:focus{outline:none}.price-separator{color:var(--text-light)}.btn-apply-filters{width:100%;padding:14px 24px;margin-top:20px;border-radius:var(--radius-md);border:none;background:var(--primary-blue);color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.btn-apply-filters:hover{background:var(--primary-blue-hover)}.pagination{margin-top:48px;display:flex;justify-content:center}.pagination-list{display:flex;align-items:center;gap:8px;list-style:none;padding:0;margin:0}.pagination-btn{min-width:40px;height:40px;padding:0 12px;display:flex;align-items:center;justify-content:center;gap:6px;border-radius:var(--radius-md);border:1px solid var(--border-primary);background:var(--bg-primary);font-size:14px;font-weight:500;color:var(--text-secondary);text-decoration:none;transition:all var(--transition-fast)}.pagination-btn:hover{border-color:var(--primary-blue);color:var(--primary-blue)}.pagination-btn.current{background:var(--primary-blue);border-color:var(--primary-blue);color:#fff}.pagination-btn svg{width:16px;height:16px}.pagination-ellipsis{padding:0 8px;color:var(--text-light)}.collection-empty{text-align:center;padding:80px 24px}.empty-icon{width:80px;height:80px;margin:0 auto 24px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border-radius:50%}.empty-icon svg{width:40px;height:40px;stroke:var(--text-light)}.collection-empty h2{font-size:24px;font-weight:600;color:var(--text-primary);margin:0 0 12px}.collection-empty p{font-size:15px;color:var(--text-secondary);margin:0 0 24px}.btn-clear-filters{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:var(--radius-md);background:var(--primary-blue);color:#fff;font-size:15px;font-weight:600;text-decoration:none;transition:all var(--transition-fast)}.btn-clear-filters:hover{background:var(--primary-blue-hover)}@media (max-width: 768px){.collection-title{font-size:28px}.collection-toolbar{padding:12px 16px}.sort-wrapper label{display:none}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/section-collection.css.map */