/* Start:/local/templates/donballon_braind/components/bitrix/catalog.element/.default/style.css?1786042748184*/
.red {
    color: #ff3645;
}
.kc-crpt-data-icon-full{
    display: block;
    position: relative;
    max-width: 76px;
    width: 100%;
    margin-bottom: .8rem;
    cursor: pointer;
}
/* End */


/* Start:/local/templates/donballon_braind/components/bitrix/catalog.item/.default/style.css?17860427483650*/
.red {
    color: #ff3645;
}
ul.kc-promo_list{
    display: block;
    position: relative;
    padding-left: 0;
    margin-left: 0;
}
ul.kc-promo_list>li{
    display: block;
    position: relative;
    list-style-type: none;
    padding-left: 10px;
    margin-left: 0;
    font-size: 12px;
}
ul.kc-promo_list>li:before{
    content: '';
    display: block;
    position: absolute;
    width: 5px;
    top: 5px;
    height: 5px;
    left: 0;
    background-color: #4cd596;
    border-radius: 50%;
}
.kc-crpt-data-icon{
    width: 1.8rem;
    height: 1.8rem;
    margin-right: .8rem;
    background-image: url(/local/templates/donballon_braind/resource/img/crpt-data.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/* Слайдер изображений карточки товара (превью + MORE_PHOTO) */
.product-card__img-slider{
    position: relative;
    width: 100%;
}
.product-card__img-slider>.kc-carousel_body{
    padding-top: 0;
}
.product-card__img-slider .product-card__img-wrapper{
    display: block;
    width: 100%;
}
/* dots-пилюля в правом нижнем углу слайдера: белый фон, полукруглые края,
   одна строка, ширина ограничена 55px, лишние точки скрыты */
.product-card__img-slider.kc-carousel>.kc-carousel_dots{
    position: absolute;
    right: 8px;
    bottom: 6px;
    box-sizing: border-box;
    max-width: 55px;
    padding: 4px;
    background-color: #fff;
    border-radius: 999px;
    overflow: hidden;
    white-space: nowrap;
    font-size: 0;
    text-align: left;
    z-index: 3;
    pointer-events: none;
}
.product-card__img-slider.kc-carousel>.kc-carousel_dots>*{
    pointer-events: auto;
    width: 6px;
    height: 6px;
    margin: 0 3px;
    background-color: rgba(63, 58, 86, .3);
    transform: translateX(var(--kc-dots-shift, 0px));
    transition: transform .3s;
}
.product-card__img-slider.kc-carousel>.kc-carousel_dots>*.active{
    background-color: #3f3a56;
}
/* бейдж "Собственная разработка" при разворачивании должен перекрывать блок dots */
.product-card__img .product-card__badge{
    z-index: 4;
}

/* прозрачные hover-зоны переключения слайдов: по одной на слайд,
   заполняют всё пространство поверх слайдера (только для устройств с мышью) */
.product-card__img-zones{
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}
.product-card__img-zone{
    display: block;
    flex: 1 1 0;
    height: 100%;
}
@media (hover: none), (pointer: coarse) {
    .product-card__img-zones{
        display: none;
    }
}

/* кнопка "Быстрый просмотр" полностью скрыта */
.product-card__img .product-card__quick-view{
    display: none;
}

/* объединенный блок корзины: товар не в корзине - только кнопка "В корзину",
   товар в корзине (is-active) - только счетчик (вместе с выбором единицы измерения) */
.product-card .add-to-cart__count-control{
    display: none;
}
.product-card .add-to-cart.is-active .add-to-cart__count-control{
    display: block;
}
.product-card .add-to-cart.is-active .add-to-cart__button{
    display: none;
}
.add-to-cart__button .button__text{
    padding-left: 5px;
}
.product-card__cart .add-to-cart{
    display: block;
}
/* End */


/* Start:/local/templates/donballon_braind/resource/css/KCSlider2v.css?17860427487317*/
.kc-carousel{
    display: none;
}
.kc-carousel>.kc-carousel_body{
    display: block;
    position: relative;
    overflow: hidden;
    padding-top: 10px;
    width: 100%;
}
.kc-carousel>.kc-carousel_body>.kc-carousel_line{
    display: inline-block;
    position: relative;
    white-space: nowrap;
    font-size: 0;
    transform: translate3d(0, 0, 0);
}
.kc-carousel>.kc-carousel_body>.kc-carousel_line.move, .kc-carousel>.kc-carousel_body>.kc-carousel_line.move *{
    cursor: grab;
    transition: none !important;
}
.kc-carousel>.kc-carousel_body>.kc-carousel_line.move *{
    -webkit-touch-callout: none !important;
    -webkit-user-select: none !important;
    -khtml-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
    -webkit-user-drag: none !important;
}
.kc-carousel>.kc-carousel_body>.kc-carousel_line.move.dont_click *{
    pointer-events: none !important;
}
.kc-carousel>.kc-carousel_body>.kc-carousel_line>.kc-carousel_item{
    display: inline-block;
    position: relative;
    vertical-align: top;
    font-size: unset;
    white-space: normal;
}
.kc-carousel>.kc-carousel_body>.kc-carousel_line>.kc-carousel_item [data-src]{
    background-size: 30px;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,<svg width="38" height="38" viewBox="0 0 38 38" xmlns="http://www.w3.org/2000/svg" stroke="%23000"><g fill="none" fill-rule="evenodd"><g transform="translate(1 1)" stroke-width="2"><circle stroke-opacity=".5" cx="18" cy="18" r="18"/><path d="M36 18c0-9.94-8.06-18-18-18"><animateTransform attributeName="transform" type="rotate" from="0 18 18" to="360 18 18" dur="1s" repeatCount="indefinite"/></path></g></g></svg>');
    background-position: center;
}
.kc-carousel>.kc-carousel_nav, .kc-carousel>.kc-carousel_dots, .kc-carousel>.kc-carousel_btns{
    display: none;
    position: relative;
}
.kc-carousel>.kc-carousel_nav.show, .kc-carousel>.kc-carousel_dots.show, .kc-carousel>.kc-carousel_btns.show{
    display: block;
}
.kc-carousel>.kc-carousel_nav>*,.kc-carousel>.kc-carousel_dots>*,.kc-carousel>.kc-carousel_btns>*{
    display: inline-block;
    position: relative;
    vertical-align: top;
    cursor: pointer;
    font-size: 0;
}
.kc-carousel>.kc-carousel_nav>*{
    background-image: url('data:image/svg+xml,\
  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 477.175 477.175">\
  <path d="M360.731 229.075l-225.1-225.1c-5.3-5.3-13.8-5.3-19.1 0s-5.3 13.8 0 19.1l215.5 215.5-215.5 215.5c-5.3 5.3-5.3 13.8 0 19.1 2.6 2.6 6.1 4 9.5 4 3.4 0 6.9-1.3 9.5-4l225.1-225.1c5.3-5.2 5.3-13.8.1-19z"/>\
  </svg>');
}
.kc-carousel>.kc-carousel_btns>.pause{
    background-size: 100%;
    background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.50002 19.75C8.40032 19.7495 8.30174 19.7291 8.21002 19.69C8.0732 19.6341 7.95627 19.5385 7.87428 19.4155C7.7923 19.2925 7.74902 19.1478 7.75002 19V5.00003C7.75543 4.85772 7.80126 4.71989 7.88213 4.60266C7.96301 4.48544 8.07559 4.39366 8.2067 4.33807C8.33782 4.28247 8.48206 4.26536 8.62254 4.28873C8.76303 4.3121 8.89396 4.37499 9.00002 4.47003L16 11.47C16.1405 11.6107 16.2194 11.8013 16.2194 12C16.2194 12.1988 16.1405 12.3894 16 12.53L9.00002 19.53C8.86584 19.662 8.68797 19.7403 8.50002 19.75ZM9.25002 6.81003V17.19L14.44 12L9.25002 6.81003Z" fill="%23000000"/></svg>')
}
.kc-carousel>.kc-carousel_btns>.play.pause{
    background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools --><svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9 19.75C8.80189 19.7474 8.61263 19.6676 8.47253 19.5275C8.33244 19.3874 8.25259 19.1981 8.25 19V5C8.25 4.80109 8.32902 4.61032 8.46967 4.46967C8.61032 4.32902 8.80109 4.25 9 4.25C9.19891 4.25 9.38968 4.32902 9.53033 4.46967C9.67098 4.61032 9.75 4.80109 9.75 5V19C9.74741 19.1981 9.66756 19.3874 9.52747 19.5275C9.38737 19.6676 9.19811 19.7474 9 19.75Z" fill="%23000000"/><path d="M15 19.75C14.8019 19.7474 14.6126 19.6676 14.4725 19.5275C14.3324 19.3874 14.2526 19.1981 14.25 19V5C14.25 4.80109 14.329 4.61032 14.4697 4.46967C14.6103 4.32902 14.8011 4.25 15 4.25C15.1989 4.25 15.3897 4.32902 15.5303 4.46967C15.671 4.61032 15.75 4.80109 15.75 5V19C15.7474 19.1981 15.6676 19.3874 15.5275 19.5275C15.3874 19.6676 15.1981 19.7474 15 19.75Z" fill="%23000000"/></svg>')
}
.kc-carousel>.kc-carousel_nav>*, .kc-carousel>.kc-carousel_btns>*{
    background-repeat: no-repeat;
    background-position: center;
    background-size: 50%;
    transform-origin: center;
    min-width: 20px;
    min-height: 20px;
    cursor: pointer;
    margin: .6rem;
}
.kc-carousel>.kc-carousel_nav>*:first-child, .kc-carousel>.kc-carousel_btns>*:first-child{
    margin-left: 0;
}
.kc-carousel>.kc-carousel_nav>*:last-child, .kc-carousel>.kc-carousel_btns>*:last-child{
    margin-right: 0;
}

.kc-carousel>.kc-carousel_nav>*:first-child{
    transform: rotate(180deg);
}

.kc-carousel>.kc-carousel_dots>*{
    margin: 3px;
    width: 5px;
    height: 5px;
    background-color: #ccc;
    border-radius: 50%;
}
.kc-carousel>.kc-carousel_dots>*.active{
    background-color: #000;
}
.kc-carousel>.kc-slider-hint {
    display: block;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    padding: 10px;
    width: fit-content;
    margin: auto;
    position: absolute;
    top: 30px;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    background-image: url('data:image/svg+xml,<%3Fxml version="1.0" %3F><svg width="800px" height="800px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg"><g id="layer1"><path d="M 2.5 8 L 0 10.5 L 2.5 13 L 4 13 L 2 11 L 17 11 L 15 13 L 16.5 13 L 19 10.5 L 16.5 8 L 15 8 L 17 10 L 2 10 L 4 8 L 2.5 8 z " style="fill:%23fff; fill-opacity:1; stroke:none; stroke-width:0px;"/></g></svg>');
    background-size: 80% auto;
    background-repeat: no-repeat;
    background-position: calc(50% + 2px) calc(50% - 10px);
    transition: 0.3s;
    opacity: 0;
    z-index: 99;
}
.kc-carousel>.kc-slider-hint>*{
    display: inline-block;
    width: 24px;
    height: 24px;
    margin: 0 5px;
    background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 14a8 8 0 01-8 8" /><path d="M18 11v-1a2 2 0 00-2-2v0a2 2 0 00-2 2v0" /><path d="M14 10V9a2 2 0 00-2-2v0a2 2 0 00-2 2v1" /><path d="M10 9.5V4a2 2 0 00-2-2v0a2 2 0 00-2 2v10" /><path d="M18 11a2 2 0 114 0v3a8 8 0 01-8 8h-2c-2.8 0-4.5-.86-5.99-2.34l-3.6-3.6a2 2 0 012.83-2.82L7 15" /></svg>');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    animation: moveHand 2s infinite;
    transform: translate(-8px, 10px);
}
span.kc-section-current{
    font-weight: bold;
}
@keyframes moveHand {
    0%, 100% {
        transform: translate(-8px, 10px);
    }
    50% {
        transform: translate(10px, 10px);
    }
}
/* End */
/* /local/templates/donballon_braind/components/bitrix/catalog.element/.default/style.css?1786042748184 */
/* /local/templates/donballon_braind/components/bitrix/catalog.item/.default/style.css?17860427483650 */
/* /local/templates/donballon_braind/resource/css/KCSlider2v.css?17860427487317 */