/* SHOPSTYLE — страница товара (ТЗ п.5). Подключается автоматически из inc/enqueue.php. */

/* Цвет словом — под названием, над ценой */
.ss-color { margin: -8px 0 12px; font-size: 14px; }
.ss-color span { color: var(--wd-title-color, #242424); }

/* «Таблица размеров» — сразу под размерами, на виду */
.ss-size-guide { margin: 0 0 15px; font-size: 13px; }
.ss-size-guide a { text-decoration: underline; text-underline-offset: 3px; }
.ss-size-guide .wd-sizeguide-btn { margin: 0; }
.variations_form .ss-size-guide { margin: 4px 0 12px; } /* было -10px: налезало на «Очистить» */
.single-product form.variations_form table.variations { margin-bottom: 8px; } /* у темы 40px — дыра между размерами и «Таблицей размеров» */

/* Размера нет в наличии — кнопка зачёркнута, но кликабельна (открывает «Сообщить о поступлении») */
.wd-swatch.ss-oos .wd-swatch-text { text-decoration: line-through; opacity: .45; }
.wd-swatch.ss-oos { border-style: dashed; }

/* Нажали «В корзину» без размера — подсветка блока размеров и подсказка рядом */
.variations.ss-need-size .wd-swatches-product[data-id="pa_size"] { outline: 1px solid #d0021b; outline-offset: 6px; border-radius: 3px; }
.ss-size-hint { margin: -8px 0 15px; color: #d0021b; font-size: 13px; }

/* «Сообщить о поступлении» */
.ss-notify { margin: 0 0 15px; padding: 15px; border: 1px solid var(--brdcolor-gray-300, #e3e3e3); }
.ss-notify-title { margin-bottom: 10px; font-weight: 500; color: var(--wd-title-color, #242424); }
.ss-notify-row { display: flex; gap: 8px; }
.ss-notify-row input[type="email"] { flex: 1 1 auto; min-width: 0; }
.ss-notify-row .button { flex: 0 0 auto; }
.ss-notify .ss-hp { position: absolute; left: -9999px; }
.ss-notify-msg { margin-top: 8px; font-size: 13px; }
.ss-notify-msg:empty { display: none; }
/* Товара нет совсем — кнопки «В корзину» нет, только форма */
.single-product-page.outofstock .single_variation_wrap,
.single-product-page.outofstock .wd-sticky-btn,
body.ss-outofstock .wd-sticky-btn { display: none; }

/* Инфо-блок сразу под кнопкой */
/* условия покупки под кнопкой — inc/benefits.php + assets/benefits.css (14.10.2026) */

/* Мета (артикул, категории) — внизу, мелко */
.single-product-page .product_meta { font-size: 12px; opacity: .7; }

/* Замеры */
.ss-measurements { width: 100%; border-collapse: collapse; }
.ss-measurements th, .ss-measurements td { padding: 6px 10px; border-bottom: 1px solid var(--brdcolor-gray-300, #e3e3e3); text-align: left; }
/* Размеры сумки (23.09, вариант А): строка под «Цвет», тем же размером */
.ss-bag-size { margin: -8px 0 12px; font-size: 14px; }
.ss-bag-size span { color: var(--ss-muted, #8c7f77); }

/* ---------- правки С. 05.09: атрибуты на мобайле сжаты, «Очистить» нависает над таблицей размеров ---------- */
.single-product .variations tr + tr > * { padding-top: 14px; }
.single-product .variations .label { padding-bottom: 6px; }
.single-product .wd-reset-var { display: none !important; } /* «Очистить» не нужна: размер меняют нажатием на другой, как на WB */
.single-product .wd-sizeguide-btn, .single-product .wd-sguide-btn { display: block; margin: 22px 0 0; padding-top: 14px; border-top: 1px solid var(--ss-line); }
@media (max-width: 768.98px) {
	.single-product .variations td.value { padding-bottom: 4px; }
	.single-product .single_variation_wrap { margin-top: 18px; }
}

/* ---------- Правки дизайна 08.09: попап таблицы размеров на телефоне — мельче текст, диапазоны без переносов ---------- */
.wd-sizeguide .wd-sizeguide-content > p a { text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 768.98px) {
	.wd-sizeguide .wd-sizeguide-table { font-size: 12px; }
	.wd-sizeguide .wd-sizeguide-table th, .wd-sizeguide .wd-sizeguide-table td { white-space: nowrap; padding: 8px 4px; line-height: 1.3; }
	.wd-sizeguide .wd-sizeguide-table th { font-size: 10px; letter-spacing: .04em; white-space: normal; }
	.wd-sizeguide .wd-sizeguide-content > h3, .wd-sizeguide .wd-sizeguide-content > .title { font-size: 20px; }
}
@media (max-width: 768.98px) { .wd-sizeguide .wd-sizeguide-table, .wd-sizeguide table { min-width: 0; width: 100%; table-layout: auto; } .wd-sizeguide .wd-sizeguide-table td { padding: 8px 3px; } }

/* «В этом образе» (мета _ss_look от контент-бота) */
.ss-look{margin:40px 0 10px}
.ss-look__title{font-size:14px;letter-spacing:.2em;text-transform:uppercase;font-weight:400;text-align:center;margin:0 0 24px}

/* Таблица размеров по мерке изделия (22.09.2026): две таблицы в одной модалке, размер не переносить */
.wd-sizeguide .ss-sg-note{margin:0 0 18px;font-size:13px;color:var(--ss-muted,#8c7f77)}
.wd-sizeguide .ss-sg-h{margin:22px 0 10px;font-size:14px;letter-spacing:.14em;text-transform:uppercase;font-weight:400}
.wd-sizeguide .wd-sizeguide-table td:first-child{white-space:nowrap}
.wd-sizeguide .wd-sizeguide-table td{font-size:13px;padding:10px 12px}
/* sg-mobile: на телефоне шапка таблицы переносится, ячейки компактнее — влезает 3 столбца, остальное прокруткой */
@media (max-width:767px){
  .wd-sizeguide .wd-sizeguide-title{font-size:17px;letter-spacing:.12em;margin-bottom:14px}
  .wd-sizeguide .ss-sg-note{font-size:12px;margin-bottom:12px}
  .wd-sizeguide .ss-sg-h{margin:16px 0 8px;font-size:12px}
  .wd-sizeguide .wd-sizeguide-table td{font-size:12px;padding:8px 7px}
  .wd-sizeguide .wd-sizeguide-table tr:first-child td{white-space:normal;font-size:10px;line-height:1.2;min-width:72px;vertical-align:bottom}
  .wd-sizeguide .wd-sizeguide-table td:first-child{font-size:11px;padding-left:4px;padding-right:6px}
}

/* Переключатель цветов: цвета без наличия не показываем (Benny 01.10.2026). Woodmart Linked Variations ставит wd-disabled цвету-карточке
   «нет в наличии»; текущую карточку (wd-active) оставляем — иначе пропадёт подпись своего цвета. */
.wd-swatches-product .wd-swatch.wd-linked.wd-disabled:not(.wd-active) { display: none; }

/* Покупка напрямую: одна композиция, крупная экономия и плоская сетка преимуществ. */
.single-product .summary-inner > .ss-buy-direct{order:8}
.ss-buy-direct{--bd-ink:#35283e;--bd-muted:#655c6c;--bd-line:#e5dfe9;margin:22px 0 12px;border:1px solid var(--bd-line);border-radius:16px;overflow:hidden;background:#fffdfa;color:var(--bd-ink);text-align:left}
.ss-buy-direct .ss-buy-direct-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:17px 22px 0;font-size:9px;font-weight:500;line-height:1.4;letter-spacing:.11em;text-transform:uppercase}
.ss-buy-direct .ss-buy-direct-wordmark{font-size:12px;font-weight:600;letter-spacing:.04em}
.ss-buy-direct .ss-buy-direct-offer{padding:17px 22px 22px;border-bottom:1px solid var(--bd-line);background:#f2ebf8}
.ss-buy-direct .ss-buy-direct-head{background:#f2ebf8}
.ss-buy-direct p{margin:0}
.ss-buy-direct .ss-buy-direct-label{font-size:14px;font-weight:500;line-height:1.4}
.ss-buy-direct .ss-buy-direct-amount{display:flex;align-items:baseline;flex-wrap:wrap;gap:5px 12px;margin:3px 0 6px;font-size:46px;font-weight:600;line-height:1.15;letter-spacing:-.045em;font-variant-numeric:tabular-nums;color:#593574}
.ss-buy-direct .ss-buy-direct-amount span{padding:4px 9px;border-radius:4px;background:#e8edc7;font-size:12px;line-height:1.4;font-weight:500;letter-spacing:0;color:#394127}
.ss-buy-direct .ss-buy-direct-note{max-width:330px;font-size:12px;line-height:1.5;color:var(--bd-muted)}
.ss-buy-direct .ss-buy-direct-fallback{margin-top:9px;font-size:29px;line-height:1.12;letter-spacing:-.035em}
.ss-buy-direct .ss-buy-direct-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.ss-buy-direct .ss-buy-direct-item{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:20px 22px 21px;min-width:0;min-height:146px;color:var(--bd-ink);text-decoration:none;border-bottom:1px solid var(--bd-line);transition:background-color .15s ease}
.ss-buy-direct .ss-buy-direct-item:nth-child(odd){border-right:1px solid var(--bd-line)}
.ss-buy-direct .ss-buy-direct-item svg{display:block;width:25px;height:25px;fill:none;stroke:#72518b;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;margin-bottom:2px;flex:none}
.ss-buy-direct .ss-buy-direct-item b{font-size:15px;line-height:1.3;font-weight:500;letter-spacing:-.015em}
.ss-buy-direct .ss-buy-direct-item>span{font-size:12px;line-height:1.5;color:var(--bd-muted);overflow-wrap:anywhere}
.ss-buy-direct .ss-buy-direct-item i{position:absolute;right:17px;top:20px;font-size:14px;line-height:1;font-style:normal;color:#867391}
.ss-buy-direct .ss-buy-direct-fitting{display:flex;gap:11px;align-items:flex-start;padding:16px 22px;color:var(--bd-muted);font-size:12px;line-height:1.5;text-decoration:none}
.ss-buy-direct .ss-buy-direct-fitting b{display:block;margin-bottom:3px;font-weight:500;color:var(--bd-ink)}
.ss-buy-direct .ss-buy-direct-fitting-mark{display:grid;place-items:center;flex:none;width:25px;height:25px;border-radius:50%;background:#eee5f5;color:#593574;font-size:17px}
.ss-buy-direct a:focus-visible{outline:2px solid #72518b;outline-offset:-4px}
@media(hover:hover){.ss-buy-direct .ss-buy-direct-item:hover,.ss-buy-direct .ss-buy-direct-fitting:hover{background:#f7f3fa}}
@media(max-width:480px){.ss-buy-direct .ss-buy-direct-head{padding:16px 16px 0;font-size:8px;gap:8px}.ss-buy-direct .ss-buy-direct-wordmark{font-size:11px}.ss-buy-direct .ss-buy-direct-offer{padding:16px 16px 20px}.ss-buy-direct .ss-buy-direct-amount{font-size:43px;gap:5px 10px}.ss-buy-direct .ss-buy-direct-item{padding:17px 16px 18px;min-height:166px;gap:7px}.ss-buy-direct .ss-buy-direct-item b{font-size:14px}.ss-buy-direct .ss-buy-direct-item>span{font-size:12px}.ss-buy-direct .ss-buy-direct-item i{right:13px;top:18px}.ss-buy-direct .ss-buy-direct-fitting{padding:15px 16px}.ss-buy-direct .ss-buy-direct-note{font-size:11px}}
@media(prefers-reduced-motion:reduce){.ss-buy-direct .ss-buy-direct-item{transition:none}}