.suay-search-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:199;opacity:0;pointer-events:none;transition:opacity var(--suay-duration-medium) var(--suay-ease-default)}.suay-search-backdrop.is-visible{opacity:1;pointer-events:auto}.suay-search-overlay{position:fixed;top:0;left:0;right:0;max-height:70vh;overflow-y:auto;background:var(--suay-color-white);z-index:200;transform:translateY(-100%);transition:transform var(--suay-duration-slow) var(--suay-ease-out);box-shadow:0 8px 32px #0000001f}.suay-search-overlay.is-open{transform:translateY(0)}.suay-search-overlay__inner{padding:var(--suay-space-8) var(--suay-space-24);max-width:1400px;margin:0 auto}.suay-search-input-row{display:flex;align-items:center;gap:var(--suay-space-4);border-bottom:2px solid var(--suay-color-charcoal);padding:var(--suay-space-4) 0;margin-bottom:var(--suay-space-8)}.suay-search-input-row__icon{flex-shrink:0;color:var(--suay-color-charcoal);opacity:.5;display:flex;align-items:center}.suay-search-input-row__field{flex:1;font-family:var(--suay-font-body);font-weight:400;font-size:24px;color:var(--suay-color-charcoal);border:none;outline:none;background:transparent;padding:var(--suay-space-4) 0;line-height:1.2}.suay-search-input-row__field::placeholder{color:var(--suay-color-smoke)}.suay-search-input-row__close{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:36px;height:36px;color:var(--suay-color-charcoal);opacity:.5;background:none;border:none;cursor:pointer;padding:0;transition:opacity var(--suay-duration-fast) var(--suay-ease-default)}.suay-search-input-row__close:hover{opacity:1}.suay-search-panel{display:none}.suay-search-panel.is-active{display:block}.suay-search-default{display:grid;grid-template-columns:1fr 1fr;gap:var(--suay-space-12);padding-bottom:var(--suay-space-8)}.suay-search-results{display:grid;grid-template-columns:3fr 1.5fr 1.5fr;gap:var(--suay-space-12);padding-bottom:var(--suay-space-8)}.suay-search-col__label{font-family:var(--suay-font-mono);font-size:var(--suay-text-eyebrow);text-transform:uppercase;letter-spacing:.1em;color:var(--suay-color-body);margin-bottom:var(--suay-space-4);padding-bottom:var(--suay-space-3);border-bottom:1px solid rgba(0,0,0,.06)}.suay-search-product-list{display:flex;flex-direction:column;gap:0}.suay-search-product-item{display:flex;align-items:center;gap:var(--suay-space-4);padding:var(--suay-space-3) var(--suay-space-2);border-radius:2px;transition:background var(--suay-duration-fast) var(--suay-ease-default);cursor:pointer;text-decoration:none;color:inherit}.suay-search-product-item:hover{background:var(--suay-color-off-white)}.suay-search-product-item__thumb{width:60px;height:60px;flex-shrink:0;background:var(--suay-color-off-white);border-radius:2px;overflow:hidden}.suay-search-product-item__thumb img{width:100%;height:100%;object-fit:cover}.suay-search-product-item__info{flex:1;min-width:0}.suay-search-product-item__title{font-family:var(--suay-font-body);font-size:15px;font-weight:400;color:var(--suay-color-charcoal);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.suay-search-product-item__price{font-family:var(--suay-font-mono);font-size:14px;color:var(--suay-color-body);margin-top:2px}.suay-search-view-all{display:inline-flex;align-items:center;gap:var(--suay-space-1);font-family:var(--suay-font-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--suay-color-charcoal);margin-top:var(--suay-space-4);padding:var(--suay-space-2) var(--suay-space-2);border-bottom:1px solid transparent;transition:border-color var(--suay-duration-fast) var(--suay-ease-default);text-decoration:none}.suay-search-view-all:hover{border-color:var(--suay-color-charcoal)}.suay-search-pills{display:flex;flex-wrap:wrap;gap:var(--suay-space-2);margin-top:var(--suay-space-4)}.suay-search-pill{display:inline-flex;align-items:center;padding:var(--suay-space-2) var(--suay-space-4);background:var(--suay-color-smoke);color:var(--suay-color-charcoal);font-family:var(--suay-font-body);font-size:13px;border-radius:20px;transition:background var(--suay-duration-fast) var(--suay-ease-default),color var(--suay-duration-fast) var(--suay-ease-default);cursor:pointer;text-decoration:none}.suay-search-pill:hover{background:var(--suay-color-charcoal);color:var(--suay-color-white)}.suay-search-trending-list{display:flex;flex-direction:column;gap:0;margin-top:var(--suay-space-4)}.suay-search-trending-item{font-family:var(--suay-font-body);font-size:15px;color:var(--suay-color-body);padding:var(--suay-space-3) 0;border-bottom:1px solid rgba(0,0,0,.04);cursor:pointer;transition:color var(--suay-duration-fast) var(--suay-ease-default);display:flex;align-items:center;gap:var(--suay-space-2);text-decoration:none}.suay-search-trending-item:last-child{border-bottom:none}.suay-search-trending-item:hover{color:var(--suay-color-charcoal);text-decoration:underline;text-underline-offset:3px}.suay-search-trending-item__arrow{opacity:0;font-size:12px;transition:opacity var(--suay-duration-fast) var(--suay-ease-default),transform var(--suay-duration-fast) var(--suay-ease-default);transform:translate(-4px)}.suay-search-trending-item:hover .suay-search-trending-item__arrow{opacity:1;transform:translate(0)}.suay-search-dimmed{filter:blur(2px);opacity:.4;pointer-events:none;transition:filter var(--suay-duration-medium) var(--suay-ease-default),opacity var(--suay-duration-medium) var(--suay-ease-default)}.suay-search-no-results{font-family:var(--suay-font-body);font-size:15px;color:var(--suay-color-body);padding:var(--suay-space-4) 0}.suay-search-loading{font-family:var(--suay-font-mono);font-size:var(--suay-text-eyebrow);text-transform:uppercase;letter-spacing:.1em;color:var(--suay-color-body);padding:var(--suay-space-4) 0;opacity:.6}@media(max-width:749px){.suay-search-overlay__inner{padding:var(--suay-space-6) var(--suay-space-4)}.suay-search-input-row__field{font-size:20px}.suay-search-results,.suay-search-default{grid-template-columns:1fr;gap:var(--suay-space-8)}}
/*# sourceMappingURL=/cdn/shop/t/44/assets/suay-search-overlay.css.map */