.collection-banner{position:relative;border-radius:var(--radius);overflow:hidden;margin-bottom:2rem;min-height:200px;display:flex;align-items:flex-end;background:var(--c-dark)}.collection-banner--has-image{min-height:280px}.collection-banner__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.collection-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0a0a0a4d,#0a0a0ad9)}.collection-banner__content{position:relative;z-index:2;padding:2rem;width:100%;color:var(--c-cream)}.collection-banner__title{font-family:var(--font-display);font-size:clamp(2rem,4vw,3rem);font-weight:400;margin-bottom:.5rem;color:var(--c-cream)}.collection-banner__description{font-size:.95rem;line-height:1.7;opacity:.65;max-width:600px;margin-bottom:.5rem}.collection-banner__description p{margin-bottom:0;color:#f5f0e8a6}.collection-banner__count{font-family:var(--font-ui);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--c-gold)}.genre-pills{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1.5rem}.genre-pill{padding:.4rem 1rem;border-radius:var(--radius-full);font-family:var(--font-ui);font-size:.78rem;font-weight:600;background:#0000000a;color:var(--c-muted);border:1.5px solid transparent;cursor:pointer;transition:all .25s;text-decoration:none}.genre-pill:hover{color:var(--c-text);background:#0000000f;border-color:var(--c-border);transform:translateY(-1px)}.genre-pill--active,.genre-pill.is-active{background:var(--c-green);color:#fff;border-color:var(--c-green);box-shadow:0 4px 12px #2d5a3d33}.active-filters{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1.5rem;align-items:center}.active-filter{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .8rem;background:var(--c-cream);border-radius:var(--radius-full);font-family:var(--font-ui);font-size:.78rem;font-weight:600;color:var(--c-text);text-decoration:none;transition:all .2s}.active-filter:hover{background:var(--c-warm)}.active-filter__remove{font-size:1.1rem;line-height:1;opacity:.5}.active-filters__clear{font-family:var(--font-ui);font-size:.78rem;font-weight:600;color:var(--c-accent);text-decoration:underline;text-underline-offset:2px}.collection-layout{display:grid;gap:2rem}.collection-layout--has-sidebar{grid-template-columns:260px 1fr}@media(max-width:1023px){.collection-layout--has-sidebar{grid-template-columns:1fr}}.collection-sidebar{display:none}@media(min-width:1024px){.collection-sidebar{display:block}}.collection-sidebar__heading{font-family:var(--font-ui);font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--c-text);margin-bottom:1.5rem;padding-bottom:.8rem;border-bottom:1px solid var(--c-border)}.filter-group{border-bottom:1px solid rgba(0,0,0,.05);padding-bottom:1rem;margin-bottom:1rem}.filter-group:last-child{border-bottom:none;margin-bottom:0}.filter-group__heading{display:flex;align-items:center;justify-content:space-between;width:100%;font-family:var(--font-ui);font-size:.82rem;font-weight:700;color:var(--c-text);background:none;border:none;cursor:pointer;padding:.5rem 0}.filter-group__heading svg{width:14px;height:14px;color:var(--c-muted);transition:transform .2s}.filter-group__heading[aria-expanded=false] svg{transform:rotate(-90deg)}.filter-group__content{padding-top:.5rem}.filter-values{display:flex;flex-direction:column;gap:.4rem}.filter-value{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-family:var(--font-ui);font-size:.85rem}.filter-value__checkbox{width:16px;height:16px;border:1.5px solid var(--c-border);border-radius:3px;-webkit-appearance:none;appearance:none;cursor:pointer;flex-shrink:0;transition:all .2s}.filter-value__checkbox:checked{background:var(--c-green);border-color:var(--c-green);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center}.filter-value__label{color:var(--c-text)}.filter-value__count{color:var(--c-muted);font-size:.78rem}.filter-value__checkbox:disabled+.filter-value__label{opacity:.4}.filter-price{display:flex;align-items:center;gap:.5rem}.filter-price__input{width:100%;padding:.5rem .7rem;border:1.5px solid var(--c-border);border-radius:var(--radius-sm);font-family:var(--font-ui);font-size:.85rem;color:var(--c-text);outline:none;background:transparent}.filter-price__input:focus{border-color:var(--c-green)}.filter-price__separator{color:var(--c-muted);font-size:.85rem}.collection-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(0,0,0,.05)}.collection-toolbar__count{font-family:var(--font-ui);font-size:.78rem;font-weight:600;color:var(--c-muted);white-space:nowrap}.collection-toolbar__actions{display:flex;align-items:center;gap:.8rem}.collection-toolbar__search{flex:1 1 260px;max-width:420px;min-width:200px}.collection-search{position:relative;display:flex;align-items:center}.collection-search__icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--c-muted);pointer-events:none}.collection-search__input{width:100%;padding:.55rem 2.4rem .55rem 2.6rem;border:1.5px solid var(--c-border);border-radius:var(--radius-full);background:#fff;font-family:var(--font-body);font-size:.85rem;color:var(--c-text);outline:none;transition:border-color .2s,box-shadow .2s}.collection-search__input::placeholder{color:var(--c-muted)}.collection-search__input:focus{border-color:var(--c-green);box-shadow:0 0 0 4px #2d5a3d14}.collection-search__clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:24px;height:24px;border-radius:50%;border:none;background:#0000000f;color:var(--c-text);font-size:1rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.collection-search__clear:hover{background:#0000001f}.collection-search__clear[hidden],.collection-search__hint[hidden]{display:none}.collection-search__hint{margin-top:.5rem;font-family:var(--font-ui);font-size:.75rem;color:var(--c-muted);padding:0 .5rem}.collection-search__hint a{color:var(--c-green);font-weight:600;text-decoration:underline;text-underline-offset:2px}.collection-results{position:relative;min-height:200px;transition:opacity .25s var(--ease)}.collection-results.is-loading{opacity:.4;pointer-events:none}.collection-loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:flex;align-items:flex-start;justify-content:center;padding-top:3rem;opacity:0;pointer-events:none;transition:opacity .2s}.collection-loading.is-active{opacity:1;pointer-events:auto}.collection-loading__spinner{width:32px;height:32px;border:3px solid rgba(45,90,61,.15);border-top-color:var(--c-green);border-radius:50%;animation:collectionSpin .8s linear infinite}@keyframes collectionSpin{to{transform:rotate(360deg)}}.active-filters-wrapper:empty{display:none}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.collection-toolbar__filter-toggle{display:flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border:1.5px solid var(--c-border);border-radius:var(--radius-full);font-family:var(--font-ui);font-size:.78rem;font-weight:600;color:var(--c-text);background:none;cursor:pointer;transition:all .2s}.collection-toolbar__filter-toggle:hover{border-color:var(--c-green);color:var(--c-green)}@media(min-width:1024px){.collection-toolbar__filter-toggle{display:none}}.collection-toolbar__filter-toggle svg{width:16px;height:16px}.sort-select{display:flex;align-items:center;gap:.5rem}.sort-select__label{font-family:var(--font-ui);font-size:.78rem;font-weight:600;color:var(--c-muted);white-space:nowrap}.sort-select__input{padding:.4rem 2rem .4rem .7rem;border:1.5px solid var(--c-border);border-radius:var(--radius-sm);font-family:var(--font-ui);font-size:.82rem;font-weight:600;color:var(--c-text);background:transparent;-webkit-appearance:none;appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center;background-size:12px;outline:none}.sort-select__input:focus{border-color:var(--c-green)}.collection-grid{display:grid;gap:1.5rem}.collection-grid--cols-3{grid-template-columns:repeat(3,1fr)}.collection-grid--cols-4{grid-template-columns:repeat(4,1fr)}.collection-grid--cols-5{grid-template-columns:repeat(5,1fr)}@media(max-width:1023px){.collection-grid--cols-4,.collection-grid--cols-5{grid-template-columns:repeat(3,1fr)}}@media(max-width:767px){.collection-grid{grid-template-columns:repeat(2,1fr);gap:.8rem}}.collection-empty{text-align:center;padding:clamp(3rem,8vw,6rem) 1rem}.collection-empty__icon{width:64px;height:64px;margin:0 auto 1.5rem;color:var(--c-muted)}.collection-empty__icon svg{width:100%;height:100%}.collection-empty__title{font-family:var(--font-display);font-size:1.5rem;margin-bottom:.5rem}.collection-empty__text{color:var(--c-muted);margin-bottom:1.5rem}.filter-drawer{position:fixed;top:0;right:0;width:340px;max-width:90vw;height:100vh;background:var(--c-light);z-index:var(--z-drawer);transform:translate(100%);transition:transform .4s var(--ease);display:flex;flex-direction:column}.filter-drawer.is-open{transform:translate(0)}.filter-drawer__header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid var(--c-border)}.filter-drawer__title{font-family:var(--font-ui);font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.filter-drawer__close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:none;border:none;cursor:pointer;color:var(--c-text)}.filter-drawer__close:hover{background:#0000000a}.filter-drawer__close svg{width:18px;height:18px}.filter-drawer__body{flex:1;overflow-y:auto;padding:1.5rem}.filter-drawer__footer{padding:1rem 1.5rem;border-top:1px solid var(--c-border);display:flex;gap:.5rem}.filter-drawer__footer .btn{flex:1}.filter-drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0a0a66;z-index:var(--z-overlay);opacity:0;visibility:hidden;transition:opacity .3s var(--ease),visibility .3s}.filter-drawer-overlay.is-open{opacity:1;visibility:visible}.collection-pagination{margin-top:3rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.7rem 1.5rem;border-radius:var(--radius-full);font-family:var(--font-ui);font-size:.85rem;font-weight:700;cursor:pointer;transition:all .3s var(--ease);text-decoration:none;border:1.5px solid transparent;line-height:1}.btn--primary{background:var(--c-green);color:#fff;border-color:var(--c-green)}.btn--primary:hover{background:var(--c-green-light);border-color:var(--c-green-light)}.btn--outline{background:transparent;color:var(--c-text);border-color:var(--c-border)}.btn--outline:hover{border-color:var(--c-text)}.btn--full{width:100%}.btn--large{padding:.9rem 2rem;font-size:.92rem}.layout-toggle{display:flex;border:1.5px solid var(--c-border);border-radius:var(--radius-sm);overflow:hidden}.layout-toggle__btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;background:none;border:none;cursor:pointer;color:var(--c-muted);transition:all .2s}.layout-toggle__btn:not(:last-child){border-right:1.5px solid var(--c-border)}.layout-toggle__btn.is-active{background:var(--c-green);color:#fff}.layout-toggle__btn:hover:not(.is-active){color:var(--c-green)}.collection-grid--list{grid-template-columns:1fr!important;gap:1rem}.collection-grid--list .p-card{display:grid;grid-template-columns:120px 1fr;overflow:hidden}.collection-grid--list .p-card__img{aspect-ratio:3/4}.collection-grid--list .p-card__info{display:flex;flex-direction:column;justify-content:center;padding:1rem 1.5rem}.collection-grid--list .p-card__title{-webkit-line-clamp:unset;font-size:.95rem}.collection-grid--list .p-card__quick{display:none}.collection-grid--list .p-card:hover{transform:none}@media(min-width:768px){.collection-grid--list .p-card{grid-template-columns:160px 1fr}.collection-grid--list .p-card__info{padding:1.2rem 2rem}}.col-hero{background:var(--c-light);color:var(--c-text);padding:clamp(4rem,8vw,7rem) 0 clamp(3rem,6vw,5rem);position:relative;overflow:hidden}.col-hero__gradient{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.col-hero__blob-1{position:absolute;width:600px;height:600px;filter:blur(100px);top:-30%;right:-10%;animation:morphBlob 15s ease-in-out infinite;border-radius:60% 40% 30% 70%/60% 30% 70% 40%;pointer-events:none}.col-hero__blob-2{position:absolute;width:400px;height:400px;filter:blur(80px);bottom:-20%;left:-5%;animation:morphBlob 20s ease-in-out infinite reverse;border-radius:30% 60% 70% 40%/50% 60% 30%;pointer-events:none}.col-hero__deco{position:absolute;top:15%;right:8%;opacity:.04;font-family:var(--font-display);font-size:clamp(8rem,18vw,20rem);font-weight:400;line-height:.85;pointer-events:none;-webkit-user-select:none;user-select:none;color:var(--c-cream)}.col-hero__inner{position:relative;z-index:1;display:grid;grid-template-columns:1fr auto;gap:3rem;align-items:center}@media(max-width:899px){.col-hero__inner{grid-template-columns:1fr}}.col-hero__breadcrumb{font-family:var(--font-ui);font-size:.78rem;color:var(--c-muted);margin-bottom:1.5rem;display:flex;align-items:center;gap:6px}.col-hero__breadcrumb a{color:var(--c-muted);transition:color .2s;text-decoration:none}.col-hero__breadcrumb a:hover{color:var(--c-green)}.col-hero__breadcrumb svg{width:12px;height:12px}.col-hero__tagline{font-family:var(--font-ui);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em;margin-bottom:1rem;display:flex;align-items:center;gap:10px;animation:fadeUp .7s .1s both}.col-hero__tagline:before{content:"";width:32px;height:2px;border-radius:2px}.col-hero__h1{font-family:var(--font-display);font-size:clamp(2.8rem,6vw,4.5rem);font-weight:400;margin-bottom:1.2rem;line-height:1.1;animation:fadeUp .8s .2s both;color:var(--c-green)}.col-hero__h1 em{font-style:italic;color:var(--c-gold)}.col-hero__desc{font-size:1.05rem;color:var(--c-muted);max-width:560px;line-height:1.8;animation:fadeUp .8s .4s both}.col-hero__stats{display:flex;gap:2.5rem;margin-top:2.5rem;animation:fadeUp .8s .6s both}.col-hero__stat{text-align:center;padding:1.2rem 1.5rem;background:#fff9;border:1px solid rgba(0,0,0,.06);border-radius:var(--radius);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.col-hero__stat-num{font-family:var(--font-display);font-size:2rem;color:var(--c-green)}.col-hero__stat-lbl{font-family:var(--font-ui);font-size:.68rem;font-weight:600;color:var(--c-muted);text-transform:uppercase;letter-spacing:.08em;margin-top:4px}.col-hero__visual--cards{position:relative;width:440px;height:520px;flex-shrink:0;animation:fadeUp .8s .5s both}@media(max-width:899px){.col-hero__visual,.col-hero__visual--cards{display:none}}.col-hero__float-card{position:absolute;background:#fff;backdrop-filter:blur(20px) saturate(1.6);-webkit-backdrop-filter:blur(20px) saturate(1.6);border:1px solid var(--c-gold-light);border-radius:var(--radius);padding:.85rem 1rem;min-width:170px;max-width:195px;transition:all .5s var(--ease-luxury, var(--ease));box-shadow:0 8px 32px #c8956c1a;cursor:pointer;z-index:5;text-decoration:none;color:inherit;display:block}.col-hero__float-card:hover{transform:translateY(-8px) scale(1.02)!important;box-shadow:0 20px 60px #c8956c33;border-color:var(--c-gold);background:#fff}.col-hero__fc1{top:0;right:0;animation:float 6s ease-in-out infinite;z-index:3}.col-hero__fc2{top:135px;left:30px;animation:float2 7s ease-in-out infinite 1.5s;z-index:2}.col-hero__fc3{top:270px;right:40px;animation:float 8s ease-in-out infinite 3s;z-index:1}.col-hero__fc-tag{display:inline-block;font-family:var(--font-ui);font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#fff;background:var(--c-green);padding:.2rem .6rem;border-radius:var(--radius-full);margin-bottom:.5rem}.col-hero__fc-img{width:60px;height:auto;margin-bottom:.7rem;border-radius:6px;overflow:hidden;box-shadow:0 4px 16px #0000001f}.col-hero__fc-img img{display:block;width:100%;height:auto;object-fit:cover}.col-hero__fc-title{font-family:var(--font-display);font-size:1.05rem;font-weight:500;color:var(--c-green);margin-bottom:.2rem;line-height:1.35}.col-hero__fc-sub{font-family:var(--font-body);font-size:.82rem;color:var(--c-muted);margin-bottom:.5rem;line-height:1.4}.col-hero__fc-price{font-family:var(--font-ui);font-size:1.1rem;font-weight:800;color:var(--c-green)}@media(prefers-reduced-motion:reduce){.col-hero__fc1,.col-hero__fc2,.col-hero__fc3{animation:none}}.genre-nav{padding:2rem 0;border-bottom:1px solid var(--c-border);background:#fff;position:relative;z-index:5}.genre-nav__inner{display:flex;align-items:center;gap:.6rem;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:4px}.genre-nav__inner::-webkit-scrollbar{display:none}.promo-banner{margin:3rem 0 0;padding:2.5rem 3rem;border-radius:var(--radius-lg);color:var(--c-cream);display:flex;align-items:center;justify-content:space-between;gap:2rem;overflow:hidden;position:relative}.promo-banner--green{background:linear-gradient(135deg,var(--c-green),#1a3d24)}.promo-banner--accent{background:linear-gradient(135deg,var(--c-accent),#c0432a)}.promo-banner:before{content:"";position:absolute;width:300px;height:300px;background:#ffffff0d;border-radius:50%;top:-60%;right:-5%;filter:blur(40px)}.promo-banner__text{position:relative;z-index:1}.promo-banner__title{font-family:var(--font-display);font-size:1.5rem;margin-bottom:.5rem}.promo-banner__desc{font-size:.92rem;opacity:.6;max-width:500px;line-height:1.6}.promo-banner__btn{position:relative;z-index:1;padding:.8rem 2rem;border-radius:var(--radius-full);font-family:var(--font-ui);font-weight:700;font-size:.88rem;cursor:pointer;transition:all .3s;white-space:nowrap;border:none;text-decoration:none;display:inline-flex;align-items:center}.promo-banner--green .promo-banner__btn{background:var(--c-gold);color:var(--c-dark)}.promo-banner--green .promo-banner__btn:hover{background:var(--c-gold-light, #dbb088);transform:translateY(-2px);box-shadow:0 8px 20px #0003}.promo-banner--accent .promo-banner__btn{background:#fff;color:var(--c-accent)}.promo-banner--accent .promo-banner__btn:hover{background:var(--c-cream);transform:translateY(-2px);box-shadow:0 8px 20px #0003}@media(max-width:639px){.promo-banner{flex-direction:column;padding:2rem;text-align:center}}.mobile-filter-btn{display:none;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);z-index:50;padding:.8rem 2rem;border-radius:var(--radius-full);background:var(--c-dark);color:var(--c-cream);font-family:var(--font-ui);font-size:.88rem;font-weight:700;box-shadow:0 8px 30px #0000004d;border:none;cursor:pointer;transition:all .3s;gap:8px;align-items:center}.mobile-filter-btn svg{width:18px;height:18px}@media(max-width:1023px){.mobile-filter-btn{display:inline-flex}}.main-section{padding:clamp(2rem,4vw,3rem) 0 clamp(3rem,6vw,5rem)}
/*# sourceMappingURL=/cdn/shop/t/13/assets/component-collection.css.map */