:root {--primary-color: #7ab4d5;}.full-width .ubermenu-nav, .container, .row{max-width: 1410px}.row.row-collapse{max-width: 1380px}.row.row-small{max-width: 1402.5px}.row.row-large{max-width: 1440px}.header-main{height: 30px}#logo img{max-height: 30px}#logo{width:78px;}#logo img{padding:30px 0;}#logo a{max-width:10px;}.header-bottom{min-height: 100px}.header-top{min-height: 70px}.transparent .header-main{height: 105px}.transparent #logo img{max-height: 105px}.has-transparent + .page-title:first-of-type,.has-transparent + #main > .page-title,.has-transparent + #main > div > .page-title,.has-transparent + #main .page-header-wrapper:first-of-type .page-title{padding-top: 185px;}.header.show-on-scroll,.stuck .header-main{height:70px!important}.stuck #logo img{max-height: 70px!important}.header-bg-color, .header-wrapper {background-color: #ffffff}.header-bottom {background-color: #ffffff}.top-bar-nav > li > a{line-height: 8px }.header-main .nav > li > a{line-height: 50px }.header-wrapper:not(.stuck) .header-main .header-nav{margin-top: 2px }.header-bottom-nav > li > a{line-height: 10px }@media (max-width: 549px) {.header-main{height: 70px}#logo img{max-height: 70px}}.main-menu-overlay{background-color: #ffffff}.header-top{background-color:#7ab4d5!important;}/* Color */.accordion-title.active, .has-icon-bg .icon .icon-inner,.logo a, .primary.is-underline, .primary.is-link, .badge-outline .badge-inner, .nav-outline > li.active> a,.nav-outline >li.active > a, .cart-icon strong,[data-color='primary'], .is-outline.primary{color: #7ab4d5;}/* Color !important */[data-text-color="primary"]{color: #7ab4d5!important;}/* Background Color */[data-text-bg="primary"]{background-color: #7ab4d5;}/* Background */.scroll-to-bullets a,.featured-title, .label-new.menu-item > a:after, .nav-pagination > li > .current,.nav-pagination > li > span:hover,.nav-pagination > li > a:hover,.has-hover:hover .badge-outline .badge-inner,button[type="submit"], .button.wc-forward:not(.checkout):not(.checkout-button), .button.submit-button, .button.primary:not(.is-outline),.featured-table .title,.is-outline:hover, .has-icon:hover .icon-label,.nav-dropdown-bold .nav-column li > a:hover, .nav-dropdown.nav-dropdown-bold > li > a:hover, .nav-dropdown-bold.dark .nav-column li > a:hover, .nav-dropdown.nav-dropdown-bold.dark > li > a:hover, .is-outline:hover, .tagcloud a:hover,.grid-tools a, input[type='submit']:not(.is-form), .box-badge:hover .box-text, input.button.alt,.nav-box > li > a:hover,.nav-box > li.active > a,.nav-pills > li.active > a ,.current-dropdown .cart-icon strong, .cart-icon:hover strong, .nav-line-bottom > li > a:before, .nav-line-grow > li > a:before, .nav-line > li > a:before,.banner, .header-top, .slider-nav-circle .flickity-prev-next-button:hover svg, .slider-nav-circle .flickity-prev-next-button:hover .arrow, .primary.is-outline:hover, .button.primary:not(.is-outline), input[type='submit'].primary, input[type='submit'].primary, input[type='reset'].button, input[type='button'].primary, .badge-inner{background-color: #7ab4d5;}/* Border */.nav-vertical.nav-tabs > li.active > a,.scroll-to-bullets a.active,.nav-pagination > li > .current,.nav-pagination > li > span:hover,.nav-pagination > li > a:hover,.has-hover:hover .badge-outline .badge-inner,.accordion-title.active,.featured-table,.is-outline:hover, .tagcloud a:hover,blockquote, .has-border, .cart-icon strong:after,.cart-icon strong,.blockUI:before, .processing:before,.loading-spin, .slider-nav-circle .flickity-prev-next-button:hover svg, .slider-nav-circle .flickity-prev-next-button:hover .arrow, .primary.is-outline:hover{border-color: #7ab4d5}.nav-tabs > li.active > a{border-top-color: #7ab4d5}.widget_shopping_cart_content .blockUI.blockOverlay:before { border-left-color: #7ab4d5 }.woocommerce-checkout-review-order .blockUI.blockOverlay:before { border-left-color: #7ab4d5 }/* Fill */.slider .flickity-prev-next-button:hover svg,.slider .flickity-prev-next-button:hover .arrow{fill: #7ab4d5;}/* Background Color */[data-icon-label]:after, .secondary.is-underline:hover,.secondary.is-outline:hover,.icon-label,.button.secondary:not(.is-outline),.button.alt:not(.is-outline), .badge-inner.on-sale, .button.checkout, .single_add_to_cart_button, .current .breadcrumb-step{ background-color:#ffcc00; }[data-text-bg="secondary"]{background-color: #ffcc00;}/* Color */.secondary.is-underline,.secondary.is-link, .secondary.is-outline,.stars a.active, .star-rating:before, .woocommerce-page .star-rating:before,.star-rating span:before, .color-secondary{color: #ffcc00}/* Color !important */[data-text-color="secondary"]{color: #ffcc00!important;}/* Border */.secondary.is-outline:hover{border-color:#ffcc00}.success.is-underline:hover,.success.is-outline:hover,.success{background-color: #396b0a}.success-color, .success.is-link, .success.is-outline{color: #396b0a;}.success-border{border-color: #396b0a!important;}/* Color !important */[data-text-color="success"]{color: #396b0a!important;}/* Background Color */[data-text-bg="success"]{background-color: #396b0a;}.alert.is-underline:hover,.alert.is-outline:hover,.alert{background-color: #7ab4d5}.alert.is-link, .alert.is-outline, .color-alert{color: #7ab4d5;}/* Color !important */[data-text-color="alert"]{color: #7ab4d5!important;}/* Background Color */[data-text-bg="alert"]{background-color: #7ab4d5;}body{font-size: 100%;}@media screen and (max-width: 549px){body{font-size: 100%;}}body{font-family:"Montserrat", sans-serif}body{font-weight: 0}body{color: #333333}.nav > li > a {font-family:"Montserrat", sans-serif;}.mobile-sidebar-levels-2 .nav > li > ul > li > a {font-family:"Montserrat", sans-serif;}.nav > li > a {font-weight: 0;}.mobile-sidebar-levels-2 .nav > li > ul > li > a {font-weight: 0;}h1,h2,h3,h4,h5,h6,.heading-font, .off-canvas-center .nav-sidebar.nav-vertical > li > a{font-family: "Cormorant", sans-serif;}h1,h2,h3,h4,h5,h6,.heading-font,.banner h1,.banner h2{font-weight: 700;}h1,h2,h3,h4,h5,h6,.heading-font{color: #333333;}.alt-font{font-family: "Cormorant", sans-serif;}.alt-font{font-weight: 600!important;}a{color: #333333;}a:hover{color: #333333;}.tagcloud a:hover{border-color: #333333;background-color: #333333;}.pswp__bg,.mfp-bg.mfp-ready{background-color: #2f82ca}.absolute-footer, html{background-color: #333333}/* Custom CSS *//* --- Стили для Мега-меню (для WordPress) --- *//* Контейнер для выпадающего меню - делаем его на всю ширину */.main-navigation .menu-item.has-mega-menu > .sub-menu {display: none; /* Скрыто по умолчанию */position: absolute;top: 100%; /* Появляется под родительским пунктом */left: 0;width: 100vw; /* Занимает всю ширину экрана */min-height: 250px; /* Минимальная высота для контента */background-color: #f7f7f7; /* Легкий фон */box-shadow: 0 8px 16px rgba(0,0,0,0.1);z-index: 1000;padding: 30px 5vw; /* Отступы по бокам, можно настроить */box-sizing: border-box; /* Учитывает padding в ширине */display: flex; /* Используем flexbox для колонок */flex-wrap: wrap; /* Если колонок много, они могут переноситься */justify-content: flex-start; /* Начинаем колонки слева */gap: 30px; /* Промежуток между колонками */}/* Показываем выпадающее меню при наведении на родительский пункт */.main-navigation .menu-item.has-mega-menu:hover > .sub-menu {display: flex; /* Показываем flex-контейнер при наведении */}/* Стили для элементов внутри мега-меню (это ваши подпункты) */.main-navigation .menu-item.has-mega-menu > .sub-menu > .menu-item {flex: 1 1 30%; /* Каждая колонка занимает примерно 30% ширины, чтобы уместилось 3 */max-width: 300px; /* Максимальная ширина колонки, чтобы не растягивались слишком сильно */padding: 0 15px;box-sizing: border-box;/* Дополнительные стили, если хотите, чтобы элементы выглядели как отдельные блоки *//* border-right: 1px solid #eee; */}/* Убираем border-right у последнего элемента в ряду, если он есть */.main-navigation .menu-item.has-mega-menu > .sub-menu > .menu-item:nth-child(3n) {/* border-right: none; */}/* Заголовки колонок (если вы хотите их имитировать) *//* Если у вас нет явных заголовков, но вы хотите, чтобы первый элемент в каждой колонке выглядел как заголовок */.main-navigation .menu-item.has-mega-menu > .sub-menu > .menu-item:first-child,.main-navigation .menu-item.has-mega-menu > .sub-menu > .menu-item:nth-child(4), /* Если это начало 2й "колонки" */.main-navigation .menu-item.has-mega-menu > .sub-menu > .menu-item:nth-child(7) { /* Если это начало 3й "колонки" *//* Можете попробовать стилизовать их как заголовки *//* font-weight: bold; *//* font-size: 1.3em; *//* margin-bottom: 15px; */}/* Стили для ссылок внутри мега-меню */.main-navigation .menu-item.has-mega-menu > .sub-menu li a {display: block;padding: 8px 0;color: #555;text-decoration: none;line-height: 1.5;}.main-navigation .menu-item.has-mega-menu > .sub-menu li a:hover {color: #007bff;}/* Убираем стандартные стрелочки/маркеры у пунктов мега-меню */.main-navigation .menu-item.has-mega-menu > .sub-menu > .menu-item > a {font-weight: bold; /* Делаем верхние элементы более заметными */font-size: 1.1em;margin-bottom: 10px;color: #333;}/* Медиа-запросы для адаптивности */@media (max-width: 992px) { /* На планшетах и меньше */.main-navigation .menu-item.has-mega-menu > .sub-menu {flex-direction: column; /* Колонки выстраиваются вертикально */width: 100%;padding: 20px;gap: 20px;}.main-navigation .menu-item.has-mega-menu > .sub-menu > .menu-item {flex: 1 1 100%; /* Каждый элемент занимает полную ширину */max-width: 100%;padding: 0;}/* Добавляем разделитель между элементами на мобильных */.main-navigation .menu-item.has-mega-menu > .sub-menu > .menu-item:not(:last-child) {border-bottom: 1px solid #eee;padding-bottom: 20px;}}/* Чтобы меню не скрывало верхнюю часть, если там что-то есть */body {padding-top: 0 !important; /* Уберите, если у вас нет проблем с наложением */}/* Custom CSS Mobile */@media (max-width: 549px){.footer__copy {flex-direction: column;line-height: 1;}.footer__copy-left {margin-bottom: 15px;}}.label-new.menu-item > a:after{content:"Новое";}.label-hot.menu-item > a:after{content:"Горячее предложение";}.label-sale.menu-item > a:after{content:"Распродажа";}.label-popular.menu-item > a:after{content:"Самые популярные";}