/* --- High-End Mobile & Tablet Viewport Control --- */
@media (max-width: 991.98px) {
    html { font-size: 14px; }
    
    #hero {
        padding-top: 150px !important;
        padding-bottom: 60px !important;
    }
    .hero-title { font-size: 2.5rem; }
    .py-6 { padding-top: 5rem; padding-bottom: 5rem; }
    
    .header-nav-wrapper { padding: 0.8rem 0; }
    #luxury-nav { border-radius: 16px; padding: 0.8rem 1.2rem; }
    #navbarNav { background: #0E0E12; padding: 1.5rem; border-radius: 12px; border: 1px solid var(--border-gold); margin-top: 0.75rem; }
    .navbar-nav { gap: 0.5rem !important; }
    .nav-link { padding: 0.6rem 0; border-bottom: 1px solid rgba(212, 175, 55, 0.05); }
    .luxury-avatar-frame { margin-top: 2.5rem; margin-left: auto; margin-right: auto; }
    
    /* Completely hide go-to-top button on mobile screens to clear up thumb area space */
    #floating-back-to-top {
        display: none !important;
    }
    .floating-whatsapp-widget {
        bottom: 20px;
        right: 20px;
        width: 48px;
        height: 48px;
        font-size: 1.5rem;
    }
}

@media (max-width: 767.98px) {
    .hero-title { font-size: 2.1rem; }
    .section-title { font-size: 1.8rem; }
    .contact-conversion-panel { padding: 2.5rem 1.25rem !important; }
}