.gallery-hero{height:60vh;color:var(--color-white);text-align:center;background-image:linear-gradient(#0009,#0009),url(/../../public/images/restaurant.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;justify-content:center;align-items:center;margin-top:70px;display:flex;position:relative}.gallery-hero .hero-content h1{color:var(--color-white);font-size:var(--font-size-5xl);margin-bottom:var(--spacing-md);font-family:var(--font-primary)}.gallery-hero .hero-content p{font-size:var(--font-size-xl);color:var(--color-primary-light);letter-spacing:1px;font-weight:300}.gallery-section{background-color:var(--color-off-white)}.gallery-filters{justify-content:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-2xl);flex-wrap:wrap;display:flex}.filter-btn{padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--color-white);color:var(--color-gray-dark);border:2px solid var(--color-gray-light);border-radius:var(--border-radius-lg);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-base)}.filter-btn:hover,.filter-btn.active{background-color:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.gallery-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.gallery-item{border-radius:var(--border-radius-xl);cursor:pointer;height:300px;transition:all var(--transition-base);position:relative;overflow:hidden}.gallery-item:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.gallery-item img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow)}.gallery-item:hover img{transform:scale(1.1)}.gallery-item-overlay{width:100%;padding:var(--spacing-lg);color:var(--color-white);transition:transform var(--transition-base);background:linear-gradient(#0000,#000c);position:absolute;bottom:0;left:0;transform:translateY(100%)}.gallery-item:hover .gallery-item-overlay{transform:translateY(0)}.gallery-item-overlay h3{font-family:var(--font-primary);font-size:var(--font-size-xl);margin-bottom:var(--spacing-xs)}.gallery-item-overlay p{font-size:var(--font-size-sm);text-transform:capitalize}.lightbox{z-index:2000;width:100%;height:100%;padding:var(--spacing-md);background-color:#000000f2;justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0}.lightbox-close{top:var(--spacing-lg);right:var(--spacing-lg);width:50px;height:50px;color:var(--color-white);border-radius:var(--border-radius-full);font-size:var(--font-size-2xl);cursor:pointer;transition:all var(--transition-base);z-index:2001;background-color:#fff3;border:none;justify-content:center;align-items:center;display:flex;position:absolute}.lightbox-close:hover{background-color:var(--color-primary)}.lightbox-content{flex-direction:column;align-items:center;max-width:90%;max-height:90%;display:flex}.lightbox-content img{border-radius:var(--border-radius-lg);max-width:100%;max-height:calc(90vh - 100px);box-shadow:var(--shadow-xl)}.lightbox-info{margin-top:var(--spacing-md);text-align:center;color:var(--color-white)}.lightbox-info h3{font-family:var(--font-primary);font-size:var(--font-size-2xl);margin-bottom:var(--spacing-xs)}.lightbox-info p{color:var(--color-primary)}.lightbox-btn{width:60px;height:60px;color:var(--color-white);border-radius:var(--border-radius-full);font-size:var(--font-size-2xl);cursor:pointer;transition:all var(--transition-base);background-color:#fff3;border:none;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.lightbox-btn:hover{background-color:var(--color-primary)}.lightbox-btn.prev{left:var(--spacing-lg)}.lightbox-btn.next{right:var(--spacing-lg)}@media (max-width:600px){.gallery-grid{grid-template-columns:1fr}.gallery-item{height:250px}.lightbox-btn{width:40px;height:40px;font-size:var(--font-size-lg)}.lightbox-close{width:40px;height:40px;font-size:var(--font-size-xl)}}