/* One stable mobile navigation, independent of the current account page. */
@media(max-width:767.98px){
.public-mobile-navigation.mobile-bottom-nav{position:fixed;inset:auto 10px calc(9px + env(safe-area-inset-bottom));padding:7px 4px;background:#fff;border:1px solid #e6e6e6;border-radius:18px;box-shadow:0 4px 24px #00000012;z-index:9998;transform:none}
.public-mobile-navigation .bottom-nav-container{display:flex;flex-direction:row;align-items:center;justify-content:space-around;gap:2px;direction:rtl}
.public-mobile-navigation .bottom-nav-item{display:flex;flex:1 1 0;min-width:0;min-height:48px;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:5px 2px;border:0;border-radius:9px;background:transparent;color:#666;font:inherit;text-decoration:none;position:relative}
.public-mobile-navigation .bottom-nav-icon{display:flex;align-items:center;justify-content:center}.public-mobile-navigation .bottom-nav-icon svg{width:23px;height:23px}
.public-mobile-navigation .bottom-nav-label{font-size:11px;line-height:1.3;white-space:nowrap}
.public-mobile-navigation .bottom-nav-item[aria-current=page]{color:#222;background:#f5f5f5;font-weight:650}
.public-mobile-navigation .bottom-nav-filter{order:1}.public-mobile-navigation .bottom-nav-search{order:2}.public-mobile-navigation .bottom-nav-orders{order:3}.public-mobile-navigation .bottom-nav-messages{order:4}.public-mobile-navigation .bottom-nav-login{order:5}.public-mobile-navigation .bottom-nav-stay{display:none!important}
.messages-page__mobile-nav,.messages-guest-bottom-nav,.orders-guest-bottom-nav{display:none!important}
body:has(.public-mobile-navigation) .site-main{padding-bottom:92px}
body.modal-open .public-mobile-navigation,body.mobile-menu-open .public-mobile-navigation{visibility:hidden}
}
@media(min-width:768px){.public-mobile-navigation{display:none!important}}
/* Desktop chrome takes only the space needed by its controls. */
@media(min-width:1200px){
body.site-shell .header-area,body.site-shell .header-area.header-area--complex-details{padding:8px 0!important;margin:0!important}
body.site-shell .header-area>.container-fluid{padding-block:0!important}
body.site-shell .header-area>.container-fluid>.row{min-height:52px;margin-block:0!important;align-items:center}
body.site-shell .header-area .logo-area{padding-block:0!important;margin-block:0!important}
body.site-shell .header-area .logo-area a{max-width:190px;display:flex;align-items:center}
body.site-shell .header-area .logo-area img{width:276px!important;height:196px!important;max-width:none!important;max-height:none!important;position:absolute!important;top:-43px;right:-42px}
body.site-shell .header-area .menu-area>ul{margin-block:0!important;align-items:center}
.catalog-search-slot{width:100%;position:relative}
.catalog-search-slot.is-docked{z-index:1025}
.catalog-search-slot.is-docked>.top-search-bar{position:fixed;top:var(--catalog-search-top,68px);left:50%;translate:-50% 0;width:min(1080px,calc(100vw - 56px))!important;max-width:none!important;box-sizing:border-box;padding:8px 12px!important;gap:12px!important;background:#fff;border:1px solid #e4e7e3;border-radius:14px;box-shadow:0 5px 24px #00000012;z-index:1025;animation:catalogSearchDock .28s cubic-bezier(.22,1,.36,1)}
.catalog-search-slot.is-docked .top-search-bar .top-search-side{flex:0 1 19%;min-width:0}
.catalog-search-slot.is-docked .top-search-bar .top-stay-fields{flex:1 1 58%;min-width:0;gap:10px}
.catalog-search-slot.is-docked .top-search-bar :is(.dateBtn>button,.guestsBtn>button,.border-btn,.text-search-action button){min-height:42px!important;font-size:14px!important;padding-block:8px!important}
.catalog-search-slot.is-docked .top-search-bar .dateBtn{position:static!important}
.catalog-search-slot.is-docked .top-search-bar .dateBtn__drodown{position:absolute!important;top:calc(100% + 12px)!important;left:50%!important;right:auto!important;translate:-50% 0;max-height:calc(100dvh - var(--catalog-search-top,68px) - 95px);overflow:auto}
}
@keyframes catalogSearchDock{from{opacity:.3;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.catalog-search-slot.is-docked>.top-search-bar{animation:none}}

/* Shared desktop date presentation; existing day availability remains authoritative. */
@media(min-width:1200px){
body.site-shell .dateBtn__drodown{width:min(850px,calc(100vw - 48px))!important;max-width:none!important;padding:24px!important;border:1px solid #e6e6e6;border-radius:18px!important;background:#fff;box-shadow:0 14px 50px #0000001c;overflow:visible;transition:opacity .2s,translate .2s,display .2s allow-discrete;opacity:0;translate:0 -8px}
body.site-shell .dateBtn.show .dateBtn__drodown{opacity:1;translate:0 0}
body.site-shell .dateBtn__drodown .dates__tabs{padding:0!important;width:100%!important;max-width:none!important}
body.site-shell .dateBtn__drodown .simpleDate{max-width:none!important;width:100%!important;padding:0!important;border:0!important;box-shadow:none!important}
body.site-shell .dateBtn__drodown .simpleDate .calendar-body{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px!important;padding:8px 0 0!important}
body.site-shell .simpleDate .calendar-month{width:auto!important;padding:0!important;border:0!important}
body.site-shell .simpleDate .weekdays{font-size:12px;color:#777;gap:0!important;margin-block:12px 6px!important}
body.site-shell .simpleDate .days-grid{gap:3px!important}
body.site-shell .simpleDate .day{min-height:44px;border-radius:8px;font-size:14px}
body.site-shell #calModal .modal-dialog{width:min(900px,calc(100vw - 64px));max-width:none!important}
body.site-shell #calModal .modal-content{border:1px solid #eee;border-radius:18px;overflow:hidden;box-shadow:0 20px 70px #0002}
body.site-shell #calModal .box__style{padding:26px!important;border:0;box-shadow:none}
body.site-shell #calModal .modal-dialog{transition:transform .24s cubic-bezier(.22,1,.36,1),opacity .2s}
body.site-shell #calModal.fade:not(.show) .modal-dialog{transform:translateY(18px) scale(.98);opacity:0}
body.site-shell #calModal.show .modal-dialog{transform:none;opacity:1}
body.site-shell #calModal .calendar-body{gap:28px!important;padding-block:12px!important}
body.site-shell #calModal .calendar-month{min-width:0;flex:1;padding:0!important;border:0!important}
body.site-shell #calModal .day{border-radius:8px}
body.site-shell :is(.simpleDate,#modalCalendar) .day.selected{background:#267150!important;color:#fff!important}
body.site-shell :is(.simpleDate,#modalCalendar) .day.range-mid{background:#edf4ef!important;color:#254f35!important}
body.site-shell .calendar-reset-dates:not([hidden]){display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:8px 16px;border:1px solid #ddd;border-radius:7px;background:#fff;color:#444;font:inherit;font-size:14px}
body.site-shell .calendar-reset-dates[hidden]{display:none!important}
}
@starting-style{body.site-shell .dateBtn.show .dateBtn__drodown{opacity:0;translate:0 -8px}}
@media(prefers-reduced-motion:reduce){body.site-shell .dateBtn__drodown,body.site-shell #calModal .modal-dialog{transition:none;animation:none}}

@keyframes unitBackdropOut{from{background:#0006}to{background:#0000}}
.unit-full-details[data-closing]::backdrop,.unit-detail-viewer[data-closing]::backdrop{animation:unitBackdropOut .18s ease-in forwards}
/* Keep the original search row in document flow; only its scrolled state is compact. */
@media(min-width:1200px){
.catalog-search-slot.is-docked>.top-search-bar{width:min(760px,calc(100vw - 56px))!important;padding:5px 8px!important;gap:8px!important;border-radius:30px}
.catalog-search-slot.is-docked .top-search-bar .top-search-side{flex:0 1 18%}
.catalog-search-slot.is-docked .top-search-bar .top-stay-fields{height:38px!important;flex:1 1 64%;gap:0;box-shadow:none}
.catalog-search-slot.is-docked .top-search-bar .top-stay-fields>:is(.dateBtn,.guestsBtn){height:38px!important}
.catalog-search-slot.is-docked .top-search-bar :is(.dateBtn>button,.guestsBtn>button,.border-btn,.text-search-action button,.location__btn){height:38px!important;min-height:38px!important;padding:0 10px!important;font-size:13px!important}
.catalog-search-slot.is-docked .top-search-bar :is(input,button span){font-size:13px!important}
.catalog-search-slot.is-docked .top-search-bar .border-btn img{width:17px;height:17px}
body.site-shell .top-search-bar .dateBtn{position:static!important}
body.site-shell .top-search-bar .dateBtn__drodown{box-sizing:border-box;position:absolute!important;top:calc(100% + 12px)!important;left:50%!important;right:auto!important;transform:translateX(-50%);max-height:calc(100dvh - 160px);overflow:auto}
body.site-shell .catalog-search-slot.is-docked .top-search-bar .dateBtn__drodown{translate:0 0;max-height:calc(100dvh - var(--catalog-search-top,68px) - 70px)}
}
@media(min-width:1200px){
.catalog-search-slot.is-docked .top-search-bar .text-search-action .location__btn{padding:0!important}
.catalog-search-slot.is-docked .top-search-bar .text-search-action .filter-search{box-sizing:border-box;height:38px!important;min-height:38px!important;padding:0 9px;gap:6px;box-shadow:none}
.catalog-search-slot.is-docked .top-search-bar .text-search-action .filter-search label{font-size:13px}
.catalog-search-slot.is-docked .top-search-bar .text-search-popover__icon{width:16px;height:16px}
}
@media(min-width:1200px){
.catalog-search-slot.is-docked>.top-search-bar{left:0!important;right:0!important;margin-inline:auto!important;translate:none!important}
body.site-shell .top-search-bar[data-overlay-ancestor]{z-index:2147483640!important}
}
@media(min-width:1200px){
body.site-shell .top-search-bar .dateBtn__drodown .dates__tabs{position:relative!important;inset:auto!important;transform:none!important;min-width:0!important;width:100%!important;max-width:none!important;margin:0!important;box-shadow:none!important;border-radius:0;padding:0!important;box-sizing:border-box}
body.site-shell .top-search-bar .dateBtn__drodown{margin-right:0!important;overflow-x:hidden}
}
/* Desktop property/unit calendars fit the viewport as one centered panel. */
@media(min-width:1200px){
body.site-shell #calModal.modal.show,body.site-shell #calModal.modal[data-overlay-active]{display:flex!important;align-items:center;justify-content:center;padding:16px!important;overflow:hidden!important;scroll-padding:0;height:100dvh!important;max-height:100dvh!important}
body.site-shell #calModal .modal-dialog{margin:0!important;min-height:0!important;max-height:none;flex:0 1 900px;width:min(900px,calc(100vw - 32px))}
body.site-shell #calModal .modal-dialog::before{display:none}
body.site-shell #calModal .modal-content{max-height:none;overflow:visible}
body.site-shell #calModal .box__style{padding:20px 24px!important}
body.site-shell #calModal #modalCalendar{min-height:0!important;max-height:none!important;overflow:visible;padding-bottom:40px}
body.site-shell #calModal .calendar-body{min-height:0!important;max-height:none!important;padding-block:8px!important;overflow:visible!important}
body.site-shell #calModal .calendar-month{--cell-size:clamp(30px,calc((100dvh - 250px)/6),44px);width:auto!important;max-width:none!important}
body.site-shell #calModal .days-grid{grid-auto-rows:var(--cell-size);min-height:0!important;max-height:none!important;gap:3px;overflow:visible!important}
body.site-shell #calModal .day{min-height:0!important;height:var(--cell-size)}
body.site-shell #calModal .day .date{display:grid;place-items:center;width:var(--cell-size);height:var(--cell-size);margin:0 auto;line-height:normal;font-size:14px}
body.site-shell #calModal .weekdays{margin-block:10px 6px;font-size:12px}
}
/* Neutral selection: keep day numbers legible above the connected range. */
body.site-shell :is(.simpleDate,#modalCalendar){--selected-bg:#e2e2e2;--selected-color:#222;--range-bg:#f1f1f1}
body.site-shell :is(.simpleDate,#modalCalendar) .day.selected{background:transparent!important;color:#222!important}
body.site-shell :is(.simpleDate,#modalCalendar) .day.selected .date{background:#e2e2e2!important;color:#222!important;font-weight:700}
body.site-shell :is(.simpleDate,#modalCalendar) .day.range-mid{background:transparent!important;color:#333!important}
body.site-shell :is(.simpleDate,#modalCalendar) .day.range-mid .date{background:transparent!important;color:#333!important}
body.site-shell :is(.simpleDate,#modalCalendar) :is(.day.range-start,.day.range-mid,.day.range-end)::before{background:#f1f1f1!important}