/* Start:/local/templates/dresscodeV2/components/dresscode/catalog/.default/style.css?179327158210091*/
#middleSlider {
	margin-bottom: 24px;
}

.panel-click.selected {
	pointer-events: none;
}

.items.productList {
	margin-bottom: 24px;
}

.removeFromWishlist {
	display: none;
}

/* EXTERIER_FILTER_ACTIVE_TAGS_V2 */
.catalog-active-filters-slot:empty {
	display: none;
}

.bxget-catalog-active-filters {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px 10px;
	margin: 0 0 18px;
}

.bxget-catalog-active-filter-tags {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
}

.bxget-catalog-active-filter-tag {
	display: inline-flex;
	align-items: center;
	box-sizing: border-box;
	min-height: 34px;
	margin: 0;
	padding: 0 9px 0 12px;
	border: 1px solid #dedede;
	border-radius: 4px;
	background: #f5f5f5;
	color: #2b2b2b;
	font: inherit;
	font-size: 13px;
	line-height: 32px;
	cursor: pointer;
}

.bxget-catalog-active-filter-tag:hover {
	border-color: #cfcfcf;
	background: #eeeeee;
}

.bxget-catalog-active-filter-tag b {
	margin-left: 8px;
	color: #777777;
	font-size: 18px;
	font-weight: 400;
	line-height: 1;
}

.bxget-catalog-active-filter-tag:disabled {
	cursor: wait;
	opacity: 0.55;
}

.bxget-catalog-active-filters .bxget-catalog-filter-reset {
	display: inline-flex;
	align-items: center;
	box-sizing: border-box;
	min-height: 34px;
	margin: 0;
	padding: 0 12px;
	border: 1px solid #cfcfcf;
	border-radius: 4px;
	background: #ffffff;
	color: #2b2b2b;
	font-size: 13px;
	font-weight: 600;
	line-height: 32px;
	white-space: nowrap;
	text-decoration: none;
	cursor: pointer;
}

.bxget-catalog-active-filters .bxget-catalog-filter-reset:hover {
	border-color: #9f9f9f;
	background: #f5f5f5;
	color: #2b2b2b;
	text-decoration: none;
}

@media (max-width: 767px) {
	.bxget-catalog-active-filters {
		align-items: flex-start;
		margin-bottom: 14px;
	}

	.bxget-catalog-active-filter-tags {
		width: 100%;
	}
}
/* EXTERIER_FILTER_ACTIVE_TAGS_V2 END */

/* EXTERIER_CATALOG_SORT_V1 */
#catalogLine .bxget-sort-column {
    position: relative;
    min-width: 190px;
}
#catalogLine .bxget-catalog-sort {
    position: relative;
    width: 210px;
    max-width: 100%;
    color: #333;
    font-size: 13px;
    z-index: 9;
}
#catalogLine .bxget-catalog-sort__selected {
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    min-height: 36px;
    padding: 7px 12px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    cursor: pointer;
    line-height: 20px;
    list-style: none;
}
#catalogLine .bxget-catalog-sort__selected::-webkit-details-marker {
    display: none;
}
#catalogLine .bxget-catalog-sort__selected::after {
    content: '';
    width: 7px;
    height: 7px;
    flex: 0 0 7px;
    margin-left: 12px;
    border-right: 1.5px solid currentColor;
    border-bottom: 1.5px solid currentColor;
    transform: translateY(-2px) rotate(45deg);
}
#catalogLine .bxget-catalog-sort[open] .bxget-catalog-sort__selected::after {
    transform: translateY(2px) rotate(225deg);
}
#catalogLine .bxget-catalog-sort__selected:focus-visible,
#catalogLine .bxget-catalog-sort__option:focus-visible {
    outline: 2px solid #777;
    outline-offset: 2px;
}
#catalogLine .bxget-catalog-sort__options {
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    right: 0;
    z-index: 10;
    min-width: 210px;
    padding: 4px 0;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-shadow: 0 5px 16px rgba(0,0,0,.1);
}
#catalogLine .bxget-catalog-sort__option {
    display: block;
    box-sizing: border-box;
    padding: 10px 12px;
    color: #333;
    text-decoration: none;
    line-height: 18px;
}
#catalogLine .bxget-catalog-sort__option:hover,
#catalogLine .bxget-catalog-sort__option:focus,
#catalogLine .bxget-catalog-sort__option.is-selected {
    background: #f5f5f5;
    color: #222;
    text-decoration: none;
}
#catalogLine .bxget-catalog-sort__option.is-selected {
    font-weight: 600;
}
@media (max-width: 767px) {
    #catalogLine .bxget-sort-column {
        min-width: 0;
    }
    #catalogLine .bxget-catalog-sort {
        width: min(100%, 240px);
    }
}
/* EXTERIER_CATALOG_SORT_V1 END */

/* EXTERIER_CATALOG_SORT_LAYOUT_V2
 * Keep label and select on the same line in the DresscodeV2 toolbar.
 * Keep the overlay above product ribbons, without changing sorting JS/PHP.
 */
#catalogLine {
    position: relative;
    overflow: visible;
    z-index: 40;
}
#catalogLine .column.bxget-sort-column {
    position: relative;
    display: inline-flex;
    box-sizing: border-box;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: nowrap;
    gap: 14px;
    width: auto;
    min-width: 0;
    height: 56px;
    min-height: 56px;
    margin: 0;
    padding: 0 16px;
    vertical-align: middle;
    overflow: visible;
    white-space: nowrap;
    z-index: 41;
}
#catalogLine .column.bxget-sort-column > .label {
    position: static;
    display: block;
    float: none;
    flex: 0 0 auto;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    line-height: 20px;
    white-space: nowrap;
}
#catalogLine .column.bxget-sort-column > .bxget-catalog-sort {
    position: relative;
    display: block;
    flex: 0 0 210px;
    width: 210px;
    min-width: 0;
    max-width: 100%;
    margin: 0;
    padding: 0;
    z-index: 42;
}
#catalogLine .bxget-catalog-sort__selected {
    width: 100%;
    height: 36px;
    min-height: 36px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#catalogLine .bxget-catalog-sort[open] {
    z-index: 110;
}
#catalogLine .bxget-catalog-sort__options {
    top: calc(100% + 12px);
    z-index: 120;
    box-shadow: 0 6px 18px rgba(0, 0, 0, .16);
}
@media (min-width: 768px) and (max-width: 1024px) {
    #catalogLine .column.bxget-sort-column {
        gap: 10px;
        padding-left: 10px;
        padding-right: 10px;
    }
    #catalogLine .column.bxget-sort-column > .bxget-catalog-sort {
        flex-basis: 180px;
        width: 180px;
    }
}
@media (max-width: 767px) {
    #catalogLine {
        display: flex;
        flex-wrap: wrap;
        height: auto;
        min-height: 56px;
    }
    #catalogLine .column.bxget-sort-column {
        display: flex;
        float: none;
        flex-wrap: wrap;
        width: 100%;
        max-width: 100%;
        height: auto;
        min-height: 56px;
        gap: 8px 12px;
        padding: 9px 12px;
    }
    #catalogLine .column.bxget-sort-column > .bxget-catalog-sort {
        flex: 1 1 180px;
        width: auto;
        max-width: 100%;
    }
    #catalogLine .bxget-catalog-sort__options {
        position: static;
        top: auto;
        left: auto;
        right: auto;
        width: 100%;
        min-width: 0;
        margin-top: 6px;
    }
}
@media (max-width: 420px) {
    #catalogLine .column.bxget-sort-column > .label {
        flex-basis: 100%;
    }
    #catalogLine .column.bxget-sort-column > .bxget-catalog-sort {
        flex-basis: 100%;
    }
}
/* EXTERIER_CATALOG_SORT_LAYOUT_V2 END */


/* EXTERIER_CATALOG_SORT_MOBILE_V3
 * Isolate mobile correction from desktop v2. No JS/PHP changes.
 * Keep sort text and control together; reserve height for cards.
 */
@media (max-width: 767px) {
    #catalogLine {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        flex-wrap: nowrap;
        box-sizing: border-box;
        position: relative;
        height: auto !important;
        min-height: 0 !important;
        overflow: visible;
        margin: 0 0 12px !important;
        padding: 0;
    }

    #catalogLine > .column.oFilter {
        float: none;
        display: flex;
        flex: 0 0 auto;
        width: 100%;
        max-width: 100%;
        height: auto;
        min-height: 0;
        box-sizing: border-box;
        padding: 8px 12px 4px;
        margin: 0;
    }

    #catalogLine > .column.bxget-sort-column {
        float: none;
        display: flex;
        flex: 0 0 auto;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: flex-start;
        justify-content: flex-start;
        box-sizing: border-box;
        width: 100%;
        max-width: 100%;
        height: auto !important;
        min-height: 0 !important;
        margin: 0;
        padding: 8px 12px 8px;
        gap: 10px;
        white-space: normal;
    }

    #catalogLine > .column.bxget-sort-column > .label {
        position: static;
        display: block;
        float: none;
        flex: 0 0 auto;
        width: auto;
        height: auto;
        margin: 0;
        padding: 8px 0 0;
        line-height: 20px;
        white-space: nowrap;
    }

    #catalogLine > .column.bxget-sort-column > .bxget-catalog-sort {
        display: block;
        position: relative;
        flex: 1 1 auto;
        width: auto;
        min-width: 0;
        max-width: none;
        margin: 0;
        padding: 0;
    }

    #catalogLine .bxget-catalog-sort__selected {
        box-sizing: border-box;
        width: 100%;
        min-height: 36px;
        overflow: hidden;
    }

    /* In mobile expanded <details> occupies document flow instead of
       obscuring products; label stays at the top of the row. */
    #catalogLine .bxget-catalog-sort__options {
        position: static;
        top: auto;
        left: auto;
        right: auto;
        width: 100%;
        min-width: 0;
        max-width: 100%;
        margin: 6px 0 0;
    }

    /* Reserve clear space for ribbons and the first row of cards.
       The wrapper is immediately after #catalogActiveFilters in section.php. */
    #catalogLine ~ #ajaxSection {
        position: relative;
        clear: both;
        padding-top: 12px;
    }
}

@media (max-width: 359px) {
    #catalogLine > .column.bxget-sort-column {
        flex-wrap: wrap;
        gap: 6px;
    }
    #catalogLine > .column.bxget-sort-column > .label {
        flex: 0 0 100%;
        padding-top: 0;
    }
    #catalogLine > .column.bxget-sort-column > .bxget-catalog-sort {
        flex: 1 1 100%;
    }
}
/* EXTERIER_CATALOG_SORT_MOBILE_V3 END */

/* End */


/* Start:/local/templates/dresscodeV2/components/dresscode/catalog.item/detail_custom/style.css?1786439330115205*/
#left {
	position: relative;
}

#left .collapsed {
	position: absolute;
	z-index: 99;
	width: 100%;
}

.changeName + br {
	display: none;
}

.cheaper-product-name {
	visibility: hidden;
}

.videoFrame {
	border: 0;
}

#main h1 {
    font-weight: 700;
    color: #17181A;
    margin-bottom: 0;
}

#catalogElement {
	position: relative;
	/* border-top: 1px solid #e7e8ea; */
}

#catalogElement h2 {
	margin: 0;
}

#catalogElement.loading::after {
	position: fixed;
	top: 0;
	z-index: 999;
	width: 100%;
	height: 100vh;
	background: url("/local/templates/dresscodeV2/components/dresscode/catalog.item/detail_custom/images/loader.svg") no-repeat rgb(0 0 0 / 20%) 50% 50%;
	transition: all 0.2s ease-in-out;
	content: "";
}

#catalogElement .getStoresWindow {
	text-decoration: none;
}

#tableContainer {
	display: table;
	width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
}

#tableContainer .column {
	display: table-cell;
}

#tableContainer .column:nth-child(2) {
	padding-bottom: 24px;
	vertical-align: middle;
}

#elementNavigation {
	position: relative;
	width: 355px;
	padding-left: 24px;
	text-align: right;
	background-color: #fcfcfc;
}

#elementNavigation .tabs {
	position: sticky;
	top: 0;
	right: 0;
}

#elementNavigation .tabs a {
	display: inline-block;
	padding: 16px 24px;
	color: #000000;
	font-size: 13px;
	text-decoration: none;
	transition: all 0.2s ease-in-out;
}

#elementNavigation .tabs .tab {
	padding: 0;
	transition: all 0.2s ease-in-out;
}

#elementNavigation .tabs .tab.active a {
	background-color: #ffffff;
	transition: all 0.2s;
}

#elementNavigation .tabs img {
	padding-left: 24px;
	vertical-align: middle;
	opacity: 0.8;
	transition: all 0.2s;
}

#elementNavigation .tabs a:hover {
	color: #888888;
}

#elementNavigation .tabs a:hover img {
	opacity: 1;
}

#smallElementTools {
	display: none;
	padding: 0 24px;
}

#smallElementTools .quickBuy {
	display: inline-block;
	width: 220px;
	height: 45px;
	margin-bottom: 12px;
	font-family: "roboto_ltregular";
	line-height: 45px;
	text-align: center;
	background: #ffffff;
	border-radius: 2px;
}

.smallElementToolsContainer {
	margin-bottom: 18px;
	padding: 24px 24px 12px;
	border: 1px solid #e7e8ea;
}

#elementTools .priceContainer {
	display: inline-block;
}

#smallElementTools .priceContainer {
	display: inline-block;
	vertical-align: middle;
}

#elementContainer #smallElementTools .purchaseBonus {
	display: block;
	margin: 12px 0 0;
	vertical-align: middle;
}

#smallElementTools .columnRowWrap {
	font-size: 0;
}

#smallElementTools .columnRow {
	display: inline-block;
	box-sizing: border-box;
	width: 50%;
	padding-right: 6px;
	vertical-align: middle;
}

#smallElementTools .columnRow:last-child {
	padding: 0 0 0 6px;
}

#smallElementTools .columnRow .quickBuy {
	box-sizing: border-box;
	height: 60px;
	line-height: 60px;
	border: 1px solid #d8d8d8;
	border-radius: 4px;
}

#smallElementTools .columnRow .addCart {
	margin-top: 0;
}

#smallElementTools .columnRow .addCart {
	width: 100%;
	margin-bottom: 6px;
}

#smallElementTools .columnRow .quickBuy {
	width: 100%;
	margin-bottom: 6px;
}

#smallElementTools .secondTool .row {
	display: inline-block;
	margin-right: 24px;
	vertical-align: middle;
}

#smallElementTools .smallElementToolsContainer .secondTool .row:last-child {
	margin-right: 0;
	margin-bottom: 12px;
}

#elementTools {
	position: relative;
	z-index: 1;
	box-sizing: border-box;
	width: 400px;
	padding: 24px 24px 0;
	background-color: #fcfcfc;
}

#elementTools.fixed .fixContainer {
	position: fixed;
	top: 0;
	z-index: 33;
	width: 400px;
	margin-top: 12px;
	background-color: #fcfcfc;
}

#elementTools .fixContainer.maxScroll {
	position: absolute;
	top: unset;
	bottom: 0;
	left: 24px;
	padding-bottom: 12px;
}

#elementTools .picture {
	display: none;
}

#elementTools .picture img {
	max-width: 280px;
}

#elementTools.fixed .fixContainer .picture {
	display: block;
}

#elementTools .row,
#smallElementTools .row {
	margin-bottom: 12px;
}

#elementTools .secondTool .row:last-child {
	margin-bottom: 0;
}

#elementTools .row img,
#smallElementTools .row img {
	margin-top: -4px;
	padding-right: 6px;
	vertical-align: middle;
}

#elementTools .requestPrice {
	cursor: pointer;
}

#elementTools .label,
#smallElementTools .label {
	color: #717171;
	font-size: 14px;
	text-decoration: none;
	transition: all 0.2s ease-in-out;
}

#smallElementTools .label {
	display: inline-block;
	vertical-align: middle;
}

#smallElementTools .qtyBlock img {
	margin-top: 0;
}

#elementTools .label:hover,
#smallElementTools .label:hover {
	color: #000000;
}

#elementTools .label:active,
#smallElementTools .label:active {
	position: relative;
	top: 1px;
}

#catalogElement .article {
    font-weight: 400;
    font-size: 13px;
    color: #999999;
}

#elementTools .article,
#smallElementTools .article {
	margin-bottom: 12px;
	color: #888888;
	font-size: 14px;
}

#elementTools .price,
#smallElementTools .price {
	position: relative;
	display: block;
	margin-bottom: 12px;
	color: #000000;
	font-size: 21px;
	font-family: robotobold;
	text-decoration: none;
}

#elementTools .price .discount,
#smallElementTools .price .discount {
	color: #888888;
}

#elementTools .price .oldPriceLabel,
#smallElementTools .price .oldPriceLabel {
	display: inline-block;
	margin-right: 12px;
	margin-bottom: 6px;
	color: #888888;
	font-size: 14px;
	font-family: "roboto_condensedlight";
	text-decoration: none;
}

#elementTools .purchaseBonus {
	display: block;
	margin-top: 6px;
	color: #888888;
	font-size: 14px;
	font-family: "roboto_condensedlight";
}

#elementTools .priceBlock,
#smallElementTools .priceBlock {
	display: block;
}

#elementTools .purchaseBonus span {
	display: inline-block;
	padding-right: 6px;
	font-family: "roboto_cnregular";
	vertical-align: top;
}

#smallElementTools .purchaseBonus {
	margin-top: 6px;
	color: #888888;
	font-size: 14px;
	font-family: "roboto_condensedlight";
}

#smallElementTools .purchaseBonus span {
	display: inline-block;
	padding-right: 6px;
	font-family: "roboto_cnregular";
	vertical-align: top;
}

#elementTools .priceValue,
#smallElementTools .priceValue {
	display: inline-block;
	padding-bottom: 8px;
	color: #000000;
	border-bottom: 1px dashed #bbbbbb;
	transition: all 0.2s ease-in-out;
}

#elementTools .priceValue:hover,
#smallElementTools .priceValue:hover {
	color: #333333;
}

#elementTools .priceValue:active,
#smallElementTools .priceValue:active {
	position: relative;
	top: 1px;
}

#elementTools .priceIcon,
#smallElementTools .priceIcon {
	margin-right: 12px;
}

#catalogElement .fixContainer {
	width: 220px;
}

#catalogElement .mobileButtonsContainer {
	font-size: 0;
	white-space: nowrap;
}

#catalogElement .mainTool .addCart {
	display: inline-block;
	box-sizing: border-box;
	width: 220px;
	height: 60px;
	padding: 0 18px;
	color: #ffffff;
	font-size: 16px;
	line-height: 60px;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	border-radius: 6px;
	transition: all 0.2s ease-in-out;
}

#catalogElement .mainTool .addCart.requestPrice + .qtyBlock,
#catalogElement .mainTool .addCart.subscribe + .qtyBlock,
#catalogElement .mainTool .addCart.disabled + .qtyBlock,
#catalogElement .mainTool .addCart.added + .qtyBlock {
	display: none;
}

#elementTools .addCart .icon,
#smallElementTools .addCart .icon {
	margin-top: -6px;
	padding-right: 12px;
}

#elementTools .quickBuy {
	display: inline-block;
	width: 220px;
	height: 50px;
	margin-top: 18px;
	margin-bottom: 12px;
	color: #000000;
	font-size: 14px;
	line-height: 50px;
	text-align: center;
	background: #ffffff;
	border: 1px solid #e7e8ea;
	border-radius: 6px;
}

#elementTools .addCart.added,
#smallElementTools .addCart.added {
	background: #2b2b2b;
}

#elementTools .addCart.added:hover,
#smallElementTools .addCart.added:hover {
	background: #3b3b3b;
}

#elementTools .rating,
#elementContainer .mainContainer .rating,
#smallElementTools .rating {
	position: relative;
	z-index: 2;
	display: inline-block;
	width: 79px;
	height: 15px;
	margin-top: -4px;
	margin-left: 6px;
	overflow: hidden;
	vertical-align: middle;
}

#elementTools .rating i,
#elementContainer .mainContainer .rating i,
#smallElementTools .rating i {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 79px;
	height: 15px;
	background: url("/local/templates/dresscodeV2/components/dresscode/catalog.item/detail_custom/images/rating.svg") repeat 0 0 transparent;
}

#elementTools .rating i.m,
#elementContainer .mainContainer .rating i.m,
#smallElementTools .rating i.m {
	z-index: 10;
	width: 0;
	background: url("/local/templates/dresscodeV2/components/dresscode/catalog.item/detail_custom/images/rating.svg") repeat 0 -15px transparent;
}

#elementTools .icon,
#smallElementTools .icon {
	display: inline-block;
	vertical-align: middle;
}

.ya-share-label {
	margin-top: 30px;
	margin-bottom: 6px;
	color: #717171;
}

#elementContainer {
	position: relative;
	width: 100%;
}

#elementContainer .mainContainer {
	display: table;
	width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
}

#elementContainer .description {
	margin: 12px 0;
	font-family: "roboto_ltregular";
}

#elementContainer .description .heading {
	margin-bottom: 6px;
	font-size: 16px;
}

#elementContainer .changeShortDescription {
	font-size: 13px;
	line-height: 16px;
}

#elementContainer .description .readMore {
	display: block;
	margin: 4px 0;
	color: #888888;
	transition: all 0.2s;
}

#elementContainer .description .readMore:hover {
	color: #000000;
}

#elementContainer .mainContainer .col {
	position: relative;
	display: table-cell;
	/* width: 50%; */
	padding: 24px 0;
	vertical-align: middle;
}

#elementContainer .mainContainer .secondCol {
	position: static;
	padding-right: 24px;
	vertical-align: top;
}

#elementContainer .mainContainer .col.hide {
	display: none;
}

#elementContainer .mainContainer .col:first-child {
    display: flex;
	padding: 24px 12px;
	text-align: center;
	vertical-align: middle;
}

#elementContainer #pictureContainer .pictureSlider {
	position: relative;
	display: flex;
	width: 100%;
	height: 100%;
	overflow-x: auto;
	overflow-y: hidden;
	scroll-behavior: smooth;
	scroll-snap-type: x mandatory;
	scrollbar-width: none;
	overscroll-behavior-x: contain;
	-webkit-overflow-scrolling: touch;
}

#elementContainer #pictureContainer .pictureSlider::-webkit-scrollbar {
	display: none;
}

#elementContainer #pictureContainer .pictureSlider .item {
	position: relative;
	display: flex;
	flex: 0 0 100%;
	width: 100%;
	min-width: 100%;
	height: 100%;
	padding: 0;
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	scroll-snap-align: start;
	scroll-snap-stop: always;
}

#elementContainer #pictureContainer .item a {
	display: flex;
	width: 100%;
	height: 100%;
	align-items: center;
	justify-content: center;
	text-align: center;
}

#elementContainer #moreImagesCarousel {
	position: relative;
	margin-top: 24px;
	padding-top: 24px;
	overflow: hidden;
	visibility: hidden;
	opacity: 0;
	transition: all 0.3s ease-in-out;
}

#elementContainer #moreImagesCarousel.show {
	visibility: visible;
	opacity: 1;
}

#elementContainer #moreImagesCarousel.hide {
	display: none;
}

#elementContainer #moreImagesCarousel #moreImagesLeftButton,
#elementContainer #moreImagesCarousel #moreImagesRightButton {
	position: absolute;
	top: 50%;
	z-index: 2;
	width: 14px;
	height: 16px;
	margin-top: 3px;
	background: url("/local/templates/dresscodeV2/components/dresscode/catalog.item/detail_custom/images/carouselArrowSmall.png") 0 0 no-repeat transparent;
	opacity: 0.5;
}

#elementContainer #moreImagesCarousel #moreImagesLeftButton:hover,
#elementContainer #moreImagesCarousel #moreImagesRightButton:hover {
	opacity: 0.8;
}

#elementContainer #moreImagesCarousel #moreImagesLeftButton:active,
#elementContainer #moreImagesCarousel #moreImagesRightButton:active {
	opacity: 1;
}

#elementContainer #moreImagesCarousel #moreImagesLeftButton {
	left: 32px;
}

#elementContainer #moreImagesCarousel #moreImagesRightButton {
	right: 32px;
	background-position: -14px 0;
}

#elementContainer #moreImagesCarousel .carouselWrapper {
	width: 80%;
	margin: auto;
	overflow: hidden;
}

#elementContainer #moreImagesCarousel .slideBox {
	position: relative;
	height: 62px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	list-style: none;
}

#elementContainer #moreImagesCarousel .slideBox .item {
	position: relative;
	float: left;
	height: 50px;
	line-height: 50px;
	text-align: center;
	opacity: 0.5;
	transition: all 0.2s ease-in-out;
}

#elementContainer #moreImagesCarousel .slideBox .item.selected {
	opacity: 1;
}

#elementContainer #moreImagesCarousel .slideBox .item.selected::after {
	position: absolute;
	bottom: -12px;
	left: 50%;
	display: block;
	width: 30%;
	border-bottom: 2px solid #000000;
	transform: translateX(-50%);
	content: "";
}

#elementContainer #moreImagesCarousel .slideBox .item a {
	display: block;
	height: 50px;
	line-height: 50px;
}

#elementContainer #moreImagesCarousel .slideBox .item img {
	max-width: 100%;

	/* margin-top: -4px; */
	max-height: 100%;
	vertical-align: middle;
}

#elementContainer .mainContainer .markerContainer {
	position: absolute;
	top: 24px;
	left: 24px;
	z-index: 3;
}

#elementContainer .wishCompWrap {
	position: absolute;
	top: 24px;
	right: 30px;
	z-index: 2;
}

#elementContainer .wishCompWrap .elem {
	position: relative;
	display: block;
	width: 34px;
	height: 34px;
	margin-bottom: 8px;
	font-size: 0;
	line-height: 34px;
	text-align: center;
	background: #ffffff;
	border: 1px solid #f1f1f1;
	border-radius: 4px;
	transition: all 0.2s ease-in-out;
}

#elementContainer .wishCompWrap .elem::before,
#elementContainer .wishCompWrap .elem::after {
	position: absolute;
	top: 9px;
	left: 9px;
	width: 16px;
	height: 16px;
	background: url("/local/templates/dresscodeV2/components/dresscode/catalog.item/detail_custom/images/wishCompImage.png") 0 0 no-repeat;
	transition: all 0.2s ease-in-out;
	content: "";
}

#elementContainer .wishCompWrap .elem::after {
	opacity: 0;
}

#elementContainer .wishCompWrap .addWishlist::before {
	background-position: 0 0;
}

#elementContainer .wishCompWrap .addWishlist::after {
	background-position: -16px 0;
}

#elementContainer .wishCompWrap .addCompare::before {
	background-position: 0 -16px;
}

#elementContainer .wishCompWrap .addCompare::after {
	background-position: -16px -16px;
}

#elementContainer .wishCompWrap .elem:hover {
	background: #e7e8ea;
	border-color: #e7e8ea;
}

#elementContainer .wishCompWrap .elem:active {
	top: 1px;
}

#elementContainer .wishCompWrap .elem.added::before {
	opacity: 0;
}

#elementContainer .wishCompWrap .elem.added::after {
	opacity: 1;
}

#elementContainer .wishCompWrap .elem img {
	display: none;
	display: inline-block;
	vertical-align: middle;
}

#elementContainer .marker {
	z-index: 2;
	margin-bottom: 8px;
	padding: 3px 4px;
	color: #ffffff;
	font:
		normal normal 12px "roboto_ltregular",
		arial,
		sans-serif;
	line-height: 16px;
	text-align: left;
	background-color: #424242;
	border-radius: 4px;
}

#elementContainer .brandImageWrap {
	display: block;
}

#elementContainer .brandImageWrap .tb {
	width: auto;
}

#elementContainer .brandImage {
	display: inline-block;
	margin-right: 66px;
	margin-bottom: 24px;
	vertical-align: middle;
}

#elementContainer .bindAction {
	display: inline-block;
	margin-bottom: 24px;
	font-size: 13px;
	line-height: 18px;
	vertical-align: middle;
}

/* #elementContainer .tb{
	width: auto;
} */

#elementContainer .bindActionImage {
	width: 38px;
}

#elementContainer .bindActionImage .image {
	display: block;
	width: 30px;
	height: 30px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}

#elementContainer .bindAction a {
	position: relative;
	font-size: 13px;
	text-decoration: none;
	transition: all 0.2s ease-in-out;
}

#elementContainer .bindAction a:active {
	position: relative;
	top: 1px;
}

.newReviewTable {
	font-size: 0;
}

.newReviewTable .left {
	display: inline-block;
	box-sizing: border-box;
	width: 50%;
	padding-right: 24px;
	font-size: 14px;
	vertical-align: top;
}

.newReviewTable .right {
	display: inline-block;
	width: 50%;
	font-size: 14px;
	vertical-align: top;
}

.reviewsBtnWrap {
	margin-top: 6px;
	padding-bottom: 6px;
	border-bottom: 1px dotted #f3f3f3;
}

.reviewsBtnWrap .row {
	display: inline-block;
	margin: 0 36px 12px 0;
	font-size: 13px;
	font-family: "roboto_ltregular";
	vertical-align: top;
}

.reviewsBtnWrap .row:last-child {
	margin-right: 0;
}

.reviewsBtnWrap .row img {
	margin-top: -4px;
	padding-right: 6px;
	vertical-align: middle;
}

.reviewsBtnWrap .label {
	color: #717171;
	line-height: 21px;
	text-decoration: none;
	transition: all 0.2s ease-in-out;
}

.reviewsBtnWrap .labelDotted {
	display: inline-block;
	color: #000000;
	border-bottom: 1px dashed #b9b9b9;
	transition: all 0.2s ease-in-out;
}

.reviewsBtnWrap a.label:hover .labelDotted {
	border-color: #000000;
}

.reviewsBtnWrap a.label:hover {
	color: #000000;
}

.reviewsBtnWrap a.label:active {
	position: relative;
	top: 1px;
}

#elementContainer .brandImage img {
	max-width: 200px;
	max-height: 34px;
	vertical-align: middle;
	transition: all 0.2s ease-in-out;
}

#elementContainer .brandImage:hover img {
	opacity: 0.7;
}

#elementContainer .headingBox {
	display: table;
	width: 100%;
	table-layout: fixed;
}

#elementContainer .headingBox .heading {
	display: table-cell;
	padding-bottom: 12px;
	font-size: 16px;
	vertical-align: top;
}

#elementContainer .headingBox .moreProperties {
	display: table-cell;
	width: 40%;
	padding-right: 24px;
	padding-left: 12px;
	vertical-align: top;
}

#elementContainer .headingBox .morePropertiesLink {
	/* text-decoration: none; */
	color: #888888;
	transition: all 0.2s;
}

#elementContainer .headingBox .morePropertiesLink:hover {
	color: #000000;
}

#elementContainer .elementProperties .propertyTable {
	display: table;
	width: 100%;
	table-layout: fixed;
}

#elementContainer .elementProperties .propertyTable {
	font-size: 13px;
}

#elementContainer .elementProperties .propertyTable .propertyName,
#elementContainer .elementProperties .propertyTable .propertyValue {
	position: relative;
	display: table-cell;
	padding: 2px 0;
	overflow: hidden;
	vertical-align: middle;
	background-color: #ffffff;
}

#elementContainer .elementProperties .propertyTable .propertyValue {
	width: 40%;
	padding-left: 12px;
}

#elementContainer .elementProperties .propertyTable .analog {
	color: #000000;
	transition: all 0.2s;
}

#elementContainer .elementProperties .propertyTable .analog:hover {
	color: #888888;
}

#elementContainer .elementProperties .propertyTable .propertyName::after {
	position: absolute;
	width: 100%;
	height: 13px;
	margin-left: 12px;
	border-bottom: 1px dotted #eeeeee;
	content: "";
}

#elementContainer .elementSkuPropertyValue {
	transition: all 0.2s ease-in-out;
}

#elementContainer .elementSkuPropertyValue.loading {
	opacity: 0.5;
}

#elementContainer .elementSkuVariantLabel {
	margin-top: 12px;
	font-size: 16px;
}

#elementContainer .elementSkuPropertyName {
	color: #888888;
	font-size: 13px;
}

#elementContainer .elementSkuPropertyList {
	margin: 0 -2px 0 -4px;
	padding: 0;
	overflow: hidden;
	list-style: none;
}

#elementContainer .elementSkuProperty {
	margin: 6px 0 12px;
	overflow: hidden;
}

#elementContainer .elementSkuPropertyDropdown {
	margin: 6px 0 12px;
}

#elementContainer .elementSkuProperty li {
	float: left;
	box-sizing: border-box;
	min-width: 54px;
	padding: 4px 2px 2px 4px;
	overflow: hidden;
}

#elementContainer .elementSkuProperty .selected .elementSkuPropertyLink {
	position: relative;
}

#elementContainer .elementSkuProperty .disabled {
	display: none;
}

#elementContainer .elementSkuPropertyLink {
	display: block;
	padding: 8px 12px;
	color: #000000;
	font-size: 14px;
	line-height: 24px;
	text-align: center;
	text-decoration: none;
	background-color: #f5f5f5;
	border: 1px solid transparent;
	border-radius: 4px;
	transition: all 0.2s ease-in-out;
}

#elementContainer .selected .elementSkuPropertyLink {
	background-color: transparent;
}

#elementContainer .elementSkuPropertyPicture {
	position: relative;
	width: 54px;
	height: 54px;
	padding: 0;
	line-height: 54px;
	background-color: transparent;
	border: 1px solid transparent;
	border-radius: 4px;
}

#elementContainer .elementSkuPropertyPicture::after {
	position: absolute;
	top: 0;
	left: 0;
	width: 54px;
	height: 54px;
	background-color: rgb(0 0 0 / 4%);
	border-radius: 4px;
	content: "";
	pointer-events: none;
}

#elementContainer .elementSkuPropertyLink:active {
	position: relative;
	top: 1px;
}

#elementContainer .elementSkuPropertyList img {
	max-width: 100%;
	max-height: 100%;
	vertical-align: middle;
}

#catalogElement .elementSkuDropDownProperty {
	overflow: visible;
}

#catalogElement .elementSkuDropDownProperty .skuDropdownListItem {
	float: none;
	box-sizing: content-box;
	min-width: auto;
	padding: 0;
	overflow: visible;
}

#catalogElement .skuDropdown {
	position: relative;
	display: block;
	width: 264px;
	margin-top: 4px;
	font-size: 13px;
	line-height: 13px;
	background-color: #ffffff;
	border: 1px solid #e7e8ea;
	border-radius: 2px;
	user-select: none;
}

#catalogElement .skuCheckedItem {
	display: block;
	padding: 12px 30px 12px 8px !important;
	background: url("/local/templates/dresscodeV2/components/dresscode/catalog.item/detail_custom/images/selectArrow.png") 97% 50% no-repeat transparent;
	border-radius: 4px;
	cursor: pointer;
}

#catalogElement .skuCheckedItem:hover {
	opacity: 0.8;
}

#catalogElement .skuCheckedItem:active {
	position: relative;
	top: 1px;
}

#catalogElement .skuDropdown label::before,
#catalogElement .skuCheckboxList label::before {
	display: none;
}

#catalogElement .skuDropdownList {
	position: absolute;
	top: 44px;
	right: 0;
	left: 0;
	z-index: 2;
	margin: 0 -1px;
	padding: 0;
	list-style: none;
	background-color: #ffffff;
	border: 1px solid #e7e8ea;
	visibility: hidden;
	opacity: 0;
}

#catalogElement .skuDropdownList.opened {
	visibility: visible;
	opacity: 1;
}

#catalogElement .pics .skuDropdownList {
	top: 52px;
}

#catalogElement .skuDropdownList .elementSkuPropertyValue {
	position: relative;
	display: block;
	border-top: 1px solid #e7e8ea;
}

#catalogElement .skuDropdownList .elementSkuPropertyValue:first-child {
	border-top: 0;
}

#catalogElement .skuDropdownList .selected {
	color: #ffffff;
	font-family: robotomedium;
	background-color: #f9f9f9;
	cursor: pointer;
	opacity: 0.8;
}

#catalogElement .skuDropdownList .elementSkuPropertyValue:hover {
	color: #ffffff;
	background-color: #f9f9f9;
	cursor: pointer;
	opacity: 0.8;
}

#catalogElement .skuDropdownList .skuPropertyItemLink {
	display: block;
	padding: 12px 8px !important;
	color: #000000;
	font-size: 13px;
	line-height: 18px;
	text-align: left;
	text-decoration: none;
	border: 0;
}

#catalogElement .skuDropdownList .skuDropdownListItem.selected .skuPropertyItemLink {
	border: 0;
}

#catalogElement .skuDropdownList .skuDropdownListItem.disabled {
	display: none;
}

#catalogElement .skuDropdownList .elementSkuPropertyValue:active .skuPropertyItemLink,
#catalogElement .skuDropdownList .skuPropertyItemLink:active {
	position: relative;
	top: 1px;
}

.changePropertiesNoGroup {
	margin-top: 24px;
}

#elementContainer #detailText,
#elementContainer #detailTags {
	clear: both;
	box-sizing: border-box;
	padding: 0 24px 24px;

	/* margin-top: 24px; */
	overflow: hidden;
	font-size: 14px;
}

#elementContainer #detailTags {
	padding-bottom: 0;
}

#elementContainer #detailText .heading,
#elementContainer #detailTags .heading {
	padding: 36px 0;
	font-weight: 800;
	font-size: 20px;
	font-family: robotobold;
	letter-spacing: 1px;
	text-transform: uppercase;
	border-top: 1px solid #e7e8ea;
}

#elementContainer #detailText img {
	max-width: 100%;
}

#elementContainer .defailTagsItems {
	margin-bottom: 12px;
}

#elementContainer .detailTagsItems .detailTagsItem {
	display: inline-block;
	margin-right: 12px;
	margin-bottom: 12px;
	vertical-align: middle;
}

#elementContainer .detailTagsItems .detailTagsItem:last-child {
	margin-right: 0;
}

#elementContainer .detailTagsItems .detailTagsLink {
	display: block;
	padding: 6px 12px;
	color: #000000;
	text-decoration: none;
	background-color: #f4f4f4;
	border-radius: 4px;
	transition: all 0.2s ease-in-out;
}

#elementContainer .detailTagsItems .detailTagsLink.selected {
	font-family: robotomedium;
}

#elementContainer .detailTagsItems .detailTagsLink.selected .reset {
	display: inline-block;
	margin-left: 6px;
	font-size: 13px;
	vertical-align: middle;
}

#elementContainer .detailTagsItems .detailTagsLink:hover {
	background-color: #f0f0f0;
}

#elementContainer .detailTagsItems .detailTagsLink:active {
	position: relative;
	top: 1px;
}

#elementContainer .detailTagsItems .moreButton .detailTagsLink {
	background-color: #ffffff;
	border: 1px solid #e7e8ea;
}

#elementContainer .detailTagsItems .moreButton .detailTagsLink:hover {
	background-color: #fbfbfb;
}

#elementContainer .detailTagsItems .detailTagsItem.showAll {
	display: inline-block !important;
}

@media screen and (min-width: 600px) {
	#elementContainer .detailTagsItems .desktopHidden {
		display: none;
	}
}

@media screen and (max-width: 600px) {
	#elementContainer .detailTagsItems .mobileHidden,
	#elementContainer #detailTags.mobileHidden {
		display: none;
	}
}

#morePhotoSlider {
	box-sizing: border-box;
	margin: 24px 48px 0;
	overflow: hidden;
}

#morePhotoSlider .morePhotos {
	overflow: hidden;
	visibility: hidden;
	opacity: 0;
	transition: opacity 0.6s ease-in-out;
}

#morePhotoSlider .morePhotos .photoItem {
	/* transform: scale(0.7); */
	position: relative;
	float: left;
	text-align: center;
	opacity: 0.6;
}

#morePhotoSlider .morePhotos .photoItem.selected {
	padding-bottom: 24px;

	/* transform: scale(1); */
	opacity: 1;
}

#morePhotoSlider .morePhotos .photoItem.selected::after {
	position: absolute;
	bottom: 0;
	left: 50%;
	display: block;
	width: 30%;
	border-bottom: 2px solid #000000;
	transform: translateX(-50%);
	content: "";
}

#morePhotoSlider .morePhotos .photoItem a {
	display: inline-block;
	height: 100px;
	line-height: 100px;
}

#morePhotoSlider .morePhotos .photoItem img {
	max-width: 100%;
	max-height: 100%;
	vertical-align: middle;
}

#elementContainer .zoom {
	cursor: zoom-in;
}

#related,
#similar,
#viewed {
	margin-top: 24px;
}

#related .heading,
#similar .heading,
#viewed .heading {
	padding: 36px 24px;
	font-weight: 800;
	font-size: 20px;
	font-family: robotobold;
	letter-spacing: 1px;
	text-transform: uppercase;
	border-top: 1px solid #e7e8ea;
}

#catalogElement .productList {
	border-left: 0;
}

#catalogElement .product {
	width: 25%;
}

#giftContainer {
	margin-top: 24px;
	padding-bottom: 24px;
}

#giftContainer .heading {
	display: block;
	padding: 36px 24px;
	font-weight: 800;
	font-size: 20px;
	font-family: robotobold;
	letter-spacing: 1px;
	text-transform: uppercase;
	border-top: 1px solid #e7e8ea;
}

#elementProperties {
	box-sizing: border-box;

	/* margin-top: 24px; */
	padding: 0 24px;
	overflow: auto;
}

#elementProperties .heading {
	display: block;
	padding: 36px 0 24px;
	font-weight: 800;
	font-size: 20px;
	font-family: robotobold;
	letter-spacing: 1px;
	text-transform: uppercase;
	border-top: 1px solid #efefef;
}

.elementProperties a {
	color: #000000;
	transition: all 0.2s ease-in-out;
}

#elementProperties .stats {
	/* min-width: 600px; */
	width: 100%;
	padding: 12px;
	table-layout: fixed;
	border-collapse: collapse;
}

#elementProperties .stats a {
	color: #000000;
	transition: all 0.2s ease-in-out;
}

#elementProperties .stats a:active {
	position: relative;
	top: 1px;
}

#elementProperties .stats td {
	transition: all 0.2s ease-in-out;
}

#elementProperties .stats .question {
	display: inline-block;
	width: 19px;
	height: 19px;
	margin-left: 6px;
	vertical-align: middle;
	background: url("/local/templates/dresscodeV2/components/dresscode/catalog.item/detail_custom/images/questions.png") 0 0 transparent;
	transition: all 0s ease-in-out;
}

#elementProperties .stats .question:hover {
	background: url("/local/templates/dresscodeV2/components/dresscode/catalog.item/detail_custom/images/questions.png") -19px 0 transparent;
}

#elementProperties .stats .question:active {
	background: url("/local/templates/dresscodeV2/components/dresscode/catalog.item/detail_custom/images/questions.png") -38px 0 transparent;
}

#elementProperties .stats tr.gray:last-child {
	border-bottom: 0;
}

#elementProperties .stats .gray td {
	background-color: #f9f9f9;
}

#elementProperties .stats tr:hover td {
	background: #eeeeee;
}

#elementProperties .stats .cap,
#elementProperties .stats .cap:hover td {
	background-color: #ffffff !important;
	border: 0 !important;
}

#elementProperties .stats .cap td {
	padding: 12px 0;
	color: #000000;
	font-size: 18px;
}

#elementProperties .stats td {
	padding: 6px 0;
}

#elementProperties .stats .name {
	width: 40%;

	/* white-space: nowrap; */
	padding-left: 12px;
	overflow: hidden;
	text-overflow: ellipsis;
}

#elementProperties .stats .name span {
	display: inline-block;
	box-sizing: border-box;
	padding-right: 12px;
	vertical-align: middle;
}

#elementProperties .stats .analog {
	padding-bottom: 1px;
	color: #9d9d9d;
	font-size: 13px;
	text-decoration: none;
	border-bottom: 1px solid #d0d0d0;
	transition: all 0.2s ease-in-out;
}

#elementProperties .stats .analog:hover {
	color: #000000;
	border-bottom-color: #000000;
}

#elementProperties .stats .analog:active {
	position: relative;
	top: 1px;
}

#elementProperties .stats .right {
	padding-right: 10%;
	text-align: right;
}

#catalogElement .bx_pagination_bottom {
	box-sizing: border-box;
	padding: 0 24px;
}

#files {
	margin-top: 24px;
}

#files .wrap {
	box-sizing: border-box;
	padding: 0 24px;
}

#files .heading {
	display: block;
	padding: 36px 24px;
	font-weight: 800;
	font-size: 20px;
	font-family: robotobold;
	letter-spacing: 1px;
	text-transform: uppercase;
	border-top: 1px solid #efefef;
}

#files .items {
	overflow: hidden;
}

#files .item {
	float: left;
	width: 25%;
	height: 65px;
	margin-bottom: 24px;
	overflow: hidden;
}

#files .item .tb {
	display: table;
	width: 100%;
	table-layout: fixed;
}

#files .item .tbr {
	display: table-row;
}

#files .item .icon {
	display: table-cell;
	width: 20%;
	vertical-align: middle;
}

#files .item .icon a {
	display: block;
}

#files .item .icon img {
	max-width: 100%;
	vertical-align: middle;
}

#files .item .info {
	display: table-cell;
	width: 50%;
	padding-right: 18px;
	vertical-align: middle;
}

#files .item .info .name {
	display: block;
	height: 25px;
	overflow: hidden;
	color: #000000;
	font-size: 14px;
	line-height: 25px;
	transition: all 0.2s ease-in-out;
}

#files .item .info .name span {
	display: inline-block;
	line-height: 21px;
	vertical-align: middle;
}

#files .item small {
	display: block;
}

#video {
	margin-top: 24px;
}

#video .wrap {
	box-sizing: border-box;
	padding: 0 24px;
}

#video .heading {
	display: block;
	padding: 36px 24px;
	font-weight: 800;
	font-size: 20px;
	font-family: robotobold;
	letter-spacing: 1px;
	text-transform: uppercase;
	border-top: 1px solid #efefef;
}

#video .items {
	margin: 0 -12px;
	overflow: hidden;
}

#video .items.sz1 {
	margin: 0;
}

#video .item {
	float: left;
	box-sizing: border-box;
	width: 33.33333%;
	padding: 0 12px 24px;
}

#video .item iframe {
	width: 100%;
	height: 200px;
}

#video .items.sz1 .item {
	width: 100%;
	padding: 0;
}

#video .items.sz1 iframe {
	height: 500px;
}

#video .items.sz2 .item {
	width: 50%;
}

#video .items.sz2 iframe {
	height: 300px;
}

#elementError {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 998;
	display: none;
	width: 100%;
	height: 100%;
	overflow: visible;
	background-color: rgb(0 0 0 / 29.8%);
}

#elementErrorContainer {
	position: relative;
	top: 50%;
	left: 50%;
	z-index: 999;
	box-sizing: border-box;
	width: 300px;
	margin-top: -130px;
	margin-left: -150px;
	overflow: hidden;
	color: #000000;
	background-color: #ffffff;
	box-shadow: 1px 1px 12px rgb(0 0 0 / 50%);
}

#elementErrorContainer span.heading {
	display: block;
	height: 50px;
	margin: 0;
	padding: 0;
	color: #ffffff;
	font-size: 16px;
	line-height: 50px;
	text-align: center;
	background-color: #424242;
}

#elementErrorContainer p {
	padding: 12px;
	color: #000000;
	text-align: center;
}

#elementErrorContainer #elementErrorClose {
	position: absolute;
	top: 16px;
	right: 24px;
	display: block;
	width: 21px;
	height: 21px;
	margin-bottom: 24px;
	background: url("/local/templates/dresscodeV2/components/dresscode/catalog.item/detail_custom/images/exit.png") 0 0 no-repeat transparent;
}

#elementErrorContainer #elementErrorClose:hover {
	background: url("/local/templates/dresscodeV2/components/dresscode/catalog.item/detail_custom/images/exit.png") 0 -21px no-repeat transparent;
}

#elementErrorContainer #elementErrorClose:active {
	background: url("/local/templates/dresscodeV2/components/dresscode/catalog.item/detail_custom/images/exit.png") 0 -42px no-repeat transparent;
}

#elementErrorContainer .close {
	display: block;
	width: 140px;
	height: 35px;
	margin: 0 auto 12px;
	color: #cccccc;
	line-height: 35px;
	text-align: center;
	text-decoration: none;
	background: #424242;
	transition: all 0.2s ease-in-out;
}

#elementErrorContainer .close:hover {
	background: #2b2b2b;
}

#elementErrorContainer .close:active {
	position: relative;
	top: 1px;
}

#catalogElement #hint {
	position: absolute;
	width: 300px;
	padding: 12px;
	background: #ffffff;
	border: 1px solid #bdbdbd;
	box-shadow: 1px 1px 12px #dbdbdb;
}

#catalogElement #hint span {
	display: block;
	font-weight: 600;
	font-size: 14px;
	line-height: 31px;
}

#catalogElement #hint ins {
	position: absolute;
	top: 12px;
	right: 12px;
	display: block;
	width: 10px;
	height: 9px;
	background: url("/local/templates/dresscodeV2/components/dresscode/catalog.item/detail_custom/images/clear.png") no-repeat 0 0 transparent;
	cursor: pointer;
}

#catalogElement #hint ins:active {
	top: 13px;
}

#skuOffersTable {
	box-sizing: border-box;
	margin-bottom: 30px;
}

#skuOffersTable .offersTableContainer {
	box-sizing: border-box;
	padding: 0 24px;
}

#skuOffersTable .offersTableContainerBtn {
	margin-top: 24px;
	text-align: center;
}

#skuOffersTable .catalogProductOffersNext img {
	display: inline-block;
	margin-top: -2px;
	margin-right: 8px;
	vertical-align: middle;
}

#skuOffersTable .catalogProductOffersNext.btn-simple {
	width: 156px;
	border-radius: 4px;
}

#skuOffersTable .heading {
	display: block;
	padding: 36px 24px;
	font-weight: 800;
	font-size: 20px;
	font-family: robotomedium;
	text-transform: uppercase;
	border-top: 1px solid #e7e8ea;
}

#skuOffersTable .offersTable {
	width: 100%;
}

#skuOffersTable .tb {
	width: 100%;
	transition: all 0.2s ease-in-out;
}

#skuOffersTable .tableElem .tb:hover {
	background-color: #fdfdfd;
}

#skuOffersTable .tc {
	box-sizing: border-box;
	padding: 8px 6px;
	text-align: center;
}

#skuOffersTable .thead {
	background: #f1f1f1;
	border-radius: 4px;
}

#skuOffersTable .thead .tc {
	padding: 12px 6px;
}

#skuOffersTable .tableElem {
	margin-top: 18px;
	border: 1px solid #f1f1f1;
	border-radius: 4px;
}

#skuOffersTable .offersTable th,
#skuOffersTable .offersTable td {
	text-align: center;
}

#skuOffersTable .offersTable th {
	padding: 12px 0;
	color: #000000;
	font-weight: 400;
	font-size: 14px;
	background-color: #f1f1f1;
}

#skuOffersTable .offersTable td {
	padding-top: 8px;
	padding-bottom: 8px;
	border-top: 1px solid #f3f3f3;
	border-bottom: 1px solid #f3f3f3;
}

#skuOffersTable .offersTable th {
	border-top: 1px solid #f3f3f3;
	border-bottom: 1px solid #f3f3f3;
}

#skuOffersTable .offersTable th:first-child,
#skuOffersTable .offersTable td:first-child {
	border-left: 1px solid #f3f3f3;
}

#skuOffersTable .offersTable th:last-child,
#skuOffersTable .offersTable td:last-child {
	border-right: 1px solid #f3f3f3;
}

#skuOffersTable .offersTable .offersName {
	width: 220px;
	text-align: left;
}

#skuOffersTable .offersTable .offersName + td {
	padding-left: 12px;
}

#skuOffersTable .offersTable .offersPicture {
	width: 96px;
}

#skuOffersTable .offersTable .offersPicture img {
	width: auto;
	max-width: 42px;
	height: auto;
	max-height: 54px;
	vertical-align: middle;
}

#skuOffersTable .offersTable .priceWrap {
	width: 184px;
}

#skuOffersTable .offersTable .quantity img {
	display: inline-block;
	margin-top: -4px;
	padding-right: 6px;
	vertical-align: middle;
}

#skuOffersTable .offersTable .price {
	position: relative;
	font-size: 16px;
	font-family: robotomedium;
}

#skuOffersTable .offersTable .getPricesWindow .priceIcon {
	display: none;
}

#skuOffersTable .offersTable .quanBaskWrap {
	width: 250px;
	padding: 0;
}

#skuOffersTable .offersTable .quanBaskWrap .tc {
	width: 50%;
}

#skuOffersTable .offersTable .basket {
	padding-right: 12px;
}

#skuOffersTable .offersTable .price .priceIcon {
	margin-right: 6px;
}

#skuOffersTable .offersTable .price .lnk {
	padding-bottom: 2px;
	border-bottom: 1px dashed #000000;
	transition: all 0.2s ease-in-out;
}

#skuOffersTable .offersTable .price:hover .lnk {
	border-color: #888888;
}

#skuOffersTable .offersTable .property {
	/* font-family: "robotobold"; */
	font-size: 14px;
}

#skuOffersTable .offersTable .discount {
	position: absolute;
	top: -16px;
	right: -12px;
	display: block;
	color: #888888;
	font-size: 13px;
	font-family: "roboto_ltregular";
}

#skuOffersTable .offersTable .basket .addCart {
	display: inline-block;
	height: 30px;
	padding: 0 12px;
	color: #ffffff;
	line-height: 30px;
	text-align: center;
	text-decoration: none;
	border-radius: 4px;

	/* width: 76px; */
	transition: all 0.2s ease-in-out;
}

#skuOffersTable .offersTable .basket .addCart.requestPrice {
	margin-top: 0;
}

#skuOffersTable .offersTable .basket .addCart:active {
	position: relative;
	top: 1px;
}

#skuOffersTable .offersTable .basket .addCart img {
	display: inline-block;
	margin-top: -4px;
	margin-right: 12px;
	vertical-align: middle;
}

#skuOffersTable .outOfStock {
	color: #888888;
}

#complect {
	box-sizing: border-box;
	margin-bottom: 24px;
	padding: 0 24px;
}

#complect .heading {
	display: block;
	padding: 24px 0 12px;
	font-weight: 800;
	font-size: 20px;
	font-family: robotobold;
	letter-spacing: 1px;
	text-transform: uppercase;
	border-top: 1px solid #efefef;
}

#complect .complectList {
	margin: 0 -12px;
	overflow: hidden;
}

#complect .complectListItem {
	position: relative;
	float: left;
	width: 25%;
	height: 355px;
}

#complect .complectListItemWrap {
	box-sizing: border-box;
	padding: 12px;
}

#complect .complectListItemPicture img {
	max-width: 90%;
	max-height: 90%;
	vertical-align: middle;
	transition: all 0.5s ease-in-out;
}

#complect .complectListItemPicture:hover img {
	opacity: 0.8;
}

#complect .complectListItemPicLink {
	display: block;
	height: 240px;
	line-height: 240px;
	text-align: center;
	transition: all 0.5s ease-in-out;
}

#complect .complectListItemLink {
	display: block;
	height: 44px;
	margin-bottom: 12px;
	overflow: hidden;
	font-size: 14px;
	line-height: 44px;
	text-decoration: none;
	transition: 0.2s all ease-in-out;
}

#complect .complectListItemLink .middle {
	display: inline-block;
	line-height: 21px;
	vertical-align: top;
}

#complect .complectListItemPrice {
	display: block;
	margin-bottom: 12px;
	font-size: 18px;
	font-family: robotobold;
	text-decoration: none;
}

#complect .complectListItemPrice .measure {
	font-size: 16px;
}

#complect .complectListItemPrice .discount {
	padding-left: 4px;
	font-size: 14px;
	font-family: "roboto_ltregular";
}

#complect .complectResult {
	box-sizing: border-box;
	height: 60px;
	padding-right: 24px;
	padding-left: 24px;
	overflow: hidden;
	line-height: 60px;
	background-color: #fdfdfd;
	border: 1px solid #e8e8e8;
}

#complect .complectPriceResult {
	display: inline-block;
	margin-left: 12px;
	font-size: 18px;
	font-family: robotobold;
}

#complect .complectResult .discount {
	margin-left: 12px;
	color: #888888;
	font-size: 14px;
	font-family: "roboto_ltregular";
}

#complect .complectResultEconomy {
	float: right;
	padding-left: 24px;
	border-left: 1px solid #e8e8e8;
}

#complect .complectResultEconomyValue {
	margin-left: 12px;
	font-size: 16px;
	font-family: robotobold;
}

#complect .complectListItem::after {
	position: absolute;
	top: 50%;
	right: -12px;
	display: block;
	color: #888888;
	font-size: 48px;
	font-family: "roboto_thregular";
	transform: translateY(-50%);
	content: "+";
}

#complect .complectListItem:last-child::after,
#complect .complectListItem:nth-child(4n)::after {
	display: none;
}

#zoomer {
	transform: scale(0.7);
	visibility: hidden;
	opacity: 0;
	transition: all 0.3s ease-in-out;
}

#zoomer.opened {
	transform: scale(1);
	visibility: visible;
	opacity: 1;
}

#zoomer #zoomerExitLink {
	width: 50px;
	height: 50px;
	background: url("/local/templates/dresscodeV2/components/dresscode/catalog.item/detail_custom/images/exitBig.png") 0 0 no-repeat transparent;
	opacity: 0.5;
}

#zoomer #zoomerExitLink:hover {
	opacity: 0.8;
}

#zoomer #zoomerExitLink:active {
	top: 25px;
	height: 48px;
	opacity: 1;
}

#zoomerMoreImagesContainerWrapper .item {
	transition: all 0.2s ease-in-out;
}

#zoomerMoreImagesContainerWrapper .item:hover {
	opacity: 0.9 !important;
}

#zoomerMoreImagesContainerWrapper .selected {
	opacity: 1 !important;
}

#zoomerBigPrevMore,
#zoomerBigNextMore {
	background: url("/local/templates/dresscodeV2/components/dresscode/catalog.item/detail_custom/images/carouselArrowsBig.png") 0 0 no-repeat transparent;
	opacity: 0.5;
}

#zoomerBigNextMore {
	background-position: -57px 0;
}

#zoomerNextMore,
#zoomerPrevMore {
	background: url("/local/templates/dresscodeV2/components/dresscode/catalog.item/detail_custom/images/carouselArrows.png") 0 0 no-repeat transparent;
	opacity: 0.5;
}

#zoomerNextMore {
	background-position: -80px 0;
}

#zoomerPrevMore:hover,
#zoomerNextMore:hover,
#zoomerBigPrevMore:hover,
#zoomerBigNextMore:hover {
	opacity: 0.8;
}

#zoomerPrevMore:active,
#zoomerNextMore:active,
#zoomerBigPrevMore:active,
#zoomerBigNextMore:active {
	opacity: 1;
}

#zoomerNextMore:active {
	right: -1px !important;
}

#zoomerPrevMore:active {
	left: -1px !important;
}

#zoomerBigPrevMore:active {
	left: 23px !important;
}

#zoomerBigNextMore:active {
	right: 23px !important;
}

#zoomerMoreImagesContainerWrapper .link:active {
	position: relative;
	top: 1px;
}

.catalogProductOffersPager {
	text-align: center;
}

.catalogProductOffersNext {
	margin-top: 24px;
}

#catalogElement input[type="radio"]:not(checked) {
	position: absolute;
	opacity: 0;
}

#catalogElement input[type="radio"] + label {
	cursor: pointer;
}

#catalogElement input[type="radio"]:not(checked) + label {
	position: relative;
	padding-left: 28px;
}

.smallSpecialTime {
	padding-bottom: 12px;
	color: #ffffff;
	font-size: 0;
	line-height: 0;
}

.smallSpecialTime .specialTimeItem {
	display: inline-block;
	box-sizing: border-box;
	width: 48px;
	height: 42px;
	margin-left: 4px;
	padding: 8px 0;
	overflow: hidden;
	line-height: 14px;
	text-align: center;
	border-radius: 6px;
}

.smallSpecialTime .specialTimeItem:first-child {
	margin-left: 0;
}

.smallSpecialTime .specialTimeItemValue {
	font-size: 14px;
	font-family: robotomedium;
}

.smallSpecialTime .specialTimeItemlabel {
	font-size: 12px;
	font-family: "roboto_ltregular";
}

.detail-text-wrap {
	box-sizing: border-box;
	margin-top: 12px;
	padding: 0 24px 24px;
	border-top: 1px solid #e7e8ea;
}

.detail-text-wrap .heading {
	display: block;
	padding: 30px 0 0;
	color: #000000;
	font-weight: 400;
	font-size: 20px;
	font-family: robotomedium;
	line-height: 24px;
	text-transform: uppercase;
	text-decoration: none;
}

#elementContainer .new-list-items-wrap {
	box-sizing: border-box;
	margin-top: 0;
	margin-bottom: 24px;
	padding: 0 24px;
	border-top: 1px solid #e7e8ea;
}

.new-list-items-wrap .heading {
	display: block;
	padding: 36px 0 18px;
	color: #000000;
	font-weight: 400;
	font-size: 20px;
	font-family: robotomedium;
	line-height: 24px;
	text-transform: uppercase;
	text-decoration: none;
}

#elementContainer .new-list-items {
	max-width: none;
	margin: 0 -12px;
	font-size: 0;
}

.new-list-items .list-item-wrap {
	display: inline-block;
	box-sizing: border-box;
	width: 33.333%;
	padding: 12px;
	vertical-align: top;
}

.new-list-items .list-item {
	padding: 24px 18px;
	border: 1px solid #e7e8ea;
	border-radius: 2px;
}

.new-list-items .image {
	width: 54px;
	padding-right: 18px;
}

.new-list-items .image-container {
	display: block;
	transition: all 0.2s ease-in-out;
}

.new-list-items .image-container:hover {
	opacity: 0.9;
}

.new-list-items .image-container:active {
	position: relative;
	top: 1px;
}

.new-list-items .text {
	color: #000000;
}

.new-list-items .name {
	display: block;
	max-height: 18px;
	margin-bottom: 12px;
	overflow: hidden;
	color: #000000;
	font-size: 14px;
	line-height: 18px;
	text-decoration: none;
}

.new-list-items .name:active {
	position: relative;
	top: 1px;
}

.new-list-items .price {
	position: relative;
	display: inline-block;
	padding-right: 18px;
	font-size: 18px;
	font-family: robotobold;
}

.new-list-items .old-price {
	position: absolute;
	top: -12px;
	right: 0;
	color: #888888;
	font-size: 13px;
	font-family: "roboto_ltregular";
	line-height: 15px;
}

.new-list-items .active-link {
	display: inline-block;
	color: #000000;
	font-size: 14px;
	font-family: "roboto_ltregular";
	text-decoration: none;
	border-bottom: 1px dashed #000000;
	cursor: pointer;
	transition: all 0.2s ease-in-out;
}

@keyframes fadein {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

/* === Product detail: base variables and shared sizing === */
#catalogElement {
	--product-container: 1392px;
	--product-buy-panel: 506px;
	--product-gap: 40px;
	--product-thumbs: 92px;
	--product-photo-height: 632px;
	--product-green: #21b913;
	--product-border: #e8e8e8;
	--product-muted: #8a8a8a;
	box-sizing: border-box;
	width: 100%;
}

#catalogElement *,
#catalogElement *::before,
#catalogElement *::after {
	box-sizing: border-box;
}

/* === Product detail: title, reviews and action buttons === */
.productTitleRow {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 32px;
	width: 100%;
	min-height: 53px;
	margin: 20px 0 22px;
}

.productTitleCol {
	display: flex;
	flex: 0 1 791px;
	flex-direction: column;
	gap: 8px;
	min-width: 0;
}

.productTitleRow h1.changeName {
	margin: 0;
	color: #17181a;
	font-size: 24px;
	font-family: "Inter", robotomedium, arial, sans-serif;
	font-weight: 700;
	line-height: 29px;
}

.productTitleMeta,
.productTitleActions,
.productHeaderWish,
.productHeaderShare,
.productHeaderWish .wishCompWrap,
.productHeaderShare .share-items {
	display: flex;
	align-items: center;
}

.productTitleMeta {
	min-height: 16px;
}

.productTitleMeta .reviewsBtnWrap {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px 24px;
	margin: 0;
	padding: 0;
	color: #96999f;
	font-size: 13px;
	line-height: 18px;
	border: 0;
}

.productMetaArticleStock,
.productMetaReviews {
	display: flex;
	align-items: center;
	gap: 8px 24px;
}

.productMetaMobileStock {
	display: none;
}

.productTitleMeta .reviewsBtnWrap .row {
	display: flex;
	align-items: center;
	min-height: 18px;
	margin: 0;
}

.productTitleMeta .reviewsBtnWrap .label {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	margin: 0;
	padding: 0;
	color: #9b9da2;
	font: inherit;
	line-height: inherit;
	text-align: left;
	background: none;
	border: 0;
	appearance: none;
}

.productTitleMeta .reviewsBtnWrap .icon {
	width: 17px;
	height: 17px;
	margin: 0;
	opacity: 0.65;
	object-fit: contain;
}

.productTitleMeta .reviewsBtnWrap .article,
.productTitleMeta .reviewsBtnWrap .article .changeArticle {
	color: #9b9da2;
	font-size: 13px;
	font-weight: 400;
}

.productTitleMeta .reviewsBtnWrap .article .changeArticle {
	margin-left: 4px;
}

.productTitleMeta .reviewsBtnWrap .rating {
	display: none;
}

.productTitleMeta .reviewsBtnWrap .labelDotted {
	padding-bottom: 2px;
	color: #73777d;
	border-bottom: 1px dashed #b8bbc0;
	transition: color 0.2s ease, border-color 0.2s ease;
}

.productTitleMeta .reviewsCountButton.countReviewsTools,
.productTitleMeta .reviewAddButton {
	cursor: pointer;
}

.productTitleMeta .reviewsCountButton.countReviewsTools:hover,
.productTitleMeta .reviewAddButton:hover .labelDotted {
	color: var(--product-green);
}

.productTitleMeta .reviewAddButton:hover .labelDotted {
	border-bottom-color: var(--product-green);
}

.productTitleMeta .reviewAddButton:hover .icon {
	opacity: 1;
}


#catalogReviews .heading .headingReviewAddButton {
	margin-left: 24px;
	padding: 0 0 4px;
	color: #73777d;
	font: 400 12px/1.2 robotoregular, Arial, sans-serif;
	background: none;
	border: 0;
	border-bottom: 1px dashed #9fa3a8;
	cursor: pointer;
}

#catalogReviews .heading .headingReviewAddButton:hover {
	color: var(--product-green);
	border-bottom-color: var(--product-green);
}

.productTitleActions {
	flex: 0 0 426px;
	gap: 10px;
}

.productHeaderWish .wishCompWrap {
	position: static;
	gap: 10px;
}

.productHeaderWish .wishCompWrap .elem {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 8px;
	height: 36px;
	margin: 0;
	padding: 0 16px 0 14px;
	color: #8a8a8a;
	font-size: 14px;
	font-family: "Inter", "roboto_ltregular", arial, sans-serif;
	font-weight: 400;
	line-height: 18px;
	text-decoration: none;
	background: #f9f9f9;
	border: 0;
	border-radius: 6px;
}

.productHeaderWish .wishCompWrap .addWishlist {
	width: 143px;
}

.productHeaderWish .wishCompWrap .addCompare {
	width: 123px;
}

.productHeaderWish .wishCompWrap .elem::before,
.productHeaderWish .wishCompWrap .elem::after {
	display: none;
}

.productHeaderActionIcon {
	flex: 0 0 auto;
	width: 18px;
	height: 18px;
}

.productHeaderActionLabel {
	white-space: nowrap;
}

.productHeaderShare .share-items {
	position: relative;
	margin: 0;
}

.productShareToggle {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 8px;
	width: 140px;
	height: 36px;
	padding: 0 16px 0 14px;
	color: #8a8a8a;
	font: 400 14px/18px "Inter", "roboto_ltregular", arial, sans-serif;
	background: #f9f9f9;
	border: 0;
	border-radius: 6px;
	cursor: pointer;
}


.productShareMenu {
	position: absolute;
	top: 44px;
	right: 0;
	z-index: 20;
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 8px;
	visibility: hidden;
	white-space: nowrap;
	background: #ffffff;
	border: 1px solid var(--product-border);
	border-radius: 6px;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
	opacity: 0;
	transform: translateY(-4px);
	transition: opacity 0.15s ease, transform 0.15s ease, visibility 0.15s;
}

.productShareCopy {
	height: 28px;
	padding: 0 10px;
	color: #666666;
	font: 12px "roboto_ltregular", arial, sans-serif;
	background: #f5f5f5;
	border: 0;
	border-radius: 4px;
	cursor: pointer;
}

.productHeaderShare .share-items.open .productShareMenu {
	visibility: visible;
	opacity: 1;
	transform: translateY(0);
}

/* === Product detail: desktop gallery and buy-panel grid === */
#tableContainer {
	display: grid;
	grid-template-columns: minmax(0, 1fr) var(--product-buy-panel);
	gap: var(--product-gap);
	align-items: start;
	width: 100%;
	padding-right: 16px;
}

#elementNavigation {
	display: none;
}

#elementContainer {
	grid-column: 1;
	min-width: 0;
}

#elementContainer > .mainContainer {
	display: block;
	width: 100%;
	min-width: 0;
	margin: 0;
}

.productFullWidthContent {
	width: 100%;
}

#elementTools {
	grid-column: 2;
	grid-row: 1;
	width: var(--product-buy-panel);
	padding: 0;
	background: transparent;
}


#elementTools .fixContainer,
#elementTools.fixed .fixContainer,
#elementTools .fixContainer.maxScroll {
	position: sticky;
	top: 16px;
	left: auto;
	bottom: auto;
	width: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden;
	background: #ffffff;
	border: 1px solid var(--product-border);
	border-radius: 8px;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
}

#catalogElement .mainContainer .col:first-child {
	position: relative;
	display: grid;
	grid-template-columns: var(--product-thumbs) minmax(0, 1fr);
	gap: 16px;
	width: 100%;
	padding: 0 0 0 16px;
	text-align: left;
}


#catalogElement #moreImagesCarousel {
	position: relative;
	grid-column: 1;
	grid-row: 1;
	width: var(--product-thumbs);
	height: var(--product-photo-height);
	margin: 0;
	padding: 0;
	overflow: visible;
	visibility: visible;
	opacity: 1;
}

#catalogElement #moreImagesCarousel.hide {
	display: none;
}

#catalogElement #moreImagesCarousel .carouselWrapper {
	position: absolute;
	top: 48px;
	bottom: 48px;
	left: 0;
	width: 100%;
	margin: 0;
	overflow: hidden;
}

#catalogElement #moreImagesCarousel .slideBox {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 12px;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	transition: transform 0.2s ease;
}

#catalogElement #moreImagesCarousel .slideBox .item {
	position: relative;
	flex: 0 0 var(--product-thumbs);
	float: none;
	width: var(--product-thumbs);
	height: var(--product-thumbs);
	margin: 0;
	line-height: var(--product-thumbs);
	background: #ffffff;
	border: 1px solid #e2e2e2;
	border-radius: 6px;
	overflow: hidden;
	opacity: 1;
}

#catalogElement #moreImagesCarousel .slideBox .item.selected {
	border-color: var(--product-green);
	box-shadow: inset 0 0 0 1px var(--product-green);
}

#catalogElement #moreImagesCarousel .slideBox .item.selected::after {
	display: none;
}

#catalogElement #moreImagesCarousel .slideBox .item a,
#catalogElement #moreImagesCarousel .slideBox .item img {
	display: block;
	width: 100%;
	height: 100%;
}

#catalogElement #moreImagesCarousel .slideBox .item img {
	object-fit: cover;
}

#catalogElement #moreImagesCarousel .controls {
	display: block;
}

#catalogElement #moreImagesCarousel #moreImagesLeftButton,
#catalogElement #moreImagesCarousel #moreImagesRightButton {
	position: absolute;
	left: 50%;
	z-index: 4;
	display: block;
	width: 36px;
	height: 36px;
	margin: 0;
	background: #ffffff;
	border: 1px solid #ededed;
	border-radius: 50%;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
	transform: translateX(-50%);
	opacity: 1;
}

#catalogElement #moreImagesCarousel #moreImagesLeftButton {
	top: 0;
	bottom: auto;
}

#catalogElement #moreImagesCarousel #moreImagesRightButton {
	top: auto;
	bottom: 0;
}

#catalogElement #moreImagesCarousel #moreImagesLeftButton::after,
#catalogElement #moreImagesCarousel #moreImagesRightButton::after {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 8px;
	height: 8px;
	border-top: 1.5px solid #777777;
	border-left: 1.5px solid #777777;
	content: "";
}

#catalogElement #moreImagesCarousel #moreImagesLeftButton::after {
	transform: translate(-50%, -30%) rotate(45deg);
}

#catalogElement #moreImagesCarousel #moreImagesRightButton::after {
	transform: translate(-50%, -70%) rotate(225deg);
}

#catalogElement #pictureContainer {
	position: relative;
	grid-column: 2;
	grid-row: 1;
	width: 100%;
	height: var(--product-photo-height);
	overflow: hidden;
	background: #ffffff;
	border-radius: 6px;
}

#catalogElement #pictureContainer .pictureSlider {
	position: relative;
	z-index: 2;
	display: flex;
	width: 100%;
	height: 100%;
	overflow-x: auto;
	overflow-y: hidden;
	scroll-behavior: smooth;
	scroll-snap-type: x mandatory;
	scrollbar-width: none;
	overscroll-behavior-x: contain;
	-webkit-overflow-scrolling: touch;
}

#catalogElement #pictureContainer .pictureSlider::-webkit-scrollbar {
	display: none;
}

#catalogElement #pictureContainer .pictureSlider .item {
	position: relative;
	display: flex;
	flex: 0 0 100%;
	width: 100%;
	min-width: 100%;
	height: 100%;
	padding: 0;
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	scroll-snap-align: start;
	scroll-snap-stop: always;
}

#catalogElement #pictureContainer .item a {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-width: 0;
	height: 100%;
	padding: 0;
	overflow: hidden;
	background: transparent;
	border: 0;
	border-radius: 0;
}

#catalogElement #pictureContainer .item a > img.productGalleryImage {
	position: static;
	display: block;
	width: 100%;
	height: 100%;
	min-width: 0;
	min-height: 0;
	max-width: 100%;
	max-height: 100%;
	margin: 0;
	object-fit: contain;
	object-position: center;
	transform: none;
}

/* === Product detail: gallery controls === */
.productGalleryZoomIcon {
	position: absolute;
	top: 16px;
	right: 16px;
	z-index: 4;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	background: rgba(255, 255, 255, 0.96);
	border-radius: 50%;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
	pointer-events: none;
}

.productGalleryZoomIcon img {
	width: 22px;
	height: 22px;
}

.productGalleryCounter {
	position: absolute;
	right: 16px;
	bottom: 16px;
	z-index: 3;
	padding: 6px 10px;
	color: #ffffff;
	font-size: 12px;
	line-height: 15px;
	background: rgba(28, 28, 28, 0.72);
	border-radius: 14px;
}

#catalogElement .mainContainer .markerContainer {
	top: 16px;
	left: 124px;
	z-index: 5;
}

/* === Product detail: buy panel === */
#elementTools .mainTool,
#elementTools .secondTool,
#smallElementTools .mainTool,
#smallElementTools .secondTool {
	padding: 0;
	background: transparent;
}

#elementTools .mainToolContainer,
#smallElementTools .mainToolContainer {
	box-sizing: border-box;
	width: 100%;
	padding: 24px 32px;
}

#elementTools .secondTool,
#smallElementTools .secondTool {
	padding: 16px 32px 24px;
	border-top: 1px solid #eeeeee;
}

.productCardBrand:empty,
.productCardStock:empty,
.productShortDescription:empty,
.productHeaderReviews.is-empty,
.productHeaderWish.is-empty,
.productHeaderShare.is-empty {
	display: none;
}

.productCardBrand {
	margin-bottom: 16px;
}

.productCardBrand .brandImageWrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
}

.productCardStock {
	margin-bottom: 6px;
}

.productCardStock .available-block,
.productMetaMobileStock .available-block {
	display: flex;
	align-items: center;
	margin: 0;
}

.productCardStock .icon {
	display: none;
}

.productCardStock .label,
.productMetaMobileStock .label {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding-left: 0;
	color: #000000;
	font-weight: 400;
	font-size: 13px;
	font-family: Inter, Roboto, Arial, sans-serif;
	line-height: 16px;
}

.productStockMarker {
	position: relative;
	display: inline-block;
	flex: 0 0 10px;
	width: 10px;
	height: 10px;
	background: #30ba0e;
	border-radius: 50%;
}

.productCardStock .outOfStock .productStockMarker,
.productCardStock .onOrder .productStockMarker,
.productMetaMobileStock .outOfStock .productStockMarker,
.productMetaMobileStock .onOrder .productStockMarker {
	background: transparent;
	border-radius: 0;
}

.productCardStock .outOfStock .productStockMarker::before,
.productCardStock .outOfStock .productStockMarker::after,
.productCardStock .onOrder .productStockMarker::before,
.productCardStock .onOrder .productStockMarker::after,
.productMetaMobileStock .outOfStock .productStockMarker::before,
.productMetaMobileStock .outOfStock .productStockMarker::after,
.productMetaMobileStock .onOrder .productStockMarker::before,
.productMetaMobileStock .onOrder .productStockMarker::after {
	position: absolute;
	top: 4px;
	left: 0;
	width: 10px;
	height: 1px;
	background: #9a9a9a;
	content: "";
}

.productCardStock .outOfStock .productStockMarker::before,
.productCardStock .onOrder .productStockMarker::before,
.productMetaMobileStock .outOfStock .productStockMarker::before,
.productMetaMobileStock .onOrder .productStockMarker::before {
	transform: rotate(45deg);
}

.productCardStock .outOfStock .productStockMarker::after,
.productCardStock .onOrder .productStockMarker::after,
.productMetaMobileStock .outOfStock .productStockMarker::after,
.productMetaMobileStock .onOrder .productStockMarker::after {
	transform: rotate(-45deg);
}

.productCardStock .inStock,
.productCardStock .inStock .productStockText,
.productMetaMobileStock .inStock,
.productMetaMobileStock .inStock .productStockText {
	color: #000000 !important;
}

.productPriceLine {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px 10px;
}

.productPriceLabels {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 6px;
	width: 100%;
	margin-top: 2px;
}

.productPriceLabel {
	display: inline-flex;
	align-items: center;
	min-height: 24px;
	padding: 4px 8px;
	color: #ffffff;
	font-weight: 400;
	font-size: 12px;
	font-family: Inter, Roboto, Arial, sans-serif;
	line-height: 16px;
	border-radius: 4px;
}

#catalogElement .mobilePriceContainer .price {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 6px 10px;
	margin: 0;
	color: #1d1d1d;
	font-size: 30px;
	line-height: 36px;
	font-family: robotobold;
}

#catalogElement .mobilePriceContainer .priceContainer {
	order: 1;
	display: inline-flex;
	align-items: baseline;
}

#catalogElement .mobilePriceContainer .price .measure {
	color: inherit;
}

#catalogElement .mobilePriceContainer .price.hasDiscount .priceVal,
#catalogElement .mobilePriceContainer .price.hasDiscount .measure {
	color: #e60000;
}

#catalogElement .mobilePriceContainer .priceBlock {
	order: 2;
	display: flex;
	align-items: center;
	margin: 0;
}

#catalogElement .mobilePriceContainer .priceBlock .oldPriceLabel:not(:first-child) {
	display: none;
}


.productDiscountBadge {
	order: 3;
	padding: 4px 8px;
	color: #e60000;
	font-size: 12px;
	line-height: 16px;
	font-family: robotomedium;
	background: #fff0f2;
	border-radius: 6px;
}

.productPromoStrip {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	box-sizing: border-box;
	width: 100%;
	min-height: 41px;
	margin-top: 18px;
	padding: 6px 12px;
	color: #1f8e13;
	font-size: 13px;
	line-height: 16px;
	background: #e9f7ea;
	border-radius: 8px;
	overflow: hidden;
}


.productPromoSaving,
.productPromoTimer {
	display: flex;
	align-items: center;
	gap: 6px;
}

.productPromoSaving {
	min-width: 0;
	flex-wrap: wrap;
	row-gap: 2px;
}

.productPromoTimer {
	flex: 0 0 auto;
}

.productPromoSaving strong {
	color: #222222;
	font-family: robotobold;
}

.productPromoPercent {
	font-size: 16px;
	font-family: robotobold;
}

.productPromoTimer {
	gap: 6px;
}

.productPromoSpecialTime {
	display: flex;
	align-items: center;
	gap: 4px;
}

.productPromoSpecialTime .specialTimeItem {
	display: block;
	min-width: 24px;
	margin: 0;
	padding: 4px 5px;
	color: #ffffff;
	font-family: robotobold;
	text-align: center;
	background: var(--product-green);
	border-radius: 5px;
}

.productPromoSpecialTime .specialTimeItemValue {
	font-size: 12px;
	line-height: 16px;
}

.productPromoSpecialTime .specialTimeItemlabel {
	display: none;
}

.productPromoSpecialTime .productPromoDayItem {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 2px;
	min-width: 39px;
}

.productPromoDayUnit {
	font-size: 9px;
	font-family: robotomedium;
	line-height: 16px;
}

.productPromoSpecialTime b {
	font-weight: 400;
}

.productPromoClock {
	position: relative;
	width: 14px;
	height: 14px;
	border: 1px solid var(--product-green);
	border-radius: 50%;
}

.productPromoClock::before,
.productPromoClock::after {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 4px;
	height: 1px;
	background: var(--product-green);
	transform-origin: left center;
	content: "";
}

.productPromoClock::before {
	transform: translate(-1px, -1px) rotate(-90deg);
}

.productPromoClock::after {
	transform: translate(-1px, -1px) rotate(25deg);
}

#catalogElement .mobilePriceContainer .oldPriceLabel {
	margin: 0;
	color: #8a9099;
	font-weight: 400;
	font-size: 16px;
	font-family: Inter, Roboto, Arial, sans-serif;
	line-height: 19px;
}

#catalogElement .mobilePriceContainer .oldPriceLabel .discount {
	color: inherit;
	text-decoration-color: #a3a7ad;
	text-decoration-thickness: 1px;
}

.productPriceNote {
	margin-top: 8px;
	color: var(--product-muted);
	font-size: 13px;
	line-height: 16px;
}

.productSkuTools {
	width: 100%;
	margin-top: 22px;
	padding-top: 22px;
	border-top: 1px solid #eeeeee;
}

.productSkuToolsHeader {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 12px;
}

.productSkuToolsTitle {
	font-size: 16px;
	font-family: robotomedium;
}

.productSkuToolsLink {
	margin: 0;
	padding: 0;
	color: var(--product-green);
	font: inherit;
	font-size: 13px;
	line-height: inherit;
	text-decoration: none;
	background: none;
	border: 0;
	cursor: pointer;
	appearance: none;
}

.productSkuTools .elementSkuVariantLabel,
.productSkuTools .elementSkuPropertyName {
	display: none;
}

.productSkuTools .elementSkuProperty,
.productSkuTools .elementSkuPropertyDropdown,
.productSkuTools .productSkuToolsBody {
	width: 100%;
	margin: 0;
}

#catalogElement .productSkuTools .skuDropdown {
	position: relative;
	width: 100%;
	margin: 0;
	background: transparent;
	border: 0;
	border-radius: 0;
}

#catalogElement .productSkuTools .skuCheckedItem {
	position: relative;
	display: flex;
	align-items: center;
	box-sizing: border-box;
	width: 100%;
	height: 56px;
	padding: 0 48px 0 16px !important;
	color: #222222;
	font-size: 15px;
	line-height: 20px;
	font-family: robotomedium;
	background: #ffffff;
	border: 1px solid #eaecef;
	border-radius: 6px;
	cursor: pointer;
	opacity: 1;
}

#catalogElement .productSkuTools .skuDropdown.is-open .skuCheckedItem {
	border: 2px solid var(--product-green);
	padding-left: 15px !important;
}

#catalogElement .productSkuTools .skuCheckedItem:hover {
	opacity: 1;
}

#catalogElement .productSkuTools .skuCheckedItem:active {
	top: 0;
}

#catalogElement .productSkuTools .skuCheckedItem::after {
	position: absolute;
	top: 50%;
	right: 18px;
	box-sizing: border-box;
	width: 8px;
	height: 8px;
	border-right: 1.5px solid #6f6f6f;
	border-bottom: 1.5px solid #6f6f6f;
	transform: translateY(-70%) rotate(45deg);
	transition: transform 0.2s ease, border-color 0.2s ease;
	content: "";
}

#catalogElement .productSkuTools .skuDropdown.is-open .skuCheckedItem::after {
	border-color: var(--product-green);
	transform: translateY(-30%) rotate(225deg);
}

#catalogElement .productSkuTools .skuDropdownList {
	position: absolute;
	top: calc(100% + 6px);
	right: 0;
	left: 0;
	z-index: 50;
	box-sizing: border-box;
	width: 100%;
	max-height: 310px;
	margin: 0;
	padding: 8px 8px 0;
	overflow-y: auto;
	overflow-x: hidden;
	background: #ffffff;
	border: 1px solid #eaecef;
	border-radius: 8px;
	box-shadow: 0 10px 28px rgba(31, 31, 31, 0.12);
	scrollbar-color: #c9cdd2 transparent;
	scrollbar-width: thin;
}

#catalogElement .productSkuTools .skuDropdownList::-webkit-scrollbar {
	width: 5px;
}

#catalogElement .productSkuTools .skuDropdownList::-webkit-scrollbar-track {
	background: transparent;
}

#catalogElement .productSkuTools .skuDropdownList::-webkit-scrollbar-thumb {
	background: #c9cdd2;
	border-radius: 5px;
}

#catalogElement .productSkuTools .skuDropdownList .elementSkuPropertyValue {
	padding: 0;
	border: 0;
}

#catalogElement .productSkuTools .skuDropdownList .elementSkuPropertyValue.is-filtered-out {
	display: none;
}

#catalogElement .productSkuTools .skuDropdownList .skuPropertyItemLink {
	display: flex;
	align-items: center;
	box-sizing: border-box;
	min-height: 40px;
	padding: 9px 10px !important;
	color: #222222;
	font-size: 15px;
	line-height: 20px;
	font-family: roboto;
	text-align: left;
	background: #ffffff;
	border: 0;
	border-radius: 6px;
}

#catalogElement .productSkuTools .skuDropdownList .elementSkuPropertyValue:hover,
#catalogElement .productSkuTools .skuDropdownList .selected {
	color: inherit;
	background: transparent;
	opacity: 1;
}

#catalogElement .productSkuTools .skuDropdownList .elementSkuPropertyValue:hover .skuPropertyItemLink {
	background: #f7f8f8;
}

#catalogElement .productSkuTools .skuDropdownList .selected .skuPropertyItemLink {
	color: var(--product-green);
	font-family: robotomedium;
	background: #f2f8f1;
}

#catalogElement .productSkuTools .skuDropdownList .skuDropdownListItem.disabled {
	display: block;
	background: #eef0f2;
	cursor: not-allowed;
	opacity: 1;
}

#catalogElement .productSkuTools .skuDropdownList .skuDropdownListItem.disabled .skuPropertyItemLink {
	color: #8f949a;
	background: #eef0f2;
	text-decoration: line-through;
	cursor: not-allowed;
}

#catalogElement .productSkuTools .skuDropdownList .skuDropdownListItem.disabled:hover .skuPropertyItemLink {
	background: #eef0f2;
}

.productSkuTools .skuDropdownEmpty {
	display: none;
	padding: 12px 10px;
	color: #8d9298;
	font-size: 14px;
	line-height: 20px;
	list-style: none;
}

#catalogElement .productSkuTools .skuDropdownList.is-empty .skuDropdownEmpty {
	display: block;
}

.productSkuTools .skuDropdownSearch {
	position: sticky;
	bottom: 0;
	z-index: 2;
	margin-top: 6px;
	padding: 8px 0;
	list-style: none;
	background: #ffffff;
}

.productSkuTools .skuDropdownSearchField {
	position: relative;
	display: block;
}

.productSkuTools .skuDropdownSearchIcon {
	position: absolute;
	top: 50%;
	left: 12px;
	width: 16px;
	height: 16px;
	transform: translateY(-50%);
	pointer-events: none;
}

.productSkuTools .skuDropdownSearchInput {
	box-sizing: border-box;
	width: 100%;
	height: 40px;
	padding: 0 12px 0 38px;
	color: #222222;
	font-size: 14px;
	line-height: 20px;
	font-family: roboto;
	background: #f5f6f7;
	border: 0;
	border-radius: 7px;
	outline: 0;
}

.productSkuTools .skuDropdownSearchInput::placeholder {
	color: #a0a5aa;
}

.productSkuTools .skuDropdownSearchInput::-webkit-search-cancel-button {
	cursor: pointer;
}

.mobileButtonsContainer {
	display: block;
	width: 100%;
	margin-top: 22px;
	white-space: normal;
}

#catalogElement .addCartContainer {
	position: static;
	display: grid;
	grid-template-columns: 92px minmax(0, 1fr);
	grid-template-areas: "qty cart";
	gap: 12px;
	width: 100%;
	overflow: visible;
}

#catalogElement .addCartContainer.is-single-action {
	grid-template-columns: 1fr;
	grid-template-areas: "cart";
}

#catalogElement .addCartContainer.is-single-action .qtyBlock {
	display: none;
}

#catalogElement .mainTool .addCart {
	grid-area: cart;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 54px;
	margin: 0;
	background: var(--product-green);
	border-radius: 6px;
}

#catalogElement .mainTool .addCart.subscribe,
#catalogElement .mainTool .addCart.disabled,
#catalogElement .mainTool .addCart.requestPrice,
#catalogElement .mainTool .addCart.added {
	grid-column: 1 / -1;
}

#catalogElement .mainTool .addCart span,
#catalogElement .mainTool .addCartContainer:hover .addCart span {
	position: static;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #ffffff;
	font-size: 16px;
	font-family: robotomedium;
	transform: none;
}

#catalogElement .mainTool .addCart .icon,
#catalogElement .mainTool .addCartContainer:hover .addCart .icon {
	width: auto;
	height: auto;
	margin-right: 8px;
	padding: 0;
	visibility: visible;
	opacity: 1;
}

#catalogElement .mainTool .addCart .panelCartIcon {
	width: 22px;
	height: 22px;
}

#catalogElement .mainTool .qtyBlock {
	grid-area: qty;
	display: block;
	margin: 0;
}

#catalogElement .mainTool .qtyBlockContainer,
#catalogElement .mainTool .addCartContainer:hover .qtyBlockContainer {
	position: relative;
	top: auto;
	right: auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 54px;
	padding: 0 12px;
	background: #ffffff;
	border: 1px solid #e5e5e5;
	border-radius: 6px;
	transform: none;
	visibility: visible;
	opacity: 1;
}

#catalogElement .mainTool .qtyBlockContainer .qty {
	width: 30px;
	height: 50px;
	margin: 0;
	padding: 0;
	color: #222222;
	font-size: 15px;
	text-align: center;
	background: transparent;
	border: 0;
}

#catalogElement .mainTool .qtyBlock .plus,
#catalogElement .mainTool .qtyBlock .minus {
	position: relative;
	display: block;
	width: 22px;
	height: 50px;
	padding: 0;
	background: transparent;
	border: 0;
}

#catalogElement .mainTool .qtyBlock .plus::before,
#catalogElement .mainTool .qtyBlock .minus::before,
#catalogElement .mainTool .qtyBlock .plus::after {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 10px;
	height: 1px;
	background: #555555;
	transform: translate(-50%, -50%);
	content: "";
}

#catalogElement .mainTool .qtyBlock .plus::after {
	transform: translate(-50%, -50%) rotate(90deg);
}

#catalogElement .mobileFastBackContainer {
	margin: 12px 0 0;
}

#catalogElement .quickBuy {
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: 100%;
	height: 50px;
	padding: 0 16px;
	color: var(--product-green);
	font-size: 15px;
	font-family: robotomedium;
	line-height: 1;
	text-decoration: none;
	background: #edf8eb;
	border-radius: 6px;
}

#catalogElement .quickBuy .quickBuyContent {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
}

#catalogElement .quickBuy .panelQuickBuyIcon {
	display: block;
	flex: 0 0 18px;
	width: 18px;
	height: 18px;
	margin: 0;
}

#catalogElement .quickBuy .quickBuyText {
	display: block;
	line-height: 20px;
}

.productCheaperAction {
	margin-top: 12px;
}

#catalogElement .productCheaperAction .cheaper {
	display: grid;
	grid-template-columns: 20px minmax(0, 1fr) auto;
	align-items: center;
	gap: 10px;
	box-sizing: border-box;
	width: 100%;
	min-height: 50px;
	padding: 10px 16px;
	color: #222222;
	text-decoration: none;
	background: #fafafa;
	border-radius: 8px;
}

#catalogElement .productCheaperAction .cheaper:hover {
	background: #f5f8f4;
}

#catalogElement .productCheaperAction .cheaper.disabled {
	pointer-events: none;
	opacity: 0.55;
}

.productCheaperIconBox {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
}

.productCheaperIcon {
	display: block;
	width: 18px;
	height: 18px;
}

.productCheaperText {
	font-size: 14px;
	line-height: 18px;
	font-family: robotomedium;
}

.productCheaperMore {
	color: var(--product-green);
	font-size: 14px;
	line-height: 17px;
	font-family: robotomedium;
	text-decoration: none;
}

.productSizeHelp {
	display: grid;
	grid-template-columns: 30px minmax(0, 1fr) auto;
	align-items: center;
	gap: 10px;
	height: 79px;
	margin-top: 22px;
	padding: 0 16px;
	background: #fafafa;
	border-radius: 8px;
}

.productPanelIcon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
}

.productPanelIcon img {
	display: block;
	width: 20px;
	height: 20px;
}

.productSizeHelpText,
.productDeliveryContent {
	display: flex;
	flex-direction: column;
	min-width: 0;
}

.productSizeHelpText strong,
.productDeliveryRow strong {
	color: #222222;
	font-size: 14px;
	line-height: 18px;
	font-family: robotomedium;
}

.productSizeHelpText span,
.productDeliveryRow span {
	margin-top: 2px;
	color: #9a9a9a;
	font-size: 12px;
	line-height: 15px;
}

.productSizeHelpLink {
	color: var(--product-green);
	font-size: 14px;
	line-height: 17px;
	font-family: robotomedium;
	text-decoration: none;
}

.productPanelDivider {
	height: 1px;
	margin: 22px 0;
	background: #eeeeee;
}

.productDeliveryList {
	display: flex;
	flex-direction: column;
	gap: 14px;
	padding-bottom: 24px;
}

.productDeliveryRow {
	position: relative;
	display: grid;
	grid-template-columns: 38px minmax(0, 1fr) 24px;
	align-items: center;
	gap: 12px;
	min-height: 38px;
}

.productDeliveryRow .productPanelIcon {
	width: 38px;
	height: 38px;
	background: #f1f8f4;
	border-radius: 8px;
}

.productDeliveryRow .productPanelIcon img {
	width: 38px;
	height: 38px;
}

.productDeliveryRow .productPanelIcon.has-background img {
	width: 20px;
	height: 20px;
}

.productDeliveryHintWrap {
	position: relative;
	justify-self: end;
	width: 24px;
	height: 24px;
}

.productDeliveryHintButton {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	padding: 0;
	background: transparent;
	border: 0;
	cursor: pointer;
}

.productDeliveryHintButton img {
	display: block;
	width: 24px;
	height: 24px;
}

.productDeliveryHintTooltip {
	position: absolute;
	right: calc(100% + 10px);
	top: 50%;
	z-index: 20;
	box-sizing: border-box;
	width: 220px;
	padding: 10px 12px;
	color: #555555;
	font-size: 12px;
	line-height: 16px;
	background: #ffffff;
	border: 1px solid #e7e7e7;
	border-radius: 10px;
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
	opacity: 0;
	visibility: hidden;
	transform: translateY(-50%) translateX(6px);
	transition: opacity 0.2s ease, visibility 0.2s ease, transform 0.2s ease;
	pointer-events: none;
}

.productDeliveryHintTooltip::after {
	position: absolute;
	top: 50%;
	left: 100%;
	width: 10px;
	height: 10px;
	background: #ffffff;
	border-top: 1px solid #e7e7e7;
	border-right: 1px solid #e7e7e7;
	transform: translate(-50%, -50%) rotate(45deg);
	content: "";
}

.productDeliveryHintWrap:hover .productDeliveryHintTooltip,
.productDeliveryHintWrap:focus-within .productDeliveryHintTooltip {
	opacity: 1;
	visibility: visible;
	transform: translateY(-50%) translateX(0);
}

#elementTools .secondTool .row,
#smallElementTools .secondTool .row {
	margin: 0;
	padding: 16px 0 0;
}

#elementTools .secondTool .share-items,
#smallElementTools .secondTool .share-items {
	display: none;
}

#elementTools .legacyPanelTools,
#smallElementTools .legacyPanelTools {
	margin-top: 12px;
	background: #ffffff;
	border: 1px solid #eaecef;
	border-radius: 8px;
}

/* === Product detail: additional services and full-width content === */
.fast-deliveries-container,
#catalogElement .productShortDescription {
	margin-top: 32px;
}


/* === Product detail: description and characteristics tabs === */
.productDetailsTabs {
	margin-top: 40px;
}

.productDetailsTabList {
	display: flex;
	gap: 28px;
	border-bottom: 1px solid #e9e9e9;
}

.productDetailsTabButton {
	position: relative;
	padding: 0 0 14px;
	color: #8b8b8b;
	font-size: 15px;
	font-family: inherit;
	background: transparent;
	border: 0;
	cursor: pointer;
}

.productDetailsTabButton.active {
	color: #222222;
	font-family: robotomedium;
}

.productDetailsTabButton.active::after {
	position: absolute;
	right: 0;
	bottom: -1px;
	left: 0;
	height: 2px;
	background: var(--product-green);
	content: "";
}

.productDetailsTabPanel {
	display: none;
	padding-top: 28px;
}

.productDetailsTabPanel.active {
	display: block;
}

.detailContentGrid {
	display: grid;
	grid-template-columns: minmax(0, 852px) minmax(0, 460px);
	gap: 48px;
}

#catalogElement #detailText {
	margin: 0;
	padding: 0;
}

#catalogElement #detailText .heading,
.fullPropertiesBlock > .heading,
.productSummaryProperties .heading {
	margin: 0 0 20px;
	font-size: 20px;
	line-height: 1.3;
	font-family: robotomedium;
}

#catalogElement #detailText .changeDescription {
	color: #4c4c4c;
	font-size: 14px;
	line-height: 1.65;
}

.productDescriptionCollapse {
	--product-description-collapsed-height: 180px;
}

.productDescriptionCollapse.is-collapsible:not(.is-expanded) {
	max-height: var(--product-description-collapsed-height);
	overflow: hidden;
}

.productDescriptionToggle {
	display: inline-flex;
	align-items: center;
	margin-top: 10px;
	padding: 0;
	color: var(--product-green);
	font: 14px/20px robotomedium;
	text-align: left;
	background: transparent;
	border: 0;
	cursor: pointer;
}

.productDescriptionToggle:hover,
.productDescriptionToggle:focus-visible {
	color: #169b0d;
}

.productDescriptionToggle[hidden] {
	display: none;
}

/* === Product detail: summary characteristics card === */
.productSummaryProperties {
	align-self: start;
	box-sizing: border-box;
	padding: 24px;
	background: #f7f7f7;
	border-radius: 8px;
}

.productSummaryProperties .changePropertiesNoGroup {
	display: flex;
	flex-direction: column;
	margin: 0;
}

.productSummaryProperties .headingBox {
	display: contents;
}

.productSummaryProperties .headingBox .heading {
	order: 1;
	display: block;
	margin: 0 0 12px;
	padding: 0;
	color: #222222;
	font-size: 18px;
	line-height: 23px;
	font-family: robotomedium;
}

.productSummaryProperties .elementProperties {
	order: 2;
}

.productSummaryProperties .elementProperties .propertyTable {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(140px, 45%);
	gap: 16px;
	align-items: start;
	box-sizing: border-box;
	width: 100%;
	padding: 9px 0;
	font-size: 13px;
	line-height: 17px;
	border-bottom: 1px solid #e7e7e7;
}

.productSummaryProperties .elementProperties .propertyTable:last-child {
	border-bottom: 0;
}

.productSummaryProperties .elementProperties .propertyName,
.productSummaryProperties .elementProperties .propertyValue {
	display: block;
	width: auto;
	padding: 0;
	overflow: visible;
	background: transparent;
}

.productSummaryProperties .elementProperties .propertyName {
	color: #929292;
}

.productSummaryProperties .elementProperties .propertyName::after {
	display: none;
}

.productSummaryProperties .elementProperties .propertyValue {
	color: #222222;
	font-family: robotomedium;
	text-align: right;
	word-break: break-word;
}

.productSummaryProperties .elementProperties .analog {
	color: inherit;
}

.productSummaryProperties .js-product-summary-properties .moreProperties {
	display: none;
}

.productSummaryProperties .moreProperties {
	display: block;
	width: auto;
	margin-top: 10px;
	padding: 8px 0 0;
}

.productSummaryProperties .morePropertiesLink {
	color: var(--product-green);
	font-size: 13px;
	line-height: 17px;
	font-family: robotomedium;
	text-decoration: none;
}


/* === Product detail: MAX room-selection promo === */
.productMaxPromo {
	position: relative;
	box-sizing: border-box;
	min-height: 570px;
	margin: 44px 0 0;
	padding-top: 80px;
	overflow: visible;
}

.productMaxPromoCopy {
	box-sizing: border-box;
	width: calc(100% - 371px);
	min-height: 386px;
	margin: 0;
	padding: 44px 48px;
	background: linear-gradient(135deg, #eef2ff 0%, #f4edff 100%);
	border-radius: 24px;
}

.productMaxPromoContent {
	box-sizing: border-box;
	width: 100%;
	margin: 0;
}

.productMaxPromo h2 {
	max-width: 620px;
	margin: 0 0 18px;
	color: #22233f;
	font-size: 32px;
	font-family: "Inter", robotomedium, arial, sans-serif;
	font-weight: 700;
	line-height: 1.18;
}

.productMaxPromoLead {
	max-width: 640px;
	margin: 0 0 24px;
	color: #6d7083;
	font-size: 15px;
	line-height: 1.55;
}

.productMaxPromoSteps {
	display: flex;
	align-items: center;
	gap: 24px;
	margin: 0 0 28px;
	padding: 0;
	list-style: none;
}

.productMaxPromoSteps li {
	display: flex;
	align-items: center;
	gap: 9px;
	color: #565a72;
	font-size: 13px;
	font-family: robotomedium;
	white-space: nowrap;
}

.productMaxPromoSteps li span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 28px;
	width: 28px;
	height: 28px;
	color: #ffffff;
	background: linear-gradient(135deg, #5aa3f1 0%, #9661e8 100%);
	border-radius: 50%;
}

.productMaxPromoButton {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	height: 50px;
	margin-top: 28px;
	padding: 0 22px;
	color: #ffffff;
	font-size: 15px;
	font-family: robotomedium;
	text-decoration: none;
	background: linear-gradient(100deg, #4c9fe9 0%, #9c5ce7 100%);
	border: 0;
	border-radius: 10px;
	box-shadow: 0 8px 20px rgba(113, 92, 226, 0.2);
	cursor: pointer;
}

.productMaxPromoButton:hover {
	color: #ffffff;
	text-decoration: none;
}

.productMaxPromoButton img {
	width: 24px;
	height: 24px;
}

.productMaxChat {
	position: absolute;
	top: 0;
	right: 76px;
	box-sizing: border-box;
	width: 380px;
	min-height: 546px;
	overflow: hidden;
	background: #ffffff;
	border: 1px solid rgba(101, 94, 157, 0.08);
	border-radius: 22px;
	box-shadow: 0 18px 45px rgba(65, 58, 112, 0.16);
}

.productMaxChatHeader {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 16px;
	border-bottom: 1px solid #f0f0f5;
}

.productMaxChatAvatar {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 38px;
	width: 38px;
	height: 38px;
	background: linear-gradient(135deg, #4b9bea 0%, #a15ce8 100%);
	border-radius: 11px;
}

.productMaxChatAvatar img {
	width: 20px;
	height: 20px;
}

.productMaxChatStore {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	min-width: 0;
}

.productMaxChatStore strong {
	overflow: hidden;
	color: #252633;
	font-size: 12px;
	line-height: 16px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.productMaxChatStore small {
	color: #999cab;
	font-size: 10px;
	line-height: 14px;
}

.productMaxChatStore i {
	display: inline-block;
	width: 6px;
	height: 6px;
	margin-right: 4px;
	background: #31bd1c;
	border-radius: 50%;
}

.productMaxChatMenu {
	color: #a5a7b0;
	font-size: 22px;
	line-height: 1;
}

.productMaxChatBody {
	padding: 16px 16px 12px;
	background: #f7f7fd;
}

.productMaxChatMessage,
.productMaxChatSelection {
	box-sizing: border-box;
	padding: 11px 12px;
	color: #626475;
	font-size: 11px;
	line-height: 1.4;
	background: #ffffff;
	border-radius: 12px;
}

.productMaxChatMessage {
	max-width: 270px;
	margin-bottom: 12px;
}

.productMaxChatRoom {
	position: relative;
	width: 224px;
	margin: 0 0 12px auto;
	overflow: hidden;
	background: linear-gradient(135deg, #4b9bea 0%, #a15ce8 100%);
	border: 4px solid transparent;
	border-radius: 14px;
}

.productMaxChatRoom img {
	display: block;
	width: 100%;
	height: 140px;
	object-fit: cover;
}

.productMaxChatRoom span {
	position: absolute;
	right: 10px;
	bottom: 8px;
	padding: 3px 7px;
	color: #ffffff;
	font-size: 9px;
	background: rgba(44, 43, 72, 0.58);
	border-radius: 8px;
}

.productMaxChatSelection {
	margin-left: auto;
}

.productMaxChatSelection > span {
	display: block;
	margin-bottom: 8px;
}

.productMaxChatThumbs {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 6px;
}

.productMaxChatThumbs img {
	display: block;
	width: 100%;
	height: 66px;
	object-fit: cover;
	border-radius: 8px;
}

.productMaxChatComposer {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 12px 14px 14px;
	padding: 5px 5px 5px 12px;
	color: #b1b3bd;
	font-size: 11px;
	background: #f3f3f7;
	border-radius: 20px;
}

.productMaxChatAttach {
	font-size: 16px;
	transform: rotate(-35deg);
}

.productMaxChatPlaceholder {
	flex: 1 1 auto;
}

.productMaxChatSend {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 32px;
	width: 32px;
	height: 32px;
	background: linear-gradient(135deg, #596fea 0%, #9a5cdb 100%);
	border-radius: 50%;
}

.productMaxChatSend img {
	width: 16px;
	height: 16px;
}

/* === Product detail: payment methods === */
.productPayments {
	box-sizing: border-box;
	margin: 44px 0 0;
	padding: 8px 0 36px;
}

.productPayments h2 {
	display: block;
	margin: 0;
	color: #202124;
	font-size: 24px;
	font-family: "Inter", robotomedium, arial, sans-serif;
	font-weight: 700;
	line-height: 27px;
}

.productPaymentGrid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 16px;
	margin-top: 20px;
}

.productPaymentCard {
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
	min-height: 169px;
	padding: 20px;
	background: #ffffff;
	border: 1px solid #e7ebe7;
	border-radius: 16px;
}

.productPaymentIcon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	margin-bottom: 12px;
	background: #f0f9ef;
	border-radius: 10px;
}

.productPaymentIcon img {
	width: 24px;
	height: 24px;
}

.productPaymentCard h3 {
	margin: 0 0 7px;
	color: #202124;
	font-size: 15px;
	font-family: robotomedium;
	line-height: 20px;
}

.productPaymentCard p {
	margin: 0;
	color: #9a9a9a;
	font-size: 12px;
	line-height: 17px;
}

.productPaymentSecure {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	min-height: 16px;
	margin-top: 20px;
	color: #8f928f;
	font-size: 11px;
	line-height: 16px;
}

.productPaymentSecure img {
	width: 16px;
	height: 16px;
}

.fullPropertiesBlock {
	padding: 0;
}

/* === Product detail: review form toggle === */
#newReview[hidden] {
	display: none !important;
}

#newReview.productReviewForm {
	margin-top: 24px;
}

#newReview.productReviewForm.is-open {
	display: block;
}

/* === Product detail: product collections and auxiliary blocks === */
#related,
#similar,
#viewed,
#catalogReviews,
#detailTags,
#video,
#files,
#storesContainer,
#complect {
	margin-top: 48px;
}

#related > .heading,
#similar > .heading,
#viewed > .heading,
#catalogReviews > .heading {
	margin-bottom: 24px;
	font-size: 24px;
	line-height: 1.3;
	font-family: robotomedium;
}

/* === Product detail: size table modal === */
body.product-size-table-open {
	overflow: hidden;
}

.productSizeTableModal {
	position: fixed;
	inset: 0;
	z-index: 10050;
	display: none;
	align-items: center;
	justify-content: center;
	padding: 12px;
}

.productSizeTableModal.is-open {
	display: flex;
}

.productSizeTableBackdrop {
	position: absolute;
	inset: 0;
	background: rgba(24, 27, 31, 0.48);
	backdrop-filter: blur(2px);
}

.productSizeTableDialog {
	position: relative;
	z-index: 1;
	width: min(380px, calc(100vw - 24px));
	max-height: calc(100vh - 24px);
	padding: 16px 14px 14px;
	overflow: hidden;
	background: #ffffff;
	border: 1px solid #eaecef;
	border-radius: 10px;
	box-shadow: 0 16px 48px rgba(31, 35, 41, 0.22);
}

.productSizeTableHeader {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 12px;
}

.productSizeTableHeader h2 {
	margin: 0;
	font-size: 16px;
	font-weight: 600;
	line-height: 22px;
	color: #202226;
}

.productSizeTableClose {
	position: relative;
	flex: 0 0 28px;
	width: 28px;
	height: 28px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: #f5f6f7;
	cursor: pointer;
}

.productSizeTableClose::before,
.productSizeTableClose::after {
	content: "";
	position: absolute;
	top: 13px;
	left: 8px;
	width: 12px;
	height: 1px;
	background: #969ba3;
}

.productSizeTableClose::before {
	transform: rotate(45deg);
}

.productSizeTableClose::after {
	transform: rotate(-45deg);
}

.productSizeTableSearch {
	display: flex;
	align-items: center;
	gap: 8px;
	height: 38px;
	margin-bottom: 10px;
	padding: 0 12px;
	background: #f5f6f7;
	border-radius: 7px;
}

.productSizeTableSearch img {
	flex: 0 0 14px;
	width: 14px;
	height: 14px;
	opacity: 0.65;
}

.productSizeTableSearchInput {
	width: 100%;
	height: 100%;
	padding: 0;
	border: 0;
	outline: 0;
	background: transparent;
	font: inherit;
	font-size: 12px;
	color: #202226;
}

.productSizeTableSearchInput::placeholder {
	color: #a0a5ad;
}

.productSizeTableList {
	display: flex;
	align-content: flex-start;
	flex-wrap: wrap;
	gap: 8px;
	max-height: 194px;
	padding-right: 8px;
	overflow-y: auto;
	scrollbar-width: thin;
	scrollbar-color: #a6abb2 transparent;
}

.productSizeTableList::-webkit-scrollbar {
	width: 3px;
}

.productSizeTableList::-webkit-scrollbar-thumb {
	background: #a6abb2;
	border-radius: 3px;
}

.productSizeTableOption {
	min-height: 28px;
	padding: 5px 11px;
	border: 1px solid #e2e5e8;
	border-radius: 7px;
	background: #ffffff;
	font-size: 12px;
	line-height: 16px;
	color: #26292e;
	white-space: nowrap;
	cursor: pointer;
	transition: border-color 0.15s ease, background-color 0.15s ease, color 0.15s ease;
}

.productSizeTableOption:hover {
	border-color: #8adf78;
}

.productSizeTableOption.is-selected {
	border-color: #27c114;
	background: #f3fbf1;
	color: #27b316;
}

.productSizeTableOption:disabled,
.productSizeTableOption.is-disabled {
	color: #8f949a;
	background: #eef0f2;
	border-color: #dfe2e5;
	text-decoration: line-through;
	cursor: not-allowed;
	opacity: 1;
}

.productSizeTableOption:disabled:hover,
.productSizeTableOption.is-disabled:hover {
	background: #eef0f2;
	border-color: #dfe2e5;
}

.productSizeTableEmpty {
	display: none;
	padding: 22px 0;
	font-size: 12px;
	text-align: center;
	color: #8d9299;
}

.productSizeTableModal.is-empty .productSizeTableEmpty {
	display: block;
}

.productSizeTableHelp {
	display: grid;
	grid-template-columns: 24px minmax(0, 1fr) auto;
	align-items: center;
	gap: 8px;
	margin-top: 14px;
	padding: 14px 10px;
	border-top: 1px solid #eef0f2;
	background: #ffffff;
}

.productSizeTableHelpIcon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
}

.productSizeTableHelpIcon img {
	width: 20px;
	height: 20px;
}

.productSizeTableHelpText {
	display: flex;
	flex-direction: column;
	min-width: 0;
}

.productSizeTableHelpText strong {
	font-size: 12px;
	font-weight: 600;
	line-height: 16px;
	color: #25282c;
}

.productSizeTableHelpText span {
	font-size: 10px;
	line-height: 13px;
	color: #969ba2;
}

.productSizeTableHelpLink {
	font-size: 11px;
	font-weight: 600;
	line-height: 15px;
	color: #28b816;
	text-decoration: none;
}

.productSizeTableApply {
	width: 100%;
	height: 42px;
	margin-top: 8px;
	border: 0;
	border-radius: 6px;
	background: #24c20d;
	font-size: 13px;
	font-weight: 600;
	color: #ffffff;
	cursor: pointer;
	transition: background-color 0.15s ease;
}

.productSizeTableApply:hover {
	background: #20b30c;
}

.productSizeTableApply:disabled {
	background: #cfd3d7;
	cursor: default;
}

@media (max-width: 480px) {
	.productSizeTableModal {
		align-items: flex-start;
		padding-top: 12px;
	}

	.productSizeTableDialog {
		max-height: calc(100dvh - 24px);
	}

	.productSizeTableList {
		max-height: min(194px, 34dvh);
	}
}

/* === Product detail: stable first paint and responsive layout === */
#catalogElement #pictureContainer:not(.productGalleryReady) .pictureSlider .item:not(:first-child) {
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
}

.productFullWidthContent {
	display: flex;
	flex-direction: column;
}

/* Desktop Figma order: services before description. */
.productServicesBlock {
	order: -10;
	min-width: 0;
}

.productCollectionToggle {
	display: block;
	width: 100%;
	padding: 0;
	color: inherit;
	font: inherit;
	line-height: inherit;
	text-align: left;
	background: transparent;
	border: 0;
	cursor: default;
}

.productCollectionToggleIcon {
	display: none;
}

#catalogElement #elementTools .mainTool .addCart:not(.disabled):not(.requestPrice):not(.subscribe) {
	background-color: var(--product-green);
	background-image: none;
}

@media (max-width: 1180px) {
	#catalogElement {
		--product-buy-panel: 380px;
		--product-gap: 20px;
		--product-thumbs: 72px;
		--product-photo-height: clamp(490px, 50vw, 560px);
	}

	#tableContainer {
		grid-template-columns: minmax(0, 1fr) var(--product-buy-panel);
		gap: var(--product-gap);
		padding-right: 0;
	}

	#elementTools {
		width: var(--product-buy-panel);
	}

	#catalogElement .mainContainer .col:first-child {
		grid-template-columns: var(--product-thumbs) minmax(0, 1fr);
		gap: 14px;
		padding-left: 0;
	}

	#catalogElement #pictureContainer,
	#catalogElement #moreImagesCarousel {
		height: var(--product-photo-height);
	}

	#catalogElement #moreImagesCarousel {
		width: var(--product-thumbs);
	}

	#catalogElement #moreImagesCarousel .carouselWrapper {
		top: 44px;
		bottom: 44px;
	}

	#catalogElement #moreImagesCarousel .slideBox {
		gap: 10px;
	}

	#catalogElement #moreImagesCarousel .slideBox .item {
		flex-basis: var(--product-thumbs);
		width: var(--product-thumbs);
		height: var(--product-thumbs);
		line-height: var(--product-thumbs);
	}

	#elementTools .mainToolContainer {
		padding: 24px;
	}

	.productTitleRow {
		gap: 20px;
	}

	.productTitleCol {
		flex: 1 1 auto;
	}

	.productTitleActions {
		flex: 0 0 auto;
	}

	.detailContentGrid {
		grid-template-columns: minmax(0, 1.55fr) minmax(300px, 1fr);
		gap: 28px;
	}
}

@media (min-width: 901px) and (max-width: 1049px) {
	#catalogElement {
		--product-buy-panel: 360px;
		--product-gap: 16px;
		--product-thumbs: 64px;
		--product-photo-height: clamp(465px, 49vw, 510px);
	}

	.productHeaderWish .wishCompWrap .elem,
	.productShareToggle {
		padding-right: 12px;
		padding-left: 12px;
	}

	.productHeaderWish .wishCompWrap .addWishlist {
		width: 132px;
	}

	.productHeaderWish .wishCompWrap .addCompare {
		width: 116px;
	}

	.productShareToggle {
		width: 128px;
	}
}

@media (max-width: 900px) {
	#catalogElement {
		display: flex;
		flex-direction: column;
		--product-container: 100%;
		--product-photo-height: auto;
	}

	#tableContainer,
	#elementContainer {
		display: contents;
	}

	#elementNavigation {
		display: none;
	}

	#elementContainer > .mainContainer {
		order: 1;
	}

	.productTitleRow {
		order: 2;
	}

	#elementTools {
		order: 3;
	}

	.productFullWidthContent {
		order: 4;
	}

	/* Mobile/tablet Figma order follows the DOM: description, services, MAX, payment. */
	.productServicesBlock {
		order: 0;
	}

	#elementContainer > .mainContainer,
	.productTitleRow,
	#elementTools {
		width: min(100%, 720px);
		margin-right: auto;
		margin-left: auto;
	}

	.productTitleRow {
		flex-direction: column;
		gap: 16px;
	}

	.productTitleCol,
	.productTitleActions {
		flex-basis: auto;
		width: 100%;
	}

	.productTitleActions,
	.productHeaderWish .wishCompWrap {
		flex-wrap: wrap;
	}

	#catalogElement .mainContainer .col:first-child {
		display: flex;
		flex-direction: column;
		gap: 12px;
		padding: 0;
	}

	#catalogElement #pictureContainer {
		order: 1;
		width: 100%;
		height: auto;
		aspect-ratio: 1 / 1;
	}

	#catalogElement #moreImagesCarousel {
		order: 2;
		width: 100%;
		height: 76px;
	}

	#catalogElement #moreImagesCarousel .carouselWrapper {
		position: static;
		width: 100%;
		height: 76px;
		overflow-x: auto;
		overflow-y: hidden;
	}

	#catalogElement #moreImagesCarousel .slideBox {
		flex-direction: row;
		gap: 10px;
		width: max-content;
		transform: none !important;
	}

	#catalogElement #moreImagesCarousel .slideBox .item {
		flex: 0 0 76px;
		width: 76px;
		height: 76px;
		line-height: 76px;
	}

	#catalogElement #moreImagesCarousel .controls {
		display: none;
	}

	#elementTools {
		width: min(100%, 720px);
		margin-top: 20px;
	}

	#elementTools .fixContainer,
	#elementTools.fixed .fixContainer,
	#elementTools .fixContainer.maxScroll {
		position: static;
		top: auto;
		width: 100%;
		overflow: visible;
	}

	.detailContentGrid {
		grid-template-columns: 1fr;
		gap: 24px;
	}

	.productMaxPromo {
		min-height: 520px;
		padding-top: 70px;
	}

	.productMaxPromoCopy {
		width: calc(100% - 300px);
		min-height: 360px;
		padding: 36px 40px;
	}

	.productMaxChat {
		right: 24px;
		width: 340px;
		min-height: 500px;
	}

	.productMaxPromoSteps {
		align-items: flex-start;
		flex-direction: column;
		gap: 10px;
	}
}

@media (max-width: 700px) {
	#catalogElement {
		--product-photo-height: 100vw;
	}

	#elementContainer > .mainContainer,
	#elementTools,
	.productTitleRow {
		width: calc(100% + 24px);
		max-width: none;
		margin-right: -12px;
		margin-left: -12px;
	}

	#catalogElement .mainContainer .col:first-child {
		gap: 0;
	}

	#catalogElement #moreImagesCarousel {
		display: none;
	}

	#catalogElement #pictureContainer {
		height: 100vw;
		max-height: none;
		aspect-ratio: 1 / 1;
		background: #f4f4f4;
		border: 0;
		border-radius: 0;
	}

	#catalogElement #pictureContainer .pictureSlider,
	#catalogElement #pictureContainer .pictureSlider .item,
	#catalogElement #pictureContainer .item a {
		height: 100%;
	}

	#catalogElement #pictureContainer .item a {
		padding: 0;
	}

	#catalogElement #pictureContainer .item a > img.productGalleryImage {
		width: 100%;
		height: 100%;
		max-width: 100%;
		max-height: 100%;
		object-fit: cover;
		object-position: center;
	}

	.productGalleryZoomIcon {
		top: 16px;
		right: 16px;
		width: 36px;
		height: 36px;
	}

	.productGalleryZoomIcon img {
		width: 18px;
		height: 18px;
	}

	#catalogElement .productGalleryCounter {
		right: 16px;
		bottom: 16px;
		padding: 6px 12px;
		font-size: 12px;
		line-height: 15px;
	}

	.productTitleRow {
		display: grid;
		grid-template-columns: minmax(0, 1fr) auto;
		grid-template-areas:
			"title title"
			"article actions";
		align-items: center;
		min-height: 0;
		margin-top: 0;
		margin-bottom: 0;
		padding: 16px;
		column-gap: 10px;
		row-gap: 10px;
		background: #ffffff;
	}

	.productTitleCol,
	.productTitleMeta,
	.productTitleMeta .reviewsBtnWrap {
		display: contents;
	}

	.productTitleRow h1.changeName {
		grid-area: title;
	}

	.productMetaArticleStock {
		grid-area: article;
		display: flex;
		align-items: center;
		justify-content: flex-start;
		flex-wrap: wrap;
		gap: 4px 6px;
		min-width: 0;
		width: 100%;
	}

	.productMetaReviews {
		grid-area: reviews;
		display: flex;
		align-items: center;
		gap: 8px 12px;
		min-width: 0;
	}

	.productMetaMobileStock {
		display: block;
		flex: 0 0 auto;
	}

	.productMetaArticleStock .row.article,
	.productMetaArticleStock .row.article .changeArticle,
	.productMetaMobileStock .label {
		min-height: 0;
		font-size: 11px;
		line-height: 15px;
	}

	.productMetaArticleStock .row.article {
		display: flex;
		align-items: baseline;
		flex: 0 1 auto;
		min-width: 0;
		max-width: 100%;
		white-space: nowrap;
	}

	.productMetaArticleStock .row.article .changeArticle {
		min-width: 0;
		white-space: normal;
		overflow-wrap: anywhere;
		word-break: normal;
	}

	.productMetaMobileStock .label {
		white-space: nowrap;
	}

	.productMetaMobileStock .label {
		gap: 4px;
	}

	.productMetaMobileStock .productStockMarker {
		flex-basis: 8px;
		width: 8px;
		height: 8px;
	}

	.productTitleActions {
		grid-area: actions;
		display: flex;
		justify-self: end;
		align-self: center;
		flex: 0 0 auto;
		width: auto;
		white-space: nowrap;
	}

	.productCardStock {
		display: none;
	}

	.productTitleRow h1.changeName {
		font-size: 20px;
		line-height: 25px;
	}

	.productTitleMeta {
		min-height: 15px;
		font-size: 12px;
		line-height: 15px;
	}

	.productTitleMeta .reviewsBtnWrap {
		font-size: 11px;
		line-height: 15px;
	}

	.productMetaReviews .row {
		min-width: 0;
	}

	.productMetaReviews .label {
		gap: 5px;
		white-space: nowrap;
	}

	.productMetaReviews .icon {
		display: none;
	}

	.productTitleActions {
		gap: 10px;
	}

	.productHeaderWish .wishCompWrap {
		gap: 10px;
	}

	.productHeaderWish .wishCompWrap .elem,
	.productShareToggle {
		justify-content: center;
		width: 36px;
		height: 36px;
		padding: 0;
	}

	.productHeaderWish .wishCompWrap .addWishlist,
	.productHeaderWish .wishCompWrap .addCompare {
		width: 36px;
	}

	.productHeaderActionLabel,
	.productShareToggle span {
		display: none;
	}

	.productHeaderActionIcon {
		width: 18px;
		height: 18px;
	}

	/* Mobile actions: fixed 36x36 geometry for normal and active states. */
	#catalogElement .productTitleActions .productHeaderWish .wishCompWrap .elem,
	#catalogElement .productTitleActions .productHeaderShare .productShareToggle {
		position: relative;
		top: auto;
		left: auto;
		display: block;
		flex: 0 0 36px;
		box-sizing: border-box;
		width: 36px;
		min-width: 36px;
		max-width: 36px;
		height: 36px;
		min-height: 36px;
		max-height: 36px;
		margin: 0;
		padding: 0;
		overflow: hidden;
		font-size: 0;
		line-height: 0;
		text-align: center;
		transform: none;
	}

	#catalogElement .productTitleActions .productHeaderWish .wishCompWrap .elem .productHeaderActionIcon,
	#catalogElement .productTitleActions .productHeaderShare .productShareToggle .productHeaderActionIcon {
		position: absolute;
		top: 50%;
		left: 50%;
		display: block;
		width: 18px;
		height: 18px;
		margin: 0;
		transform: translate(-50%, -50%);
		object-fit: contain;
	}

	#catalogElement .productTitleActions .productHeaderWish .wishCompWrap .elem::before,
	#catalogElement .productTitleActions .productHeaderWish .wishCompWrap .elem::after {
		display: none;
	}

	#catalogElement .productTitleActions .productHeaderWish .wishCompWrap .elem.added,
	#catalogElement .productTitleActions .productHeaderWish .wishCompWrap .elem.added:hover,
	#catalogElement .productTitleActions .productHeaderWish .wishCompWrap .elem.added:focus {
		width: 36px;
		height: 36px;
		padding: 0;
		background: var(--product-green);
		border: 0;
		border-radius: 6px;
		transform: none;
	}

	#catalogElement .productTitleActions .productHeaderWish .wishCompWrap .elem.added .productHeaderActionIcon {
		top: 50%;
		left: 50%;
		width: 18px;
		height: 18px;
		margin: 0;
		filter: brightness(0) invert(1);
		transform: translate(-50%, -50%);
	}

	#elementTools {
		margin-top: 0;
	}

	#elementTools .fixContainer,
	#elementTools.fixed .fixContainer,
	#elementTools .fixContainer.maxScroll {
		border: 0;
		border-radius: 0;
		box-shadow: none;
	}

	#elementTools .mainToolContainer {
		padding: 12px 16px 24px;
	}

	#catalogElement .mobilePriceContainer .price {
		gap: 6px 10px;
		font-size: 32px;
		line-height: 38px;
	}

	.productPriceLabels {
		gap: 4px;
	}

	.productPriceLabel,
	.productDiscountBadge {
		min-height: 22px;
		padding: 3px 7px;
		font-size: 12px;
		line-height: 16px;
	}

	.productPromoStrip {
		min-height: 41px;
		padding: 6px 14px;
		border-radius: 12px;
	}

	.productPromoSpecialTime {
		gap: 3px;
	}

	.productPromoSpecialTime .specialTimeItem {
		min-width: 22px;
		padding: 4px;
	}

	.productPromoSpecialTime .productPromoDayItem {
		min-width: 37px;
	}

	.productPriceNote {
		font-size: 12px;
		line-height: 16px;
	}

	.productSkuTools {
		margin-top: 18px;
		padding-top: 18px;
	}

	.productSkuToolsHeader {
		margin-bottom: 12px;
	}

	.productSkuToolsTitle {
		font-size: 14px;
	}

	.productSkuToolsLink {
		font-size: 12px;
	}

	#catalogElement .productSkuTools .skuCheckedItem {
		height: 56px;
		border-radius: 8px;
	}

	#catalogElement .addCartContainer {
		grid-template-columns: 96px minmax(0, 1fr);
		gap: 12px;
	}

	#catalogElement .mainTool .qtyBlockContainer,
	#catalogElement .mainTool .addCart {
		height: 54px;
		border-radius: 8px;
	}

	#catalogElement .mainTool .qtyBlockContainer {
		padding: 0 8px;
	}

	#catalogElement .mainTool .qtyBlockContainer .qty {
		width: 28px;
		height: 52px;
		font-size: 15px;
	}

	#catalogElement .mainTool .qtyBlock .plus,
	#catalogElement .mainTool .qtyBlock .minus {
		position: relative;
		top: auto;
		right: auto;
		width: 24px;
		height: 52px;
		background: transparent;
		transform: none;
	}

	#catalogElement #elementTools .mainTool .addCart:not(.disabled):not(.requestPrice):not(.subscribe) {
		background-color: var(--product-green) !important;
		background-image: none !important;
	}

	#catalogElement .mainTool .addCart span {
		font-size: 16px;
	}

	#catalogElement .quickBuy {
		height: 50px;
		font-size: 15px;
		border-radius: 8px;
	}

	.productSizeHelp {
		min-height: 94px;
		margin-top: 18px;
		padding: 14px 16px;
		border-radius: 12px;
	}

	.productSizeHelpText span {
		max-width: 180px;
	}

	.productCheaperAction {
		margin-top: 10px;
	}

	.productPanelDivider {
		margin: 18px 0;
	}

	.productDeliveryList {
		gap: 14px;
	}

	.productDeliveryRow {
		grid-template-columns: 38px minmax(0, 1fr) 24px;
		gap: 12px;
		min-height: 38px;
	}

	.productDeliveryHintTooltip {
		right: 0;
		top: calc(100% + 8px);
		width: 220px;
		transform: translateY(0) translateX(0);
	}

	.productDeliveryHintTooltip::after {
		top: -6px;
		left: auto;
		right: 8px;
		transform: rotate(-45deg);
	}

	.productDeliveryHintWrap:hover .productDeliveryHintTooltip,
	.productDeliveryHintWrap:focus-within .productDeliveryHintTooltip {
		transform: translateY(0) translateX(0);
	}

	.productDetailsTabs {
		width: 100%;
		margin: 0;
		padding: 32px 4px 0;
		background: #ffffff;
	}

	.productDetailsTabList {
		gap: 32px;
		overflow: visible;
	}

	.productDetailsTabButton {
		padding-bottom: 12px;
		font-size: 14px;
		white-space: nowrap;
	}

	.productDetailsTabPanel {
		display: none;
		padding-top: 20px;
	}

	.productDetailsTabPanel.active {
		display: block;
	}

	#catalogElement #detailText .heading,
	.productSummaryProperties .heading,
	.fullPropertiesBlock > .heading {
		position: static;
		margin: 0 0 12px;
		padding: 0;
		color: #222222;
		font-size: 18px;
		line-height: 23px;
		text-transform: none;
		background: transparent;
		border: 0;
		cursor: default;
	}

	#catalogElement #detailText .heading::after,
	.productSummaryProperties .heading::after,
	.fullPropertiesBlock > .heading::after {
		display: none;
	}

	#catalogElement #detailText .changeDescription {
		display: block;
		color: #4c4c4c;
		font-size: 14px;
		line-height: 1.6;
	}

	.productDescriptionCollapse {
		--product-description-collapsed-height: 142px;
	}

	.productDescriptionToggle {
		margin-top: 8px;
		font-size: 13px;
		line-height: 18px;
	}

	.productSummaryProperties {
		display: block;
		padding: 16px;
		background: #f7f7f7;
		border-radius: 8px;
	}

	.productSummaryProperties .elementProperties .propertyTable {
		grid-template-columns: minmax(0, 1fr) minmax(110px, 45%);
		gap: 12px;
		padding: 9px 0;
		font-size: 12px;
		line-height: 16px;
	}

	.productMaxPromo {
		display: flex;
		flex-direction: column;
		min-height: 0;
		margin: 32px 0 0;
		padding: 24px 16px;
		background: linear-gradient(135deg, #eef2ff 0%, #f4edff 100%);
		border-radius: 20px;
	}

	.productMaxPromoCopy {
		display: flex;
		width: 100%;
		min-height: 0;
		padding: 0;
		flex-direction: column;
		background: transparent;
	}

	.productMaxPromoContent {
		order: 1;
		width: 100%;
		min-height: 0;
		padding: 0;
		background: transparent;
	}

	.productMaxPromo h2 {
		margin-bottom: 14px;
		font-size: 22px;
		line-height: 1.2;
	}

	.productMaxPromoLead {
		margin-bottom: 18px;
		font-size: 13px;
		line-height: 1.5;
	}

	.productMaxPromoSteps {
		display: none;
	}


	.productMaxChat {
		position: relative;
		order: 2;
		top: auto;
		right: auto;
		width: 100%;
		min-height: 0;
		margin-top: 4px;
		border-radius: 18px;
	}

	.productMaxPromoButton {
		order: 3;
		width: 100%;
		height: 48px;
		margin-top: 16px;
		padding: 0 18px;
		font-size: 14px;
	}

	.productMaxPromoButton img {
		width: 20px;
		height: 20px;
	}

	.productMaxChatHeader,
	.productMaxChatBody {
		padding: 12px;
	}

	.productMaxChatRoom {
		width: 190px;
	}

	.productMaxChatRoom img {
		height: 124px;
	}

	.productPayments {
		margin-top: 32px;
		padding: 24px 0 32px;
	}

	.productPayments h2 {
		margin-bottom: 16px;
		font-size: 22px;
		line-height: 27px;
	}

	.productPaymentGrid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 12px;
	}

	.productPaymentCard {
		min-height: 145px;
		padding: 16px;
		border-radius: 12px;
	}

	.productPaymentIcon {
		width: 40px;
		height: 40px;
		margin-bottom: 10px;
		border-radius: 50%;
	}

	.productPaymentIcon img {
		width: 22px;
		height: 22px;
	}

	.productPaymentCard h3 {
		margin-bottom: 6px;
		font-size: 14px;
		line-height: 18px;
	}

	.productPaymentCard p {
		font-size: 12px;
		line-height: 16px;
	}

	.productPaymentSecure {
		justify-content: center;
		gap: 6px;
		width: 300px;
		max-width: 100%;
		min-height: 16px;
		margin: 20px auto 0;
		color: #5a616b;
		font-size: 13px;
		font-weight: 500;
		line-height: 16px;
		text-align: center;
		white-space: nowrap;
	}

	.productPaymentSecure img {
		flex: 0 0 14px;
		width: 14px;
		height: 14px;
	}

	.fast-deliveries-container,
	#related,
	#similar,
	#viewed,
	#catalogReviews,
	#detailTags,
	#video,
	#files,
	#storesContainer,
	#complect {
		margin-top: 32px;
	}

	#related > .heading,
	#similar > .heading,
	#viewed > .heading,
	#catalogReviews > .heading {
		margin: 0 0 16px;
		font-size: 18px;
		line-height: 23px;
	}

	#related > .heading,
	#similar > .heading,
	#viewed > .heading:not([data-entity="header"]) {
		margin-bottom: 0;
	}

	#related,
	#similar,
	#viewed {
		width: calc(100% - 32px);
		margin-right: 16px;
		margin-left: 16px;
	}

	#related > .heading,
	#similar > .heading,
	#viewed > .heading:not([data-entity="header"]) {
		width: 100%;
	}

	#related .productCollectionToggle,
	#similar .productCollectionToggle {
		width: 100%;
	}

	#related .productCollectionToggle,
	#similar .productCollectionToggle,
	#viewed > .heading:not([data-entity="header"]) {
		display: flex;
		align-items: center;
		justify-content: space-between;
		box-sizing: border-box;
		min-height: 48px;
		padding: 0 16px;
		font-size: 13px;
		font-weight: 500;
		line-height: 18px;
		text-transform: uppercase;
		background: #f3f3f3;
		border-radius: 4px;
		cursor: pointer;
	}

	#viewed > .heading:not([data-entity="header"]) {
		position: relative;
		padding-right: 58px;
	}

	.productCollectionToggleIcon,
	#viewed > .heading:not([data-entity="header"])::before {
		position: relative;
		display: block;
		flex: 0 0 26px;
		width: 26px;
		height: 26px;
		background: #ffffff;
		border-radius: 50%;
	}

	#viewed > .heading:not([data-entity="header"])::before {
		position: absolute;
		top: 50%;
		right: 16px;
		transform: translateY(-50%);
		content: "";
	}

	.productCollectionToggleIcon::before,
	.productCollectionToggleIcon::after {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 10px;
		height: 1px;
		background: #222222;
		transform: translate(-50%, -50%);
		content: "";
	}

	.productCollectionToggleIcon::after {
		transform: translate(-50%, -50%) rotate(90deg);
	}

	#viewed > .heading:not([data-entity="header"])::after {
		position: absolute;
		top: 50%;
		right: 16px;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 26px;
		height: 26px;
		font-size: 19px;
		font-weight: 300;
		line-height: 26px;
		color: #222222;
		transform: translateY(-52%);
		content: "+";
	}

	#related.is-open .productCollectionToggleIcon::after,
	#similar.is-open .productCollectionToggleIcon::after {
		display: none;
	}

	#viewed.is-open > .heading:not([data-entity="header"])::after {
		content: "−";
	}

	#related:not(.is-open) > :not(.heading),
	#similar:not(.is-open) > :not(.heading) {
		display: none;
	}

	#related.is-open > :not(.heading),
	#similar.is-open > :not(.heading) {
		display: block;
		margin-top: 16px;
	}

	#viewed:not(.is-open) > .items.productList {
		display: none;
	}

	#viewed.is-open > .items.productList {
		display: block;
		margin-top: 16px;
	}

}

@media (max-width: 480px) {
	.productTitleRow h1.changeName {
		font-size: 18px;
		line-height: 23px;
	}

	#catalogElement .mobilePriceContainer .price {
		font-size: 30px;
		line-height: 36px;
	}

	.productMaxPromo {
		padding-right: 14px;
		padding-left: 14px;
	}

	.productPaymentCard {
		min-height: 136px;
		padding: 14px;
	}
}



/* === Product detail: mobile final alignment === */
@media (max-width: 700px) {
	#catalogElement #related,
	#catalogElement #similar,
	#catalogElement #viewed {
		box-sizing: border-box;
		padding-right: 0;
		padding-left: 0;
	}

	#catalogElement #related > .heading,
	#catalogElement #similar > .heading {
		box-sizing: border-box;
		padding-right: 0;
		padding-left: 0;
	}
}

/* Product promo timer: safe fallback for very narrow screens */
@media (max-width: 350px) {
	.productPromoStrip {
		align-items: flex-start;
		flex-direction: column;
		gap: 5px;
	}

	.productPromoTimer {
		margin-left: 0;
	}
}

/* === Product detail: reviews tab adjustments === */
.productReviewsTabPanel {
	padding-top: 24px;
}

@media (max-width: 700px) {
	.productDetailsTabList {
		justify-content: space-between;
		gap: 0;
		overflow-x: auto;
		scrollbar-width: none;
	}

	.productDetailsTabList::-webkit-scrollbar {
		display: none;
	}

	.productDetailsTabButton {
		flex: 0 0 auto;
		padding-right: 4px;
		padding-left: 4px;
		font-size: 12px;
	}

	.productReviewsTabPanel {
		padding-top: 20px;
	}
}

/* ===== Теги в карточке товара ===== */
#detailTags{
	margin-top: 32px;
	padding-top: 24px;
	border-top: 1px solid #e8e8e8;
}

#detailTags .heading{
	margin: 0 0 16px;
	font-size: 30px;
	line-height: 1.2;
	font-weight: 600;
	color: #222222;
}

#detailTags .detailTagsItems{
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

#detailTags .detailTagsItem{
	margin: 0;
}

#detailTags .detailTagsLink{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 11px 16px;
	background: #f3f3f3;
	border: 1px solid #ececec;
	border-radius: 4px;
	font-size: 14px;
	line-height: 1.2;
	color: #222222;
	text-decoration: none;
	transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

#detailTags .detailTagsLink:hover{
	background: #ebebeb;
	border-color: #e0e0e0;
	color: #222222;
}

#detailTags .detailTagsLink.selected{
	background: #e9f8e2;
	border-color: #57ad00;
	color: #57ad00;
}

#detailTags .detailTagsLink .reset{
	display: inline-block;
	margin-left: 8px;
	font-size: 12px;
	line-height: 1;
}

#detailTags .detailTagsItem.desktopHidden,
#detailTags .detailTagsItem.mobileHidden{
	display: none;
}

@media (max-width: 1023px){
	#detailTags{
		margin-top: 24px;
		padding-top: 20px;
	}

	#detailTags .heading{
		margin-bottom: 14px;
		font-size: 24px;
	}

	#detailTags .detailTagsItems{
		gap: 10px;
	}

	#detailTags .detailTagsLink{
		padding: 10px 14px;
		font-size: 13px;
	}
}
/* End */


/* Start:/local/templates/dresscodeV2/components/dresscode/catalog.item/detail_custom/css/review.css?178802259325890*/
/* === Product detail: product reviews tab === */
.productReviews,
.productReviews *,
.productReviews *::before,
.productReviews *::after {
	box-sizing: border-box;
}

.productReviews {
	width: 100%;
	color: #222222;
}

.productReviews .visually-hidden {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.productReviewsMediaSection {
	padding-bottom: 30px;
	border-bottom: 1px solid #eeeeee;
}

.productReviewsMediaTitle,
.productReviewsHeading h2 {
	margin: 0;
	color: #222222;
	font-family: robotomedium, Arial, sans-serif;
	font-weight: 500;
}

.productReviewsMediaTitle {
	margin-bottom: 10px;
	font-size: 16px;
	line-height: 22px;
}

.productReviewsMediaTrack {
	display: flex;
	align-items: stretch;
	gap: 10px;
	overflow: hidden;
}

.productReviewsMediaCard {
	position: relative;
	display: block;
	flex: 0 0 86px;
	width: 86px;
	height: 82px;
	overflow: hidden;
	background: #f1f3f0;
	border-radius: 6px;
}

.productReviewsMediaCard img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.2s ease;
}

.productReviewsMediaCard:hover img {
	transform: scale(1.025);
}

.productReviewsPlay {
	position: absolute;
	top: 50%;
	left: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	background: rgba(255, 255, 255, 0.96);
	border-radius: 50%;
	transform: translate(-50%, -50%);
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.14);
}

.productReviewsPlay::before {
	width: 0;
	height: 0;
	margin-left: 3px;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 8px solid var(--product-green, #30ba0e);
	content: "";
}

.productReviewsMediaMore {
	position: absolute;
	inset: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 1px;
	color: #ffffff;
	text-align: center;
	background: rgba(31, 68, 43, 0.72);
}

.productReviewsMediaMore strong {
	font-size: 22px;
	font-family: robotomedium, Arial, sans-serif;
	font-weight: 500;
	line-height: 24px;
}

.productReviewsMediaMore small {
	font-size: 9px;
	line-height: 11px;
}

.productReviewsBody {
	padding-top: 28px;
}

.productReviewsHeader {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	margin-bottom: 18px;
}

.productReviewsHeading {
	display: flex;
	align-items: center;
	gap: 10px;
	min-width: 0;
}

.productReviewsHeading h2 {
	font-size: 18px;
	line-height: 24px;
}

.productReviewsRating {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	color: #8f9297;
	font-size: 13px;
	line-height: 18px;
}

.productReviewsRating strong {
	color: #5b5e62;
	font-family: robotomedium, Arial, sans-serif;
	font-weight: 500;
}

.productReviewsStars {
	display: inline-flex;
	align-items: center;
	gap: 1px;
	color: #d6d9dc;
	font-size: 18px;
	line-height: 18px;
}

.productReviewsStars span.is-active,
.productReviewRating span.is-active {
	color: #f7b900;
}

.productReviewsAdd {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 40px;
	padding: 0 18px;
	color: #ffffff;
	font-size: 13px;
	font-family: robotomedium, Arial, sans-serif;
	line-height: 18px;
	text-decoration: none;
	background: var(--product-green, #30ba0e);
	border: 1px solid var(--product-green, #30ba0e);
	border-radius: 6px;
	cursor: pointer;
	transition: opacity 0.2s ease;
}

.productReviewsAdd:hover {
	opacity: 0.88;
}

.productReviewsToolbar {
	display: flex;
	align-items: center;
	gap: 16px;
	margin-bottom: 22px;
}

.productReviewsSort select {
	min-width: 176px;
	height: 36px;
	padding: 0 34px 0 12px;
	color: #55595e;
	font-size: 12px;
	line-height: 16px;
	background-color: #f7f8f7;
	background-image: linear-gradient(45deg, transparent 50%, #8d9195 50%), linear-gradient(135deg, #8d9195 50%, transparent 50%);
	background-position: calc(100% - 15px) 15px, calc(100% - 11px) 15px;
	background-repeat: no-repeat;
	background-size: 4px 4px, 4px 4px;
	border: 1px solid #eff0ef;
	border-radius: 6px;
	outline: none;
	appearance: none;
}

.productReviewsMediaFilter {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	color: #4d5155;
	font-size: 12px;
	line-height: 16px;
	cursor: pointer;
}

.productReviewsMediaFilter input {
	position: absolute;
	left: 0;
	opacity: 0;
	pointer-events: none;
}

.productReviewsSwitch {
	position: relative;
	width: 34px;
	height: 18px;
	background: #d9dde0;
	border-radius: 10px;
	transition: background 0.2s ease;
}

.productReviewsSwitch::after {
	position: absolute;
	top: 3px;
	left: 3px;
	width: 12px;
	height: 12px;
	background: #ffffff;
	border-radius: 50%;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.18);
	transition: transform 0.2s ease;
	content: "";
}

.productReviewsMediaFilter input:checked + .productReviewsSwitch {
	background: var(--product-green, #30ba0e);
}

.productReviewsMediaFilter input:checked + .productReviewsSwitch::after {
	transform: translateX(16px);
}

.productReviewsList {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.productReviewItem {
	display: grid;
	grid-template-columns: 120px minmax(0, 1fr);
	gap: 28px;
	padding: 16px;
	background: #ffffff;
	border: 1px solid #e7e8e8;
	border-radius: 6px;
}

.productReviewItem.is-filtered-out {
	display: none;
}

.productReviewMeta {
	display: flex;
	flex-direction: column;
	gap: 7px;
	min-width: 0;
	color: #9a9da1;
	font-size: 12px;
	line-height: 17px;
}

.productReviewAuthor {
	margin-top: 12px;
	color: #303236;
	font-family: robotomedium, Arial, sans-serif;
	font-size: 12px;
	font-weight: 500;
	line-height: 17px;
}

.productReviewContent {
	min-width: 0;
}

.productReviewRating {
	display: inline-flex;
	align-items: center;
	gap: 2px;
	margin-bottom: 14px;
	font-size: 15px;
	line-height: 18px;
}

.productReviewRating span {
	color: #d6d9dc;
}

.productReviewRating strong {
	margin-left: 6px;
	color: #73777b;
	font-size: 12px;
	font-family: robotoregular, Arial, sans-serif;
	font-weight: 400;
}

.productReviewSection + .productReviewSection {
	margin-top: 12px;
}

.productReviewSection > strong {
	display: block;
	margin-bottom: 4px;
	color: #303236;
	font-size: 13px;
	font-family: robotomedium, Arial, sans-serif;
	font-weight: 500;
	line-height: 18px;
}

.productReviewSection > div {
	max-width: 960px;
	color: #393c40;
	font-size: 13px;
	line-height: 20px;
}

.productReviewSection p {
	margin: 0;
}

.productReviewMedia {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 16px;
}

.productReviewMedia a {
	display: block;
	width: 78px;
	height: 78px;
	overflow: hidden;
	background: #f2f3f2;
	border-radius: 6px;
}

.productReviewMedia img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.productReviewHelpful {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-top: 17px;
	color: #9a9da1;
	font-size: 11px;
	line-height: 16px;
}

.productReviewHelpfulButton {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	height: 26px;
	padding: 0 8px;
	color: #777b80;
	font-size: 11px;
	font-family: inherit;
	line-height: 15px;
	text-decoration: none;
	background: #f6f7f7;
	border: 0;
	border-radius: 4px;
	cursor: pointer;
	transition: color 0.2s ease, background-color 0.2s ease, opacity 0.2s ease;
}

.productReviewHelpfulButton:hover,
.productReviewHelpfulButton.is-active {
	color: var(--product-green, #30ba0e);
	background: #eef9eb;
}

.productReviewHelpfulButton.is-active {
	box-shadow: inset 0 0 0 1px rgba(48, 186, 14, 0.28);
}

.productReviewHelpfulButton:disabled {
	cursor: default;
	opacity: 0.6;
}

.productReviewHelpfulButton.is-loading {
	pointer-events: none;
}

.productReviewsShowAll {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 184px;
	height: 40px;
	margin: 20px auto 0;
	padding: 0 18px;
	color: var(--product-green, #30ba0e);
	font-size: 12px;
	font-family: robotomedium, Arial, sans-serif;
	line-height: 16px;
	background: #ffffff;
	border: 1px solid var(--product-green, #30ba0e);
	border-radius: 6px;
	cursor: pointer;
}

.productReviewsFilterEmpty {
	padding: 22px;
	color: #777b80;
	font-size: 13px;
	line-height: 20px;
	text-align: center;
	background: #fafbfa;
	border: 1px solid #eceeed;
	border-radius: 6px;
}

.productReviewsFilterEmpty[hidden] {
	display: none;
}

.productReviewsEmpty {
	padding: 24px;
	color: #777b80;
	font-size: 13px;
	line-height: 20px;
	text-align: center;
	background: #fafbfa;
	border: 1px solid #eceeed;
	border-radius: 6px;
}


@media (max-width: 900px) {
	.productReviewItem {
		grid-template-columns: 110px minmax(0, 1fr);
		gap: 20px;
	}
}

@media (max-width: 700px) {
	.productReviewsMediaSection {
		padding-bottom: 22px;
	}

	.productReviewsMediaTrack {
		display: flex;
		gap: 10px;
		overflow-x: auto;
		scroll-snap-type: x proximity;
		padding-bottom: 4px;
	}

	.productReviewsMediaCard {
		flex: 0 0 86px;
		scroll-snap-align: start;
	}

	.productReviewsBody {
		padding-top: 22px;
	}

	.productReviewsHeader,
	.productReviewsHeading {
		align-items: flex-start;
	}

	.productReviewsHeader {
		flex-direction: column;
		gap: 16px;
	}

	.productReviewsHeading {
		flex-direction: column;
		gap: 8px;
	}

	.productReviewsAdd {
		width: 100%;
	}

	.productReviewsToolbar {
		align-items: stretch;
		flex-direction: column;
		gap: 12px;
	}

	.productReviewsSort select {
		width: 100%;
	}

	.productReviewItem {
		grid-template-columns: 1fr;
		gap: 16px;
		padding: 16px;
		border-radius: 8px;
	}

	.productReviewMeta {
		gap: 4px;
	}

	.productReviewAuthor {
		margin-top: 8px;
	}

	.productReviewHelpful {
		align-items: flex-start;
		flex-wrap: wrap;
	}

	.productReviewsShowAll {
		width: 100%;
	}

}

/* === Product review modal: Figma 430:2154 / 436:2212 === */
body.reviewModalOpened {
	overflow: hidden;
}

.productReviewModal[hidden] {
	display: none !important;
}

.productReviewModal {
	position: fixed;
	inset: 0;
	z-index: 5000;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 24px 16px;
	font-family: "Inter", robotoregular, Arial, sans-serif;
}

.productReviewModalOverlay {
	position: absolute;
	inset: 0;
	background: rgba(8, 9, 15, 0.76);
}

.productReviewModalDialog {
	position: relative;
	z-index: 1;
	width: min(1180px, 100%);
	max-height: calc(100dvh - 48px);
	background: #ffffff;
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 24px 72px rgba(0, 0, 0, 0.28);
}

.productReviewModalHandle {
	display: none;
}

.productReviewModalForm {
	display: flex;
	flex-direction: column;
	max-height: calc(100dvh - 48px);
}

.productReviewModalHeader {
	flex: 0 0 auto;
	padding: 44px 48px 0;
}

/* === Review form feedback: keep errors inside the open modal === */
.productReviewFormMessage {
	flex: 0 0 auto;
	margin: 20px 48px 0;
	padding: 14px 18px;
	color: #7f1d1d;
	background: #fff1f1;
	border: 1px solid #f1b8b8;
	border-radius: 8px;
	font-size: 14px;
	line-height: 20px;
	outline: none;
}

.productReviewFormMessage[hidden] {
	display: none !important;
}

.productReviewFormMessage.is-success {
	color: #17620c;
	background: #eefbea;
	border-color: #b9e6ae;
}

.productReviewFormMessageTitle {
	display: block;
	margin-bottom: 2px;
	font-family: "Inter", robotomedium, Arial, sans-serif;
	font-weight: 600;
}

.productReviewFormMessageText {
	display: block;
}

.productReviewModalTitle {
	margin: 0;
	color: #17181c;
	font-family: "Inter", robotomedium, Arial, sans-serif;
	font-size: 32px;
	font-weight: 700;
	line-height: 39px;
}

.productReviewModalClose {
	position: absolute;
	top: 24px;
	right: 20px;
	z-index: 2;
	width: 44px;
	height: 44px;
	padding: 0;
	background: #30ba0e;
	border: 0;
	border-radius: 50%;
	cursor: pointer;
	transition: opacity 0.2s ease;
}

.productReviewModalClose:hover {
	opacity: 0.88;
}

.productReviewModalClose::before,
.productReviewModalClose::after {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 22px;
	height: 2px;
	background: #ffffff;
	border-radius: 2px;
	content: "";
}

.productReviewModalClose::before {
	transform: translate(-50%, -50%) rotate(45deg);
}

.productReviewModalClose::after {
	transform: translate(-50%, -50%) rotate(-45deg);
}

.productReviewModalContent {
	flex: 1 1 auto;
	min-height: 0;
	padding: 28px 48px 0;
	overflow: auto;
}

.productReviewModalGrid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 514px));
	justify-content: space-between;
	gap: 56px;
}

.productReviewModalColumn {
	min-width: 0;
}

.productReviewProductCard {
	display: flex;
	align-items: center;
	gap: 18px;
	min-height: 110px;
	margin-bottom: 22px;
}

.productReviewProductImage {
	flex: 0 0 110px;
	width: 110px;
	height: 110px;
	overflow: hidden;
	background: #f0f0ee;
	border-radius: 14px;
}

.productReviewProductImage img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.productReviewProductName {
	max-width: 300px;
	color: #202126;
	font-family: "Inter", robotomedium, Arial, sans-serif;
	font-size: 18px;
	font-weight: 600;
	line-height: 24px;
}

.productReviewField {
	display: block;
	margin: 0 0 22px;
}

.productReviewModalColumn .productReviewField:last-child {
	margin-bottom: 0;
}

.productReviewFieldRating {
	margin-bottom: 22px;
}

.productReviewFieldLabel {
	display: block;
	margin-bottom: 10px;
	color: #3d424a;
	font-family: "Inter", robotomedium, Arial, sans-serif;
	font-size: 17px;
	font-weight: 600;
	line-height: 21px;
}

.productReviewFieldRating .productReviewFieldLabel {
	margin-top: 54px;
	font-weight: 500;
}

.productReviewInput,
.productReviewSelect,
.productReviewTextarea {
	display: block;
	width: 100%;
	color: #292d34;
	font-family: "Inter", robotoregular, Arial, sans-serif;
	font-size: 14px;
	line-height: 20px;
	background: #f3f3f1;
	border: 1px solid #f3f3f1;
	border-radius: 8px;
	outline: none;
	transition: background-color 0.2s ease, border-color 0.2s ease;
}

.productReviewInput,
.productReviewSelect {
	height: 60px;
	padding: 0 18px;
}

.productReviewSelect {
	appearance: none;
	background-image: linear-gradient(45deg, transparent 50%, #7a8089 50%), linear-gradient(135deg, #7a8089 50%, transparent 50%);
	background-position: calc(100% - 20px) 27px, calc(100% - 15px) 27px;
	background-repeat: no-repeat;
	background-size: 5px 5px, 5px 5px;
}

.productReviewTextarea {
	min-height: 104px;
	padding: 14px 18px;
	resize: vertical;
}

.productReviewInput:focus,
.productReviewSelect:focus,
.productReviewTextarea:focus {
	background: #ffffff;
	border-color: #c7cbd1;
}

.productReviewInput:disabled {
	color: #9ea5af;
	cursor: not-allowed;
}

.productReviewInput[aria-invalid="true"],
.productReviewSelect[aria-invalid="true"],
.productReviewTextarea[aria-invalid="true"] {
	border-color: #d94a4a;
}

.productReviewTextarea::placeholder {
	color: #b8bec7;
	opacity: 1;
}

.productReviewFieldHint {
	display: block;
	margin-top: 10px;
	color: #9ea5af;
	font-size: 12px;
	font-weight: 400;
	line-height: 18px;
}

.productReviewStarsButtons {
	display: flex;
	align-items: center;
	gap: 12px;
}

.productReviewStar {
	position: relative;
	width: 44px;
	height: 44px;
	padding: 0;
	background: transparent;
	border: 0;
	cursor: pointer;
}

.productReviewStar::before {
	position: absolute;
	inset: 0;
	background: #dfe2e6;
	clip-path: polygon(50% 3%, 61% 35%, 96% 35%, 68% 55%, 79% 90%, 50% 69%, 21% 90%, 32% 55%, 4% 35%, 39% 35%);
	content: "";
	transition: background-color 0.15s ease, transform 0.15s ease;
}

.productReviewStar:hover::before,
.productReviewStar:focus-visible::before,
.productReviewStar.is-active::before {
	background: #f7b900;
}

.productReviewStar:hover::before,
.productReviewStar:focus-visible::before {
	transform: scale(1.06);
}

.productReviewUpload {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	min-height: 108px;
	padding: 18px;
	background: #ffffff;
	border: 2px dashed #c7cbd1;
	border-radius: 8px;
	cursor: pointer;
	transition: border-color 0.2s ease, background-color 0.2s ease;
}

.productReviewUpload:hover,
.productReviewUpload:focus-within,
.productReviewUpload.is-dragover {
	background: #f8fff6;
	border-color: #30ba0e;
}

.productReviewUploadInput {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	opacity: 0;
	pointer-events: none;
}

.productReviewUploadIcon {
	position: relative;
	flex: 0 0 28px;
	width: 28px;
	height: 22px;
	border: 3px solid #5d626b;
	border-radius: 4px;
}

.productReviewUploadIcon::before {
	position: absolute;
	top: -8px;
	left: 5px;
	width: 10px;
	height: 6px;
	border: 3px solid #5d626b;
	border-bottom: 0;
	border-radius: 4px 4px 0 0;
	content: "";
}

.productReviewUploadIcon::after {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 9px;
	height: 9px;
	border: 3px solid #5d626b;
	border-radius: 50%;
	transform: translate(-50%, -50%);
	content: "";
}

.productReviewUploadLabel {
	color: #3e4249;
	font-family: "Inter", robotomedium, Arial, sans-serif;
	font-size: 17px;
	font-weight: 600;
	line-height: 21px;
}

.productReviewUploadPreview {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 10px;
	margin-top: 12px;
}

.productReviewUploadPreview[hidden] {
	display: none !important;
}

.productReviewUploadPreviewItem {
	position: relative;
	aspect-ratio: 1;
	overflow: hidden;
	background: #f3f3f1;
	border-radius: 8px;
}

.productReviewUploadPreviewItem img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.productReviewUploadPreviewRemove {
	position: absolute;
	top: 5px;
	right: 5px;
	width: 24px;
	height: 24px;
	padding: 0;
	background: rgba(20, 22, 26, 0.78);
	border: 0;
	border-radius: 50%;
	cursor: pointer;
}

.productReviewUploadPreviewRemove::before,
.productReviewUploadPreviewRemove::after {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 12px;
	height: 2px;
	background: #ffffff;
	content: "";
}

.productReviewUploadPreviewRemove::before {
	transform: translate(-50%, -50%) rotate(45deg);
}

.productReviewUploadPreviewRemove::after {
	transform: translate(-50%, -50%) rotate(-45deg);
}

.productReviewTextareaCompact {
	min-height: 82px;
}

.productReviewModalFooter {
	flex: 0 0 auto;
	padding: 28px 48px 40px;
}

.productReviewSubmit {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 340px;
	height: 53px;
	margin: 0 auto;
	padding: 0 40px;
	color: #ffffff;
	font-family: "Inter", robotomedium, Arial, sans-serif;
	font-size: 16px;
	font-weight: 600;
	line-height: 19px;
	background: #30ba0e;
	border: 0;
	border-radius: 8px;
	cursor: pointer;
	transition: opacity 0.2s ease;
}

.productReviewSubmit:hover {
	opacity: 0.88;
}

.productReviewSubmit:disabled,
.productReviewSubmit.loading {
	cursor: wait;
	opacity: 0.6;
}

.productReviewConsents {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 8px;
	margin-top: 12px;
}

.productReviewConsents .productReviewConsent {
	margin-top: 0;
}

.productReviewConsent {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	width: 339px;
	max-width: 100%;
	margin: 12px auto 0;
	cursor: pointer;
}

.productReviewConsent input {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}

.productReviewConsentBox {
	position: relative;
	flex: 0 0 24px;
	width: 24px;
	height: 24px;
	background: #ffffff;
	border: 1px solid #d9d9d9;
	border-radius: 3px;
}

.productReviewConsent input:focus-visible + .productReviewConsentBox {
	outline: 2px solid #30ba0e;
	outline-offset: 2px;
}

.productReviewConsent.is-error .productReviewConsentBox {
	border-color: #d94a4a;
	box-shadow: 0 0 0 2px rgba(217, 74, 74, 0.12);
}

.productReviewConsent.is-error .productReviewConsentText {
	color: #b42318;
}

.productReviewConsent.is-error .productReviewConsentText a {
	color: #b42318;
}

.productReviewConsent input:checked + .productReviewConsentBox::after {
	position: absolute;
	top: 3px;
	left: 8px;
	width: 6px;
	height: 12px;
	border-right: 2px solid #30ba0e;
	border-bottom: 2px solid #30ba0e;
	transform: rotate(45deg);
	content: "";
}

.productReviewConsentText {
	color: #1d2025;
	font-family: "Inter", robotoregular, Arial, sans-serif;
	font-size: 12px;
	font-weight: 400;
	line-height: 15px;
}

.productReviewConsentText a {
	color: #30ba0e;
	text-decoration: underline;
}

@media (max-width: 1023px) {
	.productReviewModal {
		padding: 8px;
	}

	.productReviewModalDialog,
	.productReviewModalForm {
		max-height: calc(100dvh - 16px);
	}

	.productReviewModalGrid {
		grid-template-columns: 1fr;
		gap: 22px;
	}

	.productReviewFieldRating .productReviewFieldLabel {
		margin-top: 0;
	}
}

@media (max-width: 767px) {
	.productReviewModal {
		align-items: flex-end;
		padding: 12px 10px 0;
	}

	.productReviewModalOverlay {
		background: rgba(8, 9, 15, 0.4);
	}

	.productReviewModalDialog {
		width: 100%;
		height: calc(100dvh - 12px);
		max-height: calc(100dvh - 12px);
		border-radius: 20px 20px 0 0;
	}

	.productReviewModalForm {
		height: 100%;
		max-height: none;
	}

	.productReviewModalHandle {
		display: block;
		flex: 0 0 auto;
		width: 36px;
		height: 4px;
		margin: 7px auto 3px;
		background: #d5d9de;
		border-radius: 3px;
	}

	.productReviewModalHeader {
		flex: 0 0 54px;
		padding: 12px 52px 11px 14px;
		border-bottom: 1px solid #eef0f2;
	}

	.productReviewModalTitle {
		font-size: 22px;
		line-height: 28px;
	}

	.productReviewModalClose {
		top: 20px;
		right: 14px;
		width: 32px;
		height: 32px;
	}

	.productReviewModalClose::before,
	.productReviewModalClose::after {
		width: 16px;
	}

	.productReviewModalContent {
		padding: 18px 14px 14px;
		overscroll-behavior: contain;
		-webkit-overflow-scrolling: touch;
	}

	.productReviewModalGrid {
		display: flex;
		flex-direction: column;
		gap: 0;
	}

	.productReviewModalColumn {
		display: contents;
	}

	.productReviewProductCard {
		order: 1;
		gap: 10px;
		min-height: 60px;
		margin-bottom: 16px;
	}

	.productReviewProductImage {
		flex-basis: 52px;
		width: 52px;
		height: 60px;
		border-radius: 8px;
	}

	.productReviewProductName {
		max-width: calc(100% - 62px);
		font-size: 14px;
		line-height: 18px;
	}

	.productReviewField,
	.productReviewFieldRating {
		margin-bottom: 14px;
	}

	.productReviewFieldLabel {
		margin-bottom: 7px;
		font-size: 14px;
		line-height: 18px;
	}

	/* Mobile order follows Figma; extra standard fields continue the form below it. */
	.productReviewFieldRating {
		order: 2;
	}

	.productReviewFieldEmail {
		order: 3;
	}

	.productReviewFieldName {
		order: 4;
	}

	.productReviewFieldMedia {
		order: 5;
	}

	.productReviewFieldVideo {
		order: 6;
	}

	.productReviewFieldComment {
		order: 7;
	}

	.productReviewFieldDignity {
		order: 8;
	}

	.productReviewFieldShortcomings {
		order: 9;
	}

	.productReviewFieldExperience {
		order: 10;
	}

	.productReviewStarsButtons {
		gap: 8px;
	}

	.productReviewStar {
		width: 32px;
		height: 32px;
	}

	.productReviewInput,
	.productReviewSelect {
		height: 46px;
		padding: 0 14px;
		font-size: 14px;
	}

	.productReviewSelect {
		background-position: calc(100% - 19px) 20px, calc(100% - 14px) 20px;
	}

	.productReviewTextarea {
		min-height: 96px;
		padding: 13px 14px;
		font-size: 14px;
		line-height: 18px;
	}

	.productReviewTextareaCompact {
		min-height: 86px;
	}

	.productReviewFieldHint {
		margin-top: 7px;
		font-size: 11px;
		line-height: 15px;
	}

	.productReviewUpload {
		min-height: 72px;
		padding: 12px;
	}

	.productReviewUploadIcon {
		flex-basis: 24px;
		width: 24px;
		height: 19px;
	}

	.productReviewUploadLabel {
		font-size: 14px;
		line-height: 18px;
	}

	.productReviewUploadPreview {
		grid-template-columns: repeat(4, minmax(0, 1fr));
		gap: 8px;
	}

	.productReviewModalFooter {
		position: sticky;
		bottom: 0;
		z-index: 2;
		padding: 10px 14px 12px;
		background: #ffffff;
		border-top: 1px solid #eef0f2;
	}

	.productReviewSubmit {
		width: 100%;
		height: 48px;
		font-size: 14px;
	}

	.productReviewConsents {
		align-items: stretch;
		gap: 6px;
		margin-top: 8px;
	}

	.productReviewConsent {
		width: 100%;
		gap: 8px;
		margin-top: 8px;
	}

	.productReviewConsentBox {
		flex-basis: 22px;
		width: 22px;
		height: 22px;
	}

	.productReviewConsent input:checked + .productReviewConsentBox::after {
		top: 2px;
		left: 7px;
	}

	.productReviewConsentText {
		font-size: 11px;
		line-height: 14px;
	}
}

/* === Review media: shared product zoomer and RUTUBE video === */
.productReviewsMediaCard.is-media-hidden {
	display: none;
}

.productReviewsMediaPlaceholder {
	display: block;
	width: 100%;
	height: 100%;
	background: linear-gradient(135deg, #eef4ec, #dcebd8);
}

.productReviewMedia a {
	position: relative;
}

.productReviewMedia a.is-video .productReviewsPlay {
	width: 30px;
	height: 30px;
}

body.zoomerOpened {
	overflow: hidden;
}

#zoomer .zoomerMediaItem {
	display: flex;
	align-items: center;
	justify-content: center;
}

#zoomer .zoomerVideoFrame {
	position: relative;
	width: min(90vw, 1066px);
	max-width: calc(100% - 160px);
	aspect-ratio: 16 / 9;
	max-height: calc(100vh - 150px);
	background: #111111;
	border-radius: 8px;
	overflow: hidden;
}

#zoomer .zoomerVideoFrame iframe {
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
}

#zoomer .zoomerVideoThumb::after,
#zoomer .zoomerThumbPlay {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

#zoomer .zoomerThumbPlay {
	width: 24px;
	height: 24px;
	background: rgba(255, 255, 255, 0.94);
	border-radius: 50%;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);
}

#zoomer .zoomerThumbPlay::before {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 0;
	height: 0;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	border-left: 7px solid var(--product-green, #30ba0e);
	transform: translate(-35%, -50%);
	content: "";
}

@media (max-width: 700px) {
	#zoomer .zoomerVideoFrame {
		width: calc(100vw - 24px);
		max-width: none;
		max-height: calc(100vh - 48px);
		border-radius: 4px;
	}
}
@media (max-width: 767px) {
	.productReviewFormMessage {
		margin: 12px 16px 0;
		padding: 12px 14px;
	}
}


/* End */


/* Start:/local/templates/dresscodeV2/components/dresscode/catalog.item/detail_custom/css/media.css?178534564014439*/
@media all and (min-width: 2450px) {
	#catalogElement .product {
		width: 20%;
	}

	#tableContainer .column:nth-child(2) {
		width: 1124px;
	}

	#catalogElement .product:nth-child(5n + 5) {
		border-right-width: 0;
	}

	#complect .complectListItem {
		width: 20%;
	}

	#skuOffersTable .offersTable .offersName {
		width: 22%;
	}

	#skuOffersTable .offersTable .priceWrap {
		width: 18%;
	}

	#skuOffersTable .offersTable .quanBaskWrap {
		width: 24%;
	}
}

@media all and (max-width: 1900px) {
	#catalogElement .product {
		width: 33.333333%;
	}
}

@media all and (max-width: 1800px) {
	#skuOffersTable .offersTable .quanBaskWrap {
		width: 120px;
		padding: 8px 6px;
	}

	#skuOffersTable .offersTable .quanBaskWrap .tc {
		display: block;
		width: 100%;
		padding: 0;
	}

	#skuOffersTable .offersTable .quanBaskWrap .quantity {
		padding-bottom: 6px;
	}

	.new-list-items {
		margin: 0 -6px;
	}

	.new-list-items .list-item-wrap {
		padding: 6px;
	}

	.new-list-items .list-item {
		padding: 12px;
	}

	.new-list-items .image {
		padding-right: 12px;
	}
}

@media all and (max-width: 1700px) {

	#files .item .icon {
		width: 22%;
	}
}

@media all and (max-width: 1600px) {
	.limiter #left {
		width: 280px;
	}

	#elementNavigation {
		width: 280px;
	}

	#files .item {
		width: 33.33333%;
	}

	#files .item .icon {
		width: 20%;
	}

	#complect .complectListItem {
		width: 33.33333%;
	}

	#complect .complectListItem:nth-child(4n)::after {
		display: block;
	}

	#complect .complectListItem:nth-child(3n)::after,
	#complect .complectListItem:last-child::after {
		display: none;
	}

	.new-list-items-wrap .heading {
		padding: 36px 0 30px;
	}

	#elementContainer .new-list-items {
		margin: 0 -6px;
	}
}

@media all and (max-width: 1520px) {
	.limiter #left {
		width: 320px;
	}

	#tableContainer #elementNavigation {
		display: none;
	}

	#files .item .icon {
		width: 14%;
	}

	#skuOffersTable .offersTable .quanBaskWrap {
		width: 250px;
		padding: 0;
	}

	#skuOffersTable .offersTable .quanBaskWrap .tc {
		display: table-cell;
		width: 50%;
		padding: 8px 6px;
	}

	#skuOffersTable .offersTable .quanBaskWrap .quantity {
		padding: 8px 6px;
	}

	#catalogElement #newReview input {
		width: 67%;
	}

	#catalogElement #newReview .submit {
		width: 30%;
	}
}

@media all and (max-width: 1366px) {
	.limiter #left {
		width: 280px;
	}

	.smallSpecialTime .specialTime {
		padding: 12px 0;
	}
}

@media all and (max-width: 1280px) {
	.limiter #left {
		width: 330px;
	}

	.smallSpecialTime {
		padding-bottom: 6px;
	}

	#files .item .icon {
		width: 18%;
	}

	.ya-share-label {
		margin-top: 0;
	}

	#elementContainer .brandImage {
		margin-right: 24px;
		margin-bottom: 12px;
	}

	#elementContainer .bindAction {
		margin-bottom: 12px;
	}

	.reviewsBtnWrap {
		margin-top: 0;
		padding-bottom: 0;
	}

	.reviewsBtnWrap .row {
		margin: 0 24px 12px 0;
	}

	#elementContainer .elementSkuVariantLabel {
		display: none;
	}

	.productDetailText .heading {
		font-size: 14px;
	}

	#catalogElement .product {
		width: 33.333%;
	}

	#catalogElement .product:nth-child(4n + 4) {
		border-right-width: 1px;
	}

	#catalogElement .product:nth-child(3n + 3) {
		border-right-width: 0;
	}

	#catalogElement .smallSpecialTime {
		margin-bottom: 12px;
	}
}

@media all and (max-width: 1250px) {
	#skuOffersTable {
		display: none;
	}
}

@media all and (max-width: 1100px) {

	.ya-share-label {
		display: none;
	}

	.new-list-items .list-item-wrap {
		width: 50%;
	}

	

	

	

	

	

	

	

	

	

	

	

	

	

	#catalogElement .smallElementToolsContainer {
		padding: 0;
	}

	

	#catalogElement .secondTool {
		box-sizing: border-box;
		margin-top: 24px;
		padding: 24px 0;
		text-align: center;
		border-top: 1px solid #e7e8ea;
	}

	

	

	

	

	

	#catalogElement .priceContainer {
		font-size: 24px;
		line-height: 30px;
	}

	#catalogElement .priceBlock {
		margin-bottom: 6px;
	}

	

	

	

	#catalogElement .getPricesWindow .priceIcon {
		margin-top: -4px;
	}

	
}

@media all and (max-width: 1024px) {
	.limiter #left {
		width: 100%;
	}

	#left .collapsed {
		position: static;
	}
}

@media all and (max-width: 1023px) {
	#files .item {
		width: 50%;
	}

	#files .item .icon {
		width: 14%;
	}
}

@media all and (max-width: 1000px) {
	.pictureSlider {
		margin-top: 24px;
	}

	#elementContainer .mainContainer .col {
		box-sizing: border-box;
		padding: 24px 24px 0;
	}

	#elementContainer .brandImage {
		margin-bottom: 18px;
	}

	#elementContainer .bindAction {
		margin-bottom: 18px;
	}

	#complect .heading {
		border: none;
	}

	

	.newReviewTable .left {
		width: 100%;
		padding: 0;
	}

	.newReviewTable .right {
		width: 100%;
		margin-top: 18px;
	}
}

@media all and (max-width: 900px) {
	

	
}

@media all and (max-width: 800px) {
	#files .item .icon {
		width: 70px;
	}

	#files .item .info {
		width: 100%;
	}

	#reviews .reviewTable {
		display: block;
	}

	#reviews .reviewTable .reviewColumn {
		display: block;
	}

	#reviews .reviewTable .reviewColumn:first-child {
		margin-bottom: 24px;
		text-align: left;
	}

	#showallReviews {
		margin: 0 0 0 24px;
	}

	#zoomerMoreImagesContainer {
		display: none !important;
	}

	#zoomerBigPrevMore,
	#zoomerBigNextMore {
		display: none !important;
	}

	#imageContainerSlider {
		height: 100% !important;
	}

	#complect .complectList {
		margin: 0 -24px 12px;
		border-top: 1px solid #e7e8ea;
	}

	#complect .complectListItem {
		box-sizing: border-box;
		width: 50%;
		height: 140px;
		border-right: 1px solid #e7e8ea;
		border-bottom: 1px solid #e7e8ea;
	}

	#complect .complectListItem:nth-child(2n) {
		border-right-width: 0;
	}

	#complect .complectListItem::after {
		display: none;
	}

	.complectListItemTable {
		display: table;
		width: 100%;
		table-layout: fixed;
	}

	.complectListItemCelImage {
		display: table-cell;
		width: 110px;
		padding-right: 12px;
		vertical-align: middle;
	}

	.complectListItemCelText {
		display: table-cell;
		vertical-align: middle;
	}

	#complect .complectListItemPicLink {
		height: 120px;
		line-height: 120px;
	}

	#complect .complectListItemPrice .discount {
		display: block;
		padding: 0;
	}

	#complect .complectListItemPrice {
		margin: 0;
		font-size: 14px;
	}

	#complect .complectListItemPrice .discount {
		color: #888888;
		font-size: 13px;
		line-height: 16px;
	}

	#complect .complectListItemLink {
		height: 36px;
		margin-bottom: 2px;
		line-height: 36px;
	}

	#complect .complectListItemLink .middle {
		line-height: 18px;
		vertical-align: middle;
	}

	#elementProperties .stats {
		table-layout: auto;
	}

	#elementProperties .stats td {
		padding: 12px 0;
	}

	#elementProperties .stats .name span {
		padding: 0;
	}

	#elementProperties .stats tr td:first-child {
		padding: 0 6px;
	}

	#elementProperties .stats tr.cap td:first-child {
		padding: 12px 0;
	}

	#elementProperties .stats tr td:nth-child(2) {
		padding-right: 6px;
	}

	#elementProperties .stats tr td:nth-child(n + 3) {
		width: 0;
		max-width: 0;
		padding: 0;
		overflow: hidden;
		white-space: nowrap;
		text-indent: 100px;
	}

	#elementProperties .stats .name {
		width: 70%;
	}

	

	
}

@media screen and (max-width: 790px) {
	#catalogElement .product {
		width: 50%;
	}

	#catalogElement .product:nth-child(3n + 3) {
		border-right-width: 1px;
	}

	#catalogElement .product:nth-child(2n + 2) {
		border-right-width: 0;
	}

	#elementContainer .mainContainer .col {
		display: block;
		box-sizing: border-box;
		width: 100%;
		padding: 24px 24px 0;
	}

	#elementContainer .brandImageWrap {
		padding-top: 24px;
		border-top: 1px solid #e7e8ea;
	}

	.changePropertiesNoGroup {
		display: none;
	}

	#elementContainer .new-list-items {
		margin: 0 -3px;
	}

	.new-list-items {
		margin: 0 -3px;
	}

	.new-list-items .list-item-wrap {
		width: 100%;
		padding: 3px;
	}

	#elementContainer .new-list-items .list-item {
		padding: 24px;
	}

	#elementContainer .new-list-items .image {
		width: 72px;
		text-align: center;
	}

	#elementContainer .new-list-items .image-container img {
		display: inline-block;
		vertical-align: middle;
	}

	#catalogElement .new-list-items .list-item-wrap {
		margin-bottom: 12px;
	}

	#catalogElement .new-list-items .list-item-wrap:last-child {
		margin-bottom: 0;
	}

	

	

	
}

@media all and (max-width: 750px) {
	

	

	#catalogElement .ya-share-label {
		margin-right: 12px;
	}

	#catalogElement .ya-share-label,
	#catalogElement .ya-share2 {
		display: inline-block;
		margin-bottom: 0;
		vertical-align: middle;
	}

	#catalogElement .priceContainer {
		font-size: 21px;
		line-height: 24px;
	}

	

	

	

	
}

@media all and (max-width: 700px) {
	#elementContainer .mainContainer .markerContainer {
		top: 12px;
		left: 24px;
	}

	#elementContainer .wishCompWrap {
		top: 12px;
		right: 24px;
	}

	#stores th,
	#stores td {
		display: none;
	}

	#stores th.name,
	#stores td.name,
	#stores th.amount,
	#stores td.amount {
		display: table-cell;
	}

	#storesContainer #stores .storeTable {
		table-layout: auto;
	}

	#storesContainer #stores .wrap {
		padding: 0;
	}

	#storesContainer #stores .storeTable .name {
		width: 70%;
		padding: 12px 12px 12px 24px;
		line-height: 16px;
	}

	#storesContainer #stores th.amount {
		font-family: robotomedium;
		text-align: right;
	}

	#storesContainer #stores .storeTable .green {
		padding: 12px 24px 12px 0;
		text-align: right;
	}

	#storeMap {
		display: none !important;
	}

	#video .item {
		float: unset;
		width: 100% !important;
	}

	#reviews .reviewTable .reviewColumn:first-child {
		width: 100%;
	}

	#reviews .rating {
		margin-left: 0;
	}

	#tableContainer .column:nth-child(2),
	#video .item:last-child {
		padding-bottom: 0;
	}

	#elementContainer .mainContainer .secondCol {
		margin-top: 18px;
		padding: 18px 24px 0;
		border-top: 1px solid #e7e8ea;
	}

	#elementContainer .brandImageWrap {
		display: none;
	}

	.reviewsBtnWrap {
		border-bottom: none;
	}

	.reviewsBtnWrap .row img {
		display: none;
	}

	.reviewsBtnWrap .row {
		margin: 0 18px 6px 0;
	}

	.productDetailText {
		margin: 6px 0 12px;
	}

	.new-list-items-wrap {
		padding: 0 12px;
	}

	#catalogElement #elementContainer .addCompare {
		display: none;
	}
}

@media all and (max-width: 680px) {
	

	#files .item {
		width: 100%;
	}

	

	

	

	

	.smallSpecialTime .specialTimeItem {
		width: 60px;
	}
}

@media all and (max-width: 620px) {

	

	#elementContainer .new-list-items-wrap {
		margin-top: 0;
		border: 0;
	}

	#catalogElement #set {
		padding: 0 24px 24px;
	}

	#catalogElement #set .setTools {
		margin: 24px 0 0;
	}

	#catalogElement #set .setList {
		border-top: 0;
	}

	#catalogElement #set .setElement:nth-child(n) {
		border: 0;
	}

	

	#catalogReviews,
	#related,
	#similar,
	#stores,
	#files,
	#video {
		padding: 0 24px;
	}

	.sale-products-gift {
		padding: 0 24px;
	}

	.changePropertiesGroup {
		margin-bottom: 24px;
	}

	

	#catalogElement #catalogReviews .ratingContainer {
		display: none;
	}

	

	

	#catalogElement .storeTable tr:last-child td {
		border-bottom: 1px solid #e7e8ea;
	}

	#storesContainer #stores .storeTable .name {
		font-size: 14px;
	}

	#catalogElement #newReview {
		margin-top: 24px;
	}

	#catalogElement #newReview .heading {
		padding: 18px 24px;
		font-size: 14px;
		font-family: robotomedium;
		line-height: 16px;
		text-transform: uppercase;
	}

	#reviews .reviewTable .reviewColumn {
		padding: 0;
	}

	#catalogElement #reviews .reviewItem:last-child {
		margin-bottom: 0;
	}

	#catalogElement #reviews .reviewItem:first-child {
		padding: 0;
		border: 0;
	}

	#catalogElement #elementProperties h2.heading.active {
		margin-bottom: 12px;
	}

	#catalogElement #files .item:last-child {
		margin-bottom: 0;
	}

	#catalogElement #files .item {
		height: auto;
	}

	#catalogElement #video .wrap {
		padding: 0;
	}

	#video .items.sz1 iframe {
		height: 350px;
	}

	#catalogElement .secondTool {
		padding: 0;
		border: 0;
	}

	

	

	

	#catalogElement .ya-share-label {
		display: none;
	}

	#catalogElement .secondTool {
		margin-top: 0;
		padding: 0 48px 24px;
	}

	

	

	

	#catalogElement .productList {
		border-left: 1px solid #e7e8ea;
	}

	#catalogElement .product:nth-child(2n + 2) {
		border-right-width: 1px;
	}
}

@media all and (max-width: 600px) {
	#complect .complectListItem:nth-child(n) {
		width: 100%;
		border-right-width: 0;
	}

	.complectListItemCelImage {
		width: 40%;
		min-width: 110px;
		max-width: 160px;
	}

	#elementProperties .stats {
		font-size: 13px;
	}

	#elementProperties .stats .question {
		display: none;
	}
}

@media all and (max-width: 550px) {
	#elementContainer #moreImagesCarousel {
		margin-top: 12px;
		padding: 0;
	}

	#elementContainer #moreImagesCarousel .carouselWrapper {
		width: 90%;
	}

	#elementContainer #moreImagesCarousel #moreImagesLeftButton {
		left: 0;
		margin-top: -12px;
	}

	#elementContainer #moreImagesCarousel #moreImagesRightButton {
		right: 0;
		margin-top: -12px;
	}

	#elementContainer #moreImagesCarousel .slideBox .item {
		box-sizing: border-box;
		padding: 0 6px;
	}

	#elementContainer #moreImagesCarousel .slideBox .item {
		height: 30px;
	}

	#elementContainer #moreImagesCarousel .slideBox .item a {
		height: 30px;
		line-height: 30px;
	}

	#elementContainer #moreImagesCarousel .slideBox {
		height: 36px;
	}

	#elementContainer #moreImagesCarousel .slideBox .item.selected::after {
		bottom: -6px;
	}

	#elementProperties .stats .right {
		width: 0 !important;
	}

	#elementProperties .stats .analog {
		display: none;
	}

	#elementProperties .stats .name {
		width: 60%;
	}

	#catalogElement #newReview input {
		width: 100%;
	}

	#catalogElement #newReview .submit {
		width: 100%;
		margin: 0;
	}

	#catalogReviews .heading .ratingContainer {
		display: none;
	}
}

@media all and (max-width: 480px) {
	#catalogElement .secondTool {
		padding: 0 24px 24px;
	}

	

	#complect .complectListItem {
		width: 100%;
	}

	#elementProperties .stats .name {
		width: 100%;
	}

	#elementProperties .stats td:nth-child(2) {
		width: 90px;
		padding-right: 6px;
		font-family: robotomedium;
		text-align: right;
	}

	#storesContainer #stores .storeTable .name {
		width: 66%;
	}

	#storesContainer #stores .storeTable .icon {
		display: none;
	}

	

	

	
}

@media screen and (max-width: 400px) {
	.new-list-items .price {
		font-size: 16px;
	}

	.new-list-items .name {
		max-height: 36px;
	}

	#catalogElement .secondTool {
		padding: 0 12px 24px;
	}

	

	
}

@media screen and (max-width: 350px) {
	

	.smallSpecialTime .specialTimeItem {
		width: 54px;
	}

	
}

/* End */


/* Start:/local/templates/dresscodeV2/components/dresscode/catalog.item/detail_custom/css/set.css?178120160010259*/
#set {
	box-sizing: border-box;
	padding-bottom: 24px;

	/* margin-top: 24px; */
}

#set .heading {
	display: block;
	margin-top: 30px;
	padding: 36px 24px;
	font-weight: 800;
	font-size: 20px;
	font-family: robotobold;
	letter-spacing: 1px;
	text-transform: uppercase;
	border-top: 1px solid #e7e8ea;
}

#set .setList .heading2 {
	display: block;
	margin-bottom: 12px;
	font-size: 14px;
}

#set .setList {
	overflow: hidden;
}

#set .setTools {
	box-sizing: border-box;
	height: 60px;
	margin: 12px 24px 0;
	padding: 0 0 0 24px;
	overflow: hidden;
	line-height: 60px;
	list-style: none;
	background-color: #ffffff;
	border: 1px solid #e6e6e6;
}

#set .setTools li {
	float: left;
}

#set .setTools .rt {
	float: right;
}

#set .setTools .heading2 {
	margin-right: 24px;
	font-size: 14px;
}

#set .setTools .price {
	position: relative;
	display: block;
	color: #000000;
	font-size: 18px;
	font-family: robotobold;
	text-decoration: none;
}

#set .setTools .price #setDisnt {
	display: inline-block;
	padding-left: 12px;
	color: #888888;
	font-size: 14px;
	font-family: "roboto_ltregular";
}

#setDisnt.hidden,
#setWDisnt.hidden {
	visibility: hidden;
}

#set .setTools .addCart {
	display: inline-block;
	width: 250px;
	height: 60px;
	color: #ffffff;
	font-size: 16px;
	line-height: 60px;
	text-align: center;
	text-decoration: none;
	vertical-align: top;
	transition: all 0.2s ease-in-out;
}

#set .setTools .icon {
	display: inline-block;
	vertical-align: middle;
}

#set .setTools .addCart .icon {
	margin-top: -6px;
	padding-right: 12px;
}

#set .setTools .addSet {
	display: inline-block;
	width: 250px;
	height: 60px;
	color: #000000;
	font-size: 14px;
	font-family: "roboto_condensedlight";
	line-height: 60px;
	text-align: center;
	text-decoration: none;
	vertical-align: top;
	background: #f8f8f8;
	border-left: 1px solid #e6e6e6;
	transition: all 0.2s ease-in-out;
}

#set .setTools .addSet:hover {
	background: #f6f6f6;
}

#set .disabled .wrap {
	transform: scale(0.9);
	opacity: 0.5;
}

#set .setElement {
	/* border-left: 1px solid #e7e8ea; */
	position: relative;
	float: left;
	box-sizing: border-box;
	width: 25%;
	padding: 0 24px;
	transition: all 0.2s;
}

#set .setElement .wrap {
	transition: all 0.3s ease-in-out;
}

#set .setElement:first-child {
	border: 0;
}

#set .setElement::after {
	position: absolute;
	top: 50%;
	right: -8px;
	display: block;
	color: #888888;
	font-size: 48px;
	font-family: "roboto_thregular";
	transform: translateY(-50%);
	content: "+";
}

#set .setElement:last-child::after {
	/*	right: 4px;
		content: "="; */
	display: none;
}

#set .setElement .picture {
	display: block;
	height: 250px;
	margin-top: 12px;
	line-height: 250px;
	text-align: center;
	transition: all 0.2s ease-in-out;

	/* opacity: 0.8; */
}

#set .setElement:hover .picture,
#set .setElement.general .picture {
	opacity: 1;
}

#set .setElement.disabled .picture {
	opacity: 0.8;
}

#set .setElement .picture img {
	max-width: 90%;
	max-height: 90%;
	vertical-align: middle;
}

#set .setElement .name {
	display: block;
	height: 44px;
	margin-top: 12px;
	margin-bottom: 12px;
	overflow: hidden;
	color: #000000;
	font-size: 14px;
	line-height: 44px;
	text-decoration: none;
	transition: 0.2s all ease-in-out;
}

#setWindowTable .setElement .name {
	font-size: 13px;
}

#set .setElement .middle {
	display: inline-block;
	line-height: 21px;
	vertical-align: middle;
}

#set .setElement .price {
	position: relative;
	display: block;
	margin-bottom: 12px;
	color: #000000;
	font-size: 16px;
	font-family: robotobold;
	text-decoration: none;
}

#set .setElement .price .discount {
	display: inline-block;
	padding-left: 8px;
	color: #888888;
	font-size: 14px;
	font-family: "roboto_ltregular";
}

#set .sCheck,
#set .sWindowCheck {
	position: absolute;
	top: 12px;
	right: 0;
	z-index: 2;
	display: block;
	width: 30px;
	height: 30px;
	background: url("/local/templates/dresscodeV2/components/dresscode/catalog.item/detail_custom/css/../images/sCheck.png") 0 0 no-repeat transparent;
	cursor: pointer;
}

#set .sCheck {
	right: 24px;
}

#set .sCheck:hover,
#set .sWindowCheck:hover {
	background-position: -30px 0;
}

#set .sCheck:active,
#set .sWindowCheck:active {
	background-position: -60px 0;
}

#set .sCheck.disabled,
#set .sWindowCheck.disabled {
	background-position: -90px 0;
}

#set .sCheck.disabled:hover,
#set .sWindowCheck.disabled:hover {
	background-position: -120px 0;
}

#set .sCheck.disabled:active,
#set .sWindowCheck.disabled:active {
	background-position: -150px 0;
}

#setWindow {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	display: none;
	width: 100%;
	height: 100%;
	background-color: rgb(0 0 0 / 50%);
}

#setWindow .container {
	position: relative;
	top: 50%;
	left: 50%;
	width: 900px;
	max-height: 440px;
	overflow: hidden;
	background-color: #ffffff;
	transform: translateX(-50%) translateY(-50%);
}

#setWindow .container .wp {
	overflow: hidden;
}

#setWindow #setWindowTable {
	width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
	border-spacing: 0;
}

#setWindow #setWindowTable td {
	padding: 0;
}

#setWindow .heading3 {
	position: relative;
	height: 60px;
	color: #ffffff;
	font-size: 18px;
	line-height: 60px;
	text-align: center;
	background-color: #424242;
}

#setWindow .container .wElement {
	width: 240px;
}

#setWindow .setElement .picture {
	height: 140px;
	line-height: 140px;
}

#setWindow #wProduct {
	width: 100%;
	border-right: 1px solid #e7e8ea;
}

#setWindow #wProduct .picture {
	opacity: 1;
}

#setWindow .fr {
	display: inline-block;
	padding-top: 12px;
	font-size: 13px;
}

#setWindow .setElement:last-child::after {
	display: none;
}

#setWindow .close {
	position: absolute;
	top: 20px;
	right: 20px;
	display: block;
	width: 21px;
	height: 21px;
	background: url("/local/templates/dresscodeV2/components/dresscode/catalog.item/detail_custom/css/../images/exit.png") 0 0 no-repeat transparent;
}

#setWindow .close:hover {
	background-position: 0 -21px;
}

#setWindow .close:active {
	background-position: 0 -42px;
}

#setWindowPrice {
	position: relative;
	height: 60px;
	overflow: hidden;
	color: #ffffff;
	font-size: 18px;
	line-height: 60px;
	text-align: center;
	background-color: #424242;
}

#setWindowPrice ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#setWindowPrice li {
	float: left;
}

#setWindowPrice li:last-child {
	float: right;
	color: #ffffff;
	text-align: right;
}

#setWindowPrice li .heading4 {
	margin-right: 12px;
	padding-left: 12px;
	font-size: 14px;
}

#setWindowPrice .discount {
	display: inline-block;
	margin-left: 12px;
	padding-left: 8px;
	color: #888888;
	font-size: 14px;
	font-family: "roboto_ltregular";
}

#setWindowPrice .addCart {
	display: inline-block;
	min-width: 152px;
	height: 60px;
	padding: 0 24px;
	color: #ffffff;
	font-size: 16px;
	font-family: "roboto_condensedlight";
	line-height: 60px;
	text-align: center;
	text-decoration: none;
	vertical-align: top;
	transition: all 0.2s ease-in-out;
}

#setWindowPrice .icon {
	display: inline-block;
	vertical-align: middle;
}

#setWindowPrice .addCart .icon {
	margin-top: -6px;
	padding-right: 12px;
}

#setWindowPrice .closeWindow {
	float: left;
	padding: 0 24px;
	color: #ffffff;
	font-size: 14px;
	text-decoration: none;
	border-left: 1px solid #4c4c4c;
	transition: all 0.2s ease-in-out;
}

#setWindowPrice .closeWindow:hover {
	background-color: #262626;
}

#setWindowPrice .closeWindow img {
	margin-right: 12px;
	vertical-align: middle;
}

#setWindow .container .slideBox,
#setCarousel {
	position: relative;
	border: 0;
}

#setWindow .setBtnLeft,
#setWindow .setBtnRight {
	position: absolute;
	top: 50%;
	z-index: 22;
	width: 35px;
	height: 70px;
	background: url("/local/templates/dresscodeV2/components/dresscode/catalog.item/detail_custom/css/../images/slideArrowSmall.png") 0 0 no-repeat transparent;
	transform: translateY(-50%);
}

#setWindow .setBtnLeft {
	left: 0;
}

#setWindow .setBtnRight {
	right: 0;
}

#setWindow .setBtnLeft:hover {
	background-position: -35px 0;
}

#setWindow .setBtnLeft:active {
	background-position: -70px 0;
}

#setWindow .setBtnRight {
	background-position: 0 -70px;
}

#setWindow .setBtnRight:hover {
	background-position: -35px -70px;
}

#setWindow .setBtnRight:active {
	background-position: -70px -70px;
}

@media all and (max-width: 1366px) {
	#set .setElement .picture {
		height: 200px;
		line-height: 200px;
	}
}

@media all and (max-width: 900px) {
	#set .setTools .addSet {
		display: none;
	}
}

@media all and (max-width: 800px) {
	#set .setList {
		border-top: 1px solid #e7e8ea;
	}

	#set .setElement {
		height: 140px;
		padding: 12px;
		overflow: hidden;
	}

	#set .setElement:nth-child(n) {
		width: 50%;
		border-right: 1px solid #e7e8ea;
		border-bottom: 1px solid #e7e8ea;
	}

	#set .setElement:nth-child(2n) {
		border-right-width: 0;
	}

	#set .setElement::after {
		display: none;
	}

	.setListTable {
		display: table;
		width: 100%;
		table-layout: fixed;
	}

	.setListColImage {
		display: table-cell;
		width: 110px;
		padding-right: 12px;
		vertical-align: middle;
	}

	.setListColText {
		display: table-cell;
		padding-right: 24px;
		vertical-align: middle;
	}

	#set .setElement .picture {
		height: 120px;
		margin: 0;
		line-height: 120px;
	}

	#set .sCheck {
		top: 6px;
		right: 6px;
	}

	#set .setElement .name {
		height: 36px;
		margin-top: 0;
		margin-bottom: 2px;
		line-height: 36px;
	}

	#set .setElement .middle {
		line-height: 18px;
	}

	#set .setElement .price {
		margin-bottom: 0;
		font-size: 14px;
	}

	#set .setElement .price .discount {
		display: block;
		padding: 0;
		font-size: 13px;
		line-height: 16px;
	}

	#set .setTools .heading2 {
		display: none;
	}

	#set .setTools .addCart {
		width: 200px;
	}
}

@media all and (max-width: 600px) {
	#set .setElement:nth-child(n) {
		width: 100%;
		border-right-width: 0;
	}

	.setListColImage {
		width: 40%;
		min-width: 110px;
		max-width: 160px;
	}
}

@media all and (max-width: 550px) {
	#set .setTools {
		height: auto;
		margin: 0;
		padding: 0 24px;
		overflow: hidden;
		border: 0;
	}

	#set .setTools li {
		float: unset;
	}

	#set .setTools .rt {
		display: block;
		float: unset;
		clear: both;
		text-align: left;
	}

	#set .setTools .addCart {
		clear: both;
	}

	#set .setTools li {
		margin-top: 24px;
		line-height: 21px;
	}

	#set .setTools li:last-child {
		/* display: none; */
	}

	#set .setTools .heading2 {
		display: block !important;
		font-size: 16px;
	}
}

@media all and (max-width: 400px) {
	.setListColImage {
		width: 50%;
	}
}

/* End */


/* Start:/local/templates/dresscodeV2/components/bitrix/catalog.products.viewed/block_v3/style.min.css?17719371273220*/
@media(min-width:1200px){.product-item-list-col-6>.col-xs-12>.row>.col-md-2:nth-child(6n+1),.product-item-list-col-1-6>.col-sm-6:nth-child(2n+1),.product-item-list-col-6-1>.col-sm-6:nth-child(2n+1),.product-item-list-col-1-6>.col-sm-6>.row>.col-md-4:nth-child(3n+1),.product-item-list-col-6-1>.col-sm-6>.row>.col-md-4:nth-child(3n+1),.product-item-list-col-4>.col-xs-12>.row>.col-md-3:nth-child(4n+1),.product-item-list-col-1-4>.col-sm-6>.row>.col-xs-6:nth-child(2n+1),.product-item-list-col-4-1>.col-sm-6>.row>.col-xs-6:nth-child(2n+1),.product-item-list-col-3>.col-xs-12>.row>.col-sm-4:nth-child(3n+1),.product-item-list-col-2>.col-xs-12>.row>.col-xs-6:nth-child(2n+1),.product-item-list-col-1>.col-xs-12>.row>.col-xs-12:nth-child(1n){clear:both}}@media(min-width:992px) and (max-width:1199px){.product-item-list-col-6>.col-xs-12>.row>.col-md-2:nth-child(6n+1),.product-item-list-col-1-6>.col-sm-6:nth-child(2n+1),.product-item-list-col-6-1>.col-sm-6:nth-child(2n+1),.product-item-list-col-1-6>.col-sm-6>.row>.col-md-4:nth-child(3n+1),.product-item-list-col-6-1>.col-sm-6>.row>.col-md-4:nth-child(3n+1),.product-item-list-col-4>.col-xs-12>.row>.col-md-3:nth-child(4n+1),.product-item-list-col-1-4>.col-sm-6>.row>.col-xs-6:nth-child(2n+1),.product-item-list-col-4-1>.col-sm-6>.row>.col-xs-6:nth-child(2n+1),.product-item-list-col-3>.col-xs-12>.row>.col-sm-4:nth-child(3n+1),.product-item-list-col-2>.col-xs-12>.row>.col-xs-6:nth-child(2n+1),.product-item-list-col-1>.col-xs-12>.row>.col-xs-12:nth-child(1n){clear:both}}@media(min-width:768px) and (max-width:991px){.product-item-list-col-6>.col-xs-12>.row>.col-sm-4:nth-child(3n+1),.product-item-list-col-1-6>.col-sm-6:nth-child(2n+1),.product-item-list-col-6-1>.col-sm-6:nth-child(2n+1),.product-item-list-col-1-6>.col-sm-6>.row>.col-xs-6:nth-child(2n+1),.product-item-list-col-6-1>.col-sm-6>.row>.col-xs-6:nth-child(2n+1),.product-item-list-col-4>.col-xs-12>.row>.col-xs-6:nth-child(2n+1),.product-item-list-col-1-4>.col-sm-6:nth-child(2n+1),.product-item-list-col-4-1>.col-sm-6:nth-child(2n+1),.product-item-list-col-1-4>.col-sm-6>.row>.col-xs-6:nth-child(2n+1),.product-item-list-col-4-1>.col-sm-6>.row>.col-xs-6:nth-child(2n+1),.product-item-list-col-3>.col-xs-12>.row>.col-sm-4:nth-child(3n+1),.product-item-list-col-2>.col-xs-12>.row>.col-xs-6:nth-child(2n+1),.product-item-list-col-1>.col-xs-12>.row>.col-xs-12:nth-child(1n){clear:both}}@media(max-width:767px){.product-item-list-col-6>.col-xs-12>.row>.col-xs-6:nth-child(2n+1),.product-item-list-col-1-6>.col-sm-6>.row>.col-xs-6:nth-child(2n+1),.product-item-list-col-6-1>.col-sm-6>.row>.col-xs-6:nth-child(2n+1),.product-item-list-col-4>.col-xs-12>.row>.col-xs-6:nth-child(2n+1),.product-item-list-col-1-4>.col-sm-6>.row>.col-xs-6:nth-child(2n+1),.product-item-list-col-4-1>.col-sm-6>.row>.col-xs-6:nth-child(2n+1),.product-item-list-col-3>.col-xs-12>.row>.col-sm-4:nth-child(3n+1),.product-item-list-col-2>.col-xs-12>.row>.col-xs-6:nth-child(2n+1),.product-item-list-col-1>.col-xs-12>.row>.col-xs-12:nth-child(1n){clear:both}}.catalog-products-viewed-header{font-size:14px;font-weight:bold;text-align:left;margin:5px 0;padding:5px 15px;border-bottom:2px solid #d9dee6;color:#000}.row::before{display:initial}
/* End */
/* /local/templates/dresscodeV2/components/dresscode/catalog/.default/style.css?179327158210091 */
/* /local/templates/dresscodeV2/components/dresscode/catalog.item/detail_custom/style.css?1786439330115205 */
/* /local/templates/dresscodeV2/components/dresscode/catalog.item/detail_custom/css/review.css?178802259325890 */
/* /local/templates/dresscodeV2/components/dresscode/catalog.item/detail_custom/css/media.css?178534564014439 */
/* /local/templates/dresscodeV2/components/dresscode/catalog.item/detail_custom/css/set.css?178120160010259 */
/* /local/templates/dresscodeV2/components/bitrix/catalog.products.viewed/block_v3/style.min.css?17719371273220 */