@media (max-width: 1024px) {
    .rv3n9-header-content {
        grid-template-columns: 150px 1fr auto;
        gap: 16px;
    }

    .gn9z2-nav-list {
        gap: 20px;
    }

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

    .kv2n8-banner-title {
        font-size: 36px;
    }

    .mh6z9-banner-text {
        font-size: 18px;
    }

    .kx3m7-card-header {
        grid-template-columns: 120px 1fr;
        gap: 24px;
    }

    .pv8w2-casino-logo {
        width: 120px;
        height: 120px;
    }

    .fn9k3-casino-name {
        font-size: 28px;
    }

    .bw3x9-rating-grid {
        grid-template-columns: 1fr;
    }

    .rx6m9-info-grid {
        grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    }

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

@media (max-width: 768px) {
    .zm4q8-container {
        padding: 0 16px;
    }

    .rv3n9-header-content {
        grid-template-columns: 130px 1fr auto;
    }

    .pq2m7-logo-img {
        height: 40px;
    }

    .ft5x3-navigation {
        position: fixed;
        top: 70px;
        left: 0;
        right: 0;
        background-color: var(--color-header);
        flex-direction: column;
        padding: 20px;
        transform: translateX(-100%);
        transition: transform 0.3s ease;
        box-shadow: 0 4px 8px rgba(0,0,0,0.3);
        z-index: 999;
    }

    .ft5x3-navigation.active {
        transform: translateX(0);
    }

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

    .jc4w8-nav-item {
        width: 100%;
    }

    .lv7p1-nav-link {
        padding: 12px;
        display: flex;
        width: 100%;
    }

    .ux8r4-header-actions-mobile {
        display: flex;
        flex-direction: column;
        gap: 12px;
        width: 100%;
        padding-top: 16px;
        border-top: 1px solid var(--color-border);
    }

    .ux8r4-header-actions-mobile .qh5t2-btn {
        width: 100%;
    }

    .td3p7-reviews-count {
        display: none;
    }

    .mb7x1-header-buttons {
        display: none;
    }

    .sk9v6-header-right {
        gap: 12px;
    }

    .nc2f8-burger {
        display: flex;
    }

    .pt8k6-hero-slider {
        height: 350px;
    }

    .nh9p2-banner-img {
        height: 350px;
    }

    .kv2n8-banner-title {
        font-size: 28px;
    }

    .mh6z9-banner-text {
        font-size: 16px;
    }

    .wx7p5-slider-arrow {
        width: 40px;
        height: 40px;
        font-size: 24px;
    }

    .wx7p5-prev {
        left: 10px;
    }

    .wx7p5-next {
        right: 10px;
    }

    .ds6n9-casino-card {
        padding: 20px;
    }

    .kx3m7-card-header {
        grid-template-columns: 1fr;
        text-align: center;
        justify-items: center;
    }

    .pv8w2-casino-logo {
        width: 100px;
        height: 100px;
    }

    .qt4z6-header-info {
        align-items: center;
    }

    .fn9k3-casino-name {
        font-size: 24px;
    }

    .br7x2-rating-summary {
        flex-direction: column;
        gap: 12px;
    }

    .yw5t8-overall-rating {
        flex-direction: column;
        text-align: center;
    }

    .vx2m8-action-buttons {
        flex-direction: column;
        width: 100%;
    }

    .vx2m8-action-buttons .qh5t2-btn {
        width: 100%;
    }

    .ty6n8-section-title {
        font-size: 24px;
    }

    .bw3x9-rating-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .nv5m2-rating-item {
        grid-template-columns: 120px 1fr auto;
        gap: 8px;
    }

    .kx7t4-rating-label {
        font-size: 13px;
    }

    .rx6m9-info-grid {
        grid-template-columns: 1fr;
    }

    .sv3k7-info-item {
        flex-direction: column;
        gap: 8px;
        text-align: left;
    }

    .px9w2-bonus-banner {
        grid-template-columns: 1fr;
        text-align: center;
        gap: 16px;
    }

    .df5k7-banner-icon {
        font-size: 40px;
    }

    .qx7k4-review-form-wrapper {
        padding: 20px;
    }

    .bh6t2-form-row {
        grid-template-columns: 1fr;
    }

    .rx4m9-ratings-grid {
        grid-template-columns: 1fr;
    }

    .dw4n8-review-header {
        flex-direction: column;
    }

    .xb6m2-rating-block {
        text-align: left;
    }

    .kp4t8-rating-display {
        justify-content: flex-start;
    }

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

    .wp2h8-review-actions {
        flex-direction: column;
        gap: 12px;
        align-items: flex-start;
    }

    .xv4n9-votes {
        width: 100%;
        justify-content: space-between;
    }

    .nt6m9-video-wrapper iframe {
        height: 300px;
    }

    .dv4k8-text-review {
        padding: 20px;
    }

    .qp7x3-content-wrapper {
        overflow-x: auto;
    }

    .qp7x3-content-wrapper table {
        min-width: 500px;
    }

    .wt6h2-footer-content {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .hp4z9-footer-bottom {
        gap: 12px;
    }

    .hv7n2-widget-content {
        flex-direction: column;
        text-align: center;
    }

    .fw3p8-widget-text {
        align-items: center;
    }

    .bx4k7-widget-bonus {
        font-size: 18px;
    }

    body.fixed {
        overflow: hidden;
    }
}

@media (max-width: 480px) {
    .kv2n8-banner-title {
        font-size: 24px;
    }

    .mh6z9-banner-text {
        font-size: 14px;
    }

    .qh5t2-btn {
        font-size: 13px;
        padding: 8px 16px;
    }

    .qh5t2-btn-large {
        padding: 12px 24px;
        font-size: 14px;
    }

    .pt8k6-hero-slider {
        height: 280px;
    }

    .nh9p2-banner-img {
        height: 280px;
    }

    .ds6n9-casino-card {
        padding: 16px;
    }

    .fn9k3-casino-name {
        font-size: 20px;
    }

    .nm4p9-rating-number {
        font-size: 24px;
    }

    .jx2v8-star {
        font-size: 20px;
    }

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

    .nv5m2-rating-item {
        grid-template-columns: 100px 1fr auto;
    }

    .kx7t4-rating-label {
        font-size: 12px;
    }

    .lm4k9-rating-score {
        font-size: 12px;
    }

    .gm5p4-review-title {
        font-size: 18px;
    }

    .bf3y7-avatar {
        width: 50px;
        height: 50px;
    }

    .wh3n7-rating-value {
        font-size: 20px;
    }

    .jx2v8-star {
        font-size: 18px;
    }

    .mt6q1-vote-btn {
        padding: 6px 12px;
        font-size: 13px;
    }

    .nt6m9-video-wrapper iframe {
        height: 250px;
    }

    .mx5k9-widget {
        padding: 12px;
    }

    .bx4k7-widget-bonus {
        font-size: 16px;
    }

    .ny6m9-widget-cta {
        font-size: 13px;
    }
}

@media (min-width: 769px) {
    .ft5x3-navigation {
        display: flex !important;
    }
}
