/* Tatilvera header + hero, based on the supplied visual direction */
.topbar{height:84px;border-top:5px solid #176db5;overflow:visible}
.topbar-inner{position:relative;align-items:center;padding-top:7px}
.logo{font-size:27px;color:#e72932;letter-spacing:-1.3px;text-transform:lowercase}
.logo>span{background:#e72932;width:34px;height:34px;border-radius:10px 10px 10px 2px;font-size:25px}
.topbar nav{gap:29px;margin-left:90px;align-self:flex-end;padding-bottom:20px}
.topbar nav a{font-weight:500;color:#171b20;white-space:nowrap}
.topbar nav a:first-child{color:#171b20}
.topbar nav i{font-style:normal;font-size:12px;margin-left:4px}
.topbar nav .summer{color:#dd8c3d}
.account-bar{position:absolute;right:0;top:-7px;height:36px;padding:0 28px;display:flex;align-items:center;gap:22px;background:#e5f1ff;color:#0f6fc7;font-size:11px;border-radius:0 0 0 30px}
.top-actions{position:absolute;right:0;bottom:8px;gap:17px;font-size:11px}
.top-actions b{font-weight:500;color:#46515b}
.hero{min-height:478px;align-items:flex-start;background-position:center 55%;overflow:hidden}
.hero-shade{background:linear-gradient(180deg,rgba(13,51,74,.08),rgba(13,51,74,.02))}
.license{position:absolute;z-index:3;left:16px;top:9px;background:rgba(204,230,240,.82);color:#102a43;padding:7px 10px;border-radius:9px;font-size:10px;font-weight:600}
.hero-content{padding-top:56px;text-align:center}
.hero h1{font-size:35px;max-width:none;margin:0 0 76px;text-shadow:0 3px 2px rgba(0,0,0,.55);letter-spacing:-1px}
.hero-search-wrap{width:min(1060px,100%);margin:auto;background:rgba(255,247,239,.9);border-radius:29px;padding:68px 26px 24px;position:relative;box-shadow:0 15px 30px rgba(18,46,62,.14);backdrop-filter:blur(7px)}
.search-tabs{position:absolute;top:-23px;left:50%;transform:translateX(-50%);display:flex;align-items:center;background:rgba(255,255,255,.93);padding:5px 7px;border-radius:30px;box-shadow:0 8px 18px rgba(17,47,68,.1);white-space:nowrap}
.search-tabs button{border:0;background:transparent;padding:10px 15px;color:#384653;font-size:14px;border-radius:22px}
.search-tabs button.active{background:#f4f9ff;color:#0876df;font-weight:700;box-shadow:0 2px 8px rgba(12,113,211,.1)}
.hero .searchbox{padding:0;box-shadow:none;background:transparent;border-radius:0;max-width:none;gap:4px}
.hero .searchbox label{height:84px;background:#fff;border:0;border-radius:7px;padding:15px 18px;text-align:left}
.hero .searchbox label.destination{flex:1.7}
.hero .searchbox label.destination div{display:flex;align-items:center;gap:8px;font-size:21px;color:#102a43}
.hero .searchbox label.destination input{font-size:14px}
.hero .searchbox label:not(.destination):not(.guest){min-width:145px}
.hero .searchbox label>span{font-size:13px;color:#1b2530;font-weight:400;margin:0}
.hero .searchbox input[type=date]{margin-top:7px;font-size:11px;color:#73808b}
.hero .searchbox .guest{min-width:135px;position:relative}
.hero .guest strong{font-size:14px;background:#eef4ff;padding:4px 7px;border-radius:5px;align-self:flex-start}
.hero .guest span{font-size:10px;margin-top:7px}
.hero .guest select{position:absolute;inset:0;opacity:0;cursor:pointer}
.hero-search-button{width:85px;height:84px;border:0;border-radius:7px;background:#0878ec;color:#fff;font-size:37px;cursor:pointer}
.hero-search-button:hover{background:#0068d4}
.hero .quick{margin:22px 0 0;gap:30px;justify-content:flex-start;color:#17222b;font-size:10px;white-space:nowrap}
.hero .quick a{padding:0;background:transparent;border:0;color:#0875d4;font-size:11px}
.hero-wave{position:absolute;left:-3%;right:-3%;height:100px;bottom:-65px;background:#fff;border-radius:50% 50% 0 0/70% 70% 0 0;z-index:2}
.campaign-strip{margin-top:0}
@media(max-width:1100px){.topbar nav{margin-left:20px;gap:16px}.topbar nav a:nth-child(3),.topbar nav a:nth-child(5){display:none}.hero-search-wrap{width:94%}.hero .quick{gap:14px}}
@media(max-width:900px){.topbar{height:70px}.topbar-inner{padding-top:0}.account-bar{display:none}.topbar nav{align-self:auto;padding:20px;margin:0}.topbar nav.open{top:65px}.hero{min-height:600px}.hero-content{padding-top:66px}.hero h1{font-size:29px;margin-bottom:58px}.hero-search-wrap{padding:58px 14px 18px}.hero .searchbox{display:grid;grid-template-columns:1fr 1fr}.hero .searchbox label.destination{grid-column:1/3}.hero .searchbox .guest{min-width:0}.hero-search-button{width:100%;height:84px}.hero .quick{white-space:normal;flex-wrap:wrap}.hero-wave{bottom:-75px}}
@media(max-width:600px){.topbar{border-top-width:4px}.logo{font-size:23px}.hero{min-height:650px;background-position:64% center}.license{font-size:8px}.hero-content{padding-top:72px}.hero h1{font-size:25px;line-height:1.25;margin:0 auto 52px;max-width:340px}.hero-search-wrap{border-radius:20px;padding:52px 10px 16px}.search-tabs button{font-size:12px;padding:9px 11px}.hero .searchbox{grid-template-columns:1fr 1fr}.hero .searchbox label{height:70px;padding:10px}.hero .searchbox label.destination{grid-column:1/3}.hero .searchbox label.destination input{font-size:12px}.hero .searchbox label:not(.destination):not(.guest){min-width:0}.hero .searchbox .guest{grid-column:1/2}.hero-search-button{height:70px;grid-column:2/3}.hero .quick{gap:9px;margin-top:16px}.hero .quick b{width:100%;text-align:left}.hero-wave{height:70px;bottom:-45px}}