.collection-page{padding-top:0}.collection-banner{position:relative;padding-block:var(--sp-16);margin-bottom:var(--sp-8);background:var(--color-surface-alt);overflow:hidden}.collection-banner--image{padding-block:var(--sp-24);color:#fff}.collection-banner__bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}.collection-banner--image:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#2b2622a6,#2b262240);z-index:1}.collection-banner__inner{position:relative;z-index:2;text-align:center}.collection-breadcrumb{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--sp-2);font-size:var(--fs-sm);margin-bottom:var(--sp-4);opacity:.85}.collection-breadcrumb a{color:inherit}.collection-breadcrumb a:hover{text-decoration:underline}.collection-breadcrumb__sep{display:inline-flex;opacity:.6}.collection-breadcrumb__sep .icon-chevron{transform:rotate(-90deg);width:14px;height:14px}.collection-banner__title{margin:0 0 var(--sp-3);font-size:clamp(var(--fs-2xl),4vw,var(--fs-4xl))}.collection-banner--image .collection-banner__title{color:#fff}.collection-banner__desc{max-width:60ch;margin:0 auto var(--sp-4);opacity:.9;line-height:1.6}.collection-banner__count{font-size:var(--fs-sm);letter-spacing:.08em;text-transform:uppercase;opacity:.8}.collection-toolbar{display:flex;align-items:center;gap:var(--sp-4);padding-block:var(--sp-4);border-bottom:1px solid var(--color-line);margin-bottom:var(--sp-8)}.collection-toolbar__filter-btn{display:inline-flex;align-items:center;gap:var(--sp-2);padding:.6rem 1.1rem;border:1px solid var(--color-line);border-radius:999px;background:transparent;font-size:var(--fs-sm);font-weight:500;color:var(--color-text);transition:border-color var(--dur) var(--ease)}.collection-toolbar__filter-btn:hover{border-color:var(--color-text)}.collection-toolbar__count{font-size:var(--fs-sm);color:var(--color-text-soft);margin-right:auto}.collection-sort{position:relative;display:inline-flex;align-items:center;gap:var(--sp-2)}.collection-sort__label{font-size:var(--fs-sm);color:var(--color-text-soft);flex-shrink:0}.collection-sort__select{-webkit-appearance:none;appearance:none;padding:.55rem 2.2rem .55rem 1rem;border:1px solid var(--color-line);border-radius:999px;background:transparent;font-family:var(--font-body);font-size:var(--fs-sm);color:var(--color-text);cursor:pointer}.collection-sort .icon-chevron{position:absolute;right:12px;pointer-events:none;width:16px;height:16px}.collection-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:var(--sp-16);align-items:start}.collection-filters{position:sticky;top:var(--sp-8)}.collection-filters__head{display:none}.filter-group{border-bottom:1px solid var(--color-line)}.filter-group__head{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-4) 0;cursor:pointer;font-weight:600;font-size:var(--fs-sm);list-style:none}.filter-group__head::-webkit-details-marker{display:none}.filter-group__head .icon-chevron{transition:transform var(--dur) var(--ease);width:16px;height:16px}.filter-group[open] .filter-group__head .icon-chevron{transform:rotate(180deg)}.filter-group__body{padding-bottom:var(--sp-4);max-height:280px;overflow-y:auto}.filter-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.filter-check{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) 0;cursor:pointer;font-size:var(--fs-sm)}.filter-check input{position:absolute;opacity:0;pointer-events:none}.filter-check__box{flex-shrink:0;width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--color-line-strong);border-radius:5px;color:transparent;transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease),color var(--dur) var(--ease)}.filter-check__box .icon{width:13px;height:13px}.filter-check input:checked+.filter-check__box{background:var(--color-text);border-color:var(--color-text);color:#fff}.filter-check__label{flex:1}.filter-check__count{color:var(--color-text-soft);font-size:var(--fs-xs)}.filter-check.is-disabled{opacity:.4;cursor:not-allowed}.filter-price__inputs{display:flex;gap:var(--sp-3)}.filter-price__inputs label{flex:1;display:flex;flex-direction:column;gap:4px;font-size:var(--fs-xs);color:var(--color-text-soft)}.filter-price__inputs input{width:100%;padding:.5rem .6rem;border:1px solid var(--color-line);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:var(--fs-sm)}.collection-filters__actions{display:flex;flex-direction:column;gap:var(--sp-3);padding-top:var(--sp-5)}.collection-filters__apply{width:100%}.collection-filters__clear{text-align:center;font-size:var(--fs-sm);color:var(--color-text-soft)}.collection-filters__clear:hover{color:var(--color-accent)}.collection-filters__overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#2b262266;z-index:50}.active-filters{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-6)}.active-filters__chip{display:inline-flex;align-items:center;gap:6px;padding:.4rem .8rem;background:var(--color-surface-alt);border-radius:999px;font-size:var(--fs-xs);color:var(--color-text)}.active-filters__chip:hover{background:var(--color-line)}.active-filters__chip .icon{width:12px;height:12px}.active-filters__clear{font-size:var(--fs-xs);color:var(--color-accent);margin-left:var(--sp-2)}.collection-page .collection-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--sp-8)}.collection-grid .product-card{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-lg);padding:var(--sp-3) var(--sp-3) var(--sp-4);transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease),transform var(--dur) var(--ease)}.collection-grid .product-card:hover{border-color:transparent;box-shadow:0 12px 30px #2b26221f;transform:translateY(-3px)}.collection-grid .product-card__media{border-radius:var(--radius)}.collection-grid .product-card__title,.collection-grid .product-card__price{padding-inline:2px}.collection-empty{text-align:center;padding:var(--sp-16) 0;display:flex;flex-direction:column;align-items:center;gap:var(--sp-5)}.collection-empty p{color:var(--color-text-soft)}.collection-pagination{margin-top:var(--sp-12)}.collection-pagination .pagination,.pagination{display:flex;justify-content:center;align-items:center;gap:var(--sp-2);list-style:none;padding:0}.pagination a,.pagination span{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:42px;padding:0 .5rem;border-radius:var(--radius);font-size:var(--fs-sm);border:1px solid transparent}.pagination a:hover{border-color:var(--color-line)}.pagination .current,.pagination [aria-current]{background:var(--color-text);color:var(--color-bg)}@media(max-width:1200px){.collection-page .collection-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:989px){.collection-layout{grid-template-columns:1fr}.collection-page .collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.collection-filters{position:fixed;top:0;left:0;bottom:0;width:min(340px,88vw);background:var(--color-bg);z-index:60;padding:var(--sp-5);overflow-y:auto;transform:translate(-100%);transition:transform .35s var(--ease)}.collection-filters.is-open{transform:translate(0)}.collection-filters.is-open~.collection-filters__overlay,.collection-filters__overlay.is-open{display:block}.collection-filters__head{display:flex;align-items:center;justify-content:space-between;font-weight:600;font-size:var(--fs-lg);padding-bottom:var(--sp-4);margin-bottom:var(--sp-2);border-bottom:1px solid var(--color-line)}.collection-filters__close{background:none;border:0;color:var(--color-text);display:inline-flex}}@media(min-width:990px){.collection-toolbar__filter-btn{display:none}}@media(max-width:749px){.collection-banner{padding-block:var(--sp-12);margin-bottom:var(--sp-5)}.collection-banner--image{padding-block:var(--sp-16)}.collection-toolbar{position:sticky;top:90px;z-index:30;background:var(--color-bg);padding-block:var(--sp-3);margin-bottom:var(--sp-5);gap:var(--sp-3)}.collection-toolbar__filter-btn,.collection-sort__select{min-height:40px}.collection-filters{top:auto;left:0;right:0;bottom:0;width:100%;max-height:85vh;border-radius:var(--app-radius) var(--app-radius) 0 0;padding:var(--sp-5) var(--sp-5) calc(var(--sp-5) + var(--safe-bottom));transform:translateY(100%);box-shadow:0 -10px 40px #2b26222e}.collection-filters.is-open{transform:translateY(0)}.collection-filters__head{position:relative;padding-top:var(--sp-4)}.collection-filters__head:before{content:"";position:absolute;top:-6px;left:50%;transform:translate(-50%);width:38px;height:4px;border-radius:999px;background:var(--color-line-strong)}.filter-group__head{min-height:var(--tap-target);padding:var(--sp-4) 0;font-size:var(--fs-base)}.filter-check{padding:var(--sp-3) 0;min-height:44px}.filter-check__box{width:22px;height:22px}.collection-filters__apply{min-height:var(--tap-target)}.collection-page .collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-5) var(--sp-3)}.collection-grid .product-card{padding:var(--sp-2) var(--sp-2) var(--sp-3);border-radius:var(--app-radius)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/main-collection.css.map */