.realizacje-page{padding:var(--spacing-xl) var(--spacing-xl) var(--spacing-2xl);max-width:var(--max-width);margin:0 auto;animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.back-button{display:inline-flex;align-items:center;gap:var(--spacing-xs);color:var(--color-text-secondary);text-decoration:none;font-size:var(--font-size-sm);font-weight:500;margin-bottom:var(--spacing-xl);transition:all .2s ease;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md)}.back-button:hover{color:var(--color-primary);background:var(--color-primary-light)}.realizacje-header{text-align:center;margin-bottom:var(--spacing-2xl)}.realizacje-header h1{font-size:var(--font-size-4xl);color:var(--color-text);margin-bottom:var(--spacing-sm);font-weight:700}.realizacje-header p{font-size:var(--font-size-lg);color:var(--color-text-secondary)}.category-filters{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-2xl)}.filter-btn{padding:var(--spacing-sm) var(--spacing-lg);border:1px solid var(--color-border);background:var(--color-surface);border-radius:var(--radius-xl);font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease}.filter-btn:hover{background:var(--color-primary-light);color:var(--color-primary)}.filter-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:white}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-gap:var(--spacing-lg);gap:var(--spacing-lg)}.gallery-item{background:var(--color-surface);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-border);transition:all .3s ease;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.04)}.gallery-item:hover{transform:translateY(-4px);box-shadow:0 12px 24px rgba(0,0,0,.1)}.gallery-image{position:relative;height:220px;overflow:hidden}.gallery-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.gallery-item:hover .gallery-image img{transform:scale(1.05)}.gallery-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,rgba(0,0,0,0) 50%,rgba(0,0,0,.4));display:flex;align-items:flex-start;justify-content:flex-end;padding:var(--spacing-md)}.category-badge{background:var(--color-primary);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-xl);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.category-badge,.image-count{color:white;font-size:var(--font-size-xs)}.image-count{position:absolute;bottom:var(--spacing-md);right:var(--spacing-md);background:rgba(0,0,0,.7);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);font-weight:500;display:flex;align-items:center;gap:var(--spacing-xs);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.gallery-content{padding:var(--spacing-lg)}.gallery-content h3{font-size:var(--font-size-lg);color:var(--color-text);margin-bottom:var(--spacing-sm);font-weight:600}.gallery-content p{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--spacing-sm);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.gallery-date{font-size:var(--font-size-xs);color:var(--color-text-muted);font-weight:500}.lightbox{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.95);z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl);animation:fadeIn .3s ease-out}.lightbox-close{position:absolute;top:var(--spacing-lg);right:var(--spacing-lg);background:transparent;border:none;color:white;font-size:1.5rem;cursor:pointer;padding:var(--spacing-sm);transition:all var(--transition-fast);z-index:1001}.lightbox-close:hover{color:var(--color-primary);transform:scale(1.1)}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.1);border:none;color:white;font-size:1.5rem;cursor:pointer;padding:var(--spacing-md);border-radius:50%;transition:all var(--transition-fast);z-index:1001}.lightbox-nav:hover{background:var(--color-primary)}.lightbox-prev{left:var(--spacing-lg)}.lightbox-next{right:var(--spacing-lg)}.lightbox-content{max-width:900px;max-height:90vh;display:flex;flex-direction:column;align-items:center}.lightbox-main-image{display:flex;align-items:center;justify-content:center;min-height:300px;max-height:60vh}.lightbox-main-image img{max-width:100%;max-height:60vh;object-fit:contain;border-radius:var(--radius-md)}.lightbox-counter{color:rgba(255,255,255,.7);font-size:var(--font-size-sm);margin-top:var(--spacing-md);font-weight:500}.lightbox-thumbnails{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-md);padding:var(--spacing-sm);background:rgba(255,255,255,.1);border-radius:var(--radius-md);max-width:100%;overflow-x:auto}.thumbnail{flex-shrink:0;width:60px;height:60px;border:2px solid transparent;border-radius:var(--radius-sm);overflow:hidden;cursor:pointer;transition:all var(--transition-fast);background:transparent;padding:0}.thumbnail img{width:100%;height:100%;object-fit:cover}.thumbnail:hover{border-color:rgba(255,255,255,.5)}.thumbnail.active{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary)}.lightbox-info{text-align:center;margin-top:var(--spacing-lg);max-width:600px}.lightbox-info h3{color:white;font-size:var(--font-size-xl);margin-bottom:var(--spacing-sm)}.lightbox-info p{color:rgba(255,255,255,.8);font-size:var(--font-size-sm);line-height:1.6}@media (max-width:900px){.realizacje-page{padding:var(--spacing-lg)}.realizacje-header h1{font-size:var(--font-size-3xl)}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-md)}.gallery-image{height:200px}}@media (max-width:640px){.realizacje-page{padding:var(--spacing-md)}.realizacje-header{margin-bottom:var(--spacing-lg)}.realizacje-header h1{font-size:var(--font-size-xl)}.realizacje-header p{font-size:var(--font-size-sm)}.category-filters{gap:var(--spacing-xs);margin-bottom:var(--spacing-lg)}.filter-btn{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-xs);min-height:40px}.gallery-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.gallery-image{height:200px}.gallery-content{padding:var(--spacing-md)}.gallery-content h3{font-size:var(--font-size-base)}.gallery-content p{font-size:var(--font-size-sm)}.lightbox{padding:var(--spacing-sm)}.lightbox-close{top:var(--spacing-sm);right:var(--spacing-sm);width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.5);border-radius:50%}.lightbox-nav{padding:var(--spacing-sm);font-size:1.2rem;width:44px;height:44px}.lightbox-prev{left:var(--spacing-xs)}.lightbox-next{right:var(--spacing-xs)}.lightbox-main-image{min-height:200px;max-height:50vh}.lightbox-main-image img{max-height:50vh}.lightbox-counter{font-size:var(--font-size-xs);margin-top:var(--spacing-sm)}.lightbox-thumbnails{gap:var(--spacing-xs);margin-top:var(--spacing-sm);padding:var(--spacing-xs)}.thumbnail{width:50px;height:50px}.lightbox-info{margin-top:var(--spacing-md);padding:0 var(--spacing-sm)}.lightbox-info h3{font-size:var(--font-size-base)}.lightbox-info p{font-size:var(--font-size-sm)}.image-count{padding:var(--spacing-xs);font-size:.65rem}}@media (max-width:380px){.realizacje-page{padding:var(--spacing-sm)}.realizacje-header h1{font-size:var(--font-size-lg)}.filter-btn{padding:var(--spacing-xs) var(--spacing-sm);font-size:.7rem;min-height:36px}.gallery-image{height:180px}.gallery-content{padding:var(--spacing-sm) var(--spacing-md)}.gallery-content h3{font-size:var(--font-size-sm)}.gallery-content p{font-size:var(--font-size-xs);-webkit-line-clamp:2}.lightbox-main-image{min-height:150px;max-height:40vh}.lightbox-main-image img{max-height:40vh}.lightbox-thumbnails{display:none}.thumbnail{width:40px;height:40px}}