#odyscab-mobile-reservation { display: none; }
@media (max-width: 767px) {
  html.oc-mobile-reservation-ready body .oc-mobile-booking { display: none !important; }
  html.oc-mobile-reservation-ready body { padding-bottom: calc(90px + env(safe-area-inset-bottom, 0px)); }
  #odyscab-mobile-reservation {
    display: flex; justify-content: center; box-sizing: border-box;
    position: fixed; inset: auto 0 0; width: 100%; z-index: 98000;
    padding: 12px max(20px, env(safe-area-inset-right, 0px)) calc(12px + env(safe-area-inset-bottom, 0px)) max(20px, env(safe-area-inset-left, 0px));
    background: #f9f3e8; border-top: 1px solid #eadfcd;
    box-shadow: 0 -4px 22px #571b2512;
    transform: translateY(110%); visibility: hidden; pointer-events: none;
    transition: transform .35s ease, visibility .35s;
  }
  #odyscab-mobile-reservation.oc-visible { transform: translateY(0); visibility: visible; pointer-events: auto; }
  #odyscab-mobile-reservation a {
    position: relative; display: flex; align-items: center; justify-content: center;
    box-sizing: border-box; width: 100%; max-width: 420px; min-height: 56px;
    margin: 0; padding: 16px 28px; border: 0; border-radius: 50px;
    background: linear-gradient(135deg, #650c28 0%, #ab1935 32%, #e83e45 58%, #f58246 80%, #efb35b 100%);
    color: #fff; font: 700 20px/1.2 Arial, sans-serif; text-decoration: none;
    text-align: center; letter-spacing: .3px; overflow: hidden;
  }
  #odyscab-mobile-reservation a::before {
    content: ''; position: absolute; inset: 0 auto 0 -75%; width: 50%;
    background: linear-gradient(120deg, transparent, #ffffff66, transparent);
    transform: skewX(-25deg); pointer-events: none;
  }
  #odyscab-mobile-reservation.oc-visible a::before { animation: odyscab-mobile-shine 2.5s infinite; }
  #odyscab-mobile-reservation a::after { content: none !important; }
  #odyscab-mobile-reservation a:focus-visible { outline: 3px solid #00616f; outline-offset: 3px; }
  html.oc-mobile-reservation-ready #odyscab-whatsapp { bottom: calc(22px + env(safe-area-inset-bottom, 0px)); }
  html.oc-mobile-reservation-visible #odyscab-whatsapp { bottom: calc(100px + env(safe-area-inset-bottom, 0px)); }
  body:has(.oc-booking-expanded) #odyscab-mobile-reservation { display: none; }
}
@keyframes odyscab-mobile-shine { from { left: -75%; } to { left: 125%; } }
@media (prefers-reduced-motion: reduce) {
  #odyscab-mobile-reservation { transition: none; }
  #odyscab-mobile-reservation a::before { animation: none !important; }
}