.blog-posts-grid{display:grid;gap:20px;grid-template-columns:repeat(3,1fr);row-gap:40px}.blog-post-item{background-color:#fff;border:none;box-shadow:0 0 10px 5px rgba(0,0,0,.2);padding:0;transition:transform .2s ease,box-shadow .2s ease,opacity .3s ease;will-change:transform}.hidden-post{display:none!important}.blog-post-item:hover{box-shadow:0 4px 20px rgba(0,0,0,.3);transform:translateY(-2px)}.blog-post-item a{color:inherit;text-decoration:none}.blog-post-image-container{background-color:#f0f0f0;height:200px;margin:0 0 10px;overflow:hidden}.blog-post-image{display:block;height:100%;object-fit:cover;opacity:0;transition:transform .3s ease;width:100%}.blog-post-image.loaded{opacity:1}.blog-post-item:hover .blog-post-image{transform:scale(1.05)}.blog-post-item-text{padding:0 15px 15px}.blog-post-item h3{font-size:1.1rem;line-height:1.4;margin-bottom:1rem}.blog-post-item h5{color:#666;font-size:.9rem;margin-bottom:.4rem}.blog-filters{align-items:center;display:flex;flex-wrap:wrap;gap:15px;margin-bottom:30px}.blog-filters h5{color:#333;font-size:.9rem;font-weight:600;margin:0}@media(max-width:767px){.blog-filters h5{display:none}.blog-filters{justify-content:center}}.blog-filter-button,.load-more-button{background-color:#007bff;border:none;border-radius:0;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .2s ease,transform .1s ease;white-space:nowrap}.blog-filter-button:hover,.load-more-button:hover{background-color:#0056b3;transform:translateY(-1px)}.blog-filter-button:active,.load-more-button:active{transform:translateY(0)}.blog-filter-button.active{background-color:#0056b3;font-weight:600}.load-more-button{display:block;font-size:16px;margin:30px auto;min-width:200px;padding:12px 24px}.blog-loading{align-items:center;display:flex;flex-direction:column;gap:15px;justify-content:center;padding:40px 20px}.blog-loading p{color:#666;font-size:14px;margin:0}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#007bff;height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media(max-width:767px){.blog-posts-grid{gap:15px;grid-template-columns:repeat(1,1fr);row-gap:25px}.blog-post-image-container{height:180px}.blog-post-item-text{padding:0 12px 12px}.blog-post-item h3{font-size:1rem}.blog-post-item h5{font-size:.8rem}}@media(max-width:480px){.blog-filters{gap:10px}.blog-filter-button{font-size:13px;padding:6px 12px}.load-more-button{font-size:14px;min-width:180px;padding:10px 20px}}