#cart-wrap-block {
	display: none;
	background: rgba(164, 164, 164, 0.50);
	backdrop-filter: blur(10px);
	align-items: center;
	justify-content: center;
	position: fixed;
}

#cart-wrap-block.active {
	display: flex;
	z-index: 1111;
	width: 100%;
	height: 100vh;
	box-sizing: border-box;
	padding: 75px 100px;
	left: 0;
	top: 0;
}

#cart {
	padding: 80px 150px;
	background-color: #F8F8F8;
	position: relative;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	overflow-y: auto;
}

#cart .catalog.like {margin-top: 55px;}

#cart .catalog.like h3 {
	text-transform: uppercase;
	margin-bottom: 20px;
	font-weight: 700;
	color: #161616;
	font-family: 'Cormorant Garamond', sans-serif;
	font-size: 30px;
}

#cart button.close {
	position: absolute;
	right: 15px;
	top: 15px;
	width: 60px;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
}

#cart button.close:after,
#cart button.close:before {
	width: 70%;
	height: 1.5px;
	background-color: #000;
	content: '';
	position: absolute;
}

#cart button.close:after {transform: rotate(-45deg);}
#cart button.close:before {transform: rotate(45deg);}

#cart > h3 {
	font-size: 46px;
	text-transform: uppercase;
	margin-bottom: 20px;
}

#cart .main-block {
	display: grid;
	grid-template-columns: 1fr auto;
	grid-gap: 75px;
}

#cart .cart-list {
	display: flex;
	flex-direction: column;
}

#cart .cart-list {
	max-height: 320px;
	overflow-y: auto;
	overflow-x: hidden;
	padding-top: 30px;
	padding-bottom: 30px;
	border-bottom: 1.5px solid #DCDCDC;
}

#cart .cart-list > li {
	display: grid;
	grid-template-columns: 1fr max-content;
	grid-gap: 15px;
	height: 180px;
	gap: 30px;
}

#cart .cart-list > li:not(:last-child) {margin-bottom: 30px;}

#cart .name {
	font-size: 16px;
	color: #000;
}

#cart .name a {
	font-size: inherit;
	color: inherit;
}

#cart .product-thumb {
	display: block;
	width: auto;
	height: auto;
}

#cart .product-thumb img {
	height: 180px;
	width: auto;
	object-fit: cover;
}


#cart .left-block {
	display: grid;
	grid-template-columns: max-content 1fr;
	grid-gap: 30px;
}

#cart .right-block {
	display: grid;
	grid-template-columns: repeat(3,max-content);
	align-items: flex-start;
	box-sizing: border-box;
}

#cart .right-block,
#cart .text-block {
	height: 120px;
}

#cart .coutns,
#cart .price {
	height: 100%;
	align-items: center;
}

#cart .coutns,
#cart .price,
#cart .text-block {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

#cart .coutns {margin-right: 70px;}

#cart .sku,
#cart span.title {
	color: #9A9A9A;
}

#cart .sku {
	font-size: 14px;
	text-transform: uppercase;
}

#cart span.title {font-size: 16px;}

#cart .count-block {
	display: grid;
	grid-template-columns: repeat(3,max-content);
	grid-gap: 4px;
	align-items: center;
	color: #161616;
}

#cart .count-block span {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 12px;
	height: 12px;
	position: relative;
	cursor: pointer;
}

#cart .count-block span.q-minus:before,
#cart .count-block span.q-plus:before,
#cart .count-block span.q-plus:after {
	width: 100%;
	content: '';
	background-color: #161616;
	height: 2.5px;
	position: absolute;
}

#cart .count-block span.q-plus:after {transform: rotate(90deg);}


#cart .count {
	padding: 8px 33px;
	display: block;
	text-align: center;
	line-height: 1;
	font-size: 20px;
	border-radius: 12px;
	border: 1px solid #DCDCDC;
}

#cart .price-title {
	padding: 8px 0;
	font-weight: 600;
	font-size: 20px;
	color: #161616;
}

#cart .right-column {
	padding: 50px;
	box-sizing: border-box;
	border: 1px solid #DCDCDC;
	height: fit-content;
}

#cart .all-total-text {
	display: flex;
	justify-content: space-between;
	padding: 4px 0;
	border-bottom: 1px solid #9A9A9A;
}

#cart .total-title {
	font-size: inherit;
	color: #9A9A9A;
}

#cart .all-total-price {
	font-size: 24px;
	text-align: right;
	color: #161616;
	font-weight: 600;
}

#cart .checkout-btn {
	margin-top: 30px;
	display: block;
	padding: 20px 40px;
	text-transform: uppercase;
	text-align: center;
	background-color: #EF4751;
	color: #FFF;
	font-weight: 600;
	font-size: 20px;
}

#cart .checkout-btn:hover {text-decoration: unset;}

#cart .logo-img {
	width: auto;
	height: 100%;
}

#cart .remove {
	width: 32px;
	height: 32px;
	background-size: cover;
	background-position: center;
	background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.3331 13.3333C13.6867 13.3333 14.0258 13.4738 14.2759 13.7239C14.5259 13.9739 14.6664 14.313 14.6664 14.6667V22.6667C14.6664 23.0203 14.5259 23.3594 14.2759 23.6095C14.0258 23.8595 13.6867 24 13.3331 24C12.9795 24 12.6403 23.8595 12.3903 23.6095C12.1402 23.3594 11.9998 23.0203 11.9998 22.6667V14.6667C11.9998 14.313 12.1402 13.9739 12.3903 13.7239C12.6403 13.4738 12.9795 13.3333 13.3331 13.3333ZM19.9998 14.6667C19.9998 14.313 19.8593 13.9739 19.6092 13.7239C19.3592 13.4738 19.02 13.3333 18.6664 13.3333C18.3128 13.3333 17.9737 13.4738 17.7236 13.7239C17.4736 13.9739 17.3331 14.313 17.3331 14.6667V22.6667C17.3331 23.0203 17.4736 23.3594 17.7236 23.6095C17.9737 23.8595 18.3128 24 18.6664 24C19.02 24 19.3592 23.8595 19.6092 23.6095C19.8593 23.3594 19.9998 23.0203 19.9998 22.6667V14.6667Z' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.4478 3.448C11.9477 2.94787 12.6259 2.66682 13.3331 2.66666H18.6664C19.3737 2.66666 20.0519 2.94762 20.552 3.44771C21.0521 3.94781 21.3331 4.62609 21.3331 5.33333V8H26.6664C27.02 8 27.3592 8.14047 27.6092 8.39052C27.8593 8.64057 27.9998 8.97971 27.9998 9.33333C27.9998 9.68695 27.8593 10.0261 27.6092 10.2761C27.3592 10.5262 27.02 10.6667 26.6664 10.6667H26.5744L25.5064 25.6187C25.4343 26.6275 24.9827 27.5715 24.2425 28.2607C23.5023 28.95 22.5285 29.3332 21.5171 29.3333H10.4824C9.47103 29.3332 8.49723 28.95 7.75704 28.2607C7.01686 27.5715 6.56523 26.6275 6.49309 25.6187L5.42509 10.6667H5.33309C4.97947 10.6667 4.64033 10.5262 4.39028 10.2761C4.14023 10.0261 3.99976 9.68695 3.99976 9.33333C3.99976 8.97971 4.14023 8.64057 4.39028 8.39052C4.64033 8.14047 4.97947 8 5.33309 8H10.6664V5.33333C10.6666 4.62614 10.9476 3.94798 11.4478 3.448ZM8.09842 10.6667L9.15176 25.428C9.17571 25.7645 9.32633 26.0794 9.57326 26.3093C9.82019 26.5391 10.1451 26.6668 10.4824 26.6667H21.5171C21.8542 26.6665 22.1788 26.5386 22.4254 26.3088C22.6721 26.079 22.8225 25.7643 22.8464 25.428L23.8998 10.6667H8.09842ZM18.6664 5.33333V8H13.3331V5.33333H18.6664Z' fill='black'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	cursor: pointer;
	margin-left: 10px;
}

@media only screen and (max-width: 1336.99px) {
	#cart {
		padding: 50px 80px;
	}

	#cart .main-block {
		grid-template-columns: 100%;
		grid-gap: 40px 0;
	}
}

@media only screen and (max-width: 1020.99px) {
	#cart-wrap-block {padding: 75px;}

	#cart {
		padding: 30px;
	}

	#cart .catalog.like {margin-top: 40px;}

	#cart .catalog.like h3 {
		margin-bottom: 40px;
		font-size: 24px;
	}

	#cart > h3 {
		font-size: 36px;
		margin-bottom: 20px;
	}

	#cart .left-block {
		grid-gap: 20px;
	}

	#cart span.title,
	#cart .name {
		font-size: 14px;
	}

	#cart .count {
		padding: 8px 10px;
		width: 60px;
		box-sizing: border-box;
	}

	#cart .main-block {
		display: flex;
		grid-gap: 0;
		flex-direction: column;
		justify-content: space-between;
	}

	#cart .sku {
		font-size: 12px;
	}

	#cart .price-title {
		font-size: 18px;
		padding: 8px 12px;
	}


	#cart .count-block {grid-gap: 15px;}

	#cart .cart-list > li {height: auto;}

	#cart .cart-list > li:not(:last-child) {margin-bottom: 20px;}

	#cart .product-thumb img {
		height: 100px;
	}

	#cart .right-block, #cart .text-block {height: auto;}

	#cart .remove {
		width: 26px;
		height: 26px;
		margin-left: 40px;
	}

	#cart .cart-list {
		padding-top: 20px;
		padding-bottom: 20px;
		border-bottom: 1.5px solid #DCDCDC;
		max-height: 220px;
	}

	#cart .right-column {
		margin-top: 20px;
		padding: 20px;
		max-width: 360px;
		box-sizing: border-box;
	}

	#cart .checkout-btn {
		font-size: 14px;
		padding: 20px 40px;
	}

	#cart .total-title {font-size: 16px;}

	#cart .price-title {
		font-size: 20px;
		font-weight: 600;
	}
}

@media only screen and (max-width: 420.99px) {
	#cart {
		padding: 10px;
		max-width: 100%;
		width: 100%;
		box-sizing: border-box;
	}


	#cart .catalog.like {margin-top: 30px;}

	#cart .catalog.like h3 {
		margin-bottom: 20px;
		font-size: 20px;
	}


	#cart-wrap-block.active {
		padding: 0;
	}

	#cart > h3 {
		margin-top: 15px;
		margin-bottom: 30px;
		font-size: 24px;
	}

	#cart button.close {
		width: 30px;
		height: 30px;
		top: 10px;
		right: 10px;
	}

	#cart .cart-list > li {
		display: block;
	}

	#cart span.title, 
	#cart .name {
		font-size: 12px;
	}

	#cart .sku {
		font-size: 10px;
		margin-top: 5px;
	}

	#cart .product-thumb img {
		width: 60px;
		height: 60px;
	}

	#cart .left-block {
		grid-gap: 10px;
		margin-bottom: 10px;
	}

	#cart .count {
		width: 34px;
	    font-size: 14px;
	    padding: 4px 10px;
	}

	#cart .count-block {grid-gap: 15px;}

	#cart span.title {
		display: block;
		margin-bottom: 10px;
	}

	#cart span.title, #cart .name {
		text-align: left;
	}

	#cart .name {
		display: grid;
		grid-template-columns: auto max-content;
		grid-gap: 0 11px;
	}

	#cart button.remove {
		width: 24px;
		height: 24px;
		margin: 0;
	}

	#cart .right-block, #cart .text-block {
		justify-content: flex-start;
	}

	#cart .cart-list {
		padding-top: 0;
		max-height: 260px;
	}

	#cart .coutns, 
	#cart .price, 
	#cart .text-block {
		align-items: flex-start;
		justify-content: flex-start;
		gap: 0;
	}

	#cart .price-title {
		margin-bottom: 15px;
		font-size: 15px;
		padding: 4px 0;
	}

	#cart .right-column {
		padding: 20px 25px;
	}

	#cart .checkout-btn {
		margin-top: 0;
		font-size: 12px;
		padding: 12px 0;
	}

	#cart .all-total-text {
		margin-bottom: 20px;
	}

	#cart .total-title {font-size: 14px;}

	#cart .all-total-price {
		font-size: 16px;
	}
}