/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Nov 18 2025 | 21:39:36 */
.sin-product-main-title .product_title {
	color: var(--e-global-color-accent) !important;
}

/* Левая часть */
.sin-product-left {
  position: sticky;
  top: 100px; /* Учитываем отступ для шапки */
  align-self: flex-start;
}

.sin-product-image-container {
  display: flex;
  flex-direction: column;
  position: relative; /* Для управления позиционированием заголовка */
}

.sin-product-container .sin-product-image-title {
  text-align: left;
	width: 100%;
  transition: opacity 0.5s ease, max-height 0.3s ease; /* Анимация для плавного появления */
	max-height: 0px;}

.sin-product-image-title .product_title {
  font-size: 30px;
  min-height: 40px;
	color: var(--e-global-color-accent) !important;
}

/* Скрытие дополнительного заголовка */
.sin-product-container .sin-product-image-title.hidden-title {
  opacity: 0; /* Заголовок скрыт */
  visibility: hidden; /* Полностью скрываем элемент */
}

.sin-product-container .sin-product-image-title.visible-title {
	opacity: 1; /* Заголовок видим */
	visibility: visible; /* Делаем элемент видимым */
	max-height: 72px;
	height: 72px;
}

.sin-product-container .sin-product-image-title .product_title {
    line-height: 1.1;
}

.sin-product-image {
  margin-bottom: 20px;
  width: 100%;
  height: auto;
}

/* Правая часть */
.sin-product-right {
  flex: 1;
  padding-left: 20px; /* Отступ между колонками */
}

.sin-product-description {
  font-size: 16px;
  line-height: 1.6;
}

/* МОБ/ПЛАНШЕТ <1024px */
@media (max-width: 1023.98px) {
	.sin-product-right {
		padding: 30px 0 0 0;
	}
	
	.sin-product-container .sin-product-image-title {
		display: none;
	}
	
	/*.sin-product-left {
	  margin-bottom: 120px;
	}*/
}

/* 480–767 */
@media (min-width: 480px) and (max-width: 767.98px) {

}

/* 768–1023 */
@media (min-width: 768px) and (max-width: 1023.98px) {

}

/* >=1024: десктоп (исходное поведение) */
@media (min-width: 1024px) {

}

/* >=1280: косметика ширины */
@media (min-width: 1280px) {

}

/* >=1440, >=1920 — резерв под косметику */
@media (min-width: 1440px) {
}

@media (min-width: 1920px) {
}