/*
 * Promotions slider type — per-type overrides (scoped under .rsl-slider--promotions).
 *
 * Restores the original Promotions responsive/height model, which differs from
 * the shared Hero base: Promotions sizes the slider CONTAINER with fixed pixel
 * heights at 960px / 600px and has no top margin. Rules are scoped so they
 * override the shared base regardless of source order.
 */

/* Undo the Hero base height model for this type. */
.rsl-slider--promotions .rsl-slide {
    height: 100%;      /* let Swiper size the slide (base forces 81vh) */
    margin-top: 0;     /* base adds a 95px header offset on tablet/mobile */
}

.rsl-slider--promotions .rsl-slide-content {
    height: 40vw;
    padding: 40px;     /* base uses 35vh vertical padding */
}

/* Base rounds the background corners on small screens; Promotions did not. */
.rsl-slider--promotions .rsl-slide-background {
    border-radius: 0;
}

/* Tablet */
@media (max-width: 960px) {
    .rsl-slider--promotions .rsl-slider { height: 500px; }
    .rsl-slider--promotions .rsl-heading { font-size: 2.5rem; }
    .rsl-slider--promotions .rsl-subheading { font-size: 1.25rem; }
    .rsl-slider--promotions .rsl-body { font-size: 1rem; }
}

/* Mobile */
@media (max-width: 600px) {
    .rsl-slider--promotions .rsl-slider { height: 550px; }
    .rsl-slider--promotions .rsl-slide-content { padding: 25px; }
    .rsl-slider--promotions .rsl-heading { font-size: 2rem; }
    .rsl-slider--promotions .rsl-subheading { font-size: 1.125rem; }
    .rsl-slider--promotions .rsl-body { font-size: 0.95rem; }
    .rsl-slider--promotions .rsl-buttons { gap: 0.75rem; }
    .rsl-slider--promotions .rsl-button { padding: 0.7rem 1.4rem; font-size: 0.9rem; }
}