/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 28 2026 | 09:35:55 */
/* =========================================
   NAIKKAN CONTAINER INFO PRODUK (MOBILE)
   AGAR LEBIH DEKET KE GALERI THUMBNAIL
========================================= */


/* =========================================
   MOBILE BESAR
   (480px - 767px)
========================================= */
@media (min-width: 480px) and (max-width: 767px) {

    .single-product .summary.entry-summary {
        margin-top: -55px !important;
        position: relative !important;
    }

}


/* =========================================
   MOBILE KECIL
   (0px - 479px)
========================================= */
@media (max-width: 479px) {

    .single-product .summary.entry-summary {
        margin-top: -27px !important;
        position: relative !important;
    }

}





/* =========================================
   NAIKKAN HARGA PRODUK
   KHUSUS HALAMAN SINGLE PRODUK
========================================= */


/* =========================================
   MOBILE BESAR
========================================= */
@media (min-width: 480px) and (max-width: 767px) {

    .single-product .summary.entry-summary p.price {
        margin-top: -15px !important;
        margin-bottom: 18px !important;
        position: relative !important;
    }

}


/* =========================================
   MOBILE KECIL
========================================= */
@media (max-width: 479px) {

    .single-product .summary.entry-summary p.price {
        margin-top: -14px !important;
        margin-bottom: 16px !important;
        position: relative !important;
    }

}





/* =========================================
   NAIKKAN AREA BANDINGKAN
   KHUSUS HALAMAN SINGLE PRODUK
========================================= */


/* =========================================
   MOBILE BESAR
========================================= */
@media (min-width: 480px) and (max-width: 767px) {

    .single-product .summary.entry-summary > .woosc-btn {
        transform: translateY(-30px) !important;
    }

}


/* =========================================
   MOBILE KECIL
========================================= */
@media (max-width: 479px) {

    .single-product .summary.entry-summary > .woosc-btn {
        transform: translateY(-25px) !important;
    }

}