/* Màu xanh lá cho điện thoại/tablet; từ 1024px giữ nguyên màu desktop. */
@media (max-width: 1023.98px) {
  .amac-header,
  .amac-bottom-nav {
    background: #2e8300;
  }
  .amac-header__mobile .amac-header__searchgroup {
    background: #246800;
    border-color: rgba(255, 255, 255, .24);
  }
  .amac-header__mobile .amac-header__searchbox,
  .amac-header__mobile .amac-header__filter-btn,
  .amac-header__mobile .amac-header__icon,
  .amac-header__mobile .amac-header__searchbox i,
  .amac-header__mobile .amac-header__filter-btn i {
    color: #fff;
  }
  .amac-header__mobile .amac-header__searchgroup:hover,
  .amac-header__mobile .amac-header__searchgroup:focus-within {
    border-color: #d9ecdd;
  }
  .amac-header__mobile .amac-header__filter-btn:hover,
  .amac-header__mobile .amac-header__filter-btn:focus-visible {
    background: rgba(255, 255, 255, .1);
  }
  .amac-bottom-nav {
    border-top-color: rgba(255, 255, 255, .18);
    box-shadow: 0 -4px 16px rgba(32, 60, 47, .14);
  }
  .amac-bottom-nav__item {
    color: #c7dbce;
  }
  .amac-bottom-nav__item.is-active {
    color: #fff;
    background: rgba(255, 255, 255, .12);
  }
  .amac-bottom-nav__item:focus-visible {
    outline-color: #e3f3e8;
  }
  .amac-bottom-nav__item[href="/bst-hot"] .amac-bottom-nav__icon {
    width: 26px;
    height: 26px;
    color: #fff09a;
    fill: #ff7619;
    filter: drop-shadow(0 0 4px #ff641b);
    animation: amac-hot-fireglow 1.8s ease-in-out infinite alternate;
  }
  .amac-bottom-nav__item[href="/bst-hot"] .amac-bottom-nav__label {
    background: linear-gradient(180deg, #fffbd0 0%, #ffe457 45%, #ff9d32 100%);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .06em;
    filter: drop-shadow(0 0 3px rgba(255, 99, 24, .65));
  }
}
@keyframes amac-hot-fireglow {
  from { transform: translateY(0) scale(1); filter: drop-shadow(0 0 3px #ff641b); }
  to { transform: translateY(-1px) scale(1.07); filter: drop-shadow(0 0 6px #ffab30); }
}
@media (prefers-reduced-motion: reduce) {
  .amac-bottom-nav__item[href="/bst-hot"] .amac-bottom-nav__icon { animation: none; }
}
