/* Download App Section Styles */
.download-app {
    padding: 0;
}

.download-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    border-radius: 1.25rem; /* 20px */
    min-height: 53.75rem; /* 860px */
    overflow: hidden;
}

/* Background Pattern Image */
.download-wrapper::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url("../images/white_abstract_striped_background.png") center
        center;
    background-size: cover;
    mix-blend-mode: plus-darker;
    border-radius: 1.25rem; /* 20px */
    pointer-events: none;
}

/* Gradient Overlay */
.download-wrapper::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(
        90deg,
        #00818d -13.84%,
        #0b828d -0.84%,
        #288790 22.15%,
        #588e94 52.15%,
        #97989a 86.15%
    );
    mix-blend-mode: plus-darker;
    opacity: 0.2;
    border-radius: 1.25rem; /* 20px */
    pointer-events: none;
}

/* Left Content */
.download-content {
    position: relative;
    z-index: 2;
    flex: 1;
    max-width: 45.4375rem; /* 727px */
    padding: 5rem 3.75rem; /* 80px 60px */
}

/* Eyebrow */
.download-eyebrow {
    font-family: "Lexend", sans-serif;
    font-weight: 400;
    font-size: 1rem; /* 16px */
    line-height: 1rem; /* 16px */
    letter-spacing: 0.4375rem; /* 7px */
    text-transform: uppercase;
    color: #000000;
    display: block;
    margin-bottom: 0.5625rem; /* 9px */
}

.download-eyebrow::after {
    content: "";
    display: block;
    width: 6.375rem;
    height: 1px;
    background: var(--enaya-gradient);
    margin-top: 9px;
}

/* Title */
.download-title {
    font-family: "Lexend", sans-serif;
    font-weight: 400;
    font-size: 4.375rem; /* 70px */
    line-height: 4.625rem; /* 74px */
    letter-spacing: -0.0625rem; /* -1px */
    color: #000000;
    margin: 2.375rem 0 1.25rem; /* 38px 0 20px */
}

/* Subtitle */
.download-subtitle {
    font-family: "Lexend", sans-serif;
    font-weight: 400;
    font-size: 1.375rem; /* 22px */
    line-height: 1.875rem; /* 30px */
    color: #000000;
    margin: 0 0 1.875rem; /* 30px */
}

/* Download Buttons */
.download-buttons {
    display: flex;
    flex-direction: column;
    gap: 0.9375rem; /* 15px */
}

.download-label {
    font-family: "Lexend", sans-serif;
    font-weight: 400;
    font-size: 1.375rem; /* 22px */
    line-height: 1.875rem; /* 30px */
    color: #000000;
}

.store-buttons {
    display: flex;
    gap: 1.25rem; /* 20px */
}

.store-btn {
    display: block;
    transition: transform 0.3s ease;
}

.store-btn:hover {
    transform: translateY(-0.1875rem); /* -3px */
}

.store-btn img {
    height: 3.125rem; /* 50px */
    width: auto;
    border-radius: 0.625rem; /* 10px */
}

/* Right Side: App Preview */
.download-image {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 50%;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}

.download-image img {
    max-width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: bottom right;
}

/* Responsiveness */
@media (max-width: 1200px) {
    .download-image img {
        object-position: center bottom;
    }
}

@media (max-width: 768px) {
    .download-title {
        font-size: 2.5rem; /* 40px */
        line-height: 3rem; /* 48px */
    }

    .download-subtitle {
        font-size: 1.125rem; /* 18px */
    }

    .store-btn img {
        height: 2.5rem; /* 40px */
    }
    .download-image {
        justify-content: center;
    }
    .download-wrapper {
        min-height: 33.75rem;
    }
}

@media (max-width: 576px) {
    .download-wrapper {
        align-items: flex-start;
        flex-direction: column;
    }
    .download-image {
        position: relative;
        width: 100%;
    }
}