/* ===========================================================
 ТИмчасова сторінка
   =========================================================== */

#wpforms-25330 .wpforms-field-label {
    color: #ffffff;
}
#wpforms-confirmation-25330 p {
    color: #ffffff; /* твій колір */
}




/* Відступ зліва / справа весь футор*/
.ast-builder-grid-row-container-inner {
    padding-inline: 25px;
}





/* ===========================================================
   FOOTER ПЕРШИЙ РЯД — РАМКА + ВНУТРІШНІ РОЗДІЛЮВАЧІ
   =========================================================== */

/* сам ряд як контейнер рамки */
.site-above-footer-inner-wrap.ast-builder-grid-row{
    display: grid;
    align-items: stretch;

    position: relative;

    border: 1px solid var(--ast-global-color-3);
    border-radius: 12px; /* можна змінити під дизайн */

    overflow: hidden; /* важливо для акуратних кутів */
}

/* щоб колонки однакової висоти */
.site-above-footer-inner-wrap .site-footer-section{
    height: 100%;
    position: relative;
}

/* ===========================================================
   ВЕРТИКАЛЬНІ ЛІНІЇ (НЕ ДОТИКАЮТЬСЯ ДО РАМКИ)
   =========================================================== */

.site-footer-above-section-2::before,
.site-footer-above-section-3::before,
.site-footer-above-section-4::before{
    content: "";
    position: absolute;

    left: 0;
    top: 16px;      /* 🔥 відступ від верхнього бордера */
    bottom: 16px;   /* 🔥 відступ від нижнього бордера */

    width: 1px;
    background: var(--ast-global-color-3);

    pointer-events: none;
}

/* ===========================================================
   PADDING ДЛЯ ВСІХ КОЛОНОК ПЕРШОГО РЯДУ FOOTER
   =========================================================== */
/* верх, низ/ ліво, право*/
.site-above-footer-inner-wrap .site-footer-section{
    padding: 0 20px;
}

/* ===========================================================
   ВІДСТУП ЗВЕРХУ та знизу ДЛЯ ЗАГОЛОВКІВ ПЕРШОГО РЯДУ FOOTER
   =========================================================== */
.site-footer-above-section-1 .footer-info-title,
.site-footer-above-section-2 .footer-info-title,
.site-footer-above-section-3 .footer-info-title,
.site-footer-above-section-4 .footer-info-title{
    padding-top: 20px;
    padding-bottom: 10px;
}

/* ===========================================================
   ВНУТРІШНІ ВІДСТУПИ В КОЛОНКАХ ПЕРШОГО РЯДУ FOOTER
   =========================================================== */

.site-footer-above-section-1 .footer-widget-area-inner,
.site-footer-above-section-2 .footer-widget-area-inner,
.site-footer-above-section-4 .footer-widget-area-inner{
    padding-bottom: 18px;
}




/* ===========================================================
   ЛИСТИ КАТЕГОРІЙ + HOVER і Клік на все поле
   =========================================================== */

footer .gift-tax-list{
    line-height: 1.7 !important;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
}

/* робимо весь ряд клікабельним */
footer .gift-tax-list li a{
    display: block;              /* 🔥 ключовий момент */
    width: 100%;
    
    color: var(--ast-global-color-5) !important;
    text-decoration: none !important;

    padding: 2px 0;              /* трохи “зони кліку” */
    transition: color 0.2s ease;
}

/* hover на весь ряд */
footer .gift-tax-list li:hover a{
    color: var(--ast-global-color-1) !important;
}








/* =========================================
                                                        FOOTER ACCORDIONS ПРАЦЮЄ ТІЛЬКИ В ФУТЕРІ
   ================================================================================================ */

/* -----   прибираємо стандартний marker  --------------- */

footer details > summary::-webkit-details-marker{
    display:none;
}
footer details > summary{
    list-style:none;
}

/*-----  БАЗОВИЙ summary для всіх акордеонів футера------ */

footer details > summary{
    position:relative;
    cursor:pointer;
}

/* ------  СТРІЛКА для всіх акордеонів футера  ---------- */

footer details > summary::after{
    content:"";

    position:absolute;
    top:50%;
    right:0;

    transform:translateY(-50%) rotate(45deg);

    width:8px;
    height:8px;

    border-right:2.5px solid var(--ast-global-color-5);
    border-bottom:2.5px solid var(--ast-global-color-5);

    box-sizing:border-box;

    transition:transform .25s ease;
}

/* відкритий стан */

footer details[open] > summary::after{
    transform:translateY(-50%) rotate(-135deg);
}

/* -----  СПЕЦІАЛЬНО ДЛЯ ФОРМИ  ------------------------*/

footer details.footer-contact-details > summary{
    width:fit-content;
    padding-right:30px;
}

/* стрілка форми */

footer details.footer-contact-details > summary::after{
    right:0;
}

/* -----  СПЕЦІАЛЬНО АКОРДЕОНИ З КАТЕГОРІЯМИ  ---------- */

footer details.wp-block-details > summary{
    width:100%;
    padding-right:15px;
}

/* стрілка */

footer details.wp-block-details > summary::after{
    right:10px;
}

/*-----  OPTIONAL — hover  ------------------------------*/

footer details > summary:hover{
 
    color:var(--ast-global-color-1);
}

/* щоб текст всередині точно фарбувався */
footer details > summary:hover *{
    color:var(--ast-global-color-1);
}


/* ------  HOVER на стрілочку акордеонів футера  ---------- */

footer details > summary:hover::after{
   
    border-right-color:var(--ast-global-color-1);
    border-bottom-color:var(--ast-global-color-1);
}

/* список всередині акордеона футера */

footer details .gift-tax-list{
    padding-left:15px!important;
}


/* =========================================================
   КОНТАКТИ У ФУТЕРІ
   ========================================================= */

/* один пункт контакту */

.footer-contact-item{
    display:flex;
    align-items:flex-start;
    gap:12px;

    color:var(--ast-global-color-5);
    text-decoration:none;
    line-height:2.4;
    transition:.2s ease;
}

/* SVG іконки */
.footer-contact-item svg{
    width:20px;
    height:20px;
    flex-shrink:0;
    color:var(--ast-global-color-1);
    margin-top:7px;
}

/* текст */
.footer-contact-item span{
    color:var(--ast-global-color-5);
}

/* блок графіку роботи */
.footer-work-hours{
    margin-top:20px;
    line-height:1.7;
}

a.footer-contact-item:hover span{
    color:var(--ast-global-color-1);
}











/*=====================================================
                                                                Заголовки першого ряду
 ==============================================================================*/

.footer-info-title{
    display:flex;
    align-items:center;
    gap:10px;

    margin-bottom:18px;
}

.footer-info-icon{
    width:30px;
    height:30px;
    flex-shrink:0;

    color:var(--ast-global-color-0);
}

.footer-info-heading{
    color:var(--ast-global-color-5);
}

/* ----- ASTRA FOOTER MENU-------------------------------

#footer-site-navigation{
    margin-top:0 !important;
}

/* ul 

#footer-site-navigation .ast-nav-menu{
    display:flex;
    flex-direction:column;
    gap:10px;

    margin:0 !important;
    padding:0 !important;

    list-style:none;
}

/* li 

#footer-site-navigation .menu-item{
    margin:0 !important;
    padding:0 !important;
}

/* links*/ 

#footer-site-navigation .menu-link{
   /* display:inline-flex;
    align-items:center;

    padding:0 !important;

    font-size:14px;
    font-weight:400;*/
    line-height:2;
    /*text-decoration:none;

    color:var(--ast-global-color-2);

    transition:color .2s ease;*/
}

#footer-site-navigation .menu-link:hover{
    color:var(--ast-global-color-1)!important;
}

/* active 

#footer-site-navigation .current-menu-item > .menu-link{
    color:var(--ast-global-color-0);
}









/* ===========================================================
   DARBOX FOOTER — Другий ряд
   =========================================================== */

.site-primary-footer-inner-wrap {
    align-items: stretch;
}

/* ===========================================================
   КОЛОНКИ
   =========================================================== */

.site-footer-primary-section-1,
.site-footer-primary-section-2,
.site-footer-primary-section-3 {
    display: flex;
    justify-content: center;
    position: relative;
}


/* ===========================================================
   ВЕРТИКАЛЬНІ РОЗДІЛЮВАЧІ — ДРУГИЙ РЯД FOOTER
   (ПОВНА ВИСОТА КОЛОНОК, БЕЗ ФІКСОВАНИХ px)
   =========================================================== */

/* reference для псевдоелементів */
.site-footer-primary-section-2,
.site-footer-primary-section-3{
    position: relative;
}

/* самі розділювачі */
.site-footer-primary-section-2::before,
.site-footer-primary-section-3::before{
    content: "";
    position: absolute;

    left: -20px;
    top: 0;
    bottom: 0; /* 🔥 ключ: тягнеться на всю висоту */

    width: 1px;
    background: var(--ast-global-color-3);

    pointer-events: none;
}

/* ===========================================================
   ВИРІВНЮВАННЯ ВИСОТИ КОЛОНОК (критично для Astra)
   =========================================================== */

.site-footer-primary-section-row,
.site-footer-primary-section-wrap{
    display: flex;
    align-items: stretch; /* всі колонки однакової висоти */
}

.site-footer-primary-section-2,
.site-footer-primary-section-3{
    height: 100%;
}
/* ===========================================================
   1. ЛОГО БЛОК
   =========================================================== */

.darbox-footer-logo-wrap {
    width: 100%;
    display: flex;
}

.darbox-footer-brand {
    width: 100%;

    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 15px;

    padding: 10px 15px;
}

.darbox-footer-logo {
    display: flex;
    justify-content: center;
    line-height: 0;
}

.darbox-footer-logo img {
    width: 200px;
    height: auto;
    display: block;
}

.darbox-footer-description {
    margin: 0;
    /*font-size: 14px;
    line-height: 1.6;*/
    color: var(--ast-global-color-5);
    max-width: 280px;
}

.darbox-footer-description strong {
    font-weight: 400;
}

/* ===========================================================
   2. СОЦІАЛЬНІ МЕРЕЖІ
   =========================================================== */

.ast-footer-social-wrap {
    width: 100%;

    display: flex;
    justify-content: center;
    align-items: center;

    padding: 42px 15px ;

    position: relative;
}

.ast-footer-social-wrap::before {
    content: "Ми в соціальних мережах";
    position: absolute;
    top: 10px;
    left: 5px;

    background: var(--ast-global-color-2);
    padding: 0 10px;

    /*font-size: 12px;*/
    color: var(--ast-global-color-5);
}

/* ===========================================================
   3. КОНТАКТИ + ФОРМА
   =========================================================== */

.site-footer-primary-section-3 .footer-widget-area {
    width: 100%;
    padding: 15px 25px ;
}

/* =========================================
   ВІДСТУПИ акордеона "Написати нам" у футері
   ========================================= */

footer details.footer-contact-details{
    padding-top:14px;
    padding-bottom:14px;
}













/* =============================================
   ФУТЕР — ПРАВИЙ БЛОК (Правила + Політика)
   В один ряд, без переносу
================================================*/



/* забороняємо перенос */
.footer-legal-links{
  white-space:nowrap;
}

/* прибираємо <br> */
.footer-legal-links br{
  display:none;
}

/* розділювач */
.footer-separator{
  margin:0 10px;
}














/*=================================================================
               Політика конфіденційності 
===================================================================*/

/* Прибирає відступ над крихтами*/
.page-id-3 #primary,
.page-id-14662 #primary {
    margin-top: 0 !important;
}

/* Додає відступ під крихтами */
.page-id-3 .ast-breadcrumbs,
.page-id-14662 .ast-breadcrumbs {
    margin-bottom: 40px;
}

/* Відступи верх/низ | ліво/право */
.page-id-3 .ast-article-single,
.page-id-14662 .ast-article-single {
    padding: 10px 20px; 
    padding-left: 30px!important; 
}

/* Зменшує ширину сторінки */
.page-id-3 #primary,
.page-id-14662 #primary {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}












/*     Нотіси        */
.woocommerce-info {
  background: var(--ast-global-color-4);
  border: none;
  color: var(--ast-global-color-3);
}

.woocommerce-message {
  background: var(--ast-global-color-6);
  color: var(--ast-global-color-3);
}

.woocommerce-error {
  background: #fff4f4;
  color: var(--ast-global-color-8);
}

.woocommerce-error,
.woocommerce-info,
.woocommerce-message{
  border: none !important;
}



















/* ======================================================
   Прибирає ВСІ WooCommerce повідомлення
====================================================== */
/*.woocommerce-notices-wrapper {
  display: none !important;
}*/
/* прибирає тільки додано до кошика */
.woocommerce-message {
  display: none !important;
}






/* =====================================Кнопка показати ще адони
.prad-show-more-btn {
    font: inherit!important;
    color: var(--ast-global-color-7)!important;
}
.prad-show-more-btn,
.prad-show-more-btn * {
    text-decoration: none !important;
}
.prad-show-more-btn:hover {
    color: var(--ast-global-color-0,#8A5BDA)!important;
    text-decoration: none;
}
*/














/* КНОПКИ В МІНІ-КОШИКУ 
.woocommerce-mini-cart__buttons .button {
  background: var(--ast-global-color-5) !important;
  color: var(--ast-global-color-3) !important;
  border: 1px solid var(--ast-global-color-0) !important;
  padding: 6px 24px !important;
  border-radius: 6px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  transition: all .18s ease;
  transform: translateY(-5px);
}

/* hover (щоб було як у карточках) 
.woocommerce-mini-cart__buttons .button:hover {
 background: var(--ast-global-color-4) !important;
 border: 1px solid var(--ast-global-color-0) !important;
}

/* Контейнер кастомного чекбокса — міні-кошик 
.woocommerce-mini-cart .darbox-cart-select{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:5px;
  cursor:pointer;
  color:inherit;
}


/* Ховаємо нативний checkbox 
.woocommerce-mini-cart .darbox-cart-select input[type="checkbox"]{
  position:absolute;
  opacity:0;
  width:1px;
  height:1px;
  pointer-events:none;
}

/* Контейнер кастомного чекбокса 
.woocommerce-mini-cart .darbox-cart-select{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:5px;
  cursor:pointer;
  color:inherit;
}

/* Візуальний квадрат чекбокса 
.woocommerce-mini-cart .darbox-cart-select-ui{
  width:18px;
  height:18px;
  border:1px solid var(--ast-border-color,#9fa79d);
  border-radius:4px;
  background:transparent;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
  transition:border-color .2s ease;
}

/* Hover — якщо не вибрано 
.woocommerce-mini-cart .darbox-cart-select:hover
input[type="checkbox"]:not(:checked)
+ .darbox-cart-select-ui{
  border-color:var(--ast-global-color-0,#8A5BDA);
}

/* Галочка 
.woocommerce-mini-cart .darbox-cart-select-ui::after{
  content:"";
  width:10px;
  height:6px;
  border-left:2px solid var(--ast-global-color-0,#8A5BDA);
  border-bottom:2px solid var(--ast-global-color-0,#8A5BDA);
  transform: rotate(-45deg) translate(1px, -1px);
  opacity:0;
  transition:opacity .15s ease;
}

/* Стан — вибрано 
.woocommerce-mini-cart .darbox-cart-select input[type="checkbox"]:checked
+ .darbox-cart-select-ui{
  border-color:currentColor;
}

.woocommerce-mini-cart .darbox-cart-select input[type="checkbox"]:checked
+ .darbox-cart-select-ui::after{
  opacity:1;
}

*/










































/* =====================================================
   DARBOX GLOBAL STYLES
   Mega Menu — Показати більше
===================================================== 

.max-mega-menu .mega-sub-menu > .mega-show-more{
  margin-top: 8px;
}
.max-mega-menu .mega-sub-menu > .mega-show-more button{
  cursor: pointer;
}
*/
/* =====================================================
   Фокус 
===================================================== */
:focus{
  outline:1px dashed var(--ast-global-color-6);
  outline-offset:4px;
}

:focus-visible{
  outline:1px dashed var(--ast-global-color-6);
}


/* прибрати лінії у шапці Astra */
.site-header .ast-container::before{
  display:none !important;
  content:none !important;
}






/*=====прибрати всі бордери у кнопки меню ======*/
.ast-button-wrap .menu-toggle,
.ast-mobile-menu-trigger-minimal,
.menu-toggle.main-header-menu-toggle {
    border: none !important;
    box-shadow: none !important;
}
.ast-button-wrap .menu-toggle::before,
.ast-button-wrap .menu-toggle::after {
    display: none !important;
}

.ast-button-wrap .menu-toggle:focus,
.ast-button-wrap .menu-toggle:active,
.ast-button-wrap .menu-toggle:focus-visible {
    outline: none !important;
    box-shadow: none !important;
}


/* ===== Тінь під шапкою===== */
.ast-main-header-bar{
  box-shadow:0 2px 8px rgba(0,0,0,0.05);
}


/* =========================================================
            БЕЙДЖІ НА ТОВАРІ
========================================================= */

/* ===== BASE BADGE ===== */
.darbox-badge{
  display:inline-block;
  padding:6px 8px;
  font-size:8px;
  line-height:1;
  font-weight:600;
  text-transform:uppercase;
  border-radius:999px;
  white-space:nowrap;
  letter-spacing:.3px;
}

.darbox-badge-hit{ background:#e53935; color:#fff; }
.darbox-badge-new{ background:#43a047; color:#fff; }
.darbox-badge-limited{ background:#1e88e5; color:#fff; }
.darbox-badge-sale{ background: var(--ast-global-color-0,#8A5BDA); color:#fff; }

/* Контейнер */
.darbox-badges-left{
  position:absolute;
  top:10px;
  left:6px;
  right:80px; /* резерв під wishlist */
  display:flex;
  flex-wrap:wrap;
  gap:4px;
  z-index:20;
  pointer-events:none;
}

/* Важливо: щоб absolute працював у слайді */
.woocommerce-product-gallery__image{
  position:relative;
}

/* Mobile */
@media(max-width: 768px){
  .darbox-badges-left{ top:8px; left:8px; right:60px; }
}

/* Сховати стандартний Sale badge Astra */
.ast-onsale-card { display:none !important; }

.woocommerce-product-gallery{
  position:relative;
}
/* Стилі поверх галереї, для бейджів*/
.darbox-gallery-badges-wrap .darbox-badges-left{
  position:absolute;
  top:10px;
  left:10px;
  right:80px;
  z-index:30;
  pointer-events:none;
}

/* ARCHIVE: якір під бейджі */
.woocommerce ul.products li.product{
  position: relative;
}




/* =========================================================
   ІКОНКА ОБЛІКОВОГО ЗАПИСУ В ШАПЦІ
========================================================= */


/* ================== SVG контур ================================ */
.ast-header-account-link .account-icon path,
.ast-header-account-link .account-icon circle {
    fill: none !important;
    stroke: #3B264E !important;
    stroke-width: 8px !important;
    stroke-linecap: round;
    stroke-linejoin: round;
    transition: stroke .2s ease-in-out;
}
/* ================ХОВЕР ДЛЯ ІКОНКИ КАБІНЕТУ ======================*/

.ast-header-account-link:hover .account-icon path,
.ast-header-account-link:hover .account-icon circle {
    stroke: #8A5BDA !important;
}


/* ---------------------------------------------------------
   ТЕКСТ ПОРУЧ З ІКОНКОЮ
   --------------------------------------------------------- */

.ast-header-account-text {
    font-family: Georgia, serif;
    font-weight: 400;
    color: #3B264E;
    transition: color .2s ease-in-out;
}


/* ---------------------------------------------------------
   ХОВЕР ДЛЯ ТЕКСТУ
   --------------------------------------------------------- */

.ast-header-account-link:hover .ast-header-account-text {
    color: #8A5BDA;
}


/*      К О Ш ИК     */
/* SVG-іконка кошика — легкий outline */
#ast-basket-icon-svg path {
    fill: none !important;               /* без заливки */
    stroke: #3B264E !important;          /* фірмовий фіолетовий */
    stroke-width: 6.2 !important;        /* легкий, але читабельний */
    stroke-linecap: round;
    stroke-linejoin: round;
    transition: stroke .2s ease;
}
/* ХОВЕР — трохи насиченіший контур */
.cart-container:hover #ast-basket-icon-svg path {
    stroke: #8A5BDA !important;          /* темніший фіолетовий */
}
/* Стилізація суми */
.ast-site-header-cart-li .amount bdi {
   
    font-size: 13px !important;
    font-weight: 600;
    display: inline-block;
    padding-left: 8px;                    /* відступ від іконки */
    position: relative;
    top: -1px;                             /* легке вирівнювання */
    
    /* щоб цифри були рівної висоти */
    font-variant-numeric: lining-nums tabular-nums;
    font-feature-settings: "lnum" 1, "tnum" 1;
}

/* Валюта — трохи спокійніша */
.ast-site-header-cart-li .woocommerce-Price-currencySymbol {
    font-size: 0.9em;
    opacity: .85;
    padding-left: 1px;
}


/* =====================================================
   Breadcrumbs
===================================================== */

.rank-math-breadcrumb{
  font-size:12px;
  color:var(--ast-global-color-7);
  margin-bottom:16px;
}


.rank-math-breadcrumb a{
  color:var(--ast-global-color-3);
  text-decoration:none;
  transition:color .2s ease;
 /* text-decoration:underline;         підкреслення в тексті*/
}

.rank-math-breadcrumb a:hover{
  color:var(--ast-global-color-0);
}


 
 
 /*Сам блок пошуку */

@media (min-width: 922px){
.ast-builder-layout-element.ast-header-html-1[data-section="section-hb-html-1"]{
    flex: 0 0 380px !important;
    width: 380px !important;
    max-width: 500px !important;
    min-width: 450px !important;
}
}
 /*  Щоб внутрішній HTML займав всю ширину*/

@media (min-width: 922px){

.ast-builder-layout-element.ast-header-html-1[data-section="section-hb-html-1"] .ast-header-html,
.ast-builder-layout-element.ast-header-html-1[data-section="section-hb-html-1"] .ast-builder-html-element,
.ast-builder-layout-element.ast-header-html-1[data-section="section-hb-html-1"] .dgwt-wcas-search-wrapp,
.ast-builder-layout-element.ast-header-html-1[data-section="section-hb-html-1"] .dgwt-wcas-search-form,
.ast-builder-layout-element.ast-header-html-1[data-section="section-hb-html-1"] .dgwt-wcas-sf-wrapp{
    width: 100% !important;
    max-width: 100% !important;
}
}




/* ==============================
   Пошукове поле - зменшити бордер
================================= */
.dgwt-wcas-search-input {
border-width: 1px !important;
	
border-style: solid !important; /* стиль (solid, dotted, dashed) */
    border-color: var(--ast-global-color-7) !important; 
	}
	



/* ==============================
 Планшет
=================================*/ 

@media  (max-width: 922px){

/*---------- Меню - ширина випадної панелі------------*/ 

body.ast-header-break-point .ast-mobile-popup-inner ,
body.ast-header-break-point .ast-mobile-popup-content {
width: clamp(300px, 95vw, 380px)!important;
}

/* ==========щоб надпис html блоку мега меню не переносився========*/
  .mega-sub-menu > li {
    width: 50% !important;
  }
  .mega-sub-menu > li.widget_custom_html {
    width: 100% !important;
  }

/*===============Прибирає видимі частини скрола в меню ========*/
/* Контейнер мобільного меню */
.ast-mobile-popup-inner {
    overflow-y: auto;

    /* Firefox */
    scrollbar-width: none;

    /* IE/старі Edge */
    -ms-overflow-style: none;
}

/* Chrome/Safari/Android */
.ast-mobile-popup-inner::-webkit-scrollbar {
    display: none;
}
/*============================================================
має зафіксувати кнопку меню/хрестик щоб шапка не стрибала  
===================================================================*/
 /* 1. БАЗА: прибираємо layout reflow у списку */
    #mega-menu-mobile_menu {
        display: block !important;
    }

    #mega-menu-mobile_menu > li {
        position: relative !important;
        min-height: 48px;
    }

    /* 2. ГОЛОВНЕ: submenu більше НЕ штовхає інші пункти */
    #mega-menu-mobile_menu .mega-sub-menu {
        position: absolute !important;
        left: 0;
        right: 0;
        top: 100%;

        width: 100%;

        z-index: 9999;

        /* прибирає анімаційні reflow-стриби */
        transition: none !important;

        /* щоб не було “розпухання” висоти */
        max-height: none !important;
    }

    /* 3. прибираємо вплив відкритого стану на layout */
    #mega-menu-mobile_menu li.mega-toggle-on {
        position: relative !important;
    }

    /* 4. захист від flex-shrink / Astra перерахунків */
    .mega-menu-item,
    .mega-menu-link {
        flex-shrink: 0 !important;
    }

    /* 5. стабілізуємо popup контейнер */
    .ast-mobile-popup-inner {
        overflow-x: hidden;
        overflow-y: auto;
    }

    /* 6. header не бере участі в перерахунках */
    .ast-mobile-popup-header {
        position: sticky;
        top: 0;
        z-index: 10000;
        background: #fff;
    }



}


/* ===============================================================
    Прибирає фокус на мобільному
    =============================================================== */
@media (hover: none) and (pointer: coarse) {
  .menu-toggle-close:focus {
    outline: none !important;
    box-shadow: none !important;
  }
}























/* ===============================================================
    МЕГА МЕНЮ (тільки з картинками)Змінити кількість в ряду
    =============================================================== */

/* Планшет + мобілка 
@media (max-width: 922px) {

   
    #mega-menu-mobile_menu 
    li.mega-menu-megamenu:has(.widget_media_image).mega-toggle-on 
    > .mega-sub-menu {

        display: grid !important;
        gap: 10px;
    }

    /* Планшет (наприклад 4 в ряд) 
    @media (min-width: 577px) {
        #mega-menu-mobile_menu 
        li.mega-menu-megamenu:has(.widget_media_image).mega-toggle-on 
        > .mega-sub-menu {

            grid-template-columns: repeat(4, 1fr);
        }

        #mega-menu-mobile_menu 
        li.mega-menu-megamenu:has(.widget_media_image) 
        > .mega-sub-menu > li.mega-menu-columns-2-of-6 {

            grid-column: span 4;
        }
    }

    /* Мобілка (3 в ряд) 
    @media (max-width: 576px) {
        #mega-menu-mobile_menu 
        li.mega-menu-megamenu:has(.widget_media_image).mega-toggle-on 
        > .mega-sub-menu {

            grid-template-columns: repeat(3, 1fr);
        }

        #mega-menu-mobile_menu 
        li.mega-menu-megamenu:has(.widget_media_image) 
        > .mega-sub-menu > li.mega-menu-columns-2-of-6 {

            grid-column: span 3;
        }
    }
*/
    /* Скидаємо ширини тільки тут 
    #mega-menu-mobile_menu 
    li.mega-menu-megamenu:has(.widget_media_image) 
    > .mega-sub-menu > li {

        width: 100% !important;
        max-width: 100% !important;
    }
}
*/