@charset 'utf-8';
/* CSS Document */

.imaginfo details summary{margin-left:2%; float:left; font-weight:normal;  }

 tr.details td{ text-align:left}
.imaginfo summary.harakteristiki::after {
  content: "Характеристики" ; 
}
.imaginfo summary.razmery::after {
  content: "Все размеры" ;   
}
.imaginfo summary.razmery{ float:left; border:1px solid #464646;
 	
}
.imaginfo .komplekt::after {
  content: "Комплектность" ; 
}

.skrit_pokup::after {
  content: "Скрыть";
}
.skrit_pokup{ margin:10px 0 10px 0 !important;}



 details[open] .otvetki::after {
    content: 'Скрыть';
  }
.characteristiki {margin: 8px 0 5px 5% !important}  
.characteristiki:after {
  content: "Характеристики";
}

 details[open] .harakteristiki::after {
    content: 'Скрыть' !important ;
  }
 details[open] .komplekt::after {
    content: 'Скрыть' !important ;  
  }
 details[open] .razmery::after {
    content: 'Скрыть' !important ;
  }
  
  
 details[open] .instruksiya::after {
    content: '▼Скрыть' !important ; margin-right:5% !important;  width:95% !important;
	  float:right;
  }
  summary.instruksiya{}
details .instruksiya::-webkit-details-marker {
  display: none; /* Скрытие маркера в браузере Chrome/Safari */
}
details.details_instruksiya[open] summary {
  width:90% !important; text-align:right; margin-right:10% !important; 
}
details.main .razmery {
  width:70% !important; text-align:left; margin:0 !important; border:1px solid #666666; padding:5px 0 5px 2%; border-top:none; 
}

.imaginfo .instruksiya::after {
  content: "►Инструкция" ;  
}

details .instruksiya {
  list-style: none; /* Скрытие маркера в браузерах Firefox/Edge */
}
.complekasiya { text-align:left !important}

div.details {
	float:right;
  display: flex;          /* Включаем флексбокс */
  justify-content: center; /* Выравнивание по горизонтали */
  align-items: center;     /* Выравнивание по вертикали */
  gap: 2%;
 width:70%; margin:0 0 0 0 /*30%*/ 
}
div.details details.main{flex: 1; } 
.imaginfo table tr:first-child td{ border-top:none}
.imaginfo table:last-child tr:first-child td{ font-weight:normal !important}
.imaginfo h3{ border:none !important; padding:0 !important}

details.main { padding-top: 10px;}
div.details_100{width:90%; margin-left:5%}
.main ul{ float:left; margin:0 0 10px 5%}
.details_harakteristiki ul a{ float:none !important; margin-left:5% !important}
.imaginfo details img{ width:100% !important; margin-left:0 !important}
summary.harakteristiki, summary.instruksiya{ margin-bottom:10px !important}
.vse_razmery{word-break: break-all ; word-break: break-all;}
input.vopros{ float:left; width:100%; word-break: break-all ; word-break: break-all;}
/*
@media only screen and (max-width: 768px)  {
 }
 */
/*@media only screen and (max-width: 768px) and  (orientation : portrait){*/
 @media only screen and  (orientation : portrait){
.imaginfo.metabox div{ width:100%}
.imaginfo.metabox div img{ margin-left:5%; width:90%}
div.details{ width:100%; margin:0; font-size:12px}
.details_instruksiya .instruksiya{  }
details.main .razmery {
  width:98% !important;  margin:0 2% 0 0 !important;  
}
}