/* ============================================================
   СИЛУЭТ — точечные правки переноса.
   styles.css остаётся нетронутым эталоном вёрстки (1:1).
   Здесь только исправления дефектов рендера из чистого хендоффа
   и стыковка с разметкой WooCommerce, каждая — с пояснением.
   ============================================================ */

/* Хендофф отдал .product-card__media как <a> (inline-элемент),
   из-за чего aspect-ratio:3/4 не применялся и область фото
   схлопывалась в 0. В исходном макете-прототипе это был блок 3:4.
   Возвращаем блочность — карточка выглядит как задумано. */
.product-card__media { display: block; }

/* Поле количества в корзине выглядит как счётчик-число из макета
   (в вёрстке это был <span>; на реальном магазине нужен <input>). */
.qty .qty-num {
	width: 34px;
	text-align: center;
	border: none;
	background: none;
	font: inherit;
	color: inherit;
	padding: 0;
	-moz-appearance: textfield;
}
.qty .qty-num::-webkit-outer-spin-button,
.qty .qty-num::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

/* --- Поля и элементы WooCommerce в стиле макета --- */
.woocommerce form .form-row { margin: 0 0 14px; }
.woocommerce-checkout .input-text,
.woocommerce-checkout textarea,
.woocommerce-checkout select,
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.select2-container .select2-selection {
	width: 100%;
	border: 1px solid var(--border-ctl);
	background: var(--bg-card);
	padding: 13px 15px;
	font-family: 'Jost', sans-serif;
	font-size: 14px;
	color: var(--ink);
	border-radius: 0;
	outline: none;
	box-sizing: border-box;
}
.woocommerce-checkout label { font-size: 13px; color: var(--text-muted); }
.woocommerce-checkout h3 { font-family: 'Cormorant Garamond', serif; font-weight: 400; font-size: 22px; margin: 0 0 14px; }
.woocommerce-checkout #payment { background: transparent; }
.woocommerce-checkout #payment ul.payment_methods { border: 1px solid var(--line); padding: 14px; list-style: none; margin: 0 0 16px; }
.woocommerce-checkout #payment ul.payment_methods li { margin-bottom: 8px; font-size: 14px; }
.woocommerce-checkout #payment div.payment_box { background: var(--bg-cream-2); font-size: 13px; color: var(--text-muted); padding: 12px 14px; }
.woocommerce-checkout .woocommerce-checkout-review-order-table { width: 100%; border-collapse: collapse; margin-bottom: 18px; font-size: 14px; }
.woocommerce-checkout .woocommerce-checkout-review-order-table th,
.woocommerce-checkout .woocommerce-checkout-review-order-table td { padding: 10px 0; border-bottom: 1px solid var(--line-soft); text-align: left; }
.woocommerce-checkout .woocommerce-checkout-review-order-table td.product-total,
.woocommerce-checkout .woocommerce-checkout-review-order-table th:last-child { text-align: right; }
.woocommerce-checkout #place_order {
	display: block; width: 100%; background: var(--accent); color: var(--bg-card);
	border: none; padding: 16px; font-family: 'Jost', sans-serif; font-size: 13px;
	letter-spacing: .1em; text-transform: uppercase; cursor: pointer; margin-top: 8px;
}
.woocommerce-checkout #place_order:hover { background: var(--accent-hover); }