/* Opt-in mobile header. Native logo, actions and desktop styling are retained. */
@media (max-width: 767px) {
  body[data-mf-mobile-header] > header { height: 80px; background: #fff; }
  body[data-mf-mobile-header] > header > .container {
    display: flex; align-items: center; justify-content: space-between; gap: 8px;
    width: 100%; max-width: none; height: 80px; box-sizing: border-box;
    margin: 0; padding: 18px 12px;
  }
  body[data-mf-mobile-header] header > .container > .d-flex:first-child { flex: 0 1 112px; min-width: 0; }
  body[data-mf-mobile-header] header > .container > .d-flex:last-child { flex: 0 0 auto; }
  body[data-mf-mobile-header] header .logo { width: 100%; min-width: 0; }
  body[data-mf-mobile-header] header .logo a { display: flex; align-items: center; width: 100%; min-height: 44px; }
  body[data-mf-mobile-header] header .logo img { display: block; width: 100% !important; max-width: 112px; height: auto; }
  body[data-mf-mobile-header] header .buttons { display: flex; flex-wrap: nowrap; gap: 4px; }
  body[data-mf-mobile-header] header .buttons > :is(.search-icon,.heart-icon,.cart-button,.list-button,.languages-button2) {
    display: inline-flex; align-items: center; justify-content: center;
    box-sizing: border-box; flex: 0 0 44px; width: 44px; height: 44px; min-height: 44px;
    padding: 0 !important; margin: 0; border-radius: 0;
  }
  body[data-mf-mobile-header] header .buttons > :is(.search-icon,.heart-icon) { background: #fff; border: 1px solid #c8c8c8; color: #171716; }
  body[data-mf-mobile-header] header .cart-button { background: #171716; border: 1px solid #171716; color: #fff; font-size: 0; gap: 0; }
  body[data-mf-mobile-header] header .list-button { background: transparent; border: 0; }
  body[data-mf-mobile-header] header .languages-button2 { font-size: 13px; line-height: 1; gap: 4px; color: #171716; }
  body[data-mf-mobile-header] header .languages-button2::before { width: 10px; height: 6px; }
  body[data-mf-mobile-header] header :is(.search-icon,.heart-icon,.cart-button)::after { width: 21px; height: 21px; }
  body[data-mf-mobile-header] header .list-button::before { width: 26px; height: 26px; background-size: contain; background-repeat: no-repeat; }
  body[data-mf-mobile-header] header .search-icon.active { background: #171716; border-color: #171716; }
  body[data-mf-mobile-header] header :is(.heart-icon,.cart-button)::before {
    top: -5px; right: -3px; width: auto; min-width: 18px; height: 18px;
    padding: 0 3px; background: #eee; color: #171716; border: 1px solid #a8a8a8; font-size: 10px;
  }
  body[data-mf-mobile-header] header .buttons > :focus-visible { outline: 2px solid #171716; outline-offset: 2px; }
  body[data-mf-mobile-header] > :is(.search-container,.menu-mobile) { top: 80px; box-sizing: border-box; }
  body[data-mf-mobile-header] > .search-container { max-height: calc(100vh - 80px); max-height: calc(100dvh - 80px); overflow-y: auto; border-bottom: 1px solid #ddd; }
  body[data-mf-mobile-header] .search-area { padding: 18px 16px; }
  body[data-mf-mobile-header] .search-area-input input { box-sizing: border-box; min-height: 48px; font-size: 16px; }
  body[data-mf-mobile-header] .mf-mobile-language-slot { display: none; }
  body[data-mf-mobile-header] .language-dropdown { max-width: calc(100vw - 24px); border-radius: 0; }
  body[data-mf-mobile-header] .language-option { min-height: 44px; box-sizing: border-box; display: flex; align-items: center; }
}
@media (max-width: 360px) {
  /* The existing language button moves into the menu; its native listener stays attached. */
  body[data-mf-mobile-header] header .buttons > .languages-button2 { display: none; }
  body[data-mf-mobile-header] .mf-mobile-language-slot { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 4px 0 12px; color: #666; font-size: 14px; }
  body[data-mf-mobile-header] .mf-mobile-language-slot .languages-button2 { display: inline-flex; align-items: center; justify-content: center; min-width: 64px; min-height: 44px; padding: 0 12px; margin: 0; border: 1px solid #c8c8c8; background: #fff; color: #171716; font-size: 14px; }
}