﻿.pricematrix {
    width: 100%;
    margin-bottom: 24px;
}
.pricematrix__title {
    padding: 10px;
    background: #e9e9e9;
    text-align: center;
    border-radius: 5px 5px 0 0;
}
.pricematrix__title h3 {
    margin: 0;
}

.pricematrix__head,
.pricematrix__row {
    display: grid;
    grid-template-columns:
        1.25fr
        repeat(5, 1fr);
    gap: 1px;
    background: #d5d5d5;
}
.pricematrix__head > div {
    padding: 9px 5px;
    background: white;
    text-align: center;
    font-size: .85rem;
    font-weight: 700;
}
.pricematrix__from {
    padding: 9px;
    background: white;
    font-weight: 600;
}
.pricematrix__price {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 9px 4px;
    background: white;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}
@media (max-width: 600px) {
    .pricematrix__head {
        display: none;
    }
    .pricematrix__row {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 1px;
        margin-top: 8px;
        background: #d5d5d5;
    }
    .pricematrix__from {
        grid-column: 1 / -1;
        padding: 9px 10px;
        background: #f2f2f2;
        font-weight: 700;
        font-size: .9rem;
    }
    .pricematrix__price {
        position: relative;
        justify-content: space-between;
        padding: 9px 10px;
        background: white;
        font-size: .9rem;
    }
    .pricematrix__price::before {
        content: attr(data-label);
        color: #555;
        font-weight: 400;
    }
    .pricematrix__price {
        white-space: nowrap;
    }
}
.sammeltaxi {
    max-width: 600px;
    margin: 30px auto 0;
}
.sammeltaxi__row {
    display: grid;
    grid-template-columns: 1.5fr 1fr;
    gap: 1px;
    margin-top: 1px;
    background: var(--border);
}
.sammeltaxi__cell {
    padding: 10px;
    background: #fff;
}
.sammeltaxi__price {
    text-align: center;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
}

@media (max-width: 600px) {

    .sammeltaxi {
        max-width: none;
    }
    .sammeltaxi__row {
        grid-template-columns: 1.4fr 1fr;
    }
    .sammeltaxi__cell {
        padding: 9px 7px;
        font-size: .9rem;
    }
}