/* ============================================================
   BLOCK: WooCommerce — стандартная форма товара в стиле макета
   Таблица вариаций скрыта: её заменяют радиокнопки цвета (select остаётся рабочим).
   Кнопка «Добавить в корзину» — стандартная кнопка WooCommerce, оформлена как в макете.
   ============================================================ */

.product__info form.cart {
  margin: 0;
}

/* !important: скрипт WooCommerce показывает эти блоки инлайн-стилем при выборе вариации */
.product__info .variations,
.product__info .reset_variations,
.product__info .woocommerce-variation,
.product__info .quantity {
  display: none !important;
}

.product__info .single_variation_wrap {
  display: grid;
  gap: 0;
}

.product__info .single_add_to_cart_button {
  width: 100%;
  min-height: 3.5rem;
  margin-top: clamp(1.5rem, 4vw, 3rem);
  padding: 0 1.5rem;
  background: var(--c-ink);
  color: var(--c-white);
  font-size: clamp(0.9375rem, 1.15vw, 1.25rem);
  transition: background var(--dur) var(--ease-out);
}

.product__info .single_add_to_cart_button:hover {
  background: var(--c-accent);
}

.product__info .single_add_to_cart_button.disabled,
.product__info .single_add_to_cart_button:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

/* Список товаров в каталоге: фото внутри ссылки */
.catalog-page__media {
  display: block;
  overflow: hidden;
  aspect-ratio: 768 / 1376;
  background: var(--c-surface);
}

.catalog-page__media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (prefers-reduced-motion: reduce) {
  .product__info .single_add_to_cart_button {
    transition: none;
  }
}