.l__container{padding:16vw var(--padding);background-color:#fff}.l__container .product-cats{display:block;width:100%;background:url("/theme/images/product-cat-bg.jpg") no-repeat;background-size:cover;border-radius:20px;overflow:hidden;margin-top:6.666667vw}.l__container .product-cats:first-child{margin-top:0}.l__container .product-cats .bg-logo{width:25.733333vw;min-width:60px;max-width:193px;position:absolute;top:0;right:0;opacity:0;transition:all .3s ease 0s}.l__container .product-cats .bg-logo img{width:100%}.l__container .product-cats .boder{width:100%;height:100%}.l__container .product-cats .boder .content .title{font-weight:400;font-size:var(--size-30)}.l__container .product-cats .boder .content .summary{color:#666;font-size:var(--size-18);line-height:1.25}.l__container .product-cats .boder .content .btn{color:var(--link-hover-color);display:inline-flex;border-radius:50px;border:1px solid var(--link-hover-color)}.l__container .product-cats .boder .content .btn i{margin-left:14px}.l__container .product-cats:hover .bg-logo{opacity:1}@media screen and (max-width: 991px){.l__container .product-cats .boder{display:flex;flex-direction:column;position:relative;z-index:1}.l__container .product-cats .boder .bg-text img,.l__container .product-cats .boder .cover img{width:100%}.l__container .product-cats .boder .bg-text{position:absolute;top:20vw;left:5%;width:90%;z-index:-1;opacity:.15}.l__container .product-cats .boder .content,.l__container .product-cats .boder .cover{width:100%;padding:0 5%}.l__container .product-cats .boder .content{order:2;padding-bottom:15px}.l__container .product-cats .boder .content .title{margin-top:15px}.l__container .product-cats .boder .content .summary{margin-top:15px}.l__container .product-cats .boder .content .btn{margin-top:15px;padding:2.266667vw 3.866667vw 2.4vw 3.733333vw}.l__container .product-cats .boder .cover{order:1}}@media screen and (min-width: 992px){.l__container{padding:6.25vw 14.0625% 7.291667vw}.l__container .product-cats{position:relative;padding-top:42.029%;margin:50px auto 0;max-width:1380px;max-height:580px;overflow:hidden}.l__container .product-cats .bg-logo{width:13.402778vw}.l__container .product-cats .boder{position:absolute;top:0;left:0;z-index:1;display:flex}.l__container .product-cats .boder .bg-text,.l__container .product-cats .boder .content .btn{transition:var(--transition)}.l__container .product-cats .boder .bg-text{position:absolute;top:50%;right:1.67%;height:13.793103%;z-index:-1;opacity:.15}.l__container .product-cats .boder .bg-text img{height:100%}.l__container .product-cats .boder .content{flex:1;width:0;padding:7.971014% 1.521739% 2.89855% 6.15942%}.l__container .product-cats .boder .content .summary{margin-top:3.571428%}.l__container .product-cats .boder .content .btn{margin-top:9.920634%;padding:3.373015% 5.555556% 3.373015% 5.357142%}.l__container .product-cats .boder .cover{flex-shrink:0;width:63.478261%;padding:2.89855% 3.695652% 2.89855% 0;display:flex;align-items:center;justify-content:center}.l__container .product-cats .boder .cover img{max-width:100%;max-height:100%;object-fit:cover}.l__container .product-cats:hover .boder .content .btn{color:#fff;background-color:var(--link-hover-color)}}@media screen and (min-width: 1200px){.l__container .product-cats .boder .content .summary{line-height:1.6}}@media screen and (min-width: 1440px){.l__container .product-cats .boder .content .summary{line-height:2}}@media screen and (min-width: 1920px){.l__container .product-cats{padding-top:580px}.l__container .product-cats .boder .bg-text{height:80px}}