/*
 SMS Direkt – mobilanpassningar
 Endast mobiltelefoner, max 680px.
 Desktopversionen påverkas inte.
*/

@media (max-width: 680px) {

    /* Startsida: rubrik */
    .hero h1 {
        font-size: clamp(38px, 11vw, 58px);
        line-height: 1.02;
        letter-spacing: -2px;
        overflow-wrap: break-word;
    }

    /* Startsida: blå grafik */
    .hero-visual {
        min-width: 0;
        min-height: 400px;
        overflow: hidden;
    }

    .visual-field {
        inset: 0;
    }

    .visual-message {
        width: calc(100% - 32px);
        max-width: 370px;
        right: 16px;
        padding: 20px;
    }

    .visual-message p {
        font-size: 17px;
    }

    .visual-number {
        left: 16px;
        bottom: 24px;
    }

    .visual-number strong {
        font-size: clamp(36px, 11vw, 52px);
        letter-spacing: -2px;
    }

    .visual-number span {
        width: auto;
        max-width: 220px;
        font-size: 13px;
    }

    /* Bilder ska inte överskrida sin behållare */
    .hero img,
    .platform img,
    .quick-paths img {
        max-width: 100%;
        height: auto;
    }
}

/* Lösningar – tandläkarbild, endast mobil */
@media (max-width: 680px) {
    .solution-reminders .reminder-visual img {
        object-position: 35% center;
    }
}