[data-search-modal] [hidden]{display:none!important}.search-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-overlay, 1000);background:#00000073;display:flex;justify-content:center;align-items:flex-start;padding:12vh var(--space-sm) var(--space-md);box-sizing:border-box;opacity:0;transition:opacity .3s ease-out;overflow:hidden}.search-modal-backdrop[hidden]{display:none}.search-modal-backdrop.is-open{opacity:1}.search-modal-stack{width:min(720px,100%);max-height:100%;display:flex;flex-direction:column;gap:var(--space-xs);min-height:0;opacity:0;transform:translateY(-12px);transition:opacity .3s ease-out,transform .3s ease-out}.search-modal-stack.is-open{opacity:1;transform:translateY(0)}.search-modal-bar{flex:0 0 auto;display:flex;align-items:stretch;gap:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:2px;box-shadow:0 8px 40px #0000001a;overflow:hidden;transition:border-color .15s ease}.search-modal-bar:focus-within{border-color:var(--color-accent)}.search-modal-input-wrap{position:relative;flex:1 1 auto;display:flex;align-items:stretch;min-width:0}.search-modal-input{flex:1 1 auto;width:100%;display:block;font-family:var(--font-body);font-size:var(--text-body);color:var(--color-text-primary);background:transparent;border:none;border-radius:0;padding:14px 40px 14px 18px;-webkit-appearance:none;box-sizing:border-box}.search-modal-input::placeholder{color:var(--color-text-muted)}.search-modal-input:focus{outline:none}.search-modal-input::-webkit-search-decoration,.search-modal-input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;display:none}.search-modal-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;border-radius:2px;transition:color .15s ease,background .15s ease}.search-modal-clear:hover,.search-modal-clear:focus-visible{color:var(--color-text-primary);background:var(--color-surface-alt);outline:none}.search-modal-submit,.search-modal-close{flex:0 0 auto;width:52px;display:inline-flex;align-items:center;justify-content:center;background:var(--color-surface-alt);border:none;border-left:1px solid var(--color-border);color:var(--color-text-primary);cursor:pointer;transition:background .15s ease,color .15s ease}.search-modal-submit:hover,.search-modal-submit:focus-visible,.search-modal-close:hover,.search-modal-close:focus-visible{background:var(--color-accent);color:var(--color-on-accent);outline:none}.search-modal-card{position:relative;flex:0 1 auto;min-height:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:2px;box-shadow:0 8px 40px #0000001a;overflow:hidden;display:flex;flex-direction:column}.search-modal-loading{position:absolute;top:0;left:0;right:0;height:2px;overflow:hidden;background:transparent;pointer-events:none;z-index:1}.search-modal-loading:before{content:"";position:absolute;top:0;left:-40%;width:40%;height:100%;background:var(--color-accent);animation:search-modal-loading-slide 1.1s linear infinite}@keyframes search-modal-loading-slide{0%{left:-40%}to{left:100%}}.search-modal-body{position:relative;flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:var(--space-md) var(--space-sm)}.search-modal-section{display:flex;flex-direction:column;gap:var(--space-sm)}.search-modal-section+.search-modal-section{margin-top:var(--space-lg)}.search-modal-section-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}.search-modal-section-label{font-family:var(--font-body);font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-primary);margin:0;line-height:1.2}.search-modal-section-clear{border:0;background:transparent;padding:0;font-family:var(--font-body);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.search-modal-section-clear:hover{color:var(--color-text-primary)}.search-modal-pills{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}.search-modal-pill{font-family:var(--font-body);font-size:var(--text-small);font-weight:400;color:var(--color-text-secondary);background:transparent;border:1px solid var(--color-border);border-radius:999px;padding:10px 18px;cursor:pointer;text-decoration:none;transition:background .15s ease,border-color .15s ease,color .15s ease;line-height:1.2;display:inline-flex;align-items:center;gap:6px;max-width:100%}.search-modal-pill:hover,.search-modal-pill:focus-visible{background:var(--color-surface-alt);border-color:var(--color-accent);color:var(--color-text-primary);outline:none}.search-modal-pill--link{color:var(--color-text-primary)}.search-modal-pill svg{width:14px;height:14px;flex:0 0 auto;color:var(--color-text-muted)}.search-modal-rows{list-style:none;margin:0;padding:0}.search-modal-row-li+.search-modal-row-li{border-top:1px solid var(--color-border)}.search-modal-row{display:flex;align-items:center;gap:var(--space-sm);min-height:72px;padding:10px 0;text-decoration:none;color:inherit;border-radius:2px}.search-modal-row:focus-visible{outline:none}.search-modal-row:hover .search-modal-row-name,.search-modal-row:focus-visible .search-modal-row-name{text-decoration:underline;text-underline-offset:3px}.search-modal-row-thumb{flex:0 0 auto;width:56px;height:56px;aspect-ratio:1 / 1;border-radius:2px;overflow:hidden;background:var(--color-surface-alt);display:block}.search-modal-row-thumb img{width:100%;height:100%;object-fit:cover;display:block}.search-modal-row-thumb-placeholder{display:block;width:100%;height:100%;background:var(--color-border)}.search-modal-row-meta{flex:1 1 auto;display:flex;flex-direction:column;justify-content:center;gap:4px;min-width:0}.search-modal-row-name{font-family:var(--font-body);font-size:var(--text-body);color:var(--color-text-primary);line-height:1.3;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-modal-row-variants{font-family:var(--font-body);font-size:var(--text-small);color:var(--color-text-muted);line-height:1.3}.search-modal-row-price{flex:0 0 auto;margin-left:var(--space-sm);font-family:var(--font-body);font-size:var(--text-small);color:var(--color-text-secondary);display:inline-flex;flex-direction:column;align-items:flex-end;gap:2px;text-align:right;white-space:nowrap}.search-modal-row-price-strike{text-decoration:line-through;color:var(--color-text-muted)}.search-modal-row-price-sale{color:var(--color-error);font-weight:500}.search-modal-suggested .search-modal-rows{border-top:1px solid var(--color-border)}.search-modal-suggested .search-modal-see-all{align-self:flex-start;margin-top:0}.search-modal-see-all{display:inline-block;margin-top:var(--space-sm);background:transparent;border:none;padding:10px 0;font-family:var(--font-label);font-size:var(--text-label);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--color-accent);cursor:pointer;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .15s ease,color .15s ease}.search-modal-see-all:hover,.search-modal-see-all:focus-visible{border-bottom-color:var(--color-accent);color:var(--color-accent-dark);outline:none}.search-modal-empty{text-align:center;padding:var(--space-lg) var(--space-sm);color:var(--color-text-muted)}.search-modal-empty-title{font-family:var(--font-body);font-size:var(--text-body);color:var(--color-text-secondary);margin:0 0 6px}.search-modal-empty-sub{font-family:var(--font-body);font-size:var(--text-small);color:var(--color-text-muted);margin:0}@media(max-width:767px){.search-modal-backdrop{padding:8px 8px 16px;align-items:stretch}.search-modal-stack{max-height:100%}.search-modal-card{flex:1 1 auto}}@media(min-width:1024px){.search-modal-backdrop{padding:12vh var(--space-md) var(--space-lg)}.search-modal-stack{width:min(720px,92vw);gap:var(--space-xs)}.search-modal-input{padding:16px 40px 16px 20px}.search-modal-submit,.search-modal-close{width:56px}.search-modal-body{padding:var(--space-md)}}@media(prefers-reduced-motion:reduce){.search-modal-backdrop,.search-modal-stack{transition:opacity .2s ease-out}.search-modal-stack{transform:none!important}.search-modal-loading:before{animation:none;left:0;width:100%;opacity:.6}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/section-search-modal.css.map */