/* --- Мобильная адаптация карточек товара на главной странице --- */
@media only screen and (max-width: 768px) {
  .woocommerce ul.products {
      display: flex !important;
      flex-wrap: wrap !important;
      justify-content: flex-start !important;
      gap: 1rem !important; /* расстояние между карточками */
  }

  .woocommerce ul.products li.product {
      width: 23% !important; /* 4 карточки в ряд (примерно в 2 раза меньше) */
      margin: 0 !important;
      padding: 0.5rem !important;
      box-sizing: border-box !important;
  }

  .woocommerce ul.products li.product img {
      width: 100% !important;
      height: auto !important;
      display: block !important;
  }

  .woocommerce ul.products li.product .woocommerce-loop-product__title,
  .woocommerce ul.products li.product .price,
  .woocommerce ul.products li.product .button {
      font-size: 1rem !important;
      text-align: center !important;
  }
}

/* ====================================== */
/* Адаптивный блок поиска для десктопов  */
/* ====================================== */

@media only screen and (min-width: 769px) {
  .js-dgwt-wcas-enable-mobile-form {
    display: block !important;   /* перекрываем оригинальные стили */
    width: 35%;                  /* уменьшаем ширину, чтобы корзина была видна */
    max-width: 400px;            /* верхняя граница ширины */
    min-width: 300px;            /* минимальная ширина для удобства */
    margin-left: 0;              /* прижимаем к левому краю */
    margin-right: auto;          /* корзина справа остается видимой */
    padding: 1rem;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 8px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
    box-sizing: border-box;      /* учитываем padding в ширине */
  }

  /* Инпут поиска */
  .js-dgwt-wcas-enable-mobile-form input[type="text"] {
    width: 100%;
    padding: 0.8rem;
    font-size: 1rem;
    border: 1px solid #ccc;
    border-radius: 6px;
    box-sizing: border-box;
  }

  /* Кнопка поиска */
  .js-dgwt-wcas-enable-mobile-form button {
    margin-top: 0.5rem;
    padding: 0.8rem 1.2rem;
    font-size: 1rem;
    border: none;
    background-color: #0073e6;
    color: #fff;
    border-radius: 6px;
    cursor: pointer;
    transition: background-color 0.3s;
  }

  .js-dgwt-wcas-enable-mobile-form button:hover {
    background-color: #005bb5;
  }

  /* Средние экраны: подстраиваем ширину, чтобы корзина была видна */
  @media only screen and (max-width: 1440px) {
    .js-dgwt-wcas-enable-mobile-form {
      width: 35%;    /* уменьшаем ширину на средних экранах */
      max-width: 400px;
      margin-left: 0;
    }
  }
}

/* ====================================== */
/* Шапка для экранов 1200–1366px (13 дюймов) */
/* ====================================== */
@media (max-width: 1366px) and (min-width: 1200px) {
  .header__user {
    display: flex;
    align-items: center;
    gap: 16px; /* чтобы элементы не слипались */
  }

  .header__search {
    max-width: 400px;   /* ограничиваем ширину поиска */
    flex: 1 1 auto;     /* пусть он ужимается */
  }

  .header__cart {
    flex-shrink: 0;     /* корзина не сжимается */
    margin-left: auto;  /* всегда у правого края */
    display: flex;
    align-items: center;
    cursor: pointer;
  }

  .header__cart img {
    width: 24px;
    height: 24px;
  }

  .header__cart span {
    margin-left: 4px;
    font-size: 14px;
    font-weight: 600;
  }
}