@import url(https://fonts.googleapis.com/css?family=Roboto:100,100italic,300,300italic,regular,italic,500,500italic,700,700italic,900,900italic);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,regular,500,600,700,800,300italic,italic,500italic,600italic,700italic,800italic);


* {
    padding: 0px;
    margin: 0px;
    border: 0px;
}

*,
*:before,
*:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

:focus,
:active {
    outline: none;
}

a {
    cursor: pointer;
}

aside,
nav,
footer,
header,
section {
    display: block;
}

html {
    font-size: 18px;
}

html,
body {
    height: 100%;
    min-width: 320px;
}

body {
    line-height: 1;
    font-family: "Open sans", sans-serif;
    -ms-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

input,
button,
textarea {
    font-family: "Open sans", sans-serif;
    font-size: inherit;
}

input::-ms-clear {
    display: none;
}

button {
    cursor: pointer;
    background-color: inherit;
}

button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

a,
a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

ul li {
    list-style: none;
}

img {
    vertical-align: top;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: inherit;
    font-size: inherit;
}

/*
&::-webkit-scrollbar {
	display: none;
}
*/
body {
    color: var(--text-color);
    line-height: 1.4;
    background: var(--bg-color);
    padding-top: 100px;
    position: relative;

}

@media (max-width: 767.98px) {
    body {
        padding-top: 120px;
    }
}

body._lock {
    overflow: hidden;
}

html {
    scroll-behavior: smooth;
}

.wrapper {
    width: 100%;
    min-height: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

main {
    flex: 1 1 auto;
}

@media (max-width: 767.98px) {
    html {
        font-size: 16px;
    }
}

.container {
    max-width: 1210px;
    margin: 0 auto;
    padding: 0 20px;
}

@media (max-width: 1222px) {
    .container {
        max-width: none;
    }
}

@media (max-width: 767.98px) {
    .container {
        padding: 0 15px;
    }
}

.header {
    width: 100%;
    transition: all 0.3s ease 0s;
    z-index: 5;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
    background: var(--header-bg-color);
    position: fixed;
    top: 0;

}

.header__wrapper {
    display: flex;
    align-items: center;
    padding: 20px 0;
    gap: 20px;
}

@media (max-width: 767.98px) {
    .header__wrapper {
        flex-wrap: wrap;
        padding: 10px 0;
        gap: 15px;
    }
}

.header__logo img,
.header__logo svg {
    height: 40px;
    width: fit-content;
}

.header__logo span {}

.header__menu {
    width: 100%;
}

.header__menu ul {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.header__menu ul li {
    margin-right: 20px;
}

.header__menu ul li.menu-item-has-children {
    display: flex;
    align-items: center;
    color: white;
    position: relative;
}

@media (max-width: 991.98px) {
    .header__menu ul li.menu-item-has-children {
        display: block;
    }
}

@media (any-hover: hover) {
    .header__menu ul li.menu-item-has-children:hover>ul {
        visibility: visible;
        opacity: 1;
        pointer-events: auto;
    }
}

.header__menu ul li.menu-item-has-children>a::after {
    content: "";
    width: 8px;
    height: 8px;
    border-top: 2px solid white;
    border-right: 2px solid white;
    transform: rotate(135deg);
    margin-left: 10px;
    transition: all 0.3s ease 0s;
    display: block;
}

@media (max-width: 991.98px) {
    .header__menu ul li.menu-item-has-children>a::after {
        display: none;
    }
}

@media (any-hover: hover) {
    .header__menu ul li.menu-item-has-children>a:hover::after {
        opacity: 0.8;
    }
}

/* Submenu toggle button */
.submenu-toggle {
    display: none;
}

@media (max-width: 991.98px) {
    .submenu-toggle {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 30px;
        height: 30px;
        margin-left: 10px;
        cursor: pointer;
        transition: transform 0.3s ease;
        flex-shrink: 0;
    }

    .submenu-toggle svg {
        width: 12px;
        height: 8px;
        transition: transform 0.3s ease;
    }

    .menu-item-has-children.open .submenu-toggle svg {
        transform: rotate(180deg);
    }

    .header__menu ul li.menu-item-has-children>a {
        justify-content: space-between;
        width: 100%;
    }
}

.header__menu ul li.menu-item-has-children>ul {
    transition: all 0.3s ease 0s;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    display: block;
    background: var(--header-bg-color);
    border-radius: 0px 20px 20px 20px;
    position: absolute;
    padding: 22px;
    bottom: -100%;
    transform: translateY(100%);
}

@media (max-width: 991.98px) {
    .header__menu ul li.menu-item-has-children>ul {
        display: none;
        position: static;
        transform: translateY(0);
        padding: 0;
        background: none;
    }

    .header__menu ul li.menu-item-has-children.open>ul {
        display: block;
        padding: 30px 0px 0px;
        visibility: visible;
        opacity: 1;
        pointer-events: auto;
    }
}



.header__menu ul li.menu-item-has-children>ul li {
    margin-bottom: 15px;
}

.header__menu ul li.menu-item-has-children>ul li:last-child {
    margin-bottom: 0;
}

.header__menu ul li.menu-item-has-children>ul li a {
    display: block;
    width: 100%;
    white-space: nowrap;
    font-weight: normal;
    pointer-events: auto;
}

.header__menu ul li:last-child {
    margin-left: 0;
}

.header__menu ul li a {
    display: flex;
    align-items: center;
    font-weight: 700;
    font-size: 16px;
    color: var(--header-menu-color);
    transition: all 0.3s ease 0s;
}

@media (any-hover: hover) {
    .header__menu ul li a:hover {
        opacity: 0.8;
    }
}

@media (max-width: 991.98px) {
    .header__menu {
        position: fixed;
        right: 0;
        padding: 60px 20px 20px;
        background: var(--header-bg-color);
        visibility: hidden;
        inset: 0;
        opacity: 0;
        max-width: 100%;
        transition: all 0.3s ease 0s;
        z-index: 6;
    }

    .header__menu._active {
        visibility: visible;
        opacity: 1;
    }

    .header__menu ul {
        display: block;
    }

    .header__menu ul li {
        margin-bottom: 20px;
    }

    .header__menu ul li a {
        color: var(--header-menu-color);
    }
}

.header .menu-close {
    display: none;
}

@media (max-width: 991.98px) {
    .header .menu-close {
        display: block;
        position: absolute;
        top: 16px;
        right: 16px;
    }

    .header .menu-close svg {
        width: 20px;
        height: 20px;
    }
}

.icon-menu {
    display: none;
}

@media (max-width: 991.98px) {
    .icon-menu {
        display: block;
        position: absolute;
        width: 24px;
        height: 20px;
        right: 10px;
        top: 50%;
        transform: translateY(-50%);
        cursor: pointer;
        z-index: 6;
    }

    .icon-menu span {
        transition: all 0.3s ease 0s;
        top: calc(50% - 1px);
        left: 0px;
        position: absolute;
        width: 100%;
        height: 2px;
        background-color: var(--header-menu-color);
    }

    .icon-menu span:first-child {
        top: 0px;
    }

    .icon-menu span:last-child {
        top: auto;
        bottom: 0px;
    }

    .icon-menu._active span {
        transform: scale(0);
    }

    .icon-menu._active span:first-child {
        transform: rotate(-45deg);
        top: calc(50% - 1px);
    }

    .icon-menu._active span:last-child {
        transform: rotate(45deg);
        bottom: calc(50% - 1px);
    }
}

@media (max-width: 767.98px) {
    .icon-menu {
        top: 30px;
    }
}

.wp-block-button__link {
    border-radius: var(--button-border-radius);
    background: var(--main-color);
    color: var(--button-text-color);
}

.footer {
    margin-top: 60px;
    padding: 20px 0;
    background: var(--footer-bg-color);
}

.footer__menu ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 20px;
}

.footer__menu ul li a {
    color: var(--header-menu-color);
}

/* Footer submenu styles */
.footer__menu .menu-item-has-children {
    position: relative;
}

.footer__menu .menu-item-has-children>ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

@media (max-width: 991.98px) {
    .footer__menu .menu-item-has-children>ul {
        display: none;
    }

    .footer__menu .menu-item-has-children.open>ul {
        display: block;
        margin: 10px 0 0 0;
        animation: slideDown 0.3s ease;
        pointer-events: auto;
    }

    .footer__menu .menu-item-has-children>ul li a {
        pointer-events: auto;
    }

    .footer__menu .menu-item-has-children>a {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
}

.footer__bottom {
    margin-top: 20px;
    display: grid;
    justify-content: center;
    justify-items: center;
    gap: 10px;
    color: var(--header-menu-color);
}

.footer__logo img,
.footer__logo svg {
    height: 50px;
    width: fit-content;
}


main {
    line-height: 1.55;
}

section h1,
section h2,
section h3,
section h4 {
    font-family: "Roboto";
    font-weight: 700;
    margin-bottom: 15px;
    line-height: 1.2;
    margin-bottom: 20px;
    margin-top: 20px;
}

section h1 {
    font-size: 40px;
}

@media (max-width: 767.98px) {
    section h1 {
        font-size: 30px;
    }
}

section h2 {
    font-size: 36px;
}

@media (max-width: 767.98px) {
    section h2 {
        font-size: 26px;
    }
}

section h3 {
    font-size: 28px;
}

@media (max-width: 767.98px) {
    section h3 {
        font-size: 24px;
    }
}

section h4 {
    font-size: 24px;
}

@media (max-width: 767.98px) {
    section h4 {
        font-size: 20px;
    }
}

section ul,
section ol {
    margin: 20px 0;
}

section ol {
    margin-left: 20px;
}

section ol li {
    display: list-item;
}

section ul li {
    padding-left: 20px;
    position: relative;
}

section ul li strong {
    display: inline;
    margin: 0;
}

section ul>li::before {
    content: "";
    display: inline-block;
    border-radius: 50%;
    margin-right: 10px;
    background-color: var(--text-color);
    height: 4px;
    width: 4px;
    position: absolute;
    left: 5px;
    top: 12px;
}

section ul.peach,
section ul.green {
    border-radius: 20px;
    padding: 40px;
    height: fit-content;
}

section ul.peach>li,
section ul.green>li {
    padding-left: 40px;
    position: relative;
}

section ul.peach>li::before,
section ul.green>li::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='15' viewBox='0 0 14 15' fill='none'%3E%3Cpath d='M7 0.905518C5.6875 0.923747 4.51172 1.24276 3.47266 1.86255C2.41536 2.48234 1.57682 3.32088 0.957031 4.37817C0.33724 5.41724 0.0182292 6.59302 0 7.90552C0.0182292 9.21802 0.33724 10.3938 0.957031 11.4329C1.57682 12.4902 2.41536 13.3287 3.47266 13.9485C4.51172 14.5683 5.6875 14.8873 7 14.9055C8.3125 14.8873 9.48828 14.5683 10.5273 13.9485C11.5846 13.3287 12.4232 12.4902 13.043 11.4329C13.6628 10.3938 13.9818 9.21802 14 7.90552C13.9818 6.59302 13.6628 5.41724 13.043 4.37817C12.4232 3.32088 11.5846 2.48234 10.5273 1.86255C9.48828 1.24276 8.3125 0.923747 7 0.905518ZM10.1719 6.70239L6.67188 10.2024C6.50781 10.3482 6.32552 10.4211 6.125 10.4211C5.92448 10.4211 5.74219 10.3482 5.57812 10.2024L3.82812 8.45239C3.68229 8.28833 3.60938 8.10604 3.60938 7.90552C3.60938 7.705 3.68229 7.52271 3.82812 7.35864C3.99219 7.21281 4.17448 7.13989 4.375 7.13989C4.57552 7.13989 4.75781 7.21281 4.92188 7.35864L6.125 8.56177L9.07812 5.60864C9.24219 5.46281 9.42448 5.38989 9.625 5.38989C9.82552 5.38989 10.0078 5.46281 10.1719 5.60864C10.3177 5.77271 10.3906 5.955 10.3906 6.15552C10.3906 6.35604 10.3177 6.53833 10.1719 6.70239Z' fill='%23007B40'/%3E%3C/svg%3E");
    height: 14px;
    left: 0;
    display: block;
    background: none;
    top: 2px;
    width: 14px;
    position: absolute;
}

section ul.peach {
    background: var(--deccond-color);
}

section ul.green {
    background: var(--main-color);
}

section .list-wrap {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 30px;
}

@media (max-width: 991.98px) {
    section .list-wrap {
        grid-template-columns: 1fr;
    }
}

section a {
    color: var(--main-color);
    transition: 0.4s;
}

section a:hover {
    border-color: transparent;
}

section p {
    margin-bottom: 20px;
}


@media (max-width: 767.98px) {
    section p {
        font-size: 16px;
    }
}

section img {
    filter: drop-shadow(0px 4px 10px rgba(0, 0, 0, 0.2));
    border-radius: 20px;
    overflow: hidden;
    margin-right: 30px;
    margin-bottom: 30px;
}

section img.alignleft {
    float: left;
    margin-right: 30px;
}

section img.alignright {
    float: right;
    margin-left: 30px;
}

section img .aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

section strong {
    margin-bottom: 20px;
    display: block;
}

.button {
    color: var(--button-text-color);
    border-radius: var(--button-border-radius);
    padding: 0.5rem 0.8rem;
    font-size: 1rem;
    text-align: center;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

.button.seccondary {
    background: var(--seccond-color);
}

.button.primary {
    background: var(--main-color);
}

.button.ios::before,
.button.android::before {
    content: "";
    order: 2;
    width: 19px;
    height: 22px;
    background-color: currentColor;
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    order: -1;
}

.button.android::before {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='22' viewBox='0 0 19 22' fill='none'%3E%3Cpath d='M9.42949 7.24821C11.0935 7.24821 12.7574 7.24365 14.4259 7.24821C15.2806 7.24821 15.3716 7.33938 15.3716 8.18273C15.3761 11.0045 15.3716 13.8309 15.3716 16.6527C15.3716 16.7119 15.3716 16.7758 15.3716 16.835C15.3443 17.3593 15.2625 17.4459 14.7078 17.4641C14.285 17.4778 13.8576 17.4641 13.4394 17.4915C13.1257 17.5143 12.9847 17.6784 12.9802 18.0476C12.9666 18.7451 12.9666 19.4426 12.9757 20.14C12.9757 20.4774 12.9484 20.8056 12.8347 21.1247C12.6438 21.649 12.2164 21.9772 11.6845 21.9954C11.1207 22.0136 10.6479 21.6717 10.4479 21.1156C10.3433 20.8238 10.3024 20.5321 10.307 20.2221C10.316 19.5246 10.3206 18.8272 10.307 18.1297C10.2979 17.6146 10.1706 17.5006 9.65228 17.4732C9.59316 17.4732 9.52951 17.4732 9.47041 17.4732C8.4884 17.4504 8.42021 17.5781 8.43384 18.4853C8.44294 19.1827 8.44294 19.8802 8.43384 20.5777C8.42475 21.1338 8.20198 21.576 7.69279 21.8404C6.99266 22.2097 6.1925 21.8951 5.91972 21.1429C5.81516 20.8558 5.76515 20.5594 5.76969 20.254C5.77878 19.5885 5.77878 18.9183 5.76969 18.2528C5.7606 17.5781 5.66513 17.4915 4.96044 17.4687C4.62856 17.4596 4.29213 17.4778 3.96025 17.455C3.56927 17.4322 3.41469 17.2727 3.38287 16.8943C3.36923 16.7119 3.37377 16.5296 3.37377 16.3473C3.37377 13.6759 3.37377 11.0045 3.37377 8.33317C3.37377 7.2938 3.41924 7.24365 4.43762 7.24365C6.10157 7.24365 7.76553 7.24365 9.43404 7.24365L9.42949 7.24821Z' fill='black'/%3E%3Cpath d='M0.114104 11.2097C0.114104 10.3299 0.0913724 9.45007 0.11865 8.57025C0.145928 7.71778 0.78696 7.18898 1.63258 7.26648C2.10994 7.31206 2.41 7.5947 2.58731 8.00498C2.71915 8.31041 2.7828 8.63407 2.77826 8.98053C2.76916 10.4986 2.77371 12.0166 2.77826 13.5346C2.77826 13.8127 2.73734 14.0771 2.64641 14.3369C2.4191 15.0116 1.97355 15.3079 1.26887 15.2487C0.68694 15.1985 0.141382 14.6606 0.123196 14.0361C0.0959184 13.097 0.114104 12.1533 0.114104 11.2143V11.2097Z' fill='black'/%3E%3Cpath d='M18.6266 11.2781C18.6266 12.1579 18.6175 13.0377 18.6266 13.9175C18.6311 14.3141 18.472 14.6104 18.2038 14.8839C17.8173 15.2806 17.3672 15.3398 16.8717 15.1711C16.3943 15.007 16.1534 14.6378 16.0943 14.1454C16.0806 14.0269 16.0806 13.9038 16.0806 13.7808C16.0806 12.1123 16.0806 10.4438 16.0806 8.77993C16.0806 8.62949 16.0806 8.4745 16.1034 8.32407C16.2034 7.65394 16.6762 7.2619 17.3582 7.2619C17.9446 7.2619 18.5311 7.77703 18.6038 8.36509C18.6311 8.57479 18.622 8.78905 18.622 8.99874C18.622 9.75548 18.622 10.5168 18.622 11.2735L18.6266 11.2781Z' fill='black'/%3E%3Cpath d='M15.2442 5.80769C14.8668 4.45377 14.1531 3.32779 13.0347 2.4662C12.3345 1.92372 12.3345 1.91461 12.7482 1.15787C12.8483 0.970969 12.9756 0.79774 13.071 0.610836C13.121 0.505987 13.1438 0.382904 13.1574 0.264379C13.162 0.214234 13.1392 0.136737 13.0983 0.100268C13.0256 0.0364473 12.9255 0.0455646 12.8664 0.123061C12.5664 0.505987 12.3027 0.907148 12.0799 1.34478C11.9708 1.55447 11.789 1.64565 11.548 1.55903C11.4071 1.50889 11.2616 1.4633 11.1161 1.42227C9.96126 1.0667 8.80652 1.06214 7.64721 1.4086C7.08953 1.57575 6.67429 1.40556 6.40151 0.89803C6.32877 0.76583 6.26967 0.624512 6.18784 0.49687C6.106 0.369228 6.01507 0.246145 5.91506 0.136737C5.80594 0.0136541 5.66501 -0.0501669 5.51952 0.0592405C5.40132 0.145855 5.4286 0.282614 5.48315 0.387463C5.57863 0.574367 5.70138 0.752154 5.8014 0.939058C6.32877 1.91005 6.30604 1.94652 5.45133 2.66222C4.51933 3.43719 3.88739 4.43098 3.58733 5.60255C3.38729 6.38663 3.6237 6.53251 4.25564 6.50972C4.37839 6.50972 4.4966 6.50972 4.61935 6.50972C6.19238 6.50972 7.76541 6.50972 9.33845 6.50972C10.9433 6.50972 12.5482 6.50972 14.1485 6.50972C14.3622 6.50972 14.5713 6.51883 14.785 6.5006C15.2033 6.46413 15.3533 6.2362 15.2351 5.81225L15.2442 5.80769ZM6.63338 4.50392C6.33786 4.51303 6.11964 4.32157 6.09236 4.02526C6.06963 3.76086 6.28786 3.50557 6.56973 3.47366C6.80614 3.44631 7.1062 3.71071 7.11983 3.95688C7.13802 4.21672 6.89252 4.49024 6.63338 4.49936V4.50392ZM12.1754 4.50392C11.9163 4.54038 11.6526 4.32613 11.6071 4.04805C11.5707 3.82012 11.8299 3.50557 12.0708 3.47366C12.3163 3.44631 12.6118 3.69248 12.63 3.93864C12.6528 4.22584 12.4618 4.46289 12.1754 4.50392Z' fill='black'/%3E%3C/svg%3E");
}

.button.ios::before {
    width: 25px;
    height: 24px;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='24' viewBox='0 0 25 24' fill='none'%3E%3Cpath d='M12.019 7.22198C11.143 7.22198 9.78708 6.22598 8.35908 6.26198C6.47508 6.28598 4.74708 7.35397 3.77508 9.04597C1.81908 12.442 3.27108 17.458 5.17908 20.218C6.11508 21.562 7.21908 23.074 8.68308 23.026C10.0871 22.966 10.615 22.114 12.319 22.114C14.011 22.114 14.491 23.026 15.979 22.99C17.491 22.966 18.451 21.622 19.375 20.266C20.443 18.706 20.887 17.194 20.911 17.11C20.875 17.098 17.971 15.982 17.935 12.622C17.911 9.81397 20.227 8.46998 20.335 8.40998C19.015 6.47798 16.987 6.26198 16.279 6.21398C14.431 6.06998 12.883 7.22198 12.019 7.22198ZM15.139 4.38998C15.919 3.45398 16.435 2.14598 16.291 0.849976C15.175 0.897976 13.831 1.59398 13.027 2.52998C12.307 3.35798 11.683 4.68998 11.851 5.96198C13.087 6.05798 14.359 5.32598 15.139 4.38998Z' fill='black'/%3E%3C/svg%3E");
}

.header__buttons {
    display: flex;
    gap: 15px;
}

@media (max-width: 991.98px) {
    .header__buttons {
        margin-left: auto;
        margin-right: 30px;
    }
}

@media (max-width: 767.98px) {
    .header__buttons {
        width: 100%;
        order: 3;
        display: grid;
        grid-template-columns: 1fr 1fr;
        margin: 0;
    }
}

.screenshot-gallery {}

.screenshot-gallery {
    -ms-overflow-style: none;
    scrollbar-width: none;
    display: flex;
    gap: 10px;
    flex-wrap: nowrap;
    overflow-x: auto;
    scrollbar-width: thin;
}

.screenshot-gallery li::before {
    display: none;
}

.screenshot-gallery img {
    max-width: 200px;
    margin: 0;
    height: fit-content;
}

.wp-block-media-text.has-media-on-the-right>.wp-block-media-text__content {
    padding: 0 8% 0 0;
}

.wp-block-media-text>.wp-block-media-text__content {
    padding: 0 0 0 8%;
}

@media (max-width: 600px) {
    .wp-block-media-text>.wp-block-media-text__content {
        padding: 0 !important;
        margin-bottom: 5%;
    }
}

.wp-block-table,
.is-layout-flex {
    margin-bottom: 20px;
    gap: 15px;

}

.breadcrumbs ul {
    display: flex;
    gap: 5px;
}

.breadcrumbs li a {
    color: var(--text-color);
}

.breadcrumbs svg path {
    stroke: var(--text-color);
}

.is-content-justification-center {
    justify-content: center;
}

/* Адаптивные таблицы */
.wp-block-table {
    position: relative;
    overflow-x: auto;
    overflow-y: hidden;
    cursor: grab;
    user-select: none;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
}

.wp-block-table::after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 30px;
    background: linear-gradient(to right, transparent, rgba(0, 0, 0, 0.05));
    pointer-events: none;
    transition: opacity 0.3s;
}

.wp-block-table.scroll-end::after {
    opacity: 0;
}

.wp-block-table.scrolling {
    cursor: grabbing;
}

.wp-block-table::-webkit-scrollbar {
    height: 8px;
}

.wp-block-table::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 4px;
}

.wp-block-table::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 4px;
}

.wp-block-table::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.wp-block-table table {
    min-width: 600px;
    margin: 0;
}

@media (max-width: 768px) {
    .wp-block-tabl table {
        min-width: 500px;
    }

    .wp-block-table::after {
        width: 20px;
    }
}

/* Упрощенный блок слотов */
.slots-section {
    padding: 2rem 0;
}

.slots-section__title {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 1rem;
}

.slots-section__title.align-left {
    justify-content: flex-start;
}

.slots-section__title.align-center {
    justify-content: center;
}

.slots-section__title.align-right {
    justify-content: flex-end;
}

.slots-section__title svg {
    width: 2rem;
    height: 1.5rem;
    flex-shrink: 0;
}

.slots-section__description {
    margin-bottom: 2rem;
    max-width: 800px;
}

.slots-section__description.align-left {
    text-align: left;
    margin-left: 0;
    margin-right: auto;
}

.slots-section__description.align-center {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.slots-section__description.align-right {
    text-align: right;
    margin-left: auto;
    margin-right: 0;
}

.slots-section__list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
    gap: 0.75rem;
    margin-bottom: 1.5rem;
    list-style: none;
    padding: 0;
}

.slot-card {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    padding-left: 0;
}

.slot-card__image {
    width: 100%;
    height: 100%;
}

.slot-card__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    margin: 0;
}

.slot-card__overlay {
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0.625rem;
    transition: left 0.3s ease;
    padding: 10px;
}

.slot-card__overlay {
    white-space: normal;
}

.slot-card__overlay a {
    white-space: normal;
}

.slot-card:hover .slot-card__overlay {
    left: 0;
}

.slots-section__footer {
    text-align: center;
}

@media (max-width: 768px) {
    .slots-section__list {
        grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
        gap: 0.5rem;
    }

    .slots-section__title {
        font-size: 1.5rem;
    }
}

@media (max-width: 576px) {
    .slots-section__list {
        grid-template-columns: repeat(2, 1fr);
    }
}

.copy {
    height: 45px;
    padding: 12px 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 8px;
    border: 1px dashed var(--text-color);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 111.111%;
    color: var(--text-color);
}

.welcome-section {
    padding-bottom: 2em;
}

.welcome-section__content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

@media (max-width: 991.98px) {
    .welcome-section__content {
        grid-template-columns: 1fr;
    }
}

.welcome-section__content h1 {
    font-weight: 700;
    line-height: 1.2;
}

.welcome-section__content h1 {
    font-size: 36px;
}

@media (max-width: 767.98px) {
    .welcome-section__content h1 {
        font-size: 26px;
    }
}

.welcome-section__content--left {}

.welcome-section__top {
    display: flex;
    gap: 12px;
    align-items: center;
}

.welcome-section__content--left {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.welcome-section__top--rate,
.welcome-section__top--download {
    display: flex;
    align-items: center;
}

.welcome-section__top--rate svg,
.welcome-section__top--download svg {
    margin-right: 5px;
    width: 20px;
    height: 20px;
}

.welcome-section__content--right,
.welcome-section__content--left {
    display: grid;
    gap: 16px;
    height: fit-content;
}

.welcome-section__content--right {
    padding: 20px;
    background: var(--card-bg-color);
    border-radius: 16px;
    color: var(--card-text-color);
}

.welcome-section__content--right .copy {
    color: var(--card-text-color);
    border-color: var(--card-border-color);
}

@media (max-width: 991.98px) {
    .welcome-section__content--right {
        padding: 15px;
    }
}

.welcome-section__bonus {
    display: grid;
    grid-template-columns: 1fr minmax(auto, 30%);
}

.welcome-section__bonus:not(:has(img)) {
    grid-template-columns: 1fr;
}

.welcome-section__bonus:not(:has(img)) .welcome-section__bonus--title,
.welcome-section__bonus:not(:has(img)) p {
    grid-column: 1 / -1;
}

.welcome-section__bonus--title {
    margin: 0;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 15px;
    grid-column: 1 / 2;
    grid-row: 1 / 2;
}

.welcome-section__bonus p {
    grid-column: 1 / 2;
    grid-row: 2 / 3;
}

@media (max-width: 767.98px) {
    .welcome-section__bonus--title {
        font-size: 18px;
        margin-bottom: 10px;
    }
}

.welcome-section__bonus img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    margin: 0;
    grid-column: 2 / 3;
    grid-row: 1 / 3;
}

.welcome-section__app-buttons {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

@media (max-width: 499.98px) {
    .welcome-section__app-buttons {
        grid-template-columns: 1fr;
    }
}

.welcome-section__promocode .copy {
    width: 100%;
}

.welcome-section__promocode {
    display: flex;
    gap: 12px;
    align-items: center;
    width: 100%;
    justify-content: center;
}

.welcome-section__buttons {
    display: flex;
    gap: 12px;
    align-items: center;
    width: 100%;
    justify-content: center;
}

.welcome-section__buttons-right {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

@media (max-width: 499.98px) {
    .welcome-section__buttons-right {
        grid-template-columns: 1fr;
    }
}