/* گالری اختصاصی محصول در موبایل — دسکتاپ بدون تغییر */
.product-mobile-gallery {
    display: none;
}

@media (max-width: 767.98px) {
    .product-mobile-gallery {
        display: block;
        width: 100%;
        float: none;
        margin: 0 0 18px;
    }

    /* گالری دسکتاپ فعلی فقط در موبایل مخفی می‌شود */
    .product-redesign-layout > .product-redesign-gallery {
        display: none !important;
    }

    .product-mobile-gallery-main {
        width: 100%;
        aspect-ratio: 4 / 5;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        background: #fff;
        border: 1px solid #eeeeee;
        border-radius: 14px;
    }

    .product-mobile-gallery-main img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    .product-mobile-gallery-thumbs {
        display: flex;
        gap: 10px;
        width: 100%;
        overflow-x: auto;
        overflow-y: hidden;
        padding: 10px 1px 4px;
        margin: 0;
        scroll-snap-type: x proximity;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior-inline: contain;
        scrollbar-width: none;
    }

    .product-mobile-gallery-thumbs::-webkit-scrollbar {
        display: none;
    }

    .product-mobile-gallery-thumb {
        flex: 0 0 calc((100% - 30px) / 4);
        min-width: 0;
        aspect-ratio: 1 / 1;
        box-sizing: border-box;
        padding: 3px;
        border: 1px solid #e2e2e2;
        border-radius: 10px;
        background: #fff;
        overflow: hidden;
        cursor: pointer;
        scroll-snap-align: start;
        transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
    }

    .product-mobile-gallery-thumb img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: contain;
        border-radius: 7px;
        pointer-events: none;
    }

    .product-mobile-gallery-thumb.is-active {
        padding: 2px;
        border: 2px solid #222;
        box-shadow: 0 0 0 1px rgba(0, 0, 0, .03);
    }
}