/* Common */
/* Media */
/* Blocks */
.basket__box {
	display: flex;
	flex-direction: column;
	gap: 5vw;
}

.basket__list {
	display: flex;
	flex-direction: column;
	padding: 0 1.875vw;
	border-radius: 5vw;
	background: #f0f7ff;
	margin-bottom: 4.6875vw;
}

.basket__item {
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 0 5vw;
	padding: 6.25vw 2.5vw;
	border-bottom: 1px solid #bfc4cc;
}

.basket__item:last-child {
	border: 0;
}

.basket__item-photo {
	flex: 0 0 21.25vw;
}

.basket__item-photo IMG {
	width: 100%;
}

.basket__item-content {
	flex-grow: 1;
}

.basket__item-top {
	display: flex;
	justify-content: space-between;
	gap: 3.125vw;
	margin-bottom: 0.9375vw;
}

.basket__item-name {
	font-weight: 500;
	font-size: 4.375vw;
	line-height: 128%;
	color: #1a1921;
}

.basket__item-delete {
	content: '';
	display: flex;
	flex: 0 0 6.25vw;
	width: 6.25vw;
	height: 6.25vw;
	background: url(../img/common/icon-delete-black.svg) no-repeat 50% 50%/100% 100%;
	-webkit-filter: invert(85%) sepia(8%) saturate(206%) hue-rotate(178deg) brightness(92%) contrast(89%);
	        filter: invert(85%) sepia(8%) saturate(206%) hue-rotate(178deg) brightness(92%) contrast(89%);
	cursor: pointer;
}

.basket__item-delete:hover {
	-webkit-filter: invert(8%) sepia(14%) saturate(921%) hue-rotate(208deg) brightness(97%) contrast(94%);
	        filter: invert(8%) sepia(14%) saturate(921%) hue-rotate(208deg) brightness(97%) contrast(94%);
}

.basket__item-bottom {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.basket__item-price {
	font-size: 4.375vw;
	line-height: 128%;
	color: #6e6e73;
	white-space: nowrap;
}

.basket__item .quantity {
	display: flex;
	align-items: center;
	padding: 0.9375vw 0;
}

.basket__item .quantity__num {
	width: 10.9375vw;
	text-align: center;
	font-size: 4.375vw;
	line-height: 128%;
	color: #6e6e73;
}

.basket__item .quantity__minus, .basket__item .quantity__plus {
	display: blosk;
	width: 6.25vw;
	height: 6.25vw;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 100% 100%;
	-webkit-filter: invert(85%) sepia(8%) saturate(206%) hue-rotate(178deg) brightness(92%) contrast(89%);
	        filter: invert(85%) sepia(8%) saturate(206%) hue-rotate(178deg) brightness(92%) contrast(89%);
	text-indent: -3125vw;
	cursor: pointer;
}

.basket__item .quantity__minus:hover, .basket__item .quantity__plus:hover {
	-webkit-filter: invert(8%) sepia(14%) saturate(921%) hue-rotate(208deg) brightness(97%) contrast(94%);
	        filter: invert(8%) sepia(14%) saturate(921%) hue-rotate(208deg) brightness(97%) contrast(94%);
}

.basket__item .quantity__minus.disabled, .basket__item .quantity__plus.disabled {
	opacity: .3;
	pointer-events: none;
}

.basket__item .quantity__minus {
	background-image: url(../img/common/icon-minus-black.svg);
}

.basket__item .quantity__plus {
	background-image: url(../img/common/icon-plus-black.svg);
}

.basket__calculation-title {
	font-weight: 500;
	font-size: 4.375vw;
	line-height: 128%;
	margin-bottom: 1.5625vw;
}

.basket__calculation-total {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}

.basket__calculation-amount {
	font-weight: 500;
	font-size: 4.375vw;
	line-height: 128%;
	color: #6e6e73;
}

.basket__calculation-price {
	font-weight: 500;
	font-size: 4.375vw;
	line-height: 128%;
	white-space: nowrap;
}

.basket__calculation .button {
	position: fixed;
	left: 3.125vw;
	right: 3.125vw;
	z-index: 1;
	bottom: 3.125vw;
	width: auto;
	max-width: 100%;
}

.basket__calculation .button.disabled, .basket__calculation .button.disabled:hover {
	background: #b5b5b0;
	cursor: default;
	opacity: 1;
	pointer-events: none;
}

.basket__message {
	display: none;
	padding: 6.25vw 3.75vw;
	border-radius: 5vw;
	background: #f0f7ff;
	text-align: center;
	margin-bottom: 4.6875vw;
}

.basket__message_visible {
	display: block;
}

.basket__message-title {
	font-weight: 500;
	font-size: 4.375vw;
	line-height: 128%;
	color: #1a1921;
	margin-bottom: 1.5625vw;
}

.basket__message-text {
	font-size: 4.375vw;
	line-height: 128%;
	color: #6e6e73;
	margin-bottom: 3.125vw;
}

.goods__title {
	font-weight: 500;
	font-size: 4.375vw;
	line-height: 100%;
	margin-bottom: 2.8125vw;
}

.goods__gallery {
	position: relative;
	width: 64.375vw;
	margin: 0 auto;
}

.goods__gallery .slick-track {
	display: flex;
}

.goods__gallery .slick-slide {
	display: flex;
	height: auto;
}

.goods__gallery .slick-slide > DIV {
	display: flex;
	min-height: 100%;
}

.goods__gallery .slick-arrows {
	position: absolute;
	top: 8.75vw;
	left: -13.4375vw;
	right: -13.4375vw;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.goods__gallery IMG {
	border-radius: 3.125vw;
}

.goods__carousel {
	position: relative;
	z-index: 1;
}

.goods__item {
	margin: 0 1.5625vw;
}

.goods__item-inner {
	width: 29.0625vw;
	border-radius: 3.4375vw;
	background: #f0f7ff;
}

.goods__item-photo {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 29.0625vw;
	height: 29.0625vw;
	cursor: pointer;
}

.goods__item-info {
	display: none;
	padding: 3.125vw 1.5625vw 4.6875vw 1.5625vw;
	color: #1a1921;
	text-align: center;
}

.goods__item-info-price {
	font-size: 4.375vw;
	line-height: 120%;
	margin-bottom: 3.125vw;
}

.goods__item-info I {
	display: flex;
	width: 11.875vw;
	height: 11.875vw;
	margin: 0 auto;
	cursor: pointer;
}

.goods__item-info I:hover {
	-webkit-filter: invert(40%) sepia(77%) saturate(1010%) hue-rotate(352deg) brightness(107%) contrast(103%);
	        filter: invert(40%) sepia(77%) saturate(1010%) hue-rotate(352deg) brightness(107%) contrast(103%);
}

.goods__item-info .icon-plus {
	background: url(../img/common/icon-plus-black.svg) no-repeat 50% 50%/100% 100%;
}

.goods__item-info .icon-delete {
	background: url(../img/common/icon-delete-black.svg) no-repeat 50% 50%/100% 100%;
}
