/* ZEUS222 — palette aligned to assets/slot-zeus.webp */
:root {
  --zs-bg: #030a2e;
  --zs-navy: #0a1849;
  --zs-navy-dark: #02061f;
  --zs-primary: #00bfff;
  --zs-deep: #0099cc;
  --zs-accent: #22d3ee;
  --zs-light: #67e8f9;
  --zs-glow: #00e5ff;
  --zs-ice: #e8f7ff;
  --zs-ice-deep: #d5f3ff;
  --zs-gold: #ffd700;
  --zs-gold-deep: #e6b800;
  --zs-red: #cc0000;
  --zs-red-deep: #990000;
  --zs-red-dark: #720e0d;
  --zs-text: #ffffff;
  --zs-text-dark: #0a1849;
  --zs-text-muted: #a8c4e8;
  --zs-border: #1a3a6e;
  --zs-neon-shadow: 0 0 12px rgba(0, 229, 255, 0.45), 0 0 28px rgba(0, 191, 255, 0.25);
}

/* —— Primary CTAs: cyan neon like “MAIN SEKARANG!” —— */
.cta--contained.cta--emphasis,
.cta--emphasis {
  background: linear-gradient(180deg, #7ef9ff 0%, var(--zs-primary) 45%, var(--zs-deep) 100%) !important;
  border-color: var(--zs-glow) !important;
  color: var(--zs-navy-dark) !important;
  box-shadow: var(--zs-neon-shadow) !important;
  text-shadow: none !important;
}

.cta--contained.cta--emphasis:hover,
.cta--emphasis:hover {
  background: linear-gradient(180deg, #a8ffff 0%, var(--zs-accent) 50%, var(--zs-primary) 100%) !important;
  border-color: #fff !important;
  color: var(--zs-navy-dark) !important;
}

.cta--contained.cta--black {
  background: linear-gradient(145deg, var(--zs-navy), var(--zs-navy-dark)) !important;
  border-color: var(--zs-primary) !important;
  color: var(--zs-text) !important;
  box-shadow: 0 0 16px rgba(0, 191, 255, 0.35) !important;
}

.cta--outlined.cta--black {
  background-color: transparent !important;
  border-color: var(--zs-primary) !important;
  color: var(--zs-primary) !important;
}

.fab {
  background: linear-gradient(145deg, var(--zs-primary), var(--zs-deep)) !important;
  color: var(--zs-navy-dark) !important;
  box-shadow: var(--zs-neon-shadow) !important;
}

/* —— GNB / chrome accents —— */
.nv00-gnb-v4,
.nv00-gnb-v4__l0-menu-bar {
  border-color: var(--zs-border) !important;
}

.nv00-gnb-v4__l0-menu-text:hover,
.nv00-gnb-v4__l1-menu-text:hover {
  color: var(--zs-primary) !important;
}

/* —— Footer —— */
.footer,
.footer-bottom {
  background: rgba(2, 6, 31, 0.94) !important;
  border-top: 1px solid rgba(0, 191, 255, 0.25) !important;
}

.footer-category__title {
  color: var(--zs-primary) !important;
  text-shadow: 0 0 8px rgba(0, 229, 255, 0.35);
}

.footer-category__link:hover,
.footer-language__anchor:hover,
.footer-terms__link:hover {
  color: var(--zs-glow) !important;
}

.footer-sns__link:hover svg,
.footer-sns__link:hover .icon {
  fill: var(--zs-primary) !important;
  color: var(--zs-primary) !important;
}

/* Soft navy wash behind white Samsung chrome so page feels continuous with banner */
#wrap {
  background: transparent;
}

.hdd02-pdp-header,
.hdd02-buying-tool,
.pd-g-product-detail-header-ux2 {
  background: transparent !important;
}

.steps-banner,
.service-panel {
  box-shadow: 0 0 28px rgba(0, 191, 255, 0.2) !important;
  border-color: rgba(0, 229, 255, 0.35) !important;
}