.promo-slider {
    position: relative;
    width: 100%;
    max-width: 100%;
    min-width: 0;
}

.promo-slider .promo-slides {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
}

.promo-slider .promo-slide {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
    scroll-snap-align: start;
}

.promo-slider .promo-dot {
    border: 0;
    cursor: pointer;
    transition: transform 0.2s ease, background 0.2s ease;
}

.promo-slider .promo-dot:hover,
.promo-slider .promo-dot:focus {
    transform: scale(1.05);
}

.promo-slide--teal {
    background: linear-gradient(135deg, #1b2f3b 0%, #24414f 58%, #294756 100%);
}

.promo-slide--teal::before {
    background: radial-gradient(circle at 88% 48%, rgba(20, 184, 166, 0.16), transparent 18%);
}

.promo-slide--gold {
    background: linear-gradient(135deg, #312608 0%, #46381c 58%, #544528 100%);
}

.promo-slide--gold::before {
    background: radial-gradient(circle at 88% 48%, rgba(212, 160, 23, 0.16), transparent 18%);
}

.promo-slide--gold .promo-slide__tag {
    border-color: rgba(212, 160, 23, 0.18);
    background: rgba(212, 160, 23, 0.12);
    color: #f1c55d;
}

.promo-slide--gold .promo-slide__title em {
    color: #f1c55d;
}

.promo-slide--gold .promo-slide__btn {
    background: linear-gradient(135deg, #d4a017 0%, #d97706 100%);
    color: #1f2933;
}

.promo-slide--gold .promo-slide__btn:hover,
.promo-slide--gold .promo-slide__btn:focus {
    color: #1f2933;
}

.promo-slide--blue {
    background: linear-gradient(135deg, #10223a 0%, #19334f 58%, #1f4465 100%);
}

.promo-slide--blue::before {
    background: radial-gradient(circle at 88% 48%, rgba(96, 165, 250, 0.16), transparent 18%);
}

.promo-slide--blue .promo-slide__tag {
    border-color: rgba(96, 165, 250, 0.18);
    background: rgba(96, 165, 250, 0.12);
    color: #99c6ff;
}

.promo-slide--blue .promo-slide__title em {
    color: #93c5fd;
}

.promo-slide--blue .promo-slide__btn {
    background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
}

.promo-slide--has-image {
    background-image:
        linear-gradient(90deg, rgba(12, 22, 31, 0.88) 0%, rgba(12, 22, 31, 0.68) 48%, rgba(12, 22, 31, 0.18) 100%),
        var(--promo-slide-bg);
    background-position: center center;
    background-size: cover;
}

.promo-slide--has-image .promo-slide__content {
    min-width: 0;
    max-width: 560px;
    padding-right: 0;
}

@media (max-width: 959px) {
    .promo-slide--has-image .promo-slide__content {
        max-width: 520px;
    }
}

@media (max-width: 639px) {
    .promo-slide--has-image {
        background-image:
            linear-gradient(90deg, rgba(12, 22, 31, 0.9) 0%, rgba(12, 22, 31, 0.72) 64%, rgba(12, 22, 31, 0.42) 100%),
            var(--promo-slide-bg);
    }

    .promo-slide--has-image .promo-slide__content {
        max-width: 100%;
    }
}