.pxl-product-category-container{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:32px}.pxl-product-category-container .pxl-product-category-box{position:relative;width:100%;height:100%;border-radius:8px;margin:0 auto}.pxl-product-category-container .pxl-product-category-box:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(0deg,rgba(0,0,0,.7) 20%,rgba(33,34,58,0) 90%);opacity:.7;border-radius:8px;transition:.3s}.pxl-product-category-container .pxl-product-category-box:hover:before{background:0 0}.pxl-product-category-container .pxl-product-category-box:hover .content{bottom:25px;cursor:pointer}.pxl-product-category-container .pxl-product-category-box img{width:100%;height:100%;object-fit:cover;border-radius:8px}.pxl-product-category-container .pxl-product-category-box .content{position:absolute;bottom:10px;left:0;text-shadow:2px 2px 4px rgba(0,0,0,.5);display:flex;justify-content:space-between;align-items:center;width:100%;padding:0 20px;transition:.3s;cursor:pointer}.pxl-product-category-container .pxl-product-category-box .content .pxl-product-category-title{font-size:24px;font-weight:600;line-height:32px;text-align:left;color:#f6f5f6;max-width:184px;word-wrap:normal;text-transform:uppercase;cursor:pointer}.pxl-product-category-container .pxl-product-category-box .content .arrow{font-size:20px;margin-top:10px}@media only screen and (max-width:1300px){.pxl-product-category-container{grid-template-columns:repeat(3,1fr)}}@media only screen and (max-width:970px){.pxl-product-category-container{grid-template-columns:repeat(2,1fr);grid-gap:15px}}@media only screen and (max-width:770px){.pxl-product-category-container{grid-template-columns:repeat(3,1fr);grid-gap:15px}.pxl-product-category-container .pxl-product-category-box .content{padding:8px}.pxl-product-category-container .pxl-product-category-box .content .pxl-product-category-title{font-size:12px;font-weight:600;line-height:16px;max-width:100px}.pxl-product-category-container .pxl-product-category-box .content .arrow{display:none}}@media only screen and (max-width:550px){.pxl-product-category-container{grid-template-columns:repeat(2,1fr);grid-gap:15px}.pxl-product-category-container .pxl-product-category-box{width:100%;height:100%}}