/* ===== дополнение для страницы «Стоимость», в тех же токенах ===== */
.page-template-page-stoimost main{display:block}
.page-template-page-stoimost #schools,
.page-template-page-stoimost #sady,
.page-template-page-stoimost #discounts,
.page-template-page-stoimost #calc,
.page-template-page-stoimost #pay,
.page-template-page-stoimost #faq,
.page-template-page-stoimost #zapis,
#stoimost{
  scroll-margin-top: 96px;
}


  /* первый экран */
  .ph1{padding-top:16px}
  .ph1__card{background:var(--white);border-radius:var(--r-xl);padding:56px 56px 52px;display:grid;grid-template-columns:1.2fr .8fr;gap:48px;align-items:center}
  .ph1__card h1{font-size:44px;color:var(--navy)}
  .ph1__card .lead{margin-top:20px}
  .ph1__acts{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}
  .ph1__nums{background:var(--card);border-radius:var(--r-lg);padding:34px 32px;display:grid;gap:26px}
  .ph1__nums .v{font-size:44px;font-weight:300;line-height:1;color:var(--navy);letter-spacing:-.01em}
  .ph1__nums .k{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--gray);margin-top:10px;line-height:1.5}
  .ph1__nums hr{border:0;height:1px;background:#d8d8d8;margin:0}

  /* табы Школы / Сады: как .tabs на главной */
  .ptabs{padding:40px 0 0}
  .ptabs .tabs{margin-bottom:0}
  .pane{display:none;animation:admIn .4s ease}
  .pane.is-on{display:block}

  /* заголовок секции + переключатель периода */
  .shead--price{align-items:flex-end}
  .period{display:inline-flex;gap:6px;background:var(--card);border-radius:var(--pill);padding:6px;flex-shrink:0}
  .period button{padding:10px 20px;border-radius:var(--pill);font-size:14px;font-weight:500;color:var(--gray);white-space:nowrap;transition:color .2s,background .2s}
  .period button.is-on{background:var(--white);color:var(--navy)}

  /* тарифы: белые карточки, как .hutp__c */
  .tf-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
  .tf-grid--2{grid-template-columns:repeat(2,1fr);max-width:960px}
  .tf{position:relative;overflow:hidden;background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg);padding:34px 32px 30px;display:flex;flex-direction:column;transition:border-color .22s ease,transform .22s ease,box-shadow .22s ease}
  .tf:hover{border-color:var(--orange);transform:translateY(-4px);box-shadow:0 18px 40px -22px rgba(19,34,69,.35)}
  .tf--navy{background:var(--navy);border-color:var(--navy);color:var(--white)}
  .tf--navy:hover{border-color:var(--orange)}
  .tf::after{content:attr(data-idx);position:absolute;right:14px;bottom:-18px;font-size:120px;font-weight:700;line-height:1;color:var(--navy);opacity:.05;pointer-events:none}
  .tf--navy::after{color:#fff;opacity:.07}
  .tf .s{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--gray);margin-bottom:18px}
  .tf--navy .s{color:#9fb0cf}
  .tf h3{font-size:22px;font-weight:400;color:var(--navy);margin-bottom:22px;text-transform:uppercase;letter-spacing:.03em}
  .tf--navy h3{color:#fff}
  .tf .v{font-size:52px;font-weight:300;line-height:1;color:var(--navy);letter-spacing:-.01em;white-space:nowrap}
  .tf--navy .v{color:#fff}
  .tf .u{font-size:13px;color:var(--gray);margin-top:10px}
  .tf--navy .u{color:#aebbd6}
  .tf ul{margin:24px 0 26px;border-top:1px solid var(--line)}
  .tf--navy ul{border-color:rgba(255,255,255,.16)}
  .tf li{display:flex;justify-content:space-between;gap:14px;padding:13px 0;border-bottom:1px solid var(--line);font-size:14px;color:#5a5a5a}
  .tf--navy li{border-color:rgba(255,255,255,.16);color:#aebbd6}
  .tf li b{font-weight:400;color:var(--navy);white-space:nowrap}
  .tf--navy li b{color:#fff}
  .tf .btn{margin-top:auto;width:100%}
  .tf__tag{position:absolute;top:22px;right:22px;font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--white);background:var(--orange);border-radius:999px;padding:6px 11px;z-index:1}

  /* что входит / отдельно */
  .inc{display:grid;grid-template-columns:1.1fr .9fr;gap:20px;margin-top:20px}
  .inc__c{background:var(--white);border-radius:var(--r-xl);padding:44px 40px}
  .inc__c--gray{background:var(--card)}
  .inc__c h3{margin-bottom:22px}
  .inclist li{position:relative;padding:12px 0 12px 30px;border-bottom:1px solid var(--line);font-size:15px;color:#4a4a4a;line-height:1.5}
  .inclist li:last-child{border-bottom:0}
  .inclist li::before{content:"";position:absolute;left:0;top:18px;width:12px;height:12px;border-radius:50%;background:var(--orange)}
  .inc__c--gray .inclist li{border-color:#d8d8d8}
  .extra li{display:flex;justify-content:space-between;gap:16px;align-items:baseline;padding:16px 0;border-bottom:1px solid #d8d8d8;font-size:16px}
  .extra li:last-child{border-bottom:0}
  .extra li span small{display:block;color:var(--gray);font-size:13px;margin-top:2px}
  .extra li b{font-weight:300;font-size:22px;white-space:nowrap;color:var(--navy)}

  /* скидки: серые карточки, как .avg__c */
  .dsc{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
  .dsc__c{background:var(--card);border-radius:var(--r-lg);padding:34px 32px}
  .dsc__c .t{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--gray);margin-bottom:16px}
  .dsc__c .v{font-size:56px;font-weight:300;line-height:1;color:var(--navy)}
  .dsc__c .v i{font-style:normal;font-size:24px;color:var(--orange)}
  .dsc__c .d{font-size:15px;color:var(--gray);line-height:1.6;margin-top:14px}
  .dsc__c--white{background:var(--white)}
  .dsc__c--navy{background:var(--navy)}
  .dsc__c--navy .t{color:#9fb0cf}.dsc__c--navy .v{color:#fff}.dsc__c--navy .d{color:#c9d3e6}
  .dsc-note{margin-top:20px;background:var(--white);border-radius:var(--r-xl);padding:36px 40px;display:grid;grid-template-columns:1fr 1fr;gap:12px 40px}
  .dsc-note li{display:flex;gap:12px;font-size:15px;color:#4a4a4a;line-height:1.55;padding:12px 0;border-bottom:1px solid var(--line)}
  .dsc-note li::before{content:"—";color:var(--gray)}

  /* калькулятор: тёмная карточка, как .mission__card */
  .calc{background:var(--navy);color:var(--white);border-radius:var(--r-xl);padding:64px 56px;display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:start}
  .calc .eyebrow{color:rgba(255,255,255,.5)}
  .calc h2{color:var(--white);margin-bottom:16px}
  .calc .lead{color:#c9d3e6;margin-bottom:8px}
  .calc__f{margin-top:26px}
  .calc__f label{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:#9fb0cf;margin-bottom:12px}
  .calc .chip{background:rgba(255,255,255,.08);color:#fff;border-color:rgba(255,255,255,.16)}
  .calc .chip:hover{background:rgba(255,255,255,.16)}
  .calc .chip.is-on{background:var(--orange);border-color:var(--orange)}
  .calc__out{background:var(--white);color:var(--black);border-radius:var(--r-lg);padding:36px 34px}
  .calc__out .row{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);font-size:14px;color:var(--gray)}
  .calc__out .row b{font-weight:400;color:var(--navy);white-space:nowrap}
  .calc__out .tot{padding:22px 0 6px}
  .calc__out .tot .v{font-size:52px;font-weight:300;line-height:1;color:var(--navy);letter-spacing:-.01em}
  .calc__out .tot .k{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--gray);margin-top:10px}
  .calc__out .cap{margin-top:18px}

  /* порядок оплаты: шаги как .astep */
  .pay__card{background:var(--white);border-radius:var(--r-xl);padding:44px 44px 46px}
  .pay__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
  .pay__grid .astep::after{display:none}

  /* адаптив */
  @media(max-width:1024px){
    .ph1__card{grid-template-columns:1fr;gap:28px;padding:36px 30px}
    .tf-grid,.tf-grid--2{grid-template-columns:1fr;max-width:none}
    .inc{grid-template-columns:1fr}
    .calc{grid-template-columns:1fr;gap:32px;padding:44px 34px}
    .pay__grid{grid-template-columns:1fr}
    .dsc-note{grid-template-columns:1fr}
    .shead--price{flex-direction:column;align-items:flex-start;gap:18px}
    .shead--price .shead__r{width:100%;flex-direction:column;align-items:flex-start;gap:18px}
    .shead--price .shead__r p{max-width:none}
  }
  @media(max-width:768px){
    .ph1__card{padding:26px 20px 28px}
    .ph1__card h1{font-size:26px}
    .ph1__nums{padding:24px 22px;gap:18px}
    .ph1__nums .v{font-size:32px}
    .ptabs{padding:10px 0 8px}
    .ptabs .tabs{width:100%}
    .ptabs .tabs .tab{flex:1;justify-content:center;padding:0 12px}
    .tf{padding:26px 22px 24px}
    .tf .v{font-size:36px;white-space:normal}
    .tf__tag{max-width:46%;white-space:normal;line-height:1.25;text-align:right}
    .calc .chips{flex-wrap:wrap}
    .inc__c{padding:28px 22px}
    .dsc{grid-template-columns:1fr 1fr;gap:12px}
    .dsc__c{padding:24px 20px}.dsc__c .v{font-size:40px}.dsc__c .d{font-size:13.5px}
    .dsc-note{padding:22px 20px}
    .calc{padding:30px 22px}
    .calc__out{padding:26px 22px}.calc__out .tot .v{font-size:40px}
    .pay__card{padding:26px 20px}
    .extra li b{font-size:18px}
  }
  @media(max-width:480px){
    .dsc{grid-template-columns:1fr}
    .ph1__acts .btn{width:100%}
    .period{width:100%;display:flex}.period button{flex:1;text-align:center}
  }
  @media(prefers-reduced-motion:no-preference){
    .rv{opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s ease}
    .rv.in{opacity:1;transform:none}
  }

  .tf .m{margin-top:20px;padding-top:14px;border-top:1px solid var(--line);font-size:13.5px;color:#5a5a5a;line-height:1.5}
  .tf--navy .m{border-color:rgba(255,255,255,.16);color:#aebbd6}
  .hubfoot{margin-top:20px;background:var(--white);border-radius:var(--r-xl);padding:30px 40px;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}
  .hubfoot p{font-size:15px;color:#5a5a5a;max-width:62ch;line-height:1.6}
  .hubfoot b{font-weight:500;color:var(--navy)}
  .pcamp{background:var(--navy);color:var(--white);border-radius:var(--r-xl);padding:56px 56px;display:grid;grid-template-columns:1fr 1.1fr;gap:48px;align-items:start}
  .pcamp .eyebrow{color:rgba(255,255,255,.5)}
  .pcamp h2{color:var(--white);margin-bottom:16px}
  .pcamp .lead{color:#c9d3e6}
  .pcamp__acts{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
  .pcamp .btn--onlight{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.75)}
  .pcamp .btn--onlight:hover{background:#fff;color:var(--black);border-color:#fff;opacity:1}
  .pl{background:var(--white);color:var(--black);border-radius:var(--r-lg);padding:10px 30px;margin:0;list-style:none}
  .pl li{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:18px 0;border-bottom:1px solid var(--line)}
  .pl li:last-child{border-bottom:0}
  .pl li span{font-size:15px;color:var(--navy)}
  .pl li small{display:block;color:var(--gray);font-size:12.5px;margin-top:2px}
  .pl li b{font-size:24px;font-weight:300;letter-spacing:-.01em;white-space:nowrap;color:var(--navy)}
  .pl li.sum b{font-size:34px}
  .pcamp .chips{margin-top:18px}
  .pcamp .chip{background:rgba(255,255,255,.08);color:#fff;border-color:rgba(255,255,255,.16);height:36px;padding:0 16px;font-size:13px}
  .pcamp .chip b{color:var(--orange);font-weight:600;margin-right:6px}
  @media(max-width:1024px){.pcamp{grid-template-columns:1fr;gap:28px;padding:40px 32px}.hubfoot{padding:24px 20px}.hubfoot .btn{width:100%}}
  @media(max-width:768px){.pcamp{padding:28px 20px}.pl{padding:4px 20px}.pl li{flex-direction:column;gap:6px;padding:14px 0}.pl li b{font-size:22px}.pl li.sum b{font-size:28px}.pcamp__acts .btn{width:100%}}