/* Start:/local/templates/mebelgold/components/bitrix/catalog.element/mebelgold/product.css?173476478850199*/
.head_card_br {
position: relative;
margin-bottom: var(--s20);
display: flex;
justify-content: space-between;
align-items: flex-start;
gap: var(--s20);
}
.h1_block {
display: flex;
align-items: center;
justify-content: flex-start;
flex: 1 1 auto;
gap: var(--s20);
flex-wrap: wrap;
}
.js-top-tags {
opacity: 1;
transition: opacity .2s ease;
}
.js-top-tags.hideon {
opacity: 0;
transition: opacity .2s ease;
}
.h1_block > span {
flex: 0 0 auto;
max-width: calc(100% - 13.44vw - var(--s20));
}
.h1_block > span > h1 {
margin: 0;
}
.h1_block > span + span {
flex: 0 0 auto;
max-width: 13.44vw;
}
.kod_tovara {
display: flex;
position: relative;
padding: 0 var(--s20);
border-radius: 3px;
font-weight: 500;
font-size: var(--s14);
background: #fff;
border: 1px solid #E6EAEA;
border-left: none;
white-space: nowrap;
height: var(--s35);
align-items: center;
}
.kod_tovara span {
color: #B1B5B6;
margin-right: var(--s7);
font-weight: normal;
}
.kod_tovara:before {
background: url(/local/templates/mebelgold/assets/img/strelka.png) no-repeat;
content: '';
display: inline-block;
top: 0;
left: var(--s-10);
width: var(--s10);
position: absolute;
background-size: 100% 100%;
height: 100%;
}
.card-page__head-collection {
flex: 0 0 auto;
}
.collection {
display: flex;
padding: var(--s5);
padding-left: var(--s15);
background-color: #F7F7F7;
border-radius: 3px;
width: auto;
align-items: center;
justify-content: flex-start;
gap: var(--s10);
}
.collection a {
padding-left: var(--s15);
position: relative;
height: var(--s35);
line-height: 0;
}
.collection__title {
font-size: var(--s14);
color: #666666;
}
.rating_detail {
flex: 0 0 100%;
}
.rating_detail > .star_rev {
display: flex;
align-items: center;
justify-content: flex-start;
cursor: pointer;
}
.rating_detail > .star_rev > span {
display: inline-block;
width: var(--s14);
height: var(--s14);
line-height: 0;
margin-right: var(--s3);
}
.rating_detail > .star_rev > span > svg {
max-width: 100%;
max-height: 100%;
fill: var(--gray-color);
}
.rating_detail > .star_rev.star_1>span:first-child>svg {
fill:var(--global-color);
}
.rating_detail > .star_rev.star_2 > span:nth-child(-n+2) > svg {
fill:var(--global-color);
}
.rating_detail > .star_rev.star_3 > span:nth-child(-n+3) > svg {
fill:var(--global-color);
}
.rating_detail > .star_rev.star_4 > span:nth-child(-n+4) > svg {
fill:var(--global-color);
}
.rating_detail > .star_rev.star_5 > span:nth-child(-n+5) > svg {
fill:var(--global-color);
}
.rat_num {
font-size: var(--s12);
color: #000;
font-weight: 500;
padding-left: var(--s10);
}
.rating_detail .rat_num {
text-decoration: underline;
}
.rating_detail > .star_rev:hover .rat_num {
text-decoration: none;
}
@media(max-width:450px) {
.rat_num {
white-space: nowrap;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
}
.rating_detail > .star_rev > span {
width: var(--s11);
}
}
.special_banner {
padding: var(--s25) var(--s30);
padding-left: var(--s20);
border-radius: 7px;
overflow: hidden;
background: url(/local/templates/mebelgold/assets/img/back-special.jpg) var(--global-color) no-repeat center;
background-size: cover;
align-items: center;
justify-content: space-between;
margin-bottom: var(--s20);
}
.special_banner > .flex {
gap: var(--s20);
justify-content: space-between;
flex-wrap: nowrap;
align-items: center;
}
.special_banner .col_banner {
display: flex;
align-items: center;
gap: var(--s20);
}
.block_skidka {
display: flex;
align-items: center;
gap: var(--s30);
}
.block_skidka > span {
background: #fff;
border-radius: 50%;
font-size: var(--s17);
font-weight: 600;
color: var(--global-color);
max-width: var(--s60);
height: var(--s60);
flex: 0 0 var(--s60);
display: flex;
align-items: center;
justify-content: center;
}
.block_skidka > div {
font-size: var(--s23);
color: #fff;
font-weight: 600;
text-transform: uppercase;
}
.block_text {
font-size: var(--s16);
color: #fff;
border-left: 1px solid;
padding: var(--s10) 0;
padding-left: var(--s30);
}
.data_skidka {
font-size: var(--s14);
font-weight: 500;
color: #fff;
white-space: nowrap;
}
.button_skidka button.button.white {
color: var(--black-color);
}
.button_skidka button.button.white:hover {
color: var(--white-color);
background: var(--black-color);
}
.slider-photo-detail {
height: calc(var(--height-banner) * 2 + var(--s20));
overflow: hidden;
white-space: nowrap;
position: relative;
}
.preloader_slide {
display: flex;
height: 100%;
width: 100%;
position: relative;
text-align: center;
align-items: center;
justify-content: center;
}
.preloader_slide img {
max-width: 100%;
max-height: 100%;
width: auto;
}
.slider-product-detail .discount_card_prod {
width: var(--s60);
height: var(--s60);
font-size: var(--s14);
transform: none;
}
.slider-product-detail .sticker_list {
position: absolute;
top: 0;
right: 0;
line-height: 0;
display: flex;
align-items: center;
justify-content: flex-end;
flex-wrap: wrap;
gap: var(--s5);
z-index: 1;
pointer-events: none;
}
.slider-product-detail .sticker_list .abs_one_sticker {
background: #fff;
border-radius: 4px;
font-size: var(--s11);
color: var(--black-color);
font-weight: 500;
padding: var(--s5) var(--s10);
display: inline-block;
line-height: normal;
}
.slider-product-detail .sticker_list .abs_one_sticker.hit_sticker {
background: #9ABAC8;
color: var(--white-color);
}
.slider-product-detail .sticker_list .abs_one_sticker.new_sticker {
background: #fff;
color: var(--black-color);
}
.slider-product-detail .sticker_list .abs_one_sticker.spec_sticker {
background:var(--global-color);
color: var(--white-color);
}
.slider-photo-detail-nav .item {
height: 7.50vw;
width: 7.50vw;
border: 1px solid #E2E6E6;
border-radius: 3px;
cursor: pointer;
}
.slider-photo-detail-nav .preloader_slide {
padding: var(--s10);
overflow: hidden;
}
.slider-photo-detail-nav {
overflow: hidden;
white-space: nowrap;
position: relative;
margin-top: var(--s20);
}
.slider-photo-detail-nav .slider-prev {
top: 50%;
left: 0;
transform: translate(50%, -50%) rotate(180deg);
width: var(--s30);
}
.slider-photo-detail-nav .slider-next {
top: 50%;
right: 0;
transform: translate(-50%, -50%);
width: var(--s30);
}
.slider-photo-detail-nav .item.swiper-slide-thumb-active {
border-color: var(--global-color);
}
.slider-photo-detail-nav .item > div {
height: 100%;
width: 100%;
}
.slider-photo-detail-nav .item.video-slide {
border-color: var(--global-color);
}
.cont_video_nav {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
background: var(--global-color);
flex-wrap: wrap;
}
.play_card {
text-align:center;
}
.play_card > div {
font-size: var(--s13);
color: #fff;
font-weight: 500;
margin-top: var(--s10);
}
.play_card > svg {
width: var(--s30);
height: var(--s30);
stroke: #fff;
}
.slider-photo-detail-nav:not(.swiper-initialized) > .swiper-wrapper {
align-items: center;
justify-content: center;
gap: 20px;
}
.slider-photo-detail .item {
cursor: zoom-in;
}
.slider-user-file .item {
height: 7.50vw;
width: 7.50vw;
border: 1px solid #E2E6E6;
border-radius: 3px;
cursor: pointer;
}
.slider-user-file .preloader_slide {
padding: var(--s10);
overflow: hidden;
}
.slider-user-file {
overflow: hidden;
white-space: nowrap;
position: relative;
margin-top: var(--s20);
}
.slider-user-file .slider-prev {
top: 50%;
left: 0;
transform: translate(50%, -50%) rotate(180deg);
width: var(--s30);
}
.slider-user-file .slider-next {
top: 50%;
right: 0;
transform: translate(-50%, -50%);
width: var(--s30);
}
.slider-user-file .item.swiper-slide-thumb-active {
border-color: var(--global-color);
}
.slider-user-file .item > div {
height: 100%;
width: 100%;
}
.slider-user-file .item.video-slide {
border-color: var(--global-color);
}
.slider-user-file:not(.swiper-initialized) > .swiper-wrapper {
gap: 20px;
}
.head-user-file, .size-product-head {
font-size: var(--s23);
font-weight: 500;
}
.container-user-file {
margin-top: var(--s30);
}
.slider-product-detail {
margin-bottom: var(--s50);
}
.size-product-detail {
}
.size-product-line {
padding-top: var(--s20);
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: flex-start;
column-gap: var(--s50);
}
.size-product-line > div {
position: relative;
font-size: var(--s68);
}
.size-product-line > div > span {
display: block;
font-size: var(--s16);
color: #9A9FA1;
}
.size-product-line > div.tables_size {
color: var(--global-color);
}
.size-product-line > div + div:before {
content: '';
width: var(--s20);
height: var(--s2);
display: inline-block;
background: #000;
position: absolute;
top: 50%;
right: calc(100% + var(--s25));
transform: translate(50%, -50%) rotate(45deg);
}
.size-product-line > div + div:after {
content: '';
width: var(--s20);
height: var(--s2);
display: inline-block;
background: #000;
position: absolute;
top: 50%;
right: calc(100% + var(--s25));
transform: translate(50%, -50%) rotate(-45deg);
}
.size-product-line > div.tables_size:before, .size-product-line > div.tables_size:after {
content: none;
}
.quantity-detail {
display: flex;
align-items: center;
gap: var(--s10);
font-size: var(--s12);
width: 100%;
margin-bottom: var(--s10);
}
.quantity-detail svg {
width: var(--s18);
height: var(--s18);
fill: var(--global-color);
}
.quantity-detail svg.stroke {
fill: none;
stroke: var(--global-color);
}
.container-but-block {
}
.block-shadow-right {
background: #fff;
border-radius: 3px;
padding: var(--s20);
box-shadow: 0px 4px 30px rgba(0,0,0,0.1);
margin-bottom: var(--s20);
}
.priceline_card_detail {
display: flex;
flex-wrap: wrap;
row-gap: var(--s10);
align-items: center;
justify-content: space-between;
padding-bottom: var(--s15)
}
.price_card_detail {
font-size: var(--s35);
font-weight: 500;
flex: 0 1 100%;
}
.bottom_line_price_detail {
flex: 0 0 auto;
}
.bottom_line_price_detail div {
font-size: var(--s14);
text-decoration: line-through;
}
.card-detail-sale-pop {
flex: 0 0 auto;
text-align: right;
}
.card-detail-sale-pop a {
font-size: var(--s12);
text-decoration: underline;
}
.card-detail-consult-pop {
margin-top: var(--s5);
}
.card-detail-consult-pop a {
font-size: var(--s14);
padding-left: var(--s30);
position: relative;
text-decoration: underline;
font-weight: 500;
}
.card-detail-consult-pop a:hover {
color:#000;
}
.card-detail-consult-pop a svg {
width: var(--s20);
height: var(--s20);
fill: var(--global-color);
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
}
.card-detail-sber-pop {
margin-top: var(--s10);
flex: 0 1 100%;
}
.card-detail-sber-pop a {
position: relative;
display: inline-block;
padding-left: var(--s30);
color: #000;
font-weight: 500;
font-size: var(--s14);
text-decoration: underline;
}
.card-detail-sber-pop a:after {
content: '';
display: block;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
background: url(/local/templates/mebelgold/assets/img/sber2.png) no-repeat;
background-size: cover;
width: var(--s19);
height: var(--s19);
}
.button-group-card-detail-one {
margin-bottom: var(--s10);
}
.button-group-card-detail-one button {
width: 100%;
font-size: var(--s18);
}
.button-group-card-detail-one button.active {
background: var(--global-color);
}
.flex.button-group-card-detail {
align-items: center;
justify-content: space-between;
flex-wrap: nowrap;
column-gap: var(--s10);
}
.button-group-card-detail > button {
width: 100%;
padding: 0;
height: var(--s40);
flex: 0 1 auto;
}
.button-group-card-detail > button:nth-child(1) {
color: #000;
border: 1px solid;
box-shadow: none;
}
.button-group-card-detail > button.disabled:nth-child(1) {
color: #fff;
border: none;
}
.button-group-card-detail > button:nth-child(1):hover {
border: 1px solid var(--global-color);
}
.button-group-card-detail > button:nth-child(2) {
flex: 0 1 100%;
max-width: var(--s40);
}
.button-group-card-detail > button:nth-child(3) {
flex: 0 1 100%;
max-width: var(--s40);
}
.button-group-card-detail > button.active {
background: var(--global-color);
color: var(--white-color);
border-color: var(--global-color);
}
.button-group-card-detail > button.active > svg {
fill: var(--white-color);
}
.button-group-card-detail > button.active > svg.stroke {
fill: none;
stroke: var(--white-color);
}
.delivery_info_card {
display: flex;
flex-wrap: wrap;
gap: var(--s25);
padding-top: var(--s25);
}
.delivery_info_card > div {
position: relative;
padding-left: var(--s45);
font-size: var(--s14);
font-weight: 500;
flex: 0 1 100%;
}
.delivery_info_card > div > svg {
width: var(--s25);
fill: #000;
height: var(--s25);
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
}
.delivery_info_card > div > svg.stroke {
stroke: #000;
fill: none;
}
.delivery_info_card > div > span {
display: block;
font-weight: normal;
font-size: var(--s12);
margin-top: var(--s5);
}
.delivery_info_card > div > a {
font-size: var(--s12);
display: inline-block;
margin-top: var(--s5);
position: relative;
padding-right: var(--s15);
}
.delivery_info_card > div > a:before {
content: '';
display: inline-block;
width: var(--s4);
height: var(--s4);
position: absolute;
top: 50%;
transform: translateY(-50%) rotate(45deg);
border-right: var(--s2) solid;
border-top: var(--s2) solid;
right: 0;
}
.delivery_info_card > div > a:hover {
color: #000;
}
.discount {
display: flex;
flex-wrap: wrap;
margin: 0 var(--container-margin);
row-gap: var(--s20);
}
.discount-row__item {
padding: 0 var(--row-padding);
flex: 0 1 100%;
max-width: calc(100% / 3);
}
.discount-row-item {
border-radius: 3px;
border: 1px solid var(--border-color);
height: 100%;
padding: var(--s20);
box-sizing: border-box;
text-align: center;
}
.discount-row-item__link {
}
.discount-row-item__link-top {
font-size: var(--s40);
text-align: center;
font-weight: 500;
color: #000;
}
.discount-row-item__link-top-procent {
}
.discount-row-item__link-bottom {
text-align: center;
color: var(--gray-color);
margin-top: var(--s10);
font-size: var(--s14);
display: block;
}
.discount-row-item__link-sale {
margin-top: var(--s10);
text-align: center;
font-weight: 500;
text-transform: uppercase;
font-size: var(--s11);
display: block;
color: #000;
}
.discount-row__item.disc_100 {
max-width: 100%;
}
.discount-row__item.disc_50 {
max-width: calc(100% / 2);
}
.popup-discount__inform {
font-size: var(--s14);
color: #000000;
display: block;
font-weight: 600;
text-align: center;
}
.button_config_new {
margin-top: var(--s20);
}
.button_config_new button {
width: 100%;
position: relative;
padding: 0;
padding-right: var(--s40);
}
.button_config_new button:after {
content: '';
display: block;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: var(--s15);
height: var(--s5);
width: var(--s18);
border-top: var(--s2) solid;
border-bottom: var(--s2) solid;
}
.configuration_block {
position: fixed;
right: -100%;
height: 100%;
background: var(--white-color);
top: 0;
width: 33.13vw;
z-index: 1045;
padding: var(--s25) var(--s30);
}
.top_modal_config {
margin-bottom: var(--s25);
position: relative;
}
.relative_top_config {
position: relative;
font-size: var(--s25);
font-weight: 500;
}
.close_config {
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
line-height: 0;
cursor: pointer;
transition: all .2s ease;
}
.close_config svg {
fill: none;
stroke: var(--black-color);
width: var(--s25);
height: var(--s25);
}
.close_config:hover {
transform: translateY(-50%) rotate(90deg);
}
.close_config:hover > svg {
stroke: var(--global-color);
}
.config_list_new {
display: flex;
flex-wrap: wrap;
gap: var(--s10);
width: 100%;
max-height: calc(100% - var(--s50));
overflow: auto;
}
.one_config {
flex: 0 0 100%;
border: 1px solid var(--border-color);
border-radius: 3px;
max-width: calc(100% / 2 - var(--s6));
padding: var(--s15);
position: relative;
display: flex;
flex-wrap: wrap;
align-items: stretch;
transition: all .2s ease;
}
.one_config.butlist, .one_config.colors {
flex: 0 0 100%;
border: none;
border-radius: 0;
max-width: 100%;
padding: var(--s10) 0;
}
.one_config.butlist > div.head_list_conf, .one_config.colors > div.head_list_conf {
font-size: var(--s16);
font-weight: 500;
margin-bottom: var(--s15);
}
.one_config.butlist .flex, .one_config.colors .flex {
gap: var(--s5);
}
.one_config.butlist .select-block-btn {
padding: var(--s7) var(--s12);
border: 1px solid var(--border-color);
border-radius: var(--s3);
color: var(--black-color);
font-size: var(--s16);
transition: all .2s ease;
cursor: pointer;
}
.one_config.butlist .select-block-btn:hover, .one_config.butlist .select-block-btn.active {
border: 1px solid var(--global-color);
color: var(--white-color);
background: var(--global-color);
}
.one_config.colors .select-block-btn {
padding: 0;
border: 1px solid var(--border-color);
border-radius: 50%;
color: var(--black-color);
font-size: var(--s15);
transition: all .2s ease;
cursor: pointer;
overflow: hidden;
width: var(--s25);
height: var(--s25);
position: relative;
}
.one_config.colors .select-block-btn:hover, .one_config.colors .select-block-btn.active {
border: 2px solid var(--global-color);
background: none;
}
.one_config.colors .img_visib_color {
height: var(--s30);
width: var(--s30);
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.one_config:hover {
border-color: var(--global-color);
}
.one_config.active {
border-color: var(--global-color);
}
.one_config > div {
flex: 0 1 100%;
}
.img_one_config {
position: relative;
height: 8.13vw;
display: flex;
align-items: center;
justify-content: center;
}
.img_one_config a {
display: flex;
align-items: center;
justify-content: center;
flex: 0 0 100%;
height: 100%;
}
.img_one_config img {
max-width: 100%;
max-height: 100%;
}
.mini_sticker {
position: absolute;
top: 0;
left: 0;
display: flex;
align-items: center;
gap: var(--s5);
flex-wrap: wrap;
}
.mini_sticker span {
background: var(--global-color);
color: #fff;
font-size: var(--s12);
position: relative;
padding: var(--s5);
padding-left: var(--s25);
border-radius: 3px;
}
.mini_sticker svg {
width: var(--s17);
fill: #fff;
height: var(--s15);
position: absolute;
top: 50%;
transform: translateY(-50%);
left: var(--s5);
}
.name_one_config {
margin-top: var(--s10);
}
.name_one_config a, .name_one_config span {
color: #000;
font-size: var(--s13);
}
.price_one_config {
font-size: var(--s14);
font-weight: 500;
margin-top: var(--s10);
}
.one_config .button-group-card {
margin-top: var(--s15);
justify-content: space-between;
gap: var(--s10);
flex-wrap: nowrap;
align-self: flex-end;
}
.one_config .button-group-card button {
height: var(--s35);
flex: 0 1 100%;
padding: 0;
}
.one_config .button-group-card button:nth-child(2) {
max-width: var(--s35);
}
.one_config .button-group-card > button.active {
background: var(--global-color);
color: var(--white-color);
border-color: var(--global-color);
}
.one_config .button-group-card > button.active > svg.stroke {
fill: none;
stroke: var(--white-color);
}
.mini_sticker svg.stroke {
fill: none;
stroke: #fff;
}
.configuration_block_mini {
}
.zag_var {
font-size: var(--s15);
font-weight: 500;
margin-bottom: var(--s15);
}
.list_config_mini {
display: flex;
align-items: flex-start;
gap: var(--s10);
}
.list_config_mini > * {
flex: 0 1 100%;
max-width: calc(100% / 4 - var(--s5));
position: relative;
}
.flex_new_color_img {
border: 1px solid var(--border-color);
border-radius: 3px;
height: var(--s55);
padding: var(--s5);
display: flex;
align-items: center;
justify-content: center;
transition: all .2s ease;
}
.size_on .list_config_mini > * {
max-width: calc(100% / 3 - var(--s5));
}
.size_on .flex_new_color_img {
height: var(--s80);
}
.size_on_two .list_config_mini > * {
max-width: calc(100% / 2 - var(--s5));
}
.size_on_two .flex_new_color_img {
height: var(--s100);
}
.select-block-btn a:hover .flex_new_color_img {
border-color: var(--global-color);
}
.select-block-btn.active .flex_new_color_img {
border-color: var(--global-color);
}
.img_visib_color {
flex: 0 1 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.img_visib_color img {
max-width: 100%;
max-height: 100%;
}
.name_color_mod {
color: #000;
font-size: var(--s11);
text-align: center;
width: 100%;
display: block;
margin-top: var(--s5);
font-weight: 500;
}
.text_var_one {
display: none;
font-size: var(--s13);
color: #000;
padding: var(--s20);
}
.nal_prod {
}
.nal_prod span {
position: relative;
padding-left: var(--s25);
font-size: var(--s13);
color: #000;
}
.nal_prod span svg {
width: var(--s20);
height: var(--s20);
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
fill: var(--global-color);
}
.nal_prod span svg.stroke {
fill: none;
stroke: var(--global-color);
}
.line_price_card {
margin: var(--s10) 0;
}
.price_card_prod {
font-size: var(--s15);
font-weight: 500;
color: #000;
}
.button_config button {
height: var(--s55);
width: 100%;
border: none;
background: #F4F7FC;
color: var(--global-color);
font-size: var(--s19);
font-weight: 500;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
border-radius: 3px;
line-height: var(--s13);
}
.button_config button span b {
font-size: var(--s11);
}
.button_config button:hover {
background: var(--global-color);
color: #fff;
}
.button_config_full {
margin-top: var(--s15);
}
.button_config_full button {
width: 100%;
position: relative;
}
.button_config_full button:after {
content: '';
display: inline-block;
width: var(--s4);
height: var(--s4);
position: absolute;
top: 50%;
transform: translateY(-50%) rotate(45deg);
border-right: var(--s2) solid;
border-top: var(--s2) solid;
right: var(--s20);
}
.tooltipstered_mini {
position: relative;
}
.tippy-box[data-theme~=light] {
color: #26323d;
box-shadow: 0 0 20px 4px rgba(154, 161, 177, .15), 0 4px 80px -8px rgba(36, 40, 47, .25), 0 4px 4px -2px rgba(91, 94, 105, .15);
background-color: #fff;
padding: var(--s10);
font-size: var(--s13);
}
.tippy-box[data-theme~=light][data-placement^=top]>.tippy-arrow:before {
border-top-color: #fff;
}
.tippy-box[data-theme~=light][data-placement^=bottom]>.tippy-arrow:before {
border-bottom-color: #fff
}
.tippy-box[data-theme~=light][data-placement^=left]>.tippy-arrow:before {
border-left-color: #fff
}
.tippy-box[data-theme~=light][data-placement^=right]>.tippy-arrow:before {
border-right-color: #fff
}
.tippy-box[data-theme~=light]>.tippy-backdrop {
background-color: #fff
}
.tippy-box[data-theme~=light]>.tippy-svg-arrow {
fill: #fff
}
.hide_m_comp {
display: none;
}
.size_on_two .hide_m_comp {
display: block;
}
.name_var_list {
font-size: var(--s15);
margin-top: var(--s10);
padding-right: var(--s30);
font-weight: normal;
}
.block-border-right {
background: #fff;
border-radius: 3px;
padding: var(--s20);
margin-bottom: var(--s20);
border: 1px solid #E7E6E6;
}
.line_right_border {
padding-left: var(--s45);
position: relative;
}
.line_right_border svg {
width: var(--s25);
height: var(--s25);
fill: #000;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: calc(100% + var(--s20));
}
.line_right_border svg.stroke {
fill: none;
stroke: #000;
}
.line_right_border > div {
padding-top: var(--s20);
border-top: 1px solid #DDDDDD;
margin-top: var(--s20);
}
.line_right_border:first-child > div {
padding-top: 0;
border-top: 0;
margin-top: 0;
}
.line_right_border .line_container_border > span {
font-size: var(--s12);
color: #626F75;
display: block;
margin-top: var(--s10);
}
.line_right_border .line_container_border > div {
position: relative;
font-size: var(--s14);
font-weight: 500;
color: #000;
}
.line_right_border .line_container_border > div + div {
display: flex;
margin-top: var(--s10);
flex-wrap: wrap;
gap: var(--s10);
}
.line_right_border .line_container_border > div a {
font-size: var(--s12);
font-weight: normal;
background: #F4F7FC;
display: inline-block;
padding: var(--s7) var(--s10);
border-radius: 3px;
}
.line_right_border .line_container_border > div a:hover {
background: var(--global-color);
color:#fff;
}
.line_container_border.reverse {
position: relative;
}
.line_container_border.reverse > span {
margin-top: 0;
margin-bottom: var(--s5);
position: relative;
}
.tabs_detail {
margin-top: var(--s50);
margin-bottom: var(--s30);
}
.tabs_detail ul {
list-style: none;
padding: 0;
margin: 0;
display: flex;
align-items: flex-start;
gap: var(--s40);
}
.tabs_detail a {
font-size: var(--s20);
padding-bottom: var(--s7);
display: inline-block;
border-bottom: 1px solid transparent;
font-weight: 500;
}
.tabs_detail a:hover {
color: #000;
}
.tabs_detail a.active {
color: #000;
border-bottom: 1px solid #000;
}
.parameters_block {
}
.parameters_block h2 {
font-size: var(--s28);
display: none;
}
.flex.parameters_container {
gap: var(--s20);
position: relative;
}
.flex.parameters_container > div {
flex: 0 1 100%;
max-width: calc(100% / 2 - var(--s10));
}
.instruction {
background: #F7F7F7;
padding: 0 var(--s20);
height: var(--s50);
display: flex;
align-items: center;
width: 100%;
font-size: var(--s13);
font-weight: 500;
border-radius: 3px;
margin-bottom: var(--s20);
justify-content: space-between;
}
.instruction.sticker_pdf {
padding-left: var(--s60);
position: relative;
}
.instruction.sticker_pdf:after {
content: '';
background: url(/local/templates/mebelgold/assets/svg/pdf.svg) no-repeat;
display: block;
width: var(--s35);
height: var(--s44);
position: absolute;
left: var(--s15);
top: var(--s-4);
}
.instruction.sticker_pdf a {
height: var(--s31);
font-size: var(--s13);
padding: 0 var(--s20);
}
.parameters_list {
}
.parameters_list > div {
display: flex;
align-items: flex-start;
justify-content: space-between;
column-gap: var(--s20);
position: relative;
flex: 0 1 100%;
border-bottom: 1px dashed #DBDBDB;
}
.parameters_list > div.no_line {
font-size: var(--s14);
padding-bottom: var(--s7);
}
.parameters_list > div > span {
text-align: left;
font-size: var(--s14);
color: #626F75;
display: inline-block;
padding: var(--s6) 0;
padding-right: var(--s10);
top: 1px;
position: relative;
background: #fff;
}
.parameters_list > div > span + span {
text-align: right;
color: #000;
padding-right: 0;
padding-left: var(--s5);
}
.parameters_list > div > span + span > a:hover {
color: #000;
}
.decription_text_deatil {
font-size: var(--s14);
line-height: 1.5;
}
.parameters_container.overhidden {
max-height: 380px;
overflow: hidden;
position: relative;
}
.flex.parameters_container > div.append-but {
position: relative;
bottom: 0;
width: 100%;
left: 0;
flex: 0 1 100%;
max-width: 100%;
background: #fff;
text-align: center;
border-top: 1px solid var(--global-color);
padding-top: var(--s15);
}
.flex.parameters_container.overhidden > div.append-but {
position: absolute;
}
.flex.parameters_container.overhidden > div.append-but:before {
content: '';
display: block;
width: 100%;
height: 70px;
position: absolute;
bottom: calc(100% + 1px);
background: rgb(255,255,255);
background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.7343312324929971) 33%, rgba(255,255,255,1) 100%);
}
.append-but span {
cursor: pointer;
font-weight: 500;
font-size: var(--s15);
color: var(--global-color);
padding-right: var(--s20);
position: relative;
transition: all .2s ease;
}
.append-but span:after {
content: '';
display: inline-block;
width: var(--s4);
height: var(--s4);
position: absolute;
top: 50%;
transform: translateY(-50%) rotate(135deg);
border-right: var(--s2) solid;
border-top: var(--s2) solid;
right: 0;
}
.append-but span:hover {
color: #000;
}
.mebel_system.slider {
margin-top: var(--s30);
overflow: hidden;
padding-bottom: var(--s30);
margin-bottom: var(--s-30);
}
.js-init-module-slider {
position: relative;
}
.flex.col-advantages-detail {
max-width: 100%;
gap: var(--s20);
margin-top: var(--s50);
}
.flex.col-advantages-detail .one-advantage {
max-width: calc(100% / 4 - var(--s15));
}
.reviews_block_card {
margin-top: var(--s50);
}
.deli_card {
margin-top: var(--s50);
}
.deli_card .text-head {
border-bottom: 1px solid #EBEBEB;
padding-bottom: var(--s15);
}
.deli_card .cont_req {
display: flex;
flex-wrap: wrap;
gap: var(--s20);
}
.deli_card .cont_req .delivery-item__content-block {
flex: 0 1 100%;
max-width: calc(100% / 2 - var(--s10));
position: relative;
padding-left: var(--s45);
}
.deli_card .cont_req .delivery-item__content-block-heading {
position: relative;
font-size: var(--s17);
font-weight: 500;
margin-bottom: var(--s20);
display: block;
}
.deli_card .cont_req .delivery-item__content-block-heading svg {
width: var(--s25);
height: var(--s25);
position: absolute;
top: 50%;
transform: translateY(-50%);
stroke: #000;
right: calc(100% + var(--s15));
}
.deli_card .cont_req .delivery-item__content-block-inform {
font-size: var(--s14);
color: #000;
}
.deli_card .cont_req .delivery-item__content-block-inform table {
}
.deli_card .cont_req .delivery-item__content-block-inform table tr {
display: flex;
align-items: flex-start;
justify-content: space-between;
column-gap: var(--s20);
position: relative;
border-bottom: 1px dashed #DBDBDB;
}
.deli_card .cont_req .delivery-item__content-block-inform table td {
text-align: left;
color: #626F75;
display: inline-block;
padding: var(--s6) 0;
padding-right: var(--s10);
top: 1px;
position: relative;
background: #fff;
}
.deli_card .cont_req .delivery-item__content-block-inform table td + td {
padding-right: 0;
text-align: right;
color: #000;
}
.head_matr {
font-size: var(--s12);
margin-bottom: var(--s10);
}
.size_up {
font-size: var(--s12);
margin-top: var(--s10);
font-weight: 500;
color:#000;
}
.select-block {
position: relative;
}
.select-block-btn--lg {
width: 100%;
}
.performance-block__select {
text-align: center;
border-radius: 3px;
background: #fff;
border: 1px solid #A6A6A6;
font-size: 0;
display: flex;
align-items: center;
justify-content: space-between;
height: var(--s40);
overflow: hidden;
cursor: pointer;
-webkit-transition: all .2s ease;
transition: all .2s ease;
padding-right: var(--s20);
position: relative;
}
.performance-block__select:after {
content: '';
display: inline-block;
width: var(--s4);
height: var(--s4);
position: absolute;
top: 50%;
transform: translateY(-50%) rotate(135deg);
border-right: var(--s2) solid;
border-top: var(--s2) solid;
right: var(--s15);
border-color: var(--global-color);
transition: all .2s ease;
}
.select-block.active .performance-block__select:after {
transform: translateY(-50%) rotate(315deg);
}
.performance-block__select-amount {
vertical-align: top;
position: relative;
font-size: var(--s14);
color: #000;
font-weight: 500;
letter-spacing: normal;
padding: 0 var(--s10);
height: 100%;
text-align: left;
-webkit-transition: all .2s ease;
transition: all .2s ease;
display: flex;
align-items: center;
flex: 0 1 50%;
}
.performance-block__select-amount-text {
display: block;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.performance-block__select-amount:after {
content: '';
position: absolute;
right: 0;
top: 50%;
height: 60%;
width: 1px;
background: #CCCCCC;
transform: translateY(-50%);
-webkit-transition: all .2s ease;
transition: all .2s ease;
}
.performance-block__select-price {
vertical-align: top;
position: relative;
font-size: var(--s14);
color: #000;
font-weight: 500;
letter-spacing: normal;
padding: 0 var(--s10);
height: 100%;
text-align: left;
-webkit-transition: all .2s ease;
transition: all .2s ease;
display: flex;
align-items: center;
flex: 0 1 50%;
}
.performance-block__select-price-text {
display: block;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.select-block-drop.js-filter-drop {
position: absolute;
width: 100%;
right: 0;
top: 100%;
background: #fff;
box-shadow: 0 4px 30px rgba(0,0,0,0.1);
z-index: 111;
display: none;
}
.select-block.active .select-block-drop.js-filter-drop {
display: block;
}
.select-block-drop__inner {
max-height: 270px;
overflow: auto;
padding: var(--s10);
}
.matr_sizes .select-block-drop__item {
display: -webkit-flex;
display: flex;
flex-wrap: nowrap;
margin: 0;
padding: var(--s7) 0;
transition: all .2s ease;
cursor: pointer;
font-size: var(--s13);
justify-content: space-between;
}
.select-block-drop__left {
display: block;
-webkit-box-flex: 0;
-ms-flex: 0 0 45%;
flex: 0 0 50%;
max-width: 50%;
padding: 0;
}
.select-block-drop__text {
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
cursor: pointer;
padding-right: 0;
transition: all .2s ease;
}
.matr_sizes .select-block-drop__right {
display: block;
-webkit-box-flex: 0;
-ms-flex: 0 0 55%;
flex: 0 0 50%;
max-width: 50%;
padding-left: var(--s10);
transition: all .2s ease;
}
.matr_sizes .select-block-drop__item:hover {
color: var(--global-color);
}
.pop_view {
position: fixed;
top: var(--s20);
right: var(--s20);
z-index: 999;
background: rgba(52,52,52,0.9);
padding: var(--s20);
border-radius: 3px;
max-width: 14.38vw;
}
.pop_view > span {
font-size: var(--s13);
color: #fff;
font-weight: 500;
position: relative;
padding-left: var(--s25);
display: block;
}
.pop_view > span.icon:after {
content: '';
background: url(/local/templates/mebelgold/assets/svg/fire.png) no-repeat;
width: var(--s15);
height: var(--s19);
position: absolute;
left: 0;
top: 0;
}
@media(max-width:450px) {
.pop_view {
display: none;
}
}
.pop_view > a {
display: flex;
align-items: center;
justify-content: center;
height: var(--s30);
border-radius: 3px;
color: #fff;
font-size: var(--s12);
background: #414141;
margin-top: var(--s15);
}
.pop_view > a:hover {
background: #000;
color: #fff;
}
.pop_view > span.close_pop_view {
position: absolute;
top: var(--s15);
right: var(--s15);
border: none;
padding: 0;
outline: none;
background: none;
font-size: 0;
line-height: 0;
width: 0;
height: 0;
cursor: pointer;
}
.close_pop_view:after, .close_pop_view:before {
content: '';
width: var(--s14);
height: var(--s2);
background: #fff;
display: inline-block;
position: absolute;
transform: translate(-50%, -50%) rotate(45deg);
}
.close_pop_view:before {
transform: translate(-50%, -50%) rotate(-45deg);
}
.sost_matrasses {
margin-top: var(--s50);
}
.prodinfo-complect {
display: flex;
width: 100%;
padding-top: 10px;
flex-wrap: wrap;
flex-direction: column-reverse;
position: relative;
}
.prodinfo-complect-row {
display: flex;
align-items: flex-end;
position: relative;
}
.prodinfo-complect-row .ch-title {
flex: 0 1 40%;
max-width: 100%;
bottom: auto;
position: relative;
margin: 0 0 var(--s35) 0;
z-index: 1;
}
.prodinfo-complect-row .ch-img {
max-width: 100%;
flex: 0 1 60%;
}
.prodinfo-complect-row .ch-img img {
width: 100%;
}
.prodinfo-complect-row .ch-title-item {
line-height: 1.1;
padding: 0 var(--s10) var(--s3) 0;
border-bottom: 1px dashed #000;
position: relative;
}
.prodinfo-complect-row .ch-title-item span {
color: #000;
font-size: var(--s14);
}
.tooltipstered {
cursor: pointer;
}
.tooltip_wrap {
display: none;
}
.tooltip-content {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.tooltip-content-item {
flex: 0 1 auto;
}
.tooltip-content-item-title {
font-weight: 600;
color: #000;
margin-bottom: var(--s10);
font-size: var(--s15);
line-height: normal;
}
.prodinfo-complect-row+.prodinfo-complect-row {
margin: 0 0 var(--s-40) 0;
}
.tooltip-content-item-text {
font-size: var(--s13);
}
.parameters_list > div.parameters_list_group {
font-size: var(--s16);
font-weight: 500;
border: none;
margin-bottom: var(--s10);
margin-top: var(--s10);
}
.down_original_photo {
position: absolute;
width: var(--s35);
height: var(--s35);
background: var(--global-color);
display: block;
top: var(--s10);
left: 50%;
z-index: 99999999;
font-size: 0;
transform: translateX(-50%);
border-radius: var(--s3);
color: #fff;
transition: all .2s ease;
opacity: 0;
}
.down_original_photo:after {
content: '';
background: url('/local/templates/mebelgold/assets/svg/download.svg');
display: block;
width: var(--s20);
height: var(--s20);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.down_original_photo:hover {
background: var(--black-color);
}
.slider-product-detail .item:hover .down_original_photo {
opacity: 1;
}
.video_fon > span.p360 {
}
.video_fon > span.p360 svg {
stroke: none;
width: var(--s30);
height: var(--s30);
fill: #fff;
}
.play_card.p360 svg {
width: var(--s40);
height: var(--s40);
stroke: none;
fill: #fff;
}
.photo360 {
position: relative;
max-width: 500px;
min-width: 320px;
height: auto;
width: auto;
overflow: hidden;
margin: 0 auto;
padding: 0;
}
#photo360{
}
#photo360 img{
width: auto;
max-width: 100%;
max-height: 100%;
cursor: move;
}
.timer_head {
text-align: center;
margin-bottom: 7px;
}
.timer {
width: 140px;
}
#countdown {
}
#countdown #tiles {
display: flex;
gap: 5px;
align-items: center;
justify-content: center;
}
#countdown #tiles > span {
flex: 0 0 40px;
max-width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
border: 3px solid #fff;
}
#countdown .labels {
display: flex;
gap: 5px;
align-items: center;
margin-top: 5px;
justify-content: center;
}
#countdown .labels > span {
flex: 0 0 40px;
max-width: 40px;
text-align: center;
font-size: var(--s12);
white-space: nowrap;
}
.widgetYandexPay {
background: #fff;
border-radius: 3px;
margin-bottom: var(--s20);
border: 1px solid #E7E6E6;
}
.widgetYandexPay > span {
padding: 15px;
display: block;
padding-top: 0;
text-align: center;
font-size: var(--s13);
color: var(--gray-color);
}
.special_banner_mobile {
display: none;
}
.ajax_block.loader {
height: var(--s100);
background: var(--background-color);
display: flex;
align-items: center;
justify-content: center;
margin: var(--s30) 0;
font-size: var(--s16);
}
.ajax_block.loader:after {
content: attr(data-text);
}
.ajax_block.loader.no_fon {
height: auto;
background: none;
margin: 0;
font-size: 0;
}
.ajax_block.loader.no_fon:after {
content: none;
}
@media(max-width:1280px) {
.pop_view {
max-width: 17.97vw;
}
.slider-photo-detail-nav .item {
height: var(--s100);
width: var(--s100);
}
.slider-user-file .item {
height: var(--s100);
width: var(--s100);
}
div[data-id=responsive_block_1] {
display: flex;
gap: var(--s20);
align-items: stretch;
justify-content: space-between;
margin-top: var(--s50);
}
div[data-id=responsive_block_1] > div {
margin: 0;
flex: 0 1 100%;
}
.column_right {
display: none;
}
.configuration_block {
width: 42.97vw;
}
div[data-id=responsive_block_1] {
}
div[data-id=responsive_block_1] > div {
}
.h1_block {
justify-content: space-between;
flex: 1 1 100%;
gap: var(--s10);
}
.h1_block > span {
flex: 0 0 100%;
max-width: 100%;
order: 1;
}
.h1_block > span + span {
flex: 0 0 auto;
max-width: calc(100% / 2 - var(--s10));
order: 3;
}
.rating_detail {
flex: 0 0 100%;
max-width: calc(100% / 2 - var(--s10));
order: 2;
}
.head_card_br {
flex-wrap: wrap;
}
.kod_tovara {
padding: 0;
border-radius: 0;
border: none;
height: auto;
}
.card-page__head-collection {
flex: 0 1 100%;
}
.data_skidka {
/* display: none; */
}
.head_card_br {
margin-bottom: var(--s30);
}
}
@media(max-width:980px) {
.img_one_config {
height: 12vw;
}
.coordin_contain {
display: none;
}
.pop_view {
max-width: 25.51vw;
}
.pop_view > span {
padding-right: var(--s10);
}
}
@media(max-width:450px) {
.special_banner.spec_no_mobile {
display: none;
}
.special_banner_mobile {
display: block;
margin-top: var(--s-15);
margin-bottom: var(--s30);
}
.special_banner_mobile > span {
position: relative;
height: var(--s35);
line-height: 0;
padding: 0 var(--s15);
width: 100%;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
max-width: 100%;
display: block;
text-align: center;
font-size: var(--s14);
border-radius: 4px;
background: var(--global-color);
color: var(--white-color);
border: none;
font-weight: 500;
display: flex;
align-items: center;
justify-content: center;
}
.data_skidka {
flex: 0 0 100%;
margin-bottom: 20px;
}
.size_up {
font-size: var(--s13);
}
.head_matr {
font-size: var(--s13);
}
.special_banner .col_banner:nth-child(2) {
display: none;
}
.rating_detail .rat_num {
font-size: var(--s13);
}
.kod_tovara {
font-size: var(--s13);
}
.h1_block {
gap: var(--s15);
}
.slider-photo-detail {
height: 60vw;
}
.slider-photo-detail-nav .item {
height: var(--s80);
width: var(--s80);
}
.slider-user-file .item {
height: var(--s80);
width: var(--s80);
}
.slider-photo-detail-nav .slider-next, .slider-user-file .slider-next {
position: absolute;
display: block!important;
left: auto;
}
.slider-photo-detail-nav .slider-prev, .slider-user-file .slider-prev {
position: absolute;
display: block!important;
}
.slider-product-detail {
margin-bottom: var(--s30);
}
.head-user-file, .size-product-head {
font-size: var(--s16);
}
.size-product-line > div {
font-size: var(--s36);
}
.img_one_config {
height: 30vw;
}
.size-product-line > div > span {
font-size: var(--s13);
}
.quantity-detail {
font-size: var(--s14);
}
.name_one_config .quantity-detail {
font-size: var(--s12);
gap: var(--s5);
}
.name_one_config .quantity-detail svg {
width: var(--s20);
height: var(--s22);
}
.one_config {
padding: var(--s10);
}
.card-detail-sale-pop a {
font-size: var(--s13);
}
.delivery_info_card > div > span {
font-size: var(--s13);
}
.size-product-line {
justify-content: center;
column-gap: var(--s40);
}
.size-product-line > div + div:before {
width: var(--s13);
right: calc(100% + var(--s20));
}
.size-product-line > div + div:after {
width: var(--s13);
right: calc(100% + var(--s20));
}
div[data-id=responsive_block_1] {
flex-wrap: wrap;
margin-top: var(--s40);
}
.sost_matrasses {
margin-top: var(--s40);
}
.text-head > h3 {
font-size: var(--s20)!important;
}
.tabs_detail {
display: none;
}
.parameters_block h2 {
font-size: var(--s20);
display: block;
}
.parameters_block {
margin-top: var(--s40);
}
.flex.parameters_container > div {
flex: 0 1 100%;
max-width: 100%;
}
.deli_card {
margin-top: var(--s40);
}
.deli_card .cont_req .delivery-item__content-block {
flex: 0 1 100%;
max-width: 100%;
}
.deli_card .cont_req .delivery-item__content-block-inform table tr {
flex-wrap: wrap;
justify-content: flex-start;
padding-bottom: var(--s5);
margin-bottom: var(--s5);
}
.deli_card .cont_req .delivery-item__content-block-inform table td {
text-align: left;
color: #626F75;
display: block;
padding: var(--s4) 0;
padding-right: 0;
top: 0;
position: relative;
background: none;
flex: 0 1 100%;
}
.deli_card .cont_req .delivery-item__content-block-inform table td + td {
text-align: left;
}
.deli_card .cont_req .delivery-item__content-block-heading {
font-size: var(--s16);
margin-bottom: var(--s15);
}
.flex.col-advantages-detail {
gap: var(--s10);
margin-top: var(--s40);
}
.flex.col-advantages-detail .one-advantage {
max-width: calc(100% / 2 - var(--s6));
}
.discount {
margin: 0;
gap: var(--s10);
}
.discount-row__item {
max-width: calc(100% / 2 - var(--s5));
padding: 0;
}
.discount-row__item.disc_50 {
max-width: 100%;
}
.mfp-iframe-holder .mfp-content {
height: 100%;
}
.mfp-iframe-holder .mfp-close {
z-index: 9;
}
.collection__title {
white-space: nowrap;
}
.collection a {
padding: var(--s18) var(--s15)!important;
padding-right: var(--s30)!important;
width: 100%;
white-space: nowrap;
flex-wrap: nowrap;
text-overflow: ellipsis;
overflow: hidden;
justify-content: flex-start;
max-width: 100%;
display: inline-block;
}
.collection a.button.arrow:after {
right: var(--s13);
}
.card-page__head-collection {
flex: 0 1 100%;
max-width: 100%;
}
.special_banner > .flex {
gap: var(--s15);
justify-content: space-between;
flex-wrap: wrap;
align-items: center;
}
.block_skidka > div {
font-size: var(--s18);
}
.special_banner {
padding: var(--s15) var(--s15);
position: relative;
background-position: 20% 0px;
background-size: auto 100%;
margin-top: var(--s-10);
}
.block_skidka > span {
background: #fff;
border-radius: 50%;
font-size: var(--s16);
font-weight: 600;
color: var(--global-color);
max-width: var(--s55);
width: var(--s55);
height: var(--s55);
flex: 0 0 var(--s55);
display: flex;
align-items: center;
justify-content: center;
position: absolute;
right: var(--s10);
top: 50%;
transform: translateY(-50%);
}
.special_banner .col_banner {
flex-wrap: wrap;
gap: 0;
flex: 0 1 100%;
padding-right: var(--s80);
}
.button_skidka button.button.white {
height: var(--s35);
}
.button_config button {
height: var(--s65);
}
.flex_new_color_img {
height: var(--s65);
}
.prodinfo-complect-row {
flex-wrap: wrap;
}
.prodinfo-complect-row .ch-title {
flex: 0 1 auto;
max-width: none;
bottom: auto;
position: absolute;
margin: 0;
z-index: 1;
bottom: var(--s30);
}
.prodinfo-complect-row+.prodinfo-complect-row {
margin: 0 0 -10px 0;
}
.prodinfo-complect-row:nth-child(even) .ch-title {
right: 10%;
}
.prodinfo-complect-row:nth-child(odd) .ch-title {
left: 10%;
}
.prodinfo-complect-row .ch-title-item {
line-height: normal;
padding: 0;
border-bottom: none;
position: relative;
}
.prodinfo-complect-row .ch-title-item span {
display: block;
width: var(--s24);
height: var(--s24);
font-size: 0;
}
.prodinfo-complect-row .ch-title-item span:after {
content: '+';
font-size: var(--s25);
color: #fff;
background-color: #307EFF;
border-radius: 50%;
font-weight: 500;
display: flex;
align-items: center;
justify-content: center;
line-height: 0;
width: var(--s30);
height: var(--s30);
}
.prodinfo-complect-row .ch-img {
max-width: 100%;
flex: 0 1 100%;
}
.size-product-line > div.tables_size {
flex: 0 1 100%;
text-align: center;
margin-top: var(--s15);
}
.relative_top_config {
padding-right: var(--s40);
}
}
@media(min-width:1750px) {
.slider-photo-detail-nav .item {
height: 5.5vw;
width: 5.5vw;
}
.slider-user-file .item {
height: 5.5vw;
width: 5.5vw;
}
}
#quant_sklad {
display: none;
}
.one_sklad {
display: flex;
align-items: center;
gap: var(--s10);
font-size: var(--s13);
width: 100%;
}
.one_sklad + .one_sklad {
margin-top: var(--s10);
}
.one_sklad svg {
width: var(--s18);
height: var(--s18);
fill: var(--global-color);
}
.mt-0 {
margin-top: 0;
}
/* End */
/* Start:/local/templates/mebelgold/assets/css/widget/swiper-bundle.min.css?173396812815561*/
/**
* Swiper 7.0.8
* Most modern mobile touch slider and framework with hardware accelerated transitions
* https://swiperjs.com
*
* Copyright 2014-2021 Vladimir Kharlampidi
*
* Released under the MIT License
*
* Released on: October 4, 2021
*/
@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}
/* End */
/* Start:/local/templates/mebelgold/assets/css/widget/lightgallery.min.css?173396812627177*/
.lg-actions .lg-next, .lg-actions .lg-prev {
background-color: rgba(0, 0, 0, 0.45);
border-radius: 2px;
color: #999;
cursor: pointer;
display: block;
font-size: 22px;
margin-top: -10px;
padding: 8px 10px 9px;
position: absolute;
top: 50%;
z-index: 1080;
outline: none;
border: none;
background-color: transparent;
}
.lg-actions .lg-next.disabled, .lg-actions .lg-prev.disabled {
pointer-events: none;
opacity: 0.5;
}
.lg-actions .lg-prev, .lg-actions .lg-next {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: var(--s40);
height: var(--s45);
background: var(--global-color);
z-index: 2;
left: var(--s30);
color: var(--white-color);
border-radius: 3px;
cursor: pointer;
transition: all .2s ease;
z-index: 1082;
}
.lg-actions .lg-next {
right: var(--s30);
left: auto;
}
.lg-actions .lg-next:hover, .lg-actions .lg-prev:hover {
background: var(--black-color);
}
.lg-actions .lg-prev {
transform: translateY(-50%) rotate(180deg);
}
.lg-actions .lg-next:after, .lg-actions .lg-prev:after {
content: '';
display: inline-block;
width: var(--s8);
height: var(--s8);
border-right: var(--s2) solid;
border-top: var(--s2) solid;
transform: translate(-50%, -50%) rotate(45deg);
position: absolute;
top: 50%;
left: 45%;
}
@-webkit-keyframes lg-right-end {
0% {
left: 0;
}
50% {
left: -30px;
}
100% {
left: 0;
}
}
@-moz-keyframes lg-right-end {
0% {
left: 0;
}
50% {
left: -30px;
}
100% {
left: 0;
}
}
@-ms-keyframes lg-right-end {
0% {
left: 0;
}
50% {
left: -30px;
}
100% {
left: 0;
}
}
@keyframes lg-right-end {
0% {
left: 0;
}
50% {
left: -30px;
}
100% {
left: 0;
}
}
@-webkit-keyframes lg-left-end {
0% {
left: 0;
}
50% {
left: 30px;
}
100% {
left: 0;
}
}
@-moz-keyframes lg-left-end {
0% {
left: 0;
}
50% {
left: 30px;
}
100% {
left: 0;
}
}
@-ms-keyframes lg-left-end {
0% {
left: 0;
}
50% {
left: 30px;
}
100% {
left: 0;
}
}
@keyframes lg-left-end {
0% {
left: 0;
}
50% {
left: 30px;
}
100% {
left: 0;
}
}
.lg-outer.lg-right-end .lg-object {
-webkit-animation: lg-right-end 0.3s;
-o-animation: lg-right-end 0.3s;
animation: lg-right-end 0.3s;
position: relative;
}
.lg-outer.lg-left-end .lg-object {
-webkit-animation: lg-left-end 0.3s;
-o-animation: lg-left-end 0.3s;
animation: lg-left-end 0.3s;
position: relative;
}
.lg-toolbar {
z-index: 1082;
left: 0;
position: relative;
top: 0;
width: 100%;
}
.lg-toolbar .lg-close {
position: absolute;
top: var(--s50);
right: var(--s50);
border: none;
padding: 0;
outline: none;
width: var(--s30);
height: var(--s30);
background: none;
transition: all .2s ease;
cursor: pointer;
}
.lg-toolbar .lg-close:after, .lg-toolbar .lg-close:before {
content: '';
width: var(--s30);
height: var(--s2);
background: #000;
display: inline-block;
position: absolute;
transform: translate(-50%, -50%) rotate(45deg);
top: 50%;
left: 50%;
}
.lg-toolbar .lg-close:before {
transform: translate(-50%, -50%) rotate(-45deg);
}
.lg-toolbar .lg-close:hover, .lg-toolbar .lg-close:focus {
transform: rotate(90deg);
}
.lg-sub-html {
background-color: rgba(0, 0, 0, 0.45);
bottom: 0;
color: #EEE;
font-size: 16px;
left: 0;
padding: 10px 40px;
position: fixed;
right: 0;
text-align: center;
z-index: 1080;
}
.lg-sub-html h4 {
margin: 0;
font-size: 13px;
font-weight: bold;
}
.lg-sub-html p {
font-size: 12px;
margin: 5px 0 0;
}
#lg-counter {
color: #999;
display: inline-block;
font-size: 16px;
padding-left: 20px;
padding-top: 12px;
vertical-align: middle;
}
.lg-toolbar, .lg-prev, .lg-next {
opacity: 1;
-webkit-transition: -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
-moz-transition: -moz-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
-o-transition: -o-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
}
.lg-hide-items .lg-prev {
opacity: 0;
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
.lg-hide-items .lg-next {
opacity: 0;
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
.lg-hide-items .lg-toolbar {
opacity: 0;
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object {
-webkit-transform: scale3d(0.5, 0.5, 0.5);
transform: scale3d(0.5, 0.5, 0.5);
opacity: 0;
-webkit-transition: -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
-moz-transition: -moz-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
-o-transition: -o-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
opacity: 1;
}
.lg-outer .lg-thumb-outer {
background-color: #fff;
bottom: 0;
position: absolute;
width: 100%;
z-index: 1080;
max-height: 350px;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
-webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
-moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
-o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {
cursor: -webkit-grab;
cursor: -moz-grab;
cursor: -o-grab;
cursor: -ms-grab;
cursor: grab;
}
.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item {
cursor: move;
cursor: -webkit-grabbing;
cursor: -moz-grabbing;
cursor: -o-grabbing;
cursor: -ms-grabbing;
cursor: grabbing;
}
.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb {
-webkit-transition-duration: 0s !important;
transition-duration: 0s !important;
}
.lg-outer.lg-thumb-open .lg-thumb-outer {
-webkit-transform: translate3d(0, 0%, 0);
transform: translate3d(0, 0%, 0);
}
.lg-outer .lg-thumb {
margin: 0 auto;
padding: 10px 0;
height: 100%;
margin-bottom: -5px;
}
.lg-outer .lg-thumb-item {
cursor: pointer;
float: left;
overflow: hidden;
height: 100%;
border: 1px solid #E2E5E5;
border-radius: 3px;
margin-bottom: 5px;
padding: var(--s5);
}
@media (min-width: 1025px) {
.lg-outer .lg-thumb-item {
-webkit-transition: border-color 0.25s ease;
-o-transition: border-color 0.25s ease;
transition: border-color 0.25s ease;
}
}
.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {
border-color: #000;
}
.lg-outer .lg-thumb-item img {
width: 100%;
height: 100%;
object-fit: cover;
}
.lg-outer.lg-has-thumb .lg-item {
padding-bottom: 120px;
}
.lg-outer.lg-can-toggle .lg-item {
padding-bottom: 0;
}
.lg-outer.lg-pull-caption-up .lg-sub-html {
-webkit-transition: bottom 0.25s ease;
-o-transition: bottom 0.25s ease;
transition: bottom 0.25s ease;
}
.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {
bottom: 100px;
}
.lg-outer .lg-toggle-thumb {
background-color: #0D0A0A;
border-radius: 2px 2px 0 0;
color: #999;
cursor: pointer;
font-size: 24px;
height: 39px;
line-height: 27px;
padding: 5px 0;
position: absolute;
right: 20px;
text-align: center;
top: -39px;
width: 50px;
outline: medium none;
border: none;
}
.lg-outer .lg-toggle-thumb:after {
content: "\e1ff";
}
.lg-outer .lg-toggle-thumb:hover {
color: #FFF;
}
.lg-outer .lg-video-cont {
display: inline-block;
vertical-align: middle;
max-width: 1140px;
max-height: 100%;
width: 100%;
padding: 0 5px;
}
.lg-outer .lg-video {
width: 100%;
height: 0;
padding-bottom: 56.25%;
overflow: hidden;
position: relative;
}
.lg-outer .lg-video .lg-object {
display: inline-block;
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
.lg-outer .lg-video .lg-video-play {
width: 84px;
height: 59px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -42px;
margin-top: -30px;
z-index: 1080;
cursor: pointer;
}
.lg-outer .lg-has-vimeo .lg-video-play {
background: url("/local/templates/mebelgold/assets/css/widget/../img/vimeo-play.png") no-repeat scroll 0 0 transparent;
}
.lg-outer .lg-has-vimeo:hover .lg-video-play {
background: url("/local/templates/mebelgold/assets/css/widget/../img/vimeo-play.png") no-repeat scroll 0 -58px transparent;
}
.lg-outer .lg-has-html5 .lg-video-play {
background: transparent url("/local/templates/mebelgold/assets/css/widget/../img/video-play.png") no-repeat scroll 0 0;
height: 64px;
margin-left: -32px;
margin-top: -32px;
width: 64px;
opacity: 0.8;
}
.lg-outer .lg-has-html5:hover .lg-video-play {
opacity: 1;
}
.lg-outer .lg-has-youtube .lg-video-play {
background: url("/local/templates/mebelgold/assets/css/widget/../img/youtube-play.png") no-repeat scroll 0 0 transparent;
}
.lg-outer .lg-has-youtube:hover .lg-video-play {
background: url("/local/templates/mebelgold/assets/css/widget/../img/youtube-play.png") no-repeat scroll 0 -60px transparent;
}
.lg-outer .lg-video-object {
width: 100% !important;
height: 100% !important;
position: absolute;
top: 0;
left: 0;
}
.lg-outer .lg-has-video .lg-video-object {
visibility: hidden;
}
.lg-outer .lg-has-video.lg-video-playing .lg-object, .lg-outer .lg-has-video.lg-video-playing .lg-video-play {
display: none;
}
.lg-outer .lg-has-video.lg-video-playing .lg-video-object {
visibility: visible;
}
.lg-progress-bar {
background-color: #333;
height: 5px;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 1083;
opacity: 0;
-webkit-transition: opacity 0.08s ease 0s;
-moz-transition: opacity 0.08s ease 0s;
-o-transition: opacity 0.08s ease 0s;
transition: opacity 0.08s ease 0s;
}
.lg-progress-bar .lg-progress {
background-color: #a90707;
height: 5px;
width: 0;
}
.lg-progress-bar.lg-start .lg-progress {
width: 100%;
}
.lg-show-autoplay .lg-progress-bar {
opacity: 1;
}
.lg-autoplay-button:after {
content: "\e01d";
}
.lg-show-autoplay .lg-autoplay-button:after {
content: "\e01a";
}
.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap, .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image {
-webkit-transition-duration: 0s;
transition-duration: 0s;
}
.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
-webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
-moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
-o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
-webkit-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
-moz-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
-o-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
-webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
-moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
-o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
}
#lg-zoom-in:after {
content: "\e311";
}
#lg-actual-size {
font-size: 20px;
}
#lg-actual-size:after {
content: "\e033";
}
#lg-zoom-out {
opacity: 0.5;
pointer-events: none;
}
#lg-zoom-out:after {
content: "\e312";
}
.lg-zoomed #lg-zoom-out {
opacity: 1;
pointer-events: auto;
}
.lg-outer .lg-pager-outer {
bottom: 60px;
left: 0;
position: absolute;
right: 0;
text-align: center;
z-index: 1080;
height: 10px;
}
.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont {
overflow: visible;
}
.lg-outer .lg-pager-cont {
cursor: pointer;
display: inline-block;
overflow: hidden;
position: relative;
vertical-align: top;
margin: 0 5px;
}
.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.lg-outer .lg-pager-cont.lg-pager-active .lg-pager {
box-shadow: 0 0 0 2px white inset;
}
.lg-outer .lg-pager-thumb-cont {
background-color: #fff;
color: #FFF;
bottom: 100%;
height: 83px;
left: 0;
margin-bottom: 20px;
margin-left: -60px;
opacity: 0;
padding: 5px;
position: absolute;
width: 120px;
border-radius: 3px;
-webkit-transition: opacity 0.15s ease 0s, -webkit-transform 0.15s ease 0s;
-moz-transition: opacity 0.15s ease 0s, -moz-transform 0.15s ease 0s;
-o-transition: opacity 0.15s ease 0s, -o-transform 0.15s ease 0s;
transition: opacity 0.15s ease 0s, transform 0.15s ease 0s;
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
.lg-outer .lg-pager-thumb-cont img {
width: 100%;
height: 100%;
}
.lg-outer .lg-pager {
background-color: rgba(255, 255, 255, 0.5);
border-radius: 50%;
box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset;
display: block;
height: 12px;
-webkit-transition: box-shadow 0.3s ease 0s;
-o-transition: box-shadow 0.3s ease 0s;
transition: box-shadow 0.3s ease 0s;
width: 12px;
}
.lg-outer .lg-pager:hover, .lg-outer .lg-pager:focus {
box-shadow: 0 0 0 8px white inset;
}
.lg-outer .lg-caret {
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px dashed;
bottom: -10px;
display: inline-block;
height: 0;
left: 50%;
margin-left: -5px;
position: absolute;
vertical-align: middle;
width: 0;
}
.lg-fullscreen:after {
content: "\e20c";
}
.lg-fullscreen-on .lg-fullscreen:after {
content: "\e20d";
}
.lg-outer #lg-dropdown-overlay {
background-color: rgba(0, 0, 0, 0.25);
bottom: 0;
cursor: default;
left: 0;
position: fixed;
right: 0;
top: 0;
z-index: 1081;
opacity: 0;
visibility: hidden;
-webkit-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
-o-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
}
.lg-outer.lg-dropdown-active .lg-dropdown, .lg-outer.lg-dropdown-active #lg-dropdown-overlay {
-webkit-transition-delay: 0s;
transition-delay: 0s;
-moz-transform: translate3d(0, 0px, 0);
-o-transform: translate3d(0, 0px, 0);
-ms-transform: translate3d(0, 0px, 0);
-webkit-transform: translate3d(0, 0px, 0);
transform: translate3d(0, 0px, 0);
opacity: 1;
visibility: visible;
}
.lg-outer.lg-dropdown-active #lg-share {
color: #FFF;
}
.lg-outer .lg-dropdown {
background-color: #fff;
border-radius: 2px;
font-size: 14px;
list-style-type: none;
margin: 0;
padding: 10px 0;
position: absolute;
right: 0;
text-align: left;
top: 50px;
opacity: 0;
visibility: hidden;
-moz-transform: translate3d(0, 5px, 0);
-o-transform: translate3d(0, 5px, 0);
-ms-transform: translate3d(0, 5px, 0);
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
-webkit-transition: -webkit-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
-moz-transition: -moz-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
-o-transition: -o-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
transition: transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
}
.lg-outer .lg-dropdown:after {
content: "";
display: block;
height: 0;
width: 0;
position: absolute;
border: 8px solid transparent;
border-bottom-color: #FFF;
right: 16px;
top: -16px;
}
.lg-outer .lg-dropdown > li:last-child {
margin-bottom: 0px;
}
.lg-outer .lg-dropdown > li:hover a, .lg-outer .lg-dropdown > li:hover .lg-icon {
color: #333;
}
.lg-outer .lg-dropdown a {
color: #333;
display: block;
white-space: pre;
padding: 4px 12px;
font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 12px;
}
.lg-outer .lg-dropdown a:hover {
background-color: rgba(0, 0, 0, 0.07);
}
.lg-outer .lg-dropdown .lg-dropdown-text {
display: inline-block;
line-height: 1;
margin-top: -3px;
vertical-align: middle;
}
.lg-outer .lg-dropdown .lg-icon {
color: #333;
display: inline-block;
float: none;
font-size: 20px;
height: auto;
line-height: 1;
margin-right: 8px;
padding: 0;
vertical-align: middle;
width: auto;
}
.lg-outer #lg-share {
position: relative;
}
.lg-outer #lg-share:after {
content: "\e80d";
}
.lg-outer #lg-share-facebook .lg-icon {
color: #3b5998;
}
.lg-outer #lg-share-facebook .lg-icon:after {
content: "\e904";
}
.lg-outer #lg-share-twitter .lg-icon {
color: #00aced;
}
.lg-outer #lg-share-twitter .lg-icon:after {
content: "\e907";
}
.lg-outer #lg-share-googleplus .lg-icon {
color: #dd4b39;
}
.lg-outer #lg-share-googleplus .lg-icon:after {
content: "\e905";
}
.lg-outer #lg-share-pinterest .lg-icon {
color: #cb2027;
}
.lg-outer #lg-share-pinterest .lg-icon:after {
content: "\e906";
}
.lg-outer .lg-img-rotate {
position: absolute;
padding: 0 5px;
left: 0;
right: 0;
top: 0;
bottom: 0;
-webkit-transition: -webkit-transform 0.3s cubic-bezier(0.32, 0, 0.67, 0) 0s;
-moz-transition: -moz-transform 0.3s cubic-bezier(0.32, 0, 0.67, 0) 0s;
-o-transition: -o-transform 0.3s cubic-bezier(0.32, 0, 0.67, 0) 0s;
transition: transform 0.3s cubic-bezier(0.32, 0, 0.67, 0) 0s;
}
.lg-rotate-left:after {
content: "\e900";
}
.lg-rotate-right:after {
content: "\e901";
}
.lg-icon.lg-flip-hor, .lg-icon.lg-flip-ver {
font-size: 26px;
}
.lg-flip-hor:after {
content: "\e902";
}
.lg-flip-ver:after {
content: "\e903";
}
.lg-group {
*zoom: 1;
}
.lg-group:before, .lg-group:after {
display: table;
content: "";
line-height: 0;
}
.lg-group:after {
clear: both;
}
.lg-outer {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 1050;
opacity: 0;
outline: none;
-webkit-transition: opacity 0.15s ease 0s;
-o-transition: opacity 0.15s ease 0s;
transition: opacity 0.15s ease 0s;
}
.lg-outer * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.lg-outer.lg-visible {
opacity: 1;
}
.lg-outer.lg-css3 .lg-item.lg-prev-slide, .lg-outer.lg-css3 .lg-item.lg-next-slide, .lg-outer.lg-css3 .lg-item.lg-current {
-webkit-transition-duration: inherit !important;
transition-duration: inherit !important;
-webkit-transition-timing-function: inherit !important;
transition-timing-function: inherit !important;
}
.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-current {
-webkit-transition-duration: 0s !important;
transition-duration: 0s !important;
opacity: 1;
}
.lg-outer.lg-grab img.lg-object {
cursor: -webkit-grab;
cursor: -moz-grab;
cursor: -o-grab;
cursor: -ms-grab;
cursor: grab;
}
.lg-outer.lg-grabbing img.lg-object {
cursor: move;
cursor: -webkit-grabbing;
cursor: -moz-grabbing;
cursor: -o-grabbing;
cursor: -ms-grabbing;
cursor: grabbing;
}
.lg-outer .lg {
height: 100%;
width: 100%;
position: relative;
overflow: hidden;
margin-left: auto;
margin-right: auto;
max-width: 100%;
max-height: 100%;
}
.lg-outer .lg-inner {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
white-space: nowrap;
}
.lg-outer .lg-item {
background: url("/local/templates/mebelgold/assets/css/widget/../../svg/preloader.svg") no-repeat scroll center center transparent;
display: none !important;
}
.lg-outer.lg-css3 .lg-prev-slide, .lg-outer.lg-css3 .lg-current, .lg-outer.lg-css3 .lg-next-slide {
display: inline-block !important;
}
.lg-outer.lg-css .lg-current {
display: inline-block !important;
}
.lg-outer .lg-item, .lg-outer .lg-img-wrap {
display: inline-block;
text-align: center;
position: absolute;
width: 100%;
height: 100%;
}
.lg-outer .lg-item:before, .lg-outer .lg-img-wrap:before {
content: "";
display: inline-block;
height: 50%;
width: 1px;
margin-right: -1px;
}
.lg-outer .lg-img-wrap {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
padding: var(--s30) var(--s50);
padding-bottom: var(--s100);
}
@media(max-width:450px) {
.lg-outer .lg-img-wrap {
padding: 0;
padding-bottom: var(--s100);
}
.lg-actions .lg-prev, .lg-actions .lg-next {
top: calc(50% - var(--s50));
}
}
.lg-outer .lg-item.lg-complete {
background-image: none;
}
.lg-outer .lg-item.lg-current {
z-index: 1060;
}
.lg-outer .lg-image {
display: inline-block;
vertical-align: middle;
max-width: 100%;
max-height: 100%;
width: auto !important;
height: auto !important;
}
.lg-outer.lg-show-after-load .lg-item .lg-object, .lg-outer.lg-show-after-load .lg-item .lg-video-play {
opacity: 0;
-webkit-transition: opacity 0.15s ease 0s;
-o-transition: opacity 0.15s ease 0s;
transition: opacity 0.15s ease 0s;
}
.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object, .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play {
opacity: 1;
}
.lg-outer .lg-empty-html {
display: none;
}
.lg-outer.lg-hide-download #lg-download {
display: none;
}
.lg-backdrop {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1040;
background-color: #fff;
opacity: 0;
-webkit-transition: opacity 0.15s ease 0s;
-o-transition: opacity 0.15s ease 0s;
transition: opacity 0.15s ease 0s;
}
.lg-backdrop.in {
opacity: 1;
}
.lg-css3.lg-no-trans .lg-prev-slide, .lg-css3.lg-no-trans .lg-next-slide, .lg-css3.lg-no-trans .lg-current {
-webkit-transition: none 0s ease 0s !important;
-moz-transition: none 0s ease 0s !important;
-o-transition: none 0s ease 0s !important;
transition: none 0s ease 0s !important;
}
.lg-css3.lg-use-css3 .lg-item {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
}
.lg-css3.lg-use-left .lg-item {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
}
.lg-css3.lg-fade .lg-item {
opacity: 0;
}
.lg-css3.lg-fade .lg-item.lg-current {
opacity: 1;
}
.lg-css3.lg-fade .lg-item.lg-prev-slide, .lg-css3.lg-fade .lg-item.lg-next-slide, .lg-css3.lg-fade .lg-item.lg-current {
-webkit-transition: opacity 0.1s ease 0s;
-moz-transition: opacity 0.1s ease 0s;
-o-transition: opacity 0.1s ease 0s;
transition: opacity 0.1s ease 0s;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item {
opacity: 0;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}
.lg-css3.lg-slide.lg-use-left .lg-item {
opacity: 0;
position: absolute;
left: 0;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {
left: -100%;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide {
left: 100%;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
left: 0;
opacity: 1;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
-webkit-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-moz-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
-o-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}
/* End */
/* Start:/local/templates/mebelgold/components/bitrix/catalog/mebelgold/style.css?173432506510619*/
.seo_desc_bottom {
margin-top: var(--s50);
line-height: 1.5;
}
.seo_desc_bottom ul {
margin: var(--s20) 0;
padding: 0;
list-style: none;
}
.seo_desc_bottom ul li {
position: relative;
padding-left: var(--s20);
}
.seo_desc_bottom ul li:after {
content: '';
width: var(--s5);
height: var(--s5);
display: inline-block;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
background: var(--global-color);
border-radius: 50%;
}
.seo_desc_bottom p {
margin-bottom: var(--s20);
}
.sort_block.ckeckboxed {
}
.check_availability {
position: relative;
padding-left: var(--s30);
display: inline-block;
font-style: normal;
font-weight: 500;
line-height: normal;
font-size: var(--s14);
cursor: pointer;
}
.check_availability > input {
display: none;
width: 0;
height: 0;
opacity: 0;
visibility: hidden;
}
.check_availability > input + span {
display: inline-block;
width: var(--s20);
height: var(--s20);
background: #FFFFFF;
border: 1px solid #d2d2d2;
border-radius: 2px;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
transition: all .2s ease-in;
}
.check_availability > input:checked + span {
background: #fff;
border: 6px solid #303030;
}
.sort_and_aviliable {
display: flex;
align-items: center;
gap: 30px;
}
.special_banner {
padding: var(--s25) var(--s30);
padding-left: var(--s20);
border-radius: 7px;
overflow: hidden;
background: url(/local/templates/mebelgold/assets/img/back-special.jpg) var(--global-color) no-repeat center;
background-size: cover;
align-items: center;
justify-content: space-between;
margin-bottom: var(--s20);
}
.special_banner > .flex {
gap: var(--s20);
justify-content: space-between;
flex-wrap: nowrap;
align-items: center;
}
.special_banner .col_banner {
display: flex;
align-items: center;
gap: var(--s20);
}
.block_skidka {
display: flex;
align-items: center;
gap: var(--s30);
}
.block_skidka > span {
background: #fff;
border-radius: 50%;
font-size: var(--s17);
font-weight: 600;
color: var(--global-color);
max-width: var(--s60);
height: var(--s60);
flex: 0 0 var(--s60);
display: flex;
align-items: center;
justify-content: center;
}
.block_skidka > div {
font-size: var(--s23);
color: #fff;
font-weight: 600;
text-transform: uppercase;
}
.block_text {
font-size: var(--s16);
color: #fff;
border-left: 1px solid;
padding: var(--s10) 0;
padding-left: var(--s30);
}
@media(max-width:450px) {
.block_text {
font-size: var(--s16);
color: #fff;
border-left: none;
padding: 0;
padding-left: 0;
}
.special_banner > .flex {
gap: var(--s15);
justify-content: space-between;
flex-wrap: wrap;
align-items: center;
}
.block_skidka > div {
font-size: var(--s18);
}
.special_banner {
padding: var(--s15) var(--s15);
position: relative;
background-position: 20% 0px;
background-size: auto 100%;
margin-top: var(--s-10);
}
.block_skidka > span {
background: #fff;
border-radius: 50%;
font-size: var(--s16);
font-weight: 600;
color: var(--global-color);
max-width: var(--s55);
width: var(--s55);
height: var(--s55);
flex: 0 0 var(--s55);
display: flex;
align-items: center;
justify-content: center;
position: absolute;
right: var(--s10);
top: 50%;
transform: translateY(-50%);
}
.special_banner .col_banner {
flex-wrap: wrap;
gap: 0;
flex: 0 1 100%;
}
.button_skidka button.button.white {
height: var(--s35);
}
.sort_and_aviliable {
order: 0;
flex: 0 1 50%;
max-width: calc(50% - var(--s5));
}
.sort_and_aviliable > .sort_block {
order: 0;
flex: 0 1 100%;
max-width: 100%;
}
.sort_and_aviliable .sort_block.ckeckboxed {
display: none;
}
}
.tags-list {
overflow: hidden;
position: relative;
margin-bottom: var(--s30);
}
.tags-list > span {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
height: 100%;
display: flex;
align-items: center;
background: #fff;
padding-left: var(--s20);
padding-right: var(--s20);
font-size: var(--s13);
font-weight: 500;
color: var(--global-color);
cursor: pointer;
transition: all .2s ease;
z-index: 2;
}
.tags-list > span:after {
content: '';
display: inline-block;
width: var(--s4);
height: var(--s4);
position: absolute;
top: 50%;
transform: translateY(-50%) rotate(135deg);
border-right: var(--s2) solid;
border-top: var(--s2) solid;
right: var(--s2);
}
.tags-list > span:hover {
color: var(--black-color);
}
.tags-list ul {
padding: 0;
margin: 0;
list-style: none;
display: flex;
align-items: center;
gap: var(--s10);
flex-wrap: nowrap;
width: fit-content;
}
.tags-list.active ul {
flex-wrap: wrap;
}
.tags-list ul > li {
}
.tags-list ul > li > a {
background: #F5F5F5;
color: var(--black-color);
border-radius: 3px;
white-space: nowrap;
font-size: var(--s13);
display: inline-block;
padding: var(--s8) var(--s15);
}
.tags-list ul > li > a:hover {
background: var(--global-color);
color: var(--white-color);
}
.tags-list ul > li.active > a {
background: var(--global-color);
color: var(--white-color);
}
.navigation-list {
margin: 0 var(--s-30) var(--s20);
padding: 0 var(--s30);
padding-bottom: var(--s20);
overflow: hidden;
position: relative;
border-bottom: 1px solid #E9E9E9;
}
.navigation-list:after, .navigation-list:before {
content: '';
display: inline-block;
position: absolute;
top: 0;
background: rgb(255,255,255);
background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.7343312324929971) 33%, rgba(255,255,255,1) 100%);
height: 100%;
width: var(--s35);
z-index: 1;
right: 0;
}
.navigation-list:before {
right: auto;
left: 0;
z-index: 2;
background: rgb(255,255,255);
background: linear-gradient(270deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.7343312324929971) 33%, rgba(255,255,255,1) 100%);
}
.navigation-list ul {
padding: 0;
margin: 0;
list-style: none;
gap: 60px;
}
.swiper-initialized.navigation-list ul {
gap: 0;
}
.navigation-list ul > li {
flex: 0 1 auto;
max-width: 50%;
padding: 0;
height: auto;
align-self: stretch;
width: auto;
}
.navigation-list ul > li > a {
display: block;
height: 100%;
text-align: center;
}
.navigation-list ul > li > a .icon_menu {
width: var(--s60);
height: var(--s60);
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto;
}
.navigation-list ul > li > a .icon_menu svg {
fill: var(--black-color);
transition: all 0.2s ease;
width: 100%;
height: 100%;
}
.navigation-list ul > li > a .text_menu {
text-align: center;
color: var(--black-color);
font-weight: 500;
font-size: var(--s13);
margin-top: var(--s10);
}
.navigation-list ul > li > a:hover .text_menu, .navigation-list ul > li.active > a .text_menu {
color: var(--global-color);
}
.navigation-list ul > li > a:hover .icon_menu svg, .navigation-list ul > li.active > a .icon_menu svg {
fill: var(--global-color);
}
.navigation-list .slider-next, .navigation-list .slider-prev {
top: calc(50% - var(--s20));
}
@media(max-width:1280px) {
.navigation-list {
margin: 0 var(--s-20) var(--s20);
padding: 0 var(--s20);
padding-bottom: var(--s20);
}
.navigation-list:after, .navigation-list:before {
width: var(--s25);
}
}
@media(max-width:980px) {
.navigation-list {
margin: 0 var(--s-30) var(--s20);
padding: 0 var(--s30);
padding-bottom: var(--s20);
}
}
@media(max-width:450px) {
.column_left .tags-list ul {
width: auto;
overflow: auto;
padding-bottom: var(--s15);
padding-right: var(--s15);
}
.column_left .tags-list {
margin-right: var(--s-15);
margin-bottom: var(--s20);
}
.navigation-list {
margin: 0 var(--s-15) var(--s30);
border: none;
padding: 0 var(--s15);
padding-bottom: 0;
padding-top: 0;
}
.navigation-list:after, .navigation-list:before {
content: none;
}
.navigation-list .slider-next, .navigation-list .slider-prev {
position: absolute;
transform: translateY(-50%);
right: 0;
left: auto;
display: block!important;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
top: 50%;
}
.navigation-list .slider-prev {
left: 0;
right: auto;
transform: translateY(-50%) rotate(180deg);
}
.navigation-list ul > li {
padding: 0 var(--s15);
}
}
.bottom-tags {
background: #fff;
padding: var(--s20) var(--s25);
margin-top: var(--s50);
box-shadow: 0px 4px 21px rgb(0 0 0 / 6%);
}
.bottom-tags_head {
position: relative;
margin-bottom: var(--s30);
display: inline-block;
padding-right: var(--s65);
}
.bottom-tags_head h2 {
font-size: var(--s30);
font-weight: 400;
margin: 0;
}
.bottom-tags_head span {
width: var(--s50);
height: var(--s50);
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
display: flex;
align-items: center;
justify-content: center;
}
.bottom-tags_head svg {
width: 100%;
height: 100%;
fill: var(--global-color);
}
.bottom-tags_container {
}
.bottom-tags_container > div {
padding-bottom: var(--s20);
border-bottom: 1px solid #DFDFDF;
margin-bottom: var(--s20);
}
.bottom-tags_container > div > h3 {
font-size: var(--s18);
margin: 0;
margin-bottom: var(--s15);
}
.bottom-tags_container > div:last-child {
padding-bottom: 0;
border-bottom: 0;
margin-bottom: 0;
}
.bottom-tags .tags-list {
overflow: hidden;
position: relative;
margin-bottom: 0;
}
@media(max-width:1280px) {
.bottom-tags_head h2 {
font-size: var(--s22);
}
.bottom-tags {
margin-top: var(--s30);
}
}
/* End */
/* Start:/local/templates/mebelgold/components/bitrix/catalog.section/all_mebel/style.css?17344397736336*/
.line-product.flex {
row-gap: 0;
margin: 0 var(--container-margin);
}
.item.grid {
flex: 0 1 100%;
max-width: calc(100% / 3);
padding: 0 var(--row-padding);
align-self: stretch;
margin-bottom: var(--s20);
}
.filter_and_sort {
padding-bottom: var(--s20);
display: flex;
align-items: center;
justify-content: space-between;
gap: 0;
}
.tags-list {
overflow: hidden;
position: relative;
margin-bottom: var(--s30);
}
.tags-list > span {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
height: 100%;
display: flex;
align-items: center;
background: #fff;
padding-left: var(--s20);
padding-right: var(--s20);
font-size: var(--s13);
font-weight: 500;
color: var(--global-color);
cursor: pointer;
transition: all .2s ease;
z-index: 2;
}
.tags-list > span:after {
content: '';
display: inline-block;
width: var(--s4);
height: var(--s4);
position: absolute;
top: 50%;
transform: translateY(-50%) rotate(135deg);
border-right: var(--s2) solid;
border-top: var(--s2) solid;
right: var(--s2);
}
.tags-list > span:hover {
color: var(--black-color);
}
.tags-list ul {
padding: 0;
margin: 0;
list-style: none;
display: flex;
align-items: center;
gap: var(--s10);
flex-wrap: wrap;
width: fit-content;
}
.tags-list.active ul {
flex-wrap: wrap;
}
.tags-list ul > li {
}
.tags-list ul > li > a {
background: #F5F5F5;
color: var(--black-color);
border-radius: 3px;
white-space: nowrap;
font-size: var(--s13);
display: inline-block;
padding: var(--s8) var(--s15);
}
.tags-list ul > li > a:hover {
background: var(--global-color);
color: var(--white-color);
}
.tags-list ul > li.active > a {
background: var(--global-color);
color: var(--white-color);
}
.alert {
position: relative;
padding-left: var(--s35);
margin-bottom: var(--s30);
font-size: var(--s14);
}
.alert svg {
width: var(--s25);
height: var(--s25);
stroke: #DD4141;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
}
.alert span {
color: #DD4141;
font-weight: 500;
}
#products_listing {
margin-bottom: var(--s20);
}
.time_reset {
position: relative;
padding-left: var(--s30);
margin-bottom: var(--s30);
font-size: var(--s14);
}
.time_reset svg {
width: var(--s20);
height: var(--s20);
stroke: var(--global-color);
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
}
.head_fixed {
display:none;
font-weight: 500;
margin-bottom: var(--s25);
}
@media(min-width:1281px) {
.fixed_tags .tags-list {
position: fixed;
right: var(--container-root-padding-right);
top: var(--s20);
background: #fff;
padding: var(--s30);
box-shadow: 0px 4px 30px rgba(0,0,0,0.1);
border-radius: 3px;
z-index: 3;
}
.fixed_tags .tags-list .head_fixed {
display:block;
}
.fixed_tags .tags-list ul {
padding: 0;
margin: 0;
list-style: none;
display: flex;
align-items: flex-start;
gap: var(--s10);
flex-wrap: wrap;
width: 100%;
padding-left: var(--s30);
max-height: 50vh;
overflow: auto;
position: relative;
}
.fixed_tags .tags-list ul:after {
content: '';
display: block;
position: absolute;
width: 2px;
height: 100%;
background: #DCE0E2;
left: 0;
top: 0;
}
.fixed_tags .tags-list ul li {
flex: 0 1 100%;
max-width: 100%;
}
.fixed_tags .tags-list ul li a {
background: none;
color: var(--black-color);
border-radius: 0;
white-space: nowrap;
font-size: var(--s13);
display: inline-block;
padding: 0;
overflow: hidden;
transition: none;
}
.fixed_tags .tags-list ul li a:hover {
color: var(--global-color);
background: none;
}
.fixed_tags .tags-list ul li a sup {
display: none;
}
.fixed_tags .tags-list {
top: 120px;
}
}
@media(max-width:450px) {
.column_left .tags-list ul {
width: auto;
overflow: auto;
padding-bottom: var(--s15);
padding-right: var(--s15);
}
.column_left .tags-list {
margin-right: var(--s-15);
margin-bottom: var(--s20);
}
}
.mebel_system {
margin-top: var(--s50);
}
.mebel_system .text-head {
margin-bottom: var(--s20);
}
.mebel_system .text-head > h3 {
font-size: var(--s23);
}
.product_grid {
margin-bottom: var(--s20);
}
.product_grid:last-child {
margin-bottom: 0;
}
.mobi_slider_init .item.grid {
height: auto;
}
.swiper-initialized.mobi_slider_init .line-product.flex {
flex-wrap: unset;
align-items: unset;
justify-content: unset;
row-gap: unset;
margin: 0 auto;
}
.swiper-initialized.mobi_slider_init {
overflow: hidden;
position: relative;
}
.swiper-initialized.mobi_slider_init .item.grid {
padding: 0;
max-width: 33.333%;
width: 100%;
flex: auto;
flex-shrink: 0;
}
.mobi_slider_init:not(.swiper-initialized) .slider-next, .mobi_slider_init:not(.swiper-initialized) .slider-prev {
display: none;
}
@media(max-width: 1280px) {
.fixed_tags .tags-list {
position: fixed;
right: var(--container-root-padding-right);
top: 0;
background: #fff;
padding: var(--s15);
box-shadow: 0px 4px 30px rgba(0,0,0,0.1);
border-radius: 3px;
z-index: 3;
margin: 0;
}
.fixed_tags .tags-list ul {
flex-wrap: nowrap;
width: 100%;
max-width: 100%;
overflow: auto;
}
.mobi_slider_init .line-product.flex {
flex-wrap: unset;
align-items: unset;
justify-content: unset;
row-gap: unset;
margin: 0 auto;
}
.mobi_slider_init {
overflow: hidden;
}
.mobi_slider_init .item.grid {
padding: 0;
max-width: 33.333%;
width: 100%;
flex: auto;
flex-shrink: 0;
}
}
@media(max-width: 450px) {
.fixed_tags .tags-list {
position: fixed;
right: 0;
top: var(--s60);
background: #fff;
padding: var(--s15);
box-shadow: 0px 4px 30px rgba(0,0,0,0.1);
border-radius: 3px;
z-index: 3;
margin: 0;
width: 100%!important;
}
.column_left .tags-list ul {
padding-bottom: 0;
padding-right: 0;
}
.swiper-initialized.mobi_slider_init .item.grid {
max-width: 50%;
}
.mobi_slider_init .slider-next, .mobi_slider_init .slider-prev {
display: none;
}
}
@media(min-width:1750px) {
.item.grid {
max-width: calc(100% / 4);
}
.line-product.flex {
max-width: none;
width: auto;
}
}
@media(min-width:1280px) {
body:not(.fixed_tags) .js-slider-tags .nicescroll-rails {
left: 999999999px;!important;
}
}
/* End */
/* Start:/local/templates/mebelgold/components/bitrix/catalog/mebelgold/script.js?17343250283788*/
$(document).ready(function() {
$('.js-top-tags').each(function() {
var c = $(this),
w = c.innerWidth(),
l = c.find('ul').innerWidth();
if(l > w && $(window).width() > 451) {
c.append('Показать все');
}
$(document).on('click', '.js-open-tag', function() {
$(this).parent().addClass('active');
$(this).remove();
});
});
$('.js-bottom-tags').each(function() {
var c = $(this),
w = c.innerWidth(),
l = c.find('ul').innerWidth();
if(l > w) {
c.append('Показать все');
}
$(document).on('click', '.js-open-tag', function() {
$(this).parent().addClass('active');
$(this).remove();
});
});
var swiper = new Swiper('.js-slider-navigation', {
navigation: {
nextEl: ".slider-next",
prevEl: ".slider-prev",
},
loop: false,
preloadImages: false,
slidesPerView: "auto",
spaceBetween: 0,
freeMode: true,
breakpoints: {
451: {
spaceBetween: 50,
},
981: {
spaceBetween: 60,
},
},
});
$(".block_lg").on("click", ".grid_cont", function() {
var sort = $('#sort_data').data('sort'),
aviliable = $('#positive_availability:checked').val();
$("#sortingVal").val(sort);
$("#aviliableVal").val(aviliable);
$('.TypeGrid').val('grid');
$(".list_cont").removeClass("active");
$(".grid_cont").addClass("active");
document.cookie = "type_list; expires=Thu, 01 Jan 1970 00:00:00 GMT;";
$.ajax({
type: "post",
data: $("#myForm").serialize(),
success: function(html){
if($('.filter_r').length) {
setTimeout(function() {
$('.filter_r').trigger('submit');
}, 500 );
} else {
$("#products_listing").html(html);
}
document.cookie = "type_list=grid; path=/;";
initStart();
}
});
});
$(".block_lg").on("click", ".list_cont", function() {
var sort = $('#sort_data').data('sort'),
aviliable = $('#positive_availability:checked').val();
$("#sortingVal").val(sort);
$("#aviliableVal").val(aviliable);
$('.TypeGrid').val('list');
$(".list_cont").addClass("active");
$(".grid_cont").removeClass("active");
document.cookie = "type_list; expires=Thu, 01 Jan 1970 00:00:00 GMT;";
$.ajax({
type: "post",
data: $("#myForm").serialize(),
success: function(html){
if($('.filter_r').length) {
setTimeout(function() {
$('.filter_r').trigger('submit');
}, 500 );
} else {
$("#products_listing").html(html);
}
document.cookie = "type_list=list; path=/;";
initStart();
}
});
});
});
function numberWithSpaces(x) {
return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, " ");
}
function declOfNum(number, words) {
return words[(number % 100 > 4 && number % 100 < 20) ? 2 : [2, 0, 1, 1, 1, 2][(number % 10 < 5) ? Math.abs(number) % 10 : 5]];
}
function updateCount() {
var countVal = $('#modef_num').text(),
count_js = $('input[name=count_product]').val();
$('#modef_nums').text('Найдено: ' + numberWithSpaces(countVal) + declOfNum(countVal, [' товар', ' товара', ' товаров']));
if(count_js) {
if(countVal && count_js) {
if(countVal < count_js) {
$('.catalog__amount').html('(' + numberWithSpaces(countVal) + ' из ' + numberWithSpaces(count_js) + declOfNum(count_js, [' товара', ' товаров', ' товаров']) + ')').addClass('active');
} else if(count_js != 0) {
$('.catalog__amount').html('(' + numberWithSpaces(count_js) + declOfNum(count_js, [' товар', ' товара', ' товаров']) + ')').addClass('active');
} else {
$('.catalog__amount').html('').removeClass('active');
}
}
}
}
updateCount();
/* End */
/* Start:/local/templates/mebelgold/components/bitrix/catalog.section/reviews/style.css?17339685938548*/
.header_rev {
position: relative;
padding: 0;
display: flex;
align-items: flex-start;
justify-content: flex-start;
flex-wrap: wrap;
gap: var(--s20);
padding-bottom: var(--s30);
border-bottom: 1px solid var(--border-color);
margin-bottom: var(--s30);
}
.text_rev_page {
flex: 0 0 100%;
max-width: calc(70% - var(--s10));
font-size: var(--s14);
line-height: 1.3;
}
.img_rev_page {
flex: 0 0 100%;
max-width: calc(30% - var(--s10));
}
.list_review {
}
.item_reviews {
margin-bottom: var(--s20);
border-bottom: 1px solid #ececec;
}
.name_r {
font-weight: 500;
}
.name_r > span {
font-size: var(--s12);
display: block;
color: #7d7d7d;
font-weight: normal;
margin-top: var(--s7);
}
.bottom_item_r {
margin: var(--s20) 0;
font-size: var(--s14);
line-height: 1.2;
}
.bottom_item_r p {
margin: 0;
}
.image_block_r {
margin-top: var(--s20);
display: flex;
align-items: center;
justify-content: flex-start;
gap: var(--s5);
flex-wrap: wrap;
}
.image_block_r > div {
flex: 0 1 var(--s50);
}
.image_block_r > div a {
width: 100%;
height: var(--s50);
width: var(--s50);
display: block;
}
.rev_ot {
margin-top: var(--s20);
}
.rev_ot a {
font-size: var(--s11);
text-transform: uppercase;
color: #000;
font-weight: 500;
padding-left: var(--s20);
position: relative;
}
.rev_ot a svg {
width: var(--s12);
height: var(--s8);
fill: #000;
position: absolute;
top: 50%;
left: 0;
transition: all .2s ease-in;
transform: translateY(-50%);
}
.rev_ot a:hover {
color: var(--global-color);
}
.rev_ot a:hover svg {
fill: var(--global-color);
}
.rating_r {
display: inline-block;
position: relative;
background: url(/local/templates/mebelgold/assets/svg/star2.svg) no-repeat;
background-position: center;
background-size: 60%;
background-position-y: 0.63vw;
font-weight: 500;
font-size: var(--s12);
color: #fff;
}
.circliful {
position: relative;
line-height: 0;
}
.circle-text,
.circle-info,
.circle-text-half,
.circle-info-half {
width: 100%;
position: absolute;
text-align: center;
display: inline-block;
}
.circle-info,
.circle-info-half {
color: #999;
}
.circliful .fa {
margin: -0.52vw 0.16vw 0 0.16vw;
position: relative;
bottom: 0.21vw;
}
.head_item_r {
display: flex;
align-items: center;
gap: var(--s15);
}
.reply_to {
padding-left: var(--s50);
}
.form_reviews {
background: #FFFFFF;
box-shadow: 0 4px 30px rgba(0,0,0,0.1);
border-radius: 3px;
padding: var(--s20);
margin-top: var(--s30);
}
.reviews_block_card .pagination {
padding-top: var(--s10);
}
.head_form_rev {
padding-bottom: var(--s20);
border-bottom: 1px solid #E6EAEA;
}
.head_form_rev h4 {
font-size: var(--s16);
margin-bottom: 0;
}
.add_rating {
width: 100%;
clear: both;
display: flex;
height: auto;
align-items: center;
justify-content: center;
padding-top: var(--s20);
padding-bottom: var(--s20);
}
#reviewStars-input {
*zoom: 1;
position: relative;
display: flex;
align-items: center;
justify-content: center;
flex-direction: row-reverse;
gap: var(--s25);
}
#reviewStars-input input:checked~label svg,
#reviewStars-input label:hover svg,
#reviewStars-input label:hover~label svg {
fill: var(--global-color);
transition: .2s;
}
#reviewStars-input input:checked+label,
#reviewStars-input label:hover,
#reviewStars-input label:hover+label {
fill: var(--global-color);
transition: .2s;
}
#reviewStars-input input {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
width: 0;
height: 0;
position: absolute;
top: 0;
z-index: 0;
display: none;
}
#reviewStars-input input:checked+label span {
display: block;
}
#reviewStars-input label {
cursor: pointer;
position: relative;
z-index: 1;
color: #000;
text-align: center;
font-size: var(--s12);
-webkit-box-flex: 0;
-ms-flex: 0 0 3.65vw;
flex: 0 0 var(--s50);
max-width: var(--s50);
display: flex;
align-items: center;
justify-content: center;
}
#reviewStars-input label:hover,
#reviewStars-input label:hover~label {}
.area_reviews textarea {
height: var(--s100);
}
.flex_capcha {
display: flex;
align-items: center;
gap: var(--s20);
}
.cont_img_page_rev {
text-align: center;
}
.cont_img_page_rev img {
width: auto;
height: auto;
max-width: 100%;
margin-bottom: var(--s20);
}
.add_rating .star_rev {
margin-right: 0;
}
.add_rating .star_rev svg {
width: var(--s50);
height: var(--s50);
fill: #B1B5B6;
}
.add_rating .star_rev span {
display: block;
margin-top: var(--s10);
white-space: nowrap;
margin-right: 0;
}
.flex_capcha>div {
flex: 0 0 18.75vw;
max-width: 100%;
position: relative;
}
.flex_capcha>div .reloadCaptchas {
position: absolute;
top: 50%;
transform: translate(0,-50%);
}
.flex_capcha>div .reloadCaptchas svg {
height: var(--s35);
width: var(--s35);
fill: #307eff;
transition: all .2s ease;
}
.flex_capcha>div .reloadCaptchas:hover svg {
fill: #000;
transform: rotate(180deg);
}
.bottom_rev {
padding-top: var(--s30);
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--s20);
}
.left_rev {
-webkit-box-flex: 0;
-ms-flex: 0 0 70%;
flex: 0 0 auto;
color: #666666;
padding: 0;
display: flex;
align-items: center;
gap: var(--s5);
flex-flow: row-reverse;
flex-wrap: wrap-reverse;
justify-content: flex-end;
max-width: 70%;
}
.but_photo >label {
cursor: pointer;
display: inline-block;
position: relative;
padding-left: var(--s60);
font-size: var(--s12);
color: #666666;
}
.but_photo input {
display: none;
visibility: hidden;
}
.but_photo span {
display: flex;
align-items: center;
justify-content: center;
line-height: 0;
background: #FFFFFF;
box-shadow: 0 4px 30px rgba(0,0,0,0.1);
border-radius: 50%;
width: var(--s45);
height: var(--s45);
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
transition: all .2s ease-in;
}
.but_photo span svg {
width: var(--s20);
height: var(--s20);
stroke: #000;
transition: all .2s ease-in;
}
.right_revs {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.but_photo label:hover span {
background: #000;
}
.but_photo label:hover span svg {
stroke: #fff;
}
.add-photo__img {
display: inline-block;
width: var(--s50);
}
@media(max-width:1280px) {
.rating_r {
background-position-y: var(--s12);
}
}
@media(max-width:450px) {
.left_rev {
max-width: none;
}
.text_rev_page {
max-width: 100%;
}
.img_rev_page {
max-width: 100%;
}
#reviewStars-input {
justify-content: space-between;
gap: var(--s10);
}
#reviewStars-input label {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
max-width: none;
}
.add_rating .star_rev span {
display: none;
}
#reviewStars-input input:checked+label span {
display: none;
}
.flex_capcha>div {
flex: 0 0 100%;
text-align: center;
max-width: 100%;
}
.flex_capcha {
display: flex;
align-items: center;
gap: var(--s10);
flex-wrap: wrap;
}
.flex_capcha>div .reloadCaptchas {
right: 0;
}
.bottom_rev {
flex-wrap: wrap;
justify-content: center;
gap: var(--s30);
}
.but_photo >label {
font-size: var(--s13);
}
}
.add-photo__img {
position: relative;
}
.add-photo__img span {
position: absolute;
top: var(--s-10);
right: var(--s-10);
width: var(--s20);
height: var(--s20);
display: inline-block;
background: var(--global-color);
border-radius: 50%;
cursor: pointer;
}
.add-photo__img span:after, .add-photo__img span:before {
content: '';
width: var(--s11);
height: var(--s2);
background: #fff;
display: inline-block;
position: absolute;
transform: translate(-50%, -50%) rotate(45deg);
left: 50%;
top: 50%;
}
.add-photo__img span:before {
transform: translate(-50%, -50%) rotate(-45deg);
}
/* End */
/* Start:/local/templates/mebelgold/components/bitrix/news.list/slider_photo/style.css?1733968843603*/
.slider-photo {
height: calc(var(--height-slider) + var(--s40));
padding-right: var(--padding-slider-right);
padding-bottom: var(--s40);
position: relative;
}
.slider-photo a {
height: var(--height-slider);
width: 100%;
display: block;
border-radius: 7px;
overflow: hidden;
}
.slider-photo .item {
padding-right: var(--s20);
}
@media(max-width:450px) {
.slider-photo .item {
padding-right: 0;
}
.slider-photo {
height: auto;
padding-bottom: var(--s30);
padding-right: 25vw;
}
.line-is-text.no-overflow {
overflow: unset;
}
.slider-photo a {
border-radius: 3px;
}
}
/* End */
/* /local/templates/mebelgold/components/bitrix/catalog.element/mebelgold/product.css?173476478850199 */
/* /local/templates/mebelgold/assets/css/widget/swiper-bundle.min.css?173396812815561 */
/* /local/templates/mebelgold/assets/css/widget/lightgallery.min.css?173396812627177 */
/* /local/templates/mebelgold/components/bitrix/catalog/mebelgold/style.css?173432506510619 */
/* /local/templates/mebelgold/components/bitrix/catalog.section/all_mebel/style.css?17344397736336 */
/* /local/templates/mebelgold/components/bitrix/catalog/mebelgold/script.js?17343250283788 */
/* /local/templates/mebelgold/components/bitrix/catalog.section/reviews/style.css?17339685938548 */
/* /local/templates/mebelgold/components/bitrix/news.list/slider_photo/style.css?1733968843603 */