.mobile-bottom-nav { display: none; }
@media (max-width: 760px) {
  :root { --mobile-nav-height: calc(72px + env(safe-area-inset-bottom)); }
  body[data-mobile-brand] { padding-bottom: var(--mobile-nav-height); }
  body[data-mobile-brand] .editorial-nav,
  body[data-mobile-brand] .site-header { display: none; }
  body[data-mobile-brand] .whatsapp-float,
  body[data-mobile-brand] .whatsapp { display: none !important; }
  body[data-mobile-brand="cdf"] { --mobile-nav-bg: #FBF7EA; --mobile-nav-color: #882E28; --mobile-nav-muted: #9a625a; --mobile-nav-line: rgba(136,46,40,0.18); --mobile-nav-selected: rgba(136,46,40,0.07); }
  body[data-mobile-brand="lov"] { --mobile-nav-bg: #5c0a13; --mobile-nav-color: #e0c77f; --mobile-nav-muted: #d2b783; --mobile-nav-line: rgba(224,199,127,0.2); --mobile-nav-selected: rgba(224,199,127,0.09); }
  body[data-mobile-brand="theclub"] { --mobile-nav-bg: #080808; --mobile-nav-color: #d4ad55; --mobile-nav-muted: #a5946f; --mobile-nav-line: rgba(212,173,85,0.2); --mobile-nav-selected: rgba(212,173,85,0.09); }
  .mobile-bottom-nav { position: fixed; z-index: 2400; inset: auto 0 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); height: var(--mobile-nav-height); padding: 4px 8px calc(4px + env(safe-area-inset-bottom)); border-top: 1px solid var(--mobile-nav-line); background: var(--mobile-nav-bg); color: var(--mobile-nav-muted); box-sizing: border-box; }
  .mobile-bottom-nav--three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .mobile-bottom-nav a,
  .mobile-bottom-nav button { display: flex; min-width: 0; min-height: 56px; flex-direction: column; align-items: center; justify-content: center; gap: 5px; padding: 6px 2px; border: 0; border-radius: 9px; background: transparent; color: inherit; font: 500 10px/1.2 var(--font-body, var(--font-sans, system-ui, sans-serif)); letter-spacing: 0.01em; text-decoration: none; cursor: pointer; -webkit-tap-highlight-color: transparent; box-sizing: border-box; }
  .mobile-bottom-nav svg { display: block; width: 22px; height: 22px; flex: none; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
  .mobile-bottom-nav [aria-current="page"],
  .mobile-bottom-nav [aria-expanded="true"] { background: var(--mobile-nav-selected); color: var(--mobile-nav-color); }
  .mobile-bottom-nav .mobile-nav-book { color: var(--mobile-nav-color); font-weight: 600; }
  .mobile-bottom-nav .mobile-nav-icon-close { display: none; }
  .mobile-bottom-nav [aria-expanded="true"] .mobile-nav-icon-more { display: none; }
  .mobile-bottom-nav [aria-expanded="true"] .mobile-nav-icon-close { display: block; }
  .mobile-bottom-nav a:focus-visible,
  .mobile-bottom-nav button:focus-visible { outline: 2px solid var(--mobile-nav-color); outline-offset: -3px; }
  .mobile-menu-overlay,
  .mobile-menu { bottom: var(--mobile-nav-height); overflow-y: auto; }
  body[data-mobile-brand="cdf"] .mobile-menu-overlay { padding-top: 32px; }
  body[data-mobile-brand="lov"] .mobile-menu-inner { padding-top: 36px; }
  body[data-mobile-brand="lov"] .mobile-menu .language-switcher { margin-bottom: 20px; }
  body[data-mobile-brand="lov"] .mobile-menu .language-switcher button { min-width: 44px; min-height: 44px; }
  body[data-mobile-brand="theclub"] .mobile-menu { padding-top: 24px; }
  .brand-hero { min-height: calc(100svh - var(--mobile-nav-height)); padding-top: 0; }
  .hero--identity { min-height: calc(100svh - var(--mobile-nav-height)); padding-top: 0; padding-bottom: 0; }
  .page-header, .guide-hero { padding-top: 44px; }
  body[data-mobile-brand="theclub"] .weekend-reader,
  body[data-mobile-brand="theclub"] .book-stage,
  body[data-mobile-brand="theclub"] .book { height: calc(100svh - var(--mobile-nav-height)); }
  body[data-mobile-brand="theclub"] .page-arrow { bottom: calc(var(--mobile-nav-height) + 16px); }
}
@media (prefers-reduced-motion: reduce) { .mobile-bottom-nav * { transition: none !important; } }