.gallery-header{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);padding:4rem 0 2rem}.gallery-filter{background:#fff;border-radius:50px;padding:0.5rem;box-shadow:0 4px 15px rgba(0,0,0,0.1);display:inline-flex;margin-bottom:2rem}.filter-btn{padding:0.7rem 1.5rem;border:none;background:transparent;border-radius:25px;margin:0 0.2rem;transition:all 0.3s ease;font-weight:500;text-decoration:none;color:#6c757d}.filter-btn:hover,.filter-btn.active{background:#28a745;color:#fff!important;text-decoration:none;transform:translateY(-2px);box-shadow:0 4px 12px rgba(40,167,69,0.3)}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.gallery-item{position:relative;border-radius:15px;overflow:hidden;background:#fff;box-shadow:0 4px 15px rgba(0,0,0,0.1);transition:all 0.4s ease;cursor:pointer}.gallery-item:hover{transform:translateY(-8px);box-shadow:0 12px 30px rgba(0,0,0,0.2)}.gallery-media{position:relative;width:100%;height:250px;overflow:hidden}.gallery-media img,.gallery-media video{width:100%;height:100%;object-fit:cover;transition:transform 0.4s ease}.gallery-item:hover .gallery-media img,.gallery-item:hover .gallery-media video{transform:scale(1.1)}.media-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.6);display:flex;align-items:center;justify-content:center;opacity:1;transition:all 0.3s ease}.gallery-item:hover .media-overlay{opacity:0.9;background:rgba(0,0,0,0.8)}.media-overlay i{color:#fff;text-shadow:0 2px 10px rgba(0,0,0,0.7);transition:transform 0.3s ease}.gallery-item:hover .media-overlay i{transform:scale(1.1)}.gallery-info{padding:1.5rem}.gallery-title{font-size:1.2rem;font-weight:600;color:#333;margin-bottom:0.5rem;line-height:1.4}.gallery-description{color:#6c757d;font-size:0.95rem;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.media-type-badge{position:absolute;top:1rem;right:1rem;background:rgba(40,167,69,0.9);color:#fff;padding:0.4rem 0.8rem;border-radius:15px;font-size:0.8rem;font-weight:500;text-transform:uppercase;backdrop-filter:blur(5px)}.video-badge{background:rgba(220,53,69,0.9)}.gallery-modal .modal-dialog{max-width:90%;margin:2rem auto}.gallery-modal .modal-content{border:none;border-radius:15px;overflow:hidden;background:#000}.gallery-modal .modal-body{padding:0;position:relative}.modal-media{width:100%;max-height:80vh;object-fit:contain;background:#000}.modal-info{background:#fff;padding:1.5rem}.modal-title{font-size:1.5rem;font-weight:600;color:#333;margin-bottom:0.5rem}.modal-description{color:#6c757d;font-size:1rem;line-height:1.6}.modal-close{position:absolute;top:1rem;right:1rem;background:rgba(0,0,0,0.7);border:none;color:#fff;width:40px;height:40px;border-radius:50%;font-size:1.2rem;z-index:1000;transition:all 0.3s ease}.modal-close:hover{background:rgba(0,0,0,0.9);transform:scale(1.1)}.modal-nav-btn{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,0.7);border:none;color:#fff;width:50px;height:50px;border-radius:50%;font-size:1.2rem;z-index:1001;transition:all 0.3s ease;cursor:pointer}.modal-nav-btn:hover{background:rgba(0,0,0,0.9);transform:translateY(-50%) scale(1.1)}.modal-prev-btn{left:1rem}.modal-next-btn{right:1rem}.modal-nav-btn:disabled{opacity:0.3;cursor:not-allowed}.modal-nav-btn:disabled:hover{background:rgba(0,0,0,0.7);transform:translateY(-50%)}.modal-counter{position:absolute;bottom:1rem;left:50%;transform:translateX(-50%);background:rgba(0,0,0,0.7);color:#fff;padding:0.5rem 1rem;border-radius:20px;font-size:0.9rem;z-index:1001}@media (max-width:768px){.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.gallery-header{padding:2rem 0 1rem}.filter-btn{padding:0.5rem 1rem;font-size:0.9rem}.gallery-modal .modal-dialog{max-width:95%;margin:1rem auto}}@media (max-width:576px){.gallery-grid{grid-template-columns:1fr}.gallery-filter{flex-wrap:wrap;justify-content:center}.filter-btn{margin:0.2rem}}