@media (max-width: 768px) {
    .modal-fixed-close {
        width: 42px;
        height: 42px;
        font-size: 22px;
        top: 10px;
        right: 10px;
    }
}

@media (max-width: 480px) {
    body { font-size: 14px; }
    .intro-text { font-size: 0.9rem; }
    .intro-title { font-size: 1.2rem; }
    .arabic-card { font-size: 1rem; }
    .prijevod-card { font-size: 0.8rem; }
    .card-header { font-size: 0.8rem; }
}

@media (max-width: 400px) {
    .modal-fixed-close {
        width: 38px;
        height: 38px;
        font-size: 20px;
        top: 8px;
        right: 8px;
    }
}