/* =====================================================================
   INGREDIENTS — Сторінка товару · напрям B+ (Фаза 8)
   ===================================================================== */

.product-wrap{ padding-block:clamp(28px,4vw,48px); }

.woocommerce div.product{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:clamp(24px,4vw,52px); align-items:start; }

/* Галерея */
.woocommerce div.product .woocommerce-product-gallery{ margin:0; float:none; width:100% !important; max-width:none; align-self:start; }
.woocommerce div.product .woocommerce-product-gallery__wrapper{ margin:0; }
.woocommerce div.product .woocommerce-product-gallery__image img,
.woocommerce div.product .woocommerce-product-gallery img{ width:100%; border-radius:16px; border:1px solid var(--line); background:var(--surface-3); }
.woocommerce div.product .flex-control-thumbs{ display:flex; gap:10px; margin:12px 0 0; padding:0; }
.woocommerce div.product .flex-control-thumbs li{ width:72px !important; margin:0; }
.woocommerce div.product .flex-control-thumbs img{ border-radius:10px; }

/* Summary */
.woocommerce div.product .summary{ margin:0 !important; float:none !important; width:auto !important; }
.woocommerce div.product .product_title{ font-family:var(--font-display); font-weight:800; font-size:clamp(26px,3.4vw,38px); line-height:1.08; color:#fff; margin:0 0 12px; letter-spacing:-.01em; }
.woocommerce div.product .prod-availability{ margin:0 0 16px; }
.woocommerce div.product .woocommerce-product-details__short-description{ color:var(--tx-mut); font-size:16px; margin-bottom:8px; }

/* Мета (SKU / категорії) */
.woocommerce div.product .product_meta{ margin-top:20px; padding-top:16px; border-top:1px solid var(--line); font-size:13.5px; color:var(--tx-dim); }
.woocommerce div.product .product_meta > span{ display:block; margin-bottom:6px; }
.woocommerce div.product .product_meta a{ color:var(--tx-mut); }
.woocommerce div.product .product_meta a:hover{ color:var(--acc); }

/* Вкладки */
.woocommerce div.product .woocommerce-tabs{ grid-column:1 / -1; margin-top:14px; }
.woocommerce div.product .woocommerce-tabs ul.tabs{ display:flex; flex-wrap:wrap; gap:6px; margin:0 0 20px; padding:0; list-style:none; border-bottom:1px solid var(--line); }
.woocommerce div.product .woocommerce-tabs ul.tabs::before{ display:none; }
.woocommerce div.product .woocommerce-tabs ul.tabs li{ margin:0; padding:0; background:transparent; border:0; }
.woocommerce div.product .woocommerce-tabs ul.tabs li a{ display:block; padding:12px 18px; color:var(--tx-mut); font-family:var(--font-display); font-weight:600; font-size:15px; border-bottom:2px solid transparent; }
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover{ color:var(--tx); }
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{ color:var(--acc); border-bottom-color:var(--acc); }
.woocommerce div.product .woocommerce-Tabs-panel{ color:var(--tx-mut); }
.woocommerce div.product .woocommerce-Tabs-panel h2{ font-size:20px; color:#fff; margin-top:0; }
.prod-documents a{ color:var(--acc); }

/* Заголовки секцій усередині вкладок (Опис, Специфікація, Форми випуску) */
.woocommerce div.product .woocommerce-Tabs-panel h3{ font-family:var(--font-display); font-size:17px; color:#fff; margin:26px 0 12px; }

/* Форми випуску — таблиця варіантів у описі товару */
.variants-wrap{ margin:14px 0 6px; border:1px solid var(--line); border-radius:12px; background:var(--surface); overflow:hidden; overflow-x:auto; }
.variants-table{ width:100%; border-collapse:collapse; font-size:14.5px; min-width:560px; margin:0; }
.variants-table thead th{ text-align:left; font-size:11.5px; letter-spacing:.08em; text-transform:uppercase; color:var(--tx-dim); font-weight:600; padding:12px 16px; border-bottom:1px solid var(--line-2); background:rgba(255,255,255,.02); }
.variants-table td{ padding:12px 16px; border-bottom:1px solid var(--line); color:var(--tx-mut); vertical-align:middle; }
.variants-table tbody tr:last-child td{ border-bottom:0; }
.variants-table tbody tr:hover td{ background:rgba(255,255,255,.02); }
.variants-table td:first-child{ color:var(--tx); font-weight:500; }
.variants-table td:nth-child(2){ font-family:var(--font-mono); font-size:13px; }
.variants-table .vbadge{ display:inline-block; font-size:12.5px; line-height:1; padding:5px 10px; border-radius:999px; border:1px solid var(--line-2); color:var(--tx-dim); white-space:nowrap; }
.variants-table .vbadge.is-in{ color:var(--ok); border-color:color-mix(in srgb, var(--ok) 45%, transparent); }
.variants-table .vbadge.is-order{ color:var(--warn); border-color:color-mix(in srgb, var(--warn) 45%, transparent); }
.variants-table__img{ width:60px; }
.variants-table__img img{ width:44px; height:44px; object-fit:cover; border-radius:8px; display:block; border:1px solid var(--line-2); background:var(--bg-2); }
.variants-table__na{ color:var(--tx-dim); }

/* Схожі товари */
.woocommerce div.product .related.products,
.woocommerce section.related.products{ grid-column:1 / -1; margin-top:20px; border-top:1px solid var(--line); padding-top:36px; }
.woocommerce .related.products > h2, .woocommerce .up-sells > h2{ font-family:var(--font-display); font-size:clamp(22px,3vw,30px); color:#fff; margin-bottom:24px; }

@media (max-width:860px){
  .woocommerce div.product{ grid-template-columns:1fr; }
  .woocommerce div.product .woocommerce-product-gallery{ position:static; }
}
