/**
 * Dream Lashes — карточка товара (зона агента D).
 *
 * Только «клей» между маркапом WooCommerce и дизайн-системой макета
 * (assets/css/theme.css). Классы .pd/.gallery/.opts/.tabs и т.п. уже
 * стилизованы в theme.css — здесь маппинг Woo-специфики.
 */

/* ── Раскладка страницы товара ─────────────────────────────── */
.dl-woo .product{margin:0}
.dl-woo .pd>.gallery{min-width:0}
.dl-woo .pd-info{min-width:0}
/* Сток Woo (woocommerce-layout.css) float:right/left + width:48% ужимает
   колонки внутри грида .pd (тот же корень, что был у .cart_totals), а класс
   .summary дополнительно тянет стили КАРТОЧКИ КОРЗИНЫ из theme.css:502
   (белая карта, sticky, spotlight) — в макете панель товара без карты. */
.dl-woo div.product div.summary.pd-info{float:none;width:auto;position:static;background:none;border:0;border-radius:0;box-shadow:none;padding:0}
.dl-woo div.product div.summary.pd-info::before{content:none}
.woocommerce div.product .pd div.images,
.woocommerce #content div.product .pd div.images{float:none;width:auto}

/* ── Галерея ───────────────────────────────────────────────── */
.dl-gallery .thumb{padding:0}
.dl-gallery .thumb img{display:block}

/* ── Цена (.pd-price + Woo price html) ─────────────────────── */
.pd-price{flex-wrap:wrap}
.pd-price .now{display:inline-flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.pd-price .now ins{order:1;text-decoration:none;background:none;color:inherit}
.pd-price .now del{order:2;font-family:var(--sans);font-size:18px;font-weight:500;color:var(--ink-faint);text-decoration:line-through}
.pd-price .now del .woocommerce-Price-amount{font-family:var(--sans)}
.pd-price .woocommerce-Price-currencySymbol{font-family:var(--sans);font-weight:500}
.pd-price .now>.woocommerce-Price-amount{font-family:var(--serif)}
.pd-price .price{margin:0}

/* ── Вариации: свотчи макета vs нативные select (fallback без JS) ── */
.dl-variations .opt .opts{display:none}
html.js .dl-variations .opt .opts{display:flex}
html.js .dl-variations .dl-native{display:none}

.dl-native{margin-top:10px}
.dl-native select{width:100%;max-width:320px;padding:11px 14px;border:1px solid var(--line);border-radius:12px;background:#fff;font:600 14px var(--sans);color:var(--ink)}

.dl-reset{margin:-6px 0 20px}
.dl-reset .reset_variations{font-size:12.5px;font-weight:600;color:var(--ink-faint);text-decoration:underline;text-underline-offset:3px}
.dl-reset .reset_variations:hover{color:var(--wine)}

/* Недоступные комбинации */
.opt-btn.disabled,.opt-btn[disabled]{opacity:.34;cursor:not-allowed;text-decoration:line-through;box-shadow:none}
.opt-btn.disabled:hover,.opt-btn[disabled]:hover{transform:none;border-color:var(--line);box-shadow:none}
.swatch.disabled,.swatch[disabled]{opacity:.3;cursor:not-allowed}
.swatch.disabled:hover,.swatch[disabled]:hover{transform:none}

/* ── Выбранная вариация: цена/наличие ──────────────────────── */
.single_variation_wrap .woocommerce-variation.single_variation:not(:empty){margin:2px 0 16px}
.single_variation_wrap .woocommerce-variation-price .price{font-family:var(--serif);font-size:22px;font-weight:600;color:var(--wine)}
.single_variation_wrap .woocommerce-variation-price del{font-family:var(--sans);font-size:15px;color:var(--ink-faint);margin-right:8px}
.single_variation_wrap .woocommerce-variation-price ins{text-decoration:none;background:none}
.single_variation_wrap .woocommerce-variation-availability .stock{font-size:13px;font-weight:600;color:var(--ink-soft);margin-top:4px}
.single_variation_wrap .woocommerce-variation-description{font-size:14px;color:var(--ink-soft);line-height:1.6}

/* ── Кнопка покупки + избранное (внутри .buy-row) ──────────── */
.buy-row{flex-wrap:wrap}
.buy-row .single_add_to_cart_button{flex:1;min-width:200px}
.buy-row .single_add_to_cart_button .arrow{width:18px;height:18px;stroke:currentColor;stroke-width:1.7;fill:none}
.buy-row .dl-wishlist{flex:none;padding:14px 16px}
.buy-row .dl-wishlist .arrow{width:20px;height:20px;stroke:currentColor;stroke-width:1.7;fill:none}
.buy-row .quantity{flex:none}

/* Сообщения проверки вариации Woo */
.woocommerce-variation-add-to-cart.wc-variation-is-unavailable .single_add_to_cart_button{display:none}
.wc-no-matching-variations{font-size:13.5px;color:var(--wine);margin:6px 0}

/* Простой товар: наличие над формой */
.dl-woo .pd-info .stock{font-size:13.5px;font-weight:600;color:var(--ink-soft);margin-bottom:10px}
.dl-woo .pd-info .stock.out-of-stock{color:var(--wine)}

/* ── Вкладка «Характеристики» (.spec) ──────────────────────── */
.tabpane .spec .v a{color:var(--wine)}

/* ── Вкладки: честный no-JS фолбэк ─────────────────────────── */
/* theme.css (зона A) скрывает .tabpane (кроме первой .on), а без JS кнопки
   .tabnav не переключают вкладки. Показываем все панели с разделителем.
   Класс html.js ставит зона A в <head> — при JS работает штатное .on-переключение. */
html:not(.js) .tabpane{display:block}
html:not(.js) .tabpane+.tabpane{border-top:1px solid var(--line)}

/* ── Related: карточки берутся у агента C (content-product) ─── */
.related.products .grid4{margin-top:24px}
.related.products .head{margin-bottom:4px}

/* ── Mockup-fidelity: валюта у текущей цены — мелкая и приглушённая ──
   (макет product.html: «lei» = 15px muted, не 34px serif). Скоупим на живую
   цену (ins / основная сумма), зачёркнутую del-валюту 18px не трогаем. */
.pd-price .now ins .woocommerce-Price-currencySymbol,
.pd-price .now > .woocommerce-Price-amount > .woocommerce-Price-currencySymbol{font-size:15px;color:var(--ink-soft);font-weight:500}