.collection .collection__item{position:relative;color:#fff;width:calc(20% - 10px);margin:0 10px 10px 0;display:-webkit-box;display:-ms-flexbox;display:flex;height:160px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-transform:uppercase;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:5px}.collection .collection__price{font-size:18px}.collection .collection__item::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.4);border-radius:inherit;-webkit-transition:background .15s;-o-transition:background .15s;transition:background .15s;z-index:1}.collection .collection__item:hover::before{background:rgba(0,0,0,0.6)}.collection .collection__name{font-size:21px;margin-bottom:10px}.collection .collection__item>*:not(img){position:relative;z-index:2}.collection .collection__item img{position:absolute;right:0;top:0;border-radius:inherit}.collection{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;width:calc(100% + 10px)}@media screen and (max-width:1400px){.collection .collection__price{font-size:15px}.collection .collection__name{font-size:18px}}@media screen and (max-width:1023px){.collection .collection__item{width:calc(25% - 10px)}}@media screen and (max-width:767px){.collection .collection__item{width:calc(33.3% - 10px)}.collection .collection__price{font-size:13px}}@media screen and (max-width:565px){.collection .collection__item{width:calc(50% - 5px);margin:0 5px 5px 0;border-radius:3px;height:120px}.collection .collection__name{font-size:14px;margin-bottom:5px}}