

/* Start:/local/templates/o2/components/bitrix/catalog/bootstrap_v4/style.css?1775550356900*/
.grid {}

.grid .bx_content_section { margin-bottom: 15px; }

.grid .bx_sidebar { margin-bottom: 15px; }

/* grid2x1 */
.grid2x1 {}

.grid2x1 .bx_content_section {
	float: left;
	width: 66%;
	margin-bottom: 15px;
}

.grid2x1 .bx_sidebar {
	float: right;
	width: 33%;
	margin-bottom: 15px;
	padding-left: 5%;
	box-sizing: border-box;
}

@media (max-width: 960px) {
	.grid2x1 .bx_sidebar { padding-left: 4%; }
}

@media (max-width: 640px) {
	.grid2x1 .bx_content_section,
	.grid2x1 .bx_sidebar {
		width: 100%;
		float: none;
	}

	.grid2x1 .bx_sidebar { padding-left: 3%; }
}

@media (max-width: 479px) {
	.grid2x1 .bx_sidebar { padding-left: 1%; }
}

.catalog-block-header {
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	margin: 5px 0;
	padding: 5px 0;
	border-bottom: 2px solid #d9dee6;
	border-bottom-color: var(--primary);
	color: #000;
}

.catalog-arenda .smart-filter {display: none;}
/* End */


/* Start:/local/templates/o2/components/bitrix/catalog.element/catalog-detail/style.css?17791817508878*/
.maxwidth-theme.catalog,.maxwidth-theme.catalog-arenda {max-width:100%;padding: 0;} 
.catalog .catalog-wrap, .catalog-arenda .catalog-wrap {background: url(/local/templates/o2/ico/bg.png) center bottom no-repeat;background-size: auto;background-size: cover;padding: 0;}
.catalog .link-back, .catalog-arenda .link-back {display:none;}
.advantages-list {padding-bottom:100px;}
.catalog-detail__bottom-info .nav {margin-bottom:30px;gap:40px;}
.catalog-detail__bottom-info .nav li a {font-size:22px;color:rgba(32, 139, 217, 1);border-bottom:dashed rgba(32, 139, 217, 1);border-width: 1px;padding-bottom: 7px;}
.catalog-detail__bottom-info .nav li a.active,
.catalog-detail__bottom-info .nav li a:hover {color:rgba(31, 31, 31, 1);border-bottom:2px solid rgba(32, 139, 217, 1);}
.catalog-detail__bottom-info .nav li a.active {font-weight:500;}

.catalog-detail__top-info {gap: 60px;margin-bottom:60px;}
.catalog-detail__top-info .char-side .properties .char-side__title {font-size:22px;color:rgba(31, 31, 31, 1);font-weight:500;margin-bottom:25px;}
.sticker {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom:15px;
}
.sticker--action {
  font-size: 16px;
  font-weight: 600;
  color: rgba(255, 255, 255, 1);
  background: rgba(207, 21, 61, 1);
  padding: 5px 12px;
  border-radius: 8px;
  text-align: center;
}
.sticker--hit {
  font-size: 16px;
  font-weight: 600;
  color: rgba(255, 255, 255, 1);
  background: rgba(55, 195, 125, 1);
  padding: 5px 12px;
  border-radius: 8px;
  text-align: center;
}
.catalog-detail__top-info .char-side .properties .properties__item {display: flex;gap: 10px;margin-bottom: 8px;font-size: 16px;color:rgba(68, 68, 68, 1);}
.catalog-detail__top-info .char-side .properties .properties__item .properties__title {color: rgba(31, 31, 31, 1);font-size: 16px;font-weight: 500;}
.catalog-detail__top-info .properties__show-more {display: block;margin: 20px 0 25px;cursor:pointer;}
.catalog-detail__top-info .properties__show-more .choise {color: rgba(32, 139, 217, 1);padding-bottom: 4px;}
.catalog-detail__top-info .properties__show-more .choise:hover {color: rgba(31, 31, 31, 1);border-bottom:2px solid rgba(32, 139, 217, 1);}
.catalog-detail__top-info .char-side .catalog-detail__price {font-size: 22px;font-weight: 500;color: rgba(31, 31, 31, 1);}
.catalog-detail__top-info .char-side .catalog-detail__price .price {font-size: 32px;font-weight: 600;margin: 10px 0 30px;}


.catalog-detail__item .tabs-block .property-item {margin-bottom:8px;}
.catalog-detail__item .tabs-block .property-item .property-name {color: rgba(31, 31, 31, 1);font-weight: 500;}

.catalog-detail__item .tabs-block .accessories-items {display: flex;gap: 40px;}
.catalog-detail__item .tabs-block .accessories-items .accessory-item {display: flex;gap: 25px;align-items: center;max-width: 350px;}
.catalog-detail__item .tabs-block .accessories-items .accessory-item .accessory-image {width: 95px;flex-shrink: 0;border-radius: 50%;overflow: hidden;height: 95px;border: 1px solid rgba(0, 0, 0, 0.1);}
.catalog-detail__item .tabs-block .accessories-items .accessory-item .accessory-image img {max-width:100%;}

.catalog-detail__price-list-wrapper {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 20px 0 30px;
}
.catalog-detail-price-list-item {
    display: flex;
    flex-direction: column;
    padding: 12px 20px;
    border: 2px solid #208BD933;
    border-radius: 8px;
    cursor: pointer;
    transition: .4s ease;
}
.catalog-detail-price-list-item.active {
    border: 2px solid #208BD9
}
.catalog-detail-price-list-item .time {
    color: #444;
    font: normal 16px/26px 'Onest' sans-serif;
}
.catalog-detail-price-list-item.active .time {
    color: #208BD9;
}
.catalog-detail-price-list-item .price {
    color: #1f1f1f;
    font: 600 20px/28px 'Onest', sans-serif;
}

.documents-list {display: flex; flex-wrap: wrap; gap: 40px;}
.documents-list .document-item {width: 173px; text-align: center;display: flex;flex-direction: column;gap: 15px;color: rgba(68, 68, 68, 1);font-size: 14px;line-height:20px;}
.documents-list .document-item .document-image-wrapper {border-radius: 8px;border: 1px solid rgba(0, 0, 0, 0.1);height: 243px;overflow:hidden;}
.documents-list .document-item .document-image-wrapper img {width: 100%; height: 100%;  object-fit: cover;}

.product-gallery {
    display: flex;
    gap: 20px;
}
/* Вертикальная карусель */
.gallery-thumbs {
    position: relative;
    width: 90px;
	padding: 50px 0;
}
.gallery-thumbs .gallery-slider-thumb__container {overflow: hidden;}
.gallery-thumbs .gallery-slider-thumb__container .thumb-arrow.up {top:0;background: url(/local/templates/o2/ico/up.svg) center center no-repeat;}
.gallery-thumbs .gallery-slider-thumb__container .thumb-arrow.down {bottom:0;background: url(/local/templates/o2/ico/down.svg) center center no-repeat;}


.thumb-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-height: calc( (93px + 10px) * 4 - 10px ); /* 4 элемента высотой 93px, gap 10px */
    transition: transform 0.3s ease;
}

.thumb-item {
    flex-shrink: 0;
    height: 93px; /* фиксированная высота */
    cursor: pointer;
    border-radius: 8px;
	overflow: hidden;
    transition: border-color 0.2s;
	border: 1px solid rgba(0, 0, 0, 0.1);
}

.thumb-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.thumb-item:hover {border-color:rgba(141, 141, 141, 1) ;}
.thumb-item.active {
    border-color: rgba(24, 123, 195, 1);
}

.thumb-arrow {
    display: block;
    width: 50px;
    height: 50px;
    cursor: pointer;
	position:absolute;
	left: calc(50% - 25px);
}

.thumb-arrow:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

/* Основное изображение */
.catalog-detail__top-info .product-gallery .gallery-main {
    width: 480px;
	flex: 1;
	border: 1px solid rgba(0, 0, 0, 0.1);border-radius: 8px;
	overflow: hidden;
}
.catalog-detail__top-info .product-gallery .gallery-main>a {display:block;height:100%;}
.gallery-main img {
    width: 100%;
    height: 100%;
	object-fit: cover;
}

@media screen and (max-width: 1080px) {
	.catalog-detail__top-info {gap: 40px;}
}
@media screen and (max-width: 1024px) {
	.catalog-detail__top-info .char-side .properties .char-side__title {font-size: 18px;margin-bottom: 20px;}
}
@media screen and (max-width: 600px) {
	.catalog-detail__bottom-info .nav {flex-direction: column;gap: 20px;}
	.catalog-detail__bottom-info .nav li a {font-size:18px;}
}
@media screen and (max-width: 768px) {
	.catalog-detail__item .tabs-block #set .accessories-items {gap: 20px;flex-direction: column;}
}




/* Аккордеон для мобильных устройств (ширина < 600px) */
@media (max-width: 599px) {
    .tabs-block .nav-tabs,.tab-content {
        display: none;
    }
    .accordion-mobile {
        display: block;
    }
    .accordion-item {
        margin-bottom: 15px;
        overflow: hidden;
    }
    .accordion-header {
        cursor: pointer;
        position: relative;
		font-size: 18px;font-weight: 500;color: rgba(31, 31, 31, 1);display: inline-flex;color: rgba(32, 139, 217, 1);border-bottom: dashed rgba(32, 139, 217, 1);border-bottom-width: medium;border-width: 1px;padding-bottom: 7px;margin-bottom:1px;
    }
    
    .accordion-content {
        max-height: 0;
        overflow: hidden;
		padding:0;
        transition: max-height 0.4s ease-out, padding 0.4s ease-out, border-width 0.2s ease-out;
    }
	.accordion-content {}
    .accordion-item.active .accordion-content {
        max-height: 1000px;padding-top: 20px;padding-bottom:20px;
    }
	.accordion-item.active .accordion-header,.accordion-header:hover {border-bottom: solid 2px rgba(32, 139, 217, 1);color: rgba(31, 31, 31, 1);margin-bottom:-1px;}
	.catalog-detail__item .tabs-block .accessories-items {flex-direction: column;gap: 25px;}
	.documents-list {gap: 20px;}
	.documents-list .document-item {width: 150px;}
	.documents-list .document-item .document-image-wrapper {height: 211px;}
}
@media (min-width: 600px) {
    .accordion-mobile {
        display: none;
    }
    .tabs-block .nav-tabs {
        display: flex !important;
    }
}





/*---------*/
.gallery-main {
    position: relative;
}
.gallery-prev, .gallery-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0,0,0,0.5);
    border: none;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    cursor: pointer;
    z-index: 5;
}
.gallery-prev span, .gallery-next span {
	color: white;
	font-size: 26px;
	line-height: 40px;
	margin-top: -3px;
	display: block;}
.gallery-prev { left: 10px; }
.gallery-next { right: 10px; }
@media (max-width: 600px) {
    .gallery-prev span, .gallery-next span {font-size: 18px;line-height: 20px;margin-top: -1px;}
	.gallery-prev, .gallery-next {width: 30px;height: 30px;}
	
}
/* End */


/* Start:/local/templates/o2/components/bitrix/news.list/advantages-other/style.css?1771239636150*/
div.news-list
{
	word-wrap: break-word;
}
div.news-list img.preview_picture
{
	float:left;
	margin:0 4px 6px 0;
}
.news-date-time {
	color:#486DAA;
}

/* End */


/* Start:/local/templates/o2/components/bitrix/news.list/faq/style.css?1771242605150*/
div.news-list
{
	word-wrap: break-word;
}
div.news-list img.preview_picture
{
	float:left;
	margin:0 4px 6px 0;
}
.news-date-time {
	color:#486DAA;
}

/* End */
/* /local/templates/o2/components/bitrix/catalog/bootstrap_v4/style.css?1775550356900 */
/* /local/templates/o2/components/bitrix/catalog.element/catalog-detail/style.css?17791817508878 */
/* /local/templates/o2/components/bitrix/news.list/advantages-other/style.css?1771239636150 */
/* /local/templates/o2/components/bitrix/news.list/faq/style.css?1771242605150 */
