/* Keep the activated iPhone diagram readable between the desktop and tablet layouts. */
@media (min-width: 993px) and (max-width: 1440px) {
    .home-activated-iphones-section {
        gap: clamp(36px, 4vw, 54px);
    }

    .home-activated-iphones-section .carousel-title {
        width: 100%;
        max-width: 100%;
    }

    .home-activated-iphones-section .page-section-title {
        max-width: 100%;
        font-size: clamp(36px, 3.5vw, 50px);
        line-height: 1.12;
        letter-spacing: clamp(1px, 0.35vw, 5px) !important;
    }

    .home-activated-iphones-section .home-fps {
        --fps-image-width: clamp(340px, 30vw, 420px);
        grid-template-columns: minmax(0, 1fr) var(--fps-image-width) minmax(0, 1fr);
        column-gap: clamp(18px, 2vw, 30px);
    }

    /* Stretch the note columns to the full height of the phone illustration. */
    .home-activated-iphones-section .fps-left-section,
    .home-activated-iphones-section .fps-right-section {
        align-self: stretch;
    }

    .home-activated-iphones-section .fps-right-section {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        gap: 24px;
        padding-top: clamp(16px, 2vw, 30px);
        padding-bottom: calc(var(--fps-image-width) * 0.53);
        transform: translateX(clamp(16px, 1.8vw, 26px));
    }

    .home-activated-iphones-section .fps-phone-box {
        width: var(--fps-image-width);
        height: calc(var(--fps-image-width) * 1.23);
    }

    .home-activated-iphones-section .fps-phone-box img:first-child,
    .home-activated-iphones-section .fps-phone-box img:last-child {
        width: 100%;
        max-width: none;
        left: 0;
    }

    .home-activated-iphones-section .fps-phone-box img:nth-child(2) {
        width: 81.67%;
        max-width: none;
        left: 13.1%;
    }

    .home-activated-iphones-section .fps-phone-box img:nth-child(3) {
        width: 94.77%;
        max-width: none;
        left: 4.72%;
    }

    .home-activated-iphones-section .fps-phone-box:not(.open) img:first-child { top: 42.67%; }
    .home-activated-iphones-section .fps-phone-box:not(.open) img:nth-child(2) { top: 46.67%; }
    .home-activated-iphones-section .fps-phone-box:not(.open) img:nth-child(3) { top: 45.33%; }
    .home-activated-iphones-section .fps-phone-box:not(.open) img:last-child { top: 43.33%; }

    .home-activated-iphones-section .fps-phone-box.open img:first-child { top: 0; }
    .home-activated-iphones-section .fps-phone-box.open img:nth-child(2) { top: 37.33%; }
    .home-activated-iphones-section .fps-phone-box.open img:nth-child(3) { top: 50.67%; }
    .home-activated-iphones-section .fps-phone-box.open img:last-child { top: 78%; }

    .home-activated-iphones-section .fps-left-section .fps-tag-content-1 {
        right: 0;
        bottom: 12%;
        width: min(100%, 230px);
        max-width: none;
    }

    .home-activated-iphones-section .fps-right-section .fps-tag-content-2,
    .home-activated-iphones-section .fps-right-section .fps-tag-content-3 {
        position: relative;
        left: 0;
        top: auto;
        bottom: auto;
        width: min(100%, 230px);
        max-width: none;
        flex-shrink: 0;
    }

    .home-activated-iphones-section .fps-left-section .fps-tag-content-1,
    .home-activated-iphones-section .fps-right-section .fps-tag-content-2,
    .home-activated-iphones-section .fps-right-section .fps-tag-content-3 {
        font-size: clamp(14px, 1.12vw, 16px);
        line-height: 1.45;
    }
}