body {
	margin: 0;
}

.cart-start .container{
	/* padding: 0; */
}

.cart-content {
	display: flex;
	margin: 6.25rem 0;
	margin: 0;
	/* grid-template-columns: repeat(2, 1fr); */
}

.cart-content .left {
	width: 45.5%;
	position: relative;
	pointer-events: none;
}

.cart-content .left .content {
	width: 30%;
	margin-top: 2.5rem;
	position: fixed;
	margin-top: 4rem;
	/* padding-left: 2.5rem; */
}

.cart-content .right {
	width: 54.5%;
}

.cart-content .right .content {
	background-color: var(--color-light-two);
	margin-top: 4rem;
	margin-bottom: 4rem;
	border-radius: 1rem;
}

.cart-item {
	padding: 2.5rem;
	position: relative;
	display: block !important;
}

.cart-item.first {
	border-bottom: solid 1px var(--color-border);
}

.price-title {
	display: flex;
	font-size: 1.5rem;
	padding-bottom: 1.5rem;
	border-bottom: solid 1px var(--color-border);
}

.price-title .left {
	width: 50%;
	text-align: left;
	padding: 0;
}

.price-title .right {
	width: 50%;
	text-align: right;
}

.price-info {
	margin-top: 1.5rem;
	font-size: 110%;
}

.text-group {
	margin-bottom: 1.5rem;
}

.text-group .item {
	margin-bottom: 0.75rem;
}

.cart-title {
	font-size: 1.25rem;
	padding-bottom: 2rem;
}

.first .cart-item-container {
	margin-bottom: 0;
}

.cart-item-container {
	background: var(--color-white);
	padding: 2rem;
	border-radius: 1rem;
	font-size: 110%;
	margin-bottom: 2rem;
	border: solid 1px transparent;
	position: relative;
}

.cart-item-container:hover {
}

.cart-item-container .name {
	padding-bottom: 2rem;
	display: grid;
}

.cart-item-container .name a {
	border-bottom: solid 1px var(--color-border);
	color: var(--color-basic);
	padding-bottom: 0.5rem;
}

.cart-item-container .name a:hover {
	border-color: var(--color-red);
	color: var(--color-red);
}

.cart-item-container-content {
	display: flex;
	padding-top: 0;
	justify-content: center;
}

.cart-item-container-content .left {
	width: 50%;
	overflow: hidden;
	display: flex;
	justify-content: left;
}

.cart-item .cart-image {
	max-width: inherit;
	width: 12rem;
	height: 11rem;
	background-size: 100%;
	background-position: center;
	background-repeat: no-repeat;
}

.cart-item-container-content .right {
	width: 65%;
}

.cart-item-container-content .options {
	font-size: 75%;
}

.cart-item-container-content .options .co-item-value {
	position: relative;
	padding-bottom: 0.5rem;
	display: flex;
	width: 100%;
}

.cart-item-container-content .options .co-item-value .co-item-name-value {
	text-align: right;
	padding-bottom: 0.36rem;
	width: 20%;
	display: flex;
	justify-content: right;
	border-bottom: solid 1px var(--color-border);
	transition: inherit;
}

.cart-item-container-content .options .co-item-value .co-item-name {
	color: var(--color-gray-text);
	width: 80%;
	display: inline-flex;
	transition: inherit;
}

.cart-item-container-content .options .co-item-value .co-item-name .co-item-name-name {
	display: flex;
	min-width: max-content;
	transition: inherit;
}

.cart-item-container-content .options .co-item-value .co-item-name .co-item-name-border {
	border-bottom: solid 1px var(--color-border);
	width: 100%;
	display: inline-block;
	transition: inherit;
}

.flex-row {
	display: flex;
	margin: 0.5rem -1rem 0 -1rem;
}

.flex-row.three {
	margin: 0 -0.5rem;
}


.flex-row.two .cart-col {
	width: 50%;
}

.flex-row.three .cart-col {
	width: 33.333%;
}

.field-content {
	border-bottom: solid 1px var(--color-border);
	margin: 0.5rem 1rem 1rem 1rem;
}

.field-content.lastfield {
	margin: 0.5rem 1rem 0rem 1rem;
}

.field-content input {
	border: none !important;
	width: -webkit-fill-available;
	padding: 0 0 1rem 0;
	border-radius: 0 !important;
	font-size: inherit;
	background: transparent;
	color: inherit;
	outline: none !important;
}

.check-bt {
	margin: 0rem 0.5rem;
}

.check-bt .check-bt-bottom {
	width: auto;
	position: absolute;
	bottom: 1.25rem;
	left: 1.25rem;
}

.check-bt .check-bt-bottom .check-min-name {
	font-size: 80%;
	color: var(--color-gray-text);
	margin-bottom: 0.75rem;
}

.check-bt input:checked~label .check-min-name {
	/* color: var(--color-white); */
}

.check-bt .check-bt-bottom .check-delivery-date {
	font-size: 100%;
}


.check-bt input {
	display: none;
}

.check-bt label {
	width: 100%;
	display: flex;
	align-items: center;
	position: relative;
	cursor: pointer;
	height: 13.0456rem;
	border-radius: 1rem;
	border: solid 1px var(--color-border);
}

.check-bt-top {
	position: absolute;
	top: 1.25rem;
	left: 1.25rem;
	width: auto;
}

.check-bt-name {
	text-align: left;
	line-height: 1.2;
	padding-bottom: 0.75rem;
	width: 58%;
	font-size: 100%;
}

.check-bt-min-name {
	font-size: 75%;
}

.check-bt label .check {
	border: 1px solid var(--color-border);
	display: flex;
	align-items: center;
	justify-content: center
}

.check-bt label span {
	opacity: 0;
	transition: inherit
}

.check-bt input:checked~label span {
	display: flex;
	opacity: 1
}

.check-bt input:hover~label .selected-element {
	opacity: 1
}

.check-bt input:checked~label,
.check-bt input:checked~label:hover {
	border-color: transparent;
	background-color: var(--color-light);
	/* color: var(--color-white); */
}

.check-bt input:hover~label {
	border-color: var(--color-gray-text);
}

.cart-bt-container {
	display: flex;
	align-items: center;
	padding: 0rem;
	justify-content: center;
}

.cart-bt {
	width: 10rem;
	height: 10rem;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 100%;
	cursor: pointer;
	font-size: 110%;
	border: solid 1px transparent;
	color: var(--color-white);
	background: var(--color-red);
	position: relative;
}

.cart-bt:hover {
	background: transparent;
	color: var(--color-red);
	border-color: var(--color-red);
}

.cart-bt button {
	background: none;
	border: none;
	padding: 0;
	margin: 0;
	font-size: inherit;
	cursor: inherit;
	color: inherit;
	position: absolute;
	width: 100%;
	height: 100%;
}

.delivery-date {
	color: var(--color-gray-text);
	text-align: right;
	padding-top: 2.5rem;
}

.cart-options {
	display: flex;
	width: 100%;
	position: relative;
	padding-top: 0.5rem;
	padding-bottom: 1rem;
}


.cart-amount {
	border: solid 1px var(--color-border);
	border-radius: .5rem;
	margin-bottom: .5rem;
	width: 33%;
	margin-right: 20%;
}

.cart-amount-content {
	display: flex;
	align-items: center;
	height: 2.5rem;
	position: relative
}

.cart-amount-icon {
	width: 50%;
	height: inherit;
	position: relative;
	justify-content: center;
	display: flex;
	align-items: center;
	border-radius: 100px;
	z-index: 10;
	cursor: pointer;
}

button.cart-amount-icon {
	border: none;
	background: 0 0
}

.cart-amount-icon:hover svg {
	background: var(--color-light-two);
	fill: var(--color-basic);
}

.cart-amount-icon svg {
	width: 1rem;
	height: 1rem;
	border-radius: 100%;
	display: flex;
	align-items: center;
	padding: .5rem;
	transition: inherit
}

.cart-amount-text {
	text-align: center;
	width: 100%;
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 80%;
}

.cart-amount-text input {
	text-align: center;
	width: inherit;
	background: 0;
	outline: 0;
	border: 0;
	margin: 0;
	font-size: inherit;
}

.cart-stepper-text {
	margin-left: 1.5rem;
	position: absolute;
	display: none
}

.cart-amount-icon input {
	width: 100%;
	height: 100%;
	display: inherit;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	background: 0;
	outline: 0;
	border: 0;
	cursor: pointer
}

.cart-delevery-type {
	display: flex;
	align-items: center;
	background: var(--color-light);
	border-radius: 0.5rem;
	height: 2.5rem;
	width: 56%;
	justify-content: end;
	/* position: absolute; */
	right: 0;
}

.cart-delevery-item {
	width: 50%;
	height: inherit;
	display: flex;
	align-items: center
}

.cart-delevery-item input {
	display: none
}

.cart-delevery-item label {
	display: inherit;
	height: inherit;
	align-items: inherit;
	margin: inherit;
	padding: inherit;
	width: 100%;
	border-radius: 0.5rem;
	justify-content: center;
	cursor: pointer;
	fill: var(--color-basic);
	transition: inherit;
	border: solid 1px transparent
}

.cart-delevery-item label p {
	margin: 0
}

.cart-delevery-item input:checked~label {
	background-color: var(--color-red);
	color: var(--color-white);
	fill: var(--color-white);
	transition: inherit
}

.cart-delevery-icon {
	width: 1.75rem;
	height: 1.75rem
}

.cart-delevery-icon.sea {
	width: 1.56rem;
	height: 1.56rem
}

.cart-delevery-icon svg {
	width: inherit;
	height: inherit
}

.cart-delevery-item input:checked~label .cart-delevery-text {
	opacity: 1
}

.cart-delevery-text {
	position: absolute;
	color: var(--color-basic);
	left: 0;
	opacity: 0;
	width: 100%;
	cursor: default;
	pointer-events: none;
	margin-top: 15.75rem;
	left: 0;
}

.cart-delevery-title {
	color: var(--color-gray-text);
	padding-bottom: .4rem
}

.cart-price-row {
	border-top: solid 1px var(--color-border);
	padding-top: 1.5rem;
	display: flex;
	padding-bottom: 2rem;
}

.cart-price-row .cart-price-left {
	width: 50%;
}

.cart-price-row .cart-price-right {
	width: 50%;
	justify-content: right;
}

.cart-price-row .cart-price {
	font-size: 1.25rem;
	letter-spacing: 0;
}

.cart-price-row .cart-credit-bt {
	background-color: hsl(50.29deg 100% 58.82%);
	text-align: center;
	padding: 0.8rem;
	border-radius: 0.5rem;
	cursor: pointer;
}

.delete-cart-icon {
	width: 1rem;
	height: 1rem;
	position: absolute;
	right: 1rem;
	top: 1rem;
	fill: var(--color-gray);
}

.delete-cart-icon:hover {
	fill: var(--color-red);
}

button.delete-cart-icon,
.delete-cart-icon button {
	background: transparent;
	border: none;
	width: inherit;
	height: inherit;
	cursor: pointer;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

.delete-cart-icon svg {
	width: inherit;
	height: inherit;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	fill: inherit;
}


.cart-close-button {
	width: 1.5rem;
	height: 1.5rem;
	float: right;
	cursor: pointer;
	position: absolute;
	right: 2.5rem;
	top: 0.8rem;
	vertical-align: baseline;
	z-index: 999;
	display: flex;
	align-items: center
}

.cart-content-close-button {
	width: inherit;
	height: inherit;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}

.cart-close-button .one {
	background: var(--color-basic);
	width: inherit;
	height: .1rem;
	display: flex;
	transition: inherit;
	-moz-transition: inherit;
	-webkit-transition: inherit;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	position: absolute
}

.cart-close-button .two {
	background: var(--color-basic);
	width: inherit;
	height: .1rem;
	display: flex;
	transition: inherit;
	-moz-transition: inherit;
	-webkit-transition: inherit;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute
}

.page-bg.active {
	margin-top: -16rem
}

.background-shadow.active {
	opacity: 1;
	z-index: 1001;
	bottom: 0;
	visibility: initial;
	background: rgb(16 16 16/40%)
}

.background-shadow {
	position: fixed;
	width: 100%;
	height: 100vh;
	background: 0;
	z-index: -8;
	opacity: 1;
	bottom: 0;
	visibility: hidden
}

.cart-slide {
	position: fixed;
	width: 100%;
	height: 100%;
	background: var(--color-white);
	z-index: 1002;
	overflow: auto;
	visibility: hidden;
	bottom: -100%
}

.cart-slide.active {
	visibility: visible;
	bottom: 0;
	overflow: auto;
}

.cart-slide,
.background-shadow,
.page-bg {
	-moz-transition: all 1s cubic-bezier(0.4, 0, 0.2, 1);
	-webkit-transition: all 1s cubic-bezier(0.4, 0, 0.2, 1);
	transition: all 1s cubic-bezier(0.4, 0, 0.2, 1)
}

.processing-top-text {
	position: absolute;
	left: 2.5rem;
	top: 1.5rem;
	font-size: 6rem;
	letter-spacing: -0.16rem;
}

.processing-link {
	position: absolute;
	right: 2.5rem;
	top: 1.5rem;
}

.processing-link a {
	border-bottom: solid 1px var(--color-basic);
}

.processing-link a:hover {
	border-color: var(--color-red);
	color: var(--color-red);
}

.center-container {
	display: flex;
	align-items: center;
	height: 100vh;
	width: 50%;
	margin: auto;
	text-align: center;
	line-height: 125%;
	font-size: 150%;
	justify-content: center;
}

.center-container.button-width {
	width: 20%;
	font-size: inherit;
	line-height: inherit;
}


@media screen and (max-width:1020px) {
	.container.container-cart {
		padding: 0;
		font-size: 100%;
		padding-top: 5rem;
	}

	.cart-content {
		display: block;
	}

	.cart-content .left,
	.cart-content .right {
		width: 100%;
	}

	.cart-content .left {
		/* padding: 0 2rem; */
	}

	.cart-content .left .content {
		width: auto;
		margin-top: 2.5rem;
		position: relative;
		padding: 0 0.8rem;
	}


	.cart-item {
		padding: 2.5rem 0.8rem;
	}

	.cart-item.first {
		border-bottom: transparent;
		padding: 0 0.8rem;
	}

	.flex-row.three .cart-col {
		width: 80%;
		display: inline-block;
	}

	.flex-row {
		white-space: nowrap;
		overflow: auto;
		display: block;
		padding: 1px 0;
	}


	.flex-row.three {
		margin: 0px;
	}


	.flex-row::-webkit-scrollbar {
		width: 0px;
		height: 0px;
	}


	.check-bt {
		margin: 0rem 1rem 0rem 0rem;
		white-space: initial;
	}


	.flex-row.two .cart-col {
		width: 100%;
	}

	.cart-item-container-content {
		display: block;
		padding-top: 0;
	}

	.cart-options {
		display: block;
		padding-bottom: 2rem;
	}

	.cart-amount {
		width: 100%;
	}

	.cart-delevery-type {
		width: 100%;
	}

	.cart-item-container {
		margin-bottom: 1.5rem;
		padding: 1.5rem;
		border-radius: 1.25rem;
	}

	.cart-item-container .name {
		line-height: 135%;
		font-size: 100%;
		padding-bottom: 1.25rem;
		/* width: 80%; */
	}

	.cart-item .cart-image {
		margin: auto;
		width: 12rem;
		height: 12rem;
	}

	.field-content.lastfield {
		margin: 0rem 1rem 1.5rem 1rem;
	}

	.field-content {
		margin: 0rem 1rem 1.5rem 1rem;
	}

	.delivery-date {
		text-align: center;
		font-size: 110%;
		/* padding-bottom: 1rem; */
	}

	.cart-price-row {
		display: block;
		padding-bottom: 0rem;
	}

	.cart-price-row .cart-price-left {
		width: 100%;
	}

	.cart-price-row .cart-price-right {
		width: 100%;
		margin-top: 6rem;
	}

	.cart-amount-content,
	.cart-delevery-type {
		height: 3.25rem;
	}

	.cart-amount-icon svg {
		width: 1.5rem;
		height: 1.5rem
	}

	.cart-item-container-content .options {
		font-size: 100%;
		padding: 2rem 0 1rem 0;
	}

	.cart-item-container-content .options .co-item-value {
		padding-bottom: 1rem;
	}


	.price-title {
		font-size: 160%;
	}

	.price-info {
		padding-bottom: 1.5rem;
	}

	.cart-title {
		padding-top: 0;
		padding-bottom: 1.5rem;
		padding-left: 0;
		text-align: left;
		font-size: 110%;
	}


	.cart-content .right .content {
		border-radius: 0;
		padding-top: 2rem;
	}

	.cart-price-row .cart-credit-bt {
		padding: 1.2rem;
		border-radius: 0.8rem;
	}

	.cart-delevery-text {
		margin-top: 17.5rem;
	}

	.check-bt-name {
		font-size: 120%;
	}

	.cart-price-row .cart-price {
		font-size: 150%;
	}

	.cart-bt {
		width: 10rem;
		height: 10rem;
	}

	.cart-close-button {
		width: 2.5rem;
		height: 2.5rem;
		right: 0.8rem;
		top: 0.8rem;
	}


	.center-container {
		font-size: 140%;
		width: 100%;
	}

	.center-container.button-width {
		width: 100%;
		font-size: 140%;
	}

	.processing-top-text {
		left: 0.8rem;
		top: 0.8rem;
		font-size: 4rem;
		letter-spacing: -0.08rem;
	}

	.processing-link {
		top: inherit;
		bottom: 2rem;
		left: 0;
		right: 0;
		margin: auto;
		text-align: center;
	}

}