.header-text {
    font-size: 16px;
    margin-top: 20px;
}

@media(min-width:768px) {
    .header-text {
        margin-top: 30px;
        font-size: 18px;
    }
}

@media(min-width:992px) {
    .header-text {
        font-size: 24px;
        margin-top: 40px;
    }
}

.cart-container {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 20px;
}

/* بخش همه‌ی محصولات */
.cart-products-wrapper {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

/* کارت محصول تکی */
.cart-product-container {
    background-color: white;
    padding: 15px;
    border: 1px solid #99999999;
    border-radius: 5px;
    display: flex;
    align-items: stretch;
}

.cart-payment-detail {
    background-color: white;
    border: 1px solid #99999999;
    border-radius: 5px;
    padding: 15px;
}

.cart-product-img {
    flex: 1;
    aspect-ratio: 1/1;
    border: 2px solid red;
}

.cart-product-description {
    flex: 3;
    border: 2px solid blue;
    height: auto;
}

.cart-payment-detail h4 {
    font-size: 18px;
    text-align: center;
}

@media (min-width: 768px) {
    .cart-product-container {
        padding: 20px;
        display: flex;
    }

    .cart-payment-detail {
        padding: 20px;
    }

        .cart-payment-detail h4 {
            font-size: 20px;
        }
}

@media (min-width: 1024px) {
    .cart-container {
        flex-direction: row;
        align-items: flex-start;
    }

    .cart-products-wrapper {
        flex: 70;
    }

    .cart-payment-detail {
        flex: 30;
    }

        .cart-payment-detail h4 {
            font-size: 22px;
        }
}

.product-img-cart {
    max-width: 250px !important;
}

@media(min-width:576px) {
    .product-img-cart {
        max-width: 250px !important;
    }
}

@media(max-width:450px) {
    .product-container-right a {
        max-width: 160px !important;
    }

    .product-img-cart img {
        max-width: 80% !important;
        margin-left: 2rem !important;
        border-radius: 8px !important;
    }

    .product-name-container {
        display: block;
    }

    .header-text {
        font-size: 10px !important;
    }

    .text-subheader {
        font-size: 14px !important;
        margin-top: 2px;
    }
}

.text-green-700 {
    color: #3F72AF;
}

.text-red-700 {
    color: #FF4D4D;
}

.cart-item-error {
    border: 1px solid #f97373; /* red-400 */
    background-color: #fee2e2; /* red-100 */
}

.cart-item-warning {
    border: 1px solid #facc15; /* amber-400 */
    background-color: #fef9c3; /* amber-100 */
}

/* اگر انیمیشن محو شدن داری: */
.product-container-right.fade-out {
    opacity: 0;
    transition: opacity 0.3s ease-out;
}