.blog-list-section{background-color:#f9f9f9;padding:3.75rem 19.125rem;min-height:100vh}.blog-list-container{max-width:1308px;margin:0 auto}.blog-list-title{font-family:Roboto,sans-serif;font-weight:700;font-size:2.5rem;line-height:3rem;text-align:center;color:#000;margin-bottom:1.5rem}.blog-list-tags{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;margin-bottom:1.5rem}.blog-tag-item{display:inline-flex;justify-content:center;align-items:center;padding:1rem 2rem;background-color:#fff;border:1px solid transparent;border-radius:.5rem;font-family:Roboto,sans-serif;font-weight:700;font-size:1.25rem;line-height:1.875rem;color:#444;text-decoration:none;transition:all .3s ease;white-space:nowrap}.blog-tag-item:hover{color:#1b8c91}.blog-tag-item.is-active{border-color:#1b8c91;color:#1b8c91}.blog-list-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.blog-card{background:transparent}.blog-card-link{display:flex;flex-direction:column;gap:1rem;text-decoration:none}.blog-card-image{width:100%;aspect-ratio:422 / 281;border-radius:.5rem;overflow:hidden;background-color:#e8e8e8}.blog-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.blog-card-link:hover .blog-card-image img{transform:scale(1.05)}.blog-card-image--placeholder{display:flex;align-items:center;justify-content:center}.blog-card-image--placeholder svg{width:3rem;height:3rem;color:#ccc}.blog-card-content{display:flex;flex-direction:column;gap:.75rem}.blog-card-title{font-family:Roboto,sans-serif;font-weight:500;font-size:1rem;line-height:1.25rem;color:#111;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .3s ease}.blog-card-link:hover .blog-card-title{color:#1b8c91}.blog-card-date{font-family:Roboto,sans-serif;font-weight:500;font-size:1rem;line-height:1.25rem;color:#111;opacity:.4}.blog-pagination{display:flex;justify-content:center;margin-top:3rem}.blog-pagination-list{display:flex;align-items:center;gap:.5rem}.blog-pagination-item{display:flex;justify-content:center;align-items:center;min-width:2.5rem;height:2.5rem;padding:.5rem .75rem;border-radius:.5rem;font-family:Inter,sans-serif;font-weight:400;font-size:1rem;color:#1e1e1e;text-decoration:none;transition:all .3s ease}.blog-pagination-item:hover{background-color:#1b8c911a}.blog-pagination-item.is-current{background-color:#1b8c91;color:#f5f5f5}.blog-pagination-gap{color:#000;font-weight:700}.blog-pagination-prev,.blog-pagination-next{color:#1e1e1e}.blog-pagination-prev:hover,.blog-pagination-next:hover{color:#1b8c91}@media screen and (max-width:1200px){.blog-list-section{padding:3.75rem 5rem}.blog-list-grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:1024px){.blog-list-section{padding:2.5rem}.blog-list-title{font-size:2rem;line-height:2.5rem}.blog-tag-item{padding:.75rem 1.5rem;font-size:1rem;line-height:1.5rem}}@media screen and (max-width:768px){.blog-list-section{padding:2rem 2.5rem}.blog-list-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.blog-card-title{font-size:.875rem;line-height:1.125rem}.blog-card-date{font-size:.75rem;line-height:1rem}}@media screen and (max-width:480px){.blog-list-section{padding:2.5rem}.blog-list-title{font-size:1.667rem;line-height:2rem;margin-bottom:1.5rem}.blog-list-tags{gap:.5rem;margin-bottom:2rem;overflow-x:auto;flex-wrap:nowrap;justify-content:flex-start;padding-bottom:.5rem;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.blog-list-tags::-webkit-scrollbar{display:none}.blog-tag-item{padding:.667rem 1.333rem;font-size:.833rem;line-height:1.25rem;flex-shrink:0}.blog-list-grid{grid-template-columns:1fr;gap:1rem}.blog-card-image{aspect-ratio:16 / 9}.blog-card-title{font-size:1rem;line-height:1.25rem}.blog-card-date{font-size:.833rem;line-height:1rem}.blog-pagination-item{min-width:2.25rem;height:2.25rem;padding:.417rem .667rem;font-size:.875rem}}@media screen and (min-width:2001px){.blog-list-section{padding:3.75rem calc(19.125rem + (100vw - 2000px)/2)}}
/*# sourceMappingURL=/cdn/shop/t/75/assets/blog-list.css.map */