/* VLIKE Digital Market V5.2 — premium night experience. */

:is(html:has(#night-mode-css), body.theme-dark, body[data-theme="dark"], .night-mode) .vdm-shell {
  --vdm-bg: rgba(9, 15, 31, .82);
  --vdm-surface: rgba(15, 24, 45, .88);
  --vdm-surface-2: rgba(25, 38, 67, .72);
  --vdm-text: #f7f9ff;
  --vdm-muted: #9eabc4;
  --vdm-line: rgba(154, 174, 211, .17);
  --vdm-brand: #8b7cff;
  --vdm-brand-2: #22d3ee;
  --vdm-success: #34d399;
  --vdm-danger: #fb7185;
  --vdm-warning: #fbbf24;
  --vdm-shadow: 0 24px 70px rgba(0, 0, 0, .38), inset 0 1px rgba(255, 255, 255, .035);
  position: relative;
  isolation: isolate;
  overflow: hidden;
  color-scheme: dark;
  color: var(--vdm-text);
  border: 1px solid rgba(139, 124, 255, .16);
  border-radius: 34px;
  background:
    radial-gradient(circle at 5% 4%, rgba(124, 92, 255, .16), transparent 29%),
    radial-gradient(circle at 94% 17%, rgba(34, 211, 238, .11), transparent 26%),
    radial-gradient(circle at 60% 94%, rgba(59, 130, 246, .08), transparent 32%),
    linear-gradient(155deg, #080d1b 0%, #0a1223 48%, #070c18 100%);
  box-shadow: 0 36px 110px rgba(0, 0, 0, .34), inset 0 1px rgba(255, 255, 255, .04);
}

:is(html:has(#night-mode-css), body.theme-dark, body[data-theme="dark"], .night-mode) .vdm-shell::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 420px;
  right: -210px;
  width: 480px;
  height: 480px;
  pointer-events: none;
  border-radius: 50%;
  background: rgba(34, 211, 238, .08);
  filter: blur(90px);
}

:is(html:has(#night-mode-css), body.theme-dark, body[data-theme="dark"], .night-mode) .vdm-shell::selection,
:is(html:has(#night-mode-css), body.theme-dark, body[data-theme="dark"], .night-mode) .vdm-shell *::selection {
  color: #fff;
  background: rgba(124, 92, 255, .72);
}

/* Hero */
:is(html:has(#night-mode-css), body.theme-dark, body[data-theme="dark"], .night-mode) .vdm-hero {
  border: 1px solid rgba(125, 211, 252, .2);
  background:
    radial-gradient(circle at 82% 15%, rgba(34, 211, 238, .28), transparent 27%),
    radial-gradient(circle at 12% 108%, rgba(139, 92, 246, .66), transparent 40%),
    linear-gradient(128deg, #0a1230 0%, #21165f 48%, #132c58 100%);
  box-shadow: 0 36px 100px rgba(2, 6, 23, .58), 0 0 0 1px rgba(139, 124, 255, .05), inset 0 1px rgba(255, 255, 255, .11);
}

:is(html:has(#night-mode-css), body.theme-dark, body[data-theme="dark"], .night-mode) .vdm-hero::after {
  opacity: .72;
  background-image:
    linear-gradient(rgba(125, 211, 252, .055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(139, 124, 255, .055) 1px, transparent 1px);
  background-size: 42px 42px;
}

:is(html:has(#night-mode-css), body.theme-dark, body[data-theme="dark"], .night-mode) .vdm-hero h1 {
  color: #fff;
  background: linear-gradient(100deg, #fff 12%, #dbeafe 54%, #a5f3fc 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: 0 16px 50px rgba(34, 211, 238, .08);
}

:is(html:has(#night-mode-css), body.theme-dark, body[data-theme="dark"], .night-mode) .vdm-eyebrow {
  color: #67e8f9;
  text-shadow: 0 0 24px rgba(34, 211, 238, .38);
}

:is(html:has(#night-mode-css), body.theme-dark, body[data-theme="dark"], .night-mode) .vdm-hero-search {
  border-color: rgba(165, 243, 252, .2);
  background: rgba(7, 13, 29, .82);
  box-shadow: 0 18px 55px rgba(2, 6, 23, .5), inset 0 1px rgba(255, 255, 255, .07);
  backdrop-filter: blur(18px) saturate(130%);
}

:is(html:has(#night-mode-css), body.theme-dark, body[data-theme="dark"], .night-mode) .vdm-hero-search > span { color: #67e8f9; }
:is(html:has(#night-mode-css), body.theme-dark, body[data-theme="dark"], .night-mode) .vdm-hero-search input { color: #f8fafc; }
:is(html:has(#night-mode-css), body.theme-dark, body[data-theme="dark"], .night-mode) .vdm-hero-search input::placeholder { color: #8290ab; }
:is(html:has(#night-mode-css), body.theme-dark, body[data-theme="dark"], .night-mode) .vdm-hero-search button {
  color: #06111d;
  background: linear-gradient(135deg, #a78bfa, #22d3ee);
  box-shadow: 0 10px 28px rgba(34, 211, 238, .2);
}

:is(html:has(#night-mode-css), body.theme-dark, body[data-theme="dark"], .night-mode) .vdm-wallet-card {
  border-color: rgba(165, 243, 252, .23);
  background: linear-gradient(145deg, rgba(30, 41, 83, .76), rgba(8, 20, 45, .54));
  box-shadow: 0 24px 60px rgba(2, 6, 23, .48), inset 0 1px rgba(255, 255, 255, .14), inset 0 0 45px rgba(34, 211, 238, .045);
  backdrop-filter: blur(22px) saturate(135%);
}

:is(html:has(#night-mode-css), body.theme-dark, body[data-theme="dark"], .night-mode) .vdm-wallet-orb {
  color: #091329;
  background: linear-gradient(145deg, #f5f3ff, #67e8f9);
  box-shadow: 0 15px 35px rgba(34, 211, 238, .28), 0 0 0 7px rgba(255, 255, 255, .035);
}

/* Glass navigation and panels */
:is(html:has(#night-mode-css), body.theme-dark, body[data-theme="dark"], .night-mode) .vdm-compact-header,
:is(html:has(#night-mode-css), body.theme-dark, body[data-theme="dark"], .night-mode) .vdm-catalog-toolbar,
:is(html:has(#night-mode-css), body.theme-dark, body[data-theme="dark"], .night-mode) .vdm-filter-panel,
:is(html:has(#night-mode-css), body.theme-dark, body[data-theme="dark"], .night-mode) .vdm-detail-section,
:is(html:has(#night-mode-css), body.theme-dark, body[data-theme="dark"], .night-mode) .vdm-panel,
:is(html:has(#night-mode-css), body.theme-dark, body[data-theme="dark"], .night-mode) .vdm-form-step,
:is(html:has(#night-mode-css), body.theme-dark, body[data-theme="dark"], .night-mode) .vdm-ticket {
  border-color: rgba(147, 170, 211, .16);
  background: linear-gradient(145deg, rgba(18, 29, 53, .9), rgba(11, 19, 37, .86));
  box-shadow: 0 18px 48px rgba(0, 0, 0, .18), inset 0 1px rgba(255, 255, 255, .035);
  backdrop-filter: blur(16px) saturate(120%);
}

:is(html:has(#night-mode-css), body.theme-dark, body[data-theme="dark"], .night-mode) .vdm-dashboard,
:is(html:has(#night-mode-css), body.theme-dark, body[data-theme="dark"], .night-mode) .vdm-library,
:is(html:has(#night-mode-css), body.theme-dark, body[data-theme="dark"], .night-mode) .vdm-sell-page,
:is(html:has(#night-mode-css), body.theme-dark, body[data-theme="dark"], .night-mode) .vdm-form-shell {
  border-color: rgba(139, 124, 255, .16);
  background:
    radial-gradient(circle at 100% 0, rgba(34, 211, 238, .055), transparent 25%),
    linear-gradient(145deg, rgba(10, 17, 34, .88), rgba(9, 15, 29, .76));
  box-shadow: inset 0 1px rgba(255, 255, 255, .025);
}

:is(html:has(#night-mode-css), body.theme-dark, body[data-theme="dark"], .night-mode) .vdm-detail-tabs {
  border-color: rgba(139, 124, 255, .18);
  background: rgba(8, 14, 29, .86);
  box-shadow: 0 14px 35px rgba(0, 0, 0, .25), inset 0 1px rgba(255, 255, 255, .04);
  backdrop-filter: blur(22px) saturate(130%);
}

:is(html:has(#night-mode-css), body.theme-dark, body[data-theme="dark"], .night-mode) .vdm-detail-tabs a:hover {
  color: #a5f3fc;
  background: linear-gradient(135deg, rgba(139, 124, 255, .18), rgba(34, 211, 238, .09));
}

/* Categories and product cards */
:is(html:has(#night-mode-css), body.theme-dark, body[data-theme="dark"], .night-mode) .vdm-category-grid > a {
  border-color: rgba(148, 163, 184, .15);
  background: linear-gradient(145deg, rgba(20, 31, 56, .86), rgba(11, 19, 37, .82));
  box-shadow: inset 0 1px rgba(255, 255, 255, .035);
}

:is(html:has(#night-mode-css), body.theme-dark, body[data-theme="dark"], .night-mode) .vdm-category-grid > a:hover,
:is(html:has(#night-mode-css), body.theme-dark, body[data-theme="dark"], .night-mode) .vdm-category-grid > a.is-active {
  border-color: rgba(103, 232, 249, .45);
  background: linear-gradient(145deg, rgba(30, 36, 81, .92), rgba(12, 35, 58, .88));
  box-shadow: 0 16px 40px rgba(34, 211, 238, .1), inset 0 1px rgba(255, 255, 255, .07);
}

:is(html:has(#night-mode-css), body.theme-dark, body[data-theme="dark"], .night-mode) .vdm-category-icon {
  color: #d8b4fe;
  border: 1px solid rgba(165, 180, 252, .16);
  background: linear-gradient(145deg, rgba(139, 92, 246, .24), rgba(34, 211, 238, .12));
  box-shadow: inset 0 1px rgba(255, 255, 255, .07);
}

:is(html:has(#night-mode-css), body.theme-dark, body[data-theme="dark"], .night-mode) .vdm-product-card {
  position: relative;
  border-color: rgba(148, 163, 184, .15);
  background: linear-gradient(155deg, rgba(20, 31, 56, .96), rgba(9, 17, 33, .94));
  box-shadow: 0 16px 45px rgba(0, 0, 0, .24), inset 0 1px rgba(255, 255, 255, .035);
}

:is(html:has(#night-mode-css), body.theme-dark, body[data-theme="dark"], .night-mode) .vdm-product-card::before {
  content: "";
  position: absolute;
  z-index: 3;
  top: 0;
  right: 18%;
  left: 18%;
  height: 1px;
  pointer-events: none;
  background: linear-gradient(90deg, transparent, rgba(103, 232, 249, .75), transparent);
  opacity: .5;
}

:is(html:has(#night-mode-css), body.theme-dark, body[data-theme="dark"], .night-mode) .vdm-product-card:hover {
  border-color: rgba(103, 232, 249, .36);
  box-shadow: 0 26px 65px rgba(0, 0, 0, .38), 0 0 36px rgba(34, 211, 238, .075), inset 0 1px rgba(255, 255, 255, .06);
}

:is(html:has(#night-mode-css), body.theme-dark, body[data-theme="dark"], .night-mode) .vdm-card-cover {
  background: #0b1428;
}

:is(html:has(#night-mode-css), body.theme-dark, body[data-theme="dark"], .night-mode) .vdm-card-cover::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(to top, rgba(4, 10, 24, .36), transparent 48%);
}

:is(html:has(#night-mode-css), body.theme-dark, body[data-theme="dark"], .night-mode) .vdm-card-badge {
  border: 1px solid rgba(255, 255, 255, .13);
  background: linear-gradient(135deg, #7c3aed, #0891b2);
  box-shadow: 0 8px 22px rgba(34, 211, 238, .18);
}

:is(html:has(#night-mode-css), body.theme-dark, body[data-theme="dark"], .night-mode) .vdm-card-preview {
  color: #ecfeff;
  border: 1px solid rgba(103, 232, 249, .25);
  background: rgba(7, 17, 33, .88);
  box-shadow: 0 10px 30px rgba(0, 0, 0, .3);
  backdrop-filter: blur(12px);
}

:is(html:has(#night-mode-css), body.theme-dark, body[data-theme="dark"], .night-mode) .vdm-card-footer strong {
  color: #f0fdfa;
  text-shadow: 0 0 22px rgba(34, 211, 238, .14);
}

/* Controls */
:is(html:has(#night-mode-css), body.theme-dark, body[data-theme="dark"], .night-mode) .vdm-shell input[type="text"],
:is(html:has(#night-mode-css), body.theme-dark, body[data-theme="dark"], .night-mode) .vdm-shell input[type="search"],
:is(html:has(#night-mode-css), body.theme-dark, body[data-theme="dark"], .night-mode) .vdm-shell input[type="number"],
:is(html:has(#night-mode-css), body.theme-dark, body[data-theme="dark"], .night-mode) .vdm-shell input[type="url"],
:is(html:has(#night-mode-css), body.theme-dark, body[data-theme="dark"], .night-mode) .vdm-shell input[type="file"],
:is(html:has(#night-mode-css), body.theme-dark, body[data-theme="dark"], .night-mode) .vdm-shell select,
:is(html:has(#night-mode-css), body.theme-dark, body[data-theme="dark"], .night-mode) .vdm-shell textarea {
  color: #eef2ff;
  border-color: rgba(148, 163, 184, .2);
  background: rgba(7, 14, 29, .76);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, .22);
}

:is(html:has(#night-mode-css), body.theme-dark, body[data-theme="dark"], .night-mode) .vdm-shell input::placeholder,
:is(html:has(#night-mode-css), body.theme-dark, body[data-theme="dark"], .night-mode) .vdm-shell textarea::placeholder { color: #6f7d98; }

:is(html:has(#night-mode-css), body.theme-dark, body[data-theme="dark"], .night-mode) .vdm-shell input:focus,
:is(html:has(#night-mode-css), body.theme-dark, body[data-theme="dark"], .night-mode) .vdm-shell select:focus,
:is(html:has(#night-mode-css), body.theme-dark, body[data-theme="dark"], .night-mode) .vdm-shell textarea:focus {
  border-color: rgba(103, 232, 249, .66);
  box-shadow: 0 0 0 3px rgba(34, 211, 238, .11), 0 12px 30px rgba(0, 0, 0, .2);
}

:is(html:has(#night-mode-css), body.theme-dark, body[data-theme="dark"], .night-mode) .vdm-shell input[type="file"]::file-selector-button {
  margin-right: 10px;
  padding: 8px 11px;
  color: #e0f2fe;
  border: 1px solid rgba(103, 232, 249, .22);
  border-radius: 8px;
  background: rgba(34, 211, 238, .08);
}

:is(html:has(#night-mode-css), body.theme-dark, body[data-theme="dark"], .night-mode) .vdm-btn-primary {
  color: #fff !important;
  border-color: rgba(165, 243, 252, .14);
  background: linear-gradient(135deg, #7c5cff 0%, #6366f1 45%, #0891b2 100%);
  box-shadow: 0 12px 30px rgba(91, 69, 245, .26), 0 0 24px rgba(34, 211, 238, .08), inset 0 1px rgba(255, 255, 255, .16);
}

:is(html:has(#night-mode-css), body.theme-dark, body[data-theme="dark"], .night-mode) .vdm-btn-primary:hover {
  filter: brightness(1.11) saturate(1.05);
  box-shadow: 0 16px 38px rgba(91, 69, 245, .32), 0 0 30px rgba(34, 211, 238, .13), inset 0 1px rgba(255, 255, 255, .2);
}

:is(html:has(#night-mode-css), body.theme-dark, body[data-theme="dark"], .night-mode) .vdm-btn-secondary,
:is(html:has(#night-mode-css), body.theme-dark, body[data-theme="dark"], .night-mode) .vdm-buy-secondary > button,
:is(html:has(#night-mode-css), body.theme-dark, body[data-theme="dark"], .night-mode) .vdm-buy-secondary > a {
  color: #dbeafe !important;
  border-color: rgba(147, 197, 253, .18);
  background: linear-gradient(145deg, rgba(23, 35, 61, .9), rgba(12, 21, 40, .9));
  box-shadow: inset 0 1px rgba(255, 255, 255, .035);
}

:is(html:has(#night-mode-css), body.theme-dark, body[data-theme="dark"], .night-mode) .vdm-btn-secondary:hover,
:is(html:has(#night-mode-css), body.theme-dark, body[data-theme="dark"], .night-mode) .vdm-buy-secondary > button:hover,
:is(html:has(#night-mode-css), body.theme-dark, body[data-theme="dark"], .night-mode) .vdm-buy-secondary > a:hover {
  border-color: rgba(103, 232, 249, .4);
  background: linear-gradient(145deg, rgba(36, 43, 86, .9), rgba(12, 42, 61, .9));
}

/* Product detail, trust and seller tools */
:is(html:has(#night-mode-css), body.theme-dark, body[data-theme="dark"], .night-mode) .vdm-gallery-stage {
  border-color: rgba(139, 124, 255, .18);
  background: linear-gradient(145deg, #0d172c, #08101f);
  box-shadow: 0 24px 65px rgba(0, 0, 0, .3), inset 0 1px rgba(255, 255, 255, .035);
}

:is(html:has(#night-mode-css), body.theme-dark, body[data-theme="dark"], .night-mode) .vdm-buy-card {
  border-color: rgba(103, 232, 249, .25);
  background:
    radial-gradient(circle at 100% 0, rgba(34, 211, 238, .14), transparent 36%),
    linear-gradient(145deg, rgba(25, 32, 68, .96), rgba(8, 21, 40, .95));
  box-shadow: 0 26px 70px rgba(0, 0, 0, .4), 0 0 40px rgba(34, 211, 238, .055), inset 0 1px rgba(255, 255, 255, .07);
}

:is(html:has(#night-mode-css), body.theme-dark, body[data-theme="dark"], .night-mode) .vdm-seller-card,
:is(html:has(#night-mode-css), body.theme-dark, body[data-theme="dark"], .night-mode) .vdm-library-item,
:is(html:has(#night-mode-css), body.theme-dark, body[data-theme="dark"], .night-mode) .vdm-seller-products > article,
:is(html:has(#night-mode-css), body.theme-dark, body[data-theme="dark"], .night-mode) .vdm-stat-grid > div {
  border-color: rgba(148, 163, 184, .15);
  background: linear-gradient(145deg, rgba(20, 31, 56, .88), rgba(10, 18, 35, .86));
  box-shadow: 0 14px 36px rgba(0, 0, 0, .18), inset 0 1px rgba(255, 255, 255, .035);
}

:is(html:has(#night-mode-css), body.theme-dark, body[data-theme="dark"], .night-mode) .vdm-stat-grid > div {
  position: relative;
  overflow: hidden;
}

:is(html:has(#night-mode-css), body.theme-dark, body[data-theme="dark"], .night-mode) .vdm-stat-grid > div::after {
  content: "";
  position: absolute;
  right: -24px;
  bottom: -30px;
  width: 74px;
  height: 74px;
  border-radius: 50%;
  background: rgba(34, 211, 238, .055);
  filter: blur(2px);
}

:is(html:has(#night-mode-css), body.theme-dark, body[data-theme="dark"], .night-mode) .vdm-stat-grid strong { color: #e0f2fe; }

:is(html:has(#night-mode-css), body.theme-dark, body[data-theme="dark"], .night-mode) .vdm-chip-row span,
:is(html:has(#night-mode-css), body.theme-dark, body[data-theme="dark"], .night-mode) .vdm-tag-list span {
  color: #c4b5fd;
  border-color: rgba(167, 139, 250, .24);
  background: linear-gradient(135deg, rgba(139, 92, 246, .14), rgba(34, 211, 238, .065));
}

:is(html:has(#night-mode-css), body.theme-dark, body[data-theme="dark"], .night-mode) .vdm-feature-grid li,
:is(html:has(#night-mode-css), body.theme-dark, body[data-theme="dark"], .night-mode) .vdm-info-block,
:is(html:has(#night-mode-css), body.theme-dark, body[data-theme="dark"], .night-mode) .vdm-about,
:is(html:has(#night-mode-css), body.theme-dark, body[data-theme="dark"], .night-mode) .vdm-meta-list > div,
:is(html:has(#night-mode-css), body.theme-dark, body[data-theme="dark"], .night-mode) .vdm-product-mini-metric > div,
:is(html:has(#night-mode-css), body.theme-dark, body[data-theme="dark"], .night-mode) .vdm-version-list > article,
:is(html:has(#night-mode-css), body.theme-dark, body[data-theme="dark"], .night-mode) .vdm-timeline > div,
:is(html:has(#night-mode-css), body.theme-dark, body[data-theme="dark"], .night-mode) .vdm-question-list > article,
:is(html:has(#night-mode-css), body.theme-dark, body[data-theme="dark"], .night-mode) .vdm-review,
:is(html:has(#night-mode-css), body.theme-dark, body[data-theme="dark"], .night-mode) .vdm-ticket-thread {
  border-color: rgba(148, 163, 184, .13);
  background: rgba(25, 38, 67, .58);
  box-shadow: inset 0 1px rgba(255, 255, 255, .025);
}

:is(html:has(#night-mode-css), body.theme-dark, body[data-theme="dark"], .night-mode) .vdm-delivery-options > label {
  border-color: rgba(148, 163, 184, .17);
  background: linear-gradient(145deg, rgba(17, 27, 50, .92), rgba(9, 17, 33, .9));
}

:is(html:has(#night-mode-css), body.theme-dark, body[data-theme="dark"], .night-mode) .vdm-delivery-options > label:has(input:checked) {
  border-color: rgba(103, 232, 249, .64);
  background: linear-gradient(145deg, rgba(41, 33, 91, .88), rgba(8, 44, 62, .86));
  box-shadow: 0 0 0 3px rgba(34, 211, 238, .09), 0 18px 42px rgba(0, 0, 0, .22), inset 0 1px rgba(255, 255, 255, .06);
}

:is(html:has(#night-mode-css), body.theme-dark, body[data-theme="dark"], .night-mode) .vdm-step {
  border-color: rgba(148, 163, 184, .15);
  background: rgba(13, 23, 43, .8);
}

:is(html:has(#night-mode-css), body.theme-dark, body[data-theme="dark"], .night-mode) .vdm-step.is-active {
  color: #fff;
  border-color: rgba(103, 232, 249, .5);
  background: linear-gradient(135deg, rgba(78, 61, 174, .32), rgba(8, 74, 92, .23));
  box-shadow: 0 10px 28px rgba(34, 211, 238, .07);
}

:is(html:has(#night-mode-css), body.theme-dark, body[data-theme="dark"], .night-mode) .vdm-step > span,
:is(html:has(#night-mode-css), body.theme-dark, body[data-theme="dark"], .night-mode) .vdm-form-heading > div > span {
  color: #c4b5fd;
  background: linear-gradient(145deg, rgba(139, 92, 246, .26), rgba(34, 211, 238, .12));
}

:is(html:has(#night-mode-css), body.theme-dark, body[data-theme="dark"], .night-mode) .vdm-review-checklist > div {
  color: #a7f3d0;
  border: 1px solid rgba(52, 211, 153, .18);
  background: rgba(6, 78, 59, .24);
}

/* Messages, statuses and modal */
:is(html:has(#night-mode-css), body.theme-dark, body[data-theme="dark"], .night-mode) .vdm-alert {
  color: #a7f3d0;
  border-color: rgba(52, 211, 153, .3);
  background: rgba(6, 78, 59, .86);
  box-shadow: 0 18px 48px rgba(0, 0, 0, .3), inset 0 1px rgba(255, 255, 255, .055);
  backdrop-filter: blur(16px);
}

:is(html:has(#night-mode-css), body.theme-dark, body[data-theme="dark"], .night-mode) .vdm-alert.is-error {
  color: #fecdd3;
  border-color: rgba(251, 113, 133, .34);
  background: rgba(76, 5, 25, .9);
}

:is(html:has(#night-mode-css), body.theme-dark, body[data-theme="dark"], .night-mode) .vdm-admin-banner {
  color: #bfdbfe;
  border-color: rgba(96, 165, 250, .26);
  background: rgba(30, 58, 138, .3);
}

:is(html:has(#night-mode-css), body.theme-dark, body[data-theme="dark"], .night-mode) .vdm-admin-banner-warning {
  color: #fde68a;
  border-color: rgba(251, 191, 36, .28);
  background: rgba(120, 53, 15, .26);
}

:is(html:has(#night-mode-css), body.theme-dark, body[data-theme="dark"], .night-mode) .vdm-status {
  color: #bfdbfe;
  border: 1px solid rgba(96, 165, 250, .18);
  background: rgba(30, 64, 175, .25);
}

:is(html:has(#night-mode-css), body.theme-dark, body[data-theme="dark"], .night-mode) .vdm-status-published,
:is(html:has(#night-mode-css), body.theme-dark, body[data-theme="dark"], .night-mode) .vdm-status-active,
:is(html:has(#night-mode-css), body.theme-dark, body[data-theme="dark"], .night-mode) .vdm-status-seller_replied {
  color: #a7f3d0;
  border-color: rgba(52, 211, 153, .2);
  background: rgba(6, 95, 70, .28);
}

:is(html:has(#night-mode-css), body.theme-dark, body[data-theme="dark"], .night-mode) .vdm-status-pending_review,
:is(html:has(#night-mode-css), body.theme-dark, body[data-theme="dark"], .night-mode) .vdm-status-open,
:is(html:has(#night-mode-css), body.theme-dark, body[data-theme="dark"], .night-mode) .vdm-status-buyer_replied {
  color: #fde68a;
  border-color: rgba(251, 191, 36, .2);
  background: rgba(146, 64, 14, .28);
}

:is(html:has(#night-mode-css), body.theme-dark, body[data-theme="dark"], .night-mode) .vdm-status-rejected,
:is(html:has(#night-mode-css), body.theme-dark, body[data-theme="dark"], .night-mode) .vdm-status-suspended,
:is(html:has(#night-mode-css), body.theme-dark, body[data-theme="dark"], .night-mode) .vdm-status-revoked {
  color: #fecdd3;
  border-color: rgba(251, 113, 133, .2);
  background: rgba(136, 19, 55, .27);
}

:is(html:has(#night-mode-css), body.theme-dark, body[data-theme="dark"], .night-mode) .vdm-modal {
  background: rgba(2, 6, 18, .82);
  backdrop-filter: blur(12px) saturate(110%);
}

:is(html:has(#night-mode-css), body.theme-dark, body[data-theme="dark"], .night-mode) .vdm-modal-panel {
  border-color: rgba(103, 232, 249, .2);
  background:
    radial-gradient(circle at 100% 0, rgba(34, 211, 238, .1), transparent 32%),
    linear-gradient(145deg, rgba(20, 29, 58, .98), rgba(7, 15, 30, .98));
  box-shadow: 0 40px 120px rgba(0, 0, 0, .66), 0 0 50px rgba(34, 211, 238, .055), inset 0 1px rgba(255, 255, 255, .07);
}

:is(html:has(#night-mode-css), body.theme-dark, body[data-theme="dark"], .night-mode) .vdm-modal-icon {
  color: #67e8f9;
  border: 1px solid rgba(103, 232, 249, .18);
  background: linear-gradient(145deg, rgba(139, 92, 246, .24), rgba(34, 211, 238, .12));
  box-shadow: 0 12px 30px rgba(34, 211, 238, .08);
}

:is(html:has(#night-mode-css), body.theme-dark, body[data-theme="dark"], .night-mode) .vdm-state,
:is(html:has(#night-mode-css), body.theme-dark, body[data-theme="dark"], .night-mode) .vdm-empty {
  border-color: rgba(139, 124, 255, .2);
  background: rgba(11, 20, 39, .7);
}

:is(html:has(#night-mode-css), body.theme-dark, body[data-theme="dark"], .night-mode) .vdm-shell {
  scrollbar-color: rgba(103, 232, 249, .32) rgba(7, 13, 26, .2);
}

:is(html:has(#night-mode-css), body.theme-dark, body[data-theme="dark"], .night-mode) .vdm-shell ::-webkit-scrollbar { width: 9px; height: 9px; }
:is(html:has(#night-mode-css), body.theme-dark, body[data-theme="dark"], .night-mode) .vdm-shell ::-webkit-scrollbar-track { background: rgba(7, 13, 26, .25); }
:is(html:has(#night-mode-css), body.theme-dark, body[data-theme="dark"], .night-mode) .vdm-shell ::-webkit-scrollbar-thumb { border: 2px solid transparent; border-radius: 999px; background: linear-gradient(180deg, rgba(139, 124, 255, .72), rgba(34, 211, 238, .62)) padding-box; }

@media (max-width: 640px) {
  :is(html:has(#night-mode-css), body.theme-dark, body[data-theme="dark"], .night-mode) .vdm-shell {
    border-right: 0;
    border-left: 0;
    border-radius: 22px;
  }
}

@media (prefers-reduced-motion: no-preference) {
  :is(html:has(#night-mode-css), body.theme-dark, body[data-theme="dark"], .night-mode) .vdm-product-card,
  :is(html:has(#night-mode-css), body.theme-dark, body[data-theme="dark"], .night-mode) .vdm-category-grid > a,
  :is(html:has(#night-mode-css), body.theme-dark, body[data-theme="dark"], .night-mode) .vdm-btn {
    transition-duration: .24s;
    transition-timing-function: cubic-bezier(.2, .75, .25, 1);
  }
}