.blog-article-section{.content-cover{gap:28px;.left-content{max-width:950px;width:100%;.blog-footer-cover{display:flex;justify-content:space-between;.footer-content{max-width:215px;button{display:flex;gap:8px;align-items:center;border:none;background-color:transparent;.icon{display:flex;align-items:center;justify-content:center;width:20px;aspect-ratio:1}span{color:var(--primary);font-weight:500;font-size:14px;line-height:18px;text-transform:capitalize}}.blog-title{margin-top:8px;font-weight:600;font-size:16px;line-height:28px;text-transform:capitalize;cursor:pointer;transition:all .3s ease-in-out;&:hover{color:var(--primary)}}}}}.right-content{width:100%;max-width:452px}.pagination-section{margin-top:60px}.sidebar-section{display:flex;flex-direction:column;align-items:center;gap:40px;.sidebar-card{display:flex;flex-direction:column;width:100%;gap:10px;padding:24px;border-radius:12px;border:none;height:-moz-fit-content;height:fit-content;background-color:var(--bg-third);.title{font-weight:600;font-size:24px;line-height:28px;color:var(--secondary);margin-bottom:28px}.card-cover{display:flex;flex-direction:column;gap:16px;.recent-post-card{display:flex;align-items:center;gap:16px;transition:all .3s ease-in-out;*{transition:all .3s ease-in-out}.image{display:flex;align-items:center;justify-content:center;max-width:132px;width:100%;aspect-ratio:11/7;overflow:hidden;border-radius:12px;img{width:100%;height:100%;object-fit:cover;object-position:center}}.text-content{.title{color:var(--text-primary);font-weight:500;font-size:16px;line-height:26px;text-transform:capitalize;display:-webkit-box;-webkit-line-clamp:2;overflow:hidden;-webkit-box-orient:vertical;margin-bottom:12px}.date{font-weight:400;font-size:14px;line-height:18px;color:var(--text-secondary)}}&:hover{.text-content{.title{color:var(--primary)}}}}.category-filter{border:none;background-color:transparent;padding:18px 8px;border-bottom:1px solid var(--white-400);text-transform:capitalize;display:flex;gap:8px;align-items:center;&:before,*{transition:all .3s ease-in-out}&:before{content:"";height:1px;width:0;display:block;background-color:var(--primary)}.text{color:var(--text-secondary);font-size:14px;line-height:18px}&:hover{.text{color:var(--primary)}&:before{width:10px}}&:last-child{padding-bottom:0;border-bottom:none}}}}}}}@media screen and (max-width:1399px){.blog-article-section{.content-cover{.right-content{max-width:100%}}}}@media screen and (max-width:1199px){.blog-article-section{.content-cover{gap:30px;.sidebar-section{gap:30px}.pagination-section{margin-top:40px}}}}@media screen and (max-width:991px){.blog-article-section{.content-cover{gap:50px;.left-content{max-width:933px;width:100%}.right-content{width:100%;max-width:100%}.pagination-section{margin-top:30px}.sidebar-section{display:flex;gap:16px;flex-direction:row;align-items:flex-start;.sidebar-card{max-width:380px;width:100%;gap:10px;padding:12px;.title{font-size:22px;line-height:26px;margin-bottom:12px}.card-cover{display:flex;flex-direction:column;gap:16px;.recent-post-card{gap:16px;.image{width:112px}.text-content{.title{font-size:14px;line-height:24px;margin-bottom:8px}}}}}}}}}@media screen and (max-width:767px){.blog-article-section{.content-cover{gap:70px;.left-content{max-width:933px;width:100%}.right-content{width:100%;max-width:100%}.pagination-section{margin-top:40px}.sidebar-section{gap:24px;flex-direction:column;align-items:center;.sidebar-card{gap:20px;width:100%;padding:18px;max-width:500px;.title{gap:12px}}}}}.blog-detail-article{border-radius:14px;.text-content{.detail-section{flex-direction:column;.chip-cover{gap:8px;.dot{width:4px;height:4px}.chip{gap:8px;.detail{font-size:12px;line-height:14px}}}.category{gap:8px;.category-name{font-size:12px;line-height:14px}}}.content{.title{font-size:18px;line-height:28px}.text{font-size:14px;line-height:26px}}}}}@media screen and (max-width:575px){.blog-article-section{.content-cover{gap:50px;.left-content{max-width:933px;width:100%;.article-title{font-size:18px;line-height:26px}.blog-footer-cover{.footer-content{max-width:200px;button{gap:6px;.icon{width:16px}span{font-size:14px;line-height:18px}}.blog-title{font-size:14px;line-height:24px}}}}.right-content{width:100%;max-width:100%}.pagination-section{margin-top:30px}.sidebar-section{gap:24px;.sidebar-card{margin:0 auto;gap:18px;padding:18px;.title{gap:8px;h4{font-size:18px;line-height:22px}}.card-cover{gap:18px;.recent-post-card{gap:14px;.image{max-width:76px;height:76px}.text-content{.title{line-height:24px}.date,.title{font-size:14px}.date{margin-top:6px;line-height:16px}}}}}}}}.blog-detail-article{.image{border-radius:14px}.text-content{margin-top:8px;gap:8px;.detail-section{flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:4px;.chip-cover{gap:8px;justify-content:flex-start;.dot{width:4px;height:4px}.chip{gap:8px;.detail{font-size:12px;line-height:14px}}}.category{gap:8px;.category-name{font-size:12px;line-height:14px}}}.content{.article-title{font-size:18px;line-height:28px}.text{font-size:14px;line-height:26px}.points{display:flex;flex-direction:column;gap:16px;li{gap:12px;.icon{width:14px;svg{width:14px;height:14px}}p{font-size:14px;line-height:24px}}}}}}}.related-blog{.title-cover{text-align:center;max-width:518px}.content-cover{--bs-gutter-x:28px;--bs-gutter-y:28px;justify-content:center}}.blog-detail-article{.article-title{font-weight:700;font-size:28px;line-height:36px;color:var(--text-primary)}.image{width:100%;height:100%;overflow:hidden;aspect-ratio:1.91/1;border-radius:12px;cursor:pointer;&:hover{img{transform:scale(1.1)}}img{width:100%;height:100%;object-fit:cover;object-position:center;transition:all .5s ease-in-out}}.line{margin:16px 0;opacity:1;border-top:1px solid var(--border-02)}.text-content{margin-top:8px;display:flex;flex-direction:column;gap:12px;.tag-cover{gap:6px;margin-bottom:2px;.tag{display:flex;gap:6px;align-items:center;font-size:12px;line-height:18px;color:var(--secondary);&:after{content:"";display:block;height:14px;width:1px;background-color:var(--border-02)}&:last-child{&:after{display:none}}}}.chip-cover{gap:12px;.dot{width:3px;height:3px;border-radius:50%;background-color:var(--text-secondary)}.chip{display:flex;align-items:center;gap:8px;.icon{display:flex;align-items:center;justify-content:center;width:14px;height:14px}.detail{font-weight:var(--fw-medium);font-size:14px;line-height:18px;white-space:nowrap;color:var(--text-secondary);text-transform:capitalize}}}.detail-section{display:flex;justify-content:space-between;align-items:center;.category{display:flex;align-items:center;gap:8px;.category-name{font-weight:var(--fw-medium);font-size:14px;line-height:16px;color:var(--text-primary);white-space:nowrap}}}.content{*{font-size:16px}h3{font-size:20px}}}}.similar-category{.title-cover{max-width:518px;text-align:center}}@media (max-width:575px){.similar-category{margin-top:24px}}@media (max-width:379px){.similar-category{.heading-cover{flex-direction:column;justify-content:center;align-items:center;.description{font-size:14px;line-height:22px}}}}.related-products{margin-bottom:-24px;.title-cover{max-width:518px;text-align:center}.content-cover{--bs-gutter-x:28px;--bs-gutter-y:28px;justify-content:center;margin-bottom:24px}}.category-main-section{.content-cover{.image-cover{float:left;max-width:calc(50% - 36px);width:100%;justify-content:center;aspect-ratio:17/20;border-radius:12px;margin-right:32px;margin-bottom:8px;img{object-position:top}}.right-content{width:100%;h3{font-size:20px}.main-title{font-size:28px;line-height:34px;color:var(--text-primary)}.desc-cover{ul{overflow:hidden}}}}}@media (max-width:991px){.category-main-section{.content-cover{.image-cover{float:none;margin:0 auto 24px;max-width:636px}}}}@media (max-width:575px){.category-main-section{.content-cover{.image-cover{width:100%;display:flex;justify-content:center;aspect-ratio:17/20;overflow:hidden;border-radius:12px;img{object-fit:cover;object-position:top;display:block;width:100%}}}.right-content{width:100%;.main-title{font-size:22px;line-height:28px}}}}.product-detail-main-section{.content-cover{.left-content{max-width:calc(50% - 48px);width:100%;margin-right:48px;float:left;.image-cover{width:100%;justify-content:center;aspect-ratio:17/20;border-radius:12px;*{transition:all .3s ease-in-out}&:hover{.main-image{transform:scale(1.1);cursor:pointer}}.main-image{object-position:top}.sub-image-list{top:24px;left:24px;padding:10px;background-color:var(--white-400);border-radius:12px;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);scrollbar-width:none;height:calc(100% - 48px);.sub-image-cover{border-radius:6px;aspect-ratio:7/12;max-height:130px;min-height:110px;img{height:100%}}}}}.right-content{.main-title{color:var(--text-primary)}.main-title,.price{font-size:28px;line-height:34px}.price{color:var(--primary)}.desc-cover{ul{overflow:hidden}}.sub-title{font-size:20px;line-height:24px}.tbl-cover{border:1px solid var(--border-02);border-radius:12px;.table{margin:-1px;width:calc(100% + 2px);border-color:var(--border-02)!important;td{vertical-align:middle;padding:0 12px}p{padding:8px 0;font-size:14px;line-height:16px}.label{color:var(--text-secondary)}.value{color:var(--text-primary)}}}}}}@media (max-width:1299px){.product-detail-main-section{.content-cover{.left-content{max-width:calc(50% - 32px);margin-right:32px}}}}@media (max-width:1199px){.product-detail-main-section{.content-cover{.left-content{max-width:calc(50% - 24px);margin-right:24px}}}}@media (max-width:991px){.product-detail-main-section{.content-cover{.left-content{float:none;margin:0 auto 48px;max-width:440px}}}}@media (max-width:767px){.product-detail-main-section{.content-cover{.left-content{margin-bottom:32px;.image-cover{.sub-image-list{top:18px;left:18px;padding:10px;height:calc(100% - 36px)}}}.right-content{.main-title{font-size:24px;line-height:32px}.sub-title{font-size:18px;line-height:22px}}}}}@media (max-width:575px){.product-detail-main-section{.content-cover{.left-content{margin-bottom:24px;min-width:auto;.image-cover{.sub-image-list{top:12px;left:12px;bottom:12px;padding:8px;height:calc(100% - 24px)}}}.right-content{.main-title{font-size:22px;line-height:28px}.list-cover{gap:8px}.sub-title{font-size:16px;line-height:20px}}}}}.related-products{.title-cover{max-width:518px;text-align:center}.content-cover{--bs-gutter-x:28px;--bs-gutter-y:28px}}