.collection-hero{position:relative;min-height:30vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--belle-bg) 0%,var(--belle-soft) 100%);margin-bottom:var(--space-xl);overflow:hidden}@media screen and (min-width: 750px){.collection-hero{min-height:40vh;margin-bottom:var(--space-2xl)}}.collection-hero:before{content:"";position:absolute;top:-20%;left:-20%;width:140%;height:140%;background:radial-gradient(circle,rgba(201,162,109,.15),transparent 70%);animation:ambientGlow 20s ease-in-out infinite alternate;pointer-events:none}.collection-hero__content{text-align:center;position:relative;z-index:2;padding:var(--space-lg);background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-xl);max-width:600px;margin:0 var(--space-sm)}@media screen and (min-width: 750px){.collection-hero__content{padding:var(--space-2xl);margin:0 auto}}.collection-hero__title{font-size:var(--font-size-h1-mobile);margin-bottom:var(--space-sm);color:var(--belle-text)}@media screen and (min-width: 750px){.collection-hero__title{font-size:var(--font-size-h1-desktop)}}.collection-hero__description{font-size:var(--font-size-body);line-height:1.6;color:var(--belle-text);opacity:.9}@media screen and (max-width: 749px){.collection-hero__description{font-size:var(--font-size-small);line-height:1.7}}.collection-filters{position:relative;margin-bottom:var(--space-xl)}@media screen and (max-width: 749px){.filter-toggle{position:fixed;bottom:var(--space-lg);left:50%;transform:translate(-50%);z-index:100;background:var(--belle-gold);color:#fff;border:none;border-radius:var(--radius-full);padding:var(--space-sm) var(--space-lg);font-weight:600;box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:var(--space-xs);transition:var(--transition-fast)}.filter-toggle:hover{transform:translate(-50%) translateY(-2px);box-shadow:var(--shadow-xl)}.filter-toggle__count{background:#fff3;border-radius:var(--radius-full);padding:2px 8px;font-size:var(--font-size-small);min-width:20px;text-align:center}}@media screen and (max-width: 749px){.filter-drawer{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:1000;opacity:0;visibility:hidden;transition:var(--transition-medium)}.filter-drawer.active{opacity:1;visibility:visible}.filter-drawer__content{position:absolute;bottom:0;left:0;right:0;background:#fff;border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-height:80vh;overflow-y:auto;transform:translateY(100%);transition:var(--transition-medium)}.filter-drawer.active .filter-drawer__content{transform:translateY(0)}.filter-drawer__header{padding:var(--space-lg);border-bottom:1px solid var(--glass-border);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:#fff;z-index:10}.filter-drawer__title{font-size:var(--font-size-h3-mobile);font-weight:600;color:var(--belle-text)}.filter-drawer__close{width:44px;height:44px;border:none;background:var(--glass-bg);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;cursor:pointer}}@media screen and (min-width: 750px){.collection-layout{display:grid;grid-template-columns:280px 1fr;gap:var(--space-2xl);align-items:start}.filter-sidebar{position:sticky;top:calc(72px + var(--space-lg));background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-lg)}.filter-toggle{display:none}}.filter-group{margin-bottom:var(--space-lg)}.filter-group__title{font-size:var(--font-size-body);font-weight:600;color:var(--belle-text);margin-bottom:var(--space-sm);display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:var(--space-xs) 0}@media screen and (max-width: 749px){.filter-group__title{padding:var(--space-sm) var(--space-lg);border-bottom:1px solid var(--glass-border)}}.filter-group__content{padding:var(--space-sm) 0}@media screen and (max-width: 749px){.filter-group__content{padding:var(--space-sm) var(--space-lg);max-height:0;overflow:hidden;transition:var(--transition-medium)}.filter-group.expanded .filter-group__content{max-height:300px}}.filter-option{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xs);cursor:pointer;padding:var(--space-xs);border-radius:var(--radius-sm);transition:var(--transition-fast)}.filter-option:hover{background:var(--glass-bg)}.filter-option input[type=checkbox]{width:18px;height:18px;border:2px solid var(--glass-border);border-radius:3px;background:#fff;cursor:pointer;position:relative;-webkit-appearance:none;appearance:none}.filter-option input[type=checkbox]:checked{background:var(--belle-gold);border-color:var(--belle-gold)}.filter-option input[type=checkbox]:checked:after{content:"\2713";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:700}.filter-option__label{font-size:var(--font-size-body);color:var(--belle-text);flex-grow:1}.filter-option__count{font-size:var(--font-size-small);color:var(--belle-gold);background:#c9a26d1a;padding:2px 6px;border-radius:var(--radius-sm)}.color-swatch{width:24px;height:24px;border-radius:var(--radius-full);border:2px solid var(--glass-border);cursor:pointer;transition:var(--transition-fast);position:relative}.color-swatch:hover,.color-swatch.selected{transform:scale(1.1);border-color:var(--belle-gold);box-shadow:0 0 0 2px #c9a26d4d}.color-swatches{display:flex;gap:var(--space-xs);flex-wrap:wrap;margin-top:var(--space-xs)}.price-range{margin:var(--space-sm) 0}.price-range__slider{width:100%;height:6px;background:var(--glass-border);border-radius:var(--radius-full);position:relative;margin:var(--space-sm) 0}.price-range__track{height:100%;background:var(--belle-gold);border-radius:var(--radius-full);position:absolute}.price-range__values{display:flex;justify-content:space-between;font-size:var(--font-size-small);color:var(--belle-text)}.active-filters{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-bottom:var(--space-lg);padding:0 var(--space-sm)}@media screen and (min-width: 750px){.active-filters{padding:0}}.active-filter{background:var(--belle-gold);color:#fff;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);font-size:var(--font-size-small);display:flex;align-items:center;gap:var(--space-xs);cursor:pointer;transition:var(--transition-fast)}.active-filter:hover{background:var(--belle-accent-dark)}.active-filter__remove{width:16px;height:16px;border-radius:var(--radius-full);background:#fff3;display:flex;align-items:center;justify-content:center;font-size:12px}.collection-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-lg);padding:0 var(--space-sm);flex-wrap:wrap;gap:var(--space-sm)}@media screen and (min-width: 750px){.collection-toolbar{padding:0}}.sort-select{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-sm);padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-body);color:var(--belle-text);cursor:pointer;min-width:160px}.results-count{font-size:var(--font-size-small);color:var(--belle-text);opacity:.8}.grid-toggle{display:flex;gap:var(--space-xs);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-sm);padding:4px}.grid-toggle__button{width:36px;height:36px;border:none;background:transparent;border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition-fast)}.grid-toggle__button.active{background:var(--belle-gold);color:#fff}.collection-grid{display:grid;gap:var(--space-sm);grid-template-columns:1fr 1fr}@media screen and (min-width: 750px) and (max-width: 989px){.collection-grid{grid-template-columns:repeat(3,1fr);gap:var(--space-md)}}@media screen and (min-width: 990px){.collection-grid{grid-template-columns:repeat(4,1fr);gap:var(--space-lg)}.collection-grid.grid-3{grid-template-columns:repeat(3,1fr)}.collection-grid.grid-2{grid-template-columns:repeat(2,1fr)}}.collection-pagination{text-align:center;margin-top:var(--space-2xl);padding:0 var(--space-sm)}.load-more-button{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);color:var(--belle-text);padding:var(--space-sm) var(--space-xl);border-radius:var(--radius-full);font-weight:500;cursor:pointer;transition:var(--transition-fast)}@media (hover: hover){.load-more-button:hover{background:var(--belle-gold);color:#fff;transform:translateY(-2px);box-shadow:var(--shadow-md)}}@media screen and (max-width: 749px){.filter-drawer__footer{padding:var(--space-lg);border-top:1px solid var(--glass-border);display:flex;gap:var(--space-sm);position:sticky;bottom:0;background:#fff}.filter-drawer__clear{flex:1;background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--belle-text);padding:var(--space-sm);border-radius:var(--radius-sm);font-weight:500}.filter-drawer__apply{flex:2;background:var(--belle-gold);border:none;color:#fff;padding:var(--space-sm);border-radius:var(--radius-sm);font-weight:600}}.filter-option:focus-within,.color-swatch:focus{outline:2px solid var(--belle-gold);outline-offset:2px}@media (prefers-contrast: high){.filter-sidebar,.filter-drawer__content{background:#fff;border:2px solid var(--belle-text)}.filter-option input[type=checkbox]:checked{background:var(--belle-text);border-color:var(--belle-text)}}@media (prefers-reduced-motion: reduce){.filter-drawer__content,.filter-group__content,.filter-option,.color-swatch,.load-more-button{transition:none!important;animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/section-belle-collection.css.map */