/**
 * Корзина ?devMode=1 — overrides после styles3/adaptive/main.
 * Scope: body.m_cart section.cart
 */
body.index.m_cart section.cart .cart__item-meta {
	display: flex;
	flex-direction: column;
	gap: 4px;
	padding-top: 4px;
}

body.index.m_cart section.cart .cart__item-meta--volume {
	grid-area: volume;
}

body.index.m_cart section.cart .cart__item-meta--price {
	grid-area: price;
}

@media screen and (max-width: 950px) {
	body.index.m_cart section.cart .cart__item-meta {
		flex-direction: row;
		align-items: baseline;
		justify-content: space-between;
		gap: 12px;
		padding-top: 4px;
	}
}

body.index.m_cart section.cart .cart__empty a {
	color: #666;
	text-decoration: underline;
}

body.index.m_cart section.cart .cart__empty a:hover {
	text-decoration: underline;
}

/* Активная карточка доставки — только по checked, не по статическому --active */
body.index.m_cart section.cart .cart__delivery-card--active:not(:has(.cart__delivery-input:checked)) {
	background: #f5f5f5;
}

body.index.m_cart section.cart .cart__delivery-card--active:not(:has(.cart__delivery-input:checked)) .cart__delivery-title {
	color: #333;
}

body.index.m_cart section.cart .cart__delivery-card--active:not(:has(.cart__delivery-input:checked)) .cart__delivery-text {
	color: #666;
}

body.index.m_cart section.cart .cart__delivery-card--active:not(:has(.cart__delivery-input:checked)) .cart__delivery-map {
	color: #c9a227;
}

body.index.m_cart section.cart .cart__delivery-card--active:not(:has(.cart__delivery-input:checked)) .cart__delivery-radio {
	border-color: #c9a227;
}

body.index.m_cart section.cart .cart__delivery-card--active:not(:has(.cart__delivery-input:checked)) .cart__delivery-radio::after {
	opacity: 0;
}

/* Резиновая сетка полей формы — как в вёрстке: name/phone | comment | promo (email + согласие + кнопка) */
body.index.m_cart section.cart .cart__fields {
	display: grid;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1.35fr) minmax(160px, 260px);
	grid-template-areas:
		"name comment promo"
		"phone comment promo";
	gap: clamp(16px, 2.5vw, 30px) clamp(20px, 4vw, 60px);
	align-items: start;
}

body.index.m_cart section.cart .cart__field {
	min-width: 0;
}

body.index.m_cart section.cart .cart__field--fname,
body.index.m_cart section.cart .cart__field:nth-child(1) {
	grid-area: name;
}

body.index.m_cart section.cart .cart__field--phone,
body.index.m_cart section.cart .cart__field:nth-child(2) {
	grid-area: phone;
}

body.index.m_cart section.cart .cart__field--comment {
	grid-area: comment;
}

body.index.m_cart section.cart .cart__field--promo {
	grid-area: promo;
	display: flex;
	flex-direction: column;
	gap: 7px;
}

body.index.m_cart section.cart .cart__field--promo > .cart__field--email {
	margin: 0;
}

@media screen and (max-width: 1100px) and (min-width: 951px) {
	body.index.m_cart section.cart .cart__fields {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
		grid-template-areas:
			"name phone"
			"comment comment"
			"promo promo";
		gap: 20px 24px;
	}
}

@media screen and (max-width: 950px) {
	body.index.m_cart section.cart .cart__fields {
		grid-template-columns: 1fr;
		grid-template-areas:
			"name"
			"phone"
			"comment"
			"promo";
		gap: 20px;
	}
}