.htb { --htb-blue:#183f78; --htb-orange:#f59120; background:#fff; border-radius:18px; box-shadow:0 16px 45px rgba(18,47,87,.16); overflow:hidden; font-family:inherit; }
.htb__tabs { display:grid; grid-template-columns:repeat(4,1fr); background:#f5f7fb; border-bottom:1px solid #e2e8f0; }
.htb__tab { appearance:none; border:0; border-bottom:3px solid transparent; background:transparent; color:#64748b; cursor:pointer; font-size:16px; font-weight:700; padding:18px 12px 15px; transition:.2s ease; }
.htb__tab i { margin-right:8px; }
.htb__tab:hover,.htb__tab.is-active { color:var(--htb-blue); background:#fff; border-bottom-color:var(--htb-orange); }
.htb__panel { padding:26px; }
.htb__form { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)) auto; gap:14px; align-items:start; }
.htb__form label { display:flex; flex-direction:column; gap:7px; color:#1e293b; font-size:13px; font-weight:700; margin:0; }
.htb__form label span { line-height:1; }
.htb__form small { color:#94a3b8; font-size:10px; font-weight:500; margin-top:-4px; }
.htb__form input,.htb__form select { width:100%; min-height:48px; border:1px solid #d8e0ea!important; border-radius:9px!important; background:#fff; color:#172033; font-size:14px; padding:10px 12px!important; margin:0!important; }
.htb__form input:focus,.htb__form select:focus { border-color:var(--htb-blue)!important; box-shadow:0 0 0 3px rgba(24,63,120,.1); outline:0; }
.htb__location { position:relative; }
.htb__location-control { position:relative; display:block; }
.htb__location-control>i { position:absolute; left:13px; top:17px; z-index:1; color:#94a3b8; }
.htb__location-control input[data-location-input] { padding-left:36px!important; padding-right:48px!important; }
.htb__location-control input[type="hidden"] { display:none; }
.htb__code { position:absolute; right:11px; top:14px; color:var(--htb-blue); font-size:11px; font-weight:800; }
.htb__suggestions { position:absolute; z-index:50; top:68px; left:0; width:max(100%,310px); max-height:310px; overflow:auto; border:1px solid #e2e8f0; border-radius:12px; background:#fff; box-shadow:0 14px 35px rgba(15,23,42,.18); }
.htb__suggestions[hidden] { display:none; }
.htb__suggestion { display:flex; width:100%; gap:11px; align-items:flex-start; border:0; border-bottom:1px solid #f1f5f9; background:#fff; color:#334155; cursor:pointer; padding:11px 13px; text-align:left; }
.htb__suggestion:last-child { border-bottom:0; }
.htb__suggestion:hover,.htb__suggestion:focus { background:#eff6ff; outline:0; }
.htb__suggestion>i { flex:0 0 auto; color:#94a3b8; margin-top:3px; }
.htb__suggestion span,.htb__suggestion strong,.htb__suggestion small { display:block; }
.htb__suggestion strong { color:#1e293b; font-size:13px; line-height:1.25; }
.htb__suggestion small { color:#64748b; font-size:10px; font-weight:500; margin-top:3px; }
.htb__submit { min-height:48px; margin-top:20px; border:0; border-radius:9px; background:var(--htb-orange); color:#fff; cursor:pointer; font-weight:800; padding:10px 20px; white-space:nowrap; }
.htb__submit:hover { background:#dc7d12; }
.htb__submit:disabled { cursor:wait; opacity:.65; }
.htb__submit i { margin-right:8px; }
.htb__soon { display:flex; align-items:center; justify-content:center; gap:18px; min-height:130px; color:#64748b; text-align:left; }
.htb__soon[hidden],.htb__panel[hidden] { display:none; }
.htb__soon>i { color:var(--htb-orange); font-size:36px; }
.htb__soon strong,.htb__soon span { display:block; }
.htb__soon strong { color:var(--htb-blue); font-size:18px; margin-bottom:4px; }
.htb__status { color:#64748b; font-size:14px; padding:0 26px 18px; }
.htb__status:empty { display:none; }
.htb__status.is-loading { color:var(--htb-blue); }
.htb__status.is-error { color:#b42318; }
.htb__results { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; padding:0 26px 26px; }
.htb__result { border:1px solid #e2e8f0; border-radius:12px; background:#fff; overflow:hidden; }
.htb__result img { display:block; width:100%; height:150px; object-fit:cover; }
.htb__result-body { padding:16px; }
.htb__result h3 { color:var(--htb-blue); font-size:17px; line-height:1.25; margin:0 0 6px; }
.htb__result p { color:#64748b; font-size:13px; margin:0 0 12px; }
.htb__result strong { color:var(--htb-orange); }
.htb__details-link { display:block; margin-top:14px; border-radius:8px; background:var(--htb-blue); color:#fff!important; font-size:13px; font-weight:800; padding:10px 12px; text-align:center; text-decoration:none!important; }
.htb__details-link:hover { background:#102f5c; }
.htb__flight-result { grid-column:1/-1; padding:0; }
.htb__flight-top { display:flex; align-items:center; justify-content:space-between; gap:18px; border-bottom:1px solid #edf2f7; padding:15px 20px; }
.htb__airline { display:flex; align-items:center; gap:12px; color:var(--htb-blue); }
.htb__airline>i { display:grid; width:38px; height:38px; place-items:center; border-radius:50%; background:#eff6ff; transform:rotate(-12deg); }
.htb__airline span,.htb__airline strong,.htb__airline small,.htb__flight-fare small,.htb__flight-fare strong { display:block; }
.htb__airline strong { color:var(--htb-blue); font-size:15px; }
.htb__airline small,.htb__flight-fare small { color:#64748b; font-size:11px; margin-top:2px; }
.htb__flight-fare { text-align:right; }
.htb__flight-fare strong { color:var(--htb-orange); font-size:18px; margin-top:2px; }
.htb__flight-route { display:grid; grid-template-columns:minmax(100px,1fr) minmax(150px,2fr) minmax(100px,1fr); align-items:center; gap:18px; padding:20px; }
.htb__flight-point strong,.htb__flight-point b,.htb__flight-point small { display:block; }
.htb__flight-point strong { color:#172033; font-size:24px; line-height:1; }
.htb__flight-point b { color:var(--htb-blue); font-size:14px; margin-top:7px; }
.htb__flight-point small { color:#64748b; font-size:11px; margin-top:3px; }
.htb__flight-point:last-child { text-align:right; }
.htb__flight-journey { text-align:center; }
.htb__flight-journey small,.htb__flight-journey strong { display:block; color:#64748b; font-size:11px; }
.htb__flight-journey span { position:relative; display:block; height:1px; margin:8px 4px; background:#cbd5e1; }
.htb__flight-journey span:before,.htb__flight-journey span:after { position:absolute; top:-3px; width:7px; height:7px; border-radius:50%; background:var(--htb-blue); content:""; }
.htb__flight-journey span:before { left:0; }.htb__flight-journey span:after { right:0; }
.htb__flight-journey strong { color:var(--htb-blue); }
.htb__flight-actions { display:flex; justify-content:flex-end; border-top:1px solid #edf2f7; padding:0 20px 16px; }
.htb__flight-actions .htb__details-link { width:auto; min-width:220px; }
@media (min-width:992px) { #mphb-search { margin-top:-10em; } }
@media (max-width:991px) { .htb__form { grid-template-columns:repeat(2,minmax(0,1fr)); }.htb__submit { width:100%; }.htb__results { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:575px) { .htb__tab { font-size:12px; padding:14px 5px 11px; }.htb__tab i { display:block; margin:0 0 5px; }.htb__panel { padding:18px; }.htb__form { grid-template-columns:1fr; }.htb__submit { margin-top:0; }.htb__results { grid-template-columns:1fr; padding:0 18px 18px; }.htb__status { padding:0 18px 14px; }.htb__flight-top{align-items:flex-start;padding:14px}.htb__flight-route{grid-template-columns:1fr 1.2fr 1fr;gap:8px;padding:18px 14px}.htb__flight-point strong{font-size:19px}.htb__flight-fare strong{font-size:15px} }