@layer components{.search-page{padding-block:var(--section-y)}.search-page__container{display:flex;flex-direction:column;gap:var(--space-8)}.search-page__hero{display:flex;flex-direction:column;gap:var(--space-4);text-align:center;padding-block:var(--space-4) var(--space-2)}.search-page__heading{font-size:calc(var(--text-3xl) * var(--heading-size-scale));margin:0;color:var(--color-text)}@media(min-width:750px){.search-page__heading{font-size:calc(var(--text-4xl) * var(--heading-size-scale))}}.search-page__form{position:relative;display:flex;align-items:center;width:100%;max-width:720px;margin-inline:auto;background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-pill);padding-inline-start:var(--space-4);padding-inline-end:6px;transition:border-color var(--duration-fast) var(--ease-out);gap:var(--space-2)}.search-page__form:focus-within{border-color:var(--color-accent);box-shadow:var(--shadow-focus)}.search-page__form-icon{flex-shrink:0;color:var(--color-text-muted)}.search-page__input{flex:1;min-height:48px;padding:0 var(--space-2);background:transparent;border:0;color:var(--color-text);font-size:var(--text-base);outline:none}.search-page__input::placeholder{color:var(--color-text-subtle)}.search-page__submit{min-height:40px;padding-inline:var(--space-4);border-radius:var(--radius-pill);font-size:var(--text-sm);flex-shrink:0}.search-page__popular{display:flex;flex-direction:column;gap:var(--space-2);align-items:center}.search-page__popular-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.12em;color:var(--color-text-subtle);font-weight:var(--font-weight-semibold)}.search-page__pills{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center;margin:0;padding:0;list-style:none}.search-page__pill{display:inline-flex;align-items:center;min-height:32px;padding-inline:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-text);font-size:var(--text-sm);text-decoration:none;transition:border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.search-page__pill:hover{border-color:var(--color-accent);color:var(--color-accent);background:var(--color-accent-soft)}.search-page__summary{margin:0;color:var(--color-text-muted);font-size:var(--text-base)}.search-page__tabs{border-block-end:1px solid var(--color-border);overflow-x:auto;-webkit-overflow-scrolling:touch}.search-page__tab-list{display:flex;gap:var(--space-2);margin:0;padding:0;list-style:none;flex-wrap:nowrap}.search-page__tab{display:inline-flex;align-items:center;min-height:var(--tap-target-min);padding-inline:var(--space-4);color:var(--color-text-muted);font-size:var(--text-sm);font-weight:var(--font-weight-medium);text-decoration:none;border-block-end:2px solid transparent;margin-block-end:-1px;white-space:nowrap;transition:color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.search-page__tab:hover{color:var(--color-accent);border-block-end-color:var(--color-accent)}.search-page__group{display:flex;flex-direction:column;gap:var(--space-4)}.search-page__group-heading{font-size:calc(var(--text-2xl) * var(--heading-size-scale));margin:0;color:var(--color-text)}.search-page__layout{display:grid;grid-template-columns:1fr;gap:var(--space-6)}@media(min-width:990px){.search-page__layout:has(.search-page__filters){grid-template-columns:280px 1fr}}.search-page__filters{border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);background:var(--color-surface)}.search-page__product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);margin:0;padding:0;list-style:none}@media(min-width:750px){.search-page__product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}}@media(min-width:990px){.search-page__product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:990px){.search-page__layout:has(.search-page__filters) .search-page__product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.search-page__product-item{display:flex}.search-page__product-item>.product-card{width:100%}.search-page__paginate{display:flex;justify-content:center;margin-block-start:var(--space-6)}.search-page__collection-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);margin:0;padding:0;list-style:none}@media(min-width:750px){.search-page__collection-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}}.search-page__collection-item{display:flex}.search-page__collection-item>.collection-card{width:100%}.search-page__article-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4);margin:0;padding:0;list-style:none}@media(min-width:750px){.search-page__article-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:990px){.search-page__article-grid{grid-template-columns:repeat(3,1fr)}}.search-page__article-item{display:flex}.search-page__article-item>.article-card{width:100%}.search-page__page-list{display:flex;flex-direction:column;gap:1px;background:var(--color-border);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;margin:0;padding:0;list-style:none}.search-page__page-link{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:var(--space-1) var(--space-3);align-items:center;padding:var(--space-4);background:var(--color-surface);color:var(--color-text);text-decoration:none;transition:background var(--duration-fast) var(--ease-out)}.search-page__page-link:hover{background:var(--color-surface-elevated)}.search-page__page-title{grid-column:1;grid-row:1;font-weight:var(--font-weight-semibold);font-size:var(--text-base)}.search-page__page-excerpt{grid-column:1;grid-row:2;font-size:var(--text-sm);color:var(--color-text-muted);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.search-page__page-chev{grid-column:2;grid-row:1 / 3;color:var(--color-text-muted)}.search-page__empty{text-align:center;padding-block:var(--space-8);display:flex;flex-direction:column;gap:var(--space-6);align-items:center}.search-page__empty-title{font-size:calc(var(--text-2xl) * var(--heading-size-scale));color:var(--color-text);margin:0;max-width:36rem}.search-page__empty-heading{font-size:var(--text-base);color:var(--color-text-muted);margin:0 0 var(--space-3);text-transform:uppercase;letter-spacing:.12em;font-weight:var(--font-weight-semibold)}.search-page__chips{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center;margin:0;padding:0;list-style:none}.search-page__chip{display:inline-flex;align-items:center;min-height:40px;padding-inline:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-text);font-size:var(--text-sm);font-weight:var(--font-weight-medium);text-decoration:none;transition:border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.search-page__chip:hover{border-color:var(--color-accent);color:var(--color-accent)}}@layer components{.search-page__main{display:grid;gap:var(--space-6)}.search-page__group-header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);margin-block:var(--space-4) var(--space-3);padding-block-end:var(--space-2);border-block-end:1px solid var(--color-border)}.search-page__page-item{display:block;padding:var(--space-3) 0;border-block-end:1px solid var(--color-border);color:var(--color-text);text-decoration:none}.search-page__page-item:hover{color:var(--color-accent)}.search-page__empty-collections{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-2);margin-block-start:var(--space-4)}.search-page__empty-collections a{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);text-decoration:none;font-size:var(--text-sm);min-height:44px;transition:border-color var(--duration-fast) var(--ease-out)}.search-page__empty-collections a:hover{border-color:var(--color-accent)}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/section-main-search.css.map */