@media (max-width: 640px) {
    .slotters-hero-slide.is-seasonal-2026 {
        background-image: var(--slotters-slide-mobile-background);
        background-position: center bottom;
        background-size: contain;
        background-color: #28292b;
    }

    .slotters-hero-slide.is-seasonal-2026::before {
        background: linear-gradient(180deg, rgba(32, 35, 66, 0.8), rgba(32, 35, 66, 0.45) 42%, transparent 62%);
    }

    .slotters-hero-slide.is-seasonal-2026 .slotters-hero-content {
        align-self: start;
    }

    .slotters-hero-slide.is-seasonal-2026 .slotters-hero-title {
        font-size: 40px;
        overflow-wrap: anywhere;
    }
}