/* =========================================================================
   Сторінка товару «Номер на спині» (вісь pdp = number; підключається з PDP лише для сайту з віссю number): галерея на
   світло-сірому тлі без рамок; панель покупки — бренд і «колекція · рівень · покриття» моно, артикул, ціна першою,
   плитки розмірів 48 px з «ще N», кількість і кнопка 48 px, дата отримання плашкою, покриття під кнопкою, «Купуєш у …»
   (переваги, оплата, допомога); «Інформація про товар» — мітки моно ліворуч. Макет: concept-product-tf.html (варіант А).
   ====================================================================== */
.tf-variant-pdp-number .tf-pdp__layout { gap: var(--tf-space-7); }
.tf-variant-pdp-number .tf-pdp__summary { gap: var(--tf-space-4); }

/* Галерея */
.tf-variant-pdp-number .tf-gallery__primary { padding: 0; border: 0; border-radius: 0; background: var(--tf-surface-subtle); isolation: isolate; }
.tf-variant-pdp-number .tf-gallery__zoom-icon { background: var(--tf-canvas); }
.tf-variant-pdp-number .tf-gallery__nav .tf-icon-button { border-color: var(--tf-text-muted); background: var(--tf-canvas); }
.tf-variant-pdp-number .tf-gallery__thumbnail { inline-size: 4.5rem; block-size: 4.5rem; padding: 0; border-width: var(--tf-bw); border-color: transparent; border-radius: 0; background: var(--tf-surface-subtle); } /* tf-native-exception: transparent — рамка лише в поточного. */
.tf-variant-pdp-number .tf-gallery__thumbnail img { mix-blend-mode: multiply; }
.tf-variant-pdp-number .tf-gallery__thumbnail[aria-pressed="true"] { border: var(--tf-bw-control) solid var(--tf-text); box-shadow: none; }

/* Відео: той самий кадр, що й фото — без рамки й заокруглення. */
.tf-variant-pdp-number .tf-gallery__video video { border-radius: 0; }
.tf-variant-pdp-number .tf-gallery__thumbnail--video img { mix-blend-mode: normal; }

/* Панель покупки: бренд, мета, назва, артикул, ціна */
.tf-variant-pdp-number .tf-pdp__meta-top { gap: var(--tf-space-3); }
.tf-pdp__meta { font-family: var(--tf-font-mono); font-size: var(--tf-size-label); font-weight: 700; letter-spacing: var(--tf-ls-mono); text-transform: uppercase; color: var(--tf-text-muted); }
.tf-pdp__sku { margin: calc(var(--tf-space-3) * -1) 0 0; font-family: var(--tf-font-mono); font-size: var(--tf-size-label); letter-spacing: var(--tf-ls-mono); color: var(--tf-text-muted); }
.tf-pdp__sku span { color: var(--tf-text); }
.tf-variant-pdp-number .tf-pdp__price { gap: 0 var(--tf-space-3); line-height: 1; }
.tf-variant-pdp-number .tf-pdp__price ins { order: -1; } /* Ціна — першою, звичайна закреслена — після неї. */
.tf-variant-pdp-number .tf-pdp__price del { font-size: var(--tf-size-body); }

/* Розміри, кількість, кнопка */
.tf-variant-pdp-number .tf-size-selector__options { grid-template-columns: repeat(auto-fill, minmax(4.75rem, 1fr)); }
.tf-variant-pdp-number .tf-size-option__value { white-space: nowrap; }
.tf-variant-pdp-number .tf-size-option--wide .tf-size-option__value { white-space: normal; }
.tf-variant-pdp-number .tf-size-option { gap: 0; min-block-size: 3rem; padding: var(--tf-space-1) var(--tf-space-2); border-width: var(--tf-bw); border-radius: var(--tf-radius-pill); font-weight: 700; }
/* Обраний розмір — без підсвітки hover: на iPhone :hover лишається на чипі після дотику й перебивав чорну заливку. */
.tf-variant-pdp-number .tf-size-option:not(:has(input:checked)):hover { background: var(--tf-surface-subtle); }
.tf-variant-pdp-number .tf-size-option small { font-weight: 700; line-height: 1.2; color: var(--tf-warning); }
.tf-variant-pdp-number .tf-size-option:has(input:checked) .tf-size-option__value::after { content: none; }
.tf-variant-pdp-number .tf-quantity label { position: absolute; inline-size: 1px; block-size: 1px; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; } /* Підпис лишається для читачів екрана. */
.tf-variant-pdp-number .tf-buying-form__actions { flex-wrap: nowrap; align-items: stretch; }
.tf-variant-pdp-number .tf-quantity__control { border-width: var(--tf-bw); }
.tf-variant-pdp-number .tf-quantity__control :is(button, input) { block-size: 3rem; }
.tf-variant-pdp-number .tf-variation-state,
.tf-variant-pdp-number .tf-add-success { border-radius: 0; }

/* Дата отримання й «Відправимо орієнтовно» — плашкою */
.tf-variant-pdp-number .tf-pdp__summary :is(.tf-signal--delivery, .tf-signal--supply) { margin: 0; padding: var(--tf-space-3) var(--tf-space-4); background: var(--tf-surface-subtle); }
.tf-variant-pdp-number .tf-pdp__summary .tf-signal--views { margin-block-start: calc(var(--tf-space-3) * -1); }

/* Покриття під кнопкою: підпис і «Як обрати покриття» в одному рядку, код — квадрат гротеском */
.tf-variant-pdp-number .tf-pdp__surface { grid-template-columns: minmax(0, 1fr) auto; align-items: center; column-gap: var(--tf-space-4); padding-block: var(--tf-space-4) 0; border-block-end: 0; }
.tf-variant-pdp-number .tf-pdp__surface h2 { letter-spacing: var(--tf-ls-mono); }
.tf-variant-pdp-number .tf-pdp__surface ul { grid-column: 1 / -1; }
.tf-variant-pdp-number .tf-pdp__surface > a { grid-column: 2; grid-row: 1; color: var(--tf-brand); font-size: var(--tf-size-small); font-weight: 700; }
.tf-variant-pdp-number .tf-pdp__surface li { align-items: center; }
.tf-variant-pdp-number .tf-pdp__surface .tf-badge--surface { display: inline-grid; place-items: center; flex: none; inline-size: 2.5rem; block-size: 2.5rem; padding: 0; border-radius: 0; background: var(--tf-surface-subtle); font-family: var(--tf-font-display); font-size: 1.375rem; font-weight: var(--tf-weight-heading); letter-spacing: 0; }

/* «Купуєш у …»: переваги, способи оплати, картка допомоги */
.tf-pdp__trust { display: grid; gap: var(--tf-space-4); padding-block-start: var(--tf-space-4); border-block-start: var(--tf-bw-divider) solid var(--tf-border); }
.tf-pdp__facts { display: grid; gap: var(--tf-space-1); margin: 0; padding: 0; list-style: none; font-size: var(--tf-size-small); }
.tf-pdp__facts li { display: flex; align-items: center; gap: var(--tf-space-2); }
.tf-pdp__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-pdp-pay { display: flex; flex-wrap: wrap; align-items: center; gap: var(--tf-space-2) var(--tf-space-3); }
.tf-pdp-pay__label { margin: 0; font-family: var(--tf-font-mono); font-size: var(--tf-size-label); font-weight: 700; letter-spacing: var(--tf-ls-mono); text-transform: uppercase; color: var(--tf-text-muted); }
.tf-pdp-pay__list { display: flex; flex-wrap: wrap; gap: var(--tf-space-2); margin: 0; padding: 0; list-style: none; }
.tf-pdp-pay__item { display: flex; }
.tf-pdp-pay__mark { display: block; inline-size: 3rem; block-size: 2rem; max-inline-size: none; }
.tf-pdp__trust .tf-cart-help { display: grid; gap: var(--tf-space-1); padding: var(--tf-space-4); border: var(--tf-bw-control) solid var(--tf-text); }
.tf-pdp__trust .tf-cart-help__title { margin: 0 0 var(--tf-space-1); font-family: var(--tf-font-body); font-size: var(--tf-size-body); font-weight: 700; line-height: 1.3; letter-spacing: 0; text-transform: none; }
.tf-pdp__trust .tf-cart-help__phone { margin: 0; font-size: var(--tf-size-lede); font-weight: 700; }
.tf-pdp__trust .tf-cart-help__phone a { display: inline-flex; align-items: center; min-block-size: var(--tf-target); color: var(--tf-text); text-decoration: none; }
.tf-pdp__trust .tf-cart-help__telegram { margin: 0; font-size: var(--tf-size-lede); font-weight: 700; }
.tf-pdp__trust .tf-cart-help__telegram a { min-block-size: var(--tf-target); color: var(--tf-text); }
.tf-pdp__trust .tf-cart-help__telegram a:hover { color: var(--tf-brand); }
.tf-pdp__trust .tf-cart-help__hours { margin: 0; font-size: var(--tf-size-small); color: var(--tf-text-muted); }
.tf-pdp__trust .tf-cart-help__links { display: flex; flex-wrap: wrap; gap: 0 var(--tf-space-4); margin: 0; padding: 0; list-style: none; font-size: var(--tf-size-small); }
.tf-pdp__trust .tf-cart-help__links a { display: inline-flex; align-items: center; min-block-size: var(--tf-target); color: var(--tf-brand); font-weight: 700; }

/* «Інформація про товар»: мітки моно ліворуч, значення — поруч */
.tf-variant-pdp-number .tf-facts { gap: 0; font-size: var(--tf-size-body); }
.tf-variant-pdp-number .tf-facts > div { display: grid; grid-template-columns: 8rem minmax(0, 1fr); align-items: center; gap: var(--tf-space-4); min-block-size: var(--tf-target); padding-block: var(--tf-space-2); }
.tf-variant-pdp-number .tf-facts dt { 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-pdp-number .tf-facts dd { text-align: start; }
.tf-variant-pdp-number .tf-pdp__details .tf-prose { font-size: var(--tf-size-body); }

/* Опис */
.tf-variant-pdp-number .tf-pdp__description .tf-prose { font-size: var(--tf-size-body); }
.tf-variant-pdp-number .tf-sticky-buy { box-shadow: none; border-block-start: var(--tf-bw-control) solid var(--tf-text); }

@media (max-width: 47.99rem) {
	.tf-variant-pdp-number .tf-gallery__thumbnail { inline-size: 3.5rem; block-size: 3.5rem; }
	.tf-variant-pdp-number .tf-facts > div { grid-template-columns: 6.5rem minmax(0, 1fr); }
}