/* Mobile interaction fixes; loaded after the individual page styles. */
@media (max-width: 760px) {
  .search input,
  .hub-news-search input,
  .activation-field input,
  .goals-search input,
  .goals-selects select,
  .catalog-content .sort-control select,
  .event-period-filter select,
  .achievement-group-label select,
  #region {
    font-size: 16px;
  }
  .primary-button {
    overflow-wrap: normal;
  }
  .remove-button {
    min-width: 44px;
    min-height: 44px;
  }
  .story-player-heading > button {
    width: 44px;
    min-height: 44px;
  }
  .calendar-controls button,
  .home-calendar .calendar-controls button {
    width: 44px;
    min-height: 44px;
  }
  .achievement-card h2,
  .achievement-card > p {
    overflow-wrap: anywhere;
  }
}
@media (max-width: 360px) {
  .achievement-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media (max-width: 600px) {
  .cart-item-info {
    flex-basis: 100%;
    min-width: 0;
    order: 2;
  }
  .cart-item > .remove-button {
    order: 1;
    margin-left: auto;
  }
}