/* Lektivo CMS 1.2 — pricing blocks */
.lektivo-cms-public .cms-pricing {
    color:#e7f0ff
}
.cms-pricing-heading{
    text-align:center;
    max-width:740px;
    margin:0 auto 27px
}
.cms-pricing-heading h2{
    font-size:clamp(1.8rem,3vw,2.6rem);
    font-weight:750;
    letter-spacing:-.035em;
    color:#f7fbff
}
.cms-pricing-heading p{
    color:#b7c9e0;
    font-size:1.06rem
}
.cms-pricing-switch{
    display:flex;
    gap:3px;
    align-items:center;
    justify-content:center;
    width:max-content;
    max-width:100%;
    margin:0 auto 30px;
    padding:5px;
    border:1px solid rgba(131,181,239,.3);
    background:rgba(12,30,58,.8);
    border-radius:100px
}
.cms-pricing-switch__button{
    border:0;
    background:transparent;
    color:#c4d5e9;
    padding:10px 20px;
    border-radius:99px;
    font-weight:650;
    cursor:pointer;
    transition:background .18s ease,color .18s ease
}
.cms-pricing-switch__button.is-active{
    background:#267bf5;
    color:#fff;
    box-shadow:0 5px 22px rgba(24,102,229,.24)
}
.cms-pricing-switch__button:focus-visible{
    outline:3px solid #9ad4ff;
    outline-offset:2px
}
.cms-pricing-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));
    gap:22px;
    align-items:stretch
}
.cms-pricing-card{
    position:relative;
    display:flex;
    flex-direction:column;
    min-width:0;
    padding:30px 26px;
    border-radius:22px;
    border:1px solid rgba(152,188,236,.25);
    background:linear-gradient(155deg,rgba(30,55,91,.89),rgba(13,27,49,.94));
    box-shadow:0 12px 32px rgba(3,13,29,.15);
    color:#e8effe
}
.cms-pricing-card.is-recommended{
    border-color:#51a8ff;
    box-shadow:0 0 0 1px rgba(82,169,255,.27),0 20px 45px rgba(11,80,170,.22);
    background:linear-gradient(160deg,rgba(35,73,124,.95),rgba(14,34,68,.96))
}
.cms-pricing-card__badge{
    position:absolute;
    right:18px;
    top:-15px;
    border-radius:99px;
    padding:6px 13px;
    background:#1885f9;
    color:#fff;
    font-size:.76rem;
    font-weight:700;
    letter-spacing:.025em
}
.cms-pricing-card h3{
    font-size:1.35rem;
    font-weight:750;
    color:#fff;
    letter-spacing:-.02em;
    margin:0 0 10px
}
.cms-pricing-card__description{
    font-size:.95rem;
    color:#b8cce3;
    min-height:3em;
    margin-bottom:23px
}
.cms-pricing-card__amount{
    display:flex;
    align-items:baseline;
    gap:7px;
    flex-wrap:wrap;
    min-height:55px
}
.cms-pricing-card__value{
    font-size:clamp(1.6rem,2.4vw,2.25rem);
    letter-spacing:-.04em;
    color:#fff;
    line-height:1.2
}
.cms-pricing-card__suffix{
    font-size:.88rem;
    color:#b5c7df
}
.cms-pricing-card__billing-note{
    min-height:1.4em;
    font-size:.79rem;
    color:#9ebbdc;
    margin:0 0 14px
}
.cms-pricing-card__button{
    display:block;
    width:100%;
    padding:12px 14px;
    border-radius:11px;
    font-weight:700;
    margin:0 0 23px
}
.cms-pricing-card__features{
    border-top:1px solid rgba(187,215,247,.14);
    padding:18px 0 0;
    margin:auto 0 0;
    list-style:none;
    display:grid;
    gap:13px
}
.cms-pricing-card__features li{
    display:flex;
    gap:11px;
    align-items:flex-start;
    line-height:1.45;
    font-size:.92rem;
    color:#dbe8f9
}
.cms-pricing-card__features i{
    color:#63dcb0;
    margin-top:3px
}
@media(max-width:680px){
    .cms-pricing-card{
        padding:25px 22px
    }
    .cms-pricing-grid{
        gap:18px
    }
}