@import url("variables.css");@import url("typography.css");.blogmain-page{align-items:center;background-color:var(--surface-background-primary);display:flex;flex-direction:column;gap:1rem;justify-content:center;overflow-x:hidden}.blog-m-header{background:var(--surface-primary);border-bottom:1px solid var(--border-primary);padding:.75rem;position:sticky;top:0;z-index:30}.blog-m-header,.blog-m-header .icon-btn{align-items:center;display:flex;text-decoration:none}.blog-m-header .icon-btn{background:none;border:0;color:var(--text-primary);font-size:1.2rem;justify-content:center}.blog-m-header .title{color:var(--text-primary);font-size:14px}.full-section{align-items:center;background:var(--surface-primary);display:flex;flex-direction:column;justify-content:center;width:100%}.blog-list-section,.blog-page-section,.blogmain-section,.topseen-section{display:flex;gap:.5rem;max-width:1320px;padding:.5rem;width:100%}.blog-list-section.all,.blog-page-section{max-width:1450px;width:85%}.blog-list-section.all.mobile,.blog-page-section.mobile{padding:.5rem;width:100%}.blogmain-section .left-part,.blogmain-section .right-part{align-items:center;display:flex;flex-direction:column;gap:.25rem;min-height:700px;padding:.75rem}.blogmain-section .right-part{flex:calc(60% - 0.25rem)}.blogmain-section .left-part{flex:calc(40% - 0.25rem)}.blogmain-page .title{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;display:-moz-box;display:box;box-orient:vertical;line-height:1.2em;max-height:3.6em;text-overflow:ellipsis}.title[title]:hover:after{background:var(--surface-primary);border:1px solid var(--border-primary);border-radius:4px;content:attr(title);max-width:300px;padding:.5rem;position:absolute;z-index:1000;word-wrap:break-word}.blogmain-card.main{align-items:center;display:flex;flex:1;flex-direction:column;gap:.5rem;padding:.5rem;text-decoration:none;width:100%}.blogmain-card.main .title{font-weight:700}.blogmain-card.main .subtitle,.blogmain-card.main .title{color:var(--text-primary);margin:0;padding:.25rem .5rem;text-align:right;text-decoration:none;width:100%}.blogmain-card.main .subtitle{font-size:13px;font-weight:500;text-wrap:wrap}.blogmain-card.left{align-items:center;border-bottom:1px solid var(--border-primary);display:flex;flex:1;gap:.25rem;height:100px;padding:.5rem;text-decoration:none;width:100%}.blogmain-card.left .title{color:var(--text-primary);font-weight:700}.ad-img,.blog-post-img,.blogmain-img-sm,.topseen-img{border:1px solid var(--border-primary);border-radius:8px;cursor:pointer;overflow:hidden;padding:0;transition:border-color .2s ease}.ad-img img{height:350px;-o-object-fit:cover;object-fit:cover;width:200px}.ad-img img,.ad-img.mobile img{border-radius:8px;display:block}.ad-img.mobile img{aspect-ratio:4;height:auto;-o-object-fit:fill;object-fit:fill;width:100%}.blog-post-img img{height:130px;width:200px}.blog-post-img img,.blog-post-img.mobile img{border-radius:8px;display:block;-o-object-fit:cover;object-fit:cover}.blog-post-img.mobile img{height:100px;width:130px}.blogmain-img-sm img{border-radius:8px;display:block;height:90px;-o-object-fit:cover;object-fit:cover;width:150px}.blogmain-img{border-radius:12px;max-height:650px;position:relative;width:100%}.blogmain-img.mobile{min-height:200px;width:300px}.blogmain-img img{border:1px solid var(--border-primary);border-radius:12px;cursor:pointer;-o-object-fit:contain;object-fit:contain;width:100%}.blogmain-img.mobile img{height:100%;-o-object-fit:fill;object-fit:fill;width:100%}.topseen-img img{border-radius:8px;display:block;height:100px;-o-object-fit:cover;object-fit:cover;width:100px}.skeleton{background:var(--surface-background-secondary,#eee);overflow:hidden;position:relative}.skeleton:after{animation:shimmer 1.4s infinite;background:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.4) 50%,hsla(0,0%,100%,0));content:"";inset:0;position:absolute}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.ad-img img,.blog-post-img img,.blogmain-img img,.blogmain-img-sm img,.topseen-img img{opacity:0;transition:opacity .3s ease}.ad-img.loaded img,.blog-post-img.loaded img,.blogmain-img-sm.loaded img,.blogmain-img.loaded img,.topseen-img.loaded img{opacity:1}.ad-img,.blog-post-img,.blogmain-img,.blogmain-img-sm,.topseen-img{background:var(--surface-background-secondary,#eee);position:relative}.ad-img.skeleton img,.blog-post-img.skeleton img,.blogmain-img-sm.skeleton img,.blogmain-img.skeleton img,.topseen-img.skeleton img{visibility:hidden}.skeleton .blogmain-img{min-height:450px}.blogmain-img-sm.skeleton{min-width:150px;width:150px}.topseen-img.skeleton{min-width:100px;width:100px}.blog-post-img.skeleton{min-width:200px;width:200px}.blog-post-img.mobile.skeleton{min-width:130px;width:130px}.ad-img.skeleton{min-width:200px;width:200px}.ad-img.mobile.skeleton{min-height:100px;width:100%}.topseen-section{align-items:center;background:var(--surface-primary);border:1px solid var(--border-primary);border-radius:10px;flex-direction:column;gap:0;padding:1rem}.topseen-section.mobile{background:none;border:none}.blog-list-section .title-row,.comment-section .title-row,.editor-section .title-row,.topseen-section .title-row{align-items:center;display:flex;flex:1;gap:.25rem;justify-content:start;padding:.25rem;width:100%}.blog-list-section .title-row .title,.comment-section .title-row .title,.editor-section .title-row .title,.multi-carousel-section .section-header h4,.topseen-section .title-row .title{color:var(--text-primary);font-size:15px;font-weight:700;margin:0}.blog-list-section.all .title-row .title,.comment-section .title-row .title{font-size:20px}.blog-list-section.all.mobile .title-row .title{font-size:16px}.comment-section .title-row{flex:0}.topseen-section .blog-row{flex:1;gap:.75rem;width:100%}.topseen-card,.topseen-section .blog-row{align-items:center;display:flex;justify-content:space-between;padding:.5rem}.topseen-card{flex:30%}.topseen-card .title{color:var(--text-primary);font-weight:500}.blog-row .divider{border-left:2px solid var(--border-primary);height:100%;min-height:100px;width:1px}.blogmain-card.main .title{font-size:18px;-webkit-line-clamp:2;-moz-line-clamp:2;line-clamp:2;line-height:1.5em;max-height:3em}.blogmain-card.main.mobile .title{font-size:14px}.blogmain-card.left .title{flex:1;font-size:14px}.blogmain-card.left .title,.topseen-card .title{-webkit-line-clamp:2;-moz-line-clamp:2;line-clamp:2;line-height:1.5em;max-height:3em;text-align:right;width:100%}.topseen-card .title{font-size:13px;padding-left:.5rem}.blogmain-card.left{align-items:flex-start;justify-content:space-between}.blogmain-card.left .title{margin:0;padding:0}.topseen-card .title{flex:1;margin:0;padding:0}.snack-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;overflow-x:auto;padding:.5rem;scrollbar-width:none}.snack-row::-webkit-scrollbar{display:none}.snack-bar{background-color:var(--surface-teritiary);border:1px solid var(--border-primary);border-radius:12px;color:var(--text-primary);cursor:pointer;flex-shrink:0;font-size:12px;padding:.5rem .75rem;transition:all .3s ease;white-space:nowrap}.snack-bar:hover{background-color:var(--surface-background-primary);border-color:var(--icon-primary)}.snack-bar.active{background-color:var(--icon-primary);border-color:var(--icon-primary);color:var(--text-inverse)}.carousel-container{display:none;opacity:0;transition:opacity .3s ease}.carousel-container.active{animation:fadeIn .5s ease;display:block;opacity:1}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.snack-row.mobile{flex-wrap:nowrap;overflow-x:auto;padding-bottom:.5rem}.carousel-container.mobile:not(.active){display:none}.multi-carousel-swiper.style1 .swiper-slide{display:flex;flex-shrink:0;justify-content:center;position:relative;width:220px}.multi-carousel-swiper.style1 .swiper-slide:after{background-color:var(--border-primary);bottom:5%;content:"";left:100%;position:absolute;top:5%;width:1px}.multi-carousel-swiper.mobile .swiper-slide{margin-left:5px!important;width:150px}.multi-carousel-swiper:not(.mobile) a.product-card-m{max-width:190px}.multi-carousel-swiper:not(.mobile) .product-card-m .image-wrapper{max-width:180px;width:180px}.multi-carousel-swiper.mobile a.product-card-m{max-width:150px}.multi-carousel-swiper.mobile .product-card-m .image-wrapper{width:140px}.style2-next,.style2-prev{background:var(--surface-primary)!important;border-radius:50%!important;box-shadow:0 0 5px rgba(0,0,0,.1)!important;color:var(--text-primary)!important;height:32px!important;width:32px!important}.style2-next:after,.style2-prev:after{font-size:16px!important}.style2-prev{right:.25rem}.style2-next{left:.25rem!important}.editor-card{border-radius:10px;height:300px;width:300px}.editor-swiper.mobile .editor-card{border-radius:10px;height:200px;width:200px}.editor-section{margin:1rem 0;max-width:1320px;padding:1rem .5rem;width:100%}.editor-swiper .swiper-slide{display:flex;flex-shrink:0;height:300px;justify-content:center;position:relative;width:300px}.editor-card{border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.1);display:block;height:100%;overflow:hidden;position:relative;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease;width:100%}.editor-card:hover{box-shadow:0 8px 20px rgba(0,0,0,.15);transform:translateY(-4px)}.editor-img{background:var(--surface-background-secondary,#eee);border-radius:12px;height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%}.editor-img img{height:100%;-o-object-fit:cover;object-fit:cover;opacity:0;transition:opacity .3s ease;width:100%}.editor-img.loaded img{opacity:1}.editor-img.skeleton img{visibility:hidden}.editor-card:after{background:linear-gradient(0deg,rgba(0,0,0,.8) 0,rgba(0,0,0,.5) 50%,transparent);bottom:0;height:40%}.editor-card:after,.editor-card:before{content:"";left:0;pointer-events:none;position:absolute;width:100%;z-index:1}.editor-card:before{background:linear-gradient(180deg,rgba(0,0,0,.3) 0,transparent);height:20%;top:0}.editor-content{align-items:flex-end;bottom:0;display:flex;left:0;padding:1rem;position:absolute;width:100%;z-index:2}.blog-post .subtitle,.editor-content .title{color:#fff;display:-webkit-box;font-size:16px;font-weight:700;-webkit-line-clamp:2;line-height:1.4;margin:0;text-align:right;text-shadow:0 1px 3px rgba(0,0,0,.5);-webkit-box-orient:vertical;max-height:2.8em;overflow:hidden;text-overflow:ellipsis}.editor-img.skeleton:after{animation:shimmer 1.4s infinite;background:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.4) 50%,hsla(0,0%,100%,0));content:"";inset:0;position:absolute}@media (max-width:768px){.editor-swiper .swiper-slide{height:250px;width:250px}.editor-content{padding:.75rem}.editor-content .title{font-size:14px}}@media (max-width:480px){.editor-swiper .swiper-slide{height:200px;width:200px}.editor-content{padding:.5rem}.editor-content .title{font-size:13px}}.start-tag{background:var(--icon-brand);height:1rem;width:.25rem}.blog-list-section{flex-direction:column;gap:.75rem}.blog-list{gap:.75rem}.blog-list,.blog-list .blog-posts{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.blog-list .blog-posts{flex:calc(80% - 0.25rem);gap:.25rem}.ad-col{align-items:end;flex:calc(20% - 0.25rem);flex-direction:column;gap:4.5rem;justify-content:center;min-width:200px}.ad-col,.blog-post{display:flex;width:100%}.blog-post{align-items:center;flex:1;justify-content:space-between;min-height:170px;padding:.5rem;text-decoration:none!important}.blog-post.mobile{min-height:130px}.blog-post.mobile .right-part{height:100px}.blog-post .right-part{align-items:start;display:flex;flex:1;flex-direction:column;gap:.5rem;height:120px;justify-content:space-between;max-width:60%}.blog-list .blog-post:not(:last-child){border-bottom:1px solid var(--border-primary)}.blog-category,.blog-date{color:var(--text-teritiary);font-size:11px;margin:0;text-align:right}.blog-post .title{color:var(--text-primary);font-size:14px;font-weight:700;margin:0;max-width:80%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.blog-post.mobile .title{display:block;font-size:12px}.show-more-btn{background:var(--surface-teritiary);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:13px;font-weight:500;padding:.5rem;text-align:center;text-decoration:none}.blog-post .subtitle{color:var(--text-teritiary);font-size:12px;font-weight:400;text-shadow:none}.blog-post.mobile .subtitle{font-size:11px}input.custom-input{padding:.5rem .75rem}input.custom-input.mobile{font-size:11px;height:42px}.pagination-row{align-items:center;display:flex;gap:.5rem;justify-content:end}.pagination-btn{align-items:center;background:var(--surface-primary);border:1px solid var(--border-primary);color:var(--text-primary);display:flex;font-size:12px;height:32px;justify-content:center;padding:.5rem;text-align:center;text-decoration:none;width:32px}.pagination-btn.active{background:var(--surface-brand);color:var(--text-inverse)}.pagination-btn.disabled{background:var(--surface-teritiary);cursor:text;pointer-events:none}.notfound-row{flex-direction:column;gap:.75rem}.notfound,.notfound-row{align-items:center;display:flex;justify-content:center}.notfound{background:var(--surface-negative-subtle);border-radius:50%;height:50px;width:50px}.notfound .icc{color:var(--icon-brand);font-size:25px}.notfound-row .title{color:var(--text-primary);font-size:15px;font-weight:700;text-align:center}.carousel-1.mobile{background:none;border:none}.carousel-1.mobile .section-header h4{color:var(--text-primary);font-size:15px;font-weight:700}.product-card-m{border:1px solid var(--border-primary)}.multi-carousel-swiper.style1.mobile .swiper-slide:after,.product-swiper.style1.mobile .swiper-slide:after{background:none}.product-card-m .image-wrapper{min-width:120px;width:auto!important}.blog-page-section{flex-direction:column}.blog-page-section .header-section{align-items:start;border-bottom:1px solid var(--border-primary);display:flex;flex-direction:column;gap:.5rem;justify-content:start;padding:1rem 0;width:100%}.blog-page-section .header-section.mobile{padding:1rem .5rem}.header-section .title{color:var(--text-primary);font-size:1.75rem;font-weight:700}.header-section.mobile .title{font-size:1.25rem}.header-section .detail-row{align-items:center;display:flex;gap:.5rem}.header-section.mobile .detail-row{gap:.3rem}.header-section .detail-row .detail-item{align-items:center;color:var(--text-teritiary);display:flex;font-size:15px;gap:.5rem}.header-section.mobile .detail-row .detail-item{font-size:12px}.detail-row .detail-item .icc{font-size:20px}.header-section.mobile .detail-row .detail-item .icc{font-size:16px}.blog-page-section .divider{border-left:1px solid var(--border-primary);height:100%;min-height:20px;width:1px}.blog-page-section.mobile .divider{min-height:15px}.blog-page-section .main-section{overflow:hidden;padding:.5rem;text-align:right;width:100%}.blog-page-section .footer-section{align-items:center;background:var(--surface-primary);border:1px solid var(--border-primary);border-radius:10px;display:flex;gap:.5rem;justify-content:space-between;padding:.75rem;width:100%}.blog-page-section.mobile .footer-section{align-items:start;flex-direction:column}.footer-section p{color:var(--text-teritiary);font-size:14px;margin:0}.blog-page-section.mobile .footer-section p{font-size:12px}.footer-section .copy-btn{align-items:center;background:none;border:none;color:var(--text-primary);display:flex;font-size:20px;justify-content:center;padding:.5rem;text-decoration:none}.footer-section .keyword-section{align-items:center;display:flex;gap:.5rem;max-width:80%}.blog-page-section.mobile .footer-section .keyword-section{max-width:100%}.footer-section .keyword-section .keyword-row{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;max-width:80%}.blog-page-section.mobile .footer-section .keyword-section .keyword-row{max-width:100%}.cart-toast{border-radius:8px;bottom:10%;box-shadow:0 4px 12px rgba(0,0,0,.15);color:var(--text-inverse);font-size:16px;left:50%;opacity:0;padding:2rem 4rem;position:fixed;transform:translateX(-50%) translateY(20px);transition:all .3s ease;z-index:9999}@media (max-width:768px){.cart-toast{bottom:50%;font-size:15px;font-weight:500;width:90%}}.cart-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.cart-toast.success{background:var(--surface-positive);border:1px solid var(--border-positive)}.cart-toast.error{background:var(--surface-negative);border:1px solid var(--border-negative)}.blog-tag{align-items:center;background:var(--surface-inverse-secondary);border-radius:8px;color:var(--text-inverse);display:flex;font-size:11px;justify-content:center;padding:.5rem .75rem;text-align:center}.blog-page-section.mobile .carousel-section.carousel-1{background:none;border:none}.blog-page-section.mobile .carousel-section.carousel-1 .section-header{padding-left:0;padding-right:0}.blog-page-section.mobile .carousel-section.carousel-1 .section-header h4{font-size:15px}.comment-section{align-items:center;display:flex;flex-direction:column;gap:.5rem;justify-content:center;width:100%}textarea.custom-textarea{background:var(--surface-teritiary);border:1px solid var(--border-primary);border-radius:8px;min-height:100px;padding:.5rem;width:100%}.comment-section .main-part{align-items:stretch;background:var(--surface-primary);border:1px solid var(--border-primary);border-radius:10px;display:flex;gap:.5rem;padding:.75rem .5rem;width:100%}.comment-section .main-part.mobile{background:none;border:none;border-radius:0;flex-direction:column;justify-content:center}.comment-section .comment-list{align-items:start;border-left:1px solid var(--border-primary);display:flex;flex:calc(50% - 0.25rem);flex-direction:column;gap:.5rem;padding:.75rem;width:100%}.main-part.mobile .comment-list{border-left:none}.comment-list .comment-card{align-items:start;background:var(--surface-primary);border:1px solid var(--border-primary);border-radius:10px;display:flex;flex:1;flex-direction:column;justify-content:start;min-height:100px;padding:.5rem}.comment-list .comment-card .title-row{align-items:center;display:flex;gap:.25rem}.comment-card .title-row .date,.comment-card .title-row .name{color:var(--text-teritiary);font-size:12px;margin:0}.comment-card .text-part{align-items:start;display:flex;padding:.25rem;text-align:right;width:100%}.comment-card .text-part p{color:var(--text-primary);font-size:14px;margin:0;text-align:right;width:100%}.submit-btn{align-items:center;background:var(--surface-inverse-primary);border:none;border-radius:10px;color:var(--text-inverse);display:flex;font-size:13px;justify-content:center;padding:.5rem;text-align:center}.submit-btn:disabled{background:var(--surface-disabled)}.signin-alert{background:var(--gray-400);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-primary);font-size:13px;margin:0;padding:1rem .75rem;text-align:right;width:100%}.add-comment-box{align-items:center;display:flex;flex:calc(50% - 0.25rem);flex-direction:column;gap:.5rem;justify-content:start;padding:1.25rem 1rem}.main-part.mobile .add-comment-box{background:var(--surface-primary);border:1px solid var(--border-primary);border-radius:8px;justify-content:center}.add-comment-box h4,.comment-list h4{color:var(--text-primary);font-size:17px;font-weight:700;padding:.5rem 0;text-align:center}.reply-icon{color:var(--text-teritiary);font-size:16px;padding-bottom:.5rem;transform:rotateX(180deg)}