.illustration-content, .illustration-content-backgr {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding: 15px 15px;   /*  50px 35px;                   ???? padding: 50px 75px; */
}
	.illustration-content-backgr {
	background-color: #FFF;
	width: 96%;
}


/* ?????? ??????? (????????) */
.right-column,  .right-column_50 {
  flex: 0 0 67%;         
  display: flex;
  flex-wrap: wrap;
  gap: 3px;
  justify-content: center;
  align-items: flex-start;
/*   border: 1px solid #808080;  */
}

.right-column_50 {
	flex: 0 0 50%;
}



/* ????? ??????? (?????) */
.left-column {
  flex: 1;
  text-align: justify; 
  font-size: 18px;
  line-height: 1.7;
  color: #000;
  display: flex;
  flex-direction: column;
/*   justify-content: center; */
  gap: 20px;
  background-color: #FFF;
  padding-left: 5px;
/*  border: 1px solid #808080;  */
}

/* ?????????? ????????? */


@media (max-width: 1100px) {
  .illustration-content {
    flex-direction: column;
    align-items: center;
  }
  .left-column {
    flex: 1 1 100%;
    justify-content: center;
  }
  }
/*           
  .right-column {
    flex: 1 1 100%;
    max-width: 900px;
    text-align: center;
  } 
  
*/



/* Таблица цен */

/* Контейнер для центрирования и ограничения ширины */
.price-table-wrapper {
  display: flex;
  justify-content: center; 
  width: 100%;
  margin: 20px 0;
}

/* Основные стили таблицы */
.price-table {
/*  width: 30%;  */
  border-collapse: collapse;
  border: 1px solid #808080;
  font-family: Verdana, sans-serif;
  font-size: 10pt;
  text-align: center;
}

/* Стили заголовков и ячеек */
.price-table th, 
.price-table td {
  padding: 2px; /* ???????? ?????? cellpadding */
  border: 1px solid #808080;
}

/* Главный заголовок */
.price-table .table-title {
  background-color: #CC6600;
  color: #FFF;
  font-family: "Trebuchet MS", sans-serif;
  font-size: 14pt;
  font-weight: normal;
}

.table-title {
  background-color: #CC6600;
  color: #FFF;
  font-family: "Trebuchet MS", sans-serif;
  font-size: 14pt;
  font-weight: normal;
}






/* Шапка колонок и подзаголовок */
.price-table .table-headers th,
.price-table .sub-title {
  background-color: #F8EEDC;
  font-weight: normal;
}

.price-table .sub-title {
  font-size: 12pt;
  font-weight: bold;
}

/* Разделение колонок (эффект серой полосы посередине, как в оригинале) */
/* Вместо пустой колонки красим левую границу 3-й колонки */
.price-table td:nth-child(3),
.price-table th:nth-child(3) {
  border-left: 4px solid #808080; 
}

.table_zena {
	border-collapse: collapse;
	border: 1px solid #C0C0C0;
	width: 100%;
}
.table_zena td {
	font-family: Verdana;
	font-size: 10pt;
	border: 1px solid #C0C0C0;
	text-align: center;

}

/* уНИВЕРСАЛЬНЫЙ CSS для таблицы */

.table, .table_1 {
	border-collapse: collapse;
	border: 1px solid #000;
	margin-bottom: 20px;
	padding: 5px;
}

.table th {
	padding: 5px;  
	border: 1px solid #000;
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
}

.zagolovok_tabl, .sub_zagolovok, .zagolovok_tabl_orang {
	font-family: "Trebuchet MS", sans-serif;
	font-size: 14pt;
	color: #000;
	padding: 5px;
	background-color: #F8EEDC;
	border: 1px solid #000;
}
.zagolovok_tabl_orang {
	background: red;
	color: #000;
}
.sub_zagolovok, .sub_zagolovok_orang  {
	font-size: 13pt;
	color: #0058A0;
	font-weight: 200;
	background-color: #F8EEDC;
}
.sub_zagolovok_orang {
	color: #000;
	background-color: #Fff;
}
.oglav {
	font-size: 10pt;
	font-weight: 200;
	background: #F8EEDC;
	border: 1px solid #F8EEDC;
}

.table td {
	padding: 5px 10px;
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
	text-align: center;
}

.table_1 td {
	padding: 5px 5px;
	border: 1px solid #000;
	text-align: center;
}

.razmer {
	font-family: Verdana;
	font-size: 10pt;
	color: #000;
	font-weight: bold;
	background: #FFF;
}



.table tbody tr:nth-child(odd){
	background: #fff;
}
.table tbody tr:nth-child(even){
	background: #F7F7F7;
}


.fiolet {
	background: #FF9999;
}



.table_podbor {
	border-collapse: collapse;
	border: 1px solid #666666;
	width: 50%;
}


.table_parametr {
	border-collapse: collapse;
    border: 1px solid #4D2B19;

}
.table_parametr td {
	border: 1px solid #952500;
    font-family: Verdana;
    font-size: 11pt;
    text-align: center;
}
.table_parametr th {
	padding: 10px;
}
.table_parametr_title, .table_parametr_title_orang {
	font-family: Verdana;
    font-size: 11pt;
	font-weight: bold;
	text-align: center;
}
.table_parametr_title_orang {
	background: #CC6600;
	color: #FFF;
}
.table_parametr .schirina {
	width: 40%;
}

.otkid_table, .usilen_table {
  width: 30%;
  border-collapse: collapse;  
  border: 1px solid #000;
  font-family: Verdana, sans-serif;
  font-size: 10pt;
}
.usilen_table, .usilen_table_2 {
	width: 49%;
	border: 1px solid #000000;
	font-family: Verdana;
	font-size:10pt;
	text-align:center;
}
.usilen_table td {
	border: 1px solid #000;
}
.otkid_title {
	background: #CD6600;
	font-family: "Trebuchet MS", sans-serif;
	font-size: 13pt;
	text-align: center;
	border: 1px solid #000;
	color: #FFF;
}
.otkid_razm_gor, .otkid_razm_vert {
	background: #FFFF99;
	border: 1px solid #000;
	width: 5%;
	font-family: Verdana;
	font-size: 10pt;
	font-weight: bold;
	text-align: center;
	color: #000;
}
.otkid_table td {
	border: 1px solid #000;
	text-align:center;
}

.otkid_wusota {
	color: #FF0000;
	font-size: 12pt;
	font-weight: 800;
	background: #FFFF99;
}

.otkid_razm_vert {
	width: 4%;
}


.seraj_kletka {
	background: #C0C0C0;
}	
.otkid_sub_title {
	font-family: Verdana;
	font-size: 13pt;
	text-align: center;
}

.otkid_td_goluboy {
	background: #DAEEF3;
	border: 0px solid #000;
}


.grau {
	background: #808080;
}
.red, .red_8 {
	font-family: Verdana;
	font-size: 12pt;
	font-weight: bold;
	color: red;
}

.norma {
	font-weight: normal;
}

.red_8 {
	font-size: 8pt;
}
.red_color {
	color: red;
}
.border_red {
  border-bottom: 2px solid red;
}

.gelb_2 {
	background: #FFFF00;
}
.berusovuy {
	background: #00FFFF;
}


.otkid_table th {
	font-weight: 400;
}
                          
.siniy {
	background: #A8D3FF;
}
.orang {
	background: #FF9966;
}

.table_osobenost {
	border-collapse: collapse;
    border: 1px solid #4D2B19;
}

.table_osobenost td {
	font-family: Verdana;
	font-size: 11pt;
	border: 1px solid #000;
	text-align:center;
}
.table_osobenost_title {
	font-family: Arial;
	font-size: 14pt;
	font-weight: bold;
	Color: #CC6600;
}

.table_raspahnoy_title {
	color: #FFF;
	background: #CC6600;
	font-family: Arial;
	font-size: 14pt;
	font-weight: bold;
}

.opisanie {
	font-family: Verdana;
	font-size: 9pt;
	font-style: italic;
	text-align:center;
}

#table936 {
    float: left;
    margin-right: auto;
    margin-left: 0;
}

/* Стили таблиц под покраску и обои */

.table_pokraska {
	border-collapse: collapse;
/*	border: 1px solid #0058A0; */
	margin-bottom: 20px;
	padding: 5px;
	font-family: Verdana;
	font-size: 10pt;
	text-align: center;
}

.zagolovok_tabl_pokraska {
	font-family: "Trebuchet MS", sans-serif;
	font-size: 14pt;
	color: #FFF;
	padding: 5px;
	background-color: #CC6600;
}

.sub_zagolovok_pokraska {
	font-family: "Trebuchet MS", sans-serif;
	font-size: 12pt;
	color: #000;
	font-weight: bold;
	text-align: center;
}

.table_pokraska td {
	border: 1px solid #C0C0C0;
}

/* Опционально: эффект зебры для более удобного чтения длинных таблиц */
.table_pokraska tbody tr:nth-child(even) {
  background-color: #F0F0F0;
}


/* Конец стили таблиц под покраску и обои */



.table_dopusk {
	border-collapse: collapse;
    font-family: Verdana;
	font-size: 10pt;
	border: 1px solid #000;
	color: #000;
}

.table_dopusk td {
	border: 1px solid #000;
}

.table_dopusk th {
	background: #C0C0C0;
	border: 1px solid #000;
}
.table_dopusk .primitka {
	border: 3px solid #FF0000;
	background: #FFF;
}
.table_dopusk .orang {
   background: #FF9966;
}
.table_dopusk .center {
  text-align: center;
}

.product-gallery, .product-gallery-2 {
    width: 60%;
    margin: 0 auto;
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
}
.product-gallery-2 {
	width: 100%;
}
.product-gallery-2 img {
	 height: auto;
}

.product-gallery a {
    display: flex;
    justify-content: center;
    align-items: center;
}

.product-gallery img {
    display: block;
    height: 100px;
}

.product-gallery .img-1 {
    width: 95px;
}

.product-gallery .img-2 {
    width: 92px;
}

.product-gallery .img-3 {
    width: 53px;
}
.product-gallery .img-4 {
    width: 64px;
}

.product-gallery .img-5 {
    width: 101px;
}

.product-gallery .img-6 {
    width: 98px;
}
.product-gallery .img-7 {
    width: 66px;
}
.product-gallery .img-8 {
    width: 240px;
}
.product-gallery .img-9 {
    width: 150px;
}
.product-gallery .img-10 {
    width: 162px;
}
.product-gallery .img-11 {
    width: 233px;
}

/* Таблица размеров */

/* Контейнер для выравнивания таблицы по левому краю (как в оригинале) */
.hatch-table-container {
  display: flex;
  justify-content: center;
  width: 100%;
  margin: 20px 0;
}

/* Контейнер таблицы прижимается влево, текст идет справа */
.hatch-table-container {
/*  float: left;  */        /* Прижимаем таблицу к левому краю */
  width: 65%;           /* Ширина таблицы */
  min-width: 280px;     
  margin-right: 20px;   /* Отступ справа, чтобы текст не прилипал */
  margin-bottom: 15px;  
}

/* Стили самой таблицы */
.hatch-params-table {
  width: 100%; /* Базовая ширина таблицы из исходного кода */
  min-width: 280px; /* Защита от избыточного сжатия на экранах поменьше */
  border-collapse: collapse;
  border: 1px solid #808080;
  font-family: Verdana, sans-serif;
  font-size: 10pt;
}

/* Общие стили для всех ячеек данных и заголовков */
.hatch-params-table th,
.hatch-params-table td {
  padding: 4px;
  border: 1px solid #808080;
  text-align: center;
}

/* Левая колонка выравнивается по левому краю, как в оригинале */
.hatch-params-table td:first-child {
  text-align: left;
}

/* Стили главного синего заголовка */
.hatch-params-table .main-title-row th {
  background-color: #CC6600;
  color: #FFFFFF;
  font-family: "Trebuchet MS", sans-serif;
  font-size: 13pt;
  font-weight: bold;
  padding: 12px;
}

/* Стили шапки с названиями колонок */
.hatch-params-table .header-labels-row th {
  background-color: #F8EEDC;
  font-size: 9pt;
  font-weight: bold;
  line-height: 1.4;
}

/* Стили для строки-разделителя "Стандартні розміри" */
.hatch-params-table .section-title-row th {
  background-color: #F8EEDC;
  color: #0058A0;
  font-size: 11pt;
  font-weight: bold;
}

/* Опционально: эффект зебры для более удобного чтения длинных таблиц */
.hatch-params-table tbody tr:nth-child(even) {
  background-color: #f9f9f9;
}

/* Конец таблицы размеров */