.detemar-menu-toggle { display: none; }
@media (max-width: 767px) {
  header.detemar-mobile-navigation {
    position: relative;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    z-index: 30;
  }
  .detemar-mobile-navigation > .detemar-menu-toggle {
    display: inline-flex; flex: 0 0 44px; align-items: center; justify-content: center;
    width: 44px; height: 44px; min-height: 44px; padding: 8px;
    margin: 0 0 0 12px; border: 0; border-radius: 2px;
    background: transparent; cursor: pointer;
  }
  .detemar-menu-toggle svg { width: 28px; height: 28px; }
  .detemar-menu-toggle:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
  header.detemar-mobile-navigation > nav.detemar-mobile-links {
    display: none !important;
    position: absolute !important; top: 100%; left: 0; right: 0;
    width: 100% !important; max-width: none !important; margin: 0 !important;
    padding: 12px 20px !important; gap: 0 !important;
    flex-direction: column !important; align-items: stretch !important;
    background: #f3efe6; border-top: 2px solid #1a6c7a;
    box-shadow: 0 12px 24px rgb(16 45 58 / 18%); z-index: 31;
  }
  header.detemar-mobile-navigation.detemar-menu-open > nav.detemar-mobile-links { display: flex !important; }
  .detemar-mobile-links > a {
    display: flex !important; align-items: center; justify-content: flex-start !important;
    width: 100% !important; min-height: 44px; padding: 10px 4px !important;
    margin: 0 !important; color: #102d3a !important; background: transparent !important;
    font-size: 16px !important; line-height: 1.5 !important;
    text-transform: none !important; letter-spacing: .02em !important;
  }
  .detemar-mobile-links > a:last-child { color: #c95f31 !important; }
  .detemar-mobile-links > a:hover, .detemar-mobile-links > a:focus-visible { text-decoration: underline; }
}