/* Tablet */
@media (max-width: 1024px) {
    .k8m9v.header-wrapper {
        grid-template-columns: auto 1fr;
    }

    .v9k2m.header-right {
        grid-column: 1 / -1;
        justify-content: flex-end;
        margin-top: 10px;
    }

    .m2k9v.hero-title {
        font-size: 36px;
    }

    .v8k3m.hero-subtitle {
        font-size: 20px;
    }

    .x9k2m.pros-cons-wrapper {
        grid-template-columns: 1fr;
    }

    .v8k2m.bonuses-grid {
        grid-template-columns: 1fr;
    }

    .m3k9v.bonus-card {
        max-width: 500px;
        margin: 0 auto;
    }
}

/* Mobile */
@media (max-width: 768px) {
    .container-fluid,
    .v8k3m.container {
        padding: 0 15px;
    }

    .v8k3m.burger {
        display: flex;
    }

    .k3m9v.header-nav {
        position: fixed;
        top: 80px;
        left: -100%;
        width: 100%;
        height: calc(100vh - 80px);
        background: #22125b;
        flex-direction: column;
        justify-content: flex-start;
        padding: 30px;
        transition: left 0.3s;
        overflow-y: auto;
    }

    .k3m9v.header-nav.active {
        left: 0;
    }

    .m2k8v.nav-list {
        flex-direction: column;
        gap: 20px;
        width: 100%;
    }

    .p9k3x {
        width: 100%;
        text-align: center;
    }

    .p9k3x a {
        display: block;
        padding: 10px;
        font-size: 18px;
    }

    body.fixed {
        overflow: hidden;
    }

    .k8m9v.header-wrapper {
        grid-template-columns: 1fr auto;
        gap: 15px;
    }

    .k8m3v.online-counter {
        display: none;
    }

    .k2m9v.header-buttons {
        position: fixed;
        top: 15px;
        right: 70px;
        z-index: 1001;
    }

    .v8k2m.btn-login,
    .m9k3x.btn-signup {
        padding: 8px 15px;
        font-size: 14px;
    }

    .m3k9x.hero-slider {
        height: auto;
        min-height: 400px;
    }

    .k2m9v.hero-content .row {
        flex-direction: column-reverse;
    }

    .m2k9v.hero-title {
        font-size: 28px;
    }

    .v8k3m.hero-subtitle {
        font-size: 18px;
    }

    .k3m8v.btn-hero {
        padding: 12px 30px;
        font-size: 16px;
    }

    .v2k9m.app-info-card {
        margin-bottom: 20px;
    }

    .n8v2k.main-title {
        font-size: 28px;
    }

    .n8v2k {
        font-size: 22px;
    }

    .p9k2v.content-wrapper {
        padding: 25px 15px;
    }

    .k8m3v.winners-table {
        font-size: 14px;
    }

    .k8m3v.winners-table th,
    .k8m3v.winners-table td {
        padding: 10px 8px;
    }

    .v8k2m.bonuses-grid {
        grid-template-columns: 1fr;
    }

    .v2k8m.slot-machine {
        padding: 20px;
    }

    .k3m8v.reel {
        padding: 20px;
        font-size: 48px;
    }

    .p8k2m.spin-btn {
        padding: 12px 35px;
        font-size: 18px;
    }

    .m3k9x.widget-content {
        flex-direction: column;
        gap: 10px;
        text-align: center;
    }

    .k2m9x.bonus-text {
        font-size: 16px;
    }

    .m9k2x.widget-btn {
        padding: 10px 25px;
        font-size: 14px;
    }

    .p9k3m.footer-top .row > div {
        margin-bottom: 25px;
    }

    .v8k2m.payments-grid,
    .m9k3x.providers-grid {
        justify-content: center;
    }
}

@media (max-width: 480px) {
    .k9m2x.logo-img {
        height: 40px;
    }

    .m2k9v.hero-title {
        font-size: 24px;
    }

    .v8k3m.hero-subtitle {
        font-size: 16px;
    }

    .m9k3x.slot-reels {
        gap: 10px;
    }

    .k3m8v.reel {
        padding: 15px;
        font-size: 36px;
    }

    .p8k2m.spin-btn {
        width: 100%;
    }

    .p9k3m.faq-question {
        font-size: 15px;
        padding: 15px;
    }

    .m2k9x.copyright,
    .v8k3m.legal-text,
    .k9m2x.disclaimer {
        font-size: 12px;
    }
}

/* Landscape Mobile */
@media (max-width: 768px) and (orientation: landscape) {
    .m3k9x.hero-slider {
        height: 350px;
        min-height: auto;
    }

    .k3m9v.header-nav {
        top: 70px;
        height: calc(100vh - 70px);
        padding: 20px;
    }
}

/* Large Desktop */
@media (min-width: 1600px) {
    .container-fluid {
        max-width: 1600px;
    }

    .m2k9v.hero-title {
        font-size: 56px;
    }

    .v8k3m.hero-subtitle {
        font-size: 28px;
    }
}

/* Print */
@media print {
    .m9k3x.header,
    .k9m8v.fixed-widget,
    .k2m9v.header-buttons,
    .v8k3m.burger {
        display: none;
    }

    body {
        background: #fff;
        color: #000;
    }
}