/* Search Engine module — styles */ .se-box,.search-wrap{position:relative} .se-box{max-width:560px;width:100%} /* Затемнення сторінки під час відкритого autosuggest. Header має лишатись поверх завдяки z-index:200 (виставляється в search-box.js перед відкриттям). */ .se-overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);z-index:100;opacity:0;transition:opacity .18s ease;pointer-events:none} .se-overlay.is-active{opacity:1;pointer-events:auto} .se-box__form{display:flex;align-items:center;background:#1c2230;border:1px solid #2c3446;border-radius:10px;overflow:visible} .se-box__input{flex:1;background:transparent;border:0;outline:none;color:#e8edf5;font-size:15px;padding:11px 14px} .se-box__input::placeholder{color:#7b87a0} .se-box__btn{background:transparent;border:0;color:#9fb0cc;padding:0 14px;cursor:pointer;display:flex;align-items:center} .se-box__btn:hover{color:#fff} /* .se-sug positioned by JS (portaled to for stacking-context isolation, inline position:fixed + top/right/width set in search-box.js). */ .se-sug{z-index:9999;background:#161b27;border:1px solid #2c3446;border-radius:12px;box-shadow:0 18px 50px rgba(0,0,0,.45);overflow:hidden;max-height:70vh;overflow-y:auto} .se-sug .se-sug__item,.se-sug .se-sug__item:link,.se-sug .se-sug__item:visited,.se-sug .se-sug__item:hover,.se-sug .se-sug__item:focus,.se-sug .se-sug__item:active{color:#e8edf5 !important;text-decoration:none} .se-sug__item{display:flex;gap:12px;padding:9px 12px;border-bottom:1px solid #222a3a} .se-sug__item:last-of-type{border-bottom:0} .se-sug__item:hover,.se-sug__item.is-active{background:#222c40} .se-sug__item:hover .se-sug__title,.se-sug__item.is-active .se-sug__title{color:#e8edf5 !important} .se-sug__poster img{width:46px;height:66px;object-fit:cover;border-radius:6px;background:#222a3a;display:block} .se-sug__body{display:flex;flex-direction:column;justify-content:center;min-width:0} .se-sug__title{font-weight:600;font-size:14px;line-height:1.3} /* Підсвітка збігів — універсальне правило для всіх контейнерів, де може зʼявитись : autosuggest dropdown, сторінка результатів (kinogo / hdrezka / kinomnogo). */ .se-sug mark,.search-page mark,.content__items mark,.card_item mark,.search-item mark,.article__text mark{ background:#3a7bd5 !important;color:#fff !important;border-radius:3px;padding:0 2px;font-weight:inherit;text-decoration:none } .se-sug__title mark{background:#3a7bd5;color:#fff;border-radius:3px;padding:0 2px} .se-sug__meta{display:flex;gap:8px;align-items:center;margin-top:3px;font-size:12px;color:#8a97b2;flex-wrap:wrap} .se-sug__rate{color:#f5b73d} .se-sug__cat{flex-basis:100%;color:#7a8aa6} .se-sug__all{display:block;text-align:center;padding:11px;color:#7fa8ec;text-decoration:none;font-size:13px;background:#11151f} .se-sug__all:hover{background:#1a2236;color:#fff} .search-page{max-width:1100px;margin:0 auto} .search-page__h1{font-size:24px;margin:0 0 6px} .search-page__count{color:#8a97b2;margin-bottom:16px} .search-page__count b{color:#e8edf5} .search-dym{margin:0 0 16px;padding:10px 14px;background:#1c2230;border-radius:8px} .search-dym a{color:#7fa8ec} .search-item__title mark,.article__text mark{background:#3a7bd5;color:#fff;border-radius:3px;padding:0 2px} .search-empty{text-align:center;padding:50px 20px;color:#8a97b2} .search-empty__icon{color:#3a4660;margin-bottom:12px} .search-empty__title{font-size:20px;color:#e8edf5;margin:0 0 8px}