/**
 * [모바일 헤더]
 * - 역할: 360px에서도 로고가 읽히게 최소 크기를 지키고, 유틸 칸을 줄여 헤더가 깨지지 않게 함
 * - 작성/수정일: 2026-09-14
 */

@media (max-width: 991.98px) {
  .an-header__logo {
    min-width: max-content;
  }

  .an-header__logo img {
    height: 24px;
    min-height: 24px;
    width: auto;
    max-width: none;
  }

  /* [모바일 헤더] 회원 썸네일을 유틸 아이콘(18px)과 비슷한 크기로 / 2026-09-14 */
  .an-header__account-avatar {
    width: 22px;
    height: 22px;
  }

  .an-header .icon-btn,
  .an-header__menu-toggle,
  .an-header__lang-btn,
  .an-header__search-toggle,
  .an-header__auth-link,
  .an-header__account-btn--member {
    min-width: 40px;
    min-height: 40px;
  }
}

@media (max-width: 399.98px) {
  .an-header__top-inner {
    gap: 8px;
  }

  .an-header__utils {
    gap: 2px;
  }

  .an-header .icon-btn,
  .an-header__menu-toggle,
  .an-header__lang-btn,
  .an-header__search-toggle,
  .an-header__auth-link,
  .an-header__account-btn--member {
    width: 36px;
    height: 36px;
    min-width: 36px;
    min-height: 36px;
  }

  .an-header__logo img {
    height: 24px;
    min-height: 24px;
  }

  .an-header__account-avatar {
    width: 20px;
    height: 20px;
  }
}