/* CSS Document  Index.php */
@media  { 

 
.rawproductlist{}

.rawproductlist__nodata{}

.rawproductlist__bottompagebar{
	
margin-top:2em;

}
.rawproductlist__list{

display:grid;
line-height:1em;
list-style-type: none;
padding-inline-start:0;	
margin-block-start: 0;
margin-block-end: 0; 
gap: 10px 5px;
/*background:#e9e9e9;*/ 
/*border:4px solid #e9e9e9;*/
}
.rawproductlist__list__el{ 
display:flex;
list-style-position: inside;	
flex-direction:row;
padding:5px;
box-sizing:border-box;
border-radius:4px;
border:4px solid #e9e9e9;
justify-content:start;
align-items:stretch;
background:white; 

}
.rawproductlist__list__el__link{	
border-radius:4px;	

display:flex;


}
.rawproductlist__list__el__link__img{	
border-radius:4px;
max-width:220px;	
width:100%;
height:auto;
padding:0;
text-align:center;
display:block;

}
.rawproductlist__list__el__link__img:hover{
		
filter: brightness(1.5);
	
}

.rawproductlist__list__el__propblock{ 
display:flex;
flex-direction:column;
flex-grow:1;
box-sizing:border-box;
padding: 0   8px  ;
}



.rawproductlist__list__el__propblock__priceblock{	
display:flex;
font-size:22px;
font-weight:500;
flex-wrap:wrap;
flex-direction:column;
align-items:start;
padding: 5px  0  5px 0;  
}
.rawproductlist__list__el__propblock__priceblock__price{	
color:blue;
padding: 0  0  5px 0;  
}

                                     /* ALL PRICE BLOCK */

.rawproductlist__list__el__propblock__priceblock__allprices__title{
box-sizing:border-box;
cursor:pointer;
font-size:15px;
font-weight:500
color:black;
display:block;
list-style: none;
}
.rawproductlist__list__el__propblock__priceblock__allprices__title:hover{	
color:lightgreen;
}
.rawproductlist__list__el__propblock__priceblock__allprices[open] .rawproductlist__list__el__propblock__priceblock__allprices__window{	
z-index:2;
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
overflow:hidden;
background:black;
box-sizing:border-box;
padding:1em;
background: rgb(0 0 0 / 40%);	
display:flex;
flex-direction:row;
justify-content:center;
align-items:center;	
box-sizing:border-box;
}
.rawproductlist__list__el__propblock__priceblock__allprices__window__block{	
display:flex;
flex-direction:column;
background:white;	
max-width:400px;
box-sizing:border-box;
border-radius:10px;	
}
.rawproductlist__list__el__propblock__priceblock__allprices__window__block__closepan{
display:flex; 
flex-direction:row;
justify-content:end;
color:white;		
}
.rawproductlist__list__el__propblock__priceblock__allprices__window__block__closepan__close{	
font-size:32px;	
cursor:pointer;
padding:10px;	
}
.rawproductlist__list__el__propblock__priceblock__allprices__window__block__closepan__close:hover{
color:red;		
}
.rawproductlist__list__el__propblock__priceblock__allprices__window__block__body{
	
padding:10px;	
box-sizing:border-box;	
flex-grow:1	
		
}

.rawproductlist__list__el__propblock__priceblock__allprices__window__block__body__mainpan{
	
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
box-sizing:border-box;	
width:100%;	
	
}
.rawproductlist__list__el__propblock__priceblock__allprices__window__block__body_mainpan__header{
	
display:flex;
flex-direction:row;	
background:grey;	
	
}

.rawproductlist__list__el__propblock__priceblock__allprices__window__block__body__mainpan__imgbox{	
width:240px;	
margin:10px;	
}
.rawproductlist__list__el__propblock__priceblock__allprices__window__block__body__mainpan__imgbox__img{	
border-radius:6px;
width:100%;
height:auto;		
}
.rawproductlist__list__el__propblock__priceblock__allprices__window__block__body__mainpan__titlebox{		
padding:15px;
box-sizing:border-box;	
background:grey;
color:white;
flex-grow:1;
border-radius:3px;
}			
.rawproductlist__list__el__propblock__priceblock__allprices__window__block__body__mainpan__titlebox__title
{
font-size:24px;
font-weight:400;
line-height:24px;	
}	
.rawproductlist__list__el__propblock__priceblock__allprices__window__block__body__mainpan__list{	
display:flex;
flex-direction:column;
box-sizing:border-box;
width:100%;	
}
.rawproductlist__list__el__propblock__priceblock__allprices__window__block__body__mainpan__list__el{	
display:flex;
flex-direction:row;	
padding:10px 5px;
justify-content:space-between;
width:100%;
box-sizing:border-box;
}		  
.rawproductlist__list__el__propblock__priceblock__allprices__window__block__body__mainpan__list__el__title{		
flex-grow:1;
font-size:17px;
flex-shrink:1;
font-weight:350 ;	
}					  
.rawproductlist__list__el__propblock__priceblock__allprices__window__block__body__mainpan__list__el__price{	
font-size:20px;
font-weight:500;
flex-shrink:0;
}					  
.rawproductlist__list__el__propblock__titleblock__title_norm{ 
font-size:18px;
font-weight:400;  
}

.rawproductlist__list__el__propblock__titleblock__title_italic{
font-size:16px;
font-weight:400; 
}
.rawproductlist__list__el__var{
font-size:1em;
position:relative;
box-sizing:border-box;
padding:4px 0;
font-weight:400;
font-size:15px;
display:flex;
flex-direction:row;

}
.rawproductlist__list__el__var__title::before{
content:"[ "; 
}
.rawproductlist__list__el__var__title::after{
content:" ]";
}
.rawproductlist__list__el__var__summary{	
box-sizing:border-box;
font-size:0.9em;
padding:0.5em 0em  ;
cursor:pointer;
font-weight:400;
font-style:italic;
color:black;
flex-direction:column;
align-items:start;
}
.rawproductlist__list__el__var__summary::marker{ color:lightgreen;}
.rawproductlist__list__el__var:open .rawproductlist__list__el__var__window{
z-index:2;
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
overflow:hidden;
background:black;
box-sizing:border-box;
padding:1em;
background: rgb(0 0 0 / 40%);

}
.rawproductlist__list__el__var__window__pan{
display:flex;
flex-direction:column;
width:100%;
height:100%;
background:white;
border-radius:5px;
}
.rawproductlist__list__el__var__window__pan__closepan{
display:flex;flex-direction:row;
justify-content:end;
}
.rawproductlist__list__el__var__window__pan__closepan__close{
font-size:26px;
font-weight:400;
padding:0.5em;
cursor:pointer;
}
.rawproductlist__list__el__var__window__pan__closepan__close:hover{
color:red;
}
.rawproductlist__list__el__var__list{
padding:0em 0.5em;
list-style-position: inside;
background:black;
color:white;
width:100%;
list-style-type: none;
box-sizing:border-box;
font-size:16;
overflow-y:auto;
}
.rawproductlist__list__el__var__list__el{
padding:0.3em 0em;
}
.rawproductlist__list__el__var__list__el__link{
color:white;
text-decoration:none;
}
.rawproductlist__list__el__var__list__el__link:hover{
text-decoration:underline;
}
.rawproductlist__list__el__link{			
text-decoration:none;	
color:black;
cursor:pointer;
}

.rawproductlist__list__el__propblock__titleblock{
display:flex;
flex-direction:column;
font-size:16px;
padding:0.4em 0;
box-sizing:border-box;
}
.rawproductlist__list__el__propblock__titleblock__title:nth-child(2){	
font-weight:500;
font-size:0.9em;
padding:0.5em 0em;
color:green
}
.rawproductlist__list__el__propblock__priceblock__allprices__title{	

}
}
@media  all and (min-width: 950px) {
.rawproductlist__list{grid-template-columns:repeat(auto-fit, 300px);}	
.rawproductlist__list__el__propblock__priceblock__allprices__title{

}
.rawproductlist__list__el{		
flex-direction:row;	
text-decoration:none;		
}
.rawproductlist__list__el__propblock__priceblock{  

}
.rawproductlist__list__el__propblock__priceblock__allprices{
 padding:10px 0 0 0; 
}


.rawproductlist__list__el__link{			

flex-shrink:0;	
}

}
@media  all and (max-width: 700px) {
.rawproductlist__list__el__link{			

flex-shrink:1;	
}	
.rawproductlist__list{grid-template-columns:1fr;}	
.rawproductlist__list__el__propblock { padding: 16px 4px;}		
.rawproductlist__list__el{	
flex-direction:column;	
}
.rawproductlist__list__el__propblock__priceblock{  
align-items:center;
}	
.rawproductlist__list__el__propblock__priceblock__allprices{
 padding:10px 0 0 0; 
}
.rawproductlist__list__el__propblock__priceblock__allprices__title{
 padding:0;  
}

.rawproductlist__list__el__link{	
padding:4px;

}
.rawproductlist__list__el__propblock__titleblock{
justify-content:center;
align-items:center;
}
.rawproductlist__list__el__var__title{
text-align:center;
}

.rawproductlist__list__el__var{
justify-content:center;
}

}