/* =============================
   RESPONSIVE (MOBILE FIRST)
   ============================= */
@media (max-width: 600px) {
    .ar-modal-content {
        padding: 20px;
        max-width: 90%;
    }
    #ar-modal-text {
        font-size: 16px;
    }
    .ar-location-menu-content {
        max-width: 90%;
        padding: 20px;
    }
    .ar-location-menu-content h2 {
        font-size: 20px;
    }
    .ar-location-item {
        padding: 15px;
    }
    .location-info strong {
        font-size: 16px;
    }
    #ar-word-display {
        font-size: 18px;
        padding: 10px 20px;
        letter-spacing: 5px;
    }
    #btn-ar-chat {
        width: 60px;
        height: 60px;
        font-size: 24px;
        bottom: 80px;
    }
}