* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-family: "Inter", sans-serif;
}

a {
    transition:  transform 0.2s ease;
}
b {
  background: linear-gradient(90deg, #FFD67C 0%, #FFE788 49%, #FFC300 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
   display: inline-block;
}
.answer
{
cursor:auto!important;
}

.br-mob {
    display: none;
}

.scroll-image {
    display: none;
}

a:hover {
    transform: scale(1.05);
}

a:active {
    transform: scale(0.95);
}

li {
    cursor: pointer;
}

.btn-apple-android,
.btn-discount,
.btn-reg,
.btn-login,
.btn-gold {
    transition: transform 0.2s ease;
}

.btn-apple-android:hover,
.btn-discount:hover,
.btn-reg:hover,
.btn-login:hover,
.btn-gold:hover {
    transform: scale(1.05);
}

.btn-apple-android:active,
.btn-discount:active,
.btn-reg:active,
.btn-login:active,
.btn-gold:active {
    transform: scale(0.95);
}


body {
    background-color: #091109;
    color: #fff;
    overflow-x: hidden;
    width: 100%;
    box-sizing: border-box;
}

.container-border {
    padding-left: 100px;
    padding-right: 100px;
    padding-top: 34px;
    width: 100%;
    overflow-x: hidden;
    box-sizing: border-box;
}

.btn-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.btns-left,
.btns-right {
    display: flex;
    gap: 20px;
    justify-content: space-around;
    align-items: center;
}

.btns-right {
    gap: 10px;
}

a {
    text-decoration: none;
}

.icons-sm {
    margin-left: 6px;
    display: flex;
    gap: 5px;
}

.btn-apple-android {
    color: #fff;
    display: flex;
    justify-content: space-around;
    align-items: center;
    gap: 10px;
    background-color: #152215;
    border-radius: 16px;
    width: 100%;
    max-width: 167px;
    padding: 12px 18px;
}

.btn-apple-android p {
    font-weight: bold;
    font-size: 16px;
}

.btn-apple-android img {
    width: 22px;
    height: 26px;
}

.btn-discount {
    background: linear-gradient(90deg, #FFD67C 0%, #FFE788 49%, #FFC300 100%);
    display: flex;
    width: 100%;
    max-width: 167px;
    padding: 12px 26px;
    align-items: center;
    border-radius: 15px;
    justify-content: space-around;
    gap: 10px;
}

.btn-discount p {
    font-size: 22px;
    font-weight: 600;
    color: #332D17;
}

.btn-discount img {
    width: 26px;
    height: 26px;
}

.btn-reg {
    background: linear-gradient(90deg, #FF4E6F 0%, #A80003 100%);
    font-size: 16px;
    padding: 12px 35px;
    border-radius: 15px;
    font-weight: 600;
    color: #fff;
}

.btn-login {
    background: none;
    font-size: 16px;
    border: 1px solid #F3E45F;
    padding: 12px 35px;
    border-radius: 15px;
    font-weight: 600;
    color: #fff;
}

.heading-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 28px;
}

.heading-bar {
    width: 100%;
}

.green-bar {
    width: auto;
    min-width: 0;
    flex: 1;
    background-color: #152215;
    border-radius: 15px;
    padding: 21px 15px;
    margin-left: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    overflow-x: auto;
    scrollbar-width: thin;
    scrollbar-color: #F3E45F #152215;
}

/* Inline row wrapper for nav + burger */
.nav-inline-row {
    display: flex;
    align-items: center;
    width: 100%;
}

@media (max-width: 768px) {
    .heading-bar {
        flex-direction: column;
        gap: 20px;
        align-items: center;
    }
    .nav-inline-row {
        display: flex;
        align-items: center;
        width: 100%;
    }
    .green-bar {
        flex: 1;
        margin-left: 0;
    }
    .burger-menu {
        margin-left: 12px;
        flex-shrink: 0;
    }
}

/* Readable links for Useful sections on dark bg */
.useful-links ul li a {
    color: #f3e45f; /* gold */
    text-decoration: none;
}
.useful-links ul li a:hover,
.useful-links ul li a:focus {
    color: #ffffff;
    text-decoration: underline;
}

/* VIP path mobile fixes */
@media (max-width: 768px) {
  .vip-path-row {
    display: block;
    margin: 30px 0;
  }
  .vip-path-row .vip-card {
    width: 100%;
    box-sizing: border-box;
    margin: 0 0 20px 0;
  }
}

.green-bar ul {
    list-style: none;
    display: flex;
    flex: 1;
    justify-content: flex-start;
    margin: 0;
    gap: 25px;
    flex-wrap: nowrap;
    min-width: max-content;
}

.hidden-nav {
    display: none;
}

/* Бургер-меню */
.burger-menu {
    position: relative;
    display: flex;
    align-items: center;
    margin-left: 20px;
}

    .burger-icon {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        width: 24px;
        height: 18px;
        cursor: pointer;
        transition: all 0.3s ease;
        padding: 2px;
    }

    .burger-icon span {
        display: block;
        width: 100%;
        height: 3px;
        background-color: #F3E45F;
        border-radius: 2px;
        transition: all 0.3s ease;
    }

.nav-burger {
    display: none;
    position: fixed;
    top: 80px;
    right: 20px;
    background-color: #152215;
    border-radius: 10px;
    padding: 15px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
    z-index: 9999;
    min-width: 200px;
    border: 1px solid rgba(243, 228, 95, 0.1);
}

.nav-burger ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.nav-burger li {
    margin-bottom: 10px;
    list-style: none;
}

.nav-burger li:last-child {
    margin-bottom: 0;
}

.nav-burger a {
    color: #fff;
    text-decoration: none;
    font-size: 15px;
    padding: 8px 12px;
    border-radius: 4px;
    display: block;
    transition: background-color 0.3s ease;
    white-space: nowrap;
}

.nav-burger a:hover {
    background-color: rgba(243, 228, 95, 0.1);
    color: #ffc964;
}

/* Анимация бургер-иконки */
.burger-menu.active .burger-icon span:nth-child(1) {
    transform: rotate(45deg) translate(5px, 5px);
}

.burger-menu.active .burger-icon span:nth-child(2) {
    opacity: 0;
}

.burger-menu.active .burger-icon span:nth-child(3) {
    transform: rotate(-45deg) translate(7px, -6px);
}

.burger-menu.active .nav-burger {
    display: block;
}

.green-bar a {
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    cursor: pointer;
    transition: font-size 0.3s ease, color 0.3s ease;
    padding: 5px 8px;
    border-radius: 4px;
    white-space: nowrap;
}

.green-bar a:hover {
    color: #ffc964;
    cursor: pointer;
}

.block-bg-banner-1 {
    background-image: url("./img/Banner.png");
    background-size: 100%;
    background-position: center;
    padding-bottom: 10px;
    background-repeat: no-repeat;
    margin-top: 28px;
    width: 100%;
    border-radius: 15px;
    height: 330px;
}


.hdr-banner-1 {
    padding-top: 70px;
    margin-left: 180px;
}

.hdr-banner-1 h1 {
    font-size: 48px;
    font-weight: bold;
    font-family: "Rubik", sans-serif;
    margin-bottom: 40px;
}

.btn-gold {
    background: linear-gradient(90deg, #FFD67C 0%, #FFE788 49%, #FFC300 100%);
    color: #332907;
    font-size: 24px;
    font-weight: bold;
    border-radius: 250px;
    padding: 20px 62px;
    font-family: "Rubik", sans-serif;
    display: inline-block;
    text-align: center;
    min-height: 60px;
    line-height: 1.2;
}

.block-banner-2 {
    display: flex;
    justify-content: space-between;
    gap: 5%;
    margin-top: 50px;
    align-items: stretch;
    width: 100%;
    overflow: hidden;
}
.block-banner-2 .block-text-left {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    overflow: hidden;
}
.block-banner-2 .block-img-right {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    overflow: hidden;
}
.block-banner-2 .block-img-right img {
    max-height: 100%;
    height: 100%;
    width: auto;
    object-fit: contain;
    display: block;
    max-width: 500px;
    width: 100%;
    border-radius: 20px !important;
    overflow: hidden;
}

.block-text-left p {
    font-size: 22px;
    font-weight: 300;
    margin-top: 20px;
    line-height: 30px;
    background: linear-gradient(135deg, rgba(255, 214, 124, 0.1) 0%, rgba(255, 231, 136, 0.05) 50%, rgba(255, 195, 0, 0.1) 100%);
    padding: 20px 25px;
    border-radius: 20px;
    border: 1px solid rgba(255, 214, 124, 0.2);
    backdrop-filter: blur(10px);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.block-text-left p::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 214, 124, 0.1), transparent);
    transition: left 0.5s ease;
}

.block-text-left p:hover {
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15);
    border-color: rgba(255, 214, 124, 0.4);
}

.block-text-left p:hover::before {
    left: 100%;
}

.block-text-left h2 {
    font-size: 40px;
    font-weight: bold;
    background: linear-gradient(135deg, #FFD67C 0%, #FFE788 50%, #FFC300 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    padding: 15px 20px;
    border-radius: 15px;
    position: relative;
    display: inline-block;
    margin-bottom: 10px;
}

.block-text-left h2::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 20px;
    right: 20px;
    height: 2px;
    background: linear-gradient(90deg, #FFD67C, #FFE788, #FFC300);
    border-radius: 1px;
}

.y-link {
    background: linear-gradient(90deg, #FFD67C 0%, #FFE788 49%, #FFC300 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}

.block-img-right {
    width: 90%;
}


/* Сдержанные стили для блока "Преимущества зеркала LAKI" */
.block-text {
    margin-top: 70px;
    position: relative;
    background: rgba(21, 34, 21, 0.8);
    border-radius: 15px;
    padding: 40px;
    border: 1px solid rgba(243, 228, 95, 0.1);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
    backdrop-filter: blur(5px);
}

.hdr-block-text {
    display: flex;
    gap: 15px;
    align-items: center;
    margin-bottom: 30px;
    position: relative;
}

.hdr-block-text img {
    width: 40px;
    height: 40px;
    opacity: 0.8;
}

.hdr-block-text h2 {
    font-size: 36px;
    font-weight: 600;
    color: #E8F5E8;
    position: relative;
    margin: 0;
}

.hdr-block-text h2::after {
    content: '';
    position: absolute;
    bottom: -8px;
    left: 0;
    width: 60px;
    height: 2px;
    background: rgba(243, 228, 95, 0.6);
    border-radius: 1px;
}

.block-text p {
    font-size: 18px;
    font-weight: 400;
    margin-top: 20px;
    line-height: 1.6;
    color: #E8F5E8;
    position: relative;
    padding: 15px 20px;
    background: rgba(21, 34, 21, 0.2);
    border-radius: 10px;
    border-left: 3px solid transparent;
    transition: all 0.2s ease;
}

.block-text p:hover {
    background: rgba(21, 34, 21, 0.3);
    border-left-color: rgba(243, 228, 95, 0.4);
    transform: translateX(5px);
}

.block-text p strong {
    color: rgba(243, 228, 95, 0.8);
    font-weight: 500;
}

/* Специальные стили для первого параграфа */
.block-text p:first-of-type {
    background: rgba(21, 34, 21, 0.3);
    border: 1px solid rgba(243, 228, 95, 0.1);
}

/* Стили для последнего параграфа */
.block-text p:last-of-type {
    background: rgba(21, 34, 21, 0.25);
    border: 1px solid rgba(243, 228, 95, 0.05);
}

/* Современные стили для таблиц */
.block-table {
    margin-top: 50px;
    margin-bottom: 30px;
    font-family: "Inter", sans-serif;
    position: relative;
}

table {
    width: 100%;
    font-size: 18px;
    border-collapse: separate;
    border-spacing: 0;
    background: linear-gradient(135deg, rgba(21, 34, 21, 0.95) 0%, rgba(21, 34, 21, 0.85) 100%);
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 
        0 20px 40px rgba(0, 0, 0, 0.3),
        0 0 0 1px rgba(243, 228, 95, 0.1),
        inset 0 1px 0 rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(243, 228, 95, 0.2);
}

th {
    background: linear-gradient(135deg, rgba(243, 228, 95, 0.15) 0%, rgba(243, 228, 95, 0.05) 100%);
    color: #F3E45F;
    font-weight: 600;
    font-size: 20px;
    padding: 20px 25px;
    text-align: left;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-bottom: 2px solid rgba(243, 228, 95, 0.2);
    position: relative;
}

th::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: linear-gradient(90deg, #F3E45F, transparent);
}

td {
    color: #E8F5E8;
    font-size: 18px;
    padding: 18px 25px;
    text-align: left;
    border-bottom: 1px solid rgba(243, 228, 95, 0.1);
    transition: all 0.3s ease;
    position: relative;
}

tr:hover td {
    background: rgba(243, 228, 95, 0.05);
    color: #ffffff;
    transform: translateX(5px);
}

tr:last-child td {
    border-bottom: none;
}

tr:last-child th {
    border-bottom: none;
}

/* Стили для первой и последней ячеек в строке */
td:first-child {
    border-left: 3px solid transparent;
    transition: border-left-color 0.3s ease;
}

tr:hover td:first-child {
    border-left-color: #F3E45F;
}

/* Стили для заголовков */
th:first-child {
    border-top-left-radius: 20px;
}

th:last-child {
    border-top-right-radius: 20px;
}

/* Стили для последней строки */
tr:last-child td:first-child {
    border-bottom-left-radius: 20px;
}

tr:last-child td:last-child {
    border-bottom-right-radius: 20px;
}

/* Дополнительные эффекты */
.block-table::before {
    content: '';
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    background: linear-gradient(45deg, #F3E45F, #FFD67C, #F3E45F);
    border-radius: 22px;
    z-index: -1;
    opacity: 0.3;
    filter: blur(2px);
}

/* Стили для изображений в таблицах */
.block-table img {
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease;
    max-width: 100%;
    height: auto;
}

.block-table img:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
}

/* Стили для модальных окон таблиц */
.modal {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    backdrop-filter: blur(5px);
}

.modal-content {
    background: linear-gradient(135deg, rgba(21, 34, 21, 0.95) 0%, rgba(21, 34, 21, 0.85) 100%);
    margin: 5% auto;
    padding: 20px;
    border-radius: 20px;
    width: 80%;
    max-width: 600px;
    border: 1px solid rgba(243, 228, 95, 0.2);
    box-shadow: 
        0 20px 40px rgba(0, 0, 0, 0.3),
        0 0 0 1px rgba(243, 228, 95, 0.1);
    backdrop-filter: blur(10px);
}

.close {
    color: #F3E45F;
    float: right;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
    transition: all 0.3s ease;
}

.close:hover,
.close:focus {
    color: #FFD67C;
    transform: scale(1.1);
}

/* Стили для thumbnail изображений */
.thumbnail {
    cursor: pointer;
    transition: all 0.3s ease;
}

.thumbnail:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 12px rgba(243, 228, 95, 0.3);
}

/* Адаптивные стили для таблиц */
@media (max-width: 1024px) {
    .block-table {
        margin: 30px 0;
    }
    
    table {
        font-size: 16px;
        border-radius: 18px;
    }
    
    th {
        font-size: 18px;
        padding: 18px 22px;
    }
    
    td {
        font-size: 16px;
        padding: 16px 22px;
    }
}

@media (max-width: 768px) {
    .block-table {
        margin: 25px 0;
        overflow-x: auto;
    }
    
    table {
        font-size: 14px;
        min-width: 600px;
        border-radius: 16px;
    }
    
    th {
        font-size: 16px;
        padding: 16px 20px;
        letter-spacing: 0.3px;
    }
    
    td {
        font-size: 14px;
        padding: 14px 20px;
        white-space: nowrap;
    }
    
    tr:hover td {
        transform: translateX(3px);
    }
}

@media (max-width: 480px) {
    .block-table {
        margin: 20px 0;
    }
    
    table {
        font-size: 12px;
        min-width: 500px;
        border-radius: 14px;
    }
    
    th {
        font-size: 14px;
        padding: 14px 18px;
        letter-spacing: 0.2px;
    }
    
    td {
        font-size: 12px;
        padding: 12px 18px;
    }
    
    tr:hover td {
        transform: translateX(2px);
    }
}

.block-bonuses {
    background-color: #152215;
    border-radius: 15px;

    padding: 0px 60px 60px 60px;
    margin-top: 50px;
    z-index: 999;
}

.block-bonuses-items {
    display: flex;
    justify-content: space-between;
    gap: 10px;
}

.block-text-img {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    align-items: center;
    width: 76%;
}

.block-text-img img {
    width: 50px;
    height: 50px;
}

.y-line {
    margin: 0 auto;
    height: 14px;
    width: 90%;
    border-radius: 0 0 15px 15px;
    background: linear-gradient(90deg, #FFD67C 0%, #FFE788 49%, #FFC300 100%);
    z-index: 1000;
    position: relative;
    margin-bottom: 70px;
}

/* Старые стили .block-reg удалены - заменены на новые уникальные стили выше */

.block-text-img-num {
    width: 86%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
    margin-top: 20px;
}

.block-text-img-num img {
    width: 68px;
    height: 68px;
}

.block-text-left p {
    width: 94%;

}

.block-text-left h2 {
    font-size: 34px;
}

.p-hdr {
    margin-bottom: 34px;
}

.hdr-faq {
    display: flex;
    align-items: baseline;
    gap: 15px;
    margin-bottom: 40px;
}

.hdr-faq h2 {
    font-size: 40px;
    font-weight: bold;
}

.hdr-faq img {
    width: 44px;
    height: 44px;
}

/* Новый улучшенный дизайн FAQ блока */
.block-faq {
    margin: 40px 0;
    padding: 0 20px;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

.block-faq ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    align-items: start;
}

.block-faq-item {
    list-style: none;
    margin-bottom: 0;
    background: linear-gradient(145deg, #0f1e0f, #1a2f1a);
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 
        0 8px 32px rgba(0, 0, 0, 0.3),
        0 2px 8px rgba(243, 228, 95, 0.1),
        inset 0 1px 0 rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(243, 228, 95, 0.2);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
}

.block-faq-item::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg, #f3e45f, #d4af37, #f3e45f);
    opacity: 0;
    transition: opacity 0.4s ease;
}

.block-faq-item:hover {
    transform: translateY(-4px);
    box-shadow: 
        0 16px 48px rgba(0, 0, 0, 0.4),
        0 4px 16px rgba(243, 228, 95, 0.2),
        inset 0 1px 0 rgba(255, 255, 255, 0.15);
    border-color: rgba(243, 228, 95, 0.4);
}

.block-faq-item:hover::before {
    opacity: 1;
}

.question {
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0;
    border-radius: 0;
    padding: 28px 32px;
    list-style: none;
    font-size: 22px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    border: none;
    position: relative;
    color: #ffffff;
}

.question::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 32px;
    right: 32px;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(243, 228, 95, 0.3), transparent);
    transition: opacity 0.4s ease;
}

.question:hover {
    background: rgba(243, 228, 95, 0.05);
    color: #f3e45f;
}

.question p {
    margin: 0;
    flex: 1;
    padding-right: 20px;
    line-height: 1.4;
}

.question img {
    width: 24px;
    height: 24px;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    filter: brightness(0) saturate(100%) invert(100%);
    opacity: 0.7;
    flex-shrink: 0;
}

.block-faq-item.active {
    background: linear-gradient(145deg, #1a2f1a, #0f1e0f);
    border-color: rgba(243, 228, 95, 0.5);
    box-shadow: 
        0 12px 40px rgba(0, 0, 0, 0.4),
        0 4px 12px rgba(243, 228, 95, 0.3),
        inset 0 1px 0 rgba(255, 255, 255, 0.2);
}

.block-faq-item.active::before {
    opacity: 1;
    background: linear-gradient(90deg, #f3e45f, #ffffff, #f3e45f);
}

.block-faq-item.active .question {
    background: rgba(243, 228, 95, 0.08);
    color: #f3e45f;
}

.block-faq-item.active .question::after {
    opacity: 0;
}

.block-faq-item.active .question img {
    transform: rotate(180deg);
    filter: brightness(0) saturate(100%) invert(89%) sepia(58%) saturate(2476%) hue-rotate(21deg) brightness(118%) contrast(85%);
    opacity: 1;
}

.block-faq-item.active .answer {
    display: block;
    max-height: 800px;
    opacity: 1;
    padding: 0 32px 32px 32px;
}

.answer {
    max-height: 0;
    overflow: hidden;
    background: transparent;
    padding: 0 32px;
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    opacity: 0;
    display: none;
    font-size: 20px;
    color: rgba(255, 255, 255, 0.9);
    margin-bottom: 0;
    position: relative;
}

.answer::before {
    content: '';
    position: absolute;
    top: 0;
    left: 32px;
    right: 32px;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(243, 228, 95, 0.2), transparent);
}

.answer p {
    margin: 0;
    line-height: 1.7;
    padding-top: 20px;
}

.answer ul {
    margin: 15px 0;
    padding-left: 24px;
    line-height: 1.6;
}

.answer ul li {
    margin-bottom: 8px;
    position: relative;
}

.answer ul li::marker {
    color: #f3e45f;
}

.answer ul li {
    margin-bottom: 8px;
    line-height: 1.5;
}

footer {
    margin-top: 160px;
}

.block-ftr-hdr {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 40px;
    align-items: center;
    padding-left: 100px;
    padding-right: 100px;
}

.block-right-ftr {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.block-download {
    background-color: #152215;
    border-radius: 15px;
    align-items: center;
    padding: 20px 30px;
    gap: 20px;
    max-width: 280px;
    max-height: 77px;
    display: flex;
    justify-content: center;
    transition: all 0.3s ease;
    border: 1px solid rgba(243, 228, 95, 0.1);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

.block-download:hover {
    background-color: #1a2f1a;
    border-color: rgba(243, 228, 95, 0.3);
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
}

.block-download p {
    color: #ffffff;
    font-size: 22px;
    font-weight: bold;
    margin: 0;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

.icons {
    margin-left: 10px;
    display: flex;
    gap: 10px;
    align-items: center;
}

.icons img {
    width: 34px;
    height: 40px;
    transition: transform 0.3s ease;
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2));
}

.block-download:hover .icons img {
    transform: scale(1.05);
}

.block-socials {
    background-color: #152215;
    border-radius: 15px;
    align-items: center;
    padding: 18px;
    padding-left: 28px;
    padding-right: 28px;
    gap: 20px;
    max-width: 148px;
    display: flex;
}

.block-socials img {
    width: 46px;
    height: 46px;
}

.block-logos-partners img {
    width: 100%;
    margin-top: 30px;
    margin-bottom: 50px;
}

.block-btm-ftr img {
    width: 100%;
}

.block-btm-ftr {
    width: 100%;
    background-color: #1E301E;
    border-radius: 15px;
}

.copyright {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 20px;
}

.copyright p {
    color: #ffffff;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    margin: 0;
    opacity: 0.8;
}

.block-table {
    position: relative;
}

.thumbnail {
    cursor: pointer;
}

.modal {
    display: none;
    position: fixed;
    z-index: 1001;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    justify-content: center;
    align-items: center;
}

.modal-content {
    max-width: 90%;
    max-height: 90%;
    zoom: 1.8;
}

.block-table img {
    display: none;
}

.close {
    position: absolute;
    top: 20px;
    right: 30px;
    color: white;
    font-size: 40px;
    cursor: pointer;
}

.mob {
    display: none;
}

/* ---------- Адаптив: планшеты (до 1024px) ---------- */
@media (max-width: 1024px) {
    .container-border {
        padding-left: 40px;
        padding-right: 40px;
        box-sizing: border-box;
    }

    td {
        border-left: 2px solid #152215;
    }

    .block-payment-methods {
        width: 90%;
        margin: 0 auto;
        border-radius: 15px;
        overflow-x: scroll;
        padding-bottom: 0;
        position: relative;
        box-sizing: border-box;
    }

    .block-payment-methods::after {
        content: '';
        display: block;
        height: 12px;
    }

    .image-container {
        display: flex;
        width: max-content;
        padding-bottom: 12px;
        box-sizing: border-box;
    }

    .scroll-image {
        width: 180px;
        display: flex;
        height: auto;
        margin-right: 10px;
        flex-shrink: 0;
    }

    .block-payment-methods::-webkit-scrollbar {
        height: 10px;
    }

    .block-payment-methods::-webkit-scrollbar-track {
        background: #1E301E;
        border-radius: 15px;
    }

    .block-payment-methods::-webkit-scrollbar-thumb {
        background-color: #609660;
        border-radius: 10px;
    }

    .block-ftr-hdr {
        margin-bottom: 20px;
    }

    .hdr-faq {
        align-items: center;
    }

    .desk {
        display: none !important;
    }

    .block-img-right.mob {
        margin-bottom: 30px;
        margin-top: -25px;
    }

    .block-img-right.mob.second {
        margin-bottom: 30px;
        margin-top: -5px;
    }

    .mob {
        display: block;
    }

    .br-mob {
        display: block;
    }

    .block-text-left p {
        margin-top: 10px !important;
    }

    .block-text-img {
        align-items: center;
        margin-top: 20px !important;
    }

    .block-text-img {
        margin-bottom: 20px !important;
    }

    .block-text-img-num p {
        margin-top: 0px !important;
    }

    /* Унифицированные стили навигации для всех страниц */
    .green-bar {
        width: auto;
        min-width: 0;
        flex: 1;
        background-color: #152215;
        border-radius: 15px;
        padding: 21px 15px;
        margin-left: 40px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        overflow-x: auto;
        scrollbar-width: thin;
        scrollbar-color: #F3E45F #152215;
    }

    .green-bar::-webkit-scrollbar {
        height: 6px;
    }

    .green-bar::-webkit-scrollbar-track {
        background: #152215;
        border-radius: 3px;
    }

    .green-bar::-webkit-scrollbar-thumb {
        background-color: #F3E45F;
        border-radius: 3px;
    }

    .green-bar ul {
        list-style: none;
        display: flex;
        flex: 1;
        justify-content: flex-start;
        margin: 0;
        gap: 25px;
        flex-wrap: nowrap;
        min-width: max-content;
    }

    .green-bar li {
        display: inline-block;
        margin-right: 0;
        margin-bottom: 0;
    }

    .green-bar a {
        font-size: 15px;
        font-weight: 500;
        color: #fff;
        cursor: pointer;
        transition: font-size 0.3s ease, color 0.3s ease;
        padding: 5px 8px;
        border-radius: 4px;
        white-space: nowrap;
        text-decoration: none;
    }

    .green-bar a:hover {
        color: #ffc964;
        cursor: pointer;
    }

    .burger-menu {
        margin-left: 20px;
        flex-shrink: 0;
    }

    .nav-burger {
        position: absolute;
        top: 100%;
        right: 0;
        background-color: #152215;
        border-radius: 10px;
        padding: 15px;
        margin-top: 10px;
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
        z-index: 9999;
        min-width: 200px;
        border: 1px solid rgba(243, 228, 95, 0.1);
    }

    .nav-burger ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .nav-burger li {
        margin-bottom: 10px;
        list-style: none;
    }

    .nav-burger li:last-child {
        margin-bottom: 0;
    }

    .nav-burger a {
        color: #fff;
        text-decoration: none;
        font-size: 15px;
        padding: 8px 12px;
        border-radius: 4px;
        display: block;
        transition: background-color 0.3s ease;
        white-space: nowrap;
    }

    .nav-burger a:hover {
        background-color: rgba(243, 228, 95, 0.1);
        color: #ffc964;
    }

    .heading-bar img {
        display: block;
    }

    .block-table img {
        display: flex;
    }

    .block-payment-methods::-webkit-scrollbar {
        height: 10px;
    }

    .block-payment-methods::-webkit-scrollbar-track {
        background: #1E301E;
    }

    .block-payment-methods::-webkit-scrollbar-thumb {
        background-color: #609660;
        border-radius: 10px;
        border: 2px solid #1e301e;
    }



    .block-table {
        position: relative;
    }

    .block-table img {
        width: 100%;
        height: 100%;
    }

    .thumbnail {
        cursor: pointer;
    }

    .modal {
        display: none;
        position: fixed;
        z-index: 1001;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.8);
        justify-content: center;
        align-items: center;
    }

    .modal-content {
        max-width: 90%;
        max-height: 90%;
    }

    .close {
        position: absolute;
        top: 20px;
        right: 30px;
        color: white;
        font-size: 40px;
        cursor: pointer;
    }

    .btn-discount img {
        width: 20px;
        height: 20px;
    }

    .btn-apple-android {
        display: none !important;
    }

    .hdr-banner-1 {
        margin-left: 60px;
        padding-top: 70px;
    }

    .hdr-banner-1 h1 {
        font-size: 36px;
    }

    .btn-gold {
        font-size: 22px;
        padding: 16px 48px;
    }

    .block-banner-2 {
        flex-direction: column;
        gap: 30px;
    }

    .block-img-right {
        width: 100%;
    }

    .block-img-right img {
        width: 100%;
    }

    .block-text-img,
    .block-text-img-num {
        width: 100%;
        align-items: center;
    }

    .block-text-img-num {
        gap: 10px;
    }

    .block-text-img-num p {
        margin-top: 0;
    }

    .block-bonuses-items {
        flex-direction: column;
        gap: 20px;
    }

    .block-text-img img,
    .block-text-img-num img {
        width: 40px;
        height: 40px;
    }

    .block-ftr-hdr {
        justify-content: space-between;
        gap: 30px;
        padding-left: 40px;
        padding-right: 40px;
    }

    .block-right-ftr {
        justify-content: center;
    }

    .block-download {
        padding: 15px 18px;
        gap: 10px;
        align-items: center;
        justify-content: center;
    }

    .block-download p {
        font-size: 15px;
        font-weight: 600;
        margin: 0;
    }

    .block-btm-ftr {
        display: none;
    }

    .block-socials {
        background-color: #152215;
        border-radius: 15px;
        align-items: center;
        padding: 10px;
        padding-left: 12px;
        padding-right: 12px;
        gap: 20px;
        max-width: 148px;
        display: flex;
    }

    .block-socials img {
        width: 26px;
        height: 26px;
    }

    .block-bg-banner-1 {
        background-image: url('./img/banner-1-mob.png');
        background-size: cover;
        background-position: right;
        padding-bottom: 10px;
        background-repeat: no-repeat;
        margin-top: 20px;
        width: 100%;
        border-radius: 15px;
        height: 330px;
    }
    
    /* Специальные стили для мобильной версии баннера на определенных страницах */
    .mobile-banner-adjust .block-bg-banner-1 {
        background-position: center right;
    }
    
    @media (max-width: 480px) {
        .mobile-banner-adjust .block-bg-banner-1 {
            background-position: 70% center;
        }
    }
    
    @media (max-width: 320px) {
        .mobile-banner-adjust .block-bg-banner-1 {
            background-position: 75% center;
        }
    }

    .block-download img {
        width: 24px;
        height: 30px;
    }

    .question img {
        width: 30px;
        height: 30px;
    }

    .btn-discount {
        background: linear-gradient(90deg, #FFD67C 0%, #FFE788 49%, #FFC300 100%);
        display: flex;
        width: 100%;
        max-width: 167px;
        padding: 8px 22px;
        align-items: center;
        border-radius: 15px;
        justify-content: space-around;
        gap: 10px;
    }

    .btn-apple-android {
        color: #fff;
        display: flex;
        justify-content: space-around;
        align-items: center;
        gap: 10px;
        background-color: #152215;
        border-radius: 16px;
        width: 100%;
        max-width: 167px;
        padding: 8px 14px;
    }

    /* Старые стили .block-reg удалены - заменены на новые уникальные стили выше */

    .block-text-left p {
        width: 100%;
    }

    .block-table table {
        font-size: 14px;
    }

    .hdr-faq h2 {
        font-size: 32px;
    }

    .question {
        font-size: 22px;
    }

    .answer {
        font-size: 18px;
    }
}

/* ---------- Адаптив: планшеты/средние экраны (до 768px) ---------- */
@media (max-width: 768px) {
    .container-border {
        padding: 20px;
        box-sizing: border-box;
    }

    .btn-header {
        gap: 15px;
    }

    .btns-left,
    .btns-right {
        gap: 10px;
    }

    .btn-apple-android,
    .btn-discount {
        max-width: 150px;
        padding: 10px 15px;
    }

    .btn-apple-android p,
    .btn-discount p {
        font-size: 13px;
    }

    .btn-reg,
    .btn-login {
        font-size: 13px;
        padding: 10px 20px;
    }

    .heading-bar {
        flex-direction: column;
        gap: 20px;
        align-items: center;
    }

    .heading-bar img {
        width: 140px;
        margin: 0 auto;
    }

    /* Унифицированные стили навигации для мобильных устройств */
    .green-bar {
        width: 100%;
        min-width: 0;
        flex: 1;
        background-color: #152215;
        border-radius: 15px;
        padding: 18px 15px;
        margin-left: 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
        overflow-x: auto;
        scrollbar-width: thin;
        scrollbar-color: #F3E45F #152215;
    }

    .green-bar::-webkit-scrollbar {
        height: 6px;
    }

    .green-bar::-webkit-scrollbar-track {
        background: #152215;
        border-radius: 3px;
    }

    .green-bar::-webkit-scrollbar-thumb {
        background-color: #F3E45F;
        border-radius: 3px;
    }

    .green-bar ul {
        list-style: none;
        display: flex;
        flex: 1;
        justify-content: flex-start;
        margin: 0;
        gap: 15px;
        flex-wrap: wrap;
        min-width: max-content;
    }
    
    /* Для мобильной версии настраиваем отображение навигации */
    @media (max-width: 768px) {
        .green-bar ul {
            gap: 10px;
        }
    }

    .green-bar li {
        display: inline-block;
        margin-right: 0;
        margin-bottom: 0;
    }

    .green-bar a {
        font-size: 13px;
        font-weight: 500;
        color: #fff;
        cursor: pointer;
        transition: font-size 0.3s ease, color 0.3s ease;
        padding: 4px 6px;
        border-radius: 4px;
        white-space: nowrap;
        text-decoration: none;
    }

    .green-bar a:hover {
        color: #ffc964;
        cursor: pointer;
    }

    .burger-menu {
        display: block;
        margin-left: 15px;
        flex-shrink: 0;
    }
    
    /* Скрываем бургер-меню на ПК версии */
    @media (min-width: 769px) {
        .burger-menu {
            display: none;
        }
    }

    .nav-burger {
        position: fixed;
        top: 80px;
        right: 20px;
        background-color: #152215;
        border-radius: 10px;
        padding: 15px;
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
        z-index: 9999;
        min-width: 200px;
        border: 1px solid rgba(243, 228, 95, 0.1);
        max-width: 90vw;
    }

    .nav-burger ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .nav-burger li {
        margin-bottom: 10px;
        list-style: none;
    }

    .nav-burger li:last-child {
        margin-bottom: 0;
    }

    .nav-burger a {
        color: #fff;
        text-decoration: none;
        font-size: 14px;
        padding: 8px 12px;
        border-radius: 4px;
        display: block;
        transition: background-color 0.3s ease;
        white-space: nowrap;
    }

    .nav-burger a:hover {
        background-color: rgba(243, 228, 95, 0.1);
        color: #ffc964;
    }

    .br-mob {
        display: block;
    }

    .y-line {
        margin-top: -30px;
        height: 8px;
        width: 100%;
    }

    .hdr-banner-1 {
        margin-left: 30px;
        padding-top: 50px;
    }

    .hdr-banner-1 h1 {
        font-size: 30px;
        margin-bottom: 30px;
    }

    .btn-gold {
        font-size: 18px;
        padding: 14px 40px;
    }

    .block-banner-2 {
        margin-top: 30px;
        gap: 30px;
        width: 100%;
        overflow: hidden;
    }

    .block-text-left h2,
    .hdr-block-text h2,
    .hdr-faq h2 {
        font-size: 28px;
        padding: 10px 15px;
        border-radius: 10px;
    }

    .block-text-left p,
    .block-text p {
        font-size: 18px;
        line-height: 26px;
        padding: 15px 20px;
        border-radius: 15px;
    }

    .block-img-right img {
        max-width: 100%;
        height: auto;
        border-radius: 15px !important;
    }

    .block-text {
        padding: 25px;
    }

    .hdr-block-text {
        gap: 15px;
    }

    .hdr-block-text img {
        width: 35px;
    }

    .block-table {
        margin: 25px 0;
    }

    table {
        font-size: 14px;
    }

    th,
    td {
        padding: 10px 8px;
    }

    .block-bonuses {
        padding: 30px;
    }

    .block-bonuses-items {
        gap: 25px;
    }

    .question {
        font-size: 16px;
        padding: 18px;
    }

    .answer {
        font-size: 15px;
        padding: 18px;
    }

    .block-faq-item .question img {
        width: 25px;
        height: 25px;
    }

    .block-reg {
        gap: 30px;
        padding: 25px;
    }

    .block-ftr-hdr {
        padding: 20px;
        gap: 20px;
    }

    .block-ftr-hdr img {
        width: 100px;
    }

    .block-right-ftr {
        flex-direction: column;
        gap: 15px;
        align-items: center;
    }

    .block-download {
        max-width: 250px;
        padding: 15px 20px;
        gap: 12px;
        align-items: center;
        justify-content: center;
    }

    .block-download p {
        font-size: 16px;
        font-weight: 600;
        margin: 0;
    }

    .icons {
        gap: 10px;
        display: flex;
        align-items: center;
    }

    .icons img {
        width: 28px;
        height: 32px;
    }

    .block-socials {
        gap: 8px;
    }

    .block-socials img {
        width: 28px;
        height: 28px;
    }

    .copyright p {
        font-size: 12px;
    }

    .block-payment-methods {
        margin: 15px 0;
    }

    .scroll-image {
        width: 120px;
    }

    .block-logos-partners img {
        max-width: 100%;
        height: auto;
    }

    .block-btm-ftr img {
        max-width: 100%;
        height: auto;
    }

    .br-mob {
        display: block;
    }

    .y-line {
        margin-top: -15px;
        height: 6px;
        margin-bottom: 30px;
        width: 100%;
    }
}

/* Стили для блока игр */
.block-games {
    margin-top: 60px;
    margin-bottom: 60px;
}

.gm-hdr {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 40px;
}

.gm-hdr-left {
    display: flex;
    gap: 10px;
    flex-wrap: nowrap;
    align-items: center;
}

.gm-hdr-right {
    display: flex;
    gap: 6px;
    font-size: 16px;
    font-weight: 600;
    color: #F3E45F;
    flex-wrap: nowrap;
    align-items: center;
}

.gm-array {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 40px;
    overflow-x: scroll;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    gap: 20px;
    padding-bottom: 10px;
    box-sizing: border-box;
}

.gm-array::-webkit-scrollbar {
    height: 10px;
    margin-top: 20px;
    border-radius: 12px;
    background-color: #152215;
}

.gm-array::-webkit-scrollbar-thumb {
    background-color: #F3E45F;
    border-radius: 3px;
}

.gm-item {
    width: 100%;
    max-width: 260px;
    min-width: 260px;
    flex-shrink: 0;
    background-color: #152215;
    border-radius: 12px;
    box-sizing: border-box;
}

.gm-item img {
    width: 100%;
    border-radius: 12px;
}

.gm-item-text h3 {
    font-size: 20px;
    color: rgb(255, 255, 255);
    margin-top: 1px;
}

.gm-item-text {
    padding: 10px;
}

.gm-item-text p {
    font-size: 16px;
    font-weight: 400;
    color: #569E56;
    margin-bottom: 6px;
    margin-top: 10px;
}

/* Адаптив для планшетов (768px - 1024px) */
@media screen and (max-width: 1024px) {
    .block-games {
        margin-top: 40px;
        margin-bottom: 40px;
        padding: 0 15px;
    }

    .gm-hdr {
        margin-bottom: 30px;
    }

    .gm-hdr-left h1 {
        font-size: 22px;
    }

    .gm-array {
        display: flex;
        overflow-x: scroll;
        justify-content: flex-start;
        gap: 15px;
        padding-bottom: 10px;
        margin-bottom: 30px;
        -webkit-overflow-scrolling: touch;
        scroll-behavior: smooth;
        white-space: nowrap;
    }

    .gm-array::-webkit-scrollbar {
        height: 6px;
        background-color: #152215;
    }

    .gm-array::-webkit-scrollbar-thumb {
        background-color: #F3E45F;
        border-radius: 3px;
    }

    .gm-item {
        min-width: 200px;
        max-width: 200px;
        flex-shrink: 0;
        border-radius: 12px;
    }

    .gm-item-text h2 {
        font-size: 18px;
    }

    .gm-item-text p {
        font-size: 14px;
    }
}

/* Адаптив для мобильных устройств (до 767px) */
@media screen and (max-width: 767px) {
    .block-games {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .gm-hdr {
        margin-bottom: 20px;
        margin-top: 40px;
    }

    .gm-hdr-left h1 {
        font-size: 18px;
    }

    .gm-hdr-left img {
        width: 20px;
        height: auto;
    }

    .gm-hdr-right p {
        font-size: 14px;
    }

    .gm-hdr-right img {
        width: 8px;
        height: auto;
    }

    .gm-array {
        gap: 10px;
        margin-bottom: 20px;
    }

    .gm-array::-webkit-scrollbar {
        height: 4px;
    }

    .gm-item {
        min-width: 180px;
        max-width: 180px;
    }

    .gm-item-text {
        padding: 8px;
    }

    .gm-item-text h2 {
        font-size: 16px;
        margin-top: 0;
    }

    .gm-item-text p {
        font-size: 12px;
        margin-top: 5px;
        margin-bottom: 4px;
    }
}

/* Очень маленькие устройства */
@media screen and (max-width: 400px) {
    .gm-item {
        min-width: 160px;
        max-width: 160px;
    }

    .gm-hdr-left h1 {
        font-size: 16px;
    }
}

/* Стили для контентных списков */
.block-text ul,
.block-reg ul {
    list-style: none;
    margin: 20px 0;
    padding: 0;
}

/* Специальные стили для списков с преимуществами */
.block-text ul li,
.block-reg ul li {
    position: relative;
    padding: 12px 0 12px 35px;
    margin-bottom: 8px;
    font-size: 18px;
    line-height: 1.6;
    color: #ffffff;
    background: linear-gradient(135deg, rgba(21, 34, 21, 0.8) 0%, rgba(21, 34, 21, 0.4) 100%);
    border-radius: 12px;
    border: 1px solid rgba(243, 228, 95, 0.1);
    transition: all 0.3s ease;
}

.block-text ul li:before,
.block-reg ul li:before {
    content: "✓";
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background: linear-gradient(90deg, #FFD67C 0%, #FFE788 49%, #FFC300 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: bold;
    color: #332907;
    box-shadow: 0 2px 8px rgba(255, 214, 124, 0.3);
}

.block-text ul li:hover,
.block-reg ul li:hover {
    background: linear-gradient(135deg, rgba(21, 34, 21, 0.9) 0%, rgba(21, 34, 21, 0.6) 100%);
    border-color: rgba(243, 228, 95, 0.3);
    transform: translateX(5px);
    box-shadow: 0 4px 15px rgba(243, 228, 95, 0.1);
}

.block-text ul li:last-child,
.block-reg ul li:last-child {
    margin-bottom: 0;
}

.block-text ul li,
.block-reg ul li {
    position: relative;
    padding: 12px 0 12px 35px;
    margin-bottom: 8px;
    font-size: 18px;
    line-height: 1.6;
    color: #ffffff;
    background: linear-gradient(135deg, rgba(21, 34, 21, 0.8) 0%, rgba(21, 34, 21, 0.4) 100%);
    border-radius: 12px;
    border: 1px solid rgba(243, 228, 95, 0.1);
    transition: all 0.3s ease;
}

.block-text ul li:before,
.block-reg ul li:before {
    content: "✓";
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background: linear-gradient(90deg, #FFD67C 0%, #FFE788 49%, #FFC300 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: bold;
    color: #332907;
    box-shadow: 0 2px 8px rgba(255, 214, 124, 0.3);
}

.block-text ul li:hover,
.block-reg ul li:hover {
    background: linear-gradient(135deg, rgba(21, 34, 21, 0.9) 0%, rgba(21, 34, 21, 0.6) 100%);
    border-color: rgba(243, 228, 95, 0.3);
    transform: translateX(5px);
    box-shadow: 0 4px 15px rgba(243, 228, 95, 0.1);
}

.block-text ul li:last-child,
.block-reg ul li:last-child {
    margin-bottom: 0;
}

/* Адаптив для планшетов */
@media (max-width: 1024px) {
    .block-text ul li,
    .block-reg ul li {
        font-size: 16px;
        padding: 10px 0 10px 30px;
        margin-bottom: 6px;
    }
    
    .block-text ul li:before,
    .block-reg ul li:before {
        width: 14px;
        height: 14px;
        font-size: 10px;
        left: 10px;
    }
}

/* Адаптив для мобильных устройств */
@media (max-width: 768px) {
    .block-text ul,
    .block-reg ul {
        margin: 15px 0;
    }
    
    .block-text ul li,
    .block-reg ul li {
        font-size: 15px;
        padding: 8px 0 8px 28px;
        margin-bottom: 5px;
        line-height: 1.5;
    }
    
    .block-text ul li:before,
    .block-reg ul li:before {
        width: 12px;
        height: 12px;
        font-size: 9px;
        left: 8px;
    }
}

/* Адаптив для маленьких экранов */
@media (max-width: 480px) {
    .block-text ul li,
    .block-reg ul li {
        font-size: 14px;
        padding: 6px 0 6px 25px;
        margin-bottom: 4px;
    }
    
    .block-text ul li:before,
    .block-reg ul li:before {
        width: 10px;
        height: 10px;
        font-size: 8px;
        left: 6px;
    }
}

/* Адаптив для мобильных устройств */
@media (max-width: 768px) {
    .block-text ul,
    .block-reg ul {
        margin: 15px 0;
    }
    
    .block-text ul li,
    .block-reg ul li {
        font-size: 15px;
        padding: 8px 0 8px 28px;
        margin-bottom: 5px;
        line-height: 1.5;
    }
    
    .block-text ul li:before,
    .block-reg ul li:before {
        width: 12px;
        height: 12px;
        font-size: 9px;
        left: 8px;
    }
}

/* Адаптив для маленьких экранов */
@media (max-width: 480px) {
    .block-text ul li,
    .block-reg ul li {
        font-size: 14px;
        padding: 6px 0 6px 25px;
        margin-bottom: 4px;
    }
    
    .block-text ul li:before,
    .block-reg ul li:before {
        width: 10px;
        height: 10px;
        font-size: 8px;
        left: 6px;
    }
}

.social-signup-block {
    display: flex;
    align-items: center;
    gap: 32px;
    flex-wrap: wrap;
    background: linear-gradient(90deg, #232e1e 0%, #1a1f13 100%);
    border: 2px solid #FFD67C;
    border-radius: 18px;
    padding: 32px 32px 32px 32px;
    margin-bottom: 32px;
    box-shadow: 0 4px 24px 0 rgba(255, 214, 124, 0.08);
    position: relative;
}
.social-signup-block-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.social-signup-block-img {
    max-width: 220px;
    width: 100%;
    height: auto;
    border-radius: 12px;
    box-shadow: 0 2px 16px 0 rgba(255, 214, 124, 0.10);
    background: #232e1e;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
@media (max-width: 700px) {
    .social-signup-block {
        flex-direction: column;
        gap: 12px;
        text-align: center;
        align-items: center;
    }
    .social-signup-block-content {
        order: 2;
    }
    .social-signup-block-img {
        order: 1;
        margin: 0 auto 18px auto;
        display: block;
        max-width: 90vw;
    }
    .block-banner-2 .block-img-right img {
        max-width: 350px;
        width: 100%;
    }
}
.social-signup-block h2 {
    color: #FFD67C;
    font-size: 32px;
    margin-bottom: 18px;
}
.social-signup-block p {
    color: #fff;
    font-size: 20px;
    margin-bottom: 10px;
}

/* Стили для вертикального расположения элементов в бургер меню */
.nav-burger ul {
    display: block !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    align-items: stretch !important;
    gap: 0 !important;
}

.nav-burger li {
    display: block !important;
    margin-bottom: 10px !important;
    margin-right: 0 !important;
    flex: none !important;
}

.nav-burger li:last-child {
    margin-bottom: 0 !important;
}

.nav-burger a {
    display: block !important;
    white-space: nowrap !important;
    text-align: left !important;
}

/* Стили для заголовка и кнопки закрытия бургер меню */
.nav-burger-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 15px;
    border-bottom: 1px solid rgba(243, 228, 95, 0.2);
    margin-bottom: 10px;
}

.nav-burger-title {
    color: #F3E45F;
    font-size: 16px;
    font-weight: 600;
}

.nav-burger-close {
    background: none;
    border: none;
    color: #F3E45F;
    font-size: 24px;
    font-weight: bold;
    cursor: pointer;
    padding: 0;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: background-color 0.3s ease;
}

.nav-burger-close:hover {
    background-color: rgba(243, 228, 95, 0.1);
}

.nav-burger-close:active {
    background-color: rgba(243, 228, 95, 0.2);
}

/* Специальный стиль для текстовых блоков */
.text-block-special {
    padding: 30px;
    margin: 25px 0;
    transition: all 0.3s ease;
}

.text-block-special p {
    font-size: 18px;
    line-height: 1.8;
    color: #E8F5E8;
    margin-bottom: 20px;
    text-align: justify;
    font-weight: 400;
}

.text-block-special p:last-child {
    margin-bottom: 0;
}

.text-block-special strong {
    color: #F3E45F;
    font-weight: 600;
    text-shadow: 0 0 10px rgba(243, 228, 95, 0.3);
}

.text-block-special .block-text-img-num {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 15px;
}

.text-block-special .block-text-img-num img {
    width: 30px;
    height: 30px;
    flex-shrink: 0;
}

.text-block-special .block-text-img-num p {
    font-size: 18px;
    line-height: 1.8;
    color: #E8F5E8;
    margin: 0;
    text-align: left;
    font-weight: 400;
}

.text-block-special ul {
    margin: 20px 0;
    padding-left: 20px;
}

.text-block-special ul li {
    font-size: 18px;
    line-height: 1.8;
    color: #E8F5E8;
    margin-bottom: 10px;
    font-weight: 400;
}

.text-block-special ul li:last-child {
    margin-bottom: 0;
}

/* Стили для сетки VIP статусов */
.vip-status-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 20px;
    margin-top: 30px;
}

.vip-status-item {
    background: rgba(21, 34, 21, 0.8);
    border: 1px solid #F3E45F;
    border-radius: 15px;
    padding: 20px;
    text-align: center;
    transition: all 0.3s ease;
}

.vip-status-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(243, 228, 95, 0.2);
}

.vip-status-item h3 {
    color: #F3E45F;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 15px;
    text-shadow: 0 0 10px rgba(243, 228, 95, 0.3);
}

.vip-number {
    color: #FFD67C;
    font-weight: 900;
}

.vip-status-item ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.vip-status-item ul li {
    color: #E8F5E8;
    font-size: 14px;
    line-height: 1.4;
    margin-bottom: 8px;
    font-weight: 400;
}

.vip-status-item ul li:last-child {
    margin-bottom: 0;
}

/* Адаптивность для мобильных устройств */
@media (max-width: 1024px) {
    .vip-status-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 15px;
    }
}

@media (max-width: 768px) {
    .vip-status-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }
    
    .vip-status-item {
        padding: 15px;
    }
    
    .vip-status-item h3 {
        font-size: 16px;
    }
    
    .vip-status-item ul li {
        font-size: 12px;
    }
    
    .text-block-special h2 {
        font-size: 20px;
        margin-bottom: 18px;
    }
}

@media (max-width: 480px) {
    .text-block-special {
        padding: 15px;
        margin: 10px 0;
    }
    
    .text-block-special p {
        font-size: 15px;
        line-height: 1.5;
    }
    
    .text-block-special h2 {
        font-size: 18px;
    }
    
    .vip-status-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 8px;
    }
    
    .vip-status-item {
        padding: 12px;
    }
    
    .vip-status-item h3 {
        font-size: 14px;
        margin-bottom: 10px;
    }
    
    .vip-status-item ul li {
        font-size: 10px;
        margin-bottom: 4px;
        line-height: 1.2;
    }
}

@media (max-width: 320px) {
    .block-download {
        max-width: 200px;
        padding: 10px 14px;
        gap: 6px;
    }

    .block-download p {
        font-size: 13px;
    }

    .icons img {
        width: 20px;
        height: 24px;
    }

    .container-border {
        padding: 5px;
        box-sizing: border-box;
    }
    
    .btn-header {
        flex-direction: column;
        gap: 10px;
    }
    
    .btns-left,
    .btns-right {
        gap: 5px;
    }
    
    .btn-apple-android,
    .btn-discount {
        max-width: 120px;
        padding: 6px 8px;
    }
    
    .btn-apple-android p,
    .btn-discount p {
        font-size: 10px;
    }
    
    .btn-reg,
    .btn-login {
        font-size: 10px;
        padding: 6px 12px;
    }
    
    .heading-bar {
        flex-direction: column;
        gap: 20px;
        align-items: center;
    }
    
    .heading-bar img {
        width: 120px;
        margin: 0 auto;
    }
    
    .green-bar {
        padding: 12px 8px;
        margin-left: 0;
        width: 100%;
        max-width: 100%;
    }
    
    .green-bar a {
        font-size: 11px;
        padding: 3px 5px;
    }
    
    .gm-item {
        min-width: 200px;
        max-width: 200px;
    }
    
    .scroll-image {
        width: 140px;
    }
    
    .vip-status-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 4px;
    }
    
    .vip-status-item {
        padding: 6px;
    }
    
    .vip-status-item h3 {
        font-size: 11px;
        margin-bottom: 6px;
    }
    
    .vip-status-item ul li {
        font-size: 8px;
        margin-bottom: 2px;
        line-height: 1.0;
    }
    
    .text-block-special h2 {
        font-size: 14px;
        margin-bottom: 10px;
    }
}

/* Дополнительные стили для устранения горизонтального скролла */
html {
    overflow-x: hidden;
    max-width: 100vw;
}

body {
    overflow-x: hidden;
    max-width: 100vw;
}

#generate {
    overflow-x: hidden;
    max-width: 100vw;
}

.container-border {
    max-width: 100vw;
    overflow-x: hidden;
}

/* Убеждаемся, что все изображения не выходят за границы */
img {
    max-width: 100%;
    height: auto;
    display: block;
}

/* Адаптивные стили для изображений */
@media (max-width: 1024px) {
    .block-img-right img {
        border-radius: 12px;
    }
    
    .block-text-img img {
        max-width: 80px;
    }
    
    .block-text-img-num img {
        max-width: 60px;
    }
}

@media (max-width: 768px) {
    .block-img-right img {
        border-radius: 10px;
    }
    
    .block-text-img img {
        max-width: 70px;
    }
    
    .block-text-img-num img {
        max-width: 50px;
    }
}

@media (max-width: 480px) {
    .block-img-right img {
        border-radius: 8px;
    }
    
    .block-text-img img {
        max-width: 60px;
    }
    
    .block-text-img-num img {
        max-width: 40px;
    }
}

/* Убеждаемся, что таблицы не вызывают горизонтальный скролл */
table {
    max-width: 100%;
    overflow-x: auto;
}

/* Убеждаемся, что все flex-контейнеры не выходят за границы */
.flex-container {
    max-width: 100%;
    overflow-x: hidden;
}

/* Оптимизация скроллинга */
.gm-array,
.green-bar,
.block-payment-methods {
    -webkit-overflow-scrolling: touch;
    scroll-behavior: smooth;
}

/* Оптимизация производительности */
.question img,
.burger-icon span,
.btn-gold,
.btn-apple-android,
.btn-discount,
.btn-reg,
.btn-login {
    will-change: transform;
}

/* Оптимизация фокуса для доступности */
a:focus,
button:focus,
input:focus,
select:focus,
textarea:focus {
    outline: 2px solid #F3E45F;
    outline-offset: 2px;
}

/* Улучшения для типографики */
p, h1, h2, h3, h4, h5, h6 {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

/* Унифицированные адаптивные стили для основного контента */
@media (max-width: 1024px) {
    .block-banner-2 {
        flex-direction: column;
        gap: 30px;
    }
    
    .block-text-left h2 {
        font-size: 32px;
    }
    
    .block-text-left p {
        font-size: 18px;
        line-height: 1.6;
    }
    
    .block-text p {
        font-size: 18px;
        line-height: 1.6;
    }
    
    .hdr-block-text h2,
    .hdr-faq h2 {
        font-size: 32px;
    }
    
    .block-bonuses {
        padding: 40px;
    }
    
    .social-signup-block {
        padding: 30px;
    }
    
    .social-signup-block h2 {
        font-size: 28px;
    }
    
    .social-signup-block p {
        font-size: 16px;
    }
}

@media (max-width: 768px) {
    .block-banner-2 {
        margin-top: 30px;
        gap: 25px;
    }
    
    .block-text-left h2 {
        font-size: 28px;
        padding: 10px 15px;
    }
    
    .block-text-left p {
        font-size: 16px;
        line-height: 1.5;
        padding: 15px 20px;
    }
    
    .block-text p {
        font-size: 16px;
        line-height: 1.5;
    }
    
    .hdr-block-text h2,
    .hdr-faq h2 {
        font-size: 28px;
    }
    
    .block-bonuses {
        padding: 30px 20px;
    }
    
    .social-signup-block {
        padding: 25px 20px;
    }
    
    .social-signup-block h2 {
        font-size: 24px;
    }
    
    .social-signup-block p {
        font-size: 15px;
    }
    
    .text-block-special h2 {
        font-size: 24px;
    }
    
    .text-block-special p {
        font-size: 15px;
    }
    
    /* Адаптивные стили для кнопок */
    .btn-gold {
        font-size: 20px;
        padding: 18px 50px;
        min-height: 55px;
    }
}

@media (max-width: 480px) {
    .block-download {
        max-width: 220px;
        padding: 12px 16px;
        gap: 8px;
    }

    .block-download p {
        font-size: 14px;
    }

    .icons img {
        width: 24px;
        height: 28px;
    }

    .block-banner-2 {
        margin-top: 20px;
        gap: 20px;
    }
    
    .block-text-left h2 {
        font-size: 24px;
        padding: 8px 12px;
    }
    
    .block-text-left p {
        font-size: 14px;
        line-height: 1.4;
        padding: 12px 15px;
    }
    
    .block-text p {
        font-size: 14px;
        line-height: 1.4;
    }
    
    .hdr-block-text h2,
    .hdr-faq h2 {
        font-size: 24px;
    }
    
    .block-bonuses {
        padding: 25px 15px;
    }
    
    .social-signup-block {
        padding: 20px 15px;
    }
    
    .social-signup-block h2 {
        font-size: 20px;
    }
    
    .social-signup-block p {
        font-size: 14px;
    }
    
    .text-block-special h2 {
        font-size: 20px;
    }
    
    .text-block-special p {
        font-size: 14px;
    }
    
    /* Адаптивные стили для кнопок */
    .btn-gold {
        font-size: 18px;
        padding: 16px 40px;
        min-height: 50px;
    }
    
    /* Дополнительные оптимизации для мобильных устройств */
    .block-text-left p {
        word-wrap: break-word;
        hyphens: auto;
    }
    
    .block-text p {
        word-wrap: break-word;
        hyphens: auto;
    }
    
    .text-block-special p {
        word-wrap: break-word;
        hyphens: auto;
    }
    
    /* Оптимизация для сенсорных экранов */
    .btn-gold,
    .btn-apple-android,
    .btn-discount,
    .btn-reg,
    .btn-login {
        min-height: 44px;
        min-width: 44px;
        -webkit-tap-highlight-color: rgba(243, 228, 95, 0.3);
        touch-action: manipulation;
    }
}

/* Дополнительные стили для очень маленьких экранов */
@media (max-width: 280px) {
    .container-border {
        padding: 2px;
    }
    
    .btn-header {
        flex-direction: column;
        gap: 5px;
    }
    
    .btns-left,
    .btns-right {
        gap: 2px;
    }
    
    .btn-apple-android,
    .btn-discount {
        max-width: 100px;
        padding: 4px 6px;
    }
    
    .btn-apple-android p,
    .btn-discount p {
        font-size: 8px;
    }
    
    .btn-reg,
    .btn-login {
        font-size: 8px;
        padding: 4px 8px;
    }
    
    .heading-bar img {
        width: 80px;
    }
    
    .green-bar {
        padding: 8px 3px;
    }
    
    .green-bar a {
        font-size: 9px;
        padding: 2px 3px;
    }
    
    .gm-item {
        min-width: 150px;
        max-width: 150px;
    }
    
    .scroll-image {
        width: 100px;
    }
    
    .vip-status-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 3px;
    }
    
    .vip-status-item {
        padding: 4px;
    }
    
    .vip-status-item h3 {
        font-size: 10px;
        margin-bottom: 4px;
    }
    
    .vip-status-item ul li {
        font-size: 7px;
        margin-bottom: 1px;
        line-height: 0.9;
    }
    
    .text-block-special h2 {
        font-size: 12px;
        margin-bottom: 8px;
    }
}

@media (max-width: 400px) {
    .vip-status-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 6px;
    }
    
    .vip-status-item {
        padding: 8px;
    }
    
    .vip-status-item h3 {
        font-size: 12px;
        margin-bottom: 8px;
    }
    
    .vip-status-item ul li {
        font-size: 9px;
        margin-bottom: 3px;
        line-height: 1.1;
    }
    
    .text-block-special h2 {
        font-size: 16px;
        margin-bottom: 12px;
    }
}

@media (max-width: 320px) {
    .vip-status-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 4px;
    }
    
    .vip-status-item {
        padding: 6px;
    }
    
    .vip-status-item h3 {
        font-size: 11px;
        margin-bottom: 6px;
    }
    
    .vip-status-item ul li {
        font-size: 8px;
        margin-bottom: 2px;
        line-height: 1.0;
    }
    
    .text-block-special h2 {
        font-size: 14px;
        margin-bottom: 10px;
    }
}

/* Новые стили для итогового блока */
.summary-block {
    max-width: 100%;
    background: linear-gradient(135deg, #1a2f1a 0%, #152215 50%, #0f1a0f 100%);
    margin-top: 60px;
    padding: 40px;
    border-radius: 20px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
    border: 1px solid rgba(243, 228, 95, 0.1);
}

.summary-content {
    max-width: 100%;
}

.summary-block .hdr-block-text {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 30px;
}

.summary-block .hdr-block-text img {
    width: 30px;
    height: 30px;
}

.summary-block .hdr-block-text h2 {
    color: #F3E45F;
    font-size: 32px;
    font-weight: 800;
    margin: 0;
    text-shadow: 0 0 20px rgba(243, 228, 95, 0.3);
    position: relative;
}

.summary-block .hdr-block-text h2::after {
    content: '';
    position: absolute;
    bottom: -8px;
    left: 0;
    width: 80px;
    height: 4px;
    background: linear-gradient(90deg, #F3E45F, #FFD67C);
    border-radius: 2px;
}

.summary-block .block-text p {
    color: #E8F5E8;
    font-size: 18px;
    line-height: 1.7;
    margin-bottom: 20px;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

.summary-block .block-text p:last-child {
    margin-bottom: 0;
}

.summary-block .block-text strong {
    color: #F3E45F;
    font-weight: 700;
}

@media (max-width: 1024px) {
    .summary-block {
        padding: 30px;
    }
    
    .summary-block .hdr-block-text h2 {
        font-size: 28px;
    }
    
    .summary-block .block-text p {
        font-size: 16px;
    }
}

@media (max-width: 768px) {
    .summary-block {
        padding: 25px;
        margin-top: 40px;
    }
    
    .summary-block .hdr-block-text h2 {
        font-size: 24px;
    }
    
    .summary-block .hdr-block-text h2::after {
        width: 60px;
        height: 3px;
    }
    
    .summary-block .block-text p {
        font-size: 15px;
        line-height: 1.6;
    }
}

@media (max-width: 480px) {
    .summary-block {
        padding: 20px;
        margin-top: 30px;
    }
    
    .summary-block .hdr-block-text h2 {
        font-size: 22px;
    }
    
    .summary-block .block-text p {
        font-size: 14px;
    }
}

@media (max-width: 320px) {
    .summary-block {
        padding: 15px;
        margin-top: 25px;
    }
    
    .summary-block .hdr-block-text h2 {
        font-size: 20px;
    }
    
    .summary-block .block-text p {
        font-size: 13px;
    }
}

/* Новые уникальные стили для блоков с banner-4.png */
.block-reg {
    max-width: 100%;
    background: linear-gradient(135deg, #1a2f1a 0%, #152215 50%, #0f1a0f 100%);
    margin-top: 60px;
    padding: 80px 120px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 60px;
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
}

.block-reg::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(45deg, rgba(243, 228, 95, 0.05) 0%, transparent 50%, rgba(255, 214, 124, 0.05) 100%);
    pointer-events: none;
}

.block-reg::after {
    content: '';
    position: absolute;
    top: -50%;
    right: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(243, 228, 95, 0.1) 0%, transparent 70%);
    pointer-events: none;
}

@keyframes float {
    0%, 100% { transform: translateY(0px) rotate(0deg); }
    50% { transform: translateY(-20px) rotate(180deg); }
}

.block-reg .block-text-left {
    flex: 1;
    position: relative;
    z-index: 2;
}

.block-reg .text-block-special {
    background: rgba(21, 34, 21, 0.8);
    padding: 40px;
    border-radius: 15px;
    border: 1px solid rgba(243, 228, 95, 0.2);
    backdrop-filter: blur(10px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}



.block-reg .text-block-special h2 {
    color: #F3E45F;
    font-size: 36px;
    font-weight: 800;
    margin-bottom: 25px;
    text-shadow: 0 0 20px rgba(243, 228, 95, 0.3);
    position: relative;
}

.block-reg .text-block-special h2::after {
    content: '';
    position: absolute;
    bottom: -8px;
    left: 0;
    width: 80px;
    height: 4px;
    background: linear-gradient(90deg, #F3E45F, #FFD67C);
    border-radius: 2px;
}



.block-reg .text-block-special p {
    color: #E8F5E8;
    font-size: 18px;
    line-height: 1.7;
    margin-bottom: 20px;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

.block-reg .text-block-special ul {
    list-style: none;
    padding: 0;
    margin: 25px 0;
}

.block-reg .text-block-special ul li {
    color: #E8F5E8;
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 12px;
    padding-left: 25px;
    position: relative;
}

.block-reg .text-block-special ul li::before {
    content: '✦';
    position: absolute;
    left: 0;
    top: 0;
    color: #F3E45F;
    font-size: 18px;
    text-shadow: 0 0 10px rgba(243, 228, 95, 0.5);
}





.block-reg .block-img-right {
    flex: 1;
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
}

.block-reg .block-img-right img {
    max-width: 100%;
    height: auto;
    border-radius: 15px;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.4);
    filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.3));
}



.block-reg .block-img-right.mob {
    display: none;
}

.block-reg .block-img-right.desk {
    display: flex;
}

/* Адаптивные стили для блоков с banner-4.png */
@media (max-width: 1024px) {
    .block-reg {
        padding: 60px 80px;
        gap: 40px;
    }
    
    .block-reg .text-block-special {
        padding: 30px;
    }
    
    .block-reg .text-block-special h2 {
        font-size: 28px;
    }
    
    .block-reg .text-block-special p {
        font-size: 16px;
    }
    
    .block-reg .text-block-special ul li {
        font-size: 14px;
    }
}

@media (max-width: 768px) {
    .block-reg {
        flex-direction: column;
        padding: 40px 30px;
        gap: 30px;
        text-align: center;
    }
    
    .block-reg .text-block-special {
        padding: 25px;
        order: 1;
    }
    
    .block-reg .text-block-special h2 {
        font-size: 24px;
        margin-bottom: 20px;
    }
    
    .block-reg .text-block-special h2::after {
        left: 50%;
        transform: translateX(-50%);
    }
    
    .block-reg .text-block-special p {
        font-size: 15px;
        line-height: 1.6;
    }
    
    .block-reg .text-block-special ul li {
        font-size: 13px;
        text-align: left;
    }
    
    .block-reg .block-img-right {
        order: 2;
    }
    
    .block-reg .block-img-right img {
        max-width: 80%;
    }
    
    .block-reg .block-img-right.mob {
        display: flex;
    }
    
    .block-reg .block-img-right.desk {
        display: none;
    }
}

@media (max-width: 480px) {
    .block-reg {
        padding: 30px 20px;
        gap: 25px;
        margin-top: 40px;
    }
    
    .block-reg .text-block-special {
        padding: 20px;
    }
    
    .block-reg .text-block-special h2 {
        font-size: 20px;
        margin-bottom: 15px;
    }
    
    .block-reg .text-block-special p {
        font-size: 14px;
        line-height: 1.5;
    }
    
    .block-reg .text-block-special ul li {
        font-size: 12px;
        margin-bottom: 8px;
        padding-left: 20px;
    }
    
    .block-reg .text-block-special ul li::before {
        font-size: 14px;
    }
    
    .block-reg .block-img-right img {
        max-width: 90%;
    }
}

@media (max-width: 320px) {
    .block-reg {
        padding: 20px 15px;
        gap: 20px;
    }
    
    .block-reg .text-block-special {
        padding: 15px;
    }
    
    .block-reg .text-block-special h2 {
        font-size: 18px;
        margin-bottom: 12px;
    }
    
    .block-reg .text-block-special p {
        font-size: 13px;
    }
    
    .block-reg .text-block-special ul li {
        font-size: 11px;
        margin-bottom: 6px;
        padding-left: 18px;
    }
    
    .block-reg .text-block-special ul li::before {
        font-size: 12px;
    }
    
    .block-reg .block-img-right img {
        max-width: 95%;
    }
}

/* Специальные стили для блоков с banner-4.png */
.banner-4-block {
    max-width: 100%;
    background: linear-gradient(135deg, #1a2f1a 0%, #152215 50%, #0f1a0f 100%);
    margin-top: 60px;
    padding: 80px 120px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 60px;
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
}

.banner-4-block::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(45deg, rgba(243, 228, 95, 0.05) 0%, transparent 50%, rgba(255, 214, 124, 0.05) 100%);
    pointer-events: none;
}

.banner-4-block::after {
    content: '';
    position: absolute;
    top: -50%;
    right: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(243, 228, 95, 0.1) 0%, transparent 70%);
    pointer-events: none;
}

.banner-4-block .block-text-left {
    flex: 1;
    position: relative;
    z-index: 2;
}

.banner-4-block .text-block-special {
    background: rgba(21, 34, 21, 0.8);
    padding: 40px;
    border-radius: 15px;
    border: 1px solid rgba(243, 228, 95, 0.2);
    backdrop-filter: blur(10px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}



.banner-4-block .text-block-special h2 {
    color: #F3E45F;
    font-size: 36px;
    font-weight: 800;
    margin-bottom: 25px;
    text-shadow: 0 0 20px rgba(243, 228, 95, 0.3);
    position: relative;
}

.banner-4-block .text-block-special h2::after {
    content: '';
    position: absolute;
    bottom: -8px;
    left: 0;
    width: 80px;
    height: 4px;
    background: linear-gradient(90deg, #F3E45F, #FFD67C);
    border-radius: 2px;
}

.banner-4-block .text-block-special p {
    color: #E8F5E8;
    font-size: 18px;
    line-height: 1.7;
    margin-bottom: 20px;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

.banner-4-block .text-block-special ul {
    list-style: none;
    padding: 0;
    margin: 25px 0;
}

.banner-4-block .text-block-special ul li {
    color: #E8F5E8;
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 12px;
    padding-left: 25px;
    position: relative;
}

.banner-4-block .text-block-special ul li::before {
    content: '✦';
    position: absolute;
    left: 0;
    top: 0;
    color: #F3E45F;
    font-size: 18px;
    text-shadow: 0 0 10px rgba(243, 228, 95, 0.5);
}



.banner-4-block .block-img-right {
    flex: 1;
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
}

.banner-4-block .block-img-right img {
    max-width: 100%;
    height: auto;
    border-radius: 15px;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.4);
    filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.3));
}



.banner-4-block .block-img-right.mob {
    display: none;
}

.banner-4-block .block-img-right.desk {
    display: flex;
}

/* Адаптивные стили для блока FAQ */
@media (max-width: 1024px) {
    .block-faq {
        padding: 0 15px;
        margin: 30px 0;
    }
    
    .block-faq ul {
        gap: 16px;
    }
    
    .block-faq-item {
        border-radius: 16px;
    }
    
    .question {
        font-size: 20px;
        padding: 24px 20px;
        font-weight: 600;
    }
    
    .question p {
        padding-right: 16px;
    }
    
    .answer {
        font-size: 18px;
        padding: 0 20px;
    }
    
    .block-faq-item.active .answer {
        padding: 0 20px 24px 20px;
    }
    
    .answer::before {
        left: 20px;
        right: 20px;
    }
    
    .question img {
        width: 20px;
        height: 20px;
    }
}

/* Адаптивные стили для блоков с banner-4.png */
@media (max-width: 1024px) {
    .banner-4-block {
        padding: 40px 30px;
        margin: 30px 0;
    }
    
    .banner-4-block .text-block-special {
        padding: 30px;
    }
    
    .banner-4-block .text-block-special h2 {
        font-size: 28px;
        margin-bottom: 20px;
    }
    
    .banner-4-block .text-block-special p {
        font-size: 16px;
        line-height: 1.6;
    }
    
    .banner-4-block .text-block-special ul li {
        font-size: 16px;
        padding: 10px 0 10px 30px;
        margin-bottom: 8px;
    }
    
    .banner-4-block .block-img-right img {
        max-width: 100%;
        height: auto;
        border-radius: 12px;
    }
    
    .banner-4-block .block-img-right.mob {
        display: block;
    }
    
    .banner-4-block .block-img-right.desk {
        display: none;
    }
}

@media (max-width: 768px) {
    .banner-4-block {
        padding: 30px 20px;
        margin: 25px 0;
        flex-direction: column;
        gap: 25px;
    }
    
    .banner-4-block .text-block-special {
        padding: 25px 20px;
    }
    
    .banner-4-block .text-block-special h2 {
        font-size: 24px;
        margin-bottom: 15px;
    }
    
    .banner-4-block .text-block-special p {
        font-size: 15px;
        line-height: 1.5;
    }
    
    .banner-4-block .text-block-special ul li {
        font-size: 15px;
        padding: 8px 0 8px 25px;
        margin-bottom: 6px;
    }
    
    .banner-4-block .text-block-special ul li::before {
        width: 12px;
        height: 12px;
        font-size: 8px;
        left: 6px;
    }
    
    .banner-4-block .block-img-right {
        order: -1;
        margin-bottom: 20px;
    }
    
    .banner-4-block .block-img-right img {
        max-width: 100%;
        height: auto;
        border-radius: 10px;
    }
    
    .banner-4-block .block-img-right.mob {
        display: block;
    }
    
    .banner-4-block .block-img-right.desk {
        display: none;
    }
}

@media (max-width: 480px) {
    .banner-4-block {
        padding: 20px 15px;
        margin: 20px 0;
        gap: 20px;
    }
    
    .banner-4-block .text-block-special {
        padding: 20px 15px;
    }
    
    .banner-4-block .text-block-special h2 {
        font-size: 20px;
        margin-bottom: 12px;
    }
    
    .banner-4-block .text-block-special p {
        font-size: 14px;
        line-height: 1.4;
    }
    
    .banner-4-block .text-block-special ul li {
        font-size: 14px;
        padding: 6px 0 6px 20px;
        margin-bottom: 4px;
    }
    
    .banner-4-block .text-block-special ul li::before {
        width: 10px;
        height: 10px;
        font-size: 7px;
        left: 4px;
    }
    
    .banner-4-block .block-img-right {
        order: -1;
        margin-bottom: 15px;
    }
    
    .banner-4-block .block-img-right img {
        max-width: 100%;
        height: auto;
        border-radius: 8px;
    }
}

@media (max-width: 320px) {
    .banner-4-block {
        padding: 15px 10px;
        margin: 15px 0;
        gap: 15px;
    }
    
    .banner-4-block .text-block-special {
        padding: 15px 10px;
    }
    
    .banner-4-block .text-block-special h2 {
        font-size: 18px;
        margin-bottom: 10px;
    }
    
    .banner-4-block .text-block-special p {
        font-size: 13px;
        line-height: 1.3;
    }
    
    .banner-4-block .text-block-special ul li {
        font-size: 13px;
        padding: 5px 0 5px 18px;
        margin-bottom: 3px;
    }
    
    .banner-4-block .text-block-special ul li::before {
        width: 8px;
        height: 8px;
        font-size: 6px;
        left: 3px;
    }
    
    .banner-4-block .block-img-right img {
        border-radius: 6px;
    }
}

/* Адаптивные стили для блока .block-reg */
@media (max-width: 1024px) {
    .block-reg {
        padding: 40px 30px;
        margin: 30px 0;
    }
    
    .block-reg .text-block-special {
        padding: 30px;
    }
    
    .block-reg .text-block-special h2 {
        font-size: 28px;
        margin-bottom: 20px;
    }
    
    .block-reg .text-block-special p {
        font-size: 16px;
        line-height: 1.6;
    }
    
    .block-reg .text-block-special ul li {
        font-size: 16px;
        padding: 10px 0 10px 30px;
        margin-bottom: 8px;
    }
    
    .block-reg .block-img-right img {
        max-width: 100%;
        height: auto;
        border-radius: 12px;
    }
    
    .block-reg .block-img-right.mob {
        display: block;
    }
    
    .block-reg .block-img-right.desk {
        display: none;
    }
}

@media (max-width: 768px) {
    .block-reg {
        padding: 30px 20px;
        margin: 25px 0;
        flex-direction: column;
        gap: 25px;
    }
    
    .block-reg .text-block-special {
        padding: 25px 20px;
    }
    
    .block-reg .text-block-special h2 {
        font-size: 24px;
        margin-bottom: 15px;
    }
    
    .block-reg .text-block-special p {
        font-size: 15px;
        line-height: 1.5;
    }
    
    .block-reg .text-block-special ul li {
        font-size: 15px;
        padding: 8px 0 8px 25px;
        margin-bottom: 6px;
    }
    
    .block-reg .text-block-special ul li::before {
        width: 12px;
        height: 12px;
        font-size: 8px;
        left: 6px;
    }
    
    .block-reg .block-img-right {
        order: -1;
        margin-bottom: 20px;
    }
    
    .block-reg .block-img-right img {
        max-width: 100%;
        height: auto;
        border-radius: 10px;
    }
    
    .block-reg .block-img-right.mob {
        display: block;
    }
    
    .block-reg .block-img-right.desk {
        display: none;
    }
}

@media (max-width: 480px) {
    .block-reg {
        padding: 20px 15px;
        margin: 20px 0;
        gap: 20px;
    }
    
    .block-reg .text-block-special {
        padding: 20px 15px;
    }
    
    .block-reg .text-block-special h2 {
        font-size: 20px;
        margin-bottom: 12px;
    }
    
    .block-reg .text-block-special p {
        font-size: 14px;
        line-height: 1.4;
    }
    
    .block-reg .text-block-special ul li {
        font-size: 14px;
        padding: 6px 0 6px 20px;
        margin-bottom: 4px;
    }
    
    .block-reg .text-block-special ul li::before {
        width: 10px;
        height: 10px;
        font-size: 7px;
        left: 4px;
    }
    
    .block-reg .block-img-right {
        order: -1;
        margin-bottom: 15px;
    }
    
    .block-reg .block-img-right img {
        max-width: 100%;
        height: auto;
        border-radius: 8px;
    }
}

@media (max-width: 320px) {
    .block-reg {
        padding: 15px 10px;
        margin: 15px 0;
        gap: 15px;
    }
    
    .block-reg .text-block-special {
        padding: 15px 10px;
    }
    
    .block-reg .text-block-special h2 {
        font-size: 18px;
        margin-bottom: 10px;
    }
    
    .block-reg .text-block-special p {
        font-size: 13px;
        line-height: 1.3;
    }
    
    .block-reg .text-block-special ul li {
        font-size: 13px;
        padding: 5px 0 5px 18px;
        margin-bottom: 3px;
    }
    
    .block-reg .text-block-special ul li::before {
        width: 8px;
        height: 8px;
        font-size: 6px;
        left: 3px;
    }
    
    .block-reg .block-img-right img {
        border-radius: 6px;
    }
}

/* Адаптивные стили для блока "Преимущества зеркала LAKI" */
@media (max-width: 1024px) {
    .block-text {
        padding: 35px 25px;
        margin-top: 50px;
    }
    
    .hdr-block-text {
        gap: 12px;
        margin-bottom: 25px;
    }
    
    .hdr-block-text img {
        width: 35px;
        height: 35px;
    }
    
    .hdr-block-text h2 {
        font-size: 32px;
    }
    
    .hdr-block-text h2::after {
        width: 50px;
        height: 2px;
    }
    
    .block-text p {
        font-size: 17px;
        padding: 15px 18px;
        margin-top: 18px;
    }
}

@media (max-width: 768px) {
    .block-text {
        padding: 25px 18px;
        margin-top: 35px;
        border-radius: 12px;
    }
    
    .hdr-block-text {
        gap: 10px;
        margin-bottom: 20px;
        flex-direction: column;
        text-align: center;
    }
    
    .hdr-block-text img {
        width: 30px;
        height: 30px;
    }
    
    .hdr-block-text h2 {
        font-size: 26px;
    }
    
    .hdr-block-text h2::after {
        width: 40px;
        height: 2px;
        left: 50%;
        transform: translateX(-50%);
    }
    
    .block-text p {
        font-size: 15px;
        padding: 12px 15px;
        margin-top: 15px;
        line-height: 1.5;
    }
    
    .block-text p:hover {
        transform: translateX(3px);
    }
}

@media (max-width: 480px) {
    .block-text {
        padding: 20px 12px;
        margin-top: 25px;
        border-radius: 10px;
    }
    
    .hdr-block-text {
        gap: 8px;
        margin-bottom: 15px;
    }
    
    .hdr-block-text img {
        width: 25px;
        height: 25px;
    }
    
    .hdr-block-text h2 {
        font-size: 22px;
    }
    
    .hdr-block-text h2::after {
        width: 35px;
        height: 2px;
    }
    
    .block-text p {
        font-size: 14px;
        padding: 10px 12px;
        margin-top: 12px;
        line-height: 1.4;
    }
    
    .block-text p:hover {
        transform: translateX(2px);
    }
}

@media (max-width: 320px) {
    .block-text {
        padding: 15px 10px;
        margin-top: 20px;
        border-radius: 8px;
    }
    
    .hdr-block-text {
        gap: 6px;
        margin-bottom: 12px;
    }
    
    .hdr-block-text img {
        width: 20px;
        height: 20px;
    }
    
    .hdr-block-text h2 {
        font-size: 18px;
    }
    
    .hdr-block-text h2::after {
        width: 30px;
        height: 1px;
    }
    
    .block-text p {
        font-size: 12px;
        padding: 8px 10px;
        margin-top: 10px;
        line-height: 1.3;
    }
    
    .block-text p:hover {
        transform: translateX(1px);
    }
}

/* Дополнительные оптимизации для мобильных устройств */
@media (max-width: 768px) {
    /* Улучшенная типографика для мобильных */
    .banner-4-block .text-block-special h2,
    .block-reg .text-block-special h2 {
        word-wrap: break-word;
        hyphens: auto;
    }
    
    .banner-4-block .text-block-special p,
    .block-reg .text-block-special p {
        word-wrap: break-word;
        hyphens: auto;
    }
    
    /* Оптимизация изображений */
    .banner-4-block .block-img-right img,
    .block-reg .block-img-right img {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        pointer-events: none;
    }
    
    /* Улучшенные отступы для сенсорных экранов */
    .banner-4-block .text-block-special ul li,
    .block-reg .text-block-special ul li {
        min-height: 44px;
        display: flex;
        align-items: center;
    }
}

@media (max-width: 480px) {
    /* Дополнительные оптимизации для маленьких экранов */
    .banner-4-block,
    .block-reg {
        overflow: hidden;
    }
    
    .banner-4-block .text-block-special,
    .block-reg .text-block-special {
        overflow: hidden;
    }
    
    /* Улучшенная читаемость */
    .banner-4-block .text-block-special h2,
    .block-reg .text-block-special h2 {
        line-height: 1.2;
    }
    
    .banner-4-block .text-block-special p,
    .block-reg .text-block-special p {
        line-height: 1.3;
    }
}

@media (max-width: 768px) {
    .block-faq {
        padding: 0 10px;
        margin: 25px 0;
    }
    
    .block-faq ul {
        gap: 12px;
    }
    
    .block-faq-item {
        border-radius: 14px;
    }
    
    .question {
        font-size: 18px;
        padding: 20px 16px;
        font-weight: 600;
    }
    
    .question p {
        padding-right: 12px;
    }
    
    .answer {
        font-size: 16px;
        padding: 0 16px;
    }
    
    .block-faq-item.active .answer {
        padding: 0 16px 20px 16px;
    }
    
    .answer::before {
        left: 16px;
        right: 16px;
    }
    
    .question img {
        width: 18px;
        height: 18px;
    }
    
    .answer ul {
        padding-left: 20px;
    }
    
    .answer ul li {
        margin-bottom: 6px;
        font-size: 15px;
    }
}

@media (max-width: 480px) {
    .block-faq {
        padding: 0 5px;
        margin: 20px 0;
    }
    
    .block-faq ul {
        gap: 10px;
    }
    
    .block-faq-item {
        border-radius: 12px;
    }
    
    .question {
        font-size: 16px;
        padding: 18px 14px;
        font-weight: 600;
    }
    
    .question p {
        padding-right: 10px;
    }
    
    .answer {
        font-size: 14px;
        padding: 0 14px;
    }
    
    .block-faq-item.active .answer {
        padding: 0 14px 18px 14px;
    }
    
    .answer::before {
        left: 14px;
        right: 14px;
    }
    
    .question img {
        width: 16px;
        height: 16px;
    }
    
    .answer ul {
        padding-left: 18px;
    }
    
    .answer ul li {
        margin-bottom: 4px;
        font-size: 13px;
    }
}

/* Мобильная адаптация для новых блоков регистрации */
@media (max-width: 768px) {
    .registration-steps-visual {
        margin: 30px 0 !important;
        border-radius: 16px !important;
    }
    
    .registration-steps-visual > div:first-child {
        padding: 20px !important;
    }
    
    .registration-steps-visual > div:first-child h2 {
        font-size: 22px !important;
    }
    
    .registration-steps-visual > div:last-child {
        padding: 30px 15px !important;
    }
    
    .registration-steps-visual > div:last-child > div:first-child {
        grid-template-columns: 1fr !important;
        gap: 30px !important;
    }
    
    .registration-steps-visual > div:last-child > div:first-child > div {
        min-width: unset !important;
        padding: 25px 20px !important;
    }
    
    .registration-steps-visual > div:last-child > div:first-child > div h3 {
        font-size: 20px !important;
    }
    
    .registration-steps-visual > div:last-child > div:first-child > div p {
        font-size: 15px !important;
    }
    
    .registration-steps-visual a {
        padding: 15px 30px !important;
        font-size: 18px !important;
    }
    
    .registration-benefits {
        padding: 30px 15px !important;
        margin: 30px 0 !important;
        border-radius: 16px !important;
    }
    
    .registration-benefits h2 {
        font-size: 26px !important;
    }
    
    .registration-benefits p {
        font-size: 16px !important;
    }
    
    .registration-benefits > div:last-child {
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)) !important;
        gap: 20px !important;
    }
    
    .registration-benefits > div:last-child > div {
        padding: 20px !important;
    }
    
    .registration-benefits > div:last-child > div > div:first-child {
        font-size: 40px !important;
    }
    
    .registration-benefits > div:last-child > div h4 {
        font-size: 16px !important;
    }
    
    .registration-benefits > div:last-child > div p {
        font-size: 13px !important;
    }
}

@media (max-width: 480px) {
    .registration-steps-visual > div:first-child h2 {
        font-size: 20px !important;
    }
    
    .registration-steps-visual > div:last-child {
        padding: 25px 10px !important;
    }
    
    .registration-steps-visual > div:last-child > div:first-child > div {
        padding: 20px 15px !important;
    }
    
    .registration-steps-visual > div:last-child > div:first-child > div > div:first-child {
        width: 40px !important;
        height: 40px !important;
        font-size: 20px !important;
        top: -12px !important;
    }
    
    .registration-steps-visual > div:last-child > div:first-child > div > div:last-child > div:first-child {
        font-size: 50px !important;
    }
    
    .registration-steps-visual > div:last-child > div:first-child > div h3 {
        font-size: 18px !important;
    }
    
    .registration-steps-visual > div:last-child > div:first-child > div p {
        font-size: 14px !important;
    }
    
    .registration-steps-visual a {
        padding: 12px 25px !important;
        font-size: 16px !important;
    }
    
    .registration-benefits {
        padding: 25px 10px !important;
    }
    
    .registration-benefits h2 {
        font-size: 24px !important;
    }
    
    .registration-benefits p {
        font-size: 15px !important;
    }
    
    .registration-benefits > div:last-child {
        grid-template-columns: 1fr !important;
        gap: 15px !important;
    }
    
    .registration-benefits > div:last-child > div {
        padding: 18px !important;
    }
}

/* Мобильная адаптация для новых блоков страницы о бренде */
@media (max-width: 768px) {
    .brand-timeline {
        margin: 30px 0 !important;
        border-radius: 16px !important;
    }
    
    .brand-timeline > div:first-child {
        padding: 20px !important;
    }
    
    .brand-timeline > div:first-child h2 {
        font-size: 22px !important;
    }
    
    .brand-timeline > div:last-child {
        padding: 30px 15px !important;
    }
    
    .brand-timeline > div:last-child > div {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }
    
    .brand-timeline > div:last-child > div > div {
        min-width: unset !important;
        padding: 25px 20px !important;
    }
    
    .brand-timeline > div:last-child > div > div h3 {
        font-size: 18px !important;
    }
    
    .brand-timeline > div:last-child > div > div p {
        font-size: 14px !important;
    }
    
    .brand-mission {
        padding: 30px 15px !important;
        margin: 30px 0 !important;
        border-radius: 16px !important;
    }
    
    .brand-mission h2 {
        font-size: 26px !important;
    }
    
    .brand-mission p {
        font-size: 16px !important;
    }
    
    .brand-mission > div:last-child {
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)) !important;
        gap: 20px !important;
    }
    
    .brand-mission > div:last-child > div {
        padding: 25px !important;
    }
    
    .brand-mission > div:last-child > div > div:first-child {
        font-size: 50px !important;
    }
    
    .brand-mission > div:last-child > div h4 {
        font-size: 18px !important;
    }
    
    .brand-mission > div:last-child > div p {
        font-size: 14px !important;
    }
}

/* Адаптация FAQ для мобильных устройств */
@media (max-width: 768px) {
    .block-faq ul {
        grid-template-columns: 1fr !important;
        gap: 15px !important;
    }
}

@media (max-width: 480px) {
    .brand-timeline > div:first-child h2 {
        font-size: 20px !important;
    }
    
    .brand-timeline > div:last-child {
        padding: 25px 10px !important;
    }
    
    .brand-timeline > div:last-child > div > div {
        padding: 20px 15px !important;
    }
    
    .brand-timeline > div:last-child > div > div > div:first-child {
        padding: 6px 12px !important;
        font-size: 12px !important;
        top: -12px !important;
    }
    
    .brand-timeline > div:last-child > div > div > div:last-child > div:first-child {
        font-size: 40px !important;
    }
    
    .brand-timeline > div:last-child > div > div h3 {
        font-size: 16px !important;
    }
    
    .brand-timeline > div:last-child > div > div p {
        font-size: 13px !important;
    }
    
    .brand-mission {
        padding: 25px 10px !important;
    }
    
    .brand-mission h2 {
        font-size: 24px !important;
    }
    
    .brand-mission p {
        font-size: 15px !important;
    }
    
    .brand-mission > div:last-child {
        grid-template-columns: 1fr !important;
        gap: 15px !important;
    }
    
    .brand-mission > div:last-child > div {
        padding: 20px !important;
    }
    
    .brand-mission > div:last-child > div > div:first-child {
        font-size: 48px !important;
    }
    
    .brand-mission > div:last-child > div h4 {
        font-size: 16px !important;
    }
    
    .brand-mission > div:last-child > div p {
        font-size: 13px !important;
    }
}

/* Мобильная адаптация для новых блоков VIP-клуба */
@media (max-width: 768px) {
    .vip-calculator {
        margin: 30px 0 !important;
        border-radius: 16px !important;
    }
    
    .vip-calculator > div:first-child {
        padding: 20px !important;
    }
    
    .vip-calculator > div:first-child h2 {
        font-size: 22px !important;
    }
    
    .vip-calculator > div:first-child p {
        font-size: 14px !important;
    }
    
    .vip-calculator > div:last-child {
        padding: 30px 15px !important;
    }
    
    .vip-calculator > div:last-child > div {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }
    
    .vip-calculator > div:last-child > div > div {
        min-width: unset !important;
        padding: 25px 20px !important;
    }
    
    .vip-calculator > div:last-child > div > div h3 {
        font-size: 20px !important;
    }
    
    .vip-exclusive-privileges {
        padding: 30px 15px !important;
        margin: 30px 0 !important;
        border-radius: 16px !important;
    }
    
    .vip-exclusive-privileges h2 {
        font-size: 26px !important;
    }
    
    .vip-exclusive-privileges p {
        font-size: 16px !important;
    }
    
    .vip-exclusive-privileges > div:nth-child(3) {
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)) !important;
        gap: 20px !important;
    }
    
    .vip-exclusive-privileges > div:nth-child(3) > div {
        padding: 20px !important;
    }
    
    .vip-exclusive-privileges > div:nth-child(3) > div > div:first-child {
        font-size: 40px !important;
    }
    
    .vip-exclusive-privileges > div:nth-child(3) > div h4 {
        font-size: 16px !important;
    }
    
    .vip-exclusive-privileges > div:nth-child(3) > div p {
        font-size: 13px !important;
    }
    
    .vip-exclusive-privileges > div:last-child {
        padding: 15px !important;
    }
    
    .vip-exclusive-privileges > div:last-child p:first-child {
        font-size: 14px !important;
    }
    
    .vip-exclusive-privileges > div:last-child p:last-child {
        font-size: 12px !important;
    }
}

@media (max-width: 480px) {
    .vip-calculator > div:first-child h2 {
        font-size: 20px !important;
    }
    
    .vip-calculator > div:first-child p {
        font-size: 13px !important;
    }
    
    .vip-calculator > div:last-child {
        padding: 25px 10px !important;
    }
    
    .vip-calculator > div:last-child > div > div {
        padding: 20px 15px !important;
    }
    
    .vip-calculator > div:last-child > div > div h3 {
        font-size: 18px !important;
    }
    
    .vip-calculator > div:last-child > div > div > div > div {
        padding: 15px !important;
    }
    
    .vip-calculator > div:last-child > div > div > div > div h4 {
        font-size: 14px !important;
    }
    
    .vip-calculator > div:last-child > div > div > div > div p {
        font-size: 12px !important;
    }
    
    .vip-exclusive-privileges {
        padding: 25px 10px !important;
    }
    
    .vip-exclusive-privileges h2 {
        font-size: 24px !important;
    }
    
    .vip-exclusive-privileges p {
        font-size: 15px !important;
    }
    
    .vip-exclusive-privileges > div:nth-child(3) {
        grid-template-columns: 1fr !important;
        gap: 15px !important;
    }
    
    .vip-exclusive-privileges > div:nth-child(3) > div {
        padding: 18px !important;
    }
    
    .vip-exclusive-privileges > div:nth-child(3) > div > div:first-child {
        font-size: 36px !important;
    }
    
    .vip-exclusive-privileges > div:nth-child(3) > div h4 {
        font-size: 15px !important;
    }
    
    .vip-exclusive-privileges > div:nth-child(3) > div p {
        font-size: 12px !important;
    }
    
    .vip-exclusive-privileges > div:nth-child(3) > div:first-child > div:first-child {
        padding: 4px 8px !important;
        font-size: 10px !important;
        top: -8px !important;
        right: -8px !important;
    }
    
    .vip-exclusive-privileges > div:last-child {
        padding: 12px !important;
    }
    
    .vip-exclusive-privileges > div:last-child p:first-child {
        font-size: 13px !important;
    }
    
    .vip-exclusive-privileges > div:last-child p:last-child {
        font-size: 11px !important;
    }
}

/* Мобильная адаптация для новых блоков Aviator */
@media (max-width: 768px) {
    .aviator-analytics {
        margin: 30px 0 !important;
        border-radius: 16px !important;
    }
    
    .aviator-analytics > div:first-child {
        padding: 20px !important;
    }
    
    .aviator-analytics > div:first-child h2 {
        font-size: 22px !important;
    }
    
    .aviator-analytics > div:first-child p {
        font-size: 14px !important;
    }
    
    .aviator-analytics > div:last-child {
        padding: 30px 15px !important;
    }
    
    .aviator-analytics > div:last-child > div {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }
    
    .aviator-analytics > div:last-child > div > div {
        min-width: unset !important;
        padding: 25px 20px !important;
    }
    
    .aviator-analytics > div:last-child > div > div h3 {
        font-size: 20px !important;
    }
    
    .aviator-tournaments {
        padding: 30px 15px !important;
        margin: 30px 0 !important;
        border-radius: 16px !important;
    }
    
    .aviator-tournaments h2 {
        font-size: 26px !important;
    }
    
    .aviator-tournaments p {
        font-size: 16px !important;
    }
    
    .aviator-tournaments > div:nth-child(3) {
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)) !important;
        gap: 20px !important;
    }
    
    .aviator-tournaments > div:nth-child(3) > div {
        padding: 20px !important;
    }
    
    .aviator-tournaments > div:nth-child(3) > div > div:first-child {
        font-size: 40px !important;
    }
    
    .aviator-tournaments > div:nth-child(3) > div h4 {
        font-size: 16px !important;
    }
    
    .aviator-tournaments > div:nth-child(3) > div p {
        font-size: 13px !important;
    }
    
    .aviator-tournaments > div:last-child {
        padding: 15px !important;
    }
    
    .aviator-tournaments > div:last-child p:first-child {
        font-size: 14px !important;
    }
    
    .aviator-tournaments > div:last-child p:last-child {
        font-size: 12px !important;
    }
}

@media (max-width: 480px) {
    .aviator-analytics > div:first-child h2 {
        font-size: 20px !important;
    }
    
    .aviator-analytics > div:first-child p {
        font-size: 13px !important;
    }
    
    .aviator-analytics > div:last-child {
        padding: 25px 10px !important;
    }
    
    .aviator-analytics > div:last-child > div > div {
        padding: 20px 15px !important;
    }
    
    .aviator-analytics > div:last-child > div > div h3 {
        font-size: 18px !important;
    }
    
    .aviator-analytics > div:last-child > div > div > div > div {
        padding: 12px !important;
    }
    
    .aviator-analytics > div:last-child > div > div > div > div span:first-child,
    .aviator-analytics > div:last-child > div > div > div > div span:nth-child(2) {
        font-size: 12px !important;
    }
    
    .aviator-analytics > div:last-child > div > div > div > div span:last-child {
        font-size: 10px !important;
    }
    
    .aviator-tournaments {
        padding: 25px 10px !important;
    }
    
    .aviator-tournaments h2 {
        font-size: 24px !important;
    }
    
    .aviator-tournaments p {
        font-size: 15px !important;
    }
    
    .aviator-tournaments > div:nth-child(3) {
        grid-template-columns: 1fr !important;
        gap: 15px !important;
    }
    
    .aviator-tournaments > div:nth-child(3) > div {
        padding: 18px !important;
    }
    
    .aviator-tournaments > div:nth-child(3) > div > div:first-child {
        font-size: 36px !important;
    }
    
    .aviator-tournaments > div:nth-child(3) > div h4 {
        font-size: 15px !important;
    }
    
    .aviator-tournaments > div:nth-child(3) > div p {
        font-size: 12px !important;
    }
    
    .aviator-tournaments > div:nth-child(3) > div:first-child > div:first-child {
        padding: 4px 8px !important;
        font-size: 10px !important;
        top: -8px !important;
        right: -8px !important;
    }
    
    .aviator-tournaments > div:last-child {
        padding: 12px !important;
    }
    
    .aviator-tournaments > div:last-child p:first-child {
        font-size: 13px !important;
    }
    
    .aviator-tournaments > div:last-child p:last-child {
        font-size: 11px !important;
    }
}

/* Мобильная адаптация для блока "Секреты успеха в Авиаторе" */
@media (max-width: 768px) {
    .aviator-secrets {
        margin: 30px 0 !important;
        border-radius: 16px !important;
    }
    
    .aviator-secrets > div:first-child {
        padding: 20px !important;
    }
    
    .aviator-secrets > div:first-child h2 {
        font-size: 22px !important;
    }
    
    .aviator-secrets > div:first-child p {
        font-size: 14px !important;
    }
    
    .aviator-secrets > div:last-child {
        flex-direction: column !important;
        gap: 25px !important;
        padding: 30px 15px !important;
    }
    
    .aviator-secrets > div:last-child > div:first-child {
        min-width: unset !important;
    }
    
    .aviator-secrets > div:last-child > div:last-child {
        flex: none !important;
        width: 100% !important;
        max-width: 400px !important;
        margin: 0 auto !important;
    }
}

@media (max-width: 480px) {
    .aviator-secrets > div:first-child h2 {
        font-size: 20px !important;
    }
    
    .aviator-secrets > div:first-child p {
        font-size: 13px !important;
    }
    
    .aviator-secrets > div:last-child {
        padding: 25px 10px !important;
        gap: 20px !important;
    }
    
    .aviator-secrets > div:last-child > div:first-child > div > div {
        padding: 20px 15px !important;
    }
    
    .aviator-secrets > div:last-child > div:first-child > div > div h3 {
        font-size: 18px !important;
    }
    
    .aviator-secrets > div:last-child > div:first-child > div > div p {
        font-size: 14px !important;
    }
    
    .aviator-secrets > div:last-child > div:last-child > div:first-child {
        padding: 20px !important;
    }
    
    .aviator-secrets > div:last-child > div:last-child > div:last-child {
        padding: 15px !important;
    }
    
    .aviator-secrets > div:last-child > div:last-child > div:last-child h4 {
        font-size: 16px !important;
    }
    
    .aviator-secrets > div:last-child > div:last-child > div:last-child p {
        font-size: 13px !important;
    }
}

/* Мобильная адаптация для блоков Plinko */
@media (max-width: 768px) {
    .plinko-physics {
        margin: 30px 0 !important;
        border-radius: 16px !important;
    }
    
    .plinko-physics > div:first-child {
        padding: 20px !important;
    }
    
    .plinko-physics > div:first-child h2 {
        font-size: 22px !important;
    }
    
    .plinko-physics > div:first-child p {
        font-size: 14px !important;
    }
    
    .plinko-physics > div:last-child > div {
        gap: 25px !important;
        padding: 30px 15px !important;
    }
    
    .plinko-mathematics {
        margin: 30px 0 !important;
        border-radius: 16px !important;
    }
    
    .plinko-mathematics > div:first-child {
        padding: 20px !important;
    }
    
    .plinko-mathematics > div:first-child h2 {
        font-size: 22px !important;
    }
    
    .plinko-mathematics > div:first-child p {
        font-size: 14px !important;
    }
    
    .plinko-mathematics > div:last-child > div {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }
    
    .plinko-mathematics > div:last-child {
        padding: 30px 15px !important;
    }
    
    .plinko-history {
        margin: 30px 0 !important;
        border-radius: 16px !important;
    }
    
    .plinko-history > div:first-child {
        padding: 20px !important;
    }
    
    .plinko-history > div:first-child h2 {
        font-size: 22px !important;
    }
    
    .plinko-history > div:first-child p {
        font-size: 14px !important;
    }
    
    .plinko-history > div:last-child {
        padding: 30px 15px !important;
    }
    
    .plinko-history > div:last-child > div:first-child > div:last-child > div {
        grid-template-columns: 1fr !important;
        gap: 30px !important;
    }
    
    .plinko-history > div:last-child > div:first-child > div:last-child > div > div {
        grid-template-columns: 1fr !important;
        gap: 15px !important;
        text-align: center !important;
    }
    
    .plinko-history > div:last-child > div:first-child > div:last-child > div > div > div:nth-child(2) {
        order: -1 !important;
    }
    
    .plinko-history > div:last-child > div:last-child {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }

    /* Мобильная адаптация для новых блоков бонусов */
    .bonus-calculator {
        margin: 30px 0 !important;
        border-radius: 16px !important;
    }

    .bonus-calculator > div:last-child {
        grid-template-columns: 1fr !important;
        gap: 25px !important;
        padding: 30px 15px !important;
    }

    .bonus-policy-redesign {
        margin: 30px 0 !important;
        border-radius: 16px !important;
    }

    .bonus-policy-redesign > div:last-child {
        padding: 30px 15px !important;
    }

    .bonus-policy-redesign > div:last-child > div:nth-child(2) {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }

    .bonus-policy-redesign > div:last-child > div:nth-child(2) > div {
        padding: 20px !important;
    }

    .bonus-evolution {
        margin: 30px 0 !important;
        border-radius: 16px !important;
    }

    .bonus-evolution > div:last-child {
        padding: 30px 15px !important;
    }

    .bonus-evolution > div:last-child > div:first-child > div:last-child > div {
        gap: 25px !important;
    }

    .bonus-evolution > div:last-child > div:first-child > div:last-child > div > div {
        grid-template-columns: 1fr !important;
        gap: 15px !important;
    }

    .bonus-evolution > div:last-child > div:first-child > div:last-child > div > div > div:nth-child(2) {
        order: -1 !important;
        width: 15px !important;
        height: 15px !important;
    }

    .bonus-evolution > div:last-child > div:first-child > div:last-child > div > div > div:first-child,
    .bonus-evolution > div:last-child > div:first-child > div:last-child > div > div > div:last-child {
        text-align: center !important;
    }

    .bonus-types-analysis {
        margin: 30px 0 !important;
        border-radius: 16px !important;
    }

    .bonus-types-analysis > div:last-child {
        padding: 30px 15px !important;
    }

    .bonus-types-analysis > div:last-child > div:first-child {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }

    .bonus-types-analysis > div:last-child > div:first-child > div {
        padding: 20px !important;
    }
}

@media (max-width: 480px) {
    /* Дополнительная мобильная адаптация для новых блоков бонусов */
    .bonus-calculator > div:last-child {
        padding: 25px 10px !important;
        gap: 20px !important;
    }

    .bonus-calculator > div:last-child > div:first-child {
        padding: 20px 15px !important;
    }

    .bonus-calculator > div:last-child > div:first-child h3 {
        font-size: 18px !important;
    }

    .bonus-policy-redesign > div:last-child {
        padding: 25px 10px !important;
    }

    .bonus-policy-redesign > div:last-child > div:nth-child(2) {
        gap: 15px !important;
    }

    .bonus-policy-redesign > div:last-child > div:nth-child(2) > div {
        padding: 15px !important;
    }

    .bonus-policy-redesign > div:last-child > div:nth-child(2) > div h4 {
        font-size: 16px !important;
    }

    .bonus-evolution > div:last-child {
        padding: 25px 10px !important;
    }

    .bonus-evolution > div:last-child > div:first-child > div:last-child > div {
        gap: 20px !important;
    }

    .bonus-evolution > div:last-child > div:first-child > div:last-child > div > div > div:first-child,
    .bonus-evolution > div:last-child > div:first-child > div:last-child > div > div > div:last-child {
        padding: 15px !important;
    }

    .bonus-evolution > div:last-child > div:first-child > div:last-child > div > div > div:first-child h4,
    .bonus-evolution > div:last-child > div:first-child > div:last-child > div > div > div:last-child h4 {
        font-size: 16px !important;
    }

    .bonus-types-analysis > div:last-child {
        padding: 25px 10px !important;
    }

    .bonus-types-analysis > div:last-child > div:first-child {
        gap: 15px !important;
    }

    .bonus-types-analysis > div:last-child > div:first-child > div {
        padding: 15px !important;
    }

    .bonus-types-analysis > div:last-child > div:first-child > div h4 {
        font-size: 16px !important;
    }

    /* Мобильная адаптация для новых блоков платежей */
    .payment-security-system {
        margin: 30px 0 !important;
        border-radius: 16px !important;
    }

    .payment-security-system > div:last-child {
        padding: 30px 15px !important;
    }

    .payment-security-system > div:last-child > div:first-child > div {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }

    .payment-security-system > div:last-child > div:first-child > div > div:first-child {
        order: -1 !important;
        width: 60px !important;
        height: 60px !important;
        margin: 0 auto !important;
    }

    .payment-security-system > div:last-child > div:first-child > div > div:last-child {
        text-align: center !important;
    }

    .payment-speed-monitor {
        margin: 30px 0 !important;
        border-radius: 16px !important;
    }

    .payment-speed-monitor > div:last-child {
        padding: 30px 15px !important;
    }

    .payment-speed-monitor > div:last-child > div:first-child {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }

    .payment-methods-comparison {
        margin: 30px 0 !important;
        border-radius: 16px !important;
    }

    .payment-methods-comparison > div:last-child {
        padding: 30px 15px !important;
    }

    .payment-methods-comparison > div:last-child > div:first-child {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }

    .payment-methods-comparison > div:last-child > div:nth-child(3) {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }
}

@media (max-width: 480px) {
    /* Дополнительная мобильная адаптация для новых блоков платежей */
    .payment-security-system > div:last-child {
        padding: 25px 10px !important;
    }

    .payment-security-system > div:last-child > div:first-child > div {
        gap: 15px !important;
    }

    .payment-security-system > div:last-child > div:first-child > div > div:last-child {
        padding: 20px 15px !important;
    }

    .payment-security-system > div:last-child > div:first-child > div > div:last-child h3 {
        font-size: 18px !important;
    }

    .payment-speed-monitor > div:last-child {
        padding: 25px 10px !important;
    }

    .payment-speed-monitor > div:last-child > div:first-child {
        gap: 15px !important;
    }

    .payment-speed-monitor > div:last-child > div:first-child > div {
        padding: 20px 15px !important;
    }

    .payment-speed-monitor > div:last-child > div:first-child > div h3 {
        font-size: 18px !important;
    }

    .payment-methods-comparison > div:last-child {
        padding: 25px 10px !important;
    }

    .payment-methods-comparison > div:last-child > div:first-child {
        gap: 15px !important;
    }

    .payment-methods-comparison > div:last-child > div:first-child > div {
        padding: 20px 15px !important;
    }

    .payment-methods-comparison > div:last-child > div:first-child > div h3 {
        font-size: 18px !important;
    }

    .payment-methods-comparison > div:last-child > div:nth-child(3) {
        gap: 15px !important;
    }

    .payment-methods-comparison > div:last-child > div:nth-child(3) > div {
        padding: 20px 15px !important;
    }

    .payment-methods-comparison > div:last-child > div:nth-child(3) > div h4 {
        font-size: 16px !important;
    }

    .plinko-physics > div:first-child h2 {
        font-size: 20px !important;
    }
    
    .plinko-physics > div:first-child p {
        font-size: 13px !important;
    }
    
    .plinko-physics > div:last-child > div {
        padding: 25px 10px !important;
        gap: 20px !important;
    }
    
    .plinko-physics > div:last-child > div > div {
        padding: 20px 15px !important;
    }
    
    .plinko-physics > div:last-child > div > div h3 {
        font-size: 18px !important;
    }
    
    .plinko-physics > div:last-child > div > div p {
        font-size: 14px !important;
    }
    
    .plinko-mathematics > div:first-child h2 {
        font-size: 20px !important;
    }
    
    .plinko-mathematics > div:first-child p {
        font-size: 13px !important;
    }
    
    .plinko-mathematics > div:last-child {
        padding: 25px 10px !important;
    }
    
    .plinko-mathematics > div:last-child > div {
        gap: 15px !important;
    }
    
    .plinko-mathematics > div:last-child > div > div {
        padding: 20px 15px !important;
    }
    
    .plinko-mathematics > div:last-child > div > div h3 {
        font-size: 18px !important;
    }
    
    .plinko-mathematics > div:last-child > div > div p {
        font-size: 14px !important;
    }
    
    .plinko-history > div:first-child h2 {
        font-size: 20px !important;
    }
    
    .plinko-history > div:first-child p {
        font-size: 13px !important;
    }
    
    .plinko-history > div:last-child {
        padding: 25px 10px !important;
    }
    
    .plinko-history > div:last-child > div:first-child > div:last-child > div > div > div:nth-child(2) {
        width: 50px !important;
        height: 50px !important;
        font-size: 12px !important;
    }
    
    .plinko-history > div:last-child > div:first-child > div:last-child > div > div > div:first-child,
    .plinko-history > div:last-child > div:first-child > div:last-child > div > div > div:last-child {
        padding: 15px !important;
    }
    
    .plinko-history > div:last-child > div:first-child > div:last-child > div > div > div:first-child h4,
    .plinko-history > div:last-child > div:first-child > div:last-child > div > div > div:last-child h4 {
        font-size: 16px !important;
    }
    
    .plinko-history > div:last-child > div:first-child > div:last-child > div > div > div:first-child p,
    .plinko-history > div:last-child > div:first-child > div:last-child > div > div > div:last-child p {
        font-size: 13px !important;
    }
    
    .plinko-history > div:last-child > div:last-child > div {
        padding: 20px 15px !important;
    }
    
    .plinko-history > div:last-child > div:last-child > div h4 {
        font-size: 16px !important;
    }
    
    .plinko-history > div:last-child > div:last-child > div p {
        font-size: 13px !important;
    }
}

/* Финальные оптимизации для производительности и доступности */
@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}

/* Улучшения для высокого DPI экранов */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    img {
        image-rendering: -webkit-optimize-contrast;
        image-rendering: crisp-edges;
    }
}

/* Оптимизации для печати */
@media print {
    * {
        background: transparent !important;
        color: black !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }
    
    .btn-header,
    .green-bar,
    .burger-menu,
    .block-payment-methods,
    .block-socials {
        display: none !important;
    }
    
    .container-border {
        padding: 0 !important;
    }
    
    .block-text-left p,
    .block-text p {
        font-size: 12pt !important;
        line-height: 1.4 !important;
    }
    
    h1, h2, h3, h4, h5, h6 {
        font-size: 16pt !important;
        page-break-after: avoid;
    }
    
    table {
        page-break-inside: avoid;
    }
}

/* Специальные стили для блока "Актуальное зеркало LAKI" */
.mirror-block {
    background: linear-gradient(135deg, rgba(21, 34, 21, 0.95) 0%, rgba(21, 34, 21, 0.85) 100%);
    border-radius: 20px;
    padding: 40px;
    margin: 50px 0;
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(243, 228, 95, 0.2);
    box-shadow: 
        0 20px 40px rgba(0, 0, 0, 0.3),
        0 0 0 1px rgba(243, 228, 95, 0.1),
        inset 0 1px 0 rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
}

.mirror-block::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, #FFD67C 0%, #FFE788 49%, #FFC300 100%);
    border-radius: 20px 20px 0 0;
}

.mirror-block::after {
    content: '';
    position: absolute;
    top: -50%;
    right: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(243, 228, 95, 0.05) 0%, transparent 70%);
    pointer-events: none;
}

.mirror-header {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 30px;
    position: relative;
    z-index: 2;
}

.mirror-header img {
    width: 40px;
    height: 40px;
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3));
}

.mirror-header h2 {
    font-size: 36px;
    font-weight: 800;
    color: #F3E45F;
    text-shadow: 0 0 20px rgba(243, 228, 95, 0.3);
    margin: 0;
    position: relative;
}

.mirror-header h2::after {
    content: '';
    position: absolute;
    bottom: -8px;
    left: 0;
    width: 80px;
    height: 3px;
    background: linear-gradient(90deg, #F3E45F, #FFD67C);
    border-radius: 2px;
}

.mirror-content-wrapper {
    display: flex;
    gap: 40px;
    align-items: flex-start;
    margin-bottom: 30px;
    position: relative;
    z-index: 2;
}

.mirror-content {
    flex: 1;
    position: relative;
    z-index: 2;
}

.mirror-content p {
    font-size: 18px;
    line-height: 1.7;
    color: #E8F5E8;
    margin-bottom: 20px;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    padding: 15px 20px;
    background: rgba(21, 34, 21, 0.3);
    border-radius: 12px;
    border-left: 3px solid rgba(243, 228, 95, 0.3);
}

.mirror-content p:last-child {
    margin-bottom: 0;
}

.mirror-content strong {
    color: #F3E45F;
    font-weight: 600;
    text-shadow: 0 0 10px rgba(243, 228, 95, 0.3);
}

.mirror-image {
    flex: 0 0 400px;
    position: relative;
    z-index: 2;
}

.mirror-image img {
    width: 100%;
    height: auto;
    border-radius: 15px;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.4);
    filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.3));
    transition: transform 0.3s ease;
}

.mirror-features {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
    margin-top: 30px;
    position: relative;
    z-index: 2;
}

.mirror-feature {
    background: rgba(21, 34, 21, 0.6);
    border-radius: 15px;
    padding: 20px;
    border: 1px solid rgba(243, 228, 95, 0.1);
    text-align: center;
}

.mirror-feature-icon {
    width: 50px;
    height: 50px;
    margin: 0 auto 15px;
    background: linear-gradient(135deg, rgba(243, 228, 95, 0.2) 0%, rgba(255, 214, 124, 0.1) 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    color: #F3E45F;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

.mirror-feature h3 {
    color: #F3E45F;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
    text-shadow: 0 0 10px rgba(243, 228, 95, 0.3);
}

.mirror-feature p {
    color: #E8F5E8;
    font-size: 14px;
    line-height: 1.5;
    margin: 0;
    padding: 0;
    background: none;
    border: none;
}

.mirror-cta {
    text-align: center;
    margin-top: 30px;
    position: relative;
    z-index: 2;
}

.mirror-cta .btn-gold {
    background: linear-gradient(90deg, #FFD67C 0%, #FFE788 49%, #FFC300 100%);
    color: #332907;
    font-size: 20px;
    font-weight: bold;
    border-radius: 50px;
    padding: 18px 50px;
    text-decoration: none;
    display: inline-block;
    box-shadow: 0 8px 25px rgba(255, 214, 124, 0.3);
    border: 2px solid rgba(255, 214, 124, 0.2);
    position: relative;
    overflow: hidden;
}

.mirror-cta .btn-gold::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
    transition: left 0.5s ease;
}

/* Адаптивные стили для блока зеркала */
@media (max-width: 1024px) {
    .mirror-block {
        padding: 30px;
        margin: 40px 0;
    }
    
    .mirror-content-wrapper {
        gap: 30px;
    }
    
    .mirror-image {
        flex: 0 0 350px;
    }
    
    .mirror-header h2 {
        font-size: 28px;
    }
    
    .mirror-content p {
        font-size: 16px;
        line-height: 1.6;
    }
    
    .mirror-features {
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
        gap: 15px;
    }
    
    .mirror-feature h3 {
        font-size: 18px;
    }
    
    .mirror-feature p {
        font-size: 13px;
    }
}

@media (max-width: 768px) {
    .mirror-block {
        padding: 25px 20px;
        margin: 30px 0;
        border-radius: 15px;
    }
    
    .mirror-content-wrapper {
        flex-direction: column;
        gap: 25px;
    }
    
    .mirror-image {
        flex: none;
        order: -1;
        margin-bottom: 20px;
    }
    
    .mirror-image img {
        max-width: 100%;
        height: auto;
    }
    
    .mirror-header {
        flex-direction: column;
        text-align: center;
        gap: 10px;
    }
    
    .mirror-header h2 {
        font-size: 24px;
    }
    
    .mirror-header h2::after {
        left: 50%;
        transform: translateX(-50%);
    }
    
    .mirror-content p {
        font-size: 15px;
        line-height: 1.5;
        padding: 12px 15px;
    }
    
    .mirror-features {
        grid-template-columns: 1fr;
        gap: 15px;
    }
    
    .mirror-feature {
        padding: 15px;
    }
    
    .mirror-feature-icon {
        width: 40px;
        height: 40px;
        font-size: 20px;
    }
    
    .mirror-feature h3 {
        font-size: 16px;
    }
    
    .mirror-feature p {
        font-size: 12px;
    }
    
    .mirror-cta .btn-gold {
        font-size: 18px;
        padding: 15px 40px;
    }
}

@media (max-width: 480px) {
    .mirror-block {
        padding: 20px 15px;
        margin: 20px 0;
    }
    
    .mirror-content-wrapper {
        gap: 20px;
    }
    
    .mirror-image {
        margin-bottom: 15px;
    }
    
    .mirror-header h2 {
        font-size: 20px;
    }
    
    .mirror-content p {
        font-size: 14px;
        padding: 10px 12px;
    }
    
    .mirror-feature {
        padding: 12px;
    }
    
    .mirror-feature-icon {
        width: 35px;
        height: 35px;
        font-size: 18px;
    }
    
    .mirror-feature h3 {
        font-size: 14px;
    }
    
    .mirror-feature p {
        font-size: 11px;
    }
    
    .mirror-cta .btn-gold {
        font-size: 16px;
        padding: 12px 35px;
    }
}

@media (max-width: 320px) {
    .mirror-block {
        padding: 15px 10px;
        margin: 15px 0;
    }
    
    .mirror-content-wrapper {
        gap: 15px;
    }
    
    .mirror-image {
        margin-bottom: 10px;
    }
    
    .mirror-header h2 {
        font-size: 18px;
    }
    
    .mirror-content p {
        font-size: 13px;
        padding: 8px 10px;
    }
    
    .mirror-feature {
        padding: 10px;
    }
    
    .mirror-feature-icon {
        width: 30px;
        height: 30px;
        font-size: 16px;
    }
    
    .mirror-feature h3 {
        font-size: 13px;
    }
    
    .mirror-feature p {
        font-size: 10px;
    }
    
    .mirror-cta .btn-gold {
        font-size: 14px;
        padding: 10px 30px;
    }
}

/* Специальные стили для блока "Открытая бонусная политика LAKI" без ярких акцентов */
.bonus-policy-block {
    background: rgba(21, 34, 21, 0.6);
    border: 1px solid #2a4a2a;
    border-radius: 12px;
    padding: 35px;
    margin: 30px 0;
    position: relative;
    transition: all 0.3s ease;
}

.bonus-policy-block::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(42, 74, 42, 0.1) 0%, rgba(21, 34, 21, 0.1) 100%);
    border-radius: 12px;
    pointer-events: none;
}

.bonus-policy-block h2 {
    color: #E8F5E8;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 25px;
    text-align: center;
    position: relative;
    z-index: 1;
}

.bonus-policy-block h2::after {
    content: '';
    position: absolute;
    bottom: -8px;
    left: 50%;
    transform: translateX(-50%);
    width: 60px;
    height: 2px;
    background: linear-gradient(90deg, #4a6a4a 0%, #2a4a2a 100%);
    border-radius: 1px;
}

.bonus-policy-block p {
    color: #D0E8D0;
    font-size: 18px;
    line-height: 1.7;
    margin-bottom: 20px;
    text-align: justify;
    font-weight: 400;
    position: relative;
    z-index: 1;
}

.bonus-policy-block p:last-child {
    margin-bottom: 0;
}

.bonus-policy-block strong {
    color: #B8D8B8;
    font-weight: 600;
}

.bonus-policy-block ul {
    margin: 20px 0;
    padding-left: 25px;
    position: relative;
    z-index: 1;
}

.bonus-policy-block ul li {
    color: #D0E8D0;
    font-size: 18px;
    line-height: 1.7;
    margin-bottom: 12px;
    font-weight: 400;
    position: relative;
}

.bonus-policy-block ul li::before {
    content: '●';
    color: #4a6a4a;
    font-weight: bold;
    position: absolute;
    left: -20px;
    top: 0;
}

.bonus-policy-block ul li:last-child {
    margin-bottom: 0;
}

/* Адаптивные стили для блока бонусной политики */
@media (max-width: 1024px) {
    .bonus-policy-block {
        padding: 30px;
        margin: 25px 0;
    }
    
    .bonus-policy-block h2 {
        font-size: 22px;
        margin-bottom: 20px;
    }
    
    .bonus-policy-block p {
        font-size: 17px;
        line-height: 1.6;
    }
    
    .bonus-policy-block ul li {
        font-size: 17px;
        line-height: 1.6;
    }
}

@media (max-width: 768px) {
    .bonus-policy-block {
        padding: 25px;
        margin: 20px 0;
    }
    
    .bonus-policy-block h2 {
        font-size: 20px;
        margin-bottom: 18px;
    }
    
    .bonus-policy-block h2::after {
        width: 50px;
        bottom: -6px;
    }
    
    .bonus-policy-block p {
        font-size: 16px;
        line-height: 1.5;
        margin-bottom: 18px;
    }
    
    .bonus-policy-block ul {
        margin: 18px 0;
        padding-left: 20px;
    }
    
    .bonus-policy-block ul li {
        font-size: 16px;
        line-height: 1.5;
        margin-bottom: 10px;
    }
    
    .bonus-policy-block ul li::before {
        left: -18px;
    }
}

@media (max-width: 480px) {
    .bonus-policy-block {
        padding: 20px;
        margin: 15px 0;
        border-radius: 8px;
    }
    
    .bonus-policy-block h2 {
        font-size: 18px;
        margin-bottom: 15px;
    }
    
    .bonus-policy-block h2::after {
        width: 40px;
        bottom: -5px;
    }
    
    .bonus-policy-block p {
        font-size: 15px;
        line-height: 1.4;
        margin-bottom: 15px;
    }
    
    .bonus-policy-block ul {
        margin: 15px 0;
        padding-left: 18px;
    }
    
    .bonus-policy-block ul li {
        font-size: 15px;
        line-height: 1.4;
        margin-bottom: 8px;
    }
    
    .bonus-policy-block ul li::before {
        left: -16px;
    }
}

@media (max-width: 320px) {
    .bonus-policy-block {
        padding: 15px;
        margin: 10px 0;
    }
    
    .bonus-policy-block h2 {
        font-size: 16px;
        margin-bottom: 12px;
    }
    
    .bonus-policy-block h2::after {
        width: 35px;
        bottom: -4px;
    }
    
    .bonus-policy-block p {
        font-size: 14px;
        line-height: 1.3;
        margin-bottom: 12px;
    }
    
    .bonus-policy-block ul {
        margin: 12px 0;
        padding-left: 15px;
    }
    
    .bonus-policy-block ul li {
        font-size: 14px;
        line-height: 1.3;
        margin-bottom: 6px;
    }
    
    .bonus-policy-block ul li::before {
        left: -14px;
    }
}

/* Простой стиль для блока итогов без избыточных элементов */
.simple-summary-block {
    padding: 25px;
    margin: 20px 0;
    background: rgba(21, 34, 21, 0.3);
    border-radius: 8px;
    border: 1px solid #2a4a2a;
}

.simple-summary-block h2 {
    color: #E8F5E8;
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 20px;
    text-align: center;
}

.simple-summary-block p {
    color: #D0E8D0;
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 15px;
    text-align: justify;
}

.simple-summary-block p:last-child {
    margin-bottom: 0;
}

.simple-summary-block strong {
    color: #B8D8B8;
    font-weight: 600;
}

/* Адаптивные стили для простого блока итогов */
@media (max-width: 1024px) {
    .simple-summary-block {
        padding: 20px;
        margin: 15px 0;
    }
    
    .simple-summary-block h2 {
        font-size: 20px;
        margin-bottom: 15px;
    }
    
    .simple-summary-block p {
        font-size: 15px;
        line-height: 1.5;
    }
}

@media (max-width: 768px) {
    .simple-summary-block {
        padding: 18px;
        margin: 12px 0;
    }
    
    .simple-summary-block h2 {
        font-size: 18px;
        margin-bottom: 12px;
    }
    
    .simple-summary-block p {
        font-size: 14px;
        line-height: 1.4;
        margin-bottom: 12px;
    }
}

@media (max-width: 480px) {
    .simple-summary-block {
        padding: 15px;
        margin: 10px 0;
        border-radius: 6px;
    }
    
    .simple-summary-block h2 {
        font-size: 16px;
        margin-bottom: 10px;
    }
    
    .simple-summary-block p {
        font-size: 13px;
        line-height: 1.3;
        margin-bottom: 10px;
    }
}

/* Стили для активной ссылки в навигации */
.green-bar a.active {
    color: #ffc964;
    background-color: rgba(243, 228, 95, 0.1);
    border: 1px solid rgba(243, 228, 95, 0.3);
}

/* Дополнительные стили для бургер-меню на мобильных устройствах */
@media (max-width: 480px) {
    .burger-menu {
        margin-left: 10px;
    }
    
    .burger-icon {
        width: 22px;
        height: 16px;
    }
    
    .burger-icon span {
        height: 2px;
    }
    
    .nav-burger {
        min-width: 180px;
        right: 15px;
        top: 70px;
    }
}

@media (max-width: 320px) {
    .burger-menu {
        margin-left: 8px;
    }
    
    .burger-icon {
        width: 20px;
        height: 14px;
    }
    
    .burger-icon span {
        height: 2px;
    }
    
    .nav-burger {
        min-width: 160px;
        right: 10px;
        top: 65px;
        padding: 12px;
    }
    
    .nav-burger a {
        font-size: 13px;
        padding: 6px 10px;
    }
}

/* ========== АДАПТАЦИЯ ДЛЯ БЛОКОВ С INLINE СТИЛЯМИ ========== */

/* Адаптация для блоков платежей */
@media (max-width: 768px) {
    .payment-security-system,
    .payment-speed-monitor,
    .payment-methods-comparison {
        margin: 30px 0 !important;
        border-radius: 16px !important;
    }
    
    .payment-security-system > div:first-child,
    .payment-speed-monitor > div:first-child,
    .payment-methods-comparison > div:first-child {
        padding: 20px !important;
    }
    
    .payment-security-system > div:first-child h2,
    .payment-speed-monitor > div:first-child h2,
    .payment-methods-comparison > div:first-child h2 {
        font-size: 22px !important;
    }
    
    .payment-security-system > div:last-child,
    .payment-speed-monitor > div:last-child,
    .payment-methods-comparison > div:last-child {
        padding: 25px !important;
    }
    
    /* Грид-контейнеры в одну колонку на мобильных */
    .payment-security-system > div:last-child > div,
    .payment-speed-monitor > div:last-child > div:first-child,
    .payment-methods-comparison > div:last-child > div:first-child {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }
    
    /* Таблицы в блоках платежей */
    .payment-speed-monitor table,
    .payment-methods-comparison table {
        font-size: 14px !important;
    }
    
    .payment-speed-monitor th,
    .payment-speed-monitor td,
    .payment-methods-comparison th,
    .payment-methods-comparison td {
        padding: 8px !important;
    }
}

@media (max-width: 480px) {
    .payment-security-system > div:first-child h2,
    .payment-speed-monitor > div:first-child h2,
    .payment-methods-comparison > div:first-child h2 {
        font-size: 20px !important;
    }
    
    .payment-security-system > div:last-child,
    .payment-speed-monitor > div:last-child,
    .payment-methods-comparison > div:last-child {
        padding: 20px !important;
    }
    
    /* Карточки в блоках платежей */
    .payment-security-system > div:last-child > div > div,
    .payment-speed-monitor > div:last-child > div:first-child > div,
    .payment-methods-comparison > div:last-child > div:first-child > div {
        padding: 15px !important;
    }
    
    /* Иконки в карточках */
    .payment-security-system > div:last-child > div > div > div:first-child,
    .payment-speed-monitor > div:last-child > div:first-child > div > div:first-child,
    .payment-methods-comparison > div:last-child > div:first-child > div > div:first-child {
        width: 50px !important;
        height: 50px !important;
        font-size: 20px !important;
    }
    
    /* Заголовки карточек */
    .payment-security-system > div:last-child > div > div h3,
    .payment-speed-monitor > div:last-child > div:first-child > div h3,
    .payment-methods-comparison > div:last-child > div:first-child > div h3 {
        font-size: 16px !important;
    }
    
    /* Таблицы на маленьких экранах */
    .payment-speed-monitor table,
    .payment-methods-comparison table {
        font-size: 12px !important;
    }
    
    .payment-speed-monitor th,
    .payment-speed-monitor td,
    .payment-methods-comparison th,
    .payment-methods-comparison td {
        padding: 6px !important;
    }
}

/* Адаптация для блоков бонусов */
@media (max-width: 768px) {
    .bonus-calculator,
    .bonus-policy-redesign,
    .bonus-evolution,
    .bonus-types-analysis {
        margin: 30px 0 !important;
        border-radius: 16px !important;
    }
    
    .bonus-calculator > div:first-child,
    .bonus-policy-redesign > div:first-child,
    .bonus-evolution > div:first-child,
    .bonus-types-analysis > div:first-child {
        padding: 20px !important;
    }
    
    .bonus-calculator > div:first-child h2,
    .bonus-policy-redesign > div:first-child h2,
    .bonus-evolution > div:first-child h2,
    .bonus-types-analysis > div:first-child h2 {
        font-size: 22px !important;
    }
    
    .bonus-calculator > div:last-child,
    .bonus-policy-redesign > div:last-child,
    .bonus-evolution > div:last-child,
    .bonus-types-analysis > div:last-child {
        padding: 25px !important;
    }
    
    /* Калькулятор бонусов - двухколоночный грид в одну колонку */
    .bonus-calculator > div:last-child {
        grid-template-columns: 1fr !important;
        gap: 25px !important;
    }
    
    /* Блоки типов бонусов */
    .bonus-types-analysis > div:last-child > div:first-child {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }
}

@media (max-width: 480px) {
    .bonus-calculator > div:first-child h2,
    .bonus-policy-redesign > div:first-child h2,
    .bonus-evolution > div:first-child h2,
    .bonus-types-analysis > div:first-child h2 {
        font-size: 20px !important;
    }
    
    .bonus-calculator > div:last-child,
    .bonus-policy-redesign > div:last-child,
    .bonus-evolution > div:last-child,
    .bonus-types-analysis > div:last-child {
        padding: 20px !important;
    }
    
    /* Карточки в блоках бонусов */
    .bonus-calculator > div:last-child > div > div,
    .bonus-policy-redesign > div:last-child > div > div,
    .bonus-evolution > div:last-child > div > div,
    .bonus-types-analysis > div:last-child > div:first-child > div {
        padding: 15px !important;
    }
    
    /* Иконки в карточках бонусов */
    .bonus-calculator > div:last-child > div > div > div:first-child,
    .bonus-policy-redesign > div:last-child > div > div > div:first-child,
    .bonus-evolution > div:last-child > div > div > div:first-child,
    .bonus-types-analysis > div:last-child > div:first-child > div > div:first-child {
        width: 40px !important;
        height: 40px !important;
        font-size: 18px !important;
    }
}

/* Адаптация для блоков Plinko */
@media (max-width: 768px) {
    .plinko-physics,
    .plinko-mathematics,
    .plinko-history {
        margin: 30px 0 !important;
        border-radius: 16px !important;
    }
    
    .plinko-physics > div:first-child,
    .plinko-mathematics > div:first-child,
    .plinko-history > div:first-child {
        padding: 20px !important;
    }
    
    .plinko-physics > div:first-child h2,
    .plinko-mathematics > div:first-child h2,
    .plinko-history > div:first-child h2 {
        font-size: 22px !important;
    }
    
    .plinko-physics > div:last-child,
    .plinko-mathematics > div:last-child,
    .plinko-history > div:last-child {
        padding: 25px !important;
    }
    
    /* Математические блоки Plinko */
    .plinko-mathematics > div:last-child > div:first-child {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }
    
    /* Временная шкала */
    .plinko-history > div:last-child > div:first-child > div > div {
        grid-template-columns: 1fr !important;
        gap: 15px !important;
        text-align: center !important;
    }
}

@media (max-width: 480px) {
    .plinko-physics > div:first-child h2,
    .plinko-mathematics > div:first-child h2,
    .plinko-history > div:first-child h2 {
        font-size: 20px !important;
    }
    
    .plinko-physics > div:last-child,
    .plinko-mathematics > div:last-child,
    .plinko-history > div:last-child {
        padding: 20px !important;
    }
    
    /* Карточки в блоках Plinko */
    .plinko-physics > div:last-child > div > div,
    .plinko-mathematics > div:last-child > div:first-child > div,
    .plinko-history > div:last-child > div:last-child > div {
        padding: 15px !important;
    }
    
    /* Иконки в карточках Plinko */
    .plinko-physics > div:last-child > div > div > div:first-child,
    .plinko-mathematics > div:last-child > div:first-child > div > div:first-child,
    .plinko-history > div:last-child > div:last-child > div > div:first-child {
        width: 40px !important;
        height: 40px !important;
        font-size: 18px !important;
    }
    
    /* Временная шкала на мобильных */
    .plinko-history > div:last-child > div:first-child > div:first-child {
        display: none !important; /* Скрываем центральную линию */
    }
}

/* Общие стили для таблиц в блоках с inline стилями */
@media (max-width: 768px) {
    div[style*="overflow-x: auto"] table {
        min-width: 600px;
    }
}

@media (max-width: 480px) {
    div[style*="overflow-x: auto"] table {
        min-width: 500px;
        font-size: 12px;
    }
    
    div[style*="overflow-x: auto"] th,
    div[style*="overflow-x: auto"] td {
        padding: 6px !important;
    }
}

/* Специальные стили для пирамиды безопасности */
@media (max-width: 768px) {
    .security-pyramid > div {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
        text-align: center !important;
    }
    
    .security-pyramid > div > div:first-child {
        margin: 0 auto !important;
    }
}

@media (max-width: 480px) {
    .security-pyramid > div > div:first-child {
        width: 60px !important;
        height: 60px !important;
        font-size: 24px !important;
    }
}

/* Улучшенная адаптация для грид-контейнеров с данными (ограничена классом .legacy-grid-fix) */
@media (max-width: 768px) {
    .legacy-grid-fix div[style*="grid-template-columns: repeat(auto-fit"] {
        grid-template-columns: 1fr !important;
    }
    
    .legacy-grid-fix div[style*="grid-template-columns: repeat(3"] {
        grid-template-columns: 1fr !important;
    }
    
    .legacy-grid-fix div[style*="grid-template-columns: 1fr 1fr"] {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 480px) {
    .legacy-grid-fix div[style*="grid-template-columns: repeat(auto-fit"] {
        gap: 15px !important;
    }
    
    .legacy-grid-fix div[style*="padding: 20px"] {
        padding: 15px !important;
    }
    
    .legacy-grid-fix div[style*="padding: 25px"] {
        padding: 18px !important;
    }
    
    .legacy-grid-fix div[style*="padding: 30px"] {
        padding: 20px !important;
    }
}

/* Специальные стили для калькулятора бонусов */
@media (max-width: 768px) {
    .bonus-calc-grid {
        grid-template-columns: 1fr !important;
        gap: 25px !important;
        padding: 25px !important;
    }
}

@media (max-width: 480px) {
    .bonus-calc-grid {
        padding: 20px !important;
        gap: 20px !important;
    }
}

/* Улучшенные стили для временной шкалы бонусов LAKI */
@media (max-width: 768px) {
    .bonus-timeline {
        margin: 0 10px !important;
        max-width: none !important;
    }
    
    .bonus-timeline > div:first-child {
        display: none !important; /* Скрываем центральную линию на мобильных */
    }
    
    /* Основной контейнер временной шкалы */
    .bonus-timeline > div:last-child {
        gap: 25px !important;
    }
    
    /* Каждый элемент временной шкалы: горизонтальная раскладка */
    .bonus-timeline > div:last-child > div {
        display: grid !important;
        grid-template-columns: auto 1fr !important; /* точка слева, контент справа */
        gap: 15px !important;
        align-items: center !important;
        text-align: left !important;
        padding: 0 !important;
    }
    
    /* Кружки на временной шкале */
    .bonus-timeline > div:last-child > div > div:nth-child(2) {
        order: 1 !important;
        margin: 0 !important;
        width: 24px !important;
        height: 24px !important;
        justify-self: start !important;
        flex-shrink: 0 !important;
        border: 3px solid #1a2f1a !important;
    }
    
    /* Контентные блоки: всегда справа */
    .bonus-timeline > div:last-child > div > div:first-child,
    .bonus-timeline > div:last-child > div > div:last-child {
        order: 2 !important;
        text-align: left !important;
    }
    
    /* Скрываем пустые div'ы и декоративные отступы */
    .bonus-timeline > div:last-child > div > div:empty,
    .bonus-timeline > div:last-child > div > div[style*="margin-left:"] {
        display: none !important;
    }
    
    /* Стили для контентных карточек */
    .bonus-timeline > div:last-child > div > div > div {
        padding: 18px !important;
        margin: 0 !important;
    }
    
    .bonus-timeline > div:last-child > div > div > div h4 {
        font-size: 16px !important;
        margin: 0 0 8px 0 !important;
    }
    
    .bonus-timeline > div:last-child > div > div > div h5 {
        font-size: 15px !important;
        margin: 0 0 8px 0 !important;
    }
    
    .bonus-timeline > div:last-child > div > div > div p {
        font-size: 13px !important;
        line-height: 1.4 !important;
        margin: 0 !important;
    }
}

@media (max-width: 480px) {
    .bonus-timeline {
        margin: 0 5px !important;
    }
    
    .bonus-timeline > div:last-child {
        gap: 20px !important;
    }
    
    .bonus-timeline > div:last-child > div {
        grid-template-columns: auto 1fr !important;
        gap: 12px !important;
    }
    
    .bonus-timeline > div:last-child > div > div:nth-child(2) {
        width: 20px !important;
        height: 20px !important;
        border: 2px solid #1a2f1a !important;
    }
    
    .bonus-timeline > div:last-child > div > div > div {
        padding: 15px !important;
    }
    
    .bonus-timeline > div:last-child > div > div > div h4 {
        font-size: 15px !important;
        margin: 0 0 6px 0 !important;
    }
    
    .bonus-timeline > div:last-child > div > div > div h5 {
        font-size: 14px !important;
        margin: 0 0 6px 0 !important;
    }
    
    .bonus-timeline > div:last-child > div > div > div p {
        font-size: 12px !important;
        line-height: 1.3 !important;
    }
}

/* Стили для блока "Типы бонусов и их особенности" */
@media (max-width: 768px) {
    .bonus-types-grid {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
        margin: 0 10px 30px 10px !important;
    }
    
    .bonus-types-grid > div {
        padding: 20px !important;
    }
    
    /* Заголовки карточек типов бонусов */
    .bonus-types-grid > div > div:first-child {
        gap: 12px !important;
        margin-bottom: 15px !important;
        align-items: flex-start !important;
    }
    
    .bonus-types-grid > div > div:first-child > div:first-child {
        width: 50px !important;
        height: 50px !important;
        font-size: 24px !important;
        flex-shrink: 0 !important;
    }
    
    .bonus-types-grid > div > div:first-child > div:last-child h4 {
        font-size: 16px !important;
        margin: 0 !important;
    }
    
    .bonus-types-grid > div > div:first-child > div:last-child p {
        font-size: 11px !important;
        margin: 3px 0 0 0 !important;
    }
    
    /* Сетка характеристик */
    .bonus-types-grid > div > div:nth-child(2) {
        margin-bottom: 15px !important;
    }
    
    .bonus-types-grid > div > div:nth-child(2) > div {
        gap: 10px !important;
    }
    
    .bonus-types-grid > div > div:nth-child(2) > div > div {
        padding: 10px !important;
    }
    
    .bonus-types-grid > div > div:nth-child(2) > div > div > div:first-child {
        font-size: 13px !important;
        margin-bottom: 4px !important;
    }
    
    .bonus-types-grid > div > div:nth-child(2) > div > div > div:last-child {
        font-size: 12px !important;
    }
    
    /* Блоки советов и статистики */
    .bonus-types-grid > div > div:last-child {
        padding: 12px !important;
    }
    
    .bonus-types-grid > div > div:last-child > div:first-child {
        font-size: 11px !important;
        margin-bottom: 4px !important;
    }
    
    .bonus-types-grid > div > div:last-child > div:last-child {
        font-size: 10px !important;
        line-height: 1.2 !important;
    }
}

@media (max-width: 480px) {
    .bonus-types-grid {
        gap: 15px !important;
        margin: 0 5px 25px 5px !important;
    }
    
    .bonus-types-grid > div {
        padding: 18px !important;
    }
    
    .bonus-types-grid > div > div:first-child > div:first-child {
        width: 45px !important;
        height: 45px !important;
        font-size: 22px !important;
    }
    
    .bonus-types-grid > div > div:first-child > div:last-child h4 {
        font-size: 15px !important;
    }
    
    .bonus-types-grid > div > div:first-child > div:last-child p {
        font-size: 10px !important;
    }
    
    .bonus-types-grid > div > div:nth-child(2) > div > div {
        padding: 8px !important;
    }
    
    .bonus-types-grid > div > div:nth-child(2) > div > div > div:first-child {
        font-size: 12px !important;
    }
    
    .bonus-types-grid > div > div:nth-child(2) > div > div > div:last-child {
        font-size: 11px !important;
    }
    
    .bonus-types-grid > div > div:last-child {
        padding: 10px !important;
    }
    
    .bonus-types-grid > div > div:last-child > div:first-child {
        font-size: 10px !important;
    }
    
    .bonus-types-grid > div > div:last-child > div:last-child {
        font-size: 9px !important;
        line-height: 1.1 !important;
    }
}

/* Улучшенные стили для блоков физики Plinko */
@media (max-width: 768px) {
    .physics-blocks > div {
        padding: 20px !important;
        margin: 0 10px !important;
    }
    
    /* Заголовки блоков физики */
    .physics-blocks > div > div:first-child {
        flex-direction: row !important;
        text-align: left !important;
        gap: 12px !important;
        margin-bottom: 15px !important;
        align-items: center !important;
    }
    
    .physics-blocks > div > div:first-child > div:first-child {
        width: 45px !important;
        height: 45px !important;
        font-size: 20px !important;
        flex-shrink: 0 !important;
    }
    
    .physics-blocks > div > div:first-child h3 {
        font-size: 18px !important;
        margin: 0 !important;
    }
    
    /* Блок распределения вероятностей - grid статистики */
    .physics-blocks > div:nth-child(2) > div:last-child {
        grid-template-columns: 1fr 1fr 1fr !important;
        gap: 6px !important;
    }
    
    .physics-blocks > div:nth-child(2) > div:last-child > div {
        padding: 6px 4px !important;
        min-height: 50px !important;
    }
    
    /* Блок физических сил - grid карточек */
    .physics-blocks > div:nth-child(3) > div:last-child {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }
    
    .physics-blocks > div:nth-child(3) > div:last-child > div {
        padding: 10px !important;
        gap: 10px !important;
    }
    
    .physics-blocks > div:nth-child(3) > div:last-child > div > div:first-child {
        width: 28px !important;
        height: 28px !important;
        font-size: 14px !important;
    }
    
    /* Математическая формула */
    .physics-blocks > div:nth-child(4) > div:last-child {
        padding: 15px !important;
    }
    
    .physics-blocks > div:nth-child(4) > div:last-child > div:nth-child(2) {
        font-size: 16px !important;
        word-break: break-all !important;
    }
}

@media (max-width: 480px) {
    .physics-blocks > div {
        padding: 15px !important;
        margin: 0 5px !important;
    }
    
    .physics-blocks > div > div:first-child > div:first-child {
        width: 40px !important;
        height: 40px !important;
        font-size: 18px !important;
    }
    
    .physics-blocks > div > div:first-child h3 {
        font-size: 16px !important;
    }
    
    /* Уменьшаем размеры на очень маленьких экранах */
    .physics-blocks > div:nth-child(2) > div:last-child {
        grid-template-columns: 1fr !important;
        gap: 8px !important;
    }
    
    .physics-blocks > div:nth-child(3) > div:last-child > div > div:first-child {
        width: 24px !important;
        height: 24px !important;
        font-size: 12px !important;
    }
    
    .physics-blocks > div:nth-child(4) > div:last-child > div:nth-child(2) {
        font-size: 14px !important;
    }
}

/* Дополнительные стили для текста в блоках физики */
@media (max-width: 768px) {
    .physics-blocks p {
        font-size: 14px !important;
        line-height: 1.5 !important;
        margin: 0 0 12px 0 !important;
    }
    
    /* Стили для статистических данных в первом блоке */
    .physics-blocks > div:first-child > div:last-child > div {
        font-size: 13px !important;
        padding: 3px 0 !important;
    }
    
    .physics-blocks > div:first-child > div:last-child > div > span:first-child {
        font-size: 12px !important;
    }
    
    .physics-blocks > div:first-child > div:last-child > div > span:last-child {
        font-size: 13px !important;
    }
}

@media (max-width: 480px) {
    .physics-blocks p {
        font-size: 13px !important;
        line-height: 1.4 !important;
        margin: 0 0 10px 0 !important;
    }
    
    /* Уменьшаем размеры текста в статистических данных */
    .physics-blocks > div:first-child > div:last-child > div > span:first-child {
        font-size: 11px !important;
    }
    
    .physics-blocks > div:first-child > div:last-child > div > span:last-child {
        font-size: 12px !important;
    }
    
    /* Уменьшаем текст в карточках физических сил */
    .physics-blocks > div:nth-child(3) > div:last-child > div > div:last-child > div:first-child {
        font-size: 12px !important;
    }
    
    .physics-blocks > div:nth-child(3) > div:last-child > div > div:last-child > div:last-child {
        font-size: 11px !important;
    }
}

/* Улучшенные стили для математических блоков Plinko */
@media (max-width: 768px) {
    .math-blocks {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
        margin: 0 10px !important;
    }
    
    /* Заголовки математических блоков */
    .math-blocks > div > div:first-child {
        flex-direction: row !important;
        gap: 12px !important;
        align-items: center !important;
        margin-bottom: 15px !important;
    }
    
    .math-blocks > div > div:first-child > div:first-child {
        width: 45px !important;
        height: 45px !important;
        font-size: 20px !important;
        flex-shrink: 0 !important;
    }
    
    .math-blocks > div > div:first-child h3 {
        font-size: 18px !important;
        margin: 0 !important;
    }
    
    /* Таблица вероятностей - первый блок */
    .math-blocks > div:first-child > div:last-child > div:first-child {
        grid-template-columns: 1fr 1fr 1fr !important;
        gap: 8px !important;
        margin-bottom: 12px !important;
    }
    
    .math-blocks > div:first-child > div:last-child > div:first-child > div {
        font-size: 12px !important;
        padding: 6px 4px !important;
    }
    
    /* Строки данных в таблице */
    .math-blocks > div:first-child > div:last-child > div:not(:first-child):not(:last-child) {
        grid-template-columns: 1fr 1fr 1fr !important;
        gap: 8px !important;
        margin-bottom: 6px !important;
    }
    
    .math-blocks > div:first-child > div:last-child > div:not(:first-child):not(:last-child) > div {
        font-size: 11px !important;
        padding: 4px 2px !important;
    }
    
    /* Общий RTP */
    .math-blocks > div:first-child > div:last-child > div:last-child {
        padding-top: 8px !important;
        margin-top: 12px !important;
    }
    
    .math-blocks > div:first-child > div:last-child > div:last-child > div {
        font-size: 13px !important;
    }
    
    /* Калькулятор ожидаемой прибыли - второй блок */
    .math-blocks > div:nth-child(2) > div:last-child {
        gap: 12px !important;
    }
    
    .math-blocks > div:nth-child(2) > div:last-child > div {
        padding: 12px !important;
    }
    
    .math-blocks > div:nth-child(2) > div:last-child > div > div:first-child {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 4px !important;
        margin-bottom: 8px !important;
    }
    
    .math-blocks > div:nth-child(2) > div:last-child > div > div:first-child > span {
        font-size: 13px !important;
    }
    
    .math-blocks > div:nth-child(2) > div:last-child > div > div:not(:first-child) {
        font-size: 12px !important;
        margin-bottom: 6px !important;
    }
    
    /* Анализ волатильности - третий блок */
    .math-blocks > div:nth-child(3) > div:last-child {
        gap: 12px !important;
    }
    
    .math-blocks > div:nth-child(3) > div:last-child > div > div:first-child {
        font-size: 14px !important;
        margin-bottom: 6px !important;
    }
    
    .math-blocks > div:nth-child(3) > div:last-child > div > div:nth-child(2) {
        font-size: 13px !important;
        margin-bottom: 8px !important;
    }
    
    .math-blocks > div:nth-child(3) > div:last-child > div > div:last-child {
        padding: 10px !important;
    }
    
    .math-blocks > div:nth-child(3) > div:last-child > div > div:last-child > div {
        font-size: 11px !important;
    }
}

@media (max-width: 480px) {
    .math-blocks {
        gap: 15px !important;
        margin: 0 5px !important;
    }
    
    .math-blocks > div {
        padding: 18px !important;
    }
    
    .math-blocks > div > div:first-child > div:first-child {
        width: 40px !important;
        height: 40px !important;
        font-size: 18px !important;
    }
    
    .math-blocks > div > div:first-child h3 {
        font-size: 16px !important;
    }
    
    /* Еще более компактные стили для маленьких экранов */
    .math-blocks > div:first-child > div:last-child > div:first-child > div {
        font-size: 11px !important;
        padding: 4px 2px !important;
    }
    
    .math-blocks > div:first-child > div:last-child > div:not(:first-child):not(:last-child) > div {
        font-size: 10px !important;
        padding: 3px 1px !important;
    }
    
    .math-blocks > div:nth-child(2) > div:last-child > div > div:first-child > span {
        font-size: 12px !important;
    }
    
    .math-blocks > div:nth-child(2) > div:last-child > div > div:not(:first-child) {
        font-size: 11px !important;
    }
}

/* Улучшенные стили для временной шкалы Plinko */
@media (max-width: 768px) {
    .plinko-timeline {
        margin: 0 10px !important;
    }
    
    .plinko-timeline > div:first-child {
        display: none !important; /* Скрываем центральную линию */
    }
    
    /* Основной контейнер временной шкалы */
    .plinko-timeline > div:last-child {
        gap: 25px !important;
    }
    
    /* Каждый элемент временной шкалы */
    .plinko-timeline > div:last-child > div {
        grid-template-columns: 1fr !important;
        gap: 15px !important;
        text-align: center !important;
        padding: 0 !important;
    }
    
    /* Кружки с годами */
    .plinko-timeline > div:last-child > div > div:nth-child(2) {
        order: 1 !important;
        margin: 0 auto !important;
        width: 55px !important;
        height: 55px !important;
        font-size: 13px !important;
        flex-shrink: 0 !important;
    }
    
    /* Контентные блоки */
    .plinko-timeline > div:last-child > div > div:first-child,
    .plinko-timeline > div:last-child > div > div:last-child {
        order: 2 !important;
        text-align: center !important;
    }
    
    /* Скрываем пустые div'ы */
    .plinko-timeline > div:last-child > div > div:empty {
        display: none !important;
    }
    
    /* Стили для контентных карточек */
    .plinko-timeline > div:last-child > div > div > div {
        padding: 18px !important;
        margin: 0 !important;
    }
    
    .plinko-timeline > div:last-child > div > div > div h4 {
        font-size: 16px !important;
        margin: 0 0 8px 0 !important;
    }
    
    .plinko-timeline > div:last-child > div > div > div p {
        font-size: 13px !important;
        line-height: 1.4 !important;
        margin: 0 !important;
    }
}

@media (max-width: 480px) {
    .plinko-timeline {
        margin: 0 5px !important;
    }
    
    .plinko-timeline > div:last-child {
        gap: 20px !important;
    }
    
    .plinko-timeline > div:last-child > div {
        gap: 12px !important;
    }
    
    .plinko-timeline > div:last-child > div > div:nth-child(2) {
        width: 50px !important;
        height: 50px !important;
        font-size: 12px !important;
    }
    
    .plinko-timeline > div:last-child > div > div > div {
        padding: 15px !important;
    }
    
    .plinko-timeline > div:last-child > div > div > div h4 {
        font-size: 15px !important;
        margin: 0 0 6px 0 !important;
    }
    
    .plinko-timeline > div:last-child > div > div > div p {
        font-size: 12px !important;
        line-height: 1.3 !important;
    }
}

/* Стили для блоков "Интересные факты" в истории Plinko */
@media (max-width: 768px) {
    /* Контейнер с интересными фактами после временной шкалы */
    .plinko-timeline + div {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
        margin: 30px 10px 0 10px !important;
    }
    
    .plinko-timeline + div > div {
        padding: 20px !important;
    }
    
    .plinko-timeline + div > div > div:first-child {
        gap: 12px !important;
        margin-bottom: 12px !important;
    }
    
    .plinko-timeline + div > div > div:first-child > div:first-child {
        width: 45px !important;
        height: 45px !important;
        font-size: 20px !important;
        flex-shrink: 0 !important;
    }
    
    .plinko-timeline + div > div > div:first-child h4 {
        font-size: 16px !important;
        margin: 0 !important;
    }
    
    .plinko-timeline + div > div p {
        font-size: 13px !important;
        line-height: 1.4 !important;
        margin: 0 !important;
    }
}

@media (max-width: 480px) {
    .plinko-timeline + div {
        gap: 15px !important;
        margin: 25px 5px 0 5px !important;
    }
    
    .plinko-timeline + div > div {
        padding: 18px !important;
    }
    
    .plinko-timeline + div > div > div:first-child > div:first-child {
        width: 40px !important;
        height: 40px !important;
        font-size: 18px !important;
    }
    
    .plinko-timeline + div > div > div:first-child h4 {
        font-size: 15px !important;
    }
    
    .plinko-timeline + div > div p {
        font-size: 12px !important;
        line-height: 1.3 !important;
    }
}

/* Дополнительные медиа-запросы для лучшей мобильной адаптации */
@media (max-width: 768px) {
    /* Улучшенная адаптация для всех inline стилей с font-size */
    div[style*="font-size: 28px"] {
        font-size: 22px !important;
    }
    
    div[style*="font-size: 24px"] {
        font-size: 20px !important;
    }
    
    div[style*="font-size: 22px"] {
        font-size: 18px !important;
    }
    
    div[style*="font-size: 20px"] {
        font-size: 18px !important;
    }
    
    div[style*="font-size: 18px"] {
        font-size: 16px !important;
    }
    
    div[style*="font-size: 16px"] {
        font-size: 14px !important;
    }
    
    /* Адаптация для элементов с большими размерами */
    div[style*="width: 80px"] {
        width: 60px !important;
    }
    
    div[style*="height: 80px"] {
        height: 60px !important;
    }
    
    div[style*="width: 60px"] {
        width: 50px !important;
    }
    
    div[style*="height: 60px"] {
        height: 50px !important;
    }
    
    /* Адаптация отступов */
    div[style*="margin: 50px 0"] {
        margin: 30px 0 !important;
    }
    
    div[style*="margin-bottom: 40px"] {
        margin-bottom: 25px !important;
    }
    
    div[style*="margin-bottom: 30px"] {
        margin-bottom: 20px !important;
    }
    
    div[style*="margin-bottom: 25px"] {
        margin-bottom: 15px !important;
    }
    
    div[style*="margin-bottom: 20px"] {
        margin-bottom: 15px !important;
    }
}

@media (max-width: 480px) {
    /* Дополнительное уменьшение шрифтов на очень маленьких экранах */
    div[style*="font-size: 28px"] {
        font-size: 20px !important;
    }
    
    div[style*="font-size: 24px"] {
        font-size: 18px !important;
    }
    
    div[style*="font-size: 22px"] {
        font-size: 16px !important;
    }
    
    div[style*="font-size: 20px"] {
        font-size: 16px !important;
    }
    
    div[style*="font-size: 18px"] {
        font-size: 14px !important;
    }
    
    div[style*="font-size: 16px"] {
        font-size: 13px !important;
    }
    
    div[style*="font-size: 14px"] {
        font-size: 12px !important;
    }
    
    /* Дополнительное уменьшение размеров элементов */
    div[style*="width: 80px"] {
        width: 50px !important;
    }
    
    div[style*="height: 80px"] {
        height: 50px !important;
    }
    
    div[style*="width: 60px"] {
        width: 40px !important;
    }
    
    div[style*="height: 60px"] {
        height: 40px !important;
    }
    
    div[style*="width: 50px"] {
        width: 40px !important;
    }
    
    div[style*="height: 50px"] {
        height: 40px !important;
    }
    
    /* Дополнительное уменьшение отступов */
    div[style*="margin: 50px 0"] {
        margin: 20px 0 !important;
    }
    
    div[style*="margin-bottom: 40px"] {
        margin-bottom: 20px !important;
    }
    
    div[style*="margin-bottom: 30px"] {
        margin-bottom: 15px !important;
    }
    
    div[style*="margin-bottom: 25px"] {
        margin-bottom: 12px !important;
    }
    
    div[style*="margin-bottom: 20px"] {
        margin-bottom: 12px !important;
    }
    
    div[style*="margin-bottom: 15px"] {
        margin-bottom: 10px !important;
    }
    
    /* Улучшение отображения gap в grid */
    div[style*="gap: 40px"] {
        gap: 20px !important;
    }
    
    div[style*="gap: 30px"] {
        gap: 15px !important;
    }
    
    div[style*="gap: 25px"] {
        gap: 15px !important;
    }
    
    div[style*="gap: 20px"] {
        gap: 12px !important;
    }
    
    div[style*="gap: 15px"] {
        gap: 10px !important;
    }
}

/* Адаптация для очень маленьких экранов */
@media (max-width: 320px) {
    div[style*="padding: 40px"] {
        padding: 15px !important;
    }
    
    div[style*="padding: 30px"] {
        padding: 12px !important;
    }
    
    div[style*="padding: 25px"] {
        padding: 10px !important;
    }
    
    div[style*="padding: 20px"] {
        padding: 8px !important;
    }
    
    div[style*="font-size: 28px"] {
        font-size: 18px !important;
    }
    
    div[style*="font-size: 24px"] {
        font-size: 16px !important;
    }
    
    div[style*="font-size: 22px"] {
        font-size: 14px !important;
    }
    
    div[style*="font-size: 20px"] {
        font-size: 14px !important;
    }
}

/* Улучшенная адаптация таблиц в блоках с inline стилями */
@media (max-width: 768px) {
    /* Все таблицы в блоках с inline стилями */
    div[style*="background: linear-gradient"] table {
        font-size: 14px !important;
        width: 100% !important;
    }
    
    div[style*="background: linear-gradient"] th,
    div[style*="background: linear-gradient"] td {
        padding: 8px 4px !important;
        font-size: 13px !important;
        word-wrap: break-word !important;
        hyphens: auto !important;
    }
    
    div[style*="background: linear-gradient"] th {
        font-size: 12px !important;
        font-weight: 600 !important;
    }
    
    /* Контейнеры с overflow-x для таблиц */
    div[style*="overflow-x: auto"] {
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: thin !important;
    }
    
    /* Специальные стили для thead и tbody в блоках */
    div[style*="background: linear-gradient"] thead tr {
        background: rgba(243, 228, 95, 0.2) !important;
    }
    
    div[style*="background: linear-gradient"] tbody tr:nth-child(even) {
        background: rgba(243, 228, 95, 0.05) !important;
    }
    
    div[style*="background: linear-gradient"] tbody tr:nth-child(odd) {
        background: rgba(243, 228, 95, 0.1) !important;
    }
}

@media (max-width: 480px) {
    div[style*="background: linear-gradient"] table {
        font-size: 12px !important;
    }
    
    div[style*="background: linear-gradient"] th,
    div[style*="background: linear-gradient"] td {
        padding: 6px 2px !important;
        font-size: 11px !important;
        line-height: 1.3 !important;
    }
    
    div[style*="background: linear-gradient"] th {
        font-size: 10px !important;
        padding: 8px 3px !important;
    }
    
    /* Минимальная ширина для таблиц на очень маленьких экранах */
    div[style*="overflow-x: auto"] table {
        min-width: 450px !important;
    }
}

@media (max-width: 320px) {
    div[style*="background: linear-gradient"] table {
        font-size: 10px !important;
    }
    
    div[style*="background: linear-gradient"] th,
    div[style*="background: linear-gradient"] td {
        padding: 4px 1px !important;
        font-size: 9px !important;
    }
    
    div[style*="background: linear-gradient"] th {
        font-size: 8px !important;
        padding: 6px 2px !important;
    }
    
    div[style*="overflow-x: auto"] table {
        min-width: 400px !important;
    }
}

/* Улучшение отображения сложных layout'ов */
@media (max-width: 768px) {
    /* Элементы с display: flex в inline стилях */
    div[style*="display: flex"] {
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
    }
    
    /* Элементы с justify-content: space-between */
    div[style*="justify-content: space-between"] {
        justify-content: center !important;
        gap: 10px !important;
    }
    
    /* Элементы с align-items: center в flex */
    div[style*="align-items: center"][style*="display: flex"] {
        align-items: center !important;
    }
}

@media (max-width: 480px) {
    div[style*="display: flex"] {
        gap: 8px !important;
    }
    
    div[style*="justify-content: space-between"] {
        gap: 8px !important;
    }
}

/* Специальная адаптация для карточек с hover эффектами */
@media (max-width: 768px) {
    .payment-method-card {
        transform: none !important;
        box-shadow: none !important;
    }
    
    .payment-method-card:hover {
        transform: none !important;
        box-shadow: 0 4px 12px rgba(243, 228, 95, 0.1) !important;
    }
}

/* Улучшение читаемости текста на мобильных */
@media (max-width: 768px) {
    div[style*="line-height: 1.6"] {
        line-height: 1.5 !important;
    }
    
    div[style*="line-height: 1.5"] {
        line-height: 1.4 !important;
    }
    
    div[style*="line-height: 1.4"] {
        line-height: 1.3 !important;
    }
}

@media (max-width: 480px) {
    div[style*="line-height: 1.6"] {
        line-height: 1.4 !important;
    }
    
    div[style*="line-height: 1.5"] {
        line-height: 1.3 !important;
    }
    
    div[style*="line-height: 1.4"] {
        line-height: 1.2 !important;
    }
}