.product-categories-imgbox,.product-categories-imgbox iframe{aspect-ratio:16 / 9}@media screen and (min-width: 741px){.product-categories-box{background:var(--my-bg1);padding:40px}.product-categories-box .view-all{display:flex;gap:10px;align-items:center;line-height:1}.product-categories-grid{display:grid;grid-template-columns:calc(50% - 10px) calc(50% - 10px);gap:20px}.product-categories-list .product-categories-item{width:calc(50% - 10px)}.product-categories-list{display:flex;flex-wrap:wrap;gap:10px;align-content:flex-start}.product-categories-item a{display:flex;gap:10px;padding:6px 10px;background:var(--my-white);overflow:hidden;box-shadow:0 2px 8px #0000000f;transition:all .5s}.product-categories-item a:hover{box-shadow:4px 2px 8px 4px #0000000f}.product-categories-item a svg{transition:all .5s}.product-categories-item a:hover svg{transform:translate(5px)}.product-categories-img-box{width:80px;height:80px}.product-categories-img-box img{width:100%;height:100%;object-fit:contain}.product-categories-item a .product-categories-info-box{display:flex;justify-content:space-between;align-items:center;text-align:left;gap:10px;flex:1;text-transform:capitalize}.product-categories-item a .product-categories-info-box span{font-size:14px;flex:1}.product-categories-imgbox{display:flex;flex-direction:column;position:relative;width:100%}.product-categories-imgbox img{width:100%;height:100%}.product-categories-imgbox .img-info{width:100%;height:100%;position:absolute;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;text-align:left;gap:20px;padding:40px;color:var(--my-white)}.product-categories-imgbox .img-info .titles{color:var(--my-white);line-height:80px}.product-categories-imgbox .text{line-height:27px}.product-categories-imgbox .link{padding:11.5px 40px;border-radius:2px;line-height:27px;text-decoration:unset;background:var(--my-orange)}.product-categories-imgbox .link:hover{color:var(--my-white);background:var(--btn-hover)}}@media screen and (min-width: 1400px){.product-categories-img-box{width:114px;height:114px}.product-categories-item a{gap:20px}.product-categories-item a .product-categories-info-box span{font-size:18px;flex:1}.product-categories-item a .product-categories-info-box{gap:20px}}@media screen and (max-width: 740px){.product-categories-all{padding-top:20px;padding-bottom:20px;background:var(--my-bg1)}.product-categories-box .view-all{display:flex;gap:10px;align-items:center;line-height:1}.product-categories-box .view-all svg{height:12px}.product-categories-list{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:10px}.product-categories-item a{display:flex;gap:6px;padding:18px 4px;justify-content:center;align-items:center;text-align:center;background:var(--my-white);width:100%;height:100%;overflow:hidden;box-shadow:0 2px 8px #0000000f;transition:all .5s}.product-categories-item a:hover{box-shadow:4px 2px 8px 4px #0000000f}.product-categories-item a svg{height:12px}.product-categories-img-box{width:42px;height:42px}.product-categories-img-box img{width:100%;height:100%}.product-categories-item a .product-categories-info-box{font-weight:400;display:flex;justify-content:space-between;align-items:center;text-align:left;gap:10px;flex:1;text-transform:capitalize}.product-categories-item a .product-categories-info-box span{flex:1}.product-categories-imgbox{display:flex;flex-direction:column;position:relative;height:100%}.product-categories-imgbox img{width:100%;height:100%;object-fit:cover}.product-categories-imgbox .img-info{width:100%;height:100%;position:absolute;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;text-align:left;gap:20px;padding:15px;color:var(--my-white)}.product-categories-imgbox .img-info .titles{color:var(--my-white);line-height:1}.product-categories-imgbox .text{line-height:21px}.product-categories-imgbox .link{padding:9.5px 40px;border-radius:2px;line-height:27px;text-decoration:unset;background:var(--my-orange)}.product-categories-imgbox .link:hover{color:var(--my-white);background:var(--btn-hover)}}.product-categories-imgbox .img-link{width:100%;height:100%;z-index:2}
/*# sourceMappingURL=/cdn/shop/t/27/assets/jd-product-categories.css.map */