/* === ОБЩАЯ ОБЁРТКА ДЛЯ ШАПКИ === */#site-header.medium-header .container,.main-header .container{display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;/* ❗ запрещаем перенос */padding:8px 20px;gap:10px;/* уменьшили gap */overflow:hidden}/* === ЛОГОТИП СЛЕВА === */.site-branding{margin-right:10px;flex-shrink:1;/* ❗ логотип сжимается если нужно */}.site-logo img{max-height:45px;/* чуть меньше логотип */height:auto;width:auto;object-fit:contain}/* === НАВИГАЦИЯ ПО ЦЕНТРУ === */.main-navigation{flex-grow:1;overflow:hidden}.main-navigation ul{display:flex;align-items:center;justify-content:flex-start;gap:8px;/* меньше расстояние между пунктами */margin:0;padding:0;list-style:none}.main-navigation li a{font-family:'Inter',sans-serif;/* 🔥 шрифт Inter */font-size:clamp(12px,1.2vw,15px);/* 🔥 авто-сжатие шрифта */font-weight:500;text-decoration:none;color:#111827;white-space:nowrap;/* ❗ без переносов */padding:4px 6px;transition:color 0.3s ease}.main-navigation li a:hover{color:#1e3a8a}/* === КНОПКИ СПРАВА === */.cta-wrapper{display:flex;align-items:center;gap:8px;flex-shrink:1;/* ❗ кнопки сжимаются если нужно */}/* === ЛИПКИЙ ХЭДЕР === */#site-header,.main-header,.header-container{position:sticky;top:0;z-index:9999;background-color:#fff;box-shadow:0 1px 4px rgba(0,0,0,0.05);padding:8px 15px !important;min-height:60px;transition:all 0.2s ease}#site-header.sticky-active .header-container{padding:6px 10px !important;box-shadow:0 2px 4px rgba(0,0,0,0.08)}/* === УБРАТЬ 'Home' ИЗ МЕНЮ ЕСЛИ ЕСТЬ === */.menu-item-home{display:none}/* ===== CART PAGE:FIX Woo products grid inside Elementor/OceanWP ===== */.woocommerce-cart ul.products{display:grid !important;grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:22px !important;margin:18px 0 0 !important;padding:0 !important}.woocommerce-cart ul.products::before,.woocommerce-cart ul.products::after{content:none !important}.woocommerce-cart ul.products li.product{width:auto !important;float:none !important;display:flex !important;flex-direction:column !important;align-items:stretch !important;border:1px solid rgba(0,0,0,.10);border-radius:16px;padding:14px !important;background:#fff;overflow:hidden}/* Картинка товара */.woocommerce-cart ul.products li.product a.woocommerce-LoopProduct-link img{width:100% !important;height:auto !important;border-radius:12px !important;margin:0 0 10px !important;display:block !important}/* Заголовок товара — не дробить по словам */.woocommerce-cart ul.products li.product .woocommerce-loop-product__title,.woocommerce-cart ul.products li.product h2,.woocommerce-cart ul.products li.product h3{font-size:16px !important;line-height:1.25 !important;white-space:normal !important;word-break:normal !important;overflow-wrap:normal !important;margin:4px 0 8px !important;min-height:44px;/* чтобы карточки были ровнее */}/* Цена */.woocommerce-cart ul.products li.product .price{font-size:16px !important;margin:0 0 10px !important}/* Кнопка Add to cart — горизонтально и шириной на всю карточку */.woocommerce-cart ul.products li.product a.button,.woocommerce-cart ul.products li.product .button{display:block !important;width:100% !important;writing-mode:horizontal-tb !important;transform:none !important;white-space:nowrap !important;text-align:center !important;padding:12px 14px !important;border-radius:12px !important;font-weight:700 !important;margin-top:auto !important}/* На всякий случай:отключаем "узкие колонки" от темы */.woocommerce-cart .products.columns-4 li.product,.woocommerce-cart .woocommerce ul.products li.product{clear:none !important}/* Адаптив */@media (max-width:1024px){.woocommerce-cart ul.products{grid-template-columns:repeat(2,minmax(0,1fr)) !important}}@media (max-width:520px){.woocommerce-cart ul.products{grid-template-columns:1fr !important}}/* Скрыть стандартное сообщение пустой корзины и кнопку */.woocommerce-cart p.cart-empty,.woocommerce-cart .woocommerce-info,.woocommerce-cart .return-to-shop{display:none !important}/* 1) УБИРАЕМ QUICK VIEW (OceanWP/плагины используют разные классы) */.woocommerce-cart .owp-quick-view,.woocommerce-cart .wvn-quick-view,.woocommerce-cart .yith-wcqv-button,.woocommerce-cart .quick-view,.woocommerce-cart a[class*="quick-view"],.woocommerce-cart a[class*="qv"]{display:none !important}/* 2) КАРТОЧКИ — чуть “дороже” */.woocommerce-cart ul.products li.product{border:1px solid rgba(0,0,0,.10) !important;border-radius:16px !important;overflow:hidden !important;background:#fff !important;transition:transform .15s ease,box-shadow .15s ease !important}.woocommerce-cart ul.products li.product:hover{transform:translateY(-2px) !important;box-shadow:0 12px 28px rgba(0,0,0,.10) !important}/* 3) Заголовок и цена — аккуратнее */.woocommerce-cart ul.products li.product .woocommerce-loop-product__title{font-size:15px !important;line-height:1.25 !important;margin:6px 0 8px !important}.woocommerce-cart ul.products li.product .price{font-size:16px !important;font-weight:700 !important;margin:0 0 12px !important}/* 4) КНОПКА ADD TO CART — как главный CTA */.woocommerce-cart ul.products li.product a.button,.woocommerce-cart ul.products li.product .button{width:100% !important;border-radius:12px !important;padding:12px 14px !important;font-weight:800 !important;/* подстройка под твой “синий” бренд (можешь поменять оттенок) */background:#1f3b9d !important;color:#fff !important;border:1px solid rgba(0,0,0,0) !important}.woocommerce-cart ul.products li.product a.button:hover,.woocommerce-cart ul.products li.product .button:hover{filter:brightness(0.95) !important}/* 5) Увеличить кликабельность — курсор и нормальное поведение ссылок */.woocommerce-cart ul.products li.product a.woocommerce-LoopProduct-link{display:block !important;cursor:pointer !important;text-decoration:none !important}/* FI:Popup Maker - mobiiliskrollaus RU:Popup Maker - прокрутка/ширина на мобильных */#pum-1573 .pum-container{width:min(560px,92vw) !important;border-radius:16px !important}#pum-1573 .pum-content{max-height:calc(100vh - 160px);overflow:auto}/* ========================= MOBILE:PAGE LAYOUT (SES) ========================= *//* Планшеты и мобилки */@media (max-width:900px){.ses-wrap{padding:16px !important}.ses-hero{grid-template-columns:1fr !important;gap:16px !important}.ses-h1{font-size:32px !important;line-height:1.1 !important}.ses-lead{font-size:15px !important;max-width:100% !important}.ses-badges{gap:6px !important}.ses-badge{font-size:12px !important;padding:5px 10px !important}.ses-card{padding:16px !important;border-radius:16px !important}.ses-btn{width:100% !important}}/* Очень маленькие экраны */@media (max-width:480px){.ses-wrap{padding:14px !important}.ses-h1{font-size:26px !important}.ses-card-title{font-size:16px !important}.ses-card-sub{font-size:13px !important}.ses-small{font-size:11px !important}}/* ========================= MOBILE:POPUP MAKER ========================= *//* Чтобы поп-ап нормально влезал в экран и скроллился */@media (max-width:768px){.pum-overlay{overflow-y:auto !important}/* скролл по оверлею */.pum-container{width:92vw !important;max-width:92vw !important;margin:24px auto !important;border-radius:14px !important}.pum-content{padding:16px !important}/* Кнопка закрытия чуть удобнее на мобилке */.pum-close{width:36px !important;height:36px !important;line-height:36px !important;font-size:22px !important;border-radius:999px !important}}@media (max-width:480px){.pum-container{margin:16px auto !important}.pum-content{padding:14px !important}}/* ========================= MOBILE:FLUENT FORMS INSIDE POPUP ========================= */@media (max-width:768px){/* Убираем “несколько колонок”,всё в одну */.pum-container .fluentform .ff-el-group,.pum-container .fluentform .ff-el-input--content,.pum-container .fluentform .ff-el-input--label{width:100% !important;max-width:100% !important;float:none !important}/* Поля/селекты на всю ширину */.pum-container .fluentform input[type="text"],.pum-container .fluentform input[type="email"],.pum-container .fluentform input[type="tel"],.pum-container .fluentform select,.pum-container .fluentform textarea{width:100% !important;max-width:100% !important;box-sizing:border-box !important;min-height:44px !important;/* удобнее тапать */}/* Кнопка submit на всю ширину */.pum-container .fluentform button,.pum-container .fluentform input[type="submit"]{width:100% !important;min-height:46px !important;border-radius:12px !important}/* Ровнее отступы между блоками */.pum-container .fluentform .ff-el-group{margin-bottom:12px !important}}/* reCAPTCHA иногда “вылезает” за экран — мягкое уменьшение */@media (max-width:380px){.pum-container .g-recaptcha{transform:scale(0.92);transform-origin:0 0}}/* ========================= OceanWP:2 CTA buttons in menu ========================= *//* DESKTOP (OceanWP main menu) */#site-navigation-wrap .dropdown-menu >li.ses-menu-cta >a{font-family:Inter,sans-serif !important;background:#1e3a8a !important;color:#fff !important;border:1px solid #1e3a8a !important;border-radius:999px !important;padding:8px 12px !important;font-weight:700 !important;line-height:1 !important;text-decoration:none !important;white-space:nowrap !important;transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease !important}#site-navigation-wrap .dropdown-menu >li.ses-menu-cta >a:hover{background:#284eb5 !important;transform:translateY(-1px) !important;box-shadow:0 10px 22px rgba(30,58,138,.22) !important}/* MOBILE (OceanWP Sidr menu) */#sidr .sidr-class-dropdown-menu >li.ses-menu-cta >a{background:#1e3a8a !important;color:#fff !important;border-radius:12px !important;margin:8px 12px !important;padding:12px 14px !important;font-weight:700 !important}/* === MENU CTA:popup buttons (OceanWP desktop + mobile) === *//* базовый стиль для обеих кнопок */#site-navigation a.popmake-1573,#site-navigation a[href*="#popmake-1573"],#site-navigation a.popmake-1619,#site-navigation a[href*="#popmake-1619"],#sidr a.popmake-1573,#sidr a[href*="#popmake-1573"],#sidr a.popmake-1619,#sidr a[href*="#popmake-1619"],#mobile-dropdown a.popmake-1573,#mobile-dropdown a[href*="#popmake-1573"],#mobile-dropdown a.popmake-1619,#mobile-dropdown a[href*="#popmake-1619"]{display:inline-flex !important;align-items:center !important;justify-content:center !important;font-family:'Inter',sans-serif !important;font-weight:700 !important;line-height:1 !important;padding:10px 14px !important;border-radius:999px !important;text-decoration:none !important;transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease,color .15s ease,border-color .15s ease}/* 1) Sign up for a free lesson — “залитая” синяя */#site-navigation a.popmake-1573,#site-navigation a[href*="#popmake-1573"],#sidr a.popmake-1573,#sidr a[href*="#popmake-1573"],#mobile-dropdown a.popmake-1573,#mobile-dropdown a[href*="#popmake-1573"]{background:#1677ff !important;border:1px solid #1677ff !important;color:#fff !important;box-shadow:0 10px 22px rgba(22,119,255,.25) !important}/* 2) Sign Up for Classes — “обводка/лайт” */#site-navigation a.popmake-1619,#site-navigation a[href*="#popmake-1619"],#sidr a.popmake-1619,#sidr a[href*="#popmake-1619"],#mobile-dropdown a.popmake-1619,#mobile-dropdown a[href*="#popmake-1619"]{background:rgba(22,119,255,.10) !important;border:1px solid rgba(22,119,255,.45) !important;color:#0b57d0 !important;box-shadow:none !important}/* hover/focus */#site-navigation a[href*="#popmake-1573"]:hover,#site-navigation a[href*="#popmake-1619"]:hover,#site-navigation a.popmake-1573:hover,#site-navigation a.popmake-1619:hover,#sidr a[href*="#popmake-1573"]:hover,#sidr a[href*="#popmake-1619"]:hover,#mobile-dropdown a[href*="#popmake-1573"]:hover,#mobile-dropdown a[href*="#popmake-1619"]:hover{transform:translateY(-1px) !important}/* mobile drawer:сделаем кнопки “на всю ширину” и красивыми */#sidr a.popmake-1573,#sidr a[href*="#popmake-1573"],#sidr a.popmake-1619,#sidr a[href*="#popmake-1619"]{width:calc(100% - 30px) !important;margin:10px 15px !important}