.dir-max-width{max-width:100%;margin-top:-35px;margin-bottom:70px}.blogs-navigation{display:flex;justify-content:center;gap:10px;margin:30px 0;flex-wrap:wrap}.bg-white-style{background-color:#fff;padding-bottom:1px}.blog-btn{padding:12px 24px;background:#f8f9fa;border:2px solid #e1e5e9;border-radius:8px;cursor:pointer;font-size:1em;font-weight:600;color:#002d44;transition:all .3s ease;text-decoration:none}.blog-btn:hover,.blog-btn.active{background:#002d44;border-color:#002d44;color:#fff}.articles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin:40px 0}.article-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0000001a;transition:transform .3s ease}.article-image{width:100%;height:200px;overflow:hidden}.article-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.article-content{padding:20px}.article-title{margin:0 0 12px}.article-title a{color:#002d44;text-decoration:none;font-size:1.2em;font-weight:600}.article-title a:hover{color:##02d44}.article-excerpt{color:#002d44;font-size:.9em;line-height:1.5;margin-bottom:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.article-meta{font-size:.8em;color:#002d44;border-top:1px solid #f1f5f9;padding-top:12px}.custom-pagination{display:flex;justify-content:center;align-items:center;margin:50px 0 30px;gap:10px;flex-wrap:wrap}.custom-pagination a,.custom-pagination span{padding:10px 16px;border:1px solid #e1e5e9;border-radius:6px;text-decoration:none;color:#002d44;transition:all .3s ease;display:inline-block;cursor:pointer}.custom-pagination a:hover,.custom-pagination .current{background:#002d44;color:#fff;border-color:#002d44}.custom-pagination .disabled{opacity:.5;cursor:not-allowed;background:#f8f9fa}.pagination-info{text-align:center;margin-bottom:20px;color:#718096;font-size:.9em}.loading{opacity:.7}.pagination-loading{text-align:center;padding:20px;color:#06c;font-size:1.1em}.no-articles{text-align:center;padding:60px 20px;color:#718096}@media (max-width: 1024px){.articles-grid{grid-template-columns:repeat(2,1fr);gap:20px}.blogs-navigation{gap:10px}.blog-btn{padding:10px 20px;font-size:.9em}}@media (max-width: 768px){.articles-grid{grid-template-columns:1fr;gap:20px}.blogs-navigation{flex-direction:column;align-items:center}.blog-btn{width:100%;text-align:center}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/blog-list.css.map */