body.search-dialog-open{overflow:hidden}
#search-overlay.search-overlay{position:fixed!important;inset:0!important;z-index:10080!important;align-items:flex-start!important;justify-content:center!important;padding:clamp(20px,8vh,92px) 18px 20px!important;opacity:0;transition:opacity .24s ease}
#search-overlay.search-overlay.active{opacity:1}
#search-overlay .search-overlay-backdrop{position:absolute!important;inset:0!important;background:rgba(3,5,11,.76)!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important}
#search-overlay .search-overlay-content{position:relative!important;width:min(760px,100%)!important;max-width:760px!important;max-height:min(780px,calc(100dvh - 100px))!important;display:flex!important;flex-direction:column!important;margin:0!important;padding:26px!important;overflow:hidden!important;border:1px solid rgba(255,255,255,.13)!important;border-radius:30px!important;background:radial-gradient(circle at 94% 0%,rgba(234,24,69,.16),transparent 35%),linear-gradient(145deg,#181a24,#0d0e15 73%)!important;box-shadow:0 35px 100px rgba(0,0,0,.65)!important;color:#f9fafc!important;transform:translateY(16px) scale(.985);transition:transform .28s cubic-bezier(.2,.8,.2,1)}
#search-overlay.active .search-overlay-content{transform:translateY(0) scale(1)}
#search-overlay .search-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
#search-overlay .search-dialog-eyebrow{display:inline-flex;align-items:center;gap:9px;color:#ff627d;font-size:10px;font-weight:900;letter-spacing:.18em}
#search-overlay .search-dialog-eyebrow span{width:7px;height:7px;border-radius:50%;background:#ff405f;box-shadow:0 0 0 5px rgba(255,64,95,.13)}
#search-overlay .search-overlay-close-btn{position:static!important;display:grid!important;place-items:center!important;width:38px!important;height:38px!important;min-width:38px!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:13px!important;background:rgba(255,255,255,.06)!important;color:#e9eaf0!important;cursor:pointer!important;transition:background .2s,transform .2s}
#search-overlay .search-overlay-close-btn:hover{background:rgba(255,255,255,.14)!important;transform:rotate(90deg)}
#search-overlay .search-overlay-title{margin:13px 0 4px!important;font-size:clamp(27px,4vw,37px)!important;line-height:1.14!important;letter-spacing:-.05em!important;font-weight:900!important;color:#fff!important}
#search-overlay .search-dialog-subtitle{margin:0 0 22px!important;color:#a8adbd!important;font-size:14px!important;line-height:1.5!important}
#search-overlay .search-overlay-input-wrapper{position:relative!important;display:flex!important;align-items:center!important;width:100%!important;height:62px!important;margin:0!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:18px!important;background:#0b0d14!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;transition:border-color .2s,box-shadow .2s}
#search-overlay .search-overlay-input-wrapper:focus-within{border-color:#fa3157!important;box-shadow:0 0 0 4px rgba(250,49,87,.13)!important}
#search-overlay .search-overlay-icon{position:absolute!important;left:20px!important;top:50%!important;transform:translateY(-50%)!important;font-size:19px!important;color:#ff4569!important;pointer-events:none}
#search-overlay #search-overlay-input{width:100%!important;height:100%!important;padding:0 55px 0 54px!important;border:0!important;outline:0!important;background:transparent!important;color:#fff!important;box-shadow:none!important;font-size:16px!important;font-weight:600!important}
#search-overlay #search-overlay-input::placeholder{color:#73798b!important;font-weight:500!important}
#search-overlay #search-overlay-input::-webkit-search-cancel-button{display:none}
#search-overlay .search-clear-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);display:none;place-items:center;width:34px;height:34px;border:0;border-radius:10px;background:#252937;color:#b9bece;cursor:pointer}
#search-overlay .search-clear-btn.visible{display:grid}
#search-overlay .search-dialog-meta{display:flex;justify-content:space-between;gap:10px;padding:17px 2px 11px;color:#9fa6b8;font-size:12px;font-weight:750}
#search-overlay .search-keyboard-hint{color:#677084;font-size:11px}
#search-overlay .search-overlay-results{min-height:150px!important;max-height:none!important;flex:1!important;overflow:auto!important;padding:0 3px 3px 0!important;scrollbar-width:thin;scrollbar-color:#444858 transparent}
#search-overlay .search-section-label{padding:10px 2px 9px;color:#778094;font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
#search-overlay .search-suggestions{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:11px}
#search-overlay .search-suggestion{display:inline-flex;align-items:center;gap:8px;max-width:100%;padding:10px 13px;border:1px solid rgba(255,255,255,.11);border-radius:12px;background:#222531;color:#d5d9e3;font:inherit;font-size:12px;font-weight:750;cursor:pointer;transition:background .2s,border-color .2s,transform .2s}
#search-overlay .search-suggestion i{color:#ff5673}
#search-overlay .search-suggestion:hover{background:#302534;border-color:rgba(255,72,110,.4);transform:translateY(-2px)}
#search-overlay .search-overlay-result-item{display:flex!important;align-items:center!important;gap:15px!important;width:100%!important;min-height:91px!important;margin:0 0 8px!important;padding:10px 13px!important;border:1px solid rgba(255,255,255,.075)!important;border-radius:16px!important;background:rgba(255,255,255,.035)!important;color:#f5f6fa!important;text-align:left!important;font:inherit!important;cursor:pointer!important;transition:background .2s,border-color .2s,transform .2s!important}
#search-overlay .search-overlay-result-item:hover,#search-overlay .search-overlay-result-item:focus-visible{background:rgba(255,56,95,.09)!important;border-color:rgba(255,73,110,.4)!important;transform:translateY(-2px)!important;outline:none}
#search-overlay .search-result-thumb{display:grid;place-items:center;flex:none;width:65px;height:65px;overflow:hidden;border-radius:12px;background:#282b35;color:#ff5573;font-size:22px}
#search-overlay .search-result-thumb img{width:100%;height:100%;object-fit:cover}
#search-overlay .search-result-info{display:flex;flex-direction:column;gap:5px;min-width:0;flex:1}
#search-overlay .search-result-info small{color:#ff6884;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.05em}
#search-overlay .search-result-info strong{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:#f6f6f9;font-size:14px;font-weight:850;line-height:1.35}
#search-overlay .search-result-price{display:flex;flex-direction:column;align-items:flex-end;gap:3px;white-space:nowrap}
#search-overlay .search-result-price del{color:#818899;font-size:11px}
#search-overlay .search-result-price strong{color:#fff;font-size:14px;font-weight:900}
#search-overlay .search-result-arrow{color:#747b8e;font-size:12px}
#search-overlay .search-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;min-height:190px;color:#a7aebf;text-align:center}
#search-overlay .search-empty i{display:grid;place-items:center;width:54px;height:54px;border-radius:17px;background:rgba(255,64,101,.1);color:#ff5273;font-size:22px}
#search-overlay .search-empty strong{color:#eceef4;font-size:16px}
#search-overlay .search-empty span{font-size:13px}
@media(max-width:600px){#search-overlay.search-overlay{padding:0!important;align-items:stretch!important}#search-overlay .search-overlay-content{width:100%!important;max-width:none!important;max-height:none!important;height:100dvh!important;padding:22px 16px calc(16px + env(safe-area-inset-bottom,0px))!important;border:0!important;border-radius:0!important;transform:translateY(12px)}#search-overlay .search-overlay-title{margin-top:21px!important;font-size:31px!important}#search-overlay .search-dialog-subtitle{margin-bottom:23px!important;font-size:13px!important}#search-overlay .search-overlay-input-wrapper{height:58px!important}#search-overlay .search-overlay-result-item{min-height:84px!important;gap:11px!important;padding:9px!important}#search-overlay .search-result-thumb{width:58px;height:58px}#search-overlay .search-result-info strong{font-size:13px}#search-overlay .search-result-price strong{font-size:12px}#search-overlay .search-result-arrow{display:none}}
@media(prefers-reduced-motion:reduce){#search-overlay.search-overlay,#search-overlay .search-overlay-content,#search-overlay .search-overlay-result-item,#search-overlay .search-suggestion{transition:none!important}}
