/* ЛИСТ О ТОВАРЕ ВКЛАДКАМИ — ДЛЯ ВСЕХ (21.10.2026, VVELL-1341). Разметку перекладывает static/js/pc_tabs.js
   (класс .pct на листе); у вида v4 свои правила в ui_variants/v4.css. Цвета — токенами палитры, лист живёт в обеих темах.
   «Больше не предлагать» — небросская: тонкая рамка, текст цвета ягоды, по центру (владелец: «очень яркая, мешает глазам»). */
#vv-prod-sheet.pct .vv-sheet-head .pc-top { flex: 1 1 auto; min-width: 0; align-items: center; margin: 4px 0 12px; }
#vv-prod-sheet.pct .vv-sheet-head .pc-top img { width: 52px; height: 52px; }
#vv-prod-sheet.pct .pc-tabs { display: flex; gap: 2px; padding: 3px; border-radius: var(--r-pill, 999px); margin: 0 0 14px; background: var(--ink-6, #F2EBDD); }
#vv-prod-sheet.pct .pc-tab {
  flex: 1 1 0; min-height: 38px; border: 0; border-radius: var(--r-pill, 999px); background: none; cursor: pointer;
  font-family: inherit; font-size: 13.5px; font-weight: 600; color: var(--ink-3, #606A61);
}
#vv-prod-sheet.pct .pc-tab.is-on { background: var(--paper, #FBF7EF); color: var(--vv-green-dark, #12694A); box-shadow: 0 0 0 1.5px var(--vv-green, #177652); }
#vv-prod-sheet.pct .pc-panel[hidden] { display: none; }
#vv-prod-sheet.pct .pc-panel > .pc-block:first-child { margin-top: 0; }
#vv-prod-sheet.pct .pc-acts { display: grid; grid-template-columns: repeat(var(--pct-n, 4), 1fr); gap: 6px; margin: 14px 0 4px; }
#vv-prod-sheet.pct .pc-act {
  font: inherit; font-size: 12px; font-weight: 600; line-height: 1.2; cursor: pointer;
  min-height: 60px; padding: 8px 2px; border-radius: var(--r-md, 18px);
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px;
  border: 1px solid var(--line, #E0D6C3); background: transparent; color: var(--ink-2, #5E6B62);
}
#vv-prod-sheet.pct .pc-act svg { width: 20px; height: 20px; color: var(--vv-green, #177652); }
#vv-prod-sheet.pct .pc-act.is-on { border-color: var(--vv-green, #177652); background: var(--vv-green-tint, #E4EFE5); color: var(--vv-green-dark, #12694A); }
#vv-prod-sheet.pct .pc-act-danger, #vv-prod-sheet.pct .pc-act-danger svg { color: var(--vv-berry, #B0463B); }
#vv-prod-sheet.pct .pc-act:active { opacity: .8; }
#vv-prod-sheet.pct .pc-ex-wrap { margin: 16px 0 0; display: flex; flex-direction: column; align-items: center; }
#vv-prod-sheet.pct .pc-ex {
  display: inline-flex; align-items: center; justify-content: center; gap: 6px; width: auto;
  min-height: 36px; padding: 7px 16px; border-radius: var(--r-pill, 999px); cursor: pointer;
  border: 1px solid var(--line, #E0D6C3); background: transparent; color: var(--vv-berry, #B0463B);
  font-family: inherit; font-size: 13px; font-weight: 600;
}
#vv-prod-sheet.pct .pc-ex svg { width: 15px; height: 15px; flex: 0 0 auto; }
#vv-prod-sheet.pct .pc-ex.is-on { border-color: var(--vv-green, #177652); color: var(--vv-green-dark, #12694A); background: var(--vv-green-tint, #E4EFE5); }
#vv-prod-sheet.pct .pc-ex-note { margin-top: 6px; text-align: center; font-size: 12px; }

html.vv-theme-night #vv-prod-sheet.pct .pc-tabs { background: #24302A; }
html.vv-theme-night #vv-prod-sheet.pct .pc-tab { color: #9BACA1; }
html.vv-theme-night #vv-prod-sheet.pct .pc-tab.is-on { background: #16211C; color: #56C98A; box-shadow: 0 0 0 1.5px #56C98A; }
html.vv-theme-night #vv-prod-sheet.pct .pc-act { border-color: #2C3A32; color: #C6D6CB; }
html.vv-theme-night #vv-prod-sheet.pct .pc-act svg { color: #56C98A; }
html.vv-theme-night #vv-prod-sheet.pct .pc-act.is-on { border-color: #56C98A; background: rgba(86,201,138,.14); color: #E8F1EA; }
html.vv-theme-night #vv-prod-sheet.pct .pc-act-danger, html.vv-theme-night #vv-prod-sheet.pct .pc-act-danger svg { color: #E5766A; }
html.vv-theme-night #vv-prod-sheet.pct .pc-ex { border-color: #2C3A32; color: #E5766A; background: transparent; }
html.vv-theme-night #vv-prod-sheet.pct .pc-ex.is-on { background: rgba(86,201,138,.14); border-color: #56C98A; color: #E8F1EA; }