@charset "UTF-8"; 
:root{
	--color:#000000; --bg-color:#ffffff; --bg-butpay:#42bdac;	
	--tr-odd-bg-color:#f1f1f1;	
	--bg-invalid:#ffd3d3;
	--border-color-invalid:red;
	--input-color:#006294;
	--color-valid:#18c155;
	--fieldset-bg-color:transparent; --fieldset-border-color:#bdbdbd;
	--xpos-stores:translateX(200%);
	--is-tg:false;		
	--height-submit: 55px;			
	--but-count-maxh: 26px;		
	--plus-bg-color:#42bdac;
	--color-orange:#ff9900;	
	--header-bg-color:#ffffff;
	--main-blue:#0088cc;
	--bg-bookmark:#d6d6d6;		
	--color-bookmark: #606060;	--color-bookmark-active: var(--color);	
}
html{interpolate-size: allow-keywords;}
*{box-sizing: border-box;margin:0; padding:0;user-select:none;}
body{font-family:var(--ff-regular); color:var(--color);background-color:var(--bg-color);}
header{	
	background-size: cover; background-repeat: no-repeat; background-position: center;
	[data-store-descript]{font-family: var(--ff-italic); line-height: 1.1em;padding: 0 3rem 1em 2rem;text-align: left;text-wrap-style: balance;}
	.toner{backdrop-filter: var(--baner-bright); color:white;min-height:15vh;}
	.logo{clip-path: circle(48%);opacity: 0.8;}
}
button{outline: none; border: none;color: inherit;}
button[popovertarget]{background-color: transparent;}
.menu_radio_category{			
	width: min(1024px, 100%); margin: 0 auto; overflow-y: auto; scrollbar-width: none;
	ol{display: grid;grid-template-columns: repeat(3, minmax(105px, 1fr)); gap:1px 3px;flex-wrap: wrap;list-style-type: none;padding:0; margin:0 5px;justify-items: center;}
	li{white-space: nowrap;padding:3px 2px;text-align: center; color:#fff;background-color: #2a2a2aa8;backdrop-filter: blur(2px);transition: all .2s;border-radius:16px 16px 6px 6px;width: -webkit-fill-available;border: 1px solid #8a8a8a;}
	label{display:inline-block;width:-webkit-fill-available;}
	input{display: none;}	
}	
.first_maxw > li:first-child{grid-column: 1 / -1;width: calc(100% / 2.2);border-radius: 16px 16px 0px 0px;}
.last_maxw > li:last-child{grid-column: 1 / -1;}
.menu_radio_category li:has(input:checked){background-color:#ffffffe8;color:var(--color-bookmark-active);font-weight: var(--fw-mb);border-color: #ffffffe8;}
.menu_radio_category li:hover{cursor:pointer;}	
.conteiner{margin: 0 auto; padding: 0 0.5em;width:min(680px, 100%); height: var(--height-conteiner);}
.link_but{
	display:block; width: -webkit-fill-available; transition: opacity .3s;
	text-decoration: none; text-align: center;background-color: var(--plus-bg-color);color:white;border-radius:5px;padding: 10px 5px ;
	&:hover{background-color: #41c7b5;}
}
footer{
	line-height:var(--height_footer);font-size:medium;text-align:center;transition: all .2s;
	button{width: -webkit-fill-available;background-color: #fff; height: 50px; font-size: medium;}
	.return_app{display:none;}
}
footer:has([data-lang='min_amount']){	background-color:var(--color-orange);}
footer:not(has([data-lang='min_amount'])):hover{background-color:#0a91d5;}
.menu_radio{input{display:none}}