/* Fixed mobile navigation. Desktop navigation remains unchanged. */
.rd-bottom-nav { display: none; }
@media (max-width: 767px) {
  html { scroll-padding-bottom: calc(100px + env(safe-area-inset-bottom)); }
  body { padding-bottom: calc(96px + env(safe-area-inset-bottom)) !important; }
  body > .rd-bottom-nav {
    position: fixed; z-index: 1100; display: grid; grid-template-columns: repeat(4,minmax(0,1fr));
    left: max(8px,env(safe-area-inset-left)); right: max(8px,env(safe-area-inset-right));
    bottom: max(8px,env(safe-area-inset-bottom)); width: auto; max-width: none;
    margin: 0; padding: 6px; border: 1px solid #d4dbcd; border-radius: 20px;
    background: rgba(246,244,238,.98); box-shadow: 0 4px 28px rgba(25,47,34,.16);
    box-sizing: border-box; gap: 4px; font-family: Arial,sans-serif;
  }
  body .rd-bottom-nav a {
    display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px;
    min-width: 0; min-height: 54px; padding: 5px 2px; box-sizing: border-box; border-radius: 14px;
    color: #59664f; background: transparent; text-decoration: none; font: 500 10px/1.2 Arial,sans-serif;
    letter-spacing: 0; -webkit-tap-highlight-color: transparent;
  }
  body .rd-bottom-nav a[data-active] { background: #294b3b; color: #fff; }
  body .rd-bottom-nav a:focus-visible { outline: 2px solid #294b3b; outline-offset: 2px; }
  body .rd-bottom-nav svg { width: 22px; height: 22px; flex-shrink: 0; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
  body .rd-bottom-nav a span { font: inherit; color: inherit; white-space: nowrap; }
  body .rd-contact-trigger { bottom: calc(90px + env(safe-area-inset-bottom)) !important; }
  body .back-to-top { bottom: calc(90px + env(safe-area-inset-bottom)) !important; }
  body > .rd-cookie-notice {
    bottom: calc(152px + env(safe-area-inset-bottom)) !important;
    left: 12px; width: calc(100vw - 24px) !important; max-width: 430px !important;
    max-height: calc(100dvh - 258px) !important;
  }
  /* Let dialogs and the on-screen keyboard use the available space. */
  body.rd-contact-open .rd-bottom-nav,
  body:has(input:not([type="checkbox"]):not([type="submit"]):focus,textarea:focus) .rd-bottom-nav,
  body:has(input:not([type="checkbox"]):not([type="submit"]):focus,textarea:focus) .rd-contact-trigger,
  body:has(input:not([type="checkbox"]):not([type="submit"]):focus,textarea:focus) .back-to-top {
    visibility: hidden; pointer-events: none;
  }
}