.specifications {
    padding: 60px 0;
    background-color: #efefef;
}
.specifications .site-container {
    display: grid;
    align-items: start;
    grid-template-columns: 1fr;
    gap: 30px;
}
@media (min-width: 768px) {
    .specifications .site-container {
        grid-template-columns: 1.5fr 1fr;
    }
}
.specifications .column:first-child {
    background-color: white;
    padding: 30px;
}
/* Mobile view styles */
@media (max-width: 767px) {
    .specifications {
        padding: 20px 0;
        /* Reduce top and bottom padding for mobile */
    }
    .specifications .site-container {
        grid-template-columns: 1fr;
        /* Stack columns on top of each other for mobile */
    }
    .specifications .column {
        padding: 20px;
        /* Reduce padding for mobile */
    }
    .specifications h3 {
        margin-bottom: 10px;
        /* Reduce heading margin for mobile */
    }
    /* Adjust table styles for mobile */
    .specifications table {
        width: 100%;
        border-collapse: collapse;
        /* Remove space between table cells */
    }
    .specifications td,
    .specifications th {
        padding: 8px;
        /* Adjust cell padding for mobile */
        border: 1px solid #ddd;
        /* Add borders to table cells */
        width: auto;
    }
    /* Add horizontal scrolling for wide tables on mobile */
    .specifications table {
        overflow-x: auto;
    }
    /* Make the table cells stack for better readability on mobile */
    .specifications table tbody tr {
        display: block;
        margin-bottom: 5px;
        height: auto;
    }
    .specifications td {
        display: block;
        text-align: left;
    }
    .specifications td strong {
        display: inline-block;
        width: 200px;
        /* Set a fixed width for labels on mobile */
        font-weight: bold;
        margin-bottom: 5px;
    }
}
.specifications h3 {
    margin-bottom: 20px;
}