:root {
  --drbest-bg: #f4f8fa;
  --drbest-surface: #ffffff;
  --drbest-tone: #0284c7;
  --drbest-tone-hover: #0369a1;
  --drbest-ink: #0f172a;
  --drbest-muted: #64748b;
  --drbest-border: #e2e8f0;
  --drbest-gradient: linear-gradient(135deg, #0284c7 0%, #0d9488 100%);
  --font-display: 'Montserrat', sans-serif;
  --font-body: 'Inter', sans-serif;
}

/* Gallery CSS Slides logic without JS */
.drbest-slide {
  position: absolute;
  inset: 0;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease-in-out;
}

.drbest-thumb-item {
  border: 1px solid var(--drbest-border);
  opacity: 0.6;
}

.drbest-thumb-item:hover {
  opacity: 1;
}

/* Radio button slide triggers */
.drbest-radio-1:checked ~ * .drbest-slide-1,
.drbest-radio-2:checked ~ * .drbest-slide-2,
.drbest-radio-3:checked ~ * .drbest-slide-3,
.drbest-radio-4:checked ~ * .drbest-slide-4 {
  opacity: 1;
  pointer-events: auto;
}

.drbest-radio-1:checked ~ * label[for="drbest-img-1"],
.drbest-radio-2:checked ~ * label[for="drbest-img-2"],
.drbest-radio-3:checked ~ * label[for="drbest-img-3"],
.drbest-radio-4:checked ~ * label[for="drbest-img-4"] {
  opacity: 1;
  border-color: var(--drbest-tone);
}

/* CTA Preset D styling: Wide button, no shadow, hover underline */
.drbest-cta-link:hover {
  background-color: var(--drbest-tone-hover) !important;
  text-decoration: underline;
}