.product-main {
	margin-bottom: 64px;
}

/* region images */
.product-image {
	display: block;
	width:100%;
	height: auto;
	border-radius: var(--border-radius);
}
/* endregion */

.product-title {
	font-size: clamp(1.25rem, 6.5cqw, 2.25rem);
	font-weight: 600;
	text-transform: uppercase;
	text-wrap: balance;
}

.product-main-info {
	container: product-main-info / inline-size;
}

.product-about-top {
	font-size: clamp(1rem, 3.6cqw, 1.14rem);
	margin-top: 1em;
}
.product-about-top.text {
	line-height: inherit;
}

/* region characteristics */
.product-characteristics {
	font-size: clamp(1rem, 3.6cqw, 1.14rem);
	max-width: 100%;
	margin-top: 2em;
}
.product-characteristics th {
	text-align: left;
	color:var(--text-color2);
}

@container product-main-info (max-width:299px) {
	.product-characteristics,
	.product-characteristics tbody,
	.product-characteristics tr,
	.product-characteristics td,
	.product-characteristics th {
		display: block;
		width: 100%;
	}
	.product-characteristics th {
		font-weight: 600;
	}
	.product-characteristics th:after {
		content: ':';
	}
	.product-characteristics tr {
		margin-top: 0.5em;
	}
}

@container product-main-info (min-width:300px) {
	.product-characteristics th,
	.product-characteristics td {
		padding-top: 0.35em;
		padding-bottom: 0.35em;
		vertical-align: bottom;
	}
	.product-characteristics th:after,
	.product-characteristics td:before {
		content: '';
		display: block;
		position: absolute;
		bottom:0.45em;
		right: 0;
		border-bottom: 1px dashed var(--bg2-darken10);
	}
	.product-characteristics th:after {
		left:2em;
	}
	.product-characteristics td:before {
		left:0;
	}
	.product-characteristics th > span,
	.product-characteristics td > span {
		background:white;
		z-index: 1;
	}
	.product-characteristics th > span {
		padding-right: 0.1em;
	}
	.product-characteristics th {
		font-weight: normal;
		padding-right: 1em;
	}
	.product-characteristics td {
		text-align: right;
	}
}
/* endregion */

/* region badges */
.product-badges {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap:0.3em 0.5em;
	margin-bottom: 1em;
}
.product-badge {
	border-radius: 0.5em;
	padding: 0.35em 0.71em;
	line-height: 1.1;
	font-weight: 500;
}
.product-badge svg {
	fill: currentColor;
	height: 1.2em;
	position: absolute;
	top:50%;
	margin-top: -0.6em;
	left:0;
}
.product-badge__with-svg {
	padding-left: 1.5em;
}
.product-badge_new {
	background: var(--notice-message-bg);
	color: var(--notice-message-color);
}
.product-badge_discount {
	background: var(--discount-bg);
	display: flex;
	gap:0.5em;
	flex-wrap: wrap;
	align-items: baseline;
}
/* endregion */

/* region price */
.product-price {
	font-size: 1.375rem;
	font-weight: bold;
	color:var(--theme-orange-red);
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	justify-content: space-between;
	gap:0.5em 1em;
	margin-bottom: 1em;
}
.product-price-old {
	text-decoration: line-through;
	color: var(--text-color2);
	font-weight: 500;
}
.product-price-discount-badge {
	background: var(--discount-bg);
	color: var(--text-color);
	font-weight: 500;
	line-height: 1.1;
	padding: 0.4em 0.5em 0.35em;
	border-radius: 1em;
}
.product-price-old-wrapper {
	font-size: 0.7272em;
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap:0.5em 0.5em;
}
/* endregion */

/* region btn to cart */
.product-add-to-cart {
	display: flex;
	white-space: nowrap;
	width: 100%;
}
.product-add-to-cart .btn__content {
	display: flex;
	justify-content: center;
	gap:0.8em;
	width: 100%;
	height: 100%;
}
.product-add-to-cart:not(:hover, .in-cart) .icon-cart {
	opacity: 0.5;
}
.product-add-to-cart:not(.in-cart) ._in-cart,
.product-add-to-cart.in-cart ._std {
	display: none;
}
/* endregion */

/* region offer info */
.product-offer-info {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-left: 44px;
	font-size: clamp(1rem, 6.5cqw, 1.14rem);
	line-height: 1.1;
	min-height: 20px;
}
.product-offer-info__title {
	font-weight: 500;
}
.product-offer-info__description {
	color:var(--text-color2);
	margin-top: 0.3em;
	font-size: 0.875em;
}
.product-offer-info__icon {
	position: absolute;
}
.product-offer-info__icon_stock {
	width: 20px;
	left:10px;
	top:7px;
}
.product-offer-info__icon_clock {
	width: 21px;
	left:9px;
	top:6px;
}
.product-offer-info__icon_truck {
	width: 24px;
	left:8px;
	top:3px;
}

.product-offer-info + .product-offer-info {
	margin-top: 1.3125em;
}
.product-offer-info:last-child {
	margin-bottom: 1em;
}
/* endregion */

/* region seller */
.product-seller {
	display: block;
	padding: 10px 20px 10px 68px;
}
.product-seller__name {
	display: block;
	font-weight: 500;
}
.product-seller__link {
	color:var(--text-color2);
	font-size: 0.875em;
}
.product-seller:not(:hover) .product-seller__link {
	text-decoration-line: underline;
	text-underline-offset: 0.23em;
	text-decoration-skip-ink: none;
}

.product-seller__icon,
.product-seller__logo {
	width: 24px;
	height: 24px;
	position: absolute;
	left:21px;
	top:50%;
	margin-top: -12px;
}

.product-seller__icon {
	transform: scale(-1, 1);
}
.product-seller:hover .product-seller__icon {
	fill: var(--link-color);
}

.product-seller__logo {
	border-radius: 5px;
	background: 50% 50% / cover no-repeat;
}
/* endregion */

/* region seller contacts */
.product-seller-contacts {
	display: flex;
	gap:10px;
	flex-wrap: wrap;
	justify-content: center;
}
.product-seller-contact {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.product-seller-contact:not(.social-icon-bg-hover):hover {
	background: var(--link-color);
	fill:white;
}
.product-seller-contact__icon {
	width: 20px;
}
.product-seller-contact__icon_telegram {
	left:-1px;
}
/* endregion */

.product-section-title {
	text-transform: uppercase;
	font-weight: 600;
	font-size: clamp(1.14rem, 3.5vw, 1.7142rem);
	margin-bottom: 1.125em;
}

.product-about {
	font-size: clamp(1rem, 2vw, 1.14rem);
}

/* region fly actions */
.product-fly-action {
	width: 30px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: transparent;
}
.product-btn-share:hover {
	color:var(--theme-orange);
}
.product-btn-share__icon {
	width: 24px;
	fill: currentColor;
}
.product-btn-to-fav__icon {
	width: 25px;
	fill: currentColor;
}
.product-btn-to-fav:not(.in-fav) ._in-fav,
.product-btn-to-fav.in-fav ._std {
	display: none;
}
.product-btn-to-fav:not(.in-fav):hover,
.product-btn-to-fav.in-fav:not(:hover) {
	color:var(--theme-orange);
}

.product-fly-actions {
	display: flex;
	gap:20px;
}
/* endregion */


@media all and (max-width: 460px) {
	.product-images .slider-gallery-one-controls {
		display: none;
	}
}

@media all and (width >= 823px) and (width < 1024px) {
	.product-main {
		margin-top: 30px;
	}
	.product-fly-actions {
		width: 44%;
		float: right;
		margin-top: 20px;
	}
}

@media all and (width >= 1024px) {
	.product-main {
		margin-top: -40px;
		padding-top: 40px;
	}
	.breadcrumbs {
		z-index: 1;
		padding-right: 150px;
	}
	.product-fly-actions {
		z-index: 2;
		position: absolute;
		top:0;
		right: 0;
	}
}

@container site-container (width < 740px) {
	.product-title {
		margin-top: 1.5em;
	}
	.product-images {
		margin-top: var(--container-offset-h);
	}
	.product-offer {
		margin-top: 30px;
	}
	.product-offer-main + .product-offer-other {
		margin-top: 30px;
	}
	.product-fly-actions {
		margin-top: 20px;
	}
	
	.product-seller-wrapper {
		margin-top: 10px;
	}
	.product-seller {
		background-color: var(--bg2);
		border-radius: var(--border-radius-s);
	}
	.product-seller-contacts {
		margin-top: 20px;
	}
	.product-seller-contact:not(:hover) {
		background: var(--bg2);
		fill: var(--text-color);
	}
}

@container site-container (width >= 740px) and (width < 1200px) {
	.product-main::after,
	.product-offer-container::after {
		content: '';
		display: block;
		clear: both;
	}
	.product-images,
	.product-offer-other {
		width: 50%;
		float: left;
	}
	.product-main-info,
	.product-offer-main {
		width: 44%;
		float: right;
	}
	.product-offer {
		clear: both;
	}
	.product-offer-container {
		padding-top: 30px;
		margin-bottom: 20px;
	}
	.product-seller-wrapper {
		background: var(--bg2);
		border-radius: var(--border-radius-s);
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap:30px;
		padding-right: 10px;
	}
	.product-seller-contact:not(:hover) {
		background: white;
		fill: var(--text-color2);
	}
}

@container site-container (width < 1200px) {
	.product-offer-main {
		box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.08);
		padding: 18px;
		border-radius: var(--border-radius);
	}
	.product-offer-main,
	.product-offer-other {
		container: product-offer-container / inline-size;
	}
}

@container site-container (width >= 1200px) {
	.product-main {
		display: flex;
		gap:3.8vw;
	}
	.product-images {
		width: clamp(300px, 33vw, 620px);
		flex-shrink: 0;
	}
	.product-offer {
		width: 300px;
		flex-shrink: 0;
	}
	.product-main-info {
		flex-grow: 1;
	}
	.product-offer-container {
		box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.08);
		padding: 18px;
		border-radius: var(--border-radius);
		container: product-offer-container / inline-size;
	}
	.product-offer-main + .product-offer-other {
		margin-top: 30px;
	}
	.product-seller-wrapper {
		margin-top: 34px;
	}
	.product-seller {
		background-color: var(--bg2);
		border-radius: var(--border-radius-s);
		padding: 10px 20px 10px 68px;
	}
	.product-seller-contacts {
		margin-top: 20px;
	}
	.product-seller-contact:not(:hover) {
		background: var(--bg2);
		fill: var(--text-color);
	}
}