/* ===========================
   Media.css — адаптивные стили
   =========================== */

/* Маленькие смартфоны (до 575px) */
@media (max-width:575px){
  /* стили под очень маленькие телефоны */
}

/* Смартфоны (до 767px) */
@media (max-width:767px){
  /* стили под обычные смартфоны */
}


@media (min-width:992px){
	
.nav-panel{ position: static; background: transparent; }
.nav-scroll{ height:auto; overflow:visible; }
.header_nav{ overflow: visible; }
.subnav{ overflow: visible; max-height:none; }
	
.header_nav{
    display:flex;
    align-items:center;
    gap:16px;                 /* подстрой под макет */
  }
  .header_nav .nav_link,
  .header_nav details.nav_misc > summary{
    display:flex;
    align-items:center;
    gap:.25em;
    margin:0;
    padding:0;
    line-height:1;
    text-decoration:none;
  }
  .header_nav details.nav_misc{
    display:flex;
    align-items:center;
    position:relative;
  }
  .header_nav details.nav_misc > summary{ list-style:none; cursor:pointer; }
  .header_nav details.nav_misc > summary::-webkit-details-marker{ display:none; }
  .header_nav .fa{ line-height:1; vertical-align:middle; }
	
	
  .nav_misc .subnav{
    position:absolute; left:0; top:100%;
    display:block;
    visibility:hidden; opacity:0; transform:translateY(6px);
    transition:opacity .2s ease, transform .2s ease, visibility 0s .2s;
    pointer-events:none; z-index:1000;

  }
  .nav_misc:hover .subnav,
  .nav_misc:focus-within .subnav{
    visibility:visible; opacity:1; transform:none; transition-delay:0s; pointer-events:auto;
  }
}



/* Планшеты + смартфоны (до 991px) — главный брейкпоинт */
@media (max-width:991px){




.fancybox-container{ overflow:hidden !important; }
  .fancybox-slide{ padding:5px !important; }
  .fancybox-slide--iframe .fancybox-content{
    width:100vw !important; max-width:100vw !important;
    height:100svh !important; max-height:100svh !important;
    margin:0 !important; border:0 !important; box-shadow:none !important;
    overflow:hidden !important;
  }
  .fancybox-slide--iframe .fancybox-content iframe{
    display:block; width:100% !important; height:100% !important; border:0 !important;
    overflow-x:hidden !important;
  }
  
  .fancybox-button--close {
    top: 70px !important;    /* стандартно 10px — опускаем ниже */
    right: 10px !important;
  }
  #toolbarContainer{ padding-right:56px !important; }  /* место под крестик */
	
 .fancybox-toolbar{
    top: auto !important;
    bottom: 100px !important;      /* ставим внизу */
    left: 25px !important;
    right: auto !important;
    pointer-events:none;
  }
  .fancybox-toolbar .fancybox-button{
    pointer-events:auto;
  }
  .fancybox-button--close{
    width:40px !important;
    height:40px !important;
    border-radius:50%;
    background:rgba(0,0,0,0.6);
    color:#fff;
  }
 
 
 html.fix-ios-markers details > summary::-webkit-details-marker { display:none!important; }
	body {
		padding-top: 140px;
	
}

.block_out

{
    display: none;
	margin-top:50px;

}
	
	.header.header-fixed {

      transition: none !important;
	


}


	.grid_15.d20 {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    justify-content: flex-start;
    align-items: stretch;
  }

  /* первые два элемента — поровну по ширине */
  .grid_15.d20 > :nth-child(-n+2) {
    flex: 0 0 calc(50% - 2px);   /* 50% минус половина gap */
    max-width: calc(50% - 2px);
    box-sizing: border-box;
  }

   .grid_15.d20 > :nth-child(3) {
    flex: 0 0 100%;
    max-width: 100%;
  }
/* 4–6: в одной строке, тянутся неравномерно по содержимому и заполняют всю ширину */
  .grid_15.d20 > :nth-child(n+4):nth-child(-n+6) {
    flex: 1 1 auto;   /* база = auto (по контенту), растут чтобы занять строку */
    min-width: 0;     /* разрешаем ужиматься, чтобы не было переноса */
    box-sizing: border-box;
  }
  
  
  
  .grid_15.d22 {
  display: flex;
  flex-wrap: wrap;             /* разрешаем перенос строк */
  gap: 4px;                    /* промежуток между элементами */
  justify-content: space-between; /* равномерное распределение по всей ширине */
  align-items: stretch;        /* выравниваем по высоте */
  box-sizing: border-box;
}

.grid_15.d22 > * {
   flex: 1 1 auto;   /* база = auto (по контенту), растут чтобы занять строку */
    min-width: 0;     /* разрешаем ужиматься, чтобы не было переноса */
    box-sizing: border-box;
}

.grid_15.d22::after {
  content: "";
  
  flex: auto;
}


 .grid_15.d23 {
  display: flex;
  flex-wrap: wrap;             /* разрешаем перенос строк */
  gap: 4px;                    /* промежуток между элементами */
  justify-content: space-between; /* равномерное распределение по всей ширине */
  align-items: stretch;        /* выравниваем по высоте */
  box-sizing: border-box;
}

.grid_15.d23 > * {
   flex: 1 1 auto;   /* база = auto (по контенту), растут чтобы занять строку */
    min-width: 0;     /* разрешаем ужиматься, чтобы не было переноса */
    box-sizing: border-box;
}

.grid_15.d23 > *:not(:last-child) {
  flex-grow: 1; /* всё, кроме последних элементов строки, могут расти */
}

   .iosnone {
		display:none !important;
	}
	
	 .nur_ios {
		display:block !important;
		
	}
	
	.my_icon {
	}
	
	.icon_img {

   float: right;
    width: 100%;
   object-fit: contain;
 
   margin-top: -70px !important;
   margin-bottom: -30px !important;
}

.my_icon p {
	margin-bottom:1em;
}

.my_icon ul {
	margin-bottom:1em;
	margin-top:1em;
}


	
.header-inner {
border-bottom:1px solid var(--maincolor) !important;
   height:115px;
   background-color:white; 
   margin-bottom:30px;
}

  .grid_3form {
	 display:block;
  }
  
  .grid_3form  div {
  padding:5px !important;
} 

	.span333 {
   display:block;
}

.mmmform {
   
	width:100%;

	padding:0px;
	background-color:white;

}

.captcha-wrapper {
	
margin-top:0px !important;
margin-left:-20px !important;

}


.order {
	margin-top:0px;
}

	#aid_tel {
		position:absolute ;
		top:6px;
		left:12px;
		z-index:3100;
		font-size:1.5em;
		font-weight:700;
	}
	
		#aid_burger {
		position:absolute;
		top:0px;
		right:0px;
     }
	 	#aid_basket {
		position:absolute;
		top:60px;
		right:6px;
     }
	
	
	#aid_logo {
		position:absolute;
		width:110px;
		bottom:0px;
		left:-10px;
		z-index:3000;
		border:0px solid grey;
	}
	
	
		#aid_min {
		position:absolute;
		bottom:35px;
		left:110px;
		width:200px;
		height:10px;
		z-index:3000;
		border:0px solid grey;
		line-height:0.95;
		font-size:0.84em;
		font-weight:600;
		color:var(--maincolor);
		font-stretch: 80% !important; 
		letter-spacing: -0.47px;
	
	}
	#teldwn 
	{
		
		letter-spacing: -0.47px;
		margin-left:-10px;
	
	}
	
	.header.header-fixed>.header-inner>.logo_link>img {
   max-width: 100%;

}

	 

	
	   .menu-burger__header {
	  display: block;
      width: 44px;
      height: 44px;
   }
   
   
   .start {
	   
	   margin-top: -50px;
   }
   

   
   .start .spanfanera {
	   
	   background: none;
	   border:none;
	   margin-bottom:15px;
	  
	   
   }
   
     .start .spanfanera h1{
	   line-height:1.2;
	   margin-top:10px;
       color:var(--maincolor);
	   font-size:1.2em;
	   
   }
   
.start .spanfanera span{
       color:var(--maincolor);
	   margin-top:10px;
	   font-size:1.15em;
	   font-weight:500;
   }
   
   
   .uup{
	padding: 10px 25px !important;
	position:relative;
    background: none;
	margin-top:90px;
	margin-bottom:30px;
		z-index:0;
	
	  
	
}

.uup h1{
	text-align:center;
	   line-height:1.2;
margin-bottom:5px;
       color:var(--maincolor);
	   font-size:1.2em;
	  text-transform: uppercase;
	     font-weight:600;
	   
   }
   
   .uup span{
       color:var(--maincolor);

	   font-size:1.15em;
	   font-weight:500;
	     margin-bottom:30px;
   }
   
   
	.del-cross44{
		display:none !important;
	}
   
   
   
   

   
   .header_nav{

   margin-left:0px;
}
   
   .dop_price {
	   margin-top:50px;
   }
   

	   



	   

  
   .fancybox-slide--iframe .fancybox-content{width:100%!important;height:100%!important;max-width:none;max-height:none;margin:0}
.fancybox-iframe{width:100%;height:100%}
   
  .header_nav a {
	  
	  text-decoration: none;
	  
  }
  

  .header_nav{
    position:fixed;
    top:120px;
	bottom:0;
    left:-120%;          /* прячем */
    width:100%;
    background:#fff;
    z-index:1000;
    padding-top:60px;
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
    transition:left .28s ease;
  }
  .header_nav.open-menu{ left:0; }

  .nav_link,
  .nav_item > summary{
    display:block;
    padding:1px 5px 5px 30px;
    font-size:1.6em;
  }

  .subnav{
    max-height:60dvh;
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
    padding-left:10px;
    border-left:2px solid #eee;
  }
  
   .subnav a {
    font-size: 1.2em !important;   /* увеличенный шрифт */
    padding-left:30px;
  }
  

  html.fixed-page{ overflow:hidden; }
  
   .header {
      position: relative;
   }

  

  
 .menu-burger__header span,
   .menu-burger__header:after,
   .menu-burger__header:before {
      height: 5px;
      width: 100%;
      position: absolute;
      background: var(--maincolor);
      margin: 0 auto;
   }

   .menu-burger__header span {
      top: 21px;
   }

   .menu-burger__header:after,
   .menu-burger__header:before {
      content: '';
   }

   .menu-burger__header:after {
      bottom: 5px;
   }

   .menu-burger__header:before {
      top: 7px;
   }

   .menu-burger__header.open-menu span {
      opacity: 0;
      transition: 0.5s;
   }

   .menu-burger__header.open-menu:before {
      transform: rotate(41deg);
      top: 16px;
      transition: 0.4s;
   }

   .menu-burger__header.open-menu:after {
      transform: rotate(-41deg);
      bottom: 23px;
      transition: 0.4s;
   }
  .header_nav.open-menu {
      left: 0;
      z-index: 99;
   }
   
   .nav_link {
   
 
      margin-bottom: 5px;
   }

   .nav_link:not(:last-child) {
      margin-right: 0;
   }

   .fixed-page {
      overflow: hidden;
	  
   }
  
 
   
   
   
   
   
   
   
   
   
   	.dop_info h2 {
		font-size:1.2em !important;
		
	}
	
.cardimg {
width: 100%;
}
	
.grid_2cardpss {
grid-template-columns:  0px  1fr;
gap: 1px;
} 

.circle {
  width: 50px;
  height: 50px;
}
.spanimg2  {
  width: 55px;
}




.grid_3tov { grid-template-columns: 0px 0.6fr 1.4fr; }
.grid_3tov > * { min-width: 0; }
.span3 { grid-column: 1 / -1; }

.grid_3 {
	display:block;
}

.w34_dop {
	width:100%;

}


.mainh1{

	 font-size:1.2em;
	 margin-bottom:1.4em;

}

.ppmenu {
    margin-left:20px;
   

   
}


	.iospoisk {
		margin-bottom: 50px !important;
		
	}
  /* здесь будет бургер и мобильное меню */
  		.grid_3f {
display: block;
     
	 
  } 
  
  		.grid_3f div{
			
			margin-top:20px;
			padding-left:10px;

     
	 
  } 
  
.grid_gor_form_in {
	display: block;

}

   .grid_assort  {
  
   display: block;

   
}
   .grid_assort.start1, .grid_gor_form_in.start1  {
  
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   justify-content: space-between;
   gap: 8px;
   margin-bottom:10px !important;

}

.grid_gor_form_in.start1  {
  
  
   margin-bottom:-100px !important;
}

.grid_assort.start1 .w34, .grid_gor_form_in.start1 .w34
  {
  
 border:none;
 min-height:140px !important;
 margin-bottom:20px;
 background-color: #fffafa;
 border:1px solid #f4c4cb !important;
 border-radius:7px;
   
}

.grid_assort.start1 .w34 a, .grid_gor_form_in.start1 .w34 a,
.grid_assort.start1 .w34 .h3, .grid_gor_form_in.start1 .w34 .h3 {

height: 80px;


 padding:10px 5px 5px 5px ;
 font-size:0.89em;
 height: 40px;
 opacity:1;
 background:none;
 line-height: 1.1;
 

}

.grid_gor_form_in.start1 > :last-child {
    grid-column: 1 / -1;  /* занять обе колонки */
    justify-self: center; /* выровнять сам блок по центру */
	width: 60% !important;

  }
  

#fk1::before {
  background: url("../img/fk11.svg") center bottom / auto 85px no-repeat;
}

#fsf2::before {
  background: url("../img/fsf2.svg") center bottom / auto 85px no-repeat;
}

#fsf3::before {
  background: url("../img/fsf21.svg") center bottom / auto 85px no-repeat;
}

#lam1::before {
  background: url("../img/fsf3.svg") center bottom / auto 85px no-repeat;
}
#hv1::before {
  background: url("../img/hv1.svg") center bottom / auto 85px no-repeat;
}

#osb1::before {
  background: url("../img/osb1.svg") center bottom / auto 85px no-repeat;
}

#mdf1::before {
  background: url("../img/mdf1.svg") center bottom / auto 85px no-repeat;
}

#dsp1::before {
  background: url("../img/dsp11.svg") center bottom / auto 85px no-repeat;
}

#dvp11::before {
  background: url("../img/dvp11.svg") center bottom / auto 85px no-repeat;
}

.ppp {
	 background-color: #fffafa;
 border:1px solid #f4c4cb !important;
 border-radius:7px;
	 background: url("../img/loupe.svg") 28px center  / auto 50px no-repeat;
}

.vor_svg img {
	width: 90% !important;
}

.ppoisk {
	display: inline-block;
	padding-left:90px;

    font-size: 0.98em ;
	text-align:left;
	line-height:0.99;
}
/*
.spanfanera  {
	 background-color: #fffafa;
	border:none;
}

.spanfanera h1 {

	 color:  var(--maincolor);
}
*/

.name_card{
	
	font-size:1.4em!important; 
	line-height:0.9;
	min-height:40px !important; 
	font-weight:500 !important; 

}

.rasmer1,.sort1,.price1 ,.price2 {
	font-size:1.2em;
	
}

.rasmer1  {
margin-bottom:-10px !important;
}

.price1,.price2 {
	padding:0px!important;
	height:5px!important;
	margin-bottom:-7px !important;
	
}

.podrob {
	margin-top: 20px;
}
	


 .grid_gor_form_in2 {
  
  
    grid-template-columns: repeat(1, 1fr);
  
}

.w33 {
	margin-bottom:30px;
	
}





	
	.grid_6_bask2 {

     display: grid;
     grid-template-columns: 100px  auto ;
     justify-content: space-between;
     gap: 5px;
	   
  
} 
	.grid_6_bask2 img {
	
		margin:0 auto !important;
	}
	
	.f_img {
		width:100%;
		padding:0px !important;
	}
	
.f_name {
		width:100%;
		padding:0px !important;
	}
	.f_span2 {
	  grid-column: span 2;
	  text-align:center;
	  font-size:1.5em;
	}
	
	.grid_3plus {
		margin:0 auto !important;
		margin-left:50px !important;
	}
	
	.grid_flex {
	width:90%;

  display: block;
	}
	
.grid_2card {
	display:block;
    
} 
  
  
  .grid_2 {
    grid-template-columns: repeat(1, 1fr) !important;
} 
.span2 {
    grid-column: span 1; /* на мобильном занимает только одну колонку */
  }
  
  .tblock p {

	 
  max-width: 95%; /* чтобы текст не прилипал к краям */
  }
  
  .spanfanera {
	
 height:80px;

}

.tblock a { 

margin-bottom:15px;
}


}






/* Небольшие ноутбуки (до 1199px) — опционально */
@media (max-width:1199px){
	   html,
   body {
        font-size: 18px;
   }

   section {
     
      width: 100%;
   }

   header {
 
      width: 100%;
   }

   .container {
      width: 90% !important
   }
   
	 
   
   
  /* стили под ноутбуки и маленькие десктопы */
}

/* Большие десктопы (до 1399px) — опционально */
@media (max-width:1399px){
	
	 .container {
      width: 90% !important
   }
   
  /* если нужно подправить под большие мониторы */
}