.cart {
	display: flex;
	flex-direction: column;
	gap: 30px;
    padding: 20px 30px 30px;
    box-shadow: var(--box-shadow-regular);
    border-radius: var(--border-radius-form);
    color: var(--black-color);
}
.cart__header,
.cart__item,
.cart__total {
	display: grid;
	grid-template-columns: 1fr 130px 180px 130px 50px;
    align-items: center;
	gap: 10px;
    text-align: center;
    font-size: 20px;
}
.cart__header {
	border-bottom: 1px solid var(--gray-color);
	padding: 20px 0;
	/*margin: 0 0 20px;*/
}
.cart__header > div { font-size: 18px }
.cart__footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 10px;
}
.cart__footer .inno_button {
    font-size: 1rem;
    line-height: 1.3;
}
/*.cart__footer .back-link a {
    text-decoration: none;
    color: var(--primary-color);
}*/
.cart__item__info { display: flex; align-items: center; gap: 5px}
.cart__item__image { overflow: hidden; width: 50px}
.cart__item__image img { width: 100%; object-fit: contain}
.cart__item__image i { font-size: 25px; width: 100%; text-align: center;}
.cart__item__data__title { line-height: 1; font-size: 20px; }
.cart__item__data__ticket_tagline { font-size: 16px; }

.cart__item__data__price--old { font-size: 15px;color: var(--medium-black-color); }

.cart__item__quantity {
    display: flex;
    justify-content: center;
}
.qty-picker {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: var(--border-radius-form);
    box-shadow: inset 0px 1px 0px 0px rgb(255 255 255 / 40%), inset 0px 6px 7px -4px rgb(0 0 0 / 5%);
    width: fit-content;
    font-size: 18px;
}
.qty-value, .qty-btn--minus, .qty-btn--plus {
    text-align: center;
    border: 1px solid var(--gray-color);
    padding: 5px 10px;
    min-width: 35px;
}
.qty-value {
    border-left: none;
    border-right: none;
}
.qty-btn--minus, .qty-btn--plus {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 35px;
    height: 100%;
    cursor: pointer;
    font-size: 20px;
    line-height: 1;
}
.qty-btn--minus {
    border-top-left-radius: var(--border-radius-form);
    border-bottom-left-radius: var(--border-radius-form);
    border-right: none;
}
.qty-btn--plus {
    border-top-right-radius: var(--border-radius-form);
    border-bottom-right-radius: var(--border-radius-form);
    border-left: none;
}
.cart__item__price_container,
.cart__item__total,
.cart__item__total__price {
	text-align: center;
}
.cart__item__remove__btn {display: block;text-decoration: none;cursor: pointer;}
.cart__item__remove__btn i {font-size: 20px; line-height: 1; color: var(--gray-color); }

.cart__total__title { grid-column: 3}
.cart__total__value { grid-column: 4}

.cart__empty {text-align: center; }
.cart__empty p { padding-bottom: 10px;}

.cart__item__data__price_container { display: none;}

@media screen and (max-width: 989px) {
    .cart { padding: 20px; }
    .cart__header, .cart__item, .cart__total { font-size: 18px; grid-template-columns: 1fr 100px 140px 100px 30px;}
    .cart__item__data__title { font-size: 18px }
    .cart__item__data__ticket_tagline { font-size: 15px }
    .cart__item__remove__btn i { font-size: 18px}    
}
@media screen and (max-width: 767px) {
    .cart { gap: 20px; }
    .cart__header, .cart__item, .cart__total { grid-template-columns: 1fr 140px 100px 30px; }
    .cart__item__data__price_container {display: flex; gap: 5px; }
    .cart__total__title { grid-column: 2}
    .cart__total__value { grid-column: 3}
    .cart-remove-on-mobile, .cart__header.cart-remove-on-mobile { display: none; } 
}
@media screen and (max-width: 675px) {
    .cart__header, .cart__item, .cart__total { grid-template-columns: 1fr 120px 80px 20px }
}
@media screen and (max-width: 574px) {
    .cart__item__remove { display: none;}
    .cart__header, .cart__item, .cart__total { grid-template-columns: 1fr 120px 80px; }


    .cart__header, .cart__item  { grid-template-columns: 2fr 1fr; }
    .cart__header__total, .cart__total__value { text-align: right;}

    .cart__item {grid-template-rows: auto auto; align-items: start;}
    .cart__item__info { grid-row: span 2; height: 100%; }
    .cart__item__image { height: 100%; }
    .cart__item__data { display: flex; flex-direction: column; justify-content: space-between; gap: 10px; height: 100%}
    .cart__item__quantity {justify-content: flex-end; grid-column: 2; }
    .cart__item__total { grid-column: 2; text-align: right; }

    .cart__header__quantity { display: none;}


    .cart__footer { flex-direction: column; gap: 20px; }
    .cart__footer .back-link { width: 100%; }
}
@media screen and (max-width: 474px) {
    .cart { padding: 15px; gap: 15px; row-gap: 20px }
    .cart__header { padding: 15px 0}
    .cart__item__data { flex-direction: row; justify-content: space-between; gap: 10px; width: 100%; }
    .cart__item__info { grid-column: span 2; grid-row: 1}
    .cart__item__quantity { justify-content: flex-start; grid-column: 1; }
    .cart__item__total { grid-row: 2; display: flex; justify-content: flex-end; align-items: center; height: 100%;}
    .cart__item__price_div { min-width: fit-content; flex:1}
}
@media screen and (max-width: 374px) { 
    .cart__item__data { flex-direction: column; gap: 5px; width: fit-content }
    .cart__item__price_div { flex: unset}
}