/* CSS Document  Index.php */
@media  { 
.productcat{
padding-bottom:1em;
height:fit-content;
display:flex;
flex-direction:column;
box-sizing:border-box; 
}
.productcat__nodata{}
.productcat__list{
display: grid;
width:100%;
grid-gap: 2em 1em;
grid-template-columns: repeat(auto-fit, 220px);
grid-auto-rows: 1fr;
align-items:stretch;
list-style-type: none;
padding-inline-start:0;	
padding-left:0px;	
margin-block-start: 0;
margin-block-end: 0;  
}
.productcat__list__el{
  list-style-position: inside;	
  padding:5px;
  border:3px solid #e9e9e9;
  border-radius:10px 0 10px 10px;
  display:grid;
  background:white;
  position:relative;
  box-sizing:border-box;
}

.productcat__list__el:before {
    content:"";
    position:absolute;
    top:-3px;
    right:-3px;
    border-width:0 20px 20px 0;
    border-style:solid;
    border-color:#fff #fff brown brown;
	border-radius:0 0 0 10px;
    background:yellow/*#658E15*/;
    display:block; /* Это свойство для того чтобы Firefox 3.0 правильно отображал позиционирование */
    width:0; /* Это свойство для того чтобы Firefox 3.0 правильно отображал позиционирование */
 /*
    -webkit-box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
    -moz-box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
    box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);*/
}
.productcat__list__el__link{
text-decoration:none;	
display:flex;
flex-direction:column;
flex:0 0 300px;
flex-wrap:wrap;
width:100%;
}
.productcat__list__el__link:hover{	
 filter: brightness(1.5);
}
.productcat__list__el__link__title{
font-size:20px;
word-break:break-word;
line-height:1.2em;
text-align:center;
color:black;
padding:10px 0;
font-weight:500;

}
.productcat__list__el__link__imgbox{	
text-align:center;
width:100%;
}
.productcat__list__el__link__imgbox__img{
	
margin-bottom:0.5em;
border-radius:4px;	
width:100%;
max-width:220px;
height:auto;
	
}
.productcat__bottompagebar{	
margin-top:2em;	
}
.productcat__bottompagebar:empty{	
display:none;	
}
.productcat__end::empty{
display:none;
}
.productcat__end{
color:grey;
font-size:14px;
font-style:italic;
display:flex;
flex-direction:row;
align-self:flex-end;
flex-grow:1;
align-content:end;
flex-wrap:wrap;
box-sizing:border-box;
}
@media  all and (min-width: 950px) {
	
.productcat__list{justify-content:start;}
.productcat__list:has(> *:nth-child(4)){
justify-content:space-between;	
}	
	
}
@media  all and (max-width: 950px) {

.productcat__list{justify-content:center;}	
.productcat__list:has(> *:nth-child(2)){
justify-content:space-around;	
}

	
}