/* =========================================
   FULL HD & 2K SCREENS (1600px +)
   Restoring grandeur for large monitors
   ========================================= */
@media (min-width: 1600px) {

    /* 1. Expand Container Limits */
    .navbar,
    .container,
    .modules-container,
    .offer-section .pricing-container {
        max-width: 1600px;
        /* Allow wider spread */
    }

    /* 2. Hero Section: More Breathing Room */
    .hero-section {
        padding-top: 250px;
        /* More top space */
        gap: 100px;
        /* Increased from 60px */
    }

    .hero-content h1 {
        font-size: 6rem;
        /* Larger Title */
    }

    /* 3. Hero Image: Restore Height */
    .hero-image .image-wrapper {
        height: 550px;
        /* Restored from 480px */
        margin-left: 50px;
        /* More separation */
    }

    /* 4. Reposition Badges for Larger Image */
    .badge-secondary {
        bottom: 300px;
        /* Lifted up */
        left: 400px;
        /* Moved out */
        width: 180px;
        /* Slightly larger */
        height: 180px;
    }

    .badge-secondary img {
        margin-top: 70px;
        /* Adjust arrow centering */
    }

    .badge-primary {
        bottom: 50px;
        left: -40px;
        width: 120px;
        height: 120px;
    }

    /* 5. About Section: Larger Image */
    .about-img-full {
        max-width: 600px;
        /* Let it grow */
    }

    .about-image {
        width: 50%;
        /* More specific weight */
    }
}