.pg-gallery{
    max-width:100%;
    margin:auto;
    background:#fff;
    padding:15px;
    border-radius:12px;
    box-shadow:0 10px 25px rgba(0,0,0,.08);
}

.pg-main{position:relative}

.pg-view{
    height:500px;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:grab;
    transition:opacity .25s ease;
    overflow:hidden;
}

.pg-view:active{
    cursor:grabbing;
}

.pg-view img,
.pg-view video{
    max-width:100%;
    max-height:100%;
    border-radius:10px;
    will-change: transform;
}

/* nav */
.pg-nav{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:38px;
    height:38px;
    background:rgba(0,0,0,.55);
    color:#fff;
    display:flex;
    font-size:26px;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    cursor:pointer;
    user-select:none;
    transition:.2s;
}

.pg-nav:hover{
    background:rgba(0,0,0,.75);
}

.pg-prev{right:10px}
.pg-next{left:10px}

/* thumbs */
.pg-thumbs{
    display:flex;
    gap:5px;
    margin-top:15px;
    overflow-x:auto;
    overflow-y: hidden;
    scroll-behavior:smooth;
    padding: 2px;
}

.pg-thumbs div{
    width:70px;
    height:70px;
    border-radius:8px;
    overflow:hidden;
    cursor:pointer;
    border:1px solid #a1a6b2;
    flex:0 0 auto;
    transition:.2s;
}

.pg-thumbs div:hover{
    transform:scale(1.05);
}

.pg-thumbs img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.pg-thumbs .active{
    border-color:#000;
}

/* video thumb */
.pg-video{
    background:#000;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    height:100%;
}

/* modal */
.pg-modal{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.95);
    z-index:999;
    backdrop-filter: blur(6px);
}

.pg-modal-inner{
    width:100%;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
}

.pg-modal img,
.pg-modal video{
    max-width:92%;
    max-height:92%;
    border-radius:10px;
    cursor:grab;
    will-change: transform;
}

.pg-close{
    position:absolute;
    top:20px;
    right:30px;
    color:#fff;
    font-size:42px;
    cursor:pointer;
    user-select:none;
}

.pg-modal-nav{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:48px;
    height:48px;
    background:rgba(255,255,255,0.12);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:30px;
    cursor:pointer;
    z-index:10;
    border-radius:50%;
    user-select:none;
    transition:.2s;
}

.pg-modal-nav:hover{
    background:rgba(255,255,255,0.25);
}

.pg-modal-prev{ right:20px; }
.pg-modal-next{ left:20px; }

/* mobile */
@media(max-width:768px){
    .pg-view{ height:240px; }
}

/* =========================
   Product Gallery - Fullscreen / Arrows / Theme Fix
   Works For Default + SpeedyFood
   Keep At Very Bottom
========================= */

/* ---------- Page Header Layer Control ---------- */

body.product-page .store-header,
body.product-page .food-header,
body.product-page header {
    z-index: 100 !important;
}

body.product-page .food-account-dropdown,
body.product-page .store-account-menu,
body.product-page .store-account-dropdown {
    z-index: 150 !important;
}

/* ---------- Gallery Base Layer ---------- */

body.product-page #myGallery {
    position: relative;
    z-index: 200;
}

body.product-page #myGallery img {
    position: relative;
    z-index: 1;
}

/* ---------- Fullscreen / Lightbox Layer ---------- */

body.product-page #myGallery [style*="position: fixed"],
body.product-page #myGallery [style*="position:fixed"],
body.product-page [style*="position: fixed"][style*="inset"],
body.product-page [style*="position:fixed"][style*="inset"],
body.product-page [style*="position: fixed"][style*="100vw"],
body.product-page [style*="position:fixed"][style*="100vw"],
body.product-page [style*="position: fixed"][style*="100vh"],
body.product-page [style*="position:fixed"][style*="100vh"] {
    z-index: 999999 !important;
}

body.product-page #myGallery [class*="modal"],
body.product-page #myGallery [class*="Modal"],
body.product-page #myGallery [class*="lightbox"],
body.product-page #myGallery [class*="Lightbox"],
body.product-page #myGallery [class*="fullscreen"],
body.product-page #myGallery [class*="Fullscreen"],
body.product-page #myGallery [class*="overlay"],
body.product-page #myGallery [class*="Overlay"],
body.product-page #myGallery [class*="preview"],
body.product-page #myGallery [class*="Preview"] {
    z-index: 999999 !important;
}

body.product-page #myGallery [class*="modal"] img,
body.product-page #myGallery [class*="Modal"] img,
body.product-page #myGallery [class*="lightbox"] img,
body.product-page #myGallery [class*="Lightbox"] img,
body.product-page #myGallery [class*="fullscreen"] img,
body.product-page #myGallery [class*="Fullscreen"] img,
body.product-page #myGallery [class*="overlay"] img,
body.product-page #myGallery [class*="Overlay"] img,
body.product-page #myGallery [class*="preview"] img,
body.product-page #myGallery [class*="Preview"] img {
    position: relative;
    z-index: 1000000 !important;
}

/* ---------- Gallery Arrows Layer ---------- */

body.product-page #myGallery button,
body.product-page #myGallery [role="button"],
body.product-page #myGallery .prev,
body.product-page #myGallery .next,
body.product-page #myGallery .previous,
body.product-page #myGallery .arrow,
body.product-page #myGallery .gallery-arrow,
body.product-page #myGallery .product-gallery-arrow,
body.product-page #myGallery [class*="arrow"],
body.product-page #myGallery [class*="Arrow"],
body.product-page #myGallery [class*="prev"],
body.product-page #myGallery [class*="Prev"],
body.product-page #myGallery [class*="next"],
body.product-page #myGallery [class*="Next"] {
    position: absolute;
    z-index: 20 !important;
}

body.product-page #myGallery [style*="position: fixed"] button,
body.product-page #myGallery [style*="position:fixed"] button,
body.product-page #myGallery [class*="fullscreen"] button,
body.product-page #myGallery [class*="Fullscreen"] button,
body.product-page #myGallery [class*="lightbox"] button,
body.product-page #myGallery [class*="Lightbox"] button,
body.product-page #myGallery [class*="modal"] button,
body.product-page #myGallery [class*="Modal"] button {
    z-index: 1000001 !important;
}

/* ---------- Default Theme Arrow Colors ---------- */

body.product-page:not(.theme-speedyfood) #myGallery button,
body.product-page:not(.theme-speedyfood) #myGallery [role="button"],
body.product-page:not(.theme-speedyfood) #myGallery [class*="arrow"],
body.product-page:not(.theme-speedyfood) #myGallery [class*="Arrow"],
body.product-page:not(.theme-speedyfood) #myGallery [class*="prev"],
body.product-page:not(.theme-speedyfood) #myGallery [class*="Prev"],
body.product-page:not(.theme-speedyfood) #myGallery [class*="next"],
body.product-page:not(.theme-speedyfood) #myGallery [class*="Next"] {
    border: 1px solid var(--theme-border, rgba(51, 70, 129, 0.16)) !important;
    background-color: rgba(255, 255, 255, 0.92) !important;
    color: var(--theme-primary, #334681) !important;
    box-shadow: 0 10px 24px rgba(51, 70, 129, 0.14) !important;
    backdrop-filter: blur(10px);
}

body.product-page:not(.theme-speedyfood) #myGallery button:hover,
body.product-page:not(.theme-speedyfood) #myGallery [role="button"]:hover,
body.product-page:not(.theme-speedyfood) #myGallery [class*="arrow"]:hover,
body.product-page:not(.theme-speedyfood) #myGallery [class*="Arrow"]:hover,
body.product-page:not(.theme-speedyfood) #myGallery [class*="prev"]:hover,
body.product-page:not(.theme-speedyfood) #myGallery [class*="Prev"]:hover,
body.product-page:not(.theme-speedyfood) #myGallery [class*="next"]:hover,
body.product-page:not(.theme-speedyfood) #myGallery [class*="Next"]:hover {
    border-color: var(--theme-primary, #334681) !important;
    background-color: var(--theme-primary, #334681) !important;
    color: #FFFFFF !important;
}

/* ---------- SpeedyFood Theme Arrow Colors ---------- */

body.theme-speedyfood.product-page #myGallery button,
body.theme-speedyfood.product-page #myGallery [role="button"],
body.theme-speedyfood.product-page #myGallery [class*="arrow"],
body.theme-speedyfood.product-page #myGallery [class*="Arrow"],
body.theme-speedyfood.product-page #myGallery [class*="prev"],
body.theme-speedyfood.product-page #myGallery [class*="Prev"],
body.theme-speedyfood.product-page #myGallery [class*="next"],
body.theme-speedyfood.product-page #myGallery [class*="Next"] {
    border: 1px solid var(--theme-border, #FED7AA) !important;
    background-color: rgba(255, 255, 255, 0.92) !important;
    color: var(--theme-primary, #B91C1C) !important;
    box-shadow: 0 10px 24px rgba(127, 29, 29, 0.14) !important;
    backdrop-filter: blur(10px);
}

body.theme-speedyfood.product-page #myGallery button:hover,
body.theme-speedyfood.product-page #myGallery [role="button"]:hover,
body.theme-speedyfood.product-page #myGallery [class*="arrow"]:hover,
body.theme-speedyfood.product-page #myGallery [class*="Arrow"]:hover,
body.theme-speedyfood.product-page #myGallery [class*="prev"]:hover,
body.theme-speedyfood.product-page #myGallery [class*="Prev"]:hover,
body.theme-speedyfood.product-page #myGallery [class*="next"]:hover,
body.theme-speedyfood.product-page #myGallery [class*="Next"]:hover {
    border-color: var(--theme-primary, #B91C1C) !important;
    background-color: var(--theme-primary, #B91C1C) !important;
    color: #FFFFFF !important;
}

/* ---------- Arrow Icon Color ---------- */

body.product-page #myGallery button svg,
body.product-page #myGallery [role="button"] svg,
body.product-page #myGallery [class*="arrow"] svg,
body.product-page #myGallery [class*="Arrow"] svg,
body.product-page #myGallery [class*="prev"] svg,
body.product-page #myGallery [class*="Prev"] svg,
body.product-page #myGallery [class*="next"] svg,
body.product-page #myGallery [class*="Next"] svg {
    fill: currentColor !important;
    stroke: currentColor !important;
}

body.product-page #myGallery button::before,
body.product-page #myGallery button::after,
body.product-page #myGallery [role="button"]::before,
body.product-page #myGallery [role="button"]::after,
body.product-page #myGallery [class*="arrow"]::before,
body.product-page #myGallery [class*="arrow"]::after,
body.product-page #myGallery [class*="Arrow"]::before,
body.product-page #myGallery [class*="Arrow"]::after,
body.product-page #myGallery [class*="prev"]::before,
body.product-page #myGallery [class*="prev"]::after,
body.product-page #myGallery [class*="Prev"]::before,
body.product-page #myGallery [class*="Prev"]::after,
body.product-page #myGallery [class*="next"]::before,
body.product-page #myGallery [class*="next"]::after,
body.product-page #myGallery [class*="Next"]::before,
body.product-page #myGallery [class*="Next"]::after {
    color: currentColor !important;
    border-color: currentColor !important;
}

/* =========================
   Product Gallery Fullscreen Final Layer Fix
   Default + SpeedyFood
   Keep At Very Bottom
========================= */

/* خود مودال گالری همیشه بالاتر از هدر، سبد خرید، بک‌دراپ و نوار موبایل */
body.product-page .pg-modal {
    z-index: 999999 !important;
}

/* محتوای داخل مودال */
body.product-page .pg-modal-inner {
    position: relative;
    z-index: 1000000 !important;
}

body.product-page .pg-modal img,
body.product-page .pg-modal video {
    position: relative;
    z-index: 1000001 !important;
}

/* دکمه بستن و فلش‌های مودال */
body.product-page .pg-close,
body.product-page .pg-modal-nav,
body.product-page .pg-modal-prev,
body.product-page .pg-modal-next {
    z-index: 1000002 !important;
}

/* جلوگیری از افتادن نوار سبد خرید موبایل روی عکس فول‌اسکرین */
body.product-page .pg-modal[style*="display: block"] ~ .mobile-cart-bar,
body.product-page .pg-modal[style*="display:block"] ~ .mobile-cart-bar,
body.product-page .pg-modal[style*="display: block"] ~ .food-mobile-cart-bar,
body.product-page .pg-modal[style*="display:block"] ~ .food-mobile-cart-bar {
    z-index: 1 !important;
}

/* نسخه مطمئن‌تر برای اسپیدی فود */
body.theme-speedyfood.product-page .pg-modal {
    z-index: 999999 !important;
}

body.theme-speedyfood.product-page .pg-modal-inner {
    position: relative;
    z-index: 1000000 !important;
}

body.theme-speedyfood.product-page .pg-modal img,
body.theme-speedyfood.product-page .pg-modal video {
    position: relative;
    z-index: 1000001 !important;
}

body.theme-speedyfood.product-page .pg-close,
body.theme-speedyfood.product-page .pg-modal-nav,
body.theme-speedyfood.product-page .pg-modal-prev,
body.theme-speedyfood.product-page .pg-modal-next {
    z-index: 1000002 !important;
}

/* =========================
   Product Gallery Modal Open State Fix
   Keep At Very Bottom
========================= */

body.product-page.pg-modal-open .mobile-cart-bar,
body.product-page.pg-modal-open .food-mobile-cart-bar,
body.theme-speedyfood.product-page.pg-modal-open .mobile-cart-bar,
body.theme-speedyfood.product-page.pg-modal-open .food-mobile-cart-bar,
body.product-page.pg-modal-open #bottom_cart_summary {
    display: none !important;
}

body.product-page.pg-modal-open .food-header,
body.product-page.pg-modal-open .store-header,
body.product-page.pg-modal-open header {
    z-index: 10 !important;
}

body.product-page.pg-modal-open .food-cart-panel,
body.product-page.pg-modal-open .food-cart-backdrop,
body.product-page.pg-modal-open #myNav,
body.product-page.pg-modal-open #dark_div {
    z-index: 10 !important;
}

body.product-page.pg-modal-open .pg-modal {
    z-index: 999999 !important;
}

/* =========================
   Product Gallery Fullscreen Click + Arrow Final Fix
   Default + SpeedyFood
   Keep At Very Bottom
========================= */

body.product-page .pg-modal,
body.theme-speedyfood.product-page .pg-modal {
    position: fixed !important;
    inset: 0 !important;
    display: none;
    z-index: 9999999 !important;
    background: rgba(0, 0, 0, 0.95) !important;
    overflow: hidden !important;
}

/* وقتی مودال باز است */
body.product-page .pg-modal[style*="display: block"],
body.product-page .pg-modal[style*="display:block"],
body.theme-speedyfood.product-page .pg-modal[style*="display: block"],
body.theme-speedyfood.product-page .pg-modal[style*="display:block"] {
    display: block !important;
}

/* لایه داخلی نباید کلیک فلش‌ها را بخورد */
body.product-page .pg-modal-inner,
body.theme-speedyfood.product-page .pg-modal-inner {
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    pointer-events: none !important;
}

/* فقط خود عکس/ویدیو قابل drag/click باشد */
body.product-page .pg-modal img,
body.product-page .pg-modal video,
body.theme-speedyfood.product-page .pg-modal img,
body.theme-speedyfood.product-page .pg-modal video {
    position: relative !important;
    z-index: 2 !important;
    pointer-events: auto !important;
    max-width: 92vw !important;
    max-height: 92dvh !important;
}

/* فلش‌ها و بستن همیشه بالاتر از عکس */
body.product-page .pg-close,
body.product-page .pg-modal-nav,
body.product-page .pg-modal-prev,
body.product-page .pg-modal-next,
body.theme-speedyfood.product-page .pg-close,
body.theme-speedyfood.product-page .pg-modal-nav,
body.theme-speedyfood.product-page .pg-modal-prev,
body.theme-speedyfood.product-page .pg-modal-next {
    position: fixed !important;
    z-index: 99999999 !important;
    pointer-events: auto !important;
    display: flex !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* دکمه بستن */
body.product-page .pg-close,
body.theme-speedyfood.product-page .pg-close {
    top: 18px !important;
    right: 24px !important;
    width: 46px !important;
    height: 46px !important;
    align-items: center !important;
    justify-content: center !important;
    color: #ffffff !important;
    font-size: 42px !important;
    line-height: 1 !important;
    cursor: pointer !important;
}

/* فلش‌های فول اسکرین */
body.product-page .pg-modal-nav,
body.theme-speedyfood.product-page .pg-modal-nav {
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 52px !important;
    height: 52px !important;
    border: 1px solid rgba(255, 255, 255, 0.22) !important;
    border-radius: 50% !important;
    background-color: rgba(0, 0, 0, 0.55) !important;
    color: #ffffff !important;
    font-size: 34px !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    user-select: none !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
}

body.product-page .pg-modal-nav:hover,
body.theme-speedyfood.product-page .pg-modal-nav:hover {
    background-color: rgba(255, 255, 255, 0.20) !important;
}

/* RTL: قبلی سمت راست، بعدی سمت چپ */
body.product-page .pg-modal-prev,
body.theme-speedyfood.product-page .pg-modal-prev {
    right: 22px !important;
    left: auto !important;
}

body.product-page .pg-modal-next,
body.theme-speedyfood.product-page .pg-modal-next {
    left: 22px !important;
    right: auto !important;
}

/* موبایل */
@media (max-width: 768px) {
    body.product-page .pg-modal img,
    body.product-page .pg-modal video,
    body.theme-speedyfood.product-page .pg-modal img,
    body.theme-speedyfood.product-page .pg-modal video {
        max-width: 94vw !important;
        max-height: 82dvh !important;
    }

    body.product-page .pg-modal-nav,
    body.theme-speedyfood.product-page .pg-modal-nav {
        width: 44px !important;
        height: 44px !important;
        font-size: 28px !important;
    }

    body.product-page .pg-modal-prev,
    body.theme-speedyfood.product-page .pg-modal-prev {
        right: 10px !important;
    }

    body.product-page .pg-modal-next,
    body.theme-speedyfood.product-page .pg-modal-next {
        left: 10px !important;
    }

    body.product-page .pg-close,
    body.theme-speedyfood.product-page .pg-close {
        top: 12px !important;
        right: 14px !important;
        width: 42px !important;
        height: 42px !important;
        font-size: 38px !important;
    }
}

/* موقع باز بودن گالری، هدر و سبد و نوار پایین نباید مزاحم شوند */
body.product-page.pg-modal-open .store-header,
body.product-page.pg-modal-open .food-header,
body.product-page.pg-modal-open header,
body.product-page.pg-modal-open .food-cart-panel,
body.product-page.pg-modal-open .food-cart-backdrop,
body.product-page.pg-modal-open .mobile-cart-bar,
body.product-page.pg-modal-open .food-mobile-cart-bar,
body.product-page.pg-modal-open #bottom_cart_summary,
body.product-page.pg-modal-open #myNav,
body.product-page.pg-modal-open #dark_div {
    z-index: 1 !important;
}

/* =========================
   Product Gallery Mobile Modal Arrows Above Image
   Keep At Very Bottom
========================= */

@media (max-width: 768px) {
    body.product-page .pg-modal,
    body.theme-speedyfood.product-page .pg-modal {
        isolation: isolate !important;
        z-index: 9999999 !important;
    }

    body.product-page .pg-modal-inner,
    body.theme-speedyfood.product-page .pg-modal-inner {
        z-index: 1 !important;
        pointer-events: none !important;
    }

    body.product-page .pg-modal img,
    body.product-page .pg-modal video,
    body.theme-speedyfood.product-page .pg-modal img,
    body.theme-speedyfood.product-page .pg-modal video {
        position: relative !important;
        z-index: 2 !important;
        pointer-events: auto !important;
        max-width: 88vw !important;
        max-height: 78dvh !important;
    }

    body.product-page .pg-modal-nav,
    body.product-page .pg-modal-prev,
    body.product-page .pg-modal-next,
    body.theme-speedyfood.product-page .pg-modal-nav,
    body.theme-speedyfood.product-page .pg-modal-prev,
    body.theme-speedyfood.product-page .pg-modal-next {
        position: fixed !important;
        z-index: 99999999 !important;
        pointer-events: auto !important;
        display: flex !important;
        opacity: 1 !important;
        visibility: visible !important;
        width: 42px !important;
        height: 42px !important;
        min-width: 42px !important;
        min-height: 42px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        border-radius: 50% !important;
        background-color: rgba(0, 0, 0, 0.68) !important;
        color: #ffffff !important;
        border: 1px solid rgba(255, 255, 255, 0.28) !important;
        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.38) !important;
        backdrop-filter: blur(12px) !important;
        -webkit-backdrop-filter: blur(12px) !important;
    }

    body.product-page .pg-modal-prev,
    body.theme-speedyfood.product-page .pg-modal-prev {
        right: 8px !important;
        left: auto !important;
    }

    body.product-page .pg-modal-next,
    body.theme-speedyfood.product-page .pg-modal-next {
        left: 8px !important;
        right: auto !important;
    }

    body.product-page .pg-close,
    body.theme-speedyfood.product-page .pg-close {
        position: fixed !important;
        z-index: 99999999 !important;
        pointer-events: auto !important;
    }
}

/* =========================
   Product Gallery Mobile Real Image Under Arrows Fix
   Keep At Very Bottom
========================= */

@media (max-width: 768px) {
    body.product-page #myGallery .pg-modal {
        position: fixed !important;
        inset: 0 !important;
        z-index: 2147483000 !important;
        isolation: isolate !important;
        overflow: hidden !important;
    }

    body.product-page #myGallery .pg-modal-inner {
        position: absolute !important;
        inset: 0 !important;
        z-index: 1 !important;
        pointer-events: none !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding-right: 58px !important;
        padding-left: 58px !important;
    }

    body.product-page #myGallery .pg-modal img,
    body.product-page #myGallery .pg-modal video,
    body.product-page #myGallery [class*="modal"] img,
    body.product-page #myGallery [class*="Modal"] img,
    body.product-page #myGallery [class*="lightbox"] img,
    body.product-page #myGallery [class*="Lightbox"] img,
    body.product-page #myGallery [class*="fullscreen"] img,
    body.product-page #myGallery [class*="Fullscreen"] img,
    body.product-page #myGallery [class*="overlay"] img,
    body.product-page #myGallery [class*="Overlay"] img,
    body.product-page #myGallery [class*="preview"] img,
    body.product-page #myGallery [class*="Preview"] img {
        position: relative !important;
        z-index: 2 !important;
        max-width: calc(100vw - 116px) !important;
        max-height: 78dvh !important;
        pointer-events: auto !important;
    }

    body.product-page #myGallery .pg-close,
    body.product-page #myGallery .pg-modal-nav,
    body.product-page #myGallery .pg-modal-prev,
    body.product-page #myGallery .pg-modal-next {
        position: fixed !important;
        z-index: 2147483647 !important;
        pointer-events: auto !important;
        display: flex !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

    body.product-page #myGallery .pg-modal-nav,
    body.product-page #myGallery .pg-modal-prev,
    body.product-page #myGallery .pg-modal-next {
        top: 50% !important;
        transform: translateY(-50%) !important;
        width: 44px !important;
        height: 44px !important;
        min-width: 44px !important;
        min-height: 44px !important;
        border-radius: 50% !important;
        background-color: rgba(0, 0, 0, 0.72) !important;
        color: #ffffff !important;
        border: 1px solid rgba(255, 255, 255, 0.35) !important;
        box-shadow: 0 8px 26px rgba(0, 0, 0, 0.45) !important;
        backdrop-filter: blur(12px) !important;
        -webkit-backdrop-filter: blur(12px) !important;
    }

    body.product-page #myGallery .pg-modal-prev {
        right: 8px !important;
        left: auto !important;
    }

    body.product-page #myGallery .pg-modal-next {
        left: 8px !important;
        right: auto !important;
    }

    body.product-page #myGallery .pg-close {
        top: 12px !important;
        right: 14px !important;
        width: 42px !important;
        height: 42px !important;
        align-items: center !important;
        justify-content: center !important;
        color: #ffffff !important;
    }
}