.collection-page{padding:calc(var(--header-height) + 40px) 0 80px}.collection-page__inner{max-width:1260px;margin:0 auto;padding:0 24px}@media(min-width:768px){.collection-page__inner{padding:0 40px}}.collection-page__header{text-align:center;margin-bottom:48px}.collection-page__title{text-transform:uppercase;letter-spacing:.05em}.collection-page__description{margin-top:12px;color:var(--color-text-secondary);font-size:.9rem;max-width:600px;margin-left:auto;margin-right:auto}.collection-page__count{margin-top:8px;font-size:.75rem;color:var(--color-text-secondary)}.collection-page__filters{display:flex;justify-content:center;gap:10px;margin-bottom:32px;flex-wrap:wrap}.collection-page__filter-btn{padding:8px 20px;background:transparent;border:1px solid var(--color-border);color:var(--color-text-secondary);font-family:var(--font-body);font-size:.75rem;font-weight:500;border-radius:6px;cursor:pointer;transition:all .25s ease}.collection-page__filter-btn:hover,.collection-page__filter-btn.is-active{border-color:var(--color-accent);color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 10%,transparent)}.collection-page__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media(min-width:768px){.collection-page__grid{grid-template-columns:repeat(3,1fr);gap:20px}}@media(min-width:1024px){.collection-page__grid{grid-template-columns:repeat(4,1fr);gap:24px}}.collection-page__empty{text-align:center;padding:80px 20px}.collection-page__empty-text{color:var(--color-text-secondary);font-size:1rem}.pagination{display:flex;justify-content:center;gap:8px;margin-top:48px}.pagination__link{display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 12px;border:1px solid var(--color-border);border-radius:6px;font-size:.8rem;font-weight:500;color:var(--color-text-secondary);transition:all .25s ease}.pagination__link:hover,.pagination__link.is-active{border-color:var(--color-accent);color:var(--color-accent)}.search-page__form{max-width:600px;margin:0 auto 40px;display:flex;gap:0}.search-page__input{flex:1;padding:14px 20px;background:var(--color-card-bg);border:1px solid var(--color-border);border-right:none;border-radius:6px 0 0 6px;color:var(--color-text);font-family:var(--font-body);font-size:1rem;outline:none}.search-page__input:focus{border-color:var(--color-accent)}.search-page__submit{border-radius:0 6px 6px 0}.search-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:150;background:var(--color-search-overlay-bg, rgba(12, 6, 20, .95));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);display:flex;align-items:flex-start;justify-content:center;padding-top:120px;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.search-overlay.is-open{opacity:1;visibility:visible}.search-overlay__inner{width:100%;max-width:640px;padding:0 24px}.search-overlay__close{position:absolute;top:20px;right:20px;background:none;border:none;color:var(--color-text);cursor:pointer;width:44px;height:44px;display:flex;align-items:center;justify-content:center}.search-overlay__form{position:relative}.search-overlay__input{width:100%;padding:16px 48px 16px 20px;background:var(--color-card-bg);border:2px solid var(--color-border);border-radius:10px;color:var(--color-text);font-family:var(--font-body);font-size:1.1rem;outline:none;transition:border-color .25s ease}.search-overlay__input:focus{border-color:var(--color-accent)}.search-overlay__input::placeholder{color:var(--color-text-secondary)}.search-overlay__submit{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--color-text-secondary);cursor:pointer}.search-overlay__results{margin-top:24px;max-height:400px;overflow-y:auto}.search-overlay__result-item{display:flex;align-items:center;gap:16px;padding:12px;border-radius:10px;transition:background .25s ease}.search-overlay__result-item:hover{background:var(--color-card-bg)}.search-overlay__result-image{width:56px;height:56px;border-radius:6px;object-fit:cover;background:var(--color-card-bg)}.search-overlay__result-info{flex:1}.search-overlay__result-title{font-weight:600;font-size:.85rem}.search-overlay__result-price{font-size:.8rem;color:var(--color-accent);margin-top:2px}
/*# sourceMappingURL=/cdn/shop/t/32/assets/component-collection.css.map */