/* 0010U__all-site__gtranslate__styles.css */
/*
 * 0010U__all-site__gtranslate__styles.css
 * 0010U__all-site__gtranslate__styles.js
 */

/* 1. Скрываем оригинальный виджет GTranslate */
#glt-translate-trigger,
div.tool-container.toolbar-primary {
    display: none !important;
}

/* 2. Стили для контейнера, в который вставляем кнопку */
.glt-custom-container {
    position: fixed;
    bottom: 165px;
    right: 48px;
    width: 50px;
    height: 50px;
    z-index: 100;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.glt-custom-container.ready {
    opacity: 1;
}

/* 3. Стили для новой круглой кнопки */
.glt-custom-button {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-user-select: none;
    user-select: none;
    transition: transform 0.2s ease, color 0.3s ease, background-color 0.3s ease, border 0.3s ease;
    color: #ffffff;
    box-sizing: border-box;
    font-size: 16px;
    background-color: #011a3e;
    border: 3px solid transparent;
}

.glt-custom-button:hover {
    background-color: #ffffff;
    color: #011a3e;
    border: 3px solid #011a3e;
}

/* 4. Стили для выпадающего списка языков */
.glt-custom-list {
    position: absolute;
    bottom: calc(100% + 10px);
    right: 0;
    background-color: #011a3e;
    border-radius: 50px;
    padding: 3px;
    z-index: 10000;
    display: flex;
    flex-direction: column;
    gap: 5px;
    transform: translateY(10px);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s;

}

.glt-custom-list.is-open {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* 5. Стили для ссылок-флажков в списке */
.glt-custom-list a {
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    text-decoration: none;
    border-radius: 50%;
    color: #ffffff;
    transition: background-color 0.3s ease, color 0.3s ease;
    font-family: "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji", sans-serif;
}

.glt-custom-list a:hover {
    background-color: #ffffff;
    color: #011a3e;
}

/* 6. Адаптивные стили для мобильных устройств */
@media (max-width: 767px) {
    .glt-custom-container {
        bottom: auto;
        top: 15px;
        right: 3vw;
    }

    .glt-custom-button {
        background-color: white;
        color: #011a3e;
    }

    .glt-custom-button:hover {
        border: 3px solid white;
    }

    .glt-custom-list {
        bottom: auto;
        top: calc(100% + 20px);
        transform: translateY(-10px); /* Изменяем направление для анимации */
    }

    .glt-custom-list.is-open {
        transform: translateY(0);
    }
}
/* 0010U__footer__hover-buttons-viber-and-telegram-and-phone-number-field.css */
/* 
 * 0010U__footer__hover-buttons-viber-and-telegram-and-phone-number-field.css
 * 0010U__footer__hover-buttons-viber-and-telegram-and-phone-number-field.js
 */

/*
 * === ОБЩИЕ ПЕРЕМЕННЫЕ ===
 */
:root {
    --hover-duration: 0.8s;
    --main-white: #ffffff;
    --main-red: #011a3e;
}

/*
 * === СТИЛИ ДЛЯ ПОЛЯ ВВОДА ТЕЛЕФОНА ===
 */
#Footer .field-name-f_4 {
    /* Ограничиваем максимальную ширину поля */
    max-width: 20rem;
    /* Позволяем ему быть гибким до этого предела */
    width: 100%;
}

/* 1. Общие стили для контейнеров-меток (label) */
#Footer .checkbox-container {
    border: 0.10rem solid var(--main-white);
    border-radius: 2rem;
    padding: 0.5rem 1rem;
    margin-right: 1rem;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
    transition: background-color var(--hover-duration) ease, color var(--hover-duration) ease;
    position: relative;
}

@media (max-width: 768px) {
    #Footer .checkbox-container {
        border: 0.10rem solid var(--main-white);
    }
}

/* Style Gutena */
.wp-block-gutena-forms .wp-block-gutena-form-field .gutena-forms-field.checkbox-field,
.wp-block-gutena-forms .wp-block-gutena-form-field .gutena-forms-field.radio-field {
    column-gap: 0rem;
}

/* 2. Эффект при наведении и выборе контейнера */
#Footer .checkbox-container:hover,
#Footer .checkbox-container:has(input:checked) {
    background-color: var(--main-white) !important;
    color: var(--main-red) !important;
}

/* 3. Скрываем оригинальный input-чекбокс и стандартную галочку */
#Footer .checkbox-container input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

#Footer .checkbox-container .checkmark {
    display: none;
}

/* 4. Стилизуем иконку мессенджера, которую добавит JS */
#Footer .checkbox-container .icon {
    display: inline-block;
    width: 1.2em;
    height: 1.2em;
    background-color: var(--main-white);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    transition: background-color var(--hover-duration) ease;
}

/* 5. При наведении или выборе контейнера, перекрашиваем иконку в красный */
#Footer .checkbox-container:hover .icon,
#Footer .checkbox-container:has(input:checked) .icon {
    background-color: var(--main-red);
}

/* 6. Применяем SVG-маски для каждой иконки */
/* Для Telegram */
#Footer .checkbox-container:has(input[value="Telegram"]) .icon {
    -webkit-mask-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' width='50px' height='50px'%3e%3cpath d='M5.83,23.616c12.568-5.529,28.832-12.27,31.077-13.203c5.889-2.442,7.696-1.974,6.795,3.434 c-0.647,3.887-2.514,16.756-4.002,24.766c-0.883,4.75-2.864,5.313-5.979,3.258c-1.498-0.989-9.059-5.989-10.7-7.163 c-1.498-1.07-3.564-2.357-0.973-4.892c0.922-0.903,6.966-6.674,11.675-11.166c0.617-0.59-0.158-1.559-0.87-1.086 c-6.347,4.209-15.147,10.051-16.267,10.812c-1.692,1.149-3.317,1.676-6.234,0.838c-2.204-0.633-4.357-1.388-5.195-1.676 C1.93,26.43,2.696,24.995,5.83,23.616z'/%3e%3c/svg%3e");
}

/* Для Viber */
#Footer .checkbox-container:has(input[value="Viber"]) .icon {
    -webkit-mask-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24px' height='24px'%3e%3cpath d='M14.44,0.98H10c-4.34,0-8,3.46-8,7.55v3.49c0,3.39,1.02,5.59,3.12,6.72v2.3c0,0.78,0.47,1.48,1.18,1.78 c0.25,0.11,0.5,0.16,0.76,0.16c0.49,0,0.98-0.19,1.35-0.55l2.96-2.86h3.07c4.17,0,7.56-3.39,7.56-7.55V8.53 C22,4.36,18.61,0.98,14.44,0.98z M16.82,14.69c-0.15,0.2-0.33,0.42-0.51,0.64c-0.52,0.6-1.37,0.82-2.11,0.51 c-1.69-0.69-3.71-2.09-4.99-3.27C8.17,11.6,6.93,9.34,6.19,7.88C5.8,7.1,6.02,6.16,6.72,5.62L7.3,5.17 c0.42-0.32,1.02-0.23,1.32,0.2l1.14,1.61c0.27,0.39,0.2,0.92-0.17,1.22L9.28,8.46C9.01,8.69,8.89,9.05,8.97,9.39 c0.15,0.56,0.55,1.38,1.27,2.15c0.87,0.93,1.63,1.24,2.1,1.34c0.31,0.06,0.62-0.06,0.83-0.29l0.31-0.35 c0.31-0.39,0.87-0.47,1.27-0.18l1.87,1.35C17.04,13.71,17.12,14.28,16.82,14.69z M12.5,8.48c0-0.28,0.22-0.5,0.5-0.5 c1.2,0,2,0.8,2,2c0,0.28-0.22,0.5-0.5,0.5S14,10.26,14,9.98c0-0.64-0.35-1-1-1C12.72,8.98,12.5,8.76,12.5,8.48z M16.5,10.48 c-0.28,0-0.5-0.22-0.5-0.5c0-1.51-1.49-3-3-3c-0.28,0-0.5-0.22-0.5-0.5s0.22-0.5,0.5-0.5c2.06,0,4,1.94,4,4 C17,10.26,16.78,10.48,16.5,10.48z M18.5,10.48c-0.28,0-0.5-0.22-0.5-0.5c0-2.37-2.05-5-5-5c-0.28,0-0.5-0.22-0.5-0.5 s0.22-0.5,0.5-0.5c3.54,0,6,3.16,6,6C19,10.26,18.78,10.48,18.5,10.48z'/%3e%3c/svg%3e");
}

/* Изменение размера стандартного поля Gutena для ввода номера телефона */
.wp-block-gutena-forms .wp-block-gutena-form-field .gutena-forms-field:not(.textarea-field):not(.checkbox-field) {
    height: 2.5rem !important;
}
/* 0010U__header__desktop-menu-and-mobile-menu.css */
/*
 * 0010U__header__desktop-menu-and-mobile-menu.css
 * 0010U__header__desktop-menu-and-mobile-menu.js
 */

/* Фиксированный Header */
header {
    position: sticky;
    top: 0;
    z-index: 100;
}

/* Ширина меню 60% */
.wp-block-navigation__responsive-container.hidden-by-default {
    width: 60%;
}

/* Скрыть Х меню */
button.wp-block-navigation__responsive-container-close {
    display: none;
}

/* Смещение логотипа вверх */
.nav-logo-bird {
    margin-top: -3.5rem;
}

/* 
 * Стили для затемнения фона при открытом мобильном меню
 */

/* 1. Задаем ширину для самого выезжающего меню */
.wp-block-navigation__responsive-container.is-menu-open {
    width: 60% !important;
    max-width: 450px;
}

/* 2. Стили для оверлея на 40%, который создается через JS */
.partial-overlay {
    position: fixed;
    top: 0;
    /* Позицию и ширину будет задавать JavaScript */
    left: 100%;
    width: 0;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 105;
    /* ВЫШЕ хедера (100), но НИЖЕ меню (110) */
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

/* 3. Класс для показа оверлея */
.partial-overlay.is-visible {
    opacity: 1;
    visibility: visible;
}

/* 4. Убедимся, что контейнер меню всегда НАД оверлеем */
.wp-block-navigation__responsive-container {
    z-index: 110;
}
/* 0010U__home-page__admission-and-consultations__area-click.css */
/*
 * 0010U__home-page__admission-and-consultations__area-click.css
 * 0010U__home-page__admission-and-consultations__area-click.js
 */

.wc-block-product {
    cursor: pointer;
}
/* 0010U__home-page__all-courses-and-nearest-groups__list-expanding-animation.css */
/*
 * 0010U__home-page__all-courses-and-nearest-groups__list-expanding-animation.css
 * 0010U__home-page__all-courses-and-nearest-groups__list-expanding-animation.js
 */

.wp-block-details > .details-content {
    overflow: hidden;
    transition: max-height 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    max-height: 0;
    will-change: max-height;
}
	
/* .wp-block-details[open] > summary { } */
/* 0010U__home-page__all-courses-and-preparing-for-the-exam__card-styles-for-6-and-3.css */
/*
 * 0010U__home-page__all-courses-and-preparing-for-the-exam__card-styles-for-6-and-3.css
 * 0010U__home-page__all-courses-and-preparing-for-the-exam__card-styles-for-6-and-3.js
 */

/* Мобильная версия */
@media (max-width: 767px) {
    /* Специальный стиль для уменьшения шрифта в блоке "Карта поляка" */
    ul.wc-block-product-template li.product-card--child .wp-block-group h2 a {
        font-size: 5vw !important;
    }
}

/* ПК */
@media (min-width: 768px) {
    /* Специальный стиль для уменьшения шрифта в блоке "Карта поляка" */
    ul.wc-block-product-template li.product-card--child .wp-block-group h2 a {
        font-size: 1.2vw !important;
    }
}
/* 0010U__woo__how-are-the-classes-conducted__vertical-tabs-and-youtube-stop-play.css */
/*
 * 0010U__woo__how-are-the-classes-conducted__vertical-tabs-and-youtube-stop-play.css
 * 0010U__woo__how-are-the-classes-conducted__vertical-tabs-and-youtube-stop-play.js
 */

/* Стили для неактивных видео-контейнеров */
[data-tab-scope] .my-tab-content-video-classes:not(.active) {
    display: none;
}

/* Стили для кнопок-табов */
[data-tab-scope] .my-tab-button-video-classes {
    cursor: pointer;
    transition: border-color 0.8s ease;
}

/* Стили при наведении на кнопку-таб */
[data-tab-scope] .my-tab-button-video-classes:hover,
[data-tab-scope] .my-tab-button-video-classes.active {
    border-color: #a50022 !important;
}

/* Стили для текста внутри кнопки-таба */
[data-tab-scope] .my-tab-button-video-classes p {
    transition: color 0.8s ease;
}

/* Стили для текста внутри активной кнопки-таба */
/* Универсальный селектор для текста в активной вкладке */
[data-tab-scope] .my-tab-button-video-classes.active p.has-text-color {
    color: #a50022 !important;
}

/* Стили для SVG внутри активной кнопки-таба */
[data-tab-scope] .my-tab-button-video-classes svg path {
    fill: #b3b3b3;
    /* Исходный цвет иконки */
    transition: fill 0.8s ease;
}

[data-tab-scope] .my-tab-button-video-classes.active svg path {
    fill: #a50022 !important;
}
/* 0010U__woo__product-card__product__heading-pl-card-only.css */
/*
 * 0010U__woo__product-card__product__heading-pl-card-only.css
 * 0010U__woo__product-card__product__heading-pl-card-only.js
 */

/* --- Адаптивные размеры шрифта для заголовка "КАРТА ПОЛЯКА" --- */

/* Для десктопов (1200px и больше) */
@media (min-width: 1200px) {
    .card-color-pl-card.wp-block-post-title,
    .card-color-pl-card.product_title.entry-title,
    .card-color-pl-card.entry-title {
        /* Размер шрифта */
        font-size: 4vw !important;
        /* Межстрочный интервал */
        line-height: 1.1 !important;
    }
}

/* Для планшетов (от 769px до 1199px) */
@media (min-width: 769px) and (max-width: 1199px) {
    .card-color-pl-card.wp-block-post-title,
    .card-color-pl-card.product_title.entry-title,
    .card-color-pl-card.entry-title {
        /* Размер шрифта */
        font-size: 4vw !important;
        /* Межстрочный интервал */
        line-height: 1.1 !important;
    }
}

/* Для мобильных (768px и меньше) */
@media (max-width: 768px) {
    .card-color-pl-card.wp-block-post-title,
    .card-color-pl-card.product_title.entry-title,
    .card-color-pl-card.entry-title {
        /* Размер шрифта */
        font-size: 7vw !important;
        /* Межстрочный интервал */
        line-height: 1.1 !important;
    }
}
/* 0010U__woo__product-card__product__image-zoom-and-loupe.css */
/*
 * 0010U__woo__product-card__product__image-zoom-and-loupe.php
 * 0010U__woo__product-card__product__image-zoom-and-loupe.css
 */

.single-product .woocommerce-product-gallery__trigger {
    display: none !important;
}

/* Cкрываем саму иконку loupe */
.single-product .woocommerce-product-gallery__trigger {
    display: none !important;
}

/* Предотвращаем появление zoomImg */
.zoomImg {
    display: none !important;
}

/* Отключаем кликабельность обёртки */
.single-product .woocommerce-product-gallery__image > a {
    pointer-events: none;
    cursor: default;
}
/* 0010__all-site__burgundy-buttons.css */
/*
 * Стили для стандартных кнопок Gutenberg
 * Применяются к элементам с классом .wp-block-button__link
 */

/* Основные стили кнопки */
.wp-block-button .wp-block-button__link.wp-element-button {
    background-color: #a50022;
    color: #ffffff;
    border: 2px solid #a50022;
    transition: background-color 0.8s ease, color 0.8s ease;
}

/* Стили при наведении курсора */
.wp-block-button .wp-block-button__link.wp-element-button:hover {
    background-color: transparent;
    color: #a50022;
}
/* 0010__all-site__smooth-page-scrolling.css */
/* Плавная прокрутка страницы */
html {
  scroll-behavior: smooth;
}

[class] {
  scroll-margin-block: 20vh;
}
/* 0010__all-site__transparent-blue-button.css */
/* 
 * Основные стили для кнопки с классом .empty-blue
 * Этот селектор точно нацелен на ссылку внутри блока кнопки
 */

/* Основные стили кнопки */
.wp-block-button.empty-blue .wp-block-button__link {
    background-color: transparent;
    color: #011a3e;
    border: 2px solid #011a3e;
    transition: background-color 0.8s ease, color 0.8s ease;
}

/* Стили при наведении курсора */
.wp-block-button.empty-blue .wp-block-button__link:hover {
    background-color: #011a3e;
    color: #ffffff;
}
/* 0010__all-site__underlining-links.css */
/* Убрать подчеркивание у всех ссылок на сайте */
a:where(:not(.wp-element-button)) {
	color: var(--wp--preset--color--accented-color);
	text-decoration: none;
}

a:where(:not(.wp-element-button)):hover {
	color: var(--wp--preset--color--accented-color);
	text-decoration: none;
}
/* 0010__footer__hover-buttons-transparent-gutena.css */
.wp-block-button.gutena-forms-submit-button.is-style-fill-f .wp-block-button__link {
    background-color: #011a3e;
    color: #ffffff;
    border: 0.10rem solid #ffffff;
    transition: background-color 0.8s, color 0.8s, border-color 0.8s;
    cursor: pointer;
}

.wp-block-button.gutena-forms-submit-button.is-style-fill-f .wp-block-button__link:hover {
    background-color: #ffffff !important;
    color: #011a3e !important;
    border-color: #ffffff !important;
}
/* 0010__footer__hover-buttons-transparent.css */
.wp-block-button.is-style-fill-f.footer-b-menu a {
    background-color: #011a3e !important;
    /* Устанавливаем видимую белую рамку сразу */
    border: 0.10rem solid #ffffff !important;
    color: #ffffff !important;
    /* Добавляем background-color в transition для плавности */
    transition: border-color 0.8s, color 0.8s, background-color 0.8s !important;
}

.wp-block-button.is-style-fill-f.footer-b-menu a:hover {
    /* Меняем фон на белый */
    background-color: #ffffff !important;
    /* Рамка остается белой (или можно убрать изменение border-color) */
    border-color: #ffffff !important;
    /* Цвет текста становится темно-синим */
    color: #011a3e !important;
}
/* 0010__footer__hover-svg-button.css */
/*
 * class="footer-btn-border"
 * class="footer-btn"
 * 
 * Задаем плавный переход для рамки и для заливки (fill) путей (path) внутри SVG
 * Это нужно, чтобы цвет плавно возвращался в исходное состояние
 */
.footer-btn-border {
    transition: border-color 0.8s ease, background-color 0.8s ease;
}

.footer-btn path {
    transition: fill 0.8s ease;
}

/* 
 * При наведении на контейнер с рамкой, меняем цвет самой рамки
 * И цвет заливки (fill) для всех путей (path) внутри SVG иконки
 */
.footer-btn-border:hover {
    background-color: #ffffff;
    border-color: #ffffff !important;
    /* !important нужен, чтобы переопределить инлайновый стиль */
}

.footer-btn-border:hover .footer-btn path {
    fill: #011a3e;
}
/* 0010__header__hover-buttons.css */
.wp-block-button.is-style-fill.header-b-menu a {
    background-color: #011a3e;
    border: 0.10rem solid transparent;
    transition: border-color 0.8s, color 0.8s;
}

.wp-block-button.is-style-fill.header-b-menu a:hover {
    background-color: #011a3e;
    border-color: #ffffff;
    color: #ffffff !important;
}
/* 0010__header__hover-svg-button.css */
/*
 * class="heading-lk-border"
 * class="heading-lk"
 * 
 * Задаем плавный переход для рамки и для заливки (fill) путей (path) внутри SVG
 * Это нужно, чтобы цвет плавно возвращался в исходное состояние
 */
.heading-lk-border {
    transition: border-color 0.8s ease, background-color 0.8s ease;
}

.heading-lk path {
    transition: fill 0.8s ease;
}

/* 
 * При наведении на контейнер с рамкой, меняем цвет самой рамки
 * И цвет заливки (fill) для всех путей (path) внутри SVG иконки
 */
.heading-lk-border:hover {
    background-color: #ffffff;
    border-color: #ffffff !important;
    /* !important нужен, чтобы переопределить инлайновый стиль */
}

.heading-lk-border:hover .heading-lk path {
    fill: #011a3e;
}
/* 0010__home-page__all-courses-and-nearest-groups__basic-styles-for-the-element-details.css */
/*
 * Задаем базовые стили для заголовка спойлера (элемент <summary> в блоке "Детали")
 * Устанавливаем отступы для удобства клика и акцентный красный цвет для текста
 */
details.wp-block-details summary {
    padding: 3vw;
    color: #011a3e;
}

/*
 * Корректируем ширину заголовка спойлера "ПОКАЗАТЬ ЕЩЕ КУРСЫ" и "ПОКАЗАТЬ ЕЩЕ ГРУППЫ", чтобы он не растягивался на всю страницу
 */
.wp-block-details.acc-list.tw-has-icon summary {
    width: auto;
    padding: 0 6vw 0 6vw;
}
/* 0010__home-page__all-courses-and-preparing-for-the-exam__card-styles-for-6-and-3-hover-gray.css */
/* Применяем плавный переход для всех целевых элементов */
.wc-block-product .icon-container svg path,
.wc-block-product .icon-container svg rect,
.wc-block-product .icon-container svg,
.wc-block-product p[class*="wp-elements-"] {
	transition: color 0.8s ease-in-out, fill 0.8s ease-in-out !important;
}

/* Состояние при наведении для всех SVG */
/* Десктопные и мобильные иконки имеют одинаковые классы, поэтому здесь изменений не требуется */
.wc-block-product:hover .icon-container svg path.uuid-c38e8b76-d21e-48d3-92ee-dcbabc8c7351,
.wc-block-product:hover .icon-container svg rect.uuid-afd29d2c-9931-4664-a1c9-40137978f479,
.wc-block-product:hover .icon-container svg .uuid-330f1f03-0075-4880-a3f0-cedfd87a0f4f,
.wc-block-product:hover .icon-container svg .uuid-e915f88b-de63-40fd-b34e-25416d01951f,
.wc-block-product:hover .icon-container svg .uuid-3287ae96-47ac-4dca-9fb0-62518ca1227a {
	fill: #5b5b5b !important;
}

/* Состояние при наведении для текстовых элементов */
.wc-block-product:hover p[class*="wp-elements-"] {
	color: #5b5b5b !important;
}
/* 0010__home-page__slider.css */
.swiper-pagination-bullet.cb-pagination-bullet.swiper-pagination-bullet-active {
	background-color: #a50022 !important;
}
/* 0010__home-page__test__styles.css */
/* Стили для мобильных устройств (до 767px включительно) */
.container-test-introduction {
  border-radius: 7vw;
  margin-left: 8vw;
  margin-right: 8vw;
}

/* Стили для десктопа (от 768px и выше) */
@media (min-width: 768px) {
  .container-test-introduction {
    border-radius: 2vw;
    margin-left: 11vw;
    margin-right: 11vw;
  }
}

/* 
 * QSM
 *
 * Пользовательские стили для плагина Quiz and Survey Master
 * Версия 5: Добавлены стили для всплывающего окна
 */

/* Стили для всех кнопок (Начать, Далее, Назад, Отправить) */
.qsm-quiz-container .qsm-button,
.qsm-quiz-container .mlw_qmn_quiz_link,
.qsm-quiz-container input[name="mlw_quiz_submit"],
.qsm-quiz-container .quiz_begin_button,
.qsm-quiz-container input[type="submit"] {
  background-color: #a50022 !important;
  border-radius: 30px !important;
  border: 2px solid #a50022 !important;
  color: #ffffff !important;
  cursor: pointer !important;
  line-height: 1.5 !important;
  padding: 10px 20px !important;
  text-decoration: none !important;
  transition: background-color 0.8s ease, color 0.8s ease !important;
}

/* Стили для кнопок при наведении курсора */
.qsm-quiz-container .qsm-button:hover,
.qsm-quiz-container .mlw_qmn_quiz_link:hover,
.qsm-quiz-container input[name="mlw_quiz_submit"]:hover,
.qsm-quiz-container .quiz_begin_button:hover,
.qsm-quiz-container input[type="submit"]:hover {
  background-color: transparent !important;
  color: #a50022 !important;
}

/* Стили для полей ввода (вопросы типа "Заполнитель") */
.qsm-quiz-container input[type="text"],
.qsm-quiz-container input[type="email"],
.qsm-quiz-container input[type="number"],
.qsm-quiz-container textarea {
  border-radius: 30px !important;
  border: 2px solid #dddddd !important;
  padding: 8px 15px !important;
}

/* Стили для полей ввода при наведении курсора */
.qsm-quiz-container input[type="text"]:focus,
.qsm-quiz-container input[type="email"]:focus,
.qsm-quiz-container input[type="number"]:focus,
.qsm-quiz-container textarea:focus {
  border-color: #a50022 !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Скругление для самого контейнера всплывающего окна */
.qsm-popup__container {
  border-radius: 30px !important;
}

/* Стили для основной кнопки "Отправить тест" во всплывающем окне (этот блок остается без изменений) */
.qsm-popup__container .submit-the-form {
  background-color: #a50022 !important;
  border-radius: 30px !important;
  border: 2px solid #a50022 !important;
  color: #ffffff !important;
  cursor: pointer !important;
  line-height: 1.5 !important;
  padding: 10px 20px !important;
  transition: background-color 0.8s ease, color 0.8s ease !important;
}

.qsm-popup__container .submit-the-form:hover {
  background-color: transparent !important;
  color: #a50022 !important;
}

/* 
 * Стили для второстепенной кнопки "Отменить"
 * Самый специфичный селектор для гарантированного переопределения
 */
footer.qsm-popup__footer button.qsm-popup-secondary-button {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background: transparent !important;
  border-radius: 30px !important;
  border: 2px solid #011a3e !important;
  color: #011a3e !important;
  cursor: pointer !important;
  line-height: 1.5 !important;
  padding: 10px 20px !important;
  transition: background-color 0.8s ease, color 0.8s ease !important;
}

/* Стили для кнопки "Отменить" при наведении */
footer.qsm-popup__footer button.qsm-popup-secondary-button:hover {
  background-color: #011a3e !important;
  color: #ffffff !important;
}

/* Стили для счетчика в 45 мин (изменить время можно в настройках самого плагина) */
.mlw_qmn_timer {
  background-color: #011a3e !important;
  color: #ffffff;
}
/* 0010__my-background-color-white-for-cards.css */
.my-background-color-white-for-cards {
	background-color: white;
}
/* 0010__my-border-radius.css */
.my-border-radius-0-1 { border-radius: 0.1vw; }
.my-border-radius-0-2 { border-radius: 0.2vw; }
.my-border-radius-0-3 { border-radius: 0.3vw; }
.my-border-radius-0-4 { border-radius: 0.4vw; }
.my-border-radius-0-5 { border-radius: 0.5vw; }
.my-border-radius-0-6 { border-radius: 0.6vw; }
.my-border-radius-0-7 { border-radius: 0.7vw; }
.my-border-radius-0-8 { border-radius: 0.8vw; }
.my-border-radius-0-9 { border-radius: 0.9vw; }

.my-border-radius-1-1 { border-radius: 1.1vw; }
.my-border-radius-1-2 { border-radius: 1.2vw; }
.my-border-radius-1-3 { border-radius: 1.3vw; }
.my-border-radius-1-4 { border-radius: 1.4vw; }
.my-border-radius-1-5 { border-radius: 1.5vw; }
.my-border-radius-1-6 { border-radius: 1.6vw; }
.my-border-radius-1-7 { border-radius: 1.7vw; }
.my-border-radius-1-8 { border-radius: 1.8vw; }
.my-border-radius-1-9 { border-radius: 1.9vw; }

.my-border-radius-1-X { border-radius: 1vw; }
.my-border-radius-2-X { border-radius: 2vw; }
.my-border-radius-3-X { border-radius: 3vw; }
.my-border-radius-4-X { border-radius: 4vw; }
.my-border-radius-5-X { border-radius: 5vw; }
.my-border-radius-6-X { border-radius: 6vw; }
.my-border-radius-7-X { border-radius: 7vw; }
.my-border-radius-8-X { border-radius: 8vw; }

/* @media (max-width: 767.98px) { } */
/* 0010__my-box-shadow-gutena.css */
/* Разрешаем тени выходить за пределы всех оберток отзыва */
.wp-block-gutena-testimonial,
.wp-block-gutena-testimonial-item,
.gutena-testimonial-item-block {
    overflow: visible !important;
    /* Увеличим отступы между карточками, чтобы тени не перекрывали друг друга */
    margin-bottom: 1.5vw !important;
}

/* Применяем класс с принудительным приоритетом */
.my-box-shadow-gutena {
    box-shadow: 0vw 0.463vh 1.042vw -0.156vw rgba(37, 37, 37, 0.2) !important;
    position: relative;
    z-index: 5;
    /* Убираем внутреннее ограничение, если оно есть */
    overflow: visible !important;
}

/* Если карточки стоят в ряд, даем им боковой запас */
.wp-block-column.my-box-shadow-gutena,
.gutena-testimonial-item-block.my-box-shadow {
    margin: 10px !important;
}
/* 0010__my-box-shadow-hover.css */
.my-box-shadow-hover {
  cursor: pointer;
  transform: translateY(0);
  transition: transform 0.5s ease, box-shadow 0.5s ease;
}

.my-box-shadow-hover:hover,
.my-box-shadow-hover:focus {
  /* transform: translateY(-10px); */
  box-shadow: 0vw 0.365vw 1.823vw -0.156vw rgba(37, 37, 37, 0.2);
  transform: translateY(-5px) scale(1.05);
}
/* 0010__my-box-shadow.css */
.my-box-shadow {
	box-shadow: 0vw 0.463vh 1.042vw -0.156vw rgba(37, 37, 37, 0.2);
}
/* 0010__my-colors.css */
.my-color-space-gray-light { color: #B2B4B3; } /* Светло-серый */
.my-color-accent-burgundy { color: #A50023; } /* Насыщенный бордовый/винный */
.my-color-amethyst-vein { color: #011A3E; } /* Тёмно‑синий */
/* 0010__my-font-size.css */
.my-font-size-0-1 { font-size: 0.1vw; }
.my-font-size-0-2 { font-size: 0.2vw; }
.my-font-size-0-3 { font-size: 0.3vw; }
.my-font-size-0-4 { font-size: 0.4vw; }
.my-font-size-0-5 { font-size: 0.5vw; }
.my-font-size-0-6 { font-size: 0.6vw; }
.my-font-size-0-7 { font-size: 0.7vw; }
.my-font-size-0-8 { font-size: 0.8vw; }
.my-font-size-0-9 { font-size: 0.9vw; }

.my-font-size-1-1 { font-size: 1.1vw; }
.my-font-size-1-2 { font-size: 1.2vw; }
.my-font-size-1-3 { font-size: 1.3vw; }
.my-font-size-1-4 { font-size: 1.4vw; }
.my-font-size-1-5 { font-size: 1.5vw; }
.my-font-size-1-6 { font-size: 1.6vw; }
.my-font-size-1-7 { font-size: 1.7vw; }
.my-font-size-1-8 { font-size: 1.8vw; }
.my-font-size-1-9 { font-size: 1.9vw; }

.my-font-size-1-X { font-size: 1vw; }
.my-font-size-2-X { font-size: 2vw; }
.my-font-size-3-X { font-size: 3vw; }
.my-font-size-4-X { font-size: 4vw; }
.my-font-size-5-X { font-size: 5vw; }
.my-font-size-6-X { font-size: 6vw; }
.my-font-size-7-X { font-size: 7vw; }
.my-font-size-8-X { font-size: 8vw; }

/* @media (max-width: 767.98px) { } */
/* 0010__my-font-weight.css */
.my-font-weight { font-weight: bold; }
/* 0010__my-margin-top-right-bottom-left.css */
/* Top */
.my-margin-top-0-1 { margin-top: 0.1vw; }
.my-margin-top-0-2 { margin-top: 0.2vw; }
.my-margin-top-0-3 { margin-top: 0.3vw; }
.my-margin-top-0-4 { margin-top: 0.4vw; }
.my-margin-top-0-5 { margin-top: 0.5vw; }
.my-margin-top-0-6 { margin-top: 0.6vw; }
.my-margin-top-0-7 { margin-top: 0.7vw; }
.my-margin-top-0-8 { margin-top: 0.8vw; }
.my-margin-top-0-9 { margin-top: 0.9vw; }

.my-margin-top-1-1 { margin-top: 1.1vw; }
.my-margin-top-1-2 { margin-top: 1.2vw; }
.my-margin-top-1-3 { margin-top: 1.3vw; }
.my-margin-top-1-4 { margin-top: 1.4vw; }
.my-margin-top-1-5 { margin-top: 1.5vw; }
.my-margin-top-1-6 { margin-top: 1.6vw; }
.my-margin-top-1-7 { margin-top: 1.7vw; }
.my-margin-top-1-8 { margin-top: 1.8vw; }
.my-margin-top-1-9 { margin-top: 1.9vw; }

.my-margin-top-1-X { margin-top: 1vw; }
.my-margin-top-2-X { margin-top: 2vw; }
.my-margin-top-3-X { margin-top: 3vw; }
.my-margin-top-4-X { margin-top: 4vw; }
.my-margin-top-5-X { margin-top: 5vw; }
.my-margin-top-6-X { margin-top: 6vw; }
.my-margin-top-7-X { margin-top: 7vw; }
.my-margin-top-8-X { margin-top: 8vw; }

/* Right */
.my-margin-right-0-1 { margin-right: 0.1vw; }
.my-margin-right-0-2 { margin-right: 0.2vw; }
.my-margin-right-0-3 { margin-right: 0.3vw; }
.my-margin-right-0-4 { margin-right: 0.4vw; }
.my-margin-right-0-5 { margin-right: 0.5vw; }
.my-margin-right-0-6 { margin-right: 0.6vw; }
.my-margin-right-0-7 { margin-right: 0.7vw; }
.my-margin-right-0-8 { margin-right: 0.8vw; }
.my-margin-right-0-9 { margin-right: 0.9vw; }

.my-margin-right-1-1 { margin-right: 1.1vw; }
.my-margin-right-1-2 { margin-right: 1.2vw; }
.my-margin-right-1-3 { margin-right: 1.3vw; }
.my-margin-right-1-4 { margin-right: 1.4vw; }
.my-margin-right-1-5 { margin-right: 1.5vw; }
.my-margin-right-1-6 { margin-right: 1.6vw; }
.my-margin-right-1-7 { margin-right: 1.7vw; }
.my-margin-right-1-8 { margin-right: 1.8vw; }
.my-margin-right-1-9 { margin-right: 1.9vw; }

.my-margin-right-1-X { margin-right: 1vw; }
.my-margin-right-2-X { margin-right: 2vw; }
.my-margin-right-3-X { margin-right: 3vw; }
.my-margin-right-4-X { margin-right: 4vw; }
.my-margin-right-5-X { margin-right: 5vw; }
.my-margin-right-6-X { margin-right: 6vw; }
.my-margin-right-7-X { margin-right: 7vw; }
.my-margin-right-8-X { margin-right: 8vw; }

/* Bottom */
.my-margin-bottom-0-1 { margin-bottom: 0.1vw; }
.my-margin-bottom-0-2 { margin-bottom: 0.2vw; }
.my-margin-bottom-0-3 { margin-bottom: 0.3vw; }
.my-margin-bottom-0-4 { margin-bottom: 0.4vw; }
.my-margin-bottom-0-5 { margin-bottom: 0.5vw; }
.my-margin-bottom-0-6 { margin-bottom: 0.6vw; }
.my-margin-bottom-0-7 { margin-bottom: 0.7vw; }
.my-margin-bottom-0-8 { margin-bottom: 0.8vw; }
.my-margin-bottom-0-9 { margin-bottom: 0.9vw; }

.my-margin-bottom-1-1 { margin-bottom: 1.1vw; }
.my-margin-bottom-1-2 { margin-bottom: 1.2vw; }
.my-margin-bottom-1-3 { margin-bottom: 1.3vw; }
.my-margin-bottom-1-4 { margin-bottom: 1.4vw; }
.my-margin-bottom-1-5 { margin-bottom: 1.5vw; }
.my-margin-bottom-1-6 { margin-bottom: 1.6vw; }
.my-margin-bottom-1-7 { margin-bottom: 1.7vw; }
.my-margin-bottom-1-8 { margin-bottom: 1.8vw; }
.my-margin-bottom-1-9 { margin-bottom: 1.9vw; }

.my-margin-bottom-1-X { margin-bottom: 1vw; }
.my-margin-bottom-2-X { margin-bottom: 2vw; }
.my-margin-bottom-3-X { margin-bottom: 3vw; }
.my-margin-bottom-4-X { margin-bottom: 4vw; }
.my-margin-bottom-5-X { margin-bottom: 5vw; }
.my-margin-bottom-6-X { margin-bottom: 6vw; }
.my-margin-bottom-7-X { margin-bottom: 7vw; }
.my-margin-bottom-8-X { margin-bottom: 8vw; }

/* Left */
.my-margin-left-0-1 { margin-left: 0.1vw; }
.my-margin-left-0-2 { margin-left: 0.2vw; }
.my-margin-left-0-3 { margin-left: 0.3vw; }
.my-margin-left-0-4 { margin-left: 0.4vw; }
.my-margin-left-0-5 { margin-left: 0.5vw; }
.my-margin-left-0-6 { margin-left: 0.6vw; }
.my-margin-left-0-7 { margin-left: 0.7vw; }
.my-margin-left-0-8 { margin-left: 0.8vw; }
.my-margin-left-0-9 { margin-left: 0.9vw; }

.my-margin-left-1-1 { margin-left: 1.1vw; }
.my-margin-left-1-2 { margin-left: 1.2vw; }
.my-margin-left-1-3 { margin-left: 1.3vw; }
.my-margin-left-1-4 { margin-left: 1.4vw; }
.my-margin-left-1-5 { margin-left: 1.5vw; }
.my-margin-left-1-6 { margin-left: 1.6vw; }
.my-margin-left-1-7 { margin-left: 1.7vw; }
.my-margin-left-1-8 { margin-left: 1.8vw; }
.my-margin-left-1-9 { margin-left: 1.9vw; }

.my-margin-left-1-X { margin-left: 1vw; }
.my-margin-left-2-X { margin-left: 2vw; }
.my-margin-left-3-X { margin-left: 3vw; }
.my-margin-left-4-X { margin-left: 4vw; }
.my-margin-left-5-X { margin-left: 5vw; }
.my-margin-left-6-X { margin-left: 6vw; }
.my-margin-left-7-X { margin-left: 7vw; }
.my-margin-left-8-X { margin-left: 8vw; }

/* @media (max-width: 767.98px) { } */
/* 0010__my-margin.css */
.my-margin-0-1 { margin: 0.1vw; }
.my-margin-0-2 { margin: 0.2vw; }
.my-margin-0-3 { margin: 0.3vw; }
.my-margin-0-4 { margin: 0.4vw; }
.my-margin-0-5 { margin: 0.5vw; }
.my-margin-0-6 { margin: 0.6vw; }
.my-margin-0-7 { margin: 0.7vw; }
.my-margin-0-8 { margin: 0.8vw; }
.my-margin-0-9 { margin: 0.9vw; }

.my-margin-1-1 { margin: 1.1vw; }
.my-margin-1-2 { margin: 1.2vw; }
.my-margin-1-3 { margin: 1.3vw; }
.my-margin-1-4 { margin: 1.4vw; }
.my-margin-1-5 { margin: 1.5vw; }
.my-margin-1-6 { margin: 1.6vw; }
.my-margin-1-7 { margin: 1.7vw; }
.my-margin-1-8 { margin: 1.8vw; }
.my-margin-1-9 { margin: 1.9vw; }

.my-margin-1-X { margin: 1vw; }
.my-margin-2-X { margin: 2vw; }
.my-margin-3-X { margin: 3vw; }
.my-margin-4-X { margin: 4vw; }
.my-margin-5-X { margin: 5vw; }
.my-margin-6-X { margin: 6vw; }
.my-margin-7-X { margin: 7vw; }
.my-margin-8-X { margin: 8vw; }

/* @media (max-width: 767.98px) { } */
/* 0010__my-padding-top-right-bottom-left.css */
/* Top */
.my-padding-top-0-1 { padding-top: 0.1vw; }
.my-padding-top-0-2 { padding-top: 0.2vw; }
.my-padding-top-0-3 { padding-top: 0.3vw; }
.my-padding-top-0-4 { padding-top: 0.4vw; }
.my-padding-top-0-5 { padding-top: 0.5vw; }
.my-padding-top-0-6 { padding-top: 0.6vw; }
.my-padding-top-0-7 { padding-top: 0.7vw; }
.my-padding-top-0-8 { padding-top: 0.8vw; }
.my-padding-top-0-9 { padding-top: 0.9vw; }

.my-padding-top-1-1 { padding-top: 1.1vw; }
.my-padding-top-1-2 { padding-top: 1.2vw; }
.my-padding-top-1-3 { padding-top: 1.3vw; }
.my-padding-top-1-4 { padding-top: 1.4vw; }
.my-padding-top-1-5 { padding-top: 1.5vw; }
.my-padding-top-1-6 { padding-top: 1.6vw; }
.my-padding-top-1-7 { padding-top: 1.7vw; }
.my-padding-top-1-8 { padding-top: 1.8vw; }
.my-padding-top-1-9 { padding-top: 1.9vw; }

.my-padding-top-1-X { padding-top: 1vw; }
.my-padding-top-2-X { padding-top: 2vw; }
.my-padding-top-3-X { padding-top: 3vw; }
.my-padding-top-4-X { padding-top: 4vw; }
.my-padding-top-5-X { padding-top: 5vw; }
.my-padding-top-6-X { padding-top: 6vw; }
.my-padding-top-7-X { padding-top: 7vw; }
.my-padding-top-8-X { padding-top: 8vw; }

/* Right */
.my-padding-right-0-1 { padding-right: 0.1vw; }
.my-padding-right-0-2 { padding-right: 0.2vw; }
.my-padding-right-0-3 { padding-right: 0.3vw; }
.my-padding-right-0-4 { padding-right: 0.4vw; }
.my-padding-right-0-5 { padding-right: 0.5vw; }
.my-padding-right-0-6 { padding-right: 0.6vw; }
.my-padding-right-0-7 { padding-right: 0.7vw; }
.my-padding-right-0-8 { padding-right: 0.8vw; }
.my-padding-right-0-9 { padding-right: 0.9vw; }

.my-padding-right-1-1 { padding-right: 1.1vw; }
.my-padding-right-1-2 { padding-right: 1.2vw; }
.my-padding-right-1-3 { padding-right: 1.3vw; }
.my-padding-right-1-4 { padding-right: 1.4vw; }
.my-padding-right-1-5 { padding-right: 1.5vw; }
.my-padding-right-1-6 { padding-right: 1.6vw; }
.my-padding-right-1-7 { padding-right: 1.7vw; }
.my-padding-right-1-8 { padding-right: 1.8vw; }
.my-padding-right-1-9 { padding-right: 1.9vw; }

.my-padding-right-1-X { padding-right: 1vw; }
.my-padding-right-2-X { padding-right: 2vw; }
.my-padding-right-3-X { padding-right: 3vw; }
.my-padding-right-4-X { padding-right: 4vw; }
.my-padding-right-5-X { padding-right: 5vw; }
.my-padding-right-6-X { padding-right: 6vw; }
.my-padding-right-7-X { padding-right: 7vw; }
.my-padding-right-8-X { padding-right: 8vw; }

/* Bottom */
.my-padding-bottom-0-1 { padding-bottom: 0.1vw; }
.my-padding-bottom-0-2 { padding-bottom: 0.2vw; }
.my-padding-bottom-0-3 { padding-bottom: 0.3vw; }
.my-padding-bottom-0-4 { padding-bottom: 0.4vw; }
.my-padding-bottom-0-5 { padding-bottom: 0.5vw; }
.my-padding-bottom-0-6 { padding-bottom: 0.6vw; }
.my-padding-bottom-0-7 { padding-bottom: 0.7vw; }
.my-padding-bottom-0-8 { padding-bottom: 0.8vw; }
.my-padding-bottom-0-9 { padding-bottom: 0.9vw; }

.my-padding-bottom-1-1 { padding-bottom: 1.1vw; }
.my-padding-bottom-1-2 { padding-bottom: 1.2vw; }
.my-padding-bottom-1-3 { padding-bottom: 1.3vw; }
.my-padding-bottom-1-4 { padding-bottom: 1.4vw; }
.my-padding-bottom-1-5 { padding-bottom: 1.5vw; }
.my-padding-bottom-1-6 { padding-bottom: 1.6vw; }
.my-padding-bottom-1-7 { padding-bottom: 1.7vw; }
.my-padding-bottom-1-8 { padding-bottom: 1.8vw; }
.my-padding-bottom-1-9 { padding-bottom: 1.9vw; }

.my-padding-bottom-1-X { padding-bottom: 1vw; }
.my-padding-bottom-2-X { padding-bottom: 2vw; }
.my-padding-bottom-3-X { padding-bottom: 3vw; }
.my-padding-bottom-4-X { padding-bottom: 4vw; }
.my-padding-bottom-5-X { padding-bottom: 5vw; }
.my-padding-bottom-6-X { padding-bottom: 6vw; }
.my-padding-bottom-7-X { padding-bottom: 7vw; }
.my-padding-bottom-8-X { padding-bottom: 8vw; }

/* Left */
.my-padding-left-0-1 { padding-left: 0.1vw; }
.my-padding-left-0-2 { padding-left: 0.2vw; }
.my-padding-left-0-3 { padding-left: 0.3vw; }
.my-padding-left-0-4 { padding-left: 0.4vw; }
.my-padding-left-0-5 { padding-left: 0.5vw; }
.my-padding-left-0-6 { padding-left: 0.6vw; }
.my-padding-left-0-7 { padding-left: 0.7vw; }
.my-padding-left-0-8 { padding-left: 0.8vw; }
.my-padding-left-0-9 { padding-left: 0.9vw; }

.my-padding-left-1-1 { padding-left: 1.1vw; }
.my-padding-left-1-2 { padding-left: 1.2vw; }
.my-padding-left-1-3 { padding-left: 1.3vw; }
.my-padding-left-1-4 { padding-left: 1.4vw; }
.my-padding-left-1-5 { padding-left: 1.5vw; }
.my-padding-left-1-6 { padding-left: 1.6vw; }
.my-padding-left-1-7 { padding-left: 1.7vw; }
.my-padding-left-1-8 { padding-left: 1.8vw; }
.my-padding-left-1-9 { padding-left: 1.9vw; }

.my-padding-left-1-X { padding-left: 1vw; }
.my-padding-left-2-X { padding-left: 2vw; }
.my-padding-left-3-X { padding-left: 3vw; }
.my-padding-left-4-X { padding-left: 4vw; }
.my-padding-left-5-X { padding-left: 5vw; }
.my-padding-left-6-X { padding-left: 6vw; }
.my-padding-left-7-X { padding-left: 7vw; }
.my-padding-left-8-X { padding-left: 8vw; }

/* @media (max-width: 767.98px) { } */
/* 0010__my-padding.css */
.my-padding-0-1 { padding: 0.1vw; }
.my-padding-0-2 { padding: 0.2vw; }
.my-padding-0-3 { padding: 0.3vw; }
.my-padding-0-4 { padding: 0.4vw; }
.my-padding-0-5 { padding: 0.5vw; }
.my-padding-0-6 { padding: 0.6vw; }
.my-padding-0-7 { padding: 0.7vw; }
.my-padding-0-8 { padding: 0.8vw; }
.my-padding-0-9 { padding: 0.9vw; }

.my-padding-1-1 { padding: 1.1vw; }
.my-padding-1-2 { padding: 1.2vw; }
.my-padding-1-3 { padding: 1.3vw; }
.my-padding-1-4 { padding: 1.4vw; }
.my-padding-1-5 { padding: 1.5vw; }
.my-padding-1-6 { padding: 1.6vw; }
.my-padding-1-7 { padding: 1.7vw; }
.my-padding-1-8 { padding: 1.8vw; }
.my-padding-1-9 { padding: 1.9vw; }

.my-padding-1-X { padding: 1vw; }
.my-padding-2-X { padding: 2vw; }
.my-padding-3-X { padding: 3vw; }
.my-padding-4-X { padding: 4vw; }
.my-padding-5-X { padding: 5vw; }
.my-padding-6-X { padding: 6vw; }
.my-padding-7-X { padding: 7vw; }
.my-padding-8-X { padding: 8vw; }

/* @media (max-width: 767.98px) { } */
/* 0010__system__font-family-nunito-rules.css */
/*
 * @license
 *
 * Font Family: Nunito
 * Designed by: Vernon Adams, Cyreal, Jacques Le Bailly
 * URL: https://www.fontshare.com/fonts/nunito
 * © 2025 Indian Type Foundry
 *
 */

/* Обычное начертание */
@font-face {
  font-family: 'Nunito';
  src: url('/wp-content/uploads/fonts/Nunito-Variable.woff2') format('woff2');
  font-weight: 200 900;
  /* Диапазон жирности от ExtraLight до Black */
  font-display: swap;
  font-style: normal;
}

/* Курсивное начертание */
@font-face {
  font-family: 'Nunito';
  src: url('/wp-content/uploads/fonts/Nunito-VariableItalic.woff2') format('woff2');
  font-weight: 200 900;
  /* Диапазон жирности от ExtraLight до Black */
  font-display: swap;
  font-style: italic;
}
/* 0010__system__font-family-nunito-styles.css */
/* Стили для всего сайта */

/* Обычное начертание */
body {
  font-family: 'Nunito', sans-serif;
  font-weight: 400;
  /* 400 = Regular */
}

/* Жирное начертание для заголовков */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Nunito', sans-serif;
  font-weight: 800;
  /* 800 = ExtraBold */
}

/* Жирное начертание для спец. тегов */
strong,
b {
  font-weight: 700;
  /* 700 = Bold */
}

/* Курсивное начертание */
em,
i {
  font-style: italic;
}
/* 0010__system__remove-default-focus-from-all-elements.css */
/* Убирает обводку для всех элементов */
*:focus {
    outline: none !important;
    box-shadow: none !important;
}
/* 0010__woo__cart__currency selection.css */
/* Контейнер для блока */
.my-currency-selection {
    background-color: white;
    border-radius: 30px;
    box-shadow: 0vw 0.463vh 1.042vw -0.156vw rgba(37, 37, 37, 0.2);
    padding: 2vw;
}

@media (max-width: 767px) {
    .my-currency-selection {
        margin: 0;
        padding: 4vw 2vw 2vw 2vw;
  }
}

/* Контейнер для выбора валюты */
.wc-price-based-country-refresh-area select.wcpbc-country-switcher {
    display: block !important;
    width: 100% !important;
    max-width: 350px !important;
    height: 50px !important;
    padding: 0 15px !important;
    
    /* Скругление и рамка */
    border: 1px solid #dcdcdc !important;
    border-radius: 30px !important; /* Здесь задаем скругление */
    
    /* Стили текста */
    font-size: 16px !important;
    color: #333 !important;
    background-color: #fff !important;
    
    /* Убираем стандартную стрелку (она часто мешает скруглению) */
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    
    /* Добавляем свою аккуратную стрелку */
    /* background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org' width='16' height='16' fill='%23666' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 15px center !important;
    background-size: 12px !important; */
    
    cursor: pointer !important;
    outline: none !important;
    transition: border-color 0.2s ease !important;
}

/* Эффект при наведении */
.wc-price-based-country-refresh-area select.wcpbc-country-switcher:hover {
    border-color: #999 !important;
}

/* Стили для самих пунктов списка (только цвета и шрифт) */
.wc-price-based-country-refresh-area select.wcpbc-country-switcher option {
    background: #fff !important;
    color: #333 !important;
    padding: 10px !important;
}
/* 0010__woo__cart__styles-button.css */
/*
 * Кастомные стили для кнопки "Перейти к оформлению заказа" в корзине WooCommerce
 * Нацеливаемся на класс .wc-block-cart__submit-button внутри родительского блока .wc-block-cart__submit для большей точности
 */

/* Основные стили кнопки */
.wc-block-cart__submit .wc-block-cart__submit-button {
    background-color: #a50022;
    color: #ffffff;
    border: 2px solid #a50022;
    border-radius: 7vw;
    transition: background-color 0.8s ease, color 0.8s ease;
    box-shadow: none;
    /* Сбрасываем тени, которые могут быть у темы */
    font-size: small;
    padding: 15px 0 15px 0;
}

/* Стили при наведении курсора */
.wc-block-cart__submit .wc-block-cart__submit-button:hover {
    background-color: transparent;
    color: #a50022;
}

.wc-block-cart__submit .wc-block-cart__submit-button:hover .wc-block-components-button__text {
    color: #a50022;
}
/* 0010__woo__cart__styles-cards.css */
/* Main page */
.woocommerce-cart .wp-block-group.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained {
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
    width: 80%;
}

/* Main card */
.wc-block-components-main.wc-block-cart__main.wp-block-woocommerce-cart-items-block {
    background-color: #ffffff;
    border-radius: 30px;
    box-shadow: 0vw 0.463vh 1.042vw -0.156vw rgba(37, 37, 37, 0.2);
    padding: 2vw;
}

/* Image */
table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__image img {
    border-radius: 20px;
}

/* Mobile */
@media (max-width: 959px) {
    /* Main card */
    .wc-block-components-main.wc-block-cart__main.wp-block-woocommerce-cart-items-block {
        border-radius: 30px;
    }

    /* Image */
    table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__image img {
        border-radius: 20px;
    }

    /* Bottom indent */
    .wc-block-components-main.wc-block-cart__main.wp-block-woocommerce-cart-items-block {
        margin-bottom: 20px;
    }

    /* Убираем ячейку цены вниз */
    /* Делаем строку гибким контейнером с переносом */
    .wc-block-cart-items__row {
        align-items: flex-start;
        display: flex !important;
        flex-wrap: wrap; /* Позволяет элементам переноситься на новую строку */
        gap: 15px; /* Расстояние между картинкой и текстом */
    }

    /* Фиксируем ширину картинки, чтобы она не раздувалась */
    .wc-block-cart-item__image {
        display: block !important;
        flex: 0 0 100px; /* Картинка всегда будет 100px */
    }

    .wc-block-cart-item__image img {
        height: auto !important;
        width: 100% !important;
    }

    /* Средняя часть (название и описание) занимает оставшееся место */
    .wc-block-cart-item__product {
        display: block !important;
        flex: 1; /* Занимает всё свободное пространство справа от фото */
    }

    /* Выбиваем ячейку с ценой на новую строку в самый низ */
    .wc-block-cart-item__total {
        border-top: 2px solid #e8e8e8; /* Опционально: линия над ценой */
        display: block !important;
        flex: 0 0 100%; /* Занимает 100% ширины, вынуждая перенестись */
        margin-top: 10px;
        padding-top: 10px;
        text-align: right; /* Прижимаем цену к правому краю */
    }

    .woocommerce-cart .wc-block-components-product-price {
        background-color: #011a3e;
        border-radius: 20px;
        color: white;
        font-weight: bold;
        margin-left: 5px;
        margin-right: 5px;
        padding: 5px;
    }
}

/* Hidden elements */

/* Цена */
.wc-block-cart-item__prices {
    display: none;
}

/* - / + */
.wc-block-cart-item__quantity > div {
    display: none;
}

/* Предполагаемый итог */
.wc-block-components-totals-wrapper {
    display: none;
}
/* 0010__woo__checkout__styles.css */
/* Стили для контейнера Оформление заказа */
.checkout.woocommerce-checkout {
    background-color: #ffffff;
    border-radius: 30px;
    box-shadow: 0vw 0.463vh 1.042vw -0.156vw rgba(37, 37, 37, 0.2);
    margin: 0 auto;
    padding: 25px;
    width: 80%;
}

/* Стили для полей "Имя" и "Email" */
/* .woocommerce-checkout #billing_first_name,
.woocommerce-checkout #billing_email {

} */

/* **** **** **** **** **** **** **** **** **** **** **** **** **** **** **** **** */
/* **** **** **** **** **** **** **** **** **** **** **** **** **** **** **** **** */

/* Сокрытие default элементов */

/* 1. Скрываем весь блок "Детали" (адрес плательщика и доставки) */
.woocommerce-checkout #customer_details h3 {
    display: none;
}

/* 2. Скрываем строку "Подытог" в таблице "Ваш заказ" */
.woocommerce-checkout-review-order-table .cart-subtotal {
    display: none;
}

/* **** **** **** **** **** **** **** **** **** **** **** **** **** **** **** **** */
/* **** **** **** **** **** **** **** **** **** **** **** **** **** **** **** **** */

/* Таблица */

/* 1. Стили для самой таблицы */
.woocommerce-checkout-review-order-table {
    border-collapse: separate;
    border-spacing: 0;
    border: 1px solid #200707cc;
    overflow: hidden;
}

/* 2. Стили для ячеек (внутренние границы) */
.woocommerce-checkout-review-order-table tr,
.woocommerce-checkout-review-order-table th, 
.woocommerce-checkout-review-order-table td {
    border: 1px solid #200707cc;
    padding: 15px;
}

/* 3. Убираем двойные границы (опционально) */
.woocommerce-checkout-review-order-table td, 
.woocommerce-checkout-review-order-table th {
    border-left: none;
    border-top: none;
}

/* 4. Возвращаем левую границу только для первой колонки */
.woocommerce-checkout-review-order-table th:first-child, 
.woocommerce-checkout-review-order-table td:first-child {
    border-left: none !important;
}

/* **** **** **** **** **** **** **** **** **** **** **** **** **** **** **** **** */
/* **** **** **** **** **** **** **** **** **** **** **** **** **** **** **** **** */

/* Серая default подложка */

/* 1. Убираем фон и рамки у всего блока оплаты */
.woocommerce-checkout #payment,
.woocommerce-checkout #payment ul.payment_methods {
    appearance: none;               /* Убирает стандартные стили браузера (для кнопок/инпутов) */
    background: none !important;    /* Убирает фон */
    border: none !important;        /* Убирает рамки */
    box-shadow: none !important;    /* Убирает тени, если они есть */
    margin: 0 !important;           /* Убирает внешние отступы */
    outline: none !important;       /* Убирает контур при фокусе */
    padding: 0 !important;          /* Убирает внутренние поля */
}

/* 2. Убираем специфический серый фон у описания конкретных методов оплаты */
.woocommerce-checkout #payment div.payment_box {
    appearance: none;               /* Убирает стандартные стили браузера (для кнопок/инпутов) */
    background: none !important;    /* Убирает фон */
    border: none !important;        /* Убирает рамки */
    box-shadow: none !important;    /* Убирает тени, если они есть */
    margin: 0 !important;           /* Убирает внешние отступы */
    outline: none !important;       /* Убирает контур при фокусе */
    padding: 0 !important;          /* Убирает внутренние поля */
}

/* 3. Если остается «стрелочка» над описанием, скрываем её */
.woocommerce-checkout #payment div.payment_box::before {
    appearance: none;               /* Убирает стандартные стили браузера (для кнопок/инпутов) */
    background: none !important;    /* Убирает фон */
    border: none !important;        /* Убирает рамки */
    box-shadow: none !important;    /* Убирает тени, если они есть */
    margin: 0 !important;           /* Убирает внешние отступы */
    outline: none !important;       /* Убирает контур при фокусе */
    padding: 0 !important;          /* Убирает внутренние поля */
}

/* **** **** **** **** **** **** **** **** **** **** **** **** **** **** **** **** */
/* **** **** **** **** **** **** **** **** **** **** **** **** **** **** **** **** */

/* Stripe styles */

/* 1. Полное обнуление всех оберток в зоне Stripe */
.wc-stripe-card-element,
.wc-stripe-card-element *,
.stripe-source-errors,
.wc-stripe-elements-field,
#stripe-card-element,
#stripe-exp-element,
#stripe-cvc-element {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    margin: 0 !important;
    outline: none !important;
    padding: 0 !important;
}

/* 2. Убираем рамки, которые часто добавляет тема WooCommerce для блоков оплаты */
#payment .payment_methods li .payment_box,
#payment .payment_methods li .payment_box::before,
#payment .payment_methods li .payment_box::after {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 3. Если рамка осталась только у самого input внутри iframe */
/* (это на случай, если используется старый интерфейс Stripe) */
.StripeElement,
.StripeElement--focus,
.StripeElement--invalid {
    border: none !important;
    box-shadow: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 4. Принудительно убираем лишние промежутки между строками в форме */
.form-row.wc-stripe-elements-field {
    margin-bottom: 0 !important;
    padding-bottom: 0px !important;
}

/* **** **** **** **** **** **** **** **** **** **** **** **** **** **** **** **** */
/* **** **** **** **** **** **** **** **** **** **** **** **** **** **** **** **** */

/* Стили кнопки "Подтвердить заказ */

/* 1. Стили для кнопки "Подтвердить заказ" */
.woocommerce-checkout #place_order {
    background-color: #a50022;
    border-radius: 7vw;
    border: 2px solid #a50022;
    box-shadow: none;
    color: #ffffff;
    padding: 15px 0;
    transition: background-color 0.8s ease, color 0.8s ease;
    width: 30%;
}

/* 2. Стили для кнопки "Подтвердить заказ" при наведении курсора */
.woocommerce-checkout #place_order:hover {
    background-color: transparent;
    color: #a50022;
}
/* 0010__woo__how-are-the-classes-conducted-youtube__iframe.css */
/* Ширина контейнера YouTube 100%*/
.is-layout-constrained> :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
	max-width: 100% !important;
}

/* Мобильная версия */
@media (max-width: 767px) {
	iframe[src*="youtube.com"] {
		border-radius: 7vw;
	}
}

/* ПК */
@media (min-width: 768px) {
	iframe[src*="youtube.com"] {
		border-radius: 2vw;
	}
}
/* 0010__woo__how-are-the-classes-conducted-youtube__reset-margin-block-start.css */
/* Reset the: root style */
.my-tab-content-video-classes {
    margin-block-start: 0;
}
/* 0010__woo__product__card-product-default-tabs-hidden.css */
/* Убрать стандартную вкладку - Описание */
.wp-block-woocommerce-product-details .wc-tabs>li {
  display: none !important;
}

/* Убрать стандартную вкладку Вам также будет интересно…  */
.upsells.products {
  display: none;
}