.blog-banner{background-color:var(--color-blue);text-align:center;background-position:50%;background-repeat:no-repeat;background-size:cover;justify-content:center;align-items:center;width:calc(100% - 48px);max-width:1440px;height:245.89px;margin:30px auto 0;display:flex;position:relative;overflow:hidden}.blog-banner-title{color:var(--color-white);font-family:var(--font-primary);font-size:2.75rem;font-style:italic;font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.04em;text-shadow:0 1px 3px #0003;margin:0}.blog-section{background-color:var(--color-white);padding:55px 0 85px}.blog-container{max-width:1140px;margin:0 auto;padding:0 24px}.blog-layout{grid-template-columns:1fr 280px;align-items:start;column-gap:55px;display:grid}.blog-posts-list{flex-direction:column;gap:36px;display:flex}.blog-post-card{flex-direction:column;display:flex}.blog-post-title{font-family:var(--font-primary);font-size:18px;font-weight:var(--fw-bold);margin:0 0 10px;line-height:1.35}.blog-post-title a{color:var(--color-orange);transition:color var(--transition-fast);text-decoration:none}.blog-post-title a:hover{color:var(--color-blue);text-decoration:underline}.blog-main-content p,.blog-post-excerpt{font-family:var(--font-primary);color:gray;margin:0 0 12px;font-size:16px;line-height:1.65}.blog-post-date{color:gray;font-size:16px;font-weight:400}.blog-post-action{margin-top:2px}.blog-read-more{color:var(--color-orange);font-family:var(--font-primary);font-size:12px;font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.03em;transition:color var(--transition-fast);text-decoration:none;display:inline-block}.blog-read-more:hover{color:var(--color-blue);text-decoration:underline}.blog-pagination{justify-content:center;align-items:center;gap:6px;margin-top:45px;display:flex}.blog-page-btn{color:#777;min-width:32px;height:32px;font-family:var(--font-primary);font-size:13px;font-weight:var(--fw-medium);transition:all var(--transition-fast);background-color:#efefef;border-radius:2px;justify-content:center;align-items:center;padding:0 12px;text-decoration:none;display:inline-flex}.blog-page-btn:hover:not(.active){color:#333;background-color:#e2e2e2}.blog-page-btn.active{background-color:var(--color-blue);color:var(--color-white);cursor:default}.blog-sidebar{flex-direction:column;display:flex}.blog-search-form{align-items:center;margin-bottom:35px;display:flex;position:relative}.blog-search-input{width:100%;height:42px;font-family:var(--font-primary);color:#454545;transition:border-color var(--transition-fast), background-color var(--transition-fast);background-color:#f4f4f4;border:1px solid #e5e5e5;border-radius:2px;outline:none;padding:0 42px 0 14px;font-size:14px}.blog-search-input:focus{border-color:var(--color-blue);background-color:#fff}.blog-search-submit{cursor:pointer;color:#999;transition:color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:8px;display:flex;position:absolute;right:6px}.blog-search-submit:hover{color:var(--color-blue)}.blog-categories-widget{flex-direction:column;display:flex}.blog-widget-title{font-family:var(--font-primary);font-size:18px;font-style:italic;font-weight:var(--fw-bold);color:#454545;border-bottom:1px solid #ececec;margin:0 0 14px;padding-bottom:10px}.blog-categories-list{flex-direction:column;gap:11px;margin:0;padding:0;list-style:none;display:flex}.blog-category-item{font-family:var(--font-primary);align-items:center;gap:8px;font-size:12px;line-height:1.4;display:flex}.blog-category-chevron{color:var(--color-orange);font-weight:var(--fw-bold);flex-shrink:0;font-size:13px;line-height:1}.blog-category-link{color:var(--color-orange);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.02em;transition:color var(--transition-fast);text-decoration:none}.blog-category-link:hover{color:var(--color-blue);text-decoration:underline}@media (width<=900px){.blog-banner{width:calc(100% - 32px);height:180px;margin:20px auto 0}.blog-banner-title{font-size:2.2rem}.blog-layout{grid-template-columns:1fr;row-gap:45px}.blog-sidebar{max-width:450px}}@media (width<=600px){.blog-banner{width:calc(100% - 24px);height:130px;margin:15px auto 0}.blog-banner-title{font-size:1.85rem}.blog-section{padding:35px 0 60px}.blog-posts-list{gap:36px}.blog-post-title{font-size:18px}.blog-post-excerpt{font-size:16px}}