/* v10: Skyscanner-style home search bar */
.sbox.stb{overflow:visible;position:relative;z-index:30}
.sbox.stb .stabs{border-radius:18px 18px 0 0}
#plan.spanel{padding:16px}
.sbar{display:flex;flex-direction:column;position:relative}
.sbs{position:relative;display:flex;flex-direction:column;justify-content:center;min-width:0;background:#fff;border:1px solid #E5E2DC;border-top-width:0;padding:9px 14px 9px;min-height:62px;cursor:pointer;transition:background .15s}
.sg-from{border-top-width:1px;border-radius:12px 12px 0 0}
.sg-bud{border-radius:0 0 12px 12px}
.sbs:hover{background:#FFFFFF}
.sbs.act,.sbs:focus-within{box-shadow:inset 0 0 0 2px var(--pri);z-index:5;background:#fff}
.sgl{font-size:12px;font-weight:700;color:var(--mut);line-height:1.2;margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}
.sbs input:not([type=hidden]){border:0;outline:0;background:transparent;font:inherit;font-size:16px;font-weight:600;color:var(--ink);padding:0;margin:0;width:100%;min-width:0;line-height:1.35;text-overflow:ellipsis}
.sbs input::placeholder{color:#8C8C8C;font-weight:500;opacity:1}
.sbs .calbtn,.sgv{display:block;width:100%;border:0!important;background:transparent!important;padding:0!important;margin:0;font:inherit;font-size:16px!important;font-weight:600;color:var(--ink);text-align:left;cursor:pointer;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-radius:0;box-shadow:none!important;outline:0}
.sbs .calbtn.empty,.sgv.empty{color:#8C8C8C;font-weight:500}
.sg-from{padding-right:44px}
.swap{position:absolute;right:12px;bottom:-16px;z-index:4;width:32px;height:32px;border-radius:50%;border:1px solid #E5E2DC;background:#fff;color:var(--pri);font-size:16px;font-weight:700;line-height:1;cursor:pointer;display:grid;place-items:center;transform:rotate(90deg);box-shadow:0 2px 6px rgba(26,26,26,.12);padding:0}
.swap:hover{background:#E6F1F4;border-color:var(--pri)}
#plan .sbtn{margin-top:12px;width:100%;min-height:54px;font-size:18px;font-weight:700;border-radius:12px;grid-column:auto}
#plan .sbtn.ready{box-shadow:0 0 0 4px rgba(10,108,134,.28);animation:tmpulse 1.1s ease 2}
/* popovers */
.spop{position:absolute;left:-1px;right:-1px;top:calc(100% + 6px);z-index:60;background:#fff;color:var(--ink);border:1px solid #E5E2DC;border-radius:14px;box-shadow:0 14px 36px rgba(26,26,26,.22);padding:14px 16px;cursor:default;text-align:left}
.spop[hidden]{display:none}
.sprow{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid #f3e8dc}
.sprow b,.spcab b,.sph{font-size:15px;color:var(--ink)}.sprow small{display:block;color:var(--mut);font-size:12px}
.stp{display:flex;align-items:center;gap:12px}
.stp button{width:36px;height:36px;border-radius:50%;border:1.5px solid var(--pri);background:#fff;color:var(--pri);font-size:20px;line-height:1;cursor:pointer;display:grid;place-items:center;padding:0}
.stp button:disabled{border-color:#E5E2DC;color:#cdbcae;cursor:default}
.stp output{min-width:20px;text-align:center;font-weight:700;font-size:16px}
.spcab{padding:10px 0 2px}.sph{display:block;margin-bottom:8px}
.spch{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.spch button{border:1.5px solid #E5E2DC;background:#fff;color:var(--ink);border-radius:999px;padding:7px 12px;font:inherit;font-size:14px;font-weight:600;cursor:pointer}
.spch button:hover{border-color:var(--pri)}
.spch button.on{background:var(--pri);border-color:var(--pri);color:#fff}
.spcust{display:block;margin-top:12px}.spcust>span:first-child{display:block;font-size:13px;font-weight:700;color:var(--mut);margin-bottom:4px}
.spin{display:flex;align-items:center;border:1.5px solid #E5E2DC;border-radius:10px;padding:0 10px}.spin:focus-within{border-color:var(--pri)}
.spin i{font-style:normal;color:var(--mut);font-weight:700;margin-right:4px}
.spin input{border:0;outline:0;font:inherit;font-size:16px;padding:9px 0;width:100%;background:transparent;color:var(--ink)}
.spf{display:flex;justify-content:flex-end;margin-top:12px}.spdone{min-height:42px;padding:0 22px;border-radius:10px;font-weight:700}
@media(min-width:1024px){
 #plan.spanel{padding:18px}
 .sbar{flex-direction:row;align-items:stretch}
 .sbs{border-top-width:1px;border-left-width:0;border-radius:0;min-height:66px;padding:10px 16px}
 .sg-from{border-left-width:1px;border-radius:12px 0 0 12px}
 .sg-bud{border-radius:0 12px 12px 0}
 .sg-from,.sg-to{flex:1.35 1 0}.sg-dep,.sg-ret{flex:.95 1 0}.sg-pax{flex:1.4 1 0}.sg-bud{flex:1 1 0}
 .sg-from{padding-right:24px}.sg-to{padding-left:24px}
 .swap{right:-16px;top:50%;bottom:auto;margin-top:-16px;transform:none}
 #plan .sbtn{margin:0 0 0 10px;width:auto;flex:none;padding:0 30px;min-height:66px}
 .spop{left:0;right:auto;width:340px}
 .spop-r{left:auto;right:0}
}
/* autocomplete dropdown (portal, floats above everything) */
.acx{position:fixed;z-index:1000;background:#fff;color:#1A1A1A;border:1px solid #E5E2DC;border-radius:12px;box-shadow:0 14px 36px rgba(26,26,26,.25);max-height:320px;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:4px 0}
.acx[hidden]{display:none}
.acx button{display:flex;width:100%;gap:10px;align-items:center;text-align:left;border:0;background:#fff;color:#1A1A1A;padding:10px 14px;font:inherit;font-size:15px;cursor:pointer}
.acx button:hover,.acx button.on{background:#E6F1F4}
.acx .aci{flex:none;width:22px;text-align:center}.acx b{font-weight:600}.acx small{display:block;color:#595959;font-size:12px}
.acx .acc{margin-left:auto;font-size:12px;font-weight:700;color:#08566B;background:#E6F1F4;border-radius:6px;padding:2px 6px}
.acx .acgh{padding:6px 14px;font-size:11px;font-weight:700;color:#595959;text-transform:uppercase;letter-spacing:.5px;background:#F7F5F0}
.acl{max-height:320px;overflow-y:auto;z-index:1000!important;background:#fff;color:#1A1A1A}
.acl button{color:#1A1A1A}.acl button:hover,.acl button.on{background:#E6F1F4}
.sbs .acl{left:-1px;right:auto;min-width:340px;top:calc(100% + 6px)}@media(max-width:1023px){.sbs .acl{right:-1px;min-width:0}}
.sbs .sgl{display:block;height:15px;line-height:15px}
.sbs input:not([type=hidden]),.sbs .calbtn,.sgv{height:24px!important;line-height:24px!important;min-height:0!important}
.sbs input::placeholder{font-size:15px}
@media(min-width:1024px){.sg-from,.sg-to{flex:1.6 1 0}.sg-dep,.sg-ret{flex:.85 1 0}.sg-pax{flex:1.3 1 0}.sg-bud{flex:.9 1 0}}
@media(min-width:1024px){.sg-from,.sg-to{flex:1.4 1 0}.sg-dep,.sg-ret{flex:.85 1 0;padding-left:12px;padding-right:10px}.sg-pax{flex:1.5 1 0}.sg-bud{flex:1.05 1 0;padding-right:12px}.sg-pax,.sg-bud{padding-left:14px}
 .sbs input:not([type=hidden]),.sbs .calbtn,.sgv{font-size:15.5px!important}}
@media(max-width:1023px){html.spopen .chb{display:none}}
@media(min-width:1024px){.sg-from,.sg-to{flex:1.25 1 0}.sg-dep,.sg-ret{flex:1 1 0}.sg-pax{flex:1.45 1 0}.sg-bud{flex:1 1 0}}
.spages{padding:10px 0 0}.spageg{display:grid;grid-template-columns:1fr 1fr;gap:8px}.spage{display:flex;flex-direction:column;gap:3px;font-size:12.5px;font-weight:700;color:var(--mut)}.spage select{font:inherit;font-size:15px;color:var(--ink);border:1.5px solid #E5E2DC;border-radius:10px;padding:8px 10px;background:#fff;-webkit-appearance:auto;appearance:auto}.spage select:focus{outline:0;border-color:var(--pri)}.sphint{margin:8px 0 0;color:var(--mut)}
.acx button.ind{padding-left:40px}.acl button.ind{padding-left:38px}.acl button.ind .aci{font-size:13px;opacity:.75}
@media(min-width:1024px){.sg-from,.sg-to{flex:1.55 1 0}.sg-dep,.sg-ret{flex:.8 1 0}.sg-pax{flex:1.2 1 0}.sg-bud{flex:.95 1 0}.sbs input::placeholder{font-size:14.5px}}
