.blog-page-main{padding:2.5rem 1.5rem;max-width:80rem;margin:0 auto}.blog-page-title{font-size:1.5rem;font-weight:600;text-align:center;margin-bottom:1.5rem;color:#fff}@media (min-width:640px){.blog-page-title{font-size:2.25rem}}.blog-search-container{margin-bottom:1.5rem}.blog-search-input{width:100%;border:1px solid #d1d5db;border-radius:.5rem;padding:.5rem 1rem;outline:none}.blog-category-container{position:relative;margin-bottom:2.5rem}.blog-scroll-button{position:absolute;top:50%;transform:translateY(-50%);z-index:10;background:#fff;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);padding:.5rem;border-radius:50%;border:none;cursor:pointer}.blog-scroll-button-left{left:0}.blog-scroll-button-right{right:0}.blog-category-scroll{display:flex;gap:.75rem;overflow-x:auto;padding:0 2.5rem;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}.blog-category-scroll::-webkit-scrollbar{display:none}.blog-category-button{padding:.5rem 1rem;flex-shrink:0;border-radius:50px;border:1px solid #d1d5db;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.blog-category-button-all{background-color:#f3f4f6;color:#374151}.blog-category-button-all.active{background-color:#fbbe27;color:#fff}.blog-category-button-item{background-color:#f3f4f6;color:#374151}.blog-category-button-item.active{background-color:#fbbe27;color:#fff}.blog-cards-grid{display:grid;gap:1.5rem;grid-template-columns:1fr}@media (min-width:768px){.blog-cards-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.blog-cards-grid{grid-template-columns:repeat(3,1fr)}}.blog-pagination-container{display:flex;flex-direction:column;align-items:center;gap:.75rem;margin-top:2.5rem}.blog-pagination-info{font-size:.875rem;color:#6b7280;font-weight:500}.blog-pagination-buttons{display:flex;gap:1rem}.blog-pagination-button{padding:.5rem 1rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;cursor:pointer;transition:all .2s ease}.blog-pagination-button:disabled{background-color:#e5e7eb;color:#9ca3af;cursor:not-allowed}.blog-pagination-button:not(:disabled){background-color:#f3f4f6;color:#1f2937}.blog-pagination-button:not(:disabled):hover{background-color:#e5e7eb}.blog-scroll-icon{width:1.25rem;height:1.25rem}