@media (max-width: 800px) {
  .canonical-sticky-book {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: var(--canonical-cookie-height, 0px) !important;
    z-index: 9998 !important;
    display: block !important;
    padding: 10px 16px calc(10px + env(safe-area-inset-bottom)) !important;
    background: rgba(255,255,255,.96) !important;
    border-top: 1px solid #dbe7d6 !important;
    box-shadow: 0 -4px 20px rgba(16,33,22,.08) !important;
    backdrop-filter: blur(10px);
    transform: translateY(110%);
    transition: transform .2s ease;
  }
  .canonical-sticky-book.is-visible { transform: translateY(0) !important; }
  .canonical-sticky-book .sticky-book-actions { display: block !important; max-width: none !important; margin: 0 !important; }
  .canonical-sticky-book .sticky-book-btn,
  .canonical-sticky-book a { display: flex !important; align-items: center; justify-content: center; min-height: 48px; width: 100%; border-radius: 12px !important; background: #2d5a34 !important; color: #fff !important; font: 800 16px/1.2 system-ui,-apple-system,sans-serif !important; text-decoration: none !important; }
  .canonical-natural-mobile-book { display: none !important; }
  #whatsapp-float.canonical-whatsapp { right: 16px !important; width: 48px !important; height: 48px !important; z-index: 9999 !important; }
}
/* The WebM is retained as an approved source asset, but the static final mark is
   used for first paint so every browser has the same visible header immediately. */
.eot-brand img.canonical-static-logo { width: 40px !important; height: 40px !important; border: 1px solid #edf2ed !important; border-radius: 12px !important; object-fit: contain !important; background: transparent !important; }
.eot-brand { gap: 12px !important; font-family: 'Open Sans', Arial, sans-serif !important; }
.eot-brand span { margin-left: 0 !important; font-family: 'Open Sans', Arial, sans-serif !important; font-size: 24px !important; line-height: 36px !important; font-weight: 800 !important; letter-spacing: -.02em; }
@media (min-width: 801px) {
  #whatsapp-float.canonical-whatsapp { right: 24px !important; width: 54px !important; height: 54px !important; z-index: 9999 !important; }
}
/* Explicit header geometry for the canonical release; prevents stale variant CSS
   from changing the approved logo/header proportions. */
.eot-nav { height: 77px !important; overflow: visible !important; }
.eot-nav-row { height: 76px !important; min-height: 76px !important; }
.eot-brand img.canonical-static-logo { width: 40px !important; height: 40px !important; }
@media (max-width: 768px) {
  .eot-nav { height: 69px !important; }
  .eot-nav-row { height: 68px !important; min-height: 68px !important; }
  .eot-brand img.canonical-static-logo { width: 40px !important; height: 40px !important; }
}

/* Desktop/mobile header inheritance is deliberately the homepage baseline too. */
.eot-nav { font-family: 'Open Sans', Inter, sans-serif !important; color: #0f172a !important; }
.eot-nav-row, .eot-desktop-nav, .eot-mobile-menu { font-family: inherit !important; color: inherit !important; }