body {
    font-family: 'Noto Sans Arabic', Tahoma, sans-serif;
    scroll-behavior: smooth;
}

.appointment-btn {
    padding: 0.75rem 1.1rem;
    font-size: 0.9rem;
    min-width: 150px;
    white-space: nowrap;
}

@media (max-width: 640px) {
    header .max-w-7xl {
        align-items: center;
    }

    .header-cta {
        flex-shrink: 0;
    }

    .appointment-btn {
        min-width: unset;
        width: auto;
        padding: 0.65rem 0.9rem;
        font-size: 0.72rem;
        border-radius: 999px;
        gap: 0.4rem;
    }

    .appointment-btn i {
        font-size: 0.85rem;
    }

    .appointment-btn span {
        display: inline-block;
        line-height: 1.1;
    }
}

@media (max-width: 420px) {
    .appointment-btn {
        padding: 0.55rem 0.75rem;
        font-size: 0.66rem;
    }
}