/* Tablet and Mobile Responsive Styles */

@media (max-width: 1024px) {
    .header-top-row-7k2v {
        grid-template-columns: 180px 1fr auto;
    }

    .nav-menu-list-2k9v {
        gap: 20px;
    }

    .nav-link-5k7v {
        font-size: 14px;
    }

    .section-title-9p2x {
        font-size: 32px;
    }

    .hero-title-5p7m {
        font-size: 40px;
    }

    .hero-text-1q4k {
        font-size: 20px;
    }
}

@media (max-width: 768px) {
    .header-top-row-7k2v {
        grid-template-columns: 160px 1fr auto;
        gap: 10px;
    }

    .header-nav-desktop-4m7k {
        display: none;
    }

    .header-actions-9k2m {
        display: none;
    }

    .burger-menu-wrapper-7m4k {
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .online-counter-mobile-3v8n {
        display: flex;
        align-items: center;
        gap: 5px;
        background: rgba(255, 153, 51, 0.1);
        padding: 6px 12px;
        border-radius: 15px;
        font-size: 12px;
    }

    .header-buttons-mobile-2k9v {
        display: flex;
        gap: 8px;
    }

    .btn-mobile-login-5n3m {
        background: transparent;
        border: 2px solid #FF9933;
        color: #FF9933;
        padding: 8px 15px;
        border-radius: 6px;
        text-decoration: none;
        font-weight: 600;
        font-size: 13px;
        white-space: nowrap;
    }

    .btn-mobile-signup-8k7v {
        background: linear-gradient(135deg, #FF9933 0%, #FF7700 100%);
        border: none;
        color: #FFFFFF;
        padding: 8px 15px;
        border-radius: 6px;
        text-decoration: none;
        font-weight: 600;
        font-size: 13px;
        white-space: nowrap;
    }

    .burger-icon-4v7n {
        background: transparent;
        border: none;
        cursor: pointer;
        padding: 5px;
        display: flex;
        flex-direction: column;
        gap: 4px;
    }

    .burger-line-9k2v {
        width: 25px;
        height: 3px;
        background: #FF9933;
        border-radius: 2px;
        transition: all 0.3s ease;
    }

    .burger-icon-4v7n.active-burger-5k9m .burger-line-9k2v:nth-child(1) {
        transform: rotate(45deg) translateY(10px);
    }

    .burger-icon-4v7n.active-burger-5k9m .burger-line-9k2v:nth-child(2) {
        opacity: 0;
    }

    .burger-icon-4v7n.active-burger-5k9m .burger-line-9k2v:nth-child(3) {
        transform: rotate(-45deg) translateY(-10px);
    }

    .header-nav-mobile-5k8v {
        display: block;
        position: fixed;
        top: 70px;
        left: 0;
        width: 100%;
        background: #1A1A1A;
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.3s ease;
        z-index: 999;
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5);
    }

    .header-nav-mobile-5k8v.show-mobile-nav-7k3v {
        max-height: 400px;
    }

    .mobile-menu-list-2k9v {
        list-style: none;
        padding: 20px;
        margin: 0;
    }

    .mobile-nav-item-8n3m {
        margin-bottom: 15px;
    }

    .mobile-nav-link-5k7v {
        color: #E0E0E0;
        text-decoration: none;
        font-size: 18px;
        font-weight: 600;
        display: block;
        padding: 10px;
        transition: all 0.3s ease;
    }

    .mobile-nav-link-5k7v:hover {
        color: #FF9933;
        padding-left: 15px;
    }

    .hero-section-v7k2 {
        min-height: 400px;
    }

    .hero-slide, .hero-slide-6t2n {
        min-height: 400px;
    }

    .hero-content-8n2v {
        padding: 80px 20px;
    }

    .hero-title-5p7m {
        font-size: 32px;
    }

    .hero-text-1q4k {
        font-size: 18px;
    }

    .btn-hero-reg-7w9s {
        padding: 15px 35px;
        font-size: 16px;
    }

    .section-title-9p2x {
        font-size: 28px;
    }

    .advantages-grid-3m8n {
        grid-template-columns: 1fr;
    }

    .jackpots-grid-2m9k {
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }

    .jackpot-amount-7p4m {
        font-size: 26px;
    }

    .winners-table-wrapper-5m2n {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .winners-table-7k9p {
        min-width: 600px;
    }

    .winners-table-7k9p th, .winners-table-7k9p td {
        font-size: 13px;
        padding: 10px;
    }

    .app-buttons-grid-2k9v {
        grid-template-columns: 1fr;
    }

    .wheel-wrapper-8k3m {
        width: 300px;
        height: 300px;
    }

    #wheel-canvas-9m4k {
        width: 300px;
        height: 300px;
    }

    .wheel-spin-btn-7k2m {
        padding: 15px 40px;
        font-size: 16px;
    }

    .modal-content-9k2v {
        margin: 20px;
        padding: 30px;
    }

    .modal-title-4n8m {
        font-size: 26px;
    }

    .modal-text-2m9k {
        font-size: 18px;
    }

    .main-h1-5k9m {
        font-size: 32px;
    }

    .content-text-wrapper-2n7v {
        font-size: 15px;
    }

    .content-text-wrapper-2n7v h2 {
        font-size: 26px;
    }

    .content-text-wrapper-2n7v h3 {
        font-size: 22px;
    }

    .content-text-wrapper-2n7v table {
        font-size: 14px;
        overflow-x: auto;
        display: block;
    }

    .faq-question-5n8m {
        font-size: 16px;
        padding: 15px;
    }

    .faq-answer-2m7k p {
        font-size: 14px;
    }

    .footer-top-section-7v3n {
        grid-template-columns: 1fr;
        gap: 25px;
    }

    .footer-bottom-section-2v9k {
        flex-direction: column;
        gap: 15px;
        text-align: center;
    }

    .widget-content-5n8k {
        flex-direction: column;
        text-align: center;
        gap: 15px;
    }

    .widget-bonus-amount-8k2n {
        font-size: 16px;
    }

    .widget-btn-reg-4v9m {
        padding: 10px 30px;
        font-size: 14px;
    }
}

@media (max-width: 480px) {
    .header-top-row-7k2v {
        grid-template-columns: 130px 1fr auto;
    }

    .logo-img-5v3n {
        width: 130px;
        height: auto;
    }

    .online-counter-mobile-3v8n {
        font-size: 11px;
        padding: 5px 10px;
    }

    .btn-mobile-login-5n3m, .btn-mobile-signup-8k7v {
        padding: 6px 12px;
        font-size: 12px;
    }

    .hero-section-v7k2 {
        min-height: 350px;
    }

    .hero-slide, .hero-slide-6t2n {
        min-height: 350px;
    }

    .hero-content-8n2v {
        padding: 60px 15px;
    }

    .hero-title-5p7m {
        font-size: 26px;
        margin-bottom: 15px;
    }

    .hero-text-1q4k {
        font-size: 16px;
        margin-bottom: 25px;
    }

    .btn-hero-reg-7w9s {
        padding: 12px 30px;
        font-size: 15px;
    }

    .section-wrapper-1k7v {
        margin-bottom: 40px;
    }

    .section-title-9p2x {
        font-size: 24px;
        margin-bottom: 30px;
    }

    .advantages-section-8q4m, .jackpots-section-4n8v, .winners-section-9k3v,
    .app-section-2v8n, .wheel-section-7m4k, .content-section-8v3n,
    .faq-section-4k8v, .author-section-9v4k {
        padding: 30px 15px;
    }

    .advantage-card-7k2v {
        padding: 20px;
    }

    .adv-icon-5n9m {
        font-size: 40px;
    }

    .adv-title-2p8k {
        font-size: 18px;
    }

    .adv-text-4m7l {
        font-size: 14px;
    }

    .jackpots-grid-2m9k {
        grid-template-columns: 1fr;
    }

    .jackpot-item-5v3l {
        padding: 20px;
    }

    .jackpot-name-8k2n {
        font-size: 16px;
    }

    .jackpot-amount-7p4m {
        font-size: 24px;
    }

    .winners-table-7k9p th, .winners-table-7k9p td {
        font-size: 12px;
        padding: 8px;
    }

    .app-label-9k2n, .app-value-4v7l {
        font-size: 14px;
        padding: 12px;
    }

    .app-btn-5n8m {
        padding: 12px 20px;
        font-size: 14px;
    }

    .wheel-wrapper-8k3m {
        width: 280px;
        height: 280px;
    }

    #wheel-canvas-9m4k {
        width: 280px;
        height: 280px;
    }

    .wheel-pointer-3n8v {
        border-left: 12px solid transparent;
        border-right: 12px solid transparent;
        border-top: 25px solid #FF9933;
    }

    .wheel-spin-btn-7k2m {
        padding: 12px 35px;
        font-size: 15px;
    }

    .modal-content-9k2v {
        padding: 25px;
    }

    .modal-title-4n8m {
        font-size: 22px;
    }

    .modal-text-2m9k {
        font-size: 16px;
    }

    .modal-btn-get-6k3m {
        padding: 12px 30px;
        font-size: 16px;
    }

    .modal-btn-close-4m7k {
        padding: 10px 25px;
        font-size: 14px;
    }

    .main-h1-5k9m {
        font-size: 26px;
    }

    .content-text-wrapper-2n7v {
        font-size: 14px;
    }

    .content-text-wrapper-2n7v h2 {
        font-size: 22px;
    }

    .content-text-wrapper-2n7v h3 {
        font-size: 19px;
    }

    .content-text-wrapper-2n7v h4 {
        font-size: 17px;
    }

    .faq-question-5n8m {
        font-size: 15px;
        padding: 12px;
    }

    .faq-answer-2m7k div {
        padding: 0 12px 12px;
    }

    .faq-answer-2m7k p {
        font-size: 13px;
    }

    .author-card-3m8n {
        padding: 20px;
    }

    .author-name-5n9m {
        font-size: 20px;
    }

    .author-bio-2m7k {
        font-size: 14px;
    }

    .payment-logos-grid-4m7k {
        gap: 10px;
    }

    .payment-logo-item-2k9v {
        padding: 8px 12px;
        font-size: 12px;
    }

    .provider-item-9m2k {
        padding: 6px 12px;
        font-size: 12px;
    }

    .legal-disclaimer-5k7v {
        font-size: 12px;
    }

    .footer-copyright-7k3m {
        font-size: 12px;
    }

    .widget-bonus-amount-8k2n {
        font-size: 14px;
    }

    .widget-btn-reg-4v9m {
        padding: 8px 25px;
        font-size: 13px;
    }

    .fixed-widget-bottom-9k3v {
        padding: 12px 15px;
    }
}

/* Landscape mobile */
@media (max-width: 768px) and (orientation: landscape) {
    .hero-section-v7k2 {
        min-height: 300px;
    }

    .hero-slide, .hero-slide-6t2n {
        min-height: 300px;
    }

    .hero-content-8n2v {
        padding: 50px 20px;
    }

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

    .hero-text-1q4k {
        font-size: 16px;
    }
}

/* Extra small screens */
@media (max-width: 360px) {
    .header-top-row-7k2v {
        grid-template-columns: 110px 1fr auto;
    }

    .logo-img-5v3n {
        width: 110px;
    }

    .btn-mobile-login-5n3m, .btn-mobile-signup-8k7v {
        padding: 5px 10px;
        font-size: 11px;
    }

    .hero-title-5p7m {
        font-size: 22px;
    }

    .hero-text-1q4k {
        font-size: 14px;
    }

    .section-title-9p2x {
        font-size: 20px;
    }

    .wheel-wrapper-8k3m {
        width: 250px;
        height: 250px;
    }

    #wheel-canvas-9m4k {
        width: 250px;
        height: 250px;
    }
}

/* Print styles */
@media print {
    .header-main-9v3k, .fixed-widget-bottom-9k3v, .burger-menu-wrapper-7m4k,
    .slider-dots-3h8k, .btn-hero-reg-7w9s, .wheel-section-7m4k {
        display: none;
    }

    body {
        background: white;
        color: black;
    }

    .content-text-wrapper-2n7v {
        color: black;
    }
}