.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:8px;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{.content-cover{gap: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}}}}.blog-card{display:flex;flex-direction:column;gap:16px;*{transition:all .5s ease-in-out}.image-cover{display:flex;align-items:center;justify-content:center;height:300px;overflow:hidden;border-radius:12px;img{display:block;object-position:top;object-fit:cover;width:100%;height:100%}}.text-content{display:flex;flex-direction:column;flex-grow:1;gap:12px;.tag-cover{gap:6px;.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}}}}.line{border-top:1px solid var(--border-02);margin:0;opacity:1}.title{color:var(--text-primary);font-weight:500;line-height:28px;font-size:18px}.description{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}}&:hover{img{transform:scale(1.1)}.title{color:var(--primary)}}}@media (max-width:767px){.blog-card{margin:0 auto;max-width:400px}}.slider-section{margin-top:80px;padding:0 28px}.slider-section .slider-cover{height:570px}.slider-section .category-swiper{height:100%;width:100%;text-align:center;overflow-y:visible}.slider-section .category-swiper .swiper-wrapper{align-items:center}.slider-section .category-swiper .swiper-slide{height:512px;transition:height .5s ease-in-out,width .5s ease-in-out}.slider-section .category-swiper .swiper-slide-next{height:570px}.slider-section .centered-swiper .swiper-wrapper{justify-content:center!important}.slider-buttons{display:none}@media (hover:none) and (pointer:coarse){.slider-buttons{display:flex;justify-content:center;margin-top:24px;gap:16px}}.category-slide-card{border-radius:12px;transition:all .5s ease-in-out;height:100%;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;*{transition:all .5s ease-in-out}img{width:100%;height:100%;object-fit:cover}&:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background-image:linear-gradient(180deg,transparent 0,rgba(0,0,0,.8));z-index:1}.title{font-size:24px;line-height:1.2;color:var(--white);bottom:50px;padding:0 40px;width:100%;z-index:2}.email-icon{aspect-ratio:1;bottom:40px;left:40px;width:62px;background-color:var(--primary);opacity:0;z-index:1;color:var(--white)}}@media (hover:hover) and (pointer:fine){.category-slide-card{&:hover{img{transform:scale(1.1)}.title{margin-bottom:16px;bottom:102px}.email-icon{bottom:40px;opacity:1;z-index:3}}}}@media (max-width:1599px){.slider-section{padding:0 24px;margin-top:70px}.slider-section .slider-cover{height:500px}.slider-section .category-swiper .swiper-slide{height:450px}.slider-section .category-swiper .swiper-slide-next{height:500px}.category-slide-card .email-icon{width:56px}}@media (max-width:1439px){.slider-section .slider-cover{height:460px}.slider-section .category-swiper .swiper-slide{height:420px}.slider-section .category-swiper .swiper-slide-next{height:450px}}@media (max-width:1199px){.slider-section{margin-top:56px}.slider-section .slider-cover{height:410px}.slider-section .category-swiper .swiper-slide{height:360px}.slider-section .category-swiper .swiper-slide-next{height:410px}.category-slide-card{.title{bottom:20px;padding:0 20px;font-size:22px}.email-icon{width:42px;svg{width:22px;height:22px}}}}@media (max-width:1023px){.slider-section{margin-top:48px}.slider-section .slider-cover{height:420px}.slider-section .category-swiper .swiper-slide{height:380px}.slider-section .category-swiper .swiper-slide-next{height:420px}}@media (max-width:991px){.slider-section .slider-cover{margin-left:auto;margin-right:auto;max-width:736px;height:500px}.slider-section .centered-swiper .swiper-wrapper{justify-content:start!important}.slider-section .category-swiper .swiper-slide{height:400px}.slider-section .category-swiper .swiper-slide-next{height:450px}@media (hover:none) and (pointer:coarse){.category-slide-card{.title{margin-bottom:16px;bottom:48px}.email-icon{opacity:1;z-index:3;width:48px;bottom:20px;left:20px}}}}@media (max-width:767px){.slider-section{margin-top:36px}.slider-section .slider-cover{height:360px;max-width:564px}.slider-section .category-swiper .swiper-slide{height:320px}.slider-section .category-swiper .swiper-slide-next{height:360px}.category-slide-card{.title{font-size:18px;bottom:32px;padding:0 12px;margin-bottom:16px}.email-icon{left:12px;bottom:20px;width:36px;opacity:1;z-index:3;svg{width:18px;height:18px}}}}@media (max-width:575px){.slider-section{margin-top:24px;padding:0 16px}.slider-section .slider-cover{height:470px;max-width:372px}.slider-section .category-swiper .swiper-slide{height:400px;width:100%}.slider-section .centered-swiper .swiper-wrapper{justify-content:flex-start!important}.category-slide-card img{transform:scale(1.1)}}@media (max-width:379px){.slider-buttons{gap:12px}.category-slide-card{margin-left:0}}@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{.content-cover{gap: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}}}}.why-choose-us{background-color:var(--bg-secondary);background-image:url(/images/pages/home/why-choose-bg.webp);background-size:cover;background-position:50%;background-repeat:no-repeat;.title-cover{writing-mode:vertical-rl;-webkit-text-orientation:mixed;text-orientation:mixed;transform:rotate(180deg);display:flex;align-items:center;gap:24px;&:before{content:"";width:18px;height:86px;background-color:var(--secondary)}}.content-cover{.left-content{gap:12px;margin-right:-114px;margin-top:70px;.why-choose-card{max-width:790px;padding:32px;background-color:var(--white);display:flex;flex-direction:column;gap:12px;border-radius:12px;box-shadow:0 4px 40px 0 var(--shadow-01);.desc{font-size:16px;line-height:28px;strong{color:var(--secondary);font-weight:600}}}}.right-content{border-radius:12px;max-width:700px;aspect-ratio:7/4;margin-bottom:70px;overflow:hidden;img{height:100%;transition:all .3s ease-in-out}&:hover{img{transform:scale(1.1)}}}}}.hero-section{margin-top:0;img{max-height:92vh}}.hero-section .swiper{width:100%;max-height:900px}.hero-section .swiper-pagination{bottom:30px;display:flex;align-items:center;justify-content:center;gap:8px}.hero-section .swiper-pagination .swiper-pagination-bullet{background-color:var(--white);opacity:1;margin:0;display:block;width:12px;height:12px}.hero-section .swiper-pagination .swiper-pagination-bullet-active{background-color:var(--primary)}.welcome-section .content-cover{gap:28px;.welcome-card{.title{font-weight:500;font-size:24px;line-height:28px;color:var(--text-primary)}.description{color:var(--text-secondary);font-size:16px;line-height:28px}}}.our-products-section{.title-cover{text-align:center;max-width:518px;margin:0 auto;align-items:center;justify-content:center}.content-cover{gap:28px;justify-content:center}}.our-category{margin-bottom:0}.our-category .heading-cover{justify-content:space-between;align-items:center;gap:24px;display:flex}.our-category .heading-cover .section-title{max-width:252px}.our-category .heading-cover .description{max-width:824px;font-size:16px;line-height:28px}.follow-section .content-cover{--bs-gutter-x:56px;.follow-swiper{width:100%;.swiper-wrapper{align-items:center}.swiper-slide{transition:all .8s cubic-bezier(.4,0,.2,1)}.swiper-slide-next{margin-right:28px}&.centered-swiper{.swiper-wrapper{justify-content:center}}}.follow-card{max-width:348px;aspect-ratio:1;border-radius:12px;transition:all .5s ease-in-out;position:relative;overflow:hidden;*{transition:all .5s ease-in-out}.follow-icon{aspect-ratio:1;background-color:var(--white);width:0;height:0;display:flex;align-items:center;justify-content:center;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;svg{width:0;height:0}}&:after{content:"";position:absolute;background-color:var(--secondary-100);z-index:1;inset:50%;transition:all .5s ease-in-out}&:hover{.follow-icon{height:42px;width:42px;svg{width:24px;height:24px}}&:after{inset:0}}}}.about-us-section .content-cover{justify-content:space-between;align-items:center;gap:40px}.about-us-section .content-cover .left-content .text-content{max-width:600px}.about-us-section .content-cover .left-content .text-content .desc{font-size:16px;line-height:28px;margin-bottom:8px;padding-top:4px}.about-us-section .content-cover .left-content .text-content .desc strong{font-weight:600;color:var(--secondary)}.about-us-section .content-cover .left-content .text-content .points{padding-top:2px;color:var(--text-primary);padding-left:16px;display:flex;flex-direction:column;gap:12px}.about-us-section .content-cover .left-content .text-content .points li{line-height:28px;font-size:16px}.about-us-section .content-cover .right-content{width:50%}.blog-section .heading-cover{justify-content:space-between;gap:24px;display:flex}.blog-section .heading-cover .section-title{max-width:252px}.blog-section .heading-cover .description{max-width:824px;font-size:16px;line-height:28px}.blog-section .content-cover{--bs-gutter-x:28px;--bs-gutter-y:28px;justify-content:center}.banner-section{&:before{content:"";position:absolute;inset:0;background-color:var(--bg-transparent);z-index:0}.common-btn .text{color:var(--white)}}.collection-section:before{content:"";position:absolute;inset:0;background-image:url(/images/pages/home/collection/background.svg);background-position:100% 100%;background-repeat:no-repeat;opacity:.3;z-index:-1}.collection-section .content-cover{--bs-gutter-x:0px;--bs-gutter-y:12px;justify-content:center}.collection-section .content-cover img{border-radius:12px}.collection-section .content-cover .bottom-collection-img:last-child{margin-top:32px}.collection-section .content-cover .text-cover{position:absolute;top:50%;transform:translateY(-50%);width:100%}.collection-section .content-cover .text-cover .text-content{max-width:348px;margin:0 auto}.collection-section .content-cover .text-cover .text-content .black-text{color:var(--text-primary)}.collection-section .content-cover .text-cover .text-content .red-text{margin:auto;border-bottom:4px solid transparent;color:var(--text-primary);padding-bottom:4px;transition:all .3s ease}.collection-section .content-cover .text-cover .text-content .red-text:hover{color:var(--primary);border-color:var(--primary)}.collection-section .content-cover .text-cover .text-content .hover-red-text{color:var(--text-primary);transition:color .3s ease}.collection-section .content-cover .text-cover .text-content .hover-red-text:hover{color:var(--primary);padding-bottom:4px;border-bottom:4px solid var(--primary)}@media (max-width:1399px){.blog-section .heading-cover{gap:12px}.blog-section .heading-cover .description{max-width:668px}}@media (max-width:1299px){.collection-section .top-collection-img{width:314px;height:420px}.collection-section .top-collection-img:last-child{width:348px;height:414px}}@media (max-width:1199px){.blog-section .heading-cover{gap:24px}.blog-section .heading-cover .section-title{max-width:202px}.blog-section .heading-cover .description{max-width:512px}.collection-section .top-collection-img{width:302px;height:400px}.collection-section .top-collection-img:last-child{width:324px;height:392px}.collection-section .content-cover .text-cover .text-content{max-width:300px;text-align:center}.collection-section .content-cover .bottom-collection-img{width:220px;height:300px}.collection-section .content-cover .bottom-collection-img:last-child{width:200px;height:292px}}@media (max-width:991px){.why-choose-us{.title-cover{writing-mode:horizontal-tb;transform:rotate(0deg)}.content-cover{.left-content{margin-right:0;margin-top:0;flex-direction:column}.right-content{margin-bottom:50px}}}.hero-section .swiper-pagination{bottom:32px}.our-products-section .content-cover{margin-top:0;gap:16px}.about-us-section .content-cover{flex-direction:column;gap:40px}.about-us-section .content-cover .right-content{width:100%}.collection-section .top-collection-img{display:none}.collection-section .content-cover .g-col-12{margin:0}.collection-section .content-cover .text-cover{position:static!important;transform:translateY(0)}.collection-section .content-cover .text-cover .text-content{max-width:324px}.collection-section .content-cover .bottom-collection-img{display:none}.blog-section .heading-cover{flex-wrap:wrap}}@media (max-width:767px){.hero-section .swiper-pagination{bottom:24px}}@media (max-width:575px){.why-choose-us{.title-cover{gap:18px;&:before{width:46px;height:12px}}.content-cover{.left-content .why-choose-card{padding:16px;gap:8px;.desc{font-size:14px;line-height:24px}}.right-content{margin-bottom:24px}}}.hero-section .swiper-pagination{bottom:16px;gap:6px}.hero-section .swiper-pagination .swiper-pagination-bullet{width:8px;height:8px}.welcome-section .content-cover .welcome-card{.title{font-size:20px;line-height:24px}.description{font-size:14px;line-height:26px}}.our-products-section .content-cover{gap:24px}.our-category{margin-top:24px}.about-us-section .content-cover{gap:30px}.about-us-section .content-cover .left-content .text-content .desc{font-size:14px;line-height:22px;margin-bottom:6px}.about-us-section .content-cover .left-content .text-content .points{padding-top:0;gap:8px}.about-us-section .content-cover .left-content .text-content .points li{line-height:22px;font-size:14px}.about-us-section .content-cover .left-content .text-content .btn-cover{margin-top:30px}.blog-section .heading-cover{flex-direction:column}.blog-section .heading-cover .description{font-size:14px;line-height:24px}.banner-section .content-cover .title{font-size:24px;line-height:32px}.banner-section .content-cover .description{font-size:14px;line-height:24px}.collection-section .content-cover .text-cover{position:relative;transform:translate(0)}}@media (max-width:379px){.our-category .heading-cover{flex-direction:column;justify-content:center;align-items:center}.our-category .heading-cover .description{font-size:14px;line-height:22px}}