/* Devicepathhub product landings — charcoal header + lila accent (Vortek parity) */
:root {
  --dph-dark: #201c18;
  --dph-brand: #a855f7;
  --dph-brand-dark: #7e22ce;
  --dph-brand-soft: #f3e8ff;
  --dph-brand-border: #d8b4fe;
}

/* ----- glacierair-landing (Kemppi, Orvyn, Signalix, SprayVex, Steamix, GlacierAir…) ----- */
.topbar {
  background: var(--dph-dark) !important;
  border-bottom: 2px solid var(--dph-dark);
}
.hero h1 .hl {
  color: var(--dph-brand) !important;
}
.gift-strip {
  background: var(--dph-brand-soft) !important;
  color: var(--dph-brand-dark) !important;
}
.price-block .now {
  color: var(--dph-brand) !important;
}
.price-block .pct {
  background: var(--dph-brand-dark) !important;
}
.cta-btn,
.tm-order-form button,
.order-form button {
  background: var(--dph-dark) !important;
}
.cta-btn:hover,
.cta-btn:active,
.tm-order-form button:hover,
.order-form button:hover {
  background: var(--dph-brand-dark) !important;
}
.why-block .num-eyebrow,
.compare > .section-label,
.section-heading .eyebrow {
  color: var(--dph-brand-dark) !important;
}
.why-block .tag {
  background: var(--dph-brand-soft) !important;
  border: 1px solid var(--dph-brand-border);
}
.why-block .tag:before {
  background: var(--dph-brand) !important;
}
.compare table {
  border: 2px solid var(--dph-dark) !important;
}
.compare th {
  background: var(--dph-dark) !important;
  color: #fff !important;
  border-color: var(--dph-dark) !important;
}
.compare td {
  border-color: var(--dph-dark) !important;
}
.compare .win,
.compare .highlight {
  color: var(--dph-brand-dark) !important;
  font-weight: 800;
  background: var(--dph-brand-soft);
}
.kit-box {
  background: var(--dph-brand-soft) !important;
  border: 2px solid var(--dph-dark) !important;
}
.kit-content li:before {
  color: var(--dph-brand) !important;
}
.faq-item {
  background: var(--dph-brand-soft) !important;
  border: 2px solid var(--dph-dark) !important;
  border-radius: 0.8rem !important;
  margin-bottom: 0.6rem !important;
  padding: 0 1rem !important;
}
.faq-q .arrow {
  color: var(--dph-brand) !important;
}
.order-section {
  background: var(--dph-dark) !important;
}
.order-section .order-card h2,
.order-section .order-card > p,
.order-section .section-heading h2,
.order-section .section-heading .eyebrow {
  color: #fff !important;
}
.order-section .section-heading .eyebrow {
  color: var(--dph-brand-soft) !important;
}
.site-footer .site-logo__text-accent {
  background: none !important;
  -webkit-background-clip: unset !important;
  background-clip: unset !important;
  color: var(--dph-brand) !important;
  -webkit-text-fill-color: var(--dph-brand) !important;
}

/* ----- saw7x-landing / volterra (green trim → brand) ----- */
.announce-bar {
  background: var(--dph-dark) !important;
}
.trim-green-highlight,
.trim-hero h1 .trim-green-highlight,
.hero-green,
.price-now {
  color: var(--dph-brand) !important;
}
.trim-badge,
.feature-pill {
  border-color: var(--dph-brand-border) !important;
}
.cta-primary,
.btn-primary,
.trim-cta,
.submit-btn,
button[type="submit"].cta {
  background: var(--dph-dark) !important;
}
.cta-primary:hover,
.btn-primary:hover,
.trim-cta:hover,
.submit-btn:hover {
  background: var(--dph-brand-dark) !important;
}
.faq-section .faq-item,
.faq-list .faq-item {
  background: var(--dph-brand-soft) !important;
  border: 2px solid var(--dph-dark) !important;
  border-radius: 0.8rem !important;
}
.faq-item summary strong,
.faq-label {
  color: var(--dph-brand-dark) !important;
}
.faq-item summary span:last-child,
.faq-item summary::after {
  color: var(--dph-brand) !important;
}
.specs-box,
.spec-list,
.trim-specs {
  background: var(--dph-brand-soft) !important;
  border: 2px solid var(--dph-dark) !important;
}
.compare-section table th,
.compare-table th,
.vs-table th {
  background: var(--dph-dark) !important;
  color: #fff !important;
}
.compare-section .win-col,
.compare-section td:last-child,
.vs-table td.highlight {
  background: var(--dph-brand-soft) !important;
  color: var(--dph-brand-dark) !important;
  font-weight: 800;
}
.order-form-section,
.form-section--dark,
.trim-form-wrap {
  background: var(--dph-dark) !important;
}
.order-form-section h2,
.form-section--dark h2,
.trim-form-wrap h2 {
  color: #fff !important;
}

/* ----- landing.css (HyperTrimmer, Fold360-style pages) ----- */
.hero-headline__title em {
  color: var(--dph-brand) !important;
}
.price-discount {
  background: linear-gradient(180deg, #fff 0%, var(--dph-brand-soft) 100%) !important;
}
.faq-accordion details {
  background: var(--dph-brand-soft) !important;
  border: 2px solid var(--dph-dark) !important;
}
.faq-accordion summary::after {
  color: var(--dph-brand) !important;
}
.specs-block,
.product-specs {
  background: var(--dph-brand-soft) !important;
  border: 2px solid var(--dph-dark) !important;
}

/* ----- happyfam-landing ----- */
.hf-topbar,
.happyfam-bar {
  background: var(--dph-dark) !important;
}