/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 20 2026 | 03:35:20 */
/* ==========================================================
   RELATED PRODUCTS - SINGLE PRODUCT ONLY
   Hello Shoppable Theme
   ========================================================== */


/* ==========================================================
   DESKTOP (1025px ke atas)
   ========================================================== */

.single-product .related .product-inner-contents a.woocommerce-LoopProduct-link .woocommerce-loop-product__title{
    font-size:18px !important;
    line-height:1.35 !important;
    min-height:50px;
}

.single-product .related .product-inner-contents .price,
.single-product .related .product-inner-contents .price *,
.single-product .related .product-inner-contents .price .woocommerce-Price-amount,
.single-product .related .product-inner-contents .price .woocommerce-Price-amount *,
.single-product .related .product-inner-contents .price bdi{
    font-size:17px !important;
    line-height:1.3 !important;
}

.single-product .related .product-inner-contents .button-cart_button_two a.button.product_type_simple{
    font-size:15px !important;
    line-height:1.2 !important;
    padding:6px 12px !important;
}


/* ==========================================================
   TABLET / IPAD
   ========================================================== */

@media (max-width:1024px){

.single-product .related .product-inner-contents a.woocommerce-LoopProduct-link .woocommerce-loop-product__title{
    font-size:18px !important;
    line-height:1.35 !important;
    min-height:46px;
}

.single-product .related .product-inner-contents .price,
.single-product .related .product-inner-contents .price *,
.single-product .related .product-inner-contents .price .woocommerce-Price-amount,
.single-product .related .product-inner-contents .price .woocommerce-Price-amount *,
.single-product .related .product-inner-contents .price bdi{
    font-size:17px !important;
}

.single-product .related .product-inner-contents .button-cart_button_two a.button.product_type_simple{
    font-size:14px !important;
    padding:5px 10px !important;
}

}


/* ==========================================================
   MOBILE BESAR (480px - 767px)
   ========================================================== */

@media (max-width:767px){

.single-product .related .product-inner-contents a.woocommerce-LoopProduct-link .woocommerce-loop-product__title{
    font-size:15px !important;
    line-height:1.4 !important;
    min-height:auto;
}

.single-product .related .product-inner-contents .price,
.single-product .related .product-inner-contents .price *,
.single-product .related .product-inner-contents .price .woocommerce-Price-amount,
.single-product .related .product-inner-contents .price .woocommerce-Price-amount *,
.single-product .related .product-inner-contents .price bdi{
    font-size:14px !important;
}

.single-product .related .product-inner-contents .button-cart_button_two a.button.product_type_simple{
    font-size:13px !important;
    padding:5px 10px !important;
}

}


/* ==========================================================
   MOBILE KECIL (0px - 479px)
   ========================================================== */

@media (max-width:479px){

.single-product .related .product-inner-contents a.woocommerce-LoopProduct-link .woocommerce-loop-product__title{
    font-size:14px !important;
    line-height:1.4 !important;
}

.single-product .related .product-inner-contents .price,
.single-product .related .product-inner-contents .price *,
.single-product .related .product-inner-contents .price .woocommerce-Price-amount,
.single-product .related .product-inner-contents .price .woocommerce-Price-amount *,
.single-product .related .product-inner-contents .price bdi{
    font-size:11.5px !important;
}

.single-product .related .product-inner-contents .button-cart_button_two a.button.product_type_simple{
    font-size:11px !important;
    padding:4px 9px !important;
}

}