.home-search-query,.home-search-filter,.home-search-short-label{display:none}
@media(min-width:761px){
form.home-stay-search.is-home-search-stuck{position:fixed;inset:0 auto auto 0;z-index:110;display:grid;grid-template-columns:minmax(0,1fr) 48px auto;align-items:center;gap:12px;width:100vw;max-width:none;box-sizing:border-box;margin:0;padding:16px max(16px,calc((100vw - 64rem)/2 + 16px));border-radius:0;border-inline:0;background:#fff;box-shadow:0 5px 18px #17344d18}
.is-home-search-stuck> :is(div,label):not(.home-search-query){display:none}
.is-home-search-stuck .home-search-query{display:flex;min-width:0;padding:12px;border:1px solid #dce9e6;border-radius:12px;background:#fff}
.is-home-search-stuck .home-search-query input{width:100%;min-width:0;border:0;outline:0;background:transparent;font:inherit;color:#17344d}
.is-home-search-stuck .home-search-query:focus-within{outline:2px solid #078b7c;outline-offset:2px}
.is-home-search-stuck .home-search-filter{display:grid;place-items:center;width:48px;height:48px;border:1px solid #dce9e6;border-radius:11px;background:#fff;color:#078b7c;cursor:pointer}
form.home-stay-search.is-home-search-stuck>.home-search-submit{grid-column:3;min-height:48px;padding:12px 20px}
.is-home-search-stuck .home-search-full-label{display:none}
.is-home-search-stuck .home-search-short-label{display:inline}
body.sakan-home-page .booking-hero:has(.is-home-search-stuck){z-index:110}
}
@media(max-width:760px){
form.home-stay-search{grid-template-columns:minmax(0,1fr) 42px auto!important;align-items:center;gap:8px;padding:12px;box-sizing:border-box}
form.home-stay-search:not(.is-home-search-stuck){margin-bottom:calc(var(--home-search-height,72px) / -2)}
.home-stay-search> :is(div,label):not(.home-search-query){display:none}
.home-search-query{display:flex;min-width:0;padding:10px 8px;border:1px solid #dce9e6;border-radius:12px;background:#fff}
.home-search-query input{width:100%;min-width:0;border:0;outline:0;background:transparent;font:inherit;font-size:12px;color:#17344d}
.home-search-query:focus-within{outline:2px solid #078b7c;outline-offset:2px}
.home-search-filter{display:grid;place-items:center;width:42px;height:42px;border:1px solid #dce9e6;border-radius:11px;background:#fff;color:#078b7c;cursor:pointer}
form.home-stay-search>.home-search-submit{grid-column:3;min-height:42px;padding:10px 12px}
.home-search-submit>i,.home-search-full-label{display:none}
.home-search-short-label{display:inline}
form.home-stay-search.is-home-search-stuck{position:fixed;inset:0 auto auto 0;width:100vw;max-width:none;margin:0;border-radius:0;border-inline:0;z-index:110;box-shadow:0 5px 18px #17344d18}
body.sakan-home-page .booking-hero:has(.is-home-search-stuck){z-index:110}
}
body.sakan-home.sakan-home-page{background:#f7f8f6}
body.sakan-home.sakan-home-page .site-header-shell:not(.is-sticky){position:absolute;inset:0 0 auto;background:transparent;border:0;box-shadow:none;backdrop-filter:none}
body.sakan-home.sakan-home-page .site-header-shell:not(.is-sticky) :is(.site-header,.site-logo-name,.header-links,.header-setting){color:#fff}
body.sakan-home.sakan-home-page .site-header-shell:not(.is-sticky) .site-logo-tagline{color:#f0d39c}
body.sakan-home.sakan-home-page .booking-hero{position:relative;isolation:isolate;min-height:0;height:auto;padding:145px 0 0;margin-bottom:0;overflow:visible;background:linear-gradient(270deg,#10283ee8,#10283e8c 48%,#10283e10),url('../images/travel/stay-exterior.jpg') center 55%/cover no-repeat,#17344d}
.sakan-home-page .booking-hero::before,.sakan-home-page .booking-hero::after,.sakan-home-page .home-alternate-background{display:none}
body.sakan-home-page .booking-hero .hero-content{position:relative;display:flex;flex-direction:column;align-items:stretch;width:min(1200px,calc(100% - 48px));max-width:1200px;margin:auto;padding:0;transform:none;text-align:start}
body.sakan-home-page .booking-hero .booking-intro{margin:0;padding:0 0 70px;text-align:start}
body.sakan-home-page .booking-hero .booking-eyebrow{display:inline-flex;background:transparent;color:#f0d39c;padding:0;font-size:13px}
body.sakan-home-page .booking-hero .booking-intro h1{margin:18px 0;color:#fff;font-size:clamp(34px,4.3vw,58px);line-height:1.4;letter-spacing:-1.5px;text-shadow:none}
body.sakan-home-page .booking-hero .booking-intro h1 span{color:#f0d39c}
.home-hero-description{max-width:510px;color:#e0e7e7;font-size:14px;line-height:2;margin:0}
.home-stay-search{position:relative;z-index:4;display:grid;grid-template-columns:1.3fr 1fr 1fr .8fr auto;gap:14px;align-items:end;padding:24px;margin:0 0 -80px;border:1px solid #e6ebe6;border-radius:18px;background:#fff;box-shadow:0 15px 45px #17344d12;scroll-margin-top:100px}
.home-search-submit{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:52px;padding:12px 20px;border:0;border-radius:12px;background:#087f72;color:#fff;font:800 12px Cairo,sans-serif;cursor:pointer}
.home-search-submit:hover{background:#06685e}
body.sakan-home-page .booking-hero .hero-benefits{position:relative;top:110px;display:flex;flex-wrap:wrap;justify-content:center;gap:14px 36px;margin:0;padding:0;color:#50685c;background:transparent}
body.sakan-home-page .booking-hero .hero-benefits :is(a,div){color:#50685c;font-size:11px}
body.sakan-home-page .booking-hero .hero-benefits svg{color:#087f72}
body.sakan-home-page .home-discover{padding-top:175px}
.sakan-home-page :is(.home-type-card,.home-area-card,.city-deal-card){border:1px solid #e1e6e0;border-radius:18px;background:#fff;box-shadow:0 8px 24px #17344d08}
.sakan-home-page .city-deal-media img{width:100%;height:220px;object-fit:cover}
.sakan-home-page .city-deal-rating strong{padding:4px 8px;border-radius:7px;background:#087f72;color:#fff}
.sakan-home-page .city-deal-open{background:#087f72;color:#fff;border-radius:12px}
.sakan-home-page .home-monthly{background:linear-gradient(110deg,#17344df5,#17344d99),url('../images/travel/stay-exterior.jpg') center/cover;color:#fff;border-radius:22px}
.sakan-home-page .home-monthly :is(h2,p){color:#fff}
.sakan-home-page .home-monthly .home-section-label{color:#f0d39c}
@media(max-width:1000px){.home-stay-search{grid-template-columns:repeat(2,minmax(0,1fr))}.home-search-submit{grid-column:1/-1}}
@media(max-width:760px){body.sakan-home.sakan-home-page .booking-hero{padding-top:100px}body.sakan-home-page .booking-hero .hero-content{width:calc(100% - 28px)}body.sakan-home-page .booking-hero .booking-intro{padding-bottom:40px}body.sakan-home-page .booking-hero .booking-intro h1{font-size:35px}.home-hero-description{font-size:12px}.home-stay-search{padding:16px;gap:12px;border-radius:15px}.home-stay-search>.app-select{grid-column:1/-1}body.sakan-home-page .booking-hero .hero-benefits{display:grid;grid-template-columns:1fr 1fr;gap:14px 8px}body.sakan-home-page .home-discover{padding-top:190px}}

body.sakan-home-page .booking-hero .hero-benefits{width:fit-content;max-width:100%;align-self:center;margin-inline:auto}
body.sakan-home-page .booking-hero .booking-intro .hero-benefits{top:auto;margin:28px auto 0;color:#e0e7e7}
body.sakan-home-page .booking-hero .booking-intro .hero-benefits > :is(a,div){color:#fff;background:#10283ef2;border-color:#d5bf9380;font-weight:700;box-shadow:0 4px 14px #071c3833;text-shadow:none}
body.sakan-home-page .booking-hero .booking-intro .hero-benefits > :is(a,div)::after{display:none}
body.sakan-home-page .booking-hero .booking-intro .hero-benefits > a:hover{background:#24475c;border-color:#f0d39c}
body.sakan-home-page .booking-hero .booking-intro .hero-benefits > a:focus-visible{outline:3px solid #f0d39c;outline-offset:3px}
body.sakan-home-page .booking-hero .booking-intro .hero-benefits svg{color:#ffda88}
body.sakan-home-page .home-discover{padding-top:120px}
.home-stay-search{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(min-width:761px) and (max-width:1000px){.home-stay-search{grid-template-columns:repeat(2,minmax(0,1fr))}.home-search-submit{grid-column:auto}}
@media(max-width:760px){.home-stay-search{grid-template-columns:minmax(0,1fr)}.home-stay-search>.app-select{grid-column:auto}.home-search-submit{grid-column:1/-1}}