.catalog-search{position:fixed;inset:0;z-index:82;box-sizing:border-box;overflow:hidden;padding:3.5vh 2.2vw 3vh;background:linear-gradient(180deg,rgba(1,5,3,.72),rgba(1,4,3,.9)),radial-gradient(circle at 62% 5%,rgba(126,255,24,.13),transparent 38%),#020704;color:#fff}
.catalog-search.hidden{display:none!important}
.catalog-search-head{height:12vh;display:grid;grid-template-columns:7vw minmax(420px,58vw) 1fr;align-items:center;gap:1.4vw}
.search-back{width:4.3vw;height:4.3vw;min-width:58px;min-height:58px;border:2px solid transparent;border-radius:50%;background:rgba(0,0,0,.35);color:#fff;font-size:2.5vw}
.search-input-shell{height:7.5vh;min-height:62px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;border:3px solid rgba(255,255,255,.92);border-radius:999px;background:rgba(0,0,0,.64);overflow:hidden;transition:border-color .12s,box-shadow .12s,transform .12s}
.search-input-shell:focus-within{border-color:#86ff18;box-shadow:0 0 0 4px rgba(134,255,24,.22),0 0 32px rgba(134,255,24,.16)}
.search-input-icon{font-size:2vw;padding-left:1.4vw;color:#dce5df}
#catalogSearchInput{box-sizing:border-box;width:100%;height:100%;padding:0 1vw;border:0!important;outline:0!important;background:transparent!important;color:#fff;font:400 clamp(24px,2vw,38px)/1 sans-serif;box-shadow:none!important}
#catalogSearchInput::placeholder{color:#acb5af}
.search-submit{width:5vw;height:100%;border:0;border-left:1px solid rgba(255,255,255,.2);background:transparent;color:#fff;font-size:2.6vw}
.search-controller-help{justify-self:end;color:#b7c2bb;font-size:clamp(13px,.95vw,18px);white-space:nowrap}
.catalog-search-results{height:80vh;overflow-y:auto;overflow-x:hidden;padding:0 .3vw 4vh;scroll-behavior:smooth}
.search-empty{height:55vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.2vh;color:#aab6ae}
.search-empty strong{color:#fff;font-size:2.4vw}.search-empty span{font-size:1.2vw}.search-empty.not-found strong{color:#86ff18}
.search-section{margin:1.2vh 0 2.2vh}.search-section.hidden{display:none!important}
.search-section-title{height:4.5vh;display:flex;align-items:center;gap:1vw}.search-section-title h2{margin:0;font-size:clamp(20px,1.25vw,27px);font-weight:500}.search-section-title span{color:#aab5ae;font-size:.9vw}
.search-rail{display:flex;gap:.75vw;overflow-x:auto;overflow-y:hidden;padding:.7vh .25vw 1.1vh;scroll-behavior:smooth}
.search-card{flex:0 0 10.8vw;min-width:150px;height:25vh;min-height:210px;display:grid;grid-template-rows:1fr auto;padding:0;border:3px solid transparent;border-radius:.45vw;background:rgba(29,34,31,.93);color:#fff;overflow:hidden;text-align:left;transition:transform .1s,border-color .1s,box-shadow .1s}
.search-card img{width:100%;height:100%;min-height:0;object-fit:cover;background:#111}
.search-card span{box-sizing:border-box;display:block;min-height:5.2vh;padding:1.1vh .65vw;background:rgba(45,31,52,.96);font-size:clamp(15px,1vw,21px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.search-card.search-channel{flex-basis:15vw;min-width:210px;height:18vh;min-height:155px}.search-card.search-channel img{object-fit:contain;padding:1.2vh;box-sizing:border-box}.search-card.search-channel span{text-align:center}
.search-card:focus,.search-card.vp-controller-focus,.search-back:focus,.search-submit:focus{outline:0;border-color:#fff!important;box-shadow:0 0 0 3px #22c8ff,0 0 24px rgba(34,200,255,.55);transform:scale(1.035);z-index:2}
@media(max-width:1000px){.catalog-search-head{grid-template-columns:80px 1fr}.search-controller-help{display:none}.search-card{flex-basis:160px}.search-card.search-channel{flex-basis:220px}}