.flex-direction-nav a,.flex-direction-nav a:before{color:rgba(0,0,0,.8);text-shadow:1px 1px 0 rgba(255,255,255,.3)}.flex-container a:hover,.flex-slider a:hover{outline:0}.flex-control-nav,.flex-direction-nav,.slides,.slides>li{margin:0;padding:0;list-style:none}.flex-pauseplay span{text-transform:capitalize}.flexslider{padding:0;margin:0;background:transparent;position:relative;zoom:1}.flexslider .slides>li{display:none;-webkit-backface-visibility:hidden}.flexslider .slides:after{content:"\0020";display:block;clear:both;visibility:hidden;line-height:0;height:0}html[xmlns] .flexslider .slides{display:block}* html .flexslider .slides{height:1%}.no-js .flexslider .slides>li:first-child{display:block}.flexslider .slides{zoom:1}.flexslider .slides img{width:100%;display:block;height:auto;-moz-user-select:none}.flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-ms-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease}.loading .flex-viewport{max-height:300px}.carousel li{margin-right:5px}.flex-direction-nav a{text-decoration:none;display:block;width:40px;height:40px;margin:-20px 0 0;position:absolute;top:50%;z-index:1;overflow:hidden;opacity:0;cursor:pointer;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.flex-direction-nav a:before{font-family:flexslider-icon;font-size:40px;display:inline-block;content:'\f001'}.flex-direction-nav a.flex-next:before{content:'\f002'}.flex-direction-nav .flex-prev{left:-50px}.flex-direction-nav .flex-next{right:-50px;text-align:right}.flexslider:hover .flex-direction-nav .flex-prev{opacity:.7;left:10px}.flexslider:hover .flex-direction-nav .flex-prev:hover{opacity:1}.flexslider:hover .flex-direction-nav .flex-next{opacity:.7;right:10px}.flexslider:hover .flex-direction-nav .flex-next:hover{opacity:1}.flex-direction-nav .flex-disabled{opacity:0!important;filter:alpha(opacity=0);cursor:default;z-index:-1}.flex-pauseplay a{display:block;width:20px;height:20px;position:absolute;bottom:5px;left:10px;opacity:.8;z-index:1;overflow:hidden;cursor:pointer;color:#000}.flex-pauseplay a:before{font-family:flexslider-icon;font-size:20px;display:inline-block;content:'\f004'}.flex-pauseplay a:hover{opacity:1}.flex-pauseplay a.flex-play:before{content:'\f003'}.flex-control-nav{width:100%;position:absolute;bottom:-40px;text-align:center}.flex-control-nav li{margin:0 6px;display:inline-block;zoom:1}.flex-control-paging li a{width:11px;height:11px;display:block;background:#666;background:rgba(0,0,0,.5);cursor:pointer;text-indent:-9999px;-webkit-box-shadow:inset 0 0 3px rgba(0,0,0,.3);-moz-box-shadow:inset 0 0 3px rgba(0,0,0,.3);-o-box-shadow:inset 0 0 3px rgba(0,0,0,.3);box-shadow:inset 0 0 3px rgba(0,0,0,.3);-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px}.flex-control-paging li a:hover{background:#333;background:rgba(0,0,0,.7)}.flex-control-paging li a.flex-active{background:#000;background:rgba(0,0,0,.9);cursor:default}.flex-control-thumbs{margin:5px 0 0;position:static;overflow:hidden}.flex-control-thumbs li{width:25%;float:left;margin:0}.flex-control-thumbs img{width:100%;height:auto;display:block;opacity:.7;cursor:pointer;-moz-user-select:none;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-ms-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease}.flex-control-thumbs img:hover{opacity:1}.flex-control-thumbs .flex-active{opacity:1;cursor:default}@media screen and (max-width:860px){.flex-direction-nav .flex-prev{opacity:1;left:10px}.flex-direction-nav .flex-next{opacity:1;right:10px}}

.table-calculate {
	display: grid;
    gap: 5px;
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
    margin: 5px;
}
.table-fences {
	display: grid;
    gap: 5px;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    margin: 5px;
}
.img-calculate {width: 70%; height: 70%;}
.img-calculate:hover {border: 3px solid #F58515; border-radius: 50px;}
#option1_1.push, #option1_2.push, #option1_3.push, #option1_4.push, #option1_5.push, #option2_1.push, #option2_2.push, #option2_3.push, #option2_4.push, #option2_5.push
{outline: 5px solid #F58515; border-radius: 50px;/* Параметры рамки */}
.img-fences {width: 100%; height: 100%;}
.img-fences:hover {border: 3px solid #F58515; border-radius: 100px;}
#option3_1.push, #option3_2.push, #option3_3.push, #option3_4.push, #option3_5.push, #option3_6.push, #option3_7.push, #option3_8.push, #option3_9.push, #option3_10.push, #option3_11.push, #option3_12.push, #option3_13.push, #option3_14.push, #option3_15.push
{outline: 5px solid #F58515; border-radius: 100px;/* Параметры рамки */}
.img-stairs {width: 100%; max-height: 541px; max-width: 800px; margin-bottom: 20px;}
.text-calculate {margin-bottom:5px; margin-top:5px;}
.row-calculate { padding: 5px 5px; }
.cell-calculate { padding: 5px 5px; text-align: center; }
.img-karkas {width: 70%; height: 70%;}
.img-karkas:hover {border: 3px solid #F58515; border-radius: 10px;}
#option4_1.push, #option4_2.push
{outline: 5px solid #F58515; border-radius: 10px;/* Параметры рамки */}

/* Для страницы готовых деревянных лестниц */
.ready-made-stairs-2 {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
	gap: 10px;
	margin-bottom: 20px;
	margin-top: 20px;
	overflow-x: auto;
}
.ready-made-stairs-1 {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
	grid-template-rows: auto auto auto;
	grid-template-areas:
        "title-ready-made-stairs"
        "ready-made-stairs-inside"
		"ready-made-stairs-table";
	width: 95%;
	margin-bottom: 10px;
	margin-top: 10px;
}
.title-ready-made-stairs {
	font-size: 18px;
	font-family: Roboto, sans-serif;
	grid-template-columns: 1fr;
	text-align: center;
	margin-bottom: 10px;
	margin-top: 10px;
	text-decoration: underline;
}
.ready-made-stairs-inside {
	display: grid;
	grid-template-columns: 0.7fr 1.28fr;
	border: 2px solid #e5e3e3; /* Граница для всех сторон */
    /*border-top: none;     /* Убираем нижнюю границу */
}
.ready-made-stairs-inside:hover {
	border: 2px solid #f8d2b0; /* Граница для всех сторон */
    /*border-top: none;     /* Убираем нижнюю границу */
}
.ready-image {
	display: flex;               /* Включаем Flexbox для элемента */
    justify-content: center;     /* Центрирование по горизонтали */
    align-items: center;		/* Центрирование по вертикали */
}
/* Главное изображение в контейнере */
.ready-image img{
	max-width: 100%;
    max-height: 100%;
}
/* Схемы лестниц в контейнере */
.ready-image-2 {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: auto auto;
	grid-template-areas:
        "ready-description"
        "ready-image-2s";
}
/* Стили текста в контейнере */
.ready-description {
	padding-left: 5px; /* Отступ от левого края */
    font-size: 12.5px; /* Размер шрифта */
    font-family: Roboto, sans-serif; /* Семейство шрифтов */
    text-align: left; /* Центрирование текста */
    line-height: 1; /* Межстрочный интервал */
    letter-spacing: -0.3px; /* Расстояние между буквами */
	margin-bottom: 4px;
	margin-top: 4px;
}
.ready-description-p {
	margin-bottom: 4px;
	margin-top: 4px;
}
.ready-image-2s {
	display: grid;
	grid-template-columns: 1.3fr 1fr;
	gap: 2px;
}
.ready-image-s {
	grid-template-columns: repeat(auto-fill, 126px);
}
.ready-image-s img{
	max-width: 100%;
    max-height: 100%;
}
.ready-image-v {
	grid-template-columns: repeat(auto-fill, 120px);
	display: flex;               /* Включаем Flexbox для элемента */
    justify-content: center;     /* Центрирование по горизонтали */
    align-items: center;		/* Центрирование по вертикали */
}
.ready-image-v img{
	max-width: 100%;
    max-height: 100%;
}
.ready-made-stairs-table {
	display: grid;
	grid-template-columns: auto auto auto;
/*	grid-template-rows: repeat(3, 100%); */
	gap: 2px;
	font-size: 14px;
	width: 100%;
}
.ready-made-stairs-table-row-general {
	display: contents; /* Используем contents, чтобы grid работал только на ячейки */
}
.ready-made-stairs-table-row {
	display: contents; /* Используем contents, чтобы grid работал только на ячейки */	
}
.ready-made-stairs-table-cell-general {
    padding: 5px;
    text-align: center;
    background-color: #f9f9f9;
	display: flex;               /* Включаем Flexbox для элемента */
    justify-content: center;     /* Центрирование по горизонтали */
    align-items: center;		/* Центрирование по вертикали */
}
.ready-made-stairs-table-cell {
    padding: 2px;
    text-align: left;
    background-color: #f9f9f9;
	/*display: flex;               /* Включаем Flexbox для элемента */
    justify-content: left;     /* Центрирование по горизонтали */
    align-items: center;		/* Центрирование по вертикали */
	word-break: break-word; /* Перенос длинных слов */
    overflow-wrap: break-word; /* Для поддержки в разных браузерах */
	white-space: normal;
}
/* Для столбцов 2 и 3 в таблице */
.ready-made-stairs-table-cell-q {
    padding: 2px;
    text-align: center;
    background-color: #f9f9f9;
	display: flex;               /* Включаем Flexbox для элемента */
    justify-content: center;     /* Центрирование по горизонтали */
    align-items: center;		/* Центрирование по вертикали */
}
.ready-made-stairs-table-cell-p {
    padding: 2px;
    text-align: center;
    background-color: #f9f9f9;
	display: flex;               /* Включаем Flexbox для элемента */
    justify-content: center;     /* Центрирование по горизонтали */
    align-items: center;		/* Центрирование по вертикали */
}
.ready-made-stairs-table-general{
    width: 100%;
	margin: 0 auto; /* Центрирование таблицы */
    overflow-x: auto; /* Прокрутка при необходимости на маленьких экранах */
}
.productrs {
    display: block;
}

.hiddenrs {
    display: none;
}
.ready-label-filter {
	margin: 5px;
	vertical-align: middle;
}

.ready-label-filter:hover {
  color: #F58515;
}

.ready-made-filter {
  display: flex;
  flex-wrap: wrap;
  margin-top: 5px;
  border: 2px solid #e5e3e3; /* Граница для всех сторон */
  border-radius: 3px;
  max-width: 100%;       /* адаптируется к ширине экрана */
  min-width: 350px;      /* минимальная ширина контейнера */
  overflow-x: auto;
}
.ready-made-filter-button {
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 10px;
  margin-right: 5px;
}

.ready-made-filter-button1 {
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 0px;
  margin-right: 10px;
  padding: 10px 20px; /* Внутренние отступы (сверху и снизу, слева и справа) */
  font-weight: 550; /* Жирность шрифта */
  color: white; /* Цвет текста */
  background-color: #F58515; /* Цвет фона кнопки */
  border: none; /* Убираем рамку */
  border-radius: 5px; /* Скругление углов */
  cursor: pointer; /* Курсор указателя */
  transition: background-color 0.3s, transform 0.2s; /* Плавные переходы */
}

/* Состояние при наведении */
.ready-made-filter-button1:hover {
    background-color: #d47412; /* Более темный оттенок для наведения */
}

/* Состояние при нажатии */
.ready-made-filter-button1:active {
    transform: scale(0.95); /* Уменьшение кнопки при нажатии */
}

/* Состояние при отключенной кнопке */
.ready-made-filter-button1:disabled {
    background-color: #ccc; /* Цвет фона для отключенной кнопки */
    color: #666; /* Цвет текста для отключенной кнопки */
    cursor: not-allowed; /* Курсор "запрещено" */
}

/*.filter-checkbox-ready {
margin-right: 0px;
}*/
.filter-checkbox-ready {
  appearance: none;
  width: 14px;
  height: 14px;
  border: 2px solid #9d9d9d;
  border-radius: 3px;
  cursor: pointer;
  position: relative;
  z-index: 1;
  transition: background-color 0.3s, border-color 0.3s;
  margin-right: 0px;
  vertical-align: middle;
}

/* Изменение цвета фона при наведении только для .custom-checkbox */
.filter-checkbox-ready:hover {
  border: 2px solid #f8d2b0;
  text-decoration: underline;
}

/* Стиль галочки при активном чекбоксе с классом .custom-checkbox */
.filter-checkbox-ready:checked {
  background-color: #F58515;
  border-color: #f8d2b0;
}

.ready-made-filter-span {
   font-weight: 550;
}

.custom-ul-list {
   list-style-type: disc; /* Тип маркера списка */
   padding-left: 20px; /* Отступ слева для списка */
}

.ready-made-search {
  margin-top: 5px;
  width: 100%;
  max-width: 400px; /* Максимальная ширина для поля */
  padding: 5px 10px;
  border: 2px solid #e5e3e3;
  border-radius: 3px; /* Закругленные края */
  outline: none;
  transition: all 0.3s ease;
  color: #333; /* Цвет текста */
}
.RMF {
  display: flex;
  flex-wrap: wrap;
  max-width: 100%;       /* адаптируется к ширине экрана */
  min-width: 350px;      /* минимальная ширина контейнера */
}