/* Фиксация размеров карточек тарифов при масштабировании браузера (110%–175%+).
   Значения задаёт JS: --tariff-* = basePx / --tariff-browser-zoom */

@media screen and (min-width: 1207px) {
    #tarifs[data-tariff-zoom-lock] {
        --tariff-col-gap: var(--tariff-col-gap-lock, 8px);
        --tariff-col-width: var(--tariff-col-width-lock, var(--tariff-col-width));
        --tariff-scroll-pad-bottom: calc(var(--tariff-col-gap-lock, 8px) * 4);
    }

    #tarifs[data-tariff-zoom-lock] .main-tariff__columns {
        gap: var(--tariff-col-gap-lock, var(--tariff-col-gap)) !important;
    }

    #tarifs[data-tariff-zoom-lock] .main-tariff__column.column {
        flex: 0 0 var(--tariff-col-width-lock, var(--tariff-col-width)) !important;
        max-width: none !important;
        width: var(--tariff-col-width-lock, var(--tariff-col-width)) !important;
    }

    #tarifs[data-tariff-zoom-lock] .tariff-card {
        --tariff-icon-title-gap: var(--tariff-icon-title-gap-lock, 14px);
        --tariff-card-top-gap: var(--tariff-card-top-gap-lock, 40px);
        padding: var(--tariff-card-top-gap-lock, 40px)
            var(--tariff-card-pad-x-lock, 20px)
            var(--tariff-card-pad-bottom-lock, 20px) !important;
    }

    #tarifs[data-tariff-zoom-lock] .tariff-card__icons {
        gap: var(--tariff-icon-gap-lock, 12px) !important;
        margin-bottom: var(--tariff-icon-title-gap-lock, 14px) !important;
    }

    #tarifs[data-tariff-zoom-lock] .tariff-card__icon {
        height: var(--tariff-icon-size-lock, 42px) !important;
        width: var(--tariff-icon-size-lock, 42px) !important;
    }

    #tarifs[data-tariff-zoom-lock] .tariff-card__title {
        font-size: var(--tariff-title-size-lock) !important;
        line-height: var(--tariff-title-lh-lock) !important;
        min-height: var(--tariff-title-min-h-lock, 50px) !important;
    }

    #tarifs[data-tariff-zoom-lock] .tariff-card__price:not(.tariff-card__price--meta) .tariff-card__price-value {
        font-size: var(--tariff-price-size-lock) !important;
        line-height: var(--tariff-price-lh-lock) !important;
    }

    #tarifs[data-tariff-zoom-lock] .tariff-card__price--meta .tariff-card__price-value {
        font-size: var(--tariff-meta-price-size-lock) !important;
        line-height: var(--tariff-meta-price-lh-lock) !important;
    }

    #tarifs[data-tariff-zoom-lock] .tariff-card__price-text {
        font-size: var(--tariff-price-text-size-lock) !important;
        line-height: var(--tariff-price-text-lh-lock) !important;
    }

    #tarifs[data-tariff-zoom-lock] .tariff-card__oldprice-value {
        font-size: var(--tariff-oldprice-size-lock) !important;
    }

    #tarifs[data-tariff-zoom-lock] .tariff-card__list-item {
        font-size: var(--tariff-install-size-lock) !important;
        line-height: var(--tariff-install-lh-lock) !important;
    }

    #tarifs[data-tariff-zoom-lock] .tariff-card__list-item::before {
        background-size: var(--tariff-marker-size-lock, 16px) var(--tariff-marker-size-lock, 16px) !important;
        flex-basis: var(--tariff-marker-size-lock, 16px) !important;
        height: var(--tariff-marker-size-lock, 16px) !important;
        margin-right: var(--tariff-marker-gap-lock, 10px) !important;
        width: var(--tariff-marker-size-lock, 16px) !important;
    }

    #tarifs[data-tariff-zoom-lock] .tariff-card__install-text,
    #tarifs[data-tariff-zoom-lock] .tariff-card__install-sum {
        font-size: var(--tariff-install-size-lock) !important;
        line-height: var(--tariff-install-lh-lock) !important;
    }

    #tarifs[data-tariff-zoom-lock] .tariff-card__footer {
        padding-top: var(--tariff-footer-pad-top-lock) !important;
    }

    #tarifs[data-tariff-zoom-lock] .tariff-card__footer .button {
        font-size: var(--tariff-btn-size-lock) !important;
        line-height: 1.5 !important;
    }

    #tarifs[data-tariff-zoom-lock] .tariff-card__price-meta-wrap {
        margin-bottom: var(--tariff-meta-margin-bottom-lock) !important;
    }

    #tarifs[data-tariff-zoom-lock] {
        --tariff-marker-size: var(--tariff-marker-size-lock, 16px);
        --tariff-install-row-h: var(--tariff-install-row-h-lock, 28px);
    }
}