/* assets/css/53-hourly-mobile-booking-flow.css
   Hourly / Daily mobile booking flow.
   Alcance:
   - solo móvil
   - route móvil dedicada para hourly_daily
   - reutiliza #services-expand-hourly como fuente de verdad
   - no toca desktop
   - no toca #contact
   - no redefine la sábana legacy fuera de esta route
*/

.hourly-mobile-route,
.hourly-mobile-flow,
.services-hourly-panel__mobile-duration-select{
  display:none;
}

.hourly-mobile-route[hidden]{
  display:none !important;
}

@media (max-width:720px){
  html:has(body[data-hourly-mobile-screen="true"]){
    height:100%;
    overflow:hidden;
    overscroll-behavior:none;
  }

  body[data-hourly-mobile-screen="true"]{
    position:fixed;
    inset:0;
    width:100%;
    height:100svh;
    overflow:hidden;
    overscroll-behavior:none;
  }

  .hourly-mobile-route{
    position:fixed;
    inset:0;
    z-index:76;
    display:block;
    height:100svh;
    min-height:100svh;
    overflow:hidden;
    overscroll-behavior:none;
    touch-action:manipulation;
    background-color:#0f1113;
    background-image:
      linear-gradient(180deg, rgba(15,17,19,.84) 0%, rgba(15,17,19,.76) 38%, rgba(15,17,19,.92) 100%),
      url("../img/cdmx-angel-night.webp");
    background-position:
      center top,
      center top;
    background-size:
      100% 100%,
      auto 100vh;
    background-repeat:no-repeat;
  }

  .hourly-mobile-route__screen{
    height:100svh;
    min-height:100svh;
    overflow:hidden;
  }

  .hourly-mobile-route__content{
    box-sizing:border-box;
    width:100%;
    height:100svh;
    min-height:0;
    overflow:hidden;
    padding:
      calc(60px + env(safe-area-inset-top))
      18px
      env(safe-area-inset-bottom);
  }

  .hourly-mobile-route #services-expand-hourly{
    display:block;
    width:100%;
    height:100%;
    min-height:0;
    margin:0;
    padding:0;
    border:0;
    border-radius:0;
    background:transparent;
    background-image:none;
    box-shadow:none;
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
    overflow:hidden;
  }

  .hourly-mobile-route #services-expand-hourly > .services-expand__title,
  .hourly-mobile-route #services-expand-hourly > .services-expand__text{
    display:none !important;
  }

  .hourly-mobile-route #services-expand-hourly > .services-hourly-panel{
    display:grid !important;
  }

  .hourly-mobile-route .hourly-mobile-flow{
    display:grid;
    gap:8px;
    margin-bottom:10px;
  }

  .hourly-mobile-route .hourly-mobile-flow__back-row{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    min-height:28px;
  }

  .hourly-mobile-route .hourly-mobile-flow__back{
    display:inline-flex;
    align-items:center;
    gap:6px;
    min-height:28px;
    padding:0;
    border:0;
    border-radius:0;
    background:transparent;
    color:rgba(255,245,228,.78);
    font:inherit;
    font-size:13px;
    line-height:1;
    font-weight:700;
    cursor:pointer;
  }

  .hourly-mobile-route .hourly-mobile-flow__back::before{
    content:"←";
    font-size:16px;
    line-height:1;
    font-weight:600;
  }

  .hourly-mobile-route .hourly-mobile-flow__back:focus-visible{
    outline:2px solid rgba(31,122,109,.95);
    outline-offset:2px;
  }

  .hourly-mobile-route .hourly-mobile-flow__header{
    display:grid;
    gap:4px;
  }

  .hourly-mobile-route .hourly-mobile-flow__title{
    margin:0;
    color:rgba(255,249,238,.98);
    font-size:22px;
    line-height:1.12;
    letter-spacing:-.02em;
  }

  .hourly-mobile-route .hourly-mobile-flow__helper{
    margin:0;
    color:rgba(255,245,228,.72);
    font-size:13px;
    line-height:1.35;
  }

  .hourly-mobile-route .services-hourly-panel{
    height:100%;
    min-height:0;
    margin:0;
    display:grid;
    grid-template-rows:auto minmax(0, 1fr);
    gap:0;
  }

  .hourly-mobile-route .services-hourly-panel__config{
    height:100%;
    min-height:0;
    display:grid;
    grid-template-rows:auto minmax(0, 1fr);
    gap:10px;
    padding:0;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
    overflow:hidden;
  }

  .hourly-mobile-route .services-hourly-panel__config-head{
    display:block;
  }

  .hourly-mobile-route .services-hourly-panel__tabs{
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:2px;
    padding:2px;
    border:1px solid rgba(236,220,189,.30);
    border-radius:8px;
    background:rgba(15,17,19,.34);
  }

  .hourly-mobile-route .services-hourly-panel__tab{
    min-height:36px;
    padding:0 6px;
    border:0;
    border-radius:6px;
    background:transparent;
    color:rgba(255,245,228,.72);
    box-shadow:none;
    font-size:12.5px;
    line-height:1.1;
    font-weight:700;
  }

  .hourly-mobile-route .services-hourly-panel__tab.is-active,
  .hourly-mobile-route .services-hourly-panel__tab[aria-pressed="true"]{
    background:rgba(31,122,109,.72);
    color:rgba(255,249,238,.98);
    box-shadow:none;
  }

  .hourly-mobile-route .services-hourly-panel__layout{
    min-height:0;
    overflow:auto;
    display:grid;
    gap:8px;
    padding-right:0;
    padding-bottom:8px;
    -webkit-overflow-scrolling:touch;
  }

  .hourly-mobile-route .services-hourly-panel__row,
  .hourly-mobile-route .services-hourly-panel__row--mobile-duration,
  .hourly-mobile-route .services-hourly-panel__row--mobile-notes,
  .hourly-mobile-route .services-hourly-panel__row--mobile-meta,
  .hourly-mobile-route .services-hourly-panel__row--mobile-footer-spacer{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
    align-items:stretch !important;
    position:static !important;
  }
  
  .hourly-mobile-route .services-hourly-panel__row--mobile-duration:empty{
    display:none !important;
    height:0 !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
  }
  
  .hourly-mobile-route .services-hourly-panel__row--mobile-duration:not(:has(.services-hourly-panel__field)){
    display:none !important;
    height:0 !important;
    min-height:0 !important;
    max-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    gap:0 !important;
    overflow:hidden !important;
  }

  .hourly-mobile-route .services-hourly-panel__field,
  .hourly-mobile-route .services-hourly-panel__field--vehicle,
  .hourly-mobile-route .services-hourly-panel__field--pickup,
  .hourly-mobile-route .services-hourly-panel__field--pickup-mobile,
  .hourly-mobile-route .services-hourly-panel__field--date,
  .hourly-mobile-route .services-hourly-panel__field--date-mobile,
  .hourly-mobile-route .services-hourly-panel__field--time,
  .hourly-mobile-route .services-hourly-panel__field--time-mobile,
  .hourly-mobile-route .services-hourly-panel__field--duration,
  .hourly-mobile-route .services-hourly-panel__field--long-term,
  .hourly-mobile-route .services-hourly-panel__field--notes{
    grid-column:auto !important;
    grid-row:auto !important;
    grid-area:auto !important;
    position:static !important;
    left:auto !important;
    right:auto !important;
    bottom:auto !important;
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    margin:0 !important;
    transform:none !important;
    justify-self:stretch !important;
    align-self:stretch !important;
  }

  .hourly-mobile-route .services-hourly-panel__label{
    margin:0;
    color:rgba(255,245,228,.74);
    font-size:11.5px;
    line-height:1.2;
    font-weight:700;
  }

  .hourly-mobile-route .services-hourly-panel__field--time-mobile .services-hourly-panel__label{
    white-space:nowrap;
  }

  .hourly-mobile-route .services-hourly-panel__vehicle{
    display:grid;
    grid-template-columns:1fr;
    grid-template-rows:auto 48px;
    gap:4px;
    min-height:0;
    align-self:start;
    justify-self:start;
  }

  .hourly-mobile-route .services-hourly-panel__vehicle-media{
    width:78px;
    height:48px;
    border-radius:9px;
    overflow:hidden;
  }

  .hourly-mobile-route .services-hourly-panel__vehicle-image{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center 77%;
    border-radius:9px;
  }

  .hourly-mobile-route .services-hourly-panel__vehicle-copy{
    width:78px;
    min-width:0;
  }

  .hourly-mobile-route .services-hourly-panel__vehicle-name{
    display:block;
    overflow:hidden;
    color:rgba(255,249,238,.92);
    font-size:11.5px;
    line-height:1.2;
    font-weight:700;
    text-overflow:ellipsis;
    white-space:nowrap;
  }

  .hourly-mobile-route .services-hourly-panel__pickup-autocomplete,
  .hourly-mobile-route .place-autocomplete{
    position:relative;
    min-width:0;
    overflow:visible;
  }

  .hourly-mobile-route .services-hourly-panel__control,
  .hourly-mobile-route .services-hourly-panel__pickup-autocomplete .services-hourly-panel__control,
  .hourly-mobile-route .services-hourly-panel__field--date .services-hourly-panel__control,
  .hourly-mobile-route .services-hourly-panel__field--time .services-hourly-panel__control{
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    min-height:48px;
    height:48px;
    padding:0 34px 0 12px;
    border:1px solid rgba(236,220,189,.38);
    border-radius:9px;
    background-color:rgba(15,17,19,.46);
    color:rgba(255,249,238,.96);
    box-shadow:none;
    box-sizing:border-box;
    font:inherit;
    font-size:13px;
    line-height:48px;
    font-weight:650;
    color-scheme:dark;
  }

  .hourly-mobile-route .services-hourly-panel__pickup-autocomplete .services-hourly-panel__control{
    padding-left:38px;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Ccircle cx='10.8' cy='10.8' r='5.8' stroke='%23fff9ee' stroke-width='2'/%3E%3Cpath d='M15.2 15.2 20 20' stroke='%23fff9ee' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
    background-repeat:no-repeat;
    background-position:14px center;
    background-size:18px 18px;
  }

  .hourly-mobile-route .services-hourly-panel__control::placeholder{
    color:rgba(255,245,228,.54);
    opacity:1;
  }

  .hourly-mobile-route .services-hourly-panel__control:focus-visible{
    outline:none;
    border-color:rgba(31,122,109,.78);
    background-color:rgba(15,17,19,.62);
  }

  .hourly-mobile-route .services-hourly-panel__date-wrap{
    height:48px;
    min-height:48px;
    max-height:48px;
  }

  .hourly-mobile-route .services-hourly-panel__date-overlay{
    left:12px;
    font-size:13px;
    white-space:nowrap;
  }

  .hourly-mobile-route .services-hourly-panel__date-icon{
    right:9px;
    width:16px;
    height:16px;
  }

  .hourly-mobile-route .services-hourly-panel__field--date-mobile{
    min-width:0 !important;
  }

  .hourly-mobile-route .services-hourly-panel__field--time-mobile{
    grid-area:time !important;
    width:86px !important;
    max-width:86px !important;
    min-width:86px !important;
    display:grid !important;
    grid-template-rows:auto 48px !important;
    gap:6px !important;
    justify-self:end !important;
    align-self:start !important;
  }

  .hourly-mobile-route .services-hourly-panel__field--date .services-hourly-panel__control,
  .hourly-mobile-route .services-hourly-panel__field--date-mobile .services-hourly-panel__control,
  .hourly-mobile-route .services-hourly-panel__field--time .services-hourly-panel__control,
  .hourly-mobile-route .services-hourly-panel__field--time-mobile .services-hourly-panel__control{
    min-height:48px;
    height:48px;
    max-height:48px;
    padding:0 34px 0 12px;
    border-radius:9px;
    box-sizing:border-box;
  }

  .hourly-mobile-route .services-hourly-panel__field--date .services-hourly-panel__control::-webkit-calendar-picker-indicator,
  .hourly-mobile-route .services-hourly-panel__field--date-mobile .services-hourly-panel__control::-webkit-calendar-picker-indicator,
  .hourly-mobile-route .services-hourly-panel__field--time .services-hourly-panel__control::-webkit-calendar-picker-indicator,
  .hourly-mobile-route .services-hourly-panel__field--time-mobile .services-hourly-panel__control::-webkit-calendar-picker-indicator{
    right:0;
    width:24px;
    height:48px;
    opacity:0;
  }

  .hourly-mobile-route .place-autocomplete__mount{
    position:relative;
    z-index:20;
  }

  .hourly-mobile-route .place-autocomplete__panel{
    z-index:22;
  }

  .hourly-mobile-route .place-autocomplete__clear{
    position:absolute;
    top:50%;
    right:8px;
    z-index:3;
    transform:translateY(-50%);
    width:24px;
    height:24px;
    border:0;
    background:transparent;
    color:rgba(244,242,238,.72);
  }

  .hourly-mobile-route .services-hourly-panel__row--mobile-duration .services-hourly-panel__field--duration,
  .hourly-mobile-route .services-hourly-panel__row--mobile-duration .services-hourly-panel__field--long-term{
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    justify-self:stretch !important;
  }

  .hourly-mobile-route .services-hourly-panel__row--mobile-duration .services-hourly-panel__chips,
  .hourly-mobile-route .services-hourly-panel__row--mobile-duration .services-hourly-panel__duration-rows{
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    margin:0 !important;
  }
  
  .hourly-mobile-route .services-hourly-panel__field--duration .services-hourly-panel__duration-rows,
  .hourly-mobile-route .services-hourly-panel__field--duration .services-hourly-panel__chips,
  .hourly-mobile-route .services-hourly-panel__field--long-term .services-hourly-panel__chips{
    display:none !important;
  }

  .hourly-mobile-route .services-hourly-panel__field--duration .services-hourly-panel__mobile-duration-select,
  .hourly-mobile-route .services-hourly-panel__field--long-term .services-hourly-panel__mobile-long-term-select{
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    min-height:48px !important;
    height:48px !important;
    margin:0 !important;
    padding:0 38px 0 12px !important;
    border:1px solid rgba(236,220,189,.38) !important;
    border-radius:9px !important;
    background-color:rgba(15,17,19,.46) !important;
    color:rgba(255,249,238,.96) !important;
    box-shadow:none !important;
    box-sizing:border-box !important;
    font:inherit !important;
    font-size:14px !important;
    line-height:48px !important;
    font-weight:700 !important;
    color-scheme:dark !important;
    -webkit-appearance:none !important;
    appearance:none !important;
  }

  .hourly-mobile-route .services-hourly-panel__mobile-duration-select:focus{
    outline:none;
    border-color:rgba(31,122,109,.78);
    background-color:rgba(15,17,19,.62);
  }

  .hourly-mobile-route .services-hourly-panel__mobile-duration-select:focus-visible{
    outline:2px solid rgba(31,122,109,.95);
    outline-offset:0;
  }

  .hourly-mobile-route .services-hourly-panel__duration-rows{
    display:grid;
    gap:8px;
  }

  .hourly-mobile-route .services-hourly-panel__duration-row{
    display:grid;
    gap:8px;
  }

  .hourly-mobile-route .services-hourly-panel__duration-row--six{
    grid-template-columns:repeat(6, minmax(0, 1fr));
  }

  .hourly-mobile-route .services-hourly-panel__duration-row--three-centered{
    grid-template-columns:repeat(3, minmax(0, 1fr));
  }

  .hourly-mobile-route .services-hourly-panel__duration-row--three-centered > *{
    grid-column:auto;
  }

  .hourly-mobile-route .services-hourly-panel__chips{
    display:grid !important;
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
    gap:8px !important;
  }

  .hourly-mobile-route .services-hourly-panel__field--long-term .services-hourly-panel__chips{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }

  .hourly-mobile-route .services-hourly-panel__chip{
    width:100%;
    min-width:0;
    min-height:42px;
    padding:0 8px;
    border-radius:9px;
    border-color:rgba(236,220,189,.36);
    background:rgba(15,17,19,.42);
    box-shadow:none;
    color:rgba(255,249,238,.90);
    font-size:13px;
    line-height:1;
    font-weight:700;
  }

  .hourly-mobile-route .services-hourly-panel__chip.is-active,
  .hourly-mobile-route .services-hourly-panel__chip[aria-pressed="true"]{
    border-color:rgba(31,122,109,.66);
    background:rgba(31,122,109,.24);
    box-shadow:none;
    color:rgba(255,249,238,.98);
  }

  .hourly-mobile-route .services-hourly-panel__notes-helper{
    margin:0;
    color:rgba(255,245,228,.58);
    font-size:12px;
    line-height:1.3;
  }

  .hourly-mobile-route .services-hourly-panel__control--textarea{
    min-height:84px;
    height:84px;
    padding:12px;
    resize:none;
    line-height:1.42;
    overflow:auto;
  }

  .hourly-mobile-route .services-hourly-panel__meta{
    display:grid;
    gap:10px;
  }

  .hourly-mobile-route .services-hourly-panel__disclaimers-groups{
    display:grid;
    grid-template-columns:1fr !important;
    gap:10px !important;
  }

  .hourly-mobile-route .services-hourly-panel__disclaimer-group,
  .hourly-mobile-route .services-hourly-panel__disclaimer-group--includes-wide,
  .hourly-mobile-route .services-hourly-panel__disclaimer-group--supplements{
    grid-column:auto !important;
    padding:0;
    border:0;
    border-radius:0;
    background:transparent;
  }

  .hourly-mobile-route .services-hourly-panel__disclaimers-columns{
    grid-template-columns:1fr;
    gap:8px;
  }

  .hourly-mobile-route .services-hourly-panel__disclaimer-title{
    padding-top:8px;
    border-top:1px solid rgba(255,255,255,.10);
    color:rgba(255,245,228,.62);
    font-size:10.5px;
    line-height:1.2;
    letter-spacing:.07em;
  }
  
  .hourly-mobile-route .services-hourly-panel__config[data-services-hourly-mode-active="custom_long_term"] .services-hourly-panel__disclaimer-group--includes-wide .services-hourly-panel__disclaimer-title{
    position:relative !important;
    left:50% !important;
    width:max-content !important;
    max-width:calc(100vw - 36px) !important;
    transform:translateX(-50%) !important;
    text-align:center !important;
  }

  .hourly-mobile-route .services-hourly-panel__disclaimers{
    gap:5px;
  }

  .hourly-mobile-route .services-hourly-panel__disclaimers li{
    color:rgba(255,245,228,.76);
    font-size:12.5px;
    line-height:1.38;
  }

  .hourly-mobile-route .services-hourly-panel__row--mobile-footer-spacer{
    position:sticky !important;
    bottom:0 !important;
    z-index:30;
    display:grid !important;
    grid-template-columns:128px minmax(0, 1fr) !important;
    grid-template-areas:
      "vehicle price"
      "cta cta" !important;
    gap:8px 10px !important;
    align-items:start !important;
    padding:8px 0 0;
    background:#0f1113;
  }

  .hourly-mobile-route .services-hourly-panel__row--mobile-footer-spacer [data-hourly-mobile-vehicle-in-footer="true"]{
    grid-area:vehicle !important;
    order:1 !important;
    align-self:start !important;
    justify-self:start !important;
  }

  .hourly-mobile-route .services-hourly-panel__row--mobile-footer-spacer .services-hourly-panel__price--inline{
    grid-area:price !important;
    order:2 !important;
  }

  .hourly-mobile-route .services-hourly-panel__row--mobile-footer-spacer .services-hourly-panel__cta{
    grid-area:cta !important;
    order:3 !important;
  }

  .hourly-mobile-route .services-hourly-panel__price--inline{
    width:100%;
    min-width:0;
    max-width:none;
    min-height:112px;
    margin:0;
    padding:16px 12px;
    border:0;
    border-radius:0;
    background:
      linear-gradient(135deg, rgba(255,249,238,.04), rgba(31,122,109,.05) 48%, rgba(15,17,19,.60));
    background-color:transparent;
    box-shadow:none;
    display:grid !important;
    grid-template-rows:auto 1fr !important;
    row-gap:6px !important;
    align-items:center !important;
    justify-content:start !important;
    overflow:visible !important;
  }

  .hourly-mobile-route .services-hourly-panel__price-label{
    grid-row:1 !important;
    align-self:end !important;
    justify-self:start !important;
    margin:0 !important;
    color:rgba(247,226,170,.92) !important;
    font-size:13px !important;
    line-height:1.1 !important;
    font-weight:800 !important;
    letter-spacing:.08em !important;
    text-transform:uppercase !important;
  }

  .hourly-mobile-route .services-hourly-panel__price-value{
    grid-row:2 !important;
    align-self:center !important;
    justify-self:start !important;
    min-height:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    display:flex !important;
    align-items:baseline !important;
    gap:6px !important;
    color:rgba(255,249,238,.98) !important;
    line-height:.96 !important;
    white-space:normal !important;
  }
  
  .hourly-mobile-route .services-hourly-panel__config[data-services-hourly-mode-active="custom_long_term"] .services-hourly-panel__price-value{
    font-size:13px !important;
    line-height:1.2 !important;
    font-weight:750 !important;
    letter-spacing:.01em !important;
  }

  .hourly-mobile-route .services-hourly-panel__price-amount{
    display:inline-block !important;
    color:rgba(255,249,238,.98) !important;
    font-size:46px !important;
    line-height:.96 !important;
    font-weight:500 !important;
    letter-spacing:-.045em !important;
  }
  
  .hourly-mobile-route .services-hourly-panel__config[data-services-hourly-mode-active="custom_long_term"] .services-hourly-panel__price-amount{
    font-size:13px !important;
    line-height:1.2 !important;
    font-weight:750 !important;
    letter-spacing:.01em !important;
  }

  .hourly-mobile-route .services-hourly-panel__price-currency{
    display:inline-block !important;
    padding-bottom:0 !important;
    color:rgba(61,158,122,.98) !important;
    font-size:14px !important;
    line-height:1 !important;
    font-weight:800 !important;
    letter-spacing:.02em !important;
    transform:translateY(4px) !important;
  }
  
  .hourly-mobile-route .services-hourly-panel__price--inline[data-hourly-mobile-price-state="pending"]{
    min-height:112px !important;
    height:112px !important;
    max-height:112px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:100% !important;
    padding:16px 12px !important;
    background:
      linear-gradient(135deg, rgba(255,249,238,.04), rgba(31,122,109,.05) 48%, rgba(15,17,19,.60)) !important;
    background-color:transparent !important;
    overflow:visible !important;
  }
  
  .hourly-mobile-route .services-hourly-panel__price--inline[data-hourly-mobile-price-state="ready"]{
    min-height:112px !important;
    height:112px !important;
    max-height:112px !important;
  }

  .hourly-mobile-route .services-hourly-panel__price--inline[data-hourly-mobile-price-state="pending"] .services-hourly-panel__price-label,
  .hourly-mobile-route .services-hourly-panel__price--inline[data-hourly-mobile-price-state="pending"] .services-hourly-panel__price-value{
    display:none !important;
  }

  .hourly-mobile-route .hourly-mobile-price-pending{
    margin:0 auto !important;
    width:100% !important;
    max-width:300px !important;
    color:rgba(255,245,228,.76) !important;
    font-size:13px !important;
    line-height:1.35 !important;
    font-weight:650 !important;
    text-align:center !important;
  }

  .hourly-mobile-route .hourly-mobile-price-pending[hidden]{
    display:none !important;
  }

  .hourly-mobile-route .services-hourly-panel__cta{
    width:100%;
    min-height:50px;
    border:0;
    border-radius:9px;
    background:rgba(31,122,109,.86);
    color:rgba(255,249,238,.98);
    box-shadow:none;
    font-size:14px;
    line-height:1;
    font-weight:800;
    transform:none;
  }

  .hourly-mobile-route .services-hourly-panel__cta:hover{
    background:rgba(31,122,109,.86);
    box-shadow:none;
    transform:none;
  }

  .hourly-mobile-route .services-hourly-panel__cta[disabled],
  .hourly-mobile-route .services-hourly-panel__cta[aria-disabled="true"]{
    background:rgba(255,245,228,.14);
    color:rgba(255,245,228,.38);
    border:0;
    box-shadow:none;
  }

  .hourly-mobile-route .services-hourly-panel__row--mobile-hero{
    display:grid !important;
    grid-template-columns:58px 34px calc(100% - 220px) 34px 86px 8px !important;
    grid-template-areas:
      "pickup pickup pickup pickup pickup pickup"
      "duration . date . time time" !important;
    gap:8px 0 !important;
    align-items:start !important;
    justify-items:stretch !important;
  }
  
  .hourly-mobile-route .services-hourly-panel__config[data-services-hourly-mode-active="full_day"] .services-hourly-panel__row--mobile-hero{
    grid-template-columns:calc(100% - 220px) 34px 58px 34px 86px 8px !important;
    grid-template-areas:
      "pickup pickup pickup pickup pickup pickup"
      "date . . . time time" !important;
  }
  
  .hourly-mobile-route .services-hourly-panel__config[data-services-hourly-mode-active="custom_long_term"] .services-hourly-panel__row--mobile-hero{
    grid-template-columns:112px 8px calc(100% - 220px) 6px 86px 8px !important;
    grid-template-areas:
      "pickup pickup pickup pickup pickup pickup"
      "longterm . date . time time" !important;
  }

  .hourly-mobile-route .services-hourly-panel__row--mobile-hero > .services-hourly-panel__field--pickup-mobile{
    width:100% !important;
    max-width:100% !important;
    justify-self:stretch !important;
  }

  .hourly-mobile-route .services-hourly-panel__field--vehicle{
    grid-area:vehicle !important;
    width:78px !important;
    max-width:78px !important;
    min-width:78px !important;
    display:grid !important;
    grid-template-rows:auto 48px !important;
    gap:6px !important;
    align-self:start !important;
    justify-self:start !important;
  }

  .hourly-mobile-route .services-hourly-panel__field--pickup-mobile{
    grid-area:pickup !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    display:grid !important;
    grid-template-rows:auto 48px !important;
    gap:6px !important;
    justify-self:stretch !important;
  }

  .hourly-mobile-route .services-hourly-panel__field--date-mobile{
    grid-area:date !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    display:grid !important;
    grid-template-rows:auto 48px !important;
    gap:6px !important;
    justify-self:stretch !important;
    align-self:start !important;
  }
  
    .hourly-mobile-route .services-hourly-panel__field--date-airport-mobile{
    grid-area:date !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    display:grid !important;
    grid-template-rows:auto 48px !important;
    gap:6px !important;
    justify-self:stretch !important;
    align-self:start !important;
    transform:translateX(3px) !important;
  }

  .hourly-mobile-route .services-hourly-panel__field--date-airport-mobile .services-hourly-panel__date-wrap{
    height:48px !important;
    min-height:48px !important;
    max-height:48px !important;
  }

  .hourly-mobile-route .services-hourly-panel__field--date-airport-mobile .services-hourly-panel__control{
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    min-height:48px !important;
    height:48px !important;
    max-height:48px !important;
    padding:0 34px 0 12px !important;
    border:1px solid rgba(236,220,189,.38) !important;
    border-radius:9px !important;
    background:rgba(15,17,19,.46) !important;
    color:rgba(255,249,238,.96) !important;
    box-shadow:none !important;
    box-sizing:border-box !important;
    font:inherit !important;
    font-size:13px !important;
    line-height:48px !important;
    font-weight:650 !important;
    color-scheme:dark !important;
  }

  .hourly-mobile-route .services-hourly-panel__field--date-airport-mobile .services-hourly-panel__date-overlay{
    left:12px !important;
    font-size:13px !important;
    line-height:48px !important;
    white-space:nowrap !important;
  }

  .hourly-mobile-route .services-hourly-panel__field--date-airport-mobile .services-hourly-panel__date-icon{
    right:9px !important;
    width:16px !important;
    height:16px !important;
  }

  .hourly-mobile-route .services-hourly-panel__field--date-airport-mobile .services-hourly-panel__control::-webkit-calendar-picker-indicator{
    right:0 !important;
    width:24px !important;
    height:48px !important;
    opacity:0 !important;
  }

  .hourly-mobile-route .services-hourly-panel__field--duration[data-hourly-mobile-duration-in-hero="true"]{
    grid-area:duration !important;
    width:58px !important;
    max-width:58px !important;
    min-width:58px !important;
    display:grid !important;
    grid-template-rows:auto 48px !important;
    gap:6px !important;
    justify-self:start !important;
    align-self:start !important;
  }

  .hourly-mobile-route .services-hourly-panel__field--duration[data-hourly-mobile-duration-in-hero="true"] .services-hourly-panel__mobile-duration-select{
    width:58px !important;
    max-width:58px !important;
    min-width:58px !important;
    padding:0 8px !important;
    font-size:13px !important;
    text-align:center !important;
    text-align-last:center !important;
  }
  
    .hourly-mobile-route .services-hourly-panel__field--long-term[data-hourly-mobile-long-term-in-hero="true"]{
    grid-area:longterm !important;
    width:112px !important;
    max-width:112px !important;
    min-width:112px !important;
    display:grid !important;
    grid-template-rows:auto 48px !important;
    gap:6px !important;
    justify-self:start !important;
    align-self:start !important;
  }

  .hourly-mobile-route .services-hourly-panel__field--long-term[data-hourly-mobile-long-term-in-hero="true"] .services-hourly-panel__mobile-long-term-select{
    width:112px !important;
    max-width:112px !important;
    min-width:112px !important;
    padding:0 24px 0 8px !important;
    font-size:12.5px !important;
    text-align:left !important;
    text-align-last:left !important;
  }

  .hourly-mobile-route .services-hourly-panel__field--date-mobile .services-hourly-panel__date-wrap,
  .hourly-mobile-route .services-hourly-panel__field--time-mobile .services-hourly-panel__date-wrap{
    height:48px !important;
    min-height:48px !important;
    max-height:48px !important;
  }

  .hourly-mobile-route .services-hourly-panel__field--date-mobile .services-hourly-panel__control,
  .hourly-mobile-route .services-hourly-panel__field--time-mobile .services-hourly-panel__control{
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    min-height:48px !important;
    height:48px !important;
    max-height:48px !important;
    padding:0 34px 0 12px !important;
    border:1px solid rgba(236,220,189,.38) !important;
    border-radius:9px !important;
    background:rgba(15,17,19,.46) !important;
    color:rgba(255,249,238,.96) !important;
    box-shadow:none !important;
    box-sizing:border-box !important;
    font:inherit !important;
    font-size:13px !important;
    line-height:48px !important;
    font-weight:650 !important;
    color-scheme:dark !important;
    -webkit-appearance:none !important;
    appearance:none !important;
  }
  
    .hourly-mobile-route .services-hourly-panel__field--time-mobile input[type="time"]{
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    min-height:48px !important;
    height:48px !important;
    max-height:48px !important;
    margin:0 !important;
    padding:0 28px 0 12px !important;
    border:1px solid rgba(236,220,189,.38) !important;
    border-radius:9px !important;
    background-color:rgba(15,17,19,.46) !important;
    color:rgba(255,249,238,.96) !important;
    box-shadow:none !important;
    box-sizing:border-box !important;
    font:inherit !important;
    font-size:13px !important;
    line-height:normal !important;
    font-weight:650 !important;
    color-scheme:dark !important;
    -webkit-appearance:none !important;
    appearance:none !important;
  }

  .hourly-mobile-route .services-hourly-panel__field--time-mobile input[type="time"]::-webkit-datetime-edit{
    height:48px !important;
    min-height:48px !important;
    padding:0 !important;
    margin:0 !important;
  }

  .hourly-mobile-route .services-hourly-panel__field--time-mobile input[type="time"]::-webkit-datetime-edit-fields-wrapper{
    display:flex !important;
    align-items:center !important;
    height:48px !important;
    min-height:48px !important;
    padding:0 !important;
    margin:0 !important;
  }

  .hourly-mobile-route .services-hourly-panel__field--time-mobile input[type="time"]::-webkit-datetime-edit-hour-field,
  .hourly-mobile-route .services-hourly-panel__field--time-mobile input[type="time"]::-webkit-datetime-edit-minute-field,
  .hourly-mobile-route .services-hourly-panel__field--time-mobile input[type="time"]::-webkit-datetime-edit-text{
    padding:0 !important;
    margin:0 !important;
    line-height:1 !important;
  }

  .hourly-mobile-route .services-hourly-panel__field--time-mobile input[type="time"]::-webkit-date-and-time-value{
    min-height:48px !important;
    height:48px !important;
    line-height:48px !important;
    padding:0 !important;
    margin:0 !important;
    text-align:left !important;
  }

  .hourly-mobile-route .services-hourly-panel__field--time-mobile input[type="time"]::-webkit-calendar-picker-indicator{
    width:24px !important;
    height:48px !important;
    margin:0 !important;
    padding:0 !important;
    opacity:0 !important;
  }

  .hourly-mobile-route .services-hourly-panel__field--date-mobile .services-hourly-panel__date-overlay,
  .hourly-mobile-route .services-hourly-panel__field--time-mobile .services-hourly-panel__date-overlay{
    left:12px !important;
    font-size:13px !important;
    line-height:48px !important;
    white-space:nowrap !important;
  }

  .hourly-mobile-route .services-hourly-panel__field--date-mobile .services-hourly-panel__date-icon,
  .hourly-mobile-route .services-hourly-panel__field--time-mobile .services-hourly-panel__date-icon{
    right:9px !important;
    width:16px !important;
    height:16px !important;
  }

  .hourly-mobile-route .services-hourly-panel__field--date-mobile .services-hourly-panel__control::-webkit-calendar-picker-indicator,
  .hourly-mobile-route .services-hourly-panel__field--time-mobile .services-hourly-panel__control::-webkit-calendar-picker-indicator{
    right:0 !important;
    width:24px !important;
    height:48px !important;
    opacity:0 !important;
  }

  .hourly-mobile-route .services-hourly-panel__field--pickup-mobile .place-autocomplete,
  .hourly-mobile-route .services-hourly-panel__field--pickup-mobile .services-hourly-panel__pickup-autocomplete{
    position:relative !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    min-height:48px !important;
    height:48px !important;
    max-height:48px !important;
    overflow:visible !important;
  }
  
  .hourly-mobile-route .services-hourly-panel__field--pickup-mobile .place-autocomplete,
  .hourly-mobile-route .services-hourly-panel__field--pickup-mobile .services-hourly-panel__pickup-autocomplete,
  .hourly-mobile-route .services-hourly-panel__field--pickup-mobile [data-services-hourly-pickup-root]{
    justify-self:stretch !important;
    align-self:stretch !important;
  }

  .hourly-mobile-route .services-hourly-panel__field--pickup-mobile .place-autocomplete input,
  .hourly-mobile-route .services-hourly-panel__field--pickup-mobile [data-place-input="hourly_daily_pickup"],
  .hourly-mobile-route .services-hourly-panel__field--pickup-mobile .services-hourly-panel__control{
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    min-height:48px !important;
    height:48px !important;
    max-height:48px !important;
    padding:0 40px 0 38px !important;
    border:1px solid rgba(236,220,189,.38) !important;
    border-radius:9px !important;
    background-color:rgba(15,17,19,.46) !important;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Ccircle cx='10.8' cy='10.8' r='5.8' stroke='%23fff9ee' stroke-width='2'/%3E%3Cpath d='M15.2 15.2 20 20' stroke='%23fff9ee' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") !important;
    background-repeat:no-repeat !important;
    background-position:14px center !important;
    background-size:18px 18px !important;
    color:rgba(255,249,238,.96) !important;
    box-shadow:none !important;
    box-sizing:border-box !important;
    font:inherit !important;
    font-size:14px !important;
    line-height:48px !important;
    font-weight:650 !important;
    -webkit-appearance:none !important;
    appearance:none !important;
  }

  .hourly-mobile-route .services-hourly-panel__field--pickup-mobile .place-autocomplete input::placeholder,
  .hourly-mobile-route .services-hourly-panel__field--pickup-mobile [data-place-input="hourly_daily_pickup"]::placeholder,
  .hourly-mobile-route .services-hourly-panel__field--pickup-mobile .services-hourly-panel__control::placeholder{
    color:rgba(255,245,228,.58) !important;
    opacity:1 !important;
  }

  .hourly-mobile-route .services-hourly-panel__field--pickup-mobile .place-autocomplete input:focus,
  .hourly-mobile-route .services-hourly-panel__field--pickup-mobile [data-place-input="hourly_daily_pickup"]:focus,
  .hourly-mobile-route .services-hourly-panel__field--pickup-mobile .services-hourly-panel__control:focus{
    outline:none !important;
    border-color:rgba(31,122,109,.78) !important;
    background-color:rgba(15,17,19,.62) !important;
  }

  .hourly-mobile-route .services-hourly-panel__field--pickup-mobile .place-autocomplete__clear{
    position:absolute !important;
    top:50% !important;
    right:8px !important;
    z-index:3 !important;
    width:30px !important;
    height:30px !important;
    transform:translateY(-50%) !important;
    border:0 !important;
    border-radius:999px !important;
    background:rgba(255,255,255,.05) !important;
    color:rgba(255,245,228,.74) !important;
    box-shadow:none !important;
    font:inherit !important;
    font-size:18px !important;
    line-height:1 !important;
    font-weight:600 !important;
  }

  .hourly-mobile-route .services-hourly-panel__field--pickup-mobile .place-autocomplete__clear[hidden]{
    display:none !important;
  }

  .hourly-mobile-route .services-hourly-panel__field--pickup-mobile .place-autocomplete__mount{
    position:relative !important;
    z-index:22 !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
  }

  .hourly-mobile-route .services-hourly-panel__field--pickup-mobile .place-autocomplete__panel{
    z-index:24 !important;
    border:1px solid rgba(236,220,189,.18) !important;
    border-radius:10px !important;
    background:rgba(15,17,19,.98) !important;
    box-shadow:none !important;
  }

  .hourly-mobile-route .services-hourly-panel__field--pickup-mobile .place-autocomplete__item-button{
    min-height:52px !important;
    padding:0 12px !important;
    border:1px solid transparent !important;
    border-radius:10px !important;
    background:transparent !important;
    color:rgba(255,249,238,.92) !important;
    font:inherit !important;
    font-size:14px !important;
    line-height:1.25 !important;
    font-weight:650 !important;
    text-align:left !important;
  }

  .hourly-mobile-route .services-hourly-panel__field--pickup-mobile .place-autocomplete__item-button:focus-visible{
    outline:2px solid rgba(31,122,109,.95) !important;
    outline-offset:-2px !important;
  }
  
  .hourly-mobile-route .services-hourly-panel__row--mobile-notes{
    margin-top:-4px !important;
  }

  .hourly-mobile-route .services-hourly-panel__field--notes{
    display:grid !important;
    gap:4px !important;
    min-width:0 !important;
  }
  
  .hourly-mobile-route .services-hourly-panel__field--notes [data-services-hourly-mobile-notes-helper]:empty,
  .hourly-mobile-route .services-hourly-panel__field--notes [data-services-hourly-mobile-notes-helper]:not(:has(.services-hourly-panel__notes-helper)){
    display:none !important;
    height:0 !important;
    min-height:0 !important;
    max-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
  }
  
  .hourly-mobile-route .services-hourly-panel__config[data-services-hourly-mode-active="full_day"] .services-hourly-panel__field--notes [data-services-hourly-mobile-notes-helper],
  .hourly-mobile-route .services-hourly-panel__config[data-services-hourly-mode-active="custom_long_term"] .services-hourly-panel__field--notes [data-services-hourly-mobile-notes-helper]{
    display:none !important;
    height:0 !important;
    min-height:0 !important;
    max-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
  }

  .hourly-mobile-route .services-hourly-panel__field--notes .services-hourly-panel__control,
  .hourly-mobile-route .services-hourly-panel__field--notes .services-hourly-panel__control--textarea,
  .hourly-mobile-route .services-hourly-panel__field--notes textarea{
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    min-height:48px !important;
    height:48px !important;
    max-height:48px !important;
    padding:0 12px !important;
    border:1px solid rgba(236,220,189,.38) !important;
    border-radius:9px !important;
    background:rgba(15,17,19,.46) !important;
    color:rgba(255,249,238,.96) !important;
    box-shadow:none !important;
    box-sizing:border-box !important;
    font:inherit !important;
    font-size:14px !important;
    line-height:48px !important;
    font-weight:650 !important;
    resize:none !important;
    overflow:hidden !important;
    color-scheme:dark !important;
  }

  .hourly-mobile-route .services-hourly-panel__field--notes .services-hourly-panel__control::placeholder,
  .hourly-mobile-route .services-hourly-panel__field--notes textarea::placeholder{
    color:rgba(255,245,228,.48) !important;
    opacity:1 !important;
  }

  .hourly-mobile-route .services-hourly-panel__field--notes .services-hourly-panel__control:focus,
  .hourly-mobile-route .services-hourly-panel__field--notes textarea:focus{
    outline:none !important;
    border-color:rgba(31,122,109,.78) !important;
    background-color:rgba(15,17,19,.58) !important;
  }
  
    .hourly-mobile-route .services-hourly-panel__row--mobile-notes[data-hourly-mobile-notes-with-vehicle="true"]{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
  }

  .hourly-mobile-route [data-hourly-mobile-vehicle-in-footer="true"]{
    width:128px !important;
    max-width:128px !important;
    min-width:128px !important;
    display:grid !important;
    grid-template-rows:auto !important;
    gap:0 !important;
    align-self:start !important;
    justify-self:start !important;
  }

  .hourly-mobile-route [data-hourly-mobile-vehicle-in-footer="true"] .services-hourly-panel__label{
    display:none !important;
  }

  .hourly-mobile-route [data-hourly-mobile-vehicle-in-footer="true"] .services-hourly-panel__vehicle-copy{
    display:block !important;
    width:128px !important;
    min-width:0 !important;
    margin:5px 0 0 !important;
  }

  .hourly-mobile-route [data-hourly-mobile-vehicle-in-footer="true"] .services-hourly-panel__vehicle{
    width:128px !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    grid-template-rows:102px auto !important;
    gap:0 !important;
    align-content:start !important;
  }

  .hourly-mobile-route [data-hourly-mobile-vehicle-in-footer="true"] .services-hourly-panel__vehicle-media{
    width:128px !important;
    height:102px !important;
    border-radius:9px !important;
  }

  .hourly-mobile-route [data-hourly-mobile-vehicle-in-footer="true"] .services-hourly-panel__vehicle-image{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center 77% !important;
    border-radius:9px !important;
  }
  
  .hourly-mobile-route [data-hourly-mobile-vehicle-in-footer="true"] .services-hourly-panel__vehicle-name{
    display:block !important;
    width:128px !important;
    max-width:128px !important;
    overflow:hidden !important;
    color:rgba(255,249,238,.86) !important;
    font-size:10.5px !important;
    line-height:1.18 !important;
    font-weight:700 !important;
    letter-spacing:.01em !important;
    text-align:left !important;
    white-space:normal !important;
    text-overflow:clip !important;
  }
  
  .hourly-mobile-route .services-hourly-panel__field--pickup-mobile [data-services-hourly-pickup-mount],
  .hourly-mobile-route .services-hourly-panel__field--pickup-mobile [data-place-mount="hourly_daily_pickup"],
  .hourly-mobile-route .services-hourly-panel__field--pickup-mobile .place-autocomplete__panel,
  .hourly-mobile-route .services-hourly-panel__field--pickup-mobile .place-autocomplete__status{
    display:none !important;
    height:0 !important;
    min-height:0 !important;
    max-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
    pointer-events:none !important;
  }
 
  /* H1.17 — Hourly Date Sheet, copied from Airport Hotel sheet UX */
  body[data-hourly-mobile-date-sheet-open="true"]{
    overflow:hidden !important;
  }

  .hourly-mobile-date-sheet{
    position:fixed;
    inset:0;
    z-index:92;
    display:block;
    background:#0f1113;
  }

  .hourly-mobile-date-sheet[hidden]{
    display:none !important;
  }

  .hourly-mobile-date-sheet__screen{
    box-sizing:border-box;
    width:100%;
    height:100svh;
    min-height:100svh;
    padding:
      calc(60px + env(safe-area-inset-top))
      18px
      calc(18px + env(safe-area-inset-bottom));
    display:grid;
    grid-template-rows:auto auto minmax(0, 1fr) auto;
    gap:16px;
    overflow:hidden;
    background:#0f1113;
  }

  .hourly-mobile-date-sheet__top{
    min-height:32px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
  }

  .hourly-mobile-date-sheet__back{
    display:inline-flex;
    align-items:center;
    gap:6px;
    min-height:28px;
    padding:0;
    border:0;
    background:transparent;
    color:rgba(255,245,228,.78);
    font:inherit;
    font-size:13px;
    line-height:1;
    font-weight:700;
  }

  .hourly-mobile-date-sheet__back::before{
    content:"←";
    font-size:16px;
    line-height:1;
    font-weight:600;
  }

  .hourly-mobile-date-sheet__clear{
    width:32px;
    height:32px;
    padding:0;
    border:0;
    background:transparent;
    color:rgba(255,245,228,.74);
    font:inherit;
    font-size:24px;
    line-height:1;
    font-weight:500;
  }

  .hourly-mobile-date-sheet__header{
    display:grid;
    gap:4px;
  }

  .hourly-mobile-date-sheet__title{
    margin:0;
    color:rgba(255,249,238,.98);
    font-size:22px;
    line-height:1.12;
    letter-spacing:-.02em;
  }

  .hourly-mobile-date-sheet__text{
    margin:0;
    color:rgba(255,245,228,.68);
    font-size:13px;
    line-height:1.35;
  }

  .hourly-mobile-date-sheet__body{
    min-height:0;
    display:grid;
    align-content:start;
    gap:8px;
    overflow:hidden;
  }

  .hourly-mobile-date-sheet__label{
    margin:0;
    color:rgba(255,245,228,.74);
    font-size:11.5px;
    line-height:1.2;
    font-weight:700;
  }

  .hourly-mobile-date-sheet__control-wrap{
    position:relative;
    width:100%;
    height:48px;
    min-height:48px;
  }

  .hourly-mobile-date-sheet__control{
    width:100%;
    min-width:0;
    max-width:100%;
    height:48px;
    min-height:48px;
    max-height:48px;
    padding:0 34px 0 12px;
    border:1px solid rgba(236,220,189,.38);
    border-radius:9px;
    background:rgba(15,17,19,.46);
    color:rgba(255,249,238,.96);
    box-shadow:none;
    box-sizing:border-box;
    font:inherit;
    font-size:13px;
    line-height:48px;
    font-weight:650;
    color-scheme:dark;
  }

  .hourly-mobile-date-sheet__control:focus{
    outline:none;
    border-color:rgba(31,122,109,.78);
    background:rgba(15,17,19,.62);
  }

  .hourly-mobile-date-sheet__icon{
    position:absolute;
    top:50%;
    right:9px;
    width:16px;
    height:16px;
    transform:translateY(-50%);
    color:rgba(255,245,228,.68);
    pointer-events:none;
  }

  .hourly-mobile-date-sheet__control::-webkit-calendar-picker-indicator{
    position:absolute;
    inset:0;
    width:100%;
    height:48px;
    opacity:0;
    cursor:pointer;
  }

  .hourly-mobile-date-sheet__footer{
    display:grid;
    gap:8px;
  }

  .hourly-mobile-date-sheet__confirm{
    width:100%;
    min-height:50px;
    border:0;
    border-radius:9px;
    background:rgba(31,122,109,.86);
    color:rgba(255,249,238,.98);
    box-shadow:none;
    font:inherit;
    font-size:14px;
    line-height:1;
    font-weight:800;
  }
}