/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 25 2026 | 05:00:02 */
/* =========================================
   UKURAN GAMBAR SINGLE PRODUCT
   PER DEVICE
========================================= */


/* =========================================
   DESKTOP / LAPTOP
========================================= */
@media (min-width: 1025px) {

    .single-product .woocommerce-product-gallery,
    .single-product .images {
        transform: scale(0.68);
        transform-origin: top left;
    }

}


/* =========================================
   TABLET / IPAD
========================================= */
@media (min-width: 768px) and (max-width: 1024px) {

    .single-product .woocommerce-product-gallery,
    .single-product .images {
        transform: scale(0.82);
        transform-origin: top center;
    }

}


/* =========================================
   MOBILE BESAR
   contoh: iPhone Pro Max, iPhone 16 Pro,
   Samsung Ultra, dll
========================================= */
@media (min-width: 481px) and (max-width: 767px) {

    .single-product .woocommerce-product-gallery,
    .single-product .images {
        transform: scale(0.83);
        transform-origin: top center;
    }

}


/* =========================================
   MOBILE KECIL
   contoh: Android kecil, iPhone SE, dll
========================================= */
@media (max-width: 480px) {

    .single-product .woocommerce-product-gallery,
    .single-product .images {
        transform: scale(0.76);
        transform-origin: top center;
    }

}