/* Custom fixes for mobile product price alignment */
@media only screen and (max-width: 767px) {
    /* Center all product prices in mobile view with high specificity */
    .product .product-body .product-price,
    .product-body .product-price,
    .category-section .product .product-body .product-price,
    body .product .product-body .product-price,
    #store .product .product-body .product-price,
    .section .product .product-body .product-price,
    .container .product .product-body .product-price,
    .row .product .product-body .product-price,
    .col-md-3 .product .product-body .product-price,
    .col-xs-6 .product .product-body .product-price {
        text-align: center !important;
        display: block !important;
        width: 100% !important;
        justify-content: center !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    
    /* Center prices with discounts with high specificity */
    .product .product-body .product-price.has-discount,
    .product-body .product-price.has-discount,
    .category-section .product .product-body .product-price.has-discount,
    body .product .product-body .product-price.has-discount,
    #store .product .product-body .product-price.has-discount,
    .section .product .product-body .product-price.has-discount,
    .container .product .product-body .product-price.has-discount,
    .row .product .product-body .product-price.has-discount,
    .col-md-3 .product .product-body .product-price.has-discount,
    .col-xs-6 .product .product-body .product-price.has-discount,
    .product .product-body .product-price-with-discount,
    .product-body .product-price-with-discount {
        text-align: center !important;
        justify-content: center !important;
        display: flex !important;
        flex-wrap: wrap !important;
        width: 100% !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    
    /* Ensure old price stays with current price */
    .product .product-body .product-price .product-old-price,
    .product-body .product-price .product-old-price {
        display: inline-block !important;
        margin-left: 5px !important;
    }
} 