/* Стили для страницы сравнения */
.table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.table-hover tbody tr:hover {
    background-color: rgba(0, 0, 0, 0.03);
}

.card-header {
    border-bottom: 2px solid rgba(0, 0, 0, 0.125);
}

.table td {
    vertical-align: middle;
    padding: 0.75rem;
    border-top: 1px solid #dee2e6;
}

.table-light {
    background-color: #f8f9fa;
}

/* Адаптивность для мобильных устройств */
@media (max-width: 768px) {
    .card-header h4 {
        font-size: 1.1rem;
    }
    
    .table td {
        padding: 0.5rem;
        font-size: 0.9rem;
    }
    
    .badge {
        font-size: 0.8em;
    }
}

/* Для очень маленьких экранов */
@media (max-width: 576px) {
    .row > .col-lg-6 {
        margin-bottom: 1rem;
    }
    
    .card-body {
        padding: 0.5rem;
    }
}