/* Mobile-only: a small brand, circular menu control and paired hero actions. */
.hero-mobile-booking { display: none; }
@media(max-width:1000px) {
  .mobile-cta { display: none; }
  .header {
    top: max(12px, env(safe-area-inset-top));
    width: calc(100% - 36px);
    height: 54px;
    padding: 0;
    gap: 10px;
    border: 0;
    border-radius: 0;
    background: transparent;
  }
  .header:before { content: none; }
  .header .brand { flex-direction: column; gap: 3px; align-items: center; min-width: 68px; }
  .header .brand-image { width: 68px; height: 32px; }
  .header .brand-image img { width: 76px; top: -20px; left: -4px; }
  .header .branch { border: 0; padding: 0; font-size: 9px; line-height: 1.2; letter-spacing: .08em; color: #fff; }
  .header .header-book { display: none; }
  .header .menu-toggle {
    margin-left: auto;
    width: 44px;
    height: 44px;
    min-width: 44px;
    min-height: 44px;
    border-color: var(--yellow);
    border-radius: 50%;
    background: var(--yellow);
  }
  .header .menu-toggle span { background: #080808; }
  .header .mobile-menu { max-height: calc(100svh - 100px); }
  .hero .actions { width: min(360px, 100%); margin-inline: auto; gap: 10px; }
  .hero .actions>.button {
    flex: 1 1 0;
    min-width: 0;
    min-height: 52px;
    padding: 13px 12px;
    gap: 10px;
    font-size: 13px;
    white-space: nowrap;
  }
  .hero .actions>.hero-mobile-booking { display: inline-flex; }
}
@media(max-width:640px) {
  .footer { padding-bottom: calc(36px + env(safe-area-inset-bottom)); }
}