@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600'); /*Montserrat*/
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700'); /*Open Sans*/
@import url('/templates/SolutionPink/fonts/font-awesome.css?v=1775329638');
@import url('/templates/SolutionPink/fonts/stylesheet.css?v=1775329638');
@import url('bootstrap.css?v=1775329638');
@import url('style_one.css?v=1775329638');
@import url('style_two.css?v=1775329638');
@import url('style_three.css?v=1775329638');
@import url('style_sdg.css?v=1775329638');
.with_code table tr td {
    word-break: normal;
}

/* -----------------------------
   Гостевой хедер: Вход / Регистрация
   ----------------------------- */

/* Уменьшение высоты шапки для гостей */
.guest-header {
    min-height: unset !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.guest-header .container {
    display: flex;
    align-items: center;
    min-height: 60px;
}

/* Контейнер кнопок авторизации */
.auth_buttons {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 0;
    position: static;
    top: 0;
}

/* Общий стиль кнопок */
.auth_buttons .reg_button {
    height: 40px;
    padding: 0 25px;
    border-radius: 50px;
    font-size: 12px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
    transition: 0.2s;
    border: none;
    white-space: nowrap;
    background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #ff7591 0, #fe9544 150%));
    color: #fff;
}

.auth_buttons .reg_button:hover {
    color: #fff;
    transform: translateY(-1px);
}

.auth_buttons .reg_button:focus {
    outline: none;
    box-shadow: 0 5px 20px #da925640;
}

.auth_buttons .reg_button:active {
    transform: translateY(0);
    box-shadow: 0 2px 8px #da925630;
}

.auth_buttons .reg_button .icon_buy i {
    font-size: 18px;
    position: relative;
    top: 1px;
}

.auth_buttons .reg_button_outline {
    background: transparent;
    border: 1px solid #ff7591;
    color: #ff7591;
}

.auth_buttons .reg_button_outline:hover {
    box-shadow: 0 5px 20px #ff759140;
    background: var(--GLOBAL, radial-gradient(100% 100% at 50% 0, #ff7591 0, #fe9544 150%));
    color: #fff;
}

@media (max-width: 991.99px) {
    .guest-header .logol {
        display: none !important;
    }
    .auth_buttons {
        float: none;
        justify-content: center;
        margin: 20px auto 0;
        top: 0;
    }
    .auth_buttons .reg_button {
        height: 36px;
        padding: 0 16px;
        font-size: 11px;
    }
    .flex_online_users {
        display: none !important;
    }
}