.blog-section{padding:3.5rem 2.5rem!important;max-width:1400px;margin:0 auto}@media (max-width: 900px){.blog-section{padding:2rem .5rem!important}}.search-row{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-bottom:1.5rem}.blog-search-input{padding:.5rem 1rem;width:300px;border:1px solid #ccc;border-radius:0;font-size:1em}.all-blog-posts{display:grid;grid-template-columns:repeat(5,1fr);gap:32px}@media (max-width: 1200px){.all-blog-posts{grid-template-columns:repeat(4,1fr)}}@media (max-width: 900px){.all-blog-posts{grid-template-columns:repeat(3,1fr)}}@media (max-width: 600px){.all-blog-posts{grid-template-columns:repeat(2,1fr)}}@media (max-width: 400px){.all-blog-posts{grid-template-columns:1fr}}.blog-article{border:1px solid #e5e5e5;border-radius:16px;box-shadow:0 4px 16px #3c3c3c14;background:#fff;padding:24px 16px;transition:box-shadow .2s;display:none}.blog-article:hover{box-shadow:0 8px 32px #3c3c3c24}.blog-article img{width:100%;height:auto;border-radius:12px}.blog-article h2{font-size:1.2em;margin-top:.5em;color:#333}.blog-article p{font-size:.95em;color:#666;line-height:1.4}.load-more-btn,.category-btn{background-color:#fff;border:1px solid #ccc;padding:.5rem 1rem;cursor:pointer;border-radius:16px;margin:.25rem;transition:all .2s}.load-more-btn:hover,.category-btn:hover,.category-btn.active{background-color:#2a4d46;color:#fff;border-color:#2a4d46}.materials-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}@media (min-width: 700px){.materials-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 900px){.materials-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width: 1100px){.materials-grid{grid-template-columns:repeat(5,1fr)}}.material-card{border:1px solid #e5e5e5;border-radius:16px;box-shadow:0 4px 16px #3c3c3c14;background:#fff;padding:24px 16px;text-align:center;transition:box-shadow .2s}.material-card:hover{box-shadow:0 8px 32px #3c3c3c24}.material-card img{border-radius:12px;max-width:100%;height:auto;margin-bottom:12px}.material-card h3{margin:12px 0 8px;font-size:1.1rem;color:#2a4d46}.material-card p{margin:0 0 10px;color:#424242;font-size:1rem}.material-card a{color:#3397a7;text-decoration:underline;font-weight:500}.materials-grid-section h2{text-align:center;font-size:2rem;margin-bottom:2rem;color:#2a4d46}
/*# sourceMappingURL=/cdn/shop/t/218/compiled_assets/styles.css.map */