/* CarPilotRent: use the supplied complete mobile artwork without reconstructing it. */
.carpilotrent-desktop-home-hero { display:block; }
.carpilotrent-mobile-fullbanner { display:none; }

@media (max-width: 767px) {
  /* The artwork already contains the branded top bar, so hide the real mobile header. */
  #root header.sticky.top-0 { display:none !important; }
  .carpilotrent-desktop-home-hero { display:none !important; }
  #reservation-mobile.carpilotrent-mobile-fullbanner {
    display:block !important;
    position:relative;
    width:100%;
    margin:0;
    padding:0;
    overflow:hidden;
    background:#071f55;
    line-height:0;
    isolation:isolate;
  }
  #reservation-mobile .carpilotrent-mobile-fullbanner-image {
    display:block;
    width:100%;
    height:auto;
    max-width:none;
    margin:0;
    object-fit:contain;
  }
  #reservation-mobile .carpilotrent-mobile-hit-area {
    position:absolute;
    z-index:4;
    display:block;
    padding:0;
    margin:0;
    border:0;
    background:transparent;
    color:transparent;
    text-decoration:none;
    cursor:pointer;
    -webkit-tap-highlight-color:transparent;
  }
  /* Invisible hit targets align exactly with the hamburger, phone and orange CTA in the artwork. */
  #reservation-mobile .carpilotrent-mobile-menu-hit {
    left:3.1%; top:1.1%; width:7.4%; height:5.2%;
  }
  #reservation-mobile .carpilotrent-mobile-phone-hit {
    right:2.5%; top:1.0%; width:8.2%; height:5.4%;
  }
  #reservation-mobile .carpilotrent-mobile-cta-hit {
    left:7.2%; top:76.0%; width:85.5%; height:8.2%; border-radius:999px;
  }
  #reservation-mobile .carpilotrent-mobile-image-menu {
    display:none;
    position:absolute;
    z-index:8;
    left:3%; top:8%;
    width:min(78%,320px);
    padding:10px;
    border:1px solid rgba(12,47,112,.12);
    border-radius:14px;
    background:rgba(255,255,255,.98);
    box-shadow:0 16px 40px rgba(0,0,0,.25);
    line-height:1.3;
    backdrop-filter:blur(12px);
  }
  #reservation-mobile .carpilotrent-mobile-image-menu.is-open { display:grid; }
  #reservation-mobile .carpilotrent-mobile-image-menu a {
    display:block;
    padding:12px 13px;
    border-radius:8px;
    color:#0b3479;
    font-size:14px;
    font-weight:750;
    text-decoration:none;
  }
  #reservation-mobile .carpilotrent-mobile-image-menu a:active,
  #reservation-mobile .carpilotrent-mobile-image-menu a:hover {
    background:#eef3fc;
  }
}
