.image-gallery-container{display:flex;flex-direction:column;align-items:center;padding:20px}.image-gallery-title{font-size:2rem;font-weight:700;margin-bottom:20px;text-align:center}.image-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:15px;gap:15px;width:100%;max-width:1200px}.image-item{height:100%;max-height:500px;overflow:hidden;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out;position:relative;cursor:pointer}.image-item,.skeleton-container{display:flex;justify-content:center;align-items:center;width:100%}.skeleton-container{max-width:300px;height:0;padding-bottom:125%;background-color:#e0e0e0;border-radius:8px}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.image-item img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:cover;border-radius:10px;transition:opacity .5s ease-in-out}.hidden{opacity:0}.visible{opacity:1}.error-message{color:red;font-size:.9rem;text-align:center;padding:10px}.image-item:hover{transform:scale(1.05)}.loading-message,.no-images-message{font-size:1.2rem;color:#666;margin-top:20px}.lightbox{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);display:flex;justify-content:center;align-items:center;z-index:1000;cursor:pointer}.lightbox-image{max-width:90%;max-height:90%;border-radius:12px;box-shadow:0 4px 10px rgba(255,255,255,.2);transition:transform .3s ease-in-out}.lightbox:hover .lightbox-image{transform:scale(1.05)}@media (max-width:768px){.skeleton-container{max-width:300px;padding-bottom:100%}.image-gallery{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;justify-items:center}.image-gallery-title{font-size:1.5rem;padding-top:20px}.image-item{max-height:400px}.skeleton-loader{height:200px}.no-images-message{font-size:1rem;margin-top:10px}}