

/* Start:/bitrix/templates/teh/components/bitrix/catalog/prod/style.css?1716875356131*/
.row.product-row{
    --bs-gutter-y: 24px;
}
@media (min-width: 1400px){
    .row.product-row{
        --bs-gutter-y: 32px;
    }
}
/* End */


/* Start:/bitrix/templates/teh/components/bitrix/catalog.section.list/detail/style.css?17577706843191*/
.slider-catalog{
    position: relative;
    background-color: #F1F1F1;
    overflow: hidden;
}
.slider-catalog .navi-block{
    position: relative;
}
.slider-catalog .navi-block .list-navi{
    margin-left: auto;
    margin-right: 0;
    background-color: #F1F1F1;
    width: 41%;
    position: relative;
    padding-top: 80px;
    padding-bottom: 80px;
    transform: skewX(-15deg);
    z-index: 10;
}
.slider-catalog .navi-block .list-navi .owl-dot .button{
    display: block;
    box-shadow: -8px 0px 16px 0px rgba(0, 0, 0, 0.25);
    background-color: #fff;
    font-size: 32px;
    font-weight: 500;
    line-height: 1;
    border: none;
    padding: 45px 14%;
    width: 120%;
    text-align: left;
    color: #222222;
}
.slider-catalog .navi-block .list-navi .owl-dot div.button{
    background-color: #C8EBE8;
}
.slider-catalog .navi-block .list-navi .owl-dot + .owl-dot{
    margin-top: 16px;
}
.slider-catalog .navi-block .list-navi .owl-dot span{
    transform: skewX(15deg);
    display: block;
}
.slider-catalog .navi-block .list-navi .owl-dot{
    position: relative;
    left: -7%;
    transition: .3s;
}
.slider-catalog .navi-block .list-navi .owl-dot:not(.active):hover{
    left: -14%;
}
.block-head-catalog{
    background: #C8EBE8;
    color: #222;
}
.block-head-catalog h1.page-title{
    margin-bottom: 8px;
}
.block-head-catalog .container{
    padding-top: 24px;
    padding-bottom: 24px;
}
.block-head-catalog .bx-breadcrumb{
    margin: 0!important;
}
.block-head-catalog .bx-breadcrumb .delitel{
    color: #222;
}
@media (min-width: 768px){
    .slider-catalog .images-list{
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 63%;
        z-index: 3;
    }
    .slider-catalog .images-list picture,
    .slider-catalog .images-list img{
        position: absolute;
        height: 100%;
        width: 100%;
        left: 0;
        top: 0;
        max-height: none;
    }
    .slider-catalog .images-list img{
        object-fit: cover;
        object-position: center;
    }
    .block-head-catalog{
        background: linear-gradient(90deg, #C8EBE8 0%, #C8EBE8 50%, #ffffff 50%);
    }
    .block-head-catalog .container{
        background:#C8EBE8);
        background: linear-gradient(90deg, #C8EBE8 0%, #C8EBE8 80%, #ffffff 80%);
    }
    .block-head-catalog>.container>*{
        width: 50%;
    }
    .block-head-catalog {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 5;
    }
}
@media (max-width: 1799.98px){
    .slider-catalog .navi-block .list-navi{
        width: 44%;
    }
}
@media (max-width: 1199.98px){
    .slider-catalog .navi-block .list-navi .owl-dot .button{
        font-size: 26px;
    }
    .slider-catalog .navi-block .list-navi .owl-dot .button{
        padding: 25px 14%;
    }
}
@media (max-width: 1199.98px) and (min-width: 992px){
    .slider-catalog h1.page-title{
        font-size: 28px;
    }
}
@media (max-width: 991.98px) and (min-width: 768px){
    .slider-catalog h1.page-title{
        font-size: 22px;
    }
}
@media (max-width: 767.98px){
    .slider-catalog .navi-block{
        display: none!important;
    }
}
/* End */


/* Start:/bitrix/templates/teh/js/owl/owl.carousel.min.min.css?17168753563190*/
@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.owl-carousel{display:none;width:100%;-webkit-tap-highlight-color:transparent;position:relative;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{position:relative;min-height:1px;float:left;-webkit-tap-highlight-color:transparent;-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}.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:0;padding:0!important;font:inherit}.owl-carousel.owl-loaded{display:block}.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}.no-js .owl-carousel{display:block}.owl-carousel .animated{animation-duration:1000ms;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}.owl-height{transition:height 500ms ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity 400ms 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(/bitrix/templates/teh/js/owl/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform 100ms 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 400ms ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
/* End */


/* Start:/bitrix/templates/teh/components/bitrix/breadcrumb/bread/style.css?1757768372208*/
.bx-breadcrumb {
	margin: 32px 0 8px;
}
.bx-breadcrumb .bx-breadcrumb-item{
	display: inline;
}
.bx-breadcrumb .delitel{
	color: #111;
}
@media (min-width: 992px){
	.bx-breadcrumb {
		margin: 64px 0 8px;
	}
}
/* End */


/* Start:/bitrix/templates/teh/components/bitrix/news.list/predmet_blocks/style.css?17584508907768*/
.predmet-blocks .block-item:nth-child(even){
    background-color: #F1F1F1;
}
.predmet-blocks .block-item{
    padding-top: 32px;
    padding-bottom: 32px;
}
.predmet-blocks .block-item .line-btn{
    margin-top: 24px;
}
.predmet-blocks .block-item .row.line-col{
    --bs-gutter-y: 24px;
}
.predmet-blocks .block-item .list-prop .item-prop{
    padding: 8px 16px;
}
.predmet-blocks .block-item .list-prop .item-prop.head-line{
    background-color: #222;
    color: #fff;
}
.predmet-blocks .block-item .list-prop .row{
    --bs-gutter-x: 8px;
}
.predmet-blocks .block-item .list-prop + .info-block{
    margin-top: 24px;
}
.predmet-blocks .block-item .list-prop .item-prop:not(.head-line){
    border-bottom: 1px solid rgb(229, 229, 229);
}
.predmet-blocks .bx-pagination{
    margin-bottom: 24px;
}
@media (min-width: 992px){
    .predmet-blocks .block-item:nth-child(odd) .row.line-col{
        flex-direction: row-reverse;
    }
}
@media (min-width: 1200px){
    .predmet-blocks .block-item{
        padding-top: 64px;
        padding-bottom: 64px;
    }
    .predmet-blocks .block-item .line-btn{
        margin-top: 32px;
    }
    .predmet-blocks .bx-pagination{
        margin-bottom: 32px;
    }
}





/* Мобайл/планшет: правильный порядок блоков */
@media (max-width: 1199px) { /* или 991px, если нужно только до 992 */
  /* делаем строку вертикальным стеком */
  .predmet-blocks .block-item .row.line-col{
    display:flex;
    flex-direction:column;
    margin-left:0;
    margin-right:0;
  }
  /* «расплющиваем» колонку с текстом, чтобы ее внутренние блоки стали соседями images-block */
  .predmet-blocks .block-item .desc-block{ display:contents; }

  /* Порядок: Название → Фото → Характеристики → Описание */
  .predmet-blocks .block-item .title-block{ order:1; }
  .predmet-blocks .block-item .images-block{ order:2; }
  .predmet-blocks .block-item details.char-accordion{ order:3; }
  .predmet-blocks .block-item .info-block{ order:4; }

  /* На всякий случай растянем на всю ширину */
  .predmet-blocks .block-item .row.line-col > .title-block,
  .predmet-blocks .block-item .row.line-col > .images-block,
  .predmet-blocks .block-item .row.line-col > details.char-accordion,
  .predmet-blocks .block-item .row.line-col > .info-block{
    width:100%;
  }
}

}



/* =====================  АККОРДЕОН «Характеристики»  ===================== */

/* контейнер details */
.predmet-blocks details.char-accordion{
  margin: 16px 0;
  width: 100%;
}

/* заголовок-кнопка: на всю ширину, текст слева, стрелка справа, пульсация */
.predmet-blocks .char-summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  width:100%;
  box-sizing:border-box;
  padding:12px 16px;
  background:#C8EBE8 ;
  border:1px solid #ddd;
  border-radius:6px;
  font-weight:700;
  cursor:pointer;
  user-select:none;
  text-align:left;
  list-style:none;
}
.predmet-blocks .char-summary::-webkit-details-marker{ display:none; }

/* стрелка как псевдо-элемент */
.predmet-blocks .char-summary::after{
  content:"▼";
  font-size:14px;
  display:inline-block;
  transition:transform .25s ease;
  animation:chevronPulse 1.4s ease-in-out infinite;
  opacity:.9;
}
.predmet-blocks details.char-accordion[open] .char-summary::after{
  transform:rotate(180deg);
  animation:none; /* при открытии пульсация выключается */
}
@keyframes chevronPulse{
  0%   { transform:translateY(0) scale(1);   opacity:.9; }
  50%  { transform:translateY(2px) scale(1.15); opacity:1; }
  100% { transform:translateY(0) scale(1);   opacity:.9; }
}

/* таблица характеристик: шире и с нормальным интервалом между колонками */
.predmet-blocks details.char-accordion .list-prop{
  margin-top:12px;
  width:100%;            /* тянется по ширине контейнера */
  background:#fff;
  border:1px solid #ddd;
  border-radius:6px;
  overflow:hidden;
  padding:0;
  box-sizing:border-box;
}
.predmet-blocks details.char-accordion .list-prop .item-prop{
  padding:12px 20px;
  border-bottom:1px solid #e5e5e5;
}
.predmet-blocks details.char-accordion .list-prop .item-prop:last-child{
  border-bottom:none;
}

/* шапка таблицы */
.predmet-blocks details.char-accordion .list-prop .item-prop.head-line{
  background:#e6f2f3;
  font-weight:700;
}

/* строки и колонки */
.predmet-blocks details.char-accordion .list-prop .row{
  display:flex;
  align-items:flex-start;
  --bs-gutter-x:16px;             /* увеличили расстояние между колонками */
  margin-left:calc(-.5 * var(--bs-gutter-x));
  margin-right:calc(-.5 * var(--bs-gutter-x));
}
.predmet-blocks details.char-accordion .list-prop .col-6{
  padding-left:calc(var(--bs-gutter-x)/2);
  padding-right:calc(var(--bs-gutter-x)/2);
  box-sizing:border-box;
}
/* ширины колонок на ПК: 40% / 60% (чуть больше места значению) */
@media (min-width: 992px){
  .predmet-blocks details.char-accordion .list-prop .col-6:first-child{ width:40%; max-width:40%; flex:0 0 40%; }
  .predmet-blocks details.char-accordion .list-prop .col-6:last-child { width:60%; max-width:60%; flex:0 0 60%; }
}
/* на мобильных/планшетах — 50/50 и переносы */
@media (max-width: 991px){
  .predmet-blocks details.char-accordion .list-prop .col-6{
    width:50%; max-width:50%; flex:0 0 50%;
    min-width:0; white-space:normal; word-break:break-word;
  }
}

/* =====================  ПОВЕДЕНИЕ ПО ШИРИНЕ  ===================== */
/* До 991px по умолчанию закрыто (стандарт для <details>) — показываем/скрываем содержимое */
@media (max-width: 991px){
  .predmet-blocks details.char-accordion .list-prop{ display:none; }
  .predmet-blocks details.char-accordion[open] .list-prop{ display:block; }
}





/* ===== Мобайл/планшет: правильная ширина у блока "Характеристики" ===== */
@media (max-width: 1199px){ /* или 991px, если перестановка только до 992px */
  .predmet-blocks .block-item .row.line-col{
    display:flex;
    flex-direction:column;
    margin-left:0; margin-right:0;
  }
  /* расплющиваем колонку, чтобы её дети стали соседями images-block */
  .predmet-blocks .block-item .desc-block{ display:contents; }

  /* ширина всех блоков = 100% */
  .predmet-blocks .block-item .title-block,
  .predmet-blocks .block-item .images-block,
  .predmet-blocks .block-item details.char-accordion,
  .predmet-blocks .block-item .info-block{
    flex: 0 0 100%;
    width: 100%;
  }

  /* сам details как блочный элемент на всю ширину */
  .predmet-blocks .block-item details.char-accordion{ display:block; }

  /* заголовок аккордеона тянется на всю ширину контейнера */
  .predmet-blocks .char-summary{
    display:flex;
    justify-content:space-between;
    align-items:center;
    width:100%;
    box-sizing:border-box;
  }

  /* таблица внутри не ограничивается по ширине */
  .predmet-blocks details.char-accordion .list-prop{
    width:100%;
    max-width:none;   /* перекрывает старые max-width, если были */
  }
}

/* End */


/* Start:/bitrix/components/bitrix/system.show_message/templates/.default/style.min.css?171687535751*/
font.errortext{color:red}font.notetext{color:green}
/* End */
/* /bitrix/templates/teh/components/bitrix/catalog/prod/style.css?1716875356131 */
/* /bitrix/templates/teh/components/bitrix/catalog.section.list/detail/style.css?17577706843191 */
/* /bitrix/templates/teh/js/owl/owl.carousel.min.min.css?17168753563190 */
/* /bitrix/templates/teh/components/bitrix/breadcrumb/bread/style.css?1757768372208 */
/* /bitrix/templates/teh/components/bitrix/news.list/predmet_blocks/style.css?17584508907768 */
/* /bitrix/components/bitrix/system.show_message/templates/.default/style.min.css?171687535751 */
