/* RAJAGACOR — modern casino, elegant cyberpunk. Visual skin only. */
@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&family=Syne:wght@700;800&display=swap");

:root {
  --rg-bg: #07060f;
  --rg-bg-2: #100c1c;
  --rg-surface: rgba(14, 11, 26, 0.82);
  --rg-cyan: #3ef0ff;
  --rg-magenta: #ff3d9a;
  --rg-violet: #8b6cff;
  --rg-gold: #f2c96b;
  --rg-gold-light: #ffe3a1;
  --rg-gold-dark: #8a6424;
  --rg-text: #f6f3ff;
  --rg-text-muted: #b7aecf;
  --rg-border: rgba(62, 240, 255, 0.32);
  --rg-danger: #ff4d6d;
  --rg-success: #3dffc5;
}

html {
  color-scheme: dark;
}

body {
  background-color: var(--rg-bg) !important;
  background-image:
    radial-gradient(920px 460px at 0% -8%, rgba(255, 61, 154, 0.18), transparent 58%),
    radial-gradient(760px 420px at 100% 0%, rgba(62, 240, 255, 0.14), transparent 52%),
    radial-gradient(640px 480px at 50% 110%, rgba(139, 108, 255, 0.16), transparent 55%),
    linear-gradient(rgba(62, 240, 255, 0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(62, 240, 255, 0.045) 1px, transparent 1px) !important;
  background-size: auto, auto, auto, 72px 72px, 72px 72px !important;
  background-attachment: fixed !important;
  color: var(--rg-text);
  font-family: Outfit, "Segoe UI", Arial, sans-serif;
}

/* Samsung greens → neon cyan / magenta */
.badge-icon--bg-color-green {
  background-color: var(--rg-cyan) !important;
  color: #071018 !important;
}

.nv00-gnb-v4__l1-menu-link .badge-icon--bg-color-green,
.nv00-gnb-v4__l1-menu-btn .badge-icon--bg-color-green,
.nv00-gnb-v4__featured-item .badge-icon--bg-color-green,
.pdd39-anchor-nav__headline-wrap .badge-icon--bg-color-teal,
.pdd39-anchor-nav__headline-wrap .badge-icon--bg-color-pick {
  color: #071018 !important;
}

.badge-icon--bg-color-teal {
  background-color: var(--rg-magenta) !important;
}

.hubble-care-popup__info-list-type-1 li:before,
.extended-warranty-popup__info-list-type-1 li:before,
.hubble-careinfo-popup__info-content:before,
.warranty-info-popup__info-content:before,
.tariff-popup__plan-detail-item:before,
.trade-in-popup__condition-area-item-option ul li:before,
.trade-in-popup__condition-list-item-option li {
  filter: hue-rotate(250deg) saturate(2.4) brightness(1.15) !important;
}

/* Navigation bar */
.nv00-gnb-v4__wrap,
.nv00-gnb-v4__header,
.nv00-gnb-v4__inner,
.nv00-gnb-v4__container {
  background: rgba(7, 6, 15, 0.86) !important;
  backdrop-filter: blur(18px) saturate(1.25);
  -webkit-backdrop-filter: blur(18px) saturate(1.25);
}

.nv00-gnb-v4__wrap {
  border-bottom: 1px solid rgba(62, 240, 255, 0.22) !important;
  box-shadow:
    0 10px 36px rgba(0, 0, 0, 0.45),
    inset 0 -1px 0 rgba(255, 61, 154, 0.35);
}

.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__featured-title,
.nv00-gnb-v4__search-text,
.nv00-gnb-v4__utility {
  color: var(--rg-text) !important;
}

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

.nv00-gnb-v4 .icon,
.nv00-gnb-v4 svg {
  fill: var(--rg-cyan);
}

.nv00-gnb-v4__logo img {
  filter: drop-shadow(0 0 10px rgba(62, 240, 255, 0.35));
}

/* Page shell */
.hdd02-pdp-header,
.pd-g-feature-benefit,
.pd-g-feature-benefit-ux2,
.pd-g-reasons-to-buy-ux2,
.hdd02-buying-tool,
.pdd28-reasons-to-buy {
  background: transparent !important;
  color: var(--rg-text);
}

.hdd02-gallery__content,
.hdd02-gallery__item .image {
  border-radius: 22px;
}

.hdd02-pdp-header__gallery {
  filter: drop-shadow(0 18px 40px rgba(0, 0, 0, 0.45)) drop-shadow(0 0 22px rgba(62, 240, 255, 0.16));
}

.cta--contained.cta--black,
.cta--contained.cta--emphasis {
  background: linear-gradient(135deg, #ff3d9a 0%, #8b6cff 100%) !important;
  color: #fff !important;
  border: 1px solid rgba(62, 240, 255, 0.45) !important;
  box-shadow: 0 10px 24px rgba(255, 61, 154, 0.28);
}

.cta--underline-v2,
.cta--underline-v2.cta--black {
  color: var(--rg-cyan) !important;
}

/* Footer */
.footer {
  background: linear-gradient(180deg, rgba(7, 6, 15, 0) 0%, #090712 18%) !important;
  border-top: 1px solid rgba(62, 240, 255, 0.2);
  color: var(--rg-text-muted) !important;
}

.footer a,
.footer p,
.footer li,
.footer-category__title,
.footer-category__link,
.footer-category__anchor {
  color: #d9d2ee !important;
}

.footer a:hover,
.footer-category__link:hover {
  color: var(--rg-cyan) !important;
}