/* ============================================================
   PRODUCT MODAL OVER HEADER V97

   В архиве:
   header sticky = z-index:5000
   product modal = z-index:2300

   Поэтому DARK header был поверх окна товара.

   Исправляем ТОЛЬКО stacking.
   ============================================================ */


/* ============================================================
   ОБЩИЙ PRODUCT QUICK MODAL
   ============================================================ */

#productQuickModal.product-quick-modal{

    /*
     * Выше:
     * - sticky header 5000
     * - catalog dropdown
     * - hero
     * - карточек
     */
    z-index:
        120000!important;

}


/* ============================================================
   ACTIVE STATE
   ============================================================ */

#productQuickModal.product-quick-modal.active{

    position:
        fixed!important;

    inset:
        0!important;

    z-index:
        120000!important;

}


/* ============================================================
   DARK

   На тёмной теме гарантируем:
   backdrop находится поверх шапки.
   ============================================================ */

html[data-site-theme="dark"]
body
#productQuickModal.product-quick-modal,

html[data-site-theme="dark"]
body
#productQuickModal.product-quick-modal.active,

body.site-theme-dark
#productQuickModal.product-quick-modal,

body.site-theme-dark
#productQuickModal.product-quick-modal.active{

    z-index:
        120000!important;

}


/* ============================================================
   LIGHT

   Оставляем ту же архитектуру,
   чтобы обе темы были идентичны по слоям.
   ============================================================ */

html[data-site-theme="light"]
body
#productQuickModal.product-quick-modal,

html[data-site-theme="light"]
body
#productQuickModal.product-quick-modal.active,

body.site-theme-light
#productQuickModal.product-quick-modal,

body.site-theme-light
#productQuickModal.product-quick-modal.active{

    z-index:
        120000!important;

}


/* ============================================================
   КОРОБКА МОДАЛКИ

   Её внутренний stacking не меняем.
   ============================================================ */

#productQuickModal
.product-quick-box{

    position:
        relative!important;

    z-index:
        1!important;

}


/* ============================================================
   HEADER

   НИ sticky, НИ позицию НЕ МЕНЯЕМ.

   Просто фиксируем его ниже product modal.
   ============================================================ */

html body.site-home-modern
.topbar{

    z-index:
        5000!important;

}


/* ============================================================
   ВАЖНО:
   dropdown каталога тоже остаётся внутри header layer.
   Когда открыто окно товара — он физически ниже modal.
   ============================================================ */