/* Custom styles for Brakae Coffee */

/* Additional responsive adjustments */
@media (max-width: 768px) {
    .hero-section .container {
        display: flex;
        flex-direction: column;
    }

    .hero-bg {
        position: relative;
        width: 100%;
        height: 300px;
        order: -1;
        border-radius: 12px;
        margin-bottom: 2rem;
    }
}

/* Smooth scroll offset for fixed header */
html {
    scroll-padding-top: 80px;
}

/* Loading animation */
.site-main {
    animation: fadeIn 0.5s ease;
}