.header__icon--search{padding:0;border:0;background:transparent;cursor:pointer;font:inherit}.search-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;visibility:hidden;pointer-events:none;transition:visibility var(--motion-medium)}.search-overlay.is-open{visibility:visible;pointer-events:auto;transition:visibility 0s}.search-overlay .search-overlay__backdrop{display:block;position:absolute;top:0;right:0;bottom:0;left:0;background:#050b128c;opacity:0;transition:opacity var(--motion-short) var(--ease-out)}.search-overlay.is-open .search-overlay__backdrop{opacity:1}.search-drawer{position:absolute;top:0;right:0;height:100%;width:min(480px,100%);display:flex;flex-direction:column;--surface-default: #ffffff;--surface-raised: #ffffff;--surface-sunken: #f6f6f4;--surface-muted: #f0f0ed;--text-display: #000000;--text-primary: #3c3c3c;--text-secondary: #6b6b6b;--text-tertiary: #8a8a8a;--border-subtle: #efefec;--border-default: #e5e5e2;--border-strong: #ccccc8;background-color:var(--surface-raised);transform:translate(100%);transition:transform var(--motion-medium) var(--ease-out-strong);box-shadow:-16px 0 48px #0f19222e}.search-overlay.is-open .search-drawer{transform:translate(0)}.search-drawer__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-20) var(--space-24);border-bottom:1px solid var(--border-subtle);flex-shrink:0}.search-drawer .search-drawer__title{margin:0;font-size:var(--text-h4);letter-spacing:-1px}.search-drawer__search,.search-drawer__form{display:flex;flex-direction:column;flex:1;min-height:0}.search-drawer__head{padding:var(--space-20) var(--space-24) 0;display:flex;flex-direction:column;gap:var(--space-12);flex-shrink:0}.search-drawer__field{display:flex;align-items:center;gap:var(--space-12);padding:0 var(--space-20);background:var(--surface-sunken);border:1px solid var(--border-default);border-radius:var(--radius-full);transition:border-color var(--motion-short) var(--ease-out),box-shadow var(--motion-short) var(--ease-out)}.search-drawer__field:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px #78c86426}.search-drawer__field-icon{color:var(--text-secondary);font-size:20px;flex-shrink:0}.search-drawer__input{flex:1;min-width:0;padding:14px 0;background:transparent;border:0;outline:none;color:var(--text-primary);font:inherit;font-size:var(--text-body-md)}.search-drawer__input::placeholder{color:var(--text-tertiary)}.search-drawer__input::-webkit-search-decoration,.search-drawer__input::-webkit-search-cancel-button{-webkit-appearance:none}.search-drawer__reset{display:none}.search-drawer__suggestions{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--space-8)}.search-drawer__chip{display:inline-flex;align-items:center;padding:var(--space-8) var(--space-12);background:var(--surface-sunken);border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-secondary);font:inherit;font-size:var(--text-body-sm);cursor:pointer;transition:background var(--motion-short) var(--ease-out),color var(--motion-short) var(--ease-out),border-color var(--motion-short) var(--ease-out)}.search-drawer__chip:hover{background:var(--surface-default);color:var(--text-primary);border-color:var(--border-strong)}.search-drawer__body{flex:1;min-height:0;overflow-y:auto;padding:var(--space-24);display:flex;flex-direction:column;gap:var(--space-32)}.search-drawer .predictive-search{position:static;inset:auto;width:auto;border:0;box-shadow:none;border-radius:0;background:transparent;z-index:auto}.search-drawer .predictive-search__results-groups-wrapper{flex-direction:column;gap:var(--space-24);border-bottom:0;padding-bottom:0}.search-drawer .predictive-search__result-group,.search-drawer .predictive-search__result-group:first-child{flex:0 0 auto}.search-drawer .predictive-search__no-results{margin:0;font-size:var(--text-body-md);color:var(--text-secondary)}.search-drawer .predictive-search__item--term{cursor:pointer}.search-drawer .predictive-search__heading{margin:0 0 var(--space-8);font-size:var(--text-11);font-weight:var(--weight-medium);letter-spacing:var(--tracking-wide);line-height:1.4;color:var(--text-tertiary)}.search-drawer .predictive-search__item-heading{font-size:var(--text-body-md);font-weight:var(--weight-medium);letter-spacing:0;text-transform:none;line-height:1.3}.search-drawer__default{display:flex;flex-direction:column;gap:var(--space-32)}predictive-search[open] .search-drawer__default,predictive-search[loading] .search-drawer__default{display:none}.search-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-12);padding:var(--space-32) var(--space-16) var(--space-24);border:1px dashed var(--border-default);border-radius:var(--radius-lg);background:var(--surface-sunken)}.search-empty__icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:var(--radius-full);background:#78c8641f;color:var(--accent);font-size:34px;margin-bottom:var(--space-4)}.search-drawer .search-empty__title{margin:0;font-size:var(--text-h4)}.search-empty__desc{margin:0;font-size:var(--text-body-sm);color:var(--text-secondary);max-width:36ch}.search-recommend{display:flex;flex-direction:column;gap:var(--space-16)}.search-recommend__header{display:flex;flex-direction:column;gap:var(--space-4)}.search-drawer .search-recommend__title{margin:0;font-size:var(--text-h5);letter-spacing:0}.search-recommend__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-12)}.search-rec-card{display:grid;grid-template-columns:88px 1fr;gap:var(--space-16);padding:var(--space-12);background:var(--surface-default);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:border-color var(--motion-short) var(--ease-out);letter-spacing:0}.search-rec-card:hover{border-color:var(--border-strong)}.search-rec-card__media{display:flex;align-items:center;justify-content:center;aspect-ratio:1 / 1;background:#fff;border-radius:var(--radius-md);overflow:hidden}.search-rec-card__media img{width:100%;height:100%;object-fit:contain}.search-rec-card__content{display:flex;flex-direction:column;gap:var(--space-4);min-width:0}.search-rec-card__brand{font-size:var(--text-11);font-weight:var(--weight-medium);letter-spacing:var(--tracking-wide);text-transform:var(--case-upper);color:var(--text-tertiary);margin:0}.search-drawer .search-rec-card__title{margin:0;font-size:var(--text-body-md);line-height:1.25}.search-rec-card__title a{color:inherit}.search-rec-card__spec{font-size:var(--text-body-xs);color:var(--text-secondary);margin:0}.search-rec-card__row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-8);margin-top:var(--space-8)}.search-rec-card__price{font-size:var(--text-body-md);font-weight:var(--weight-semibold);color:var(--text-primary);font-variant-numeric:tabular-nums}.search-drawer .search-rec-card__view{height:36px;padding:0 var(--space-12);font-size:var(--text-body-sm);gap:var(--space-4)}@media screen and (max-width:767px){.search-drawer__header,.search-drawer__form{padding-inline:var(--space-16)}.search-drawer__body{padding:var(--space-20) var(--space-16);gap:var(--space-24)}.search-rec-card{grid-template-columns:72px 1fr;gap:var(--space-12)}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-search-drawer.css.map */