/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 21 2026 | 01:44:50 */
/* ==========================================================
   PUREAIR - BADGE STOK HABIS (FIX MOBILE MENU)
========================================================== */

/* Posisi card produk */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product{
    position: relative;
}

/* Efek gambar produk stok habis */
.woocommerce ul.products li.product.outofstock img,
.woocommerce-page ul.products li.product.outofstock img{
    filter: grayscale(75%);
    opacity: .65;
    transition: .3s ease;
}

/* Badge STOK HABIS */
.woocommerce ul.products li.product.outofstock .pureair-outofstock-badge,
.woocommerce-page ul.products li.product.outofstock .pureair-outofstock-badge{
    position:absolute;
    top:18px;
    right:12px;
    z-index:20;

    background:#E23485;
    color:#ffffff;

    font-size:14px;
    font-weight:500;
    letter-spacing:.5px;

    padding:8px 14px;
    border-radius:8px;

    box-shadow:0 4px 10px rgba(0,0,0,.18);
    line-height:1;
    white-space:nowrap;
}

/* Hover */
.woocommerce ul.products li.product.outofstock:hover img{
    filter:grayscale(75%);
}

/* Tombol */
.woocommerce ul.products li.product.outofstock .button{
    background:#001d59 !important;
    border-color:#001d59 !important;
    color:#fff !important;
}

.woocommerce ul.products li.product.outofstock .button:hover{
    background:#1E73BE !important;
}

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

@media (max-width:1024px){

.woocommerce ul.products li.product.outofstock .pureair-outofstock-badge,
.woocommerce-page ul.products li.product.outofstock .pureair-outofstock-badge{

    top:15px;
    right:13px;

    font-size:13px;

    padding:7px 12px;

    border-radius:7px;
}

}

/* ==========================================================
   HANDPHONE
========================================================== */

@media (max-width:767px){

.woocommerce ul.products li.product.outofstock .pureair-outofstock-badge,
.woocommerce-page ul.products li.product.outofstock .pureair-outofstock-badge{

    top:10px;
    right:8px;

    font-size:10px;
    font-weight:500;

    padding:4px 7px;

    border-radius:6px;

    letter-spacing:.3px;
}

}