.itariffs { margin: 24px 0; }

.itariffs__controls {
    margin: 0 0 12px;
    display: flex;
    gap: 12px;
    align-items: center;
    flex-wrap: wrap;
}

.itariffs__letter {
    border-radius: 4px;
    border: 1px solid rgba(115, 115, 115, .2);
    padding: 8px 16px;
    font-size: 1rem;
    line-height: 1.5em;
    font-weight: 500;
    height: 40px;
    min-width: 200px;
}

.itariffs__label {
    font-weight: 600;
    color: var(--itariffs-accent);
    margin: 0;
    font-size: 1.125rem;
    line-height: 1.5em;
}

.itariffs__tablewrap {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    border: 1px solid var(--itariffs-border);
    border-radius: 10px;
}

.itariffs__table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    min-width: 520px;
}

.itariffs__col-country { width: 30%; }
.itariffs__col-code { width: 60%; }
.itariffs__col-price { width: 20%; }

.itariffs__table td,
.itariffs__table th {
    white-space: normal;
    word-break: break-word;
}

.itariffs__thead {
    color: var(--itariffs-accent);
}

.itariffs__table thead th {
    text-align: left;
    font-weight: 700;
    padding: 12px 14px;
    border-bottom: 1px solid var(--itariffs-border);
    background: var(--itariffs-head-bg);
    white-space: nowrap;
}

.itariffs__table tbody td {
    padding: 12px 14px;
    border-bottom: 1px solid var(--itariffs-border);
    vertical-align: top;
}

.itariffs__table tbody tr:nth-child(even) {
    background: var(--itariffs-even-bg);
}

.itariffs__table tbody tr:hover {
    background: var(--itariffs-row-hover);
}

.itariffs__status {
    font-weight: 600;
    color: var(--itariffs-accent);
    font-size: 1.125rem;
    line-height: 1.5em;
    margin-top: 10px;
    opacity: .85;
}