.tt-main-article{padding:2.5rem 0 3.5rem;width:100%}.tt-main-article iframe{border-radius:15px;margin:0 auto}.tt-main-article span.space-mark-dot{display:inline-block;margin:0 .5rem;width:.25rem;height:.25rem;border-radius:50%;background-color:#7c7c7c}.tt-main-article .article-header .article-header-left,.tt-main-article .article-header .article-header-right{flex:1}.tt-main-article .article-header .article-title{font-size:2.75rem}.tt-main-article .article-header ul.article-tag-list li{background-color:#e7e7e7;color:#7c7c7c}.tt-main-article .article-header .article-author-info .author-head{display:flex;align-items:center;justify-content:center;background-color:#e7e7e7;border-radius:50%;overflow:hidden}.tt-main-article .article-body article{flex:1;overflow:hidden}.tt-main-article .article-body article p{margin:1rem auto}.tt-main-article .article-body article ul{margin:1rem auto;padding-inline-start:2em;list-style:outside}.tt-main-article .article-body article ul ul{margin:0}.tt-main-article .article-body article ol{margin:1rem auto;padding-inline-start:2em;list-style:decimal}.tt-main-article .article-body article ol ol{margin:0}.tt-main-article .article-body article .article-table{margin:1rem auto;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.tt-main-article .article-body article .article-table table{width:auto;border-collapse:collapse;font-size:.875rem;--border-color-base: #ccc}.tt-main-article .article-body article .article-table table thead{background:#f0f0f0}.tt-main-article .article-body article .article-table table th,.tt-main-article .article-body article .article-table table td{padding:6px 8px;text-align:left;vertical-align:top;word-break:break-word}.tt-main-article .article-body article .article-table table.text-center th,.tt-main-article .article-body article .article-table table.text-center td{text-align:center}.tt-main-article .article-body article .article-table table.text-right th,.tt-main-article .article-body article .article-table table.text-right td{text-align:right}.tt-main-article .article-body article .article-highlight-block{margin:1em auto;padding:1em;width:90%;background-color:#fff;border:2px solid var(--color-blue);border-radius:10px}.tt-main-article .article-body article img:not(.product-image){margin:1rem auto;max-width:100%;border-radius:10px}.tt-main-article .article-body article picture,.tt-main-article .article-body article video{border-radius:15px}.tt-main-article .article-body article a:not(.btn-primary,.btn-outline){color:var(--color-blue)}.tt-main-article .article-body article a:not(.btn-primary,.btn-outline):hover{color:var(--hover-color-blue)}.tt-main-article .article-body article>*:nth-child(1){margin-top:0}.tt-main-article .article-body article>*:nth-last-child(1){margin-bottom:0}.tt-main-article .article-body .media-item{position:relative;display:block;width:90%;border-radius:15px;overflow:hidden}.tt-main-article .article-body .media-item video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;z-index:1}.tt-main-article .article-body .media-item .control-pannel{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#737373;opacity:.62;z-index:3}.tt-main-article .article-body .media-item .control-pannel svg{display:block;width:4rem;height:4rem;object-fit:contain;cursor:pointer}.tt-main-article .article-body .media-item.play .control-pannel{opacity:0;visibility:hidden}.tt-main-article .article-body .article-rightbar{flex:0 0 30%}.tt-main-article .article-body .article-rightbar>div{top:calc(1rem + var(--height-header, 70px));height:calc(100vh - 2rem - var(--height-header, 70px));overflow:hidden}.tt-main-article .article-body .article-category,.tt-main-article .article-body .article-category-mb{display:flex;flex-direction:column;background-color:var(--left-block-bg, #fff);will-change:max-height;transition:max-height .3s ease;overflow:hidden}.tt-main-article .article-body .article-category h3,.tt-main-article .article-body .article-category-mb h3{flex:0 0 auto}.tt-main-article .article-body .article-category .article-category-content,.tt-main-article .article-body .article-category-mb .article-category-content{flex:1;display:flex;flex-direction:column;gap:1.25rem;position:relative;margin:0;overflow:auto}.tt-main-article .article-body .article-category .article-category-content a,.tt-main-article .article-body .article-category-mb .article-category-content a{display:block;margin:0;font-size:inherit;line-height:1.25;font-weight:400;color:#575757}.tt-main-article .article-body .article-category .article-category-content a:hover,.tt-main-article .article-body .article-category .article-category-content a.active,.tt-main-article .article-body .article-category-mb .article-category-content a:hover,.tt-main-article .article-body .article-category-mb .article-category-content a.active{color:#000;font-weight:600}.tt-main-article .article-body .article-category .show-more-con,.tt-main-article .article-body .article-category-mb .show-more-con{display:flex;justify-content:center;margin:1.5rem 0 0;padding:1.5rem 0 0;border-top:1px solid #bfbfbf}.tt-main-article .article-body .article-category .show-more-con .show-more-btn,.tt-main-article .article-body .article-category-mb .show-more-con .show-more-btn{display:flex;align-items:center;gap:.5rem;margin:0;padding:.35rem 1.5rem;background-color:#f5f5f5;border-radius:1.5rem;font-weight:400;cursor:pointer}.tt-main-article .article-body .article-category .show-more-con .show-more-btn svg,.tt-main-article .article-body .article-category-mb .show-more-con .show-more-btn svg{display:block;width:1rem;height:auto;transform:rotate(-180deg)}.tt-main-article .article-body .article-category .show-more-con .show-more-btn:after,.tt-main-article .article-body .article-category-mb .show-more-con .show-more-btn:after{display:inline-block;content:var(--category-hide)}.tt-main-article .article-body .article-category.hide .show-more-con .show-more-btn svg,.tt-main-article .article-body .article-category-mb.hide .show-more-con .show-more-btn svg{transform:rotate(0)}.tt-main-article .article-body .article-category.hide .show-more-con .show-more-btn:after,.tt-main-article .article-body .article-category-mb.hide .show-more-con .show-more-btn:after{content:var(--category-show)}.tt-main-article .article-social-share{position:fixed;top:50%;right:1.25rem;transform:translateY(-50%);z-index:11}.tt-main-article .blog-article-product{--block-color: #ffffff;margin:4.5rem 0;width:90%;background:#fff;border-radius:15px;overflow:hidden}.tt-main-article .blog-article-product .product-item__wrapper{--col-width: 50%}.tt-main-article .blog-article-product .bls-loaded-image{background:transparent}.tt-main-article .blog-article-product .product-item__name{color:#000;font-size:1.5rem;font-weight:700}.tt-main-article .blog-article-product .product-item__name:hover{color:#8f53ed}.tt-main-article .blog-article-product .price-same-style{color:#8f53ed;font-size:1.5rem;font-weight:700}.tt-main-article .blog-article-product .product__color-swatches{justify-content:start}.tt-main-article .custom-faq-list .custom-faq-item:nth-child(1) .faq-heading{padding-top:0}.tt-main-article .custom-faq-list .custom-faq-item .faq-answer img{width:auto}@media screen and (max-width: 1600px){.tt-main-article .article-header .article-title{font-size:2.5rem}}@media screen and (max-width: 768px){.tt-main-article{padding:1rem 0}.tt-main-article .article-header .article-header-left,.tt-main-article .article-header .article-header-right{flex:0 0 auto;width:100%}.tt-main-article .article-header .article-title{font-size:2rem}.tt-main-article .article-body article{flex:0 0 auto;width:100%}.tt-main-article .article-body article picture,.tt-main-article .article-body article img:not(.product-image),.tt-main-article .article-body article video{width:100%}.tt-main-article .article-body .article-rightbar{flex:0 0 auto;width:100%}.tt-main-article .article-body .article-rightbar>div{top:auto;height:auto;overflow:visible}.tt-main-article .article-body .article-category-mb .article-category-content{gap:17.5px}.tt-main-article .article-body .media-item{width:100%}.tt-main-article .article-body .media-item .control-pannel svg{width:4rem;height:4rem}.tt-main-article .article-social-share{top:calc(var(--height-header, 70px) + var(--height-bar, 42px) + 6rem);right:1rem;transform:translateY(0)}.tt-main-article .blog-article-product{margin:4rem 0;width:100%}.tt-main-article .blog-article-product .product-item__wrapper{--col-width: 100%}.tt-main-article .blog-article-product .w__customAction .product-item__select-options,.tt-main-article .blog-article-product .w__customAction .product-item__product-form,.tt-main-article .blog-article-product .w__customAction .product-item__learnmore{max-width:none}}.tt-main-article article .btn-primary{font-size:14px}.tt-main-article article .btn-primary[data-color=blue]{--btn-bg-gradient: var(--color-blue);--btn-border-color: var(--color-blue);--btn-color: var(--color-white)}.tt-main-article article .btn-primary[data-color=blue]:hover{--btn-bg-gradient: var(--hover-color-blue);--btn-border-color: var(--hover-color-blue)}.tt-main-article article .btn-primary[data-color=black]{--btn-bg-gradient: var(--color-black);--btn-border-color: var(--color-black);--btn-color: var(--color-white)}.tt-main-article article .btn-primary[data-color=black]:hover{--btn-bg-gradient: var(--hover-color-black);--btn-border-color: var(--hover-color-black);--btn-color: var(--color-white)}.tt-main-article article .btn-primary[data-color=green]{--btn-bg-gradient: var(--color-green);--btn-border-color: var(--color-green);--btn-color: var(--color-black)}.tt-main-article article .btn-primary[data-color=green]:hover{--btn-bg-gradient: var(--hover-color-green);--btn-border-color: var(--hover-color-green)}.tt-main-article article .btn-primary[data-color=purple]{--btn-bg-gradient: var(--color-purple);--btn-border-color: var(--color-purple);--btn-color: var(--color-white)}.tt-main-article article .btn-primary[data-color=purple]:hover{--btn-bg-gradient: var(--hover-color-purple);--btn-border-color: var(--hover-color-purple)}.tt-main-article article .art-underline{background:linear-gradient(transparent 60%,#00d0ff99 80%,#00d0ff66)}.tt-main-article article .art-highlight-box{margin:2rem auto;padding:1rem;width:90%;background-color:#fff;border:2px solid var(--color-blue);box-shadow:2px 2px 2px #ccc}.tt-main-article article .art-quote-box{margin:2rem 0;padding:2rem;background:#fff;box-shadow:0 4px 14px #0000000f;border:1px solid rgba(0,0,0,.12);border-radius:16px;text-align:center}.tt-main-article article .art-quote-box p{margin:0}.tt-main-article article .art-quote-box .art-quote-text{color:#111;font-size:16px;line-height:1.7}.tt-main-article article .art-quote-box .art-quote-author{margin-top:2.2em;font-size:14px;color:#555;white-space:nowrap}.tt-main-article article .art-quote-box .art-quote-author:before{content:"";display:block;margin:0 auto 12px;width:32px;height:1px;background:#00000026}.tt-main-article article .grid.grid-cols{margin:1rem auto}.tt-main-article article .grid.grid-cols img{margin:0}.tt-main-article article .art-product-list{display:flex;gap:10px;margin:2rem auto;padding:2rem 1rem;border-top:2px solid #666;border-bottom:2px solid #666}.tt-main-article article .art-product-list .art-product-item{display:flex;flex-direction:column;text-align:center;font-weight:600}.tt-main-article article .art-product-list .art-product-item img{margin:0;width:100%;aspect-ratio:1/1;object-fit:contain}.tt-main-article article .art-product-list .art-product-item .btn-primary{--btn-bg-gradient: var(--color-white);--btn-border-color: var(--color-blue);--btn-color: var(--color-blue);margin-top:1rem;border-width:2px;font-weight:600}.tt-main-article article .art-product-list .art-product-item .btn-primary:hover{--btn-border-color: var(--hover-color-blue);--btn-color: var(--hover-color-blue)}.tt-main-article article .art-kol-swiper .swiper-slide{width:calc((100% - 20px) / 3);height:auto}.tt-main-article article .art-kol-swiper .swiper-slide .kol-avatar{flex-shrink:0;margin:0;width:40px;height:40px;border-radius:50%;object-fit:cover}.tt-main-article article .art-kol-swiper .swiper-slide .kol-quote{margin:0;color:#3f4d5b}.tt-main-article article .art-kol-swiper .video-trigger{position:relative;display:block;border-radius:10px;overflow:hidden;cursor:pointer}.tt-main-article article .art-kol-swiper .video-trigger img{display:block;margin:0;width:100%;height:auto;border-radius:inherit}.tt-main-article article .art-kol-swiper .video-trigger svg{position:absolute;top:0;right:0;bottom:0;left:0;display:block;margin:auto;pointer-events:none}.tt-main-article article .art-kol-swiper .kol-video-modal{position:fixed;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;width:100%;height:100%;background:#000000d9;z-index:9999}.tt-main-article article .art-kol-swiper .kol-modal-content{position:relative;width:90%;max-width:800px;background:#000;border-radius:8px}.tt-main-article article .art-kol-swiper .kol-close{position:absolute;top:-40px;right:0;color:#fff;font-size:28px;cursor:pointer;transition:opacity .3s ease}.tt-main-article article .art-kol-swiper .kol-close:hover{opacity:.7}.tt-main-article article .art-kol-swiper #kol-youtube-iframe{width:100%;height:400px;border:none}.tt-main-article article .art-grid-list{margin:1rem auto}.tt-main-article article .art-grid-list .grid.grid-cols{margin:0;width:100%}@media (max-width: 768px){.tt-main-article article .btn-primary{font-size:12px}.tt-main-article article .art-quote-box{padding:24px 20px}.tt-main-article article .art-quote-box .art-quote-text{font-size:15px}.tt-main-article article .art-quote-box .art-quote-author{margin-top:2em}.tt-main-article article .art-kol-swiper .swiper-slide{width:100%}.tt-main-article article .art-product-list{padding:2rem 0}}