.cart-page-header {
    display: flex;
    gap: 10px;
    align-items: center;
    margin-bottom: 20px;
}

.icon_cart_page {
    background: var(--e-global-color-primary);
    padding: 10px;
    border-radius: 5px;
    color: black;
}

.cart_main_content_section {
    width: 75%;
}

.cart_content {
    width: 100%;
    background: #101c1c;
    padding: 20px;
    border-radius: 5px;
    height: 100%;
}

.cart_content.not_found {
    display: flex;
    align-items: center;
    justify-content: center;
}

.cart_main_section {
    margin: 0 auto;
    width: 95%;
}

.list_of_products_section {
    background: #101c1c;
    padding: 10px;
    border-radius: 10px;
}

.cart_product_section {
    display: flex;
    gap: 20px;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    background: #1b2627;
    padding: 15px;
    border-radius: 10px;
    margin-top: 10px;
}

.update_button button {
    background: var(--e-global-color-primary);
    border: navajowhite;
    padding: 10px;
    color: black;
    border-radius: 10px;
}

.update_button {
    margin-top: 10px;
    text-align: left;
}

.main_product_info {
    display: flex;
    gap: 10px;
    align-items: center;
}

.delete_product_section a {
    color: var(--e-global-color-primary);
    text-decoration: none;
    border: 1px solid;
    border-radius: 5px;
    padding: 5px 10px;
}

.product_image a {
    display: flex;
}

.quantity input {
    background: #162121;
    border: none;
    color: white;
    padding: 5px 10px;
    border-radius: 5px;
}


.button_cart_section {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}


.button_cart_section > div {
    margin-top: 10px;
    background: #101c1c;
    padding: 10px;
    border-radius: 10px;
}

.discount_code_section input {
    border: none;
    padding: 10px;
    width: 80%;
    background: #1b2627;
    border-radius: 5px;
}

.coupon button {
    background: no-repeat;
    color: var(--e-global-color-primary);
    border: 1px solid var(--e-global-color-primary);
    padding: 10px;
    border-radius: 5px;
    width: 20%;
}

.coupon {
    display: flex;
    gap: 10px;
}

.finally_price_review > div {
    display: flex;
    justify-content: space-between;
    margin: 10px;
    font-size: 14px;
}

.finally_price {
    width: 95%;
    margin: 0 auto !important;
    background: #1b2627;
    padding: 15px;
    border-radius: 10px;
}

.submit_form a {
    background: var(--e-global-color-primary);
    padding: 10px;
    border-radius: 5px;
    color: black;
    margin: 0 auto;
    text-decoration: none;
}

.discount_amount {
    margin-bottom: 15px !important;
    border-bottom: 1px solid var(--e-global-color-secondary);
    padding-bottom: 20px !important;
}

.finally_price_review {
    width: 40%;
}

.discount_code_section {
    width: 60%;
}

.product_image {
    background: white;
    padding: 5px 10px;
    border-radius: 5px;
}

.product_title a {
    text-decoration: none;
}

.product_price .price_title.column_title {
    display: block;
    width: 100%;
}

span.all_price_title, span.discount_title {
    color: var(--e-global-color-secondary);
}

.all_price_section, .discount_amount {
    padding: 10px;
}

.discount_amount {
    margin-bottom: 10px;
    border-bottom: 1px solid var(--e-global-color-secondary);
}

.woocommerce-message {
    border-top-color: var(--e-global-color-primary);
}

.woocommerce-message {
    background: #1b2627;
    color: var(--e-global-color-secondary);
    border-radius: 5px
}

.woocommerce-message::before {
    color: var(--e-global-color-primary);
    top: 1.2em;
}

.finally_price strong span {
    color: var(--e-global-color-primary) !important;
}

.finally_price span.woocommerce-Price-currencySymbol {
    color: white !important;
}

.discount_price span.woocommerce-Price-amount.amount {
    display: flex;
    flex-direction: row-reverse;
}

.discount_price span.woocommerce-Price-amount.amount, .coupon-amount {
    color: var(--e-global-color-primary) !important;

}

span.coupon-amount {
    display: flex;
    gap: 4px;
}

a.woocommerce-remove-coupon {
    color: red;
    text-decoration: none;
}

span.woocommerce-Price-amount.amount bdi {
    display: flex;
    flex-direction: row-reverse;
    gap: 3px;
}

.extra_cart_data {
    color: #a1a1a1;
    font-size: 14px;
}

.product_image img {
    width: 55px;
    height: auto;
}

@media (max-width: 767px) {
    .cart_product_section {
        flex-wrap: wrap;
    }

    .discount_code_section {
        width: 100%;
    }

    .button_cart_section {
        flex-wrap: wrap;
    }

    .finally_price_review {
        width: 100%;
    }

}