/* App Showcase Section */
.app-showcase-section {
    background: #C04412;
    /* Fallback for older browsers */
    background: linear-gradient(135deg, #C04412 0%, #D14F1A 100%);
    /* Deeper orange/rust color from image */
    padding: 100px 0;
    overflow: hidden;
    /* Ensure content stays contained properly */
}

.app-showcase-section h2 {
    font-size: 42px;
    letter-spacing: -0.5px;
    line-height: 1.2;
}

.app-showcase-section h3 {
    font-size: 32px;
    letter-spacing: -0.5px;
    line-height: 1.3;
}

.feature-list li {
    font-size: 15px;
    /* Slightly smaller to match elegant look */
    font-weight: 500;
}

/* Image Updates */
/* This ensures the image breaks out of the grid constraints for that overlapping look */
@media (min-width: 992px) {
    .app-hero-img {
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        width: 100%;
        max-width: 800px;
        /* Force it to be much larger */
        height: auto;
        margin-left: -50px;
        /* Pull it to the left edge */
        z-index: 10;
        max-height: 140%;
        /* Allow it to be taller than the section */
    }

    .app-showcase-section .col-lg-5 {
        position: relative;
        /* Anchor for absolute positioning */
        height: 500px;
        /* Provide height for the column since child is absolute */
    }
}

.app-store-btn-new {
    border: 1px solid transparent;
    transition: all 0.3s ease;
}

.app-store-btn-new:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}

@media (max-width: 991px) {
    .app-showcase-section {
        padding: 60px 0;
        text-align: center;
        overflow: visible;
    }

    .app-hero-img {
        max-width: 90%;
        margin: 0 auto 40px;
        display: block;
        position: relative;
        transform: none;
    }

    .feature-list li {
        justify-content: center;
    }

    .d-flex.flex-wrap {
        justify-content: center;
    }

    .app-showcase-section .col-lg-5 {
        height: auto;
    }
}