/* =================================================
   Amazon-style Price (NO !important, Luma-safe)
   ================================================= */

/* Final price — 28px */
.catalog-product-view
.product-info-main
.price-box
.price-wrapper > .price {
    font-size: 28px;
    font-weight: 700;
    line-height: 32px;
    color: #0F1111;
}

/* Old price — 12px */
.catalog-product-view
.product-info-main
.price-box
.old-price
.price-wrapper > .price {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    color: #565959;
    text-decoration: line-through;
}

/* Regular Price label */
.catalog-product-view
.product-info-main
.price-box
.old-price
.price-label {
    font-size: 12px;
    color: #565959;
}

/* Discount Percentage */
.catalog-product-view
.product-info-main
.amazon-discount-percent {
    font-size: 26px;
    line-height: 1; /* Use tight line-height for accurate centering */
    font-weight: 300;
    color: #CC0C39; /* Amazon red */
    margin-right: 8px;
    display: inline-block;
    
    /* Alignment Strategies */
    /* Flexbox: Center vertically relative to the container height (Price Box height) */
    align-self: center;
    
    /* Fallback for non-flex contexts */
    vertical-align: middle;
    
    margin-top: 0;
}

/* Ensure price box sits next to it */
.catalog-product-view .product-info-main .product-info-price .price-box {
    display: inline-block;
    /* Vertical align middle ensures correct inline-block behavior if flex fails */
    vertical-align: middle;
    /* Ensure it doesn't shrink in flex container */
    flex-shrink: 0; 
}

/* Ensure Old Price breaks to new line */
.catalog-product-view .product-info-main .price-box .old-price {
    display: block; /* Force new line */
    margin-top: 0; /* Tighten up the spacing */
    line-height: 1.2;
}