/* KRAMEN: navigare mobilă pentru paginile secundare */
@media (max-width: 600px) {
  nav.kramen-mobile-ready { position: relative; }
  nav.kramen-mobile-ready .kramen-menu-button { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; margin-left: auto; border: 1px solid rgba(255,255,255,.28); border-radius: 8px; color: #fff; background: transparent; cursor: pointer; font: inherit; font-size: 24px; }
  nav.kramen-mobile-ready .kramen-menu-button:focus-visible { outline: 2px solid #20b9bb; outline-offset: 3px; }
  nav.kramen-mobile-ready .kramen-mobile-panel { display: none; position: absolute; z-index: 10000; top: 100%; left: 0; right: 0; padding: 12px 16px; background: #10283d; box-shadow: 0 12px 24px rgba(0,0,0,.28); flex-direction: column; gap: 4px; }
  nav.kramen-mobile-ready .kramen-mobile-panel[data-open="true"] { display: flex; }
  nav.kramen-mobile-ready .kramen-mobile-panel a { display: block; color: #fff; text-decoration: none; padding: 12px; border-radius: 6px; font-size: 16px; line-height: 1.35; }
  nav.kramen-mobile-ready .kramen-mobile-panel a:focus-visible, nav.kramen-mobile-ready .kramen-mobile-panel a:hover { background: rgba(255,255,255,.12); }
}
@media (min-width: 601px) { .kramen-menu-button, .kramen-mobile-panel { display: none !important; } }