@charset "UTF-8"; 
@import url('https://fonts.googleapis.com/css2?family=Commissioner:wght@100..900&family=IBM+Plex+Sans:ital,wght@0,100..700;1,100..700&family=Merriweather:opsz,wght@18..144,300..900&family=Play:wght@400;700&family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');



*{box-sizing: border-box;}
body{
	font-family:Commissioner, "IBM Plex Sans", -apple-system, system-ui, sans-serif;		
	margin: 0; 
}		
a{ 	text-decoration:none; -webkit-tap-highlight-color: transparent;}
a:visited{color:blue;}


.conteiner{
	margin: 0 auto; 
	padding: 0 1em 1em;
	width:min(600px, 100%);
	min-height: 100vh;
}
h2, h3{text-align:center; margin:0.5em 0; letter-spacing: 1px;}
/* меню со типа радио ------------------------------------------ */
.menu_radio{			
	background: #e3e3e3; 
	padding: 5px 8px 0px 8px;
	ol{
		display: flex; gap: 1em;justify-content: space-around;align-items: center; list-style-type: none;padding:0; margin: 0;}
	li{ 				
		border-bottom: 2px solid transparent;
	}
	input{
		display: none;
	}	
}	
.menu_radio li:has(input:checked){	border-bottom-color: #0000cd;}
.menu_radio li:hover{cursor:pointer; border-bottom-color: #c7c7c7;}
/* ------------------------------------------------------------ */
.menu_radio_simple{	
	padding: 0.5em;	
	label{border:1px solid transparent; padding: 3px;border-radius: 3px;}
	input{display: none;}	
}	
.menu_radio_simple label:has(input:checked){background-color: #2087db;color: white;}
.menu_radio_simple label:hover{cursor:pointer; border-color: #2087db;}

/* ------------------------------------------------------------ */
.but_icon{display:inline-block;box-sizing: content-box;width: 1.5em;  height: 1.5em;padding: 2px;background-size: contain;background-repeat: no-repeat;background-position: center;border: 1px solid transparent;}
.but_icon:hover{border-color: #d3d3d3;background-color: #dddddd9c;}

.icon{
	display:inline-block;
	box-sizing: content-box;	
	background-size: contain;	
	background-repeat: no-repeat; 
	background-position: center;
	border: 1px solid transparent; 
	transition: all .2s;
	border-radius: 6px;
	width:1em; height:1em;
}
.icon.circle{border-radius: 50%;}

p{margin: 0.3em 0;text-align: justify;text-indent: 2em;line-height: 1.2em;
	ul{text-align: left;}
	li{text-indent: 0;}
}
.maxw{width:-webkit-fill-available;	}		
.bg_grey{
	background: linear-gradient(0deg, #cecece, #e3e3e3);
	color: black;
}
.bg_blue{
	background: linear-gradient(0deg, #0175bb, #29a2ea);
	color: white;
}
button, input[type='submit']{			
	font-size: inherit;	padding: 0.5em;margin: 2px;	    
    border-radius: 5px;
    outline: none;
    border: none;    
}
.big{
	font-size: 2em; margin: 1em; color: white; text-align: center; border-radius: 10px;
}
.wrap_input{
	display: block;margin: 0.5em 0;	padding: 3px 0.5em;	border-radius: 4px;	border: 1px solid #d3d3d3;
}
.wrap_input .inp_title{color: #969696; font-size: small;}
.wrap_input input[type='text'], input[type='number'], input[type='email'], input[type='tel'], select, textarea {		
	color:blue;outline: none; font-size: inherit;	border: none;	font-family: system-ui;	width: -webkit-fill-available;
}
.wrap_input:has(input:focus), .wrap_input:has(textarea:focus), .wrap_input:has(select:focus){
	border-color: #2967bf;
}
select:invalid{
	border-color:red;
}
table{
	font-size: medium;
	margin: 0.5em auto;
    border-spacing: 0.3em;
    min-width: 80%;
}
table caption{
	font-weight:bold;
}
.table_report{
	width: -webkit-fill-available;
	border-collapse: collapse;
	font-size:smaller;
	td{padding:2px 0.5em;}
	td[r]{text-align:right;}
	td[nw]{text-wrap-mode: nowrap;}
	thead tr{background-color: #e3e3e3;}
	thead td{font-weight: bold;}
	tbody tr:nth-child(even){background-color: #efefef;border-bottom: 1px solid #e3e3e3;border-top: 1px solid #e3e3e3;}
	tfoot td{font-size:medium;font-weight:bold;padding-top: 1em;border-top: 1px solid #e3e3e3;}
}
/*dialog*/
#d_full_screen{
	width:min(100%, 768px);border: 1px solid dimgrey;
}
#dialog_full{
	height: 100vh;width: 100%;border: 4px outset grey;border-radius: 1em;margin: 1em auto;padding: 0;
	iframe{
		width:100%; height:100%;border: none;margin: 0;
	}
}
/* price list figure */
.price_list_wrap{
	display: flex;flex-wrap: wrap;align-items: center;justify-content: flex-start;gap:2px;
	margin: 1em 0;
}
.price_unit{
	width:calc(100% / 3 - 2px);text-align: center;
	margin:0;
	img{width: 64px;height: 64px;border-radius: 10px;}
	.contain{object-fit: contain;}
	.cover{object-fit: cover;}
	[data-price]{font-size: small;}
	figcaption{
		font-family:"IBM Plex Sans"; font-size:14px;height: 38px;overflow: hidden;
	}
}
.messok{text-align: center; color: #06bc62; font-weight: bold; font-size: 3.5em;}
.zalo{background-image:url(../img_system/zalo_orig.svg);}
.tg_bg{background-image:url(../img_system/telegramm_white.svg); background-color:#2aaceb;}
.menu_mob{background-image:url(../img_system/menu_black.svg);}
.close_red{background-image:url(../img_system/close_thin_red.svg);}
/* ********************************************************* */
.fx_row{display:flex;}
.fx_col{display:flex; flex-direction:column;}
.fx_c{align-items: center;}
.sb{justify-content: space-between;}
.fx_left{justify-content: flex-start;}
.fx_space{justify-content: space-evenly;}
.fx_end_space{justify-content: end;}
.fx_center{justify-content: center;}
.maxw{ width: -webkit-fill-available;}
/* gap */
.g1{gap:1em;}
.g05{gap:0.5em;}
/* margin */
.m05{margin:0.5em;}
.m1{margin:1em;}
.mt1{margin-top:1em;}
.mt2{margin-top:2em;}
.mb1{margin-bottom:1em;}
/* padding */
.pl1{padding-left:1em;}
.p05{padding:0.5em;}
.p1{padding:1em;}
.s1{height:1em; width:1em}
.s15{height:1.5em; width:1.5em}
.s2{height:2em; width:2em}
.s25{height:2.5em; width:2.5em}
.s3{height:3em; width:3em}
.center{text-align:center;}