/* Start:/bitrix/templates/mfpoisk/components/bitrix/catalog.element/default23_opt/style.css?177558075125834*/
/* default23_opt — часть 1: страница + модальное видео (без галереи/оверлея) */

.page-title {display: none;}
            .content-wrapper > .wrapper aside {float: left;width: 350px;display: none;}
            .content-wrapper > .wrapper .content {margin-left: unset;margin-right: unset;padding-left: unset;padding-right: unset;min-height: unset;}
            .custom-video-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

.custom-video-content {
    position: relative;
    width: 640px;
    max-width: 90%;
    height: 360px;
    background-color: #000;
    padding: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.custom-video-content iframe {
    width: 100%;
    height: 100%;
}

.custom-video-modal .close-modal {
    position: absolute;
    top: 10px;
    right: 10px;
    color: #fff;
    font-size: 24px;
    cursor: pointer;
}


/* часть 2: цены, имя, «вместе», хлебные крошки (без .container / галереи) */

.pricered {
    color: #FF000B!important;
    }
    .priceold {
    color: #2E302E;

    text-align: center;
    font-family: "Century Gothic";
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.25px;
    text-decoration: line-through;
    text-decoration-color: #FF000B;
    margin: 0 5px 0 0;
    }
    .priceoldline {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 2px; 
    background-color: #FF000B;
    transform: translateY(-50%);
    z-index: 1;
    }
    .name {
    height: 40px;
    overflow: hidden;
    }
    .together {margin: 38px 30px 8px!important;}
    #items_together {height:320px; margin-right: -40px; width: fit-content}
    #items_together article {float: right;}
    .together_karusel {height: 400px; display: flex; width: 100%; overflow-x: auto; margin-left: 33px;}
    #together .image {width: 187px;}  
    #together {width: 232px;}
    #together .wrap {padding-left:0px; padding-right: 57px; }
    .together_arrow {position: absolute; z-index:10; top: 75px;  height: 50px; width: 50px; }
    #right-together{right: 9px;background: url(/production/holiday/images/menu_left_botton.png) 0 no-repeat ;}
    #right-together a  {height: 50px; width: 50px;}
    #left-together {left: 8px; background: url(/production/holiday/images/menu_right_botton.png) 0 no-repeat}
    #left-together a { height: 50px; width: 50px;}
    .addbasketbtn {
    padding: 7px 15px 7px!important;
    color: #FFF!important;
    font-family: "Century Gothic";
    font-size: 11px!important;
    font-style: normal!important;
    font-weight: 400!important;
    line-height: 24px!important; 
    }


    @media only screen and (max-width: 1380px){
    #items_together {height:320px; margin-right: -40px; width: 100vw}

    }
    @media only screen and (max-width: 1140px){
    #items_together {height:320px; margin-right: -40px; width: 100vw}

    }
    @media only screen and (max-width: 860px){
    #items_together {height:320px; margin-right: -40px; width: 100vw}
    .together_arrow {display: none}
    }
    @media only screen and (max-width: 720px){
    .together {margin: 32px 0 0px 16px!important;}
    #items_together {height:330px; margin-left: -16px; width: calc(100vw + 30px);}
    .together_karusel {margin-left: 0px;}

    .together_karusel article:first-child {
    margin-left: 16px; 
    }
    .together_karusel article {
    margin-left: 0; 
    }
    .together_arrow, .showed_arrow {display: none!important;}

    }

        .push-footer {
        display:none;
        }
            div.first2 {
            margin: 7px auto 33px auto;
        }
        
        .breadcrumbs_artpage {
            margin: 0 30px;
        }
        .breadcrumbs_artpage>h1 {
            color:#2E302E;
            font-family: "Century Gothic";
            font-size: 24px;
            font-style: normal;
            font-weight: 400;
            line-height: 24px; /* 100% */
        }

        .breadcrumbs_artpage a{
            color: #2E302E;
            font-family: "Century Gothic";
            font-size: 11px;
            font-style: normal;
            font-weight: 400;
            line-height: 24px; /* 218.182% */
        }


/* часть 3: сетка .container + шапка карточки (.title, шаринг, модалка) */

        .container {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            grid-template-rows: minmax(70px, auto) minmax(auto, 300px) minmax(auto, auto) 1fr;
            column-gap: 20px; 
            row-gap: 0px;    
            max-width: 1340px;
            margin: 48px 30px;
        }
        .title {
            grid-column: 3 / 5;
            grid-row: 1 / 2;
            color: #EE731B;
            font-family: "Century Gothic";
            font-size: 12px;
            font-style: normal;
            font-weight: 400;
            line-height: 18px; /* 150% */;
        }
        .titleflex {
        display: flex;
        justify-content: space-between;
        }
        .manufactur {
            width: -webkit-fill-available;
            color: #EE731B;
            font-family: "Century Gothic";
            font-size: 12px;
            font-style: normal;
            font-weight: 400;
            line-height: 21px; /* 150% */
        }
    
        .sharenew {
            margin: 0 0 0 20px;
            height: 21px;
        }
        .fav {
            height: 21px;
        }
        
        .modal-custom {
        display: none;
        position: fixed;
        z-index: 1001; 
        left: 0;
        top: 0;
        width: 100%; 
        height: 100%; 
        background-color: rgba(0, 0, 0, 0.5); 
    }

    .modal-content-custom {
        margin: 25% auto;
    padding: 25px 32px 32px 32px;
        width: 360px;
        height: 200px;
        flex-shrink: 0;
        border-radius: 15px;
        background: #FAFAFA;
    }

    .close-custom {
        color: #aaa;
        float: right;
        font-size: 28px;
        font-weight: bold;
        margin: -12px -18px;
    }

    .close-custom:hover,
    .close-custom:focus {
        color: black;
        text-decoration: none;
        cursor: pointer;
    }
    .modal-content-custom h2 {
        margin: 0 0 18px 0;
        color: #2E302E;
        font-family: "Century Gothic";
        font-size: 25px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: 0.25px;
    }

    .modal-content-custom .share-options {
        margin: 0 0 20px 0;
    }
    .share-options a {
        text-decoration: none;  
        margin: 0 14px 0 0
    }

    .share-options a:hover {
        text-decoration: none;  
    }
    .modal-content-custom #copyLinkCustom {
        width: 296px;
        height: 40px;
        padding: 9px 13px;
        border-radius: 10px;
        background: #AEAEAE;
        border: 0px;
        color: #FFF;
        text-align: left;
        font-family: "Century Gothic";
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 0.18px;
        display: grid;
        grid-template-columns: 1fr 15px;
    }
    .modal-content-custom #copyLinkCustom svg{
        margin: 4px 0 0 0;
    }


/* часть 4: название, рейтинг, свойства, покупка, важно */

    .h1cart {
    color: var(---, #2E302E);
    font-family: "Code Pro";
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px; /* 125% */
    margin: 12px 0 16px 0;
    }
    .rattable {
        display:none;
    }
    .ratmobile {
        display:none;
        width: -webkit-fill-available;

    }


    .properties_block {
        grid-column: 3 / 4;
        grid-row: 2 / 4;
        margin: 0px 0 0 0;    
    }

.fav img {
max-width: unset;
} 
    .rating span {
        color: #2E302E;
        text-align: center;
        font-family: "Century Gothic";
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: 0.18px;
    }
    .params {
        display: grid;
        column-gap: 20px;
        row-gap: 16px;
        margin: 16px 0 32px;
    }

    .params dt {
        grid-column: 1;
        color: var(---, #2E302E);
        font-family: "Century Gothic";
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 14px; /* 116.667% */
    }

    .params dd {
        grid-column: 2; 
        color: #EE731B;
        text-align: right;
        font-family: "Century Gothic";
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 14px; /* 116.667% */
    }

    .params dl {
        display: contents; 
    }

    .params dd span {
        font-weight: normal;
    }
    .properties .certif_dl div, .properties .certif_dl p  {
        display: inline-block;
        height: 24px;
    }
    .properties .certif_dl a {
        line-height: 24px;
        vertical-align: text-bottom;
        color: var(---, #2E302E);
        text-align: center;
        font-family: "Century Gothic";
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px; /* 171.429% */
        text-decoration-line: underline;
        margin: 0 0 0 10px
    }    


    .properties .certif_dl svg {
        width: 23px;
        height: 22.558px;
        flex-shrink: 0;
    }    




    .buy_block {
        grid-column: 4 / 5;
        grid-row: 2 / 3;
        
    }

    .buy {
        /* grid-column: 4 / 5;
        grid-row: 2 / 3; */
        margin: 0px 0 0 0;
        border-radius: 15px;
        background: #EEEEEE;
        padding: 24px 16px 30px 16px;
        height: fit-content;
    }

    .hidden {
            display: none;
        }
    .pricenew {
    color: #2E302E;
        text-align: center;
        font-family: "Century Gothic";
        font-size: 25px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: 0.25px;
    }

    .countnew {
        display: flex;
        justify-content: space-between;
        margin: 18px 0 12px 0;
height:30px;
    }
    .sizenew {
        margin: 12px 0 24px 0;
height:40px;
    }

    .countnew p {
        color: #2E302E;
        text-align: center;
        font-family: "Century Gothic";
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 30px;
        letter-spacing: 0.14px;
            }
.sizenew p {

line-height: 40px;

}
    .quantity {
        align-items: center;
        width: 50%;
        height: 30px;
        grid-template-rows: 30px;
        grid-area: block4;
        border-radius: 10px;
        border: 1px solid #AEAEAE;
        background: #FAFAFA;
        padding: 0 46px;
        text-align: center!important;
        position: relative;
        padding: 4px 46px!important;
    }
    .formsize {
    /* width: 50%;
    height: 30px;
    
    text-align: center !important;
    position: relative; */
}
.formsize {
display: flex;
gap: 8px; /* Расстояние между кнопками */
}

.size-option {
display: inline-flex;
align-items: center;
justify-content: center;
width: 40px; /* Ширина кнопки */
height: 40px; /* Высота кнопки */
border-radius: 10px;
border: 1px solid #AEAEAE;
background: #EEE;
font-size: 16px;
font-weight: 500;
color: #333;
cursor: pointer;
transition: border-color 0.3s, background-color 0.3s;
}

.size-option input[type="radio"] {
display: none; /* Скрываем сам радиокнопку */
}

.size-option.active, /* Активный элемент */
.size-option:hover {
border-radius: 10px;
border: 2px solid #2E302E;
background: #FAFAFA; /* Белый фон активного элемента */
}

.size-option span {
display: inline-block;
margin: 0 -4px 0 0;
}

.jq-selectbox .jq-selectbox__select {
    margin: 0 0 0 0;
    border: 0;
    border-radius: 3px;
    padding: 0 36px 0 36px;
    width: 100%;
    height: 37px;
    font-size: 13px;
    line-height: 36px;
    color: #939393;
    background: #EEEEEE;
    position: relative;
    box-shadow:none;
}
.jq-selectbox .jq-selectbox__select-text {
    padding: 10px 0 0 3px;
    color: #000;
    text-align: center;
    font-family: "Century Gothic";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.16px;
}
.jq-selectbox .jq-selectbox__trigger {
    border: 0;
    padding: 0;
    width: 35px;
    height: 30px;
    font-weight: 600;
    font-size: 0;
    position: absolute;
    top: 5px;
    right: -10px;
    bottom: 0;
}
.jq-selectbox .jq-selectbox__dropdown {
    margin: -1px 0 0;
    border: 0;
    border-radius: 3px;
    padding: 0;
    width: 100% !important;
    font-size: 13px;
    color: #939393;
    background: #FAFAFA;
    box-shadow: 0 2px 0 #c2c2c2;
    top: 100% !important;
    bottom: auto !important;
}

.jq-selectbox__trigger-arrow {
    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4IiBmaWxsPSJub25lIj4KICA8cmVjdCB4PSI3LjY2NDA2IiB5PSIxNS45ODY4IiB3aWR0aD0iMTEuOTcyNSIgaGVpZ2h0PSIyIiB0cmFuc2Zvcm09InJvdGF0ZSgtNDUuMzM0MSA3LjY2NDA2IDE1Ljk4NjgpIiBmaWxsPSIjMkUzMDJFIi8+CiAgPHJlY3QgeD0iOC45ODgyOCIgeT0iMTcuMzM0IiB3aWR0aD0iMTIiIGhlaWdodD0iMS45OTU0MiIgdHJhbnNmb3JtPSJyb3RhdGUoLTEzNS4zMzQgOC45ODgyOCAxNy4zMzQpIiBmaWxsPSIjMkUzMDJFIi8+Cjwvc3ZnPg==')!important;
    width: 18px!important;
    height: 18px!important;
    top: 5px!important;
    left: 3px!important;
}
div.quantity {
    margin: 0px 0 0 0;
    padding: 0 46px;
    text-align: center !important;
    position: relative;
}
div.quantity span {
    width: 40px;
    height: 35px;
}

div.quantity span:hover {background:unset;box-shadow:none;}
/* перебивает глобальный mfpoisk/style.css (подключается позже) */
article.product div.quantity span:hover {
    background: transparent !important;
    box-shadow: none !important;
}

div.quantity span.minus {
    left: -6px;
    top: -10px;
}
.quantity .minus {
    user-select: none;
    color: #2e302e;
    cursor: pointer;
    padding: 0 0 0 0px;
    background: unset!important;
    box-shadow: none!important;
}
.quantity .plus {
    font: normal 26px 'Century Gothic', 'Idealist Sans', 'TaurusBookC', 'Comfortaa', Arial, cursiv;
    color: #2e302e;
    cursor: pointer;
    user-select: none;
    padding: 4px 18px 0 24px;
    background: unset;
    box-shadow: none;
    top: -8px;
    right: -8px;
}
.quantity input[type="text"] {
    color: #000;
    text-align: center;
    font-family: "Century Gothic";
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.13px;
    height: auto;
    background: #FAFAFA;
}

.kratnost {
    display: grid;
grid-template-columns: 1fr 1fr;
text-align: center;
color: var(---, #2E302E);
text-align: center;
font-family: "Century Gothic";
font-size: 10px;
font-style: normal;
font-weight: 400;
line-height: normal;
}

.to-cart {
    margin: 12px 0 0px 0;

}
.inbasketbtn {
width: -webkit-fill-available;
color: #FFF;
text-align: center;
font-family: "Century Gothic";
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 0.18px;
}

.inbasketbtn span {
    width: 100%!important;
    padding: 8px 0 10px 0!important;
    background: #32CC5A!important;
    border: 1px solid #0cd04d;
    border-radius: 5px !important;
    min-width: 100%!important;
    height: 40px!important;
    color: #FFF!important;
    text-align: center!important;
    font-family: "Century Gothic"!important;
    font-size: 18px!important;
    font-style: normal!important;
    font-weight: 400!important;
    line-height: normal!important;
    letter-spacing: 0.18px!important;

}

.inbasket_dark span{
    border: 1px solid #045b38!important;
    border-color: #045b38!important;
background-color: #045b38!important;
}
.delaybtn span {
    border-color: #2e302e!important;
    background: #2e302e!important;
}
#buyInOneClick {

    width: 100%;
        
    text-align: center;
    color: #0CD04D;
    border: none;
    background: transparent;
    text-transform: uppercase;
    cursor: pointer;
    color: #2E302E;
    text-align: center;
    font-family: "Century Gothic";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.14px;
    text-decoration-line: underline;
    margin: 20px 0 0
}
#buyInOneClick span {
}
#buyInOneClick:hover span {
}
.importanttab {
    display:none;
    margin: 0 0 32px 0;
}
.important {
grid-column: 4 / 5;
grid-row: 3 / 4;
margin: 16px 0 0 0;
}

.important p, .importanttab p {
    padding: 10px 16px;
    border-radius: 15px;
background: #EEEEEE;    
color: var(---, #2E302E);
text-align: center;
font-family: "Century Gothic";
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 24px; /* 171.429% */
text-align: center;
}


/* часть 5: «о товаре / отзывы» — базовые стили (desktop) */

.about_review {
grid-column: 1 / 5;
grid-row: 4 / 5;
margin: 64px 0 0 0;

}
._active {
display: block!important;
}
.about_review_title a {
color: #AEAEAE;
text-align: center;
font-family: "Century Gothic";
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: normal;
letter-spacing: 0.24px;
text-decoration: none;
}
.about_review_title a.about_review_title_active{
color: #2E302E;
}
.about_review_title a.review {
margin: 0 0 0 38px;     
}
.about_review_title a.review span {
font-size: 14px;
vertical-align: super;
}
.about_review .abouttext, .about_review .reviewtext {
color: var(---, #2E302E);
font-family: "Century Gothic";
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 24px; /* 171.429% */
margin: 7px 0 0 0;
}
.about_review .abouttext {
margin: 32px 0 0 0;
}


/* часть 6: mobile ≤700px — custvideo, quantity, .container, .title, рейтинги (без галереи) */
@media (max-width: 700px) {
.custvideo_wrap {
height: 100px!important;
width: 80px!important;
}

div.quantity span.minus {
top: -11px;
}
.quantity .plus {
top: -9px;

}

.container {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    column-gap: 0;
    margin: -70px 16px 0 16px;
}

.title {
    grid-column: 1;
    grid-row: 1;
    display: flex;
    flex-direction: column-reverse;
}
.manufactur { display: none}

.rattable {
    display:none;
}
.ratpc {
    display:none;
}
    .ratmobile {
        display:block;
    }
}


/* часть 7: mobile ≤700px — сетка buy/properties/about, отступы, типографика (без правил галереи) */
@media (max-width: 700px) {
.buy_block {
    grid-column: 1;
    grid-row: 3;
}
.important {
    display:block;
}
.importanttab {
    display: none;
}
.important {
    grid-column: 1;
    grid-row: 4;
    margin: 16px 0 0 0;
}

.properties_block {
    grid-column: 1;
    grid-row: 5;
    margin: 12px 0 0 0;
}

.about_review {
    grid-column: 1;
    grid-row: 6;
}

.title, .gallery, .buy, .properties {
    margin: 24px 0 0 0; 
}
.about_review {
    margin: 12px 0 0 0; 
}
.reviews-page__items {
    margin: 24px 0 0 0;
}



.title h1 {
    font-size: 18px;
    margin-bottom: 10px;
}
.h1cart {
    font-size: 18px;
    }

.buy {
    padding: 15px 16px 16px 16px;
}

.important p {
    padding: 10px 15px;
}

.properties {
    margin-bottom: 20px;
}

.about_review .abouttext {
    margin: 20px 0 0;
}
article.product .about {
    display: inline-block;
    text-align: center;
    font-family: "Century Gothic";
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.22px;
}
.about_review_title a {

    text-align: center;
    font-family: "Century Gothic";
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.22px;
}
.about_review .abouttext, .about_review .reviewtext {

margin: 32px 0 0 0;
}
}

/* часть 8: 700–1200px — сетка страницы и блоков (без .gallery / .karuspc-container) */
@media (max-width: 1200px) and (min-width: 700px) {
.container {
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: minmax(70px, 160px) minmax(222px, 280px) minmax(auto, 170px) 1fr;
}

.title {
    grid-column: 3 / 5;
    grid-row: 1 / 2;
}
.rattable {
    display:block;
}
.ratpc {
    display:none;
}

.buy_block {
    grid-column: 3 / 5;
    grid-row: 2 / 3;
}
.important {
    display:none;
}
.importanttab {
    display: block;
}
.importanttab {
    grid-column: 3 / 5;
    grid-row: 3 / 4;
}

.properties_block {
    grid-column: 3 / 5;
    grid-row: 3 / 5;
    margin: 23px 0 0 0;
}

.about_review {
    grid-column: 1 / 3;
    grid-row: 3 / 5;
    margin: 23px 0 0 0;
}
}

/* часть 9: базовый custvideo_wrap; max-height вертикальной ленты превью по ширине */
.custvideo_wrap {
    height: 100px !important;
    min-width: 80px !important;
}

@media (max-width: 1200px) and (min-width: 1100px) {
    article.product .images ul.karuspc {
        max-height: 440px;
    }
}

@media (max-width: 1100px) and (min-width: 1050px) {
    article.product .images ul.karuspc {
        max-height: 420px;
    }
}

@media (max-width: 1050px) and (min-width: 1000px) {
    article.product .images ul.karuspc {
        max-height: 400px;
    }
}

@media (max-width: 1000px) and (min-width: 900px) {
    article.product .images ul.karuspc {
        max-height: 380px;
    }
}

@media (max-width: 900px) and (min-width: 800px) {
    article.product .images ul.karuspc {
        max-height: 340px;
    }
}

/* часть 10: оверлей на главном фото (только внутри карточки товара) */
article.product .image {
    position: relative;
}

article.product .overlay-svg {
    position: absolute;
    bottom: 16px;
    left: 16px;
    height: 53px;
}

@media (max-width: 700px) {
    article.product .overlay-svg {
        height: 32px;
        bottom: 8px;
        left: 8px;
    }
}

/* часть 11: десктопная галерея — база */
article.product .gallery {
    grid-column: 1 / 3;
    grid-row: 1 / 4;
    height: 540px;
}

/* Только opt-галерея (.images.imagesnew): без фиксированной ширины колонки */
article.product .images.imagesnew {
    float: left;
    text-align: center;
    width: auto;
}

article.product .imagesnew {
    display: flex;
    flex-direction: row-reverse;
}

article.product .karuspc-container {
    position: relative;
    overflow-y: clip;
    overflow-x: clip;
    width: 18.3%;
}

article.product .prev-arrow,
article.product .next-arrow {
    position: absolute;
    left: 44%;
    transform: translateX(-50%);
    border: none;
    cursor: pointer;
    padding: 0;
    z-index: 10;
    border-radius: 100px;
    height: 24px;
}

article.product .prev-arrow {
    top: 12px;
}

article.product .next-arrow {
    bottom: 12px;
}

article.product .images .image {
    min-height: 1px;
}

article.product .images .image-wrap {
    border-radius: 10px;
    font-size: 0;
    height: auto;
    background: unset;
    overflow: hidden;
}

article.product .images ul.karuspc {
    margin-left: 0;
    max-height: 540px;
    display: flex;
    flex-direction: column;
    list-style-type: none;
    margin: 0;
    padding: 0;
    height: auto;
}

article.product .images ul.karuspc li {
    float: none;
    margin: 0 0 20px 0;
    max-width: 100px;
    max-height: 100px;
    margin-bottom: 10px;
}

article.product .images ul.karuspc .image-wrap {
    margin: 0 auto;
    width: auto;
    height: auto;
}

/* часть 12: галерея — адаптив (раньше в инлайне style.php) */
@media (max-width: 1200px) and (min-width: 700px) {
    article.product .gallery {
        grid-column: 1 / 3;
        grid-row: 1 / 3;
        height: 430px;
    }

    article.product .karuspc-container {
        position: relative;
        overflow-y: clip;
        overflow-x: clip;
        width: 18.3%;
        max-height: fit-content;
    }
}

@media (max-width: 700px) {
    article.product .gallery {
        grid-column: 1;
        grid-row: 2;
        height: calc(100vw + 74px);
    }

    article.product .imagesnew {
        flex-direction: column;
    }

    article.product .images .image {
        min-height: 1px;
        width: 100%;
    }

    article.product .karuspc-container {
        width: 100%;
    }

    article.product .images ul.karuspc {
        display: flex;
        justify-content: flex-start;
        list-style: none;
        padding: 0;
        margin: 16px 0 0 0;
        overflow-x: auto;
        overflow-y: clip;
        flex-direction: row;
    }

    article.product .prev-arrow,
    article.product .next-arrow {
        display: none !important;
    }

    article.product .images ul.karuspc li {
        margin-right: 10px;
        flex-shrink: 0;
        width: unset;
        height: unset;
    }

    article.product .images ul.karuspc li:last-child {
        margin-right: 0;
    }

    article.product .images ul.karuspc .image-wrap {
        display: flex;
        justify-content: center;
        align-items: center;
        max-width: 80px;
        max-height: 80px;
    }

    article.product .images ul.karuspc img {
        max-width: 100%;
        max-height: 100%;
        object-fit: cover;
    }
}

/* End */
/* /bitrix/templates/mfpoisk/components/bitrix/catalog.element/default23_opt/style.css?177558075125834 */