/* Dewa222 dark-purple theme — html/v47 */

:root {
  --dw-bg: #14081f;
  --dw-surface: #25013b;
  --dw-surface-alt: #31104e;
  --dw-purple: #490897;
  --dw-purple-light: #7a3fd1;
  --dw-purple-dark: #2e0563;
  --dw-gold: #ffb514;
  --dw-gold-soft: #dbbc56;
  --dw-text: #f1e9fb;
  --dw-text-muted: #a894c2;
  --dw-border: #3a2354;
  --dw-danger: #b5442e;
  --dw-success: #5f7a3a;
}

html,
body,
#wrap {
  background:
    radial-gradient(circle at 50% 0%, rgba(122, 63, 209, 0.28), transparent 38%),
    radial-gradient(circle at 15% 30%, rgba(73, 8, 151, 0.16), transparent 28%),
    radial-gradient(circle at 85% 65%, rgba(255, 181, 20, 0.08), transparent 30%),
    linear-gradient(180deg, #14081f 0%, #25013b 48%, #14081f 100%) !important;
  color: var(--dw-text) !important;
}

.nv00-gnb-v4,
.nv00-gnb-v4__wrap,
.nv00-gnb-v4__inner,
.nv00-gnb-v4__header,
.nv00-gnb-v4__container,
.nv00-gnb-v4__l1-menu-wrap,
.srd19-gnb-search,
.footer,
.footer-column,
.footer-bottom,
.breadcrumb,
.layer-popup__inner,
.hubble-pd-popup__layer-inner,
.hubble-pd-popup__foot,
.hubble-pd-popup__disclaimer,
.add-on-popup__inner,
.pd-get-stock-alert-popup,
.trade-in-popup,
.tariff-popup {
  background-color: var(--dw-surface) !important;
  color: var(--dw-text) !important;
  border-color: var(--dw-border) !important;
}

.nv00-gnb-v4__l0-menu-btn,
.nv00-gnb-v4__l0-menu-link,
.nv00-gnb-v4__l0-menu-text,
.nv00-gnb-v4__l1-menu-text,
.nv00-gnb-v4__l1-featured-link,
.nv00-gnb-v4__l1-featured-title,
.nv00-gnb-v4__search-text,
.footer .footer-column__item .footer-category__link,
.footer .footer-category__title,
.breadcrumb a,
.breadcrumb__text-desktop,
.breadcrumb__text-mobile {
  color: var(--dw-text) !important;
}

.nv00-gnb-v4__l0-menu-link:hover,
.nv00-gnb-v4__l0-menu-btn:hover,
.nv00-gnb-v4__l0-menu--show .nv00-gnb-v4__l0-menu-btn,
.nv00-gnb-v4__l0-menu--show .nv00-gnb-v4__l0-menu-link,
.footer .footer-column__item .footer-category__link:focus,
.footer .footer-column__item .footer-category__link:hover,
.breadcrumb a:hover {
  color: var(--dw-gold) !important;
}

.nv00-gnb-v4 .icon,
.footer .icon,
.breadcrumb .icon {
  fill: var(--dw-text) !important;
}

.pd-g-product-detail-header-ux2,
.hdd02-pdp-header,
.hdd02-gallery,
.hdd02-buying-tool,
.pd-g-reasons-to-buy-ux2,
.pdd28-reasons-to-buy,
.pdd28-reasons-to-buy__content.lrx-reviews,
.faq-section {
  background-color: var(--dw-bg) !important;
  color: var(--dw-text) !important;
}

.cta--contained,
.cta--emphasis,
.cta--black,
.cta--contained.cta--black,
.cta--contained.cta--emphasis,
.s-cta-blue,
.s-cta-fill,
.s-btn-encased.s-cta-blue,
.badge-icon--bg-color-blue,
.usp-banner--bg-blue {
  background-color: var(--dw-purple) !important;
  border-color: var(--dw-purple) !important;
  color: var(--dw-text) !important;
}

.cta--contained:hover,
.cta--emphasis:hover,
.cta--black:hover,
.cta--contained.cta--black:hover,
.cta--contained.cta--emphasis:hover,
.s-cta-blue:hover,
.s-btn-encased.s-cta-blue:hover {
  background-color: var(--dw-purple-light) !important;
  border-color: var(--dw-purple-light) !important;
  color: var(--dw-text) !important;
}

.cta--outlined,
.cta--outlined.cta--black,
.cta--underline,
.cta--underline.cta--black {
  background-color: transparent !important;
  border-color: var(--dw-gold) !important;
  color: var(--dw-gold) !important;
}

.pd-option-selector input:checked + .pd-option-selector__label,
.selected .pd-option-selector__button,
.checkbox-v2__label:hover .checkbox-v2__label-box {
  border-color: var(--dw-purple) !important;
}

.login,
.btn-login,
.btn-login-gold {
  background: transparent !important;
  color: var(--dw-gold) !important;
  border-color: var(--dw-gold) !important;
}

.register,
.btn-register,
.btn-register-gold,
.lx-btn--primary,
.popup-buttons a,
.info-table th {
  background: linear-gradient(135deg, var(--dw-gold), var(--dw-gold-soft)) !important;
  color: var(--dw-purple-dark) !important;
  border-color: var(--dw-gold) !important;
}

.register:hover,
.btn-register:hover,
.btn-register-gold:hover,
.login:hover,
.btn-login:hover,
.btn-login-gold:hover,
.lx-btn--primary:hover,
.popup-buttons a:hover {
  background: var(--dw-gold-soft) !important;
  color: var(--dw-purple-dark) !important;
  border-color: var(--dw-gold-soft) !important;
}

p,
.faq-answer p,
.review-text,
.lrx-quote,
.penilaian-evs-isi,
.lx-head,
.lx-feature h3 {
  color: var(--dw-text) !important;
}

.lx-body,
.lx-feature p,
.lrx-date,
.review-date,
.popup-footer {
  color: var(--dw-text-muted) !important;
}

.review-name,
.info-card .value,
.lrx-name,
.lrx-section-title,
.marquee-item span.highlight,
h1 span,
h3 {
  color: var(--dw-gold) !important;
}

.lrx-avatar {
  color: var(--dw-text) !important;
}

.neon-box {
  border-color: var(--dw-gold) !important;
}

.lrx-section-title::before,
h2::before {
  background: linear-gradient(180deg, var(--dw-purple-light), var(--dw-gold)) !important;
}

/* Header logo: native ratio (9523×2562), a bit larger, never stretched */
.nv00-gnb-v4 .nv00-gnb-v4__logo {
  width: auto !important;
  height: auto;
  flex-shrink: 0;
  line-height: 0;
}
.nv00-gnb-v4 .nv00-gnb-v4__logo img {
  display: block;
  width: 200px;
  height: auto !important;
  max-width: none;
  object-fit: contain;
  aspect-ratio: 9523 / 2562;
}
@media only screen and (max-width: 1279px) {
  .nv00-gnb-v4 .nv00-gnb-v4__logo {
    width: auto !important;
    padding: 8px 4px;
  }
  .nv00-gnb-v4 .nv00-gnb-v4__logo img {
    width: 156px;
  }
}

/* Trending Tags share the copyright line's left edge */
.footer .m-design__additional-info[data-rudderstack--link-clicked-location-value="related_tags_trending_tags"] {
  box-sizing: border-box;
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 20px 24px 16px;
}
.footer .m-design__additional-info[data-rudderstack--link-clicked-location-value="related_tags_trending_tags"] .m-design__subtitles {
  margin: 0 0 12px;
  padding: 0;
}
.footer .m-search__related-results {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0;
  padding: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  .footer .m-design__additional-info[data-rudderstack--link-clicked-location-value="related_tags_trending_tags"] {
    padding-left: 1.66666667vw;
    padding-right: 1.66666667vw;
  }
}
@media only screen and (max-width: 767px) {
  .footer .m-design__additional-info[data-rudderstack--link-clicked-location-value="related_tags_trending_tags"] {
    padding-left: 6.66666667vw;
    padding-right: 6.66666667vw;
  }
}