/* Responsive refinements — keep military structure, adapt spacing */

@media (max-width: 1199.98px) {
    .hero-content h1.display-3 {
        font-size: 3rem;
    }
}

@media (max-width: 991.98px) {
    .hero-slider-item {
        min-height: 68vh;
    }
    .overlap-image-wrapper .img-main {
        width: 100%;
    }
    .overlap-image-wrapper .img-overlay {
        position: relative;
        width: 70%;
        bottom: auto;
        right: auto;
        margin-top: -40px;
        margin-left: auto;
        display: block;
    }
    .navbar-collapse {
        background: var(--bg-navbar);
        border: 1px solid var(--border-color);
        padding: 12px;
        margin-top: 10px;
        border-radius: 4px;
    }
}

@media (max-width: 767.98px) {
    .hero-content h1.display-3 {
        font-size: 2.15rem;
    }
    .defense-card {
        padding: 22px;
    }
    .leader-portrait-frame {
        width: 140px;
        height: 140px;
    }
    .back-to-top {
        right: 14px;
        bottom: 14px;
    }
}

@media (max-width: 575.98px) {
    .top-bar {
        font-size: 0.75rem;
    }
    .hero-content .d-flex.gap-3 {
        flex-direction: column;
        align-items: stretch;
    }
}