:root{--hp-so-green: #16a34a;--hp-so-green-dark: #15803d;--hp-so-green-soft: #ecfdf5;--hp-so-bg: #ffffff;--hp-so-text: #0f172a;--hp-so-text-soft: #475569;--hp-so-muted: #94a3b8;--hp-so-border: #e5e7eb;--hp-so-border-soft: #f1f5f9;--hp-so-backdrop: rgba(15, 23, 42, .12);--hp-so-radius: 16px;--hp-so-radius-sm: 10px;--hp-so-shadow: 0 30px 80px -20px rgba(15, 23, 42, .35), 0 8px 24px -8px rgba(15, 23, 42, .15);--hp-so-trans: cubic-bezier(.2, .8, .2, 1)}.hp-so{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999999;display:flex;align-items:flex-start;justify-content:center;padding-top:var(--hp-so-anchor-y, 80px);padding-left:8px;padding-right:8px;padding-bottom:0;font-family:inherit;-webkit-font-smoothing:antialiased;opacity:0;pointer-events:none;transition:opacity .22s var(--hp-so-trans)}.hp-so[aria-hidden=false]{opacity:1;pointer-events:auto}.hp-so__backdrop{position:absolute;top:var(--hp-so-bd-top, 0px);right:0;bottom:0;left:0;background:var(--hp-so-backdrop);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.hp-so__close{flex:0 0 auto;width:36px;height:36px;margin-right:4px;border-radius:50%;border:0;background:var(--hp-so-border-soft);color:var(--hp-so-text-soft);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .15s var(--hp-so-trans),color .15s var(--hp-so-trans)}.hp-so__close:hover,.hp-so__close:focus-visible{background:var(--hp-so-border);color:var(--hp-so-text);outline:none}.hp-so__close svg{width:16px;height:16px}.hp-so__modal{position:relative;width:100%;max-width:var(--hp-so-anchor-w, 1100px);height:calc(100vh - var(--hp-so-anchor-y, 80px) - 32px);max-height:calc(100vh - var(--hp-so-anchor-y, 80px) - 32px);background:var(--hp-so-bg);border-radius:var(--hp-so-radius);box-shadow:var(--hp-so-shadow);overflow:hidden;display:flex;flex-direction:column;transform:translateY(-12px) scale(.985);transition:transform .28s var(--hp-so-trans)}.hp-so[aria-hidden=false] .hp-so__modal{transform:translateY(0) scale(1)}.hp-so__header{border-bottom:1px solid var(--hp-so-border);padding:0 16px 0 24px;flex:0 0 auto;display:flex;align-items:center;gap:12px}.hp-so__input-wrap{flex:1 1 auto;display:flex;align-items:center;gap:14px;height:70px;min-width:0}.hp-so__lens{flex:0 0 auto;color:var(--hp-so-muted);display:inline-flex}.hp-so__lens svg{width:22px;height:22px}.hp-so__input{flex:1 1 auto;border:0;outline:0;background:transparent;font:inherit;font-size:clamp(16px,2.2vw,20px);color:var(--hp-so-text);padding:0;min-width:0}.hp-so__input::placeholder{color:var(--hp-so-muted);font-weight:400}.hp-so__input::-webkit-search-cancel-button,.hp-so__input::-webkit-search-decoration{-webkit-appearance:none;appearance:none}.hp-so__clear{flex:0 0 auto;width:32px;height:32px;border-radius:50%;border:0;background:var(--hp-so-border-soft);color:var(--hp-so-text-soft);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .15s var(--hp-so-trans),color .15s var(--hp-so-trans)}.hp-so__clear:hover{background:var(--hp-so-border);color:var(--hp-so-text)}.hp-so__clear svg{width:14px;height:14px}.hp-so__body{display:flex;align-items:stretch;flex:1 1 auto;min-height:0}.hp-so__sidebar{flex:0 0 260px;border-right:1px solid var(--hp-so-border);padding:0 0 20px;overflow-y:auto;background:#fafafa}.hp-so__group{padding:14px 24px 16px}.hp-so__group:first-child{padding-top:12px}.hp-so__group+.hp-so__group{border-top:1px solid var(--hp-so-border);padding-top:14px}.hp-so__group-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:8px}.hp-so__group-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--hp-so-muted);margin:0 0 8px}.hp-so__group-title--right{padding:12px 24px 4px;margin:0}.hp-so__clear-recent{font-size:11px;background:0;border:0;color:var(--hp-so-muted);cursor:pointer;text-decoration:underline;padding:0}.hp-so__clear-recent:hover{color:var(--hp-so-green)}.hp-so__group--recent{padding:8px 14px 0}.hp-so__recent-toggle{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;background:var(--hp-so-border-soft);border:0;border-radius:8px;font:inherit;font-size:13px;font-weight:600;color:var(--hp-so-text-soft);cursor:pointer;transition:background .15s var(--hp-so-trans),color .15s var(--hp-so-trans)}.hp-so__recent-toggle:hover{background:var(--hp-so-green-soft);color:var(--hp-so-green-dark)}.hp-so__recent-toggle-icon{display:inline-flex;color:var(--hp-so-muted);flex:0 0 auto}.hp-so__recent-toggle-icon svg{width:14px;height:14px}.hp-so__recent-toggle:hover .hp-so__recent-toggle-icon{color:var(--hp-so-green)}.hp-so__recent-toggle-label{flex:1 1 auto;text-align:left}.hp-so__recent-count{background:var(--hp-so-green);color:#fff;font-size:11px;font-weight:700;min-width:18px;height:18px;border-radius:9px;padding:0 6px;display:inline-flex;align-items:center;justify-content:center}.hp-so__recent-toggle-chev{width:14px;height:14px;flex:0 0 auto;transition:transform .2s var(--hp-so-trans)}.hp-so__recent-toggle[aria-expanded=true] .hp-so__recent-toggle-chev{transform:rotate(180deg)}.hp-so__recent-panel{padding:10px 0 4px}.hp-so__list{list-style:none;margin:0;padding:0}.hp-so__list-link{display:flex;align-items:center;gap:10px;padding:5px 8px;border-radius:8px;text-decoration:none;color:var(--hp-so-text);font-size:13.5px;line-height:1.25;transition:background .15s var(--hp-so-trans),color .15s var(--hp-so-trans)}.hp-so__list-link:hover,.hp-so__list-link:focus-visible{background:var(--hp-so-green-soft);color:var(--hp-so-green-dark);outline:none}.hp-so__list-icon{display:inline-flex;color:var(--hp-so-muted);flex:0 0 auto;transition:color .15s var(--hp-so-trans)}.hp-so__list-link:hover .hp-so__list-icon{color:var(--hp-so-green)}.hp-so__list-icon svg{width:14px;height:14px}.hp-so__list-icon--flame{color:#f97316}.hp-so__list-link:hover .hp-so__list-icon--flame{color:#ea580c}.hp-so__list-thumb{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;overflow:hidden;background:#fff;border:1px solid var(--hp-so-border-soft);flex:0 0 auto;color:var(--hp-so-muted)}.hp-so__list-thumb img{width:100%;height:100%;object-fit:cover;display:block}.hp-so__list-thumb svg{width:16px;height:16px}.hp-so__list-link:hover .hp-so__list-thumb{border-color:var(--hp-so-green);color:var(--hp-so-green)}.hp-so__list-label{flex:1 1 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hp-so__results-col{flex:1 1 auto;display:flex;flex-direction:column;padding:0 0 16px;overflow-y:auto;min-width:0}.hp-so__empty{flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:60px 24px;color:var(--hp-so-text-soft);gap:16px;min-height:320px}.hp-so [data-hp-so-state][hidden],.hp-so__empty[hidden],.hp-so__skeleton[hidden],.hp-so__results[hidden],.hp-so__see-all[hidden]{display:none!important}.hp-so__empty-icon{width:88px;height:88px;border-radius:50%;background:var(--hp-so-green-soft);display:inline-flex;align-items:center;justify-content:center;color:var(--hp-so-green);box-shadow:0 0 0 8px #16a34a0f}.hp-so__empty-icon svg{width:40px;height:40px}.hp-so__empty-text{font-size:16px;font-weight:700;color:var(--hp-so-green-dark);margin:0}.hp-so__empty-sub{font-size:13px;color:var(--hp-so-muted);margin:-6px 0 0}.hp-so__skeleton{display:flex;flex-direction:column;padding:8px 24px;gap:14px}.hp-so__sk-card{display:grid;grid-template-columns:64px 1fr 44px;gap:16px;align-items:center}.hp-so__sk-img,.hp-so__sk-line,.hp-so__sk-btn{background:linear-gradient(90deg,#eee,#f6f6f6,#eee);background-size:200% 100%;animation:hp-so-shimmer 1.4s linear infinite;border-radius:8px}.hp-so__sk-img{aspect-ratio:1}.hp-so__sk-text{display:flex;flex-direction:column;gap:8px}.hp-so__sk-line{height:12px}.hp-so__sk-line--long{width:85%}.hp-so__sk-line--mid{width:55%}.hp-so__sk-line--short{width:30%}.hp-so__sk-btn{width:44px;height:44px;border-radius:10px}@keyframes hp-so-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.hp-so__results{list-style:none;margin:0;padding:4px 12px 0;display:flex;flex-direction:column}.hp-so__item{display:grid;grid-template-columns:64px 1fr auto;gap:16px;align-items:center;padding:12px;border-radius:var(--hp-so-radius-sm);text-decoration:none;color:inherit;transition:background .15s var(--hp-so-trans),transform .12s var(--hp-so-trans)}.hp-so__item:hover,.hp-so__item:focus-within{background:var(--hp-so-border-soft)}.hp-so__item-img{width:64px;height:64px;border-radius:8px;background:#f5f5f5;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.hp-so__item-img img{width:100%;height:100%;object-fit:contain;display:block}.hp-so__item-body{display:flex;flex-direction:column;gap:4px;min-width:0}.hp-so__item-title{font-size:14.5px;font-weight:600;color:var(--hp-so-text);line-height:1.35;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hp-so__item:hover .hp-so__item-title{color:var(--hp-so-green-dark)}.hp-so__item-meta{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--hp-so-muted)}.hp-so__item-rating{display:inline-flex;align-items:center;gap:1px;color:#f59e0b}.hp-so__item-rating svg{width:12px;height:12px}.hp-so__item-prices{display:inline-flex;align-items:baseline;gap:8px}.hp-so__item-price{font-size:15px;font-weight:700;color:var(--hp-so-text)}.hp-so__item-compare{font-size:12px;text-decoration:line-through;color:var(--hp-so-muted);font-weight:500}.hp-so__item-cta{flex:0 0 auto;width:40px;height:40px;border-radius:10px;border:0;background:var(--hp-so-green);color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s var(--hp-so-trans),transform .12s var(--hp-so-trans)}.hp-so__item-cta:hover{background:var(--hp-so-green-dark);transform:scale(1.06)}.hp-so__item-cta:disabled{opacity:.6;cursor:not-allowed}.hp-so__item-cta svg{width:18px;height:18px}.hp-so__see-all{position:sticky;bottom:0;z-index:5;margin:0;display:flex;align-items:center;justify-content:center;gap:10px;padding:18px 16px calc(18px + env(safe-area-inset-bottom,0px));background:var(--hp-so-green);color:#fff;text-decoration:none;font-weight:700;font-size:15px;transition:background .15s var(--hp-so-trans);border-top:1px solid var(--hp-so-green-dark)}.hp-so__see-all:hover{background:var(--hp-so-green-dark);color:#fff}.hp-so__see-all svg{width:16px;height:16px;color:#fff;transition:transform .18s var(--hp-so-trans)}.hp-so__results-col,.hp-so__results{padding-bottom:0!important}.hp-so__see-all:hover{background:var(--hp-so-green);color:#fff}.hp-so__see-all svg{width:16px;height:16px;transition:transform .18s var(--hp-so-trans)}.hp-so__see-all:hover svg{transform:translate(3px)}.hp-so__sidebar::-webkit-scrollbar,.hp-so__results-col::-webkit-scrollbar{width:6px}.hp-so__sidebar::-webkit-scrollbar-thumb,.hp-so__results-col::-webkit-scrollbar-thumb{background:#0f172a1f;border-radius:3px}.hp-so__sidebar::-webkit-scrollbar-thumb:hover,.hp-so__results-col::-webkit-scrollbar-thumb:hover{background:#0f172a40}@media(max-width:860px){.hp-so{padding:var(--hp-so-anchor-y, 64px) 0 0;align-items:stretch}.hp-so__modal{max-width:none;max-height:calc(100vh - var(--hp-so-anchor-y, 64px));height:calc(100vh - var(--hp-so-anchor-y, 64px));border-radius:0}.hp-so__header{padding:0 12px 0 16px}.hp-so__input-wrap{height:60px;gap:10px}.hp-so__input{font-size:16px}.hp-so__body{flex-direction:column;overflow-y:auto}.hp-so__sidebar{flex:0 0 auto;border-right:0;border-bottom:1px solid var(--hp-so-border);padding:12px 0;background:#fff;max-height:none;overflow:visible}.hp-so__group{padding:10px 16px}.hp-so__results-col{overflow:visible;padding-bottom:32px}.hp-so__group-title--right{padding:14px 16px 4px}.hp-so__results{padding:4px 8px 0}.hp-so__item{padding:10px 8px;grid-template-columns:56px 1fr auto;gap:12px}.hp-so__item-img{width:56px;height:56px}.hp-so__item-title{font-size:13.5px}.hp-so__item-price{font-size:14px}.hp-so__item-cta{width:36px;height:36px}.hp-so__see-all{margin:14px 16px 24px}.hp-so__skeleton{padding:8px 16px}}@media(prefers-reduced-motion:reduce){.hp-so,.hp-so__modal,.hp-so__close,.hp-so__item-cta,.hp-so__see-all svg{transition:none!important;animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/49/assets/hp-search-overlay.css.map */