/* ===================================
   ОСНОВНЫЕ СТИЛИ И ПЕРЕМЕННЫЕ
   =================================== */

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
    font-size: 16px;
}

body.mb-body-7xk4p {
    font-family: 'PT Sans', sans-serif;
    background: #323234;
    color: #e8e8e8;
    line-height: 1.6;
    overflow-x: hidden;
}

.mb-container-2kp8n {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

/* ===================================
   HEADER - ИСПРАВЛЕННАЯ ВЕРСИЯ
   =================================== */

.mb-header-5nq8k {
    background: #000000;
    padding: 15px 0;
    position: sticky;
    top: 0;
    z-index: 1000;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
}

.mb-header-inner-7xq3m {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    position: relative;
}

/* LEFT SIDE - Logo */
.mb-header-left-4kp9n {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.mb-logo-link-3nq8m {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.mb-logo-img-5mq7k {
    height: 50px;
    width: auto;
    object-fit: contain;
}

/* CENTER - Navigation */
.mb-header-nav-8kq2p {
    display: flex;
    align-items: center;
    gap: 5px;
    flex: 1;
}

.mb-nav-link-2kq9m {
    display: flex;
    align-items: center;
    gap: 6px;
    color: #e8e8e8;
    text-decoration: none;
    font-size: 14px;
    padding: 8px 12px;
    border-radius: 8px;
    transition: all 0.3s ease;
    white-space: nowrap;
}

.mb-nav-link-2kq9m:hover {
    color: #00fbc8;
    background: rgba(0, 251, 200, 0.1);
}

.mb-nav-icon-4nq7p {
    font-size: 18px;
    display: flex;
    align-items: center;
}

.mb-nav-text-6mp8k {
    display: inline;
}

/* RIGHT SIDE - Buttons and Reviews Count */
.mb-header-right-9kp5m {
    display: flex;
    align-items: center;
    gap: 15px;
    flex-shrink: 0;
}

.mb-reviews-count-3nq7k {
    display: flex;
    align-items: center;
    gap: 5px;
    background: rgba(0, 251, 200, 0.1);
    padding: 8px 15px;
    border-radius: 20px;
}

.mb-count-label-5mq8p {
    color: #e8e8e8;
    font-size: 14px;
}

.mb-count-num-2kq9m {
    color: #00fbc8;
    font-weight: 700;
    font-size: 16px;
}

.mb-header-buttons-7xq4k {
    display: flex;
    gap: 10px;
}

.mb-btn-header-login-4kp8n {
    background: #00fbc8;
    color: #000000;
    padding: 10px 25px;
    border-radius: 25px;
    text-decoration: none;
    font-weight: 700;
    transition: all 0.3s ease;
    border: none;
    cursor: pointer;
    font-size: 15px;
    white-space: nowrap;
}

.mb-btn-header-login-4kp8n:hover {
    background: #00e0b5;
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(0, 251, 200, 0.4);
}

.mb-btn-header-review-6nq9m {
    background: transparent;
    color: #00fbc8;
    padding: 10px 25px;
    border-radius: 25px;
    text-decoration: none;
    font-weight: 700;
    border: 2px solid #00fbc8;
    transition: all 0.3s ease;
    cursor: pointer;
    font-size: 15px;
    white-space: nowrap;
}

.mb-btn-header-review-6nq9m:hover {
    background: #00fbc8;
    color: #000000;
    transform: translateY(-2px);
}

/* BURGER BUTTON */
.mb-burger-btn-8kq3m {
    display: none;
    flex-direction: column;
    gap: 5px;
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 5px;
    z-index: 1001;
}

.mb-burger-line-5nq7p {
    width: 25px;
    height: 3px;
    background: #00fbc8;
    border-radius: 2px;
    transition: all 0.3s ease;
}

/* ===================================
   HERO SECTION
   =================================== */

.mb-hero-9mq2w {
    position: relative;
    padding: 60px 0;
    overflow: hidden;
}

.mb-hero-bg-3n7j5 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
}

.mb-hero-img-8dk2p {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.mb-hero-overlay-5jm9q {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(180deg, rgba(50, 50, 52, 0.7) 0%, rgba(50, 50, 52, 0.95) 100%);
}

.mb-hero-card-6yw4t {
    position: relative;
    z-index: 1;
    background: linear-gradient(135deg, rgba(0, 0, 0, 0.8) 0%, rgba(50, 50, 52, 0.9) 100%);
    padding: 40px;
    border-radius: 20px;
    max-width: 600px;
    margin: 0 auto;
    text-align: center;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5);
    border: 1px solid rgba(0, 251, 200, 0.2);
}

.mb-casino-logo-4mp7x {
    width: 150px;
    height: 150px;
    object-fit: contain;
    margin: 0 auto 20px;
    border-radius: 15px;
}

.mb-hero-title-3qn6k {
    font-size: 36px;
    color: #ffffff;
    margin-bottom: 20px;
    font-weight: 700;
}

.mb-rating-main-7xr2w {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-bottom: 15px;
    flex-wrap: wrap;
}

.mb-stars-8km5p {
    display: flex;
    gap: 3px;
}

.mb-star-filled-2np9q,
.mb-star-half-5jq3w {
    color: #ffd700;
    font-size: 24px;
}

.mb-rating-num-9km4p {
    color: #00fbc8;
    font-size: 20px;
    font-weight: 700;
}

.mb-progress-wrap-3nq8j {
    width: 100%;
    height: 10px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 25px;
}

.mb-progress-bar-6mp2k {
    height: 100%;
    border-radius: 10px;
    transition: width 0.5s ease;
}

.mb-bonus-info-8kp3n {
    margin-bottom: 25px;
}

.mb-bonus-text-5mq9w {
    font-size: 28px;
    color: #ff2e09;
    font-weight: 700;
}

.mb-hero-actions-7xm2p {
    display: flex;
    gap: 15px;
    justify-content: center;
    flex-wrap: wrap;
}

.mb-btn-primary-4kq8n,
.mb-btn-secondary-9mp5k {
    border: none;
    cursor: pointer;
    font-family: 'PT Sans', sans-serif;
    transition: all 0.3s ease;
    padding: 15px 40px;
    border-radius: 30px;
    text-decoration: none;
    font-weight: 700;
    font-size: 18px;
    display: inline-block;
}

.mb-btn-primary-4kq8n {
    background: #ff2e09;
    color: #ffffff;
}

.mb-btn-primary-4kq8n:hover {
    background: #e02808;
    transform: translateY(-3px);
    box-shadow: 0 6px 20px rgba(255, 46, 9, 0.4);
}

.mb-btn-secondary-9mp5k {
    background: transparent;
    color: #00fbc8;
    border: 2px solid #00fbc8;
}

.mb-btn-secondary-9mp5k:hover {
    background: #00fbc8;
    color: #000000;
    transform: translateY(-3px);
}

/* ===================================
   SECTIONS
   =================================== */

.mb-section-title-8km3p {
    font-size: 32px;
    color: #ffffff;
    margin-bottom: 30px;
    text-align: center;
    font-weight: 700;
}

.mb-ratings-detail-5nq7j,
.mb-casino-info-6kq9m,
.mb-bonuses-extra-4nq8k,
.mb-pros-cons-5nq8j,
.mb-leave-review-8kq4n,
.mb-reviews-section-5nq8k,
.mb-comparison-6kq9m,
.mb-advantages-7xq4m,
.mb-content-section-8kq5n,
.mb-author-section-5nq9k {
    padding: 60px 0;
}

.mb-ratings-detail-5nq7j,
.mb-bonuses-extra-4nq8k,
.mb-reviews-section-5nq8k,
.mb-advantages-7xq4m,
.mb-author-section-5nq9k {
    background: rgba(0, 0, 0, 0.3);
}

/* ===================================
   GRID LAYOUTS
   =================================== */

.mb-ratings-grid-4np8m,
.mb-info-grid-5np7k,
.mb-bonuses-grid-7xq5m,
.mb-advantages-grid-5kq8n {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
}

.mb-pros-cons-grid-4kq7m {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 30px;
}

/* ===================================
   CARDS
   =================================== */

.mb-rating-item-7xq2k,
.mb-info-item-8kq2m,
.mb-bonus-card-3kp9n,
.mb-advantage-card-3nq9p,
.mb-review-card-7xq3m {
    background: rgba(0, 0, 0, 0.4);
    padding: 20px;
    border-radius: 15px;
    transition: all 0.3s ease;
}

.mb-rating-item-7xq2k,
.mb-bonus-card-3kp9n,
.mb-advantage-card-3nq9p {
    border: 1px solid rgba(0, 251, 200, 0.2);
}

.mb-info-item-8kq2m,
.mb-review-card-7xq3m {
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.mb-rating-item-7xq2k,
.mb-advantage-card-3nq9p {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}

.mb-rating-item-7xq2k:hover,
.mb-info-item-8kq2m:hover,
.mb-advantage-card-3nq9p:hover,
.mb-review-card-7xq3m:hover {
    transform: translateY(-5px);
    border-color: #00fbc8;
}

.mb-bonus-card-3kp9n {
    background: linear-gradient(135deg, rgba(255, 46, 9, 0.1) 0%, rgba(0, 251, 200, 0.1) 100%);
    padding: 30px;
    text-align: center;
    border: 2px solid rgba(255, 46, 9, 0.3);
}

.mb-bonus-card-3kp9n:hover {
    border-color: #ff2e09;
    box-shadow: 0 10px 30px rgba(255, 46, 9, 0.3);
}

.mb-review-card-7xq3m {
    padding: 30px;
}

/* ===================================
   LABELS И VALUES
   =================================== */

.mb-rating-label-3mp9n,
.mb-info-label-2kq8n,
.mb-detail-label-7xq3k {
    color: #e8e8e8;
    font-size: 14px;
}

.mb-rating-value-2nq8k,
.mb-info-value-5nq3p {
    color: #00fbc8;
    font-weight: 700;
}

.mb-rating-value-2nq8k {
    font-size: 24px;
}

.mb-info-value-5nq3p {
    font-size: 16px;
}

.mb-info-icon-3nq9p {
    font-size: 32px;
    flex-shrink: 0;
}

.mb-info-content-7mp4k {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

/* ===================================
   BONUSES SECTION
   =================================== */

.mb-bonus-title-5mq2k {
    color: #ffffff;
    font-size: 22px;
    margin-bottom: 15px;
}

.mb-bonus-desc-8np7j {
    color: #00fbc8;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 20px;
}

.mb-btn-bonus-2kq9m {
    background: #ff2e09;
    color: #ffffff;
    padding: 12px 30px;
    border-radius: 25px;
    text-decoration: none;
    font-weight: 700;
    display: inline-block;
    border: none;
    cursor: pointer;
    transition: all 0.3s ease;
}

.mb-btn-bonus-2kq9m:hover {
    background: #e02808;
    transform: scale(1.05);
}

/* ===================================
   PROS/CONS SECTION
   =================================== */

.mb-pros-block-8np2k,
.mb-cons-block-9kp3m {
    background: rgba(0, 0, 0, 0.4);
    padding: 30px;
    border-radius: 20px;
}

.mb-pros-block-8np2k {
    border: 2px solid rgba(0, 251, 200, 0.3);
}

.mb-cons-block-9kp3m {
    border: 2px solid rgba(255, 46, 9, 0.3);
}

.mb-pros-title-3mq9p,
.mb-pros-title-7xq3m {
    color: #00fbc8;
    font-size: 24px;
    margin-bottom: 20px;
}

.mb-cons-title-6nq8k {
    color: #ff2e09;
    font-size: 24px;
    margin-bottom: 20px;
}

.mb-pros-list-7xq5k,
.mb-cons-list-2mq7p {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.mb-pros-list-7xq5k li,
.mb-cons-list-2mq7p li {
    padding-left: 25px;
    position: relative;
    color: #e8e8e8;
}

.mb-pros-list-7xq5k li::before {
    content: "✓";
    position: absolute;
    left: 0;
    color: #00fbc8;
    font-weight: 700;
}

.mb-cons-list-2mq7p li::before {
    content: "✗";
    position: absolute;
    left: 0;
    color: #ff2e09;
    font-weight: 700;
}

/* ===================================
   TOC SECTION
   =================================== */

.mb-toc-7xq3m {
    padding: 40px 0;
    background: rgba(0, 0, 0, 0.5);
}

.mb-toc-nav-4kp8n {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    justify-content: center;
}

.mb-toc-link-5nq9m {
    background: rgba(255, 255, 255, 0.05);
    color: #00fbc8;
    padding: 12px 25px;
    border-radius: 25px;
    text-decoration: none;
    border: 1px solid rgba(0, 251, 200, 0.3);
    transition: all 0.3s ease;
    font-weight: 600;
}

.mb-toc-link-5nq9m:hover {
    background: #00fbc8;
    color: #000000;
    transform: translateY(-2px);
}

/* ===================================
   BONUS BANNER
   =================================== */

.mb-bonus-banner-3nq7p {
    background: linear-gradient(135deg, #ff2e09 0%, #ff6b09 100%);
    padding: 30px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 40px;
    flex-wrap: wrap;
}

.mb-banner-text-5mq8k {
    color: #ffffff;
    font-size: 20px;
    font-weight: 700;
    flex: 1;
    min-width: 200px;
}

.mb-btn-banner-2kq9m {
    background: #ffffff;
    color: #ff2e09;
    padding: 12px 30px;
    border-radius: 25px;
    text-decoration: none;
    font-weight: 700;
    border: none;
    cursor: pointer;
    transition: all 0.3s ease;
    white-space: nowrap;
}

.mb-btn-banner-2kq9m:hover {
    background: #00fbc8;
    color: #000000;
    transform: scale(1.05);
}

/* ===================================
   ФОРМА
   =================================== */

.mb-review-form-7xq2k {
    background: rgba(0, 0, 0, 0.4);
    padding: 40px;
    border-radius: 20px;
    border: 1px solid rgba(0, 251, 200, 0.2);
}

.mb-form-group-4kp8n {
    margin-bottom: 25px;
}

.mb-form-label-3nq9m {
    display: block;
    color: #e8e8e8;
    margin-bottom: 10px;
    font-weight: 600;
}

.mb-form-input-5mq7k,
.mb-form-textarea-8nq5k,
.mb-form-select-4mp8n {
    width: 100%;
    padding: 15px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 10px;
    color: #ffffff;
    font-family: 'PT Sans', sans-serif;
    font-size: 16px;
    transition: all 0.3s ease;
}

.mb-form-input-5mq7k:focus,
.mb-form-textarea-8nq5k:focus,
.mb-form-select-4mp8n:focus {
    outline: none;
    border-color: #00fbc8;
    box-shadow: 0 0 10px rgba(0, 251, 200, 0.3);
}

.mb-ratings-form-6nq8m {
    margin-bottom: 25px;
    padding: 25px;
    background: rgba(255, 255, 255, 0.03);
    border-radius: 15px;
}

.mb-ratings-title-2kq9p {
    color: #ffffff;
    font-size: 20px;
    margin-bottom: 20px;
}

.mb-rating-form-item-7xq3k {
    margin-bottom: 15px;
}

.mb-btn-submit-3kq9m {
    background: #ff2e09;
    color: #ffffff;
    padding: 15px 50px;
    border-radius: 30px;
    border: none;
    font-weight: 700;
    font-size: 18px;
    cursor: pointer;
    transition: all 0.3s ease;
    width: 100%;
}

.mb-btn-submit-3kq9m:hover {
    background: #e02808;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(255, 46, 9, 0.4);
}

.mb-form-success-7xq2p {
    background: rgba(0, 251, 200, 0.1);
    border: 2px solid #00fbc8;
    color: #00fbc8;
    padding: 20px;
    border-radius: 15px;
    text-align: center;
    margin-top: 20px;
    font-weight: 700;
}

/* ===================================
   REVIEWS
   =================================== */

.mb-reviews-container-5nq8k {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.mb-review-header-4kp9n {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 20px;
    gap: 20px;
    flex-wrap: wrap;
}

.mb-review-author-info-8kq2p {
    display: flex;
    gap: 15px;
    align-items: center;
}

.mb-review-avatar-3nq8m {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
}

.mb-review-meta-5mq7k {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.mb-review-author-2kq9m {
    color: #ffffff;
    font-size: 18px;
}

.mb-review-country-6nq8k {
    display: flex;
    align-items: center;
    gap: 5px;
    color: #a0a0a0;
    font-size: 14px;
}

.mb-country-flag-4mp7p {
    width: 20px;
    height: 15px;
}

.mb-review-date-9kp3m {
    color: #a0a0a0;
    font-size: 14px;
}

.mb-review-rating-7xq2k {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: flex-end;
}

.mb-stars-display-5nq8p {
    display: flex;
    gap: 3px;
    align-items: center;
}

.mb-star-empty-8kq5m {
    color: #666666;
    font-size: 20px;
}

.mb-rating-number-3kq9n {
    color: #00fbc8;
    font-weight: 700;
    margin-left: 5px;
}

.mb-show-details-btn-4nq7m {
    background: transparent;
    color: #00fbc8;
    border: 1px solid #00fbc8;
    padding: 5px 15px;
    border-radius: 15px;
    cursor: pointer;
    font-size: 12px;
    transition: all 0.3s ease;
}

.mb-show-details-btn-4nq7m:hover {
    background: #00fbc8;
    color: #000000;
}

.mb-detailed-ratings-6mp8k {
    background: rgba(255, 255, 255, 0.05);
    padding: 15px;
    border-radius: 10px;
    margin-top: 10px;
    min-width: 250px;
}

.mb-detail-rating-item-5nq9p {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
}

.mb-detail-stars-2kq8n {
    color: #ffd700;
    font-size: 14px;
}

.mb-review-body-8kq3m {
    margin-bottom: 20px;
}

.mb-review-title-4nq7p {
    color: #ffffff;
    font-size: 22px;
    margin-bottom: 15px;
}

.mb-review-source-5mq8k {
    margin-bottom: 15px;
    padding: 10px;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 8px;
}

.mb-source-text-3nq9m {
    color: #a0a0a0;
    font-size: 13px;
}

.mb-source-link-7xq2k {
    color: #00fbc8;
    text-decoration: none;
}

.mb-source-link-7xq2k:hover {
    text-decoration: underline;
}

.mb-review-text-6nq8p {
    color: #e8e8e8;
    line-height: 1.7;
}

.mb-review-expandable-9kp3m p {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.mb-review-expandable-9kp3m.mb-expanded-state-4kq8n p {
    display: block;
    -webkit-line-clamp: unset;
}

.mb-expand-btn-2kq9n {
    background: transparent;
    color: #00fbc8;
    border: none;
    cursor: pointer;
    margin-top: 10px;
    text-decoration: underline;
    font-size: 14px;
}

.mb-pros-cons-wrapper-5nq8k {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px;
    margin-top: 20px;
    padding: 20px;
    background: rgba(255, 255, 255, 0.03);
    border-radius: 15px;
}

.mb-review-pros-4kp9n ul,
.mb-review-cons-8kq2p ul {
    list-style: none;
    margin-top: 10px;
}

.mb-review-pros-4kp9n li,
.mb-review-cons-8kq2p li {
    margin-bottom: 5px;
    padding-left: 20px;
    position: relative;
}

.mb-review-pros-4kp9n li {
    color: #00fbc8;
}

.mb-review-pros-4kp9n li::before {
    content: "✓";
    position: absolute;
    left: 0;
    font-weight: 700;
}

.mb-review-cons-8kq2p li {
    color: #ff2e09;
}

.mb-review-cons-8kq2p li::before {
    content: "✗";
    position: absolute;
    left: 0;
    font-weight: 700;
}

.mb-review-footer-9kp5m {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding-top: 20px;
}

.mb-review-actions-5nq8k {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}

.mb-like-btn-7xq3m,
.mb-dislike-btn-8kq2p,
.mb-reply-btn-5mq7k {
    display: flex;
    align-items: center;
    gap: 8px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.2);
    padding: 8px 15px;
    border-radius: 20px;
    cursor: pointer;
    transition: all 0.3s ease;
    color: #e8e8e8;
    font-family: 'PT Sans', sans-serif;
    font-size: 14px;
}

.mb-like-btn-7xq3m:hover {
    background: rgba(0, 251, 200, 0.1);
    border-color: #00fbc8;
}

.mb-dislike-btn-8kq2p:hover {
    background: rgba(255, 46, 9, 0.1);
    border-color: #ff2e09;
}

.mb-reply-btn-5mq7k:hover {
    background: rgba(255, 255, 255, 0.1);
}

.mb-reply-form-4nq7p {
    margin-top: 20px;
    padding: 20px;
    background: rgba(255, 255, 255, 0.03);
    border-radius: 15px;
}

.mb-reply-textarea-3kq8n {
    width: 100%;
    padding: 15px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 10px;
    color: #ffffff;
    font-family: 'PT Sans', sans-serif;
    resize: vertical;
    margin-bottom: 15px;
    min-height: 100px;
}

.mb-reply-actions-7xq2k {
    display: flex;
    gap: 10px;
}

.mb-reply-submit-6mp8k,
.mb-reply-cancel-9kp3m {
    padding: 10px 20px;
    border-radius: 20px;
    cursor: pointer;
    font-family: 'PT Sans', sans-serif;
    font-weight: 600;
    transition: all 0.3s ease;
}

.mb-reply-submit-6mp8k {
    background: #00fbc8;
    color: #000000;
    border: none;
}

.mb-reply-cancel-9kp3m {
    background: transparent;
    color: #e8e8e8;
    border: 1px solid rgba(255, 255, 255, 0.3);
}

/* ===================================
   COMPARISON TABLE
   =================================== */

.mb-table-wrap-4nq7p {
    overflow-x: auto;
}

.mb-comparison-table-8kq3m {
    width: 100%;
    background: rgba(0, 0, 0, 0.4);
    border-radius: 15px;
    overflow: hidden;
    border-collapse: collapse;
}

.mb-comparison-table-8kq3m thead {
    background: rgba(0, 251, 200, 0.1);
}

.mb-comparison-table-8kq3m th,
.mb-comparison-table-8kq3m td {
    padding: 15px;
    text-align: center;
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #e8e8e8;
}

.mb-comparison-table-8kq3m th {
    color: #00fbc8;
    font-weight: 700;
    font-size: 16px;
}

.mb-rating-cell-5np8k {
    color: #ffd700;
    font-weight: 700;
}

.mb-btn-table-3kq7m {
    background: #ff2e09;
    color: #ffffff;
    padding: 10px 25px;
    border-radius: 20px;
    text-decoration: none;
    font-weight: 700;
    display: inline-block;
    transition: all 0.3s ease;
    border: none;
    cursor: pointer;
}

.mb-btn-table-3kq7m:hover {
    background: #e02808;
    transform: scale(1.05);
}

/* ===================================
   ADVANTAGES
   =================================== */

.mb-adv-icon-2kq8m {
    font-size: 48px;
    margin-bottom: 15px;
}

.mb-adv-title-7xq5k {
    color: #ffffff;
    font-size: 22px;
    margin-bottom: 15px;
}

.mb-adv-desc-4mp9n {
    color: #e8e8e8;
    line-height: 1.6;
}

/* ===================================
   CONTENT SECTION
   =================================== */

.mb-content-box-4nq7m {
    background: rgba(0, 0, 0, 0.4);
    padding: 40px;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.mb-content-box-4nq7m h2 {
    color: #ffffff;
    font-size: 28px;
    margin-top: 30px;
    margin-bottom: 15px;
}

.mb-content-box-4nq7m h3 {
    color: #00fbc8;
    font-size: 22px;
    margin-top: 25px;
    margin-bottom: 12px;
}

.mb-content-box-4nq7m p {
    color: #e8e8e8;
    margin-bottom: 15px;
    line-height: 1.7;
}

.mb-content-box-4nq7m ul,
.mb-content-box-4nq7m ol {
    color: #e8e8e8;
    margin-bottom: 15px;
    padding-left: 25px;
}

.mb-content-box-4nq7m li {
    margin-bottom: 8px;
    line-height: 1.6;
}

.mb-content-box-4nq7m table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
}

.mb-content-box-4nq7m table th,
.mb-content-box-4nq7m table td {
    padding: 12px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    text-align: left;
    color: #e8e8e8;
}

.mb-content-box-4nq7m table th {
    background: rgba(0, 251, 200, 0.1);
    color: #00fbc8;
    font-weight: 700;
}

/* ===================================
   AUTHOR SECTION
   =================================== */

.mb-author-card-7xq3m {
    background: rgba(0, 0, 0, 0.5);
    padding: 30px;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    display: flex;
    gap: 30px;
    align-items: center;
}

.mb-author-photo-3kq8n {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
}

.mb-author-name-4nq9p {
    color: #ffffff;
    font-size: 26px;
    margin-bottom: 10px;
}

.mb-author-bio-8kq5m {
    color: #e8e8e8;
    line-height: 1.7;
    margin-bottom: 15px;
}

.mb-author-social-5nq7k {
    display: flex;
    gap: 15px;
}

.mb-social-link-3kq9m {
    color: #00fbc8;
    text-decoration: none;
    font-weight: 600;
    transition: color 0.3s ease;
}

.mb-social-link-3kq9m:hover {
    color: #00e0b5;
    text-decoration: underline;
}

/* ===================================
   FOOTER
   =================================== */

.mb-footer-7xq5k {
    background: #000000;
    padding: 40px 0 20px;
    margin-top: 60px;
}

.mb-footer-top-4kp9n {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
    gap: 30px;
    flex-wrap: wrap;
}

.mb-footer-logo-img-5mq7k {
    height: 50px;
    width: auto;
}

.mb-footer-nav-8kq2p {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: center;
    flex: 1;
}

.mb-footer-link-2kq9m {
    color: #e8e8e8;
    text-decoration: none;
    transition: color 0.3s ease;
    font-size: 14px;
}

.mb-footer-link-2kq9m:hover {
    color: #00fbc8;
}

.mb-footer-trust-6nq8k {
    margin-bottom: 30px;
    text-align: center;
}

.mb-trust-title-4mp7p {
    color: #ffffff;
    font-size: 18px;
    margin-bottom: 15px;
}

.mb-trust-logos-5nq9m {
    display: flex;
    gap: 20px;
    justify-content: center;
    flex-wrap: wrap;
}

.mb-trust-logo-3kq8n {
    height: 40px;
    width: auto;
    opacity: 0.7;
    transition: opacity 0.3s ease;
}

.mb-trust-logo-3kq8n:hover {
    opacity: 1;
}

.mb-footer-bottom-9kp3m {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding-top: 20px;
}

.mb-legal-text-5nq8p {
    color: #e8e8e8;
    text-align: center;
    margin-bottom: 10px;
    font-size: 14px;
}

.mb-legal-disclaimer-4kp9n {
    color: #a0a0a0;
    text-align: center;
    font-size: 13px;
    margin-bottom: 15px;
}

.mb-legal-links-8kq5m {
    display: flex;
    gap: 20px;
    justify-content: center;
    flex-wrap: wrap;
}

.mb-legal-link-3nq9p {
    color: #00fbc8;
    text-decoration: none;
    font-size: 13px;
    transition: color 0.3s ease;
}

.mb-legal-link-3nq9p:hover {
    color: #00e0b5;
    text-decoration: underline;
}

/* ===================================
   FIXED WIDGET
   =================================== */

.mb-widget-fixed-7xq2k {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(135deg, #ff2e09 0%, #ff6b09 100%);
    padding: 15px;
    box-shadow: 0 -5px 20px rgba(0, 0, 0, 0.5);
    z-index: 999;
    animation: slideUp 0.5s ease;
}

@keyframes slideUp {
    from {
        transform: translateY(100%);
    }
    to {
        transform: translateY(0);
    }
}

.mb-widget-content-4kp9n {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    flex-wrap: wrap;
}

.mb-widget-text-5nq8m {
    color: #ffffff;
    font-weight: 700;
    font-size: 18px;
    flex: 1;
    min-width: 200px;
}

.mb-widget-btn-3mq7p {
    background: #ffffff;
    color: #ff2e09;
    padding: 12px 30px;
    border-radius: 25px;
    text-decoration: none;
    font-weight: 700;
    transition: all 0.3s ease;
    white-space: nowrap;
    border: none;
    cursor: pointer;
}

.mb-widget-btn-3mq7p:hover {
    background: #00fbc8;
    color: #000000;
    transform: scale(1.05);
}

/* ===================================
   DESKTOP - По умолчанию все видно
   =================================== */

@media (min-width: 769px) {
    .mb-header-nav-8kq2p {
        display: flex !important;
        position: static !important;
        flex-direction: row;
        padding: 0 !important;
        background: none !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        border: none !important;
        box-shadow: none !important;
        max-height: none !important;
        overflow: visible !important;
        z-index: auto !important;
    }

    .mb-burger-btn-8kq3m {
        display: none !important;
    }

    .mb-reviews-count-3nq7k {
        display: flex !important;
    }
}

/* ===================================
   MEDIA QUERIES - TABLET (768px)
   =================================== */

@media (max-width: 768px) {
    html {
        font-size: 15px;
    }

    .mb-container-2kp8n {
        padding: 0 15px;
    }

    /* Header */
    .mb-header-inner-7xq3m {
        gap: 10px;
    }

    /* Скрываем обычную навигацию по умолчанию */
    .mb-header-nav-8kq2p {
        display: none;
        position: fixed;
        top: 65px;
        left: 0;
        right: 0;
        background: #000000;
        flex-direction: column;
        padding: 20px;
        z-index: 999;
        border-bottom: 1px solid rgba(0, 251, 200, 0.2);
        max-height: calc(100vh - 65px);
        overflow-y: auto;
        box-shadow: 0 5px 20px rgba(0, 0, 0, 0.5);
        gap: 10px;
    }

    /* Показываем навигацию при активации */
    .mb-header-nav-8kq2p.mb-nav-mobile-active {
        display: flex;
    }

    .mb-header-nav-8kq2p.mb-nav-mobile-active .mb-nav-link-2kq9m {
        padding: 12px 15px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        display: flex;
        width: 100%;
    }

    /* Показываем бургер */
    .mb-burger-btn-8kq3m {
        display: flex;
    }

    /* Скрываем счетчик отзывов */
    .mb-reviews-count-3nq7k {
        display: none;
    }

    .mb-header-buttons-7xq4k {
        gap: 5px;
    }

    .mb-btn-header-login-4kp8n,
    .mb-btn-header-review-6nq9m {
        padding: 8px 15px;
        font-size: 13px;
    }

    /* Hero */
    .mb-hero-9mq2w {
        padding: 40px 0;
    }

    .mb-hero-card-6yw4t {
        padding: 25px;
    }

    .mb-casino-logo-4mp7x {
        width: 100px;
        height: 100px;
    }

    .mb-hero-title-3qn6k {
        font-size: 28px;
        margin-bottom: 15px;
    }

    .mb-bonus-text-5mq9w {
        font-size: 22px;
    }

    .mb-hero-actions-7xm2p {
        flex-direction: column;
        gap: 10px;
    }

    .mb-btn-primary-4kq8n,
    .mb-btn-secondary-9mp5k {
        width: 100%;
        padding: 12px 25px;
        font-size: 16px;
    }

    /* Sections */
    .mb-ratings-detail-5nq7j,
    .mb-casino-info-6kq9m,
    .mb-bonuses-extra-4nq8k,
    .mb-pros-cons-5nq8j,
    .mb-leave-review-8kq4n,
    .mb-reviews-section-5nq8k,
    .mb-comparison-6kq9m,
    .mb-advantages-7xq4m,
    .mb-content-section-8kq5n,
    .mb-author-section-5nq9k {
        padding: 40px 0;
    }

    .mb-section-title-8km3p {
        font-size: 26px;
        margin-bottom: 20px;
    }

    /* Grids */
    .mb-ratings-grid-4np8m,
    .mb-info-grid-5np7k,
    .mb-bonuses-grid-7xq5m,
    .mb-advantages-grid-5kq8n {
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
        gap: 15px;
    }

    .mb-pros-cons-grid-4kq7m {
        grid-template-columns: 1fr;
    }

    /* Cards */
    .mb-bonus-card-3kp9n,
    .mb-review-card-7xq3m {
        padding: 20px;
    }

    /* Bonus Banner */
    .mb-bonus-banner-3nq7p {
        padding: 20px;
        flex-direction: column;
        text-align: center;
    }

    .mb-banner-text-5mq8k {
        font-size: 18px;
    }

    /* Form */
    .mb-review-form-7xq2k {
        padding: 25px;
    }

    .mb-btn-submit-3kq9m {
        padding: 12px 30px;
        font-size: 16px;
    }

    /* Reviews */
    .mb-review-header-4kp9n {
        flex-direction: column;
        align-items: flex-start;
    }

    .mb-review-rating-7xq2k {
        align-items: flex-start;
    }

    .mb-review-title-4nq7p {
        font-size: 18px;
    }

    /* Author */
    .mb-author-card-7xq3m {
        flex-direction: column;
        text-align: center;
        gap: 20px;
    }

    .mb-author-social-5nq7k {
        justify-content: center;
    }

    /* Footer */
    .mb-footer-top-4kp9n {
        flex-direction: column;
        text-align: center;
    }

    .mb-footer-nav-8kq2p {
        justify-content: center;
        width: 100%;
    }

    /* Widget */
    .mb-widget-content-4kp9n {
        flex-direction: column;
    }

    .mb-widget-text-5nq8m {
        font-size: 16px;
        text-align: center;
        width: 100%;
    }

    .mb-widget-btn-3mq7p {
        width: 100%;
    }
}

/* ===================================
   MEDIA QUERIES - MOBILE (480px)
   =================================== */

@media (max-width: 480px) {
    html {
        font-size: 14px;
    }

    .mb-container-2kp8n {
        padding: 0 10px;
    }

    /* Header */
    .mb-header-5nq8k {
        padding: 10px 0;
    }

    .mb-logo-img-5mq7k {
        height: 40px;
    }

    .mb-header-buttons-7xq4k {
        width: 100%;
        justify-content: flex-end;
    }

    .mb-btn-header-login-4kp8n,
    .mb-btn-header-review-6nq9m {
        padding: 8px 12px;
        font-size: 12px;
    }

    .mb-header-nav-8kq2p {
        top: 60px;
        max-height: calc(100vh - 60px);
        padding: 15px;
    }

    .mb-nav-link-2kq9m {
        font-size: 13px;
        min-height: 44px;
        padding: 10px 12px;
    }

    /* Hero */
    .mb-hero-9mq2w {
        padding: 30px 0;
    }

    .mb-hero-card-6yw4t {
        padding: 15px;
        border-radius: 15px;
    }

    .mb-casino-logo-4mp7x {
        width: 80px;
        height: 80px;
        margin-bottom: 10px;
    }

    .mb-hero-title-3qn6k {
        font-size: 22px;
        margin-bottom: 10px;
    }

    .mb-rating-main-7xr2w {
        flex-direction: column;
        gap: 8px;
    }

    .mb-bonus-text-5mq9w {
        font-size: 18px;
    }

    .mb-hero-actions-7xm2p {
        gap: 8px;
    }

    .mb-btn-primary-4kq8n,
    .mb-btn-secondary-9mp5k {
        padding: 10px 20px;
        font-size: 14px;
    }

    /* Sections */
    .mb-ratings-detail-5nq7j,
    .mb-casino-info-6kq9m,
    .mb-bonuses-extra-4nq8k,
    .mb-pros-cons-5nq8j,
    .mb-leave-review-8kq4n,
    .mb-reviews-section-5nq8k,
    .mb-comparison-6kq9m,
    .mb-advantages-7xq4m,
    .mb-content-section-8kq5n,
    .mb-author-section-5nq9k {
        padding: 30px 0;
    }

    .mb-section-title-8km3p {
        font-size: 20px;
        margin-bottom: 15px;
    }

    /* Grids */
    .mb-ratings-grid-4np8m,
    .mb-info-grid-5np7k,
    .mb-bonuses-grid-7xq5m,
    .mb-advantages-grid-5kq8n {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    /* Cards */
    .mb-rating-item-7xq2k,
    .mb-info-item-8kq2m,
    .mb-bonus-card-3kp9n,
    .mb-advantage-card-3nq9p,
    .mb-review-card-7xq3m {
        padding: 15px;
    }

    /* Pros/Cons */
    .mb-pros-block-8np2k,
    .mb-cons-block-9kp3m {
        padding: 20px;
    }

    .mb-pros-title-3mq9p,
    .mb-pros-title-7xq3m,
    .mb-cons-title-6nq8k {
        font-size: 18px;
        margin-bottom: 15px;
    }

    /* TOC */
    .mb-toc-7xq3m {
        padding: 25px 0;
    }

    .mb-toc-nav-4kp8n {
        gap: 10px;
    }

    .mb-toc-link-5nq9m {
        padding: 10px 15px;
        font-size: 12px;
    }

    /* Bonus Banner */
    .mb-bonus-banner-3nq7p {
        padding: 15px;
        gap: 10px;
    }

    .mb-banner-text-5mq8k {
        font-size: 14px;
    }

    .mb-btn-banner-2kq9m {
        padding: 10px 20px;
        font-size: 12px;
    }

    /* Form */
    .mb-review-form-7xq2k {
        padding: 15px;
    }

    .mb-form-input-5mq7k,
    .mb-form-textarea-8nq5k,
    .mb-form-select-4mp8n {
        padding: 12px;
        font-size: 14px;
    }

    .mb-btn-submit-3kq9m {
        padding: 10px 20px;
        font-size: 14px;
    }

    /* Reviews */
    .mb-review-author-info-8kq2p {
        width: 100%;
    }

    .mb-review-avatar-3nq8m {
        width: 50px;
        height: 50px;
    }

    .mb-review-author-2kq9m {
        font-size: 16px;
    }

    .mb-review-title-4nq7p {
        font-size: 16px;
    }

    .mb-detailed-ratings-6mp8k {
        min-width: 100%;
    }

    /* Comparison Table */
    .mb-comparison-table-8kq3m th,
    .mb-comparison-table-8kq3m td {
        padding: 10px;
        font-size: 12px;
    }

    /* Content */
    .mb-content-box-4nq7m {
        padding: 15px;
    }

    .mb-content-box-4nq7m h2 {
        font-size: 22px;
        margin-top: 20px;
    }

    .mb-content-box-4nq7m h3 {
        font-size: 18px;
        margin-top: 15px;
    }

    /* Author */
    .mb-author-card-7xq3m {
        padding: 15px;
    }

    .mb-author-photo-3kq8n {
        width: 80px;
        height: 80px;
    }

    .mb-author-name-4nq9p {
        font-size: 20px;
    }

    /* Footer */
    .mb-footer-top-4kp9n {
        gap: 15px;
    }

    .mb-footer-nav-8kq2p {
        gap: 10px;
    }

    .mb-footer-link-2kq9m {
        font-size: 12px;
    }

    .mb-trust-logos-5nq9m {
        gap: 10px;
    }

    .mb-trust-logo-3kq8n {
        height: 30px;
    }

    .mb-legal-links-8kq5m {
        gap: 10px;
    }

    /* Widget */
    .mb-widget-fixed-7xq2k {
        padding: 10px;
    }

    .mb-widget-text-5nq8m {
        font-size: 14px;
    }

    .mb-widget-btn-3mq7p {
        padding: 10px 15px;
        font-size: 12px;
    }
}

/* ===================================
   EXTRA SMALL (under 360px)
   =================================== */

@media (max-width: 360px) {
    .mb-hero-title-3qn6k {
        font-size: 18px;
    }

    .mb-section-title-8km3p {
        font-size: 18px;
    }

    .mb-btn-primary-4kq8n,
    .mb-btn-secondary-9mp5k {
        padding: 8px 15px;
        font-size: 13px;
    }
}

/* ===================================
   Анимация бургер кнопки
   =================================== */

.mb-burger-btn-8kq3m.mb-burger-active-mobile .mb-burger-line-5nq7p:nth-child(1) {
    transform: rotate(45deg) translateY(10px);
}

.mb-burger-btn-8kq3m.mb-burger-active-mobile .mb-burger-line-5nq7p:nth-child(2) {
    opacity: 0;
}

.mb-burger-btn-8kq3m.mb-burger-active-mobile .mb-burger-line-5nq7p:nth-child(3) {
    transform: rotate(-45deg) translateY(-10px);
}

/* ===================================
   PREVENT SCROLL WHEN MENU OPEN
   =================================== */

body.mb-body-fixed-8kq2p {
    overflow: hidden !important;
}

/* ===================================
   FOCUS STATES (Accessibility)
   =================================== */

.mb-nav-link-2kq9m:focus,
.mb-btn-header-login-4kp8n:focus,
.mb-btn-header-review-6nq9m:focus {
    outline: 2px solid #00fbc8;
    outline-offset: 2px;
}

.mb-burger-btn-8kq3m:focus {
    outline: 2px solid #00fbc8;
    outline-offset: 2px;
}