/* RAJAGACOR — Elegant Cyberpunk Theme (visual only) */
@import url("https://fonts.googleapis.com/css2?family=Orbitron:wght@500;600;700;800&family=Exo+2:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap");

:root {
  --rg-bg: #05060b;
  --rg-bg-elevated: #0a0d16;
  --rg-surface: #0e1422;
  --rg-surface-alt: #151c2e;
  --rg-surface-glass: rgba(14, 20, 34, 0.82);
  --rg-cyan: #2ee6d6;
  --rg-cyan-soft: #7af0e6;
  --rg-cyan-dim: #1a9e94;
  --rg-magenta: #e84d8a;
  --rg-magenta-soft: #f07aaa;
  --rg-blue: #4f8cff;
  --rg-text: #e8eef8;
  --rg-text-muted: #8b9bb4;
  --rg-border: rgba(46, 230, 214, 0.22);
  --rg-border-strong: rgba(46, 230, 214, 0.45);
  --rg-danger: #ff5c7a;
  --rg-success: #2ee6a8;
  --rg-glow-cyan: 0 0 24px rgba(46, 230, 214, 0.28);
  --rg-glow-magenta: 0 0 24px rgba(232, 77, 138, 0.22);
  --rg-font-display: "Orbitron", "Exo 2", sans-serif;
  --rg-font-body: "Exo 2", "Segoe UI", sans-serif;

  /* legacy aliases → cyberpunk accents */
  --rg-gold: var(--rg-cyan);
  --rg-gold-light: var(--rg-cyan-soft);
  --rg-gold-dark: var(--rg-cyan-dim);
}

@keyframes rg-pulse-line {
  0%,
  100% {
    opacity: 0.35;
  }
  50% {
    opacity: 0.85;
  }
}

@keyframes rg-scan {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(100vh);
  }
}

@keyframes rg-fade-up {
  from {
    opacity: 0;
    transform: translateY(16px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes rg-border-breathe {
  0%,
  100% {
    box-shadow:
      0 0 0 1px rgba(46, 230, 214, 0.18),
      0 12px 40px rgba(0, 0, 0, 0.45);
  }
  50% {
    box-shadow:
      0 0 0 1px rgba(46, 230, 214, 0.38),
      0 12px 40px rgba(0, 0, 0, 0.45),
      0 0 28px rgba(46, 230, 214, 0.12);
  }
}

/* ——— Base atmosphere ——— */
html {
  background: var(--rg-bg);
}

body {
  background:
    radial-gradient(ellipse 80% 50% at 10% -10%, rgba(46, 230, 214, 0.12), transparent 55%),
    radial-gradient(ellipse 70% 45% at 95% 5%, rgba(232, 77, 138, 0.1), transparent 50%),
    radial-gradient(ellipse 60% 40% at 50% 100%, rgba(79, 140, 255, 0.08), transparent 55%),
    linear-gradient(180deg, #070910 0%, var(--rg-bg) 40%, #04050a 100%) !important;
  color: var(--rg-text) !important;
  font-family: var(--rg-font-body) !important;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 9990;
  background-image:
    linear-gradient(rgba(46, 230, 214, 0.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(46, 230, 214, 0.03) 1px, transparent 1px);
  background-size: 48px 48px;
  mask-image: radial-gradient(ellipse at center, black 20%, transparent 75%);
  opacity: 0.55;
}

body::after {
  content: "";
  position: fixed;
  left: 0;
  right: 0;
  height: 120px;
  pointer-events: none;
  z-index: 9991;
  background: linear-gradient(
    180deg,
    transparent,
    rgba(46, 230, 214, 0.04),
    transparent
  );
  animation: rg-scan 9s linear infinite;
  opacity: 0.4;
}

#content,
.st-page-pd,
.pd-g-product-detail-header-ux2,
.hdd02-pdp-header,
.pd-g-reasons-to-buy-ux2,
.pd-g-feature-benefit-ux2 {
  background: transparent !important;
  color: var(--rg-text) !important;
}

h1,
h2,
h3,
h4,
.pd-buying-price__new-price,
.pdd39-anchor-nav__headline,
.hdd02-product-info strong {
  font-family: var(--rg-font-display) !important;
  letter-spacing: 0.04em;
}

a {
  color: var(--rg-cyan-soft);
}

a:hover {
  color: var(--rg-cyan);
}

/* ——— Navigation ——— */
.nv00-gnb-v4,
.nv00-gnb-v4__wrap,
.nv00-gnb-v4__inner,
.nv00-gnb-v4__header {
  background: linear-gradient(180deg, rgba(5, 6, 11, 0.96), rgba(10, 13, 22, 0.92)) !important;
  border-bottom: 1px solid var(--rg-border) !important;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

.nv00-gnb-v4__logo img {
  filter: drop-shadow(0 0 10px rgba(46, 230, 214, 0.35));
  transition: filter 0.3s ease, transform 0.3s ease;
}

.nv00-gnb-v4__logo:hover img {
  filter: drop-shadow(0 0 16px rgba(46, 230, 214, 0.55));
  transform: scale(1.02);
}

.nv00-gnb-v4__utility .icon,
.nv00-gnb-v4__utility svg,
.nv00-gnb-v4__l0-menu-btn,
.nv00-gnb-v4__l0-menu-toggle-btn,
.nv00-gnb-v4 a,
.nv00-gnb-v4 button {
  color: var(--rg-text) !important;
  fill: var(--rg-text);
}

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

.nv00-gnb-v4__container,
.nv00-gnb-v4__l1-menu-container,
.srd19-gnb-search {
  background: var(--rg-surface) !important;
  color: var(--rg-text) !important;
  border-color: var(--rg-border) !important;
}

/* ——— Anchor / sticky buy bar ——— */
.pdd39-anchor-nav,
.pdd39-anchor-nav__menu,
.pdd39-anchor-nav__price,
.pd-buying-price {
  background: rgba(10, 13, 22, 0.94) !important;
  border-color: var(--rg-border) !important;
  color: var(--rg-text) !important;
  backdrop-filter: blur(12px);
}

.pd-buying-price__new-price,
.pd-buying-price__new-price-inner,
.pd-buying-price__advice-price {
  color: var(--rg-cyan-soft) !important;
}

.pd-buying-price__save,
.pd-buying-price__label {
  color: var(--rg-magenta-soft) !important;
}

.pd-buying-price__was,
.pd-buying-price__disclaimer,
.pd-buying-price__tax {
  color: var(--rg-text-muted) !important;
}

/* ——— CTAs ——— */
.cta--contained.cta--emphasis,
.cta.cta--contained.cta--emphasis,
a.cta--contained.cta--emphasis,
button.cta--contained.cta--emphasis {
  background: linear-gradient(135deg, var(--rg-cyan) 0%, #1bb8c4 45%, var(--rg-blue) 100%) !important;
  color: #041018 !important;
  border: 1px solid rgba(46, 230, 214, 0.65) !important;
  box-shadow: var(--rg-glow-cyan) !important;
  font-family: var(--rg-font-display) !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase;
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    filter 0.25s ease !important;
}

.cta--contained.cta--emphasis:hover,
a.cta--contained.cta--emphasis:hover {
  filter: brightness(1.08);
  transform: translateY(-2px);
  box-shadow:
    0 0 32px rgba(46, 230, 214, 0.4),
    0 8px 20px rgba(0, 0, 0, 0.35) !important;
  color: #02080c !important;
}

.cta--contained.cta--black,
.cta.cta--contained.cta--black,
a.cta--contained.cta--black,
button.cta--contained.cta--black {
  background: linear-gradient(145deg, var(--rg-surface-alt), #0a0f1a) !important;
  color: var(--rg-cyan-soft) !important;
  border: 1px solid var(--rg-border-strong) !important;
  box-shadow: inset 0 0 20px rgba(46, 230, 214, 0.06) !important;
  font-family: var(--rg-font-display) !important;
  letter-spacing: 0.06em;
}

.cta--contained.cta--black:hover {
  border-color: var(--rg-cyan) !important;
  color: var(--rg-cyan) !important;
  box-shadow: var(--rg-glow-cyan) !important;
}

.cta--outlined.cta--black,
.cta.cta--outlined {
  background: transparent !important;
  color: var(--rg-text) !important;
  border: 1px solid var(--rg-border-strong) !important;
}

.cta--outlined.cta--black:hover {
  border-color: var(--rg-magenta) !important;
  color: var(--rg-magenta-soft) !important;
  box-shadow: var(--rg-glow-magenta);
}

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

/* ——— Product gallery / header ——— */
.hdd02-pdp-header,
.hdd02-pdp-header__gallery,
.hdd02-gallery,
.hdd02-gallery__content,
.hdd02-product-info,
.pd-info {
  background: transparent !important;
  color: var(--rg-text) !important;
}

.hdd02-gallery__image,
.hdd02-gallery__item,
.hdd02-gallery__thumbnail-item-image {
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid var(--rg-border);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.35);
  animation: rg-border-breathe 5s ease-in-out infinite;
}

.hdd02-gallery__thumbnail-item.is-active .hdd02-gallery__thumbnail-item-image,
.hdd02-gallery__thumbnail-item-image:hover {
  border-color: var(--rg-cyan) !important;
  box-shadow: var(--rg-glow-cyan);
}

.hdd02-gallery__thumbnail-item-text {
  color: var(--rg-cyan-soft) !important;
  background: var(--rg-surface) !important;
  border: 1px solid var(--rg-border) !important;
}

/* ——— Offer / promo banner ——— */
.pd-banner,
.pd-g-product-detail-offer-banner,
.pd-g-product-promotion-bar {
  background: linear-gradient(90deg, rgba(14, 20, 34, 0.95), rgba(21, 28, 46, 0.9)) !important;
  color: var(--rg-text) !important;
  border-bottom: 1px solid var(--rg-border) !important;
}

.pd-banner__headline {
  color: var(--rg-cyan) !important;
  font-family: var(--rg-font-display) !important;
}

.pd-banner__desc {
  color: var(--rg-text-muted) !important;
}

/* ——— Badges ——— */
.badge-icon--bg-color-green {
  background-color: var(--rg-cyan) !important;
  color: #041018 !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 {
  color: #041018 !important;
}

.pdd39-anchor-nav__headline-wrap .badge-icon--bg-color-teal,
.pdd39-anchor-nav__headline-wrap .badge-icon--bg-color-pick {
  color: #041018 !important;
}

.badge-icon--bg-color-teal {
  background-color: var(--rg-cyan-dim) !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(140deg) saturate(1.4) brightness(1.1) !important;
}

/* ——— Layers / popups (Samsung) ——— */
.layer-popup,
.layer-popup__inner,
.pd-get-stock-alert-popup__contents,
.pd-get-stock-alert-popup__final {
  background: var(--rg-surface) !important;
  color: var(--rg-text) !important;
  border: 1px solid var(--rg-border) !important;
  box-shadow:
    0 24px 60px rgba(0, 0, 0, 0.55),
    var(--rg-glow-cyan) !important;
}

.layer-popup__title,
.pd-get-stock-alert-popup__header .text-title {
  color: var(--rg-cyan-soft) !important;
  font-family: var(--rg-font-display) !important;
}

.text-field-v2__input {
  background: var(--rg-bg-elevated) !important;
  color: var(--rg-text) !important;
  border-color: var(--rg-border) !important;
}

.text-field-v2__hint {
  color: var(--rg-text-muted) !important;
}

/* ——— Tabs / buying steps ——— */
.tab,
.tab__list,
.pdd16-step-buying,
.pdd16-step-buying__header,
.pdd16-step-buying__contents,
.pdd16-step-buying__footer,
.bg-light-gray {
  background: var(--rg-surface) !important;
  color: var(--rg-text) !important;
  border-color: var(--rg-border) !important;
}

.tab__item-title,
.pdd16-step-buying__headline {
  color: var(--rg-text) !important;
}

/* ——— Feature / reasons sections ——— */
.pdd28-reasons-to-buy,
.pd-g-reasons-to-buy-ux2,
.pd-g-feature-benefit {
  background: transparent !important;
  color: var(--rg-text) !important;
}

/* ——— Footer remnants ——— */
footer,
.fo-root,
.footer,
[class*="footer"] {
  background: var(--rg-bg-elevated) !important;
  color: var(--rg-text-muted) !important;
  border-top-color: var(--rg-border) !important;
}

/* ——— Scrollbar ——— */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: var(--rg-bg);
}

::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, var(--rg-cyan-dim), var(--rg-magenta));
  border-radius: 99px;
}

/* ——— Selection ——— */
::selection {
  background: rgba(46, 230, 214, 0.35);
  color: #fff;
}

/* ——— Soft entrance for main product block ——— */
.hdd02-pdp-header,
.pd-g-reasons-to-buy-ux2 .lx-container {
  animation: rg-fade-up 0.7s ease both;
}

@media (max-width: 767px) {
  body::before {
    background-size: 32px 32px;
    opacity: 0.35;
  }

  body::after {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  body::after,
  .hdd02-gallery__image,
  .hdd02-pdp-header,
  .pd-g-reasons-to-buy-ux2 .lx-container {
    animation: none !important;
  }
}