.cs-blog-main{display:flex;justify-content:space-between;gap:5vw;margin:0 auto;padding:0 20px;max-width:var(--se-max-width);width:var(--se-width)}.cs-blog-main .blog-main-left{min-width:220px;width:15vw}.cs-blog-main .blog-main-category{position:sticky;top:calc(var(--header-height) + 2vh)}.cs-blog-main .blog-main-category.mb{display:none}.cs-blog-main .blog-main-category .blog-category-title{margin-bottom:10px;font-size:32px;line-height:1.2}.cs-blog-main .blog-main-category .blog-category-list{margin:0;list-style-type:none}.cs-blog-main .blog-main-category .blog-category-item{padding:20px 0}.cs-blog-main .blog-main-category .blog-category-item:not(:nth-last-child(1)){border-bottom:1px solid #dedede}.cs-blog-main .blog-main-category .blog-category-link{display:flex;align-items:center;justify-content:space-between;font-size:20px;font-weight:500;line-height:1.2}.cs-blog-main .blog-main-category .blog-category-item.active .blog-category-link,.cs-blog-main .blog-main-category .blog-category-link:hover{color:#52b6bc}.cs-blog-main .blog-main-category .blog-category-link .icon{width:15px;height:15px;transform:rotate(-90deg)}.cs-blog-main .blog-main-right{flex:1}.cs-blog-main .blog-main-banner{position:relative;padding:2vw;background-color:#727272;border-radius:15px;text-align:center;overflow:hidden;z-index:1}.cs-blog-main .blog-banner-title{margin-bottom:10px;color:#fff;font-size:40px;line-height:1.2}.cs-blog-main .blog-banner-desc{margin-bottom:40px;color:#fff;font-size:16px;line-height:1.5}.cs-blog-main .blog-main-banner img{display:block;position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:100%;object-fit:cover;z-index:-1}.cs-blog-main .blog-main-banner img.mb{display:none}.cs-blog-main .blog-main-articles{display:grid;grid-template-columns:repeat(2,1fr);gap:2vw;margin:4vh 0}.cs-blog-main .blog-article-item{background:#eaeaea;border-radius:15px;overflow:hidden}.cs-blog-main .blog-article-item .blog-article-img{display:block;width:100%;height:15vw;overflow:hidden}.cs-blog-main .blog-article-item .blog-article-img img{display:block;width:100%;height:100%;object-fit:cover}.cs-blog-main .blog-article-item .blog-article-con{display:flex;flex-direction:column;gap:5px;padding:20px}.cs-blog-main .blog-article-item .blog-article-title{margin-bottom:0;font-size:20px;line-height:1.2}.cs-blog-main .blog-article-item .blog-article-title a{display:block}.cs-blog-main .blog-article-item .blog-article-title a:hover{color:#52b6bc}.cs-blog-main .blog-article-item .blog-article-published{color:#8e8e8e;font-size:14px;line-height:1.2}.cs-blog-main .blog-article-item .blog-article-excerpt{color:#727272;font-size:16px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.cs-blog-main .blog-main-pagination{margin:5vh 0;--colorBtnPrimary: #52b6bc}.cs-blog-main .blog-main-pagination .pagination{padding:0;font-size:18px;font-weight:500}.cs-blog-main .blog-main-pagination .pagination .prev a,.cs-blog-main .blog-main-pagination .pagination .next a{display:flex;align-items:center;justify-content:center;width:100%;height:100%}@media screen and (max-width: 768px){.cs-blog-main{flex-direction:column;padding:0;width:100%}.cs-blog-main .blog-main-left{display:none}.cs-blog-main .blog-main-banner{padding:30px 50px;border-radius:0}.cs-blog-main .blog-banner-title{font-size:32px}.cs-blog-main .blog-banner-desc{font-size:14px;line-height:1.2}.cs-blog-main .blog-main-banner img.mb{display:block}.cs-blog-main .blog-main-banner img.pc{display:none}.cs-blog-main .blog-main-articles{grid-template-columns:repeat(1,1fr);gap:20px;padding:0 20px}.cs-blog-main .blog-article-item{border-radius:10px}.cs-blog-main .blog-article-item .blog-article-img{height:auto}.cs-blog-main .blog-main-category{display:none;position:relative;top:auto;margin:4vh 0;padding:0 20px;width:100%}.cs-blog-main .blog-main-category.mb{display:block}.cs-blog-main .blog-category-tab,.cs-blog-main .category-tab-head{position:relative;width:100%}.cs-blog-main .category-tab-head input{display:block;padding:10px 45px 10px 20px;width:100%;border:2px solid #141414;border-radius:10px;font-size:24px;line-height:1.2;font-weight:500}.cs-blog-main .category-tab-head svg{position:absolute;top:50%;right:20px;width:15px;height:15px;transform:translateY(-50%);transition:transform .5s ease}.cs-blog-main .category-tab-list{display:none;position:absolute;top:calc(100% + 10px);left:0;margin:0;padding:10px 0;width:100%;background:#fff;box-shadow:0 0 5px #c9c9c9;border-radius:5px;list-style-type:none;z-index:50}.cs-blog-main .category-tab-list .category-tab-item .category-tab-link{display:block;padding:10px 20px;color:#141414;font-size:18px;line-height:1.2;font-weight:500}.cs-blog-main .category-tab-list .category-tab-item.active .category-tab-link{color:#52b6bc;font-weight:600}.cs-blog-main .blog-category-tab.is-focus .category-tab-head svg{transform:translateY(-50%) rotate(-180deg)}.cs-blog-main .blog-category-tab.is-focus .category-tab-list{display:block}}
/*# sourceMappingURL=/cdn/shop/t/35/assets/custom-blog-main.css.map */