.home-seo-image {
    margin-right: auto;
    margin-left: auto;
}

.home-seo-image picture {
    display: block;
}

.home-seo-image img {
    display: block;
    width: 100%;
    height: auto;
    border: 1px solid rgba(66, 216, 82, 0.16);
    background: #04121f;
}

.home-seo-image--process {
    width: min(100%, 560px);
    margin-top: 20px;
}

.home-seo-image--process img {
    border-radius: 14px;
    box-shadow:
        0 14px 34px rgba(2, 18, 30, 0.2),
        0 4px 12px rgba(2, 18, 30, 0.12);
}

.home-safety-v2__app-intro {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 180px;
    gap: 24px;
    align-items: start;
}

.home-safety-v2__app-copy {
    min-width: 0;
}

.home-seo-image--app-safety {
    width: 180px;
    margin: 0;
    align-self: start;
}

.home-seo-image--app-safety img {
    border-radius: 14px;
    box-shadow:
        0 12px 28px rgba(2, 18, 30, 0.16),
        0 3px 10px rgba(2, 18, 30, 0.1);
}

@media (max-width: 700px) {
    .home-seo-image--process {
        width: min(100%, 520px);
        margin-top: 18px;
    }

    .home-seo-image--process img {
        border-radius: 12px;
    }

    .home-safety-v2__app-intro {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .home-seo-image--app-safety {
        width: min(62vw, 220px);
        margin-right: auto;
        margin-left: auto;
    }

    .home-seo-image--app-safety img {
        border-radius: 12px;
    }
}

/*
 * Mobile floating WhatsApp control
 * Keep the full CTA on desktop. On narrow screens, use a compact circular
 * control so the fixed element does not cover safety lists or footer links.
 */
@media (max-width: 700px) {
    .floating-whatsapp {
        right: 14px !important;
        bottom: max(14px, env(safe-area-inset-bottom)) !important;
        left: auto !important;
        width: 58px !important;
        min-width: 58px !important;
        max-width: 58px !important;
        height: 58px !important;
        min-height: 58px !important;
        padding: 0 !important;
        gap: 0 !important;
        border-radius: 50% !important;
        justify-content: center !important;
        overflow: hidden !important;
        font-size: 0 !important;
        line-height: 1 !important;
    }

    .floating-whatsapp__copy {
        display: none !important;
    }

    .floating-whatsapp__icon {
        display: inline-flex !important;
        width: 28px !important;
        min-width: 28px !important;
        height: 28px !important;
        margin: 0 !important;
        flex: 0 0 28px !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .floating-whatsapp__icon svg {
        display: block !important;
        width: 28px !important;
        height: 28px !important;
    }

    .site-footer-v2 {
        padding-bottom: calc(82px + env(safe-area-inset-bottom));
    }
}