/* Base styles for product-grid or ticket-box price boxes */
ol.products.list .product-item [data-container="product-grid"] .price-box,
.ticket-box ol.products.list .product-item [data-container="product-list"] .price-box {
    width: unset;
    display: flex;
    justify-content: space-between;
    padding-bottom: 5px;
}

.ticket-box ol.products.list .product-item [data-container="product-list"] .price-box .normal-price .price {
    text-align: left;
}

ol.products.list .product-item [data-container="product-grid"] .price-box .price-container {
    margin-left: 15px;
}

ol.products.list .product-item [data-container="product-grid"] .price-box .deposit-price,
.ticket-box ol.products.list .product-item [data-container="product-list"] .price-box .deposit-price {
    margin-right: 10px;
}

ol.products.list .product-item [data-container="product-grid"] .price-box .price-excluding-tax,
.ticket-box ol.products.list .product-item [data-container="product-list"] .price-box .price-excluding-tax {
    display: flex !important;
}

/* Specific selector for product grid */
ol.products.list .product-item [data-container="product-grid"] .price-box:has(.deposit-price-lift),
.ticket-box ol.products.list [data-container="product-list"] .price-box:has(.deposit-price-lift) {
    width: unset;
}

/* Base styles for product-list price boxes */
:not(.ticket-box) > ol.products.list .product-item [data-container="product-list"] .price-box {
    width: unset;
    display: flex;
    justify-content: unset;
    flex-flow: column;
}

@media (min-width: 768px) {
    :not(.ticket-box) ol.products.list .product-item [data-container="product-list"] .price-box .deposit-price {
        text-align: right;
    }

    .ticket-box ol.products.list [data-container="product-list"] .price-box {
        width: 20% !important;
    }
}

@media (max-width: 767px) {
    .ticket-box [data-container="product-list"] .price-box {
        justify-content: normal;
        flex-direction: column;
    }
}


/* Mobile styles */
@media (max-width: 480px) {
    ol.products.list .product-item .price-box {
        width: 45%;
        justify-content: normal;
        flex-direction: column;
    }
    
    ol.products.list .product-item .price-box .price-container {
        margin-left: unset;
    }
    
    .ticket-box [data-container="product-list"] .price-box {
        width: 40% !important;
    }
}

@media (max-width: 375px) {
    .ticket-box [data-container="product-list"] .price-box {
        width: 41% !important;
        margin-right: unset !important;
    }
}