/* The reference composition applies exclusively to the homepage search section. */
#kerko #travel-search .travel-fields>.search-bottom{grid-column:1/-1;order:20}
#kerko{position:relative;isolation:isolate;background:#14243d;color:#fff;padding-top:88px;padding-bottom:80px;min-height:780px}
#kerko::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#14243ddb 0%,#14243d7a 24%,#14243d0d 52%,#14243d80 78%,#14243d 100%),linear-gradient(90deg,#14243d70,transparent 70%),url('/assets/booking-positano.jpg') center 55%/cover no-repeat;pointer-events:none}
#kerko .booking-heading{display:block;margin-bottom:72px;max-width:100%}#kerko .booking-heading .eyebrow{color:#d3e9f1;letter-spacing:.12em;font-size:.875rem}#kerko .booking-heading h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(2.8rem,5.1vw,5rem);font-weight:600;letter-spacing:-.035em;line-height:1.12;color:#fff;margin-top:18px;max-width:1100px;text-shadow:0 2px 20px #14243d30}#kerko .booking-heading h2::after{content:"";display:block;width:108px;height:6px;margin-top:15px;background:#e5b89c;transform:rotate(-4deg);border-radius:80% 30% 20% 20%}#kerko .booking-heading p{font-size:1.125rem;color:#fff;line-height:1.65;max-width:630px;margin-top:22px;text-shadow:0 1px 12px #14243d80}
#kerko #travel-search{background:#fffaf3f5;color:#14243d;border:1px solid #fff9;border-radius:32px;padding:22px;gap:24px;box-shadow:0 20px 55px #06142d35;backdrop-filter:blur(10px)}
#kerko #travel-search .service-tabs{border:0;padding:0;gap:10px;align-items:center;flex-wrap:wrap;z-index:10}#kerko #travel-search .service-tabs>button{background:#e4edf3;color:#14243d;border:0;border-radius:23px;padding:17px 25px;min-height:64px;font-size:1rem;gap:13px;box-shadow:none}#kerko #travel-search .service-tabs>button[aria-pressed=true]{background:linear-gradient(145deg,#b9e7f4,#7fc5e5);color:#10233e}#kerko .coastal-icon,#kerko .service-tabs .ux-icon{width:27px;height:27px;flex:none}#kerko #travel-search .ux-other-services{margin-left:auto}#kerko #travel-search .ux-other-services>summary{font-size:.875rem;color:#40556e;background:transparent;padding:12px 8px;min-height:44px}#kerko #travel-search .ux-service-menu{z-index:20}#kerko #travel-search .ux-service-menu button{background:#f1f5f8;border:0}
#kerko #travel-search .travel-fields{display:grid;grid-template-columns:minmax(210px,1.5fr) minmax(150px,1fr) minmax(150px,1fr) minmax(200px,1.1fr) minmax(150px,.9fr);gap:10px;align-items:stretch}#kerko #travel-search .ux-date-group{display:contents}#kerko #travel-search .ux-destination,#kerko #travel-search[data-search-service=hotel] .ux-destination{grid-column:auto!important;grid-row:auto}#kerko #travel-search .ux-travelers{grid-column:auto;grid-row:auto;min-width:0}
#kerko #travel-search .travel-fields>label,#kerko #travel-search .ux-date-group>label{position:relative;background:#fffaf6;border:1px solid #bfc8d0;border-radius:14px;padding:13px 12px 10px 47px;gap:4px;font-size:.9375rem;line-height:1.4;min-height:83px;color:#14243d;font-weight:600;justify-content:center;min-width:0}#kerko #travel-search .travel-fields label>.coastal-icon{position:absolute;left:13px;top:25px;width:24px;height:24px}#kerko #travel-search .travel-fields input:not([type=checkbox]),#kerko #travel-search .travel-fields select{background:transparent;border:0;box-shadow:none;padding:2px 0;min-height:28px;font-size:.9375rem;font-weight:400;width:100%;color:#48596e;margin:0;border-radius:3px}#kerko #travel-search .travel-fields input::placeholder{font-size:.9375rem;color:#657286}#kerko #travel-search .travel-fields label:focus-within{outline:2px solid #386981;outline-offset:2px}#kerko #travel-search input:focus-visible{outline:0}#kerko #travel-search .ux-travelers>summary{min-height:83px;height:100%;border-radius:14px;background:#fffaf6;border-color:#bfc8d0;padding:12px 13px;gap:10px}#kerko .ux-field-title{font-size:.9375rem;font-weight:600;color:#14243d;margin-bottom:4px}#kerko #travel-search .ux-travelers strong{font-size:.875rem;line-height:1.5;font-weight:400;color:#48596e}#kerko .ux-travelers>summary .ux-icon{width:25px;height:25px}#kerko #travel-search .refined-search-cta{grid-column:auto;grid-row:auto;order:10;min-height:83px;height:100%;background:linear-gradient(120deg,#f4c19f,#f0a98f);border-radius:15px;padding:16px 19px;gap:14px;font-size:1rem;color:#14243d;box-shadow:0 5px 15px #be86691a}#kerko #travel-search .refined-search-cta:hover{background:#edb69c}#kerko #travel-search .refined-search-cta span{font-size:1.4rem}
#kerko #travel-search .search-bottom{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:0;padding:0}#kerko #travel-search .search-bottom p{font-size:.875rem;line-height:1.6;color:#526175}#kerko #travel-search .search-bottom [data-origin]{display:flex;flex-direction:row;align-items:center;gap:12px;font-size:.875rem;white-space:nowrap;font-weight:500;color:#526175}#kerko #travel-search [data-origin] input{font-size:.9375rem;background:transparent;border:0;border-bottom:1px solid #a6b7c5;min-height:32px;padding:2px 5px;width:130px;color:#14243d}#kerko #travel-search [data-origin] input:focus-visible{outline:2px solid #386981;outline-offset:2px}#kerko #travel-search .search-bottom p br{display:none}#kerko #travel-search .search-bottom p br::after{content:' '}
#kerko .ux-travelers-panel{z-index:15;border-radius:15px}#kerko #travel-search .ux-occupancy label{padding:0;background:transparent;border:0}#kerko #travel-search .ux-occupancy select{background:white;border:1px solid #bfc8d0;min-height:44px;padding:8px;font-size:1rem}#kerko #travel-search [data-one-way],#kerko #travel-search [data-transport]{grid-column:1/-1}#kerko #travel-search .form-error{color:#932f23}
@media(max-width:1200px) and (min-width:701px){#kerko #travel-search .travel-fields{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr)}#kerko #travel-search .ux-travelers{grid-column:1/3}#kerko #travel-search .service-tabs>button{padding:16px 20px}#kerko #travel-search .ux-other-services{margin-left:0}}
@media(max-width:700px){#kerko{padding-top:64px;padding-bottom:56px;min-height:0}#kerko::before{background-position:62% center;background-image:linear-gradient(180deg,#14243de6,#14243d60 35%,#14243d80 75%,#14243d),url('/assets/booking-positano.jpg')}#kerko .booking-heading{margin-bottom:45px}#kerko .booking-heading h2{font-size:clamp(2.4rem,10vw,3.3rem);max-width:540px}#kerko .booking-heading p{font-size:1rem;line-height:1.7}#kerko #travel-search{padding:16px;border-radius:24px;gap:20px}#kerko #travel-search .service-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px}#kerko #travel-search .service-tabs>button{min-height:56px;padding:11px 12px;border-radius:15px;font-size:.9375rem;gap:9px;white-space:normal}#kerko #travel-search .service-tabs>button[data-service-tab=flight]{grid-column:1}#kerko #travel-search .ux-other-services{grid-column:2;margin:0}#kerko #travel-search .ux-other-services>summary{font-size:.875rem;padding:8px 3px;gap:6px}#kerko .coastal-icon,#kerko .service-tabs .ux-icon{width:23px;height:23px}#kerko #travel-search .travel-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#kerko #travel-search .ux-destination,#kerko #travel-search[data-search-service=hotel] .ux-destination{grid-column:1/-1!important}#kerko #travel-search .ux-travelers{grid-column:1/-1}#kerko #travel-search .refined-search-cta{grid-column:1/-1;min-height:58px;font-size:1rem}#kerko #travel-search .travel-fields>label,#kerko #travel-search .ux-date-group>label{padding:12px 10px;min-height:82px}#kerko #travel-search .travel-fields label>.coastal-icon{display:none}#kerko #travel-search .travel-fields input:not([type=checkbox]),#kerko #travel-search .travel-fields select{font-size:1rem}#kerko #travel-search .ux-destination{padding-left:46px}#kerko #travel-search .ux-destination>.coastal-icon{display:block;top:27px;left:13px}#kerko #travel-search .ux-travelers>summary{min-height:76px}#kerko #travel-search .search-bottom{flex-direction:column;align-items:flex-start;gap:14px}#kerko #travel-search .search-bottom p{font-size:.875rem}#kerko .ux-travelers-panel{position:relative}#kerko #travel-search .service-tabs button .ux-icon{width:22px;height:22px}}
@media(max-width:380px){#kerko #travel-search .ux-date-group>label{grid-column:1/-1}#kerko #travel-search .service-tabs>button{font-size:.875rem;padding:10px 8px}#kerko #travel-search .ux-other-services>summary{flex-wrap:wrap}}

@media(min-width:1201px){#kerko #travel-search .travel-fields>label,#kerko #travel-search .ux-date-group>label{min-height:96px}#kerko #travel-search .ux-travelers>summary{min-height:96px;height:auto}#kerko #travel-search .ux-travelers strong{line-height:1.3}#kerko #travel-search .ux-field-title{line-height:1.3}#kerko #travel-search .refined-search-cta{height:auto;align-self:stretch;min-height:96px}}

@media(min-width:701px){#kerko .booking-heading .eyebrow{display:none}#kerko .booking-heading h2{margin-top:0}}