/* Shared UI stylesheet — original v189 block order 6..85 preserved. */

/* --- legacy-inline-6 --- */
:is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item,
:is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item:hover,
:is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item:focus,
:is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item:focus-visible,
:is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item:active,
:is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item.selected,
:is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item.gesture-preview,
:is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item.selected:hover,
:is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item.selected:focus,
:is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item.selected:active,
:is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item.gesture-preview:hover,
:is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item.gesture-preview:focus,
:is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item.gesture-preview:active {
    position: relative !important;
    isolation: isolate !important;
    border: 0 !important;
    border-color: transparent !important;
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    outline: 0 !important;
    -webkit-tap-highlight-color: transparent !important;
}
:is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item.selected,
:is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item.gesture-preview {
    color: #efd79f !important;
    font-weight: 600 !important;
}
:is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item::before,
:is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item::after {
    content: none !important;
    display: none !important;
}
:is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item.selected::before,
:is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item.gesture-preview::before,
:is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item.selected:active::before,
:is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item.gesture-preview:active::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    width: 68px !important;
    height: 31px !important;
    box-sizing: border-box !important;
    transform: translate(-50%, -50%) !important;
    border: 1px solid rgba(223,184,107,.82) !important;
    border-radius: 3px !important;
    background: rgba(223,184,107,.10) !important;
    box-shadow: none !important;
    pointer-events: none !important;
    z-index: -1 !important;
}

#home-view #timePickerPopup .clock-time-value {
    font-weight: 400 !important;
}
#home-view #timePickerPopup .clock-time-value.active-mode {
    font-weight: 600 !important;
}

#home-view #timePickerPopup .clock-period {
    grid-column: 2 !important;
    justify-self: center !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 116px !important;
    min-width: 116px !important;
    max-width: 116px !important;
    height: 32px !important;
    min-height: 28px !important;
    max-height: 32px !important;
    margin: 0 !important;
    padding: 0 8px !important;
    box-sizing: border-box !important;
    border: 1px solid rgba(223,184,107,.18) !important;
    border-radius: 7px !important;
    background: linear-gradient(180deg, rgba(223,184,107,.055), rgba(223,184,107,.018)) !important;
    color: #efd79f !important;
    font-family: var(--font-ui) !important;
    font-size: .68rem !important;
    font-weight: 600 !important;
    font-style: normal !important;
    line-height: 1.45 !important;
    letter-spacing: .20em !important;
    text-transform: uppercase !important;
    font-synthesis: none !important;
    opacity: 1 !important;
    box-shadow: none !important;
    pointer-events: none !important;
    user-select: none !important;
    -webkit-user-select: none !important;
}

#home-view #timePickerPopup .clock-face,
#home-view #timePickerPopup .clock-face.hours-mode,
#home-view #timePickerPopup .clock-face.hours-mode.format-12,
#home-view #timePickerPopup .clock-face.hours-mode.format-24,
#home-view #timePickerPopup .clock-face.minutes-mode {
    --clock-dial-art: none !important;
    background-color: #090909 !important;
    background-image: none !important;
    background: #090909 !important;
    border: 0 !important;
    box-shadow: none !important;
    overflow: hidden !important;
    isolation: isolate !important;
}
#home-view #timePickerPopup .clock-face::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    box-sizing: border-box !important;
    border: 0 !important;
    border-radius: 50% !important;
    background-color: transparent !important;
    background-image: var(--clock-dial-art) !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: 106% 106% !important;
    filter: none !important;
    opacity: 1 !important;
    transform: none !important;
    pointer-events: none !important;
    z-index: 1 !important;
}

#home-view #timePickerPopup .clock-face::after {
    border: 0 !important;
    box-shadow: inset 0 0 18px rgba(0,0,0,.10) !important;
}

#home-view #timePickerPopup .clock-time-value:not(.active-mode) {
    color: rgba(255,255,255,.42) !important;
}

#home-view #timePickerPopup .clock-top-row,
#home-view #timePickerPopup .clock-cancel-slot {
    position: relative !important;
    z-index: 120 !important;
}
#home-view #timePickerPopup .clock-direct-picker {
    z-index: 1000 !important;
    pointer-events: auto !important;
    isolation: isolate !important;
}
#home-view #timePickerPopup .clock-direct-grid,
#home-view #timePickerPopup .clock-direct-item {
    pointer-events: auto !important;
}
#home-view #timePickerPopup.direct-menu-open .clock-face,
#home-view #timePickerPopup.direct-menu-open .clock-lower-row {
    pointer-events: none !important;
}

/* --- legacy-inline-7 --- */
#home-view #contact .contact-language-note {
    width: 100% !important;
    max-width: 820px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
    font-family: var(--font-ui) !important;
    font-weight: 400 !important;
    color: #b9b9b9 !important;
}

@media (max-width: 1023px) {
    .mobile-menu-panel {
        justify-content: space-between !important;
    }
    .mobile-menu-nav {
        flex: 0 1 auto !important;
        justify-content: flex-start !important;
        padding-top: clamp(18px, 5.5vh, 48px) !important;
    }
    .mobile-menu-nav a {
        padding-top: clamp(10px, 1.7vh, 14px) !important;
        padding-bottom: clamp(10px, 1.7vh, 14px) !important;
    }
    .mobile-menu-signature {
        width: 100% !important;
        align-items: center !important;
        justify-content: flex-end !important;
        text-align: center !important;
        padding: 10px 0 max(12px, env(safe-area-inset-bottom)) !important;
        gap: 5px !important;
    }
    .mobile-menu-brand-logo {
        display: block !important;
        width: clamp(90px, 29vw, 132px) !important;
        height: auto !important;
        margin: 0 auto 10px !important;
        object-fit: contain !important;
        filter: none !important;
    }
    .mobile-menu-signature > span,
    .mobile-menu-signature > small {
        width: 100% !important;
        text-align: center !important;
    }
}

footer {
    position: relative !important;
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 28px 5% 30px !important;
    text-align: center !important;
    background:
        linear-gradient(180deg, rgba(223,184,107,.018), transparent 55%),
        #000 !important;
    border-top: 1px solid rgba(223,184,107,.12) !important;
    color: #777 !important;
}
footer::before {
    content: "";
    display: block;
    width: min(118px, 28vw);
    height: 1px;
    margin: 0 auto 17px;
    background: linear-gradient(90deg, transparent, rgba(223,184,107,.52), transparent);
}
footer p {
    margin: 0 auto !important;
    max-width: 900px;
    font-family: var(--font-ui), "Montserrat", sans-serif !important;
    font-size: .62rem !important;
    font-weight: 400 !important;
    line-height: 1.7 !important;
    letter-spacing: .085em !important;
    color: #787878 !important;
    text-align: center !important;
}
@media (max-width: 560px) {
    footer {
        padding: 24px 18px calc(26px + env(safe-area-inset-bottom)) !important;
    }
    footer::before { margin-bottom: 15px; }
    footer p {
        font-size: .58rem !important;
        line-height: 1.75 !important;
        letter-spacing: .065em !important;
    }
}

@media (max-width: 1023px) {
    header {
        --mobile-brand-font-size: .76rem;
    }
    header > .logo-container {
        zoom: 1 !important;
        flex: 0 1 auto !important;
        max-width: none !important;
        width: auto !important;
        min-width: 0 !important;
        gap: 7px !important;
        overflow: visible !important;
    }
    header > .logo-container .mobile-vertical-brand {
        display: none !important;
    }
    header > .logo-container .logo-text {
        display: inline-flex !important;
        align-items: baseline !important;
        gap: 3px !important;
        overflow: visible !important;
        text-overflow: clip !important;
        white-space: nowrap !important;
        font-size: var(--mobile-brand-font-size) !important;
        line-height: 1 !important;
        letter-spacing: .045em !important;
        transform: none !important;
    }
    header > .logo-container .logo-img {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: 46px !important;
        height: 46px !important;
        max-width: 46px !important;
        flex: 0 0 46px !important;
    }
    header.header-brand-no-logo > .logo-container .logo-img,
    header.header-brand-text-only > .logo-container .logo-img,
    header.header-brand-hidden > .logo-container .logo-img {
        display: none !important;
    }
    header.header-brand-no-logo > .logo-container,
    header.header-brand-text-only > .logo-container {
        gap: 0 !important;
    }
    header.header-brand-hidden > .logo-container .logo-text {
        display: none !important;
    }
    header.header-brand-hidden > .logo-container {
        width: 0 !important;
        min-width: 0 !important;
        flex-basis: 0 !important;
        gap: 0 !important;
        overflow: hidden !important;
    }
    header > .header-actions {
        zoom: 1 !important;
    }
}

/* --- legacy-inline-8 --- */
@media (max-width:1023px){
  header{ --mobile-brand-font-size:.61rem; }
  header > .logo-container .logo-text{display:none!important;}
  header > .logo-container .mobile-vertical-brand{
    display:flex!important; flex-direction:column!important; align-items:flex-start!important;
    justify-content:center!important; gap:1px!important; min-width:48px!important; height:48px!important;
    font-family:var(--font-display)!important; line-height:.9!important; letter-spacing:.04em!important;
    text-transform:uppercase!important; white-space:nowrap!important;
  }
  header > .logo-container .mobile-vertical-brand span{
    display:block!important; font-size:var(--mobile-brand-font-size)!important;
    font-weight:500!important; line-height:.9!important; letter-spacing:.04em!important;
    color:#fff!important; white-space:nowrap!important;
  }
  header > .logo-container .mobile-vertical-brand span:nth-child(2){color:var(--accent-gold)!important;}
  header.header-brand-no-logo > .logo-container .logo-img,
  header.header-brand-text-only > .logo-container .logo-img,
  header.header-brand-hidden > .logo-container .logo-img{display:none!important;}
  header.header-brand-hidden > .logo-container .mobile-vertical-brand{display:none!important;}
  header.header-brand-hidden > .logo-container{width:0!important;min-width:0!important;flex:0 0 0!important;}

  header.header-brand-hidden > .header-actions{
    flex:1 1 auto!important; width:100%!important; margin:0!important;
    justify-content:space-between!important; gap:0!important;
  }
}

.mobile-menu-signature > .mobile-menu-brand-name{
  display:block!important; width:100%!important; text-align:center!important;
  font-family:var(--font-display)!important; font-size:.99rem!important;
  font-weight:500!important; font-style:normal!important; line-height:.9!important;
  letter-spacing:.04em!important; text-transform:uppercase!important; color:#fff!important;
  font-synthesis:none!important;
}
.mobile-menu-signature > .mobile-menu-brand-name > span{color:#fff!important;}
.mobile-menu-signature > .mobile-menu-brand-name > .brand-elite{color:var(--accent-gold)!important;}

footer p{font-weight:400!important;}

.flatpickr-calendar .flatpickr-day{
  display:flex!important; align-items:center!important; justify-content:center!important;
  text-align:center!important; line-height:1!important; padding:0!important;
}
.flatpickr-calendar .flatpickr-day.selected::before,
.flatpickr-calendar .flatpickr-day.startRange::before,
.flatpickr-calendar .flatpickr-day.endRange::before,
.flatpickr-calendar .flatpickr-day.gesture-preview::before{
  left:50%!important; top:50%!important; transform:translate(-50%,-50%)!important;
}
:is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item{
  display:flex!important; align-items:center!important; justify-content:center!important;
  text-align:center!important; line-height:1!important;
}
:is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item.selected::before,
:is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item.gesture-preview::before{
  left:50%!important; top:50%!important; transform:translate(-50%,-50%)!important;
}
#home-view #timePickerPopup .clock-time-value{
  display:flex!important; align-items:center!important; justify-content:center!important;
  text-align:center!important; line-height:1!important; padding:0!important;
}
#home-view #timePickerPopup .clock-period{
  display:flex!important; align-items:center!important; justify-content:center!important;
  text-align:center!important;
}
#home-view #timePickerPopup .clock-direct-item{
  display:flex!important; align-items:center!important; justify-content:center!important;
  text-align:center!important; line-height:1!important;
}

#home-view #timePickerPopup .clock-top-row > .clock-period{
  grid-column:2!important; justify-self:center!important; align-self:center!important;
}
#home-view #timePickerPopup .clock-lower-row > .clock-cancel-slot{
  grid-column:2!important; justify-self:center!important; align-self:center!important;
}

#home-view #timePickerPopup .clock-lower-row .clock-direct-picker{
  top:auto!important; bottom:calc(100% + 7px)!important; transform-origin:bottom center!important;
}

/* --- legacy-inline-9 --- */
.header-contact-actions{display:contents;}
@media (max-width:1023px){
  header > .logo-container{flex:0 0 auto!important;min-width:0!important;margin:0!important;}
  header > .header-actions{display:flex!important;align-items:center!important;flex:1 1 auto!important;width:auto!important;min-width:0!important;margin:0!important;}
  header .header-contact-actions{
    order:1!important;display:flex!important;align-items:center!important;justify-content:space-evenly!important;
    flex:1 1 auto!important;width:auto!important;min-width:108px!important;height:42px!important;
    margin:0!important;padding:0!important;gap:0!important;box-sizing:border-box!important;
  }
  header .header-contact-actions > .btn-phone-prestige,
  header .header-contact-actions > .btn-whatsapp-subtle,
  header .header-contact-actions > .btn-email-subtle{
    margin:0!important;flex:0 0 36px!important;width:36px!important;min-width:36px!important;
    height:36px!important;min-height:36px!important;justify-self:center!important;
  }
  header .lang-switcher{order:2!important;margin:0!important;}
  header .header-actions > .mobile-menu-toggle{order:3!important;}
  header.header-brand-hidden > .logo-container{flex:0 0 0!important;width:0!important;min-width:0!important;}
  header.header-brand-hidden > .header-actions{flex:1 1 auto!important;width:auto!important;min-width:0!important;}
  header.header-brand-hidden .header-contact-actions{flex:1 1 auto!important;width:auto!important;min-width:108px!important;max-width:none!important;justify-content:space-evenly!important;}
}

:is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hours-grid-container::before,
:is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hours-grid-container::after{
  content:""!important;display:block!important;height:91px!important;min-height:91px!important;
  width:100%!important;pointer-events:none!important;
}
:is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item{
  position:relative!important;isolation:isolate!important;
  height:42px!important;min-height:42px!important;max-height:42px!important;
  padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;
  text-align:center!important;line-height:1!important;box-sizing:border-box!important;
}
:is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item.selected::before,
:is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item.gesture-preview::before,
:is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item.selected:active::before,
:is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item.gesture-preview:active::before{
  left:50%!important;top:50%!important;width:68px!important;height:31px!important;
  transform:translate(-50%,-50%)!important;box-sizing:border-box!important;
}

.flatpickr-calendar .flatpickr-day{
  display:flex!important;align-items:center!important;justify-content:center!important;
  padding:0!important;text-align:center!important;line-height:1!important;box-sizing:border-box!important;
}
.flatpickr-calendar .flatpickr-day.selected::before,
.flatpickr-calendar .flatpickr-day.startRange::before,
.flatpickr-calendar .flatpickr-day.endRange::before,
.flatpickr-calendar .flatpickr-day.gesture-preview::before{
  left:50%!important;top:calc(50% - 1px)!important;transform:translate(-50%,-50%)!important;
}

#home-view #timePickerPopup .clock-direct-picker,
#home-view #timePickerPopup.direct-menu-open .clock-direct-picker{display:none!important;pointer-events:none!important;}
#home-view #timePickerPopup.direct-menu-open .clock-face,
#home-view #timePickerPopup.direct-menu-open .clock-period,
#home-view #timePickerPopup.direct-menu-open .clock-lower-row{display:revert!important;pointer-events:auto!important;}

#home-view #timePickerPopup .clock-top-row,
#home-view #timePickerPopup .clock-lower-row{
  display:grid!important;grid-template-columns:1fr auto 1fr!important;
  width:100%!important;align-items:center!important;box-sizing:border-box!important;
}
#home-view #timePickerPopup .clock-top-row{margin-bottom:8px!important;}
#home-view #timePickerPopup .clock-lower-row{margin-top:8px!important;align-items:end!important;}
#home-view #timePickerPopup .clock-top-row > .clock-period{grid-column:2!important;justify-self:center!important;}
#home-view #timePickerPopup .clock-top-row > .clock-format-toggle{
  grid-column:3!important;justify-self:end!important;align-self:center!important;
}
#home-view #timePickerPopup .clock-lower-row > .clock-cancel-slot{
  grid-column:2!important;justify-self:center!important;align-self:end!important;
  display:flex!important;align-items:flex-end!important;
}
#home-view #timePickerPopup .clock-lower-row > .clock-meridiem-toggle{
  grid-column:3!important;justify-self:end!important;align-self:end!important;
}
#home-view #timePickerPopup .clock-time-display{margin:0!important;align-items:end!important;}
#home-view #timePickerPopup .clock-time-value{
  touch-action:none!important;-webkit-user-select:none!important;user-select:none!important;
  -webkit-touch-callout:none!important;cursor:ns-resize!important;transition:color .12s ease,opacity .12s ease!important;
}
#home-view #timePickerPopup .clock-time-value.clock-scrubbing{opacity:.92!important;}

/* --- legacy-inline-10 --- */
@media (max-width:1023px){
  header{
    --mh-scale: 1;
    --mh-icon: calc(36px * var(--mh-scale));
    --mh-flag-w: calc(20px * var(--mh-scale));
    --mh-flag-h: calc(14px * var(--mh-scale));
    --mh-right-h: calc(42px * var(--mh-scale));
    --mh-menu: calc(38px * var(--mh-scale));
    --mh-menu-line: calc(19px * var(--mh-scale));
    --mh-lang-gap: calc(8px * var(--mh-scale));
    --mh-menu-gap: calc(14px * var(--mh-scale));
  }
  header > .header-actions{
    min-width:0!important;
    display:flex!important;
    align-items:center!important;
    flex:1 1 auto!important;
    margin-left:0!important;
  }
  header .header-contact-actions{
    order:1!important;
    display:flex!important;
    flex:1 1 auto!important;
    min-width:0!important;
    align-items:center!important;
    justify-content:space-evenly!important;
    gap:0!important;
    margin:0!important;
    padding:0!important;
  }
  header .header-contact-actions > .btn-phone-prestige,
  header .header-contact-actions > .btn-whatsapp-subtle,
  header .header-contact-actions > .btn-email-subtle{
    flex:0 0 var(--mh-icon)!important;
    width:var(--mh-icon)!important;
    min-width:var(--mh-icon)!important;
    height:var(--mh-icon)!important;
    min-height:var(--mh-icon)!important;
    margin:0!important;
    padding:0!important;
  }
  header .header-contact-actions > .btn-phone-prestige i,
  header .header-contact-actions > .btn-whatsapp-subtle i,
  header .header-contact-actions > .btn-email-subtle i{
    font-size:calc(1.34rem * var(--mh-scale))!important;
  }

  header .lang-switcher{
    order:2!important;
    flex:0 0 auto!important;
    height:var(--mh-right-h)!important;
    min-height:var(--mh-right-h)!important;
    gap:var(--mh-lang-gap)!important;
    margin:0!important;
    padding:0!important;
  }
  header .lang-switcher::before,
  header .lang-switcher::after{
    flex:0 0 1px!important;
    width:1px!important;
    min-width:1px!important;
    height:var(--mh-right-h)!important;
    min-height:var(--mh-right-h)!important;
    transform:none!important;
    backface-visibility:hidden!important;
  }
  header .lang-switcher .flag-btn{
    width:var(--mh-flag-w)!important;
    min-width:var(--mh-flag-w)!important;
    height:var(--mh-flag-h)!important;
    min-height:var(--mh-flag-h)!important;
    transform:none!important;
  }
  header .lang-switcher .flag-btn.active{transform:none!important;}
  header .lang-switcher .flag-img{
    width:var(--mh-flag-w)!important;
    height:var(--mh-flag-h)!important;
    border-radius:calc(2px * var(--mh-scale))!important;
  }
  header .header-actions > .mobile-menu-toggle{
    order:3!important;
    flex:0 0 var(--mh-menu)!important;
    width:var(--mh-menu)!important;
    min-width:var(--mh-menu)!important;
    height:var(--mh-menu)!important;
    min-height:var(--mh-menu)!important;
    margin:0 0 0 var(--mh-menu-gap)!important;
    padding:0!important;
    gap:calc(5px * var(--mh-scale))!important;
    transform:none!important;
  }
  header .header-actions > .mobile-menu-toggle > span,
  header .header-actions > .mobile-menu-toggle.menu-open > span{
    width:var(--mh-menu-line)!important;
    height:2px!important;
    min-height:2px!important;
    border-radius:1px!important;
    transform-origin:center!important;
  }
  header .header-actions > .mobile-menu-toggle::after,
  header .header-actions > .mobile-menu-toggle.menu-open::after{
    width:var(--mh-menu)!important;
    height:var(--mh-menu)!important;
    min-width:var(--mh-menu)!important;
    min-height:var(--mh-menu)!important;
  }

  header.header-brand-hidden > .logo-container{
    flex:0 0 0!important;width:0!important;min-width:0!important;margin:0!important;
  }
}

:is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup){
  padding:13px 12px 12px!important;
}
:is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hours-grid-container{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  grid-auto-flow:row!important;
  column-gap:4px!important;
  row-gap:0!important;
  max-height:224px!important;
  padding:0 3px 0 0!important;
  align-content:start!important;
}
:is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hours-grid-container::before,
:is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hours-grid-container::after{
  content:none!important;
  display:none!important;
  height:0!important;
  min-height:0!important;
}
:is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item{
  position:relative!important;
  width:100%!important;
  height:42px!important;
  min-height:42px!important;
  max-height:42px!important;
  margin:0!important;
  padding:0 8px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  line-height:1!important;
  box-sizing:border-box!important;
}
:is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item.selected,
:is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item.gesture-preview,
:is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item.selected:active,
:is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item.gesture-preview:active{
  border:0!important;background:transparent!important;box-shadow:none!important;
}
:is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item.selected::before,
:is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item.gesture-preview::before,
:is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item.selected:active::before,
:is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item.gesture-preview:active::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:68px!important;
  height:31px!important;
  transform:translate(-50%,-50%)!important;
  box-sizing:border-box!important;
  border:1px solid rgba(223,184,107,.82)!important;
  border-radius:3px!important;
  background:rgba(223,184,107,.10)!important;
  pointer-events:none!important;
  z-index:-1!important;
}

#home-view #timePickerPopup .clock-top-row,
#home-view #timePickerPopup .clock-lower-row{
  display:grid!important;
  grid-template-columns:1fr auto 1fr!important;
  width:100%!important;
  box-sizing:border-box!important;
}
#home-view #timePickerPopup .clock-top-row{
  align-items:center!important;
}
#home-view #timePickerPopup .clock-lower-row{
  align-items:center!important;
  min-height:46px!important;
}
#home-view #timePickerPopup .clock-top-row > .clock-period{
  grid-column:2!important;justify-self:center!important;align-self:center!important;
}
#home-view #timePickerPopup .clock-top-row > .clock-format-toggle{
  grid-column:3!important;justify-self:end!important;align-self:center!important;
}
#home-view #timePickerPopup .clock-lower-row > .clock-cancel-slot{
  grid-column:2!important;justify-self:center!important;align-self:center!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
}
#home-view #timePickerPopup .clock-lower-row > .clock-meridiem-toggle{
  grid-column:3!important;justify-self:end!important;align-self:center!important;
}
#home-view #timePickerPopup .clock-time-display{
  display:grid!important;
  grid-template-columns:31px 8px 31px!important;
  gap:4px!important;
  align-items:center!important;
  height:31px!important;
  min-height:31px!important;
  margin:0!important;
}
#home-view #timePickerPopup .clock-time-value{
  width:31px!important;min-width:31px!important;max-width:31px!important;
  height:31px!important;min-height:31px!important;max-height:31px!important;
  margin:0!important;padding:0!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
}
#home-view #timePickerPopup .clock-time-separator{
  width:8px!important;
  height:31px!important;
  margin:0!important;padding:0!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  transform:none!important;
  font-family:var(--font-ui)!important;
  font-size:.68rem!important;
  font-weight:600!important;
  font-style:normal!important;
  line-height:1!important;
  letter-spacing:.20em!important;
  text-transform:uppercase!important;
  color:#efd79f!important;
  opacity:1!important;
}

#home-view #timePickerPopup .clock-lower-row > .clock-cancel-slot{
  transform:translateY(-2px)!important;
}

#home-view #timePickerPopup .clock-direct-picker,
#home-view #timePickerPopup.direct-menu-open .clock-direct-picker{
  display:none!important;pointer-events:none!important;
}

/* --- legacy-inline-11 --- */
#home-view #timePickerPopup .clock-time-value{
  overflow:visible!important;
}
#home-view #timePickerPopup .clock-time-value::before,
#home-view #timePickerPopup .clock-time-value::after{
  position:absolute!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  font-family:Arial,sans-serif!important;
  font-size:8px!important;
  font-weight:400!important;
  line-height:1!important;
  color:rgba(223,184,107,.68)!important;
  letter-spacing:0!important;
  pointer-events:none!important;
  z-index:20!important;
}
#home-view #timePickerPopup .clock-time-value::before{content:"⌃"!important;top:-10px!important;}
#home-view #timePickerPopup .clock-time-value::after{content:"⌄"!important;bottom:-10px!important;}
#home-view #timePickerPopup .clock-time-value.clock-scrubbing::before,
#home-view #timePickerPopup .clock-time-value.clock-scrubbing::after{
  color:#efd79f!important;
  text-shadow:0 0 7px rgba(223,184,107,.26)!important;
}

/* --- legacy-inline-12 --- */
@media (max-width:440px){

  header{
    --mh-icon:clamp(27px,8.182vw,36px)!important;
    --mh-flag-w:clamp(15px,4.545vw,20px)!important;
    --mh-flag-h:clamp(11px,3.182vw,14px)!important;
    --mh-right-h:clamp(32px,9.545vw,42px)!important;
    --mh-menu:clamp(29px,8.636vw,38px)!important;
    --mh-menu-line:clamp(14px,4.318vw,19px)!important;
    --mh-lang-gap:clamp(5px,1.818vw,8px)!important;
    --mh-menu-gap:clamp(9px,3.182vw,14px)!important;
  }
  header .lang-switcher .flag-btn,
  header .lang-switcher .flag-btn:first-child,
  header .lang-switcher .flag-btn:last-child{
    flex:0 0 var(--mh-flag-w)!important;
    width:var(--mh-flag-w)!important;
    min-width:var(--mh-flag-w)!important;
    max-width:var(--mh-flag-w)!important;
    height:var(--mh-flag-h)!important;
    min-height:var(--mh-flag-h)!important;
    max-height:var(--mh-flag-h)!important;
    padding:0!important;
    border:0!important;
    box-sizing:border-box!important;
    overflow:visible!important;
    line-height:0!important;
    transform:none!important;
  }
  header .lang-switcher .flag-btn.active{
    border:0!important;
    box-shadow:inset 0 0 0 1px rgba(223,184,107,.62)!important;
  }
  header .lang-switcher .flag-img{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:100%!important;
    min-height:0!important;
    max-height:100%!important;
    object-fit:cover!important;
    border-radius:clamp(1px,.45vw,2px)!important;
    transform:none!important;
  }

  header .lang-switcher .flag-btn::before{
    width:clamp(29px,7.73vw,34px)!important;
    height:clamp(36px,9.55vw,42px)!important;
  }
  header .lang-switcher::before,
  header .lang-switcher::after{
    width:1px!important;
    min-width:1px!important;
    max-width:1px!important;
    transform:none!important;
  }
}

#home-view #timePickerPopup .clock-time-value{
  position:relative!important;
  overflow:visible!important;
  isolation:isolate!important;
}
#home-view #timePickerPopup .clock-time-separator{
  position:relative!important;
  z-index:1!important;
}
#home-view #timePickerPopup .clock-time-value::before,
#home-view #timePickerPopup .clock-time-value::after{
  left:50%!important;
  right:auto!important;
  transform:translateX(-50%)!important;
  z-index:30!important;
}

/* --- legacy-inline-13 --- */
@media (max-width:440px){

  header .lang-switcher .flag-btn.active{
    position:relative!important;
    opacity:1!important;
    box-shadow:none!important;
    background:transparent!important;
  }
  header .lang-switcher .flag-btn.active::after{
    content:""!important;
    display:block!important;
    position:absolute!important;
    left:-3px!important;
    right:-3px!important;
    top:-3px!important;
    bottom:-3px!important;
    width:auto!important;
    height:auto!important;
    border:1px solid rgba(223,184,107,.72)!important;
    border-radius:clamp(3px,.9vw,4px)!important;
    background:transparent!important;
    pointer-events:none!important;
    box-sizing:border-box!important;
  }

  header .header-contact-actions > .btn-phone-prestige i,
  header .header-contact-actions > .btn-whatsapp-subtle i,
  header .header-contact-actions > .btn-email-subtle i{
    font-size:clamp(1.02rem,4.873vw,1.34rem)!important;
    line-height:1!important;
  }

  header .header-actions > .mobile-menu-toggle{
    gap:clamp(3.8px,1.136vw,5px)!important;
  }
  header .header-actions > .mobile-menu-toggle > span,
  header .header-actions > .mobile-menu-toggle.menu-open > span{
    width:clamp(14px,4.318vw,19px)!important;
    height:clamp(1.5px,.455vw,2px)!important;
    min-height:clamp(1.5px,.455vw,2px)!important;
  }
}

/* --- legacy-inline-14 --- */
:root{
  --red-disabled-calendar-grey: rgba(255,255,255,.18);
  --red-picker-bg-layer-1:
    linear-gradient(180deg,
      rgba(255,255,255,.052) 0%,
      rgba(255,255,255,.010) 18%,
      rgba(255,255,255,0) 34%);
  --red-picker-bg-layer-2:
    linear-gradient(145deg,
      rgba(223,184,107,.034) 0%,
      rgba(223,184,107,.008) 42%,
      rgba(223,184,107,0) 62%);
}

#home-view #timePickerPopup.luxury-clock-popup,
.flatpickr-calendar{
  background-image:
    var(--red-picker-bg-layer-1),
    var(--red-picker-bg-layer-2)!important;
  background-color:#080808!important;
  background-repeat:no-repeat!important;
  background-clip:padding-box!important;
}

.flatpickr-calendar .flatpickr-months,
.flatpickr-calendar .flatpickr-month,
.flatpickr-calendar .flatpickr-current-month,
.flatpickr-calendar .flatpickr-current-month .flatpickr-monthDropdown-months,
.flatpickr-calendar .flatpickr-current-month input.cur-year,
.flatpickr-calendar .numInputWrapper,
.flatpickr-calendar .numInputWrapper input,
.flatpickr-calendar .flatpickr-weekdays,
.flatpickr-calendar .flatpickr-weekdaycontainer,
.flatpickr-calendar .flatpickr-innerContainer,
.flatpickr-calendar .flatpickr-rContainer,
.flatpickr-calendar .flatpickr-days,
.flatpickr-calendar .dayContainer,
.flatpickr-calendar .calendar-action-bar{
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
}

.flatpickr-calendar .flatpickr-monthDropdown-months option{
  background:#080808!important;
  color:#efd79f!important;
}

@media (max-width:440px){
  header .lang-switcher .flag-btn{
    position:relative!important;
    padding:0!important;
    border:0!important;
    overflow:visible!important;
    box-sizing:border-box!important;
  }
  header .lang-switcher .flag-btn.active{
    border:0!important;
    background:transparent!important;
    box-shadow:inset 0 0 0 1px rgba(223,184,107,.78)!important;
    filter:none!important;
  }
  header .lang-switcher .flag-btn.active::after{
    content:none!important;
    display:none!important;
  }
  header .lang-switcher .flag-img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    margin:0!important;
    padding:0!important;
    border-radius:clamp(1px,.45vw,2px)!important;
  }
}

.flatpickr-calendar .flatpickr-day.flatpickr-disabled,
.flatpickr-calendar .flatpickr-day.flatpickr-disabled:hover,
.flatpickr-calendar .flatpickr-day.notAllowed,
.flatpickr-calendar .flatpickr-day.notAllowed:hover,
#home-view #timePickerPopup .clock-number.disabled,
#home-view #timePickerPopup .clock-number.inner-ring.disabled,
#home-view #timePickerPopup .clock-number.selected.disabled,
#home-view #timePickerPopup .clock-time-value:not(.active-mode),
#home-view #timePickerPopup .clock-format-btn:not(.active),
#home-view #timePickerPopup .clock-meridiem-btn:not(.active){
  color:var(--red-disabled-calendar-grey)!important;
  -webkit-text-fill-color:var(--red-disabled-calendar-grey)!important;
}

#home-view #timePickerPopup .clock-number.disabled,
#home-view #timePickerPopup .clock-number.inner-ring.disabled,
#home-view #timePickerPopup .clock-number.selected.disabled{
  background:transparent!important;
  box-shadow:none!important;
}

#home-view .editorial-cabin .editorial-visual-inner::after{
  height:34%!important;
  background:
    radial-gradient(
      ellipse 72% 85% at 15% 100%,
      rgba(223,184,107,.038) 0%,
      rgba(223,184,107,.020) 30%,
      rgba(223,184,107,.006) 52%,
      rgba(223,184,107,0) 72%
    ),
    linear-gradient(
      to top,
      rgb(5,5,5) 0%,
      rgba(5,5,5,.985) 8%,
      rgba(5,5,5,.91) 19%,
      rgba(5,5,5,.70) 38%,
      rgba(5,5,5,.42) 58%,
      rgba(5,5,5,.18) 78%,
      rgba(5,5,5,0) 100%
    )!important;
}
@media (max-width:1023px){
  #home-view .editorial-cabin .editorial-visual-inner::after{
    height:32%!important;
  }
}

/* --- legacy-inline-15 --- */
@media (max-width:440px){
  header .lang-switcher .flag-btn{
    position:relative!important;
    overflow:visible!important;
    padding:0!important;
    border:0!important;
    box-shadow:none!important;
    background:transparent!important;
  }
  header .lang-switcher .flag-btn.active{
    box-shadow:none!important;
    outline:0!important;
  }
  header .lang-switcher .flag-btn.active::after{
    content:""!important;
    display:block!important;
    position:absolute!important;
    left:-1px!important;
    right:-1px!important;
    top:-1px!important;
    bottom:-1px!important;
    width:auto!important;
    height:auto!important;
    border:1px solid rgba(223,184,107,.82)!important;
    border-radius:calc(clamp(1px,.45vw,2px) + 1px)!important;
    background:transparent!important;
    box-sizing:border-box!important;
    pointer-events:none!important;
    z-index:3!important;
  }
  header .lang-switcher .flag-img{
    position:relative!important;
    z-index:2!important;
    display:block!important;
    width:100%!important;
    height:100%!important;
    margin:0!important;
    padding:0!important;
  }
}

:is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hours-grid-container,
#home-view #timePickerPopup .clock-direct-grid,
#home-view #timePickerPopup .clock-direct-picker,
.flatpickr-calendar .calendar-header-dropdown{
  scrollbar-width:thin!important;
  scrollbar-color:#d8b46b transparent!important;
}

:is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hours-grid-container::-webkit-scrollbar,
#home-view #timePickerPopup .clock-direct-grid::-webkit-scrollbar,
#home-view #timePickerPopup .clock-direct-picker::-webkit-scrollbar,
.flatpickr-calendar .calendar-header-dropdown::-webkit-scrollbar{
  width:3px!important;
}

:is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hours-grid-container::-webkit-scrollbar-track,
#home-view #timePickerPopup .clock-direct-grid::-webkit-scrollbar-track,
#home-view #timePickerPopup .clock-direct-picker::-webkit-scrollbar-track,
.flatpickr-calendar .calendar-header-dropdown::-webkit-scrollbar-track{
  background:transparent!important;
  border:0!important;
}

:is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hours-grid-container::-webkit-scrollbar-thumb,
#home-view #timePickerPopup .clock-direct-grid::-webkit-scrollbar-thumb,
#home-view #timePickerPopup .clock-direct-picker::-webkit-scrollbar-thumb,
.flatpickr-calendar .calendar-header-dropdown::-webkit-scrollbar-thumb{
  border:0!important;
  border-radius:999px!important;
  background:linear-gradient(
    180deg,
    rgba(223,184,107,.18) 0%,
    #d8b46b 28%,
    #fff1bf 50%,
    #d8b46b 72%,
    rgba(223,184,107,.18) 100%
  )!important;
  box-shadow:
    0 0 5px rgba(223,184,107,.24),
    0 0 12px rgba(223,184,107,.10)!important;
}

/* --- legacy-inline-16 --- */
:is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hours-grid-container,
#home-view #timePickerPopup .clock-direct-grid{
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
}
:is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hours-grid-container::-webkit-scrollbar,
#home-view #timePickerPopup .clock-direct-grid::-webkit-scrollbar{
  width:0!important;
  height:0!important;
  display:none!important;
}

.red-luxury-scrollbar{
  position:absolute!important;
  width:2px!important;
  pointer-events:none!important;
  z-index:80!important;
  overflow:visible!important;
}
.red-luxury-scrollbar-thumb{
  position:absolute!important;
  left:0!important;
  width:2px!important;
  min-height:22px!important;
  border-radius:999px!important;
  background:linear-gradient(
    180deg,
    rgba(223,184,107,.18) 0%,
    #d8b46b 28%,
    #fff1bf 50%,
    #d8b46b 72%,
    rgba(223,184,107,.18) 100%
  )!important;
  box-shadow:
    0 0 5px rgba(223,184,107,.24),
    0 0 12px rgba(223,184,107,.10)!important;
  transform:translate3d(0,0,0)!important;
  will-change:transform,height!important;
  transition:opacity .16s ease!important;
}
.red-luxury-scrollbar.is-hidden{
  opacity:0!important;
}

/* --- legacy-inline-17 --- */
:is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hours-grid-container,
#home-view #timePickerPopup .clock-direct-grid,
.flatpickr-calendar .calendar-header-dropdown{
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
}
:is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hours-grid-container::-webkit-scrollbar,
#home-view #timePickerPopup .clock-direct-grid::-webkit-scrollbar,
.flatpickr-calendar .calendar-header-dropdown::-webkit-scrollbar{
  width:0!important;
  height:0!important;
  display:none!important;
}

.red-luxury-scrollbar{
  position:absolute!important;
  width:2px!important;
  pointer-events:none!important;
  z-index:120!important;
  overflow:visible!important;
  opacity:.72!important;
}
.red-luxury-scrollbar-thumb{
  position:absolute!important;
  left:0!important;
  top:0!important;
  width:2px!important;
  min-height:20px!important;
  border-radius:999px!important;
  background:linear-gradient(
    180deg,
    rgba(223,184,107,.08) 0%,
    rgba(216,180,107,.58) 28%,
    rgba(255,241,191,.72) 50%,
    rgba(216,180,107,.58) 72%,
    rgba(223,184,107,.08) 100%
  )!important;
  box-shadow:
    0 0 3px rgba(223,184,107,.14),
    0 0 8px rgba(223,184,107,.055)!important;
  will-change:transform,height!important;
}
.red-luxury-scrollbar.is-hidden{
  opacity:0!important;
}

@media (max-width:1023px){
  html[data-red-language="en"] #home-view .hero,
  html[data-red-language="fr"] #home-view .hero{
    --red-hero-balanced-bottom:24.6px;
    padding-bottom:var(--red-hero-balanced-bottom)!important;
  }
}

/* --- legacy-inline-18 --- */
#home-view #timePickerPopup .clock-number,
#home-view #timePickerPopup .clock-number:hover,
#home-view #timePickerPopup .clock-number:focus,
#home-view #timePickerPopup .clock-number:active,
#home-view #timePickerPopup .clock-number.selected,
#home-view #timePickerPopup .clock-number.selected:hover,
#home-view #timePickerPopup .clock-number.selected:focus,
#home-view #timePickerPopup .clock-number.selected:active,
#home-view #timePickerPopup .clock-number.inner-ring,
#home-view #timePickerPopup .clock-number.inner-ring.selected,
#home-view #timePickerPopup .clock-number.minute-label,
#home-view #timePickerPopup .clock-number.minute-label.selected{
  border:0!important;
  outline:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  text-shadow:none!important;
}
#home-view #timePickerPopup .clock-number.selected:not(.disabled),
#home-view #timePickerPopup .clock-number.inner-ring.selected:not(.disabled),
#home-view #timePickerPopup .clock-number.minute-label.selected:not(.disabled){
  color:#efd79f!important;
  -webkit-text-fill-color:#efd79f!important;
  font-weight:650!important;
}

#home-view #timePickerPopup .clock-hand{
  width:1px!important;
  min-width:1px!important;
  border:0!important;
  background:linear-gradient(
    180deg,
    rgba(216,180,107,.40) 0%,
    rgba(239,215,159,.88) 28%,
    #f2dca7 76%,
    rgba(216,180,107,.88) 100%
  )!important;
  box-shadow:0 0 3px rgba(223,184,107,.12)!important;
  opacity:1!important;
}

#home-view #timePickerPopup .clock-hand::after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  bottom:-5px!important;
  width:7px!important;
  height:10px!important;
  border:0!important;
  border-radius:0!important;
  background:linear-gradient(180deg,#f2dca7 0%,#d8b46b 100%)!important;
  clip-path:polygon(50% 100%,0 8%,50% 30%,100% 8%)!important;
  transform:translateX(-50%)!important;
  box-shadow:none!important;
}

#home-view #timePickerPopup .clock-center{
  width:8px!important;
  height:8px!important;
  border:1px solid rgba(239,215,159,.76)!important;
  border-radius:50%!important;
  background:
    radial-gradient(circle at center,
      #f1d99f 0 1px,
      #0b0b0b 1.25px 3px,
      transparent 3.1px)!important;
  box-shadow:
    0 0 0 1px rgba(0,0,0,.62),
    0 0 6px rgba(223,184,107,.12)!important;
}
#home-view #timePickerPopup .clock-center::after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:2px!important;
  height:2px!important;
  border-radius:50%!important;
  background:#f3dfaa!important;
  transform:translate(-50%,-50%)!important;
  box-shadow:0 0 3px rgba(223,184,107,.22)!important;
}

.flatpickr-calendar .calendar-header-dropdown,
.flatpickr-calendar .calendar-header-dropdown.open{
  width:50%!important;
  min-width:0!important;
  max-width:50%!important;
  padding:5px 5px!important;
  box-sizing:border-box!important;
  transform:none!important;
  translate:none!important;
  touch-action:none!important;
}
.flatpickr-calendar .calendar-custom-heading.month-menu-open .calendar-header-dropdown{
  left:0!important;
  right:auto!important;
  transform:none!important;
}
.flatpickr-calendar .calendar-custom-heading.year-menu-open .calendar-header-dropdown{
  left:auto!important;
  right:0!important;
  transform:none!important;
}

.flatpickr-calendar .calendar-header-dropdown.pointer-selecting
.calendar-header-option.selected:not(.gesture-preview){
  background:transparent!important;
  color:rgba(255,255,255,.88)!important;
  -webkit-text-fill-color:rgba(255,255,255,.88)!important;
  font-weight:600!important;
  box-shadow:none!important;
}
.flatpickr-calendar .calendar-header-dropdown
.calendar-header-option.gesture-preview{
  background:rgba(223,184,107,.10)!important;
  color:#efd79f!important;
  -webkit-text-fill-color:#efd79f!important;
  font-weight:600!important;
  box-shadow:inset 0 0 0 1px rgba(223,184,107,.82)!important;
}

.red-calendar-scrollbar{
  position:absolute!important;
  width:2px!important;
  pointer-events:none!important;
  z-index:1400!important;
  opacity:.72!important;
}
.red-calendar-scrollbar-thumb{
  position:absolute!important;
  left:0!important;
  top:0!important;
  width:2px!important;
  min-height:20px!important;
  border-radius:999px!important;
  background:linear-gradient(
    180deg,
    rgba(223,184,107,.08) 0%,
    rgba(216,180,107,.58) 28%,
    rgba(255,241,191,.72) 50%,
    rgba(216,180,107,.58) 72%,
    rgba(223,184,107,.08) 100%
  )!important;
  box-shadow:
    0 0 3px rgba(223,184,107,.14),
    0 0 8px rgba(223,184,107,.055)!important;
  will-change:transform,height!important;
}
.red-calendar-scrollbar.is-hidden{opacity:0!important;}

/* --- legacy-inline-19 --- */
body.red-booking-picker-open #home-view .btn-calc,
body.red-booking-picker-open #home-view .btn-calc:hover,
body.red-booking-picker-open #home-view .btn-calc:focus,
body.red-booking-picker-open #home-view .btn-calc:active,
#home-view .btn-calc.red-close-picker-only,
#home-view .btn-calc.red-close-picker-only:hover,
#home-view .btn-calc.red-close-picker-only:focus,
#home-view .btn-calc.red-close-picker-only:active{
  transform:none!important;
  border-color:rgba(223,184,107,.58)!important;
  background:
    linear-gradient(180deg,rgba(223,184,107,.105),rgba(223,184,107,.045))!important;
  color:#e8c989!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.035),
    0 7px 22px rgba(0,0,0,.15)!important;
}

:is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item.selected,
:is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item.gesture-preview,
:is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item.selected:hover,
:is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item.gesture-preview:hover,
:is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item.selected:focus,
:is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item.gesture-preview:focus,
:is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item.selected:active,
:is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item.gesture-preview:active{
  background:transparent!important;
  background-color:transparent!important;
  border-color:transparent!important;
  box-shadow:none!important;
  outline:0!important;
  color:#efd79f!important;
  -webkit-text-fill-color:#efd79f!important;
  font-weight:650!important;
}
:is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item.selected::before,
:is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item.gesture-preview::before,
:is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item.selected::after,
:is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item.gesture-preview::after{
  content:none!important;
  display:none!important;
}

.flatpickr-calendar .flatpickr-day.selected,
.flatpickr-calendar .flatpickr-day.startRange,
.flatpickr-calendar .flatpickr-day.endRange,
.flatpickr-calendar .flatpickr-day.selected:hover,
.flatpickr-calendar .flatpickr-day.selected:focus,
.flatpickr-calendar .flatpickr-day.selected:active,
.flatpickr-calendar .flatpickr-day.gesture-preview,
.flatpickr-calendar .flatpickr-day.gesture-preview:hover,
.flatpickr-calendar .flatpickr-day.gesture-preview:focus,
.flatpickr-calendar .flatpickr-day.gesture-preview:active{
  background:transparent!important;
  background-color:transparent!important;
  border-color:transparent!important;
  box-shadow:none!important;
  outline:0!important;
  color:#efd79f!important;
  -webkit-text-fill-color:#efd79f!important;
  font-weight:700!important;
}
.flatpickr-calendar .flatpickr-day.selected::before,
.flatpickr-calendar .flatpickr-day.startRange::before,
.flatpickr-calendar .flatpickr-day.endRange::before,
.flatpickr-calendar .flatpickr-day.gesture-preview::before,
.flatpickr-calendar .flatpickr-day.selected::after,
.flatpickr-calendar .flatpickr-day.gesture-preview::after{
  content:none!important;
  display:none!important;
}

.flatpickr-calendar .calendar-header-option.selected,
.flatpickr-calendar .calendar-header-option.gesture-preview,
.flatpickr-calendar .calendar-header-option.selected:hover,
.flatpickr-calendar .calendar-header-option.gesture-preview:hover,
.flatpickr-calendar .calendar-header-option.selected:focus,
.flatpickr-calendar .calendar-header-option.gesture-preview:focus,
.flatpickr-calendar .calendar-header-option.selected:active,
.flatpickr-calendar .calendar-header-option.gesture-preview:active{
  background:transparent!important;
  background-color:transparent!important;
  border-color:transparent!important;
  box-shadow:none!important;
  outline:0!important;
  color:#efd79f!important;
  -webkit-text-fill-color:#efd79f!important;
  font-weight:650!important;
}
.flatpickr-calendar .calendar-header-dropdown.pointer-selecting
.calendar-header-option.selected:not(.gesture-preview){
  background:transparent!important;
  box-shadow:none!important;
}

.flatpickr-calendar .calendar-header-option.disabled{
  pointer-events:auto!important;
  cursor:ns-resize!important;
}

.flatpickr-calendar .calendar-header-dropdown,
.flatpickr-calendar .calendar-header-dropdown.open{
  max-width:none!important;
  min-width:0!important;
  transform:none!important;
  translate:none!important;
}
.flatpickr-calendar .calendar-custom-heading.month-menu-open .calendar-header-dropdown,
.flatpickr-calendar .calendar-custom-heading.year-menu-open .calendar-header-dropdown{
  right:auto!important;
  transform:none!important;
}

#home-view #timePickerPopup .clock-number.selected,
#home-view #timePickerPopup .clock-number.selected:hover,
#home-view #timePickerPopup .clock-number.selected:focus,
#home-view #timePickerPopup .clock-number.selected:active,
#home-view #timePickerPopup .clock-number.inner-ring.selected,
#home-view #timePickerPopup .clock-number.minute-label.selected{
  background:transparent!important;
  background-color:transparent!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  box-shadow:none!important;
  text-shadow:none!important;
  color:#efd79f!important;
  -webkit-text-fill-color:#efd79f!important;
  font-weight:650!important;
  transform:translate(-50%,-50%)!important;
}
#home-view #timePickerPopup .clock-number.selected::before,
#home-view #timePickerPopup .clock-number.selected::after{
  content:none!important;
  display:none!important;
}

#home-view #timePickerPopup .clock-hand.hours-hand::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:50%!important;
  bottom:-4px!important;
  width:5px!important;
  height:8px!important;
  transform:translateX(-50%)!important;
  border:0!important;
  border-radius:0!important;
  background:linear-gradient(180deg,#f1dba5 0%,#d8b46b 100%)!important;
  clip-path:polygon(50% 100%,4% 18%,50% 38%,96% 18%)!important;
  box-shadow:none!important;
}

#home-view #timePickerPopup .clock-hand.minutes-hand::after{
  content:none!important;
  display:none!important;
}

/* --- legacy-inline-20 --- */
html body #home-view #calcForm .btn-calc.red-calc-frozen,
html body #home-view #calcForm .btn-calc.red-calc-frozen:hover,
html body #home-view #calcForm .btn-calc.red-calc-frozen:focus,
html body #home-view #calcForm .btn-calc.red-calc-frozen:focus-visible,
html body #home-view #calcForm .btn-calc.red-calc-frozen:active{
  transform:none!important;
  scale:none!important;
  filter:none!important;
  opacity:1!important;
  border-color:rgba(223,184,107,.58)!important;
  background:
    linear-gradient(180deg,rgba(223,184,107,.105),rgba(223,184,107,.045))!important;
  color:#e8c989!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.035),
    0 7px 22px rgba(0,0,0,.15)!important;
  text-shadow:none!important;
  transition:none!important;
  -webkit-tap-highlight-color:transparent!important;
}

html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item.selected,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item.gesture-preview,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item.selected:hover,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item.gesture-preview:hover,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item.selected:focus,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item.gesture-preview:focus,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item.selected:active,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item.gesture-preview:active{
  appearance:none!important;
  -webkit-appearance:none!important;
  background:none!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  transform:none!important;
  color:#efd79f!important;
  -webkit-text-fill-color:#efd79f!important;
  font-weight:650!important;
}
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item.selected::before,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item.gesture-preview::before,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item.selected::after,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item.gesture-preview::after{
  content:none!important;
  display:none!important;
  border:0!important;
  background:none!important;
  box-shadow:none!important;
}

html body .flatpickr-calendar .flatpickr-day.selected,
html body .flatpickr-calendar .flatpickr-day.startRange,
html body .flatpickr-calendar .flatpickr-day.endRange,
html body .flatpickr-calendar .flatpickr-day.gesture-preview,
html body .flatpickr-calendar .flatpickr-day.selected:hover,
html body .flatpickr-calendar .flatpickr-day.selected:focus,
html body .flatpickr-calendar .flatpickr-day.selected:active,
html body .flatpickr-calendar .flatpickr-day.gesture-preview:hover,
html body .flatpickr-calendar .flatpickr-day.gesture-preview:focus,
html body .flatpickr-calendar .flatpickr-day.gesture-preview:active{
  background:none!important;
  background-color:transparent!important;
  background-image:none!important;
  border-color:transparent!important;
  outline:0!important;
  box-shadow:none!important;
  transform:none!important;
  translate:none!important;
  scale:none!important;
  margin-top:0!important;
  margin-bottom:0!important;
  color:#efd79f!important;
  -webkit-text-fill-color:#efd79f!important;
  font-weight:700!important;
}
html body .flatpickr-calendar .flatpickr-day.selected::before,
html body .flatpickr-calendar .flatpickr-day.startRange::before,
html body .flatpickr-calendar .flatpickr-day.endRange::before,
html body .flatpickr-calendar .flatpickr-day.gesture-preview::before,
html body .flatpickr-calendar .flatpickr-day.selected::after,
html body .flatpickr-calendar .flatpickr-day.gesture-preview::after{
  content:none!important;
  display:none!important;
  width:0!important;
  height:0!important;
  border:0!important;
  background:none!important;
  box-shadow:none!important;
  transform:none!important;
}

html body .flatpickr-calendar .calendar-header-option.selected,
html body .flatpickr-calendar .calendar-header-option.gesture-preview,
html body .flatpickr-calendar .calendar-header-option.selected:hover,
html body .flatpickr-calendar .calendar-header-option.selected:focus,
html body .flatpickr-calendar .calendar-header-option.selected:active,
html body .flatpickr-calendar .calendar-header-option.gesture-preview:hover,
html body .flatpickr-calendar .calendar-header-option.gesture-preview:focus,
html body .flatpickr-calendar .calendar-header-option.gesture-preview:active{
  appearance:none!important;
  -webkit-appearance:none!important;
  background:none!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  transform:none!important;
  translate:none!important;
  scale:none!important;
  color:#efd79f!important;
  -webkit-text-fill-color:#efd79f!important;
  font-weight:650!important;
}
html body .flatpickr-calendar .calendar-header-option.selected::before,
html body .flatpickr-calendar .calendar-header-option.gesture-preview::before,
html body .flatpickr-calendar .calendar-header-option.selected::after,
html body .flatpickr-calendar .calendar-header-option.gesture-preview::after{
  content:none!important;
  display:none!important;
}

html body .flatpickr-calendar .calendar-header-option.disabled{
  pointer-events:auto!important;
  touch-action:none!important;
  cursor:ns-resize!important;
  user-select:none!important;
  -webkit-user-select:none!important;
}

html body #home-view #timePickerPopup #clockFace .clock-number.selected,
html body #home-view #timePickerPopup #clockFace .clock-number.selected:hover,
html body #home-view #timePickerPopup #clockFace .clock-number.selected:focus,
html body #home-view #timePickerPopup #clockFace .clock-number.selected:active,
html body #home-view #timePickerPopup #clockFace .clock-number.inner-ring.selected,
html body #home-view #timePickerPopup #clockFace .clock-number.minute-label.selected{
  background:none!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  outline:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  text-shadow:none!important;
  transform:translate(-50%,-50%)!important;
  translate:none!important;
  scale:none!important;
  color:#efd79f!important;
  -webkit-text-fill-color:#efd79f!important;
  font-weight:700!important;
}
html body #home-view #timePickerPopup #clockFace .clock-number.selected::before,
html body #home-view #timePickerPopup #clockFace .clock-number.selected::after{
  content:none!important;
  display:none!important;
}

/* --- legacy-inline-21 --- */
html body #home-view #calcForm .btn-calc.red-calc-locked,
html body #home-view #calcForm .btn-calc.red-calc-locked:hover,
html body #home-view #calcForm .btn-calc.red-calc-locked:focus,
html body #home-view #calcForm .btn-calc.red-calc-locked:focus-visible,
html body #home-view #calcForm .btn-calc.red-calc-locked:active{
  transform:none!important;scale:none!important;filter:none!important;opacity:1!important;
  border-color:rgba(223,184,107,.58)!important;
  background:linear-gradient(180deg,rgba(223,184,107,.105),rgba(223,184,107,.045))!important;
  color:#e8c989!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 7px 22px rgba(0,0,0,.15)!important;
  text-shadow:none!important;transition:none!important;-webkit-tap-highlight-color:transparent!important;
}

html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item{
  -webkit-touch-callout:none!important;-webkit-user-select:none!important;user-select:none!important;
  -webkit-tap-highlight-color:transparent!important;outline:0!important;touch-action:none!important;
}
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item.selected,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item.gesture-preview,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item.selected:hover,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item.gesture-preview:hover,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item.selected:focus,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item.gesture-preview:focus,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item.selected:focus-visible,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item.gesture-preview:focus-visible,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item.selected:active,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item.gesture-preview:active{
  appearance:none!important;-webkit-appearance:none!important;background:none!important;background-color:transparent!important;
  background-image:none!important;border:0!important;outline:0!important;box-shadow:none!important;transform:none!important;
  color:#efd79f!important;-webkit-text-fill-color:#efd79f!important;font-weight:650!important;
}
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item.selected::before,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item.gesture-preview::before,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item.selected::after,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item.gesture-preview::after{
  content:none!important;display:none!important;width:0!important;height:0!important;border:0!important;background:none!important;box-shadow:none!important;
}

html body .flatpickr-calendar .flatpickr-day.selected,
html body .flatpickr-calendar .flatpickr-day.startRange,
html body .flatpickr-calendar .flatpickr-day.endRange,
html body .flatpickr-calendar .flatpickr-day.gesture-preview,
html body .flatpickr-calendar .flatpickr-day.selected:hover,
html body .flatpickr-calendar .flatpickr-day.selected:focus,
html body .flatpickr-calendar .flatpickr-day.selected:active,
html body .flatpickr-calendar .flatpickr-day.gesture-preview:hover,
html body .flatpickr-calendar .flatpickr-day.gesture-preview:focus,
html body .flatpickr-calendar .flatpickr-day.gesture-preview:active{
  background:none!important;background-color:transparent!important;background-image:none!important;border-color:transparent!important;
  outline:0!important;box-shadow:none!important;transform:none!important;translate:none!important;scale:none!important;
  position:relative!important;top:0!important;bottom:auto!important;margin-top:0!important;margin-bottom:0!important;padding:0!important;
  font-size:var(--calendar-date-font-size,.94rem)!important;line-height:1!important;color:#efd79f!important;
  -webkit-text-fill-color:#efd79f!important;font-weight:600!important;box-sizing:border-box!important;padding:1px 0 0!important;
}
html body .flatpickr-calendar .flatpickr-day.selected::before,
html body .flatpickr-calendar .flatpickr-day.startRange::before,
html body .flatpickr-calendar .flatpickr-day.endRange::before,
html body .flatpickr-calendar .flatpickr-day.gesture-preview::before,
html body .flatpickr-calendar .flatpickr-day.selected::after,
html body .flatpickr-calendar .flatpickr-day.gesture-preview::after{
  content:none!important;display:none!important;width:0!important;height:0!important;border:0!important;background:none!important;box-shadow:none!important;transform:none!important;
}

html body .flatpickr-calendar .calendar-header-option{
  -webkit-touch-callout:none!important;-webkit-user-select:none!important;user-select:none!important;
  -webkit-tap-highlight-color:transparent!important;outline:0!important;touch-action:none!important;
}
html body .flatpickr-calendar .calendar-header-dropdown .calendar-header-option.selected,
html body .flatpickr-calendar .calendar-header-dropdown .calendar-header-option.gesture-preview,
html body .flatpickr-calendar .calendar-header-dropdown .calendar-header-option.selected:hover,
html body .flatpickr-calendar .calendar-header-dropdown .calendar-header-option.gesture-preview:hover,
html body .flatpickr-calendar .calendar-header-dropdown .calendar-header-option.selected:focus,
html body .flatpickr-calendar .calendar-header-dropdown .calendar-header-option.gesture-preview:focus,
html body .flatpickr-calendar .calendar-header-dropdown .calendar-header-option.selected:focus-visible,
html body .flatpickr-calendar .calendar-header-dropdown .calendar-header-option.gesture-preview:focus-visible,
html body .flatpickr-calendar .calendar-header-dropdown .calendar-header-option.selected:active,
html body .flatpickr-calendar .calendar-header-dropdown .calendar-header-option.gesture-preview:active{
  appearance:none!important;-webkit-appearance:none!important;background:none!important;background-color:transparent!important;background-image:none!important;
  border:0!important;outline:0!important;box-shadow:none!important;transform:none!important;translate:none!important;scale:none!important;
  color:#efd79f!important;-webkit-text-fill-color:#efd79f!important;font-weight:650!important;
}
html body .flatpickr-calendar .calendar-header-dropdown .calendar-header-option.selected::before,
html body .flatpickr-calendar .calendar-header-dropdown .calendar-header-option.gesture-preview::before,
html body .flatpickr-calendar .calendar-header-dropdown .calendar-header-option.selected::after,
html body .flatpickr-calendar .calendar-header-dropdown .calendar-header-option.gesture-preview::after{content:none!important;display:none!important;}
html body .flatpickr-calendar .calendar-header-option.disabled{pointer-events:auto!important;touch-action:none!important;cursor:ns-resize!important;}

html body #home-view #timePickerPopup #clockFace .clock-number.selected,
html body #home-view #timePickerPopup #clockFace .clock-number.selected:hover,
html body #home-view #timePickerPopup #clockFace .clock-number.selected:focus,
html body #home-view #timePickerPopup #clockFace .clock-number.selected:active,
html body #home-view #timePickerPopup #clockFace .clock-number.inner-ring.selected,
html body #home-view #timePickerPopup #clockFace .clock-number.minute-label.selected{
  background:none!important;background-color:transparent!important;background-image:none!important;border:0!important;border-radius:0!important;
  outline:0!important;box-shadow:none!important;text-shadow:none!important;transform:translate(-50%,-50%)!important;
  translate:none!important;scale:none!important;color:#efd79f!important;-webkit-text-fill-color:#efd79f!important;font-weight:700!important;
}
html body #home-view #timePickerPopup #clockFace .clock-number.selected::before,
html body #home-view #timePickerPopup #clockFace .clock-number.selected::after{content:none!important;display:none!important;}

/* --- legacy-inline-22 --- */
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item:hover,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item:focus,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item:focus-visible,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item:active {
  appearance:none!important;
  -webkit-appearance:none!important;
  background:none!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  border-color:transparent!important;
  border-radius:0!important;
  outline:0!important;
  box-shadow:none!important;
  transform:none!important;
  -webkit-tap-highlight-color:transparent!important;
  -webkit-touch-callout:none!important;
  user-select:none!important;
  -webkit-user-select:none!important;
  touch-action:none!important;
}
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item::before,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item::after,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item.selected::before,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item.selected::after,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item.gesture-preview::before,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item.gesture-preview::after {
  content:none!important;
  display:none!important;
  width:0!important;
  height:0!important;
  border:0!important;
  background:none!important;
  box-shadow:none!important;
}
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item.selected,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item.gesture-preview,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item.selected:hover,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item.gesture-preview:hover,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item.selected:active,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item.gesture-preview:active {
  color:#efd79f!important;
  -webkit-text-fill-color:#efd79f!important;
  font-weight:650!important;
}

.red-footer-divider {
  display:block!important;
  width:min(118px,28vw)!important;
  height:1px!important;
  padding:0!important;
  border:0!important;
  background:linear-gradient(90deg,transparent,rgba(223,184,107,.52),transparent)!important;
  box-shadow:none!important;
  pointer-events:none!important;
}
#home-view .contact-footer-divider {
  margin:22px auto!important;
}
#home-view #contact .contact-footer-divider + .contact-language-note {
  margin-top:0!important;
}

#home-view .hero-heading-panel h1 {
  margin-bottom:14px!important;
}
#home-view .hero-coachline-separator {
  display:block!important;
  position:relative!important;
  width:min(118px,28vw)!important;
  height:1px!important;
  margin:0 auto 14px!important;
  padding:0!important;
  background:linear-gradient(90deg,transparent,rgba(223,184,107,.52),transparent)!important;
  border:0!important;
  line-height:0!important;
}
#home-view .hero-coachline-separator::before,
#home-view .hero-coachline-separator::after,
#home-view .hero-coachline-mark,
#home-view .hero-coachline-mark::after {
  content:none!important;
  display:none!important;
}

html body #home-view #timePickerPopup .clock-face,
html body #home-view #timePickerPopup .clock-face.hours-mode,
html body #home-view #timePickerPopup .clock-face.hours-mode.format-12,
html body #home-view #timePickerPopup .clock-face.hours-mode.format-24,
html body #home-view #timePickerPopup .clock-face.minutes-mode {
  background:
    linear-gradient(145deg,rgba(255,255,255,.022) 0%,rgba(255,255,255,.006) 24%,transparent 43%),
    linear-gradient(325deg,rgba(0,0,0,.30) 0%,rgba(0,0,0,.08) 32%,transparent 52%),
    linear-gradient(180deg,#0b0b0b 0%,#080808 52%,#060606 100%)!important;
  border:0!important;
  overflow:hidden!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.024),
    inset 0 -10px 22px rgba(0,0,0,.24),
    inset 8px 0 18px rgba(255,255,255,.008),
    inset -10px 0 20px rgba(0,0,0,.16),
    0 10px 26px rgba(0,0,0,.18)!important;
  isolation:isolate!important;
}
html body #home-view #timePickerPopup .clock-face::before {
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  border:0!important;
  border-radius:50%!important;
  background-color:transparent!important;
  background-image:none!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:106% 106%!important;
  mix-blend-mode:screen!important;
  opacity:.94!important;
  filter:saturate(.88) contrast(1.08) brightness(.96)!important;
  transform:none!important;
  pointer-events:none!important;
  z-index:1!important;
}
html body #home-view #timePickerPopup .clock-face::after {
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:1px!important;
  border-radius:50%!important;
  border:0!important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.018),transparent 31%),
    linear-gradient(325deg,rgba(0,0,0,.18),transparent 34%)!important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.009),
    inset 0 0 20px rgba(0,0,0,.10)!important;
  pointer-events:none!important;
  z-index:2!important;
}

html body #home-view #timePickerPopup #clockFace .clock-number:not(.inner-ring) {
  z-index:7!important;
  color:rgba(245,245,245,.88)!important;
  -webkit-text-fill-color:rgba(245,245,245,.88)!important;
  font-size:.90rem!important;
  font-weight:500!important;
  letter-spacing:-.015em!important;
  text-shadow:
    0 1px 0 rgba(0,0,0,.95),
    0 -1px 0 rgba(255,255,255,.055),
    0 0 5px rgba(223,184,107,.025)!important;
}
html body #home-view #timePickerPopup #clockFace .clock-number.inner-ring {
  z-index:5!important;
  font-size:.74rem!important;
  font-weight:450!important;
  letter-spacing:-.02em!important;
  color:rgba(255,255,255,.46)!important;
  -webkit-text-fill-color:rgba(255,255,255,.46)!important;
  opacity:.88!important;
  text-shadow:
    0 1px 1px rgba(0,0,0,.98),
    0 -1px 0 rgba(255,255,255,.012)!important;
}

html body #home-view #timePickerPopup #clockFace .clock-number.selected,
html body #home-view #timePickerPopup #clockFace .clock-number.selected:hover,
html body #home-view #timePickerPopup #clockFace .clock-number.selected:focus,
html body #home-view #timePickerPopup #clockFace .clock-number.selected:active {
  background:none!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  transform:translate(-50%,-50%)!important;
  scale:none!important;
  color:#efd79f!important;
  -webkit-text-fill-color:#efd79f!important;
  font-weight:700!important;
}
html body #home-view #timePickerPopup #clockFace .clock-number:not(.inner-ring).selected {
  text-shadow:
    0 1px 0 rgba(0,0,0,.95),
    0 -1px 0 rgba(255,255,255,.055),
    0 0 5px rgba(223,184,107,.025)!important;
}
html body #home-view #timePickerPopup #clockFace .clock-number.inner-ring.selected {
  opacity:1!important;
  text-shadow:
    0 1px 1px rgba(0,0,0,.98),
    0 -1px 0 rgba(255,255,255,.012)!important;
}
html body #home-view #timePickerPopup #clockFace .clock-number.selected::before,
html body #home-view #timePickerPopup #clockFace .clock-number.selected::after {
  content:none!important;
  display:none!important;
}

html body #home-view #timePickerPopup #clockFace .clock-number.disabled {
  background:none!important;
  border:0!important;
  box-shadow:none!important;
}
html body #home-view #timePickerPopup #clockFace .clock-number.inner-ring.disabled {
  opacity:.62!important;
}

@media (max-width:1023px) {
  #experience,#services,#vehicules,#journal,#contact {
    scroll-margin-top:0!important;
  }
}

/* --- legacy-inline-23 --- */
html body footer::before { content:none!important; display:none!important; }

html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item:hover,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item:focus,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item:focus-visible,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item:active,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item.selected,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item.gesture-preview {
  appearance:none!important;
  -webkit-appearance:none!important;
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  outline:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  transform:none!important;
  -webkit-tap-highlight-color:transparent!important;
  -webkit-touch-callout:none!important;
  user-select:none!important;
  -webkit-user-select:none!important;
}
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item::before,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item::after { content:none!important; display:none!important; }
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item.selected,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item.gesture-preview {
  color:#efd79f!important;
  -webkit-text-fill-color:#efd79f!important;
  font-weight:650!important;
}

html body #home-view #timePickerPopup #clockFace .clock-number.disabled,
html body #home-view #timePickerPopup #clockFace .clock-number.inner-ring.disabled,
html body #home-view #timePickerPopup #clockFace .clock-number.minute-label.disabled {
  color:rgba(255,255,255,.18)!important;
  -webkit-text-fill-color:rgba(255,255,255,.18)!important;
  opacity:1!important;
  text-shadow:0 1px 1px rgba(0,0,0,.92)!important;
  font-weight:450!important;
}

html body #home-view #timePickerPopup #clockFace .clock-number.inner-ring:not(.disabled):not(.selected) {
  color:rgba(197,181,146,.66)!important;
  -webkit-text-fill-color:rgba(197,181,146,.66)!important;
  opacity:1!important;
  font-size:.74rem!important;
  font-weight:450!important;
  text-shadow:0 1px 1px rgba(0,0,0,.98),0 -1px 0 rgba(238,216,168,.025)!important;
}

/* --- legacy-inline-24 --- */
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hours-grid-container .hour-grid-item::before,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hours-grid-container .hour-grid-item::after,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hours-grid-container .hour-grid-item:hover::before,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hours-grid-container .hour-grid-item:hover::after,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hours-grid-container .hour-grid-item:focus::before,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hours-grid-container .hour-grid-item:focus::after,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hours-grid-container .hour-grid-item:focus-visible::before,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hours-grid-container .hour-grid-item:focus-visible::after,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hours-grid-container .hour-grid-item:active::before,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hours-grid-container .hour-grid-item:active::after,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hours-grid-container .hour-grid-item.selected::before,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hours-grid-container .hour-grid-item.selected::after,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hours-grid-container .hour-grid-item.selected:hover::before,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hours-grid-container .hour-grid-item.selected:hover::after,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hours-grid-container .hour-grid-item.selected:focus::before,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hours-grid-container .hour-grid-item.selected:focus::after,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hours-grid-container .hour-grid-item.selected:active::before,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hours-grid-container .hour-grid-item.selected:active::after,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hours-grid-container .hour-grid-item.gesture-preview::before,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hours-grid-container .hour-grid-item.gesture-preview::after,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hours-grid-container .hour-grid-item.gesture-preview:hover::before,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hours-grid-container .hour-grid-item.gesture-preview:hover::after,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hours-grid-container .hour-grid-item.gesture-preview:focus::before,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hours-grid-container .hour-grid-item.gesture-preview:focus::after,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hours-grid-container .hour-grid-item.gesture-preview:focus-visible::before,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hours-grid-container .hour-grid-item.gesture-preview:focus-visible::after,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hours-grid-container .hour-grid-item.gesture-preview:active::before,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hours-grid-container .hour-grid-item.gesture-preview:active::after {
  content:none!important;
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  width:0!important;
  height:0!important;
  min-width:0!important;
  min-height:0!important;
  border:0!important;
  outline:0!important;
  border-radius:0!important;
  background:none!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  filter:none!important;
  transform:none!important;
}

html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hours-grid-container .hour-grid-item,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hours-grid-container .hour-grid-item:hover,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hours-grid-container .hour-grid-item:focus,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hours-grid-container .hour-grid-item:focus-visible,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hours-grid-container .hour-grid-item:active,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hours-grid-container .hour-grid-item.selected,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hours-grid-container .hour-grid-item.selected:hover,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hours-grid-container .hour-grid-item.selected:focus,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hours-grid-container .hour-grid-item.selected:active,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hours-grid-container .hour-grid-item.gesture-preview,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hours-grid-container .hour-grid-item.gesture-preview:hover,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hours-grid-container .hour-grid-item.gesture-preview:focus,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hours-grid-container .hour-grid-item.gesture-preview:focus-visible,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hours-grid-container .hour-grid-item.gesture-preview:active {
  appearance:none!important;
  -webkit-appearance:none!important;
  border:0!important;
  outline:0!important;
  border-radius:0!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  filter:none!important;
  text-decoration:none!important;
  -webkit-tap-highlight-color:transparent!important;
  -webkit-touch-callout:none!important;
}
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hours-grid-container .hour-grid-item.selected,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hours-grid-container .hour-grid-item.gesture-preview {
  color:#efd79f!important;
  -webkit-text-fill-color:#efd79f!important;
  font-weight:650!important;
}

/* --- legacy-inline-25 --- */
:is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup){
  position:absolute!important;
  overflow:hidden!important;
  border:1px solid rgba(223,184,107,.34)!important;
  border-radius:10px!important;

  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,.028) 0%,
      rgba(255,255,255,.008) 18%,
      rgba(255,255,255,0) 42%
    ),
    linear-gradient(
      145deg,
      rgba(223,184,107,.025) 0%,
      rgba(223,184,107,.006) 38%,
      rgba(223,184,107,0) 58%
    ),
    #080808!important;

  box-shadow:
    0 18px 42px rgba(0,0,0,.72),
    0 3px 14px rgba(0,0,0,.48),
    inset 0 1px 0 rgba(255,255,255,.025),
    inset 0 0 0 1px rgba(255,255,255,.008)!important;

  backdrop-filter:blur(12px)!important;
  -webkit-backdrop-filter:blur(12px)!important;
}

:is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup)::before{
  content:""!important;
  position:absolute!important;
  left:13%!important;
  right:13%!important;
  top:0!important;
  height:1px!important;
  pointer-events:none!important;
  z-index:3!important;
  background:linear-gradient(
    90deg,
    transparent,
    rgba(223,184,107,.16) 22%,
    rgba(239,215,159,.42) 50%,
    rgba(223,184,107,.16) 78%,
    transparent
  )!important;
  box-shadow:0 0 7px rgba(223,184,107,.07)!important;
}

:is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hours-grid-container{
  position:relative!important;
  z-index:2!important;
  column-gap:8px!important;
  row-gap:1px!important;
  padding:6px 10px 7px 8px!important;
  margin:0!important;
  background:transparent!important;
}

:is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hours-grid-container::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:50%!important;
  top:10px!important;
  bottom:10px!important;
  width:1px!important;
  transform:translateX(-50%)!important;
  background:linear-gradient(
    180deg,
    transparent 0%,
    rgba(223,184,107,.09) 18%,
    rgba(223,184,107,.16) 50%,
    rgba(223,184,107,.09) 82%,
    transparent 100%
  )!important;
  pointer-events:none!important;
  z-index:0!important;
}

:is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item{
  position:relative!important;
  z-index:1!important;

  height:42px!important;
  min-height:42px!important;
  max-height:42px!important;

  margin:0!important;
  padding:0 10px!important;

  border:0!important;
  border-radius:0!important;
  outline:0!important;

  background:transparent!important;
  box-shadow:none!important;

  color:rgba(255,255,255,.77)!important;
  -webkit-text-fill-color:rgba(255,255,255,.77)!important;

  font-family:var(--font-ui)!important;
  font-size:.91rem!important;
  font-weight:400!important;
  line-height:1!important;
  letter-spacing:.005em!important;

  text-shadow:0 1px 0 rgba(0,0,0,.85)!important;
  transition:
    color .18s ease,
    opacity .18s ease,
    text-shadow .18s ease!important;

  -webkit-tap-highlight-color:transparent!important;
}

@media (hover:hover) and (pointer:fine){
  :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item:hover:not(.selected):not(.gesture-preview){
    color:rgba(239,215,159,.93)!important;
    -webkit-text-fill-color:rgba(239,215,159,.93)!important;
    background:
      linear-gradient(
        90deg,
        transparent 0%,
        rgba(223,184,107,.022) 24%,
        rgba(223,184,107,.045) 50%,
        rgba(223,184,107,.022) 76%,
        transparent 100%
      )!important;
    text-shadow:
      0 1px 0 rgba(0,0,0,.9),
      0 0 7px rgba(223,184,107,.07)!important;
  }
}

:is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item.selected,
:is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item.gesture-preview,
:is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item.selected:hover,
:is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item.gesture-preview:hover,
:is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item.selected:focus,
:is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item.gesture-preview:focus,
:is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item.selected:active,
:is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item.gesture-preview:active{
  border:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
  transform:none!important;

  color:#efd79f!important;
  -webkit-text-fill-color:#efd79f!important;
  font-weight:650!important;

  text-shadow:
    0 1px 0 rgba(0,0,0,.94),
    0 0 8px rgba(223,184,107,.10)!important;
}

:is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item::before,
:is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item::after,
:is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item:hover::before,
:is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item:hover::after,
:is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item:focus::before,
:is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item:focus::after,
:is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item:active::before,
:is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item:active::after,
:is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item.selected::before,
:is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item.selected::after,
:is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item.gesture-preview::before,
:is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item.gesture-preview::after,
:is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item.gesture-preview:active::before,
:is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item.gesture-preview:active::after{
  content:none!important;
  display:none!important;
}

:is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .red-luxury-scrollbar{
  opacity:.56!important;
  width:2px!important;
}
:is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .red-luxury-scrollbar-thumb{
  width:2px!important;
  min-height:22px!important;
  background:linear-gradient(
    180deg,
    rgba(223,184,107,.05) 0%,
    rgba(216,180,107,.42) 30%,
    rgba(255,241,191,.58) 50%,
    rgba(216,180,107,.42) 70%,
    rgba(223,184,107,.05) 100%
  )!important;
  box-shadow:
    0 0 3px rgba(223,184,107,.09),
    0 0 7px rgba(223,184,107,.035)!important;
}

:is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup)::after{
  content:""!important;
  position:absolute!important;
  inset:1px!important;
  border-radius:9px!important;
  pointer-events:none!important;
  z-index:1!important;
  box-shadow:
    inset 0 12px 22px rgba(255,255,255,.008),
    inset 0 -18px 26px rgba(0,0,0,.12)!important;
}

/* --- legacy-inline-26 --- */
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup){
  position:absolute!important;
  overflow:hidden!important;
  border:1px solid rgba(223,184,107,.30)!important;
  border-radius:10px!important;
  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,.045) 0%,
      rgba(255,255,255,.008) 24%,
      rgba(255,255,255,0) 46%
    ),
    linear-gradient(
      135deg,
      rgba(223,184,107,.045) 0%,
      rgba(223,184,107,.010) 24%,
      rgba(223,184,107,0) 40%
    ),
    #070707!important;
  box-shadow:
    0 20px 48px rgba(0,0,0,.78),
    0 4px 16px rgba(0,0,0,.56),
    inset 0 1px 0 rgba(255,255,255,.035),
    inset 0 0 0 1px rgba(255,255,255,.006)!important;
  backdrop-filter:blur(12px)!important;
  -webkit-backdrop-filter:blur(12px)!important;
}

html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup)::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:10%!important;
  right:10%!important;
  top:0!important;
  width:auto!important;
  height:1px!important;
  border:0!important;
  border-radius:0!important;
  background:linear-gradient(
    90deg,
    transparent 0%,
    rgba(223,184,107,.20) 24%,
    rgba(245,224,177,.58) 50%,
    rgba(223,184,107,.20) 76%,
    transparent 100%
  )!important;
  box-shadow:0 0 8px rgba(223,184,107,.10)!important;
  pointer-events:none!important;
  z-index:5!important;
}

html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup)::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:1px!important;
  width:auto!important;
  height:auto!important;
  border:0!important;
  border-radius:9px!important;
  background:linear-gradient(
    180deg,
    transparent 0%,
    transparent 72%,
    rgba(0,0,0,.12) 100%
  )!important;
  box-shadow:inset 0 -15px 24px rgba(0,0,0,.10)!important;
  pointer-events:none!important;
  z-index:1!important;
}

html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hours-grid-container{
  position:relative!important;
  z-index:3!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  grid-auto-flow:row!important;
  column-gap:14px!important;
  row-gap:0!important;
  padding:7px 9px 8px 7px!important;
  margin:0!important;
  background:transparent!important;
}

html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hours-grid-container::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:50%!important;
  top:9px!important;
  bottom:9px!important;
  width:1px!important;
  height:auto!important;
  transform:translateX(-50%)!important;
  border:0!important;
  background:linear-gradient(
    180deg,
    transparent 0%,
    rgba(223,184,107,.08) 13%,
    rgba(239,215,159,.17) 50%,
    rgba(223,184,107,.08) 87%,
    transparent 100%
  )!important;
  box-shadow:0 0 4px rgba(223,184,107,.025)!important;
  pointer-events:none!important;
  z-index:0!important;
}

html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hours-grid-container .hour-grid-item,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hours-grid-container .hour-grid-item:hover,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hours-grid-container .hour-grid-item:focus,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hours-grid-container .hour-grid-item:focus-visible,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hours-grid-container .hour-grid-item:active{
  position:relative!important;
  z-index:2!important;
  width:100%!important;
  height:42px!important;
  min-height:42px!important;
  max-height:42px!important;
  margin:0!important;
  padding:0 9px!important;

  display:flex!important;
  align-items:center!important;
  justify-content:center!important;

  border:0!important;
  border-radius:0!important;
  outline:0!important;
  box-shadow:none!important;
  transform:none!important;

  background:
    linear-gradient(
      90deg,
      transparent 7%,
      rgba(255,255,255,.026) 30%,
      rgba(255,255,255,.038) 50%,
      rgba(255,255,255,.026) 70%,
      transparent 93%
    ) bottom / 100% 1px no-repeat!important;

  color:rgba(255,255,255,.76)!important;
  -webkit-text-fill-color:rgba(255,255,255,.76)!important;
  font-family:var(--font-ui)!important;
  font-size:.90rem!important;
  font-weight:400!important;
  line-height:1!important;
  letter-spacing:.008em!important;
  text-align:center!important;
  text-shadow:0 1px 0 rgba(0,0,0,.90)!important;

  -webkit-tap-highlight-color:transparent!important;
  -webkit-touch-callout:none!important;
  user-select:none!important;
  -webkit-user-select:none!important;

  transition:
    color .18s ease,
    text-shadow .18s ease!important;
}

@media (hover:hover) and (pointer:fine){
  html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hours-grid-container
  .hour-grid-item:hover:not(.selected):not(.gesture-preview){
    background:
      linear-gradient(
        90deg,
        transparent 0%,
        rgba(223,184,107,.022) 24%,
        rgba(223,184,107,.060) 50%,
        rgba(223,184,107,.022) 76%,
        transparent 100%
      ),
      linear-gradient(
        90deg,
        transparent 7%,
        rgba(255,255,255,.026) 30%,
        rgba(255,255,255,.038) 50%,
        rgba(255,255,255,.026) 70%,
        transparent 93%
      ) bottom / 100% 1px no-repeat!important;
    color:rgba(239,215,159,.94)!important;
    -webkit-text-fill-color:rgba(239,215,159,.94)!important;
    text-shadow:
      0 1px 0 rgba(0,0,0,.94),
      0 0 7px rgba(223,184,107,.07)!important;
  }
}

html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hours-grid-container .hour-grid-item.selected,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hours-grid-container .hour-grid-item.gesture-preview,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hours-grid-container .hour-grid-item.selected:hover,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hours-grid-container .hour-grid-item.gesture-preview:hover,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hours-grid-container .hour-grid-item.selected:focus,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hours-grid-container .hour-grid-item.gesture-preview:focus,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hours-grid-container .hour-grid-item.selected:active,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hours-grid-container .hour-grid-item.gesture-preview:active{
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  transform:none!important;
  background:
    linear-gradient(
      90deg,
      transparent 7%,
      rgba(255,255,255,.026) 30%,
      rgba(255,255,255,.038) 50%,
      rgba(255,255,255,.026) 70%,
      transparent 93%
    ) bottom / 100% 1px no-repeat!important;

  color:#efd79f!important;
  -webkit-text-fill-color:#efd79f!important;
  font-weight:650!important;
  text-shadow:
    0 1px 0 rgba(0,0,0,.96),
    0 0 8px rgba(223,184,107,.10)!important;
}

html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hours-grid-container .hour-grid-item::before,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hours-grid-container .hour-grid-item::after,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hours-grid-container .hour-grid-item:hover::before,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hours-grid-container .hour-grid-item:hover::after,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hours-grid-container .hour-grid-item:focus::before,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hours-grid-container .hour-grid-item:focus::after,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hours-grid-container .hour-grid-item:active::before,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hours-grid-container .hour-grid-item:active::after,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hours-grid-container .hour-grid-item.selected::before,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hours-grid-container .hour-grid-item.selected::after,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hours-grid-container .hour-grid-item.gesture-preview::before,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hours-grid-container .hour-grid-item.gesture-preview::after,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hours-grid-container .hour-grid-item.gesture-preview:active::before,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hours-grid-container .hour-grid-item.gesture-preview:active::after{
  content:none!important;
  display:none!important;
}

html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .red-luxury-scrollbar{
  width:2px!important;
  opacity:.55!important;
}
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .red-luxury-scrollbar-thumb{
  width:2px!important;
  min-height:22px!important;
  background:linear-gradient(
    180deg,
    rgba(223,184,107,.04) 0%,
    rgba(216,180,107,.40) 30%,
    rgba(255,241,191,.56) 50%,
    rgba(216,180,107,.40) 70%,
    rgba(223,184,107,.04) 100%
  )!important;
  box-shadow:
    0 0 3px rgba(223,184,107,.08),
    0 0 7px rgba(223,184,107,.03)!important;
}

/* --- legacy-inline-27 --- */
:root{
  --red-picker-white: rgba(255,255,255,.88);
  --red-picker-gold: #efd79f;
  --red-picker-muted-gold: rgba(223,184,107,.30);
  --red-picker-bg:
    linear-gradient(
      180deg,
      rgba(255,255,255,.045) 0%,
      rgba(255,255,255,.008) 24%,
      rgba(255,255,255,0) 46%
    ),
    linear-gradient(
      135deg,
      rgba(223,184,107,.045) 0%,
      rgba(223,184,107,.010) 24%,
      rgba(223,184,107,0) 40%
    ),
    #070707;
  --red-picker-shadow:
    0 20px 48px rgba(0,0,0,.78),
    0 4px 16px rgba(0,0,0,.56),
    inset 0 1px 0 rgba(255,255,255,.035),
    inset 0 0 0 1px rgba(255,255,255,.006);
}

html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup),
html body #home-view #timePickerPopup,
html body .flatpickr-calendar{
  border:1px solid rgba(223,184,107,.30)!important;
  border-radius:10px!important;
  background:var(--red-picker-bg)!important;
  box-shadow:var(--red-picker-shadow)!important;
  backdrop-filter:blur(12px)!important;
  -webkit-backdrop-filter:blur(12px)!important;
}

html body #home-view #timePickerPopup::before,
html body .flatpickr-calendar::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:10%!important;
  right:10%!important;
  top:0!important;
  height:1px!important;
  border:0!important;
  background:linear-gradient(
    90deg,
    transparent 0%,
    rgba(223,184,107,.20) 24%,
    rgba(245,224,177,.58) 50%,
    rgba(223,184,107,.20) 76%,
    transparent 100%
  )!important;
  box-shadow:0 0 8px rgba(223,184,107,.10)!important;
  pointer-events:none!important;
  z-index:500!important;
}

html body #home-view #timePickerPopup::after,
html body .flatpickr-calendar::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:1px!important;
  border-radius:9px!important;
  background:linear-gradient(
    180deg,
    transparent 0%,
    transparent 72%,
    rgba(0,0,0,.12) 100%
  )!important;
  box-shadow:inset 0 -15px 24px rgba(0,0,0,.10)!important;
  pointer-events:none!important;
  z-index:1!important;
}

html body .flatpickr-calendar .flatpickr-months,
html body .flatpickr-calendar .flatpickr-month,
html body .flatpickr-calendar .flatpickr-current-month,
html body .flatpickr-calendar .flatpickr-weekdays,
html body .flatpickr-calendar .flatpickr-weekdaycontainer,
html body .flatpickr-calendar .flatpickr-innerContainer,
html body .flatpickr-calendar .flatpickr-rContainer,
html body .flatpickr-calendar .flatpickr-days,
html body .flatpickr-calendar .dayContainer,
html body .flatpickr-calendar .calendar-action-bar{
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
}

html body .red-calendar-scrollbar{
  width:2px!important;
  opacity:.55!important;
}
html body .red-calendar-scrollbar-thumb{
  width:2px!important;
  min-height:22px!important;
  background:linear-gradient(
    180deg,
    rgba(223,184,107,.04) 0%,
    rgba(216,180,107,.40) 30%,
    rgba(255,241,191,.56) 50%,
    rgba(216,180,107,.40) 70%,
    rgba(223,184,107,.04) 100%
  )!important;
  box-shadow:
    0 0 3px rgba(223,184,107,.08),
    0 0 7px rgba(223,184,107,.03)!important;
}

html body #home-view #timePickerPopup #clockFace .clock-number:not(.selected):not(.disabled),
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item:not(.selected):not(.gesture-preview),
html body .flatpickr-calendar .flatpickr-day:not(.selected):not(.flatpickr-disabled):not(.notAllowed):not(.gesture-preview),
html body .flatpickr-calendar .calendar-header-option:not(.selected):not(.gesture-preview):not(.disabled){
  color:var(--red-picker-white)!important;
  -webkit-text-fill-color:var(--red-picker-white)!important;
}

html body .flatpickr-calendar .flatpickr-day.flatpickr-disabled,
html body .flatpickr-calendar .flatpickr-day.notAllowed,
html body #home-view #timePickerPopup #clockFace .clock-number.disabled{
  color:rgba(255,255,255,.18)!important;
  -webkit-text-fill-color:rgba(255,255,255,.18)!important;
}

html body #home-view #timePickerPopup .clock-time-value,
html body #home-view #timePickerPopup .clock-time-value:hover,
html body #home-view #timePickerPopup .clock-time-value:focus,
html body #home-view #timePickerPopup .clock-time-value:active,
html body #home-view #timePickerPopup .clock-time-value.active-mode,
html body #home-view #timePickerPopup .clock-time-value.clock-scrubbing{
  border:0!important;
  outline:0!important;
  border-radius:0!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  transform:none!important;
}

html body #home-view #timePickerPopup .clock-time-value{
  padding:0!important;
}

html body #home-view #timePickerPopup .clock-time-separator{
  color:var(--red-picker-gold)!important;
  -webkit-text-fill-color:var(--red-picker-gold)!important;
  font-family:var(--font-ui)!important;
  font-size:.68rem!important;
  font-weight:600!important;
  font-style:normal!important;
  line-height:1!important;
  letter-spacing:.20em!important;
  text-transform:uppercase!important;
  opacity:1!important;
  text-shadow:none!important;
  transform:none!important;
}

/* --- legacy-inline-28 --- */
:root{
 --red-picker-reference-white:rgba(245,245,245,.88);
 --red-picker-frame-color:rgba(223,184,107,.28);
 --red-picker-final-bg:linear-gradient(180deg,rgba(255,255,255,.045) 0%,rgba(255,255,255,.008) 24%,rgba(255,255,255,0) 46%),linear-gradient(135deg,rgba(223,184,107,.045) 0%,rgba(223,184,107,.010) 24%,rgba(223,184,107,0) 40%),#070707;
 --red-picker-final-shadow:0 20px 48px rgba(0,0,0,.78),0 4px 16px rgba(0,0,0,.56),inset 0 1px 0 rgba(255,255,255,.035),inset 0 0 0 1px rgba(255,255,255,.006);
}
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup).time-picker-popup,
html body #home-view #timePickerPopup.time-picker-popup.luxury-clock-popup,
html body div.flatpickr-calendar.open{
 border-width:1px!important;border-style:solid!important;border-color:var(--red-picker-frame-color)!important;border-image:none!important;outline:0!important;border-radius:10px!important;
 background:var(--red-picker-final-bg)!important;background-color:#070707!important;box-shadow:var(--red-picker-final-shadow)!important;filter:none!important;
}
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup).time-picker-popup::before,
html body #home-view #timePickerPopup.time-picker-popup.luxury-clock-popup::before,
html body div.flatpickr-calendar.open::before{
 content:""!important;display:block!important;position:absolute!important;left:10%!important;right:10%!important;top:0!important;width:auto!important;height:1px!important;border:0!important;
 background:linear-gradient(90deg,transparent 0%,rgba(223,184,107,.20) 24%,rgba(245,224,177,.58) 50%,rgba(223,184,107,.20) 76%,transparent 100%)!important;
 box-shadow:0 0 8px rgba(223,184,107,.10)!important;pointer-events:none!important;z-index:500!important;
}
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup).time-picker-popup::after,
html body #home-view #timePickerPopup.time-picker-popup.luxury-clock-popup::after,
html body div.flatpickr-calendar.open::after{
 content:""!important;display:block!important;position:absolute!important;inset:1px!important;width:auto!important;height:auto!important;border:0!important;border-radius:9px!important;
 background:linear-gradient(180deg,transparent 0%,transparent 72%,rgba(0,0,0,.12) 100%)!important;box-shadow:inset 0 -15px 24px rgba(0,0,0,.10)!important;pointer-events:none!important;z-index:1!important;
}
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup).time-picker-popup .hours-grid-container .hour-grid-item:not(.selected):not(.gesture-preview),
html body div.flatpickr-calendar.open .flatpickr-day:not(.selected):not(.startRange):not(.endRange):not(.gesture-preview):not(.flatpickr-disabled):not(.notAllowed):not([aria-disabled="true"]),
html body div.flatpickr-calendar.open .flatpickr-day.today:not(.selected):not(.startRange):not(.endRange):not(.gesture-preview):not(.flatpickr-disabled):not(.notAllowed):not([aria-disabled="true"]){
 color:var(--red-picker-reference-white)!important;-webkit-text-fill-color:var(--red-picker-reference-white)!important;opacity:1!important;
}
html body #home-view #timePickerPopup #clockFace .clock-number:not(.inner-ring):not(.selected):not(.disabled){color:var(--red-picker-reference-white)!important;-webkit-text-fill-color:var(--red-picker-reference-white)!important;}

/* --- legacy-inline-29 --- */
:root{
  --v42-clock-frame:rgba(223,184,107,.28);
  --v42-clock-shadow:
    0 -22px 52px rgba(0,0,0,.90),
    0 18px 38px rgba(0,0,0,.68),
    0 4px 12px rgba(223,184,107,.075),
    0 0 0 1px rgba(223,184,107,.040),
    inset 0 1px 0 rgba(255,255,255,.067),
    inset 0 0 0 1px rgba(255,255,255,.010),
    inset 0 -24px 36px rgba(0,0,0,.27);
}

html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup).time-picker-popup,
html body #home-view #timePickerPopup.time-picker-popup.luxury-clock-popup,
html body div.flatpickr-calendar.open{
  border:1px solid var(--v42-clock-frame)!important;
  border-image:none!important;
  outline:0!important;
  border-radius:11px!important;
  background-clip:padding-box!important;
  box-shadow:var(--v42-clock-shadow)!important;
}

html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup).time-picker-popup::before,
html body #home-view #timePickerPopup.time-picker-popup.luxury-clock-popup::before,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup).time-picker-popup::after,
html body #home-view #timePickerPopup.time-picker-popup.luxury-clock-popup::after,
html body div.flatpickr-calendar.open::before,
html body div.flatpickr-calendar.open::after{
  content:none!important;
  display:none!important;
}

/* --- legacy-inline-30 --- */
:root{
  --v44-clock-outer-font: var(--font-ui);
  --v44-clock-outer-size: .90rem;
  --v44-clock-outer-weight: 500;
  --v44-clock-outer-line: .90rem;
  --v44-clock-outer-spacing: -.015em;
  --v44-clock-outer-color: rgba(245,245,245,.88);
  --v44-clock-outer-shadow:
    0 1px 0 rgba(0,0,0,.95),
    0 -1px 0 rgba(255,255,255,.055),
    0 0 5px rgba(223,184,107,.024);
  --v44-clock-inner-color: rgba(197,181,146,.66);
  --v44-grid-line: rgba(255,255,255,.030);
  --v44-grid-line-gold: rgba(223,184,107,.060);
}

html body #home-view #form-error-msg,
html body #checkout-view #checkout-form-error-msg,
html body #checkout-view .form-error-msg,
html body .form-error-msg{
  text-align:center!important;
  justify-content:center!important;
}

html body .flatpickr-calendar span.flatpickr-weekday,
html body .flatpickr-calendar .flatpickr-weekday{
  color:var(--v44-clock-inner-color)!important;
  -webkit-text-fill-color:var(--v44-clock-inner-color)!important;
}

html body div.flatpickr-calendar.open .dayContainer
.flatpickr-day:not(.selected):not(.startRange):not(.endRange):not(.gesture-preview):not(.flatpickr-disabled):not(.notAllowed):not(.prevMonthDay):not(.nextMonthDay):not([aria-disabled="true"]){
  font-family:var(--v44-clock-outer-font)!important;
  font-size:var(--v44-clock-outer-size)!important;
  font-weight:var(--v44-clock-outer-weight)!important;
  font-style:normal!important;
  line-height:var(--v44-clock-outer-line)!important;
  letter-spacing:var(--v44-clock-outer-spacing)!important;
  color:var(--v44-clock-outer-color)!important;
  -webkit-text-fill-color:var(--v44-clock-outer-color)!important;
  text-shadow:var(--v44-clock-outer-shadow)!important;
  opacity:1!important;
}

html body div.flatpickr-calendar.open .dayContainer{
  background-color:transparent!important;
  background-image:
    linear-gradient(to right,
      transparent calc(100% - 1px),
      var(--v44-grid-line) calc(100% - 1px),
      var(--v44-grid-line) 100%),
    linear-gradient(to bottom,
      transparent 38px,
      var(--v44-grid-line) 38px,
      var(--v44-grid-line) 39px)!important;
  background-size:calc(100% / 7) 100%, 100% 39px!important;
  background-position:0 0, 0 0!important;
  background-repeat:repeat-x, repeat-y!important;
}

html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup).time-picker-popup{
  border:1px solid rgba(223,184,107,.28)!important;
  border-image:none!important;
  outline:0!important;
  border-radius:11px!important;
  background-clip:padding-box!important;
  box-shadow:
    0 -22px 52px rgba(0,0,0,.90),
    0 18px 38px rgba(0,0,0,.68),
    0 4px 12px rgba(223,184,107,.050),
    inset 0 1px 0 rgba(255,255,255,.040),
    inset 0 -24px 36px rgba(0,0,0,.27)!important;
  overflow:hidden!important;
}
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup).time-picker-popup::before,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup).time-picker-popup::after{
  content:none!important;
  display:none!important;
}

html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hours-grid-container{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  grid-auto-rows:39px!important;
  grid-auto-flow:row!important;
  column-gap:0!important;
  row-gap:0!important;
  width:100%!important;
  max-height:224px!important;
  margin:0!important;
  padding:0 8px 0 6px!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  touch-action:pan-y!important;
  overscroll-behavior-y:contain!important;
  -webkit-overflow-scrolling:touch!important;
  scroll-behavior:auto!important;
  background-color:transparent!important;
  background-image:linear-gradient(
    to right,
    transparent calc(50% - .5px),
    rgba(239,215,159,.115) calc(50% - .5px),
    rgba(239,215,159,.115) calc(50% + .5px),
    transparent calc(50% + .5px)
  )!important;
  background-repeat:no-repeat!important;
  background-size:100% 100%!important;
  background-position:center!important;
}
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hours-grid-container::before,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hours-grid-container::after{
  content:none!important;
  display:none!important;
}

html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hours-grid-container .hour-grid-item,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hours-grid-container .hour-grid-item:hover,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hours-grid-container .hour-grid-item:focus,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hours-grid-container .hour-grid-item:focus-visible,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hours-grid-container .hour-grid-item:active{
  height:39px!important;
  min-height:39px!important;
  max-height:39px!important;
  width:100%!important;
  margin:0!important;
  padding:0 8px!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:0!important;
  outline:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  transform:none!important;
  touch-action:pan-y!important;
  -webkit-touch-callout:none!important;
  -webkit-tap-highlight-color:transparent!important;
  user-select:none!important;
  -webkit-user-select:none!important;

  background:
    linear-gradient(
      90deg,
      transparent 7%,
      var(--v44-grid-line) 30%,
      rgba(255,255,255,.040) 50%,
      var(--v44-grid-line) 70%,
      transparent 93%
    ) bottom / 100% 1px no-repeat!important;

  font-family:var(--v44-clock-outer-font)!important;
  font-size:var(--v44-clock-outer-size)!important;
  font-weight:var(--v44-clock-outer-weight)!important;
  font-style:normal!important;
  line-height:var(--v44-clock-outer-line)!important;
  letter-spacing:var(--v44-clock-outer-spacing)!important;
  color:var(--v44-clock-outer-color)!important;
  -webkit-text-fill-color:var(--v44-clock-outer-color)!important;
  text-shadow:var(--v44-clock-outer-shadow)!important;
  opacity:1!important;
}

html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hours-grid-container .hour-grid-item.selected,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hours-grid-container .hour-grid-item.gesture-preview,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hours-grid-container .hour-grid-item.selected:hover,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hours-grid-container .hour-grid-item.gesture-preview:hover,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hours-grid-container .hour-grid-item.selected:focus,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hours-grid-container .hour-grid-item.gesture-preview:focus,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hours-grid-container .hour-grid-item.selected:active,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hours-grid-container .hour-grid-item.gesture-preview:active{
  color:#efd79f!important;
  -webkit-text-fill-color:#efd79f!important;
  font-weight:700!important;
  box-shadow:none!important;
  outline:0!important;
  border:0!important;
  transform:none!important;
}

html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item::before,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item::after,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item:hover::before,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item:hover::after,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item:focus::before,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item:focus::after,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item:active::before,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item:active::after,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item.selected::before,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item.selected::after,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item.gesture-preview::before,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item.gesture-preview::after{
  content:none!important;
  display:none!important;
}

html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hours-centerline{
  position:absolute!important;
  left:50%!important;
  top:13px!important;
  bottom:0!important;
  width:1px!important;
  transform:translateX(-50%)!important;
  background:linear-gradient(
    to bottom,
    rgba(239,215,159,.04) 0%,
    rgba(239,215,159,.115) 12%,
    rgba(239,215,159,.115) 88%,
    rgba(239,215,159,.055) 100%
  )!important;
  box-shadow:none!important;
  pointer-events:none!important;
  z-index:5!important;
}
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hours-grid-container{
  background-image:none!important;
}

/* --- legacy-inline-31 --- */
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hours-grid-container::after{
  top:9px!important;
  bottom:9px!important;
}
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hours-grid-container .hour-grid-item:nth-last-child(-n+2){
  background-image:none!important;
}
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hours-grid-container .hour-grid-item,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hours-grid-container .hour-grid-item:hover,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hours-grid-container .hour-grid-item:focus,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hours-grid-container .hour-grid-item:active,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hours-grid-container .hour-grid-item.selected,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hours-grid-container .hour-grid-item.gesture-preview{
  font-kerning:auto!important;
}

/* --- legacy-inline-32 --- */
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hours-centerline{
  top:13px!important;
  bottom:13px!important;
}
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hours-grid-container .hour-grid-item:nth-last-child(-n+2){
  background-image:none!important;
}
html body .flatpickr-calendar .dayContainer{
  position:relative!important;
  background-image:
    linear-gradient(to right,transparent calc(100% - 1px),rgba(239,215,159,.070) calc(100% - 1px),rgba(239,215,159,.070) 100%),
    linear-gradient(to bottom,transparent 38px,rgba(239,215,159,.070) 38px,rgba(239,215,159,.070) 39px)!important;
  background-size:calc(100% / 7) 100%,100% 39px!important;
  background-repeat:repeat-x,repeat-y!important;
  background-position:left top!important;
}
html body #form-error-msg,
html body #checkout-form-error-msg{
  text-align:center!important;
  justify-content:center!important;
  align-items:center!important;
}

/* --- legacy-inline-33 --- */
html body .flatpickr-calendar .flatpickr-day,
html body .flatpickr-calendar .flatpickr-day.selected,
html body .flatpickr-calendar .flatpickr-day.startRange,
html body .flatpickr-calendar .flatpickr-day.endRange,
html body .flatpickr-calendar .flatpickr-day.selected:hover,
html body .flatpickr-calendar .flatpickr-day.selected:focus,
html body .flatpickr-calendar .flatpickr-day.selected:active{
  transform:none!important;
  translate:none!important;
  top:auto!important;
  margin-top:0!important;
  margin-bottom:0!important;
  padding-top:0!important;
  padding-bottom:0!important;
  line-height:39px!important;
  height:39px!important;
  min-height:39px!important;
  max-height:39px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  vertical-align:middle!important;
}

html body .flatpickr-calendar .flatpickr-day.selected,
html body .flatpickr-calendar .flatpickr-day.startRange,
html body .flatpickr-calendar .flatpickr-day.endRange{
  color:#efd79f!important;
  -webkit-text-fill-color:#efd79f!important;
  font-weight:650!important;
  background:transparent!important;
  box-shadow:none!important;
  border-color:transparent!important;
}

html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item.gesture-preview,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item.gesture-preview:hover,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item.gesture-preview:focus,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item.gesture-preview:active{
  color:#efd79f!important;
  -webkit-text-fill-color:#efd79f!important;
  font-weight:650!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  transform:none!important;
}

html body #home-view #timePickerPopup .clock-cancel-slot{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:10px!important;
}

html body #home-view #timePickerPopup .clock-inline-apply-btn{
  order:0!important;
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  height:24px!important;
  min-height:24px!important;
  margin:0!important;
  padding:0 4px!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#efd79f!important;
  -webkit-text-fill-color:#efd79f!important;
  font-family:var(--font-ui)!important;
  font-size:.62rem!important;
  font-weight:600!important;
  line-height:1!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
}

html body #home-view #timePickerPopup .clock-inline-apply-btn::before,
html body #home-view #timePickerPopup .clock-inline-apply-btn::after{
  content:none!important;
  display:none!important;
}

html body #home-view #timePickerPopup .clock-time-display{
  order:1!important;
}

html body #home-view #timePickerPopup .clock-face,
html body #home-view #timePickerPopup .clock-face.hours-mode,
html body #home-view #timePickerPopup .clock-face.hours-mode.format-12,
html body #home-view #timePickerPopup .clock-face.hours-mode.format-24,
html body #home-view #timePickerPopup .clock-face.minutes-mode{
  position:relative!important;
  background:none!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible!important;
  isolation:isolate!important;
}

html body #home-view #timePickerPopup .clock-face::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:105%!important;
  height:105%!important;
  transform:translate(-50%,-50%)!important;
  border:0!important;
  border-radius:50%!important;
  background:url("../images/clock-dial-luxury-v55.webp") center/100% 100% no-repeat!important;
  box-shadow:none!important;
  pointer-events:none!important;
  z-index:0!important;
}

html body #home-view #timePickerPopup .clock-face::after{
  content:none!important;
  display:none!important;
}

/* --- legacy-inline-34 --- */
html body div.flatpickr-calendar.open .dayContainer .flatpickr-day.selected,
html body div.flatpickr-calendar.open .dayContainer .flatpickr-day.startRange,
html body div.flatpickr-calendar.open .dayContainer .flatpickr-day.endRange,
html body div.flatpickr-calendar.open .dayContainer .flatpickr-day.gesture-preview{
  padding:0!important;
  margin:0!important;
  top:0!important;
  bottom:auto!important;
  transform:none!important;
  translate:none!important;
  scale:none!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  line-height:var(--v44-clock-outer-line)!important;
}

/* --- legacy-inline-35 --- */
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item.press-preview,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item.press-preview:hover,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item.press-preview:focus,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item.press-preview:active{
  color:#efd79f!important;
  -webkit-text-fill-color:#efd79f!important;
  font-weight:650!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
  transform:none!important;
}

html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item.gesture-preview,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item.gesture-preview:hover,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item.gesture-preview:focus,
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hour-grid-item.gesture-preview:active{
  color:var(--v44-clock-outer-color)!important;
  -webkit-text-fill-color:var(--v44-clock-outer-color)!important;
  font-weight:var(--v44-clock-outer-weight)!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
  transform:none!important;
}

html body #home-view #timePickerPopup .clock-lower-row{
  position:relative!important;
  width:100%!important;
}

html body #home-view #timePickerPopup .clock-cancel-slot{
  position:static!important;
}

html body #home-view #timePickerPopup .clock-inline-apply-btn{
  position:absolute!important;
  left:0!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  margin:0!important;
  padding:0!important;
  min-width:0!important;
  width:auto!important;
  height:24px!important;
  min-height:24px!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

html body #home-view #timePickerPopup .clock-inline-apply-btn::before,
html body #home-view #timePickerPopup .clock-inline-apply-btn::after{
  content:none!important;
  display:none!important;
}

html body #home-view #timePickerPopup .clock-time-display{
  margin-left:58px!important;
}

html body #home-view #timePickerPopup .clock-face::before{
  width:115%!important;
  height:115%!important;
}

/* --- legacy-inline-36 --- */
html body #home-view #timePickerPopup .clock-lower-row{
  position:relative!important;
  display:grid!important;
  grid-template-columns:1fr auto 1fr!important;
  width:100%!important;
  box-sizing:border-box!important;
}

html body #home-view #timePickerPopup .clock-inline-apply-btn{
  position:absolute!important;
  left:0!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  margin:0!important;
  padding:0!important;
  height:24px!important;
  min-height:24px!important;
  width:auto!important;
  min-width:0!important;
}

html body #home-view #timePickerPopup .clock-inline-apply-btn::before,
html body #home-view #timePickerPopup .clock-inline-apply-btn::after{
  content:none!important;
  display:none!important;
}

html body #home-view #timePickerPopup .clock-cancel-slot{
  grid-column:2!important;
  justify-self:center!important;
  position:static!important;
  margin:0!important;
}

html body #home-view #timePickerPopup .clock-time-display{
  margin:0!important;
}

html body #home-view #timePickerPopup .clock-meridiem-toggle{
  grid-column:3!important;
  justify-self:end!important;
  margin:0!important;
}

/* --- legacy-inline-37 --- */
html body #home-view #timePickerPopup .clock-face::before{
  left:50%!important;
  top:calc(50% + 3.1px)!important;
  width:115%!important;
  height:115%!important;
  transform:translate(-50%,-50%)!important;
}

html body #home-view #timePickerPopup .clock-hand,
html body #home-view #timePickerPopup .clock-hand.hours-hand,
html body #home-view #timePickerPopup .clock-hand.minutes-hand{
  top:50%!important;
}

html body #home-view #timePickerPopup .clock-center,
html body #home-view #timePickerPopup .clock-center::before,
html body #home-view #timePickerPopup .clock-center::after{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  content:none!important;
}

html body #home-view #timePickerPopup .clock-hand::after,
html body #home-view #timePickerPopup .clock-hand.hours-hand::after,
html body #home-view #timePickerPopup .clock-hand.minutes-hand::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:50%!important;
  bottom:-4px!important;
  width:5px!important;
  height:8px!important;
  transform:translateX(-50%)!important;
  border:0!important;
  border-radius:0!important;
  background:linear-gradient(180deg,#f1dba5 0%,#d8b46b 100%)!important;
  clip-path:polygon(50% 100%,4% 18%,50% 38%,96% 18%)!important;
  box-shadow:none!important;
}

/* --- legacy-inline-38 --- */
html body #home-view #timePickerPopup .clock-hand,
html body #home-view #timePickerPopup .clock-hand.hours-hand,
html body #home-view #timePickerPopup .clock-hand.minutes-hand{
  top:50%!important;
}

html body #home-view #timePickerPopup .clock-face::before{
  left:50%!important;
  top:calc(50% + 4px)!important;
  width:115%!important;
  height:115%!important;
  transform:translate(-50%,-50%)!important;
  filter:brightness(1.095) contrast(1.025) saturate(.97)!important;
  opacity:1!important;
}

html body #home-view #timePickerPopup .clock-face::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:20px!important;
  height:20px!important;
  transform:translate(-50%,-50%)!important;
  border:0!important;
  border-radius:50%!important;
  background-image:url("../images/clock-dial-luxury-v55.webp")!important;
  background-repeat:no-repeat!important;
  background-position:center center!important;
  background-size:246.1px 246.1px!important;
  filter:brightness(1.095) contrast(1.025) saturate(.97)!important;
  box-shadow:none!important;
  pointer-events:none!important;
  z-index:7!important;
}
@media (min-width:1024px){
  html body #home-view #timePickerPopup .clock-face::after{
    background-size:253px 253px!important;
  }
}

html body #home-view #timePickerPopup .clock-center,
html body #home-view #timePickerPopup .clock-center::before,
html body #home-view #timePickerPopup .clock-center::after{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  content:none!important;
}

html body #home-view #timePickerPopup .clock-lower-row{
  position:relative!important;
  display:grid!important;
  grid-template-columns:1fr auto 1fr!important;
  width:100%!important;
  min-height:66px!important;
  height:66px!important;
  margin-top:12px!important;
  align-items:start!important;
  box-sizing:border-box!important;
}

html body #home-view #timePickerPopup .clock-cancel-slot{
  grid-column:2!important;
  justify-self:center!important;
  align-self:start!important;
  position:static!important;
  margin:0!important;
}

html body #home-view #timePickerPopup .clock-time-display{
  margin:0!important;
}

html body #home-view #timePickerPopup .clock-meridiem-toggle{
  grid-column:3!important;
  justify-self:end!important;
  align-self:start!important;
  margin:0!important;
}

html body #home-view #timePickerPopup .clock-inline-apply-btn{
  position:absolute!important;
  left:50%!important;
  top:39px!important;
  transform:translateX(-50%)!important;
  margin:0!important;
  padding:0!important;
  width:auto!important;
  min-width:0!important;
  height:20px!important;
  min-height:20px!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

html body #home-view #timePickerPopup .clock-inline-apply-btn::before,
html body #home-view #timePickerPopup .clock-inline-apply-btn::after{
  content:none!important;
  display:none!important;
}

/* --- legacy-inline-39 --- */
html body #home-view #timePickerPopup .clock-face::after{
  left:50%!important;
  top:50%!important;
  width:20px!important;
  height:20px!important;
  transform:translate(-50%,-50%)!important;
  background-position:calc(50% - .2px) calc(50% + 3.05px)!important;
}

html body #home-view #timePickerPopup .clock-hand,
html body #home-view #timePickerPopup .clock-hand.hours-hand,
html body #home-view #timePickerPopup .clock-hand.minutes-hand{
  top:50%!important;
}

html body #home-view #timePickerPopup .clock-lower-row{
  min-height:84px!important;
  height:84px!important;
  margin-top:12px!important;
}

html body #home-view #timePickerPopup .clock-inline-apply-btn{
  left:50%!important;
  top:61px!important;
  transform:translateX(-50%)!important;
  height:20px!important;
  min-height:20px!important;
}

/* --- legacy-inline-40 --- */
html body #home-view #timePickerPopup .clock-face::after{
  left:50%!important;
  top:50%!important;
  width:9px!important;
  height:9px!important;
  transform:translate(-50%,-50%)!important;
  background-position:calc(50% - .2px) calc(50% + 3.05px)!important;
}

html body #home-view #timePickerPopup .clock-hand,
html body #home-view #timePickerPopup .clock-hand.hours-hand,
html body #home-view #timePickerPopup .clock-hand.minutes-hand{
  top:50%!important;
}

html body #home-view #timePickerPopup .clock-lower-row{
  min-height:84px!important;
  height:84px!important;
  margin-top:12px!important;
  transform:translateY(-26.463px)!important;
  transform-origin:center top!important;
}

html body #home-view #timePickerPopup .clock-cancel-slot,
html body #home-view #timePickerPopup .clock-meridiem-toggle{
  transform:none!important;
}

html body #home-view #timePickerPopup .clock-inline-apply-btn{
  left:50%!important;
  top:82.796px!important;
  transform:translateX(-50%)!important;
  height:20px!important;
  min-height:20px!important;
}

/* --- legacy-inline-41 --- */
html body #home-view #timePickerPopup #clockFace .clock-number,
html body #home-view #timePickerPopup #clockFace .clock-number.minute-label{
  box-sizing:border-box!important;
  width:30px!important;
  min-width:30px!important;
  max-width:30px!important;
  height:30px!important;
  min-height:30px!important;
  max-height:30px!important;
  padding:0!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  line-height:1!important;
  transform:translate(-50%,-50%)!important;
  transform-origin:50% 50%!important;
  translate:none!important;
  scale:none!important;
  vertical-align:middle!important;
  font-synthesis:none!important;
  font-kerning:auto!important;
}

html body #home-view #timePickerPopup #clockFace .clock-number.inner-ring{
  width:26px!important;
  min-width:26px!important;
  max-width:26px!important;
  height:26px!important;
  min-height:26px!important;
  max-height:26px!important;
  padding:0!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  line-height:1!important;
  transform:translate(-50%,-50%)!important;
  transform-origin:50% 50%!important;
  translate:none!important;
  scale:none!important;
}

html body #home-view #timePickerPopup #clockFace .clock-number:not(.inner-ring){
  font-weight:500!important;
  -webkit-text-stroke:0 transparent!important;
}

html body #home-view #timePickerPopup #clockFace .clock-number.inner-ring{
  font-weight:450!important;
  -webkit-text-stroke:0 transparent!important;
}

html body #home-view #timePickerPopup #clockFace .clock-number.selected:not(.disabled),
html body #home-view #timePickerPopup #clockFace .clock-number.minute-label.selected:not(.disabled){
  font-weight:500!important;
  -webkit-text-stroke:.22px #efd79f!important;
}

html body #home-view #timePickerPopup #clockFace .clock-number.inner-ring.selected:not(.disabled){
  font-weight:450!important;
  -webkit-text-stroke:.20px #efd79f!important;
}

html body #home-view #timePickerPopup #clockFace .clock-number.disabled,
html body #home-view #timePickerPopup #clockFace .clock-number.minute-label.disabled{
  font-weight:500!important;
}

html body #home-view #timePickerPopup #clockFace .clock-number.inner-ring.disabled{
  font-weight:450!important;
}

html body #home-view #timePickerPopup #clockFace .clock-number:hover,
html body #home-view #timePickerPopup #clockFace .clock-number:focus,
html body #home-view #timePickerPopup #clockFace .clock-number:active,
html body #home-view #timePickerPopup #clockFace .clock-number.selected,
html body #home-view #timePickerPopup #clockFace .clock-number.selected:hover,
html body #home-view #timePickerPopup #clockFace .clock-number.selected:focus,
html body #home-view #timePickerPopup #clockFace .clock-number.selected:active{
  transform:translate(-50%,-50%)!important;
  translate:none!important;
  scale:none!important;
  padding:0!important;
  margin:0!important;
  top:auto;
}

html body #home-view #timePickerPopup #clockFace .clock-minute-dot,
html body #home-view #timePickerPopup #clockFace .clock-minute-dot.major,
html body #home-view #timePickerPopup #clockFace .clock-minute-dot.selected{
  width:3px!important;
  min-width:3px!important;
  max-width:3px!important;
  height:3px!important;
  min-height:3px!important;
  max-height:3px!important;
  border:0!important;
  transform:translate(-50%,-50%)!important;
  transform-origin:50% 50%!important;
  box-shadow:none!important;
}
html body #home-view #timePickerPopup #clockFace .clock-minute-dot.selected:not(.disabled){
  background:#e8c989!important;
}

/* --- legacy-inline-42 --- */
html body #home-view #timePickerPopup .clock-face::before,
html body #home-view #timePickerPopup .clock-face::after{
  -webkit-backface-visibility:hidden!important;
  backface-visibility:hidden!important;
  will-change:transform!important;
  transform:translate3d(-50%,-50%,0)!important;
  -webkit-transform:translate3d(-50%,-50%,0)!important;
  image-rendering:auto!important;
}
html body #home-view #timePickerPopup .clock-hand,
html body #home-view #timePickerPopup .clock-hand.hours-hand,
html body #home-view #timePickerPopup .clock-hand.minutes-hand{
  -webkit-backface-visibility:hidden!important;
  backface-visibility:hidden!important;
  will-change:transform!important;
}
@media (min-width:320px) and (max-width:410px){
  html body #home-view #timePickerPopup.luxury-clock-popup{
    transform:translate3d(0,var(--clock-mobile-safe-shift,0px),0)!important;
    -webkit-transform:translate3d(0,var(--clock-mobile-safe-shift,0px),0)!important;
  }
}
html body #home-view #timePickerPopup .clock-lower-row{
  grid-template-columns:1fr auto 1fr!important;
}
html body #home-view #timePickerPopup .clock-format-toggle{
  grid-column:1!important;justify-self:start!important;align-self:start!important;
  position:relative!important;display:grid!important;grid-template-columns:1fr!important;
  grid-template-rows:repeat(2,23px)!important;width:38px!important;min-width:38px!important;
  max-width:38px!important;height:46px!important;min-height:46px!important;max-height:46px!important;
  margin:0!important;padding:0!important;overflow:visible!important;border:0!important;
  border-radius:0!important;background:transparent!important;box-shadow:none!important;
}
html body #home-view #timePickerPopup .clock-meridiem-toggle{
  grid-column:3!important;justify-self:end!important;align-self:start!important;
  width:38px!important;min-width:38px!important;max-width:38px!important;
  height:46px!important;min-height:46px!important;max-height:46px!important;margin:0!important;
}
html body #home-view #timePickerPopup .clock-format-btn{
  position:relative!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;
  width:100%!important;min-width:0!important;max-width:none!important;height:23px!important;min-height:23px!important;
  max-height:23px!important;padding:0 0 0 8px!important;border:0!important;border-radius:0!important;
  background:transparent!important;color:rgba(255,255,255,.42)!important;font-family:var(--font-ui)!important;
  font-size:.62rem!important;font-weight:500!important;line-height:1!important;letter-spacing:.16em!important;
  box-shadow:none!important;transition:color .16s ease,opacity .16s ease!important;
}
html body #home-view #timePickerPopup .clock-format-btn::after{
  content:""!important;position:absolute!important;left:0!important;right:auto!important;top:50%!important;bottom:auto!important;
  width:1px!important;height:0!important;transform:translateY(-50%)!important;background:#dfb86b!important;
  opacity:0!important;transition:height .16s ease,opacity .16s ease!important;
}
html body #home-view #timePickerPopup .clock-format-btn.active::after{
  width:1px!important;height:11px!important;opacity:.92!important;
}
html body #home-view #timePickerPopup .clock-cancel-slot{
  grid-column:2!important;justify-self:center!important;
}

/* --- legacy-inline-43 --- */
html body #home-view #timePickerPopup .clock-lower-row{
  position:relative!important;
}
html body #home-view #timePickerPopup .clock-format-toggle{
  position:absolute!important;
  left:0!important;
  right:auto!important;
  top:0!important;
  bottom:auto!important;
  align-self:auto!important;
  margin:0!important;
  transform:none!important;
}
html body #home-view #timePickerPopup .clock-meridiem-toggle{
  position:absolute!important;
  right:0!important;
  left:auto!important;
  top:0!important;
  bottom:auto!important;
  align-self:auto!important;
  margin:0!important;
  transform:none!important;
}

/* --- legacy-inline-44 --- */
html body #home-view #timePickerPopup.luxury-clock-popup{
  padding-top:1.5px!important;
  padding-bottom:1.659px!important;
}

@media (min-width:320px) and (max-width:410px){
  html body #home-view #timePickerPopup.luxury-clock-popup{
    transform:none!important;
    -webkit-transform:none!important;
  }
}

html body #home-view #timePickerPopup .clock-format-toggle,
html body #home-view #timePickerPopup .clock-meridiem-toggle{
  position:absolute!important;
  top:17px!important;
  bottom:auto!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  grid-template-rows:repeat(2,23px)!important;
  width:38px!important;
  min-width:38px!important;
  max-width:38px!important;
  height:46px!important;
  min-height:46px!important;
  max-height:46px!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  transform:none!important;
}

html body #home-view #timePickerPopup .clock-format-toggle{
  left:0!important;
  right:auto!important;
}

html body #home-view #timePickerPopup .clock-meridiem-toggle{
  right:0!important;
  left:auto!important;
}

html body #home-view #timePickerPopup .clock-format-btn,
html body #home-view #timePickerPopup .clock-meridiem-btn{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:23px!important;
  min-height:23px!important;
  max-height:23px!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:rgba(255,255,255,.42)!important;
  -webkit-text-fill-color:rgba(255,255,255,.42)!important;
  font-family:var(--font-ui)!important;
  font-size:.62rem!important;
  font-weight:500!important;
  font-style:normal!important;
  line-height:1!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
  font-synthesis:none!important;
  font-kerning:auto!important;
  box-shadow:none!important;
  transition:color .16s ease,opacity .16s ease!important;
}

html body #home-view #timePickerPopup .clock-format-btn{
  justify-content:flex-start!important;
  padding:0 0 0 8px!important;
}

html body #home-view #timePickerPopup .clock-meridiem-btn{
  justify-content:flex-end!important;
  padding:0 8px 0 0!important;
}

html body #home-view #timePickerPopup .clock-format-btn.active,
html body #home-view #timePickerPopup .clock-meridiem-btn.active{
  background:transparent!important;
  color:#efd79f!important;
  -webkit-text-fill-color:#efd79f!important;
  font-weight:600!important;
}

html body #home-view #timePickerPopup .clock-format-btn::after,
html body #home-view #timePickerPopup .clock-meridiem-btn::after{
  content:""!important;
  position:absolute!important;
  top:50%!important;
  bottom:auto!important;
  width:1px!important;
  height:0!important;
  transform:translateY(-50%)!important;
  background:#dfb86b!important;
  opacity:0!important;
  transition:height .16s ease,opacity .16s ease!important;
}

html body #home-view #timePickerPopup .clock-format-btn::after{
  left:0!important;
  right:auto!important;
}

html body #home-view #timePickerPopup .clock-meridiem-btn::after{
  right:0!important;
  left:auto!important;
}

html body #home-view #timePickerPopup .clock-format-btn.active::after,
html body #home-view #timePickerPopup .clock-meridiem-btn.active::after{
  width:1px!important;
  height:11px!important;
  opacity:.92!important;
}

/* --- legacy-inline-45 --- */
html body #home-view #timePickerPopup .clock-format-btn::after,
html body #home-view #timePickerPopup .clock-meridiem-btn::after{
  content:none!important;
  display:none!important;
}

html body #home-view #timePickerPopup .clock-format-btn,
html body #home-view #timePickerPopup .clock-meridiem-btn,
html body #home-view #timePickerPopup .clock-format-btn.active,
html body #home-view #timePickerPopup .clock-meridiem-btn.active{
  box-shadow:none!important;
}

html body #home-view #timePickerPopup .clock-format-btn::before,
html body #home-view #timePickerPopup .clock-meridiem-btn::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  top:7.5%!important;
  bottom:auto!important;
  width:1px!important;
  height:85%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:#dfb86b!important;
  opacity:0!important;
  box-shadow:none!important;
  transform:none!important;
  transition:opacity .16s ease!important;
  pointer-events:none!important;
}

html body #home-view #timePickerPopup .clock-format-btn::before{
  left:0!important;
  right:auto!important;
}
html body #home-view #timePickerPopup .clock-meridiem-btn::before{
  right:0!important;
  left:auto!important;
}

html body #home-view #timePickerPopup .clock-format-btn.active::before,
html body #home-view #timePickerPopup .clock-meridiem-btn.active::before{
  opacity:.92!important;
}

html body #home-view #timePickerPopup .clock-format-btn + .clock-format-btn,
html body #home-view #timePickerPopup .clock-meridiem-btn + .clock-meridiem-btn,
html body #home-view #timePickerPopup .clock-format-btn + .clock-format-btn:hover,
html body #home-view #timePickerPopup .clock-meridiem-btn + .clock-meridiem-btn:hover,
html body #home-view #timePickerPopup .clock-format-btn + .clock-format-btn:focus,
html body #home-view #timePickerPopup .clock-meridiem-btn + .clock-meridiem-btn:focus,
html body #home-view #timePickerPopup .clock-format-btn + .clock-format-btn:focus-visible,
html body #home-view #timePickerPopup .clock-meridiem-btn + .clock-meridiem-btn:focus-visible,
html body #home-view #timePickerPopup .clock-format-btn + .clock-format-btn:active,
html body #home-view #timePickerPopup .clock-meridiem-btn + .clock-meridiem-btn:active,
html body #home-view #timePickerPopup .clock-format-btn.active + .clock-format-btn,
html body #home-view #timePickerPopup .clock-meridiem-btn.active + .clock-meridiem-btn,
html body #home-view #timePickerPopup .clock-format-btn + .clock-format-btn.active,
html body #home-view #timePickerPopup .clock-meridiem-btn + .clock-meridiem-btn.active{
  border-top:1px solid rgba(223,184,107,.25)!important;
  border-right:0!important;
  border-bottom:0!important;
  border-left:0!important;
  transition:
    color .16s ease,
    opacity .16s ease!important;
}

/* --- legacy-inline-46 --- */
html body #home-view #timePickerPopup .clock-format-btn + .clock-format-btn,
html body #home-view #timePickerPopup .clock-meridiem-btn + .clock-meridiem-btn,
html body #home-view #timePickerPopup .clock-format-btn + .clock-format-btn:hover,
html body #home-view #timePickerPopup .clock-meridiem-btn + .clock-meridiem-btn:hover,
html body #home-view #timePickerPopup .clock-format-btn + .clock-format-btn:focus,
html body #home-view #timePickerPopup .clock-meridiem-btn + .clock-meridiem-btn:focus,
html body #home-view #timePickerPopup .clock-format-btn + .clock-format-btn:active,
html body #home-view #timePickerPopup .clock-meridiem-btn + .clock-meridiem-btn:active,
html body #home-view #timePickerPopup .clock-format-btn.active + .clock-format-btn,
html body #home-view #timePickerPopup .clock-meridiem-btn.active + .clock-meridiem-btn,
html body #home-view #timePickerPopup .clock-format-btn + .clock-format-btn.active,
html body #home-view #timePickerPopup .clock-meridiem-btn + .clock-meridiem-btn.active{
  border-top:0!important;
}

html body #home-view #timePickerPopup .clock-format-toggle::after,
html body #home-view #timePickerPopup .clock-meridiem-toggle::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:50%!important;
  top:23px!important;
  width:36px!important;
  height:1px!important;
  transform:translateX(-50%)!important;
  border:0!important;
  background:rgb(38,32,21)!important;
  opacity:1!important;
  box-shadow:none!important;
  transition:none!important;
  pointer-events:none!important;
}

html body #home-view #timePickerPopup .clock-format-btn::before,
html body #home-view #timePickerPopup .clock-meridiem-btn::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  top:6.5px!important;
  width:1px!important;
  height:10px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:rgb(177,147,86)!important;
  opacity:0!important;
  box-shadow:none!important;
  transform:none!important;
  transition:opacity .16s ease!important;
  pointer-events:none!important;
}

html body #home-view #timePickerPopup .clock-format-btn::before{
  left:0!important;
  right:auto!important;
}
html body #home-view #timePickerPopup .clock-meridiem-btn::before{
  right:0!important;
  left:auto!important;
}
html body #home-view #timePickerPopup .clock-format-btn.active::before,
html body #home-view #timePickerPopup .clock-meridiem-btn.active::before{
  opacity:1!important;
}

html body #home-view #timePickerPopup .clock-format-btn{
  justify-content:center!important;
  padding:0!important;
  text-align:center!important;
}

/* --- legacy-inline-47 --- */
html body #home-view #timePickerPopup .clock-face::before{
  filter:brightness(.92) contrast(1.035) saturate(.72)!important;
  opacity:.90!important;
}
html body #home-view #timePickerPopup .clock-face::after{
  filter:brightness(.92) contrast(1.035) saturate(.72)!important;
  opacity:.90!important;
}

/* --- legacy-inline-48 --- */
html body #home-view #timePickerPopup .clock-face::before,
html body #home-view #timePickerPopup .clock-face::after{
  filter:brightness(.92) contrast(1.035) saturate(.72)!important;
  opacity:.90!important;
}

/* --- legacy-inline-49 --- */
html body .flatpickr-calendar .flatpickr-day{
  font-kerning:auto!important;
  font-variant-numeric:tabular-nums!important;
  font-feature-settings:"tnum" 1!important;
}
@media (max-width:400px){
html body .flatpickr-calendar .flatpickr-day{
  text-rendering:geometricPrecision!important;
  -webkit-font-smoothing:antialiased!important;
  font-synthesis:none!important;
  backface-visibility:visible!important;
  will-change:auto!important;
}
}

/* --- v77-picker-field-active-glow --- */
/* Keep DATE / TIME / NUMBER OF HOURS visually active for the whole lifetime
   of their popup, exactly like the location fields while focused. */
#home-view #calcForm #box-heures.picker-field-active #heures_input,
#home-view #calcForm #box-date.picker-field-active #date_picker,
#home-view #calcForm #box-date.picker-field-active .input-icon-wrapper input,
#home-view #calcForm #box-time.picker-field-active #time_input{
  background:#080808 !important;
  background-color:#080808 !important;
  border-color:rgba(223,184,107,.60) !important;
  box-shadow:none !important;
  outline:0 !important;
}

#home-view #calcForm #box-heures.picker-field-active .input-icon-wrapper > .field-thin-icon,
#home-view #calcForm #box-date.picker-field-active .input-icon-wrapper > .field-thin-icon,
#home-view #calcForm #box-time.picker-field-active .input-icon-wrapper > .field-thin-icon{
  opacity:1 !important;
  text-shadow:0 0 .45px currentColor !important;
}

/* --- v81-home-card-relief-consistency --- */
/* Reuse the exact Experience-card relief/highlight treatment on the other
   framed elements requested for the home page. */
#home-view #vehicules .vehicle-card,
#home-view .signature-details .detail-item,
#home-view #events .event-card,
#home-view #reviews .review-card,
#home-view #contact .contact-luxury{
  transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease !important;
}

#home-view #vehicules .vehicle-card:hover,
#home-view .signature-details .detail-item:hover,
#home-view #events .event-card:hover,
#home-view #reviews .review-card:hover,
#home-view #contact .contact-luxury:hover{
  transform: translateY(-5px) !important;
  border-color: rgba(223,184,107,.60) !important;
  box-shadow: 0 18px 40px rgba(0,0,0,.42) !important;
}

/* Fleet cards: match French Riviera Private Transfers frame + background */
#home-view #vehicules .vehicle-card {
    background: #080808 !important;
    border: 1px solid #1e1e1e !important;
    border-radius: 10px !important;
}
#home-view #vehicules .vehicle-card:hover {
    border-color: rgba(223,184,107,.5) !important;
    background: #0d0d0d !important;
}

/* --- red-v22-clock-period-hidden --- */
/* Keep clock period logic/markup available for possible future restoration. */
html body #home-view #timePickerPopup .clock-period{
    display:none!important;
}

/* --- red-v22-safe-fit-hours-calendar-css --- */
html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup).red-safe-fit{
  transform:scale(var(--red-picker-safe-scale,1))!important;
  transform-origin:bottom center!important;
}
html body .flatpickr-calendar.red-safe-fit{
  scale:var(--red-picker-safe-scale,1)!important;
  transform-origin:bottom center!important;
}

/* --- red-v23-clock-spacing --- */
/* Double the three requested vertical spaces in the clock popup. */
html body #home-view #timePickerPopup .clock-lower-row{
    margin-top:24px!important; /* dial -> two lower arrow controls */
    min-height:124px!important;
    height:124px!important;
    transform:translateY(-26.463px)!important;
}
html body #home-view #timePickerPopup .clock-format-toggle,
html body #home-view #timePickerPopup .clock-meridiem-toggle{
    top:17px!important;
}
html body #home-view #timePickerPopup .clock-inline-apply-btn{
    top:102.592px!important; /* doubles control-bottom -> APPLY gap */
    height:20px!important;
    min-height:20px!important;
}
html body #home-view #timePickerPopup.luxury-clock-popup{
    padding-bottom:10.985px!important; /* doubles APPLY -> lower frame breathing room */
}

/* --- red-v25-clock-annotated-geometry --- */
/* BLUE — lower the dial without resizing it. */
html body #home-view #timePickerPopup .clock-face{
    transform:translateY(24px)!important;
}

/* RED — align the 12/24 and AM/PM separator lines with the ":" axis. */
html body #home-view #timePickerPopup .clock-format-toggle,
html body #home-view #timePickerPopup .clock-meridiem-toggle{
    top:39px!important;
}

/* GREEN — center APPLY between the lower gold arrows and the popup bottom edge. */
html body #home-view #timePickerPopup .clock-inline-apply-btn{
    top:114.5px!important;
}

/* --- red-v26-clock-compact-geometry --- */
/* The MORNING/NOON period is hidden, but its empty 50px top row was still
   reserving vertical space. Collapse the row only; keep its HTML/JS intact. */
html body #home-view #timePickerPopup .clock-top-row{
    display:none!important;
    min-height:0!important;
    height:0!important;
    margin:0!important;
    padding:0!important;
}

/* Reduce both visual spaces around APPLY by ~15% while preserving its centering. */
html body #home-view #timePickerPopup .clock-lower-row{
    min-height:116px!important;
    height:116px!important;
}
html body #home-view #timePickerPopup .clock-inline-apply-btn{
    top:110.5px!important;
}

/* Keep only the very small real frame clearance above the dial. */
html body #home-view #timePickerPopup.luxury-clock-popup{
    padding-top:1.5px!important;
}

/* --- red-v27-clock-face-centered --- */
html body #home-view #timePickerPopup .clock-face{
    transform:translateY(12px)!important;
}

/* --- red-v28-ultra-narrow-layout --- */
/* Hidden only when JS confirms actual overflow AND the requested width threshold. */
html body #home-view #destinations .route-panel.red-hide-overflow-panel{
  display:none!important;
}
html body #home-view #contact .contact-action.red-hide-overflow-contact > div{
  display:none!important;
}
html body #home-view #contact .contact-action.red-hide-overflow-contact{
  justify-content:center!important;
}

/* --- red-v36-fleet-spec-spacing-all-screens --- */
/* Same passengers / luggage geometry at every viewport width. */
html body #home-view #vehicules .vehicle-specs,
html body #booking-view .vehicle-specs{
  box-sizing:border-box!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  margin-top:12px!important;
  margin-bottom:14px!important;
  padding:18px 0!important;
  border-top:1px solid rgba(255,255,255,.08)!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}

html body #home-view #vehicules .vehicle-specs > div,
html body #booking-view .vehicle-specs > div{
  margin:0!important;
  padding:0!important;
  align-items:center!important;
}

/* --- v82-home-card-tap-toggle --- */
/* Persistent tap/click selection for all home-page relief cards. */
#home-view .experience-item.card-relief-selected,
#home-view #vehicules .vehicle-card.card-relief-selected,
#home-view .signature-details .detail-item.card-relief-selected,
#home-view #events .event-card.card-relief-selected,
#home-view #reviews .review-card.card-relief-selected,
#home-view #destinations .route-panel.card-relief-selected,
#home-view #destinations .destination-pill.card-relief-selected{
  transform: translateY(-5px) !important;
  border-color: rgba(223,184,107,.60) !important;
  box-shadow: 0 18px 40px rgba(0,0,0,.42) !important;
}
#home-view .service-card.card-relief-selected{
  transform: translateY(-3px) !important;
  border-color: rgba(223,184,107,.5) !important;
  background: #0d0d0d !important;
}
#home-view #vehicules .vehicle-card.card-relief-selected{
  background:#0d0d0d !important;
  border-color:rgba(223,184,107,.5) !important;
}

/* --- v83-home-card-coarse-hover-unlock --- */
/* On touch/coarse pointers, browsers can keep :hover latched after a tap.
   Neutralize only that latched hover when the card is NOT selected, so the
   second tap visibly returns the card to its exact neutral state. */
@media (hover: none), (pointer: coarse), (max-width: 1023px){
  #home-view .experience-item:hover:not(.card-relief-selected){
    transform:none !important;
    border-color:rgba(223,184,107,.18) !important;
    box-shadow:none !important;
  }
  #home-view .service-card:hover:not(.card-relief-selected){
    transform:none !important;
    border-color:#1e1e1e !important;
    background:#080808 !important;
  }
  #home-view #vehicules .vehicle-card:hover:not(.card-relief-selected){
    transform:none !important;
    border-color:#1e1e1e !important;
    box-shadow:none !important;
    background:#080808 !important;
  }
  #home-view .signature-details .detail-item:hover:not(.card-relief-selected){
    transform:none !important;
    border-color:#1e1e1e !important;
    box-shadow:none !important;
  }
  #home-view #events .event-card:hover:not(.card-relief-selected){
    transform:none !important;
    border-color:#202020 !important;
    box-shadow:none !important;
  }
  #home-view #reviews .review-card:hover:not(.card-relief-selected){
    transform:none !important;
    border-color:rgba(223,184,107,.18) !important;
    box-shadow:none !important;
  }
  #home-view #contact .contact-luxury:hover:not(.card-relief-selected){
    transform:none !important;
    border-color:rgba(223,184,107,.33) !important;
    box-shadow:none !important;
  }
}

/* RED v17 — Calendar selected dates: identical typography/metrics to neutral dates */
html body .flatpickr-calendar .flatpickr-day.selected,
html body .flatpickr-calendar .flatpickr-day.startRange,
html body .flatpickr-calendar .flatpickr-day.endRange,
html body .flatpickr-calendar .flatpickr-day.gesture-preview,
html body .flatpickr-calendar .flatpickr-day.selected:hover,
html body .flatpickr-calendar .flatpickr-day.selected:focus,
html body .flatpickr-calendar .flatpickr-day.selected:active {
    font-family: var(--v44-clock-outer-font) !important;
    font-size: var(--v44-clock-outer-size) !important;
    font-weight: var(--v44-clock-outer-weight) !important;
    font-style: normal !important;
    line-height: var(--v44-clock-outer-line) !important;
    letter-spacing: var(--v44-clock-outer-spacing) !important;
    font-kerning: auto !important;
    font-variant-numeric: tabular-nums !important;
    font-feature-settings: "tnum" 1 !important;
    font-synthesis: none !important;
    text-rendering: geometricPrecision !important;
    transform: none !important;
    translate: none !important;
    scale: none !important;
    padding: 0 !important;
    margin: 0 !important;
    color: #efd79f !important;
    -webkit-text-fill-color: #efd79f !important;
}

/* --- red-v37-fleet-spec-spacing-specificity-fix --- */
/*
  Definitive passengers/luggage spacing fix.
  Higher specificity than the legacy rules that force padding:0!important.
  Kept at the physical end of the HTML file so nothing later can override it.
*/
html body #home-view #vehicules .vehicles-grid .vehicle-card .vehicle-specs,
html body #booking-view .vehicles-grid .vehicle-card .vehicle-specs {
    box-sizing: border-box !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;

    padding-top: 6.75px !important;
    padding-bottom: 6.75px !important;

    border-top: 1px solid rgba(255,255,255,.08) !important;
    border-bottom: 1px solid rgba(255,255,255,.08) !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

html body #home-view #vehicules .vehicles-grid .vehicle-card .vehicle-specs > div,
html body #booking-view .vehicles-grid .vehicle-card .vehicle-specs > div {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    align-items: center !important;
}

/* --- red-v40-fleet-photo-centered-between-bars --- */
/* Home Fleet only: center each vehicle photo frame between the horizontal
   separator below passengers/luggage and the separator above description. */
html body #home-view #vehicules .vehicles-grid .vehicle-card .vehicle-specs{
    margin-bottom:0!important;
}

html body #home-view #vehicules .vehicles-grid .vehicle-card .vehicle-img-container{
    margin-top:14px!important;
    margin-bottom:14px!important;
}

html body #home-view #vehicules .vehicles-grid .vehicle-card .vehicle-footer-card{
    margin-top:0!important;
}

/* --- red-v43-fr-mobile-architecture-parity --- */
@media (max-width:1023px){
  #home-view .booking-widget .hero-heading-panel h1 > .lang-fr{
    display:block;
    width:100%!important;
    max-width:100%!important;
    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:break-word!important;
  }
  #home-view .booking-widget .hero-heading-panel .hero-subtitle.lang-fr{
    font-size:clamp(.94rem,4.70vw,1.314rem)!important;
  }
}
@media (max-width:319px){
  #home-view .booking-widget .hero-heading-panel h1 > .lang-fr,
  #home-view .booking-widget .hero-heading-panel .hero-subtitle.lang-fr{
    width:100%!important;
    max-width:100%!important;
    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:break-word!important;
  }
}

/* --- red-v45-founder-story-spacing --- */
html body #home-view #contact .founder-story-copy p{
    margin-top:0!important;
    margin-bottom:14px!important;
}
html body #home-view #contact .founder-story-copy p:last-child{
    margin-bottom:0!important;
}
html body #home-view #contact .founder-story-copy .founder-story-closing{
    margin-top:20px!important;
}

/* --- red-v46-checkout-faq --- */
html body #checkout-view .checkout-faq{
    grid-column:1 / -1!important;
    width:100%!important;
    margin:8px 0 10px!important;
}
html body #checkout-view .checkout-faq-eyebrow{
    color:var(--accent-gold)!important;
    font-family:var(--font-display)!important;
    font-size:.78rem!important;
    font-weight:700!important;
    letter-spacing:1.5px!important;
    text-transform:uppercase!important;
    text-align:center!important;
    margin:0 0 14px!important;
}
html body #checkout-view .checkout-faq-list{
    width:100%!important;
    border-top:1px solid rgba(223,184,107,.24)!important;
}
html body #checkout-view .checkout-faq-item{
    width:100%!important;
    border-bottom:1px solid rgba(223,184,107,.24)!important;
}
html body #checkout-view .checkout-faq-item summary{
    list-style:none!important;
    position:relative!important;
    cursor:pointer!important;
    color:var(--text-white)!important;
    font-family:var(--font-ui)!important;
    font-size:.72rem!important;
    font-weight:600!important;
    letter-spacing:.7px!important;
    line-height:1.45!important;
    text-transform:uppercase!important;
    padding:13px 30px 13px 2px!important;
    user-select:none!important;
}
html body #checkout-view .checkout-faq-item summary::-webkit-details-marker{display:none!important;}
html body #checkout-view .checkout-faq-item summary::after{
    content:"+"!important;
    position:absolute!important;
    right:3px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    color:var(--accent-gold)!important;
    font-size:1rem!important;
    font-weight:400!important;
    line-height:1!important;
}
html body #checkout-view .checkout-faq-item[open] summary::after{content:"−"!important;}
html body #checkout-view .checkout-faq-item p{
    color:var(--text-gray)!important;
    font-family:var(--font-ui)!important;
    font-size:.78rem!important;
    font-weight:400!important;
    letter-spacing:.15px!important;
    line-height:1.65!important;
    margin:0!important;
    padding:0 28px 14px 2px!important;
}
html body #checkout-view .checkout-faq-item[open] summary{color:var(--accent-gold)!important;}
html body #checkout-view .btn-confirm-booking{
    grid-column:1 / -1!important;
}

/* --- red-v48-language-dropdown-and-route-panel --- */
#home-view #destinations .route-panel.card-relief-selected{
    transform:translateY(-5px)!important;
    border-color:rgba(223,184,107,.60)!important;
    box-shadow:0 18px 40px rgba(0,0,0,.42)!important;
}
@media (hover:none), (pointer:coarse){
    #home-view #destinations .route-panel:hover:not(.card-relief-selected){
        transform:none!important;
        border-color:rgba(223,184,107,.25)!important;
        box-shadow:0 25px 60px rgba(0,0,0,.38)!important;
    }
}

header .language-dropdown{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    min-width:0!important;
    overflow:visible!important;
}
header .language-dropdown::before,
header .language-dropdown::after{content:none!important;display:none!important;}
header .language-current-btn{
    appearance:none!important;
    -webkit-appearance:none!important;
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;
    width:48px!important;
    height:34px!important;
    padding:4px 6px!important;
    margin:0!important;
    border:1px solid rgba(223,184,107,.34)!important;
    border-radius:5px!important;
    background:linear-gradient(180deg,rgba(223,184,107,.065),rgba(223,184,107,.018))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 5px 18px rgba(0,0,0,.16)!important;
    cursor:pointer!important;
    outline:none!important;
}
header .language-current-flag{
    display:block!important;
    width:30px!important;
    height:20px!important;
    object-fit:cover!important;
    border-radius:2px!important;
    box-shadow:0 0 0 1px rgba(255,255,255,.08)!important;
}
header .language-chevron{
    width:0!important;
    height:0!important;
    border-left:3.5px solid transparent!important;
    border-right:3.5px solid transparent!important;
    border-top:5px solid rgba(223,184,107,.88)!important;
    transition:transform .2s ease!important;
}
header .language-dropdown.menu-open .language-chevron{transform:rotate(180deg)!important;}
header .language-menu{
    position:absolute!important;
    top:calc(100% + 8px)!important;
    right:0!important;
    z-index:60000!important;
    display:none!important;
    width:132px!important;
    padding:6px!important;
    border:1px solid rgba(223,184,107,.30)!important;
    border-radius:7px!important;
    background:linear-gradient(160deg,rgba(18,18,18,.99),rgba(5,5,5,.99))!important;
    box-shadow:0 16px 38px rgba(0,0,0,.62),inset 0 1px 0 rgba(255,255,255,.025)!important;
    backdrop-filter:blur(12px)!important;
}
header .language-dropdown.menu-open .language-menu{display:block!important;}
header .language-option{
    appearance:none!important;
    -webkit-appearance:none!important;
    width:100%!important;
    min-height:40px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:10px!important;
    padding:7px 9px!important;
    border:1px solid transparent!important;
    border-radius:5px!important;
    background:transparent!important;
    color:#ededed!important;
    font-family:var(--font-ui)!important;
    font-size:.68rem!important;
    font-weight:600!important;
    letter-spacing:.08em!important;
    cursor:pointer!important;
    text-align:left!important;
}
header .language-option:hover,
header .language-option:focus-visible{
    border-color:rgba(223,184,107,.28)!important;
    background:rgba(223,184,107,.06)!important;
    color:#efd79f!important;
}
header .language-option-flag{
    width:30px!important;
    height:20px!important;
    object-fit:cover!important;
    border-radius:2px!important;
    flex:0 0 auto!important;
}
header .language-option.active{display:none!important;}

@media (max-width:440px){
    header .language-current-btn{
        width:clamp(44px,11.82vw,52px)!important;
        height:clamp(32px,8.64vw,38px)!important;
        gap:clamp(4px,1.14vw,5px)!important;
        padding:3px 5px!important;
    }
    header .language-current-flag{
        width:clamp(28px,7.73vw,34px)!important;
        height:clamp(19px,5.23vw,23px)!important;
    }
    header .language-menu{width:128px!important;top:calc(100% + 7px)!important;}
    header .language-option-flag{width:30px!important;height:20px!important;}
}

/* --- red-v49-language-and-route-refinement --- */
/* Popular Private Transfers — exact same smooth relief transition as the other home cards. */
html body #home-view #destinations .route-panel{
    transition:transform .3s ease, border-color .3s ease, box-shadow .3s ease!important;
}

/* Language selector: flag + chevron only, no surrounding frame. */
header .language-current-btn{
    width:auto!important;
    height:auto!important;
    min-width:0!important;
    min-height:0!important;
    padding:2px!important;
    gap:5px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
}

/* -15% from the previous 30 x 20 px flag. */
header .language-current-flag{
    width:25.5px!important;
    height:17px!important;
    border-radius:2px!important;
}

/* Compact dropdown: only the alternative flag is shown. */
header .language-menu{
    width:auto!important;
    min-width:43px!important;
    padding:5px!important;
    right:0!important;
}
header .language-option{
    width:33px!important;
    min-width:33px!important;
    min-height:28px!important;
    height:28px!important;
    padding:4px!important;
    gap:0!important;
    justify-content:center!important;
    text-align:center!important;
}
header .language-option-flag{
    width:25.5px!important;
    height:17px!important;
}

/* Keep the visual menu cue visible and discreet. */
header .language-chevron{
    border-left-width:3px!important;
    border-right-width:3px!important;
    border-top-width:4px!important;
}

@media (max-width:440px){
    header .language-current-btn{
        width:auto!important;
        height:auto!important;
        min-width:0!important;
        min-height:0!important;
        padding:2px!important;
        gap:clamp(4px,1.14vw,5px)!important;
    }
    /* 15% reduction of the previous mobile flag range. */
    header .language-current-flag{
        width:clamp(23.8px,6.57vw,28.9px)!important;
        height:clamp(16.15px,4.45vw,19.55px)!important;
    }
    header .language-menu{
        width:auto!important;
        min-width:43px!important;
    }
    header .language-option-flag{
        width:25.5px!important;
        height:17px!important;
    }
}

/* --- red-v50-language-reference-scale --- */
@media (max-width:440px){
    header .language-current-flag,
    header .language-option-flag{
        width:clamp(18px,6.6111vw,23.8px)!important;
        height:clamp(12.86px,4.7222vw,17px)!important;
    }
}

/* --- red-v52-contact-direct-message --- */
html body #home-view #contact .contact-direct-message{
    width:100%!important;
    margin-top:20px!important;
}
html body #home-view #contact .contact-message-eyebrow{
    text-align:center!important;
    margin:0 0 18px!important;
}
html body #home-view #contact .contact-message-form{
    width:100%!important;
}
html body #home-view #contact .contact-message-grid{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:12px!important;
}
html body #home-view #contact .contact-message-field{
    min-width:0!important;
}
html body #home-view #contact .contact-message-field-full{
    grid-column:1 / -1!important;
}
html body #home-view #contact .contact-message-field label{
    display:block!important;
    margin:0 0 6px!important;
    color:#d7d7d7!important;
    font-family:var(--font-ui)!important;
    font-size:.68rem!important;
    font-weight:600!important;
    letter-spacing:.055em!important;
    text-transform:uppercase!important;
}
html body #home-view #contact .contact-message-field label span{
    color:#777!important;
    font-weight:500!important;
    text-transform:none!important;
    letter-spacing:0!important;
}
html body #home-view #contact .contact-message-field .input-icon-wrapper{
    position:relative!important;
}
html body #home-view #contact .contact-message-field input,
html body #home-view #contact .contact-message-field textarea{
    width:100%!important;
    border:1px solid rgba(223,184,107,.22)!important;
    border-radius:7px!important;
    background:#090909!important;
    color:#f3f3f3!important;
    font-family:var(--font-ui)!important;
    font-size:.78rem!important;
    line-height:1.45!important;
    outline:none!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.018)!important;
    transition:border-color .25s ease, box-shadow .25s ease, background .25s ease!important;
}
html body #home-view #contact .contact-message-field input{
    height:46px!important;
    padding:0 12px 0 39px!important;
}
html body #home-view #contact .contact-message-field textarea{
    min-height:122px!important;
    resize:vertical!important;
    padding:12px 12px 12px 39px!important;
}
html body #home-view #contact .contact-message-field input:focus,
html body #home-view #contact .contact-message-field textarea:focus{
    border-color:rgba(223,184,107,.62)!important;
    background:#0c0c0c!important;
    box-shadow:0 0 0 1px rgba(223,184,107,.09),0 8px 22px rgba(0,0,0,.22)!important;
}
html body #home-view #contact .contact-message-field .field-thin-icon{
    position:absolute!important;
    left:13px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    color:var(--accent-gold)!important;
    font-size:1rem!important;
    pointer-events:none!important;
    z-index:2!important;
}
html body #home-view #contact .contact-message-field-full .field-thin-icon{
    top:14px!important;
    transform:none!important;
}
html body #home-view #contact .contact-message-submit{
    display:block!important;
    width:100%!important;
    min-height:48px!important;
    margin:14px 0 0!important;
    border:1px solid rgba(223,184,107,.55)!important;
    border-radius:7px!important;
    background:linear-gradient(180deg,rgba(223,184,107,.10),rgba(223,184,107,.035))!important;
    color:#e8c989!important;
    font-family:var(--font-ui)!important;
    font-size:.74rem!important;
    font-weight:700!important;
    letter-spacing:.11em!important;
    text-transform:uppercase!important;
    cursor:pointer!important;
    transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease,background .25s ease!important;
}
html body #home-view #contact .contact-message-submit:active{
    transform:scale(.985)!important;
}
html body #home-view #contact .contact-response-note{
    margin:12px 2px 0!important;
    color:#8f8f8f!important;
    font-family:var(--font-ui)!important;
    font-size:.68rem!important;
    line-height:1.55!important;
    text-align:center!important;
}
@media (max-width:600px){
    html body #home-view #contact .contact-message-grid{
        grid-template-columns:1fr!important;
        gap:11px!important;
    }
    html body #home-view #contact .contact-message-field-full{
        grid-column:auto!important;
    }
}

/* --- red-v53-contact-form-language-fix --- */
/* Contact form labels use the exact same accent color as checkout/form labels. */
html body #home-view #contact .contact-message-field label{
    color:var(--accent-gold)!important;
}

/* Keep exactly one language visible in the Contact form.
   This overrides the previous display:block!important label rule safely. */
html:not([data-red-language="fr"]) body #home-view #contact .contact-message-field label.lang-fr,
html:not([data-red-language="fr"]) body #home-view #contact .contact-message-submit.lang-fr,
html:not([data-red-language="fr"]) body #home-view #contact .contact-response-note.lang-fr{
    display:none!important;
}
html:not([data-red-language="fr"]) body #home-view #contact .contact-message-field label.lang-en{
    display:block!important;
}

html[data-red-language="fr"] body #home-view #contact .contact-message-field label.lang-en,
html[data-red-language="fr"] body #home-view #contact .contact-message-submit.lang-en,
html[data-red-language="fr"] body #home-view #contact .contact-response-note.lang-en{
    display:none!important;
}
html[data-red-language="fr"] body #home-view #contact .contact-message-field label.lang-fr{
    display:block!important;
}

/* Email is language-neutral and remains visible in both versions. */

/* --- red-v54-contact-form-and-language-code --- */
html body #home-view #contact .contact-message-field label{display:none!important;}
html body #home-view #contact .contact-message-field input::placeholder,
html body #home-view #contact .contact-message-field textarea::placeholder{
    color:#8f8f8f!important;opacity:1!important;font-family:var(--font-ui)!important;font-weight:400!important;
}
html body #home-view #contact .contact-phone-field-wrapper .iti{width:100%!important;display:block!important;}
html body #home-view #contact .contact-phone-field-wrapper .iti__flag-container{left:0!important;}
html body #home-view #contact .contact-phone-field-wrapper .iti input{width:100%!important;}

html body #home-view #contact .contact-message-submit{
    border:1px solid rgba(223,184,107,.58)!important;border-radius:6px!important;
    background-color:#080808!important;
    background-image:linear-gradient(180deg,rgba(223,184,107,.105),rgba(223,184,107,.045))!important;
    color:#e8c989!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 7px 22px rgba(0,0,0,.15)!important;
    transition:background .3s ease,border-color .3s ease,color .3s ease,box-shadow .3s ease,transform .2s ease!important;
}
html body #home-view #contact .contact-message-submit:hover,
html body #home-view #contact .contact-message-submit:focus,
html body #home-view #contact .contact-message-submit:active{
    background-color:#080808!important;
    background-image:linear-gradient(180deg,rgba(223,184,107,.16),rgba(223,184,107,.075))!important;
    border-color:rgba(223,184,107,.82)!important;color:#efd79f!important;
    box-shadow:0 9px 25px rgba(0,0,0,.18)!important;
}
html body #home-view #contact .contact-message-submit:active{transform:scale(.985)!important;}

header .language-current-stack{
    display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
    gap:2px!important;line-height:1!important;
}
header .language-current-code{
    display:block!important;color:rgba(223,184,107,.86)!important;font-family:var(--font-ui)!important;
    font-size:7px!important;font-weight:700!important;line-height:1!important;letter-spacing:.08em!important;text-transform:uppercase!important;
}
@media (max-width:440px){
    header .language-current-code{font-size:clamp(6px,1.67vw,7px)!important;}
}

/* --- red-v55-contact-phone-exact-clone-and-language-codes --- */
/* Header language codes: readable but still discreet. */
header .language-current-code{
    font-size:9px!important;
    line-height:1!important;
    letter-spacing:.10em!important;
}
header .language-option{
    width:38px!important;
    min-width:38px!important;
    min-height:36px!important;
    height:36px!important;
    padding:4px!important;
}
header .language-option-stack{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:2px!important;
    line-height:1!important;
}
header .language-option-code{
    display:block!important;
    color:rgba(223,184,107,.90)!important;
    font-family:var(--font-ui)!important;
    font-size:8px!important;
    font-weight:700!important;
    line-height:1!important;
    letter-spacing:.10em!important;
    text-transform:uppercase!important;
}
@media (max-width:440px){
    header .language-current-code{font-size:8.5px!important;}
    header .language-option-code{font-size:8px!important;}
}

/* CONTACT PHONE — exact same layout values as the validated checkout phone field. */
html body #home-view #contact .contact-phone-field-wrapper{
    position:relative!important;
}
html body #home-view #contact .contact-phone-field-wrapper > .phone-field-icon{
    left:14px!important;
    right:auto!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    width:18px!important;
    height:18px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    color:var(--accent-gold)!important;
    opacity:.78!important;
    font-size:1rem!important;
    line-height:1!important;
    z-index:6!important;
    pointer-events:none!important;
}
html body #home-view #contact .contact-phone-field-wrapper .iti{
    width:100%!important;
    display:block!important;
}
html body #home-view #contact .contact-phone-field-wrapper .iti__flag-container{
    left:42px!important;
    width:62px!important;
}
html body #home-view #contact .contact-phone-field-wrapper .iti__selected-flag{
    width:62px!important;
    padding:0 9px!important;
    border-left:1px solid rgba(223,184,107,.18)!important;
    border-right:1px solid rgba(223,184,107,.32)!important;
    border-radius:0!important;
    background:rgba(223,184,107,.035)!important;
}
html body #home-view #contact .contact-phone-field-wrapper .iti:focus-within .iti__selected-flag{
    background:rgba(223,184,107,.065)!important;
    border-left-color:rgba(223,184,107,.28)!important;
    border-right-color:rgba(223,184,107,.52)!important;
}
html body #home-view #contact .contact-phone-field-wrapper .iti--allow-dropdown input[type="tel"],
html body #home-view #contact .contact-phone-field-wrapper .iti input[type="tel"],
html body #home-view #contact .contact-phone-field-wrapper input#contact_phone{
    padding-left:118px!important;
    padding-right:14px!important;
}
html body #home-view #contact .contact-phone-field-wrapper:focus-within > .phone-field-icon{
    opacity:1!important;
}
@media (max-width:1023px){
    html body #home-view #contact .contact-phone-field-wrapper > .phone-field-icon{
        left:13px!important;
        font-size:.96rem!important;
    }
    html body #home-view #contact .contact-phone-field-wrapper .iti__flag-container{
        left:40px!important;
        width:60px!important;
    }
    html body #home-view #contact .contact-phone-field-wrapper .iti__selected-flag{
        width:60px!important;
        padding:0 8px!important;
    }
    html body #home-view #contact .contact-phone-field-wrapper .iti--allow-dropdown input[type="tel"],
    html body #home-view #contact .contact-phone-field-wrapper .iti input[type="tel"],
    html body #home-view #contact .contact-phone-field-wrapper input#contact_phone{
        padding-left:114px!important;
    }
}

/* --- red-v56-header-language-and-contact-country-dropdown --- */
/* HEADER LANGUAGE
   Keep flag centered next to the chevron.
   EN/FR stays strictly below the flag, not below the whole control. */
header .language-current-btn{
    display:grid!important;
    grid-template-columns:auto auto!important;
    grid-template-rows:auto!important;
    align-items:center!important;
    justify-items:center!important;
    column-gap:5px!important;
}
header .language-current-stack{
    grid-column:1!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:3px!important;
    min-width:0!important;
}
header .language-chevron{
    grid-column:2!important;
    align-self:center!important;
    justify-self:center!important;
    margin:0!important;
}
header .language-current-code{
    width:100%!important;
    text-align:center!important;
    margin:0!important;
}

/* Dropdown options use same centered vertical flag/code logic. */
header .language-option{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
}
header .language-option-stack{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:3px!important;
}

/* CONTACT PHONE COUNTRY MENU
   Contain the intl-tel-input dropdown inside the contact card and open upward. */
html body #home-view #contact .contact-phone-field-wrapper{
    position:relative!important;
    overflow:visible!important;
    z-index:30!important;
}
html body #home-view #contact .contact-phone-field-wrapper .iti{
    position:relative!important;
    width:100%!important;
    overflow:visible!important;
}
html body #home-view #contact .contact-phone-field-wrapper .iti__flag-container{
    z-index:40!important;
}

/* Force the country list upward, aligned with the field left edge. */
html body #home-view #contact .contact-phone-field-wrapper .iti__country-list{
    position:absolute!important;
    top:auto!important;
    bottom:calc(100% + 8px)!important;
    left:-40px!important;
    right:auto!important;
    width:min(320px, calc(100vw - 44px))!important;
    max-width:min(320px, calc(100vw - 44px))!important;
    max-height:min(300px, 46vh)!important;
    margin:0!important;
    padding:6px 0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    border:1px solid rgba(223,184,107,.30)!important;
    border-radius:8px!important;
    background:#080808!important;
    color:#e7e0d6!important;
    box-shadow:0 18px 42px rgba(0,0,0,.62), inset 0 1px 0 rgba(255,255,255,.025)!important;
    z-index:60000!important;
    scrollbar-width:thin!important;
    scrollbar-color:#d8b46b transparent!important;
}

/* Make list items compact and readable. */
html body #home-view #contact .contact-phone-field-wrapper .iti__country{
    min-height:36px!important;
    padding:7px 10px!important;
    display:flex!important;
    align-items:center!important;
    gap:7px!important;
    font-family:var(--font-ui)!important;
    font-size:.74rem!important;
    line-height:1.2!important;
    color:#d9d9d9!important;
    background:transparent!important;
    white-space:nowrap!important;
}
html body #home-view #contact .contact-phone-field-wrapper .iti__country:hover,
html body #home-view #contact .contact-phone-field-wrapper .iti__country.iti__highlight{
    background:rgba(223,184,107,.075)!important;
    color:#efd79f!important;
}
html body #home-view #contact .contact-phone-field-wrapper .iti__country-name{
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    flex:1 1 auto!important;
}
html body #home-view #contact .contact-phone-field-wrapper .iti__dial-code{
    color:#9f9f9f!important;
    flex:0 0 auto!important;
}
html body #home-view #contact .contact-phone-field-wrapper .iti__divider{
    margin:4px 0!important;
    padding:0!important;
    border-bottom:1px solid rgba(223,184,107,.16)!important;
}

/* Gold, discreet scrollbar. */
html body #home-view #contact .contact-phone-field-wrapper .iti__country-list::-webkit-scrollbar{
    width:3px!important;
}
html body #home-view #contact .contact-phone-field-wrapper .iti__country-list::-webkit-scrollbar-track{
    background:transparent!important;
}
html body #home-view #contact .contact-phone-field-wrapper .iti__country-list::-webkit-scrollbar-thumb{
    background:#d8b46b!important;
    border-radius:999px!important;
}

@media (max-width:440px){
    html body #home-view #contact .contact-phone-field-wrapper .iti__country-list{
        left:-40px!important;
        width:min(286px, calc(100vw - 32px))!important;
        max-width:min(286px, calc(100vw - 32px))!important;
        max-height:min(270px, 44vh)!important;
    }
    html body #home-view #contact .contact-phone-field-wrapper .iti__country{
        min-height:34px!important;
        padding:6px 9px!important;
        font-size:.70rem!important;
    }
}

/* --- red-v59-header-and-phone-country-selector --- */
/* ================================================================
   V59 — HEADER LANGUAGE CONTROL
   Dropdown menu itself is intentionally untouched.
   On the header button only: flag left; EN/FR above arrow on right.
   ================================================================ */
html body header .language-current-btn{
    display:grid!important;
    grid-template-columns:auto auto!important;
    grid-template-rows:auto auto!important;
    place-content:center!important;
    align-items:center!important;
    justify-items:center!important;
    column-gap:5px!important;
    row-gap:1px!important;
    padding:2px!important;
}
html body header .language-current-flag{
    grid-column:1!important;
    grid-row:1 / 3!important;
    align-self:center!important;
    justify-self:center!important;
    margin:0!important;
}
html body header .language-current-code{
    grid-column:2!important;
    grid-row:1!important;
    align-self:end!important;
    justify-self:center!important;
    width:auto!important;
    margin:0!important;
    padding:0!important;
    text-align:center!important;
    line-height:1!important;
}
html body header .language-chevron{
    grid-column:2!important;
    grid-row:2!important;
    align-self:start!important;
    justify-self:center!important;
    margin:0!important;
    transform:none!important;
}
html body header .language-dropdown.menu-open .language-chevron{
    transform:rotate(180deg)!important;
}

/* ================================================================
   V59 — PHONE COUNTRY SELECTOR
   We keep intl-tel-input for the selected flag, dial-code logic and
   country state, but replace its country LIST with one controlled
   menu shared by both phone fields. This avoids v17's mobile
   fullscreen dropdown and makes layout identical in both forms.
   ================================================================ */

/* Native country lists are never used by these two inputs anymore. */
html body #checkout-view .phone-field-wrapper .iti__country-list,
html body #home-view #contact .contact-phone-field-wrapper .iti__country-list,
html body > .iti.iti--container{
    display:none!important;
}

#red-phone-country-menu{
    position:fixed!important;
    display:none;
    box-sizing:border-box!important;
    z-index:1000000!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    border:1px solid rgba(223,184,107,.34)!important;
    border-radius:8px!important;
    background:linear-gradient(160deg,rgba(15,15,15,.995),rgba(5,5,5,.995))!important;
    box-shadow:0 18px 44px rgba(0,0,0,.68), inset 0 1px 0 rgba(255,255,255,.025)!important;
    color:#e7e0d6!important;
    backdrop-filter:blur(12px)!important;
    -webkit-backdrop-filter:blur(12px)!important;
}
#red-phone-country-menu.red-phone-country-menu-open{
    display:block!important;
}
#red-phone-country-menu .red-phone-country-scroll{
    width:100%!important;
    max-height:inherit!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:thin!important;
    scrollbar-color:#d8b46b transparent!important;
}
#red-phone-country-menu .red-phone-country-scroll::-webkit-scrollbar{
    width:3px!important;
}
#red-phone-country-menu .red-phone-country-scroll::-webkit-scrollbar-track{
    background:transparent!important;
}
#red-phone-country-menu .red-phone-country-scroll::-webkit-scrollbar-thumb{
    background:#d8b46b!important;
    border-radius:999px!important;
}
#red-phone-country-menu .red-phone-country-option{
    appearance:none!important;
    -webkit-appearance:none!important;
    display:grid!important;
    grid-template-columns:24px 52px minmax(0,1fr)!important;
    align-items:center!important;
    column-gap:8px!important;
    width:100%!important;
    min-width:0!important;
    min-height:38px!important;
    box-sizing:border-box!important;
    margin:0!important;
    padding:7px 10px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    color:#d8d8d8!important;
    font-family:var(--font-ui)!important;
    font-size:.72rem!important;
    font-weight:400!important;
    line-height:1.2!important;
    text-align:left!important;
    cursor:pointer!important;
    -webkit-tap-highlight-color:transparent!important;
}
#red-phone-country-menu .red-phone-country-option:hover,
#red-phone-country-menu .red-phone-country-option:focus-visible{
    outline:0!important;
    background:transparent!important;
    color:#d8d8d8!important;
}
#red-phone-country-menu .red-phone-country-option.red-phone-country-selected{
    outline:0!important;
    background:transparent!important;
    color:#efd79f!important;
}
#red-phone-country-menu .red-phone-country-flagbox{
    width:22px!important;
    min-width:22px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    overflow:visible!important;
}
#red-phone-country-menu .red-phone-country-flagbox .iti__flag{
    margin:0!important;
    flex:0 0 auto!important;
}
#red-phone-country-menu .red-phone-country-dial{
    min-width:0!important;
    color:#d8b46b!important;
    font-variant-numeric:tabular-nums!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:clip!important;
}
#red-phone-country-menu .red-phone-country-name{
    min-width:0!important;
    display:block!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    color:inherit!important;
}
#red-phone-country-menu .red-phone-country-divider{
    display:block!important;
    width:calc(100% - 20px)!important;
    height:1px!important;
    margin:4px 10px!important;
    padding:0!important;
    border:0!important;
    background:rgba(223,184,107,.16)!important;
    pointer-events:none!important;
}

@media (max-width:440px){
    #red-phone-country-menu .red-phone-country-option{
        grid-template-columns:22px 48px minmax(0,1fr)!important;
        column-gap:7px!important;
        min-height:36px!important;
        padding:6px 9px!important;
        font-size:.70rem!important;
    }
}
@media (max-width:340px){
    #red-phone-country-menu .red-phone-country-option{
        grid-template-columns:21px 45px minmax(0,1fr)!important;
        column-gap:6px!important;
        padding-left:8px!important;
        padding-right:8px!important;
        font-size:.68rem!important;
    }
}

/* --- red-v60-phone-country-interactions --- */
/* All dial codes white by default. */
#red-phone-country-menu .red-phone-country-dial{
    color:#ffffff!important;
    -webkit-text-fill-color:#ffffff!important;
}

/* Selected country: gold text only, absolutely no gold panel/background. */
#red-phone-country-menu .red-phone-country-option.red-phone-country-selected,
#red-phone-country-menu .red-phone-country-option.red-phone-country-selected:hover,
#red-phone-country-menu .red-phone-country-option.red-phone-country-selected:focus,
#red-phone-country-menu .red-phone-country-option.red-phone-country-selected:focus-visible{
    background:transparent!important;
    background-color:transparent!important;
    background-image:none!important;
    box-shadow:none!important;
    outline:0!important;
    color:#efd79f!important;
    -webkit-text-fill-color:#efd79f!important;
}
#red-phone-country-menu .red-phone-country-option.red-phone-country-selected .red-phone-country-dial,
#red-phone-country-menu .red-phone-country-option.red-phone-country-selected .red-phone-country-name{
    color:#efd79f!important;
    -webkit-text-fill-color:#efd79f!important;
}

/* Normal rows stay neutral. Hover can remain subtle, but never looks "selected". */
#red-phone-country-menu .red-phone-country-option:not(.red-phone-country-selected){
    color:#d8d8d8!important;
}
#red-phone-country-menu .red-phone-country-option:not(.red-phone-country-selected):hover{background:transparent!important;background-color:transparent!important;background-image:none!important;}

/* Keyboard prefix navigation: visible cursor without creating a gold box. */
#red-phone-country-menu .red-phone-country-option.red-phone-country-keymatch,
#red-phone-country-menu .red-phone-country-option.red-phone-country-keymatch:focus,
#red-phone-country-menu .red-phone-country-option.red-phone-country-keymatch:focus-visible{
    outline:0!important;
    background:transparent!important;
    box-shadow:none!important;
}
#red-phone-country-menu .red-phone-country-option.red-phone-country-keymatch .red-phone-country-name{
    text-decoration:underline!important;
    text-decoration-color:rgba(223,184,107,.78)!important;
    text-decoration-thickness:1px!important;
    text-underline-offset:3px!important;
}

/* Prevent browser tap highlight on immediate pointer selection. */
#red-phone-country-menu .red-phone-country-option{
    -webkit-tap-highlight-color:transparent!important;
    touch-action:pan-y!important;
}

/* --- red-v62-phone-country-press-preview --- */
#red-phone-country-menu .red-phone-country-option.red-phone-country-press-preview,
#red-phone-country-menu .red-phone-country-option.red-phone-country-press-preview:hover,
#red-phone-country-menu .red-phone-country-option.red-phone-country-press-preview:focus,
#red-phone-country-menu .red-phone-country-option.red-phone-country-press-preview:focus-visible{
    background:transparent!important;
    background-color:transparent!important;
    background-image:none!important;
    box-shadow:none!important;
    outline:0!important;
    color:#efd79f!important;
    -webkit-text-fill-color:#efd79f!important;
}
#red-phone-country-menu .red-phone-country-option.red-phone-country-press-preview .red-phone-country-dial,
#red-phone-country-menu .red-phone-country-option.red-phone-country-press-preview .red-phone-country-name{
    color:#efd79f!important;
    -webkit-text-fill-color:#efd79f!important;
}

/* --- red-v63-phone-menu-hitbox-and-scrollbar --- */
/* The menu itself is an opaque interaction surface: no pointer can fall through it. */
#red-phone-country-menu,
#red-phone-country-menu .red-phone-country-scroll,
#red-phone-country-menu .red-phone-country-option{
    pointer-events:auto!important;
}

/* Hide native scrollbar: use the exact red-luxury-scrollbar used by NUMBER OF HOURS. */
#red-phone-country-menu .red-phone-country-scroll{
    scrollbar-width:none!important;
    -ms-overflow-style:none!important;
}
#red-phone-country-menu .red-phone-country-scroll::-webkit-scrollbar{
    width:0!important;
    height:0!important;
    display:none!important;
}
#red-phone-country-menu .red-phone-country-luxury-scrollbar{
    z-index:120!important;
}

/* No background, frame, outline or shadow can appear behind a country
   during press, focus, active state or while a touch turns into a scroll. */
#red-phone-country-menu .red-phone-country-option,
#red-phone-country-menu .red-phone-country-option:hover,
#red-phone-country-menu .red-phone-country-option:focus,
#red-phone-country-menu .red-phone-country-option:focus-visible,
#red-phone-country-menu .red-phone-country-option:active,
#red-phone-country-menu .red-phone-country-option.red-phone-country-selected,
#red-phone-country-menu .red-phone-country-option.red-phone-country-selected:hover,
#red-phone-country-menu .red-phone-country-option.red-phone-country-selected:focus,
#red-phone-country-menu .red-phone-country-option.red-phone-country-selected:active,
#red-phone-country-menu .red-phone-country-option.red-phone-country-press-preview,
#red-phone-country-menu .red-phone-country-option.red-phone-country-press-preview:hover,
#red-phone-country-menu .red-phone-country-option.red-phone-country-press-preview:focus,
#red-phone-country-menu .red-phone-country-option.red-phone-country-press-preview:active,
#red-phone-country-menu .red-phone-country-option.red-phone-country-keymatch{
    background:transparent!important;
    background-color:transparent!important;
    background-image:none!important;
    border:0!important;
    outline:0!important;
    box-shadow:none!important;
    filter:none!important;
}

/* Preserve requested text-only states. */
#red-phone-country-menu .red-phone-country-option.red-phone-country-selected,
#red-phone-country-menu .red-phone-country-option.red-phone-country-selected .red-phone-country-dial,
#red-phone-country-menu .red-phone-country-option.red-phone-country-selected .red-phone-country-name,
#red-phone-country-menu .red-phone-country-option.red-phone-country-press-preview,
#red-phone-country-menu .red-phone-country-option.red-phone-country-press-preview .red-phone-country-dial,
#red-phone-country-menu .red-phone-country-option.red-phone-country-press-preview .red-phone-country-name{
    color:#efd79f!important;
    -webkit-text-fill-color:#efd79f!important;
}

/* --- red-v64-header-above-country-menu --- */
html body header{
    z-index:2147483000!important;
}
#red-phone-country-menu{
    z-index:2147482000!important;
}
#red-phone-country-shield{
    z-index:2147481000!important;
}

/* --- red-v64-phone-country-visual-cleanup --- */
/* Absolutely no row panel/background in any interaction state. */
html body #red-phone-country-menu .red-phone-country-option,
html body #red-phone-country-menu .red-phone-country-option:hover,
html body #red-phone-country-menu .red-phone-country-option:focus,
html body #red-phone-country-menu .red-phone-country-option:focus-visible,
html body #red-phone-country-menu .red-phone-country-option:active,
html body #red-phone-country-menu .red-phone-country-option.red-phone-country-selected,
html body #red-phone-country-menu .red-phone-country-option.red-phone-country-selected:hover,
html body #red-phone-country-menu .red-phone-country-option.red-phone-country-selected:focus,
html body #red-phone-country-menu .red-phone-country-option.red-phone-country-selected:active,
html body #red-phone-country-menu .red-phone-country-option.red-phone-country-press-preview,
html body #red-phone-country-menu .red-phone-country-option.red-phone-country-press-preview:hover,
html body #red-phone-country-menu .red-phone-country-option.red-phone-country-press-preview:focus,
html body #red-phone-country-menu .red-phone-country-option.red-phone-country-press-preview:active,
html body #red-phone-country-menu .red-phone-country-option.red-phone-country-keymatch{
    background:none!important;
    background-color:transparent!important;
    background-image:none!important;
    border:0!important;
    outline:0!important;
    box-shadow:none!important;
    filter:none!important;
    text-shadow:none!important;
    -webkit-tap-highlight-color:transparent!important;
}

/* Remove any pseudo-layer a browser/theme could use behind a row. */
html body #red-phone-country-menu .red-phone-country-option::before,
html body #red-phone-country-menu .red-phone-country-option::after{
    content:none!important;
    display:none!important;
}

/* NUMBER OF HOURS scrollbar is reused without any phone-specific opacity/style override. */
#red-phone-country-menu .red-phone-country-luxury-scrollbar{
    opacity:1!important;
}

/* Transparent interaction shield: blocks all click-through, still allows pan-y scrolling. */
#red-phone-country-shield{
    position:fixed!important;
    inset:0!important;
    display:none!important;
    background:transparent!important;
    pointer-events:auto!important;
    touch-action:pan-y!important;
    -webkit-tap-highlight-color:transparent!important;
}
body.red-phone-country-open #red-phone-country-shield{
    display:block!important;
}

/* --- red-v65-phone-autofill-validation-fixes --- */
/* HEADER must remain above the custom country selector. */
html body header{z-index:2147483000!important;}
#red-phone-country-menu{z-index:2147482000!important;}
#red-phone-country-shield{z-index:2147481000!important;}

/* While open, the page itself cannot receive pointer hits. The shield owns outside
   gestures, the active phone field remains available for the requested second-tap toggle. */
body.red-phone-country-open #home-view,
body.red-phone-country-open #booking-view,
body.red-phone-country-open #checkout-view{pointer-events:none!important;}
body.red-phone-country-open .red-phone-menu-active-field,
body.red-phone-country-open header,
body.red-phone-country-open #red-phone-country-menu,
body.red-phone-country-open #red-phone-country-shield{pointer-events:auto!important;}
.red-phone-menu-active-field{position:relative!important;z-index:2147481500!important;}

/* Short post-close guard catches delayed/synthetic mobile clicks. */
body.red-phone-ghost-guard #home-view,
body.red-phone-ghost-guard #booking-view,
body.red-phone-ghost-guard #checkout-view{pointer-events:none!important;}
body.red-phone-ghost-guard header{pointer-events:auto!important;}

#red-phone-country-shield{
    position:fixed!important;inset:0!important;display:none!important;
    background:transparent!important;pointer-events:auto!important;
    touch-action:pan-y!important;-webkit-tap-highlight-color:transparent!important;
}
body.red-phone-country-open #red-phone-country-shield{display:block!important;}

/* Country rows are DIVs, not buttons. No browser/global button active panel can exist. */
html body #red-phone-country-menu .red-phone-country-option,
html body #red-phone-country-menu .red-phone-country-option:hover,
html body #red-phone-country-menu .red-phone-country-option:focus,
html body #red-phone-country-menu .red-phone-country-option:focus-visible,
html body #red-phone-country-menu .red-phone-country-option:active,
html body #red-phone-country-menu .red-phone-country-option.red-phone-country-selected,
html body #red-phone-country-menu .red-phone-country-option.red-phone-country-press-preview,
html body #red-phone-country-menu .red-phone-country-option.red-phone-country-keymatch{
    appearance:none!important;-webkit-appearance:none!important;
    background:transparent!important;background-color:transparent!important;background-image:none!important;
    border:0!important;border-radius:0!important;outline:0!important;box-shadow:none!important;
    filter:none!important;text-shadow:none!important;-webkit-tap-highlight-color:transparent!important;
}
html body #red-phone-country-menu .red-phone-country-option::before,
html body #red-phone-country-menu .red-phone-country-option::after{content:none!important;display:none!important;}

/* Default dial codes white. Selected/pressed country is gold text only. */
html body #red-phone-country-menu .red-phone-country-dial{color:#fff!important;-webkit-text-fill-color:#fff!important;}
html body #red-phone-country-menu .red-phone-country-option.red-phone-country-selected,
html body #red-phone-country-menu .red-phone-country-option.red-phone-country-selected .red-phone-country-dial,
html body #red-phone-country-menu .red-phone-country-option.red-phone-country-selected .red-phone-country-name,
html body #red-phone-country-menu .red-phone-country-option.red-phone-country-press-preview,
html body #red-phone-country-menu .red-phone-country-option.red-phone-country-press-preview .red-phone-country-dial,
html body #red-phone-country-menu .red-phone-country-option.red-phone-country-press-preview .red-phone-country-name{
    color:#efd79f!important;-webkit-text-fill-color:#efd79f!important;
}

/* Native scrollbar hidden; same red-luxury classes/geometry as NUMBER OF HOURS. */
#red-phone-country-menu .red-phone-country-scroll{scrollbar-width:none!important;-ms-overflow-style:none!important;}
#red-phone-country-menu .red-phone-country-scroll::-webkit-scrollbar{display:none!important;width:0!important;height:0!important;}
#red-phone-country-menu .red-phone-country-luxury-scrollbar{z-index:120!important;opacity:1!important;}

/* Opening the flag menu illuminates the telephone field like a focused email field. */
html body #home-view #contact .contact-phone-field-wrapper.red-phone-menu-active-field input{
    border-color:rgba(223,184,107,.62)!important;background:#0c0c0c!important;
    box-shadow:0 0 0 1px rgba(223,184,107,.09),0 8px 22px rgba(0,0,0,.22)!important;
}
html body #home-view #contact .contact-phone-field-wrapper.red-phone-menu-active-field .iti__selected-flag{
    background:rgba(223,184,107,.065)!important;border-left-color:rgba(223,184,107,.28)!important;border-right-color:rgba(223,184,107,.52)!important;
}
html body #checkout-view .phone-field-wrapper.red-phone-menu-active-field input{
    border-color:rgba(223,184,107,.60)!important;
}
html body #checkout-view .phone-field-wrapper.red-phone-menu-active-field .iti__selected-flag{
    background:rgba(223,184,107,.065)!important;border-left-color:rgba(223,184,107,.28)!important;border-right-color:rgba(223,184,107,.52)!important;
}

/* Chrome/Google Autofill: preserve the black luxury fields and readable white text.
   Applied explicitly to BOTH Contact and Passenger Information forms. */
html body #home-view #contact input:-webkit-autofill,
html body #home-view #contact input:-webkit-autofill:hover,
html body #home-view #contact input:-webkit-autofill:focus,
html body #home-view #contact textarea:-webkit-autofill,
html body #home-view #contact textarea:-webkit-autofill:hover,
html body #home-view #contact textarea:-webkit-autofill:focus,
html body #checkout-view #passengerForm input:-webkit-autofill,
html body #checkout-view #passengerForm input:-webkit-autofill:hover,
html body #checkout-view #passengerForm input:-webkit-autofill:focus,
html body #checkout-view #passengerForm textarea:-webkit-autofill,
html body #checkout-view #passengerForm textarea:-webkit-autofill:hover,
html body #checkout-view #passengerForm textarea:-webkit-autofill:focus{
    -webkit-text-fill-color:#f3f3f3!important;
    caret-color:#f3f3f3!important;
    -webkit-box-shadow:0 0 0 1000px #090909 inset!important;
    box-shadow:0 0 0 1000px #090909 inset!important;
    background-color:#090909!important;
    background-image:none!important;
    border-color:rgba(223,184,107,.22)!important;
    transition:background-color 999999s ease-out 0s!important;
}
html body #home-view #contact input:-webkit-autofill:focus,
html body #home-view #contact textarea:-webkit-autofill:focus{
    border-color:rgba(223,184,107,.62)!important;
    -webkit-box-shadow:0 0 0 1000px #0c0c0c inset,0 0 0 1px rgba(223,184,107,.09),0 8px 22px rgba(0,0,0,.22)!important;
    box-shadow:0 0 0 1000px #0c0c0c inset,0 0 0 1px rgba(223,184,107,.09),0 8px 22px rgba(0,0,0,.22)!important;
}
html body #checkout-view #passengerForm input:-webkit-autofill:focus,
html body #checkout-view #passengerForm textarea:-webkit-autofill:focus{border-color:rgba(223,184,107,.60)!important;}

/* Standards pseudo-class fallback. */
html body #home-view #contact input:autofill,
html body #home-view #contact textarea:autofill,
html body #checkout-view #passengerForm input:autofill,
html body #checkout-view #passengerForm textarea:autofill{
    color:#f3f3f3!important;background:#090909!important;caret-color:#f3f3f3!important;
}

/* Contact validation line: exact visual language of reservation/checkout errors. */
html body #home-view #contact #contact-form-error-msg{
    display:none;width:100%;color:#f3d7a1;
    background:linear-gradient(135deg,rgba(223,184,107,.085),rgba(223,184,107,.025));
    border:1px solid rgba(223,184,107,.38);border-left:2px solid var(--accent-gold);
    border-radius:7px;padding:11px 13px;margin-top:4px;
    font-family:var(--font-ui);font-size:.78rem;font-weight:500;line-height:1.5;letter-spacing:.01em;text-align:left;
    box-shadow:0 10px 28px rgba(0,0,0,.24);box-sizing:border-box;
}
html body #home-view #contact .contact-message-field.field-luxury-error input,
html body #home-view #contact .contact-message-field.field-luxury-error textarea{
    border-color:rgba(223,184,107,.78)!important;box-shadow:0 0 0 1px rgba(223,184,107,.08)!important;
}

/* --- red-v66-final-polish --- */
html:not(.red-v66-ready) #red-phone-country-menu,
html:not(.red-v66-ready) #red-phone-country-shield{display:none!important;visibility:hidden!important;}

html body header .lang-switcher.language-dropdown{
    width:38px!important;min-width:38px!important;max-width:38px!important;flex:0 0 38px!important;
}
html body header .language-current-btn{
    width:38px!important;min-width:38px!important;max-width:38px!important;
    height:32px!important;min-height:32px!important;max-height:32px!important;
    grid-template-columns:24px 8px!important;grid-template-rows:14px 8px!important;
    column-gap:4px!important;row-gap:0!important;padding:0!important;margin:0!important;
}
html body header .language-current-flag{
    width:23.8px!important;min-width:23.8px!important;max-width:23.8px!important;
    height:17px!important;min-height:17px!important;max-height:17px!important;
}
html body header .language-current-code{width:8px!important;min-width:8px!important;max-width:8px!important;text-align:center!important;}

html body #home-view #contact .contact-luxury,
html body #home-view #contact .contact-luxury:hover,
html body #home-view #contact .contact-luxury:focus,
html body #home-view #contact .contact-luxury:active,
html body #home-view #contact .contact-luxury.card-relief-selected{
    transform:none!important;border:0!important;border-color:transparent!important;border-radius:0!important;
    background:transparent!important;background-image:none!important;box-shadow:none!important;
}
html body #home-view #contact .contact-luxury{padding:0!important;}

html body #home-view #destinations .destination-pill{
    transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease,background-color .3s ease,color .3s ease!important;
}
html body #home-view #destinations .destination-pill.card-relief-selected{
    transform:translateY(-3px)!important;border-color:rgba(223,184,107,.60)!important;
    background:rgba(223,184,107,.07)!important;color:#efd79f!important;
    box-shadow:0 10px 22px rgba(0,0,0,.24)!important;
}
@media (hover:none),(pointer:coarse){
    html body #home-view #destinations .destination-pill:hover:not(.card-relief-selected){
        transform:none!important;background:rgba(223,184,107,.035)!important;
        border-color:rgba(223,184,107,.28)!important;box-shadow:none!important;
    }
}

html body #home-view #services{padding-bottom:38px!important;}
html body #home-view #vehicules{padding-top:38px!important;}
html body #home-view #journal{padding-bottom:38px!important;}
html body #home-view #details{padding-top:38px!important;}
html body #home-view #destinations{padding-bottom:38px!important;}
html body #home-view #events{padding-top:38px!important;}
html body #home-view #reviews{padding-bottom:60px!important;}
html body #home-view #contact{padding-top:60px!important;}
@media (max-width:1023px){
    html body #home-view #services{padding-bottom:30px!important;}
    html body #home-view #vehicules{padding-top:30px!important;}
    html body #home-view #journal{padding-bottom:30px!important;}
    html body #home-view #details{padding-top:30px!important;}
    html body #home-view #destinations{padding-bottom:30px!important;}
    html body #home-view #events{padding-top:30px!important;}
    html body #home-view #reviews{padding-bottom:60px!important;}
    html body #home-view #contact{padding-top:60px!important;}
}

html body #home-view #calcForm .input-icon-wrapper input,
html body #home-view #calcForm .input-icon-wrapper textarea,
html body #home-view #contact .contact-message-field input,
html body #home-view #contact .contact-message-field textarea,
html body #checkout-view #passengerForm .input-icon-wrapper input,
html body #checkout-view #passengerForm .input-icon-wrapper textarea{
    font-family:var(--font-ui)!important;font-size:16px!important;font-weight:400!important;font-style:normal!important;
    line-height:normal!important;letter-spacing:normal!important;word-spacing:normal!important;
    font-synthesis:none!important;font-kerning:auto!important;color:#fff!important;-webkit-text-fill-color:#fff!important;
}
html body #home-view #contact .contact-message-grid,
html body #checkout-view #passengerForm .form-grid{gap:13px!important;}
html body #home-view #contact #contact-form-error-msg{margin:13px 0 0!important;}
html body #home-view #contact .contact-message-submit{margin-top:13px!important;}

html body #home-view #contact #contact_message{resize:none!important;overflow:auto!important;}
html body #home-view #contact #contact_message::-webkit-resizer{
    display:none!important;width:0!important;height:0!important;background:transparent!important;
}

html body #home-view #calcForm input:-webkit-autofill,
html body #home-view #calcForm input:-webkit-autofill:hover,
html body #home-view #calcForm input:-webkit-autofill:focus,
html body #home-view #calcForm textarea:-webkit-autofill,
html body #home-view #contact input:-webkit-autofill,
html body #home-view #contact input:-webkit-autofill:hover,
html body #home-view #contact input:-webkit-autofill:focus,
html body #home-view #contact textarea:-webkit-autofill,
html body #home-view #contact textarea:-webkit-autofill:hover,
html body #home-view #contact textarea:-webkit-autofill:focus,
html body #checkout-view #passengerForm input:-webkit-autofill,
html body #checkout-view #passengerForm input:-webkit-autofill:hover,
html body #checkout-view #passengerForm input:-webkit-autofill:focus,
html body #checkout-view #passengerForm textarea:-webkit-autofill,
html body #checkout-view #passengerForm textarea:-webkit-autofill:hover,
html body #checkout-view #passengerForm textarea:-webkit-autofill:focus{
    -webkit-text-fill-color:#fff!important;caret-color:#fff!important;
    -webkit-box-shadow:0 0 0 1000px #080808 inset!important;box-shadow:0 0 0 1000px #080808 inset!important;
    background-color:#080808!important;font-family:var(--font-ui)!important;font-size:16px!important;font-weight:400!important;
    font-style:normal!important;line-height:normal!important;letter-spacing:normal!important;word-spacing:normal!important;
    transition:background-color 9999s ease-in-out 0s!important;
}

html body #home-view #contact .contact-phone-field-wrapper.red-phone-menu-active-field input,
html body #checkout-view .phone-field-wrapper.red-phone-menu-active-field input{
    border-color:var(--accent-gold)!important;outline:none!important;
}

html body #red-phone-country-menu .red-phone-country-option,
html body #red-phone-country-menu .red-phone-country-option *,
html body #red-phone-country-menu .red-phone-country-option:hover,
html body #red-phone-country-menu .red-phone-country-option:focus,
html body #red-phone-country-menu .red-phone-country-option:focus-visible,
html body #red-phone-country-menu .red-phone-country-option:active,
html body #red-phone-country-menu .red-phone-country-option.red-phone-country-press-preview,
html body #red-phone-country-menu .red-phone-country-option.red-phone-country-keymatch{
    -webkit-user-select:none!important;user-select:none!important;-webkit-touch-callout:none!important;
    -webkit-tap-highlight-color:rgba(0,0,0,0)!important;outline:none!important;border:none!important;
    box-shadow:none!important;filter:none!important;
}
html body #red-phone-country-menu .red-phone-country-option{
    background:transparent!important;background-color:transparent!important;background-image:none!important;
}
html body #red-phone-country-menu .red-phone-country-option::before,
html body #red-phone-country-menu .red-phone-country-option::after{content:none!important;display:none!important;}
html body #red-phone-country-menu .red-phone-country-option > *{
    pointer-events:none!important;background:transparent!important;background-color:transparent!important;background-image:none!important;
}
html body #red-phone-country-menu .red-phone-country-option.red-phone-country-selected,
html body #red-phone-country-menu .red-phone-country-option.red-phone-country-press-preview{
    background:transparent!important;background-color:transparent!important;background-image:none!important;
    color:#efd79f!important;-webkit-text-fill-color:#efd79f!important;
}

body.red-phone-ghost-guard #home-view,
body.red-phone-ghost-guard #booking-view,
body.red-phone-ghost-guard #checkout-view{pointer-events:auto!important;}

html body header{z-index:2147483000!important;}

/* --- red-v67-requested-polish --- */
/* ==========================================================
   PLACEHOLDERS — restore the pre-V66 grey appearance exactly.
   Typed/autofilled text remains the unified white typography.
   ========================================================== */
html body #home-view #calcForm input::placeholder,
html body #home-view #calcForm textarea::placeholder,
html body #checkout-view #passengerForm input::placeholder,
html body #checkout-view #passengerForm textarea::placeholder{
    color:#8f8f8f!important;
    -webkit-text-fill-color:#8f8f8f!important;
    opacity:1!important;
    font-family:var(--font-ui)!important;
    font-size:1rem!important;
    font-weight:400!important;
    font-style:normal!important;
    line-height:1.85!important;
    letter-spacing:normal!important;
    word-spacing:normal!important;
}
html body #home-view #contact .contact-message-field input::placeholder,
html body #home-view #contact .contact-message-field textarea::placeholder{
    color:#8f8f8f!important;
    -webkit-text-fill-color:#8f8f8f!important;
    opacity:1!important;
    font-family:var(--font-ui)!important;
    font-weight:400!important;
    font-style:normal!important;
    letter-spacing:normal!important;
    word-spacing:normal!important;
}
@media(max-width:1023px){
    html body #home-view #calcForm input::placeholder,
    html body #home-view #calcForm textarea::placeholder,
    html body #checkout-view #passengerForm input::placeholder,
    html body #checkout-view #passengerForm textarea::placeholder{
        font-size:.94rem!important;
        line-height:1.75!important;
    }
}

/* Contact validation message centered. */
html body #home-view #contact #contact-form-error-msg{
    text-align:center!important;
    justify-content:center!important;
    align-items:center!important;
}

/* Request textarea: no native white resize pixels. */
html body #home-view #contact #contact_message{
    resize:none!important;
}
html body #home-view #contact #contact_message::-webkit-resizer{
    display:none!important;
    width:0!important;
    height:0!important;
    background:none!important;
}

/* ==========================================================
   SECTION SPACING
   Services → Fleet is 60px total on mobile (30 + 30).
   TFWA → Weddings uses exactly that same 60px on mobile.
   Desktop mirrors the current 38 + 38 = 76px transition.
   ========================================================== */
html body #home-view .wedding-service-feature{
    margin-top:76px!important;
}
@media(max-width:1023px){
    html body #home-view .wedding-service-feature{
        margin-top:60px!important;
    }
}

/* ==========================================================
   COUNTRY MENU LONG PRESS
   Match the NUMBER OF HOURS solution philosophy:
   no browser selection/callout/hover panel; preview is text only.
   ========================================================== */
html body #red-phone-country-menu,
html body #red-phone-country-menu .red-phone-country-scroll{
    -webkit-user-select:none!important;
    user-select:none!important;
    -webkit-touch-callout:none!important;
    -webkit-tap-highlight-color:transparent!important;
}
html body #red-phone-country-menu .red-phone-country-option,
html body #red-phone-country-menu .red-phone-country-option:hover,
html body #red-phone-country-menu .red-phone-country-option:focus,
html body #red-phone-country-menu .red-phone-country-option:focus-visible,
html body #red-phone-country-menu .red-phone-country-option:active,
html body #red-phone-country-menu .red-phone-country-option.red-phone-country-keymatch,
html body #red-phone-country-menu .red-phone-country-option.red-phone-country-press-preview{
    appearance:none!important;
    -webkit-appearance:none!important;
    background:none!important;
    background-color:transparent!important;
    background-image:none!important;
    border:0!important;
    border-radius:0!important;
    outline:0!important;
    box-shadow:none!important;
    filter:none!important;
    -webkit-tap-highlight-color:transparent!important;
    -webkit-touch-callout:none!important;
    -webkit-user-select:none!important;
    user-select:none!important;
}
html body #red-phone-country-menu .red-phone-country-option::before,
html body #red-phone-country-menu .red-phone-country-option::after{
    content:none!important;
    display:none!important;
}
html body #red-phone-country-menu .red-phone-country-option > *{
    pointer-events:none!important;
    background:none!important;
    background-color:transparent!important;
    background-image:none!important;
}
html body #red-phone-country-menu .red-phone-country-option.red-phone-country-press-preview,
html body #red-phone-country-menu .red-phone-country-option.red-phone-country-selected{
    background:none!important;
    background-color:transparent!important;
    box-shadow:none!important;
    color:#efd79f!important;
    -webkit-text-fill-color:#efd79f!important;
}

/* Ensure editable text can be selected normally. */
html body input:not([readonly]),
html body textarea{
    -webkit-user-select:text!important;
    user-select:text!important;
}

/* Autofill never changes placeholder/text family or field background. */
html body input:-webkit-autofill,
html body input:-webkit-autofill:hover,
html body input:-webkit-autofill:focus,
html body textarea:-webkit-autofill,
html body textarea:-webkit-autofill:hover,
html body textarea:-webkit-autofill:focus{
    font-family:var(--font-ui)!important;
    font-weight:400!important;
    font-style:normal!important;
    letter-spacing:normal!important;
    -webkit-text-fill-color:#fff!important;
    caret-color:#fff!important;
    -webkit-box-shadow:0 0 0 1000px #080808 inset!important;
    box-shadow:0 0 0 1000px #080808 inset!important;
}

/* No stale error/focus glow after leaving a field. */
html body #home-view #contact .contact-message-field:not(.field-luxury-error) input:not(:focus),
html body #home-view #contact .contact-message-field:not(.field-luxury-error) textarea:not(:focus){
    box-shadow:inset 0 1px 0 rgba(255,255,255,.018)!important;
}

/* --- red-v68-language-menu-centering --- */
/* Center the language dropdown directly below the fixed flag + arrow control. */
html body header .language-dropdown{
    position:relative!important;
}
html body header .language-menu{
    left:50%!important;
    right:auto!important;
    transform:translateX(-50%)!important;
    transform-origin:top center!important;
}

/* --- red-v69-root-cause-fixes --- */
html body #form-error-msg{
    color:#f3d7a1!important;
    background-color:transparent!important;
    background-image:none!important;
    border-color:transparent!important;
}
html body #red-phone-country-menu .red-phone-country-option,
html body #red-phone-country-menu .red-phone-country-option:hover,
html body #red-phone-country-menu .red-phone-country-option:active,
html body #red-phone-country-menu .red-phone-country-option:focus,
html body #red-phone-country-menu .red-phone-country-option:focus-visible,
html body #red-phone-country-menu .red-phone-country-option:not(.red-phone-country-selected):hover,
html body #red-phone-country-menu .red-phone-country-option.red-phone-country-press-preview{
    background:transparent!important;
    background-color:transparent!important;
    background-image:none!important;
    border:0!important;
    outline:0!important;
    box-shadow:none!important;
}
html body input:not([readonly]):not([type="hidden"]),
html body textarea{
    -webkit-user-select:text!important;
    user-select:text!important;
    -webkit-touch-callout:default!important;
}


/* --- v191 regression fixes --- */
/* Header French flag: the JS now reuses the already-resolved French option URL,
   so the selected flag works both on the live site and in local/file previews. */

/* Desktop only: give NUMBER OF HOURS a little more horizontal breathing room.
   Keep the left anchor fixed, so the extra width grows only toward the right. */
@media (min-width:1024px){
  html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup){
    width:224px!important;
    max-width:224px!important;
  }
  html body :is(#home-view #hoursPickerPopup, #checkout-view #passengersPickerPopup) .hours-grid-container .hour-grid-item{
    white-space:nowrap!important;
  }
}


/* v192 — desktop clock popup attachment.
   The legacy .time-picker-popup rule keeps a 5px margin-bottom. Mobile
   already cancels that margin, but desktop did not. Remove it only for
   the clock so its lower edge attaches to its input like the other pickers. */
@media (min-width:1024px){
    html body #home-view #box-time > #timePickerPopup.luxury-clock-popup{
        bottom:100%!important;
        margin-bottom:0!important;
    }
}


/* =========================================================
   v194 — narrow mobile picker geometry (<=390px)
   ========================================================= */
@media (max-width:390px){
    /*
     * Calendar: legacy safe-fit scaling must never reduce the visual width
     * after JS has matched the field. JS also re-anchors all four edges.
     */
    html body .flatpickr-calendar.red-safe-fit{
        scale:1!important;
        transform-origin:bottom center!important;
    }

    /*
     * Clock: its outer popup remains attached to the time field at bottom:100%.
     * Below 390px the time field moves upward in the responsive form while the
     * clock used to keep a fixed 214px dial, progressively consuming the top
     * frame clearance. Shrink ONLY the dial continuously so the upper clearance
     * remains approximately the same as the validated >390px state.
     *
     * 390px viewport -> ~210.5px dial
     * 360px viewport -> ~205.3px dial
     * 320px viewport -> ~198.2px dial
     */
    html body #home-view #timePickerPopup .clock-face{
        width:calc(17.6vw + 141.9px)!important;
        max-width:100%!important;
        height:auto!important;
        aspect-ratio:1 / 1!important;
    }
}


/* v195 — canonical structural breakpoint
   The original <=768px site structure is extended unchanged through 1023px.
   Desktop begins directly at 1024px. No intermediate tablet layout exists. */

/* v205 — native mobile hero-subtitle centering audit.
   Chromium audit found the native EN "Premium Mercedes Fleet" line itself
   exceeded the heading panel content box at 320–499px. Give this one existing
   nowrap label the unused horizontal room around the panel, without changing
   its font, line-height, or vertical position. The v204 translation guard
   remains responsible only for externally translated text that still overflows. */
@media (max-width: 499px) {
  #home-view .booking-widget .hero-heading-panel .hero-subtitle.lang-en {
    width: calc(100% + 40px) !important;
    max-width: none !important;
    margin-left: -20px !important;
    margin-right: -20px !important;
  }
}

/* ======================================================================
   RED v206 — validated final polish
   1) Mobile location-search mode uses the real visual viewport above keyboard.
   2) Checkout form inherits the exact field language used by Contact/Home.
   3) Checkout FAQ centered with symmetric affordance spacing.
   ====================================================================== */

/* Checkout headings: same display type system as homepage luxury titles. */
html body #checkout-view .booking-summary-card h2,
html body #checkout-view .checkout-form-container h2{
    font-family:var(--font-display)!important;
    font-weight:400!important;
    font-style:normal!important;
    line-height:1.08!important;
    letter-spacing:normal!important;
    text-transform:none!important;
    font-synthesis:none!important;
}

/* Passenger form: labels are kept in the DOM for accessibility, but the
   visible field name now lives in the placeholder, like Home/Contact. */
html body #checkout-view #passengerForm .form-group > label{
    display:none!important;
}
html body #checkout-view #passengerForm .input-icon-wrapper input,
html body #checkout-view #passengerForm .input-icon-wrapper textarea{
    width:100%!important;
    border:1px solid rgba(223,184,107,.22)!important;
    border-radius:7px!important;
    background:#090909!important;
    color:#f3f3f3!important;
    -webkit-text-fill-color:#f3f3f3!important;
    font-family:var(--font-ui)!important;
    font-size:16px!important;
    font-weight:400!important;
    font-style:normal!important;
    line-height:normal!important;
    letter-spacing:normal!important;
    word-spacing:normal!important;
    outline:none!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.018)!important;
    transition:border-color .25s ease,box-shadow .25s ease,background .25s ease!important;
}
html body #checkout-view #passengerForm .input-icon-wrapper input:not(#phone){
    height:46px!important;
    padding:0 12px 0 39px!important;
}
html body #checkout-view #passengerForm .input-icon-wrapper textarea{
    min-height:122px!important;
    resize:none!important;
    padding:12px 12px 12px 39px!important;
}
html body #checkout-view #passengerForm .input-icon-wrapper input:focus,
html body #checkout-view #passengerForm .input-icon-wrapper textarea:focus{
    border-color:rgba(223,184,107,.62)!important;
    background:#0c0c0c!important;
    box-shadow:0 0 0 1px rgba(223,184,107,.09),0 8px 22px rgba(0,0,0,.22)!important;
}
html body #checkout-view #passengerForm .input-icon-wrapper > .field-thin-icon{
    position:absolute!important;
    left:13px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    color:var(--accent-gold)!important;
    font-size:1rem!important;
    pointer-events:none!important;
    z-index:2!important;
}
html body #checkout-view #passengerForm .form-group.full .field-thin-icon{
    top:14px!important;
    transform:none!important;
}
html body #checkout-view #passengerForm input::placeholder,
html body #checkout-view #passengerForm textarea::placeholder{
    color:#8f8f8f!important;
    -webkit-text-fill-color:#8f8f8f!important;
    opacity:1!important;
    font-family:var(--font-ui)!important;
    font-weight:400!important;
    font-style:normal!important;
    letter-spacing:normal!important;
    word-spacing:normal!important;
}

/* FAQ: true optical centering. Left/right padding is symmetrical so the +/−
   anchored on the right cannot shift the question text off center. */
html body #checkout-view .checkout-faq-eyebrow{
    text-align:left!important;
}
html body #checkout-view .checkout-faq-item summary{
    position:relative!important;
    text-align:left!important;
    padding-left:16px!important;
    padding-right:48px!important;
}
html body #checkout-view .checkout-faq-item summary::after{
    right:16px!important;
}
html body #checkout-view .checkout-faq-item p{
    text-align:center!important;
    margin-left:auto!important;
    margin-right:auto!important;
}

@media (max-width:1023px){
    body.red-mobile-place-search-open{
        overflow:hidden!important;
        overscroll-behavior:none!important;
    }
}

/* v206 FAQ answer box itself is symmetric as well as its text. */
html body #checkout-view .checkout-faq-item p{
    padding:0 28px 14px!important;
}

/* ======================================================================
   RED v208 — Google-only Places + mobile anchor/focus polish
   ====================================================================== */
@media (max-width:1023px){
    html body.red-mobile-place-search-open{
        overflow-x:hidden!important;
        overflow-y:auto!important;
        overscroll-behavior:auto!important;
    }
    html body .red-places-container.red-place-menu-mobile{
        position:fixed!important;
        z-index:39000!important;
        margin:0!important;
        padding:0!important;
        box-sizing:border-box!important;
        overflow-x:hidden!important;
        overflow-y:auto!important;
        max-height:var(--red-place-results-max,262px)!important;
        border:1px solid rgba(223,184,107,.38)!important;
        border-top:0!important;
        border-radius:0 0 7px 7px!important;
        background:rgba(8,8,8,.992)!important;
        box-shadow:0 14px 30px rgba(0,0,0,.30)!important;
        overscroll-behavior:contain!important;
        touch-action:pan-y!important;
        scrollbar-width:none!important;
        -ms-overflow-style:none!important;
    }
    html body .red-places-container.red-place-menu-mobile::-webkit-scrollbar{
        width:0!important;height:0!important;display:none!important;
    }
    html body #home-view #calcForm .input-icon-wrapper.red-place-field-open input{
        border-bottom-left-radius:0!important;
        border-bottom-right-radius:0!important;
        border-bottom-color:rgba(223,184,107,.38)!important;
    }
    html body .red-places-container.red-place-menu-mobile .red-place-item{
        min-height:58px!important;
        padding:11px 13px!important;
        overflow:hidden!important;
        touch-action:pan-y!important;
    }
    html body .red-places-container.red-place-menu-mobile .red-place-copy,
    html body .red-places-container.red-place-menu-mobile .red-place-main,
    html body .red-places-container.red-place-menu-mobile .red-place-secondary{
        min-width:0!important;max-width:100%!important;overflow:hidden!important;
        white-space:nowrap!important;text-overflow:clip!important;
    }
}

html body .red-places-container .red-place-match{
    color:#efd79f!important;
    -webkit-text-fill-color:#efd79f!important;
    background:transparent!important;
    font:inherit!important;
    font-weight:700!important;
    padding:0!important;
}

html body #checkout-view #passengersPickerPopup > .time-display,
html body #checkout-view #passengersPickerPopup > .red-luxury-scrollbar{
    display:none!important;
}

html body #checkout-view .checkout-faq-eyebrow{
    text-align:center!important;
}
html body #checkout-view .checkout-faq-item summary{
    text-align:left!important;
}
html body #checkout-view .checkout-faq-item p{
    text-align:center!important;
}

html body #checkout-view .booking-summary-card h2,
html body #checkout-view .checkout-form-container h2{
    font-family:var(--font-display)!important;
    font-size:1.72rem!important;
    line-height:1.08!important;
    font-weight:600!important;
    letter-spacing:-.012em!important;
    color:#fff!important;
    text-transform:none!important;
    white-space:normal!important;
    overflow:visible!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
    max-width:100%!important;
}
@media (max-width:1023px){
    html body #checkout-view .booking-summary-card h2,
    html body #checkout-view .checkout-form-container h2{
        font-size:1.55rem!important;
    }
}

html body #checkout-view #passengerForm .form-group > label{
    display:none!important;
}


/* ======================================================================
   RED v210 — mobile focus, click shield and checkout stability polish
   ====================================================================== */

/* All luxury validation messages are optically centered in their frames. */
html body .red-field-error-message,
html body #form-error-msg,
html body #checkout-form-error-msg,
html body #home-view #contact #contact-form-error-msg,
html body .form-error-msg{
    text-align:center!important;
    justify-content:center!important;
    align-items:center!important;
}

/* Checkout titles keep the Mercedes vehicle-title typography but use the
   site's gold. JS scales down only when a narrow viewport truly requires it. */
html body #checkout-view .booking-summary-card h2,
html body #checkout-view .checkout-form-container h2{
    color:var(--accent-gold)!important;
    -webkit-text-fill-color:var(--accent-gold)!important;
    white-space:normal!important;
    max-width:100%!important;
    overflow:visible!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
    hyphens:none!important;
    text-wrap:balance;
}

/* RESERVATION SUMMARY gets the same subtle rule already used below
   PASSENGER INFORMATION. The existing heading margin then creates the same
   breathing room before the small reassurance vehicle image. */
html body #checkout-view .booking-summary-card h2{
    border-bottom:1px solid var(--border-color)!important;
    padding-bottom:12px!important;
}

/* Small, frameless reassurance image of the vehicle selected by the client. */
html body #checkout-view .checkout-vehicle-reassurance{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    margin:2px auto 16px!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
}
html body #checkout-view .checkout-vehicle-reassurance img{
    display:block!important;
    width:clamp(126px,34vw,178px)!important;
    max-width:42%!important;
    height:auto!important;
    object-fit:contain!important;
    margin:0 auto!important;
    padding:0!important;
    border:0!important;
    outline:0!important;
    background:transparent!important;
    box-shadow:none!important;
}
@media (min-width:1024px){
    html body #checkout-view .checkout-vehicle-reassurance img{
        width:178px!important;
        max-width:178px!important;
    }
}

/* Exact visual language of the horizontal line between PRIVATE CHAUFFEUR
   and PREMIUM MERCEDES FLEET, with air above and below before the FAQ. */
html body #checkout-view .checkout-section-divider{
    display:block!important;
    width:min(118px,28vw)!important;
    height:1px!important;
    margin:29px auto 30px!important;
    padding:0!important;
    border:0!important;
    background:linear-gradient(90deg,transparent,rgba(223,184,107,.52),transparent)!important;
    box-shadow:none!important;
    pointer-events:none!important;
}
@media (max-width:560px){
    html body #checkout-view .checkout-section-divider{
        margin-top:26px!important;
        margin-bottom:27px!important;
    }
}

/* Vehicle-page service inclusions are white; the existing gold icons remain. */
html body #booking-view .vehicle-service-inclusions > span,
html body #booking-view .vehicle-service-inclusions > span .lang-en,
html body #booking-view .vehicle-service-inclusions > span .lang-fr{
    color:#f4f4f4!important;
    -webkit-text-fill-color:#f4f4f4!important;
}

/* Number of persons never asks the document to scroll when its own popup opens. */
html body #checkout-view #passengers_count{
    scroll-margin:0!important;
}