/* SDAS Vehicle Spec Sheet - Responsive Grid Layout */
.sdas-specsheet {
    display: grid;
    gap: 12px;
    /* Mobile first: 1 column */
    grid-template-columns: 1fr;
}

.sdas-specsheet__row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #eee;
    padding: 8px 12px;
    gap: 16px;
    background-color: #ffffff;
}

/* Mobile: alternating rows (1 column) */
.sdas-specsheet__row:nth-child(even) {
    background-color: #f8f9fa;
}

.sdas-specsheet__row span {
    color: #666;
    font-weight: 500;
    flex-shrink: 0;
    min-width: 0;
}

.sdas-specsheet__row strong {
    font-weight: 600;
    text-align: right;
    flex-shrink: 0;
    margin-left: auto;
}

/* Tablet and Desktop: 2 columns with wider gap */
@media (min-width: 768px) {
    .sdas-specsheet {
        grid-template-columns: 1fr 1fr;
        column-gap: 56px;
        row-gap: 12px;
    }
    
    .sdas-specsheet__row {
        padding: 8px 16px;
    }
    
    /* Override mobile alternating for 2-column grid */
    /* Rows 1, 3, 5... (items 1-2, 5-6, 9-10...) = white */
    /* Rows 2, 4, 6... (items 3-4, 7-8, 11-12...) = light gray */
    .sdas-specsheet__row:nth-child(even) {
        background-color: #ffffff;
    }
    
    .sdas-specsheet__row:nth-child(4n+3),
    .sdas-specsheet__row:nth-child(4n+4) {
        background-color: #f8f9fa;
    }
}