/* Homepage search, matched to the supplied rounded white and orange reference. */
.fiwi-homepage .hero-reference .search-panel-reference {
 display:grid; grid-template-columns:minmax(0,1.65fr) minmax(0,1fr) 166px;
 align-items:stretch; gap:7px; width:min(980px,100%); max-width:100%;
 min-height:86px; margin:0; padding:8px; border:1px solid #e7e9ed; border-radius:999px;
 background:#fff; box-shadow:0 10px 32px #0002,0 0 0 1px #ffffff60; color:#102a3a;
}
.fiwi-homepage .hero-reference .search-panel-reference .search-field { min-width:0; width:auto; margin:0; gap:17px; }
.fiwi-homepage .hero-reference .search-panel-reference .keyword-field {
 display:flex; align-items:center; padding:0 19px; border:1px solid #e4e7eb;
 border-radius:40px 20px 20px 40px; background:linear-gradient(110deg,#fff,#fdfdfe);
 box-shadow:inset 0 1px 3px #17263805,0 1px 3px #17263805;
 transition:border-color .18s,box-shadow .18s;
}
.fiwi-homepage .hero-reference .search-panel-reference .keyword-field>.icon { width:28px; height:28px; flex-shrink:0; color:#ff6508; stroke-width:2.2; }
.fiwi-homepage .hero-reference .search-panel-reference .keyword-field label { display:flex; align-items:center; min-width:0; height:42px; flex:1; padding-left:16px; border-left:1px solid #dce1e7; }
.fiwi-homepage .hero-reference .search-panel-reference input {
 display:block; width:100%; min-width:0; height:38px; padding:0; margin:0; border:0; background:transparent;
 box-shadow:none; font-size:17px; font-weight:550; line-height:1.4; color:#142c3d; outline:none;
}
.fiwi-homepage .hero-reference .search-panel-reference input::placeholder { color:#6a7483; opacity:1; }
.fiwi-homepage .hero-reference .search-panel-reference .location-field {
 position:relative; display:flex; align-items:center; padding:7px 29px 7px 17px;
 border:0; border-radius:18px; background:#fff;
}
.fiwi-homepage .hero-reference .search-panel-reference .location-field>.search-location-pin { width:25px; height:30px; flex-shrink:0; fill:#102b3a; stroke:none; }
.fiwi-homepage .hero-reference .search-panel-reference .location-field label { min-width:0; flex:1; }
.fiwi-homepage .hero-reference .search-panel-reference .location-field label>span { display:block; color:#727d8d; font-size:13px; font-weight:500; line-height:1.3; margin:0 0 3px; letter-spacing:0; }
.fiwi-homepage .hero-reference .search-panel-reference select {
 display:block; width:100%; max-width:100%; min-width:0; height:28px; margin:0; padding:0;
 border:0; outline:none; background:none; appearance:none; -webkit-appearance:none;
 color:#102b3a; font-family:inherit; font-size:18px; font-weight:750; line-height:1.4;
 cursor:pointer; text-overflow:ellipsis;
}
.fiwi-homepage .hero-reference .search-panel-reference .location-field>.search-location-chevron { position:absolute; right:10px; top:50%; width:20px; height:20px; margin-top:-10px; color:#6c7686; stroke-width:3; pointer-events:none; }
.fiwi-homepage .hero-reference .search-panel-reference>.button {
 display:flex; align-items:center; justify-content:center; gap:13px; margin:0; padding:0 22px;
 min-height:68px; width:100%; border:0; border-radius:999px; background:linear-gradient(115deg,#ff8900,#ff5000);
 color:#fff; font-size:18px; font-weight:750; line-height:1.2; white-space:nowrap;
 box-shadow:0 3px 15px #ff65082b; transition:background .18s,box-shadow .18s; transform:none;
}
.fiwi-homepage .hero-reference .search-panel-reference>.button .icon { width:27px; height:27px; stroke-width:2; }
.fiwi-homepage .hero-reference .search-panel-reference>.button:hover { background:linear-gradient(115deg,#f77900,#e84600); box-shadow:0 4px 19px #ff650855; transform:none; }
.fiwi-homepage .hero-reference .search-panel-reference .keyword-field:focus-within { border-color:#f86a13; box-shadow:0 0 0 3px #ff781d24; }
.fiwi-homepage .hero-reference .search-panel-reference .location-field:focus-within { box-shadow:inset 0 0 0 2px #f86a13; }
.fiwi-homepage .hero-reference .search-panel-reference>.button:focus-visible { outline:3px solid #17394d; outline-offset:3px; }
@media(max-width:1100px) and (min-width:701px) {
 .fiwi-homepage .hero-reference .search-panel-reference { grid-template-columns:minmax(0,1.75fr) minmax(0,1fr) 132px; min-height:80px; }
 .fiwi-homepage .hero-reference .search-panel-reference .keyword-field { padding-inline:14px; gap:12px; }
 .fiwi-homepage .hero-reference .search-panel-reference .keyword-field label { padding-left:12px; }
 .fiwi-homepage .hero-reference .search-panel-reference input { font-size:14px; }
 .fiwi-homepage .hero-reference .search-panel-reference .location-field { padding-left:12px; gap:11px; }
 .fiwi-homepage .hero-reference .search-panel-reference select { font-size:16px; }
 .fiwi-homepage .hero-reference .search-panel-reference>.button { min-height:62px; padding-inline:15px; font-size:16px; gap:9px; }
 .fiwi-homepage .hero-reference .search-panel-reference>.button .icon { width:23px; height:23px; }
}
@media(max-width:850px) {
 .fiwi-homepage .hero-reference .search-panel-reference { grid-template-columns:minmax(0,1fr) 150px; border-radius:27px; padding:9px; gap:8px; }
 .fiwi-homepage .hero-reference .search-panel-reference .keyword-field { grid-column:1/-1; min-height:59px; border-radius:19px; }
 .fiwi-homepage .hero-reference .search-panel-reference input { font-size:16px; }
 .fiwi-homepage .hero-reference .search-panel-reference .location-field { min-height:61px; padding-block:7px; }
 .fiwi-homepage .hero-reference .search-panel-reference>.button { min-height:61px; }
}
@media(max-width:480px) {
 .fiwi-homepage .hero-reference .search-panel-reference { grid-template-columns:1fr; gap:8px; padding:9px; border-radius:25px; }
 .fiwi-homepage .hero-reference .search-panel-reference .keyword-field { min-height:58px; padding-inline:13px; gap:11px; border-radius:18px; }
 .fiwi-homepage .hero-reference .search-panel-reference .keyword-field>.icon { width:23px; height:23px; }
 .fiwi-homepage .hero-reference .search-panel-reference .keyword-field label { padding-left:11px; }
 .fiwi-homepage .hero-reference .search-panel-reference .location-field { min-height:64px; padding-left:15px; padding-right:34px; gap:14px; }
 .fiwi-homepage .hero-reference .search-panel-reference .location-field>.search-location-chevron { right:16px; }
 .fiwi-homepage .hero-reference .search-panel-reference select { font-size:17px; }
 .fiwi-homepage .hero-reference .search-panel-reference>.button { min-height:56px; border-radius:999px; font-size:17px; }
 .fiwi-homepage .hero-reference .search-panel-reference>.button .icon { width:24px; height:24px; }
}

/* Results stay attached to the search bar without changing the hero layout. */
.fiwi-homepage .hero-reference .search-panel-reference { position:relative; }
.fiwi-homepage .hero-reference.search-has-suggestions { overflow:visible; z-index:5; }
.fiwi-homepage .hero-reference.search-has-suggestions .hero-corner { overflow:hidden; }
.fiwi-homepage .hero-reference .fiwi-suggestions {
 position:absolute; z-index:30; left:0; top:calc(100% + 12px); width:min(640px,100%);
 overflow:hidden; border:1px solid #e6e9ed; border-radius:21px; background:#fff;
 box-shadow:0 18px 55px #06182638; color:#112b3a; text-align:left;
}
.fiwi-homepage .hero-reference .fiwi-suggestions[hidden],
.fiwi-homepage .hero-reference .fiwi-suggestions [hidden] { display:none; }
.fiwi-suggestions-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:17px 20px 13px; border-bottom:1px solid #f0eeeb; font-size:12px; font-weight:750; letter-spacing:.3px; }
.fiwi-suggestions-hint { color:#7c8791; font-size:11px; font-weight:500; }
.fiwi-suggestions-list { display:block; list-style:none; padding:6px; margin:0; max-height:min(396px,45dvh); overflow:auto; overscroll-behavior:contain; }
.fiwi-suggestions-list:empty { display:none; }
.fiwi-suggestions-list>li { display:block; margin:0; padding:0; }
.fiwi-homepage .hero-reference .fiwi-suggestion { display:flex; align-items:center; gap:13px; min-height:78px; padding:10px 13px; border-radius:12px; color:#142b3a; text-decoration:none; }
.fiwi-homepage .hero-reference .fiwi-suggestion:hover,
.fiwi-homepage .hero-reference .fiwi-suggestion[aria-selected="true"] { background:#fff2e8; color:#ab3e00; outline:none; }
.fiwi-suggestion-thumb { display:grid; place-items:center; position:relative; flex:0 0 56px; width:56px; height:56px; overflow:hidden; border:1px solid #f0e8df; border-radius:11px; background:#fff7ef; color:#e56817; }
.fiwi-suggestion-thumb>.icon { width:28px; height:28px; }
.fiwi-suggestion-thumb>img { position:absolute; inset:0; width:100%; height:100%; object-fit:contain; background:#fff; }
.fiwi-suggestion-copy { min-width:0; flex:1; display:flex; flex-direction:column; gap:4px; }
.fiwi-suggestion-title { display:block; font-size:15px; font-weight:750; line-height:1.35; overflow-wrap:anywhere; }
.fiwi-suggestion-location { display:block; font-size:12px; font-weight:450; color:#687785; line-height:1.4; }
.fiwi-suggestion-arrow { flex-shrink:0; color:#e76b20; font-size:21px; }
.fiwi-homepage .hero-reference .fiwi-suggestions-empty { padding:22px 20px; margin:0; font-size:14px; line-height:1.5; color:#647482; }
.fiwi-homepage .hero-reference .fiwi-suggestions-all { display:flex; align-items:center; justify-content:space-between; gap:12px; width:100%; min-height:50px; padding:13px 20px; margin:0; border:0; border-top:1px solid #f1e4d8; border-radius:0; background:#fff8f1; color:#b94708; font-family:inherit; font-weight:700; font-size:13px; line-height:1.4; cursor:pointer; text-align:left; }
.fiwi-homepage .hero-reference .fiwi-suggestions-all:hover { background:#ffead8; }
.fiwi-homepage .hero-reference .fiwi-suggestions-all:focus-visible { outline:2px solid #d9590a; outline-offset:-4px; }
.fiwi-suggestions-all>.icon { width:19px; height:19px; }
.fiwi-search-announcement { position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
@media(max-width:850px) {
 .fiwi-homepage .hero-reference .fiwi-suggestions { top:78px; width:100%; border-radius:18px; }
}
@media(max-width:480px) {
 .fiwi-suggestions-heading { padding:14px; }
 .fiwi-suggestions-hint { display:none; }
 .fiwi-homepage .hero-reference .fiwi-suggestion { padding:9px; gap:10px; min-height:74px; }
 .fiwi-suggestion-thumb { width:48px; height:48px; flex-basis:48px; }
 .fiwi-suggestion-title { font-size:13px; }
 .fiwi-suggestion-location { font-size:11px; }
 .fiwi-homepage .hero-reference .fiwi-suggestions-all { padding:13px 15px; }
}