:root {
  --wsdc-bg: #f4f9ff;
  --wsdc-surface: #fff;
  --wsdc-primary: #1687ff;
  --wsdc-cyan: #00a8cc;
  --wsdc-light-cyan: #ddf6ff;
  --wsdc-text: #16243a;
  --wsdc-muted: #64748b;
  --wsdc-border: #e3edf7;
  --wsdc-shadow: 0 14px 38px rgba(31, 107, 176, .11);
  --wsdc-gradient: linear-gradient(135deg, #1687ff 0%, #00b8d9 100%);
}

/* Catalog sidebar and production homepage sections */
#katalog-wsdc { display:grid; grid-template-columns:190px minmax(0,1fr); column-gap:24px; align-items:start; }
#katalog-wsdc > .mb-5 { grid-column:1/-1; }
#katalog-wsdc > [role="tablist"] { position:sticky; top:112px; padding:10px; border:1px solid var(--wsdc-border); border-radius:18px; background:#fff; box-shadow:0 10px 30px rgba(31,87,135,.07); }
#katalog-wsdc > [role="tablist"] > .flex,
#katalog-wsdc #tabScrollContainer { display:flex; width:100%; flex-direction:column; align-items:stretch; gap:7px; }
#katalog-wsdc .tab { width:100%; min-height:42px; text-align:left; border-radius:12px !important; }
#katalog-wsdc > div:last-child { min-width:0; }
#katalog-wsdc #cards-container { grid-template-columns:repeat(5,minmax(0,1fr)) !important; gap:16px !important; margin-top:0 !important; }
.wsdc-home .testimoni-track { display:grid; width:100%; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; animation:none; }
.wsdc-home .testimoni-card { width:auto; min-width:0; min-height:250px; }
.wsdc-home .testimoni-card:nth-child(n+4) { display:none; }
.wsdc-home #berita-container { display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)); overflow:visible !important; gap:18px !important; }
.wsdc-home a:focus-visible,.wsdc-home button:focus-visible { outline:3px solid rgba(22,135,255,.3) !important; outline-offset:3px; }
@media (max-width:1100px) {
  #katalog-wsdc #cards-container { grid-template-columns:repeat(4,minmax(0,1fr)) !important; }
}
@media (max-width:900px) {
  #katalog-wsdc { grid-template-columns:1fr; }
  #katalog-wsdc > [role="tablist"] { position:static; margin-bottom:20px; padding:0; border:0; box-shadow:none; background:transparent; }
  #katalog-wsdc > [role="tablist"] > .flex,#katalog-wsdc #tabScrollContainer { flex-direction:row; overflow-x:auto; }
  #katalog-wsdc .tab { width:auto; min-width:max-content; }
  #katalog-wsdc #cards-container { grid-template-columns:repeat(3,minmax(0,1fr)) !important; }
  .wsdc-home .testimoni-track { grid-template-columns:1fr; }
  .wsdc-home .testimoni-card:nth-child(n+3) { display:none; }
  .wsdc-home #berita-container { grid-template-columns:1fr; }
}
@media (max-width:640px) {
  #katalog-wsdc #cards-container { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:11px !important; }
}

/* Approved WSDC dark marketplace palette */
body.wsdc-home-page {
  --wsdc-bg: #171717;
  --wsdc-surface: #252525;
  --wsdc-text: #f8fafc;
  --wsdc-muted: #a3a3a3;
  --wsdc-border: #3a3a3a;
  --wsdc-light-cyan: #24384a;
  --wsdc-primary: #32a4ff;
  --wsdc-gradient: linear-gradient(135deg,#1687ff,#00b8d9);
  background: var(--wsdc-bg) !important;
  color: var(--wsdc-text) !important;
}
body.wsdc-home-page header,
body.wsdc-home-page nav { background: #202020 !important; border-color: #353535 !important; }
body.wsdc-home-page header *,
body.wsdc-home-page nav * { color: #f8fafc !important; }
.wsdc-home { background: #171717 !important; }
.wsdc-home .wsdc-hero { background:transparent !important; }
.wsdc-home .wsdc-hero-copy h1,
.wsdc-home h2,.wsdc-home h3,.wsdc-home strong { color:#f8fafc !important; }
.wsdc-home p,.wsdc-home small { color:#a3a3a3 !important; }
.wsdc-home .wsdc-quick-actions a,
.wsdc-home .wsdc-benefit-grid article,
.wsdc-home .testimoni-card,
.wsdc-home #popular-cards-container > *,
.wsdc-home #cards-container > *,
.wsdc-home #berita-container > *,
#katalog-wsdc > [role="tablist"] { background:#252525 !important; border-color:#3a3a3a !important; box-shadow:none !important; }
.wsdc-home #popular-cards-container > *,
.wsdc-home #cards-container > * { background:#252525 !important; border-color:#3a3a3a !important; box-shadow:none !important; }
.wsdc-home .tab { background:#313131 !important; color:#f8fafc !important; }
.wsdc-home .tab:hover,.wsdc-home .tab:focus { background:#1687ff !important; color:#fff !important; }
.wsdc-home .testimoni-card { border-color:#3a3a3a !important; box-shadow:none !important; }
.wsdc-home .testimoni-product,.wsdc-home .testimoni-stars { background:#303030 !important; }
.wsdc-home .wsdc-quick-actions a:hover,
.wsdc-home #popular-cards-container > *:hover,
.wsdc-home #cards-container > *:hover { transform:translateY(-4px); border-color:#1687ff !important; }
.wsdc-home .wsdc-cta { background:linear-gradient(135deg,#1687ff,#00a6cf) !important; }
.wsdc-home .wsdc-btn-secondary { background:#303030 !important; color:#f8fafc !important; border-color:#444 !important; }
body.wsdc-home-page footer { background:#111 !important; }
/* Theme CSS loads before this file; these selectors intentionally override legacy theme tokens. */
body.wsdc-home-page > header,
body.wsdc-home-page > header > div,
body.wsdc-home-page > header nav { background:#202020 !important; color:#f8fafc !important; border-color:#383838 !important; }
body.wsdc-home-page > header nav a { color:#e5e7eb !important; }
body.wsdc-home-page > header nav a.text-primary { color:#32a4ff !important; }
body.wsdc-home-page #searchInputDesktop,
body.wsdc-home-page #searchInputMobile { background:#30343a !important; color:#f8fafc !important; border-color:#4b5563 !important; }
#katalog-wsdc > [role="tablist"] .tab { background:#303030 !important; color:#f8fafc !important; border:1px solid #4a4a4a !important; }
#katalog-wsdc > [role="tablist"] .tab.active { background:#1687ff !important; color:#fff !important; border-color:#1687ff !important; }
.wsdc-home .wsdc-start-price { margin-top:5px !important; color:#32a4ff !important; font-size:.78rem !important; font-weight:700 !important; }
.wsdc-home .wsdc-card-action { display:block; margin:8px 0 1px; border-radius:7px; padding:6px 8px; background:#1687ff; color:#fff; font-size:.76rem; font-weight:700; line-height:1; text-align:center; }
.wsdc-heading-icon { display:inline-flex; align-items:center; justify-content:center; width:24px; height:24px; font-size:18px; }
.wsdc-fire-icon { animation:wsdc-fire-flicker .7s ease-in-out infinite alternate; transform-origin:50% 80%; }
@keyframes wsdc-fire-flicker { from { transform:scale(.88) rotate(-4deg); filter:brightness(.92); } to { transform:scale(1.13) rotate(4deg); filter:brightness(1.22) saturate(1.2); } }

/* Mobile repairs: prevent legacy desktop utilities from creating white columns. */
html body.wsdc-home-page > header,
html body.wsdc-home-page > header > div,
html body.wsdc-home-page > header nav,
html body.wsdc-home-page > header .container { background-color:#202020 !important; color:#f8fafc !important; }
html body.wsdc-home-page > header input,
html body.wsdc-home-page > header button { color:#f8fafc !important; }
html body.wsdc-home-page > header input { background-color:#30343a !important; }
html body.wsdc-home-page > header nav a { color:#e5e7eb !important; }
.wsdc-home #cards-container svg { display:none !important; }
.wsdc-home #cards-container > a.card-tabs { min-width:0; align-self:start; }
@media (max-width:768px) {
  .wsdc-home .container { width:min(100% - 24px,1280px) !important; }
  #katalog-wsdc { display:block !important; }
  #katalog-wsdc > [role="tablist"] { display:block !important; overflow:visible !important; }
  #katalog-wsdc > [role="tablist"] > .flex { display:flex !important; }
  #katalog-wsdc #tabScrollContainer { display:flex !important; flex-direction:row !important; width:100% !important; max-width:100% !important; overflow-x:auto !important; }
  #katalog-wsdc #tabScrollContainer .tab { flex:0 0 auto !important; min-width:112px !important; background:#303030 !important; color:#f8fafc !important; }
  #katalog-wsdc #cards-container { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; width:100% !important; gap:12px !important; }
  #katalog-wsdc #cards-container > a.card-tabs { width:100% !important; }
  #katalog-wsdc #cards-container > a.card-tabs > div { width:100% !important; min-height:0 !important; }
  #katalog-wsdc #cards-container img { width:100% !important; height:auto !important; aspect-ratio:1/1 !important; object-fit:cover !important; }
  .wsdc-home .testimoni-card { min-height:auto !important; }
}

/* Show every active review as a continuous left-moving marquee. */
.wsdc-home .testimoni-marquee { overflow:hidden; }
.wsdc-home .testimoni-track { display:flex !important; width:max-content !important; grid-template-columns:none !important; gap:18px; animation:testimonial-scroll var(--wsdc-review-duration,420s) linear infinite !important; }
.wsdc-home .testimoni-marquee:hover .testimoni-track { animation-play-state:paused !important; }
.wsdc-home .testimoni-card,
.wsdc-home .testimoni-card:nth-child(n+3),
.wsdc-home .testimoni-card:nth-child(n+4) { display:block !important; width:min(360px,calc(100vw - 48px)) !important; min-width:min(360px,calc(100vw - 48px)) !important; min-height:250px; }
@media (max-width:768px) {
  .wsdc-home .testimoni-track { gap:12px; animation-duration:var(--wsdc-review-duration,420s) !important; }
  .wsdc-home .testimoni-card,
  .wsdc-home .testimoni-card:nth-child(n+3),
  .wsdc-home .testimoni-card:nth-child(n+4) { width:calc(100vw - 48px) !important; min-width:calc(100vw - 48px) !important; }
}

body.wsdc-home-page {
  background: var(--wsdc-bg) !important;
  color: var(--wsdc-text) !important;
}

body.wsdc-home-page header,
body.wsdc-home-page nav {
  background: rgba(255,255,255,.94) !important;
  color: var(--wsdc-text) !important;
  border-color: var(--wsdc-border) !important;
  backdrop-filter: blur(14px);
}

body.wsdc-home-page header a,
body.wsdc-home-page nav a,
body.wsdc-home-page header button,
body.wsdc-home-page nav button {
  color: var(--wsdc-text) !important;
}

.wsdc-home {
  background:
    radial-gradient(circle at 7% 2%, rgba(0,184,217,.12), transparent 27rem),
    radial-gradient(circle at 94% 9%, rgba(22,135,255,.12), transparent 24rem),
    var(--wsdc-bg);
  color: var(--wsdc-text);
  overflow: hidden;
}

.wsdc-home .container {
  width: min(100% - 32px, 1280px);
  max-width: 1280px;
  margin-inline: auto;
}

.wsdc-hero { padding: 58px 0 34px; }
.wsdc-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
  align-items: center;
  gap: 44px;
}
.wsdc-hero-copy h1 {
  max-width: 650px;
  margin: 18px 0 16px;
  font-size: clamp(2.25rem, 5vw, 4.3rem);
  line-height: 1.05;
  letter-spacing: -.045em;
  font-weight: 850;
  color: var(--wsdc-text);
}
.wsdc-hero-copy > p {
  max-width: 610px;
  color: var(--wsdc-muted);
  font-size: clamp(1rem, 1.7vw, 1.15rem);
  line-height: 1.75;
}
.wsdc-badge {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 7px 13px;
  border-radius: 999px;
  color: #0872d9;
  background: var(--wsdc-light-cyan);
  border: 1px solid rgba(0,168,204,.18);
  font-size: .8rem;
  font-weight: 800;
}
.wsdc-hero-actions,.wsdc-cta-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 26px;
}
.wsdc-btn {
  display: inline-flex;
  min-height: 46px;
  align-items: center;
  justify-content: center;
  padding: 11px 20px;
  border-radius: 13px;
  font-weight: 800;
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}
.wsdc-btn:hover { transform: translateY(-2px); }
.wsdc-btn-primary { color: white !important; background: var(--wsdc-gradient); box-shadow: 0 10px 24px rgba(22,135,255,.24); }
.wsdc-btn-secondary { color: var(--wsdc-primary) !important; background: white; border: 1px solid var(--wsdc-border); }
.wsdc-trust-row { display: flex; flex-wrap: wrap; gap: 16px 22px; margin-top: 25px; color: #f05b61; font-size: .83rem; font-weight: 700; }
.wsdc-trust-row b { color:#24c779; font-weight:900; }
.wsdc-hero-media {
  position: relative;
  min-width: 0;
  padding: 12px;
  border-radius: 24px;
  background: rgba(255,255,255,.8);
  border: 1px solid rgba(255,255,255,.9);
  box-shadow: var(--wsdc-shadow);
}
.wsdc-hero-media:before {
  content: "";
  position: absolute;
  inset: -25px;
  z-index: -1;
  border-radius: 44px;
  background: var(--wsdc-gradient);
  opacity: .12;
  filter: blur(26px);
}
.wsdc-hero-media img { width: 100%; aspect-ratio: 16/7.2; object-fit: cover; border-radius: 16px; display: block; }

.wsdc-quick-actions {
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 16px;
  padding-bottom: 30px;
}
.wsdc-quick-actions a {
  display: grid;
  grid-template-columns: 44px 1fr;
  column-gap: 12px;
  align-items: center;
  padding: 18px;
  border-radius: 17px;
  background: var(--wsdc-surface);
  border: 1px solid var(--wsdc-border);
  box-shadow: 0 8px 24px rgba(32,93,146,.07);
  color: var(--wsdc-text) !important;
  transition: transform .2s ease, box-shadow .2s ease;
}
.wsdc-quick-actions a:hover { transform: translateY(-4px); box-shadow: var(--wsdc-shadow); }
.wsdc-quick-actions a > span { grid-row: span 2; display: grid; place-items: center; width: 44px; height: 44px; border-radius: 13px; background: var(--wsdc-light-cyan); font-size: 1.25rem; }
.wsdc-quick-actions strong { font-size: .95rem; }
.wsdc-quick-actions small { color: var(--wsdc-muted); font-size: .72rem; }

.wsdc-home > .flex { gap: 38px !important; padding-top: 24px !important; }
.wsdc-home > .flex > .container,
.wsdc-home > .flex > div > .container {
  color: var(--wsdc-text) !important;
}
.wsdc-home h3 { color: var(--wsdc-text) !important; }
.wsdc-home p { color: var(--wsdc-muted); }
.wsdc-home #popular-cards-container,
.wsdc-home #cards-container { gap: 18px !important; }
.wsdc-home #popular-cards-container > *,
.wsdc-home #cards-container > * {
  border-radius: 17px !important;
  border: 1px solid var(--wsdc-border) !important;
  background: white !important;
  color: var(--wsdc-text) !important;
  box-shadow: 0 9px 25px rgba(31,87,135,.08) !important;
  transition: transform .2s ease, box-shadow .2s ease !important;
}
.wsdc-home #popular-cards-container > *:hover,
.wsdc-home #cards-container > *:hover { transform: translateY(-5px) !important; box-shadow: var(--wsdc-shadow) !important; }
.wsdc-home .skeleton-card,
.wsdc-home .skeleton-card-kategori,
.wsdc-home .skeleton-berita { background: linear-gradient(90deg,#eaf3fb,#f8fbff,#eaf3fb) !important; background-size: 200% 100% !important; }
.wsdc-home .tab { background: white !important; color: var(--wsdc-text) !important; border: 1px solid var(--wsdc-border); }
.wsdc-home .tab:hover,.wsdc-home .tab:focus { background: var(--wsdc-gradient) !important; color: white !important; }

.wsdc-home .testimoni-card {
  background: white;
  color: var(--wsdc-text);
  border-color: var(--wsdc-border);
  box-shadow: 0 10px 30px rgba(31,87,135,.08);
}
.wsdc-home .testimoni-product { background: var(--wsdc-light-cyan); color: #23728a; }
.wsdc-home .testimoni-foot { border-color: var(--wsdc-border); }

.wsdc-section-heading { text-align: center; max-width: 720px; margin: 0 auto 30px; }
.wsdc-section-heading span { color: var(--wsdc-primary); font-size: .78rem; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.wsdc-section-heading h2,.wsdc-cta h2 { margin: 8px 0; color: var(--wsdc-text); font-size: clamp(1.7rem,3vw,2.45rem); font-weight: 850; letter-spacing: -.025em; }
.wsdc-benefits { padding-block: 55px; }
.wsdc-benefit-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 17px; }
.wsdc-benefit-grid article { padding: 24px; border-radius: 18px; background: white; border: 1px solid var(--wsdc-border); box-shadow: 0 8px 26px rgba(31,87,135,.07); }
.wsdc-benefit-grid article:nth-child(even) { background: #eefaff; }
.wsdc-benefit-grid article > span { display: grid; place-items: center; width: 46px; height: 46px; margin-bottom: 16px; border-radius: 14px; background: var(--wsdc-light-cyan); font-size: 1.3rem; }
.wsdc-benefit-grid h3 { margin-bottom: 8px; font-size: 1rem; font-weight: 850; }
.wsdc-benefit-grid p { font-size: .82rem; line-height: 1.65; }
.wsdc-cta { display: flex; align-items: center; justify-content: space-between; gap: 25px; margin-block: 18px 60px; padding: 34px !important; border-radius: 22px; background: var(--wsdc-gradient); box-shadow: 0 18px 42px rgba(22,135,255,.22); }
.wsdc-cta h2,.wsdc-cta p { color: white !important; }
.wsdc-cta p { opacity: .88; }
.wsdc-cta-actions { flex-shrink: 0; margin-top: 0; }
.wsdc-btn-light { background: white; color: var(--wsdc-primary) !important; }
.wsdc-btn-outline-light { border: 1px solid rgba(255,255,255,.65); color: white !important; }

body.wsdc-home-page footer { background: #10233f !important; color: white !important; }

/* Slow cyan-blue energy waves, exclusive to the homepage and intentionally subtle. */
body.wsdc-home-page {
  background-color:#101722 !important;
  background-image:
    radial-gradient(ellipse 90% 24% at -10% 14%, transparent 56%, rgba(0,176,255,.32) 58%, transparent 61%),
    radial-gradient(ellipse 78% 24% at 112% 30%, transparent 55%, rgba(0,220,255,.25) 58%, transparent 61%),
    radial-gradient(ellipse 100% 25% at 45% 84%, transparent 55%, rgba(0,121,255,.23) 58%, transparent 61%);
  background-size:170% 170%, 180% 180%, 160% 160%;
  animation:wsdc-cyan-energy 28s ease-in-out infinite alternate;
}
.wsdc-home { background:rgba(23,23,23,.91) !important; }
.wsdc-home .wsdc-hero { background:transparent !important; }
@keyframes wsdc-cyan-energy {
  0% { background-position:0% 0%,100% 18%,48% 100%; }
  50% { background-position:50% 28%,40% 56%,0% 40%; }
  100% { background-position:100% 55%,0% 100%,100% 0%; }
}
@media (max-width:640px) { body.wsdc-home-page { animation-duration:45s; background-size:220% 220%,230% 230%,210% 210%; } }

@media (max-width: 900px) {
  .wsdc-hero { padding-top: 34px; }
  .wsdc-hero-grid { grid-template-columns: 1fr; gap: 28px; }
  .wsdc-quick-actions,.wsdc-benefit-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .wsdc-cta { align-items: flex-start; flex-direction: column; }
}
@media (max-width: 560px) {
  .wsdc-home .container { width: min(100% - 28px,1280px); }
  .wsdc-hero-copy h1 { font-size: 2.35rem; }
  .wsdc-hero-actions .wsdc-btn { width: 100%; }
  .wsdc-trust-row { display: grid; gap: 8px; }
  .wsdc-quick-actions { grid-template-columns: 1fr 1fr; gap: 10px; }
  .wsdc-quick-actions a { grid-template-columns: 38px 1fr; padding: 13px; }
  .wsdc-quick-actions a > span { width: 38px; height: 38px; }
  .wsdc-quick-actions small { display: none; }
  .wsdc-benefit-grid { grid-template-columns: 1fr; }
  .wsdc-cta { padding: 24px !important; }
  .wsdc-cta-actions,.wsdc-cta-actions .wsdc-btn { width: 100%; }
}

/* WSDC cyan energy backdrop: visible around every home section, not red. */
body.wsdc-home-page {
  background-color:#071521 !important;
  background-image:
    radial-gradient(ellipse 70% 18% at 10% 8%, transparent 52%, rgba(0,223,255,.72) 55%, rgba(0,133,255,.20) 59%, transparent 63%),
    radial-gradient(ellipse 86% 22% at 94% 38%, transparent 52%, rgba(0,192,255,.64) 55%, rgba(0,95,255,.20) 59%, transparent 63%),
    radial-gradient(ellipse 76% 18% at 23% 82%, transparent 52%, rgba(0,235,255,.55) 55%, rgba(0,113,255,.18) 59%, transparent 63%),
    linear-gradient(135deg,#06131e,#0b172b 52%,#07111c) !important;
  background-size:180% 170%, 190% 180%, 170% 180%,100% 100% !important;
  animation:wsdc-cyan-energy 22s ease-in-out infinite alternate !important;
}
body.wsdc-home-page .wsdc-home { background:rgba(9,17,27,.62) !important; }
body.wsdc-home-page .wsdc-home .wsdc-hero { background:transparent !important; }
@media (max-width:640px) { body.wsdc-home-page { animation-duration:34s !important; background-size:240% 210%,250% 220%,230% 220%,100% 100% !important; } }

#wsdc-ferrofluid {
  position:fixed;
  z-index:0;
  inset:0;
  width:100vw;
  height:100vh;
  pointer-events:none;
  opacity:.95;
}
#wsdc-ferrofluid.wsdc-webgl-unavailable { display:none; }
body.wsdc-home-page > header,
body.wsdc-home-page > .offcanvas,
body.wsdc-home-page > footer,
body.wsdc-home-page .wsdc-home,
body.wsdc-home-page .wsdc-wa-float {
  position:relative;
  z-index:1;
}
body.wsdc-home-page > header { position:sticky; z-index:40; }
body.wsdc-home-page .wsdc-wa-float { position:fixed !important; z-index:9999 !important; }
body.wsdc-home-page .wsdc-home {
  background:rgba(7,15,24,.52) !important;
  backdrop-filter:blur(1px);
}

/* Hero badge, banner frame, and footer remain legible over the cyan canvas. */
body.wsdc-home-page .wsdc-badge {
  background:rgba(7,44,68,.88) !important;
  border:1px solid rgba(57,205,255,.70) !important;
  color:#75dcff !important;
  box-shadow:0 0 18px rgba(0,184,255,.13);
}
body.wsdc-home-page .wsdc-hero-media {
  padding:2px !important;
  border:1px solid #00ffff !important;
  border-radius:17px !important;
  background:rgba(0,255,255,.20) !important;
  box-shadow:0 10px 26px rgba(0,255,255,.14) !important;
}
body.wsdc-home-page .wsdc-hero-media img { border-radius:14px !important; }
body.wsdc-home-page footer {
  position:relative !important;
  z-index:2 !important;
  background:#20233a !important;
  border-top:1px solid rgba(112,210,255,.26) !important;
  color:#eef7ff !important;
}
body.wsdc-home-page footer *,
body.wsdc-home-page footer a,
body.wsdc-home-page footer .text-secondary-foreground,
body.wsdc-home-page footer .text-muted-foreground {
  color:#eef7ff !important;
  opacity:1 !important;
}
body.wsdc-home-page footer a:hover { color:#57d7ff !important; }
body.wsdc-home-page footer .border-border,
body.wsdc-home-page footer .border-border\/20 { border-color:rgba(255,255,255,.16) !important; }

/* V28: dark skeleton on first paint — prevents the old white loading flash. */
@keyframes wsdc-dark-skeleton-shimmer {
  0% { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}
body.wsdc-home-page .skeleton-fs,
body.wsdc-home-page .skeleton-card,
body.wsdc-home-page .skeleton-card-kategori,
body.wsdc-home-page .skeleton-berita {
  background:linear-gradient(100deg,#202329 0%,#30363e 46%,#202329 100%) !important;
  background-size:220% 100% !important;
  border:1px solid rgba(0,255,255,.16) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025) !important;
  animation:wsdc-dark-skeleton-shimmer 1.05s linear infinite !important;
}

/* --------------------------------------------------------------------------
   WSDC Preview Edition V50
   Dark cyan gaming marketplace with compositor-only pink highlighter waves.
   This block intentionally comes last so it wins over legacy theme styles.
   -------------------------------------------------------------------------- */
:root {
  --wsdc-v50-bg:#020b18;
  --wsdc-v50-panel:rgba(5,22,43,.91);
  --wsdc-v50-panel-soft:rgba(8,31,57,.80);
  --wsdc-v50-cyan:#00ffff;
  --wsdc-v50-blue:#0b9dff;
  --wsdc-v50-pink:#ff2ea6;
  --wsdc-v50-text:#f4fbff;
  --wsdc-v50-muted:#a8bed0;
  --wsdc-v50-border:rgba(0,255,255,.54);
}

html body.wsdc-home-page {
  isolation:isolate;
  overflow-x:clip !important;
  background:
    radial-gradient(circle at 76% 4%,rgba(0,178,255,.20),transparent 31rem),
    radial-gradient(circle at 12% 52%,rgba(0,255,255,.10),transparent 36rem),
    linear-gradient(145deg,#020814 0%,#03162a 52%,#001e32 100%) !important;
  color:var(--wsdc-v50-text) !important;
  animation:none !important;
}

html body.wsdc-home-page::before {
  content:"";
  position:fixed;
  inset:-32vmax;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(ellipse 57% 10% at 25% 28%,transparent 48%,rgba(255,46,166,.92) 51%,rgba(255,46,166,.28) 57%,transparent 64%),
    radial-gradient(ellipse 63% 11% at 75% 52%,transparent 48%,rgba(255,79,195,.80) 51%,rgba(210,15,151,.24) 58%,transparent 65%),
    radial-gradient(ellipse 59% 10% at 36% 77%,transparent 48%,rgba(255,46,166,.72) 51%,rgba(255,46,166,.20) 58%,transparent 65%);
  transform:translate3d(-4%,-3%,0) rotate(-4deg) scale(1.03);
  transform-origin:center;
  will-change:transform;
  animation:wsdc-v50-pink-drift 28s ease-in-out infinite alternate;
}

@keyframes wsdc-v50-pink-drift {
  0% { transform:translate3d(-4%,-3%,0) rotate(-4deg) scale(1.03); }
  50% { transform:translate3d(3%,2%,0) rotate(2deg) scale(1.07); }
  100% { transform:translate3d(-1%,5%,0) rotate(5deg) scale(1.04); }
}

html body.wsdc-home-page > header,
html body.wsdc-home-page > .offcanvas,
html body.wsdc-home-page > footer,
html body.wsdc-home-page .wsdc-home,
html body.wsdc-home-page .wsdc-wa-float {
  position:relative;
  z-index:1;
}

html body.wsdc-home-page > header {
  position:sticky !important;
  top:0 !important;
  z-index:2200 !important;
  background:rgba(2,9,23,.96) !important;
  border-bottom:1px solid rgba(0,255,255,.18) !important;
  box-shadow:0 8px 28px rgba(0,0,0,.28) !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

html body.wsdc-home-page > header > div,
html body.wsdc-home-page > header .container,
html body.wsdc-home-page > header nav {
  background:transparent !important;
  color:var(--wsdc-v50-text) !important;
  border-color:rgba(0,255,255,.12) !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

html body.wsdc-home-page > header .container { max-width:1360px !important; }
html body.wsdc-home-page > header img { object-fit:contain; }
html body.wsdc-home-page > header a,
html body.wsdc-home-page > header button,
html body.wsdc-home-page > header nav a { color:#e9f8ff !important; }
html body.wsdc-home-page > header nav a:hover,
html body.wsdc-home-page > header nav a.text-primary { color:var(--wsdc-v50-cyan) !important; }
html body.wsdc-home-page #searchInputDesktop,
html body.wsdc-home-page #searchInputMobile {
  background:rgba(5,22,43,.92) !important;
  color:#fff !important;
  border:1px solid rgba(0,255,255,.26) !important;
  border-radius:999px !important;
}
html body.wsdc-home-page .wsdc-currency-button,
html body.wsdc-home-page > header button {
  border-color:rgba(0,255,255,.42) !important;
  background:rgba(5,22,43,.82) !important;
}

html body.wsdc-home-page .wsdc-home {
  position:relative;
  z-index:1;
  overflow:hidden;
  background:rgba(2,11,24,.12) !important;
  color:var(--wsdc-v50-text) !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

html body.wsdc-home-page .wsdc-home .container {
  width:min(100% - 32px,1340px) !important;
  max-width:1340px !important;
}

html body.wsdc-home-page .wsdc-hero {
  padding:20px 0 16px !important;
  background:transparent !important;
}
html body.wsdc-home-page .wsdc-hero-grid {
  grid-template-columns:minmax(310px,.78fr) minmax(0,1.42fr) !important;
  gap:24px !important;
}
html body.wsdc-home-page .wsdc-hero-copy {
  padding:18px 4px !important;
}
html body.wsdc-home-page .wsdc-badge {
  min-height:30px !important;
  padding:6px 12px !important;
  background:rgba(0,255,255,.08) !important;
  border:1px solid rgba(0,255,255,.72) !important;
  color:#70ffff !important;
  box-shadow:0 0 18px rgba(0,255,255,.08) !important;
}
html body.wsdc-home-page .wsdc-hero-copy h1 {
  max-width:560px !important;
  margin:12px 0 10px !important;
  color:#fff !important;
  font-size:clamp(2.1rem,3.4vw,3.65rem) !important;
  line-height:1.02 !important;
  letter-spacing:-.04em !important;
  text-shadow:0 4px 22px rgba(0,0,0,.50) !important;
}
html body.wsdc-home-page .wsdc-hero-copy h1::first-line { color:#fff; }
html body.wsdc-home-page .wsdc-hero-copy > p {
  max-width:520px !important;
  color:var(--wsdc-v50-muted) !important;
  font-size:.96rem !important;
  line-height:1.55 !important;
}
html body.wsdc-home-page .wsdc-hero-actions { margin-top:16px !important; }
html body.wsdc-home-page .wsdc-btn-primary {
  min-height:44px !important;
  padding:10px 24px !important;
  border:1px solid rgba(99,255,255,.72) !important;
  background:linear-gradient(135deg,#00a8ef,#00ffff) !important;
  color:#03111f !important;
  box-shadow:0 9px 26px rgba(0,255,255,.18) !important;
}
html body.wsdc-home-page .wsdc-trust-row {
  margin-top:14px !important;
  gap:8px 16px !important;
  color:#9cd7e9 !important;
}
html body.wsdc-home-page .wsdc-hero-media {
  min-width:0;
  padding:2px !important;
  border:1px solid rgba(0,255,255,.82) !important;
  border-radius:18px !important;
  background:rgba(0,255,255,.12) !important;
  box-shadow:0 14px 40px rgba(0,0,0,.30),0 0 25px rgba(0,255,255,.08) !important;
}
html body.wsdc-home-page .wsdc-hero-media::before { display:none !important; }
html body.wsdc-home-page .wsdc-hero-media img {
  width:100% !important;
  aspect-ratio:16/6.2 !important;
  border-radius:15px !important;
  object-fit:cover !important;
}

html body.wsdc-home-page .wsdc-quick-actions {
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:14px !important;
  padding-bottom:12px !important;
}
html body.wsdc-home-page .wsdc-quick-actions a {
  min-height:82px !important;
  grid-template-columns:48px minmax(0,1fr) !important;
  padding:14px 16px !important;
  border:1px solid rgba(0,255,255,.56) !important;
  border-radius:14px !important;
  background:linear-gradient(145deg,rgba(6,29,54,.96),rgba(4,18,38,.92)) !important;
  color:#fff !important;
  box-shadow:0 12px 30px rgba(0,0,0,.20) !important;
}
html body.wsdc-home-page .wsdc-quick-actions a:hover {
  transform:translateY(-3px) !important;
  border-color:var(--wsdc-v50-pink) !important;
}
html body.wsdc-home-page .wsdc-quick-actions a > span {
  width:46px !important;
  height:46px !important;
  border:1px solid rgba(0,255,255,.36) !important;
  background:rgba(0,255,255,.08) !important;
  color:var(--wsdc-v50-cyan) !important;
}
html body.wsdc-home-page .wsdc-quick-actions strong { color:#fff !important; }
html body.wsdc-home-page .wsdc-quick-actions small { color:#91aabe !important; }

html body.wsdc-home-page .wsdc-home > .flex {
  position:relative;
  z-index:1;
  gap:26px !important;
  padding-top:14px !important;
  background:transparent !important;
}
html body.wsdc-home-page .wsdc-home > .flex > div,
html body.wsdc-home-page .wsdc-home > .flex > .container { background:transparent !important; }
html body.wsdc-home-page .wsdc-home h2,
html body.wsdc-home-page .wsdc-home h3,
html body.wsdc-home-page .wsdc-home strong { color:#f5fbff !important; }
html body.wsdc-home-page .wsdc-home p,
html body.wsdc-home-page .wsdc-home small { color:var(--wsdc-v50-muted) !important; }

html body.wsdc-home-page #flashdata > div,
html body.wsdc-home-page #katalog-wsdc > [role="tablist"],
html body.wsdc-home-page .testimoni-card,
html body.wsdc-home-page #berita-container > * {
  border:1px solid rgba(0,255,255,.34) !important;
  background:linear-gradient(145deg,rgba(6,28,53,.94),rgba(4,17,36,.94)) !important;
  box-shadow:0 12px 32px rgba(0,0,0,.22) !important;
}

html body.wsdc-home-page #popular-cards-container > *,
html body.wsdc-home-page #cards-container > * {
  border:1px solid rgba(0,255,255,.48) !important;
  background:rgba(4,20,40,.94) !important;
  box-shadow:0 10px 28px rgba(0,0,0,.22) !important;
}
html body.wsdc-home-page #popular-cards-container > * > a,
html body.wsdc-home-page #cards-container > a > div,
html body.wsdc-home-page #cards-container > a > div > div {
  background:rgba(4,20,40,.94) !important;
  color:#fff !important;
}
html body.wsdc-home-page #popular-cards-container h2,
html body.wsdc-home-page #cards-container h2 { color:#fff !important; }
html body.wsdc-home-page .wsdc-start-price { color:#60efff !important; }
html body.wsdc-home-page .wsdc-card-action {
  background:linear-gradient(135deg,#008ed9,#00d9ed) !important;
  color:#02111d !important;
}

html body.wsdc-home-page #katalog-wsdc > [role="tablist"] .tab {
  background:rgba(11,43,70,.92) !important;
  color:#eafaff !important;
  border:1px solid rgba(0,255,255,.22) !important;
}
html body.wsdc-home-page #katalog-wsdc > [role="tablist"] .tab.active {
  background:linear-gradient(135deg,#009ee5,#00ffff) !important;
  color:#03111f !important;
  border-color:#65ffff !important;
}

/* Reviews: always one horizontal moving row, visibly moving but still calm. */
html body.wsdc-home-page .testimoni-marquee {
  width:100% !important;
  overflow:hidden !important;
  mask-image:linear-gradient(to right,transparent,#000 4%,#000 96%,transparent);
  -webkit-mask-image:linear-gradient(to right,transparent,#000 4%,#000 96%,transparent);
}
html body.wsdc-home-page .testimoni-track {
  display:flex !important;
  width:max-content !important;
  grid-template-columns:none !important;
  gap:16px !important;
  animation:testimonial-scroll var(--wsdc-review-duration,58s) linear infinite !important;
  will-change:transform;
}
html body.wsdc-home-page .testimoni-card,
html body.wsdc-home-page .testimoni-card:nth-child(n+3),
html body.wsdc-home-page .testimoni-card:nth-child(n+4) {
  display:block !important;
  width:min(340px,calc(100vw - 46px)) !important;
  min-width:min(340px,calc(100vw - 46px)) !important;
  min-height:220px !important;
  color:#fff !important;
}
@media (hover:hover) {
  html body.wsdc-home-page .testimoni-marquee:hover .testimoni-track { animation-play-state:paused !important; }
}

html body.wsdc-home-page .wsdc-benefit-grid article {
  border:1px solid rgba(0,255,255,.30) !important;
  background:rgba(5,24,45,.92) !important;
  color:#fff !important;
}
html body.wsdc-home-page .wsdc-cta {
  border:1px solid rgba(0,255,255,.46) !important;
  background:linear-gradient(120deg,rgba(0,134,204,.92),rgba(0,75,125,.92)) !important;
}
html body.wsdc-home-page footer {
  background:#020918 !important;
  border-top:1px solid rgba(0,255,255,.18) !important;
}

@media (max-width:900px) {
  html body.wsdc-home-page .wsdc-hero-grid { grid-template-columns:1fr !important; }
  html body.wsdc-home-page .wsdc-quick-actions { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
}

@media (max-width:767.98px) {
  html body.wsdc-home-page > header > div:first-child .container {
    width:100% !important;
    min-height:62px !important;
    padding-inline:12px !important;
    gap:6px !important;
  }
  html body.wsdc-home-page > header img { max-height:44px !important; width:auto !important; }
  html body.wsdc-home-page .wsdc-currency-button {
    max-width:104px !important;
    padding-inline:8px !important;
    font-size:.72rem !important;
  }
  html body.wsdc-home-page .wsdc-home .container { width:calc(100% - 20px) !important; }
  html body.wsdc-home-page .wsdc-hero { padding:10px 0 10px !important; }
  html body.wsdc-home-page .wsdc-hero-copy { display:none !important; }
  html body.wsdc-home-page .wsdc-hero-media img { aspect-ratio:16/7.1 !important; }
  html body.wsdc-home-page .wsdc-quick-actions {
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:6px !important;
    padding-bottom:8px !important;
  }
  html body.wsdc-home-page .wsdc-quick-actions a {
    display:flex !important;
    min-height:74px !important;
    flex-direction:column !important;
    justify-content:center !important;
    gap:5px !important;
    padding:8px 3px !important;
    text-align:center !important;
  }
  html body.wsdc-home-page .wsdc-quick-actions a > span {
    width:34px !important;
    height:34px !important;
    font-size:1rem !important;
  }
  html body.wsdc-home-page .wsdc-quick-actions strong {
    font-size:clamp(.58rem,2.55vw,.72rem) !important;
    line-height:1.15 !important;
  }
  html body.wsdc-home-page .wsdc-quick-actions small { display:none !important; }
  html body.wsdc-home-page .wsdc-home > .flex { gap:20px !important; padding-top:8px !important; }
  html body.wsdc-home-page #flashdata > div { border-radius:16px !important; }
  html body.wsdc-home-page #popular-cards-container { gap:10px !important; }
  html body.wsdc-home-page #katalog-wsdc #cards-container { gap:10px !important; }
  html body.wsdc-home-page .testimoni-marquee:hover .testimoni-track { animation-play-state:running !important; }
  html body.wsdc-home-page .testimoni-card,
  html body.wsdc-home-page .testimoni-card:nth-child(n+3),
  html body.wsdc-home-page .testimoni-card:nth-child(n+4) {
    width:calc(100vw - 38px) !important;
    min-width:calc(100vw - 38px) !important;
    min-height:205px !important;
  }
}

@media (prefers-reduced-motion:reduce) {
  html body.wsdc-home-page::before { animation:none !important; }
  html body.wsdc-home-page .testimoni-track { animation:none !important; }
}

/* V51: calibrated from the real phone render. */
html body.wsdc-home-page {
  background:
    radial-gradient(circle at 84% 8%,rgba(0,255,255,.30),transparent 28rem),
    radial-gradient(circle at 8% 48%,rgba(0,181,229,.24),transparent 34rem),
    linear-gradient(145deg,#01263e 0%,#00465d 48%,#003047 100%) !important;
}

html body.wsdc-home-page::before {
  inset:-8vmax !important;
  background:
    radial-gradient(ellipse 67% 14% at 21% 24%,transparent 49.3%,rgba(255,46,166,.14) 49.7%,rgba(255,46,166,.90) 50.2%,rgba(255,95,201,.36) 50.8%,transparent 51.6%),
    radial-gradient(ellipse 72% 15% at 82% 56%,transparent 49.2%,rgba(255,46,166,.12) 49.7%,rgba(255,46,166,.82) 50.2%,rgba(255,95,201,.30) 50.8%,transparent 51.6%) !important;
  opacity:.86 !important;
  transform:translate3d(-2%,-1%,0) rotate(-2deg) scale(1.02) !important;
  animation:wsdc-v51-pink-drift 30s ease-in-out infinite alternate !important;
}

@keyframes wsdc-v51-pink-drift {
  0% { transform:translate3d(-2%,-1%,0) rotate(-2deg) scale(1.02); }
  50% { transform:translate3d(2%,1.5%,0) rotate(1deg) scale(1.04); }
  100% { transform:translate3d(-1%,3%,0) rotate(3deg) scale(1.03); }
}

html body.wsdc-home-page .wsdc-home {
  background:linear-gradient(180deg,rgba(1,18,31,.18),rgba(1,13,25,.34)) !important;
}

@media (max-width:767.98px) {
  html body.wsdc-home-page > header > div:first-child .container { min-height:68px !important; }
  html body.wsdc-home-page > header img {
    width:82px !important;
    max-width:82px !important;
    max-height:56px !important;
  }
  html body.wsdc-home-page .wsdc-quick-actions a {
    min-height:68px !important;
    padding:6px 2px !important;
  }
  html body.wsdc-home-page .wsdc-quick-actions a > span {
    width:31px !important;
    height:31px !important;
  }

  /* Flash sale becomes a predictable manual row: first card is never clipped. */
  html body.wsdc-home-page #flashdata .group {
    display:flex !important;
    width:100% !important;
    max-width:100% !important;
    justify-content:flex-start !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    scroll-snap-type:x proximity;
    padding:8px 10px 12px !important;
    transform:none !important;
    animation:none !important;
    scrollbar-width:none;
  }
  html body.wsdc-home-page #flashdata .group::-webkit-scrollbar { display:none !important; }
  html body.wsdc-home-page #flashdata .swiper-wrapper-fs {
    display:flex !important;
    flex:0 0 auto !important;
    justify-content:flex-start !important;
    gap:12px !important;
    transform:none !important;
    animation:none !important;
  }
  html body.wsdc-home-page #flashdata .swiper-wrapper-fs:nth-child(n+2) { display:none !important; }
  html body.wsdc-home-page #flashdata .swiper-wrapper-fs > a {
    flex:0 0 min(72vw,250px) !important;
    width:min(72vw,250px) !important;
    scroll-snap-align:start;
  }
}

/* V52: brighter cyan surface + narrowly scoped header images. */
html body.wsdc-home-page {
  background:
    radial-gradient(circle at 88% 7%,rgba(0,255,255,.42),transparent 29rem),
    radial-gradient(circle at 5% 46%,rgba(0,229,255,.30),transparent 36rem),
    linear-gradient(145deg,#004d68 0%,#008599 48%,#00536f 100%) !important;
}

html body.wsdc-home-page .wsdc-home {
  background:linear-gradient(180deg,rgba(0,61,82,.25),rgba(0,37,58,.38)) !important;
}

html body.wsdc-home-page img[data-testid="circle-country-flag"] {
  width:20px !important;
  min-width:20px !important;
  max-width:20px !important;
  height:20px !important;
  min-height:20px !important;
  max-height:20px !important;
  border-radius:999px !important;
  object-fit:cover !important;
  transform:none !important;
}

@media (max-width:767.98px) {
  html body.wsdc-home-page > header img {
    width:auto !important;
    max-width:none !important;
    height:auto !important;
    max-height:none !important;
  }

  html body.wsdc-home-page > header > div:first-child > .container > div:first-child img {
    width:96px !important;
    max-width:96px !important;
    height:56px !important;
    max-height:56px !important;
    object-fit:contain !important;
    object-position:left center !important;
  }

  html body.wsdc-home-page > header img[data-testid="circle-country-flag"] {
    width:20px !important;
    min-width:20px !important;
    max-width:20px !important;
    height:20px !important;
    min-height:20px !important;
    max-height:20px !important;
  }

  html body.wsdc-home-page > header button > img:not([data-testid="circle-country-flag"]) {
    width:36px !important;
    max-width:36px !important;
    height:36px !important;
    max-height:36px !important;
    border-radius:999px !important;
    object-fit:cover !important;
  }
}

/* V53: prominent flowing pink highlighter waves without WebGL/canvas. */
html body.wsdc-home-page::before {
  inset:-3% !important;
  background-color:transparent !important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 1400' preserveAspectRatio='none'%3E%3Cg fill='none' stroke-linecap='round'%3E%3Cg stroke='%23ff2ea6' stroke-width='30' opacity='.24'%3E%3Cpath d='M-100 170 C180 40 270 330 550 205 S850 110 1100 280'/%3E%3Cpath d='M-120 500 C120 360 330 650 580 500 S860 380 1120 560'/%3E%3Cpath d='M-100 850 C200 680 320 990 620 810 S880 700 1100 890'/%3E%3Cpath d='M-150 1210 C130 1050 370 1350 650 1180 S900 1080 1150 1280'/%3E%3C/g%3E%3Cg stroke='%23ff45b5' stroke-width='9' opacity='.96'%3E%3Cpath d='M-100 170 C180 40 270 330 550 205 S850 110 1100 280'/%3E%3Cpath d='M-120 500 C120 360 330 650 580 500 S860 380 1120 560'/%3E%3Cpath d='M-100 850 C200 680 320 990 620 810 S880 700 1100 890'/%3E%3Cpath d='M-150 1210 C130 1050 370 1350 650 1180 S900 1080 1150 1280'/%3E%3C/g%3E%3Cg stroke='%23ff9bd5' stroke-width='3' opacity='.92'%3E%3Cpath d='M-100 170 C180 40 270 330 550 205 S850 110 1100 280'/%3E%3Cpath d='M-120 500 C120 360 330 650 580 500 S860 380 1120 560'/%3E%3Cpath d='M-100 850 C200 680 320 990 620 810 S880 700 1100 890'/%3E%3Cpath d='M-150 1210 C130 1050 370 1350 650 1180 S900 1080 1150 1280'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") !important;
  background-repeat:no-repeat !important;
  background-position:center !important;
  background-size:100% 100% !important;
  opacity:1 !important;
  transform:translate3d(-1.5%,-1%,0) scale(1.04) !important;
  animation:wsdc-v53-highlighter-drift 18s ease-in-out infinite alternate !important;
}

@keyframes wsdc-v53-highlighter-drift {
  0% { transform:translate3d(-1.5%,-1%,0) scale(1.04); }
  50% { transform:translate3d(1.5%,1.2%,0) scale(1.055); }
  100% { transform:translate3d(-.5%,2.2%,0) scale(1.045); }
}

@media (prefers-reduced-motion:reduce) {
  html body.wsdc-home-page::before { animation:none !important; }
}

/* V58: real volumetric smoke asset with two independently moving layers. */
html body.wsdc-home-page {
  background:linear-gradient(145deg,#00121f 0%,#003747 48%,#001426 100%) !important;
}

html body.wsdc-home-page::before {
  content:"" !important;
  display:block !important;
  position:fixed !important;
  inset:-8% !important;
  z-index:0 !important;
  pointer-events:none !important;
  background-color:transparent !important;
  background-image:url('/img/wsdc-smoke-v58.webp') !important;
  background-repeat:no-repeat !important;
  background-position:28% center !important;
  background-size:cover !important;
  opacity:.83 !important;
  filter:none !important;
  mix-blend-mode:screen !important;
  transform:translate3d(-2%,-1%,0) scale(1.08) !important;
  will-change:transform;
  animation:wsdc-v58-smoke-main 24s ease-in-out infinite alternate !important;
}

html body.wsdc-home-page::after {
  content:"" !important;
  display:block !important;
  position:fixed !important;
  inset:-12% !important;
  z-index:0 !important;
  pointer-events:none !important;
  background-color:transparent !important;
  background-image:url('/img/wsdc-smoke-v58.webp') !important;
  background-repeat:no-repeat !important;
  background-position:76% 72% !important;
  background-size:125% auto !important;
  opacity:.28 !important;
  filter:none !important;
  mix-blend-mode:screen !important;
  transform:translate3d(2%,1%,0) scaleX(-1) scale(1.12) !important;
  will-change:transform;
  animation:wsdc-v58-smoke-secondary 33s ease-in-out infinite alternate !important;
}

@keyframes wsdc-v58-smoke-main {
  0% { transform:translate3d(-2%,-1%,0) scale(1.08); }
  50% { transform:translate3d(1.5%,1%,0) scale(1.13); }
  100% { transform:translate3d(-.5%,2.5%,0) scale(1.10); }
}

@keyframes wsdc-v58-smoke-secondary {
  0% { transform:translate3d(2%,1%,0) scaleX(-1) scale(1.12); }
  50% { transform:translate3d(-2%,-1%,0) scaleX(-1) scale(1.17); }
  100% { transform:translate3d(1%,2%,0) scaleX(-1) scale(1.14); }
}

@media (max-width:767.98px) {
  html body.wsdc-home-page::before {
    background-position:18% center !important;
    opacity:.78 !important;
    animation-duration:27s !important;
  }
  html body.wsdc-home-page::after {
    background-position:70% 75% !important;
    background-size:auto 112% !important;
    opacity:.24 !important;
    animation-duration:36s !important;
  }
}

@media (prefers-reduced-motion:reduce) {
  html body.wsdc-home-page::before,
  html body.wsdc-home-page::after { animation:none !important; }
}

/* V57: defined ferrofluid smoke — displaced wisps with sharp neon rims. */
html body.wsdc-home-page.wsdc-v57-fluid-field::before {
  inset:-5% !important;
  background-color:transparent !important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 900 1600' preserveAspectRatio='none'%3E%3Cdefs%3E%3Cfilter id='fluid' x='-30%25' y='-18%25' width='160%25' height='136%25' color-interpolation-filters='sRGB'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.006 .019' numOctaves='2' seed='17' result='noise'/%3E%3CfeDisplacementMap in='SourceGraphic' in2='noise' scale='92' xChannelSelector='R' yChannelSelector='G'/%3E%3C/filter%3E%3Cpath id='p1' d='M-160 140 C80 -45 235 350 470 145 S755 5 1070 270'/%3E%3Cpath id='p2' d='M-150 450 C95 260 280 680 535 445 S820 285 1060 565'/%3E%3Cpath id='p3' d='M-165 770 C75 560 285 1000 535 755 S815 595 1070 885'/%3E%3Cpath id='p4' d='M-145 1095 C95 870 315 1325 560 1080 S835 920 1055 1200'/%3E%3Cpath id='p5' d='M-170 1425 C70 1195 300 1640 555 1405 S825 1250 1075 1530'/%3E%3C/defs%3E%3Cg fill='none' stroke-linecap='round' stroke-linejoin='round' filter='url(%23fluid)'%3E%3Cg stroke='%2300eaff' stroke-width='118' opacity='.17'%3E%3Cuse href='%23p1'/%3E%3Cuse href='%23p2'/%3E%3Cuse href='%23p3'/%3E%3Cuse href='%23p4'/%3E%3Cuse href='%23p5'/%3E%3C/g%3E%3Cg stroke='%23ff2ea6' stroke-width='23' opacity='.70'%3E%3Cuse href='%23p1'/%3E%3Cuse href='%23p2'/%3E%3Cuse href='%23p3'/%3E%3Cuse href='%23p4'/%3E%3Cuse href='%23p5'/%3E%3C/g%3E%3Cg stroke='%2300ffff' stroke-width='10' opacity='.92'%3E%3Cuse href='%23p1'/%3E%3Cuse href='%23p2'/%3E%3Cuse href='%23p3'/%3E%3Cuse href='%23p4'/%3E%3Cuse href='%23p5'/%3E%3C/g%3E%3Cg stroke='%23efffff' stroke-width='2.4' opacity='.82'%3E%3Cuse href='%23p1'/%3E%3Cuse href='%23p2'/%3E%3Cuse href='%23p3'/%3E%3Cuse href='%23p4'/%3E%3Cuse href='%23p5'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") !important;
  background-repeat:no-repeat !important;
  background-position:center !important;
  background-size:100% 100% !important;
  opacity:.90 !important;
  filter:none !important;
  mix-blend-mode:screen;
  transform:translate3d(-1%,-1%,0) scale(1.05) !important;
  will-change:transform;
  animation:wsdc-v57-fluid-drift 26s ease-in-out infinite alternate !important;
}

html body.wsdc-home-page.wsdc-v57-fluid-field::after {
  display:none !important;
  content:none !important;
  background:none !important;
  animation:none !important;
}

@keyframes wsdc-v57-fluid-drift {
  0% { transform:translate3d(-1%,-1%,0) scale(1.05); }
  50% { transform:translate3d(1.3%,1%,0) scale(1.065); }
  100% { transform:translate3d(-.4%,2%,0) scale(1.055); }
}

@media (prefers-reduced-motion:reduce) {
  html body.wsdc-home-page::before { animation:none !important; }
}

/* V55: lightweight ferrofluid-style neon cloud field. */
html body.wsdc-home-page.wsdc-v55-cloud-field::before {
  inset:-4% !important;
  background-color:transparent !important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 1700' preserveAspectRatio='none'%3E%3Cg fill='%2300eaff' fill-opacity='.09' stroke-linejoin='round'%3E%3Cg stroke='%23ff2ea6' stroke-width='32' stroke-opacity='.20'%3E%3Cpath d='M-150 205 C-35 70 115 95 178 178 C235 42 435 55 493 188 C590 112 750 145 786 258 C920 215 1055 300 1130 405 C1000 475 825 462 704 418 C580 485 410 448 350 360 C210 420 35 366 -150 278 Z'/%3E%3Cpath d='M735 465 C820 390 965 410 1055 510 C1160 628 1085 788 956 810 C890 928 690 920 622 795 C498 780 445 630 540 540 C588 492 660 468 735 465 Z'/%3E%3Cpath d='M-135 715 C-25 605 135 625 200 720 C315 650 478 710 492 830 C605 900 550 1055 420 1080 C338 1175 155 1142 112 1024 C-25 1044 -135 936 -135 810 Z'/%3E%3Cpath d='M655 1040 C765 925 950 952 1005 1080 C1135 1120 1168 1290 1052 1370 C982 1478 800 1460 745 1350 C610 1380 490 1268 520 1140 C538 1082 585 1050 655 1040 Z'/%3E%3Cpath d='M-170 1378 C-40 1265 125 1295 188 1400 C305 1302 500 1362 508 1502 C622 1575 552 1728 410 1742 C292 1815 112 1730 105 1605 C-40 1635 -165 1520 -170 1378 Z'/%3E%3C/g%3E%3Cg stroke='%23ff43b3' stroke-width='8.5' stroke-opacity='.94'%3E%3Cpath d='M-150 205 C-35 70 115 95 178 178 C235 42 435 55 493 188 C590 112 750 145 786 258 C920 215 1055 300 1130 405 C1000 475 825 462 704 418 C580 485 410 448 350 360 C210 420 35 366 -150 278 Z'/%3E%3Cpath d='M735 465 C820 390 965 410 1055 510 C1160 628 1085 788 956 810 C890 928 690 920 622 795 C498 780 445 630 540 540 C588 492 660 468 735 465 Z'/%3E%3Cpath d='M-135 715 C-25 605 135 625 200 720 C315 650 478 710 492 830 C605 900 550 1055 420 1080 C338 1175 155 1142 112 1024 C-25 1044 -135 936 -135 810 Z'/%3E%3Cpath d='M655 1040 C765 925 950 952 1005 1080 C1135 1120 1168 1290 1052 1370 C982 1478 800 1460 745 1350 C610 1380 490 1268 520 1140 C538 1082 585 1050 655 1040 Z'/%3E%3Cpath d='M-170 1378 C-40 1265 125 1295 188 1400 C305 1302 500 1362 508 1502 C622 1575 552 1728 410 1742 C292 1815 112 1730 105 1605 C-40 1635 -165 1520 -170 1378 Z'/%3E%3C/g%3E%3Cg fill='none' stroke='%23ffc2e7' stroke-width='2.5' stroke-opacity='.88'%3E%3Cpath d='M-150 205 C-35 70 115 95 178 178 C235 42 435 55 493 188 C590 112 750 145 786 258 C920 215 1055 300 1130 405'/%3E%3Cpath d='M735 465 C820 390 965 410 1055 510 C1160 628 1085 788 956 810'/%3E%3Cpath d='M-135 715 C-25 605 135 625 200 720 C315 650 478 710 492 830'/%3E%3Cpath d='M655 1040 C765 925 950 952 1005 1080 C1135 1120 1168 1290 1052 1370'/%3E%3Cpath d='M-170 1378 C-40 1265 125 1295 188 1400 C305 1302 500 1362 508 1502'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") !important;
  background-repeat:no-repeat !important;
  background-position:center !important;
  background-size:100% 100% !important;
  opacity:1 !important;
  animation:wsdc-v55-cloud-outline-drift 24s ease-in-out infinite alternate !important;
}

html body.wsdc-home-page.wsdc-v55-cloud-field::after {
  content:"";
  position:fixed;
  inset:-12%;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(ellipse 34% 22% at 18% 18%,rgba(0,255,255,.32),rgba(0,205,255,.12) 48%,transparent 72%),
    radial-gradient(ellipse 38% 25% at 84% 35%,rgba(0,229,255,.28),rgba(0,153,255,.12) 50%,transparent 74%),
    radial-gradient(ellipse 40% 25% at 22% 64%,rgba(0,255,255,.26),rgba(0,181,255,.10) 52%,transparent 75%),
    radial-gradient(ellipse 35% 23% at 78% 84%,rgba(0,235,255,.27),rgba(0,137,255,.10) 50%,transparent 74%);
  transform:translate3d(0,0,0) scale(1.03);
  will-change:transform;
  animation:wsdc-v55-cloud-core-drift 31s ease-in-out infinite alternate;
}

@keyframes wsdc-v55-cloud-outline-drift {
  0% { transform:translate3d(-1.5%,-1%,0) scale(1.045); }
  50% { transform:translate3d(1.5%,1%,0) scale(1.065); }
  100% { transform:translate3d(-.5%,2.2%,0) scale(1.05); }
}

@keyframes wsdc-v55-cloud-core-drift {
  0% { transform:translate3d(-2%,1%,0) scale(1.03); }
  50% { transform:translate3d(2%,-1%,0) scale(1.07); }
  100% { transform:translate3d(1%,2%,0) scale(1.04); }
}

@media (prefers-reduced-motion:reduce) {
  html body.wsdc-home-page::before,
  html body.wsdc-home-page::after { animation:none !important; }
}

/* V56: smoky ferrofluid haze — no cartoon outlines and no WebGL loop. */
html body.wsdc-home-page.wsdc-v56-smoke-field {
  background:
    radial-gradient(circle at 82% 5%,rgba(0,229,255,.22),transparent 30rem),
    linear-gradient(145deg,#001522 0%,#003b4d 48%,#001c31 100%) !important;
}

html body.wsdc-home-page.wsdc-v56-smoke-field::before {
  inset:-8% !important;
  background-color:transparent !important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 900 1500' preserveAspectRatio='none'%3E%3Cdefs%3E%3Cfilter id='smoke' x='-35%25' y='-25%25' width='170%25' height='150%25' color-interpolation-filters='sRGB'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.008 .015' numOctaves='2' seed='11' result='noise'/%3E%3CfeDisplacementMap in='SourceGraphic' in2='noise' scale='105' xChannelSelector='R' yChannelSelector='G' result='warped'/%3E%3CfeGaussianBlur in='warped' stdDeviation='24'/%3E%3C/filter%3E%3C/defs%3E%3Cg fill='none' stroke-linecap='round' filter='url(%23smoke)'%3E%3Cpath d='M-130 155 C115 5 245 320 470 170 S760 58 1020 270' stroke='%2300ffff' stroke-width='190' opacity='.34'/%3E%3Cpath d='M-120 435 C105 280 310 640 545 450 S810 310 1010 520' stroke='%23ff2ea6' stroke-width='145' opacity='.24'/%3E%3Cpath d='M-160 735 C95 555 255 930 515 725 S790 580 1040 800' stroke='%2300d9ff' stroke-width='210' opacity='.30'/%3E%3Cpath d='M-100 1040 C150 865 325 1210 565 1030 S820 885 1025 1115' stroke='%23ff43b3' stroke-width='155' opacity='.22'/%3E%3Cpath d='M-150 1350 C120 1165 300 1525 560 1340 S830 1190 1050 1430' stroke='%2300ffff' stroke-width='205' opacity='.29'/%3E%3C/g%3E%3C/svg%3E") !important;
  background-repeat:no-repeat !important;
  background-position:center !important;
  background-size:100% 100% !important;
  opacity:.98 !important;
  filter:none !important;
  mix-blend-mode:screen;
  transform:translate3d(-1.5%,-1%,0) scale(1.055) !important;
  will-change:transform;
  animation:wsdc-v56-smoke-drift 28s ease-in-out infinite alternate !important;
}

html body.wsdc-home-page.wsdc-v56-smoke-field::after {
  content:"";
  position:fixed;
  inset:-14%;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(ellipse 42% 19% at 12% 16%,rgba(0,255,255,.25),rgba(0,213,255,.10) 45%,transparent 73%),
    radial-gradient(ellipse 46% 21% at 88% 35%,rgba(255,46,166,.19),rgba(255,46,166,.07) 48%,transparent 76%),
    radial-gradient(ellipse 48% 22% at 20% 59%,rgba(0,235,255,.23),rgba(0,168,255,.08) 48%,transparent 75%),
    radial-gradient(ellipse 45% 20% at 82% 80%,rgba(255,67,179,.17),rgba(255,46,166,.06) 48%,transparent 76%),
    radial-gradient(ellipse 42% 20% at 25% 96%,rgba(0,255,255,.20),rgba(0,188,255,.07) 48%,transparent 75%);
  opacity:.88;
  transform:translate3d(0,0,0) scale(1.04);
  will-change:transform;
  animation:wsdc-v56-haze-drift 37s ease-in-out infinite alternate;
}

@keyframes wsdc-v56-smoke-drift {
  0% { transform:translate3d(-1.5%,-1%,0) scale(1.055); }
  50% { transform:translate3d(1.4%,1.2%,0) scale(1.075); }
  100% { transform:translate3d(-.3%,2.5%,0) scale(1.06); }
}

@keyframes wsdc-v56-haze-drift {
  0% { transform:translate3d(1.5%,-1%,0) scale(1.04); }
  50% { transform:translate3d(-1.5%,1.2%,0) scale(1.07); }
  100% { transform:translate3d(.5%,2%,0) scale(1.05); }
}

@media (prefers-reduced-motion:reduce) {
  html body.wsdc-home-page::before,
  html body.wsdc-home-page::after { animation:none !important; }
}

/* V54: full abstract neon-wave field. */
html body.wsdc-home-page.wsdc-v54-wave-field::before {
  inset:-3% !important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 1600' preserveAspectRatio='none'%3E%3Cdefs%3E%3Cpath id='w1' d='M-130 0 C70 -125 210 125 405 0 S735 -120 1130 35'/%3E%3Cpath id='w2' d='M-110 0 C155 150 285 -145 535 10 S805 145 1110 -25'/%3E%3C/defs%3E%3Cg fill='none' stroke-linecap='round'%3E%3Cg stroke='%23ff2ea6' stroke-width='30' opacity='.23'%3E%3Cuse href='%23w1' y='110'/%3E%3Cuse href='%23w2' y='310'/%3E%3Cuse href='%23w1' y='510'/%3E%3Cuse href='%23w2' y='710'/%3E%3Cuse href='%23w1' y='910'/%3E%3Cuse href='%23w2' y='1110'/%3E%3Cuse href='%23w1' y='1310'/%3E%3Cuse href='%23w2' y='1510'/%3E%3C/g%3E%3Cg stroke='%23ff3fae' stroke-width='9' opacity='.93'%3E%3Cuse href='%23w1' y='110'/%3E%3Cuse href='%23w2' y='310'/%3E%3Cuse href='%23w1' y='510'/%3E%3Cuse href='%23w2' y='710'/%3E%3Cuse href='%23w1' y='910'/%3E%3Cuse href='%23w2' y='1110'/%3E%3Cuse href='%23w1' y='1310'/%3E%3Cuse href='%23w2' y='1510'/%3E%3C/g%3E%3Cg stroke='%23ffc0e5' stroke-width='2.6' opacity='.88'%3E%3Cuse href='%23w1' y='110'/%3E%3Cuse href='%23w2' y='310'/%3E%3Cuse href='%23w1' y='510'/%3E%3Cuse href='%23w2' y='710'/%3E%3Cuse href='%23w1' y='910'/%3E%3Cuse href='%23w2' y='1110'/%3E%3Cuse href='%23w1' y='1310'/%3E%3Cuse href='%23w2' y='1510'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") !important;
  background-repeat:no-repeat !important;
  background-position:center !important;
  background-size:100% 100% !important;
  opacity:1 !important;
  animation:wsdc-v54-wave-drift 20s ease-in-out infinite alternate !important;
}

@keyframes wsdc-v54-wave-drift {
  0% { transform:translate3d(-1.2%,-1.2%,0) scale(1.045); }
  50% { transform:translate3d(1.2%,.8%,0) scale(1.06); }
  100% { transform:translate3d(-.4%,2%,0) scale(1.05); }
}

/* V54: automatic, seamless Flash Sale marquee. */
html body.wsdc-home-page #flashdata .group {
  display:flex !important;
  width:100% !important;
  max-width:100% !important;
  justify-content:flex-start !important;
  gap:12px !important;
  overflow:hidden !important;
  padding:8px 10px 12px !important;
  scroll-snap-type:none !important;
  transform:none !important;
  animation:none !important;
}

html body.wsdc-home-page #flashdata .swiper-wrapper-fs,
html body.wsdc-home-page #flashdata .swiper-wrapper-fs:nth-child(n+2) {
  display:flex !important;
  flex:0 0 auto !important;
  justify-content:flex-start !important;
  gap:12px !important;
  padding-right:0 !important;
  transform:translate3d(0,0,0);
  will-change:transform;
  animation:wsdc-v54-flashsale-scroll 34s linear infinite !important;
  animation-play-state:running !important;
}

html body.wsdc-home-page #flashdata .group:hover .swiper-wrapper-fs {
  animation-play-state:running !important;
}

html body.wsdc-home-page #flashdata .swiper-wrapper-fs > a {
  flex:0 0 265px !important;
  width:265px !important;
  scroll-snap-align:none !important;
}

@keyframes wsdc-v54-flashsale-scroll {
  from { transform:translate3d(0,0,0); }
  to { transform:translate3d(calc(-100% - 12px),0,0); }
}

@media (max-width:767.98px) {
  html body.wsdc-home-page #flashdata .swiper-wrapper-fs {
    animation-duration:27s !important;
  }
  html body.wsdc-home-page #flashdata .swiper-wrapper-fs > a {
    flex-basis:min(72vw,250px) !important;
    width:min(72vw,250px) !important;
  }
}

@media (prefers-reduced-motion:reduce) {
  html body.wsdc-home-page::before { animation:none !important; }
}

/* V59: forced irregular smoke motion, including reduced-motion systems. */
html body.wsdc-home-page::before {
  animation:wsdc-v59-smoke-random-main 22s cubic-bezier(.45,.05,.55,.95) infinite alternate !important;
  animation-play-state:running !important;
}

html body.wsdc-home-page::after {
  animation:wsdc-v59-smoke-random-secondary 29s cubic-bezier(.45,.05,.55,.95) infinite alternate-reverse !important;
  animation-play-state:running !important;
}

@keyframes wsdc-v59-smoke-random-main {
  0%   { transform:translate3d(-6%,-2%,0) scale(1.13) rotate(-.35deg); }
  14%  { transform:translate3d(3%,-1%,0) scale(1.17) rotate(.20deg); }
  31%  { transform:translate3d(-2%,3%,0) scale(1.11) rotate(-.15deg); }
  48%  { transform:translate3d(6%,1%,0) scale(1.16) rotate(.35deg); }
  67%  { transform:translate3d(-5%,0,0) scale(1.14) rotate(-.25deg); }
  84%  { transform:translate3d(2%,-3%,0) scale(1.18) rotate(.18deg); }
  100% { transform:translate3d(-1%,3%,0) scale(1.12) rotate(0deg); }
}

@keyframes wsdc-v59-smoke-random-secondary {
  0%   { transform:translate3d(5%,2%,0) scaleX(-1) scale(1.15) rotate(.25deg); }
  18%  { transform:translate3d(-3%,-2%,0) scaleX(-1) scale(1.20) rotate(-.20deg); }
  36%  { transform:translate3d(2%,3%,0) scaleX(-1) scale(1.16) rotate(.35deg); }
  55%  { transform:translate3d(-6%,0,0) scaleX(-1) scale(1.19) rotate(-.30deg); }
  73%  { transform:translate3d(4%,-3%,0) scaleX(-1) scale(1.17) rotate(.15deg); }
  89%  { transform:translate3d(-2%,2%,0) scaleX(-1) scale(1.21) rotate(-.10deg); }
  100% { transform:translate3d(3%,-1%,0) scaleX(-1) scale(1.16) rotate(.20deg); }
}

/* V59: compact reviews so the section uses less desktop and mobile space. */
html body.wsdc-home-page .testimoni-track {
  gap:12px !important;
  animation:testimonial-scroll var(--wsdc-review-duration,48s) linear infinite !important;
  animation-play-state:running !important;
}

html body.wsdc-home-page .testimoni-card,
html body.wsdc-home-page .testimoni-card:nth-child(n+3),
html body.wsdc-home-page .testimoni-card:nth-child(n+4) {
  width:250px !important;
  min-width:250px !important;
  min-height:165px !important;
  border-radius:17px !important;
}

html body.wsdc-home-page .testimoni-card-inner {
  gap:8px !important;
  padding:12px !important;
}

html body.wsdc-home-page .testimoni-card .space-y-4 > :not([hidden]) ~ :not([hidden]) {
  margin-top:8px !important;
}

html body.wsdc-home-page .testimoni-head { gap:6px !important; }
html body.wsdc-home-page .testimoni-title { flex-basis:120px !important; }
html body.wsdc-home-page .testimoni-title > p:first-child {
  font-size:.72rem !important;
  line-height:1rem !important;
}
html body.wsdc-home-page .testimoni-product {
  padding:3px 7px !important;
  font-size:.62rem !important;
  line-height:.85rem !important;
}
html body.wsdc-home-page .testimoni-stars {
  gap:1px !important;
  padding:4px 6px !important;
}
html body.wsdc-home-page .testimoni-stars svg {
  width:12px !important;
  height:12px !important;
}
html body.wsdc-home-page .testimoni-quote {
  min-height:40px !important;
  -webkit-line-clamp:2 !important;
  font-size:.72rem !important;
  line-height:1.4 !important;
}
html body.wsdc-home-page .testimoni-foot {
  flex-wrap:nowrap !important;
  gap:6px !important;
  padding-top:7px !important;
}
html body.wsdc-home-page .testimoni-meta {
  flex-basis:105px !important;
  font-size:.68rem !important;
}
html body.wsdc-home-page .testimoni-name {
  font-size:.68rem !important;
  line-height:.9rem !important;
}
html body.wsdc-home-page .testimoni-meta p:last-child {
  margin-top:2px !important;
  font-size:.58rem !important;
}
html body.wsdc-home-page .testimoni-link a {
  height:28px !important;
  padding:4px 8px !important;
  border-radius:8px !important;
  font-size:.62rem !important;
}

@media (max-width:767.98px) {
  html body.wsdc-home-page .testimoni-card,
  html body.wsdc-home-page .testimoni-card:nth-child(n+3),
  html body.wsdc-home-page .testimoni-card:nth-child(n+4) {
    width:230px !important;
    min-width:230px !important;
    min-height:165px !important;
  }
}

@media (prefers-reduced-motion:reduce) {
  html body.wsdc-home-page::before {
    animation:wsdc-v59-smoke-random-main 22s cubic-bezier(.45,.05,.55,.95) infinite alternate !important;
  }
  html body.wsdc-home-page::after {
    animation:wsdc-v59-smoke-random-secondary 29s cubic-bezier(.45,.05,.55,.95) infinite alternate-reverse !important;
  }
  html body.wsdc-home-page .testimoni-track {
    animation:testimonial-scroll var(--wsdc-review-duration,48s) linear infinite !important;
  }
}

/* V60: actual JavaScript particle smoke, never a background image. */
html body.wsdc-home-page::before,
html body.wsdc-home-page::after {
  display:none !important;
  content:none !important;
  background:none !important;
  animation:none !important;
}

html body.wsdc-home-page #wsdc-smoke-canvas {
  position:fixed !important;
  inset:0 !important;
  z-index:0 !important;
  display:block !important;
  width:100vw !important;
  height:100dvh !important;
  pointer-events:none !important;
  opacity:.92 !important;
  background:transparent !important;
}

html body.wsdc-home-page > header,
html body.wsdc-home-page .wsdc-home,
html body.wsdc-home-page > footer,
html body.wsdc-home-page .wsdc-wa-float {
  position:relative;
  z-index:1;
}

/* V62: expose the V60 smoke by removing the full-page tinting layer. */
html body.wsdc-home-page .wsdc-home {
  background-color:transparent !important;
  background-image:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

html body.wsdc-home-page .wsdc-home > .flex,
html body.wsdc-home-page .wsdc-home > .flex > div,
html body.wsdc-home-page .wsdc-home > .flex > .container {
  background-color:transparent !important;
  background-image:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

/* V63: remove the Canvas glow core and lock reviews to a stable compact card. */
html body.wsdc-home-page #wsdc-smoke-canvas {
  opacity:.88 !important;
}

html body.wsdc-home-page .testimoni-card,
html body.wsdc-home-page .testimoni-card:nth-child(n+3),
html body.wsdc-home-page .testimoni-card:nth-child(n+4) {
  width:270px !important;
  min-width:270px !important;
  height:190px !important;
  min-height:190px !important;
  max-height:190px !important;
  overflow:hidden !important;
  border-radius:17px !important;
}

html body.wsdc-home-page .testimoni-card-inner {
  display:grid !important;
  grid-template-rows:minmax(0,1fr) auto !important;
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  gap:8px !important;
  padding:12px !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
}

html body.wsdc-home-page .testimoni-card .space-y-4 {
  min-height:0 !important;
  overflow:hidden !important;
}

html body.wsdc-home-page .testimoni-head {
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  align-items:start !important;
  gap:6px !important;
}

html body.wsdc-home-page .testimoni-title {
  min-width:0 !important;
  max-width:100% !important;
}

html body.wsdc-home-page .testimoni-title > p:first-child,
html body.wsdc-home-page .testimoni-product,
html body.wsdc-home-page .testimoni-name,
html body.wsdc-home-page .testimoni-meta p:last-child {
  display:block !important;
  max-width:100% !important;
  overflow:hidden !important;
  white-space:nowrap !important;
  text-overflow:ellipsis !important;
  word-break:normal !important;
  overflow-wrap:normal !important;
}

html body.wsdc-home-page .testimoni-quote {
  display:-webkit-box !important;
  height:36px !important;
  min-height:36px !important;
  max-height:36px !important;
  margin-top:7px !important;
  overflow:hidden !important;
  -webkit-box-orient:vertical !important;
  -webkit-line-clamp:2 !important;
  font-size:.72rem !important;
  line-height:1.5 !important;
}

html body.wsdc-home-page .testimoni-foot {
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 82px !important;
  align-items:center !important;
  gap:7px !important;
  min-height:39px !important;
  padding-top:7px !important;
  overflow:hidden !important;
}

html body.wsdc-home-page .testimoni-meta {
  min-width:0 !important;
  max-width:100% !important;
}

html body.wsdc-home-page .testimoni-link {
  width:82px !important;
  min-width:82px !important;
}

html body.wsdc-home-page .testimoni-link a {
  width:82px !important;
  height:29px !important;
  padding:4px 5px !important;
  font-size:.58rem !important;
  line-height:1 !important;
}

html body.wsdc-home-page .testimoni-name {
  font-size:.66rem !important;
  line-height:.9rem !important;
}

html body.wsdc-home-page .testimoni-meta p:last-child {
  margin-top:2px !important;
  font-size:.56rem !important;
  line-height:.8rem !important;
}

@media (max-width:767.98px) {
  html body.wsdc-home-page .testimoni-card,
  html body.wsdc-home-page .testimoni-card:nth-child(n+3),
  html body.wsdc-home-page .testimoni-card:nth-child(n+4) {
    width:270px !important;
    min-width:270px !important;
    height:190px !important;
    min-height:190px !important;
    max-height:190px !important;
  }
}

/* ========================================================================== */
/* WSDC V70 — BLACK NEON MASTER REDESIGN                                     */
/* Reference: approved black/pink/cyan preview                                */
/* ========================================================================== */

:root {
  --wsdc-black: #000000;
  --wsdc-panel: #04101c;
  --wsdc-panel-2: #071522;
  --wsdc-panel-soft: rgba(4, 16, 28, .90);
  --wsdc-cyan: #00eaff;
  --wsdc-cyan-2: #00c8ff;
  --wsdc-pink: #ff168f;
  --wsdc-pink-2: #ff2ba6;
  --wsdc-text: #f5f7fa;
  --wsdc-muted: #a8b2c1;
  --wsdc-line: rgba(255, 255, 255, .08);
  --wsdc-cyan-line: rgba(0, 234, 255, .34);
  --wsdc-pink-line: rgba(255, 22, 143, .34);
  --wsdc-radius: 16px;
}

html body.wsdc-home-page,
html body.wsdc-home-page .content,
html body.wsdc-home-page .content.bg-background,
html body.wsdc-home-page .wsdc-home {
  background: #000 !important;
  background-color: #000 !important;
  background-image: none !important;
  filter: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html body.wsdc-home-page::before,
html body.wsdc-home-page::after,
html body.wsdc-home-page .wsdc-home::before,
html body.wsdc-home-page .wsdc-home::after {
  content: none !important;
  display: none !important;
  background: none !important;
  filter: none !important;
}

html body.wsdc-home-page {
  color: var(--wsdc-text) !important;
  overflow-x: hidden;
}

html body.wsdc-home-page #wsdc-smoke-canvas {
  display: block !important;
  position: fixed !important;
  inset: 0 !important;
  z-index: 0 !important;
  width: 100vw !important;
  height: 100dvh !important;
  opacity: .92 !important;
  pointer-events: none !important;
  background: transparent !important;
  filter: none !important;
  mix-blend-mode: normal !important;
}

body.wsdc-home-page .content,
body.wsdc-home-page .wsdc-home,
body.wsdc-home-page .wsdc-home > * {
  position: relative;
  z-index: 1;
}

/* --- Header: one clean row ------------------------------------------------ */
body.wsdc-home-page .wsdc-site-header {
  position: sticky !important;
  top: 0 !important;
  z-index: 3200 !important;
  background: rgba(0, 0, 0, .94) !important;
  border-bottom: 1px solid rgba(0, 234, 255, .15) !important;
  box-shadow: 0 10px 34px rgba(0, 0, 0, .35) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body.wsdc-home-page .wsdc-site-header > div:first-child {
  border-bottom: 0 !important;
}

body.wsdc-home-page .wsdc-site-header .container {
  max-width: 1240px !important;
}

body.wsdc-home-page .wsdc-site-header .container.flex.h-16 {
  height: 72px !important;
  gap: 16px !important;
}

body.wsdc-home-page .wsdc-site-header .container.flex.h-16 > div:first-child img {
  height: 50px !important;
  width: auto !important;
}

body.wsdc-home-page .search-desktop {
  max-width: 470px !important;
  margin-right: auto !important;
}

body.wsdc-home-page #searchInputDesktop {
  height: 42px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255,255,255,.13) !important;
  background: rgba(5, 10, 17, .96) !important;
  color: #fff !important;
  box-shadow: inset 0 0 0 1px rgba(0,234,255,.025) !important;
}

body.wsdc-home-page #searchInputDesktop:focus {
  border-color: rgba(0,234,255,.60) !important;
  box-shadow: 0 0 0 3px rgba(0,234,255,.08) !important;
}

body.wsdc-home-page .wsdc-home-mini-nav {
  display: flex;
  align-items: center;
  gap: 28px;
  margin: 0 10px;
  white-space: nowrap;
}

body.wsdc-home-page .wsdc-home-mini-nav a {
  color: #e9eef5;
  font-size: 14px;
  font-weight: 600;
  transition: color .18s ease, text-shadow .18s ease;
}

body.wsdc-home-page .wsdc-home-mini-nav a:hover {
  color: var(--wsdc-cyan);
  text-shadow: 0 0 12px rgba(0,234,255,.20);
}

body.wsdc-home-page .wsdc-currency-button,
body.wsdc-home-page .wsdc-home-menu-button {
  height: 40px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255,255,255,.13) !important;
  background: rgba(4, 10, 18, .96) !important;
  color: #f7f9fc !important;
  box-shadow: none !important;
}

body.wsdc-home-page .wsdc-home-menu-button {
  display: inline-flex !important;
  width: 40px !important;
  flex: 0 0 40px;
}

body.wsdc-home-page .wsdc-home-menu-button:hover,
body.wsdc-home-page .wsdc-currency-button:hover {
  border-color: rgba(0,234,255,.55) !important;
  color: var(--wsdc-cyan) !important;
  transform: none !important;
}

body.wsdc-home-page .wsdc-legacy-nav {
  display: none !important;
}

/* --- Hero ----------------------------------------------------------------- */
body.wsdc-home-page .wsdc-hero {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 54px 0 28px !important;
  min-height: 465px;
}

body.wsdc-home-page .wsdc-hero-grid {
  max-width: 1240px !important;
  display: grid !important;
  grid-template-columns: minmax(340px, .82fr) minmax(560px, 1.38fr) !important;
  align-items: center !important;
  gap: 54px !important;
}

body.wsdc-home-page .wsdc-hero-copy {
  max-width: 470px;
}

body.wsdc-home-page .wsdc-badge {
  display: inline-flex !important;
  align-items: center;
  min-height: 32px;
  padding: 5px 14px !important;
  border-radius: 10px 18px 10px 18px !important;
  border: 1px solid rgba(0,234,255,.55) !important;
  background: rgba(2, 9, 16, .88) !important;
  color: #e8f7ff !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: .02em;
  box-shadow: inset 3px 0 0 rgba(255,22,143,.72);
}

body.wsdc-home-page .wsdc-hero h1 {
  margin: 18px 0 14px !important;
  color: #fff !important;
  font-family: "Chakra Petch", "Plus Jakarta Sans", sans-serif !important;
  font-size: clamp(42px, 4.1vw, 66px) !important;
  line-height: .98 !important;
  font-weight: 800 !important;
  letter-spacing: -.035em !important;
  text-transform: uppercase;
  text-shadow: none !important;
}

body.wsdc-home-page .wsdc-hero h1 > span {
  display: block;
}

body.wsdc-home-page .wsdc-hero h1 em {
  color: var(--wsdc-pink) !important;
  font-style: normal !important;
}

body.wsdc-home-page .wsdc-title-cyan {
  color: var(--wsdc-cyan-2) !important;
}

body.wsdc-home-page .wsdc-hero-copy > p {
  max-width: 440px;
  margin: 0 0 22px !important;
  color: #b3bdca !important;
  font-size: 15px !important;
  line-height: 1.65 !important;
}

body.wsdc-home-page .wsdc-btn-primary {
  min-width: 190px;
  height: 50px;
  border: 1px solid rgba(255,255,255,.30) !important;
  border-radius: 13px !important;
  background: linear-gradient(100deg, #ff168f 0%, #c638d5 40%, #00c8ff 100%) !important;
  color: #fff !important;
  font-weight: 800 !important;
  text-transform: uppercase;
  letter-spacing: .02em;
  box-shadow: 0 7px 24px rgba(0,200,255,.10), 0 7px 24px rgba(255,22,143,.12) !important;
}

body.wsdc-home-page .wsdc-btn-primary:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 9px 30px rgba(0,200,255,.17), 0 9px 30px rgba(255,22,143,.17) !important;
}

body.wsdc-home-page .wsdc-btn-primary b {
  margin-left: 14px;
  font-size: 20px;
}

body.wsdc-home-page .wsdc-trust-row {
  display: flex !important;
  flex-wrap: wrap;
  gap: 20px !important;
  margin-top: 22px !important;
}

body.wsdc-home-page .wsdc-trust-row > span {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  color: #eef3f9 !important;
  font-size: 11px !important;
}

body.wsdc-home-page .wsdc-trust-row > span > b {
  color: var(--wsdc-pink) !important;
  font-size: 17px !important;
}

body.wsdc-home-page .wsdc-trust-row > span:nth-child(2) > b,
body.wsdc-home-page .wsdc-trust-row > span:nth-child(3) > b {
  color: var(--wsdc-cyan) !important;
}

body.wsdc-home-page .wsdc-trust-row i {
  display: flex;
  flex-direction: column;
  font-style: normal;
  font-weight: 700;
}

body.wsdc-home-page .wsdc-trust-row small {
  margin-top: 2px;
  color: #7f8b99;
  font-size: 9px;
  font-weight: 500;
}

/* Banner: no blue slab, only the banner itself */
body.wsdc-home-page .wsdc-hero-media {
  position: relative;
  overflow: hidden !important;
  border: 1px solid rgba(0,234,255,.68) !important;
  border-radius: 20px !important;
  background: rgba(0,0,0,.60) !important;
  box-shadow: 0 0 0 1px rgba(255,22,143,.14), 0 20px 55px rgba(0,0,0,.50) !important;
  isolation: isolate;
}

body.wsdc-home-page .wsdc-hero-media::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  pointer-events: none !important;
  border-radius: inherit !important;
  background: linear-gradient(90deg, rgba(255,22,143,.82), transparent 22%, transparent 76%, rgba(0,234,255,.86)) !important;
  padding: 1px;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  opacity: .65;
}

body.wsdc-home-page .wsdc-hero-media .swiper,
body.wsdc-home-page .wsdc-hero-media .swiper-wrapper,
body.wsdc-home-page .wsdc-hero-media .swiper-slide {
  background: #000 !important;
}

body.wsdc-home-page .wsdc-hero-media img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 16 / 6.3;
  object-fit: cover !important;
  border-radius: 19px !important;
}

body.wsdc-home-page .wsdc-hero-media .swiper-pagination-bullet {
  width: 7px !important;
  height: 7px !important;
  background: #5f6876 !important;
  opacity: .6 !important;
}

body.wsdc-home-page .wsdc-hero-media .swiper-pagination-bullet-active {
  width: 22px !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, var(--wsdc-pink), var(--wsdc-cyan)) !important;
  opacity: 1 !important;
}

/* --- Quick access --------------------------------------------------------- */
body.wsdc-home-page .wsdc-quick-actions {
  max-width: 1240px !important;
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 13px !important;
  padding-top: 0 !important;
  padding-bottom: 22px !important;
}

body.wsdc-home-page .wsdc-quick-actions > a {
  position: relative;
  display: grid !important;
  grid-template-columns: 50px 1fr 16px;
  align-items: center !important;
  min-height: 82px !important;
  gap: 11px !important;
  padding: 13px 14px !important;
  border: 1px solid rgba(255,255,255,.13) !important;
  border-radius: 15px !important;
  background: linear-gradient(145deg, rgba(5,13,24,.97), rgba(2,8,16,.96)) !important;
  color: #fff !important;
  box-shadow: 0 14px 36px rgba(0,0,0,.28) !important;
  overflow: hidden;
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease !important;
}

body.wsdc-home-page .wsdc-quick-actions > a::after {
  content: "";
  position: absolute;
  inset: auto 0 0 0;
  height: 1px;
  opacity: .75;
}
body.wsdc-home-page .wsdc-quick-pink { border-color: var(--wsdc-pink-line) !important; }
body.wsdc-home-page .wsdc-quick-cyan { border-color: var(--wsdc-cyan-line) !important; }
body.wsdc-home-page .wsdc-quick-pink::after { background: linear-gradient(90deg, transparent, var(--wsdc-pink), transparent); }
body.wsdc-home-page .wsdc-quick-cyan::after { background: linear-gradient(90deg, transparent, var(--wsdc-cyan), transparent); }

body.wsdc-home-page .wsdc-quick-actions > a:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 18px 42px rgba(0,0,0,.36) !important;
}

body.wsdc-home-page .wsdc-quick-icon {
  display: grid !important;
  place-items: center;
  width: 48px !important;
  height: 48px !important;
  border-radius: 12px !important;
  background: rgba(255,255,255,.025) !important;
  border: 1px solid currentColor !important;
}

body.wsdc-home-page .wsdc-quick-icon svg {
  width: 27px;
  height: 27px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.65;
  stroke-linecap: round;
  stroke-linejoin: round;
}
body.wsdc-home-page .wsdc-quick-pink .wsdc-quick-icon,
body.wsdc-home-page .wsdc-quick-pink .wsdc-quick-arrow { color: var(--wsdc-pink) !important; }
body.wsdc-home-page .wsdc-quick-cyan .wsdc-quick-icon,
body.wsdc-home-page .wsdc-quick-cyan .wsdc-quick-arrow { color: var(--wsdc-cyan) !important; }

body.wsdc-home-page .wsdc-quick-copy {
  min-width: 0;
  display: flex;
  flex-direction: column;
}
body.wsdc-home-page .wsdc-quick-copy strong {
  font-size: 13px !important;
  font-weight: 750 !important;
  color: #fff !important;
}
body.wsdc-home-page .wsdc-quick-copy small {
  margin-top: 4px;
  color: #8995a5 !important;
  font-size: 9px !important;
  line-height: 1.35;
}
body.wsdc-home-page .wsdc-quick-arrow { font-size: 24px; font-weight: 300; }

/* --- Main section rhythm -------------------------------------------------- */
body.wsdc-home-page .wsdc-home > .flex.flex-col {
  gap: 30px !important;
  padding-top: 10px !important;
  padding-bottom: 44px !important;
}

body.wsdc-home-page .wsdc-home > .flex.flex-col > .container,
body.wsdc-home-page #flashdata {
  max-width: 1240px !important;
}

body.wsdc-home-page .wsdc-home h3 {
  color: #f7f9fc !important;
  font-weight: 750 !important;
  letter-spacing: .035em !important;
}

body.wsdc-home-page .wsdc-home h3 + p,
body.wsdc-home-page .wsdc-home .text-xs {
  color: #8793a3 !important;
}

/* Promo panel */
body.wsdc-home-page #flashdata > .relative,
body.wsdc-home-page #flashdata .bg-muted\/50 {
  border: 1px solid rgba(0,234,255,.30) !important;
  border-radius: 16px !important;
  background: linear-gradient(145deg, rgba(4,16,28,.98), rgba(2,8,15,.98)) !important;
  box-shadow: 0 18px 44px rgba(0,0,0,.30) !important;
}
body.wsdc-home-page #flashdata .bg-background {
  background: rgba(255,255,255,.07) !important;
  border: 1px solid rgba(255,255,255,.06) !important;
}

/* Popular cards */
body.wsdc-home-page #popular-cards-container > li > a,
body.wsdc-home-page #popular-cards-container a.bg-muted {
  min-height: 88px !important;
  border: 1px solid rgba(0,234,255,.32) !important;
  border-radius: 15px !important;
  background-color: rgba(4,16,28,.96) !important;
  background-image: linear-gradient(145deg, rgba(5,15,27,.97), rgba(2,8,16,.97)) !important;
  box-shadow: 0 14px 34px rgba(0,0,0,.23) !important;
}
body.wsdc-home-page #popular-cards-container > li:nth-child(even) > a {
  border-color: rgba(255,22,143,.30) !important;
}
body.wsdc-home-page #popular-cards-container > li > a:hover {
  border-color: rgba(0,234,255,.68) !important;
  box-shadow: 0 16px 36px rgba(0,0,0,.32), 0 0 18px rgba(0,234,255,.06) !important;
  transform: translateY(-2px) !important;
}
body.wsdc-home-page .wsdc-start-price { color: #bcc6d2 !important; }

/* Category tabs */
body.wsdc-home-page #tabScrollContainer {
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 14px;
  padding: 6px !important;
  background: rgba(3,10,18,.88);
}
body.wsdc-home-page #tabScrollContainer .tab {
  border: 1px solid rgba(0,234,255,.18) !important;
  background: #071522 !important;
  color: #d7e0eb !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}
body.wsdc-home-page #tabScrollContainer .tab:hover,
body.wsdc-home-page #tabScrollContainer .tab.bg-primary,
body.wsdc-home-page #tabScrollContainer .tab:focus {
  background: linear-gradient(90deg, var(--wsdc-pink), var(--wsdc-cyan)) !important;
  border-color: transparent !important;
  color: #fff !important;
}

/* General game/product cards: dark glass with alternating neon line */
body.wsdc-home-page #katalog-wsdc li a,
body.wsdc-home-page #katalog-wsdc .group,
body.wsdc-home-page .wsdc-home .rounded-2xl.bg-muted,
body.wsdc-home-page .wsdc-home .rounded-xl.bg-muted {
  border-color: rgba(0,234,255,.26) !important;
  background-color: rgba(4,16,28,.95) !important;
  box-shadow: 0 14px 36px rgba(0,0,0,.22) !important;
}

/* Review cards */
body.wsdc-home-page .testimoni-marquee {
  padding: 4px 0 10px;
}
body.wsdc-home-page .testimoni-card {
  width: min(19rem, calc(100vw - 2rem)) !important;
  min-height: 13rem !important;
  border: 1px solid rgba(0,234,255,.30) !important;
  border-radius: 15px !important;
  background: linear-gradient(145deg, rgba(5,15,27,.97), rgba(2,8,16,.98)) !important;
  box-shadow: 0 15px 36px rgba(0,0,0,.25) !important;
}
body.wsdc-home-page .testimoni-card:nth-child(even) {
  border-color: rgba(255,22,143,.28) !important;
}
body.wsdc-home-page .testimoni-card-inner {
  padding: 15px !important;
  gap: 12px !important;
}
body.wsdc-home-page .testimoni-quote {
  min-height: 4.4rem !important;
  -webkit-line-clamp: 3 !important;
  font-size: 12px !important;
  color: #d5dce5 !important;
}
body.wsdc-home-page .testimoni-product,
body.wsdc-home-page .testimoni-stars {
  background: rgba(255,255,255,.055) !important;
}

/* Article cards + footer integration */
body.wsdc-home-page .wsdc-home a[class*="bg-muted"],
body.wsdc-home-page .wsdc-home article,
body.wsdc-home-page .wsdc-home [class*="card"] {
  transition: border-color .18s ease, transform .18s ease, box-shadow .18s ease;
}

body.wsdc-home-page footer {
  position: relative;
  z-index: 2;
  background: #02070d !important;
  border-top: 1px solid rgba(0,234,255,.16) !important;
}

/* Prevent old generic button glow from leaking into redesigned home. */
body.wsdc-home-page button,
body.wsdc-home-page .btn {
  box-shadow: none;
}
body.wsdc-home-page button:hover,
body.wsdc-home-page .btn:hover {
  transform: none;
}

/* Responsive */
@media (max-width: 1180px) {
  body.wsdc-home-page .wsdc-home-mini-nav { gap: 16px; }
  body.wsdc-home-page .wsdc-quick-actions { grid-template-columns: repeat(3, 1fr) !important; }
  body.wsdc-home-page .wsdc-hero-grid {
    grid-template-columns: minmax(300px, .85fr) minmax(460px, 1.15fr) !important;
    gap: 30px !important;
  }
}

@media (max-width: 900px) {
  body.wsdc-home-page .wsdc-home-mini-nav { display: none !important; }
  body.wsdc-home-page .wsdc-hero { padding-top: 30px !important; }
  body.wsdc-home-page .wsdc-hero-grid {
    grid-template-columns: 1fr !important;
    gap: 26px !important;
  }
  body.wsdc-home-page .wsdc-hero-copy { max-width: 650px; }
  body.wsdc-home-page .wsdc-hero-media { width: 100%; }
  body.wsdc-home-page .wsdc-quick-actions { grid-template-columns: repeat(2, 1fr) !important; }
}

@media (max-width: 767px) {
  body.wsdc-home-page .wsdc-site-header .container.flex.h-16 { height: 62px !important; gap: 8px !important; }
  body.wsdc-home-page .wsdc-site-header .container.flex.h-16 > div:first-child img { height: 40px !important; }
  body.wsdc-home-page .wsdc-currency-button { padding: 0 10px !important; min-width: auto !important; }
  body.wsdc-home-page .wsdc-currency-button span.ml-2 { display: none !important; }
  body.wsdc-home-page .wsdc-home-menu-button { width: 38px !important; height: 38px !important; flex-basis: 38px; }
  body.wsdc-home-page .wsdc-hero { min-height: 0; padding: 28px 0 18px !important; }
  body.wsdc-home-page .wsdc-hero h1 { font-size: clamp(38px, 12vw, 54px) !important; }
  body.wsdc-home-page .wsdc-hero-copy > p { font-size: 13px !important; }
  body.wsdc-home-page .wsdc-trust-row { gap: 12px !important; }
  body.wsdc-home-page .wsdc-hero-media { border-radius: 15px !important; }
  body.wsdc-home-page .wsdc-hero-media img { border-radius: 14px !important; aspect-ratio: 16/7.2; }
  body.wsdc-home-page .wsdc-quick-actions {
    display: flex !important;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    padding-bottom: 14px !important;
  }
  body.wsdc-home-page .wsdc-quick-actions > a {
    flex: 0 0 78vw;
    max-width: 310px;
    min-height: 74px !important;
    scroll-snap-align: start;
  }
  body.wsdc-home-page #popular-cards-container { gap: 10px !important; }
}

@media (prefers-reduced-motion: reduce) {
  body.wsdc-home-page #wsdc-smoke-canvas { opacity: .55 !important; }
  body.wsdc-home-page * { scroll-behavior: auto !important; }
}


/* =========================================================
   WSDC V71 — BACKGROUND STACK FIX
   Body owns the black base. Content wrappers MUST stay transparent
   so the neon smoke/cloud canvas remains visible behind sections.
   ========================================================= */
html body.wsdc-home-page {
  background:#000 !important;
  background-color:#000 !important;
}
html body.wsdc-home-page .content,
html body.wsdc-home-page .content.bg-background,
html body.wsdc-home-page .wsdc-home {
  background:transparent !important;
  background-color:transparent !important;
  background-image:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}


/* =========================================================
   WSDC V72 — HYBRID SMOKE + LIGHTER CARD SURFACES
   - brings back cloud-style smoke like V66, but less blur
   - removes dark-blue table look from cards/promo
   - uses animated cyan/pink outline around cards and promo
   - shortens review card height
   ========================================================= */

@keyframes wsdc-v72-outline-spin {
  from { transform: rotate(0deg); }
  to   { transform: rotate(360deg); }
}

body.wsdc-home-page .wsdc-quick-actions > a,
body.wsdc-home-page #flashdata > .relative,
body.wsdc-home-page #flashdata .swiper-wrapper-fs > a,
body.wsdc-home-page #popular-cards-container > li > a,
body.wsdc-home-page .testimoni-card,
body.wsdc-home-page #katalog-wsdc li > a,
body.wsdc-home-page #katalog-wsdc .group,
body.wsdc-home-page .wsdc-home .rounded-2xl.bg-muted,
body.wsdc-home-page .wsdc-home .rounded-xl.bg-muted {
  position: relative !important;
  isolation: isolate !important;
  border: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: 0 14px 34px rgba(0,0,0,.22) !important;
  overflow: hidden !important;
}

body.wsdc-home-page .wsdc-quick-actions > a::before,
body.wsdc-home-page #flashdata > .relative::before,
body.wsdc-home-page #flashdata .swiper-wrapper-fs > a::before,
body.wsdc-home-page #popular-cards-container > li > a::before,
body.wsdc-home-page .testimoni-card::before,
body.wsdc-home-page #katalog-wsdc li > a::before,
body.wsdc-home-page #katalog-wsdc .group::before,
body.wsdc-home-page .wsdc-home .rounded-2xl.bg-muted::before,
body.wsdc-home-page .wsdc-home .rounded-xl.bg-muted::before {
  content: "";
  position: absolute;
  inset: -40%;
  z-index: 0;
  background: conic-gradient(
    from 0deg,
    transparent 0deg 32deg,
    rgba(0,234,255,.98) 72deg,
    rgba(255,22,143,.95) 152deg,
    rgba(0,234,255,.98) 238deg,
    rgba(255,22,143,.92) 312deg,
    transparent 340deg 360deg
  );
  animation: wsdc-v72-outline-spin 7.5s linear infinite;
}

body.wsdc-home-page .wsdc-quick-actions > a::after,
body.wsdc-home-page #flashdata > .relative::after,
body.wsdc-home-page #flashdata .swiper-wrapper-fs > a::after,
body.wsdc-home-page #popular-cards-container > li > a::after,
body.wsdc-home-page .testimoni-card::after,
body.wsdc-home-page #katalog-wsdc li > a::after,
body.wsdc-home-page #katalog-wsdc .group::after,
body.wsdc-home-page .wsdc-home .rounded-2xl.bg-muted::after,
body.wsdc-home-page .wsdc-home .rounded-xl.bg-muted::after {
  content: "";
  position: absolute;
  inset: 1px;
  z-index: 0;
  border-radius: inherit;
  background:
    linear-gradient(145deg, rgba(0,0,0,.12), rgba(0,0,0,.04)),
    radial-gradient(circle at top left, rgba(0,234,255,.06), transparent 38%),
    radial-gradient(circle at bottom right, rgba(255,22,143,.06), transparent 42%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035);
}

body.wsdc-home-page .wsdc-quick-actions > a > *,
body.wsdc-home-page #flashdata > .relative > *,
body.wsdc-home-page #flashdata .swiper-wrapper-fs > a > *,
body.wsdc-home-page #popular-cards-container > li > a > *,
body.wsdc-home-page .testimoni-card > *,
body.wsdc-home-page #katalog-wsdc li > a > *,
body.wsdc-home-page #katalog-wsdc .group > *,
body.wsdc-home-page .wsdc-home .rounded-2xl.bg-muted > *,
body.wsdc-home-page .wsdc-home .rounded-xl.bg-muted > * {
  position: relative;
  z-index: 1;
}

/* keep the promo countdown chips legible */
body.wsdc-home-page #flashdata .bg-background {
  background: rgba(255,255,255,.08) !important;
  border: 1px solid rgba(255,255,255,.06) !important;
}

/* review cards should stay wide enough but much shorter */
body.wsdc-home-page .testimoni-card {
  width: min(19rem, calc(100vw - 2rem)) !important;
  min-height: 10.25rem !important;
}
body.wsdc-home-page .testimoni-card-inner {
  padding: 12px !important;
  gap: 10px !important;
}
body.wsdc-home-page .testimoni-head {
  display: flex !important;
  justify-content: space-between;
  align-items: flex-start;
  gap: 10px;
}
body.wsdc-home-page .testimoni-title { gap: 6px !important; }
body.wsdc-home-page .testimoni-title .text-sm {
  font-size: 12px !important;
  line-height: 1.35 !important;
}
body.wsdc-home-page .testimoni-product,
body.wsdc-home-page .testimoni-stars {
  background: rgba(255,255,255,.05) !important;
}
body.wsdc-home-page .testimoni-product {
  padding: 4px 8px !important;
  font-size: 10px !important;
}
body.wsdc-home-page .testimoni-quote {
  min-height: 3rem !important;
  margin-top: 2px !important;
  -webkit-line-clamp: 2 !important;
  line-clamp: 2 !important;
  font-size: 11px !important;
  line-height: 1.45 !important;
}
body.wsdc-home-page .testimoni-foot {
  display: flex !important;
  align-items: end;
  justify-content: space-between;
  gap: 10px;
}
body.wsdc-home-page .testimoni-name { font-size: 12px !important; }
body.wsdc-home-page .testimoni-link a {
  height: 32px !important;
  padding: 0 12px !important;
  font-size: 12px !important;
}

/* slightly lighter product / quick card interiors */
body.wsdc-home-page .wsdc-quick-icon,
body.wsdc-home-page .testimoni-stars,
body.wsdc-home-page .testimoni-product {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* mobile: keep same visual language */
@media (max-width: 767px) {
  body.wsdc-home-page .testimoni-card {
    width: min(18rem, calc(100vw - 2rem)) !important;
    min-height: 9.75rem !important;
  }
  body.wsdc-home-page .testimoni-card-inner {
    padding: 11px !important;
  }
  body.wsdc-home-page .testimoni-quote {
    font-size: 10.5px !important;
    min-height: 2.7rem !important;
  }
}


/* =========================================================
   WSDC V73 — TRUE BLACK CARDS + MOVING NEON BORDER
   Cache-busted in template: 20260808073
   ========================================================= */
@keyframes wsdc-v73-border-spin { to { transform: rotate(360deg); } }

/* wrappers stay transparent: only body owns the black base */
html body.wsdc-home-page,
html body.wsdc-home-page .content,
html body.wsdc-home-page .content.bg-background,
html body.wsdc-home-page .wsdc-home,
html body.wsdc-home-page .wsdc-home > .flex.flex-col,
html body.wsdc-home-page .wsdc-home > .flex.flex-col > .container {
  background-image: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
html body.wsdc-home-page { background:#000 !important; }
html body.wsdc-home-page .content,
html body.wsdc-home-page .content.bg-background,
html body.wsdc-home-page .wsdc-home,
html body.wsdc-home-page .wsdc-home > .flex.flex-col,
html body.wsdc-home-page .wsdc-home > .flex.flex-col > .container {
  background-color: transparent !important;
}

/* only these UI surfaces get the animated border. Their interior is BLACK, never navy. */
body.wsdc-home-page .wsdc-quick-actions > a,
body.wsdc-home-page #flashdata > .relative,
body.wsdc-home-page #popular-cards-container > li > a,
body.wsdc-home-page .testimoni-card {
  position:relative !important;
  isolation:isolate !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  overflow:hidden !important;
}
body.wsdc-home-page .wsdc-quick-actions > a::before,
body.wsdc-home-page #flashdata > .relative::before,
body.wsdc-home-page #popular-cards-container > li > a::before,
body.wsdc-home-page .testimoni-card::before {
  content:"" !important;
  position:absolute !important;
  inset:-65% !important;
  z-index:0 !important;
  pointer-events:none !important;
  background:conic-gradient(
    transparent 0 18%,
    #00eaff 24%,
    transparent 31% 47%,
    #ff168f 54%,
    transparent 61% 77%,
    #00eaff 84%,
    transparent 91% 100%
  ) !important;
  animation:wsdc-v73-border-spin 6.2s linear infinite !important;
}
body.wsdc-home-page .wsdc-quick-actions > a::after,
body.wsdc-home-page #flashdata > .relative::after,
body.wsdc-home-page #popular-cards-container > li > a::after,
body.wsdc-home-page .testimoni-card::after {
  content:"" !important;
  position:absolute !important;
  inset:1px !important;
  z-index:0 !important;
  pointer-events:none !important;
  border-radius:inherit !important;
  background:rgba(0,0,0,.82) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025) !important;
}
body.wsdc-home-page .wsdc-quick-actions > a > *,
body.wsdc-home-page #flashdata > .relative > *,
body.wsdc-home-page #popular-cards-container > li > a > *,
body.wsdc-home-page .testimoni-card > * {
  position:relative !important;
  z-index:1 !important;
}

/* Flash-sale panel: no navy table background. Product art remains untouched. */
body.wsdc-home-page #flashdata,
body.wsdc-home-page #flashdata > .relative,
body.wsdc-home-page #flashdata .group,
body.wsdc-home-page #flashdata .container {
  background-color:transparent !important;
  background-image:none !important;
}
body.wsdc-home-page #flashdata .bg-background {
  background:#171717 !important;
  border:1px solid rgba(255,255,255,.08) !important;
}

/* Popular cards: black interior, preserve image thumbnails. */
body.wsdc-home-page #popular-cards-container > li > a {
  background-color:transparent !important;
  background-image:none !important;
}

/* Reviews: same width, shorter height. */
body.wsdc-home-page .testimoni-card {
  width:min(19rem, calc(100vw - 2rem)) !important;
  min-height:8.8rem !important;
}
body.wsdc-home-page .testimoni-card-inner {
  padding:10px 12px !important;
  gap:7px !important;
}
body.wsdc-home-page .testimoni-card-inner .space-y-4 { gap:6px !important; }
body.wsdc-home-page .testimoni-title { gap:4px !important; }
body.wsdc-home-page .testimoni-title .text-sm {
  font-size:11px !important;
  line-height:1.25 !important;
}
body.wsdc-home-page .testimoni-product {
  padding:3px 7px !important;
  font-size:9px !important;
  background:#161616 !important;
}
body.wsdc-home-page .testimoni-stars {
  padding:3px 6px !important;
  background:#161616 !important;
}
body.wsdc-home-page .testimoni-stars svg { width:13px !important; height:13px !important; }
body.wsdc-home-page .testimoni-quote {
  min-height:2.2rem !important;
  max-height:2.2rem !important;
  overflow:hidden !important;
  -webkit-line-clamp:2 !important;
  font-size:10.5px !important;
  line-height:1.35 !important;
}
body.wsdc-home-page .testimoni-foot { gap:8px !important; }
body.wsdc-home-page .testimoni-meta p { margin:0 !important; }
body.wsdc-home-page .testimoni-name { font-size:11px !important; }
body.wsdc-home-page .testimoni-meta .text-xs { font-size:9px !important; }
body.wsdc-home-page .testimoni-link a {
  height:28px !important;
  min-height:28px !important;
  padding:0 9px !important;
  font-size:10px !important;
  background:#151515 !important;
}

/* Mobile quick actions: real grid, no giant clipped carousel card. */
@media (max-width:767px) {
  body.wsdc-home-page .wsdc-quick-actions {
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    overflow:visible !important;
    gap:9px !important;
    padding-left:16px !important;
    padding-right:16px !important;
  }
  body.wsdc-home-page .wsdc-quick-actions > a {
    flex:none !important;
    width:100% !important;
    max-width:none !important;
    min-height:76px !important;
    grid-template-columns:38px 1fr 10px !important;
    padding:10px !important;
    gap:8px !important;
  }
  body.wsdc-home-page .wsdc-quick-copy strong {
    font-size:11px !important;
    line-height:1.25 !important;
  }
  body.wsdc-home-page .wsdc-quick-copy small { display:none !important; }
  body.wsdc-home-page .wsdc-quick-icon {
    width:36px !important;
    height:36px !important;
  }
  body.wsdc-home-page .wsdc-quick-icon svg { width:21px !important; height:21px !important; }
  body.wsdc-home-page .testimoni-card {
    width:min(17.5rem, calc(100vw - 2rem)) !important;
    min-height:8.3rem !important;
  }
}

@media (prefers-reduced-motion:reduce) {
  body.wsdc-home-page .wsdc-quick-actions > a::before,
  body.wsdc-home-page #flashdata > .relative::before,
  body.wsdc-home-page #popular-cards-container > li > a::before,
  body.wsdc-home-page .testimoni-card::before { animation:none !important; }
}


/* =========================================================
   WSDC V74 — FLOWING OUTLINE + TRUE BLACK SURFACES
   No spinning conic fan. Only cyan/pink line flows on perimeter.
   ========================================================= */
@keyframes wsdc-v74-outline-flow {
  0% {
    background-position:-120% 0,100% -120%,220% 100%,0 220%;
  }
  100% {
    background-position:220% 0,100% 220%,-120% 100%,0 -120%;
  }
}

/* Never let old V72/V73 fan layers paint inside cards. */
body.wsdc-home-page .wsdc-quick-actions > a::after,
body.wsdc-home-page #flashdata > .relative::after,
body.wsdc-home-page #flashdata .swiper-wrapper-fs > a::after,
body.wsdc-home-page #popular-cards-container > li > a::after,
body.wsdc-home-page .testimoni-card::after,
body.wsdc-home-page #katalog-wsdc li > a::after,
body.wsdc-home-page #katalog-wsdc .group::after,
body.wsdc-home-page .wsdc-home .rounded-2xl.bg-muted::after,
body.wsdc-home-page .wsdc-home .rounded-xl.bg-muted::after {
  content:none !important;
  display:none !important;
}

/* Flowing cyan/pink outline: four thin edge gradients, never a filled fan. */
body.wsdc-home-page .wsdc-quick-actions > a::before,
body.wsdc-home-page #flashdata > .relative::before,
body.wsdc-home-page #flashdata .swiper-wrapper-fs > a::before,
body.wsdc-home-page #popular-cards-container > li > a::before,
body.wsdc-home-page .testimoni-card::before,
body.wsdc-home-page #katalog-wsdc li > a::before,
body.wsdc-home-page #katalog-wsdc .group::before,
body.wsdc-home-page .wsdc-home .rounded-2xl.bg-muted::before,
body.wsdc-home-page .wsdc-home .rounded-xl.bg-muted::before {
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:4 !important;
  border-radius:inherit !important;
  pointer-events:none !important;
  padding:0 !important;
  transform:none !important;
  background:
    linear-gradient(90deg,transparent 0%,#00eaff 32%,#ff168f 68%,transparent 100%) -120% 0/55% 1.5px no-repeat,
    linear-gradient(180deg,transparent 0%,#ff168f 32%,#00eaff 68%,transparent 100%) 100% -120%/1.5px 55% no-repeat,
    linear-gradient(270deg,transparent 0%,#00eaff 32%,#ff168f 68%,transparent 100%) 220% 100%/55% 1.5px no-repeat,
    linear-gradient(0deg,transparent 0%,#ff168f 32%,#00eaff 68%,transparent 100%) 0 220%/1.5px 55% no-repeat !important;
  animation:wsdc-v74-outline-flow 4.8s linear infinite !important;
  animation-play-state:paused !important;
  -webkit-mask:none !important;
  mask:none !important;
}
body.wsdc-home-page .wsdc-neon-visible::before {
  animation-play-state:running !important;
}

/* Black/transparent surfaces — NO navy/dark blue table fill. */
body.wsdc-home-page .wsdc-quick-actions > a,
body.wsdc-home-page #flashdata > .relative,
body.wsdc-home-page #popular-cards-container > li > a,
body.wsdc-home-page .testimoni-card {
  position:relative !important;
  isolation:isolate !important;
  border:0 !important;
  background-color:rgba(0,0,0,.82) !important;
  background-image:none !important;
  box-shadow:0 12px 30px rgba(0,0,0,.22) !important;
  overflow:hidden !important;
}

/* Promo wrapper itself must be black, not blue. */
body.wsdc-home-page #flashdata,
body.wsdc-home-page #flashdata > .relative,
body.wsdc-home-page #flashdata .group,
body.wsdc-home-page #flashdata .container,
body.wsdc-home-page #flashdata .bg-muted\/50 {
  background-color:transparent !important;
  background-image:none !important;
  border-color:transparent !important;
}
body.wsdc-home-page #flashdata > .relative {
  background:rgba(0,0,0,.78) !important;
}
body.wsdc-home-page #flashdata .bg-background {
  background:#111 !important;
  border:1px solid rgba(255,255,255,.08) !important;
}

/* Flash-sale product cards preserve their product art; only remove blue base. */
body.wsdc-home-page #flashdata .swiper-wrapper-fs > a {
  position:relative !important;
  isolation:isolate !important;
  border:0 !important;
  background-color:#050505 !important;
  box-shadow:none !important;
  overflow:hidden !important;
}

/* Popular product cards: true black */
body.wsdc-home-page #popular-cards-container > li > a,
body.wsdc-home-page #popular-cards-container a.bg-muted {
  background:#050505 !important;
  background-image:none !important;
  border:0 !important;
}

/* Catalog/game cards: remove navy fill but keep product images. */
body.wsdc-home-page #katalog-wsdc li > a,
body.wsdc-home-page #katalog-wsdc .group,
body.wsdc-home-page #katalog-wsdc .rounded-2xl,
body.wsdc-home-page #katalog-wsdc .rounded-xl {
  position:relative !important;
  isolation:isolate !important;
  background-color:rgba(0,0,0,.68) !important;
  border-color:transparent !important;
  box-shadow:none !important;
  overflow:hidden !important;
}

/* Reviews stay compact. */
body.wsdc-home-page .testimoni-card {
  width:min(19rem,calc(100vw - 2rem)) !important;
  min-height:8.2rem !important;
}
body.wsdc-home-page .testimoni-card-inner { padding:9px 11px !important; gap:6px !important; }
body.wsdc-home-page .testimoni-quote {
  min-height:1.9rem !important;
  max-height:1.9rem !important;
  -webkit-line-clamp:2 !important;
  font-size:10px !important;
  line-height:1.3 !important;
}
body.wsdc-home-page .testimoni-product,
body.wsdc-home-page .testimoni-stars,
body.wsdc-home-page .testimoni-link a {
  background:#101010 !important;
}

/* Mobile stability: no expensive old animations and lighter fixed canvas. */
@media (max-width:767px) {
  body.wsdc-home-page #wsdc-smoke-canvas { opacity:.72 !important; }
  body.wsdc-home-page .wsdc-quick-actions {
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:9px !important;
    overflow:visible !important;
  }
  body.wsdc-home-page .wsdc-quick-actions > a {
    min-height:72px !important;
    width:100% !important;
    max-width:none !important;
  }
  body.wsdc-home-page .testimoni-card { min-height:7.9rem !important; }
}

@media (prefers-reduced-motion:reduce) {
  body.wsdc-home-page .wsdc-neon-visible::before { animation:none !important; }
}


/* =========================================================
   WSDC V76 — CLEAN FIX
   - smoke based on cyan/pink cloud reference image
   - promo / cards transparent
   - cyan-pink outline only on edges
   - one mobile hamburger only
   - only keep useful mobile shortcut
   ========================================================= */

html body.wsdc-home-page #wsdc-smoke-canvas {
  display: none !important;
}

html body.wsdc-home-page .wsdc-smoke-v76 {
  position: fixed;
  top: 108px;
  bottom: 0;
  width: min(54vw, 760px);
  pointer-events: none;
  z-index: 0;
  opacity: .92;
  background-image: url('../img/web/wsdc-smoke-v76.png');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  mix-blend-mode: screen;
  animation: wsdc-v76-smoke-float 14s ease-in-out infinite;
}
html body.wsdc-home-page .wsdc-smoke-v76-left { left: -10vw; }
html body.wsdc-home-page .wsdc-smoke-v76-right { right: -10vw; transform: scaleX(-1); animation-delay: -7s; }

@keyframes wsdc-v76-smoke-float {
  0%,100% { transform: translate3d(0, 0, 0) scale(1); }
  50% { transform: translate3d(0, 12px, 0) scale(1.025); }
}
html body.wsdc-home-page .wsdc-smoke-v76-right {
  transform: scaleX(-1);
}
@keyframes wsdc-v76-smoke-float-right {
  0%,100% { transform: scaleX(-1) translate3d(0, 0, 0) scale(1); }
  50% { transform: scaleX(-1) translate3d(0, 12px, 0) scale(1.025); }
}
html body.wsdc-home-page .wsdc-smoke-v76-right { animation-name: wsdc-v76-smoke-float-right; }

html body.wsdc-home-page .wsdc-home,
html body.wsdc-home-page .wsdc-home > * {
  position: relative;
  z-index: 1;
}

/* remove old dark-blue panels behind banner / promo */
html body.wsdc-home-page .wsdc-hero,
html body.wsdc-home-page .wsdc-hero-grid,
html body.wsdc-home-page .wsdc-hero-media,
html body.wsdc-home-page .wsdc-hero-media .swiper,
html body.wsdc-home-page .wsdc-hero-media .swiper-slide,
html body.wsdc-home-page #flashdata > .relative,
html body.wsdc-home-page #flashdata .px-4,
html body.wsdc-home-page #flashdata .group.flex.overflow-hidden,
html body.wsdc-home-page .content.bg-background {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* keep only one useful shortcut */
html body.wsdc-home-page .wsdc-home-utility {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
  margin-top: 14px;
  margin-bottom: 4px;
}
html body.wsdc-home-page .wsdc-home-utility > a {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 46px 1fr auto;
  align-items: center;
  gap: 12px;
  min-height: 72px;
  padding: 14px 16px;
  border-radius: 20px;
  overflow: hidden;
  isolation: isolate;
  background: transparent !important;
  box-shadow: none !important;
  text-decoration: none;
}
html body.wsdc-home-page .wsdc-utility-icon,
html body.wsdc-home-page .wsdc-utility-icon svg {
  width: 24px;
  height: 24px;
}
html body.wsdc-home-page .wsdc-utility-icon {
  display: grid;
  place-items: center;
  width: 46px;
  height: 46px;
  border-radius: 14px;
  color: #00eaff;
  border: 1px solid rgba(0,234,255,.35);
}
html body.wsdc-home-page .wsdc-utility-copy strong,
html body.wsdc-home-page .wsdc-utility-copy small,
html body.wsdc-home-page .wsdc-utility-arrow { color: #fff !important; }
html body.wsdc-home-page .wsdc-utility-copy strong { display:block; font-size: 1rem; line-height: 1.2; }
html body.wsdc-home-page .wsdc-utility-copy small { display:block; margin-top:4px; font-size: .74rem; color: rgba(255,255,255,.72) !important; }
html body.wsdc-home-page .wsdc-utility-arrow { font-size: 1.6rem; color: #ff1690 !important; }

/* transparent cards + only cyan/pink edge flow */
html body.wsdc-home-page .wsdc-home-utility > a,
html body.wsdc-home-page #flashdata > .relative,
html body.wsdc-home-page #flashdata .swiper-wrapper-fs > a,
html body.wsdc-home-page #popular-cards-container > li > a,
html body.wsdc-home-page .testimoni-card,
html body.wsdc-home-page #katalog-wsdc li > a,
html body.wsdc-home-page #katalog-wsdc .group {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  border-radius: inherit;
  border: 1px solid rgba(0,234,255,.28) !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

html body.wsdc-home-page #flashdata .swiper-wrapper-fs > a,
html body.wsdc-home-page #popular-cards-container > li > a,
html body.wsdc-home-page #katalog-wsdc li > a,
html body.wsdc-home-page .testimoni-card,
html body.wsdc-home-page .wsdc-home-utility > a {
  background-image: none !important;
}

html body.wsdc-home-page #flashdata > .relative::before,
html body.wsdc-home-page #flashdata .swiper-wrapper-fs > a::before,
html body.wsdc-home-page #popular-cards-container > li > a::before,
html body.wsdc-home-page .testimoni-card::before,
html body.wsdc-home-page #katalog-wsdc li > a::before,
html body.wsdc-home-page #katalog-wsdc .group::before,
html body.wsdc-home-page .wsdc-home-utility > a::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  border-radius: inherit;
  pointer-events: none;
  background:
    linear-gradient(90deg, transparent 0%, transparent 37%, #00eaff 48%, #ff1690 52%, transparent 63%, transparent 100%) top left / 250% 2px no-repeat,
    linear-gradient(180deg, transparent 0%, transparent 37%, #00eaff 48%, #ff1690 52%, transparent 63%, transparent 100%) top right / 2px 250% no-repeat,
    linear-gradient(270deg, transparent 0%, transparent 37%, #00eaff 48%, #ff1690 52%, transparent 63%, transparent 100%) bottom right / 250% 2px no-repeat,
    linear-gradient(0deg, transparent 0%, transparent 37%, #00eaff 48%, #ff1690 52%, transparent 63%, transparent 100%) bottom left / 2px 250% no-repeat;
  animation: wsdc-v76-edge-flow 4.25s linear infinite;
  opacity: 0;
}

html body.wsdc-home-page #flashdata > .relative::after,
html body.wsdc-home-page #flashdata .swiper-wrapper-fs > a::after,
html body.wsdc-home-page #popular-cards-container > li > a::after,
html body.wsdc-home-page .testimoni-card::after,
html body.wsdc-home-page #katalog-wsdc li > a::after,
html body.wsdc-home-page #katalog-wsdc .group::after,
html body.wsdc-home-page .wsdc-home-utility > a::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  border-radius: inherit;
  pointer-events: none;
  border: 1px solid rgba(0,234,255,.42);
  box-shadow: 0 0 12px rgba(0,234,255,.12), 0 0 14px rgba(255,22,144,.08) inset;
}

html body.wsdc-home-page .wsdc-neon-visible::before,
html body.wsdc-home-page .wsdc-home-utility > a::before,
html body.wsdc-home-page #flashdata > .relative::before,
html body.wsdc-home-page #flashdata .swiper-wrapper-fs > a::before,
html body.wsdc-home-page #popular-cards-container > li > a::before,
html body.wsdc-home-page .testimoni-card::before,
html body.wsdc-home-page #katalog-wsdc li > a::before,
html body.wsdc-home-page #katalog-wsdc .group::before {
  opacity: 1;
}

@keyframes wsdc-v76-edge-flow {
  0%   { background-position: -220% 0, 100% -220%, 220% 100%, 0 220%; }
  100% { background-position: 220% 0, 100% 220%, -220% 100%, 0 -220%; }
}

/* flatten remaining navy fills */
html body.wsdc-home-page .bg-muted,
html body.wsdc-home-page .bg-muted\/50,
html body.wsdc-home-page .bg-order-variant-background,
html body.wsdc-home-page .bg-popular-background,
html body.wsdc-home-page .bg-title-product,
html body.wsdc-home-page .bg-secondary,
html body.wsdc-home-page .bg-background {
  background-color: transparent !important;
}

/* ensure promo countdown chips still readable */
html body.wsdc-home-page #flashdata .fs-countdown > div,
html body.wsdc-home-page #flashdata #days,
html body.wsdc-home-page #flashdata #hours,
html body.wsdc-home-page #flashdata #minutes,
html body.wsdc-home-page #flashdata #seconds {
  background: rgba(18,18,18,.72) !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,.08) !important;
}

/* make flashsale wrapper transparent and product cards cleaner */
html body.wsdc-home-page #flashdata > .relative {
  padding-bottom: 4px;
}
html body.wsdc-home-page #flashdata .swiper-wrapper-fs > a {
  color: #fff !important;
}

/* remove duplicate/higher noise in mobile header and keep one menu icon */
@media (max-width: 767px) {
  html body.wsdc-home-page .wsdc-smoke-v76 {
    top: 120px;
    width: 82vw;
    opacity: .92;
    background-size: 100% auto;
  }
  html body.wsdc-home-page .wsdc-smoke-v76-left { left: -28vw; }
  html body.wsdc-home-page .wsdc-smoke-v76-right { right: -28vw; }
  html body.wsdc-home-page .wsdc-hero-copy {
    display: none !important;
  }
  html body.wsdc-home-page .wsdc-hero-grid {
    grid-template-columns: 1fr !important;
  }
  html body.wsdc-home-page .wsdc-home-utility {
    margin-top: 12px;
  }
  html body.wsdc-home-page .wsdc-home-utility > a {
    min-height: 66px;
    padding: 13px 14px;
  }
  html body.wsdc-home-page #popular-cards-container {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }
}

/* =========================================================
   WSDC V76 — BLACK NEON / CYAN-PINK SMOKE
   Final visual pass based on approved V76 preview.
   ========================================================= */
html body.wsdc-home-page,
html body.wsdc-home-page .content,
html body.wsdc-home-page .wsdc-home {
  background: #000 !important;
  background-color: #000 !important;
}
html body.wsdc-home-page::before,
html body.wsdc-home-page::after,
html body.wsdc-home-page .content::before,
html body.wsdc-home-page .content::after {
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  filter: none !important;
}
html body.wsdc-home-page .wsdc-smoke-v76 {
  position: fixed;
  top: 64px;
  bottom: 0;
  width: min(52vw, 820px);
  z-index: 0;
  pointer-events: none;
  opacity: .82;
  background: url('../img/web/wsdc-smoke-v75.png') center / contain repeat-y;
  filter: saturate(1.35) contrast(1.28) brightness(1.08) !important;
  mix-blend-mode: screen;
}
html body.wsdc-home-page .wsdc-smoke-v76-left {left:-13vw;}
html body.wsdc-home-page .wsdc-smoke-v76-right {right:-13vw;transform:scaleX(-1);}
html body.wsdc-home-page .wsdc-home > *:not(.wsdc-smoke-v76) {position:relative;z-index:1;}

/* No dark-blue panels: transparent black glass only */
html body.wsdc-home-page .wsdc-home :is(.wsdc-home-utility,.wsdc-promo-shell,.wsdc-promo-wrap,.wsdc-promo-section,.wsdc-review-shell) {
  background: rgba(0,0,0,.30) !important;
  background-image: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* Cyan/pink outline — no conic/radial fan */
html body.wsdc-home-page :is(.wsdc-home-utility>a,.wsdc-promo-shell,.wsdc-promo-wrap,.wsdc-review-shell) {
  border: 1px solid transparent !important;
  background-image:
    linear-gradient(rgba(0,0,0,.40),rgba(0,0,0,.40)),
    linear-gradient(90deg,#00f6ff,#ff2a9d,#00f6ff) !important;
  background-origin: border-box !important;
  background-clip: padding-box,border-box !important;
  box-shadow: 0 0 12px rgba(0,246,255,.10),0 0 12px rgba(255,42,157,.08) !important;
}
html body.wsdc-home-page :is(.wsdc-home-utility>a,.wsdc-promo-shell,.wsdc-promo-wrap,.wsdc-review-shell)::before,
html body.wsdc-home-page :is(.wsdc-home-utility>a,.wsdc-promo-shell,.wsdc-promo-wrap,.wsdc-review-shell)::after {
  background: none !important;
  filter: none !important;
}

@media (max-width: 768px) {
  html body.wsdc-home-page .wsdc-smoke-v76 {width:88vw;opacity:.72;top:82px;}
  html body.wsdc-home-page .wsdc-smoke-v76-left {left:-48vw;}
  html body.wsdc-home-page .wsdc-smoke-v76-right {right:-48vw;}
  /* one compact useful shortcut */
  html body.wsdc-home-page .wsdc-home-utility {display:grid !important;grid-template-columns:1fr !important;}
  html body.wsdc-home-page .wsdc-home-utility>a:not(:last-child) {display:none !important;}
}


/* =========================================================
   WSDC V76 FIXED — ACTUAL SMOKE + CACHE/CLASS FIX
   Fixes V75 bad smoke asset path and V76 class/CSS mismatch.
   Uses existing root asset /img/wsdc-smoke-v58.webp.
   ========================================================= */
html body.wsdc-home-page .wsdc-smoke-v76 {
  display:block !important;
  position:fixed !important;
  top:72px !important;
  bottom:0 !important;
  width:min(62vw,920px) !important;
  pointer-events:none !important;
  z-index:0 !important;
  opacity:.78 !important;
  background-image:url('/img/wsdc-smoke-v58.webp') !important;
  background-repeat:no-repeat !important;
  background-size:cover !important;
  background-position:center center !important;
  filter:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  mix-blend-mode:screen !important;
  will-change:transform;
}
html body.wsdc-home-page .wsdc-smoke-v76-left {
  left:-14vw !important;
  clip-path:inset(0 42% 0 0);
  animation:wsdc-v76-smoke-left 18s ease-in-out infinite alternate !important;
}
html body.wsdc-home-page .wsdc-smoke-v76-right {
  right:-14vw !important;
  transform:scaleX(-1);
  clip-path:inset(0 0 0 42%);
  animation:wsdc-v76-smoke-right 21s ease-in-out infinite alternate !important;
}
@keyframes wsdc-v76-smoke-left {
  0% { transform:translate3d(-1.5%,0,0) scale(1.02); }
  100% { transform:translate3d(2.5%,1.5%,0) scale(1.07); }
}
@keyframes wsdc-v76-smoke-right {
  0% { transform:scaleX(-1) translate3d(-1%,0,0) scale(1.01); }
  100% { transform:scaleX(-1) translate3d(2.5%,1.2%,0) scale(1.06); }
}

/* no second full-screen tint over smoke */
html body.wsdc-home-page,
html body.wsdc-home-page .content,
html body.wsdc-home-page .content.bg-background,
html body.wsdc-home-page .wsdc-home,
html body.wsdc-home-page .wsdc-home > .flex.flex-col,
html body.wsdc-home-page .wsdc-hero,
html body.wsdc-home-page .wsdc-hero-grid {
  background-color:transparent !important;
  background-image:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
html body.wsdc-home-page { background:#000 !important; }

/* card/promo shells: no dark-blue fill */
html body.wsdc-home-page #flashdata > .relative,
html body.wsdc-home-page #flashdata .group.flex.overflow-hidden,
html body.wsdc-home-page #popular-cards-container > li > a,
html body.wsdc-home-page .testimoni-card,
html body.wsdc-home-page #katalog-wsdc li > a,
html body.wsdc-home-page .wsdc-home-utility > a {
  background-color:rgba(0,0,0,.10) !important;
  box-shadow:none !important;
}
html body.wsdc-home-page #flashdata > .relative {
  background:transparent !important;
}

@media (max-width:767px) {
  html body.wsdc-home-page .wsdc-smoke-v76 {
    top:86px !important;
    width:105vw !important;
    opacity:.72 !important;
    background-size:auto 100% !important;
  }
  html body.wsdc-home-page .wsdc-smoke-v76-left {
    left:-52vw !important;
    clip-path:inset(0 38% 0 0);
  }
  html body.wsdc-home-page .wsdc-smoke-v76-right {
    right:-52vw !important;
    clip-path:inset(0 0 0 38%);
  }
}


/* =========================================================
   WSDC V79 — MOVING SMOKE FIX
   Visible movement using the V78 transparent smoke asset.
   No canvas blur, no dark overlay.
   ========================================================= */
html body.wsdc-home-page .wsdc-smoke-v75,
html body.wsdc-home-page .wsdc-smoke-v76,
html body.wsdc-home-page .wsdc-smoke-v78,
html body.wsdc-home-page #wsdc-smoke-canvas {
  display:none !important;
}

html body.wsdc-home-page .wsdc-smoke-v79 {
  display:block !important;
  position:fixed !important;
  top:70px !important;
  bottom:-160px !important;
  width:min(72vw,1080px) !important;
  pointer-events:none !important;
  z-index:0 !important;
  opacity:.88 !important;
  background-image:url('../img/web/wsdc-smoke-v78.png') !important;
  background-repeat:repeat-y !important;
  background-size:100% auto !important;
  background-position:50% 0 !important;
  filter:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  mix-blend-mode:screen !important;
  will-change:transform,background-position;
}
html body.wsdc-home-page .wsdc-smoke-v79-left {
  left:-30vw !important;
  animation:wsdc-v79-smoke-left 11s ease-in-out infinite alternate !important;
}
html body.wsdc-home-page .wsdc-smoke-v79-right {
  right:-30vw !important;
  animation:wsdc-v79-smoke-right 14s ease-in-out infinite alternate !important;
}

@keyframes wsdc-v79-smoke-left {
  0%   { transform:translate3d(-3vw,-18px,0) scale(1.00); background-position:50% 0; }
  35%  { transform:translate3d(4vw,22px,0) scale(1.045); background-position:48% -70px; }
  70%  { transform:translate3d(9vw,-10px,0) scale(1.075); background-position:53% -145px; }
  100% { transform:translate3d(2vw,38px,0) scale(1.035); background-position:49% -220px; }
}
@keyframes wsdc-v79-smoke-right {
  0%   { transform:scaleX(-1) translate3d(-2vw,28px,0) scale(1.02); background-position:50% -180px; }
  33%  { transform:scaleX(-1) translate3d(5vw,-12px,0) scale(1.06); background-position:54% -105px; }
  70%  { transform:scaleX(-1) translate3d(10vw,34px,0) scale(1.025); background-position:48% -30px; }
  100% { transform:scaleX(-1) translate3d(3vw,-28px,0) scale(1.08); background-position:52% 70px; }
}

html body.wsdc-home-page .content,
html body.wsdc-home-page .content.bg-background,
html body.wsdc-home-page .wsdc-home,
html body.wsdc-home-page .wsdc-home > .flex.flex-col,
html body.wsdc-home-page .wsdc-hero,
html body.wsdc-home-page .wsdc-hero-grid {
  background-color:transparent !important;
  background-image:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
html body.wsdc-home-page { background:#000 !important; }
html body.wsdc-home-page .wsdc-home > *:not(.wsdc-smoke-v79) {
  position:relative;
  z-index:1;
}

@media (max-width:767px) {
  html body.wsdc-home-page .wsdc-smoke-v79 {
    top:82px !important;
    bottom:-100px !important;
    width:125vw !important;
    opacity:.78 !important;
    background-size:auto 72vh !important;
  }
  html body.wsdc-home-page .wsdc-smoke-v79-left {
    left:-72vw !important;
    animation-duration:12s !important;
  }
  html body.wsdc-home-page .wsdc-smoke-v79-right {
    right:-72vw !important;
    animation-duration:15s !important;
  }
  @keyframes wsdc-v79-smoke-left {
    0%   { transform:translate3d(-4vw,-10px,0) scale(1.00); background-position:50% 0; }
    50%  { transform:translate3d(12vw,35px,0) scale(1.07); background-position:50% -100px; }
    100% { transform:translate3d(3vw,-24px,0) scale(1.035); background-position:50% -190px; }
  }
  @keyframes wsdc-v79-smoke-right {
    0%   { transform:scaleX(-1) translate3d(-5vw,26px,0) scale(1.02); background-position:50% -120px; }
    50%  { transform:scaleX(-1) translate3d(13vw,-22px,0) scale(1.075); background-position:50% -20px; }
    100% { transform:scaleX(-1) translate3d(2vw,42px,0) scale(1.03); background-position:50% 90px; }
  }
}

@media (prefers-reduced-motion:reduce) {
  html body.wsdc-home-page .wsdc-smoke-v79 {
    animation-duration:30s !important;
  }
}


/* WSDC V87 DIRECT CLEAN GUARD */
html body.wsdc-home-page .content,
html body.wsdc-home-page .content.bg-background,
html body.wsdc-home-page .wsdc-home,
html body.wsdc-home-page .wsdc-hero,
html body.wsdc-home-page .wsdc-hero-grid,
html body.wsdc-home-page .wsdc-hero-media,
html body.wsdc-home-page .wsdc-hero-media .swiper,
html body.wsdc-home-page .wsdc-hero-media .swiper-wrapper,
html body.wsdc-home-page .wsdc-hero-media .swiper-slide {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}