/* responsive.css */

@media (max-width: 560px) {
  .content {
    padding-left: 10px;
    padding-right: 10px;
  }

  .brand__title {
    font-size: 19px;
    letter-spacing: 0.02em;
  }

  .brand__subtitle {
    font-size: 12px;
  }

  .home-plaque {
    padding: 14px;
  }

  .home-plaque--dashboard {
    padding: 18px 15px;
  }

  .home-plaque--dashboard .home-plaque__stats {
    gap: 8px;
  }

  .home-plaque--dashboard .home-stat {
    padding: 9px 10px;
  }

  .home-plaque--dashboard .news-card {
    padding: 13px;
  }

  .home-plaque__title {
    font-size: 30px;
  }

  .home-plaque__subtitle {
    font-size: 14px;
  }

  .home-stat b {
    font-size: 11px;
  }

  .home-stat b.home-online {
    gap: 5px;
  }

  .home-online__dot {
    width: 7px;
    height: 7px;
  }

  .home-links--inline {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .catalog-list--showcase {
    gap: 10px;
  }

  .catalog-list--triple {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .lot--showcase {
    min-height: 272px;
    padding: 12px;
  }

  .lot__meta {
    margin-bottom: 12px;
  }

  .lot__spot {
    width: 58px;
    height: 58px;
  }

  .lot__spot img {
    width: 30px;
    height: 30px;
  }

  .lot__counter {
    min-width: 36px;
    height: 20px;
    font-size: 9px;
    left: 22px;
    bottom: -6px;
  }

  .lot__title {
    font-size: 20px;
  }

  .lot__price {
    font-size: 15px;
  }

  .lot__desc {
    font-size: 12px;
  }

  .profile__name {
    font-size: 22px;
  }

  .profile__username {
    font-size: 14px;
  }

  .balance__big-value {
    font-size: 22px;
  }

  .admin__head-actions {
    width: 100%;
  }

  .admin__head-actions .btn {
    flex: 1;
  }

  .admin__filters {
    overflow-x: visible;
    flex-wrap: wrap;
    padding-bottom: 0;
  }

  .admin__stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .admin__ops-list {
    max-height: 48vh;
  }

  .admin-op__actions {
    justify-content: stretch;
  }

  .admin-op__actions .admin-user__btn {
    flex: 1 1 calc(50% - 8px);
    text-align: center;
  }

  .tabbar {
    gap: 5px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .tabbar__item {
    padding: 7px 3px;
  }

  .tabbar__item span {
    font-size: 9px;
  }

  .grid--options,
  .admin__grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 380px) {
  .catalog-list--showcase {
    grid-template-columns: 1fr;
  }

  .lot--showcase {
    min-height: 242px;
  }

  .home-links .btn {
    min-width: 100%;
  }

  .home-links--inline {
    grid-template-columns: 1fr;
  }

  .home-plaque__stats {
    grid-template-columns: 1fr;
  }

  .balance {
    flex-direction: column;
  }

  .admin__stats {
    grid-template-columns: 1fr;
  }

  .admin-op__actions .admin-user__btn {
    flex-basis: 100%;
  }

  .modal-overlay {
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media (min-width: 760px) {
  .catalog-list {
    gap: 16px;
  }

  .catalog-list--showcase {
    gap: 14px;
  }

  .catalog-list--triple {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .admin__stats-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}