.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;padding:1rem}.gallery-item{background:white;border-radius:16px;overflow:hidden;box-shadow:0 4px 15px rgba(0,0,0,.1);transition:all .3s ease;position:relative}.gallery-item:hover{transform:translateY(-8px);box-shadow:0 15px 35px rgba(0,0,0,.15)}.gallery-image-container{position:relative;width:100%;height:200px;overflow:hidden;background:linear-gradient(135deg,#f3f4f6,#e5e7eb)}.gallery-image{width:100%;height:100%;object-fit:cover;transition:all .3s ease}.gallery-image:hover{transform:scale(1.05)}.gallery-image-loading{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:linear-gradient(135deg,#f3f4f6,#e5e7eb)}.gallery-loading-spinner{width:2rem;height:2rem;border:3px solid #e5e7eb;border-top-color:#10b981;border-radius:50%;animation:spin 1s linear infinite}.gallery-skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.gallery-error{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;background:#fef2f2;color:#dc2626;text-align:center;padding:1rem}.gallery-error-icon{width:2rem;height:2rem;margin-bottom:.5rem;opacity:.7}.gallery-categories{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:2rem;padding:0 1rem}.gallery-category-btn{padding:.5rem 1rem;border:2px solid #e5e7eb;border-radius:25px;background:white;color:#6b7280;font-weight:500;transition:all .3s ease;cursor:pointer}.gallery-category-btn:hover{border-color:#10b981;color:#10b981;transform:translateY(-2px)}.gallery-category-btn.active{background:linear-gradient(135deg,#10b981,#059669);border-color:#10b981;color:white;transform:translateY(-2px);box-shadow:0 4px 12px rgba(16,185,129,.3)}.gallery-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.9);display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.gallery-modal-content{position:relative;max-width:90vw;max-height:90vh;background:white;border-radius:12px;overflow:hidden;box-shadow:0 25px 50px rgba(0,0,0,.5)}.gallery-modal-image{width:100%;height:auto;max-height:80vh;object-fit:contain}.gallery-modal-close{position:absolute;top:1rem;right:1rem;width:2.5rem;height:2.5rem;background:rgba(0,0,0,.7);color:white;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.gallery-modal-close:hover{background:rgba(0,0,0,.9);transform:scale(1.1)}.gallery-info{padding:1rem}.gallery-title{font-size:1.125rem;font-weight:600;color:#1f2937;margin-bottom:.5rem}.gallery-description{color:#6b7280;font-size:.875rem;line-height:1.5}.gallery-category-tag{display:inline-block;padding:.25rem .75rem;background:linear-gradient(135deg,#10b981,#059669);color:white;font-size:.75rem;font-weight:500;border-radius:12px;margin-top:.5rem}.gallery-lazy-container{position:relative;overflow:hidden}.gallery-lazy-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);display:flex;align-items:center;justify-content:center}.gallery-fade-in{opacity:0;transition:opacity .5s ease}.gallery-fade-in.loaded{opacity:1}@media (max-width:768px){.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem;padding:.5rem}.gallery-image-container{height:180px}.gallery-categories{padding:0 .5rem}.gallery-category-btn{padding:.375rem .75rem;font-size:.875rem}.gallery-modal{padding:1rem}.gallery-modal-content{max-width:95vw;max-height:95vh}}@media (max-width:480px){.gallery-grid{grid-template-columns:1fr}.gallery-image-container{height:200px}.gallery-categories{flex-direction:column;align-items:stretch}.gallery-category-btn{text-align:center}}