@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//medicaloborudovanie.mediakit.by/wp-content/themes/woodmart/fonts/woodmart-font-2-400.woff2?v=7.5.0") format("woff2");
}

:root {
	--wd-text-font: "Montserrat Alternates", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(37,32,63);
	--wd-text-font-size: 16px;
	--wd-title-font: "Montserrat", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 500;
	--wd-title-color: rgb(37,32,63);
	--wd-entities-title-font: "Montserrat", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 400;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Montserrat Alternates", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Montserrat", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 500;
	--wd-widget-title-transform: none;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Montserrat", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 500;
	--wd-header-el-transform: none;
	--wd-header-el-font-size: 16px;
	--wd-brd-radius: 15px;
	--wd-primary-color: rgb(234,79,49);
	--wd-alternative-color: rgb(37,32,63);
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: rgb(234,79,49);
	--btn-accented-bgcolor-hover: rgb(37,32,63);
	--btn-transform: none;
	--wd-form-brd-width: 1px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
}
.woodmart-woocommerce-layered-nav .wd-scroll-content {
	max-height: 223px;
}
.wd-popup.wd-age-verify {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
	--wd-popup-width: 800px;
}
.header-banner {
	background-color: rgb(227,162,141);
	background-image: none;
}
.page-title-default {
	background-color: rgb(247,243,240);
	background-image: none;
	background-size: cover;
	background-position: center center;
}
.footer-container {
	background-color: rgb(37,32,63);
	background-image: none;
}
html .wd-nav-mobile > li > a {
	text-transform: none;
}
html .product.category-grid-item .wd-entities-title, html .product.category-grid-item.cat-design-replace-title .wd-entities-title, html .wd-masonry-first .category-grid-item:first-child .wd-entities-title, html .product.wd-cat .wd-entities-title {
	text-transform: capitalize;
}
.page .main-page-wrapper {
	background-color: rgb(252,252,252);
	background-image: none;
}
html .wd-buy-now-btn {
	background: rgb(234,79,49);
}
html .wd-buy-now-btn:hover {
	background: rgb(37,32,63);
}
body, [class*=color-scheme-light], [class*=color-scheme-dark], .wd-search-form[class*="wd-header-search-form"] form.searchform, .wd-el-search .searchform {
	--wd-form-bg: rgb(255,255,255);
}
.product-labels .product-label.onsale {
	background-color: rgb(255,226,138);
	color: rgb(37,32,63);
}
.product-labels .product-label.new {
	background-color: rgb(191,238,217);
	color: rgb(37,32,63);
}
.product-labels .product-label.featured {
	background-color: rgb(255,202,216);
	color: rgb(37,32,63);
}
.wd-popup.popup-quick-view {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 5px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 35px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 35px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
}

@media (min-width: 1222px) {
[data-vc-full-width]:not([data-vc-stretch-content]),
:is(.vc_section, .vc_row).wd-section-stretch {
padding-left: calc((100vw - 1222px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
padding-right: calc((100vw - 1222px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
}
}


/* 1. Убираем заглавные буквы (оставляем регистр как в тексте HTML) */
.custom-oval-tabs .wd-products-tabs .wd-nav-tabs .nav-link-text {
    text-transform: none !important;
}

/* 3 и 4. Неактивные вкладки: форма овала, цвет #F7F3F0 */
.custom-oval-tabs .wd-products-tabs .wd-nav-tabs > li > a {
    background-color: #F7F3F0 !important;
    border-radius: 50px !important;
    padding: 10px 25px !important;
    color: #333 !important;
    transition: all 0.3s ease !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
}

/* Отступы между овалами, чтобы они не слипались */
.custom-oval-tabs .wd-products-tabs .wd-nav-tabs > li {
    margin: 0 5px 10px 5px !important;
}

/* 2. Активная вкладка и наведение: цвет #ea4f31 и белый текст */
.custom-oval-tabs .wd-products-tabs .wd-nav-tabs > li.wd-active > a,
.custom-oval-tabs .wd-products-tabs .wd-nav-tabs > li:hover > a {
    background-color: #ea4f31 !important;
    color: #ffffff !important;
}

/* --- ПОЛНОЕ УДАЛЕНИЕ ПОДЧЕРКИВАНИЯ WOODMART --- */
/* Скрываем линии, созданные через ::after и ::before */
.custom-oval-tabs .wd-nav.wd-style-underline > li > a::after,
.custom-oval-tabs .wd-nav.wd-style-underline > li > a::before,
.custom-oval-tabs .wd-nav.wd-style-underline > li > a .nav-link-text::after,
.custom-oval-tabs .wd-nav.wd-style-underline > li > a .nav-link-text::before,
.custom-oval-tabs .wd-nav.wd-style-underline > li::after {
    display: none !important;
    content: none !important;
    opacity: 0 !important;
}

/* Убираем рамки и системное подчеркивание текста */
.custom-oval-tabs .wd-nav.wd-style-underline > li > a,
.custom-oval-tabs .wd-nav.wd-style-underline > li > a .nav-link-text {
    border-bottom: none !important;
    box-shadow: none !important;
    text-decoration: none !important;
}




/* --- ПЛАВНОСТЬ И СГЛАЖИВАНИЕ (Базовое состояние) --- */
.custom-hover-cards .vc_column-inner {
    transition: all 0.3s ease-in-out !important;
}

.custom-hover-cards .info-box-icon img {
    transition: all 0.3s ease-in-out !important;
    /* Улучшаем качество картинки при повороте (убираем "лесенку" на краях) */
    backface-visibility: hidden !important;
    -webkit-backface-visibility: hidden !important;
}

/* --- ИСПРАВЛЕНИЕ СРЕЗАННЫХ УГЛОВ --- */
/* Разрешаем иконке выходить за пределы контейнера при повороте */
.custom-hover-cards .box-icon-wrapper,
.custom-hover-cards .info-box-icon,
.custom-hover-cards .wd-info-box {
    overflow: visible !important;
}

/* --- 1. ПРИПОДНЯТИЕ И ТЕНЬ КАРТОЧКИ ПРИ НАВЕДЕНИИ --- */
.custom-hover-cards .wpb_column:hover .vc_column-inner {
    transform: translateY(-8px) !important;
    box-shadow: 0 15px 25px rgba(0, 0, 0, 0.08) !important;
}

/* --- 2. ПОВОРОТ ИКОНКИ ВЛЕВО ПРИ НАВЕДЕНИИ --- */
.custom-hover-cards .wpb_column:hover .info-box-icon img {
    /* translateZ(0) включает аппаратное ускорение, чтобы углы оставались идеально гладкими */
    transform: rotate(-15deg) translateZ(0) !important; 
}




/* --- ПЛАВНОСТЬ АНИМАЦИИ (Базовое состояние) --- */
/* В этой структуре WP Bakery задал ваши цвета и скругления прямо самому элементу wd-info-box, поэтому анимируем его */
.custom-list-cards .wd-info-box {
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out !important;
}

/* --- ПРИПОДНЯТИЕ И ТЕНЬ КАРТОЧКИ ПРИ НАВЕДЕНИИ --- */
/* Эффект срабатывает только при наведении на конкретную карточку */
.custom-list-cards .wd-info-box:hover {
    transform: translateY(-8px) !important;
    box-shadow: 0 15px 25px rgba(0, 0, 0, 0.08) !important;
    z-index: 10; /* На всякий случай делаем карточку поверх остальных при поднятии */
}


/* Меняем цвет только у текста-подписи в счетчиках */
.custom-counter-row .counter-label {
    color: #25203f !important;
}



/* --- 1. БАЗОВЫЙ ВИД ВОПРОСА (Закрытое состояние) --- */
.custom-faq-accordion .wd-accordion-item {
    background-color: #F7F3F0 !important; /* Цвет заливки */
    border: 1px solid #EA4F311F !important; /* Легкая обводка с прозрачностью */
    border-radius: 12px !important; /* Скругление углов как на макете */
    margin-bottom: 12px !important; /* Отступ между вопросами */
    overflow: hidden !important;
    transition: all 0.3s ease !important;
}

/* Убираем стандартные рамки темы Woodmart */
.custom-faq-accordion .wd-accordion-title,
.custom-faq-accordion .wd-accordion-content {
    border: none !important;
    background: transparent !important;
}

/* Настраиваем внутренние отступы текста */
.custom-faq-accordion .wd-accordion-title {
    padding: 20px 25px !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    flex-direction: row !important; /* Принудительно ставим текст слева, иконку справа */
}
.custom-faq-accordion .wd-accordion-content {
    padding: 0 25px 25px 25px !important;
}
.custom-faq-accordion .wd-accordion-title-text {
    padding: 0 !important;
    margin: 0 !important;
}

/* --- 2. АКТИВНОЕ СОСТОЯНИЕ (Открытый вопрос) --- */
.custom-faq-accordion .wd-accordion-item.wd-active {
    background-color: #ffffff !important; /* Белый фон */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04) !important; /* Мягкая тень как на макете */
    /* Обводка border остается базовой */
}

/* --- 3. ИКОНКА (Плюс / Крестик) --- */
/* Формируем белый кружок для закрытого состояния */
.custom-faq-accordion .wd-accordion-opener {
    position: relative !important;
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    background-color: #ffffff !important;
    border-radius: 50% !important;
    margin-left: 15px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05) !important; /* Легкая тень кружку */
}

/* Скрываем стандартную стрелку Woodmart */
.custom-faq-accordion .wd-accordion-opener::after,
.custom-faq-accordion .wd-accordion-opener::before {
    content: '' !important;
    position: absolute !important;
    background-color: #333 !important; /* Темный цвет плюсика */
    top: 50% !important;
    left: 50% !important;
    transition: transform 0.3s ease, background-color 0.3s ease !important;
}

/* Рисуем горизонтальную линию плюса */
.custom-faq-accordion .wd-accordion-opener::before {
    width: 12px !important;
    height: 2px !important;
    transform: translate(-50%, -50%) !important;
}

/* Рисуем вертикальную линию плюса */
.custom-faq-accordion .wd-accordion-opener::after {
    width: 2px !important;
    height: 12px !important;
    transform: translate(-50%, -50%) !important;
}

/* --- ПОВЕДЕНИЕ ИКОНКИ ПРИ ОТКРЫТИИ (Становится крестиком) --- */
/* Заливка кружка меняется на оранжевый */
.custom-faq-accordion .wd-active .wd-accordion-opener {
    background-color: #ea4f31 !important;
}

/* Линии становятся белыми */
.custom-faq-accordion .wd-active .wd-accordion-opener::before,
.custom-faq-accordion .wd-active .wd-accordion-opener::after {
    background-color: #ffffff !important;
}

/* Вращаем линии на 45 градусов, чтобы получился крестик "Х" */
.custom-faq-accordion .wd-active .wd-accordion-opener::before {
    transform: translate(-50%, -50%) rotate(45deg) !important;
}
.custom-faq-accordion .wd-active .wd-accordion-opener::after {
    transform: translate(-50%, -50%) rotate(45deg) !important;
}



/* --- ПЛАВНОСТЬ АНИМАЦИИ --- */
.custom-inner-hover-cards .wd-info-box,
.custom-inner-hover-cards .info-box-icon img {
    transition: all 0.3s ease-in-out !important;
}

/* Улучшаем качество иконки при повороте */
.custom-inner-hover-cards .info-box-icon img {
    backface-visibility: hidden !important;
    -webkit-backface-visibility: hidden !important;
}

/* Отключаем "срезание" углов у иконки */
.custom-inner-hover-cards .box-icon-wrapper,
.custom-inner-hover-cards .info-box-icon,
.custom-inner-hover-cards .wd-info-box {
    overflow: visible !important;
}

/* --- 1. ПРИПОДНЯТИЕ И ТЕНЬ ПРИ НАВЕДЕНИИ --- */
/* Теперь эффект применяется к самому боксу, где у вас задан цвет */
.custom-inner-hover-cards .wd-info-box:hover {
    transform: translateY(-8px) !important;
    box-shadow: 0 15px 25px rgba(0, 0, 0, 0.08) !important;
    z-index: 10;
}

/* --- 2. ПОВОРОТ ИКОНКИ ВЛЕВО ПРИ НАВЕДЕНИИ --- */
.custom-inner-hover-cards .wd-info-box:hover .info-box-icon img {
    transform: rotate(-15deg) translateZ(0) !important;
}




/* --- ОТКЛЮЧАЕМ ОБРЕЗКУ ГРАНИЦ --- */
/* Разрешаем тени (свечению) выходить за пределы контейнера */
.custom-social-glow .info-box-wrapper,
.custom-social-glow .box-icon-wrapper,
.custom-social-glow .info-box-icon {
    overflow: visible !important;
}

/* --- СОЗДАЕМ ЗАПАС МЕСТА (Чтобы не заезжало на верхний ряд) --- */
.custom-social-glow .info-box-wrapper {
    margin-right: 15px !important; /* Расстояние между иконками */
    padding-top: 15px !important; /* Даем 15px запаса сверху для подъема и свечения */
    padding-bottom: 15px !important; /* Даем место для свечения снизу */
    display: inline-block !important;
}
.custom-social-glow .info-box-wrapper:last-child {
    margin-right: 0 !important;
}

/* --- БАЗОВОЕ СОСТОЯНИЕ ИКОНКИ --- */
.custom-social-glow .info-box-icon img {
    transition: transform 0.3s ease, filter 0.3s ease !important;
    transform: translateZ(0); 
    will-change: transform, filter;
}

/* --- НАВЕДЕНИЕ: ПОДЪЕМ И СВЕЧЕНИЕ --- */
.custom-social-glow .info-box-wrapper:hover .info-box-icon img {
    /* Приподнимаем иконку (благодаря padding-top теперь она не наедет на текст) */
    transform: translateY(-6px) translateZ(0) !important;
    
    /* Добавляем неоновое свечение */
    filter: drop-shadow(0 0 10px rgba(234, 79, 49, 0.8)) !important;
}



/* Делаем все подзаголовки на сайте в форме овала с обводкой */
.title-subtitle {
    border: 1px solid #ea4f31 !important; /* Ваша обводка 1px и цвет */
    border-radius: 100px !important; /* Скругление для создания идеального овала */
    padding: 6px 18px !important; /* Отступы внутри овала (верх/низ 6px, по бокам 18px) */
    display: inline-block !important; /* Чтобы овал облегал только текст */
    margin-bottom: 15px !important; /* Небольшой отступ снизу, чтобы овал не прилипал к главному заголовку */
}


.hidden-fields-container {
	 display: none !important;
}




/* --- 1. ПОДЛОЖКА И ТЕНЬ ДЛЯ ВСЕЙ КОЛОНКИ С ФОРМОЙ --- */
.custom-form-column .vc_column-inner {
    background-color: #ffffff !important;
    border-radius: 24px !important; /* Скругление углов подложки */
    padding: 40px !important; /* Внутренние отступы от краев до формы */
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.06) !important; /* Мягкая тень */
}

/* --- 2. ПОДПИСИ ПОЛЕЙ (Labels) --- */
.custom-form-column .wpcf7 label {
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #444 !important;
    width: 100%;
}

/* --- 3. ПОЛЯ ВВОДА (Имя, Телефон, Сообщение) --- */
.custom-form-column .wpcf7-form-control.wpcf7-text,
.custom-form-column .wpcf7-form-control.wpcf7-textarea {
    background-color: #F7F3F0 !important; /* Цвет заливки полей */
    border: none !important; /* Убираем стандартные рамки */
    border-radius: 12px !important; /* Скругление углов полей */
    padding: 15px 20px !important; /* Отступы внутри полей */
    font-size: 15px !important; /* Чуть крупнее шрифт для самого ввода */
    color: #333 !important;
    width: 100% !important;
    box-shadow: none !important;
    margin-top: 8px !important; /* Отступ от подписи до поля */
}

/* Цвет примеров (placeholders) внутри полей */
.custom-form-column .wpcf7-form-control::placeholder {
    color: #a0a0a0 !important;
    opacity: 1 !important;
}

/* --- 4. УМЕНЬШЕНИЕ ВЫСОТЫ ПОЛЯ СООБЩЕНИЯ --- */
.custom-form-column .wpcf7-form-control.wpcf7-textarea {
    height: 100px !important; /* Принудительно задаем высоту */
    min-height: 100px !important;
    resize: none !important; /* Запрещаем пользователю растягивать поле */
}

/* --- 5. УСЛОВИЯ ПРИНЯТИЯ (Чекбокс) --- */
.custom-form-column .wpcf7-acceptance .wpcf7-list-item-label {
    font-size: 12px !important;
    color: #777 !important;
    font-weight: 400 !important;
}
.custom-form-column .wpcf7-acceptance {
    margin-top: -10px !important;
    margin-bottom: 15px !important;
    display: block;
}
/* Окрашиваем стандартную галочку в оранжевый (работает в современных браузерах) */
.custom-form-column .wpcf7-acceptance input[type="checkbox"] {
    accent-color: #ea4f31 !important;
    transform: scale(1.2); /* Чуть увеличиваем сам квадратик галочки */
    margin-right: 10px;
}

/* --- 6. КНОПКА ОТПРАВКИ --- */
.custom-form-column .wpcf7-submit {
    background-color: #ea4f31 !important;
    color: #ffffff !important;
    border-radius: 50px !important; /* Делаем кнопку овальной (пилюлей) */
    padding: 18px 30px !important;
    width: 100% !important; /* Растягиваем на всю ширину */
    font-size: 16px !important;
    font-weight: 600 !important;
    border: none !important;
    transition: background-color 0.3s ease !important;
    margin-top: 10px !important;
}

/* Эффект при наведении на кнопку */
.custom-form-column .wpcf7-submit:hover {
    background-color: #d14125 !important; /* Делаем чуть темнее при наведении */
    box-shadow: 0 5px 15px rgba(234, 79, 49, 0.4) !important; /* Оранжевое свечение */
}

/* Убираем лишние отступы параграфов, которые генерирует CF7 */
.custom-form-column .wpcf7 p {
    margin-bottom: 20px !important;
}

/* Выравнивание и стиль слова "необязательно" */
.custom-form-column .optional-label {
    float: right; /* Прижимаем вправо */
    color: #a0a0a0 !important; /* Серый цвет */
    font-weight: 400 !important; /* Убираем жирность */
    font-size: 13px !important; /* Делаем шрифт чуть меньше основного */
}



/* --- ГЛАВНЫЙ КОНТЕЙНЕР ПАНЕЛИ --- */
.custom-floating-panel {
    position: fixed !important;
    right: 0 !important;
    top: 50% !important; /* Центрируем по вертикали */
    transform: translateY(-50%) !important;
    background-color: #F7F3F0 !important; /* Ваш цвет карточек */
    width: 74px !important; /* Ширина в свернутом виде (иконка 44px + отступы 15+15) */
    border-radius: 24px 0 0 24px !important; /* Скругляем только левые углы */
    padding: 15px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 15px !important; /* Расстояние между кнопками */
    box-shadow: -5px 5px 25px rgba(0, 0, 0, 0.08) !important;
    z-index: 99999 !important; /* Поверх всех элементов сайта */
    overflow: hidden !important; /* Прячем текст в свернутом виде */
    box-sizing: border-box !important;
    
    /* Плавная анимация расширения панели */
    transition: width 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}

/* Развернутое состояние при наведении */
.custom-floating-panel:hover {
    width: 200px !important; /* Ширина в развернутом виде */
}

/* --- ОБЩИЕ СТИЛИ КНОПОК --- */
.custom-floating-panel .float-item {
    display: flex !important;
    align-items: center !important;
    text-decoration: none !important;
    gap: 15px !important;
    outline: none !important;
    border: none !important;
}

/* --- КРУЖОЧКИ ИКОНОК --- */
.custom-floating-panel .float-icon {
    width: 44px !important;
    height: 44px !important;
    border-radius: 50% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    flex-shrink: 0 !important; /* Запрещаем иконке сплющиваться */
    transition: transform 0.3s ease !important;
}

/* Эффект пульсации/увеличения самой иконки при наведении на конкретную строку */
.custom-floating-panel .float-item:hover .float-icon {
    transform: scale(1.1) !important;
}

/* Размеры картинок внутри кружочков */
.custom-floating-panel .float-icon img {
    width: 20px !important;
    height: 20px !important;
    object-fit: contain !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* --- ВАШИ ЦВЕТА ДЛЯ КАЖДОЙ ИКОНКИ --- */
.custom-floating-panel .tg-item .float-icon {
    background-color: #C3E2FF !important; /* Синий */
}
.custom-floating-panel .ig-item .float-icon {
    background-color: #FFCAD8 !important; /* Розовый */
}
.custom-floating-panel .phone-item .float-icon {
    background-color: #BFEED9 !important; /* Зеленый */
}

/* --- ТЕКСТ ПОДПИСЕЙ --- */
.custom-floating-panel .float-text {
    font-family: 'Montserrat', sans-serif !important; /* Принудительно задаем шрифт Montserrat */
    font-size: 15px !important;
    font-weight: 500 !important;
    color: #25203f !important; /* Ваш основной темный цвет */
    white-space: nowrap !important; /* Запрещаем тексту переноситься на новую строку */
    opacity: 0 !important; /* Прячем текст по умолчанию */
    transform: translateX(-10px) !important; /* Сдвигаем чуть влево для эффекта выезда */
    transition: all 0.3s ease !important;
}

/* Появление текста при наведении на панель */
.custom-floating-panel:hover .float-text {
    opacity: 1 !important;
    transform: translateX(0) !important;
    transition-delay: 0.1s !important; /* Текст появляется с микро-задержкой после начала расширения панели */
}

/* Адаптация для мобильных устройств (чтобы панель не мешала читать сайт) */
@media (max-width: 768px) {
    .custom-floating-panel {
        transform: scale(0.85) translateY(-50%) !important; /* Чуть уменьшаем всю панель */
        transform-origin: right center !important;
    }
}