body[data-page-type="page-category"] {

}

body[data-page-type="page-category"] .tr-products__product-item,
body[data-page-type="page-category"] .tr-products__product-item * {
    font-family: "Sriracha", cursive;
    font-weight: 400;
    font-style: normal;
}

body[data-page-type="page-category"] .tr-products__product-item {
    /*
    background: #fff;
    border: 1px solid rgba(0,0,0,0.5);
    box-shadow: none;
    transition: transform 0.3s, box-shadow 0.3s;
    */
    border: tan solid 12px;
    border-top: #bda27e solid 12px;
    border-left: #b19876 solid 12px;
    border-bottom: #c9ad86 solid 12px;
    box-shadow: 0px 0px 6px 5px rgba(58, 18, 13, 0), 0px 0px 0px 2px #c2a782, 0px 0px 0px 4px #a58e6f, 3px 4px 8px 5px rgba(0, 0, 0, 0.5);
    background-image: radial-gradient( circle at left 30%, rgba(34, 34, 34, 0.3), rgba(34, 34, 34, 0.3) 80px, rgba(34, 34, 34, 0.5) 100px, rgba(51, 51, 51, 0.5) 160px, rgba(51, 51, 51, 0.5)), linear-gradient( 215deg, transparent, transparent 100px, #222 260px, #222 320px, transparent), radial-gradient( circle at right, #111, rgba(51, 51, 51, 1));
    background-color: #333;
}

body[data-page-type="page-category"] .tr-products__product-item:hover {
    /*
    -webkit-box-shadow: 0 0 9px 7px rgba(102, 102, 102, 0.2);
    box-shadow: 0 0 9px 7px rgba(102, 102, 102, 0.2);
    transform: scale(1.1);
    */
}

body[data-page-type="page-category"] .tr-products__product-item .tr-products__product-item__image {
    /*border-bottom: 1px solid #000;*/
}

body[data-page-type="page-category"] .tr-products__product-item .tr-products__product-item__image picture {
    position: relative;
    margin: 5%;
    background-image: url('/image/textured-paper.jpg');
}

body[data-page-type="page-category"] .tr-products__product-item .tr-products__product-item__image picture:before {
    content: "";
    height: 10%;
    width: 30%;
    position: absolute;
    top: 0%;
    left: -10%;
    bottom: auto;
    right: auto;
    background-color: rgba(255, 255, 255, .3);
    transform: rotate(-45deg);
}

body[data-page-type="page-category"] .tr-products__product-item .tr-products__product-item__image picture:after {
    content: "";
    height: 10%;
    width: 30%;
    position: absolute;
    top: auto;
    left: auto;
    bottom: 0%;
    right: -10%;
    background-color: rgba(255, 255, 255, .3);
    transform: rotate(-45deg);
}

body[data-page-type="page-category"] .tr-products__product-item .tr-products__product-item__text,
body[data-page-type="page-category"] .tr-products__product-item .tr-products__product-item__price--new,
body[data-page-type="page-category"] .tr-products__product-item .tr-products__product-item__price--per-weight {
    /*color: #000;*/
    color: #fff;
}

body[data-page-type="page-category"] .tr-products__product-item .tr-products__product-item__buttons {

}

body[data-page-type="page-category"] .tr-products__product-item .tr-products__product-item__buttons .tr-products__product-item__button {
    font-family: myriad-pro, sans-serif;
    display: inline-block;
    width: auto;
    height: auto;
    color: #000;
    cursor: pointer;
    padding: 5px;
    font-size: 1.5rem;
    transition: border-color 0.3s, background-color 0.3s, color 0.3s;
    position: relative;
    background-color: #fff;
    border: 1px solid #000;
    border-radius: 10px;
    overflow: hidden;
}

body[data-page-type="page-category"] .tr-products__product-item:hover .tr-products__product-item__buttons .tr-products__product-item__button {
    color: #fff;
    border-color: #fff;
    background-color: red;
}