.er-price-calc--band .er-price-calc__result[hidden],
.er-price-calc--split .er-price-calc__result[hidden],
.er-price-calc--cards .er-price-calc__result[hidden],
.er-price-calc--band .er-price-calc__years[hidden],
.er-price-calc--split .er-price-calc__years[hidden],
.er-price-calc--cards .er-price-calc__years[hidden] {
    display: none;
}

.er-price-calc--band .er-price-calc__sheet td,
.er-price-calc--split .er-price-calc__sheet td,
.er-price-calc--cards .er-price-calc__sheet td,
.er-price-calc--band .er-price-calc__subtotal strong,
.er-price-calc--split .er-price-calc__subtotal strong,
.er-price-calc--cards .er-price-calc__subtotal strong,
.er-price-calc--band .er-price-calc__sheet thead th:not(:first-child),
.er-price-calc--split .er-price-calc__sheet thead th:not(:first-child),
.er-price-calc--cards .er-price-calc__sheet thead th:not(:first-child) {
    flex: 0 0 8.5rem;
    width: 8.5rem;
    text-align: right;
}

@container er-price (max-width: 860px) {

    .er-price-calc--split .er-price-calc__layout,
    .er-price-calc--cards .er-price-calc__form,
    .er-price-calc--cards .er-price-calc__sheets {
        grid-template-columns: 1fr;
    }

    .er-price-calc--split .er-price-calc__form,
    .er-price-calc--split .er-price-calc__result,
    .er-price-calc--split .er-price-calc__catalog,
    .er-price-calc--split .er-price-calc__catalog:not([hidden]),
    .er-price-calc--split .er-price-calc__preferential,
    .er-price-calc--split .er-price-calc__preferential:not([hidden]),
    .er-price-calc--split .er-price-calc__notes,
    .er-price-calc--split .er-price-calc__years {
        grid-column: 1;
        grid-row: auto;
        position: static;
    }
}

@container er-price (max-width: 720px) {

    .er-price-calc--band .er-price-calc__panel--car,
    .er-price-calc--band .er-price-calc__panel--money,
    .er-price-calc--band .er-price-calc__terms {
        grid-template-columns: 1fr;
    }

    .er-price-calc--band .er-price-calc__field--price,
    .er-price-calc--band .er-price-calc__actions,
    .er-price-calc--band .er-price-calc__terms,
    .er-price-calc--band .er-price-calc__check[data-rare] {
        grid-column: 1 / -1;
    }

    .er-price-calc--band .er-price-calc__field--price,
    .er-price-calc--band .er-price-calc__actions {
        grid-row: auto;
    }
}

@media (max-width: 992px) {
    .er-price-calc--split .er-price-calc__layout {
        grid-template-columns: 1fr;
    }

    .er-price-calc--split .er-price-calc__form,
    .er-price-calc--split .er-price-calc__result,
    .er-price-calc--split .er-price-calc__catalog,
    .er-price-calc--split .er-price-calc__catalog:not([hidden]),
    .er-price-calc--split .er-price-calc__preferential,
    .er-price-calc--split .er-price-calc__preferential:not([hidden]),
    .er-price-calc--split .er-price-calc__notes,
    .er-price-calc--split .er-price-calc__years {
        grid-column: 1;
        grid-row: auto;
        position: static;
    }

    .er-price-calc--cards .er-price-calc__form,
    .er-price-calc--cards .er-price-calc__sheets {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .er-price-calc--band .er-price-calc__panel--car {
        grid-template-columns: 1fr 1fr;
    }

    .er-price-calc--band .er-price-calc__panel--car:has([data-volume][hidden]):not(:has([data-power-30]:not([hidden]))) .er-price-calc__field--power,
    .er-price-calc--cards .er-price-calc__panel--car:has([data-volume][hidden]):not(:has([data-power-30]:not([hidden]))) .er-price-calc__field--power,
    .er-price-calc--split .er-price-calc__form:has([data-volume][hidden]):not(:has([data-power-30]:not([hidden]))) .er-price-calc__field--power {
        grid-column: 1 / -1;
    }
}

@media (max-width: 640px) {

    .er-price-calc--band .er-price-calc__form,
    .er-price-calc--band .er-price-calc__result,
    .er-price-calc--band .er-price-calc__years,
    .er-price-calc--split .er-price-calc__form,
    .er-price-calc--split .er-price-calc__result,
    .er-price-calc--split .er-price-calc__years,
    .er-price-calc--cards .er-price-calc__panel,
    .er-price-calc--cards .er-price-calc__result,
    .er-price-calc--cards .er-price-calc__years {
        padding: 16px;
        border-radius: 12px;
    }

    .er-price-calc--cards {
        padding: 16px;
        border-radius: 12px;
    }

    .er-price-calc--band .er-price-calc__panel--car,
    .er-price-calc--band .er-price-calc__panel--money,
    .er-price-calc--band .er-price-calc__terms,
    .er-price-calc--split .er-price-calc__form,
    .er-price-calc--cards .er-price-calc__panel--car,
    .er-price-calc--cards .er-price-calc__terms {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .er-price-calc--band .er-price-calc__field--price,
    .er-price-calc--band .er-price-calc__actions,
    .er-price-calc--band .er-price-calc__terms,
    .er-price-calc--band .er-price-calc__check,
    .er-price-calc--split .er-price-calc__field,
    .er-price-calc--split .er-price-calc__check,
    .er-price-calc--split .er-price-calc__submit,
    .er-price-calc--cards .er-price-calc__field {
        grid-column: 1 / -1;
        width: 100%;
    }

    .er-price-calc--band .er-price-calc__field--price,
    .er-price-calc--band .er-price-calc__actions {
        grid-row: auto;
    }

    .er-price-calc__field--price .er-price-calc__combo input[type="text"] {
        flex: 1 1 auto;
        min-width: 120px;
    }

    .er-price-calc__select--currency,
    .er-price-calc--band .er-price-calc__select--currency,
    .er-price-calc--cards .er-price-calc__select--currency {
        flex: 0 1 auto;
        width: auto;
        min-width: 0;
        max-width: 45%;
    }

    .er-price-calc__select--currency select {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .er-price-calc__submit,
    .er-price-calc--band .er-price-calc__submit {
        width: 100%;
        height: 48px;
    }

    .er-price-calc--band .er-price-calc__summary strong,
    .er-price-calc--split .er-price-calc__summary strong,
    .er-price-calc--cards .er-price-calc__summary strong {
        font-size: 24px;
    }

    .er-price-calc--band .er-price-calc__meter-key,
    .er-price-calc--split .er-price-calc__meter-key,
    .er-price-calc--cards .er-price-calc__meter-key {
        flex-wrap: wrap;
        gap: 8px 16px;
    }

    .er-price-calc--both .er-price-calc__sheet td,
    .er-price-calc--both .er-price-calc__subtotal strong {
        font-size: 13px;
        white-space: nowrap;
    }

    .er-price-calc--band .er-price-calc__summaries,
    .er-price-calc--split .er-price-calc__summaries {
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
    }

    .er-price-calc--cards .er-price-calc__summaries {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .er-price-calc--both .er-price-calc__sheet tr,
    .er-price-calc--both .er-price-calc__subtotal {
        flex-wrap: wrap;
        row-gap: 4px;
    }

    .er-price-calc--both .er-price-calc__sheet tbody th,
    .er-price-calc--both .er-price-calc__subtotal>span {
        flex: 1 0 100%;
        min-width: 0;
        margin-right: 0;
        white-space: normal;
    }

    .er-price-calc--both .er-price-calc__sheet thead th:first-child {
        display: none;
    }

    .er-price-calc--band.er-price-calc--both .er-price-calc__sheet td,
    .er-price-calc--split.er-price-calc--both .er-price-calc__sheet td,
    .er-price-calc--cards.er-price-calc--both .er-price-calc__sheet td,
    .er-price-calc--band.er-price-calc--both .er-price-calc__subtotal strong,
    .er-price-calc--split.er-price-calc--both .er-price-calc__subtotal strong,
    .er-price-calc--cards.er-price-calc--both .er-price-calc__subtotal strong,
    .er-price-calc--band.er-price-calc--both .er-price-calc__sheet thead th:not(:first-child),
    .er-price-calc--split.er-price-calc--both .er-price-calc__sheet thead th:not(:first-child),
    .er-price-calc--cards.er-price-calc--both .er-price-calc__sheet thead th:not(:first-child) {
        flex: 1 1 0;
        width: auto;
        max-width: none;
        min-width: 0;
    }

    .er-price-calc__years table {
        width: 100%;
    }

    .er-price-calc__years td,
    .er-price-calc__years th {
        width: auto;
    }
}

@container er-price (max-width: 640px) {

    .er-price-calc--band .er-price-calc__summaries,
    .er-price-calc--split .er-price-calc__summaries {
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
    }

    .er-price-calc--cards .er-price-calc__summaries {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .er-price-calc--both .er-price-calc__sheet tr,
    .er-price-calc--both .er-price-calc__subtotal {
        flex-wrap: wrap;
        row-gap: 4px;
    }

    .er-price-calc--both .er-price-calc__sheet tbody th,
    .er-price-calc--both .er-price-calc__subtotal>span {
        flex: 1 0 100%;
        min-width: 0;
        margin-right: 0;
        white-space: normal;
    }

    .er-price-calc--both .er-price-calc__sheet thead th:first-child {
        display: none;
    }

    .er-price-calc--band.er-price-calc--both .er-price-calc__sheet td,
    .er-price-calc--split.er-price-calc--both .er-price-calc__sheet td,
    .er-price-calc--cards.er-price-calc--both .er-price-calc__sheet td,
    .er-price-calc--band.er-price-calc--both .er-price-calc__subtotal strong,
    .er-price-calc--split.er-price-calc--both .er-price-calc__subtotal strong,
    .er-price-calc--cards.er-price-calc--both .er-price-calc__subtotal strong,
    .er-price-calc--band.er-price-calc--both .er-price-calc__sheet thead th:not(:first-child),
    .er-price-calc--split.er-price-calc--both .er-price-calc__sheet thead th:not(:first-child),
    .er-price-calc--cards.er-price-calc--both .er-price-calc__sheet thead th:not(:first-child) {
        flex: 1 1 0;
        width: auto;
        max-width: none;
        min-width: 0;
    }

    .er-price-calc__years table {
        width: 100%;
    }

    .er-price-calc__years td,
    .er-price-calc__years th {
        width: auto;
    }
}

.er-price-calc .er-price-calc__summary span[data-side="personal"],
.er-price-calc .er-price-calc__summary strong[data-summary="personal"],
.er-price-calc .er-price-calc__sheet thead th[data-side="personal"],
.er-price-calc .er-price-calc__sheet td[data-side="personal"],
.er-price-calc .er-price-calc__subtotal strong[data-side="personal"],
.er-price-calc .er-price-calc__grand strong[data-side="personal"],
.er-price-calc .er-price-calc__years th[data-year-side="personal"],
.er-price-calc .er-price-calc__years td[data-side="personal"] {
    color: #003155;
}

.er-price-calc .er-price-calc__summary span[data-side="legal"],
.er-price-calc .er-price-calc__summary strong[data-summary="legal"],
.er-price-calc .er-price-calc__sheet thead th[data-side="legal"],
.er-price-calc .er-price-calc__sheet td[data-side="legal"],
.er-price-calc .er-price-calc__subtotal strong[data-side="legal"],
.er-price-calc .er-price-calc__grand strong[data-side="legal"],
.er-price-calc .er-price-calc__years th[data-year-side="legal"],
.er-price-calc .er-price-calc__years td[data-side="legal"] {
    color: #005063;
}