/* Tabulky */
.size-table {
    width: 100%;
    margin-bottom: 20px;
    border-collapse: collapse;
    background: hsl(0deg 0% 100% / 80%);
    font-size: 14px;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

/* Hlavička */
.size-table thead th {
    background: hsl(210deg 20% 96% / 80%);
    font-weight: 600;
    padding: 12px;
    text-align: center;
}

/* Buňky */
.size-table td {
    padding: 11px;
    text-align: center;
}

/* První sloupec */
.size-table th:first-child,
.size-table td:first-child {
    text-align: left;
    font-weight: 600;
    color: #555;
}

/* Oddělení řádků */
.size-table th,
.size-table td {
    border-bottom: 1px solid #eee;
}

.size-table tr:last-child td {
    border-bottom: none;
}

/* Zebra efekt */
.size-table tbody tr:nth-child(even) {
    background: #fafafa;
}

/* Hover efekt */
.size-table tbody tr:hover {
    background: #f5f7fa;
}

/* MOBIL */
@media (max-width: 768px) {
    .size-table {
        display: inline-table;
        overflow-x: auto;
        white-space: nowrap;
    }

    .size-table th,
    .size-table td {
        padding: 10px;
        font-size: 13px;
    }
}