/* Auto Glass World - Care (modules/global/global_care.php) */
.agw-care {
    position: relative;
    padding: var(--agw-space-section) 0;
}

.agw-care-grid {
    display: grid;
    grid-template-columns: minmax(0, 6fr) minmax(0, 5fr);
    gap: var(--agw-gap);
    align-items: start;
}

.agw-care-media {
    position: sticky;
    top: 96px;
}

.agw-care-photo {
    position: relative;
    width: 100%;
    max-height: calc(100vh - 140px);
    aspect-ratio: 4 / 4.4;
    overflow: hidden;
    border-radius: 14px;
    background: var(--agw-color-primary-dark);
}

.agw-care-photo img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 58% 50%;
}

.agw-care-copy {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding-top: 12px;
}

.agw-care-copy .eyebrow {
    margin-bottom: calc(var(--agw-label-gap) - 24px);
}

.agw-care-copy .agw-lead {
    max-width: 38ch;
}

.agw-care-points {
    display: flex;
    flex-direction: column;
    margin: 8px 0 0;
    padding: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    list-style: none;
}

/* Every point stays readable; the one in view is brighter (opacity never below 0.9 on blue). */
.agw-care-pt {
    display: grid;
    grid-template-columns: 56px minmax(0, 1fr);
    gap: 0 8px;
    padding: 28px 0 32px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    transition: opacity 0.6s var(--agw-ease);
}

.agw-care-n {
    color: var(--agw-color-ice);
    font-family: var(--agw-font-heading);
    font-size: 40px;
    font-weight: 700;
    line-height: 1;
    transition: color 0.5s;
}

.agw-care-pt h3 {
    margin: 0 0 8px;
    font-size: var(--agw-fs-card);
    line-height: 1.1;
}

.agw-care-pt p {
    max-width: 40ch;
    margin: 0;
    font-size: var(--agw-fs-text);
    line-height: 1.55;
}

.agw-care .agw-care-btn {
    align-self: flex-start;
}

@media (prefers-reduced-motion: no-preference) {
    .agw-care-pt {
        opacity: 0.9; /* lower fails text contrast on the blue */
    }

    .agw-care-pt.is-on {
        opacity: 1;
    }

    .agw-care-pt.is-on .agw-care-n {
        color: var(--agw-color-white);
    }
}

@media (max-width: 991px) {
    .agw-care-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .agw-care-media {
        position: relative;
        top: 0;
    }

    .agw-care-photo {
        max-height: none;
        aspect-ratio: 16 / 11;
    }

    .agw-care-pt {
        opacity: 1 !important;
    }
}