/*
 * Aquamag — «Кошик» і «Оформлення замовлення» (WooCommerce Cart & Checkout
 * BLOCKS, не класичні шаблони!). Підключається лише на цих двох сторінках
 * (is_cart() / is_checkout()) поверх основного aquamag-style.
 *
 * ВАЖЛИВО: на відміну від "Мого профілю" (класичні PHP-шаблони WooCommerce
 * з розміткою на кшталт .woocommerce-MyAccount-*), кошик і чекаут на цьому
 * сайті зроблені через блоки Gutenberg (перевірено наживо через DOM-
 * інспекцію: body.woocommerce-cart / body.woocommerce-checkout, розмітка —
 * .wc-block-cart / .wc-block-checkout з класами wc-block-components-*).
 * Тому й тут нічого не перевизначено на рівні PHP-шаблонів — усе поверх
 * штатних класів блоків, які самі відповідають за базову функціональність
 * (розкладка колонок, адаптивність при вузькому контейнері, показ/приховання
 * чекбоксів і т.д.) — я лише "перефарбовую" їх у стилістику сайту.
 *
 * На відміну від кошика/чекауту, .woocommerce-обгортки тут НЕМАЄ: блоки
 * рендеряться прямо всередині .aqh-page-content, без проміжного
 * <div class="woocommerce">, тому сайтове правило ".aqh .woocommerce .button"
 * сюди не дотягується — кнопки блоків стилізовано тут з нуля.
 *
 * Способи доставки й оплати (.wc-block-components-radio-control) на момент
 * написання на сайті були порожні (не налаштовані способи доставки/оплати),
 * тому цей блок стилізовано за стабільною, задокументованою розміткою
 * WooCommerce Blocks, а не звірено наживо піксель-в-піксель — варто
 * перевірити після підключення реальних способів доставки й оплати.
 */

/* ---------- Контейнер / базова розкладка ---------- */
body.woocommerce-cart .aqh-content-page,
body.woocommerce-checkout .aqh-content-page { max-width:1180px; }
body.woocommerce-cart .aqh-page-title,
body.woocommerce-checkout .aqh-page-title { margin-bottom:26px; }

body.woocommerce-cart .wc-block-components-sidebar-layout,
body.woocommerce-checkout .wc-block-components-sidebar-layout { gap:28px; }

/* Товарні назви/посилання в кошику/чекауті — без сайтового ALL CAPS
   (.aqh a{text-transform:uppercase}) і без підкреслення — так само, як
   уже зроблено для навігації "Мого профілю". */
body.woocommerce-cart .wc-block-components-product-name,
body.woocommerce-checkout .wc-block-components-product-name {
	text-transform:none; text-decoration:none; font-weight:700; color:var(--green-dark);
}
body.woocommerce-cart .wc-block-components-product-name:hover,
body.woocommerce-checkout .wc-block-components-product-name:hover { color:var(--green); }

/* Ціни — той самий моноширинний шрифт, що й на решті сайту. */
body.woocommerce-cart .wc-block-formatted-money-amount,
body.woocommerce-checkout .wc-block-formatted-money-amount { font-family:'IBM Plex Mono',monospace; }

/* ---------- Кнопки (спільні для кошика й чекауту) ---------- */
body.woocommerce-cart .wc-block-components-button,
body.woocommerce-checkout .wc-block-components-button {
	font-family:'Plus Jakarta Sans',sans-serif; font-weight:700; font-size:13.5px;
	background:var(--green); color:#fff; border:none; border-radius:10px;
	padding:14px 26px; text-decoration:none; transition:background .15s ease, transform .15s ease;
	box-shadow:none;
}
body.woocommerce-cart .wc-block-components-button:hover,
body.woocommerce-checkout .wc-block-components-button:hover { background:var(--green-dark); color:#fff; }
body.woocommerce-cart .wc-block-components-button:disabled,
body.woocommerce-checkout .wc-block-components-button:disabled { background:var(--border); color:var(--text-faint); cursor:not-allowed; }
/* Другорядні/outline-кнопки (напр. "Застосувати" купон, коли він неактивний) */
body.woocommerce-cart .wc-block-components-button.is-outlined,
body.woocommerce-checkout .wc-block-components-button.is-outlined {
	background:#fff; color:var(--green-dark); border:1.5px solid var(--border);
}
body.woocommerce-cart .wc-block-components-button.is-outlined:hover,
body.woocommerce-checkout .wc-block-components-button.is-outlined:hover { border-color:var(--green); color:var(--green); background:#fff; }

/* ---------- Сповіщення / помилки ---------- */
body.woocommerce-cart .wc-block-components-notice-banner,
body.woocommerce-checkout .wc-block-components-notice-banner {
	display:flex; align-items:flex-start; gap:10px; background:var(--bg); border:1px solid var(--border);
	border-radius:12px; padding:14px 18px; font-size:13px; color:var(--text); margin:0 0 18px 0;
}
body.woocommerce-cart .wc-block-components-notice-banner.is-error,
body.woocommerce-checkout .wc-block-components-notice-banner.is-error { border-color:#F3D3CC; background:#FBEAE7; }
body.woocommerce-cart .wc-block-components-notice-banner.is-success,
body.woocommerce-checkout .wc-block-components-notice-banner.is-success { border-color:#CFE6C4; background:#EEF5EA; }
body.woocommerce-cart .wc-block-components-notice-banner.is-info,
body.woocommerce-checkout .wc-block-components-notice-banner.is-info { border-color:var(--border); background:var(--bg); }
body.woocommerce-cart .wc-block-components-notice-banner svg,
body.woocommerce-checkout .wc-block-components-notice-banner svg { flex-shrink:0; margin-top:1px; }

/* ---------- Текстові поля (contact / billing / shipping / купон) ----------
 * WooCommerce сам додає клас .is-active на .wc-block-components-text-input,
 * коли поле в фокусі або вже заповнене — саме на це зав'язана анімація
 * "спливаючого" лейбла нижче (жодного власного JS не потрібно). */
body.woocommerce-cart .wc-block-components-text-input,
body.woocommerce-checkout .wc-block-components-text-input { position:relative; margin:0 0 4px 0; }
body.woocommerce-cart .wc-block-components-text-input input,
body.woocommerce-checkout .wc-block-components-text-input input {
	width:100%; border:1.5px solid var(--border); border-radius:10px; background:#fff;
	padding:21px 14px 9px 14px; font-family:inherit; font-size:13.5px; color:var(--text);
	transition:border-color .15s ease; min-height:52px;
}
body.woocommerce-cart .wc-block-components-text-input input:focus,
body.woocommerce-checkout .wc-block-components-text-input input:focus { outline:none; border-color:var(--green-light); }
body.woocommerce-cart .wc-block-components-text-input label,
body.woocommerce-checkout .wc-block-components-text-input label {
	position:absolute; left:15px; top:50%; transform:translateY(-50%); margin:0;
	font-size:13.5px; color:var(--text-faint); pointer-events:none; transition:all .15s ease;
	max-width:calc(100% - 30px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
body.woocommerce-cart .wc-block-components-text-input.is-active label,
body.woocommerce-checkout .wc-block-components-text-input.is-active label {
	top:11px; transform:none; font-size:10.5px; font-weight:600; color:var(--text-muted); letter-spacing:.2px;
}

/* ---------- Списки (країна / область) ---------- */
body.woocommerce-cart .wc-blocks-components-select__container,
body.woocommerce-checkout .wc-blocks-components-select__container {
	position:relative; border:1.5px solid var(--border); border-radius:10px; background:#fff;
	transition:border-color .15s ease;
}
body.woocommerce-cart .wc-blocks-components-select__container:focus-within,
body.woocommerce-checkout .wc-blocks-components-select__container:focus-within { border-color:var(--green-light); }
body.woocommerce-cart .wc-blocks-components-select__select,
body.woocommerce-checkout .wc-blocks-components-select__select {
	width:100%; border:none; background:transparent; appearance:none; cursor:pointer;
	padding:21px 34px 9px 14px; font-family:inherit; font-size:13.5px; color:var(--text); min-height:52px;
}
body.woocommerce-cart .wc-blocks-components-select__container::after,
body.woocommerce-checkout .wc-blocks-components-select__container::after {
	content:""; position:absolute; right:14px; top:50%; width:11px; height:11px; margin-top:-6px;
	background-color:var(--text-faint); pointer-events:none;
	-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
	mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
	-webkit-mask-repeat:no-repeat; mask-repeat:no-repeat; -webkit-mask-size:contain; mask-size:contain;
}
body.woocommerce-cart .wc-blocks-components-select__label,
body.woocommerce-checkout .wc-blocks-components-select__label {
	position:absolute; left:15px; top:9px; font-size:10.5px; font-weight:600; color:var(--text-muted); pointer-events:none;
}

/* ---------- Чекбокси (доп. крило/під'їзд, примітка до замовлення, умови) ----------
 * На живому сайті перевірено, що WooCommerce сам вимикає видимість
 * svg-галочки через input:checked (display:none, поки не позначено) —
 * АЛЕ розмір і позицію самої галочки (щоб лежала точно поверх квадратика,
 * а не окремим величезним значком поруч) тут поставлено явно й незалежно
 * від стилів WooCommerce, щоб нічого не "поплило", якщо там щось
 * зміниться. */
body.woocommerce-cart .wc-block-components-checkbox label,
body.woocommerce-checkout .wc-block-components-checkbox label {
	position:relative; display:flex; align-items:center; gap:10px; font-size:13px; color:var(--text);
	text-transform:none; cursor:pointer;
}
body.woocommerce-cart .wc-block-components-checkbox__input,
body.woocommerce-checkout .wc-block-components-checkbox__input {
	appearance:none; width:19px; height:19px; border:1.5px solid var(--border); border-radius:5px;
	background:#fff; cursor:pointer; margin:0; flex-shrink:0; transition:background .15s ease, border-color .15s ease;
}
body.woocommerce-cart .wc-block-components-checkbox__input:checked,
body.woocommerce-checkout .wc-block-components-checkbox__input:checked { background:var(--green); border-color:var(--green); }
body.woocommerce-cart .wc-block-components-checkbox__mark,
body.woocommerce-checkout .wc-block-components-checkbox__mark {
	position:absolute; left:2px; top:50%; margin-top:-7.5px; width:15px; height:15px; pointer-events:none;
	display:none;
}
body.woocommerce-cart .wc-block-components-checkbox__input:checked ~ .wc-block-components-checkbox__mark,
body.woocommerce-checkout .wc-block-components-checkbox__input:checked ~ .wc-block-components-checkbox__mark { display:block; }
body.woocommerce-cart .wc-block-components-checkbox__input:checked ~ .wc-block-components-checkbox__mark path,
body.woocommerce-checkout .wc-block-components-checkbox__input:checked ~ .wc-block-components-checkbox__mark path { fill:#fff; }

/* ---------- Підсумки (СУММА КОРЗИНЫ / Детали заказа) ---------- */
body.woocommerce-cart .wc-block-components-sidebar,
body.woocommerce-checkout .wc-block-components-sidebar {
	background:#fff; border:1px solid var(--border); border-radius:14px; padding:26px;
}
.wc-block-components-sidebar-layout .wc-block-components-main{width: 50%;}
.wc-block-components-sidebar{width: 47%;}
body.woocommerce-cart .wc-block-cart__totals-title,
body.woocommerce-checkout .wc-block-components-checkout-order-summary__title-text {
	font-family:'Plus Jakarta Sans',sans-serif; font-size:17px; font-weight:800; color:var(--text);
	text-transform:none;
}
body.woocommerce-checkout .wc-block-components-checkout-order-summary__title {
	display:flex; align-items:center; gap:8px; cursor:pointer; margin:0 0 6px 0;
}
body.woocommerce-checkout .wc-block-components-checkout-order-summary__title-price {
	font-family:'IBM Plex Mono',monospace; font-weight:700; color:var(--green-dark); margin-left:auto;
}
body.woocommerce-checkout .wc-block-components-checkout-order-summary__title-icon { color:var(--text-faint); }

body.woocommerce-cart .wc-block-components-totals-item,
body.woocommerce-checkout .wc-block-components-totals-item {
	display:flex; justify-content:space-between; align-items:flex-start; gap:10px;
	padding:12px 0; border-top:1px solid var(--border); font-size:13.5px;
}
body.woocommerce-cart .wc-block-components-totals-item:first-child,
body.woocommerce-checkout .wc-block-components-totals-item:first-child { border-top:none; }
body.woocommerce-cart .wc-block-components-totals-item__label,
body.woocommerce-checkout .wc-block-components-totals-item__label { color:var(--text-muted); text-transform:none; }
body.woocommerce-cart .wc-block-components-totals-item__value,
body.woocommerce-checkout .wc-block-components-totals-item__value { font-family:'IBM Plex Mono',monospace; font-weight:600; color:var(--text); }
body.woocommerce-cart .wc-block-components-totals-footer-item .wc-block-components-totals-item__label,
body.woocommerce-checkout .wc-block-components-totals-footer-item .wc-block-components-totals-item__label {
	font-family:'Plus Jakarta Sans',sans-serif; font-weight:700; color:var(--text); font-size:15px;
}
body.woocommerce-cart .wc-block-components-totals-footer-item .wc-block-components-totals-item__value,
body.woocommerce-checkout .wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
	font-size:17px; font-weight:700; color:var(--green-dark);
}

/* Купон — панель, що розкривається */
body.woocommerce-cart .wc-block-components-totals-coupon,
body.woocommerce-checkout .wc-block-components-totals-coupon { border-top:1px solid var(--border); padding:4px 0; }
body.woocommerce-cart .wc-block-components-panel__button,
body.woocommerce-checkout .wc-block-components-panel__button {
	display:flex; align-items:center; gap:6px; width:100%; background:none; border:none; padding:8px 0;
	font-size:13px; font-weight:600; color:var(--green-dark); text-transform:none; cursor:pointer;
}
body.woocommerce-cart .wc-block-components-panel__button:hover,
body.woocommerce-checkout .wc-block-components-panel__button:hover { color:var(--green); }
body.woocommerce-cart .wc-block-components-totals-coupon__form,
body.woocommerce-checkout .wc-block-components-totals-coupon__form { display:flex; gap:8px; align-items:flex-start; padding-top:6px; }
body.woocommerce-cart .wc-block-components-totals-coupon__form .wc-block-components-text-input,
body.woocommerce-checkout .wc-block-components-totals-coupon__form .wc-block-components-text-input { flex:1; margin:0; }
body.woocommerce-cart .wc-block-components-totals-coupon__button,
body.woocommerce-checkout .wc-block-components-totals-coupon__button { padding:14px 18px; flex-shrink:0; }

/* Кнопка "Перейти к оформлению заказа" / "Оформить заказ" — на всю ширину. */
body.woocommerce-cart .wc-block-cart__submit-container,
body.woocommerce-checkout .wc-block-checkout__actions_row { margin-top:18px; }
body.woocommerce-cart .wc-block-cart__submit-button,
body.woocommerce-checkout .wc-block-components-checkout-place-order-button {
	display:flex; justify-content:center; width:100%; text-align:center; text-transform:none; font-size:14px;
}

/* ---------- Кошик: таблиця товарів ---------- */
body.woocommerce-cart .wc-block-cart-items {
	width:100%; border-collapse:collapse; border:1px solid var(--border); border-radius:14px; overflow:hidden;
	background:#fff;
}
body.woocommerce-cart .wc-block-cart-items__header th {
	background:var(--bg); font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.4px;
	color:var(--text-faint); text-align:left; padding:14px 20px; border-bottom:1px solid var(--border);
}
body.woocommerce-cart .wc-block-cart-items__row td { padding:18px 20px; border-bottom:1px solid var(--border); vertical-align:top; }
body.woocommerce-cart .wc-block-cart-items__row:last-child td { border-bottom:none; }
body.woocommerce-cart .wc-block-cart-item__image img {
	width:64px; height:64px; object-fit:cover; border-radius:10px; border:1px solid var(--border);
}
body.woocommerce-cart .wc-block-components-product-metadata__description p { font-size:12px; color:var(--text-muted); margin:4px 0 0 0; }
body.woocommerce-cart .wc-block-cart-item__quantity { display:flex; align-items:center; gap:12px; margin-top:12px; }
body.woocommerce-cart .wc-block-components-quantity-selector,
body.woocommerce-checkout .wc-block-components-quantity-selector {
	display:flex; align-items:center; border:1.5px solid var(--border); border-radius:10px; overflow:hidden; height:38px;
}
body.woocommerce-cart .wc-block-components-quantity-selector__input,
body.woocommerce-checkout .wc-block-components-quantity-selector__input {
	width:38px; border:none; text-align:center; font-family:'IBM Plex Mono',monospace; font-size:13px; color:var(--text);
	-moz-appearance:textfield;
}
body.woocommerce-cart .wc-block-components-quantity-selector__input::-webkit-outer-spin-button,
body.woocommerce-cart .wc-block-components-quantity-selector__input::-webkit-inner-spin-button,
body.woocommerce-checkout .wc-block-components-quantity-selector__input::-webkit-outer-spin-button,
body.woocommerce-checkout .wc-block-components-quantity-selector__input::-webkit-inner-spin-button { -webkit-appearance:none; margin:0; }
body.woocommerce-cart .wc-block-components-quantity-selector__button,
body.woocommerce-checkout .wc-block-components-quantity-selector__button {
	width:32px; height:38px; border:none; background:var(--bg); color:var(--text-muted); font-size:15px; font-weight:700;
	cursor:pointer; transition:background .15s ease, color .15s ease;
}
body.woocommerce-cart .wc-block-components-quantity-selector__button:hover,
body.woocommerce-checkout .wc-block-components-quantity-selector__button:hover { background:#EEF5EA; color:var(--green-dark); }
body.woocommerce-cart .wc-block-cart-item__remove-link {
	display:inline-flex; align-items:center; gap:5px; background:none; border:none; padding:0;
	font-size:12px; font-weight:600; color:var(--text-faint); text-transform:none; text-decoration:none; cursor:pointer;
	transition:color .15s ease;
}
body.woocommerce-cart .wc-block-cart-item__remove-link:hover { color:var(--accent); }
body.woocommerce-cart .wc-block-cart-item__prices { margin-top:4px; }

/* Порожній кошик */
body.woocommerce-cart .wp-block-woocommerce-empty-cart-block {
	text-align:center; background:#fff; border:1px solid var(--border); border-radius:14px; padding:56px 32px;
}
body.woocommerce-cart .wp-block-woocommerce-empty-cart-block h2,
body.woocommerce-cart .wp-block-woocommerce-empty-cart-block h1 {
	font-family:'Plus Jakarta Sans',sans-serif; font-weight:800; color:var(--text); margin:0 0 10px 0;
}
body.woocommerce-cart .wp-block-woocommerce-empty-cart-block p { color:var(--text-muted); margin:0 0 22px 0; }

/* ---------- Чекаут: кроки-картки ---------- */
body.woocommerce-checkout .wc-block-components-checkout-step {
	background:#fff; border:1px solid var(--border); border-radius:14px; padding:26px; margin-bottom:18px;
}
body.woocommerce-checkout .wc-block-components-checkout-step__heading-container { margin-bottom:16px; }
body.woocommerce-checkout .wc-block-components-checkout-step__title {
	font-family:'Plus Jakarta Sans',sans-serif; font-size:16px; font-weight:700; color:var(--text);
	text-transform:none; margin:0;
}
body.woocommerce-checkout .wc-block-components-checkout-step__description { font-size:12.5px; color:var(--text-muted); margin:4px 0 0 0; }

/* Підтверджена адреса (згорнутий стан кроку — картка з кнопкою "Змінити") */
body.woocommerce-checkout .wc-block-components-address-card {
	display:flex; align-items:flex-start; justify-content:space-between; gap:12px;
	border:1px solid var(--border); border-radius:12px; background:var(--bg); padding:16px 18px; font-size:13px;
}
body.woocommerce-checkout .wc-block-components-address-card address { font-style:normal; line-height:1.7; color:var(--text-muted); }
body.woocommerce-checkout .wc-block-components-address-card__edit {
	font-size:11.5px; font-weight:700; color:var(--green-dark); background:#fff; border:1px solid var(--border);
	border-radius:20px; padding:6px 14px; text-transform:none; text-decoration:none; flex-shrink:0; cursor:pointer;
}
body.woocommerce-checkout .wc-block-components-address-card__edit:hover { border-color:var(--green); color:var(--green); }

/* Способи доставки / способи оплати — картки-радіо (типова, стабільна
   розмітка WooCommerce Blocks; на момент написання на сайті не було
   активних способів доставки/оплати, щоб звірити 1-в-1 наживо). */
body.woocommerce-checkout .wc-block-components-radio-control__list { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:10px; }
body.woocommerce-checkout .wc-block-components-radio-control__option {
	display:flex; align-items:flex-start; gap:12px; border:1.5px solid var(--border); border-radius:12px;
	padding:14px 16px; cursor:pointer; transition:border-color .15s ease, background .15s ease;
}
body.woocommerce-checkout .wc-block-components-radio-control__option:hover { border-color:var(--green-light); background:var(--bg); }
body.woocommerce-checkout .wc-block-components-radio-control__option-checked,
body.woocommerce-checkout .wc-block-components-radio-control__option:has(input:checked) {
	border-color:var(--green); background:#EEF5EA;
}
body.woocommerce-checkout .wc-block-components-radio-control__input { accent-color:var(--green); width:16px; height:16px; margin-top:2px; flex-shrink:0; }
body.woocommerce-checkout .wc-block-components-radio-control__label-group { display:flex; flex-wrap:wrap; align-items:center; gap:6px 12px; flex:1; }
body.woocommerce-checkout .wc-block-components-radio-control__label { font-weight:600; font-size:13.5px; color:var(--text); text-transform:none; }
body.woocommerce-checkout .wc-block-components-radio-control__secondary-label { font-family:'IBM Plex Mono',monospace; font-weight:700; color:var(--green-dark); margin-left:auto; }
body.woocommerce-checkout .wc-block-components-radio-control__description { font-size:12px; color:var(--text-muted); margin-top:3px; width:100%; }

/* Примітка до замовлення — textarea, коли чекбокс увімкнено */
body.woocommerce-checkout .wc-block-checkout__add-note textarea {
	width:100%; border:1.5px solid var(--border); border-radius:10px; padding:12px 14px; margin-top:12px;
	font-family:inherit; font-size:13.5px; color:var(--text); min-height:80px; resize:vertical;
}
body.woocommerce-checkout .wc-block-checkout__add-note textarea:focus { outline:none; border-color:var(--green-light); }

/* Умови оформлення замовлення — текст залишено сайтовим підкресленим
   посиланням (те саме, що й у звичайних текстових блоках сторінки). */
body.woocommerce-checkout .wc-block-checkout__terms {
	font-size:12px; color:var(--text-muted); padding-top:16px; margin-top:6px; border-top:1px solid var(--border);
}

/* Товари в "Деталях заказа" (чекаут) — так само, як у кошику. */
body.woocommerce-checkout .wc-block-components-order-summary-item { display:flex; gap:14px; padding:14px 0; border-top:1px solid var(--border); }
body.woocommerce-checkout .wc-block-components-order-summary-item:first-child { border-top:none; padding-top:0; }
body.woocommerce-checkout .wc-block-components-order-summary-item__image { position:relative; flex-shrink:0; }
body.woocommerce-checkout .wc-block-components-order-summary-item__image img {
	width:52px; height:52px; object-fit:cover; border-radius:9px; border:1px solid var(--border);
}
body.woocommerce-checkout .wc-block-components-order-summary-item__quantity {
	position:absolute; top:-8px; right:-8px; min-width:18px; height:18px; padding:0 4px; border-radius:50%;
	background:var(--green-dark); color:#fff; font-size:10px; font-weight:700; display:flex; align-items:center; justify-content:center;
}
body.woocommerce-checkout .wc-block-components-order-summary-item__description { flex:1; min-width:0; }
body.woocommerce-checkout .wc-block-components-order-summary-item__description h3.wc-block-components-product-name { font-size:13px; }
body.woocommerce-checkout .wc-block-components-order-summary-item__total-price { font-family:'IBM Plex Mono',monospace; font-weight:600; font-size:13px; white-space:nowrap; }

/* ---------- Мобільна адаптація ----------
 * Сама розкладка колонок (сайдбар/контент) вже керується внутрішньою
 * логікою блоків (is-large/is-small на .wc-block-components-sidebar-layout
 * залежно від ширини контейнера) — тут лише підлаштовуємо відступи. */
@media (max-width:960px) {
	body.woocommerce-cart .wc-block-components-sidebar,
	body.woocommerce-checkout .wc-block-components-sidebar { padding:20px; }
	body.woocommerce-checkout .wc-block-components-checkout-step { padding:20px; }
	body.woocommerce-cart .wc-block-cart-items__row td { padding:16px; }
	body.woocommerce-cart .wc-block-components-text-input input,
	body.woocommerce-checkout .wc-block-components-text-input input,
	body.woocommerce-cart .wc-blocks-components-select__select,
	body.woocommerce-checkout .wc-blocks-components-select__select { font-size:16px; } /* уникаємо авто-zoom на iOS */
}
@media (max-width:560px) {
	body.woocommerce-checkout .wc-block-components-address-card { flex-direction:column; }

	/* Таблиця товарів кошика — у картки (той самий прийом, що й для
	   таблиці замовлень "Мого профілю"): ховаємо лише "шапку", сам рядок
	   стає flex-контейнером, картинка+товар зверху, підсумок рядка знизу
	   на всю ширину. display:none НІКОЛИ не ставимо на саму .wc-block-cart-items —
	   інакше приховає геть усе всередині (як і сталося минулого разу з
	   таблицею замовлень, поки не полагодили). */
	body.woocommerce-cart .wc-block-cart-items thead { display:none; }
	body.woocommerce-cart .wc-block-cart-items,
	body.woocommerce-cart .wc-block-cart-items tbody,
	body.woocommerce-cart .wc-block-cart-items__row { display:block; width:100%; }
	body.woocommerce-cart .wc-block-cart-items__row {
		display:flex; flex-wrap:wrap; align-items:flex-start; column-gap:14px;
		padding:16px; border-bottom:1px solid var(--border);
	}
	body.woocommerce-cart .wc-block-cart-items__row td { display:block; padding:0; border:none; }
	body.woocommerce-cart .wc-block-cart-item__image { flex:0 0 auto; }
	body.woocommerce-cart .wc-block-cart-item__image img { width:56px; height:56px; }
	body.woocommerce-cart .wc-block-cart-item__product { flex:1 1 0; min-width:0; }
	body.woocommerce-cart .wc-block-cart-items__total {
		flex:0 0 100%; order:3; text-align:right; margin-top:10px; padding-top:10px;
		border-top:1px dashed var(--border);
	}
	body.woocommerce-cart .wc-block-cart-items__total .wc-block-formatted-money-amount {
		font-weight:700; color:var(--green-dark);
	}
}