.mfp-close, .order-popup-list li figure img, .order-popup-list li span { -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }


.mfp-zoom-out .mfp-content { width: auto !important; vertical-align: middle !important; display: inline-block; margin-top: 35px; margin-bottom: 35px; } 
.mfp-zoom-out .popup-wrapper { display: block !important; position: relative; width: 100% !important; max-width: 1050px !important; background: #fff; padding: 30px 20px; -webkit-box-shadow: 13px 13px 25px rgba(0,0,0,0.15); -moz-box-shadow: 13px 13px 25px rgba(0,0,0,0.15); box-shadow: 13px 13px 25px rgba(0,0,0,0.15); border-radius: 22px; z-index: 100000; }
.mfp-zoom-out .popup-wrapper.popup-wrapper-min { width: 660px !important; }
.mfp-zoom-out .mfp-close, .modal a.close-modal { top: 15px !important; right: 15px !important; width: 38px !important; height: 38px !important; line-height: 38px; color: #fff !important; font-size: 35px !important; background: #f7941e !important; border-top: 0; border-right: 0; border: 0; border-radius: 100%; opacity: 1 !important; }
.mfp-zoom-out .mfp-close:hover { background: #c67413 !important; }
/* Попап «Де купити?»: без backdrop-filter: blur(18px) на весь екран — розмиття сторінки перераховувалось на КОЖНОМУ кадрі
   анімації й давало помітне гальмування (особливо на ноутбуках). Замість нього — трохи темніше тло.
   Анімуються лише opacity/transform (не «all»), менший масштаб, коротше. Старий варіант: backup/product-page-before_29.09.2026/ */
.mfp-zoom-out.mfp-bg { background: rgba(41, 35, 49, 0.6); opacity: 0; -webkit-transition: opacity 0.25s ease-out; transition: opacity 0.25s ease-out; }
.mfp-zoom-out.mfp-ready.mfp-bg { opacity: 1; }
.mfp-zoom-out.mfp-removing.mfp-bg { opacity: 0; }
.mfp-zoom-out .mfp-with-anim { opacity: 0; -webkit-transform: scale(1.08); transform: scale(1.08); -webkit-transition: opacity 0.25s ease-out, -webkit-transform 0.25s ease-out; transition: opacity 0.25s ease-out, transform 0.25s ease-out; will-change: opacity, transform; }
.mfp-zoom-out.mfp-ready .mfp-with-anim { opacity: 1; -webkit-transform: none; transform: none; }
.mfp-zoom-out.mfp-removing .mfp-with-anim { opacity: 0; -webkit-transform: scale(1.08); transform: scale(1.08); }


.popup-wrapper h3, .popup-wrapper .stagh3 { font-size: 35px; text-align: center; border-bottom: 1px solid #ddd; padding-bottom: 20px; margin-bottom: 20px; }
.order-popup-list { display: -ms-flexbox; display: flex; justify-content: space-between; /*-ms-flex-wrap: wrap; flex-wrap: wrap;*/  }
.order-popup-list li { /*display: inline-block; vertical-align: top; width: 260px; margin: 0 -2px;*/ padding-left: 15px; padding-right: 15px;  }
.order-popup-list.oneline-list li { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-bottom: 15px; }
.order-popup-list li figure { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; height: 65px; margin: 0; }
.order-popup-list li figure img { width: auto; height: auto; max-width: 230px; max-height: 100%; }
.order-popup-list li figure img:hover { scale: 1.04; }
.order-popup-list li span { display: block; padding: 12px 15px; font-size: 19px; font-weight: bold; text-align: center; text-transform: uppercase; background: #f6f6f6; border: 1px solid rgba(0,0,0,0.1); border-radius: 5px; }
.order-popup-list li span:hover { color: #f7941e; background: #ddd; }


@media (max-width: 1200px) { 
.mfp-zoom-out .popup-wrapper, .mfp-zoom-out .popup-wrapper.popup-wrapper-min { width: 100% !important; }
.order-popup-list li { /*-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; margin-bottom: 15px;*/ }
.order-popup-list li figure { height: 45px; }
}


@media (max-width: 968px) { 
.order-popup-list { justify-content: none; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.order-popup-list li { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; margin-bottom: 25px; }
.order-popup-list li:last-child { margin-bottom: 0; }
}




@media (max-width: 580px) { 
.order-popup-list li { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
.popup-wrapper h3, .popup-wrapper .stagh3 { font-size: 30px; }
.order-popup-list li span { font-size: 17px; }
.order-popup-list li figure { height: 60px; }
.order-popup-list li figure img { max-width: 220px; }
}

/* Вікно «Де купити?»: ширина як була, лише трохи вище (скруглення 22px лишається).
   Логотипи аптек — у стовпчик по центру; без рамок і тла, при наведенні — плавне збільшення логотипа. */
.mfp-zoom-out .popup-wrapper,
.mfp-zoom-out .popup-wrapper.popup-wrapper-min {
    width: 470px !important; /* як було з логотипами в ряд */
    max-width: calc(100vw - 32px) !important;
    min-height: 30rem;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.mfp-zoom-out .popup-wrapper .order-popup-list {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 14px;
}
.mfp-zoom-out .popup-wrapper .order-popup-list li {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 26rem;
    max-width: 100%;
    margin: 0;
    padding: 0;
}
.mfp-zoom-out .popup-wrapper .order-popup-list li a {
    display: block;
    padding: 6px 0;
}
.mfp-zoom-out .popup-wrapper .order-popup-list li figure {
    height: 44px;
}
.mfp-zoom-out .popup-wrapper .order-popup-list li figure img {
    max-width: 100%;
}
.mfp-zoom-out .popup-wrapper .order-popup-list li figure img {
    -webkit-transition: -webkit-transform .35s ease;
    transition: transform .35s ease;
}
/* при наведенні — лише плавне збільшення логотипа (як було спочатку), без рамок і тла */
.mfp-zoom-out .popup-wrapper .order-popup-list li figure img:hover {
    scale: 1;
}
.mfp-zoom-out .popup-wrapper .order-popup-list li a:hover figure img,
.mfp-zoom-out .popup-wrapper .order-popup-list li a:focus-visible figure img {
    -webkit-transform: scale(1.08);
            transform: scale(1.08);
}