html.qss-search-is-open { overflow: hidden; }
.qss-smart-search-trigger { display: inline-flex; align-items: center; gap: 7px; min-height: 32px; padding: 4px 0; border: 0; color: inherit; background: transparent; font: inherit; font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; cursor: pointer; }
.qss-smart-search-trigger svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.8; }
.qss-smart-search-trigger:hover, .qss-smart-search-trigger:focus { color: #0755a2; }
.qss-smart-search { position: fixed; inset: 0; z-index: 999999; display: grid; place-items: start center; padding: clamp(18px, 6vh, 74px) 20px; opacity: 0; visibility: hidden; transition: opacity .2s ease, visibility .2s ease; }
.qss-smart-search.is-open { opacity: 1; visibility: visible; }
.qss-smart-search__backdrop { position: absolute; inset: 0; background: rgba(4, 22, 44, .72); backdrop-filter: blur(8px); }
.qss-smart-search__panel { position: relative; width: min(100%, 760px); max-height: min(86vh, 790px); overflow: auto; background: #fff; padding: clamp(24px, 4vw, 44px); box-shadow: 0 26px 80px rgba(0, 25, 63, .35); }
.qss-smart-search__top { display: flex; align-items: center; justify-content: space-between; color: #0755a2; font-size: 11px; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; }
.qss-smart-search__top p { margin: 0; }
.qss-smart-search__top button { appearance: none; border: 0; background: transparent; color: #08396d; font-size: 34px; line-height: 1; cursor: pointer; }
.qss-smart-search h2 { margin: 21px 0 24px; color: #073e7a; font-size: clamp(30px, 4vw, 48px); line-height: .98; letter-spacing: -.04em; }
.qss-smart-search__form { display: flex; align-items: center; gap: 12px; border-bottom: 2px solid #0755a2; padding: 0 0 12px; }
.qss-smart-search__form svg { width: 22px; height: 22px; fill: none; stroke: #0755a2; stroke-width: 1.7; flex: 0 0 auto; }
.qss-smart-search__form input { width: 100%; border: 0; outline: 0; color: #14283d; font: inherit; font-size: 18px; background: transparent; }
.qss-smart-search__status { color: #53708b; white-space: nowrap; font-size: 12px; }
.qss-smart-search__results { margin-top: 20px; }
.qss-smart-search__item { display: grid; grid-template-columns: 72px minmax(0, 1fr) auto; align-items: center; gap: 16px; padding: 10px 0; border-bottom: 1px solid #e4ebf2; color: #102944; text-decoration: none; }
.qss-smart-search__item:hover b, .qss-smart-search__item:focus b { color: #0755a2; }
.qss-smart-search__item img { width: 72px; height: 64px; object-fit: cover; background: #edf2f6; }
.qss-smart-search__item span { display: grid; gap: 3px; min-width: 0; }
.qss-smart-search__item b { font-size: 15px; line-height: 1.2; transition: color .15s; }
.qss-smart-search__item small, .qss-smart-search__item em { color: #63778c; font-size: 12px; font-style: normal; line-height: 1.25; }
.qss-smart-search__item i { color: #0755a2; font-size: 21px; font-style: normal; }
.qss-smart-search__more { display: flex; justify-content: space-between; margin-top: 17px; padding: 15px 0 0; color: #0755a2; font-size: 13px; font-weight: 700; text-decoration: none; text-transform: uppercase; letter-spacing: .06em; }
.qss-smart-search__empty, .qss-smart-search__hint { color: #5f7285; font-size: 14px; line-height: 1.55; }
.qss-smart-search__hint { margin: 25px 0 0; }
@media (max-width: 600px) { .qss-smart-search { padding: 0; place-items: stretch; } .qss-smart-search__panel { min-height: 100%; max-height: 100%; padding: 25px 20px; } .qss-smart-search h2 { margin-top: 32px; } .qss-smart-search__item { grid-template-columns: 62px minmax(0, 1fr) auto; gap: 12px; } .qss-smart-search__item img { width: 62px; height: 58px; } .qss-smart-search__form input { font-size: 16px; } }