/* Рамка карточек тарифов + галочка по первой строке списка */

#tarifs .tariff-card {
    border: 1px solid rgba(36, 36, 41, 0.1);
    box-sizing: border-box;
    transition: border-color 0.28s ease, box-shadow 0.28s ease;
}

@media screen and (min-width: 1207px) {
    #tarifs .tariff-card:hover {
        border-color: rgba(36, 36, 41, 0.16);
        box-shadow: 0 12px 28px rgba(0, 0, 0, 0.07);
    }
}

#tarifs .tariff-card.is-touch-pressed {
    border-color: rgba(36, 36, 41, 0.16);
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.07);
}

@media (hover: none) {
    #tarifs .tariff-card:hover:not(.is-touch-pressed) {
        border-color: rgba(36, 36, 41, 0.1);
        box-shadow: none;
    }
}

#tarifs .tariff-card__list-item,
.tariff-card__list-item {
    align-items: flex-start;
}

#tarifs .tariff-card__list {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

@media screen and (max-width: 679px) {
    #tarifs .tariff-card__list {
        gap: 3vw;
    }
}

#tarifs .tariff-card__list-item::before,
.tariff-card__list-item::before {
    align-self: flex-start;
    background-position: center top;
    flex-shrink: 0;
    margin-top: 0.15em;
}

@media screen and (max-width: 679px) {
    #tarifs .tariff-card__list-item::before {
        margin-top: 0.12em !important;
    }
}

@media screen and (min-width: 680px) and (max-width: 1206px) {
    #tarifs .tariff-card__list-item::before {
        margin-top: 0.14em !important;
    }
}

@media screen and (min-width: 1207px) {
    #tarifs .tariff-card__list-item::before {
        margin-top: 0.15em !important;
    }
}

#tarifs[data-tariff-zoom-lock] .tariff-card__list-item::before {
    margin-top: 0.15em !important;
}