@media (max-width: 1030px) {
  .orders__list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    justify-content: center;
  }

  .order__item-body div {
    padding: 10px 0;
    border-right: none;
  }

  .order__item-body {
    flex-direction: column;
    align-items: start;
  }

  .footer__group {
    flex-direction: column;
  }
}

@media (max-width: 768px) {
  .hero__inner {
    flex-direction: column;
  }

  .catalog__card-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  .light-green-cubes {
    display: none;
  }

  .collection__img {
    display: none;
  }

  .orders__list {
    grid-template-columns: repeat(2, 1fr);
  }

  .pickup-layout {
    grid-template-columns: 1fr;
  }

  .footer__row {
    /* flex-direction: column; */
  }

  .footer__group {
    flex-direction: column;
  }

  .footer__nav-list {
    flex-direction: column;
    align-items: start;
  }

  .footer__menu-branding {
    flex-direction: column;
    align-items: start;
  }

  .footer__contacts-title {
    text-align: center;
  }

  .footer__group {
    align-items: center;
  }

  .fullscreen-container {
    width: 98vw;
    height: 98vh;
  }

  .fullscreen-header {
    padding: 0.8rem 1rem;
  }

  .fullscreen-title {
    font-size: 1.2rem;
  }
}

@media (max-width: 500px) {
  .product__inner {
    grid-template-columns: 1fr;
  }

  .product__description {
    grid-column: 1 / 2;
  }

  .product__related {
    grid-column: 1 / 2;
  }

  /* Перемещаем заголовок продукта под хлебные крошки на мобильных устройствах */
  .product__title--mobile {
    display: block;
    font-size: clamp(2.5rem, 4vw, 6rem);
    margin-top: 1rem;
    margin-bottom: 1.5rem;
  }

  .product__info .product__title {
    display: none;
  }

  .product__description-btn {
    display: flex;
    justify-content: center;
  }

  .form__delivery-item {
    width: 100%;
  }

  .form__delivery-link {
    justify-content: space-between;
  }

  .form__delivery-link svg {
    visibility: hidden;
  }

  .recent-pickup__list {
    flex-direction: column;
  }

  .footer__row {
    flex-direction: column;
  }

  .footer__menu-branding {
    flex-direction: row;
  }

  .footer__nav {
    margin-bottom: 30px;
  }

  .footer__nav-list {
    flex-direction: column;
    align-items: center;
  }

  .footer__contacts-title {
    margin-bottom: 10px;
  }

  .footer__row-info {
    justify-content: center;
  }

  .footer__legal {
    justify-content: center;
  }
}

@media (max-width: 425px) {
  .hero__button {
    max-width: none;
  }

  .catalog__card-button:hover {
    transform: none;
  }

  .orders__list {
    grid-template-columns: 1fr;
  }

  .order__item-body div {
    padding: 5px 0;
  }

  .order__item-title,
  .order__item-delivery,
  .order__item-sum {
    flex-direction: row;
    align-items: center;
    gap: 10px;
  }


}

@media (max-width: 375px) {
  .catalog__card-list {
    grid-template-columns: 1fr;
  }
}