.site-home-nav{position:fixed !important;top:0 !important;left:0 !important;right:0 !important;z-index:1000 !important;width:100% !important;height:80px;background:#3A0F34 !important;color:#fff;box-shadow:0 4px 20px rgba(0,0,0,.15);font-family:Inter,system-ui,sans-serif;transform:translateZ(0);-webkit-transform:translateZ(0)}
body{padding-top:80px !important}
.site-home-nav-inner{max-width:1280px;height:100%;padding:0 48px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px}
.site-home-logo{display:flex;align-items:center;flex:none;background:#fff;padding:5px 12px;border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,.15);transition:transform .2s ease,box-shadow .2s ease}.site-home-logo:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.22)}.site-home-logo img{display:block;width:auto;max-width:180px;height:34px;object-fit:contain}
.site-home-links{display:flex;align-items:center;gap:24px;margin-left:auto}.site-home-links a{position:relative;color:rgba(255,255,255,.9);font-size:14px;font-weight:600;white-space:nowrap}.site-home-links a:hover,.site-home-links a.is-active{color:#EAAA00}.site-home-links a.is-active:after{content:"";position:absolute;left:0;right:0;bottom:-9px;height:2px;background:#EAAA00}
.site-home-actions{display:flex;align-items:center;gap:16px;margin-left:auto}.site-home-city{position:relative;min-width:150px;border:1px solid rgba(255,255,255,.12);border-radius:9px;background:rgba(255,255,255,.1)}.site-home-city[open]{border-color:rgba(234,170,0,.6);background:rgba(255,255,255,.16)}.site-home-city>summary{display:flex;align-items:center;gap:8px;min-height:39px;padding:7px 11px;list-style:none;cursor:pointer;color:#fff;font-size:12px;font-weight:700}.site-home-city>summary::-webkit-details-marker{display:none}.site-home-city>summary>svg:first-child{width:17px;height:17px;color:#EAAA00;flex:none}.site-home-city>summary>span{flex:1}.site-city-chevron{width:15px;height:15px;flex:none;color:#fff;transition:transform .2s}.site-home-city[open] .site-city-chevron{transform:rotate(180deg)}.site-city-popover{position:absolute;top:calc(100% + 10px);right:0;z-index:90;width:270px;padding:12px;border:1px solid #E5DBE3;border-radius:14px;background:#fff;color:#3A0F34;box-shadow:0 18px 44px rgba(38,11,35,.22)}.site-city-popover:before{content:"";position:absolute;top:-7px;right:23px;width:12px;height:12px;transform:rotate(45deg);background:#fff;border-left:1px solid #E5DBE3;border-top:1px solid #E5DBE3}.site-city-popover>label{display:block;margin:2px 4px 8px;color:#5F5060;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.site-city-popover>input{width:100%;height:38px;padding:0 11px;border:1px solid #8B7A8A;border-radius:8px;background:#F8F6F9;color:#3A0F34;font:500 12px Inter,system-ui,sans-serif;outline:0}.site-city-popover>input:focus{border-color:#3A0F34;box-shadow:0 0 0 3px #F0E7F0}.site-city-options{max-height:290px;overflow-y:auto;display:grid;gap:2px;margin-top:8px}.site-city-options a{display:flex;align-items:center;justify-content:space-between;min-height:36px;padding:7px 10px;border-radius:7px;color:#3A0F34;font-size:12px;font-weight:600}.site-city-options a:hover,.site-city-options a:focus-visible{background:#F0E7F0;color:#3A0F34;outline:0}.site-city-options a.is-current{background:#FFF4D6;color:#3A0F34;font-weight:800}.site-city-options a span{color:#166534;font-size:15px}.site-city-empty{margin:10px 4px 3px;color:#5F5060;font-size:12px}.site-home-mobile option{color:#3A0F34;background:#fff}
.site-home-phone{display:flex;align-items:center;gap:8px;color:rgba(255,255,255,.9);font-size:12px;font-weight:600;white-space:nowrap}.site-home-phone:hover{color:#EAAA00}.site-home-phone svg{width:18px;height:18px;color:#EAAA00}.site-home-book{display:grid;place-items:center;min-height:40px;padding:0 20px;border-radius:12px;background:#EAAA00;color:#3A0F34;font-size:13px;font-weight:800;white-space:nowrap}.site-home-book:hover{filter:brightness(1.06);color:#3A0F34}
.site-home-mobile{display:none}.site-home-mobile summary{list-style:none;cursor:pointer;display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:rgba(255,255,255,.1)}.site-home-mobile summary::-webkit-details-marker{display:none}.site-home-mobile summary svg{width:23px;height:23px}.site-home-mobile nav{position:absolute;top:80px;left:0;right:0;display:grid;gap:15px;padding:22px 24px;background:#260B23;box-shadow:0 15px 25px rgba(0,0,0,.18)}.site-home-mobile nav a{color:#fff;font-size:14px;font-weight:600}.site-home-mobile nav a:hover{color:#EAAA00}.site-home-mobile nav label{display:grid;gap:7px;color:#EAAA00;font-size:11px;font-weight:800;text-transform:uppercase}.site-home-mobile nav select{width:100%;padding:10px;border-radius:8px;border:1px solid rgba(255,255,255,.2);background:#fff;color:#3A0F34;font-size:13px}
@media(max-width:1100px){.site-home-nav-inner{padding:0 24px}.site-home-links,.site-home-city,.site-home-phone{display:none}.site-home-mobile{display:block}.site-home-actions{margin-left:auto}}
@media(max-width:600px){body{padding-top:60px !important}.site-home-nav{height:60px;top:0 !important}.site-home-nav-inner{padding:0 12px;gap:8px}.site-home-logo{padding:3px 8px;border-radius:7px}.site-home-logo img{max-width:120px;height:24px}.site-home-actions{gap:6px;margin-left:auto}.site-home-book{padding:0 9px;min-height:32px;font-size:11px;border-radius:8px}.site-home-mobile summary{width:34px;height:34px;border-radius:8px}.site-home-mobile summary svg{width:20px;height:20px}.site-home-mobile nav{top:60px}}
.site-city-options a[hidden]{display:none}

/* ── Fixed Mobile Bottom Bar (Call Us, WhatsApp, Browse Fleet) ── */
.mobile-bottom-nav {
  display: none;
}

@media (max-width: 768px) {
  body:not(:has(.sr-page)) {
    padding-bottom: calc(68px + env(safe-area-inset-bottom, 0px)) !important;
  }
  body.home-calendar-open .mobile-bottom-nav,
  body:has(#hero-calendar-overlay:not([hidden])) .mobile-bottom-nav,
  body:has(#checkout-calendar-overlay:not([hidden])) .mobile-bottom-nav,
  body:has(.home-calendar-overlay:not([hidden])) .mobile-bottom-nav {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    z-index: -1 !important;
  }
  .mobile-bottom-nav {
    display: block !important;
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    max-width: 100vw !important;
    height: 60px !important;
    background: #3A0F34 !important;
    border-top: 1.5px solid rgba(234, 170, 0, 0.45) !important;
    box-shadow: 0 -4px 22px rgba(0, 0, 0, 0.3) !important;
    z-index: 99999 !important;
    padding-bottom: env(safe-area-inset-bottom, 0px) !important;
    box-sizing: border-box !important;
    transform: translateZ(0) !important;
    -webkit-transform: translateZ(0) !important;
  }
  .mobile-bottom-nav-inner {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    height: 100% !important;
    padding: 0 12px !important;
    gap: 8px !important;
    max-width: 480px !important;
    margin: 0 auto !important;
    box-sizing: border-box !important;
  }
  .mobile-nav-action {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 2px !important;
    text-decoration: none !important;
    padding: 4px 6px !important;
    min-width: 48px !important;
    flex-shrink: 0 !important;
    -webkit-tap-highlight-color: transparent !important;
    transition: transform 0.15s ease !important;
  }
  .mobile-nav-action:active {
    transform: scale(0.93) !important;
  }
  .mobile-nav-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 22px !important;
    height: 22px !important;
  }
  .mobile-nav-icon svg {
    width: 20px !important;
    height: 20px !important;
  }
  .mobile-nav-call .mobile-nav-icon svg {
    color: #EAAA00 !important;
  }
  .mobile-nav-whatsapp .mobile-nav-icon svg {
    color: #25D366 !important;
  }
  .mobile-nav-label {
    font-size: 10px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    letter-spacing: 0.01em !important;
    white-space: nowrap !important;
  }
  .mobile-nav-call:hover .mobile-nav-label {
    color: #EAAA00 !important;
  }
  .mobile-nav-whatsapp:hover .mobile-nav-label {
    color: #4ADE80 !important;
  }
  .mobile-nav-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    height: 40px !important;
    padding: 0 14px !important;
    border-radius: 12px !important;
    background: #EAAA00 !important;
    color: #3A0F34 !important;
    text-decoration: none !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    letter-spacing: 0.02em !important;
    white-space: nowrap !important;
    box-shadow: 0 4px 12px rgba(234, 170, 0, 0.35) !important;
    transition: all 0.15s ease !important;
    -webkit-tap-highlight-color: transparent !important;
    flex-shrink: 0 !important;
  }
  .mobile-nav-btn svg {
    width: 19px !important;
    height: 19px !important;
    color: #3A0F34 !important;
  }
  .mobile-nav-btn:hover {
    background: #D89B00 !important;
    color: #3A0F34 !important;
  }
  .mobile-nav-btn:active {
    transform: scale(0.96) !important;
  }
}

/* ── Sticky Mobile Checkout Dock for Bike Detail (Matches User Image 1) ── */
.rr-mobile-checkout-bar {
  display: none;
}

@media (max-width: 768px) {
  body:has(.rr-mobile-checkout-bar) {
    padding-bottom: calc(76px + env(safe-area-inset-bottom, 0px)) !important;
  }
  .rr-mobile-checkout-bar {
    display: block !important;
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    max-width: 100vw !important;
    height: 70px !important;
    background: #ffffff !important;
    border-top: 1.5px solid #E5DBE3 !important;
    box-shadow: 0 -4px 20px rgba(58, 15, 52, 0.12) !important;
    z-index: 9999 !important;
    padding-bottom: env(safe-area-inset-bottom, 0px) !important;
    box-sizing: border-box !important;
    transform: translateZ(0) !important;
    -webkit-transform: translateZ(0) !important;
  }
  .rr-mobile-checkout-inner {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    height: 100% !important;
    padding: 0 16px !important;
    max-width: 480px !important;
    margin: 0 auto !important;
    box-sizing: border-box !important;
    gap: 12px !important;
  }
  .rr-mobile-total-block {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    gap: 2px !important;
    min-width: 0 !important;
    flex-shrink: 0 !important;
  }
  .rr-mobile-total-label {
    font-size: 11px !important;
    font-weight: 800 !important;
    letter-spacing: 0.08em !important;
    color: #6B7280 !important;
    text-transform: uppercase !important;
    line-height: 1 !important;
  }
  .rr-mobile-total-amount {
    font-size: 22px !important;
    font-weight: 800 !important;
    color: #141B2B !important;
    line-height: 1.15 !important;
    letter-spacing: -0.02em !important;
  }
  .rr-mobile-pay-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    height: 48px !important;
    padding: 0 22px !important;
    border-radius: 9999px !important;
    background: #EAAA00 !important;
    border: none !important;
    color: #3A0F34 !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    letter-spacing: 0.01em !important;
    white-space: nowrap !important;
    box-shadow: 0 4px 14px rgba(234, 170, 0, 0.38) !important;
    cursor: pointer !important;
    transition: all 0.15s ease !important;
    -webkit-tap-highlight-color: transparent !important;
    flex-shrink: 0 !important;
  }
  .rr-mobile-pay-btn strong {
    font-weight: 800 !important;
    color: #3A0F34 !important;
  }
  .rr-mobile-pay-btn svg {
    width: 17px !important;
    height: 17px !important;
    color: #3A0F34 !important;
    flex-shrink: 0 !important;
    transition: transform 0.15s ease !important;
  }
  .rr-mobile-pay-btn:hover:not(:disabled) {
    background: #D89B00 !important;
    transform: translateY(-1px) !important;
  }
  .rr-mobile-pay-btn:hover:not(:disabled) svg {
    transform: translateX(3px) !important;
  }
  .rr-mobile-pay-btn:active:not(:disabled) {
    transform: scale(0.97) !important;
  }
  .rr-mobile-pay-btn:disabled {
    opacity: 0.65 !important;
    cursor: not-allowed !important;
    box-shadow: none !important;
  }
}