.image-tabs-wrap{
	padding-top:40px;
	margin-bottom:80px;
}

.image-tabs-wrap .nav-tabs{
	background-color:transparent;
}

.image-tabs-wrap .nav-tabs li span{
	    border-color:#8B8B8B;
		color:#26272B !important;
}
.image-tabs-wrap .nav-tabs li:hover span{
	color:var(--accent-color) !important;
}

.image-tabs-wrap .tab-pane .d-flex{
	display:flex;
	width:100%;
	flex-wrap:wrap;
	align-items:center;
	height:100%;
	justify-content:center;
	
}

.chess-video-blocks{
	color:#fff;
}

.chess-video-blocks .item-content{
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:flex-start;
	height:100%;
}

.chess-video-blocks .title{
	font-weight:600;
	font-size:40px;
	text-transform:uppercase;
	line-height:1.4;
}
.chess-video-blocks .text{
	padding-top:20px;
	font-size:18px;
	color:#CFCFCF;
}


.video-wrap{
  width:100%;
  position: relative;
  cursor: pointer;
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  align-items:center;
}
.chess-video-blocks .video-wrap{
	height:100%;
}
.video-wrap img{
  display:block;
  width:100%;
  height:auto;
  cursor:default
}
.video-wrap.is-playing .play_button{
  display:none;
}

/* overlay щоб зупинити відео кліком */
.video-wrap iframe{
  position:relative;
  z-index:4;
  width:100%;
  aspect-ratio: 16 / 9;
  border:0;
  display:block;
}
.grid-products{
	margin-bottom:-40px;
}
.grid-products > .col-6{
	margin-bottom:40px;
}
.grid-products .pr-item{
	background:#F1F1F1;
	height:100%;
}
.pr-item{
	display:flex;
	flex-wrap:wrap;
	flex-direction:column;
}
.pr-item .image{
	padding:40px;
	background-color:#4B5565;
	height:25vw;
	max-height:433px;
	min-height:250px;
	width:100%;
	display:flex;
	align-items:center;
	justify-content:center;
}

.pr-item .image img{
	max-height:100%;
	width:auto;
}

.pr-item-content{
	padding:24px;
	flex:1;
	display:flex;
	flex-direction:column;
	width:100%;
}

.pr-item-content .title{
	font-weight:600;
	font-size:24px;
	line-height:1.4;
	margin:0 0 24px;
}

.pr-item-content ul,
.accs-list .item-content ul{
	padding-left:0px;
	margin-left:0px;
	list-style-type:none
}
.pr-item-content ul li,
.accs-list .item-content ul li{
	padding-bottom:10px;
	padding-left:30px;
	position:relative;
}

.pr-item-content ul li:before,
.accs-list .item-content ul li:before{
	content: "\00B7";
    display: inline-block;
    position: absolute;
    left: 14px;
}

.charge-time{
	display:flex;
	margin:30px -10px 0;
	flex-wrap:wrap;
	font-size:14px;
	color:#171717;
	white-space:nowrap;
}

.charge-time .ct-item{
	-webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
	padding:10px;
}

.charge-time .ct-item-line{
	margin:7px 0;
	display:flex;
	justify-content:space-between;
	height:34px;
}
.charge-time .ct-item-line span{
	display:inline-block;
	height:100%;
	width:8.5%;
	max-width:10px;
	border:1px solid var(--accent-color);
}
.charge-time .ct-item-line span.active{
	background: var(--accent-color);
}
.addi-item{
	margin-top:30px;
}
.addi-item .addi-item-title{
	position:relative;
	text-transform:uppercase;
	font-size:16px;
	line-height:1.4;
	padding-right:24px;
	cursor:pointer;
	letter-spacing:0.04em;
}
.addi-item .addi-item-title:hover{
	color:var(--accent-color);
}
.addi-item .addi-item-title:after{
	content: "";
    display: inline-block;
    position: absolute;
    right: 3px;
    width: 9px;
    height: 9px;
    top: 4px;
    border-right: 2px solid #171717;
    border-bottom: 2px solid #171717;
    transform: rotate(45deg);
    transition: .3s;
}
.addi-item .addi-item-title.active:after{
	transform:rotate(-135deg);
	top:8px;
}
.addi-item .addi-item-text{
	display:none;
	padding-top:16px;
}
.pr-item .button,
.accs-list .item-content .button{
	margin-top:32px;
}
.pr-item .button:not(:hover),
.accs-list .item-content .button:not(:hover){
	color:#171717 !important;
	border-color:#7A7A7A !important;
}

/* аксесуари */
.accs-list .item{
	display:flex;
	flex-wrap:wrap;
	margin-top:40px;
	background:#E2E2E2;
}

.accs-list .item:nth-child(2n+1){
	flex-direction:row-reverse;
}

.accs-list .item .item-gallery,
.accs-list .item .item-content{
	width:50%;
	min-width: 0;
}


.accs-list .item .item-content{
	padding:40px;
}

.accs-list .item .title{
	font-size:24px;
	font-weight:600;
	line-height:1.4;
	text-transform:uppercase;
	margin:0 0 24px;
}
.accs-list .item .item-gallery{
	background:#4B5565;
	padding:24px;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:center;
}
.accs-gallery { width: 100%; }

.accs-gallery .accs-main,
.accs-gallery .accs-thumbs{
  overflow: hidden;
}
.accs-gallery .accs-main { width: 100%;position:relative; }
.accs-gallery .accs-main .swiper-slide a{
  display:block;
  width:100%;
  /*aspect-ratio: 4 / 3;*/
  overflow:hidden;
}
.accs-gallery .accs-main img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}


.accs-gallery .accs-thumbs{ margin-top: 40px; }
.accs-gallery .accs-thumbs .swiper-slide{
  height: 100px;
  overflow:hidden;
  cursor:pointer;
  opacity: .6;
  text-align:center;
}
.accs-gallery .accs-thumbs .swiper-slide-thumb-active{ opacity: 1; }
.accs-gallery .accs-thumbs img{
  width:auto;
  height:100%;
  object-fit:cover;
  display:block;
}

.accs-gallery .swiper-button-prev,
.accs-gallery .swiper-button-next{
	background:none;
	width:40px;
	height:40px;
	margin-top:-20px;
}
.accs-gallery .swiper-button-prev{
	left:0;
}
.accs-gallery .swiper-button-next{
	right:0;
}
.accs-gallery .swiper-button-prev:before,
.accs-gallery .swiper-button-next:before{
	content:"";
	display:inline-block;
	width: 0px;
    height: 0px;
    border-top: 18px solid transparent;
    border-bottom: 18px solid transparent;
    border-left: 25px solid #fff;
	border-radius:5px;
	transition:.3s;
}
.accs-gallery .swiper-button-prev:before{
	transform: scaleX(-1);
}

.accs-gallery .swiper-button-prev:not(.swiper-button-disabled):hover:before,
.accs-gallery .swiper-button-next:not(.swiper-button-disabled):hover:before{
	border-left-color:var(--accent-color);
}

/* відгуки */

.video-list{
	margin:0 -10px;
	padding-top:30px;
}

.video-list .col-3{
	padding:10px;
}

.video-list .video-item{
	padding-top:144%;
	background-repeat:no-repeat;
	background-color:#000;
	background-position:center;
	background-size:cover;
}

.video-list .video-item .play_button{
	width:84px;
	height:84px;
	margin-left:-42px;
	margin-top:-42px;
}

.seven-gallery-wrap {
  margin-top:10px;
  margin-bottom:-20px;
}
/* 7-ка, що формує рівний прямокутник */
.gallery-seven-grid{
  display: grid;
  grid-template-columns: repeat(4, 1fr);   /* 4 * 25% */
  grid-template-rows: repeat(3, 1fr);      /* 3 * 33% */
  gap: 20px;
  aspect-ratio: 4 / 2.1;                    /* рівний прямокутник */
  margin-bottom:20px;
}

.gallery-seven-grid .gallery-item{
  display:block;
  overflow:hidden;
  position:relative;
}
.gallery-seven-grid .gallery-item:hover{
	opacity:.75;
}

.gallery-seven-grid .gallery-item img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}

/* [25%/66%] */
.gallery-seven-grid .pos-1 { grid-column: 1; grid-row: 1 / span 2; }

/* [25%/33%] */
.gallery-seven-grid .pos-2 { grid-column: 2; grid-row: 1; }

/* [50%/66%] */
.gallery-seven-grid .pos-3 { grid-column: 3 / span 2; grid-row: 1 / span 2; }

/* [25%/33%] */
.gallery-seven-grid .pos-4 { grid-column: 1; grid-row: 3; }

/* [25%/66%] */
.gallery-seven-grid .pos-5 { grid-column: 2; grid-row: 2 / span 2; }

/* [25%/33%] */
.gallery-seven-grid .pos-6 { grid-column: 3; grid-row: 3; }

/* [25%/33%] */
.gallery-seven-grid .pos-7 { grid-column: 4; grid-row: 3; }



.ln-1-style-1 {
	padding-top:76px;
	padding-bottom:54px;
}
.ln-1-style-1 .text-content{
	color:#fff;
}

.ln-1-style-1 .button,
.ln-3-style-1 .button,
.ln-4-style-1 .button{
	min-width:294px;
	color:#fff !important;
}
.ln-1-style-1 .video-wrap{
	margin:54px 0 0;
}
.ln-1-style-1 .video-wrap img,
.ln-3-style-1 .video-wrap img{
	width:100%;
	max-height:620px;
	object-fit:cover;
}


.ln-1-style-2 .btitle,
.ln-3-style-1 .btitle{
	font-size:40px;
}
.ln-1-style-2 .color-accent {
	font-size:18px;
}
.ln-1-style-2 .color-accent .ic{
	    background-color: currentColor;
    float: left;
    margin-right: 8px;
	position:relative;
	top:4px;
	
}
.ln-1-style-2 .button{
	min-width:220px;
}
.ln-1-style-2 .button:not(:hover){
	border-color:#7A7A7A !important;
	color:#171717 !important;
}


.bl9-gallery-wrap{
  display:flex;
  gap:20px;
  padding-top:40px;
}

.gallery-bl9-grid{
  display:grid;
  grid-template-columns: repeat(4, 1fr); /* 4 × 25% */
  grid-template-rows: repeat(3, 1fr);    /* 33% + 33% + 33% */
  gap:20px;
  aspect-ratio: 4 / 2.1;                  /* рівний прямокутник */
}

.gallery-bl9-grid .gallery-item{
  display:block;
  overflow:hidden;
}

.gallery-bl9-grid .gallery-item:hover{
	opacity:.75;
}

.gallery-bl9-grid img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

/* Розклад */

/* 33% */
.gallery-bl9-grid .pos-1 { grid-column: 1; grid-row: 1; }
.gallery-bl9-grid .pos-2 { grid-column: 2; grid-row: 1 / span 2; } /* 66% */
.gallery-bl9-grid .pos-3 { grid-column: 3; grid-row: 1; }
.gallery-bl9-grid .pos-4 { grid-column: 4; grid-row: 1 / span 2; } /* 66% */

.gallery-bl9-grid .pos-5 { grid-column: 1; grid-row: 2 / span 2; } /* 66% */
.gallery-bl9-grid .pos-6 { grid-column: 2; grid-row: 3; }
.gallery-bl9-grid .pos-7 { grid-column: 3; grid-row: 2 / span 2; } /* 66% */
.gallery-bl9-grid .pos-8 { grid-column: 4; grid-row: 3; }



.faq-list {max-width:820px;margin:40px auto 0; }

.faq-item {
  overflow: hidden;
  padding-top:40px;
  margin-bottom: 40px;
}
.faq-item:last-child{
	margin-bottom:0px;
}

.faq-q {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;

  padding: 0;
  background: transparent;
  border: 0;
  text-align: left;
  cursor: pointer;
  font-size:20px; 
  color:#171717 !important;
  font-weight: 600;
  line-height: 1.4;
}
.faq-q-text{
	text-transform:uppercase;
}

.faq-q:focus { outline: none; }
.faq-q:focus-visible {  }

.faq-ico {
        display: inline-block;
    width: 15px;
    min-width: 15px;
    height: 15px;
    border-right: 3px solid var(--accent-color);
    border-bottom: 3px solid var(--accent-color);
    transform: rotate(45deg);
    border-radius: 1px;
    margin-right: 4px;
	transition:.3s;
}

.faq-item.is-open .faq-ico {
  transform:rotate(-135deg);
  border-right-color:#7A7A7A;
  border-bottom-color:#7A7A7A;
}
.faq-a-inner { padding-top: 8px;padding-right:48px; color:#363636 }
.adv-row{justify-content:center;padding-top:40px;margin-bottom:-20px;}
.adv-row  .col-4{
	margin-bottom:40px;
}
.adv-row .inner{
	width:100%;
	height:100%;
	display:flex;
	flex-wrap:wrap;
	flex-direction:column;
	justify-content:center;
	align-items:flex-start;
	gap:16px;
	background-color:#F1F1F1;
	padding:32px;
	font-weight:600;
	font-size:20px;
	line-height:1.4;
	text-transform:uppercase;
}

.adv-row .inner img{
	max-width:40px;
	max-height:40px;
}

.bl2-iframe{
	position:relative;
	width:100%;
	height:0px;
	padding-top:56.5%;
}

.bl2-iframe iframe{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	overflow:hidden;
	border:none;
}

.pr-tabs-2 .nav-tabs{
	background:transparent;
	justify-content:center;
	margin-bottom:40px;
}

.pr-tabs-2 .nav-tabs li{
	flex:0 0 auto;
}

.pr-tabs-2 .nav-tabs li span{
	color:#171717;
	padding:13px 35px;
	border-color:#888888;
}

.pr-tabs-2 .nav-tabs li.current span{
	box-shadow:inset 0 0 0 1px var(--accent-color);
}

.pr-tabs-2 .nav-tabs li:hover span{
	color:var(--accent-color);
}

.pr-tabs-2 .pr-item .image{
	padding:0;
}

.pr-tabs-2 .grid-products > .col-4{
	margin-bottom:40px;
}

.pr-tabs-2 .pr-item-content{
	padding:32px 24px;
}

.pr-item .wd{
	display:flex;
	flex-wrap:wrap;
	font-size:16px;
	gap:24px;
	margin-bottom:8px;
}
.pr-item .wd .ic-dimmension{
	-webkit-mask-image: url(../img/ic-dimmension.svg);
    mask-image: url(../img/ic-dimmension.svg);
}
.pr-item .wd .ic-weight{
	-webkit-mask-image: url(../img/ic-weight.svg);
    mask-image: url(../img/ic-weight.svg);
}
.pr-item .wd .ic-power{
	-webkit-mask-image: url(../img/ic-power.svg);
    mask-image: url(../img/ic-power.svg);
}
.pr-item .wd .ic-light-distance{
	-webkit-mask-image: url(../img/ic-light-distance.svg);
    mask-image: url(../img/ic-light-distance.svg);
}
.pr-item .wd > div{
	display:inline-flex;
	align-items:center;
}

.pr-item .wd .ic{
	width:24px;
	height:24px;
	margin-right:8px;
	background-color:#4B5565;
	margin-top:-3px;
}
.pr-item .wd .weight-note{
	color:#7A7A7A;
}
.pr-item dl{
	display:flex;
	flex-wrap:wrap;
	margin-top:24px;
	justify-content:space-between;
	align-items:center;
	font-size:14px;
	gap:8px;
}

.pr-item dl dt{
	color:#7A7A7A;
	font-weight:500;
}

.pr-item dl dd{
	margin:0px;
}

.pr-item .button-outline:hover{
	background:transparent !important;
	color:#171717 !important;
	box-shadow:inset 0 0 0 1px var(--accent-color);
}

.bg-slate .btitle,
.bg-slate .chess-list .title
{
	color:#fff !important;
}
.bg-slate .text-content{
	color:#E2E2E2 !important;
}
.bg-slate .chess-list .text{
	color:#CFCFCF !important;
}

.grid-products-3 .pr-item .wd{
	margin-bottom:0px;
}
.grid-products-3 .pr-item .wd > div{
	width:calc(50% - 12px)
}

.ln-4-style-2 .row{
	align-items:center;
}
.ln-4-style-2 .btitle{
	font-size:40px;
}

.ln-4-style-1 .block-list{
	margin-top:-10px;
	color:#fff;
}
.ln-4-style-1 .block-list .title{
	font-size:32px;
	font-weight:600;
	margin-bottom:40px;
	text-transform:uppercase;
	line-height:1.4;
}
.ln-4-style-1 .block-list .text {
	color:#CFCFCF;
	font-size:20px;
	font-weight:400;
}
.ln-4-style-1 .block-list ul{
	margin:0px;
	padding:0px;
	list-style-type:none;
}
.ln-4-style-1 .block-list ul li{
	margin-bottom:40px;
	padding-left:24px;
	position:relative;
}
.ln-4-style-1 .block-list ul li:before{
	content:"";
	display:inline-block;
	width:8px;
	height:8px;
	background:var(--accent-color);
	border-radius:50%;
	position:absolute;
	left:0;
	top:10px;
}

@media (min-width:768px){
	.grid-products > .col-12 > .pr-item{
	flex-direction:row;
}

.grid-products > .col-12 > .pr-item .image,
.grid-products > .col-12 > .pr-item .pr-item-content{
	width:50%;
	height:100%;
	max-height:100%;
}
.grid-products > .col-12 > .pr-item .pr-item-content{
	padding:40px;
}

.grid-products > .col-12 > .pr-item .image{
	padding:90px 40px;
}

.grid-products > .col-12 > .pr-item .addi-item{
	padding-bottom:24px;
	border-bottom:1px solid #CFCFCF;
}
.grid-products-3{
	padding-top:40px;
}
}

@media (min-width:992px){
.chess-video-blocks .row:nth-child(2n+1) .col-6 + .col-6{
	order:-1;
}
}
@media (max-width: 1310px){
	.charge-time{
		font-size:11px;
	}
}
@media (max-width: 992px){
	.image-tabs-wrap{
	padding:0;
	margin:0;
}
.chess-video .row .col-6{
	-ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.chess-video-blocks .item-content{
	margin-bottom:16px;
	height:auto;
}
.charge-time .ct-item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    max-width: 160px;
}

.ln-1-style-2 .btitle,
.chess-video-blocks .title{
	font-size:32px;
}
.charge-time{
	font-size:14px;
}

.adv-row .inner{
	font-size:18px;
	padding:24px;
}
.adv-row .inner br{
	display:none;
}
.ln-3-style-1 .col-6{
	-ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.ln-3-style-1 .video-wrap{
	margin-bottom:40px;
}

}
@media (max-width: 768px){
	.grid-products > .col-6,
	.ln-4-style-1 .block-list .row > .col-6,
	.ln-4-style-2 .row > .col-6{
		-ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
	}
	.charge-time{
		margin-top:0;
	}
	.accs-list .item{
	flex-direction:column;
}
.accs-list .item .item-gallery, .accs-list .item .item-content{
	width:100%;
}
.accs-list .item .item-gallery{
	order:-1 !important;
}

.ln-1-style-2 .btitle,
.chess-video-blocks .title,
.ln-3-style-1 .btitle,
.ln-4-style-2 .btitle{
	font-size:24px;
}
  .gallery-seven-grid{
    aspect-ratio: auto;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: none;
  }
  .gallery-seven-grid .gallery-item{ grid-column:auto; grid-row:auto; }
  .gallery-seven-grid .gallery-item img{ height:auto; aspect-ratio: 4/3; }

  .gallery-bl9-grid{
    aspect-ratio:auto;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows:auto;
  }
  .gallery-bl9-grid .gallery-item{
    grid-column:auto;
    grid-row:auto;
  }
  .gallery-bl9-grid img{
    aspect-ratio:4/2.1;
    height:auto;
  }
  .accs-list .item .item-content{
	  padding:24px;
  }
  .video-list .col-3{
	      -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .ln-1-style-1{
	  padding:60px 0;
  }
  .ln-1-style-1 .video-wrap{
	  margin-top:32px;
  }
  .ln-1-style-1 .play_button {
    width: 84px;
    height: 84px;
    margin-left: -42px;
    margin-top: -42px;
}
.ln-1-style-2 .row > .col-6{
	-ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.ln-1-style-2 .btitle{
	margin-bottom:20px;
}
.ln-1-style-2 .row > .col-6 + .col-6{
	margin-top:20px;
}
.video-list,
.bl9-gallery-wrap{
	padding-top:0px;
}
.faq-list{
	margin-top:0px;
}
.faq-item{
	    padding-top: 24px;
    margin-bottom: 24px;
}
.faq-q{
	font-size:18px;
}
.pr-item-content ul li, .accs-list .item-content ul li{
	padding-left:15px;
}
.pr-item-content ul li:before, .accs-list .item-content ul li:before{
	left:0px;
}
.accs-gallery .accs-thumbs img {
    width: 100%;
    height: auto;
}
.accs-list .item .title,
.pr-item-content .title,
.ln-4-style-1 .block-list .title{
	font-size:20px;
}
.ln-4-style-1 .block-list .title,
.ln-4-style-1 .block-list ul li{
	margin-bottom:15px;
}
.ln-4-style-2 .video-wrap{
	margin-bottom:40px;
}

.ln-4-style-1 .block-list .row > .col-6 + .col-6{
	order:-1;
	margin-bottom:16px;
}
.ln-4-style-1 .block-list .text{
	font-size:16px;
}
.ln-4-style-1 .block-list ul li:before{
	top:6px;
}
}