/* ---------- Стоимость (pz) v4: выбор класса + 3 тарифа; тёплый крем, стеклянные иконки, зелёный — экономия ---------- */
.pz-sec{--pz-ink:#1D1D1F;--pz-ink2:#3A3A3C;--pz-mute:#86868B;--pz-hair:rgba(60,30,20,.08);--pz-warm:#FBF3EC;--pz-green:#1E7B46;--pz-green-bg:#E6F4EC;
  position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(180deg,#FFFFFF 0%,#FEF7F0 55%,#FDF3EA 100%)}
.pz-sec::before,.pz-sec::after{content:"";position:absolute;z-index:-1;border-radius:50%;filter:blur(10px);pointer-events:none}
.pz-sec::before{width:620px;height:620px;left:-220px;top:180px;background:radial-gradient(circle,rgba(96,155,253,.13),transparent 65%)}
.pz-sec::after{width:680px;height:680px;right:-240px;top:40px;background:radial-gradient(circle,rgba(252,108,156,.11),transparent 65%)}
.pz-sec .sh{position:relative}
.pz-ic{display:block;flex:none}


/* выбор класса */
.pz-cls{display:flex;align-items:center;justify-content:center;gap:14px;margin:clamp(-6px,-.4vw,0px) 0 clamp(24px,2.8vw,36px)}
.pz-cls__l{font-size:15px;font-weight:600;color:var(--pz-mute)}
.pz-cls__b{display:inline-flex;gap:2px;padding:4px;border-radius:var(--pill);background:rgba(255,255,255,.75);-webkit-backdrop-filter:saturate(180%) blur(16px);backdrop-filter:saturate(180%) blur(16px);box-shadow:0 0 0 1px var(--pz-hair),0 8px 24px -14px rgba(60,30,20,.25)}
.pz-cls__b button{min-width:58px;min-height:42px;padding:0 16px;border:0;border-radius:var(--pill);background:none;font:inherit;font-size:15px;font-weight:650;color:var(--pz-ink2);cursor:pointer;font-variant-numeric:tabular-nums;transition:background .3s,color .3s,box-shadow .3s}
.pz-cls__b button:hover{background:var(--pz-warm)}
.pz-cls__b button.on{background:var(--pz-ink);color:#fff;box-shadow:0 6px 16px -6px rgba(0,0,0,.45)}
.pz4:not([data-cls="0"]) .pz-v[data-c="0"]{display:none}.pz4:not([data-cls="1"]) .pz-v[data-c="1"]{display:none}.pz4:not([data-cls="2"]) .pz-v[data-c="2"]{display:none}.pz4:not([data-cls="3"]) .pz-v[data-c="3"]{display:none}.pz4:not([data-cls="4"]) .pz-v[data-c="4"]{display:none}.pz4:not([data-cls="5"]) .pz-v[data-c="5"]{display:none}.pz4:not([data-cls="6"]) .pz-v[data-c="6"]{display:none}.pz4:not([data-cls="7"]) .pz-v[data-c="7"]{display:none}

/* тарифы */
.pz-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.4vw,20px);align-items:stretch}
.pz-plans--n2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:860px;margin-inline:auto}
.pz-plan{position:relative;display:flex;flex-direction:column;padding:clamp(24px,2.4vw,32px);border-radius:var(--r-xl);background:rgba(255,255,255,.94);box-shadow:0 0 0 1px var(--pz-hair),0 16px 40px -28px rgba(60,30,20,.3);transition:transform .5s var(--spring),box-shadow .5s}
.pz-plan:hover{transform:translateY(-5px);box-shadow:0 0 0 1px var(--pz-hair),0 30px 56px -30px rgba(60,30,20,.4)}
.pz-plan--trial{border:1.5px solid transparent;background:linear-gradient(180deg,#FFF6F9,#FFFFFF 60%) padding-box,linear-gradient(140deg,#FC6C9C,#FE8F75 60%,#FFD0BF) border-box;box-shadow:0 22px 48px -30px rgba(252,20,93,.45)}
.pz-plan--trial:hover{box-shadow:0 32px 60px -30px rgba(252,20,93,.5)}
.pz-flag{position:absolute;top:clamp(20px,2vw,26px);right:clamp(20px,2vw,26px);padding:5px 11px;border-radius:var(--pill);background:var(--pink-tint);color:var(--pink-text);font-size:12.5px;font-weight:700;letter-spacing:-.005em;white-space:nowrap}
.pz-flag--green{background:var(--pz-green-bg);color:var(--pz-green)}
.pz-plan__h{display:flex;align-items:center;gap:14px}
.pz-plan__h .pz-ic{width:48px;height:48px}
.pz-plan__h h3{margin:0;font-size:20px;font-weight:700;letter-spacing:-.025em;color:var(--pz-ink)}
.pz-plan__p{margin-top:22px;min-height:84px}
.pz-plan__p b{display:block;font-size:clamp(30px,2.9vw,40px);line-height:1.04;font-weight:720;letter-spacing:-.04em;color:var(--pz-ink);white-space:nowrap;font-variant-numeric:tabular-nums}
.pz-plan__p b small{font-size:16px;font-weight:500;letter-spacing:-.01em;color:var(--pz-mute);margin-left:3px}
.pz-plan__p>span{display:block;margin-top:9px;font-size:14.5px;line-height:1.4;color:var(--pz-mute)}
.pz-plan__p s{color:#B0A8A2;text-decoration-thickness:1px;white-space:nowrap}
.pz-plan--trial .pz-plan__p b{background:linear-gradient(100deg,#E0105A,#FC6C9C 60%,#FE8F75);-webkit-background-clip:text;background-clip:text;color:transparent}
.pz-save{margin:12px 0 0}
.pz-save span{display:inline-flex;padding:6px 12px;border-radius:var(--pill);background:var(--pz-green-bg);color:var(--pz-green);font-size:14px;font-weight:700;letter-spacing:-.01em;white-space:nowrap}
.pz-ticks{display:grid;gap:10px;margin:20px 0 24px;padding:18px 0 0;border-top:1px solid var(--pz-hair);list-style:none}
.pz-ticks li{position:relative;padding-left:28px;font-size:14.5px;line-height:1.42;color:var(--pz-ink2)}
.pz-ticks li::before{content:"";position:absolute;left:0;top:1px;width:19px;height:19px;border-radius:50%;background:var(--pz-green-bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M6 10.4l2.6 2.6L14 7.6' fill='none' stroke='%231E7B46' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/15px no-repeat}
.pz-plan__btn{margin-top:auto;width:100%;justify-content:center;text-align:center;white-space:normal}
.pz-plan .btn--ghost{background:#fff;color:var(--pz-ink);box-shadow:inset 0 0 0 1.5px rgba(29,29,31,.16)}
.pz-plan .btn--ghost:hover{background:var(--pz-ink);color:#fff;box-shadow:none}
.pz--flip .pz-v{animation:pzIn .45s var(--spring) both}
@keyframes pzIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.pz-plan__p b .pz-v{display:inline}

/* что получает ребёнок */
.pz-gets{display:flex;align-items:center;flex-wrap:wrap;gap:14px 22px;margin-top:clamp(18px,2vw,26px);padding:18px clamp(20px,2.4vw,28px);border-radius:var(--r-lg);background:rgba(255,255,255,.92);box-shadow:0 0 0 1px var(--pz-hair)}
.pz-gets__t{display:inline-flex;align-items:center;gap:11px;font-size:16px;font-weight:700;color:var(--pz-ink);letter-spacing:-.02em}
.pz-gets ul{display:flex;flex-wrap:wrap;gap:8px 10px;margin:0;padding:0;list-style:none}
.pz-gets li{display:inline-flex;align-items:center;gap:9px;padding:5px 14px 5px 5px;border-radius:var(--pill);background:var(--pz-warm);font-size:14px;line-height:1.3;color:var(--pz-ink2)}


/* доверие */
.pz-trust{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,1.3vw,18px);margin-top:clamp(12px,1.3vw,18px)}
.pz-trust--n3{grid-template-columns:repeat(3,minmax(0,1fr))}
.pz-trust__i{display:flex;align-items:flex-start;gap:16px;padding:clamp(20px,2.2vw,26px);border-radius:var(--r-lg);background:rgba(255,255,255,.92);box-shadow:0 0 0 1px var(--pz-hair)}
.pz-trust__i .pz-ic{width:56px;height:56px;margin:-4px 0 -4px -4px}
.pz-trust__i b{display:block;font-size:17px;font-weight:700;letter-spacing:-.02em;color:var(--pz-ink)}
.pz-trust__i p{margin:5px 0 0;font-size:14.5px;line-height:1.45;color:var(--pz-ink2)}
.pz-ask{margin:clamp(20px,2.4vw,30px) 0 0;text-align:center;font-size:15px;color:var(--pz-mute)}
.pz-ask a{color:var(--pz-ink);font-weight:650;text-decoration:none;white-space:nowrap}
.pz-ask a:hover{color:var(--pink-text);text-decoration:underline}

@media (max-width:1068px){
  .pz-plans{grid-template-columns:minmax(0,1fr);max-width:560px;margin-inline:auto}
  .pz-plans--n2{grid-template-columns:minmax(0,1fr)}
  .pz-plan__p{min-height:0}
  .pz-trust--n3{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:734px){
  .pz-cls{flex-direction:column;gap:10px}
  .pz-cls__b{max-width:100%}
  .pz-cls__b button{min-width:0;padding:0 13px;font-size:14.5px}
  .pz-plan{padding:22px}
  .pz-gets{padding:16px}
  .pz-gets li{border-radius:16px}
  .pz-trust{grid-template-columns:minmax(0,1fr)}
  .pz-trust__i{padding:18px}
}
@media (max-width:380px){
  .pz-cls__b button{padding:0 10px;font-size:14px}
  .pz-plan__h h3{font-size:18px}
}
@media (prefers-reduced-motion:reduce){.pz--flip *{animation:none!important}}
.pz-flag{top:-12px;right:auto;left:clamp(24px,2.4vw,32px);box-shadow:0 0 0 3px #fff}
.pz-flag:not(.pz-flag--green){background:linear-gradient(100deg,#E0105A,#FC6C9C);color:#fff;box-shadow:0 6px 14px -6px rgba(252,20,93,.6)}
.pz-plan{overflow:visible}
.pz-plan__btn{font-size:16px;padding-inline:18px}
@media (max-width:734px){.pz-cls__b button{min-width:46px}}
@media (max-width:380px){.pz-cls__b button{min-width:40px}}
/* v5 (2026-11-10): чипы «Что получает ребёнок» зависят от класса */
.pz4[data-cls="0"] .pz-gets li[data-in]:not([data-in~="0"]){display:none}.pz4[data-cls="1"] .pz-gets li[data-in]:not([data-in~="1"]){display:none}.pz4[data-cls="2"] .pz-gets li[data-in]:not([data-in~="2"]){display:none}.pz4[data-cls="3"] .pz-gets li[data-in]:not([data-in~="3"]){display:none}.pz4[data-cls="4"] .pz-gets li[data-in]:not([data-in~="4"]){display:none}.pz4[data-cls="5"] .pz-gets li[data-in]:not([data-in~="5"]){display:none}.pz4[data-cls="6"] .pz-gets li[data-in]:not([data-in~="6"]){display:none}.pz4[data-cls="7"] .pz-gets li[data-in]:not([data-in~="7"]){display:none}
.pz-gets li[data-in]{animation:pzIn .45s var(--spring) both}