.site-search-trigger { background-color: #fff !important; border: none !important; width: 44px; height: 44px; border-radius: 8px !important; display: flex !important; align-items: center; justify-content: center; cursor: pointer; color: #0319aa!important; }
.site-search-trigger svg.svg-inline--fa.fa-search.fa-w-16{ max-width: 20px; width: 100%; color: #0319aa;}
.site-search-overlay { display: none; position: fixed; inset: 0; background: #fff; z-index: 99999; overflow-y: auto; }
.site-search-overlay.is-open { display: block; }
.site-search-overlay__bar { background: #0319aa!important; padding: 20px 20px; display: flex; align-items: center; gap: 16px; position: sticky; top: 0; z-index: 2; }
.site-search-overlay__input { flex: 1; border: none; border-radius: 6px; padding: 12px 16px; font-size: 16px; color: #1a1a1a; }
.site-search-overlay__input:focus { outline: 2px solid #f39c12; }
.site-search-overlay__close { background-color: #fff !important; border: none !important; color: #000 !important; width: 25px !important; margin-top: 0; height: 25px; border-radius: 50% !important; font-size: 20px !important; cursor: pointer !important; line-height: 1; padding: 0 !important; right: 5px; }
.site-search-overlay__tabs { display: block; align-items: center; padding: 20px 20px; border-bottom: 1px solid #eee; max-width: 1280px; margin: 0 auto;}

.site-search-overlay__tabs-label { color: #999; font-weight: 600; font-size: 13px; letter-spacing: 0.5px; }
.site-search-overlay__tabs-divider { color: #ccc; }
.site-search-overlay__tab { text-decoration: none; background: none; border: none; font-weight: 600; color: #0319aa!important; cursor: pointer; font-size: 15px;  }
.site-search-overlay__tab:hover { text-decoration: none; border-bottom: 2px solid #031aab; line-height: normal;}
.site-search-overlay__tab.is-active { color: #1a1a1a; text-decoration: none; }

.site-search-overlay__tabs .site-search-overlay__tab { margin: 0 5px; background-color: transparent; padding: 3px 0;}
.site-search-overlay__list li.site-search-overlay__item { list-style: none;}
.site-search-overlay .site-search-overlay__tab.is-active { color: #031aab; text-decoration: none; border-bottom: 2px solid #031aab; line-height: normal;}

.site-search-overlay__results { max-width: 1640px; margin: 0 auto; padding: 0 20px 20px;  height: 100%;}
.site-search-overlay__group-title { color: #0319aa!important; font-size: 15px; font-weight: 700; letter-spacing: 0.5px; text-transform: uppercase; margin: 32px 0 8px; padding-bottom: 8px; border-bottom: 2px solid #0319aa!important; }
.site-search-overlay__list { list-style: none; margin: 0; padding: 0; }
.site-search-overlay__item { border-bottom: 1px solid #eee; padding: 0;  border-radius: 0;}
.site-search-overlay__item a { display: flex; font-family: Borna !important; align-items: center; gap: 16px; padding: 10px 8px; text-decoration: none; color: #0319aa!important; font-weight: 500; border-radius: 0; 
    transition: background 0.15s ease; border-bottom: 1px solid #aaa; font-family: Borna !important;}
.site-search-overlay__item a:hover,
.site-search-overlay__item.is-keyboard-active a { background: #f5f5fb; }
.site-search-overlay__thumb { width: 100px; height: 50px; object-fit: cover; border-radius: 0; flex-shrink: 0;}
.site-search-overlay__thumb--placeholder { background: #eee; }
.site-search-overlay__item-title mark { background: #ffe9a8; padding: 0 2px; border-radius: 2px; }
.site-search-overlay__see-more { display: block; text-transform: uppercase; text-align: center; padding: 10px 0; border-bottom: 1px solid #aaa; text-decoration: none; cursor: pointer; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; height: 50px; 
    font-family: Borna; font-weight: 500; color: #0319aa !important; font-size: 18px; line-height: normal; position: relative; background: transparent; border: 0; margin: 20px auto 0; padding-right: 6px;
}
.site-search-overlay__see-more:hover { background: transparent !important;}

.site-search-overlay__see-more::after { content: ""; width: 0; height: 0; border: 10px solid transparent; border-top-color: #ffc709 !important; -moz-transform: scale(.9999); font-size: 0; line-height: 0; _border-left-color: #0ff; _border-right-color: #0ff; 
    _border-bottom-color: #0ff; _-webkit-filter: chroma(color=cyan); _filter: chroma(color=cyan); display: inline-block; position: relative; top: 8px; right: -5px; transition: all ease 0.5s;
}
.site-search-overlay__see-more:hover { background: transparent; color: #000000 !important;}
.site-search-overlay__see-more:hover::after { border-top-color: #757575 !important;}
.site-search-overlay__see-more span { display: none;}

.site-search-overlay__empty { text-align: center; padding: 120px 0; color: #999; font-size: 18px; }
.site-search-overlay__fallback { margin-top: 24px; border: 1px solid #0319aa!important; background: none; padding: 10px 28px; border-radius: 4px; cursor: pointer; color: #0319aa!important; font-weight: 600; }
.site-search-overlay__fallback:hover { background: #0319aa!important; color: #fff !important; }
.site-search-overlay__loading { text-align: center; padding: 80px 0; color: #999; }
.header-filter-bar__search-wrap { position: relative; }
.site-search-overlay { display: none; position: fixed; inset: 0; background: #fff; z-index: 9999; overflow-y: auto; }
.site-search-overlay.is-open { display: block; }


/* Search wrapper */
.header-filter-bar__search-wrap { position: relative; display: flex; align-items: center; justify-content: flex-end; }
.site-search-trigger { background-color: #fff !important; border: none !important; width: 40px; height: 40px; border-radius: 8px !important; display: flex !important; align-items: center; justify-content: center; cursor: pointer; color: #0319aa !important; flex-shrink: 0; position: relative; z-index: 21; transition: opacity 0.25s ease, visibility 0.25s ease; }
.site-search-trigger svg.svg-inline--fa.fa-search.fa-w-16 { width: 18px; max-width: 20px; color: #0319aa; }
.header-filter-bar__inline-search { position: absolute; top: -5px; right: 0; opacity: 0; visibility: hidden; pointer-events: none; transform: translateX(30px); z-index: 22; transition: transform 0.35s ease, opacity 0.25s ease, visibility 0s linear 0.35s; }
.header-filter-bar__inline-search.is-open { opacity: 1; visibility: visible; pointer-events: auto; transform: translateX(0); transition: transform 0.35s ease, opacity 0.25s ease, visibility 0s linear 0s; }
.header-filter-bar__search-wrap:has(.header-filter-bar__inline-search.is-open) .site-search-trigger { opacity: 0; visibility: hidden; pointer-events: none;}
.header-filter-bar__inline-bar { width: 100%; max-width: 320px; min-height: 44px; display: flex; align-items: center; gap: 8px; background: #fff; border: 2px solid #0319aa; border-radius: 30px; padding: 5px 5px 5px 8px; box-sizing: border-box; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15); }
.header-filter-bar__inline-bar .search-icon { width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; position: static; }
.header-filter-bar__inline-bar .search-icon svg.svg-inline--fa.fa-search.fa-w-16 { width: 18px; max-width: 18px; height: 18px; color: #0319aa; }
.header-filter-bar__inline-input { flex: 1; width: 100%; min-width: 0; border: none !important; outline: none !important; background: transparent !important; font-size: 15px; line-height: 20px; color: #1a1a1a; padding: 7px 4px !important; margin: 0 !important; box-shadow: none !important; }
.header-filter-bar__inline-input::placeholder { color: #999; }
.header-filter-bar__inline-close { width: 32px; height: 32px; display: flex !important; align-items: center; justify-content: center; flex-shrink: 0; background: transparent !important; border: none !important; color: #0319aa !important; font-size: 22px !important; line-height: 1 !important; cursor: pointer; padding: 4px !important; margin: 0 !important; border-radius: 50% !important; font-weight: 600 !important; }
.header-filter-bar__inline-close:hover { color: #0319aa !important; }
.header-filter-bar__inline-close:hover::before { background: transparent;}
.header-filter-bar__recent { width: 320px; box-sizing: border-box; background: #fff; border-radius: 5px 5px 12px 12px; box-shadow: 0 12px 24px rgba(0, 0, 0, 0.15); padding: 18px 20px; margin-top: 3px; opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(-6px); transition: opacity 0.25s ease, transform 0.25s ease, visibility 0s linear 0.25s; }
.header-filter-bar__recent.has-items { opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0); transition: opacity 0.25s ease, transform 0.25s ease, visibility 0s linear 0s; }
.header-filter-bar__recent-title { color: #0319aa; font-weight: 700; font-size: 15px; margin: 0 0 12px; }
.header-filter-bar__recent-list { list-style: none; margin: 0; padding: 0; }
.header-filter-bar__recent-list li { display: flex; align-items: center; gap: 10px; padding: 8px 0; color: #333; font-size: 14px; cursor: pointer; transition: color 0.2s ease; }
.header-filter-bar__recent-list li:hover { color: #0319aa; }
.header-filter-bar__recent-list li svg { flex-shrink: 0; }
.header-filter-bar__search-wrap button { margin-top: 0;}