@charset "UTF-8";
/* CSS Document */

html, body, ul, ol, dl, figure, h1, h2, h3, h4, h5, h6, p {
  margin: 0;
  padding: 0;
}
ul, ol {
  list-style: none;
}

.grecaptcha-badge {
  visibility: hidden;
}
*, *::before, *::after {
  box-sizing: border-box;
}
#scrollTopBtn {
  position: fixed;
  bottom: 40px;
  right: 40px;
  z-index: 999;
  display: none;
  background-color: #004B5B;
  color: #fff;
  border: none;
  padding: 12px 20px;
  border-radius: 10px;
  font-size: 16px;
  cursor: pointer;
  font-family: 'Roboto', sans-serif;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);
  transition: opacity 0.3s ease, transform 0.3s ease;
}

#scrollTopBtn i {
  margin-right: 8px;
}

#scrollTopBtn:hover {
  opacity: 0.85;
  transform: translateY(-2px);
}






.inwork{
	display: none!important;
}
html {
  scroll-behavior: smooth;
}
.video_row_4 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
width: 90%;	
  margin-top: 30px;
}

.video_row_4 iframe {
  border-radius: 8px;
  height: 150px;
  width: 100%;
	margin: 10% 0 0 0;
}
#video, #video1{
	width: 100%;
	margin: 0 0 0 -10%;
}



body{
	max-width: 100%;
	overflow-x: hidden;
	font-size:14px;
	font-family: 'Roboto', sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
	background: url('../images/main.font.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    	}



.clear {clear:both; content:""; display:block; height:0; font-size:0;overflow: hidden;} 


 

    .dropdown {
      position: relative;
      display: inline-block;
		margin: 0 2% 0 0;
		color: #000;
		    }


   a.dropdown-button{
  display:flex !important;        /* один ряд: иконка + текст */
  align-items:center;             /* по вертикали по центру */
  gap:8px;                        /* расстояние между иконкой и словом */
  padding:10px 18px;              /* равные отступы */
  background:#417AB4;
  color:#fff;
  text-decoration:none;
  border:0;
  text-align:left !important;     /* убираем случайное центрирование */
}

/* сама иконка внутри кнопки */
a.dropdown-button i{
  flex:0 0 0;                  /* фикс-ширина «колонки» под иконку */
  text-align:center;
 }
    .dropdown-content {
      display: none;
      position: absolute;
      background-color: #686868;
      min-width: 460px;
	  box-shadow: 0px 8px 16px rgba(0,0,0,0.2);
      z-index: 1;
	  padding: 10% 0 0 0;
	 align-content: flex-start;
	     }

    .dropdown-content a {
      color: #3A3A3A;
      padding: 12px 16px;
      text-decoration: none;
	  width: 90%;
	  text-align: left!important;
	  height: 3vh;
	  display: block;
	  margin: 3% 0 0 5%;
	  border-bottom:0.5px solid #989898;
    }
.dropdown-content a i{
  width:18px;          /* фикс-ширина, чтобы всё аккуратно выровнялось */
  margin-right:8px;
  text-align:center;
}
    .dropdown-content a:hover {
     
		text-decoration: none;
				    }

    .dropdown:hover .dropdown-content {
      display: block;
		text-decoration: none;
		    }

    .dropdown:hover .dropdown-button {
      text-decoration: none;		    }


/* кнопка банера гл. страница */
.cta-btn1 {
  display: inline-block;
  font-family: Arial, sans-serif;
  font-size: 16px;
  color: #fff;
  background-color: #0077cc; /* темно‑синий */
  padding: 12px 24px;
  border: none;
  border-radius: 6px;
  text-decoration: none;
  transition: background-color 0.3s ease, transform 0.2s ease, box-shadow 0.2s ease;
  box-shadow: 0 2px 4px rgba(0,0,0,0.15);
}
.cta-btn1:hover {
  background-color: #005fa3; /* чуть темнее */
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0,0,0,0.2);
}
.cta-btn1:active {
  background-color: #004680;
  transform: translateY(0);
}






/* адаптивная таблица 50% order_process */
.cmp-comparison-wrapper {
  padding: 20px;
  background: #f9f9f9;
  border-radius: 6px;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
  margin: 30px 0;
}

.cmp-comparison-title {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 5px;
  text-align: center;
}

.cmp-subtitle {
  font-size: 16px;
  color: #666;
  text-align: center;
  margin-bottom: 20px;
}

.cmp-table-scroll {
  overflow-x: auto;
}

.cmp-comparison-table {
  width: 100%;
 
  border-collapse: collapse;
  background: #fff;
}

.cmp-comparison-table th,
.cmp-comparison-table td {
  padding: 12px 16px;
  border: 1px solid #ccc;
  text-align: left;
  vertical-align: top;
}

.cmp-comparison-table th {
  background-color: #f0f0f0;
  font-weight: bold;
}

@media (max-width: 768px) {
  .cmp-comparison-title {
    font-size: 20px;
  }

  .cmp-subtitle {
    font-size: 14px;
  }

  .cmp-comparison-table th,
  .cmp-comparison-table td {
    font-size: 14px;
    padding: 10px 12px;
  }
}






























.top_header span{
	display: block;
	color: #fff;
	font-size: 12px;
	text-align: center;
	background-color: #A6A6A6;	
	padding: 0.5% 0;
}




.navi_main{
	width: 100%;
	}
.navi_main li,
.main_cat li,
.footer li,
.footer li > div:first-child,
.footer li > div:last-child,
.center li, .main_banner a, 
.main_banner a:nth-of-type(2),
body.project .white_center img,
body.project .white_center h2,
.toggle::before,
#series a,
.double_card li,
ul.items_card > li:nth-child(5) div,
.items_card li,
.items_card b,
.features span,
.main_description li,
body.order .main_description img,
body.order .main_description img#payment:first-of-type {
  float: left;
}





.navi_main li:first-child{
	width: 10%;
	text-align: center;	
	}

.navi_main img{
	max-width: 38%;
	margin: 5px 0 0 0;
}
.navi_main .mobile-dropdown a span{
	color: #6F6F6F;
	display: block;
	margin: -2% 0 0 0;
	font-size: 11px;  
	}
.navi_main li:nth-child(1):hover{
	opacity: 0.7;
}
.navi_main li:nth-child(2){
	width: 70%;
	height: 10vh;
}
.navi_main li:nth-child(3){
	width: 20%;
	}
.links_top {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
  padding: 30px 20px 0 20px; 
}
.links_top a{
	flex: 1 1 auto; /* 2 кнопки в ряд, уменьшаются при необходимости */
  min-width: 140px;
  max-width: 200px;
  text-decoration: none;
  color: #fff;
  background-color: #004f9f;
  padding: 10px 3px;
  text-align: center;
  font-size: 13px;
  border-radius: 5px;
}
.links_top a:nth-child(2){
	background-color: #25D366;  
}
.links_top a:hover{
	opacity: 0.7;
}
.navi {
	background-color: #417AB4;
	padding: 2.5% 5%;
	margin: 0 0 2% 0;
	border-radius: 0 0 5px 5px;
}
.navi a{
	display: inline-block;
	text-decoration: none;
	color: #fff;
	text-align: center;
	padding: 0 3% 0 0;	
	font-size: 13px;
}
.navi a:hover{
	text-decoration: underline;
}





 





.main_banner{
	position: relative;
	display: block; 
	margin: 0 0 1% 0;
	width: 100%;
	padding: 1% 3% 4% 22%;
	text-align: center;
	background-image: url("../images/banner_main1.jpg");
	background-size: cover; -webkit-box-shadow: 0px 0px 4px 1px rgba(139,  126,  126, 0.19);
	}
.main_banner h1{
	margin: 5% 0 1% 0;
	display: block;
	font-weight: 500;
    font-style: normal;
    font-size: 30px;
	color: #fff;
	text-align: left;
	letter-spacing: 2px;
	}
.main_banner span{
	 display: block;
     color: #fff;
	font-size: 16px;
	text-align: left;
	line-height: 2;
	letter-spacing: 3px;
}
.main_banner span:first-of-type{
	font-size: 20px;
	margin-bottom: 1%;
	letter-spacing: 2px;
}
.seo{
	display: block;
	padding: 1%;
	margin-bottom: 1%;
	font-size: 12px;
	letter-spacing: 1px!important;
	line-height: 1.5!important;
	background-color: rgba(255, 255, 255, 0.5); /* полупрозрачный фон */
	max-width: 80%;
}
.main_banner .qr-float {
	  /* отступ от правого края */
	width: 35%;   /* фиксированный размер, чтобы не раздвигал */
	margin-top: 3%
	
}
.qr-caption {
	position: absolute;
	top: 55%;       /* подбери вручную под нужный спан */
	right: 20%;    
  font-size: 13px;
  color: #fff;
  text-align: center;
  letter-spacing: 1px;
	z-index: 2;
}
.main_banner a{
	margin: 5% 0 1% 0;
	display: block;
	text-align: center;
	border-radius: 5px;
	padding: 15px 20px;
    text-decoration: none;
	font-weight: 500;
}
.main_banner a:first-of-type{
	background-color: #fff;
	margin-right: 15%;
	color: #001246;
	
}
.main_banner a:nth-of-type(2){
	margin: 5% 0 1% 0;
	display: block;
	text-align: center;
	border-radius: 5px!important;
	padding: 15px 40px;
    text-decoration: none;
	font-weight: 500;
	background-color: #ef4810;
	color: #fff;
	font-size: 15px;
}
.white_center{
	max-width: 90%;
	margin: 1% 0 0 5%;
	background-color: #FFF;
	padding: 2%;
		}



body.project .white_center{
	line-height: 1.8;
	padding: 3%!important;
}
body.project .white_center img{
	display: block;
	max-width: 40%;
	margin: 2% 5% 2% 2%;
}
body.project .white_center b{
	font-size: 16px;
}
body.project .white_center h2{
	margin: 0 0.3% 0 0;
	font-size: 14px;
	font-weight: 600;
	}
body.project .white_center span{
	display: block;
	margin: 1% 0 0 0;
}










#cat_line{
	margin: 3% 0 0 0;
	
}



.main_cat{
	display: block;
	width: 100%;
	padding: 2% 10% 0 12%;
	background: #fff;
	}
.main_cat em{
	font-style: normal;
}
.main_cat li{
	display: block;
	height: auto;
	margin: 0 0 3% 0;
	width: 25%;
	background-color: #fff;
}
.main_cat li:nth-child(3n) {
    margin-right: 0;
}
.main_cat li img{
	max-width: 80%;
	display: block;
	margin: 0 0 2% 10%;
}


.main_cat li a{
	max-width: 100%;
	display: block;
	font-size: 20px;
	margin: 0 0 0 0;
	padding: 0 3%;
	color: #1E1E1E;
	font-weight: 400;
	text-decoration: none;
	letter-spacing: 1.8px;
	}

.main_cat div{
	height: 17vh;
	background: #EFF1F3;
	padding: 3% 10%;
}
.main_cat .clear:last-of-type {
  height: 0 !important;
  visibility: hidden;
}
.main_cat p{
	display: block;
	height: 7vh;
	letter-spacing: 3px;
	padding: 2% 0 0 0;
	}
.main_cat span{
	color: #001960;
	font-weight: 400;
	font-size: 14px;
	letter-spacing: 1.8px;
	display: block;
	margin-top: 14%;
}





#center{
	width: 100%;
	font-size: 12px;
	line-height: 1.4;
	color: #787878;
	margin: 2% 0 0 0;
	padding: 0 0 0 5%;
  
}
.center span{
	height: 50px;
	text-align: left;
	display: block;
	padding: 0 0 2% 0;
	font-size: 15px;
	color: #2B3094
}
.center p{
	display: block;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	color: #2B3094;
	height: 60px;	
}
.center li div{
	height: 12vh;
	
}





.center ul{
	width: 100%;
	}
.center li{
	display: block;
	background-color: #fff;
	width: 22.2%;
	padding: 1%;
	margin: 1% 2% 0 0;
	text-align: left;
	-webkit-box-shadow: 0px 0px 4px 1px rgba(139,  126,  126, 0.19);
-moz-box-shadow: 0px 0px 4px 1px rgba(139,  126,  126, 0.19);
box-shadow: 0px 0px 4px 1px rgba(139,  126,  126, 0.19);
	
}
.center li img{
	max-width: 100%;
	
}
.center li:nth-child(1){
	
}
.center li:nth-child(2){
	
}
.center li:nth-child(3){
	
}
.center li:nth-child(4){
	
}
.whole_russia{
	max-width: 90%;
	margin: 0 5%;
	text-align: center;
}









.testimonials {
    background: #f9f9f9;
    padding: 40px 20px;
      }
  .testimonials h2, #cat_line h2 {
    text-align: center;
    font-size: 2rem;
    margin-bottom: 40px;
    color: #004f9f;
  }
  .testimonials .testimonial {
    max-width: 800px;
    margin: 0 auto 30px;
    border-left: 4px solid #004f9f;
    padding-left: 20px;
  }
  .testimonials .company {
    font-weight: bold;
    font-size: 1.125rem;
    margin-bottom: 5px;
  }
  .testimonials .rating {
    margin-bottom: 10px;
    font-size: 1rem;
    color: #f5c518; /* золотой цвет для звезд */
  }
  .testimonials .text {
    font-style: italic;
    line-height: 1.5;
  }












 .case-studies {
    max-width: 100%;
    margin: 60px 50px;
    padding: 0 20px;
  }
  .case-studies h2 {
    text-align: center;
    font-size: 2rem;
    margin-bottom: 40px;
    color: #ff6f61;
    font-weight: 700;
  }
  .case-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
    gap: 28px;
  }
  .case-card {
    background: #ffffff;
    border-top: 4px solid #003366;
    border-radius: 8px;
    padding: 36px 28px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    transition: transform 0.3s, box-shadow 0.3s;
  }
  .case-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
  }
  .case-icon {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    background: #ff6f61;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
  }
  .case-icon i {
    color: #ffffff;
    font-size: 2.5rem;
  }
  .company {
    font-size: 1.25rem;
    font-weight: 700;
    color: #003366;
    margin-bottom: 16px;
  }
  .description {
    font-size: 0.95rem;
    line-height: 1.6;
    color: #333333;
  }
/* Мобильная адаптация */
  @media (max-width: 768px) {
    .case-grid {
      grid-template-columns: 1fr;
      gap: 20px;
    }
    .case-card {
      padding: 24px 16px;
    }
    .case-icon {
      width: 60px;
      height: 60px;
      margin-bottom: 16px;
    }
    .case-icon i {
      font-size: 1.75rem;
    }
    .company {
      font-size: 1.125rem;
      margin-bottom: 12px;
    }
    .description {
      font-size: 0.9rem;
      line-height: 1.4;
    }
  }

  @media (max-width: 480px) {
    .case-studies {
      padding: 0 10px;
    }
    .case-card {
      padding: 20px 12px;
    }
    .case-icon {
      width: 50px;
      height: 50px;
    }
    .case-icon i {
      font-size: 1.5rem;
    }
    .company {
      font-size: 1.05rem;
    }
    .description {
      font-size: 0.85rem;
    }
  }





























.footer{
	overflow: hidden;
	width: 100%;
	border-top:1px solid #909090;
    padding: 1% 0 0 0;
	background-color: #3E3E3E;
	height: 24vh;
	
}
.footer li{	
	width: 25%;
	display: block;
	font-size: 12px;
	color: #575757;
	color: #fff;
		}
.footer li:first-child{
	padding: 0 5% 0 2%;
	
}
ul.footer span{
	display: block;
	color: inherit;
	font-size: 10px;
	opacity: 0.3;
	margin-top: 1%;
	padding: 1% 0 0 0;
	border-top: 1px solid #6C6C6C;
	max-width: 80%;
}
ul.footer span a{
	display:inline-block;
	max-width: 45%;
	font-size: 10px;
	margin-right: 5%;
	}

.footer li:nth-child(2){
	width: 50%;
			}
.footer li:last-child{
	width: 25%;
}

#foot{
	max-width: 100%;
	text-align: center;
	padding: 0.5% 2%;
	background-color: #fff;
	color: #4F4F4F;
	overflow: hidden;
	font-size: 11px;
}
.footer li a{
	color: #fff;
	display: block;
	font-size: 14px;
	}
.footer li div{
	display: block;
	margin: 1.5% 0 0 0;
	padding: 0 3% 0 0;
	}
.footer div a{
	display: block;
	font-size: 15px;
	text-decoration: none;
	line-height: 1.3;
	}
.footer div:first-child{
	width: 50%;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	padding: 0 3%;
	}
.footer div:last-child{
	width: 50%;
	padding: 0 3%;
}
.footer li img{
	max-width: 30%;
	display: block;
	padding:  0 0 5% 0;
}


#round{
	display: block;
	max-width: 10%;
	background-color: #fff;
	border-radius: 5px;
	padding: 2% 1%;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	color: #000757;
	margin: 2% 3%;
}
#address{
	margin: 2% 0 7% 0;
	line-height: 2;
}
#address1{
	width: 90%;
	line-height: 2;
	text-align: right;
}



#cookie-banner {
  position: fixed;
  bottom: 20px;
  left: 20px;
  right: 20px;
  background: #f5f5f5;
  color: #333;
  padding: 15px;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 9999;
  font-size: 14px;
  }

#cookie-accept-btn {
  margin-left: 20px;
  padding: 6px 12px;
  background: #007BFF;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

#cookie-accept-btn:hover {
  background: #0056b3;
}

.cookie-link {
  color: #007BFF;
  text-decoration: underline;
}

.rutube-button {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 0.75em 1.5em;
  background-color: #E82C0C; /* фирменный красный RuTube */
  color: #fff;
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  border-radius: 4px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
  transition: background-color 0.2s, transform 0.1s;
}

.rutube-button__icon {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}

.rutube-button:hover {
  background-color: #C7280A;
  transform: translateY(-2px);
}

.rutube-button:active {
  background-color: #A21F08;
  transform: translateY(0);
}

.rutube-button__text {
  line-height: 1;
}



















hr{
	border: 0;
	height: 1px;
	background-color: #C3C3C3;
}


.rice_banner{
	display: block;
	margin: 0 0 2% 0;
	width: 100%;
	padding: 2% 3%;
	text-align: center;
	border-bottom: 2px solid #555555;
	background-position: center center;
	font-family: "M PLUS 1p", sans-serif;
	 min-height: 200px; /* например */
	background-size: cover;
	font-weight: 400;
	font-size: 14px;
}




body.hygiene .rice_banner, body.access_control_card .rice_banner {
	background-image: url("../img/hygiene_station/banner_hygiene_station.jpg");
}
body.air_cabines .rice_banner {
  	background-image: url("../images/air_cabines_banner.jpg");
}
body.air_cabines #shoes {
  	background-image: url("../images/shoes_banner.jpg");
}
body.juice #cold_room {
  	background-image: url("../images/coldroom_banner.jpg");
}
body.smoked .rice_banner {
  	background-image: url("../images/smocked_banner.jpg");
}
body.fruitline_card .rice_banner {
  	background-image: url("../img/fruit/banner_card.jpg");
}
body.box_washing .rice_banner {
  	background-image: url("../images/boxwash_banner.jpg");
}
body.equipment .rice_banner {
  	background-image: url("../images/washing_main.jpg");
}
body.vape_card #foam {
	background-image: url("../img/foam_stations/banner_vape.jpg");
}
body.drinage .rice_banner {
	background-image: url("../images/banner_drinage.jpg");
}
body.project .rice_banner {
	background-image: url("../images/gpt_free_projects.jpg");
}
body.throley .rice_banner {
	background-image: url("../images/banner_throley.jpg");
}
body.company .rice_banner {
	background-image: url("../images/banner_contact.jpg");
}
body.cheese_plant .rice_banner{
	background-image: url("../img/cheese/banner_cheese3.jpg");
}
body.chicken .rice_banner{
	background-image: url("../img/chicken/main_banner.jpg");
}
body.pig .rice_banner{
	background-image: url("../img/pig/main_banner.jpg");
}
body.juice .rice_banner{
	background-image: url("../img/juice/main_banner.jpg");
}
body.order .rice_banner{
	background-image: url("../images/order_banner1.jpg");
}
body.order #payment{
	background-image: url("../images/payment_top.jpg");
}
body.order #contact{
	background-image: url("../images/contact_banner.jpg");
}
body.order #delivery{
	background-image: url("../images/delivery_banner.jpg");
}
body.support #support{
	background-image: url("../images/support_banner.jpg");
}
body.milk .rice_banner{
	background-image: url("../images/milk_banner.jpg");
}

iframe{
	  width:720px;
	  height:405px; 
}








body.cheese_main .rice_banner {
	background-image: url("../img/cheese/banner_cheese2.jpg");
}
body.cheese_main .rice_banner p, body.cheese_main .rice_banner div{
	margin: 5% 0;
}
body.cheese_main .rice_banner p:nth-of-type(2){
	font-size: 15px;
	line-height: 2;
}
body.support .main_description p{
	font-size: 15px;
	line-height: 1.5;
	color: #00011E;
}
body.support .main_description h3{
	display: block;
	font-size: 18px;
	border-bottom: 2px solid #00011E;
	max-width: 90%;
	padding: 5px 0;
}







.rice_banner h1{
	font-size: 30px;
	max-width: 100%;
	text-align: right;
	display: block;
	color: #fff;
	font-weight: 500;
	font-family: "M PLUS 1p", sans-serif;
	margin: 0 0 0 0;
}
.rice_banner p{
	font-size: 16px;
	max-width: 100%;
	text-align: right;
	display: block;
	color: #fff;
	font-weight: 500;
	font-family: "M PLUS 1p", sans-serif;
	
	line-height: 2;
	letter-spacing: 2px;
}

.rice_banner div{
	padding: 1.5% 2%;
	margin: 2% 0 0 0;
	max-width: 50%;
	 min-height: 50px; /* например */
	background-color: rgba(255, 255, 255, 0.5); /* полупрозрачный фон */
	
}
.rice_banner span{
	display: block;
	text-align: left;
	font-size: 15px;
	line-height: 1.5;
	font-family: "M PLUS 1p", sans-serif;
	color: #fff;
	
}










.product-gallery          {max-width:680px;text-align:center;}
.product-gallery img      {width:100%;height:auto;display:block;border-radius:6px;border:1px solid #D5D5D5;}


.gallery-thumbs a:nth-child(n+7) {
  display: none;
}
/* когда добавим класс .expanded к .gallery-thumbs — покажем всё */
.gallery-thumbs.expanded a {
  display: inline-block;
}
.show-more {
  margin: 4% 0 0 0;	
  display: inline-block;
  padding: 10px 20px;
  font-size: 14px;
  font-weight: 500;
  font-family: 'Roboto', sans-serif;
  color: #fff;
  background-color: #004B5B;
  border: none;
  border-radius: 6px;
  text-decoration: none;
  cursor: pointer;
  box-shadow: 0 4px 8px rgba(0, 75, 91, 0.2);
  transition: background-color 0.3s ease, transform 0.2s ease;
}

.show-more:hover {
  background-color: #006676;
  transform: translateY(-2px);
}

.show-more:active {
  background-color: #003f4d;
  transform: translateY(0);
}

.show-more:focus {
  outline: 2px solid #00a0b0;
  outline-offset: 2px;
}

.gallery-thumbs           {display:flex;gap:8px;margin-top:12px;justify-content:center;flex-wrap:wrap;}
.gallery-thumbs img       {width:140px;height:140px;object-fit:cover;cursor:pointer;opacity:.6;border-radius:4px;}
.gallery-thumbs img.active,
.gallery-thumbs img:hover {opacity:1;outline:2px solid #FFB200;}
body.vape_card .gallery-thumbs img       {width:100px;height:100px; margin-bottom: 20px;}
body.vape_card .product-gallery img      {border:0;}

body.box_washing .gallery-thumbs img     {width:100px;height:100px;}
body.drinage .gallery-thumbs img, body.chicken .gallery-thumbs img, body.pig .gallery-thumbs img       {width:80px;height:80px;}

.glightbox-clean .gbtn-prev,
.glightbox-clean .gbtn-next{
  width:48px;height:48px;background:rgba(0,0,0,.45);
  border-radius:50%;display:flex;align-items:center;justify-content:center;
  transition:background .2s;cursor:pointer;
}
.glightbox-clean .gbtn-prev:hover,
.glightbox-clean .gbtn-next:hover{background:rgba(0,0,0,.65);}
.glightbox-clean .gbtn-prev svg,
.glightbox-clean .gbtn-next svg{stroke:#fff;}




.wrap   { max-width: 100%; font: 16px/1.4 sans-serif; text-align: left}
  .toggle { background: #F5F7FA; color: #004B5B; font-weight: 600; margin: 0 0 1% 0; padding:.8rem 1rem; cursor:pointer;
            user-select:none; border-radius: 5px;}
.toggle::before{
  content: "\f078";                     /* юникод для fa-chevron-down */
  font-family: "Font Awesome 6 Free";   /* имя шрифта FA6 Free */
  font-weight: 900;                     /* solid style */
  margin: 0 2% 0 0;
	}
  /* ПАНЕЛЬ, КОТОРАЯ РАСКРЫВАЕТСЯ --------------------------------------- */
  .panel  { overflow:hidden; max-height:0; transition: max-height 0.3s ease-in-out; overflow: hidden;
            border-top:none; color: #004B5B; 
            padding:0 1rem; /* внутренний отступ «появится» вместе с высотой */ }
  .panel.open { padding:1rem; }  /* полный паддинг только когда раскрыт */





.crosh {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  list-style: none;
  margin: 0 5% 0 5%;
}

.crosh li {
  display: inline-block;
}
.crosh li:nth-child(3) {
  margin-left: auto;
}
.crosh a {
  display: block;
  background: #004B5B;
  color: #fff;
  text-decoration: none;
  padding: 14px 20px;
  border-radius: 10px;
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  font-weight: 500;
  box-shadow: 0 2px 6px rgba(0,0,0,0.15);
  transition: background 0.3s, transform 0.2s;
}

.crosh a i {
  margin-right: 8px;
}

.crosh a:hover {
  opacity: 0.85;
  transform: translateY(-2px);
}

.crosh li:nth-last-child(-n+4) a {
  border-radius: 3px;
}
.crosh li:nth-last-child(4) a {
  background-color: #1e88e5; /* Фото — синий */
}

.crosh li:nth-last-child(3) a {
  background-color: #43a047; /* Видео — зелёный */
}

.crosh li:nth-last-child(2) a {
  background-color: #f4511e; /* FAQ — оранжевый */
}

.crosh li:nth-last-child(1) a {
  background-color: #6a1b9a; /* Характеристики — фиолетовый */
}



#category{
	display: block;
	font-size: 12px;
	color: #000155;
	margin: 0 0 0 5%;
}


#series{
	max-width: 100%;
	margin: -2% 0 0 0;
	text-align: center;
	padding: 0 0 0 10%;
	}
#series a{
	max-width: 20%; 
	margin: 0 1% 1% 0;
	font-size: 12px;
	padding: 1% 2%;
}


.items_card_first{
	max-width: 90%;
	margin: 4% 0 2% 0;
	background-color: #FFF;
	-webkit-box-shadow: 0px 0px 4px 1px rgba(139,  126,  126, 0.19);
-moz-box-shadow: 0px 0px 4px 1px rgba(139,  126,  126, 0.19);
box-shadow: 0px 0px 4px 1px rgba(139,  126,  126, 0.19);
}
.items_card_first p{
	display: block;
	font-size: 15px;
	line-height: 1.5;
	color: #363636;
	padding: 2%;
		}
.items_card_first i{
	margin: 0 1.5% 0 0;
	font-size: 17px;
	color: red;
}
.items_card_first h2{
	margin: 0 0 0 2%!important;
}







.double_card{
	width: 100%;
}
.double_card li{
	width: 50%;
	padding: 0 3% 0 5%;
	color: #004B5B;
	font-family: 'Roboto', sans-serif;
}
.double_card li>p{
	font-size: 15px;
	color: #004B5B;
	font-family: 'Roboto', sans-serif;
}
.double_card li:first-child{
	
	padding-left: 2%;
}
.double_card li:last-child{
	border-left: 2px solid #7B7B7B;
	}
.doble_card a{
	margin: 2% 0;
}


ul.items_card {
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* две колонки одинаковой ширины */
  gap: 0;                             /* отступ между ячейками */
  align-items: stretch;                  /* растягиваем по высоте */
  margin: 0 4% 0 4%;
  max-width: 92%;
}

ul.items_card > li {
  /* если внутри ещё что-то лежит и вы хотите растягивать именно контент */
  display: flex;
  flex-direction: column;
}


ul.items_card > li:nth-child(5){
    display:block;        /* вместо flex */
    overflow:hidden;      /* простой clearfix */
}
ul.items_card > li:nth-child(5) div{
    width:20%;            /* фиксируем, а не max-width */
    background:#F5F7FA;
    border-radius:10px;
    padding:1% 3%;
    margin:0 2% 2% 0;     /* последний отступ убирайте по нужде */
    text-align:center;
	color: #004B5B;
	font-size: 16px;
}


.items_card li:nth-child(5) div span{
	display: block;
	height: 7vh;
	margin: 8% 0 0 0;
}
.items_card li:nth-child(5) img{
	max-width: 100%;
	display: block;
}
ul.items_card > li:nth-of-type(4) {
  grid-column: auto;
  text-align: right;
}
.items_card li:nth-child(3) strong, .items_card li:nth-child(5) strong{
	max-width: 90%;
	display: block;
	font-size: 20px;
	margin: 0 0 1% 0;
}

.items_card li:nth-child(3) strong{
	margin: 0 0 5% 2%;
	font-size: 18px;
	max-width: 100%;
}
#thumbs{
	display: block;
	max-width: 100%;
	font-size: 15px;
	line-height: 1.5;
	margin: 2% 0 0 5%;
	
}
.items_card h3, body.order h3{
	color: #004B5B;
	font-weight: 600;
	font-size: 16px;
	}
.items_card h4, .items_card article:first-child{
	margin: -2% 0 4% 0;
	padding: 2%;
	color: #FFF;
	max-width: 100%;
	font-weight: 400;
	background-color: #4A6572; 
	border-radius: 5px;
	font-size: 16px;
}
body.fruitline_card div.card_description > h4, body.air_cabines div.card_description > h4, body.box_washing div.card_description > h4, body.throley div.card_description > h4 {
  font-size: 16px;
}
.items_card h4 span{
	max-width: 70%;
	font-size: 14px;
	display: block;
	background-color: rgba(255, 255, 255, 0.5); /* полупрозрачный фон */
	padding: 2%;
	margin: 2% 0 0 0;
	border-radius: 10px;
	line-height: 1.5;
}
.items_card strong, .items_card h2{
	display: block;
	font-size: 16px;
	color: #4D4D4D;
	padding: 0 0 2% 0;
	margin: 0 0 3% 0;
	max-width: 96%;
	border-bottom: 2px solid #666666;
	}
#features h2{
	max-width: 100%;
	margin-top: 2%;
}
#video1 {
	max-width: 100%;
}
#video1 span{
	font-weight: 400;
	}
.items_card li:nth-child(2) strong{
	text-align: left;
	max-width: 100%;
}
.items_card li:nth-child(4) strong{
	text-align: right;
	margin-bottom: 4%;
	
}
.items_card b{
	display: block;
	font-weight:bold;
}




.features{
	max-width: 100%;
	margin: 0 0 0 5%;
}
body.air_cabines .features, body.box_washing .features, body.drinage .features, body.fruitline_card .features, body.throley .features, body.cheese_plant .features, body.chicken .features, body.pig .features, body.juice .features, body.access_control_card .features, body.smoked .features, body.milk .features{
	max-width: 100%;	
	margin: 0 0 3% 0;	
}
body.cheese_plant .card_description article > p, body.cheese_plant .items_card_first article > p{
	margin: 0.5% 0 1% 0;
}

body.cheese_plant .card_description article:nth-of-type(3) > h3, body.cheese_plant .card_description article:nth-of-type(2) > h3{
	font-weight: 400!important;
	margin: 1% 0 0 0;
} 
body.cheese_plant .items_card:not(.toggle) > h3, body.order:not(.toggle) > h3{
	font-weight: 400!important;
	margin: 0 0 1% 3%;
} 


body.cheese_plant .items_card article > h3{
	font-weight: 400!important;
	margin: 0 0 1% 3%;
}
body.cheese_plant .items_card_first > article{
	background: #fff;
	margin: 2% 0 0 0;
}
 body.cheese_plant .crosh li:nth-child(3), body.vape_card .crosh li:nth-child(3) {
  margin-left: 0 !important;
} 
body.cheese_plant .crosh li:nth-child(4), body.vape_card .crosh li:nth-child(4) {
  margin-left: auto!important;
}
body.pig .card_description article > h3, body.drinage .card_description article > h3, body.throley .card_description article > h3, body.box_washing .card_description article > h3, body.smoked .card_description article > h3{
	font-weight: 400!important;
	margin: 0 0 1% 3%;
} 
body.pig .items_card_first > article{
	background: #fff;
	margin: 2% 0 0 0;
}
body.pig .items_card_first article > h3{
	font-weight: 400!important;
	margin: 0 0 1% 3%;
}
body.vape_card .double_card article > h3{
	font-weight: 400!important;
	margin: 0 0 1% 3%;
}
body.vape_card .crosh li:nth-last-child(4) a {
  background-color: #004B5B; /* Характеристики — фиолетовый */
  border-radius: 10px;	
}
body.milk .items_card_first article > h3{
	margin: 0 0 1% 3%;
}
body.milk .items_card_first article > p{
    margin: 0 2% 1% 2%;
	} 
body.juice .items_card_first{
	padding: 2% 3%;
}
body.juice p{
	margin: 0 0 0 0;
	padding: 0 0 2% 0;
}
body.juice h2{
	padding: 2% 0 2% 0;
}
body.juice h3, body.fruitline_card h3{
	font-size: 16px;
	font-weight: 400!important;
	color: #393939;
	line-height: 1.3;
	margin: 2% 0 0 0;
	}
body.juice .toggle > h3, body.fruitline_card .toggle > h3{
	font-weight: bold!important;
	color: #004B5B;
}
body.juice .toggle::before {
  display: inline-block;
  vertical-align: middle;
}
body.juice .toggle h3 {
  display: inline-block;
  vertical-align: middle;
  margin: 0;            /* не даёт дополнительного отступа */
}
.features span{
	display: block;
	width: 100%;
	border: 1px solid #D0D0D0;
	padding: 1% 2%;
	line-height: 2.5;
	margin: 0 1% 1% 0;
	text-align: right;
	}
.features_double {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  font-family: sans-serif;
  max-width: 100%;
  border: 1px solid #ccc;
  padding: 1% 2%;
  margin: 2% 0 0 0;
}
.features-row_double {
  display: flex;
  flex-wrap: wrap;
  border-bottom: 1px solid #ccc;
  padding: 6px 0;
}
.features-row_double b {
  min-width: 180px;
  font-weight: 600;
}
.features-row_double em {
  flex: 1;
  font-style: normal;
	text-align: right;
}
.features_double > div:last-of-type {
  border-bottom: none;
}



.card_description{
	width: 100%;
	margin: 2% 0 0 10%;
}
.btn-offer {
  display: inline-block;
  padding: 14px 28px;
  margin: 1% 0 5% 0; 
  font-size: 16px;
  color: #fff;
  background-color: #FF6B00; /* ярко-оранжевый */
  border: none;
  border-radius: 6px;
  text-decoration: none;
  transition: all 0.3s ease;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  box-shadow: 0 4px 10px rgba(255, 107, 0, 0.3);
}

.btn-offer:hover {
  background-color: #E65F00; /* чуть темнее при наведении */
  box-shadow: 0 6px 14px rgba(230, 95, 0, 0.4);
  transform: translateY(-2px);
}
.btn-offer:active {
  background-color: #CC5500;
  box-shadow: 0 3px 8px rgba(204, 85, 0, 0.4);
  transform: scale(0.98);
}
.features a:hover{
	opacity: 0.7;
}

.card_description p{
	display: block;
	font-size: 15px;
	line-height: 1.5;
	color: #363636;
	margin: 0 0 4% 0; 
}
.card_description i{
	margin: 0 1.5% 0 0;
	color: red;
}
.card_description section{
	display: block;
	font-size: 13px;
}


.table-responsive {
  width: 100%;
  overflow-x: auto;
}

.adaptive-table {
  width: 100%;
  border-collapse: collapse;
  font-family: Arial, sans-serif;
  font-size: 14px;
  min-width: 800px;
}

.adaptive-table thead {
  background-color: #f2f2f2;
}

.adaptive-table th, .adaptive-table td {
  border: 1px solid #ccc;
  padding: 8px 10px;
  text-align: center;
}

.adaptive-table td:first-child {
  font-weight: bold;
}
body.company .white_center p{
	font-size: 16px;
	line-height: 1.4;
}






















.modal-offer, .thank-modal{
	position:fixed;
	inset:0;
	display:flex!important;
	align-items:center;
	justify-content:center;
	background:rgba(0,0,0,.65);
	opacity:0;
	pointer-events:none;
	transition:opacity .3s;z-index:1000
}
.modal-offer h2{
	display: block;
	font-size: 16px;
	color: #4D4D4D;
	padding: 0 0 2% 0;
	margin: -1% 0 3% 0;
	max-width: 100%;
	border-bottom: 2px solid #666666;
}

.modal-offer.open, .thank-modal.open{
	opacity:1;
	pointer-events:auto
}
.modal-content, .thank-box{
	background:#fff;
	max-width:480px;
	width:90%;
	padding:24px 28px;
	border-radius:8px;
	position:relative;
	font-family:Roboto,Arial,sans-serif;
	animation:pop .3s ease-out
}
@keyframes pop{
	from{transform:scale(.8);
		opacity:.3}to{transform:scale(1);
			opacity:1}
}
.modal-close, .thank-close{
	position:absolute;
	right:12px;
	top:12px;
	font-size:24px;
	border:none;
	background:transparent;
	cursor:pointer;
	line-height:1
}
.modal-content label{
	display:block;
	margin-top:12px;
	font-weight:700
}
.modal-content input,.modal-content textarea{
	width:100%;
	padding:10px;
	border:1px solid #ccc;
	border-radius:4px;
	font-size:1rem
}
.modal-content button[type=submit]{
	background:#0a6abf;
	color:#fff;
	border:none;
	cursor:pointer;
	margin-top:18px;
	width:100%;
	padding:12px;
	border-radius:4px;
	font-size:1rem;
	font-weight:700
}
.modal-content button[type=submit]:hover{
	opacity:.9
}
.modal-content .g-recaptcha{
	margin:14px 0
}
.required:after{
	content:" *";
	color:#d00
}
.thank-box{
	text-align:center;
	padding:32px 28px
}
.thank-box img{
	width:160px;
	height:160px;
	object-fit:contain;
	margin-bottom:20px
}
.thank-box span{
	display: block;
	margin:0 0 12px;
	font-size:1.4rem;
	color:#0a6abf
}














#cat_line {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  padding: 0 0 1% 0;
  margin: 0 0 1% 5%;
  width: 100%;
  font-size: 15px;
  font-family: 'Roboto', sans-serif;
  color: #004B5B;
  position: relative;
}

/* Нижняя линия со строгим свечением */ 
#cat_line::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 60%;
  height: 1px;
  background: #004B5B;
  box-shadow: 0 0 2px #004B5B;
}

#cat_line a,
#cat_line b,
#cat_line strong,
#cat_line h2 {
  font-size: 14px;
  white-space: nowrap;
  line-height: 1.5;
}

#cat_line a {
  text-decoration: none;
  color: #006080;
  transition: color 0.3s ease;
}

#cat_line a:hover {
  color: #FF6B00;
  text-decoration: underline;
}

#cat_line h2 {
  font-weight: 400;
  font-size: 14px;
  color: #004B5B;
  margin-left: 5px;
}






.main_description{
	width: 90%;
	background-color: #FFF;
	margin: 1% 0 2% 5%;
	padding: 1% 1% 0 2%;
	-webkit-box-shadow: 0px 0px 4px 1px rgba(139,  126,  126, 0.19);
-moz-box-shadow: 0px 0px 4px 1px rgba(139,  126,  126, 0.19);
box-shadow: 0px 0px 4px 1px rgba(139,  126,  126, 0.19);
}
.main_description li{
  width: 19%;
  margin: 1% 1% 2% 0; /* сверху, справа, снизу, слева */
  }
.main_description li > span, .main_description li > p, .main_description li > a{
	display: block;
	text-align: center;
}
.main_description li:nth-child(5n) {
  margin-right: 0;
}
.main_description img{
	display: block;
	max-width: 80%;
	text-align: center;
	margin: 0 0 2% 10%;
}

.main_description div{
	
	
	display: block;
	}


body.equipment .main_description li div, body.cheese_main .main_description li div{
	height: 40vh;
	}
body.equipment .main_description li{
	margin-right: 2%;
	width: 28%;
	}
body.equipment .main_description li:first-child{
	margin-left: 5%;
}
body.equipment .main_description span, body.cheese_main .main_description span{
	color: #001960;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 14px;
	letter-spacing: 1.8px;
	margin-top: 8%;
	display: block;
}
body.equipment article > h2{
	color: #001960;
	font-size: 18px;
	margin-top: 2%;
}
body.equipment p > b{
	color: #001960;
	font-size: 18px;
}
body.equipment article > h3{
	font-weight: 400;
	color:#264653;
	font-size: 16px;
}
body.equipment article{
	font-weight: 400;
	color:#264653;
	font-size: 16px;
	line-height: 1.5;
	padding: 1% 0 2% 0;
	border-top: 2px solid #264653;
	max-width: 97%;
}
body.equipment article > p{
	font-weight: 400;
	color:#264653;
	font-size: 16px;
	line-height: 1.5;
}
body.cheese_main .main_description h2{
	display: block;
	color: #1E1E1E;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 20px;
    letter-spacing: 1.8px;
	height: 8vh;
}
body.cheese_main .main_description article{
	font-size: 15px;
	letter-spacing: 0.5px;
	color: #1E1E1E;
	line-height: 1.5;
	padding: 0 1%;
}
body.cheese_main .main_description i{
	margin-right: 1%;
}
body.cheese_main .main_description li{
	width: 17%;
}
body.cheese_main .main_description a:nth-child(even), body.equipment .main_description a:nth-child(even){
	max-width: 100%;
	display: block;
	font-size: 20px;
	margin: 0 0 0 0;
	color: #1E1E1E;
	font-weight: 400;
	text-decoration: none;
	letter-spacing: 1.8px;
	line-height: 1.5;
	height: 17vh;
	background: #EFF1F3;
	padding: 3% 10%;
	}
body.cheese_main .main_description li:nth-child(5n){
	margin-right: 1%;
}

body.cheese_main .main_description li:first-of-type{
	margin-left: 5%;
}
body.cheese_main .main_description li div{
display: flex;
  justify-content: center;   /* по горизонтали */
  align-items: center;       /* по вертикали */
  height: 400px;
}
body.order .main_description li:first-of-type{
	width: 50%;
	text-align: left!important;
	font-size: 16px;
	color: #3A3A3A;
}
body.order .main_description li:nth-of-type(2){
	width: 48%;
	margin-top: 0;
	padding: 0 0 0 3%;
	font-size: 16px;
	color: #3A3A3A;
	line-height: 1.5;
	}
body.order .main_description li:nth-of-type(2) img{
	width: 90%;
	margin-left: 10%;
}
body.order .main_description a{
	display: block;
	width: 60%;
	margin: 0 0 2% 20%;
	padding: 15px 15px;
	background: #BF6B00!important;
	text-decoration: none;
	color: #fff;
}
body.order .main_description img{
	width: 50%;
	margin: 0 3% 2% 0;
}
body.order .main_description img#payment:first-of-type{
	width: 100%;
	margin: 2% 0 2% 0;
}
body.order .wrap, body.order .wrap p{
	max-width: 100%;
	text-align: left;
}

body.order h2{
	margin: 2% 0 1% 0;
	font-size: 16px;
	font-weight: 600;
	color: #001960;
}
body.order p{
	text-align: left;
}
body.hygiene .main_description li > p{
	display: block;
	height: 15px;
}




















/* МОБИЛЬНЫЕ СТИЛИ НАЧАЛО */

.mobile-dropdown, #main_baner_hide {
  display: none;
}
@media (max-width: 500px) {
  .links_top a {
    flex: 1 1 100%; /* в 1 колонку на очень узких экранах */
  }
	.links_top span{
		display: none;
	}
}





/* 0) ноутбуки */
@media (max-width: 1200px) {
	
	.navi_main img{
	max-width: 50%;
	}
    .navi_main a span{
	font-size: 12px;  
	}
	.navi {
	padding: 2.5% 2%;
	}
	.navi a{
	padding: 1.4% 2% 1.1% 0;	
	font-size: 12px;
	}
	.items_card h4{
	max-width: 100%;
	font-size: 15px;
    }
	.crosh a {
   padding: 7px 10px;
   font-size: 12px;
  font-weight: 400;
 }
	.items_card li:nth-of-type(3){
		margin-top: -120%;
			}
	
	
	.main_banner{
		padding: 1% 3% 4% 12%;
	}
	.main_banner h1{
		font-size: 25px;
	}
	.main_banner span{
		font-size: 14px;
	}
	.main_banner span:first-of-type{
		font-size: 16px;
	}
	.links_top {
    padding: 5px 40px 0 40px; 
    }
	.links_top a{
	 padding: 8px 2px;	
	 font-size: 12px;
	}
	.qr-caption{
	top: 70%;       /* подбери вручную под нужный спан */
	right: 1%;
	}
	.center span{
	height: 70px;
	}
	.center li div{
	height: 160px;
	}
	.main_cat{
	padding: 2% 4% 0 4%;
	}
	.main_cat li{
		width: 25%;
	}
	.main_cat li a{
		font-size: 17px;
	}
	.video_row_4 {
    grid-template-columns: repeat(2, 1fr);
	margin: 2% 0 0 0;
  }
#video1{
	width: 100%;
	margin: 0 0 2% -10%;
	font-size: 15px;
}
.video_row_4 iframe {
  border-radius: 5px;
  height: auto;
  margin: 0 0 0 0;
	}
.items_card li:nth-child(5) div span{
	height: 6vh;
	margin: 0 0 0 0;
}
ul.items_card > li:nth-child(5) div{
	padding:1% 1%;
    margin:0 2% 2% 0;     /* последний отступ убирайте по нужде */
    font-size: 12px;
}	
.wrap   { 
	max-width: 100%;
	}
.whole_russia img{
		max-width: 100%!important;
		
	}	
.footer li{	
	font-size: 11px;
		}	
.footer li a{
	font-size: 12px;
	}	
	#round{
		margin-bottom: 5%;
			}
	#hide1{
		display: none;
	}
	body.order .main_description li:first-of-type{
	font-size: 15px;
	}
	#scrollTopBtn {
  right: 70px;
  }
	
	#error2{
		margin: 0 0 0 0;
	}
	body.cheese_main .main_description li{
	width: 29%;
}
	
	
 }






/* 1) планшеты и малые десктопы */
@media (max-width: 1024px) {
 }








/* 2) смартфоны и очень узкие экраны */
@media (max-width: 768px) {
	
	.mobile-dropdown__list li a > i{
		margin: 0 6px 4px 0;
		display: inline-block;
		line-height: 1.5;
	}
	
	
	body.project .white_center > img{
		max-width: 98%;
		float: none;
	}
body.cheese_main .main_description li{
	width: 90%;
}	
body.equipment .main_description a:nth-child(even), body.cheese_main .main_description a:nth-child(even){
     height: 18vh;
	}
body.cheese_main .rice_banner p{
	font-size: 14px!important;
	line-height: 1.2!important;
}
	
	
	
	#scrollTopBtn {
  bottom: 10px;
  right: 10px;  
}
	
	
iframe{
	  width:285px;
	  height:168px;
	}

	#video1{
		margin: 0 0 2% 0;
	}	
.video_row_4 {
    grid-template-columns: 1fr;
  }
/* для страницы order_process.php */	
	body.order .main_description li:first-of-type{
	width: 95%;
	font-size: 15px;
	}
body.order .main_description li:nth-of-type(2){
	width: 95%;
	font-size: 15px;
		}
body.order .main_description img{
	width: auto;
	float:none;
	margin: 0 0 5% 0;
}	
	
/* для страницы index.php */
	.top_header{
		height: 1vh;
		background-color: #417AB4;
		margin-bottom: 2%;
	}
	.navi_main li:nth-child(2), .top_header span, .footer li:nth-child(2), .footer li:nth-child(3), .links_top span, .main_cat em{
		display: none;
	}
	.navi_main li:first-child{
	width: 50%;
		}
	.navi_main li:nth-child(3){
	width: 50%;
	}
	.links_top a{
	 max-width: 90%;
		padding: 10px 15px;
		border-radius: 5px;
	}
	.links_top a:nth-child(2){
		max-width: 90%;
	}
	.navi_main {
    background-color: #fff !important;
     }
	.main_banner{
		height: auto;
		margin-bottom: 3%;
		padding: 1% 3% 4% 3%;
		
		}
	.main_banner p{
		font-size: 20px;
		line-height: 1.5;
		margin-bottom: 5%;
	}
	.main_banner span:first-of-type{
		font-size: 14px;
		line-height: 1.5;
		margin-bottom: 6%;
		border-top:1px solid #fff;
		border-bottom:1px solid #fff;
		padding: 5% 0 ;
		text-transform: uppercase;
	}
	.main_banner span{
		font-size: 14px;
		line-height: 1.5;
	}
	.main_banner a:first-of-type{
		margin-top: 10%;
	}
	
	.qr-caption {
	display: none;
	
  }
	
	
	.main_cat span{
	font-size: 11px;
	letter-spacing: 1.2px;
	margin-top: 28%;
}
	.whole_russia img{
		max-width: 100%!important;
		margin: -8% 0 0 0;
	}
	.case-card {
		max-width: 100%;
	}
	.case-studies {
		width: 90%;
		margin: 0 5%;
		padding: 0;
	}
	.main_cat{
		padding: 0 3% 0 5%;
	}
	.main_cat li{
	float: left;
	height: auto;
	margin: 0 2% 2% 0;
	width: 48%;
	
	}
	.main_cat li:nth-child(3n) {
    margin-right: 2%;
}
	.main_cat img{
		display: block;
		width: 90%;
		margin: 1% 0 8% 5%!important;
	}
	.main_cat div{
		font-size: 13px;
		line-height: 1.3;
		font-family: 'Roboto', sans-serif;
	}
	
	
	.center li{
		box-sizing: border-box;
		width: 95%;
		float: none;
		padding: 1% 5% 5% 5%;
		margin-bottom:2%;
		height: auto;
	}
	.center p{
		height: 30px;
	}
	.center span{
		height: 50px;
	}
	.center div{
		height: 14vh!important;
	}
	.middle{	
	margin: 2% 0 0 0;
	padding: 2% 0 3% 5%;
		
}
	#about{
	float: none;
	width: 90%;
	font-size: 13px;
	}
	#contacts{
	float: none;
	width: 90%;
	}
	#form{
	width: 90%;
	margin: 1% 0 0 0;
	}
	.footer li:first-child{
		width: 100%;
	}
	
	.main_cat_line {
		display: block;
		max-width: 80%;
		margin: 2% 10%;
		font-size: 40px!important;
		font-weight: 600!important;
	}
	.seo{
	padding: 2%;
	max-width: 100%;
	margin-bottom: 3%;
	line-height: 1.2!important;
}
	
/* для страницы access_control_desinfection.php */	
	
	.rice_banner p{
	font-size: 16px!important;
	text-align: right;
	}
	.rice_banner h1{
		font-size: 17px;
		font-weight: 500;
		margin: 2% 0 0 0;
	    padding: 0;
	}
	.rice_banner span{
	text-align: left;
	font-size: 12px; 
	
	}
	
	
	.rice_banner div{
		border-radius: 5px;
		max-width: 80%;
		margin-bottom: 3%;
	}
	.main_description{
	width: 98%;
	margin: 1% 1% 2% 1%;
	padding: 3% 1% 0 4%;
	}
	.main_description li{
	width: 90%;
	margin: 0 5% 3% 3%;
	padding: 1%;
	border-radius: 10px;
		}
	
	#foot{
		font-size: 10px;
	}
	.footer{
		height: auto;
		padding: 3% 0;
	}
	.footer img{
		max-width: 20%!important;
	
/* код для страницы access_control_card.php */	
		
	font-family: "M PLUS 1p", sans-serif;
}
.rice_banner p{
	font-size: 20px;
	font-family: "M PLUS 1p", sans-serif;
	text-align: right;
	padding: 4% 0;
	
	}
	
	
	
	#cat_line a:last-child, #cat_line b, #cat_line h2{
		display: none;
	}
	#cat_line {
    display: flex;
    flex-direction: row;      /* выравнивание в строку */
    flex-wrap: wrap;          /* разрешаем перенос при необходимости */
    align-items: center;      /* вертикальное выравнивание */
    gap: 4px;
    margin: 3% 5%;
	box-sizing: border-box;
	max-width: 90%;
	padding-bottom: 3%;
  }

  #cat_line::after {
    width: 100%;
    left: 0;
  }

  #cat_line a,
  #cat_line b,
  #cat_line strong,
  #cat_line h2 {
    font-size: 13px;
    white-space: normal; /* разрешаем перенос строк */
  word-break: break-word; /* переносим слова при необходимости */
  }

  #cat_line h2 {
    margin-left: 0;
    font-size: 13px;
  }
	body.access_control_card #cat_line a:first-child, body.access_control_card #cat_line b:nth-child(2), .crosh{
		display: none;
	}
	.gallery-thumbs img {
		width:70px;
		height:70px;
	}
	body.vape_card .gallery-thumbs img{
		width:60px;
		height:60px;
	}
	
	
	
	
 .items_card {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .items_card li {
    width: 100% !important;
    float: none !important;
    margin-bottom: 1rem !important;
    box-sizing: border-box;
  }
  .items_card li:nth-of-type(3){
		margin-top: 2%;
			}
	
	
	
  /* 2) Карточка описания */
  .card_description {
    padding: 0 !important;
	margin: 2% 0 0 0;
  }

  /* 3) Заголовок растягиваем с 1% боковых отступов */
  .card_description h4 {
    display: block !important;
    box-sizing: border-box;
    width: calc(100% - 2%) !important;
    margin: 0 1% 1rem 2% !important;
    padding: 3% !important;
    max-width: none !important;
	  font-size: 14px;
  }
	.card_description p{
		padding: 0 0 0 2%;
	}	
	.card_description a{
		margin: 0 0 8% 6%;
	}
	
	body.fruitline_card div.card_description > h3, body.air_cabines div.card_description > h3 {
  font-size: 14px !important;
}
	
	
  /* 4) Вложенные блоки (модель и функции) */
  .card_description h3 section,
  .card_description h3 span {
    display: block !important;
    width: 100% !important;
    margin: 0.25rem 0 0 0 !important;
    padding: 2% !important;
    box-sizing: border-box;
	  font-size: 12px!important;
  }

  /* 5) Кнопка */
  .btn-offer {
    display: block;
    width: 90%;
    margin: 20px auto;
    font-size: 16px;
    padding: 16px 15px;
	  text-align: center;
	   touch-action: manipulation;
  }

	.white_center {
    margin: 0 0 0 5% !important;
    padding: 2% 0 0 6% !important;
    width: 100vw !important;    /* точно во всю ширину вьюпорта */
    box-sizing: border-box;
  }
	body.vape_card .white_center{
	padding: 1% 0 0 2%!important;
	}
	.items_card_first{
	max-width: 100%;
	margin-top: 0;	
	margin-left: 2%;
		padding: 2% 2% 1% 3%;
		}
	.items_card_first p{
		padding: 0;
		margin: 0;
	}
	
	.white_center .features {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 1% !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box;
  }
  /* Если там есть span, делаем его блочным */
  .white_center .features span {
    display: block !important;
    width: 100% !important;
	  font-size: 12px;
  }
	.white_center .items_card li:nth-child(5) {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 1% !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box;
  }
	
	ul.items_card > li:nth-child(5) div{
		margin:0 1% 1% 0;
		padding: 1% 2%;
		width: 24%!important;
		font-size: 12px;
		box-sizing: border-box;
					}
	ul.items_card > li:nth-child(5) span{
		box-sizing: border-box;
	    margin: 0;
		padding: 0;
		word-wrap: break-word;
		-webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  /* на всякий случай, чтобы очень длинные слова тоже переносились */
  overflow-wrap: anywhere;
  word-wrap: break-word;
	}
	
	.white_center .wrap {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 1% !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box;
  }
	
	
	
	
	
	
	
	
/* для страницы foam_stations.php */	
.double_card li{
	width: 100%;
	float: none;
	padding: 0 3% 0 0;
	}	
.double_card li:last-child{
	border: 0;
	padding: 2%;
	
	margin-top: 30px;
}	
	.double_card a.btn-offer{
		margin: 0;
		width: 98%;
		font-size: 14px;
			}		
	
/* для страницы shoes_drying.php */	
 .adaptive-table {
    font-size: 13px;
  }	
	

/* для страницы throley_equipment.php */		
body.throley .gallery-thumbs img, body.box_washing .gallery-thumbs img       {width:60px;height:60px;}	
	
	
	
	
/* для страницы equipment_washing.php */		
	body.equipment .main_description li, body.equipment .main_description li:first-child{
		float: none;
		width: 90%;
		margin: 2% 0 10% 3.5%;
		border: 0!important;
	}	
	body.equipment .main_description li div{
		height: 35vh;
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
/* код для мобильного меню */	
  .mobile-dropdown {
    display: block;
    background: #417AB4;
    padding: 0;
  }
  .mobile-dropdown__toggle {
    width: 100%;
    background: #fff;
	margin: 2% 0;  
	box-sizing: border-box;
    border: none;
    color: #fff;
    font-size: 1.1em; 
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
  }
  .mobile-dropdown__icon span {
    display: block;
    width: 30px; height: 4px;
    background: #417AB4;
    margin: 4px 0;
  }
  .mobile-dropdown__list {
    list-style: none;
    margin: 0.5em 0 0;
    padding: 0;
    display: none;
    background: #fff;
    border-radius: 4px;
    overflow: hidden;
  }
  .mobile-dropdown__list.open {
    display: block;
  }
  .mobile-dropdown__list li + li {
    border-top: 1px solid #ddd;
  }
  .mobile-dropdown__list a {
    display: block;
    padding: 0.75em 1em;
    color: #333;
    text-decoration: none;
    font-size: 0.95em;
  }
  .mobile-dropdown__list a:hover {
    background: #f0f0f0;
  }
	.mobile-dropdown a{
		text-decoration: none;
		font-size: 14px;
		margin: 1% 0 0 0;
		color: #005F66;
			}	
	
	.mobile-dropdown a:first-of-type{
		margin-left: 3%;
	}
	
}
/* 3) совсем узкие экраны (телефоны < 480px) */
@media (max-width: 480px) {
	.qr-caption {
	position: absolute;
	top: 75%;       /* подбери вручную под нужный спан */
	right: -16%;  
	 }


@media (max-width: 2560px) and (min-width: 800px){
	#drop_menu{
		display: none;
	}
	
}

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