/* Responsive Styles */
@media (max-width: 768px) {
    .phone-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    
    .brands-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }
    
    .comparison-table {
        font-size: 12px;
    }
}

@media (max-width: 480px) {
    .phone-grid {
        grid-template-columns: 1fr !important;
    }
    
    .brands-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}