.hp-calendar-range-prompt{margin-bottom:14px;font-weight:700;color:#08729f;font-size:1.05rem}
.hp-period-preview-card .parking-spot-element{height:100%;padding:12px 16px;border-right:1px solid #dbe5eb}
.hp-period-preview-card label{display:block;margin-bottom:6px;font-size:.85rem}
.hp-period-preview-card input{width:100%;min-width:0;padding:0;border:0;background:transparent!important;font-size:.95rem;cursor:pointer}
.hp-period-preview .col-md-6[hidden]{display:none!important}
.hp-period-preview .innerSearch>.col-lg-7{flex:0 0 auto;width:33.333333%}
.hp-period-preview .innerSearch>.col-lg-7>.row>.col-lg-6 .col-md-6:not([hidden]){width:100%}
@media(max-width:991.98px){.hp-period-preview .innerSearch>.col-lg-7{width:100%}.hp-period-preview-card{width:100%}.hp-period-preview-card .parking-spot-element{border:0;border-bottom:1px solid #dbe5eb;padding:14px 16px}.hp-period-preview-card input{font-size:1rem}}
.hp3-search .hp-period-preview .innerSearch{grid-template-columns:minmax(0,1.3fr) minmax(0,1.4fr) minmax(0,1.4fr) minmax(0,1.2fr)!important;padding-top:0!important}
.hp3-search .hp-period-preview .innerSearch>.col-lg-7{width:auto!important;padding-left:0!important}
.hp3-search .hp-period-preview .innerSearch>.col-lg-7 .row .row{grid-template-columns:minmax(0,1fr)!important}
.hp3-search .hp-period-preview .hp3-duration{display:none!important}
.hp3-search .hp-period-preview-card{display:block!important;width:auto!important}
.hp3-search .hp-period-preview-card .parking-spot-element{padding:8px 11px!important;min-height:56px}
.hp3-search .hp-period-preview-card input{font-size:14px!important;height:26px!important}
.hp-period-cancellation{position:absolute;top:-19px;right:24px;display:table;margin:0;z-index:13020}
.hp-period-cancellation summary{cursor:pointer;list-style:none;padding:8px 14px;border-radius:30px;background:#ff765b;color:#301d18;font-size:13px;font-weight:700}
.hp-period-cancellation summary::-webkit-details-marker{display:none}
.hp-period-cancellation p{position:absolute;right:0;top:100%;width:280px;max-width:calc(100vw - 48px);padding:16px;margin:8px 0;border:1px solid #d9e1e2;border-radius:10px;background:#fff;color:#102c3d;font-size:14px;line-height:1.5;box-shadow:0 8px 24px #0b294225}
@media(max-width:1199.98px){.hp3-search .hp-period-preview .innerSearch{grid-template-columns:minmax(0,1fr)!important}.hp3-search .hp-period-preview .innerSearch>.col-lg-7>.row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}.hp3-search .hp-period-preview-card input{font-size:16px!important}}

.hp3-search-panel:has(.hp-period-preview){position:relative}
.hp-period-booking-edit .whiteBox{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:12px;align-items:center}
.hp-period-booking-edit .whiteBox>div{width:100%;padding:0}
.hp-period-booking-edit .whiteBox>div>.row>.col-md-6:not([hidden]){width:100%}
.hp-period-booking-edit .hp-period-preview-card .parking-spot-element{border:1px solid #dbe5eb;border-radius:8px;background:#fff;padding:10px 14px}
.hp-period-booking-edit .hp-period-preview-card input{height:26px;font-size:16px}
.hp-booking-period.hp-period-preview .hp-period-preview-card{width:100%;max-width:420px;padding:0;margin-top:8px}
.hp-booking-period.hp-period-preview .hp-period-preview-card .parking-spot-element{border:1px solid #bdd7e3;border-radius:8px;padding:8px 12px;background:#fff}
@media(max-width:767.98px){.hp-period-booking-edit .whiteBox{grid-template-columns:1fr 1fr}.hp-period-booking-edit .hp-period-preview-card,.hp-period-booking-edit .whiteBox>div:last-child{grid-column:1/-1}}
.hp-hero-concept .hp3-search .hp-period-preview .innerSearch{padding-top:0!important}
@media(max-width:767.98px){.hp-period-cancellation{right:14px;top:-17px}.hp-period-cancellation summary{font-size:12px;padding:7px 12px}}
/* Photo surrounds the opaque search card; production does not load this sheet. */
.hp-staging-photo-preview .hero-search{padding:100px 0 76px}
.hp-staging-photo-preview .hero-search:before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);background:url('/images/home/airport-parking-tower-preview.webp') center 48%/cover no-repeat}
.hp-staging-photo-preview .hp3-search-panel{background:#fff!important;box-shadow:0 12px 36px #102c3d30}
.hp-staging-photo-preview .hero-concept-grid{gap:22px!important}
.hp-staging-photo-preview .hp3-search-panel .hp3-search{margin-top:18px}
.hp-mobile-search-overlay .hp-period-preview{position:relative;margin-top:24px}
.hp-mobile-search-overlay .hp-period-cancellation{top:-17px;right:0}
@media(max-width:767.98px){.hp-staging-photo-preview .hero-search{padding:108px 0 82px}.hp-staging-photo-preview .hero-search:before{background-position:60% bottom;background-size:auto calc(100% + 140px)}.hp-staging-photo-preview .hp3-search-panel{padding:20px 12px 12px!important}.hp-staging-photo-preview .hp3-search-panel .hp3-search{margin-top:12px}}

.hp-period-cancellation-home{display:none}
.hp-period-landing-background{position:relative;isolation:isolate;margin-top:0!important;padding-top:80px!important;padding-bottom:70px!important}
.hp-period-landing-background:before{content:"";position:absolute;z-index:-1;inset:0 auto 0 50%;width:100vw;transform:translateX(-50%);background:url('/images/home/airport-parking-tower-preview.webp') center 48%/cover no-repeat}
.hp-period-landing-background .hp3-search-panel{position:relative;background:#fff!important;box-shadow:0 12px 36px #102c3d30!important}
.hp-period-landing-background .hp-period-preview .innerSearch{padding-top:0!important}
@media(min-width:1200px){
 .hp-staging-photo-preview .hero-search,.hp-period-landing-background{box-sizing:border-box;min-height:clamp(420px,32vw,900px);padding-top:clamp(100px,8vw,220px)!important;padding-bottom:clamp(110px,12vw,360px)!important}
 .hp-staging-photo-preview .hero-search:before,.hp-period-landing-background:before{background-position:center 52%}
}
@media(max-width:767.98px){.hp-period-landing-background{padding-top:84px!important;padding-bottom:72px!important}.hp-period-landing-background:before{background-position:60% bottom;background-size:auto calc(100% + 140px)}}
.hp-calendar.hp-period-calendar{width:640px;max-width:calc(100vw - 32px);padding:0;border:1px solid #d7e3e9;border-radius:16px;box-shadow:0 18px 50px #0b294226;animation:hp-period-reveal .16s ease-out}
.hp-period-calendar .hp-calendar-range-prompt{margin:0;padding:20px 24px;border-bottom:1px solid #e2eaf0;color:#123449;text-align:center;font-size:16px;font-weight:600}
.hp-period-months{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding:16px 24px}
.hp-period-calendar .hp-calendar-header{grid-template-columns:32px minmax(0,1fr) 32px;margin-bottom:12px;text-align:center;font-size:15px}
.hp-period-calendar .hp-calendar-header strong{text-transform:capitalize}
.hp-period-calendar .hp-calendar-day{min-height:38px;border-radius:50%;font-size:14px}
.hp-period-calendar .hp-calendar-in-range{border-radius:0;background:#e1f0f6}
.hp-period-calendar .hp-calendar-weekday{font-size:11px;font-weight:500;padding-bottom:12px}
.hp-period-calendar-summary{padding:16px 24px;border-top:1px solid #e2eaf0;background:#f7fbfd;color:#123449;text-align:center;font-size:13px;line-height:1.5}
.hp-period-calendar .hp-calendar-range-prompt{position:relative;padding-right:52px}
.hp-period-calendar-close{position:absolute;right:10px;top:8px;width:40px;height:40px;border:0;background:transparent;color:#123449;font-size:28px;line-height:1;cursor:pointer}
.hp-period-calendar-apply{display:block;width:100%;margin-top:8px;padding:12px;border:0;border-radius:8px;background:#ffcc29;color:#123449;font:inherit;font-size:16px;font-weight:700;cursor:pointer}
.hp-period-calendar-apply:disabled{opacity:.45;cursor:default}
@keyframes hp-period-reveal{from{opacity:0;translate:0 -6px}to{opacity:1;translate:0 0}}
@media(prefers-reduced-motion:reduce){.hp-calendar.hp-period-calendar{animation:none}}
@media(max-width:600px){.hp-calendar.hp-period-calendar{inset:auto 16px 88px;width:auto;max-height:calc(100dvh - 104px)}.hp-period-months{grid-template-columns:1fr;gap:12px;padding:10px 20px}.hp-period-calendar .hp-calendar-day{min-height:34px}.hp-period-calendar .hp-calendar-header{margin-bottom:4px}.hp-period-calendar .hp-calendar-weekday{padding-bottom:6px}.hp-period-calendar .hp-calendar-range-prompt{position:sticky;top:0;z-index:1;background:#fff;padding:15px 18px;font-size:15px}.hp-period-calendar-summary{position:sticky;bottom:0;padding:12px 18px}}
.hp3-time-tooltip.hp3-cancellation-tooltip{width:min(250px,calc(100vw - 48px))!important;box-sizing:border-box}
.hp3-search-panel.hp-mobile-search-enabled>.hp-period-cancellation-home{display:table}
@media(max-width:767.98px){
 .hp3-search-panel>.hp3-rating,.hp3-search-panel>.hero-proof{position:relative;top:-6px}
 .hp-staging-photo-preview .hero-search,.hp-period-landing-background{padding-top:40px!important;padding-bottom:100px!important}
 .hp-staging-photo-preview .hero-search:before,.hp-period-landing-background:before{background-position:60% bottom;background-size:auto calc(100% + 200px)}
}
@media(max-width:600px){
 .hp-calendar.hp-period-calendar{display:flex;flex-direction:column;overflow:hidden;right:16px;width:auto;transform:none}
 .hp-period-calendar .hp-calendar-range-prompt,.hp-period-calendar-summary{flex-shrink:0;position:relative}
 .hp-period-months{display:block;overflow-y:auto;min-height:0;overscroll-behavior:contain;padding:8px 16px}
 .hp-period-month{margin-bottom:20px}
 .hp-period-calendar .hp-calendar-range-prompt{padding-right:48px}
 .hp-period-calendar .hp-calendar-day{min-height:30px}
}
.hp-period-cancellation.hp3-time-info{width:auto!important;height:auto!important;min-width:0!important;padding:8px 14px!important;border:0!important;border-radius:30px!important;background:#ff765b!important;color:#301d18!important;font-size:13px!important;font-weight:700!important;line-height:1.5!important;box-shadow:none!important;cursor:pointer}
.hp-period-cancellation.hp3-time-info:hover,.hp-period-cancellation.hp3-time-info:focus{background:#f46349!important}
@media(max-width:767.98px){.hp-period-cancellation.hp3-time-info{font-size:12px!important;padding:7px 12px!important}}

.hp-period-booking-edit .hp-period-preview-card input,.hp-booking-period.hp-period-preview .hp-period-preview-card input{box-sizing:border-box;padding:8px 12px;min-height:42px}

