/* Mobile price alignment and display fixes */
@media (width <= 767px) {
    #productdetailsview .price {
        text-align: right !important;
    }

    #productdetailsview .product-price {
        text-align: right !important;
    }
    
    /* Target all price elements with high specificity and !important */
    #productdetailsview .price .product-price .price-crossed,
    #productdetailsview .price .product-price .PricebasePriceWithTax,
    #productdetailsview .price .product-price .PricesalesPrice,
    #productdetailsview .price .product-price .PricepriceWithoutTax,
    #productdetailsview .price .product-price .PriceunitPrice,
    #productdetailsview .price .product-price [itemprop="price"],
    #productdetailsview .price .product-price > span,
    #productdetailsview .price-crossed,
    #productdetailsview .PricebasePriceWithTax,
    #productdetailsview .PricesalesPrice,
    #productdetailsview .PricepriceWithoutTax,
    #productdetailsview .PriceunitPrice,
    #productdetailsview [itemprop="price"],
    #productdetailsview .product-price > span,
    #productdetailsview .price-sale,
    #productdetailsview .price-old,
    #productdetailsview .price_save,
    #productdetailsview .sales,
    #productdetailsview .WithoutTax,
    #productdetailsview .discount,
    #productdetailsview .price .PricebasePriceWithTax,
    #productdetailsview .price .PricesalesPrice {
        text-align: right !important;
        display: inline-block !important;
        vertical-align: middle !important;

    }
    
    /* Target specific span elements inside price divs */
    #productdetailsview .price .product-price span.PricesalesPrice,
    #productdetailsview .price .product-price span.PricebasePriceWithTax,
    #productdetailsview .price .product-price span.price-crossed {
        text-align: right !important;
        float: none !important;
        display: inline-block !important;
        vertical-align: middle !important;
        margin-right: 5px !important;
    }
    
    /* Add strikethrough to crossed-out prices */
    #productdetailsview .price-crossed,
    #productdetailsview .PricebasePriceWithTax,
    #productdetailsview .price .product-price span.price-crossed,
    #productdetailsview .price .product-price span.PricebasePriceWithTax,
    #productdetailsview .price .product-price .price-crossed,
    #productdetailsview .price .product-price .PricebasePriceWithTax {
        text-decoration: line-through !important;
    }
    
    /* Remove the :after pseudo-element that might cause line breaks */
    #productdetailsview .product-price::after {
        content: none !important;
        display: none !important;
    }
    
    /* Fix for the euro symbol */
    #productdetailsview .product-price {
        position: relative !important;
        text-align: right !important;
    }
    
    /* Euro symbol positioning */
    #productdetailsview .product-price > span[itemprop="price"] + * {
        display: inline-block !important;
        position: static !important;
        vertical-align: middle !important;
        margin-left: 2px !important;
    }
    
    /* Special deals timer section */
    #productdetailsview .time-box .bzSaleTimer,
    #productdetailsview .time-box .count_holder,
    #productdetailsview .time-box .count_info,
    #productdetailsview .time-box .bzSaleTimerDesc,
    #productdetailsview .time-box .bzSaleTimerDesc2 {
        text-align: right !important;
    }
    
    /* Text labels inside price elements */
    #productdetailsview .price-sale .text,
    #productdetailsview .price-old .text,
    #productdetailsview .price_save .text {
        display: inline-block !important;
        float: right !important;
        clear: both !important;
        width: 100% !important;
        text-align: right !important;
    }
    
    /* Ensure the countdown timer is right-aligned */
    #productdetailsview .time-box .count_border {
        float: right !important;
    }
    
    /* Clear floats to prevent layout issues */
    #productdetailsview .time-box .clear {
        clear: both !important;
    }
    
    /* Additional fixes for nested elements */
    #productdetailsview .price div,
    #productdetailsview .product-price div,
    #productdetailsview .price span,
    #productdetailsview .product-price span {
        text-align: right !important;
    }
    
    /* Override any inline styles and ensure inline display */
    #productdetailsview .price > *:not(.product-price),
    #productdetailsview .product-price > * {
        text-align: right !important;
        display: inline-block !important;
        vertical-align: middle !important;
    }
    
    /* Force the price elements to display in a row */
    #productdetailsview .product-price {
        display: flex !important;
        flex-flow: row wrap !important;
        justify-content: flex-end !important;
        align-items: center !important;
    }
}