.article-page-width{max-width:1500px;margin:0 auto 60px;padding:0 20px;display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:40px}.blog-item{cursor:pointer;display:flex;flex-direction:column;gap:16px;transition:transform .25s ease}.blog-item:hover{transform:translateY(-3px)}.blog-item img{width:100%;aspect-ratio:16 / 9;object-fit:cover;border-radius:18px;transition:transform .4s ease,box-shadow .3s ease}.blog-item:hover img{transform:scale(1.03);box-shadow:0 8px 24px #00000014}.blog-content{display:flex;flex-direction:column;gap:8px}.blog-sp-12,.blog-sp-12>*{font-weight:400;font-size:13px;line-height:22px;color:var(--font-secondary-color)}.blog-sp-16{font-weight:600;font-size:18px;line-height:26px;color:var(--font-secondary-color);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.blog-sp-16 a{color:inherit;text-decoration:none;transition:color .2s ease}.blog-sp-16 a:hover{color:var(--primary-color);text-decoration:underline}.blog-desc{font-weight:400;font-size:15px;line-height:26px;color:var(--font-secondary-color)}.pagination{display:block}@media screen and (min-width: 990px){.pagination-wrapper{margin-top:5rem;margin-bottom:5rem}}.article-content img{max-width:100%;height:auto;border-radius:18px;margin:24px 0}.article-content p,.article-content span{font-weight:400;font-size:16px;line-height:32px;color:var(--font-secondary-color);padding:15px 0;display:inline-block;margin:0}.related-post{box-sizing:border-box;background:#fff;border-top:.5px solid #d8dee5;margin-top:60px;padding-top:20px}@media (max-width: 767px){.article-page-width{grid-template-columns:1fr;gap:28px}.blog-item img{aspect-ratio:4 / 3;border-radius:14px}}.blog-readmore{display:inline-block;margin-top:10px;font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.3px;color:var(--primary-color);text-decoration:none;position:relative;transition:color .25s ease,transform .25s ease}.blog-readmore:hover{color:var(--primary-hover-color, #0f4c81);transform:translateY(-1px)}.blog-readmore:after{content:"";position:absolute;left:0;bottom:-2px;width:0%;height:2px;background:var(--primary-color);transition:width .3s ease}.blog-readmore:hover:after{width:100%;background:var(--primary-hover-color, #0f4c81)}.blog-item{border-bottom:1px solid #e0e4eb;padding-bottom:32px;margin-bottom:32px}.blog-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}
/*# sourceMappingURL=/cdn/shop/t/18/assets/section-main-blog.css.map */
