@media (max-width: 992px) {
    .container {
        padding: 0 15px;
    }
}

@media (max-width: 768px) {
    .desktop-menu {
        display: none !important;
    }
    
    .mobile-toggle {
        display: flex !important;
    }
    
    .header-tools .header-icon {
        font-size: 18px;
    }
}

@media (max-width: 480px) {
    .header-logo .site-title {
        font-size: 18px;
    }
    
    .header-tools {
        gap: 10px;
    }
}