.gallery-component{background:transparent}.gallery-component h2{text-align:center;margin-bottom:1rem}.gallery-filters{display:flex;gap:.65rem;justify-content:center;flex-wrap:wrap;margin-bottom:var(--spacing-lg)}.filter-btn{padding:.62rem 1.2rem;background:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;font-weight:600;transition:var(--transition);color:var(--text-light);font-size:.93rem}.filter-btn:hover{border-color:var(--accent-color);color:var(--primary-color);background:#f5ede0}.filter-btn.active{background:linear-gradient(145deg,var(--primary-light) 0,var(--primary-color) 100%);color:#f8f3e8;border-color:transparent;box-shadow:0 4px 14px rgba(28,18,5,.2),inset 0 -2px 0 rgba(192,124,53,.45)}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:clamp(1rem,2.2vw,1.5rem)}.gallery-item{border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--shadow);transition:var(--transition);background:white;border:1px solid var(--border-color)}.gallery-item:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.gallery-before-after{display:grid;grid-template-columns:1fr 1fr;height:250px;position:relative}.gallery-before{border-right:2px solid white}.gallery-after,.gallery-before{position:relative}.gallery-after .placeholder,.gallery-before .placeholder{width:100%;height:100%;margin:0;padding:0;border-radius:0;min-height:auto}.gallery-seo-image{width:100%;height:100%;object-fit:cover;display:block}.label{position:absolute;bottom:10px;right:10px;background:rgba(16,34,30,.75);color:white;padding:.4rem .72rem;border-radius:999px;font-size:.78rem;font-weight:700}.gallery-before .label{right:auto;left:10px}.gallery-info{padding:1.05rem 1.15rem 1.2rem}.gallery-info h3{margin-bottom:.35rem;font-size:1.08rem}.gallery-info p{color:var(--text-light);font-size:.93rem;margin:0}.gallery-seo-note{margin-top:var(--spacing-lg);padding:1rem 1.1rem;border-left:3px solid var(--accent-color);background:rgba(200,154,90,.1);border-radius:var(--border-radius)}.gallery-seo-note p{margin:0}@media (max-width:768px){.gallery-filters{gap:.55rem}.filter-btn{padding:.58rem 1rem;font-size:.9rem}.gallery-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-md)}.gallery-before-after{height:205px}}@media (max-width:480px){.gallery-filters{justify-content:flex-start}.gallery-grid{grid-template-columns:1fr}.gallery-before-after{height:200px}.gallery-info{padding:.95rem 1rem 1rem}.gallery-info h3{font-size:1rem}.gallery-info p{font-size:.88rem}}