/* "Top Deals" showcase: a SectionHeader above the right-overflow CardPost
   slider, in one block. Composes SectionHeader + SectionSliderOverflow. */
.d35-slider-showcase__inner {
  width: min(100%, var(--d35-container));
  margin-inline: auto;
  display: grid;
  gap: clamp(1.5rem, 3vw, 2.5rem);
}

/* The header card fills the content width; its left edge lines up with the
   first slide, while the slider viewport bleeds past it to the right. */
.d35-slider-showcase__header {
  min-width: 0;
}

/* Dark variant: the full-bleed dark band comes from the shared .d35-section-dark
   utility; the nested SectionHeader switches to its own dark variant. Only the
   slider-specific CardPost recolouring lives here. */

/* CardPost is dark by default (dark background, light text). In the dark
   showcase that would merge into the section, so render the cards light
   instead: white body with dark text. */
.d35-slider-showcase--dark .d35-card-post {
  background: var(--d35-color-surface);
  color: var(--d35-color-text);
}

.d35-slider-showcase--dark .d35-card-post__preheading,
.d35-slider-showcase--dark .d35-card-post__hint {
  color: color-mix(in srgb, var(--d35-color-text) 62%, transparent);
}

.d35-slider-showcase--dark .d35-card-post__body {
  color: color-mix(in srgb, var(--d35-color-text) 82%, transparent);
}

.d35-slider-showcase--dark .d35-card-post__footer {
  border-top-color: color-mix(in srgb, var(--d35-color-text) 12%, transparent);
}