ul.miniatury {list-style:none;padding-top:20px;text-align:left;display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:15px;}
ul.miniatury li a {display:block;transition:box-shadow .3s, color .3s;height:100%;color:#555;}
ul.miniatury li a:hover {text-decoration:none;box-shadow:0 0 10px rgba(0, 0, 0, 0.2);color:#000;}
ul.miniatury li div.img {position:relative;z-index:0;padding-bottom:100%;background:url('../img/_blank.png') no-repeat 50% 50%;margin-bottom:5px;}
ul.miniatury li img {border:none;max-width:100%;max-height:100%;height:auto;width:auto;vertical-align:top;position:absolute;left:0;right:0;bottom:0;top:0;margin:auto;transition:opacity .3s;}
ul.miniatury li img.hc {opacity:0;}
ul.miniatury li h2 {font-size:15px;margin-bottom:4px;padding:0 10px;}
ul.miniatury li div.desc {padding:0 10px 10px;line-height:1.4em;}
ul.miniatury li span.cost {font-size:18px;display:block;}

p.emptyCat {text-align:center;line-height:2em;font-size:1.4em}

div.category {width:235px;font:normal 14px Georgia,'Times New Roman',Times,serif;margin-bottom:20px}
div.category div.title {font-weight:bold;font-size:1.2em;margin:20px 0 10px;text-transform:uppercase}
div.category ul {list-style:none}
div.category li {margin-bottom:4px}
div.category a.sel {color:#ce0000}

.order-by {display:flex;justify-content:flex-end;gap:10px;padding:10px;background-color:#e8e8e8;align-items:center;color:#888;}
.order-by h2 {font-size:1em;}
.order-by a.sort {color:#888;}
.order-by a.order {color:#6d461a;}
.order-by ul {list-style:none;display:flex;gap:10px;}

aside div.title {font-weight:bold;margin-bottom:15px;font-size:20px;color:#6a6a6a;}
aside label.button {display:block;position:relative;z-index:0;margin-bottom:5px;}
aside label.button input {position:absolute;visibility:hidden;}
aside label.button span {display:flex;gap:5px;position:relative;z-index:0;color: #6a6a6a;}
aside label.button span::before {content:'';width:10px;height:10px;border:2px solid #6a6a6a;border-radius:2px;flex:0 0 10px;}
aside label.button input:checked+span::before {border-color:#000}
aside label.button input:checked+span::after {content:'';position:absolute;width:4px;height:1px;left:3px;top:3px;border-width:2px;border-style:solid;border-color: transparent transparent #000 #000;transform: rotate(-45deg);}

.container-prod-list.load {position:relative;z-index:0;}
.container-prod-list.load::before {content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(255, 255, 255, 0.3);z-index:1;}
.container-prod-list.load::after {content:'';width:40px;height:40px;position:absolute;right:0;top:200px;left:0;margin:0 auto;box-sizing:border-box;border-width:5px;border-style:solid;border-color:#6d461a transparent #6d461a #6d461a;border-radius:50%;animation:gotoUp 0.6s infinite linear;z-index:2;}

@keyframes gotoUp {from { transform: scale(1) rotate(0deg);}to { transform: scale(1) rotate(360deg);}}

@media screen and (max-width:994px){
    div.category {padding-left:10px}
    aside label.button span {font-size:12px;}
}
@media screen and (max-width:768px){

    .order-by {display:block;}
    .order-by h2 {margin-bottom:5px;}

    div.category div.title {font-size:1em;margin:0;padding:10px;background-color:#d7b469}
    div.category {display:none;background-color:#f4e5c4;padding-left:0;width:90%;font:normal 16px 'Times New Roman', Times, Georgia, serif;margin-bottom:0;position:fixed;top:51px;left:-90%;bottom:0;text-align:left;overflow:auto}
    div.category li a {display:block;height:auto;line-height:normal;text-align:left;padding:10px}
    div.category li a:hover {color:#ce0000}
    div.category li+li {background:none;border-top:1px dashed #d7b469}
}
@media screen and (max-width:600px){
    ul.miniatury {grid-template-columns:1fr 1fr;}
    .order-by ul {display:block;}
    .order-by a.sort {display:block;height:25px;padding:0 10px;}
}
@media screen and (max-width:400px){
    ul.miniatury {grid-template-columns:1fr;}
}