.blog-filter-bar{background:var(--brand-bg);border-bottom:1px solid var(--brand-divider);padding:1rem 0}.blog-filter-inner{display:flex;align-items:center;flex-wrap:wrap;gap:.625rem 1rem}.blog-filter-label{font-family:var(--font-body);font-size:.8125rem;font-weight:600;color:var(--brand-text-muted);text-transform:uppercase;letter-spacing:.07em;margin:0;white-space:nowrap}.blog-filter-pills{display:flex;flex-wrap:wrap;gap:.5rem;flex:1}.blog-pill{background:transparent;color:var(--brand-text-muted);border:1px solid var(--brand-border);border-radius:var(--radius-full);padding:.375rem 1rem;font-family:var(--font-body);font-size:.8125rem;font-weight:500;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast);white-space:nowrap}.blog-pill:hover{background:var(--brand-glass);color:var(--brand-primary);border-color:var(--brand-glass-deep)}.blog-pill.active{background:var(--brand-primary);color:var(--brand-text-light);border-color:var(--brand-primary)}.blog-filter-count{font-family:var(--font-body);font-size:.8125rem;color:var(--brand-text-muted);white-space:nowrap;margin:0 0 0 auto}.blog-category-badge{position:absolute;top:.875rem;left:.875rem;font-family:var(--font-body);font-size:.6875rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;padding:.3rem .75rem;border-radius:var(--radius-full);z-index:2}.badge-design{background:#364376e6;color:#fff}.badge-guides{background:#2a7a4be6;color:#fff}.badge-installation{background:#b87333e6;color:#fff}.badge-news{background:#639ddbe6;color:#fff}.blog-img-placeholder{width:100%;display:flex;align-items:center;justify-content:center;background:var(--brand-glass);transition:transform .4s ease}.blog-img-featured{height:420px}.blog-img-placeholder.blog-img-design{background:linear-gradient(135deg,var(--brand-glass) 0%,var(--brand-glass-deep) 100%);color:var(--brand-primary)}.blog-img-placeholder.blog-img-guides{background:linear-gradient(135deg,#eaf5ee,#c8e6d2);color:#2a7a4b}.blog-img-placeholder.blog-img-installation{background:linear-gradient(135deg,#fdf3e7,#f0d9b5);color:#b87333}.blog-img-placeholder.blog-img-news{background:linear-gradient(135deg,#eef4fa,#d0e3f2);color:#6089b0}.blog-featured-section{padding-bottom:0}.blog-featured-card{display:grid;grid-template-columns:1fr 1fr;border-radius:var(--radius-sm);overflow:hidden;background:var(--brand-bg-card);border:1px solid var(--brand-border);box-shadow:var(--shadow-md);transition:box-shadow var(--transition-slow),transform var(--transition-slow)}.blog-featured-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-4px)}.blog-featured-image{position:relative;overflow:hidden}.blog-featured-card:hover .blog-img-placeholder{transform:scale(1.03)}.blog-featured-body{padding:2.5rem 2.75rem;display:flex;flex-direction:column;justify-content:center}.blog-meta-row{display:flex;align-items:center;gap:1rem;margin-bottom:.875rem}.blog-date{font-family:var(--font-body);font-size:.8125rem;color:var(--brand-text-muted)}.blog-read-time{font-family:var(--font-body);font-size:.8125rem;color:var(--brand-text-muted);display:flex;align-items:center;gap:.3rem}.blog-featured-title{font-family:var(--font-heading);font-size:clamp(1.25rem,2.5vw,1.625rem);font-weight:800;line-height:1.3;margin-bottom:1rem}.blog-featured-title a{color:var(--brand-text);text-decoration:none;transition:color var(--transition-fast)}.blog-featured-title a:hover{color:var(--brand-primary)}.blog-featured-excerpt{font-family:var(--font-body);font-size:.9375rem;color:var(--brand-text-muted);line-height:1.7;margin-bottom:1.5rem;flex:1}.blog-author-row{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.blog-author-avatar{width:42px;height:42px;border-radius:50%;background:var(--brand-glass-deep);color:var(--brand-primary);font-family:var(--font-heading);font-weight:700;font-size:.875rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:2px solid var(--brand-glass)}.blog-author-avatar-sm{width:36px;height:36px;font-size:.75rem}.blog-author-name{font-family:var(--font-heading);font-size:.9rem;font-weight:700;color:var(--brand-text);margin:0;line-height:1.3}.blog-author-title{font-family:var(--font-body);font-size:.8rem;color:var(--brand-text-muted);margin:0}.blog-featured-link{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-heading);font-size:.9375rem;font-weight:700;color:var(--brand-primary);text-decoration:none;transition:gap var(--transition-fast),color var(--transition-fast)}.blog-featured-link:hover{color:var(--brand-accent-dark);gap:.75rem}.blog-grid-section{padding-top:4rem}.blog-card{background:var(--brand-bg-card);border:1px solid var(--brand-border);border-radius:var(--radius-sm);overflow:hidden;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;transition:box-shadow var(--transition-slow),transform var(--transition-slow),border-color var(--transition-slow)}.blog-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-5px);border-color:var(--brand-glass-deep)}.blog-card-image{position:relative;overflow:hidden;flex-shrink:0}.blog-card-image .blog-img-placeholder{height:200px}.blog-card:hover .blog-card-image .blog-img-placeholder{transform:scale(1.04)}.blog-card-body{padding:1.5rem 1.625rem;display:flex;flex-direction:column;flex:1}.blog-card-title{font-family:var(--font-heading);font-size:1.0625rem;font-weight:700;line-height:1.35;margin-bottom:.75rem}.blog-card-title a{color:var(--brand-text);text-decoration:none;transition:color var(--transition-fast)}.blog-card-title a:hover{color:var(--brand-primary)}.blog-card-excerpt{font-family:var(--font-body);font-size:.875rem;color:var(--brand-text-muted);line-height:1.65;margin-bottom:1.25rem;flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-card-footer{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding-top:1.125rem;border-top:1px solid var(--brand-divider);margin-top:auto}.blog-card-author{display:flex;align-items:center;gap:.625rem;min-width:0}.blog-author-meta{font-family:var(--font-body);font-size:.75rem;color:var(--brand-text-muted);margin:0;line-height:1.3}.blog-read-more{display:inline-flex;align-items:center;gap:.375rem;font-family:var(--font-body);font-size:.8125rem;font-weight:600;color:var(--brand-primary);text-decoration:none;white-space:nowrap;flex-shrink:0;transition:gap var(--transition-fast),color var(--transition-fast)}.blog-read-more:hover{color:var(--brand-accent-dark);gap:.625rem}.btn-back-to-top{position:fixed;bottom:2rem;right:2rem;width:44px;height:44px;border-radius:50%;background:var(--brand-primary);color:var(--brand-text-light);border:none;box-shadow:var(--shadow-lg);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.875rem;transition:background var(--transition-fast),transform var(--transition-fast);z-index:500}.btn-back-to-top:hover{background:var(--brand-primary-dark);transform:translateY(-2px)}@media(max-width:991.98px){.blog-featured-card{grid-template-columns:1fr}.blog-img-featured{height:280px}.blog-featured-body{padding:2rem 1.75rem}}@media(max-width:767.98px){.blog-filter-inner{gap:.5rem}.blog-filter-count{width:100%;margin-left:0}}@media(max-width:575.98px){.blog-card-footer{flex-direction:column;align-items:flex-start;gap:.75rem}.blog-featured-body{padding:1.5rem 1.25rem}}
