@charset "UTF-8";
.plus-minus {
		flex: 0 0 auto;
		display: flex;
		align-items: center;
}
.plus-minus input {
		font: bold 16px/24px var(--fontg);
		text-align: center;
		border-radius: 0;
		border: 0 !important;
		background: none;
		color: var(--grey800);
		letter-spacing: 0.015em;
		box-shadow: none !important;
		flex: 0 0 auto;
		width: 45px;
		height: 48px !important;
		padding: 0 !important;
		margin: 0;
}
.plus-minus .plus, .plus-minus .minus {
		cursor: pointer;
		user-select: none;
		outline: none;
		box-shadow: none;
		flex: 0 0 auto;
		padding: 0;
		width: 48px;
		height: 48px;
		border-radius: 50%;
		position: relative;
		background: #F7FAFC;
		border: 0.5px solid #EDF1F6;
		transition-property: border, background, box-shadow;
		transition-duration: 0.2s;
		transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}
.plus-minus .btn:not(.disabled) {
		box-shadow: none;
}
.plus-minus .minus:before, .plus-minus .plus:before, .plus-minus .plus:after {
		content: '';
		position: absolute;
		top: 50%;
		left: 50%;
		width: 16px;
		height: 2px;
		background: var(--sec-dark);
		transform: translate3d(-50%, -50%, 0);
		transition: background 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.plus-minus .plus:after {
		transform: translate3d(-50%, -50%, 0) rotate(-90deg);
}
@media (pointer:fine) {
		.plus-minus .plus:hover, .plus-minus .minus:hover {
				border-color: #334360;
				background-color: #334360;
				box-shadow: 0px 8px 15px rgba(20, 37, 63, 0.15);
		}
		.plus-minus .minus:hover:before, .plus-minus .plus:hover:before, .plus-minus .plus:hover:after {
				background-color: var(--white);
		}
}
.plus-minus .plus.disabled, .plus-minus .minus.disabled {
		pointer-events: none;
}
.cart-item {
		overflow: hidden;
		position: relative;
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		border-style: solid;
		border-width: 0 0 0.5px 0;
		border-color: var(--sec-default);
		padding: 25px 29px 25px 130px;
		gap: 18px 20px;
		margin: 0 -17px;
}
.cart-item .photo {
		position: absolute;
		top: 25px;
		left: 0;
		width: 130px;
		max-height: calc(100% - 91px);
		padding: 10px;
}
.cart-item .photo:after {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		backface-visibility: hidden;
		backdrop-filter: blur(5px);
		opacity: 0;
		background: rgba(255, 255, 255, 0.5);
		pointer-events: none;
}
.cart-item .photo img {
		flex: 0 0 auto;
		width: auto;
		height: auto;
		max-width: 100%;
		max-height: 100%;
		object-fit: contain;
		object-position: center;
		filter: grayscale(0%);
}
.cart-item .text {
		flex: 0 0 auto;
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		gap: 12px 25px;
}
.cart-item .info {
		color: var(--grey500);
		overflow: hidden;
		flex: 0 0 auto;
		width: calc(100% + 36px);
		margin: 0 -36px -2px 0;
		padding: 0;
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		font-weight: 300;
		font-size: 12px;
		line-height: 22px;
		letter-spacing: -0.01em;
		order: 1;
		transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.cart-item .info li {
		flex: 0 0 auto;
		max-width: 100%;
		margin: 0;
		padding: 0 0 0 36px;
		position: relative;
		left: -36px;
}
.cart-item .info li:before {
		content: '';
		position: absolute;
		top: 50%;
		left: 18px;
		width: 0.5px;
		height: 12px;
		margin: -6px 0;
		background: var(--grey500);
}
.cart-item .info strong {
		font-weight: inherit;
		color: var(--grey900);
}
.cart-item .name, .cart-item .deleted-text {
		flex: 0 0 auto;
		width: 100%;
		font-weight: 500;
		color: var(--grey900);
		font-size: 13px;
		line-height: 20px;
		letter-spacing: -0.01em;
		order: 2;
}
.cart-item .name {
		margin: 0 0 4px 0;
}
.cart-item .name a {
		color: var(--grey900);
}
@media (pointer:fine) {
		.cart-item .name a:hover {
				color: var(--blue) !important;
		}
}
.cart-item .info2 {
		color: var(--grey500);
		overflow: hidden;
		flex: 0 0 auto;
		width: calc(100% + 36px);
		order: 3;
		margin: 0 -36px 0 0;
		padding: 0;
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		font-weight: 300;
		font-size: 13px;
		line-height: 22px;
		letter-spacing: -0.02em;
}
.cart-item .info2 li {
		flex: 0 0 auto;
		max-width: 100%;
		margin: 0;
		padding: 0 0 0 36px;
		position: relative;
		left: -36px;
}
.cart-item .info2 li:before {
		content: '';
		position: absolute;
		top: 50%;
		left: 18px;
		width: 0.5px;
		height: 12px;
		margin: -6px 0;
		background: var(--grey500);
}
.cart-item .info2 strong {
		font-weight: inherit;
		color: var(--grey800);
}
.cart-item .color {
		flex: 0 0 auto;
		order: 4;
		display: flex;
		align-items: center;
		font-weight: 300;
		font-size: 13px;
		line-height: 22px;
		color: var(--grey800);
		gap: 0 12px;
}
.cart-item .color .rounded {
		flex: 0 0 auto;
		width: 15px;
		height: 15px;
		border-radius: 50%;
		border-style: solid;
		border-width: 0.5px;
		border-color: transparent;
		background-repeat: no-repeat;
		background-position: 50% 50%;
		background-size: calc(100% + 2px) auto;
}
.cart-item .price {
		display: flex;
		flex: 0 0 auto;
		flex-direction: column;
		align-items: flex-start;
		gap: 0 5px;
		margin-left: auto;
}
.cart-item .price > * {
		flex: 0 0 auto;
}
.cart-item .price del {
		text-decoration: line-through;
		font: 300 14px/20px var(--fontg);
		letter-spacing: 0.01em;
		color: var(--grey500);
}
.cart-item .price strong {
		font: 600 18px/24px var(--fontg);
		letter-spacing: 0.015em;
		color: var(--grey900);
}
.cart-item .number {
		text-align: right;
		flex: 1 1 auto;
		font-weight: normal;
		font-size: 16px;
		line-height: 24px;
		letter-spacing: 0.015em;
		color: var(--grey600);
}
.cart-item .number + .price {
		margin-left: 16px;
}
.cart-item .plus-minus {
		margin-left: -4px;
}
.cart-item .delete, .cart-item .link-to-fav {
		width: 48px;
		height: 48px;
		border-radius: 50%;
		position: absolute;
		bottom: 25px;
		left: 50px;
}
.cart-item .delete {
		cursor: pointer;
		user-select: none;
		background: var(--input-bg);
}
.cart-item .link-to-fav ~ .delete {
		background: none;
		left: 0;
}
.cart-item .delete svg {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate3d(-50%, -50%, 0);
		transition: fill 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
		fill: var(--grey500);
}
@media (pointer:fine) {
		.cart-item .delete:hover svg {
				fill: var(--orange);
		}
}
.cart-item .deleted-action {
		cursor: pointer;
		user-select: none;
		color: var(--blue);
		display: flex;
		align-items: center;
		gap: 0 12px;
		font-weight: 500;
		font-size: 14px;
		line-height: 20px;
		letter-spacing: -0.02em;
		white-space: nowrap;
		transition-property: color, opacity;
		transition-duration: 0.2s;
		transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
		opacity: 0;
		pointer-events: none;
		position: absolute;
		left: 130px;
		bottom: 32px;
}
.cart-item .deleted-action .grey {
		font-weight: 600;
		color: var(--title);
		display: inline-block;
		vertical-align: top;
		min-width: 40px;text-align: right;
}
.cart-item .deleted-action svg {
		fill: var(--blue);
		flex: 0 0 auto;
		width: 24px;
		height: 24px;
		transition: fill 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
@media (pointer:fine) {
		.cart-item .deleted-action:hover {
				color: var(--hover);
		}
		.cart-item .deleted-action:hover svg {
				fill: var(--hover);
		}
}
.cart-item .name {
		transition-property: transform, color;
		transition-duration: 0.2s;
		transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
		transform-origin: 0 0;
		transform: scale(1);
}
.cart-item .info2, .cart-item .color {
		transition-property: filter, opacity;
		transition-duration: 0.2s;
		transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
		filter: grayscale(0%);
}
.cart-item .info, .cart-item .plus-minus, .cart-item .price, .cart-item .deleted-text, .cart-item .delete, .cart-item .link-to-fav, .cart-item .photo:after {
		transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.cart-item .photo img {
		transition: filter 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.cart-item .deleted-text {
		margin: -42px 0 0 0;
		pointer-events: none;
		opacity: 0;
}
.cart-item.deleted .name, .cart-item.deleted .name a {
		color: var(--grey500);
}
.cart-item.deleted .info, .cart-item.deleted .plus-minus, .cart-item.deleted .price, .cart-item.deleted .delete, .cart-item.deleted .link-to-fav {
		opacity: 0;
		pointer-events: none;
}
.cart-item.deleted .deleted-text, .cart-item.deleted .deleted-action {
		opacity: 1;
		pointer-events: all;
}
.cart-item.deleted .info2, .cart-item.deleted .color {
		pointer-events: none;
		filter: grayscale(100%);
		opacity: 0.5;
}
.cart-item.deleted .photo:after {
		opacity: 1;
}
.cart-item.deleted .photo img {
		filter: grayscale(100%);
}
/*mobile end*/
/*tablet start*/
@media only screen and (min-width: 768px) {
		.cart-item {
				padding: 20px 122px 20px 230px;
				margin: 0;
				gap: 17px 33px;
				border-bottom-width: 1px;
		}
		.cart-item .photo {
				width: 200px;
				max-height: 100%;
				top: 50%;
				transform: translate3d(0, -50%, 0);
				padding: 10px 25px 0 25px;
		}
		.cart-item .text {
				gap: 14px 25px;
		}
		.cart-item .info {
				font-size: 14px;
				margin: 0 -42px -6px 0;
				width: calc(100% - 42px);
		}
		.cart-item .info2 {
				margin-right: -42px;
				width: auto;
				order: 4;
				max-width: calc(100% - 42px);
		}
		.cart-item .info li, .cart-item .info2 li {
				padding-left: 42px;
				left: -42px;
		}
		.cart-item .info li:before, .cart-item .info2 li:before {
				left: 21px;
				height: 14px;
				margin: -7px 0;
		}
		.cart-item .name, .cart-item .deleted-text {
				font-weight: normal;
				font-size: 16px;
				letter-spacing: -0.01em;
		}
		.cart-item .deleted-text {
				margin-top: -39px;
		}
		.cart-item .color {
				order: 3;
		}
		.cart-item .price {
				margin-left: 0;
		}
		.cart-item .price strong {
				font-size: 16px;
		}
		.cart-item .plus-minus {
				margin: 0;
		}
		.cart-item .delete, .cart-item .link-to-fav {
				width: 56px;
				height: 56px;
				left: auto !important;
				right: 33px;
				top: 50%;
				margin: -28px 0;
				bottom: auto !important;
		}
		.cart-item .link-to-fav {
				right: 61px;
		}
		.cart-item .link-to-fav ~ .delete {
				right: 6px;
		}
		.cart-item .deleted-action {
				left: 230px;
		}
		.cart-item.deleted .name {
				transform: scale(0.8125);
		}
}
/*tablet end*/
/*desktop-big start*/
@media only screen and (min-width: 1680px) {
		.plus-minus input {
				font-size: 18px;
				width: 57px;
				height: 56px;
		}
		.plus-minus .btn {
				width: 56px;
				height: 56px;
		}
		.plus-minus .minus:before, .plus-minus .plus:before, .plus-minus .plus:after {
				width: 18px;
		}
		.cart-item {
				padding: 35px 0;
				gap: 0;
				flex-wrap: nowrap;
				align-items: center;
				flex-direction: row;
		}
		.cart-item .photo {
				width: 200px;
				height: 125px;
				display: flex;
				flex-direction: column;
				align-items: center;
				justify-content: center;
				max-height: none;
				position: relative;
				top: auto;
				left: auto;
				transform: none;
				flex: 0 0 auto;
				margin: -15px 25px -15px 0;
		}
		.cart-item .text {
				flex: 1;
				padding: 0 20px 0 0;
		}
		.cart-item .price {
				margin: 0 32px 0 0;
				padding: 0 0 0 20px;
				min-width: 111px;
				text-align: right;
				align-items: flex-end;
		}
		.cart-item .plus-minus {
				margin: 0;
		}
		.cart-item .delete, .cart-item .link-to-fav {
				width: 24px;
				height: 24px;
				flex: 0 0 auto;
				position: relative;
				top: auto;
				left: auto;
				right: auto;
				background: none;
				margin: 0 18px;
		}
		.cart-item .deleted-action {
				left: auto;
				bottom: auto;
				top: 50%;
				right: 0;
				margin: -12px 0;
		}
}