html:has(.hw-page), html:has(.hw-pdp), html:has(.hw-page) body, html:has(.hw-pdp) body { background: #1c1622; }
html:has(.hw-page) body, html:has(.hw-pdp) body { margin: 0; padding: 0; }

:is(.hw-page, .hw-pdp) .ph { background: #1c1622; border-bottom-color: rgba(255,255,255,.12); }
:is(.hw-page, .hw-pdp) .ph-logo { color: #f6f0e6; }
:is(.hw-page, .hw-pdp) .ph-btn { background: #2a2132; color: #f6f0e6; }
:is(.hw-page, .hw-pdp) .ph-actions .ph-btn,
:is(.hw-page, .hw-pdp) .ph-actions a.ph-btn,
:is(.hw-page, .hw-pdp) .ph-actions a.ph-btn:hover,
:is(.hw-page, .hw-pdp) .ph-actions a.ph-btn:visited { color: #f6f0e6; }
:is(.hw-page, .hw-pdp) .ph-badge { background: #f28a2e; color: #221c26; }
:is(.hw-page, .hw-pdp) .ph-nav a { color: #f6f0e6; }
:is(.hw-page, .hw-pdp) .ph-nav a:hover,
:is(.hw-page, .hw-pdp) .ph-nav .ph-nav-smart { color: #f28a2e; }

:is(.hw-page, .hw-pdp) .cs-menu-panel.pm-panel { background: #1c1622; box-shadow: -12px 0 44px rgba(0,0,0,.5); color: #f6f0e6; }
:is(.hw-page, .hw-pdp) .pm-head,
:is(.hw-page, .hw-pdp) .pm-account,
:is(.hw-page, .hw-pdp) .pm-section { border-bottom-color: rgba(255,255,255,.12); }
:is(.hw-page, .hw-pdp) .pm-logo { color: #f6f0e6; }
:is(.hw-page, .hw-pdp) .pm-close { background: #2a2132; color: #f6f0e6; }
:is(.hw-page, .hw-pdp) .pm-account,
:is(.hw-page, .hw-pdp) .pm-item,
:is(.hw-page, .hw-pdp) .pm-chev,
:is(.hw-page, .hw-pdp) .pm-contact { color: #f6f0e6; }
:is(.hw-page, .hw-pdp) .pm-account svg:first-child,
:is(.hw-page, .hw-pdp) .pm-item svg:first-child,
:is(.hw-page, .hw-pdp) .pm-contact svg { color: #f28a2e; }
:is(.hw-page, .hw-pdp) .pm-title { color: #bdb3c4; }
:is(.hw-page, .hw-pdp) .pm-meta { color: #9a8fa3; }
:is(.hw-page, .hw-pdp) .pm-item:hover { background: #2a2132; }
:is(.hw-page, .hw-pdp) .pm-smart { background: #2a2132; color: #f28a2e; }
:is(.hw-page, .hw-pdp) .pm-smart-text strong { color: #f6f0e6; }
:is(.hw-page, .hw-pdp) .pm-smart-text small { color: #bdb3c4; }
:is(.hw-page, .hw-pdp) .pm-contact { background: #2a2132; }

:is(.hw-page, .hw-pdp) .pf { background: #120d17; border-top: 1px solid rgba(255,255,255,.1); }
:is(.hw-page, .hw-pdp) .pf-social a { background: rgba(242,138,46,.16); color: #f28a2e; }
:is(.hw-page, .hw-pdp) .pf a:hover,
:is(.hw-page, .hw-pdp) .pf-links button:hover { color: #f28a2e; }

:is(.hw-page, .hw-pdp) .cs-bottom-nav { background: #1c1622; border-top-color: rgba(255,255,255,.12); }
:is(.hw-page, .hw-pdp) .cs-nav-item { color: #9a8fa3; }
:is(.hw-page, .hw-pdp) .cs-nav-item.is-active { color: #f28a2e; }