/* General Table Styling */
.product-specifications-table {
    width: 100%;
    max-width: 100%; /* Ensure the table fills its container */
    border-collapse: separate; /* Allow border-radius to work */
    border-spacing: 0;
    border: 1px solid #ddd!important; /* Outer border */
    border-radius: 8px; /* Apply border-radius to the table */
    padding: 5px;
    table-layout: auto; /* Allow the table to adjust based on content */
    box-sizing: border-box; /* Include padding and borders in the table’s width */
    background-color: #ffffff; /* White background for the entire table */
}

/* Styling for table headers and cells */
.product-specifications-table th,
.product-specifications-table td {
    padding: 10px; /* Add some padding */
    text-align: left;
    box-sizing: border-box;
    display: table-cell;
    width: 65%; /* Allow cells to auto-size based on content */
    border-bottom: 1px solid #ddd; /* Apply bottom borders to all cells */
    background-color: #ffffff; /* Explicitly set the background color to white */
}

/* Fix the small gap by aligning borders properly */
.product-specifications-table th,
.product-specifications-table td {
    border-spacing: 0;
    margin: 0; }

/* Remove the bottom border from the last row */
.product-specifications-table tr:last-child th,
.product-specifications-table tr:last-child td {
    border-bottom: none; /* Remove the bottom border from the last row */
}

/* Ensure the table headers are consistent in color and style */
.product-specifications-table th {
    background-color: #ffffff; /* Explicitly set the header background to white */
    font-weight: bold; /* Ensure headers are bold for visibility */
    font-size: 14px; /* Ensure header text is readable */
}

/* Apply border-radius to the table's outer corners */
.product-specifications-table th:first-child,
.product-specifications-table td:first-child {
    border-radius: 8px 0 0 0; /* Top-left corner */
}

.product-specifications-table th:last-child,
.product-specifications-table td:last-child {
    border-radius: 0 8px 0 0; /* Top-right corner */
}

.product-specifications-table tr:last-child th:first-child,
.product-specifications-table tr:last-child td:first-child {
    border-radius: 0 0 0 8px; /* Bottom-left corner */
}

.product-specifications-table tr:last-child th:last-child,
.product-specifications-table tr:last-child td:last-child {
    border-radius: 0 0 8px 0; /* Bottom-right corner */
}

/* Responsive Styling for Small Screens */
@media (max-width: 768px) {
    .product-specifications-table th,
    .product-specifications-table td {
        font-size: 12px; /* Adjust font size for readability */
        padding: 6px; /* Smaller padding on small screens */
    }
}