/* Start:/bitrix/components/bitrix/breadcrumb/templates/universal/style.min.css?1747486509620*/
.bx-breadcrumb{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.bx-breadcrumb-item{height:22px;white-space:nowrap}.bx-breadcrumb-item-angle{margin:0 10px;color:#b5bdc2;vertical-align:top;font-size:12px}.bx-breadcrumb-item-link{border-bottom:0;vertical-align:top;line-height:21px}.bx-breadcrumb-item-text{vertical-align:top;white-space:normal;font:400 13px/21px "Open Sans",Arial,"Helvetica Neue",Helvetica,sans-serif;transition:250ms linear all}
/* End */


/* Start:/local/templates/hunny/css/owl.css?17475004484362*/

/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(/local/templates/hunny/css/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
/**
* Owl Carousel v2.3.4
* Copyright 2013-2018 David Deutsch
* Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
*/
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}
/* End */


/* Start:/bitrix/components/bitrix/advertising.banner/templates/akcii/style.css?17475015281886*/
.banner-container.myself {
    margin: 50px 0;
    position: relative;
    max-width: 100%;
    display: flex;
    gap: 15px;
    justify-content: space-between;
}

.banner-container.myself .foraho {
    display: block;
    width: 100%;
    height: 100%;
}
.banner-container.myself .banner-images {
    position: relative;
    min-height: 250px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 50%;
}

.banner-container.myself .banner-text {
    position: absolute;
    bottom: 20px;
    left: 20px;
    color: white;
}

.banner-container.myself .small-text {
    -webkit-user-select: text; /* Safari */
    -moz-user-select: text;    /* Firefox */
    -ms-user-select: text;     /* Internet Explorer/Edge */
    user-select: text;         /* Standard syntax */
    font-size: 12px;

}

.banner-container.myself .large-text {
    -webkit-user-select: text; /* Safari */
    -moz-user-select: text;    /* Firefox */
    -ms-user-select: text;     /* Internet Explorer/Edge */
    user-select: text;         /* Standard syntax */
    font-size: 16px;
    padding-top: 10px;
}

@media screen and (max-width: 1200px) {
    .banner-container.myself .banner-images {
        min-height: 200px;
    }
}
@media screen and (max-width: 900px) {
    .banner-container.myself .banner-images {
        min-height: 150px;
    }
}
@media screen and (max-width: 750px) {
    .banner-container.myself
    {
        flex-wrap: wrap;
    }
    .banner-container.myself .banner-images:first-child {
        margin-bottom: 30px;
    }
    .banner-container.myself .banner-images {
        width: 100%;
    }
}
@media screen and (max-width: 500px) {
    .banner-container.myself .banner-images {
        min-height: 200px;
    }
}
@media screen and (max-width: 400px) {
    .banner-container.myself .banner-images {
        min-height: 180px;
    }
}
/* End */


/* Start:/local/components/festgroup/catalog.element/templates/.default/style.css?175096793220706*/
.tableopter th,td {
    padding: 5px 10px;
    text-align: center;
}
.priceopterx {
    white-space: nowrap;
}

.tableopter th {
    font-weight: normal;
}
.tableopter tr {
    border-top:1px transparent solid;
}
#media-thumbs {
    position: sticky;
    bottom: 0;
    background: rgba(255, 255, 255, 0.95);
    padding-top: 10px;
    z-index: 10;
}
#media-thumbs .thumb {
    border: 2px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    flex-shrink: 0;
}
#media-thumbs .thumb:hover {
    border-color: #d35578;
}
#thumb-scroll {
    display: flex;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0px;
    justify-content: center;
    gap: 8px;
    padding: 10px 0;
    overflow-x: auto;
    cursor: default;
}

#thumb-scroll.scroll-left {
    cursor: w-resize;
}
#thumb-scroll.scroll-right {
    cursor: e-resize;
}

#thumb-scroll .thumb {
    border: 2px #eee solid;
    flex-shrink: 0;
    border-radius: 4px;
    transition: transform 0.2s;
}
#thumb-scroll .thumb:hover {
    transform: scale(1.05);
}

#thumb-scroll img,
#thumb-scroll video {
    border-radius: 4px;
    display: block;
}

.tableopter .discount-badge {
    width: 33px;
    height: 30px;
    position: relative;
    line-height: 32px;
    color: #d35578;
    font-size: 12px;
    text-align: center;
    padding-left: 5px;
    margin-left: 5px;
    margin-top: -10px;
}
.tableopter .discount-badge svg {
    width: 35px;
}
.tableopter .oldprice {
    font-size: 11px;
    padding-left: 0px;
}
.tableopter .quntpole span {
    white-space: nowrap;
    display: block;
    color: #656565;
}
.tableopter tr:hover {
    border:1px #000 solid;
    z-index: 10;
}
.tableopter th {
    border-top: 1px #ccc solid;
}
.forplmin {
    display: flex;
    justify-content: center;
}
.forplus:hover,
.forminus:hover {
    background: #eee;
}
.forplus,
.forminus {
    cursor: pointer;
    background: #ffffff;
    font-size: 20px;
    /* padding: 0px 10px; */
    width: 40px;
    height: 26px;
    line-height: 25px;
    text-align: center;
    border: 1px #ccc solid;
}
.tableopter input {
    border: none;
    outline: none;
    width: 30px;
    text-align: center;
    background: none;
}
.tableopter {
    border: 1px #ccc solid;
}
.discount-badge svg {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}
.discount-badge {
    width: 53px;
    height: 42px;
    position: relative;
    line-height: 34px;
    color: #d35578;
    font-size: 14px;
    text-align: center;
    padding-left: 5px;
    margin-left: 10px;
    margin-top: -5px;
}
.skidkfr
{
    color: #d35578!important;
    font-size: 13px!important;
    padding-left: 10px;
}
.inner-content
    {
        overflow-x: initial!important;
    }
    .modal .close-btn
    {
        top: 20px!important;
        right: 20px!important;
        color: #000!important;
        border-radius: 5px;
        text-shadow: 0 0 2px #fff;
        z-index: 100;
        box-shadow: 0 0 6px #fff;
        background: rgba(0, 0, 0, 0.33);
    }
    .custom-select.shake {
        border-color:red;
    }
    .qunteunion .kolch
    {
        color: #7e939b;
    }
    .qunteunion
    {
        width: 100%;
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between;
    }
    .detail-element {
        display: flex;
        flex-direction: row;
        width: 100%;
    }

    /* Левая часть с изображениями */
    .left-panel {
        position: relative;
        flex: 1;
        padding-right: 10px;
    }

    .images-wrapper {
        display: grid;
        grid-template-columns: 1fr 1fr; /* Два изображения в ряд */
        grid-gap: 10px;
        position: relative;
    }
    .color-slider
    {
        display: flex;
        flex-wrap: nowrap;
        justify-content: flex-start;
        width: 100%;
        gap: 5px;
        overflow-x: auto;
        max-width: 450px;
        padding: 10px 0;
    }
    .colorimageblock img{
        max-width: 80px;
    }
    .colorimageblock:hover
    {
        cursor: pointer;
        opacity: 0.6;
    }
    .image-container {
        padding-bottom: 133.6%;
        position: relative;
        overflow: hidden;
        cursor: url(/img/zoom-in-grey.png) 17 17, pointer;
        cursor: -webkit-image-set(url("/img/zoom-in-grey.png") 1x, url("/img/zoom-in-grey@2x.png") 2x) 17 17, pointer
    }

    .image-container video,
    .image-container img {
        height: 100%;
        left: 0;
        -o-object-fit: cover;
        object-fit: cover;
        position: absolute;
        top: 0;
        width: 100%;
    }

    /* Правая часть - фиксированный блок */
    .right-panel  h1 {
        padding-top: 0;
        margin-top: 0;
        font-size: 19px;
        padding-bottom: 0;
    }
    .right-panel .pa {
        font-size: 12px;
    }
    .right-panel {
        min-width: 460px;
        flex: 0 0 30%;
        padding-left: 10px;
        position: sticky;
        top: 50px;
        align-self: flex-start;
        background-color: white;
        display: flex;
        flex-direction: column;
    }
    .priceblock
    {
        font-size: 34px;
        line-height: 25px;
        padding: 20px 0 10px 0;
    }
    .oldprice
    {
        display: inline-block;
        color: #838383;
        font-size: 20px;
        padding-left: 20px;
        text-decoration: line-through;
    }
    .priceblockflex
    {
        display: flex;
    }
    .optprice:hover{
        background: #ea3162;
    }
    .optprice
    {
        background: #d35578;
        padding: 5px 10px;
        margin-top: 20px;
        border-radius: 5px;
        color: #fff;
        display: inline-block;
        font-size: 12px;
        cursor:pointer;
    }
    .separator
    {
        border-top:1px #e8e8e8 solid;
        margin: 10px 0;
    }
    .container-size
    {
        margin-top: 20px;
    }
    .color-block span{
        font-weight: bold;
    }
    .color-block
    {
        font-size: 12px;
    }

    .title-size {
        color: #d23b3b;
        font-size: 16px;
        margin-bottom: 8px;
    }

    .size-table:hover {
        color:#ccc;
    }
    .size-table {
        float: right;
        color: #555;
        font-size: 12px;
        text-transform: uppercase;
        cursor: pointer;
        margin-bottom: 10px;
    }

    /* Выпадающий список */
    .dropdown-size {
        position: relative;
        margin-bottom: 20px;
    }

    select {
        width: 100%;
        padding: 12px;
        border: 1px solid #ddd;

        font-size: 14px;
        appearance: none; /* Убирает стрелку по умолчанию */
        background: #fff url("data:image/svg+xml;utf8,<svg fill='%23999' height='20' viewBox='0 0 24 24' width='20' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>") no-repeat right 10px center;
        cursor: pointer;
        outline: none;
    }
    .colorimageblock
    {
        position: relative;
    }
    .color-ident
    {
        display: none;
        position: absolute;
        left: 1px;
        bottom: 1px;
        border-radius: 50%;
        width: 15px;
        height: 15px;
        opacity: 0.9;
        box-shadow: 0 0 5px #ccc;
    }
    /* Кнопки */
    .buttons {
        display: flex;
        gap: 10px;
    }

    .btn {
        flex: 1;
        padding: 12px 20px;
        border: 1px solid;
        text-align: center;
        background: #d35578;

        color: #fff;
        font-size: 12px;
        position: relative;
        text-transform: uppercase;
        border-radius: 2px;
        line-height: 30px;
        cursor: pointer;
    }

    .btn-primary {
        background-color: #d35578;
        color: #fff;
        border-color: #d35578;
        opacity: 1;
    }

    .btn-primary:hover {
        opacity: 0.9;
        border-color: #d35578;
        background-color: #d35578;
    }

    .btn-secondary {
        background-color: #fff;
        color: #000;
        display: none;
        border-color: #000;
    }

    .btn-secondary:hover {
        background-color: #f7f7f7;
        color: #000;
    }

    .dropdown-size {
        position: relative;

        font-size: 14px;
    }

    .custom-select {
        position: relative;
        border: 1px solid #ccc;
        background-color: #fff;
        cursor: pointer;
        display: flex;
        width: 100%;
    }

    .custom-select .selected {
        padding: 12px 16px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        color: #333;
        width: 100%;
    }

    .custom-select .selected::after {
        content: '▼';
        font-size: 12px;
        color: #aaa;
        margin-left: 10px;
    }

    .custom-select .options {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        border: 1px solid #ccc;
        background-color: #fff;

        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        z-index: 1000;
        max-height: 300px;
        overflow-y: auto;
    }

    .custom-select .option {
        padding: 12px 16px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        cursor: pointer;
        color: #333;
    }

    .custom-select .option:hover:not(.disabled) {
        background-color: #f9f9f9;
    }

    .custom-select .option.disabled span,
    .custom-select .option.disabled {
        color: #aaa!important;
        cursor: not-allowed;
    }

.request-zakaz-in {
        background: #b1b1b1;
        color: #fff;
        border: none;
        padding: 5px 10px;
        font-size: 12px;
    cursor: none;
    }

.request-zakaz {
        background: #b1b1b1;
        color: #fff;
        border: none;
        padding: 5px 10px;

        cursor: pointer;
        font-size: 12px;
    }

.request-zakaz:hover {
        background: #ccc;
    }
    .quntpole span{
        font-size: 10px;
        color: #a4a4a4;
    }

    .container-props {
        max-width: 450px;
        width: 100%;

        font-size: 14px;
    }

    .props-list {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .props-item {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 5px 10px;
        line-height: 14px;
        font-size: 12px;
        background-color: #f9f9f9; /* Чередующийся фон */
    }

    .props-item:nth-child(even) {
        background-color: #ffffff;
    }

    .prop-name {
        min-width: 130px;
        padding-right: 20px;
        font-weight: bold;
    }

    .prop-dots {
        border-bottom: 1px dotted #ccc;
        margin: 0 10px; /* Отступы между названием и значением */
    }

    .prop-value {

        text-align: right;
        color: #333;
    }

    .video-icon-overlay svg {
        display: block;
        opacity: 0.8;
        transition: opacity 0.3s ease;
    }

    .video-icon-overlay svg:hover {
        opacity: 1;
    }
    .headerdetailblo img:hover{
        opacity: 0.8;
        box-shadow: 0 0 10px #ccc;
    }
    .headerdetailblo a{
        border-radius: 10px;
        background-color: #f2f2f2;
        display: inline-block;
        margin-left: 10px;
    }
    .headerdetailblo img{
        border-radius: 10px;
        max-width: 140px;
    }
    .headerdetailblo
    {

        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between;
    }
    .reviews {
        height: 200px;

    }
    .reviews-container {
        position: relative;
        width: 100%;

    }
    .review-card .texte a {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 40px;
        background: linear-gradient(transparent, #f9f9f9 85.29%);
        text-align: center;
        color: #007bff;
        font-weight: bold;
        line-height: 60px;
        text-decoration: none;
        display: none; /* Скрываем, если текст помещается */
        cursor: pointer;
    }

    .review-card .texte a:hover {
        text-decoration: underline;
    }

    .review-card {
        background-color: #f9f9f9;
        border: 1px solid #f1f1f1;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        overflow: hidden;
        height: 160px;
        display: flex;
        flex-wrap: nowrap;
    }


    .reviews.owl-carousel button.owl-prev span,
    .reviews.owl-carousel button.owl-next span {
        display: inline-block;
        transition: all 0.3s ease; /* Плавный переход для всех изменений */
    }
    .reviews.owl-carousel button.owl-prev,
    .reviews.owl-carousel button.owl-next {
        border: none;
        padding: 10px!important;
        cursor: pointer;
        transition: all 0.3s ease; /* Плавный переход для всех изменений */
        z-index: 1000; /* Убедимся, что кнопки выше контента карусели */
    }

    /* Анимация при наведении на левую кнопку */
    .reviews.owl-carousel button.owl-prev:hover span {
        transform: translateX(-10px); /* Смещаем влево на 10px */
    }

    /* Анимация при наведении на правую кнопку */
    .reviews.owl-carousel button.owl-next:hover span {
        transform:  translateX(10px); /* Смещаем вправо на 10px */
    }
    .reviews.owl-carousel button:hover{
        color: #646464;
    }
    .reviews.owl-carousel button.owl-prev{
        margin-right: 5px;
    }
    .reviews.owl-carousel .owl-nav
    {
        position: absolute;
        top: -50px;
        right: 0;
        line-height: 25px;
        font-size: 30px;
    }
    .review-card .forediso{
        display: flex;
        width: 100%;
        justify-content: space-between;
        height: 20px;
        overflow: hidden;
        gap: 10px;
    }
    .review-card .texte
    {
        max-height: 110px;
        overflow: hidden;
        position: relative;
    }
    .review-card img {
        width: auto!important;
        max-width: 100%;
        max-height: 100%;
        border-radius: 10px;
    }
    .review-card .imgblock
    {
        padding-left: 10px;
        width: 30%!important;
        min-width: 30%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .review-card .content {
        padding: 15px;
        font-size: 12px;
        width: 100%;
    }


    .review-card .content .hh3 {
        font-size: 1.2em;
        margin: 0 0 10px;
    }

    .review-card .content p {
        font-size: 0.9em;
        color: #555;
        margin: 0 0 10px;
    }

    .review-card .content a {
        text-decoration: none;
        color: #e87296;
        font-size: 0.9em;
    }
    .hidden {
        display: none !important;
    }
    .reviews-container .navigation {
        display: flex;
        justify-content: space-between;
        margin: 10px 20px;
    }

    .reviews-container .navigation button {
        background: none;
        border: none;
        font-size: 1.5em;
        cursor: pointer;
        color: #555;
    }

    .reviews-container .navigation button:hover {
        color: #000;
    }
    .imgblockspop img
    {
        max-width: 100%;
        border-radius: 10px;
    }
    .imgblockspop
    {
        justify-content: center;
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        overflow-y: auto;
        max-height: calc(100vh - 40px);
    }

    .content-modal .video-player,
    .content-modal .video-icon-overlay{
        display: none!important;
    }
    .content-modal .owl-carousel .owl-nav button.owl-next,
    .content-modal .owl-carousel .owl-nav button.owl-prev
    {
        position: absolute;
        left: 10px;
        top: 50%;
        font-size: 50px;

        width: 50px;
        border-radius: 51%;
        height: 50px;
        line-height: 50px;
    }
    .content-modal .owl-carousel .owl-nav button.owl-next{
        left: auto;
        right: 10px;
    }
    .content-modal  .image-container img{
        height: auto;
        width: auto!important;
        left: auto;
        text-align: center;
        -o-object-fit: cover;
        object-fit: cover;
        margin: 0 auto;
        position: relative;
        top: auto;
    }
    .thumbphotos-element img{
        max-width: 100px;
    }
    .thumbphotos-element
    {
        display: none!important;
    }

    .content-modal .thumbphotos-element
    {
        display: block;
        position: absolute;
        bottom: 0;
        margin: 0 auto;
    }
    .content-modal .image-container{
        cursor: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIj4KICAgIDxwYXRoIGQ9Ik0xNiAyIEwyMCAxMCBIMTIgWiBNMTYgMzAgTDEyIDIyIEgyMCBaIiBmaWxsPSIjMDAwIi8+Cjwvc3ZnPg==') 16 16, auto;
        overflow: auto;
        height: calc(100vh - 40px);
        padding:0;
    }
    .content-modal .images-wrapper{
        width: calc(100vw - 40px);
        height: calc(100vh - 40px);
    }

    input[type=checkbox]
    {
        appearance: auto;
        width: 20px;
        height: 20px;
        padding-right: 10px;
        margin: 0;
        accent-color: #d94670;
        vertical-align: middle;
    }
    .header-size
    {
        display: none;
    }
    .fly-image {
        position: absolute;
        z-index: 1000;
        pointer-events: none;
        transition: transform 0.5s ease, opacity 0.5s ease;
    }
    .content-modal .image-container img
    {
        max-width: 100%;
        margin-bottom: 100px;
    }
    .thumb-images img
    {
        cursor: pointer;
        max-width: 55px;
    }

    .thumb-images
    {
        gap: 10px;
        margin: 0 auto;
        margin-top: 10px;
        flex-wrap: nowrap;
        overflow-x: auto;
        display: none!important;
    }
    .colorimageblock.selected
    {
        border:2px #d35578 solid;
        box-shadow: 0 0 4px #d35578;
    }
    #modal .thumb-images
    {
        display: flex!important;
        position: fixed;
        bottom: 20px;
        background-color: rgba(255, 255, 255, 0.78);
        padding: 10px;
        max-width: 90%;
        overflow-y: auto;
        left: 50%;
        gap: 10px;
        z-index: 100;
        transform: translate(-50%, 0);
    }
    .innerthumb
    {
        border:2px #dcdcdc solid;
        box-shadow: 0 0 5px #dcdcdc;
    }
    .innerthumb.selected
    {
        border:2px #d35578 solid;
        box-shadow: 0 0 4px #d35578;
    }
    @media (max-width: 1000px) {

        .video-icon-overlay svg{
            width: 60px;
            height: 60px;
        }
        .props-item {
            display: flex;
            flex-wrap: wrap;
            justify-content: start;
            align-items: center;
            padding: 5px 10px;
            line-height: 14px;
            font-size: 12px;
            background-color: #f9f9f9;
        }
        .prop-value {
            text-align: left;
            color: #333;
        }
        .prop-name {
            width: 100%;
            padding-right: 10px;
            font-weight: bold;
        }
        .right-panel .btn.btn-primary {
            margin-bottom: 10px;
        }
        .right-panel .btn {
            width: 100%;
            line-height: 20px;
            flex: auto;
        }
        .right-panel .buttons {
            display: flex;
            flex-wrap: wrap;
            gap: 0;
        }
        .right-panel
        {
            padding-left: 0;
            min-width: 330px;
        }
        .right-panel h1
        {
            font-size: 14px;
        }
        .headerdetailblo img{
            max-width: 100px;
        }
        .priceblock {
            font-size: 25px;
            padding: 10px 0 0 0;
        }
        .colorimageblock img
        {
            max-width: 50px;
        }
    }
    @media (max-width: 750px) {
        .innerthumb{
            border:1px transparent solid;
        }

        .thumb-images
        {
            display: flex!important;
        }
        .priceblock
        {
            text-align: center;
        }
        .right-panel {
            margin-top: 10px;
            flex: auto;
            width: 100%;
        }
        .detail-element {
            flex-direction: column;
        }
        .left-panel {
            position: relative;
            flex: auto;
            width: 100%;
            padding-right: 0;
        }
    }
}
/* End */


/* Start:/bitrix/components/bitrix/menu/templates/tree/style.min.css?1747486509747*/
div.menu-sitemap-tree{font-size:100%}div.menu-sitemap-tree ul{list-style-type:none;margin:0;padding:0 1em 0 0}div.menu-sitemap-tree ul ul{width:auto;margin:-0.75em 0 0 0;padding:0 0 0 .75em}div.menu-sitemap-tree li{margin:0 0 -0.85em 0;padding:0}div.menu-sitemap-tree li li{margin:0 0 -0.85em .5em;padding:0}div.menu-sitemap-tree li.menu-close ul{display:none}div.menu-sitemap-tree div.item-text{position:relative;top:-19px;left:19px}div.folder,div.page{background-repeat:no-repeat;width:17px;height:17px;vertical-align:top}div.folder{cursor:pointer;cursor:hand;background-image:url(/bitrix/components/bitrix/menu/templates/tree/images/folder_open.gif)}div.menu-sitemap-tree li.menu-close div.folder{background-image:url(/bitrix/components/bitrix/menu/templates/tree/images/folder_close.gif)}div.page{background-image:url(/bitrix/components/bitrix/menu/templates/tree/images/page.gif)}
/* End */


/* Start:/local/templates/hunny/components/bitrix/sender.subscribe/.default/style.css?17475004292709*/
.bx-subscribe {
	margin: 10px 0;
}
.bx-subscribe div.bx-block-title {
	font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-semi-bold, 600);
	color: #343434;
	text-transform: uppercase;
	font-size: 12px;
	margin-bottom: 9px;
}
.bx-subscribe-desc {
	color: #aaa;
	font-size: 12px;
	position: relative;
	margin-top: -5px;
	margin-bottom: 3px;
}
.bx-subscribe .bx-input-group .bx-form-control {
	position: relative;
	margin-bottom: 15px;
	display: block;
	width: 100%;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: transparent;
	border:none;
	border-bottom: 1px solid #ccc;
	outline: none;
	box-shadow: none !important;
	-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.bx-ios .bx-subscribe .bx-input-group .bx-form-control {
	/* Fix of input shadow for IOS browsers. */
	background-image: -webkit-linear-gradient(#f8fafc 0%, #f8fafc 100%);
	background-image: linear-gradient(#f8fafc 0%, #f8fafc 100%);
}
.btn-subscribe {
	width: 100%;
	cursor: pointer;
	text-align: center;
	background: #d35578;
	border: none;
	color: #fff;
	font-size: 12px;
	position: relative;
	text-transform: uppercase;
	border-radius: 2px;
	line-height: 30px;
	height: 40px;
	padding: 5px 10px;
	vertical-align: middle;
	outline: none;
	-webkit-transition: width 5s linear;
	-moz-transition: width 5s linear;
	-ms-transition: width 5s linear;
	-o-transition: width 5s linear;
	transition: width 5s linear;
}
.btn-subscribe:hover {
	background: #e87296;
}
.btn-subscribe span {
	display: block;
}
.btn-subscribe.send {
	padding: 5px 40px;
	outline: none;
	color: #fff;
}

@keyframes MeilSend {0%{padding:5px 60px 5px 20px}100%{padding:5px 40px}}
@-webkit-keyframes MeilSend {0%{padding:5px 60px 5px 20px}100%{padding:5px 40px}}
@keyframes MeilSendSpan {0%{color:transparent;}100%{color:#fff;}}
@-webkit-keyframes MeilSendSpan {0%{color:transparent;}100%{color:#fff;}}
@keyframes MeilSendButton {0%{width:40px;background-position:50%}100%{width:0;background-position:100px 50%}}
@-webkit-keyframes MeilSendButton {0%{width:40px;background-position:50%}100%{width:0;background-position:100px 50%}}

.bx_subscribe_response_container {
	padding: 40px;
	color: #35414E;
}

.bx_subscribe_checkbox_container {
  line-height: 16px;
  font-size: 13px;
  margin-bottom: 3px;
  vertical-align: middle;
  color: #aaa;
}

.bx-sender-subscribe-agreement .main-user-consent-request a {
	font: 11px/10px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-regular, 400);
}
/* End */
/* /bitrix/components/bitrix/breadcrumb/templates/universal/style.min.css?1747486509620 */
/* /local/templates/hunny/css/owl.css?17475004484362 */
/* /bitrix/components/bitrix/advertising.banner/templates/akcii/style.css?17475015281886 */
/* /local/components/festgroup/catalog.element/templates/.default/style.css?175096793220706 */
/* /bitrix/components/bitrix/menu/templates/tree/style.min.css?1747486509747 */
/* /local/templates/hunny/components/bitrix/sender.subscribe/.default/style.css?17475004292709 */