/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Feb 03 2026 | 07:46:29 */
/* Perfect circular sale badge */
.woocommerce span.onsale {
    width: 48px;
    height: 48px;
    min-width: 48px;
    min-height: 48px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50% !important;

    background: #d4a72c; /* golden yellow */
    color: #fff;

    font-size: 11px;
    font-weight: 600;
    line-height: 1;
    text-align: center;

    padding: 10px!important;
	padding-left:10px!important;
}
/* Ensure product image wrapper is the positioning root */
.single-product .woocommerce-product-gallery,
.single-product .woocommerce-product-gallery__wrapper,
.single-product .woocommerce-product-gallery__image {
    position: relative !important;
    transform: none !important;
}

/* Lock sale badge inside product image */
.single-product .woocommerce span.onsale {
    position: absolute !important;
    top: 14px;
    left: 14px;
    z-index: 20;
    pointer-events: none;
	padding-left:7px!important;
	padding-right:7px!important;
}
@media (max-width: 767px) {
    .woocommerce span.onsale {
        width: 40px;
        height: 40px;
        min-width: 40px;
        min-height: 40px;
        font-size: 10px;
        padding: 6px !important;
        top: 8px !important;
        left: 8px !important;
    }
}