.gallery-container{padding:20px;background-color:#fff;border-radius:12px;box-shadow:0 4px 16px rgba(0,0,0,.08);margin-bottom:30px}.gallery-title{color:#2c3e50;margin-bottom:25px;font-weight:700;position:relative;padding-bottom:10px}.gallery-title:after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:80px;height:3px;background-color:#3498db;border-radius:2px}.gallery-item{padding:10px;transition:all .3s ease;break-inside:avoid}.gallery-item:hover{transform:translateY(-5px)}.gallery-img-container{width:100%;overflow:hidden;border-radius:8px;box-shadow:0 3px 10px rgba(0,0,0,.1);transition:all .3s ease;position:relative;background-color:#f8f9fa}.gallery-img-container:hover{box-shadow:0 8px 20px rgba(0,0,0,.15)}.gallery-img{width:100%;height:auto;display:block;opacity:0;transition:opacity .5s ease}.gallery-img.loaded{opacity:1}.image-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#e9ecef;color:#6c757d;font-size:14px;transition:opacity .3s ease}.image-placeholder.hidden{opacity:0;pointer-events:none}.filter-buttons{margin-bottom:25px}.filter-btn{margin:0 5px 10px 0;border-radius:25px;font-size:14px;padding:8px 18px;background-color:#e9ecef;color:#495057;border:0;transition:all .2s ease;font-weight:500}.filter-btn:hover{background-color:#dee2e6;transform:translateY(-2px)}.filter-btn.active{background-color:#3498db;color:#fff;box-shadow:0 4px 8px rgba(52,152,219,.3)}.loading-spinner{display:none;text-align:center;padding:30px}.image-info{position:absolute;bottom:10px;right:10px;background-color:rgba(0,0,0,.5);color:#fff;padding:3px 8px;border-radius:12px;font-size:12px;opacity:0;transition:opacity .3s ease}.gallery-img-container:hover .image-info{opacity:1}.spinner{width:40px;height:40px;border:4px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:#3498db;animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:767px){.gallery-container{padding:15px}.gallery-item{padding:6px}}