/**
 * Тёмная тема — модалка карточки товара и страница product-view.
 * Базовые правила для dialog см. css/product-modal.css; здесь — доп. слой и фон iframe.
 */
[data-theme="dark"] body.page-product-view {
  background: var(--bg) !important;
}

[data-theme="dark"] dialog.pd-dlg::backdrop {
  background: rgba(0, 0, 0, 0.72);
}

[data-theme="dark"] .pd-name__product {
  color: var(--text);
}

[data-theme="dark"] .mod-pill:not(.active) {
  background: var(--bg-secondary) !important;
  border-color: var(--border) !important;
  color: var(--text) !important;
}

[data-theme="dark"] .pd-mods .mod-pill:hover:not(.active) {
  border-color: var(--primary) !important;
  color: var(--primary) !important;
}

[data-theme="dark"] .u-modal {
  background: var(--card);
  color: var(--text);
}