.product {
	padding: 0 0 24px;
}

.product__top {
	margin: 0 -10px;
	display: flex;
	align-items: flex-start;
}

.product__main {
	flex: 1 1;
	padding: 0 10px;
}

.product__wrapper {
	padding-left: 52px;
}

/* === GALLERY === */
.product__gallery {
	flex: 0 0 36.64%;
	max-width: 36.64%;
	padding: 0 10px;
}

.small-gallery--no-init .swiper-wrapper {
	margin: 0 -6px;
}

.small-gallery--no-init .swiper-slide {
	flex: 0 0 16.6666%;
	padding: 0 6px;
}

.img-box.img-box--product,
.img-box.img-box--product-sm {
	border-radius: 8px;
	background-color: #FFF;
}

.img-box.img-box--product .img,
.img-box.img-box--product-sm .img {
	object-fit: contain;
}

.img-box.img-box--product-sm {
	border: 2px solid transparent;
	cursor: pointer;
	transition: border 350ms;
}

.swiper-slide-thumb-active .img-box.img-box--product-sm,
.img-box.img-box--product-sm:hover {
	border-color: #CCC;
}

.main-gallery .swiper-button-prev,
.main-gallery .swiper-button-next {
	border-radius: 50%;
	background-color: #fff;

	min-width: 44px;
	min-height: 44px;
}

.main-gallery .swiper-button-prev::after,
.main-gallery .swiper-button-next::after {
	font-size: 18px;
	color: var(--theme-color, #3EA57A);
}

.main-gallery .swiper-button-next.swiper-button-disabled, 
.main-gallery .swiper-button-prev.swiper-button-disabled {
	opacity: 0;
}
/* === END GALLERY === */

/* === MAIN === */
.product__title {
	font-weight: 700;
	font-size: 16px;
	line-height: normal;
	color: #000;
	font-variant-numeric: lining-nums tabular-nums;
	margin: 0 0 16px;
	max-width: 318px;
}

.product__subtitle {
	margin-top: 8px;
	font-weight: 500;
	font-size: 14px;
	line-height: normal;
	color: #393939;
	font-variant-numeric: lining-nums tabular-nums;
}

.product__price-box {
	margin: 16px 0;
	display: flex;
	align-items: center;
}

.product__price {
	font-weight: 600;
	font-size: 20px;
	line-height: normal;
	color: #0E0E0E;
}

.product__price--old {
	margin-left: 8px;
	color: #878787;
	font-size: 14px;
	text-decoration-line: line-through;
}

.product__cart {
	display: flex;
}

.product__quantity-box {
	display: flex;
	flex: 0 0 116px;
	background-color: #fff;
	border: 1px solid #E8E8E8;
	border-radius: 8px;
}

.product__quantity-control {
	display: flex;
	justify-content: center;
	align-items: center;
	flex: 0 0 42px;
	height: 42px;
	border: none;
	background-color: transparent;
}

.product__quantity-output {
	border: none;
	background-color: transparent;
	outline: none;
	text-align: center;
	display: block;
	width: 100%;
}

.quantity_icon {
	display: block;
	width: 12px;
	fill: #3EA57A;
}

.minus_icon {
	height: 2px;
}

.btn.product__cart-btn {
	display: block;
	margin-left: 12px;
	padding: 14px 60px;
}

.product__text-title {
	margin: 24px 0 8px;
	font-variant-numeric: lining-nums tabular-nums;
	font-weight: 500;
	font-size: 14px;
	line-height: 125%;
	color: #0E0E0E;
}

.product__text {
	font-weight: 400;
	font-size: 14px;
	line-height: 125%;
	color: #393939;
}

.product__text > * {
	margin: 8px 0 0;
}

.product__whishlist {
	margin-top: 16px;
	border: none;
	background-color: transparent;
	padding: 0;

	display: flex;
	align-items: center;

	font-weight: 500;
	font-size: 14px;
	line-height: normal;
	color: #393939;

	transition: opacity 350ms;
}

.product__whishlist--active {
	color: #3EA57A;
}

.product__whishlist:hover {
	opacity: 0.5;
}

.product__whishlist-icon {
	fill: #393939;
}

.product__whishlist--active .product__whishlist-icon {
	fill: #3EA57A;
}

.product__whishlist span {
	display: inline-block;
	margin-left: 7px;
}
/* === END MAIN === */

/* === PROPERTIES === */
.product__middle {
	padding: 12px 0 0;
}

.props__title {
	padding: 8px 12px;
	border-bottom: 2px solid var(--theme-color, #3EA57A);
	width: fit-content;

	font-weight: 600;
	font-size: 16px;
	line-height: 125%;
	color: #0E0E0E;
}

.props__list {
	margin-top: 4px;
	max-width: 790px;
}

.props__row {
	margin-top: 12px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.props__row::before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	border-bottom: 1px dotted #B6B6B6;
}

.props__name,
.props__value {
	background-color: #fff;
	display: inline-block;
	position: relative;

	font-weight: 500;
	font-size: 14px;
	line-height: 125%;
}

.props__name {
	color: #393939;
	padding-right: 4px;
}

.props__value {
	flex: 0 0 205px;
	color: #0E0E0E;
	padding-left: 4px;
}
/* === END PROPERTIES === */

/* === OTHER PRODUCTS === */
.other-product {
	padding: 24px 0 0;
}

.other-product .headline {
	margin: 0 0 30px 10px;
}

@media (max-width: 992px) {
	.product__top {
		flex-wrap: wrap;
		margin: -10px;
	}

	.product__gallery,
	.product__main {
		flex: 0 0 100%;
		max-width: 100%;
		padding: 10px;
	}

	.product__wrapper {
		padding-left: 0;
	}

	.props__value {
		flex: 0 0 auto;
	}
}

/* Item detail */

.detail-wrapper h2 {
	font-size: 30px;
	font-weight: 700;
	color: var(--text);
	margin: 40px 0;
}

.detail-wrapper button {
    font-size: 16px;
}

.prop-name, .detail-code, .detail-code--mobile {
    color: var(--primary3)
}

.detail-code {
	margin-bottom: 40px;
}

.prop-full {
	display: flex;
	width: 100%;
	padding: 0 15px;
}

.prop-separator {
	flex: 1 1 auto;
	border-bottom: 1px solid #E6EDFF;
	position: relative;
	bottom: 7px;
}


.nfo-name {
    font-weight: bold;
}

.detail-column-row{
    display: flex;
    margin: -15px;
	padding-bottom: 20px;
}

@media (max-width: 1000px) {
	.detail-column-row {
		display: flex;
		flex-direction: column;
		margin: -15px;
		padding-bottom: 20px;
	}
}

.detail-column {
    flex: 1 1 auto;
    padding: 15px;
}


.detail-photoswiper {
    width: 520px;
    height: 450px;
}

.detail-image {
	display: flex;
	gap: 10px;
	height: 105%;
}

.small-gallery {
	display: flex;
	flex-direction: column;
	height: 450px;
	margin: 0;
	width: 60px;
}

.main-gallery {
	margin: 0;
	width: 100%;
}

.column-first {
	flex: 0 0 auto; 
}

.column-last {
    flex: 0 0 300px;
}

.detail-top-btns {
    display: flex;
    gap: 22px;
}

.detail-top-btns button {
    background: transparent;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 10px
}

.detail-top-btns button svg {
	stroke: var(--primary3);
}

.detail-top-btns button:hover svg {
	stroke: var(--primary1) !important;
}

.detail-active svg {
	fill: var(--primary1);
	stroke: var(--primary1) !important;
}

.detail-buybox {
    margin-top: 40px;
    margin-bottom: 24px;
    border: 2px solid var(--primary3);
    border-radius: 16px;
    padding: 16px;
}

.detail-price {
	margin-bottom: 20px;
}

.detail-new-price {
    color: var(--primary1);
    font-size: 36px;
    font-weight: 700;

}

.detail-old-price {
    color: var(--primary3);
    font-size: 20px;
    font-weight: 700;
    text-decoration: line-through;
}

@media (max-width: 700px) {
	.detail-new-price {
		font-size: 20px;
	}
	
	.detail-old-price {
		font-size: 18px;
	}
}

.detail-credit-offer {
    display: flex;
    gap: 4px;
    align-items: center;
    margin: 15px 0;
}

.detail-credit-offer button {
    background-color: transparent;
    padding: 0;
    margin: 0;
    cursor: pointer;
}

.credit-sum {
    color: #fff;
    padding: 4px;
    border-radius: 5px;
    font-weight: 700;
    background-color: var(--green);
}

.detail-buybox-bigbtns {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

@media (max-width: 1000px) {
	.detail-buybox-bigbtns {
		display: flex;
		flex-direction: row;
		gap: 10px;
	}
}

@media (max-width: 700px) {
	.detail-buybox-bigbtns {
		display: flex;
		flex-direction: column;
		gap: 10px;
	}
}

.detail-buybox-bigbtns button, .detail-buybox-bigbtns div{
    font-weight: 700;
    width: 100%;
    padding: 14px;
    border-radius: 10px;
    cursor: pointer;
}

.detail-basket-btn {
    background-color: var(--primary1);
    color: #fff
}

.detail-quickorder-btn {
    background-color: var(--primary2);
    color: var(--primary1)
}

.detail-notinstock-btn {
    background-color: var(--primary2);
    color: var(--primary1);
	cursor: default !important;
	user-select: none;
	text-align: center;
}

.detail-shipping {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.detail-shipping div, .detail-full-props-link a {
    display: flex;
    align-items: center;
    gap: 8px;
}

@media (max-width: 1000px) {
	.detail-shipping {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		gap: 0px;
	}
}

@media (max-width: 700px) {
	.detail-shipping {
		display: flex;
		flex-direction: column;
		gap: 8px;
	}
	.detail-shipping div {
		padding: 15px;
		border: 2px solid #9EAED3;
		border-radius: 15px;
	}
}

.detail-guarantee-badge {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 40px;
}

.detail-props-brief-content {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 30px;
}

.detail-full-props-link a {
    color: var(--primary1);
    font-weight: 700;
    text-decoration: none;
}

.detail-props-full-content {
    display: flex;
    flex-wrap: wrap;
	margin: 0 -15px;
}

.detail-props-full-content .prop {
    flex: 0 0 50%;
    margin-bottom: 10px;
}

.big-slide {
	border-radius: 20px;
	background-color: #FFF;
}

.detail-block {
	padding: 20px 0;
}

.detail-column--mobile {
	flex: 1 1 auto;
    padding: 20px 15px;
	display: none;
	font-size: 12px;
}

.detail-top-mobile {
	display: none;
	justify-content: space-between;
	align-items: center;
}

.detail-top-mobile .detail-guarantee-badge{
	margin: 0;
}

.detail-code--mobile {
	display: none;
	margin: 0 16px;
}

.detail-compare-btn {
    display: flex;
	gap: 10px;
    cursor: pointer;
}

.detail-compare-btn input {
    display: none;
}

.detail-compare-btn svg {
	stroke: #9EAED3;
}

.detail-compare-btn--active svg {
	stroke: #3E5DA7;
	fill: #3E5DA7;
}

.detail-compare-btn:hover svg {
	stroke: #3E5DA7;
}


@media (max-width: 1000px) {
	.detail-props-brief {
		display: none;
	}
	.detail-right-panel .detail-top-btns {
		display: none;
	}
	.detail-props-full-content {
		display: inline;
	}
	.prop-full {
		padding: 0;
	}
	.detail-column--mobile {
		flex: 1 1 auto;
    	padding: 30px 15px;
		display: inline;
	}
	.detail-top-mobile {
		display: flex;
	}
	.detail-code {
		display: none;
	}
	.detail-code--mobile {
		display: inline;
	}
	.detail-buybox {
		margin-top: 0;
	}
	.detail-photoswiper {
		margin: auto;
		height: 370px;
	}
	.swiper.small-gallery {
		display: none;
	}
	.swiper {
		margin-left: 0 !important;
		margin-right: 0 !important;
		width: 90vw !important;
	}
}

@media (max-width: 700px) {
	.detail-top-mobile .detail-guarantee-badge{
		display: none;
	}
	.detail-top-mobile span {
		display: none;
	}
	.detail-description h2, .detail-props-full h2 {
		font-size: 20px;
	}
	p, .detail-props-full {
		font-size: 12px;
	}
	.detail-wrapper button {
		font-size: 14px;
	}
}

.quickorder-form{
	margin-top: 30px;
}
.quickorder-form .form-h2 {
	display: none;
}