/* --- CUSTOM PROPERTIES & CONFIGURATION --- */
:root {
  /* DARK Theme Color Palette themed around 'Diaclose' */
  --dc-bg: #090d16;             /* Intensely deep dark background */
  --dc-surface: #111726;        /* Sleek lighter dark for container panels */
  --dc-surface-darker: #0d121f; /* Darker panel variation for contrast layering */
  --dc-tone: #00f0ff;           /* Electric Cyan accent representing health safety */
  --dc-tone-hover: #00c3cf;     /* Deeper cyan state */
  --dc-accent-violet: #7000ff;  /* Bold supplementary color representing biological flow */
  --dc-ink: #ffffff;            /* Pristine pure white text */
  --dc-ink-muted: #8c9cb6;      /* Subdued gray-blue for easy reading on dark backgrounds */
  --dc-gradient: linear-gradient(135deg, var(--dc-tone) 0%, var(--dc-accent-violet) 100%);

  /* Typography variables */
  --font-display: 'Montserrat', sans-serif;
  --font-body: 'Poppins', sans-serif;

  /* Custom Theme Metrics */
  --dc-max-width: 1180px;       /* Custom [container-width] random selection */
  --dc-radius: 14px;            /* [border-radius-style]: soft (12-20px) */
}

/* --- RESET & BODY BASE --- */
body {
  font-family: var(--font-body);
  background-color: var(--dc-bg);
  color: var(--dc-ink);
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* --- THEMATIC BASE HEADINGS --- */
h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-display);
  text-transform: uppercase;    /* [heading-case]: uppercase */
}

/* --- DOM STRUCTURAL SEGMENTS & WIDTHS --- */
.dc-content-wrap {
  width: 100%;
  max-width: var(--dc-max-width);
}

/* --- PRODUCT SECTION STYLING (Preset B Split Column Alignment) --- */
.dc-main-title {
  font-size: 2.25rem;
  line-height: 1.15;
}
@media (min-width: 768px) {
  .dc-main-title {
    font-size: 3.25rem;
  }
}

/* Benefit Pill Tags */
.dc-pill-badge {
  background: rgba(0, 240, 255, 0.08);
  border: 1px solid rgba(0, 240, 255, 0.2);
  border-radius: 999px; /* Rounded Pill shape */
  color: var(--dc-tone);
}

/* Specific Badge price selector */
.dc-price-accent {
  background-color: var(--dc-tone); /* [price-display]: badge (accent-colored BG) */
  color: #090d16;
  font-weight: 900;
  border-radius: var(--dc-radius);
  letter-spacing: 0.05em;
}

/* Action Trigger Button */
.dc-action-button {
  border-radius: var(--dc-radius);
  /* Raised depth shadow profile */
  box-shadow: 0 4px 18px rgba(0, 240, 255, 0.3);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.dc-action-button:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 24px rgba(0, 240, 255, 0.45);
}

/* Image framing */
.dc-product-holder img {
  border-radius: var(--dc-radius);
  /* Elegant neon aura to support product focus on dark theme */
  filter: drop-shadow(0 0 25px rgba(0, 240, 255, 0.15));
}

/* --- OPINION WALL / TESTIMONIALS (Horizontal Cards representation) --- */
.dc-opinion-row {
  background-color: var(--dc-surface);
  border-left: 4px solid var(--dc-tone); /* Design decoration style */
  border-radius: var(--dc-radius);
  /* Raised shadow depth */
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  transition: transform 0.2s ease;
}
.dc-opinion-row:hover {
  transform: translateX(4px);
}

/* --- FOOTER OVERRIDES --- */
.dc-footer-ground a:hover {
  color: var(--dc-tone);
}