/* Responsive tweaks */
@media (max-width: 768px) {
    /* Mobile-specific adjustments */
    body {
        font-size: 14px;
    }
    .hero-slide {
        height: 60vh;
    }
    #hero-slider {
        height: 60vh;
    }
    
    .lightbox-img {
        max-width: 95%;
        max-height: 80%;
    }
    
    /* Ensure padding for sticky navbar */
    main {
        padding-top: 1rem;
    }
}