/**
 * Critical CSS for Brytesoft Theme
 * Essential styles for above-the-fold content
 */

/* Critical layout styles */
.page-wrapper {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.page-main {
    flex: 1;
}

/* Critical header styles */
.page-header {
    position: sticky;
    top: 0;
    z-index: 30;
    background: #fff;
}

/* Critical hero banner styles */
.homepage-banner {
    margin-bottom: 1.25rem;
}

.homepage-banner a {
    display: block;
}

.homepage-banner img {
    margin: 0 auto;
    max-width: 100%;
    height: auto;
}

/* Critical responsive styles */
@media (min-width: 768px) {
    .homepage-banner {
        margin-bottom: 2.5rem;
    }
}

/* Critical loading states */
.lazy {
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.lazy.loaded {
    opacity: 1;
}