.cart-page__layout {
	row-gap: 24px;
}

.cart-page__items,
.cart-summary,
.cart-page__empty {
	border: 1px solid #dedede;
	border-radius: var(--radius);
	background: #fff;
}

.cart-page__items-header,
.cart-item {
	display: grid;
	grid-template-columns: minmax(220px, 1.7fr) minmax(85px, .6fr) minmax(110px, .7fr) minmax(85px, .6fr) 30px;
	align-items: center;
	gap: 16px;
	padding: 18px;
}

.cart-page__items-header {
	border-bottom: 1px solid #eee;
}

.cart-item {
	border-bottom: 1px solid #eee;
	transition: background-color .18s ease, box-shadow .18s ease;
}

.cart-item:hover {
	background: rgba(253, 0, 19, .025);
	box-shadow: inset 3px 0 0 var(--brand-primary);
}

.cart-item:last-child {
	border-bottom: 0;
}

.cart-item__product {
	display: flex;
	align-items: center;
	gap: 14px;
	min-width: 0;
}

.cart-item__product > a {
	flex: 0 0 75px;
}

.cart-item__product img {
	display: block;
	width: 75px;
	height: 65px;
	object-fit: contain;
}

.cart-item__product a {
	color: #222;
	text-decoration: none;
	transition: color .18s ease;
}

.cart-item__product a:hover,
.cart-item__product a:focus-visible {
	color: var(--brand-primary);
}

.cart-item__product small {
	display: block;
	margin-top: 7px;
	color: #777;
}

.cart-item__quantity {
	display: inline-flex;
	align-items: center;
	width: max-content;
	border: 1px solid #dedede;
	border-radius: var(--radius);
}

.cart-item__quantity button {
	width: 30px;
	height: 34px;
	border: 0;
	background: transparent;
	color: #777;
	padding: 0;
}

.cart-item__quantity input {
	width: 34px;
	height: 34px;
	border: 0;
	padding: 0;
	text-align: center;
}

.cart-item__quantity input::-webkit-inner-spin-button,
.cart-item__quantity input::-webkit-outer-spin-button {
	-webkit-appearance: none;
}

.cart-item__remove {
	border: 0;
	background: transparent;
	color: var(--brand-primary);
	font-size: 24px;
}

.cart-item.is-loading {
	opacity: .5;
	pointer-events: none;
}

.cart-summary,
.cart-page__empty {
	padding: 20px;
}

.cart-summary h2 {
	margin-bottom: 24px;
}

.cart-summary > div {
	display: flex;
	justify-content: space-between;
	gap: 16px;
	border-bottom: 1px solid #eee;
	padding: 10px 0;
}

.cart-summary > small {
	display: block;
	margin: 12px 0;
	color: #777;
	text-align: right;
}

.cart-summary__total {
	margin-top: 10px;
	font-size: 18px;
}

.cart-summary__total strong {
	color: var(--brand-primary);
}

.cart-summary__checkout {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 20px;
	text-align: center;
}

.cart-page__empty {
	text-align: center;
}

@media (max-width: 767px) {
	.cart-page__items-header {
		display: none;
	}

	.cart-item {
		grid-template-columns: 1fr auto;
		gap: 12px;
	}

	.cart-item__product {
		grid-column: 1 / -1;
	}

	.cart-item__price::before {
		content: 'Çmimi: ';
		font-weight: 400;
	}

	.cart-item__total::before {
		content: 'Totali: ';
		font-weight: 400;
	}

	.cart-item__remove {
		grid-column: 2;
		grid-row: 2;
	}
}