/* Start:/local/templates/main/components/bitrix/news/catalog/bitrix/news.detail/.default/style.css?17822113978100*/
div.news-detail
{
	word-wrap: break-word;
}
div.news-detail img.detail_picture
{
	float:left;
	margin:0 8px 6px 1px;
}
.item img{
	display: block !important;
}
.fancybox-content img{
	width: 100%;
}
#like-products{
	overflow: hidden;
}
.news-date-time
{
	color:#486DAA;
}
/*slider gallery*/
.outer { margin:0 auto;height: 400px; max-width:800px;}
 #big{
	height: 400px;
}
 .slider-box{
	 padding: 40px 0;
 }
 .order-btn-box{
	padding-top: 15px;
 }
 .order-btn-box a{
	 padding: 1rem 1.5rem;
 }
.owl-video-tn {
	height: 310px !important;
	width: 400px !important;
}

.owl-carousel .owl-item img{
	width: auto !important;
}
.owl-carousel .item-video{
	width: 400px;
}
#thumbs .owl-stage{
	display: flex;
	flex-direction: column;
}
#big .item { height: 400px;
	margin: 0 auto; color: #FFF; border-radius: 3px; text-align: center; }
#thumbs .item { height:auto; line-height:70px; padding: 0px; margin:2px; color: #FFF; border-radius: 3px; text-align: center; cursor: pointer; }
#thumbs .item h1 { font-size: 18px; }
.owl-theme .owl-nav [class*='owl-'] { transition: all 0s ease; }
.owl-theme .owl-nav [class*='owl-'].disabled:hover { background-color: #D6D6D6; }
#big.owl-theme { position: relative; }
#big.owl-theme .owl-next, #big.owl-theme .owl-prev {
	background: #333;
	width: 40px;
	line-height: 33px;
	height: 40px;
	margin-top: -20px;
	position: absolute;
	text-align: center;
	top: 50%;
	border-radius: 0;
}
#big.owl-theme .owl-prev { left: 10px; }
#big.owl-theme .owl-next { right: 10px; }
#thumbs.owl-theme .owl-next, #thumbs.owl-theme .owl-prev { background:#333; }
.owl-carousel .owl-item img{
	height: 400px;
	width: auto;
	margin: 0 auto;
}

div#thumbs .item img {
	padding: 10px;
}
.current .item {
	/*border: 1px solid #2dafe5;*/
	border-radius: 0 !important;
}
#thumbs .owl-item {
	padding: 10px 0;
}
.current .item {
	border: unset;
}
#big .item img{
	height: 100%;
	max-width: 100%;
	object-fit: contain;
}
.arrow-box {
	width: 100px;
	display: flex;
	justify-content: center;
}
.arrow-box i{
	cursor: pointer;
	display: none;
}
@media(max-width: 767px){
	#thumbs .owl-stage {
		display: flex;
		flex-direction: row;
		gap: 5px;
	}
	#thumbs {
		width: 300px !important;
		overflow-x: auto;
		margin: 10px 0;
	}
	#big .item img{
		object-fit: contain;
		height: 300px;
		width: 300px !important;
	}
	#big .item, .owl-carousel .owl-item img{
		height: 300px;
	}
	.slider-box{
		height: 480px;
		position: relative;
	}
	.slider-box .col-2{
		position: absolute;
		bottom: 0;
		display: flex;
		flex-direction: row;
		width: 100% !important;
		z-index: 0;
		overflow: hidden;
		justify-content: center;
	}

	div#thumbs .item img {
		padding: 10px;
		height: 80px;
		object-fit: cover;
		width: 80px !important;
	}
	#thumbs .owl-stage-outer{
		margin: 0 20px;
	}
	#thumbs .item{
		height: 80px;
		width: 80px !important;
		margin: 0 10px;
	}
	#thumbs .owl-item {
		width: 80px !important;
	}
	.arrow-box {
		justify-content: center;
		place-content: center;
		display: grid;
		transform: rotate(-90deg);
		margin-top: -20px;
		width: unset;
	}
	img.glass-icon{
		top: 170px;
		right: 10%;
	}
}
@media(min-width: 767px){
	div#thumbs .item {
		height: 100px;
		width: 100px !important;

	}
	div#thumbs .item img{
		height: 100px;
		width: 100px !important;
		object-fit: cover;
	}
	#thumbs {
		height: 380px !important;
		overflow-y: hidden !important;
		margin: 10px 0;
	}
	#thumbs::-webkit-scrollbar {
		display: none;
	}

}
/*slider gallery*/
.offer-sale{
	text-align: center;
	background: #000;
	max-width: fit-content !important;
	margin: 0 auto;
	color: #fff;
	border-radius: 15px;
}
@media(max-width: 767px){
	.offer-sale{
		position: absolute;
		top: -30px;
		line-height: 18px;
		padding: 5px 0;
		margin: 0 10px;
	}
}
.white-circle{
	background: #fff;
	height: 190px;
	width: 190px;
	position: absolute;
	z-index: 999;
	border-radius: 50%;
	top: 5px;
	left: 5px;
}
.preloader{
	width: 20px;
	height: 20px;
	border: 2px solid #2dafe5;
	border-top:3px solid #2dafe5;
	border-radius: 100%;
	position: absolute;
	top:0;
	bottom:0;
	left:0;
	right: 0;
	margin: auto;
	animation: spin 1s infinite linear;
	z-index: 99999;
}

@keyframes spin {
	from{
		transform: rotate(0deg);
	}to{
		 transform: rotate(360deg);
	 }
}

#survayBtn{
	background: #2dafe5;
	width: 114%;
	margin-left: -25px;
	padding: 15px 26px;
	border: unset;
	margin-top: -1px;
}
#survayBtn i{
	color: #fff;
}
#survayBtn span{
	color: #fff;
	font-weight: 600;
}

@media(max-width: 767px){
	a#survayBtn-1 span:before {
		content: '';
		background: #2dafe5;
		height: 50px;
		display: block;
		position: absolute;
		width: 115%;
		z-index: -1;
		top: 0px;
		left: -17px;
		border: 1px;
		border: 2px solid #2dafe5;
	}
	a#survayBtn-1 span, a#survayBtn-1 i{
		color: #fff;
	}
	a#survayBtn-1 span{
		font-weight: 600;
	}
}

/* ==========================================================================
   Обновленные стили для постоянного баннера "Подарок к товару"
   ========================================================================== */

/* Обертка для позиционирования внутри элемента слайдера */
#big .item .gift-hotspot-wrapper {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
}

/* Декоративный плюсик (теперь он просто статично висит рядом) */
.gift-hotspot-btn {
    position: absolute;
    bottom: 35%; /* Высота на фото */
    right: 32%;  /* Чуть сдвинули, чтобы он стыковался с плашкой */
    width: 36px;
    height: 36px;
    background-color: #2dafe5;
    color: #fff;
    border-radius: 50%;
    font-size: 24px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
    box-shadow: 0 0 12px rgba(45, 175, 229, 0.7);
}

/* Всплывающий баннер — ТЕПЕРЬ ВИДЕН ВСЕГДА */
.gift-hotspot-banner {
    display: block; /* Показываем по умолчанию */
    position: absolute;
    bottom: calc(35% - 85px); /* Выравнивание под декоративный плюс */
    right: calc(32% - 240px);
    width: 250px;
    background-color: #2dafe5;
    color: white;
    padding: 15px 20px;
    border-radius: 0px 30px 30px 30px; /* Фирменный скос */
    z-index: 9;
    box-shadow: 0 4px 15px rgba(0,0,0,0.2);
    text-align: left;
}

/* Текстовые стили */
.gift-title {
    font-size: 11px;
    opacity: 0.85;
    text-transform: uppercase;
    display: block;
    margin-bottom: 4px;
    letter-spacing: 0.5px;
}
.gift-desc {
    color: #ffffff !important; /* Гарантированно белый цвет текста */
    font-size: 16px;
    font-weight: 800 !important; /* Максимально жирный шрифт */
    margin: 0;
    line-height: 1.2;
}

/* Адаптив под мобилки (экраны меньше 767px) */
@media(max-width: 767px) {
    /* Скрываем декоративный плюс, чтобы не мешался */
    .gift-hotspot-btn {
        display: none !important;
    }
    
    /* Оставляем плашку абсолютной, но центрируем её прямо поверх фото */
    .gift-hotspot-banner {
        display: block !important;
        position: absolute !important;
        bottom: 10px !important; /* Прижимаем к нижнему краю картинки */
        left: 50% !important;
        right: unset !important;
        transform: translateX(-50%) !important; /* Идеальное центрирование */
        width: 85% !important;
        padding: 8px 12px !important;
        border-radius: 10px !important; /* Округлые углы на мобилке */
        text-align: center !important;
        box-shadow: 0 4px 10px rgba(0,0,0,0.3) !important;
    }
    
    .gift-title {
        font-size: 10px !important;
    }
    .gift-desc {
        font-size: 13px !important;
    }
}
/* End */
/* /local/templates/main/components/bitrix/news/catalog/bitrix/news.detail/.default/style.css?17822113978100 */