/* Common */
/* Media */
/* Blocks */
.main-shop {
	padding: 5.10417vw 0 5.20833vw 0;
}

.main-shop__box {
	display: flex;
	min-height: 7.39583vw;
	padding: 0;
	border-radius: 1.04167vw;
	background: none;
	margin: 0 -5vw;
}

.main-shop__content {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex: 0 0 50%;
	padding: 1.04167vw 1.25vw 1.04167vw 5vw;
	border-radius: 1.04167vw;
	background: #040404;
}

.main-shop__title {
	font-size: 5.72917vw;
	letter-spacing: -0.03em;
	margin-bottom: 0;
}

.main-shop__subtitle {
	flex: 0 0 17.70833vw;
	font-size: 1.77083vw;
	line-height: 80%;
	letter-spacing: inherit;
	text-align: right;
}

.main-shop__photo {
	display: block;
	flex: 0 0 50%;
	height: auto;
	border-radius: 1.04167vw;
	background: #323234 url(../img/main-shop/bg_desk.jpg) no-repeat 50% 50%/100% auto;
}

.breadcrumbs {
	display: block;
	padding-bottom: 4.16667vw;
}

.breadcrumbs__block {
	display: flex;
	align-items: center;
	gap: 1.5625vw;
	font-size: 0.83333vw;
	line-height: 90%;
	letter-spacing: -0.03em;
	color: #a6b0bf;
}

.breadcrumbs__block A {
	position: relative;
	color: #e0e2ea;
}

.breadcrumbs__block A:after {
	position: absolute;
	top: 50%;
	left: calc(100% + 0.52083vw);
	-webkit-transform: translate(0, -50%);
	        transform: translate(0, -50%);
	content: '/';
	display: block;
	color: #e0e2ea;
}

.breadcrumbs__block A:hover {
	color: #a6b0bf;
}

.basket {
	padding: 0 0 2.8125vw 0;
}

.basket__head {
	gap: 0.52083vw;
	margin-bottom: 2.60417vw;
}

.basket__head SPAN {
	min-width: 1.61458vw;
	height: 1.61458vw;
	padding: 0 0.41667vw;
	border-radius: 10.41667vw;
	font-size: 1.14583vw;
}

.basket__title {
	font-size: 6.25vw;
}

.basket__box {
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
	gap: 6.35417vw;
}

.basket__content {
	flex: 0 0 53.28125vw;
}

.basket__bar {
	font-size: 0.9375vw;
	margin-bottom: 2.60417vw;
}

.basket__mark {
	gap: 0.52083vw;
}

.basket__mark-checkbox {
	width: 1.25vw;
	height: 1.25vw;
	border-radius: 0.20833vw;
}

.basket__mark-checkbox-icon:before {
	border-radius: 0.20833vw;
}

.basket__amount {
	padding: 1.04167vw;
	border-radius: 0.625vw;
	font-size: 1.14583vw;
	margin-bottom: 3.125vw;
}

.basket__list {
	margin-bottom: 2.86458vw;
}

.basket__item {
	flex-wrap: nowrap;
	gap: 2.08333vw;
	padding: 2.08333vw 0 1.25vw 0;
	border-bottom-width: 1px;
}

.basket__item-choice {
	flex: 0 0 1.25vw;
	margin-bottom: 0;
}

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

.basket__item-photo {
	flex: 0 0 10.20833vw;
	height: 8.85417vw;
	padding: 0.52083vw;
	border-radius: 0.52083vw;
}

.basket__item-photo:before {
	width: 6.77083vw;
	height: 6.77083vw;
}

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

.basket__item-content {
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
	flex: 1 0;
}

.basket__item-top {
	flex: 0 0 21.35417vw;
	gap: 0.52083vw;
	margin-bottom: 0.52083vw;
}

.basket__item-name {
	font-size: 3.125vw;
	margin-bottom: 0.9375vw;
}

.basket__item-info {
	gap: 0.52083vw;
	margin-bottom: 1.04167vw;
}

.basket__item-info LI {
	font-size: 1.14583vw;
}

.basket__item-delete {
	position: static;
	display: flex;
	flex: none;
	gap: 0.52083vw;
	height: 1.25vw;
}

.basket__item-delete SPAN {
	display: block;
	font-size: 0.9375vw;
	line-height: 90%;
	letter-spacing: 0.01em;
	color: #a6b0bf;
}

.basket__item-delete:before {
	width: 1.25vw;
	height: 1.25vw;
}

.basket__item-delete:hover {
	opacity: 0.6;
}

.basket__item-bottom {
	align-items: flex-end;
}

.basket__item-price {
	font-size: 2.39583vw;
	margin-bottom: 1.30208vw;
}

.basket__item-counter {
	font-size: 1.14583vw;
	margin-bottom: 1.5625vw;
}

.basket__item .quantity {
	gap: 0.52083vw;
}

.basket__item .quantity__num {
	height: 1.45833vw;
	min-width: 1.45833vw;
	padding: 0 0.15625vw;
	border-width: 1px;
	border-radius: 10.41667vw;
	font-size: 0.83333vw;
}

.basket__item .quantity__minus, .basket__item .quantity__plus {
	width: 1.45833vw;
	height: 1.45833vw;
}

.basket__aside {
	flex-grow: 1;
}

.basket__aside .button_scroll {
	display: none;
}

.basket__calculation {
	padding: 0.78125vw 1.04167vw;
	border-width: 1px;
	border-radius: 0.625vw;
	margin-bottom: 1.25vw;
}

.basket__calculation-title {
	font-size: 1.875vw;
	margin-bottom: 2.08333vw;
}

.basket__calculation-amount {
	font-size: 1.14583vw;
}

.basket__calculation-price {
	font-size: 1.875vw;
}

.basket__order-box {
	padding: 2.08333vw 1.04167vw 1.04167vw 1.04167vw;
	border-radius: 0.625vw;
	margin-bottom: 0.625vw;
	margin-bottom: 1.25vw;
}

.basket__order-title {
	font-size: 3.125vw;
	margin-bottom: 1.77083vw;
}

.basket__order .form__items {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 0.52083vw;
}

.basket__order .form__items .form__item {
	flex: 0 0 calc(50% - 0.26042vw);
}

.basket__order .form__items .form__item_w {
	flex: 0 0 100%;
}

.basket__order .form__item-text {
	font-size: 1.14583vw;
}

.basket__order .form__radiobox {
	flex-direction: row;
	gap: 2.08333vw;
	margin-bottom: 1.77083vw;
}

.basket__order .form__radio-label {
	gap: 0.625vw;
	margin: 0;
}

.basket__order .form__radio-label-text {
	font-size: 1.14583vw;
}

.basket__order .form__radio-label-input {
	flex: 0 0 1.25vw;
	width: 1.25vw;
	height: 1.25vw;
}

.basket__order .form__radio-label-input .radio {
	width: 1.25vw;
	height: 1.25vw;
}

.basket__order .form__radio-label-input .radio + SPAN {
	width: 1.25vw;
	height: 1.25vw;
	padding: 0.26042vw;
	border-width: 0.10417vw;
	border-radius: 50%;
}

.basket__order .form__radio-label-input .radio:checked + SPAN:before,
.basket__order .form__radio-label-input .radio:active + SPAN:before {
	width: 0.72917vw;
	height: 0.72917vw;
	border: 0;
}

.basket__order .form__subtitle {
	padding-top: 0.9375vw;
	font-size: 1.25vw;
	margin-bottom: 1.5625vw;
}

.basket__order .form__tabs {
	gap: 0.625vw;
	margin-bottom: 1.77083vw;
}

.basket__order .form__tabs-label {
	height: 2.91667vw;
	padding: 0 2.08333vw;
}

.basket__order .form__tabs-label-text {
	font-size: 1.14583vw;
}

.basket__order .form__tabs-label-input {
	border-radius: 10.41667vw;
}

.basket__order-button {
	height: 3.64583vw;
	font-size: 1.25vw;
}

.basket__message-title {
	font-size: 3.125vw;
	line-height: 110%;
	margin-bottom: 1.04167vw;
}

.basket__message-text {
	max-width: 31.25vw;
	font-size: 1.77083vw;
	line-height: 90%;
	margin-bottom: 4.58333vw;
}

.basket__message .button {
	width: 20.83333vw;
	height: 3.64583vw;
	font-size: 1.25vw;
}

.catalogue {
	padding: 2.39583vw 0 5.05208vw 0;
}

.catalogue__head {
	gap: 1.04167vw;
	margin-bottom: 1.5625vw;
}

.catalogue__title {
	font-size: 4.47917vw;
}

.catalogue .button {
	width: 8.33333vw;
	height: 1.77083vw;
	font-size: 0.72917vw;
}

.catalogue__box {
	display: flex;
	flex-wrap: wrap;
	gap: 1.25vw;
	margin-bottom: 1.25vw;
}

.catalogue__item {
	flex: 0 0 calc(25% - 0.9375vw);
	padding: 1.5625vw 1.25vw;
	border-radius: 0.83333vw;
}

.catalogue__item:hover {
	border-radius: 0.83333vw 0.83333vw 0 0;
}

.catalogue__item-photo {
	height: 19.01042vw;
}

.catalogue__item-photo:before {
	width: 14.6875vw;
	height: 14.6875vw;
}

.catalogue__item-info {
	gap: 2.60417vw;
}

.catalogue__item-text {
	font-size: 1.25vw;
	line-height: 110%;
}

.catalogue__item-price {
	font-size: 1.77083vw;
}

.catalogue__item-bar {
	position: absolute;
	left: 0;
	right: 0;
	top: 100%;
	z-index: 1;
	display: none;
	border-radius: 0 0 0.83333vw 0.83333vw;
	background: #e0e2ea;
}

.catalogue__item-bar .button {
	flex: 1 0;
	height: 3.125vw;
	font-size: 0.72917vw;
	letter-spacing: -0.03em;
	cursor: pointer;
}

.catalogue__item-bar .button_1 {
	border-radius: 0.52083vw 0.52083vw 0 0.52083vw;
}

.catalogue__item-bar .button_link {
	background: none;
	color: #ff0000;
}

.catalogue__item-bar .button_link:hover {
	color: #d90000;
}

.catalogue__item:hover .catalogue__item-bar {
	display: flex;
}
