/* =========================================================================
   Кошик, оформлення, подяка «Номер на спині» (вісь cart = number; підключається з кошиком і checkout лише для сайту з
   віссю number): лічильник у заголовку без рамки, товари рядками з лініями (без зовнішньої рамки), підсумок і картки —
   рамка кольору тексту, «Підсумок» гротеском великими, «Разом» 28–32 px текстовим шрифтом, картка допомоги звичайним
   шрифтом. Макет: design/concept-cart-tf.html.
   ====================================================================== */
.tf-variant-cart-number .tf-commerce-count { padding: 0; border: 0; background: none; color: var(--tf-text-muted); font-size: var(--tf-size-body); }

/* Товари: шапка з лінією кольору тексту, рядки з лініями */
.tf-variant-cart-number .tf-cart-items-head { padding-inline: 0; border: 0; border-block-end: var(--tf-bw-control) solid var(--tf-text); border-radius: 0; background: none; }
.tf-variant-cart-number .tf-cart-items-head__title { font-size: var(--tf-size-heading-small); }
.tf-variant-cart-number .tf-cart-items-head__back { color: var(--tf-brand); font-weight: 700; }
.tf-variant-cart-number .wp-block-woocommerce-cart .wc-block-cart table.wc-block-cart-items { border: 0; border-radius: 0; }
.tf-variant-cart-number .wp-block-woocommerce-cart .wc-block-cart table.wc-block-cart-items .wc-block-cart-items__row { padding-inline: 0; background: none; border-block-end: var(--tf-bw-divider) solid var(--tf-border); }
.tf-variant-cart-number .wp-block-woocommerce-cart .wc-block-cart-item__image a { padding: 0; border: 0; border-radius: 0; background: var(--tf-surface-subtle); }
.tf-variant-cart-number .wp-block-woocommerce-cart .wc-block-cart-item__image img { mix-blend-mode: multiply; }
.tf-variant-cart-number .wp-block-woocommerce-cart .wc-block-cart-item__total .wc-block-components-product-price__value { letter-spacing: 0; }

/* Підсумок — одна картка з рамкою кольору тексту */
.tf-variant-cart-number .wp-block-woocommerce-cart .wc-block-cart__sidebar > :is(.wp-block-woocommerce-cart-order-summary-block, .wc-block-cart__payment-options, .tf-cart-summary-meta, .wc-block-cart__submit, .tf-cart-summary-end) { border-inline: var(--tf-bw-control) solid var(--tf-text); }
.tf-variant-cart-number .wp-block-woocommerce-cart .wc-block-cart__sidebar > .wp-block-woocommerce-cart-order-summary-block { border-block-start: var(--tf-bw-control) solid var(--tf-text); border-radius: 0; }
.tf-variant-cart-number .tf-cart-summary-end { border-block-end: var(--tf-bw-control) solid var(--tf-text); border-radius: 0; }
.tf-variant-cart-number .wp-block-woocommerce-cart .wc-block-cart .wc-block-components-sidebar .wc-block-cart__totals-title { font-size: var(--tf-size-heading-small); font-weight: var(--tf-weight-heading); letter-spacing: 0.03em; text-transform: uppercase; }
.tf-variant-cart-number .wp-block-woocommerce-cart .wc-block-components-totals-coupon .wc-block-components-panel__button { color: var(--tf-brand); font-weight: 700; }
.tf-variant-cart-number .wp-block-woocommerce-cart .wc-block-components-totals-footer-item .wc-block-components-totals-item__value { font-size: var(--tf-size-price); letter-spacing: 0; }
.tf-variant-cart-number .tf-cart-summary-meta .tf-signal { border-radius: 0; background: var(--tf-surface-subtle); }
.tf-variant-cart-number .tf-cart-assure { background: var(--tf-canvas); }
.tf-variant-cart-number .tf-cart-facts li { font-weight: 400; }
.tf-variant-cart-number .tf-cart-facts .tf-icon {
	/* tf-native-exception: none — у макеті переваги позначено квадратом акценту, а не галочкою. */
	display: none;
}
.tf-variant-cart-number .tf-cart-facts li::before { content: ""; flex: none; inline-size: 0.375rem; block-size: 0.375rem; border-radius: var(--tf-radius-dot); background: var(--tf-accent); }

/* Картка допомоги: рамка кольору тексту, заголовок і телефон — текстовим шрифтом */
.tf-variant-cart-number .tf-cart-help { border: var(--tf-bw-control) solid var(--tf-text); border-radius: 0; }
.tf-variant-cart-number .tf-cart-help__title { line-height: 1.3; text-transform: none; }
.tf-variant-cart-number .tf-cart-help__phone a { font-family: var(--tf-font-body); }
.tf-variant-cart-number .tf-cart-help__links .tf-text-link { color: var(--tf-brand); font-weight: 700; }

/* Бонуси й пропозиція гостю: рамка кольору тексту */
.tf-variant-cart-number :is(.tf-bonus-panel, .tf-bonus-offer) { border: var(--tf-bw-control) solid var(--tf-text); border-radius: 0; }
.tf-variant-cart-number .tf-bonus-applied { border-radius: 0; }

/* Оформлення: підсумок замовлення — картка з рамкою кольору тексту; поля — рамка кольору тексту */
.tf-variant-cart-number .wp-block-woocommerce-checkout .wc-block-checkout__sidebar { border: var(--tf-bw-control) solid var(--tf-text); border-radius: 0; }
.tf-variant-cart-number .wp-block-woocommerce-checkout .wc-block-components-checkout-step__title { font-weight: var(--tf-weight-heading); letter-spacing: 0.03em; }
.tf-variant-cart-number .wc-block-components-text-input :is(input, textarea),
.tf-variant-cart-number .wc-blocks-components-select .wc-blocks-components-select__select { border-color: var(--tf-control-border); border-radius: var(--tf-radius-pill); }
.tf-variant-cart-number .wp-block-woocommerce-checkout .wc-block-components-checkout-place-order-button { min-block-size: 3.5rem; border-radius: var(--tf-radius-pill); }

/* Подяка */
.tf-variant-cart-number .woocommerce-order-received .woocommerce-order-overview { border-radius: 0; }
.tf-variant-cart-number .woocommerce-checkout table.shop_table { border-color: var(--tf-text); border-radius: 0; }

/* =========================================================================
   Класичне оформлення «Номер на спині» (inc/checkout-delivery.php; макет — design/concept-cart-tf.html,
   «Оформлення»): ліва колонка — секції «Контакти → Доставка → Коментар → Оплата» з лінією кольору тексту,
   способи доставки й оплати — картки-радіо, праворуч — «Підсумок замовлення» в рамці (липкий на wide).
   Поля SmartyParcel (Vue, плагін wc-ukr-shipping) — як поля теми; його список виноситься в body.
   ====================================================================== */
.tf-variant-cart-number .woocommerce:has(> form.woocommerce-checkout) { max-inline-size: none; } /* tf-native-exception: none — ширина колонки сторінки, як у блочного оформлення (woocommerce-blocktheme.css обмежує 1000px). */
.tf-variant-cart-number .woocommerce:has(> form.woocommerce-checkout) > :is(.woocommerce-form-coupon-toggle, form.checkout_coupon, .woocommerce-form-login-toggle, form.woocommerce-form-login) { margin-block-end: var(--tf-space-6); }
.tf-variant-cart-number form.woocommerce-checkout { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--tf-space-6); align-items: start; }
.tf-variant-cart-number form.woocommerce-checkout > :not(.tf-co-main, .tf-co-summary) { grid-column: 1 / -1; }
@media (min-width: 64rem) {
	.tf-variant-cart-number form.woocommerce-checkout { grid-template-columns: minmax(0, 1fr) minmax(22rem, 25rem); column-gap: var(--tf-space-8); }
}

/* Колонка форми: колонки WooCommerce одна під одною, секції з лінією кольору тексту */
.tf-variant-cart-number .tf-co-main { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0; min-inline-size: 0; }
.tf-variant-cart-number .tf-co-main .col2-set { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0; inline-size: auto; }
.tf-variant-cart-number .tf-co-main .col2-set > :is(.col-1, .col-2) { float: none; inline-size: auto; max-inline-size: none; margin: 0; padding: 0; }
.tf-variant-cart-number .tf-co-main .col2-set::before,
.tf-variant-cart-number .tf-co-main .col2-set::after { content: none; }
.tf-variant-cart-number .tf-co-main :is(.woocommerce-billing-fields > h3, .tf-co-delivery > h3, .woocommerce-additional-fields > h3, .tf-co-payment > h3) { margin: 0 0 var(--tf-space-4); padding-block-start: var(--tf-space-3); font-size: var(--tf-size-heading-small); letter-spacing: 0.03em; }
.tf-variant-cart-number .tf-co-main :is(.woocommerce-billing-fields, .woocommerce-additional-fields, .tf-co-payment) { padding-block-end: var(--tf-space-6); border-block-start: var(--tf-bw-control) solid var(--tf-text); }
.tf-variant-cart-number .tf-co-delivery { margin-block-start: var(--tf-space-6); border-block-start: var(--tf-bw-control) solid var(--tf-text); }
.tf-variant-cart-number .woocommerce-shipping-fields:not(:has(*)) { display: none; } /* tf-native-exception: none — порожня колонка доставки на іншу адресу без відступу. */

/* Поля: сітка у два стовпці з 40rem, рядок — на всю ширину */
.tf-variant-cart-number .tf-co-main :is(.woocommerce-billing-fields__field-wrapper, .woocommerce-shipping-fields__field-wrapper, .woocommerce-additional-fields__field-wrapper) { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--tf-space-4); }
@media (min-width: 40rem) {
	.tf-variant-cart-number .tf-co-main :is(.woocommerce-billing-fields__field-wrapper, .woocommerce-shipping-fields__field-wrapper) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.tf-variant-cart-number .tf-co-main :is(.woocommerce-billing-fields__field-wrapper, .woocommerce-shipping-fields__field-wrapper) > .form-row-wide { grid-column: 1 / -1; }
}
.tf-variant-cart-number .tf-co-main .form-row { float: none; inline-size: auto; margin: 0; padding: 0; }
.tf-variant-cart-number .tf-co-main .form-row label { display: block; margin-block-end: var(--tf-space-1); font-size: var(--tf-size-small); font-weight: 600; }
.tf-variant-cart-number .tf-co-main .form-row :is(input.input-text, textarea, select) { min-block-size: 3rem; border-color: var(--tf-control-border); border-radius: var(--tf-radius-pill); font-size: var(--tf-size-body); }
.tf-variant-cart-number .tf-co-main .form-row textarea { min-block-size: 6rem; }
.tf-variant-cart-number .tf-co-main .form-row.woocommerce-validated :is(input.input-text, select) { border-color: var(--tf-control-border); }
.tf-variant-cart-number .tf-co-main .form-row.woocommerce-invalid :is(input.input-text, select) { border-color: var(--tf-danger); }
.tf-variant-cart-number .tf-co-main .form-row .optional { font-weight: 400; color: var(--tf-text-muted); }

/* Способи доставки й оплати — картки: рамка поля, обрана — рамка 2 px кольору тексту; ціна праворуч */
.tf-variant-cart-number .tf-co-options,
.tf-variant-cart-number #payment ul.payment_methods { display: grid; gap: var(--tf-space-2); margin: 0; padding: 0; border: 0; list-style: none; }
.tf-variant-cart-number .tf-co-option,
.tf-variant-cart-number #payment ul.payment_methods > li.wc_payment_method { position: relative; display: grid; grid-template-columns: 1.25rem minmax(0, 1fr); gap: var(--tf-space-1) var(--tf-space-3); align-items: start; margin: 0; padding: var(--tf-space-4); border: var(--tf-bw) solid var(--tf-control-border); border-radius: var(--tf-radius-pill); background: var(--tf-surface); }
.tf-variant-cart-number .tf-co-option:has(input:checked),
.tf-variant-cart-number .tf-co-option--single,
.tf-variant-cart-number #payment ul.payment_methods > li.wc_payment_method:has(> input:checked) { padding: calc(var(--tf-space-4) - var(--tf-bw)); border: var(--tf-bw-control) solid var(--tf-text); }
.tf-variant-cart-number .tf-co-option > input[type="radio"],
.tf-variant-cart-number #payment ul.payment_methods > li.wc_payment_method > input[type="radio"] { inline-size: 1.25rem; block-size: 1.25rem; margin: 0.125rem 0 0; accent-color: var(--tf-text); }
.tf-variant-cart-number .tf-co-options > .tf-co-option--single,
.tf-variant-cart-number #payment ul.payment_methods > li.wc_payment_method:only-child { grid-template-columns: minmax(0, 1fr); }
.tf-variant-cart-number #payment ul.payment_methods > li.wc_payment_method:only-child > input[type="radio"] { position: absolute; opacity: 0; pointer-events: none; } /* Єдиний спосіб уже обраний; WooCommerce ховає радіо скриптом, без JS — так само. */
/* Клірфікс WooCommerce (li::before / ::after) у сітці картки зайняв би першу клітинку: радіо й назва з'їхали б (видно, щойно способів оплати два). */
.tf-variant-cart-number #payment ul.payment_methods > li.wc_payment_method::before,
.tf-variant-cart-number #payment ul.payment_methods > li.wc_payment_method::after { content: none; }
.tf-variant-cart-number .tf-co-option__body,
.tf-variant-cart-number #payment ul.payment_methods > li.wc_payment_method > label { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: var(--tf-space-1) var(--tf-space-3); margin: 0; font-size: var(--tf-size-body); font-weight: 700; cursor: pointer; }
.tf-variant-cart-number .tf-co-option--single .tf-co-option__body { cursor: default; }
.tf-variant-cart-number label.tf-co-option__body::after,
.tf-variant-cart-number #payment ul.payment_methods > li.wc_payment_method > label::after { content: ""; position: absolute; inset: 0; }
.tf-variant-cart-number .tf-co-option__mark { display: inline-block; inline-size: 1.5rem; block-size: 1.5rem; margin-inline-end: var(--tf-space-2); vertical-align: -0.375rem; }
.tf-variant-cart-number .tf-co-option__price { display: grid; justify-items: end; font-weight: 700; text-align: end; }
.tf-variant-cart-number :is(.tf-co-option__price--muted, .tf-co-option__note) { font-size: var(--tf-size-small); font-weight: 400; color: var(--tf-text-muted); }
.tf-variant-cart-number .tf-co-option:has(input:focus-visible) { outline: var(--tf-bw-focus) solid var(--tf-focus); outline-offset: var(--tf-space-1); }
.tf-variant-cart-number .tf-co-shipping { margin-block-end: var(--tf-space-5); }
.tf-variant-cart-number .tf-co-shipping__package { margin: var(--tf-space-3) 0 var(--tf-space-2); font-family: var(--tf-font-mono); font-size: var(--tf-size-label); letter-spacing: var(--tf-ls-label); text-transform: uppercase; color: var(--tf-text-muted); }
.tf-variant-cart-number .tf-co-shipping__empty { margin: 0; padding: var(--tf-space-4); border-inline-start: var(--tf-bw-control) solid var(--tf-warning); background: var(--tf-surface-subtle); }

/* SmartyParcel: «Куди доставити» — підпис моно, поля списку — як поля теми */
.tf-variant-cart-number .tf-co-delivery .wcus-checkout-fields { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--tf-space-4); padding-block-end: var(--tf-space-6); }
.tf-variant-cart-number .tf-co-delivery .wcus-checkout-fields > h3 { margin: 0; font-family: var(--tf-font-mono); font-size: var(--tf-size-label); font-weight: 700; letter-spacing: var(--tf-ls-label); text-transform: uppercase; color: var(--tf-text-muted); }
.tf-variant-cart-number .tf-co-delivery .wcus-checkout-fields > div,
.tf-variant-cart-number .tf-co-delivery .wcus-checkout-fields > div > div { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--tf-space-4); }
.tf-variant-cart-number .tf-co-delivery .zen-ui-select { min-inline-size: 0; }
.tf-variant-cart-number .tf-co-delivery .wcus-checkout-fields > div > div:not(:has(*)) { display: none; } /* tf-native-exception: none — порожня обгортка Vue без проміжку. */
.tf-variant-cart-number .tf-co-delivery .wcus-checkout-fields .form-row[data-tf-label]::before { font-weight: 600; }
.tf-variant-cart-number .zen-ui-select__value { display: flex; align-items: center; min-block-size: 3rem; padding: var(--tf-space-2) var(--tf-space-8) var(--tf-space-2) var(--tf-space-4) !important; border: var(--tf-bw) solid var(--tf-control-border); border-radius: var(--tf-radius-pill); background: var(--tf-surface); color: var(--tf-text); font-size: var(--tf-size-body); transition: background var(--tf-motion-fast) var(--tf-easing); }
.tf-variant-cart-number .zen-ui-select__value:hover { background: var(--tf-surface-subtle); }
.tf-variant-cart-number .zen-ui-select__value.disabled { border: var(--tf-bw-control) solid var(--tf-text); background: var(--tf-surface); color: var(--tf-text); }
.tf-variant-cart-number .zen-ui-select__value > svg { inset-inline-end: var(--tf-space-4); inline-size: 0.75rem; block-size: 0.75rem; fill: currentColor; }
.tf-variant-cart-number .zen-ui-select__value.disabled > svg { fill: currentColor; }
.tf-variant-cart-number .zen-ui-select__value-text { white-space: normal; overflow-wrap: anywhere; } /* Довга адреса відділення переноситься, а не обрізається. */
.tf-variant-cart-number .zen-ui-select__dropdown-container { z-index: var(--tf-layer-modal); }
.tf-variant-cart-number .zen-ui-select__dropdown { border: var(--tf-bw-control) solid var(--tf-text); border-block-start: 0; background: var(--tf-surface); box-shadow: var(--tf-shadow-overlay); }
.tf-variant-cart-number .zen-ui-select__search { padding: var(--tf-space-2); border: 0; border-block-end: var(--tf-bw-divider) solid var(--tf-border); }
.tf-variant-cart-number .zen-ui-select__search-input { min-block-size: var(--tf-target); padding: var(--tf-space-2) var(--tf-space-3) !important; border: var(--tf-bw) solid var(--tf-control-border) !important; border-radius: var(--tf-radius-pill) !important; background: var(--tf-surface); color: var(--tf-text); font-size: var(--tf-size-body); }
.tf-variant-cart-number .zen-ui-select__options { max-block-size: min(20rem, 50vh); padding: var(--tf-space-1) 0; border: 0; }
.tf-variant-cart-number .zen-ui-select__option { display: flex; align-items: center; min-block-size: var(--tf-target); padding: var(--tf-space-2) var(--tf-space-4); color: var(--tf-text); font-size: var(--tf-size-body); transition: none; }
.tf-variant-cart-number .zen-ui-select__option:not(.zen-ui-select__option--disabled):not(.zen-ui-select__option--current):hover { background: var(--tf-surface-subtle); }
.tf-variant-cart-number .zen-ui-select__option--current { background: var(--tf-surface-subtle); font-weight: 700; }
.tf-variant-cart-number :is(.zen-ui-select__option--loading, .zen-ui-select__option--more, .zen-ui-select__option--disabled) { color: var(--tf-text-muted); }
.tf-variant-cart-number .zen-ui-select__option--more { color: var(--tf-brand); font-weight: 700; text-decoration: underline; }
.tf-variant-cart-number .wcus-pudo-map-button { min-block-size: var(--tf-target); margin-block-start: var(--tf-space-2); padding: var(--tf-space-2) var(--tf-space-4); border: var(--tf-bw) solid var(--tf-control-border); border-radius: var(--tf-radius-pill); background: var(--tf-surface); color: var(--tf-text); font-weight: 700; }
.tf-variant-cart-number .wcus-pudo-map-button > svg { fill: currentColor; }
.tf-variant-cart-number .wcus-state-loading::before { background: var(--tf-surface); opacity: 0.7; }
.tf-variant-cart-number .wcus-state-loading::after { border-color: var(--tf-text); border-inline-start-color: var(--tf-surface); }

/* Права колонка — картка підсумку як у кошику: «Підсумок», товари, суми, «Разом», дата, оплата, кнопка 56 px,
   гостьове оформлення, переваги й марки; під карткою — «Питання щодо розміру чи доставки?» */
.tf-variant-cart-number .tf-co-summary { display: grid; gap: var(--tf-space-4); min-inline-size: 0; }
.tf-variant-cart-number .tf-co-card { display: grid; border: var(--tf-bw-control) solid var(--tf-text); background: var(--tf-surface); }
.tf-variant-cart-number .tf-co-card > :is(#order_review_heading, #order_review) { padding-inline: var(--tf-space-6); }
.tf-variant-cart-number .tf-co-card #order_review_heading { margin: 0; padding-block: var(--tf-space-6) var(--tf-space-3); font-size: var(--tf-size-heading-small); letter-spacing: 0.03em; }
.tf-variant-cart-number .tf-co-card #order_review { display: grid; gap: 0; padding-block-end: var(--tf-space-3); }

/* Товари й суми. Кожен рядок — своя сітка «назва | сума»: у таблиці велика сума «Разом» і рядок «Доставка»
   розпирали колонку сум, і назва товару стискалась у вузький стовпчик. Семантику таблиці повертають ролі
   (assets/js/checkout-delivery.js). */
.tf-variant-cart-number .tf-co-card table.shop_table { display: block; margin: 0; border: 0; border-radius: 0; background: none; }
.tf-variant-cart-number .tf-co-card table.shop_table :is(tbody, tfoot) { display: block; }
.tf-variant-cart-number .tf-co-card table.shop_table thead { display: none; } /* tf-native-exception: none — «Товар / Проміжний підсумок» дублюють зміст рядків. */
.tf-variant-cart-number .tf-co-card table.shop_table tr { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: baseline; column-gap: var(--tf-space-3); padding-block: var(--tf-space-3); border-block-start: var(--tf-bw-divider) solid var(--tf-border); }
.tf-variant-cart-number .tf-co-card table.shop_table tbody tr:first-child { border-block-start-color: var(--tf-text); }
.tf-variant-cart-number .tf-co-card table.shop_table tr.cart_item { align-items: start; }
.tf-variant-cart-number .tf-co-card table.shop_table :is(th, td) { display: block; padding: 0; border: 0; background: none; color: var(--tf-text); font-size: var(--tf-size-body); font-weight: 400; }
.tf-variant-cart-number .tf-co-card table.shop_table tfoot th { color: var(--tf-text-muted); text-align: start; }
.tf-variant-cart-number .tf-co-card table.shop_table :is(td.product-total, tfoot td) { text-align: end; font-weight: 600; }
.tf-variant-cart-number .tf-co-card table.shop_table :is(td.product-total, .cart-subtotal td, .cart-discount td, .fee td, .order-total td) { white-space: nowrap; }
.tf-variant-cart-number .tf-co-card table.shop_table tfoot:not(:has(.cart-discount, .fee)) .cart-subtotal { display: none; } /* tf-native-exception: none — як у кошику: без знижок «Проміжний підсумок» дорівнює товарам. */
.tf-variant-cart-number .tf-co-card table.shop_table .cart-discount td { color: var(--tf-success); }
.tf-variant-cart-number .tf-co-card table.shop_table tr.order-total { padding-block-start: var(--tf-space-4); border-block-start-color: var(--tf-text); }
.tf-variant-cart-number .tf-co-card table.shop_table .order-total :is(th, td) { color: var(--tf-text); font-weight: 700; }
.tf-variant-cart-number .tf-co-card table.shop_table .order-total td { font-family: var(--tf-font-money); font-size: var(--tf-size-price); letter-spacing: 0; }
.tf-variant-cart-number .tf-co-card table.shop_table .order-total td small { display: block; color: var(--tf-text-muted); font-family: var(--tf-font-body); font-size: var(--tf-size-caption); font-weight: 400; white-space: normal; }
.tf-variant-cart-number .tf-co-item { display: flex; align-items: flex-start; gap: var(--tf-space-3); min-inline-size: 0; }
.tf-variant-cart-number .tf-co-item__media { flex: none; inline-size: 4rem; block-size: 4rem; background: var(--tf-surface-subtle); }
.tf-variant-cart-number .tf-co-item__image { inline-size: 100%; block-size: 100%; object-fit: contain; mix-blend-mode: multiply; }
.tf-variant-cart-number .tf-co-item__name { display: grid; gap: var(--tf-space-1); min-inline-size: 0; font-size: var(--tf-size-small); line-height: 1.35; }
.tf-variant-cart-number .tf-co-item__chips { display: flex; flex-wrap: wrap; gap: var(--tf-space-1); }
.tf-variant-cart-number :is(.tf-co-item__chip, .tf-co-card dl.variation) { font-size: var(--tf-size-caption); }
.tf-variant-cart-number .tf-co-item__chip { padding: 0 var(--tf-space-2); border: var(--tf-bw) solid var(--tf-border); background: var(--tf-surface-subtle); white-space: nowrap; }
.tf-variant-cart-number .tf-co-card dl.variation { display: flex; flex-wrap: wrap; gap: 0 var(--tf-space-1); margin: var(--tf-space-1) 0 0 calc(4rem + var(--tf-space-3)); color: var(--tf-text-muted); }
.tf-variant-cart-number .tf-co-card dl.variation :is(dt, dd, dd p) { margin: 0; padding: 0; float: none; font-weight: 400; }
.tf-variant-cart-number .tf-co-item__qty { color: var(--tf-text-muted); }
.tf-variant-cart-number .tf-co-card table.shop_table tr.tf-co-summary-shipping { grid-template-columns: auto minmax(0, 1fr); }
.tf-variant-cart-number .tf-co-summary-shipping td > *,
.tf-variant-cart-number .tf-co-summary-shipping .tf-co-option__note { display: block; }
.tf-variant-cart-number .tf-co-summary-shipping .tf-co-option__price { font-weight: 400; }
.tf-variant-cart-number .tf-co-summary-shipping__empty { color: var(--tf-text-muted); font-weight: 400; }

/* Дата отримання й «Оплата» — між сумами й способами оплати */
.tf-variant-cart-number .tf-co-card__meta { padding-block: var(--tf-space-2) var(--tf-space-4); }
.tf-variant-cart-number .tf-co-card__meta .tf-signal { margin: 0; padding: var(--tf-space-3) var(--tf-space-4); border-radius: 0; background: var(--tf-surface-subtle); color: var(--tf-text-muted); }
.tf-variant-cart-number .tf-co-card__meta .tf-signal .tf-icon { color: var(--tf-brand); }
.tf-variant-cart-number .tf-co-card__pay { margin: 0; padding-block: var(--tf-space-3); border-block-start: var(--tf-bw-divider) solid var(--tf-border); font-family: var(--tf-font-mono); font-size: var(--tf-size-label); font-weight: 700; letter-spacing: var(--tf-ls-label); text-transform: uppercase; color: var(--tf-text-muted); }

/* Оплата: способи картками, без сірої плашки WooCommerce, умови й кнопка 56 px на всю ширину */
.tf-variant-cart-number #payment { border-radius: 0; background: none; }
.tf-variant-cart-number #payment ul.payment_methods > li.wc_payment_method > label img { max-block-size: 1.5rem; margin: 0; }
.tf-variant-cart-number #payment div.payment_box { grid-column: 1 / -1; margin: var(--tf-space-2) 0 0; padding: var(--tf-space-3) var(--tf-space-4); border-radius: 0; background: var(--tf-surface-subtle); color: var(--tf-text-muted); font-size: var(--tf-size-small); }
.tf-variant-cart-number #payment div.payment_box::before { content: none; }
.tf-variant-cart-number #payment div.form-row.place-order { display: grid; gap: var(--tf-space-3); margin: var(--tf-space-4) 0 0; padding: 0; }
.tf-variant-cart-number #payment .woocommerce-privacy-policy-text { color: var(--tf-text-muted); font-size: var(--tf-size-caption); }
.tf-variant-cart-number #payment .woocommerce-privacy-policy-text p { margin: 0; }
.tf-variant-cart-number #payment .woocommerce-terms-and-conditions-wrapper a { color: var(--tf-brand); font-weight: 700; }
.tf-variant-cart-number #payment .woocommerce-form__label-for-checkbox { display: flex; align-items: center; gap: var(--tf-space-3); min-block-size: var(--tf-target); font-size: var(--tf-size-small); font-weight: 400; }
.tf-variant-cart-number #payment .woocommerce-form__label-for-checkbox input { flex: none; inline-size: 1.25rem; block-size: 1.25rem; margin: 0; accent-color: var(--tf-text); }
.tf-variant-cart-number #payment #place_order { float: none; inline-size: 100%; min-block-size: 3.5rem; margin: 0; padding-inline: var(--tf-space-4); font-size: var(--tf-size-body); }

/* Низ картки й картка допомоги — ті самі, що в кошику */
.tf-variant-cart-number .tf-co-card .tf-cart-summary-end { min-block-size: 0; border: 0; border-radius: 0; }
.tf-variant-cart-number .tf-co-card .tf-cart-guest { padding-block-start: var(--tf-space-2); }
.tf-variant-cart-number .tf-co-summary .tf-cart-help { margin: 0; }

/* «Бонуси» й «Промокод» — дві картки в ряд (на телефоні — одна під одною), однаковий стиль */
.tf-variant-cart-number .tf-co-perks { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 20rem), 1fr)); gap: var(--tf-space-4); margin-block-end: var(--tf-space-6); }
.tf-variant-cart-number .tf-co-perks > .tf-bonus-panel { max-inline-size: none; margin: 0; }
.tf-variant-cart-number .tf-co-coupon { display: grid; align-content: start; gap: var(--tf-space-3); padding: var(--tf-space-5); border: var(--tf-bw-control) solid var(--tf-text); background: var(--tf-surface); }
.tf-variant-cart-number .tf-co-coupon[hidden] { display: none; } /* tf-native-exception: none — без JS картки немає. */
.tf-variant-cart-number .tf-co-coupon__label { margin: 0; color: var(--tf-text-muted); font-family: var(--tf-font-mono); font-size: var(--tf-size-label); font-weight: 700; letter-spacing: var(--tf-ls-mono); text-transform: uppercase; }
.tf-variant-cart-number .tf-co-coupon__form { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--tf-space-2); margin: 0; }
.tf-variant-cart-number .tf-co-coupon__form .input-text { min-block-size: 3rem; padding: var(--tf-space-2) var(--tf-space-4); border: var(--tf-bw-control) solid var(--tf-control-border); border-radius: var(--tf-radius-pill); background: var(--tf-surface); color: var(--tf-text); font-size: var(--tf-size-body); text-transform: uppercase; }
.tf-variant-cart-number .tf-co-coupon__form .input-text::placeholder { text-transform: none; }
.tf-variant-cart-number .tf-co-coupon__form .input-text:focus-visible { outline: var(--tf-bw-focus) solid var(--tf-focus); outline-offset: var(--tf-space-1); }
.tf-variant-cart-number .tf-co-coupon__form .button { min-block-size: 3rem; margin: 0; padding-inline: var(--tf-space-5); border-radius: var(--tf-radius-pill); background: var(--tf-text); color: var(--tf-on-inverse); font-weight: 700; white-space: nowrap; }
.tf-variant-cart-number .tf-co-coupon__form .button:disabled { opacity: 0.6; }
.tf-variant-cart-number .tf-co-coupon__status { margin: 0; color: var(--tf-text-muted); font-size: var(--tf-size-small); }
.tf-variant-cart-number .tf-co-coupon.is-success .tf-co-coupon__status { color: var(--tf-success); font-weight: 600; }
.tf-variant-cart-number .tf-co-coupon.is-error .tf-co-coupon__status { color: var(--tf-danger); font-weight: 600; }
.tf-variant-cart-number .tf-co-coupon.is-error .input-text { border-color: var(--tf-danger); }

/* Контакти: ім'я й прізвище, телефон і e-mail — парами; країна (одна, Україна) — лише прихованим полем */
.tf-variant-cart-number .tf-co-main :is(.tf-co-field-hidden, #billing_country_field:has(:is(input[type="hidden"], select.country_to_state--single))) { display: none !important; } /* tf-native-exception: none — країна (лише Україна) — приховане поле форми; important — скрипт WooCommerce показує рядок вбудованим стилем. */
.tf-variant-cart-number .tf-co-main :is(.woocommerce-additional-fields, .woocommerce-shipping-fields):not(:has(.form-row, h3)) { display: none; } /* tf-native-exception: none — без нотаток і другої адреси секції порожні. */

@media (max-width: 30rem) {
	.tf-variant-cart-number .tf-co-card > :is(#order_review_heading, #order_review) { padding-inline: var(--tf-space-4); }
}