.fi-site-search { max-width: 920px; margin: 0 auto 48px; color: #143c73; }
.fi-site-search__intro { text-align: center; margin-bottom: 20px; }
.fi-site-search__intro h2 { color: #123b78; font-size: 34px; margin: 0 0 5px; }
.fi-site-search__intro p { color: #667085; margin: 0; font-size: 17px; line-height: 1.5; }
.fi-site-search__form { display: flex; gap: 10px; align-items: stretch; }
.fi-site-search__form input { flex: 1 1 auto; min-width: 0; height: 48px; border: 1px solid #9bb4d4; border-radius: 4px; padding: 0 16px; font-size: 16px; color: #173a6b; }
.fi-site-search__form input:focus { outline: 0; border-color: #1867b7; box-shadow: 0 0 0 3px rgba(24, 103, 183, .14); }
.fi-site-search__form button { min-width: 112px; height: 48px; border: 0; border-radius: 4px; background: #f15b2a; color: #fff; font-weight: 700; padding: 0 18px; }
.fi-site-search__form button:hover, .fi-site-search__form button:focus { background: #d9491b; }
.fi-site-search__form button .material-icons { display: none; vertical-align: middle; }
.fi-site-search__groups { display: flex; justify-content: center; flex-wrap: wrap; gap: 8px; margin: 22px 0 20px; }
.fi-site-search__group { border: 1px solid #bfd5ed; background: #fff; border-radius: 16px; color: #1e5f9f; padding: 6px 11px; font-size: 13px; line-height: 1.2; }
.fi-site-search__group span { display: inline-block; margin-left: 5px; color: inherit; opacity: .72; }
.fi-site-search__group--all { border-color: #9bbde2; color: #1e67b6; }
.fi-site-search__group--tour { border-color: #f3b79e; color: #c8481b; }
.fi-site-search__group--place { border-color: #9ed8ce; color: #167364; }
.fi-site-search__group--guide { border-color: #bac8e3; color: #445f94; }
.fi-site-search__group--blog { border-color: #d7bddc; color: #76547d; }
.fi-site-search__group--all.is-active, .fi-site-search__group--all:hover, .fi-site-search__group--all:focus { background: #1e67b6; border-color: #1e67b6; }
.fi-site-search__group--tour.is-active, .fi-site-search__group--tour:hover, .fi-site-search__group--tour:focus { background: #d85628; border-color: #d85628; }
.fi-site-search__group--place.is-active, .fi-site-search__group--place:hover, .fi-site-search__group--place:focus { background: #167364; border-color: #167364; }
.fi-site-search__group--guide.is-active, .fi-site-search__group--guide:hover, .fi-site-search__group--guide:focus { background: #445f94; border-color: #445f94; }
.fi-site-search__group--blog.is-active, .fi-site-search__group--blog:hover, .fi-site-search__group--blog:focus { background: #76547d; border-color: #76547d; }
.fi-site-search__group.is-active, .fi-site-search__group:hover, .fi-site-search__group:focus { color: #fff; }
.fi-site-search__results { border-top: 1px solid #dbe5f0; }
.fi-site-search__result { display: flex; min-height: 138px; padding: 10px; gap: 16px; color: inherit; border-bottom: 1px solid #dbe5f0; text-decoration: none; transition: background-color .15s ease; }
.fi-site-search__result:hover, .fi-site-search__result:focus { background: #f2f8fd; color: inherit; text-decoration: none; }
.fi-site-search__image { display: flex; flex: 0 0 180px; width: 180px; min-height: 116px; align-items: center; justify-content: center; overflow: hidden; background: #e8f0f7; border-radius: 4px; color: #2a6cae; }
.fi-site-search__image img { width: 100%; height: 100%; object-fit: cover; }
.fi-site-search__image .material-icons { font-size: 34px; }
.fi-site-search__result-copy { display: block; min-width: 0; padding: 5px 2px; }
.fi-site-search__result-copy strong { display: block; color: #123b78; font-size: 19px; line-height: 1.3; margin: 5px 0 6px; }
.fi-site-search__summary { display: block; color: #58677a; font-size: 14px; line-height: 1.45; }
.fi-site-search__tag { display: inline-block; border-radius: 10px; padding: 3px 8px; font-size: 11px; font-weight: 700; line-height: 1; }
.fi-site-search__tag--tour { background: #fff1dc; color: #d85a05; }
.fi-site-search__tag--place { background: #e2f5ee; color: #167657; }
.fi-site-search__tag--guide { background: #e8f0ff; color: #245ca5; }
.fi-site-search__tag--blog { background: #f6e8fa; color: #914197; }
.fi-site-search__metadata { display: block; color: #1f5d9b; font-size: 13px; font-weight: 700; margin-top: 9px; }
.fi-site-search__message, .fi-site-search__loading { margin: 25px 0; padding: 18px 20px; text-align: center; color: #5b6b7e; background: #f4f8fc; border-radius: 4px; }
.fi-site-search__message.is-error { background: #fff0ed; color: #a53617; }
.fi-site-search__pagination { display: flex; justify-content: center; gap: 7px; padding: 22px 0 4px; }
.fi-site-search__pagination button { width: 34px; height: 34px; border: 1px solid #bcd3ea; background: #fff; border-radius: 50%; color: #1d62a9; }
.fi-site-search__pagination button.is-current, .fi-site-search__pagination button:hover, .fi-site-search__pagination button:focus { background: #1d62a9; border-color: #1d62a9; color: #fff; }
@media (max-width: 767px) {
    .fi-site-search { margin-bottom: 30px; }
    .fi-site-search__intro h2 { font-size: 28px; }
    .fi-site-search__intro p { font-size: 15px; }
    .fi-site-search__form { gap: 7px; }
    .fi-site-search__form button { min-width: 48px; padding: 0; }
    .fi-site-search__form button span { display: none; }
    .fi-site-search__form button .material-icons { display: inline-block; }
    .fi-site-search__groups { justify-content: flex-start; }
    .fi-site-search__result { gap: 11px; padding: 9px 0; min-height: 104px; }
    .fi-site-search__image { flex-basis: 112px; width: 112px; min-height: 88px; }
    .fi-site-search__result-copy { padding: 1px 2px; }
    .fi-site-search__result-copy strong { font-size: 16px; margin: 4px 0; }
    .fi-site-search__summary { font-size: 13px; line-height: 1.35; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
}