/* The catalog «Отдельные услуги» and the service card — the screens «catalog»
   and «item» of the prototype (Services.dc.html, ServicesPhone.dc.html). The
   prototype's classes are kept as they are, scoped by .sv; plain CSS, not
   built by Tailwind. */
.sv{--navy:#1B3358;--pink:#F2184F;--pink-dark:#C1133D;--pink-soft:#FCE7EC;--border:#E2E3E8;--input:#D5D7DE;--stone:#F2F1EE;--cream:#FAFAF9;--muted:#5B5F6B;color:#1d1d1f;font-family:Inter,system-ui,sans-serif}
.sv .wrap{max-width:1200px;margin:0 auto;padding:0 24px}
.sv a{color:var(--pink)}
.sv a:hover{color:var(--pink-dark)}
.sv .crumbs{padding-top:18px;font-size:13px;color:var(--muted)}
.sv .crumbs a{color:var(--muted);text-decoration:none}
.sv .crumbs .lnk{font-size:13px}
.sv .ey{display:inline-block;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.2em;color:var(--pink)}
.sv .card{padding:0;background:#fff;border-radius:20px;box-shadow:0 0 0 1px var(--border),0 8px 24px -12px rgba(20,40,72,.10)}
.sv .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;border-radius:12px;font:600 15px/1.15 Inter,sans-serif;text-decoration:none;border:0;cursor:pointer}
.sv .btn-pink{background:var(--pink);color:#FEFEFE;box-shadow:0 10px 15px -3px rgba(242,24,79,.25)}
.sv .btn-pink:hover{background:var(--pink-dark);color:#FEFEFE}
.sv .btn-out{background:#fff;color:var(--navy);box-shadow:inset 0 0 0 1px var(--input)}
.sv .btn-out:hover{background:var(--cream);color:var(--navy)}
.sv .lnk{display:inline-flex;align-items:center;gap:6px;background:none;border:0;padding:0;cursor:pointer;font:600 14px Inter,sans-serif;color:var(--pink);text-decoration:none;text-align:left}
.sv .lnk:hover{color:var(--pink-dark)}
.sv .h3{margin:0;font:600 11px/1.3 Inter,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.sv .li{display:flex;gap:10px;align-items:flex-start;font-size:14.5px;line-height:1.5;color:var(--navy)}
.sv .li svg{flex:none;margin-top:3px}
.sv .list{margin:10px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}
.sv .g2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.sv .chip{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:var(--pink-soft);color:var(--pink);flex:none}
.sv .num{display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:var(--navy);color:#fff;font:600 12px ui-monospace,Menlo,monospace;flex:none}
.sv .mono{font:12px ui-monospace,Menlo,monospace;color:var(--muted)}
.sv [hidden]{display:none !important}

/* navy and stone panels */
.sv .panel-navy{position:relative;overflow:hidden;border-radius:32px;background:linear-gradient(to bottom right,#142848,#1B3358 55%,#1B3358);color:#fff;box-shadow:0 20px 60px -20px rgba(20,40,72,.45)}
.sv .dotgrid{position:absolute;inset:0;opacity:.05;background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.9) 1px,transparent 0);background-size:24px 24px;pointer-events:none}
.sv .panel-stone{border-radius:32px;background:var(--stone);box-shadow:0 0 0 1px var(--border);padding:40px 44px}
.sv .pill{display:inline-flex;align-items:center;gap:8px;border-radius:999px;background:rgba(242,24,79,.15);color:var(--pink);padding:5px 12px;font:600 11px/16px Inter,sans-serif;letter-spacing:.16em;text-transform:uppercase}
.sv .tile-d{border-radius:20px;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.sv .on-navy a{color:#fff;font-weight:600;text-decoration:underline;text-underline-offset:3px}
.sv .on-navy a.prog{text-decoration:none;font-weight:400}

/* catalog: hero */
.sv .hero{position:relative;padding:44px 44px 40px}
.sv .hero h1{margin:16px 0 0;max-width:820px;font:700 44px/1.08 Manrope,Inter,sans-serif;letter-spacing:-.02em;color:#fff}
.sv .hero .lead{margin:14px 0 0;max-width:760px;font-size:17px;line-height:1.6;color:rgba(255,255,255,.75)}
.sv .hero .ask{margin:10px 0 0;font-size:14.5px;color:rgba(255,255,255,.8)}
.sv .picked{margin-bottom:18px;padding:12px 16px;display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;font-size:14px;color:rgba(255,255,255,.9)}
.sv .picked b{color:#fff}
.sv .picked a{font-size:14px;color:rgba(255,255,255,.72);font-weight:400}
.sv .fchips-t{margin:26px 0 10px;font-size:13px;font-weight:600;color:rgba(255,255,255,.85)}
.sv .fchips{display:flex;flex-wrap:wrap;gap:8px}
.sv .fchip{border:0;cursor:pointer;padding:10px 16px;border-radius:999px;font:600 14px/1.2 Inter,sans-serif;white-space:nowrap;background:rgba(255,255,255,.1);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.2)}
.sv .fchip[aria-pressed=true]{background:#fff;color:var(--navy);box-shadow:none}
.sv .fhint{margin-top:14px;display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 16px;font-size:14px;color:rgba(255,255,255,.88)}
.sv .fhint a{margin-left:auto}

/* catalog: packages */
.sv .pkg-h2{margin:10px 0 0;font:700 28px/1.2 Manrope,Inter,sans-serif;letter-spacing:-.02em;color:var(--navy)}
.sv .pkg-sub{margin:6px 0 0;font-size:15px;color:var(--muted)}
.sv .pkg{margin-top:20px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.sv .pk{display:flex;flex-direction:column;padding:22px;background:#fff;border-radius:20px;box-shadow:0 0 0 1px var(--border),0 8px 24px -12px rgba(20,40,72,.10)}
.sv .pk.is-on{box-shadow:0 0 0 2px var(--pink),0 16px 40px -12px rgba(242,24,79,.18)}
.sv .pk.is-dim{opacity:.55}
.sv .pk-top{margin-top:14px;display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.sv .pk h3{margin:0;font:700 19px/1.2 Manrope,Inter,sans-serif;color:var(--navy)}
.sv .pk-price{font:800 22px/1 Manrope,Inter,sans-serif;color:var(--navy);white-space:nowrap}
.sv .pk .mono{margin-top:6px}
.sv .pk p{flex:1;margin:10px 0 0;font-size:14px;line-height:1.45;color:var(--muted)}
.sv .pk .urg{flex:none;margin:10px 0 0;font-size:12.5px;font-weight:600;color:var(--pink-dark)}
.sv .pk-btn{margin-top:16px;display:flex;align-items:center;justify-content:center;min-height:48px;border-radius:12px;font:600 15px/1.15 Inter,sans-serif;text-decoration:none;background:#fff;color:var(--navy);box-shadow:inset 0 0 0 1px var(--border)}
.sv .pk.is-on .pk-btn{background:var(--pink);color:#FEFEFE;box-shadow:none}
.sv .foot{margin:10px 0 0;font-size:12.5px;color:var(--muted)}

/* catalog: programmes and curator */
.sv .progs{margin-top:28px;padding:36px 40px}
.sv .progs-head{margin-top:12px;display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 20px}
.sv .progs h2{margin:0;font:700 28px/1.2 Manrope,Inter,sans-serif;letter-spacing:-.02em;color:#fff}
.sv .progs-text{margin:6px 0 0;max-width:820px;font-size:14px;line-height:1.5;color:rgba(255,255,255,.78)}
.sv .progs-grid{margin-top:14px;display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px}
.sv .prog{display:flex;flex-direction:column;padding:16px 18px;border-radius:16px;background:#fff;box-shadow:inset 0 0 0 1px var(--border);text-decoration:none}
.sv .prog b.t{font:700 16px/1.25 Manrope,Inter,sans-serif;color:var(--navy)}
.sv .prog .s{margin-top:2px;font-size:12.5px;color:var(--muted)}
.sv .prog .pp{margin-top:12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.sv .prog .pp>span{padding:8px 10px;border-radius:10px;background:var(--stone)}
.sv .prog .pp small{display:block;font-size:11.5px;color:var(--muted)}
.sv .prog .pp b{display:block;margin-top:2px;font:800 18px/1.1 Manrope,Inter,sans-serif;color:var(--navy)}
.sv .prog .save{margin-top:10px;font-size:13px;font-weight:600;line-height:1.4;color:var(--pink-dark)}
.sv .prog .sep{margin-top:2px;font-size:12px;line-height:1.4;color:var(--muted)}
.sv .prog .go{margin-top:10px;font-size:13.5px;font-weight:600;color:var(--pink)}
.sv .progs-note{margin:12px 0 0;font-size:12px;color:rgba(255,255,255,.6)}
.sv .cur{margin-top:28px;padding:26px 28px;border-radius:28px;background:var(--stone);box-shadow:0 0 0 1px var(--border);display:flex;flex-wrap:wrap;gap:14px 24px;align-items:center}
.sv .cur .chip{background:#fff}
.sv .cur div{flex:1 1 420px}
.sv .cur b{font:700 19px/1.25 Manrope,Inter,sans-serif;color:var(--navy)}
.sv .cur p{margin:6px 0 0;font-size:14px;line-height:1.5;color:var(--muted)}

/* catalog: side nav and stages */
.sv .body{margin-top:40px;padding-bottom:56px;display:flex;flex-wrap:wrap;gap:24px 32px;align-items:flex-start}
.sv .side{flex:0 0 232px;position:sticky;top:16px}
.sv .side-t{font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin:0 0 8px 12px}
.sv .side a{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:12px;text-decoration:none}
.sv .side a.is-off{opacity:.4}
.sv .side .n{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:var(--navy);color:#fff;font:600 12px ui-monospace,Menlo,monospace;flex:none}
.sv .side .t{flex:1;font-size:14px;font-weight:600;line-height:1.2;color:var(--navy)}
.sv .side .t small{display:block;margin-top:2px;font:400 12px ui-monospace,Menlo,monospace;color:var(--muted)}
.sv .side .c{font-size:12px;color:var(--muted)}
.sv .side a.side-prog{margin-top:10px;background:var(--navy)}
.sv .side-prog .n{background:var(--pink);font:700 13px Inter,sans-serif}
.sv .side-prog .t{color:#fff}
.sv .side-prog .t small{font-family:Inter,sans-serif;color:rgba(255,255,255,.72)}
.sv .stages{flex:999 1 560px;min-width:0;display:flex;flex-direction:column;gap:34px}
.sv .st-head{display:flex;align-items:center;gap:12px}
.sv .st-head .chip{width:40px;height:40px;border-radius:12px}
.sv .st-ey{font:600 11px ui-monospace,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--pink)}
.sv .st-head h2{margin:2px 0 0;font:700 20px/1.2 Manrope,Inter,sans-serif;letter-spacing:-.02em;color:var(--navy)}
.sv .deal{margin-top:12px;display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 14px;border-radius:12px;background:var(--pink-soft);font-size:13.5px;color:var(--navy)}
.sv .deal a{margin-left:auto;font-size:13.5px;color:var(--pink-dark)}
.sv .rows{margin:12px 0 0;padding:0;list-style:none;overflow:hidden}
.sv .row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 24px;align-items:center;padding:16px 20px;border-top:1px solid var(--border)}
.sv .row.is-first{border-top:0}
.sv .row-name{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.sv .row-name a{font:600 15.5px/1.3 Manrope,Inter,sans-serif;color:var(--navy);text-decoration:none}
.sv .row-name a:hover{color:var(--pink)}
.sv .row-name span{font:11.5px ui-monospace,Menlo,monospace;color:var(--muted)}
.sv .row-res{margin-top:4px;font-size:13.5px;line-height:1.45;color:var(--muted)}
.sv .row-vr{display:none}
.sv .row-act{display:flex;align-items:center;gap:14px;justify-content:space-between}
.sv .row-price{text-align:right;font:700 17px/1.1 Manrope,Inter,sans-serif;color:var(--navy);white-space:nowrap}
.sv .row-price small{display:block;margin-top:2px;font:400 11.5px Inter,sans-serif;color:var(--muted)}
.sv .row-price small.urg{margin-top:3px;font-weight:600;color:var(--pink-dark)}
.sv .row .btn{min-height:36px;min-width:112px;padding:0 14px;font-size:13.5px}

/* the service card */
.sv .det{margin-top:18px;display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:24px;align-items:start}
.sv .det h1{margin:8px 0 0;font:700 38px/1.1 Manrope,Inter,sans-serif;letter-spacing:-.02em;color:var(--navy)}
.sv .det .res{margin:10px 0 0;font-size:16.5px;line-height:1.55;color:var(--muted)}
.sv .who{margin-top:14px;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.sv .who b{margin-right:4px;font-size:13px;font-weight:600;color:var(--navy)}
.sv .who span{padding:5px 11px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px var(--border);font-size:13px;color:var(--navy)}
.sv .flag{margin:12px 0 0;display:inline-block;padding:6px 12px;border-radius:999px;background:var(--stone);font-size:12.5px;font-weight:600;color:var(--navy)}
.sv .parts{margin:12px 0 0;padding:0;list-style:none}
.sv .parts li,.sv .parts-sum{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-top:1px solid var(--border);font-size:14.5px;color:var(--navy)}
.sv .parts li span:last-child,.sv .parts-sum span:last-child{white-space:nowrap;color:var(--muted)}
.sv .parts-sum{padding-bottom:0;padding-top:12px}
.sv .parts-sum span{color:var(--muted)}
.sv .parts-pkg{display:flex;justify-content:space-between;gap:16px;padding-top:6px;font-size:15px;font-weight:700;color:var(--navy)}
.sv .parts-pkg span:last-child{white-space:nowrap}
.sv .box{padding:20px 22px}
.sv .box p{margin:8px 0 0;font-size:14.5px;line-height:1.5;color:var(--navy)}
.sv .sample{margin-top:10px;min-height:88px;padding:10px 14px;box-sizing:border-box;border-radius:12px;background:var(--stone);display:grid;place-items:center;gap:8px;text-align:center;font-size:12.5px;line-height:1.45;color:var(--muted)}
.sv .sample img{display:block;max-width:100%;max-height:320px;border-radius:8px}
.sv .dot{flex:none;width:6px;height:6px;margin-top:9px;border-radius:50%;background:var(--navy)}
.sv .faq{margin-top:10px;display:flex;flex-direction:column;gap:8px}
.sv .faq details{overflow:hidden}
.sv .faq summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;cursor:pointer;font:600 15px/1.35 Manrope,Inter,sans-serif;color:var(--navy)}
.sv .faq summary::-webkit-details-marker{display:none}
.sv .faq summary::after{content:"+";font:600 20px/1 Inter,sans-serif;color:var(--pink)}
.sv .faq details[open] summary::after{content:"−"}
.sv .faq p{margin:0;padding:0 18px 16px;font-size:14px;line-height:1.55;color:var(--muted)}
.sv .nc{padding:16px 18px;display:flex;flex-direction:column}
.sv .nc-top{display:flex;justify-content:space-between;gap:10px;align-items:baseline}
.sv .nc-top b{font:700 15.5px/1.3 Manrope,Inter,sans-serif;color:var(--navy)}
.sv .nc-top b+b{font-size:15px;white-space:nowrap}
.sv .nc .mono{margin-top:2px;font-size:11.5px}
.sv .nc p{flex:1;margin:6px 0 0;font-size:13.5px;line-height:1.45;color:var(--muted)}
.sv .nc .lnk{margin-top:10px;font-size:13.5px}

/* the price panel */
.sv .aside{padding:24px;position:sticky;top:16px}
.sv .vars{margin-top:12px;display:flex;flex-direction:column;gap:8px}
.sv .var{display:flex;justify-content:space-between;gap:12px;width:100%;text-align:left;cursor:pointer;padding:12px 14px;border-radius:12px;border:0;background:#fff;font:14px/1.35 Inter,sans-serif;color:var(--navy);box-shadow:inset 0 0 0 1px var(--border)}
.sv .var[aria-pressed=true]{box-shadow:0 0 0 2px var(--pink)}
.sv .var b{white-space:nowrap}
.sv .qty{margin-top:14px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.sv .qty>span{font-size:14px;font-weight:600;color:var(--navy)}
.sv .qty-ctl{display:inline-flex;align-items:center;gap:4px;padding:3px;border-radius:12px;box-shadow:inset 0 0 0 1px var(--border)}
.sv .qty-ctl button{width:40px;height:40px;border:0;border-radius:10px;background:var(--stone);cursor:pointer;font:700 18px Inter,sans-serif;color:var(--navy)}
.sv .qty-ctl b{min-width:32px;text-align:center;font-size:16px;color:var(--navy)}
.sv .dl{margin-top:16px;padding-top:14px;border-top:1px solid var(--border)}
.sv .dl-t{font-size:13.5px;font-weight:600;color:var(--navy)}
.sv .dls{margin-top:8px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.sv .dlc{border:0;cursor:pointer;padding:8px 10px;border-radius:10px;text-align:left;font:600 13.5px/1.2 Inter,sans-serif;color:var(--navy);background:#fff;box-shadow:inset 0 0 0 1px var(--border)}
.sv .dlc[aria-pressed=true]{box-shadow:0 0 0 2px var(--pink)}
.sv .dlc span{display:block;margin-top:2px;font:400 11.5px/1.25 Inter,sans-serif;color:var(--muted)}
.sv .dlc span.is-urg{color:var(--pink-dark)}
.sv .chg-t{margin-top:12px;font:600 11px/1.35 Inter,sans-serif;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.sv .chg{margin:6px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:4px}
.sv .chg li{display:flex;justify-content:space-between;gap:12px;padding:7px 10px;border-radius:10px;font-size:13px;color:var(--navy)}
.sv .chg li.is-now{background:var(--stone)}
.sv .chg b{white-space:nowrap}
.sv .dl-note{margin:10px 0 0;font-size:12.5px;line-height:1.5;color:var(--muted)}
.sv .closed{margin-top:12px;padding:12px 14px;border-radius:12px;background:var(--pink-soft);font-size:13.5px;line-height:1.5;color:var(--navy)}
.sv .lines{margin:16px 0 0;padding:0;list-style:none}
.sv .lines li{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-top:1px solid var(--border);font-size:13.5px;color:var(--muted)}
.sv .lines li span:last-child{white-space:nowrap}
.sv .total{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding-top:12px;border-top:1px solid var(--border)}
.sv .total span:first-child{font-size:14px;font-weight:600;color:var(--navy)}
.sv .total span:last-child{font:800 34px/1 Manrope,Inter,sans-serif;color:var(--navy);white-space:nowrap}
.sv .cta{margin-top:16px;width:100%;min-height:54px}
.sv .cta-note{margin:10px 0 0;font-size:12.5px;line-height:1.5;color:var(--muted);text-align:center}
.sv .up{margin-top:14px;padding-top:14px;border-top:1px solid var(--border);font-size:13.5px;line-height:1.5;color:var(--navy)}
.sv .up .lnk,.sv .offer .lnk,.sv .alt .lnk{font-size:13.5px}
.sv .credit{margin:12px 0 0;font-size:12.5px;line-height:1.5;color:var(--muted)}
.sv .offer{margin-top:12px;padding:12px 14px;border-radius:12px;background:var(--stone);font-size:13.5px;line-height:1.5;color:var(--navy)}
.sv .offer a.lnk{font-weight:600}
.sv .alt{margin-top:12px;padding-top:12px;border-top:1px solid var(--border);font-size:13.5px;line-height:1.5;color:var(--navy)}

@media (min-width:821px){.sv .phone{display:none !important}}
@media (max-width:820px){
  .sv .desk{display:none !important}
  .sv .pkg,.sv .det,.sv .g2{grid-template-columns:minmax(0,1fr)}
  .sv .wrap{padding:0 16px}
  .sv .hero{padding:30px 20px}
  .sv .hero h1,.sv .det h1{font-size:28px}
  .sv .panel-stone{padding:24px 18px}
  .sv .progs{padding:26px 20px}
  /* ServicesPhone: packages scroll sideways, the steps are a row of chips */
  .sv .pkg{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:82%;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px}
  .sv .pk{scroll-snap-align:start;padding:18px}
  .sv .body{margin-top:28px;display:block}
  .sv .side{position:sticky;top:0;z-index:5;display:flex;gap:8px;overflow-x:auto;margin:0 -16px 18px;padding:10px 16px;background:var(--cream)}
  .sv .side-t,.sv .side .c,.sv .side .t small,.sv .side a.side-prog{display:none}
  .sv .side a{flex:none;gap:6px;min-height:40px;padding:0 10px;background:#fff;box-shadow:inset 0 0 0 1px var(--border)}
  .sv .stages{gap:28px}
  .sv .row{grid-template-columns:minmax(0,1fr);padding:14px 16px}
  .sv .row-vr{display:block;margin-top:4px;font-size:12.5px;line-height:1.4;color:var(--muted)}
  .sv .row-price{text-align:left;white-space:normal;min-width:0}
  .sv .prog .sep,.sv .prog .go{display:none}
  /* ServicesPhone: the filter is one sideways row, packages without the stone panel,
     programmes as flat rows on navy, 44 px buttons, no urgency note in the rows */
  .sv .fchips{flex-wrap:nowrap;overflow-x:auto;margin:0 -20px;padding:0 20px 4px}
  .sv .fchip{flex:none;min-height:40px;padding:8px 12px;font-size:13.5px}
  .sv #pkg.panel-stone{padding:0;background:none;box-shadow:none;border-radius:0}
  .sv .row .btn{min-height:44px}
  .sv .row-price small.urg{display:none}
  .sv .progs-grid{grid-template-columns:minmax(0,1fr);gap:8px}
  .sv .prog{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 10px;padding:12px 14px;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
  .sv .prog b.t{color:#fff;font-size:15px}
  .sv .prog .s.phone{display:block;color:rgba(255,255,255,.7)}
  .sv .prog .pp{grid-row:1 / span 2;grid-column:2;margin:0;gap:12px}
  .sv .prog .pp>span{padding:0;background:none;text-align:right}
  .sv .prog .pp small{color:rgba(255,255,255,.6)}
  .sv .prog .pp b{color:#fff;font-size:16px}
  .sv .aside{position:static}
  .sv .call{position:sticky;bottom:0;z-index:6;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:#fff;box-shadow:0 -1px 0 var(--border)}
  .sv .call a{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:52px;border-radius:12px;background:var(--pink);color:#FEFEFE;font:600 15px/1.2 Inter,sans-serif;text-decoration:none}
  .sv .call a span{font-size:12px;font-weight:400;opacity:.85}
}

/* «Программы и цены» (/services/) — the screen «prices» of the prototype
   (Main.dc.html; the phone — PricesPhone.dc.html). Shares the classes above. */
.sv .lead{margin:10px 0 0;max-width:760px;font-size:16px;line-height:1.6;color:var(--muted)}
.sv .h2{margin:10px 0 0;font:700 32px/1.15 Manrope,Inter,sans-serif;letter-spacing:-.02em;color:var(--navy)}
.sv .h2w{margin:12px 0 0;font:700 30px/1.15 Manrope,Inter,sans-serif;letter-spacing:-.02em;color:#fff}
.sv .sec{margin-top:28px}
.sv .btn-ghost{background:rgba(255,255,255,.1);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.22)}
.sv .btn-ghost:hover{background:rgba(255,255,255,.2);color:#fff}
.sv .hp{margin:18px 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:8px 20px;font-size:14.5px;color:rgba(255,255,255,.85)}
.sv .hp li{display:flex;align-items:center;gap:8px}
.sv .hp i,.sv .hp svg{width:16px;height:16px;color:var(--pink)}
.sv .pick-row{margin-top:22px;display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;font-size:14.5px;color:rgba(255,255,255,.8)}
.sv .pick-row .btn{min-height:40px;padding:0 16px;font-size:14px}
.sv .ptabs{margin-top:22px;display:inline-flex;flex-wrap:wrap;gap:4px;padding:4px;border-radius:16px;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.sv .ptab{border:0;cursor:pointer;padding:10px 18px;border-radius:12px;text-align:left;font:600 15px/1.2 Manrope,Inter,sans-serif;background:transparent;color:#fff}
.sv .ptab span{display:block;margin-top:3px;font:400 12.5px/1.3 Inter,sans-serif;color:rgba(255,255,255,.7)}
.sv .ptab[aria-selected=true]{background:#fff;color:var(--navy)}
.sv .ptab[aria-selected=true] span{color:var(--muted)}
.sv .pc{margin-top:18px;display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:8px 28px;padding:28px;border-radius:24px;background:#fff;color:var(--navy);box-shadow:0 20px 50px -20px rgba(0,0,0,.5)}
.sv .pc-head,.sv .pc-req,.sv .pc-pts{grid-column:1}
.sv .pc-pr{grid-column:2;grid-row:1 / span 3;align-self:start;padding:20px;border-radius:18px;background:var(--stone)}
.sv .pc-kind{font:600 11px/1.3 Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--pink)}
.sv .pc h2{margin:8px 0 0;font:700 26px/1.15 Manrope,Inter,sans-serif;letter-spacing:-.02em;color:var(--navy)}
.sv .pc-who{margin:8px 0 0;font-size:15px;line-height:1.55;color:var(--muted)}
.sv .pc-req{margin-top:14px;padding:16px 18px;border-radius:16px;box-shadow:inset 0 0 0 1px var(--border)}
.sv .pc-req .t{font-size:13px;font-weight:600;color:var(--navy)}
.sv .pc-req ul{margin:8px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}
.sv .pc-req p{margin:10px 0 0;font-size:13px;line-height:1.5;color:var(--muted)}
.sv .pc-req .lnk{font-size:13px}
.sv .pc-pts{margin:14px 0 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px}
.sv .seg{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border-radius:12px;background:rgba(20,40,72,.06)}
.sv .seg button{border:0;cursor:pointer;padding:8px 10px;border-radius:10px;text-align:left;font:600 12.5px/1.2 Inter,sans-serif;background:transparent;color:var(--muted)}
.sv .seg button span{display:block;margin-top:2px;font:700 15px/1.2 Manrope,Inter,sans-serif;color:var(--navy);white-space:nowrap}
.sv .seg button[aria-pressed=true]{background:#fff;color:var(--navy);box-shadow:0 1px 3px rgba(20,40,72,.18)}
.sv .pr-pl{margin-top:14px;font-size:13px;font-weight:600;color:var(--muted)}
.sv .pr-price{margin-top:4px;font:800 40px/1 Manrope,Inter,sans-serif;color:var(--navy);white-space:nowrap}
.sv .pr-pm{margin-top:8px;font-size:14px;color:var(--navy)}
.sv .pr-pu{margin-top:6px;font-size:13.5px;line-height:1.45;color:var(--pink-dark);font-weight:600}
.sv .pr-pd{margin-top:6px;font-size:12.5px;line-height:1.45;color:var(--muted)}
.sv .pr-gy{margin-top:12px;display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;color:var(--navy)}
.sv .pr-gy a{color:var(--pink);text-decoration:none}
.sv .pr-cta{margin-top:14px;width:100%;min-height:56px;flex-direction:column;gap:2px}
.sv .pr-cta span{font-size:12px;font-weight:400;opacity:.85}
.sv .pr-links{margin-top:12px;display:flex;flex-direction:column;gap:8px}
.sv .pr-links .lnk{font-size:13.5px}
.sv .fn{margin:14px 0 0;font-size:12px;line-height:1.5;color:rgba(255,255,255,.6)}
.sv [data-pay-show]{display:block}
.sv[data-pay=plan] [data-pay-show=now],.sv[data-pay=now] [data-pay-show=plan]{display:none !important}
.sv .stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.sv .stats>div{padding:18px 20px;border-radius:20px;background:#fff;box-shadow:0 0 0 1px var(--border)}
.sv .stats b{display:block;font:800 30px/1 Manrope,Inter,sans-serif;color:var(--navy)}
.sv .stats span{display:block;margin-top:6px;font-size:13.5px;line-height:1.35;color:var(--muted)}
.sv .sems{margin-top:22px;display:flex;flex-wrap:wrap;gap:8px}
.sv .sem{border:0;cursor:pointer;padding:10px 16px;border-radius:14px;text-align:left;font:600 15px/1.2 Manrope,Inter,sans-serif;background:#fff;color:var(--navy);box-shadow:inset 0 0 0 1px var(--border)}
.sv .sem span{display:block;margin-top:3px;font:500 12.5px/1.3 Inter,sans-serif;color:var(--navy)}
.sv .sem small{display:block;margin-top:2px;font:400 12px/1.3 Inter,sans-serif;color:var(--muted)}
.sv .sem[aria-pressed=true]{background:var(--navy);color:#FAFAFB;box-shadow:none}
.sv .sem[aria-pressed=true] span{color:rgba(255,255,255,.9)}
.sv .sem[aria-pressed=true] small{color:rgba(255,255,255,.72)}
.sv .rcard{margin-top:18px;padding:26px 28px}
.sv .rhead{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px}
.sv .rhead b{font:700 20px/1.25 Manrope,Inter,sans-serif;color:var(--navy)}
.sv .gbadge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:var(--pink-soft);color:var(--pink-dark);font-size:12.5px;font-weight:600}
.sv .rsub{margin:8px 0 0;font-size:14.5px;line-height:1.5;color:var(--muted)}
.sv .early{margin-top:12px;display:flex;gap:10px;align-items:flex-start;padding:10px 14px;border-radius:12px;background:var(--stone);font-size:13.5px;line-height:1.5;color:var(--navy)}
.sv .early i,.sv .early svg{flex:none;width:16px;height:16px;margin-top:2px;color:var(--pink)}
.sv .unsure{margin-top:12px;padding:12px 14px;border-radius:12px;background:var(--pink-soft);font-size:13.5px;line-height:1.55;color:var(--navy)}
.sv .unsure a{font-weight:600}
.sv .chg-h{margin-top:18px;font:600 11px/1.35 Inter,sans-serif;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.sv .chg-n{margin:6px 0 0;font-size:13px;line-height:1.5;color:var(--muted)}
.sv .chgs{margin-top:10px;display:flex;flex-wrap:wrap;gap:6px}
.sv .chgs span{display:inline-flex;gap:4px;padding:8px 12px;border-radius:12px;font-size:13.5px;color:var(--navy);background:var(--stone)}
.sv .chgs span.is-now{background:#fff;box-shadow:0 0 0 2px var(--navy)}
.sv .rcard .seg{margin-top:18px;max-width:380px}
.sv .lbadge{margin-top:16px;display:inline-flex;padding:6px 12px;border-radius:999px;background:var(--pink-soft);color:var(--pink-dark);font-size:13px;font-weight:600}
.sv .pays{margin:24px 0 0;padding:0;list-style:none;display:grid;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:20px;border-top:2px solid var(--border);padding-top:14px}
.sv .pays li{position:relative}
.sv .pays .dt{width:14px;height:14px;border-radius:50%;margin:-22px 0 8px;background:#fff;box-shadow:inset 0 0 0 2px var(--navy)}
.sv .pays .dt.on{background:var(--pink);box-shadow:none}
.sv .pays .w{font-size:13px;font-weight:600;color:var(--muted)}
.sv .pays .a{margin-top:2px;font:800 22px/1.15 Manrope,Inter,sans-serif;color:var(--navy);white-space:nowrap}
.sv .pays .x{margin-top:4px;font-size:13px;line-height:1.45;color:var(--navy)}
.sv .pays .s{margin-top:4px;font-size:12.5px;font-weight:600;color:var(--pink-dark)}
.sv .pays .m,.sv .pays .g{margin-top:4px;font-size:12.5px;line-height:1.4;color:var(--muted)}
.sv .cmp{margin:14px 0 0;font-size:13px;color:var(--muted)}
.sv .tot{margin-top:16px;padding-top:14px;border-top:1px solid var(--border);display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 16px;align-items:baseline}
.sv .tot span:first-child{font:700 17px/1.3 Manrope,Inter,sans-serif;color:var(--navy)}
.sv .tot span:last-child{font-size:13.5px;color:var(--muted)}
.sv .rnote{margin:12px 0 0;font-size:13px;line-height:1.55;color:var(--muted)}
.sv .rcta{margin-top:18px;display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px}
.sv .closedc{margin-top:18px;padding:24px 26px}
.sv .closedc b{display:block;margin-top:10px;font:700 19px/1.3 Manrope,Inter,sans-serif;color:var(--navy)}
.sv .closedc p{margin:8px 0 0;font-size:14.5px;line-height:1.55;color:var(--muted)}
.sv .stg{padding:20px 22px}
.sv .stg-h{display:flex;align-items:center;gap:12px}
.sv .stg-h small{display:block;font:600 11px ui-monospace,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--pink)}
.sv .stg-h b{display:block;margin-top:2px;font:700 18px/1.2 Manrope,Inter,sans-serif;color:var(--navy)}
.sv .allt{margin-top:16px}
.sv .allt-h{display:flex;align-items:center;gap:12px;font:700 17px/1.3 Manrope,Inter,sans-serif;color:var(--navy)}
.sv .allt-g{margin-top:10px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.sv .allt-g .card{padding:14px 16px;display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.5;color:var(--navy)}
.sv .allt-g .card svg,.sv .li svg{flex:none;margin-top:3px}
.sv .g12{display:grid;grid-template-columns:7fr 5fr;gap:24px;align-items:start}
.sv .tbl{width:100%;border-collapse:collapse;font-size:14.5px}
.sv .tbl th{padding:12px 16px;text-align:left;font:600 11px Inter,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);background:var(--cream)}
.sv .tbl th:nth-child(2){color:var(--pink)}
.sv .tbl td{padding:12px 16px;border-top:1px solid var(--border);color:var(--navy)}
.sv .tbl td:nth-child(2){font-weight:600}
.sv .tbl td:nth-child(3){color:var(--muted)}
.sv .tnote{margin:12px 0 0;font-size:13px;line-height:1.55;color:var(--muted)}
.sv .gpanel{padding:30px}
.sv .gtiles{margin-top:16px;display:flex;flex-direction:column;gap:10px}
.sv .gtiles .tile-d{padding:12px 14px;display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.5;color:rgba(255,255,255,.88)}
.sv .gpanel .btn{margin-top:18px}
.sv .gplus{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px 24px;align-items:center;padding:24px 28px;border-radius:24px;background:var(--cream);box-shadow:0 0 0 1px #E9D9A8}
.sv .gplus small{display:block;font:600 11px Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#9A7B2F}
.sv .gplus b.t{display:block;margin-top:4px;font:700 19px/1.3 Manrope,Inter,sans-serif;color:var(--navy)}
.sv .gplus p{margin:6px 0 0;font-size:14px;line-height:1.55;color:var(--muted)}
.sv .gplus .pr{text-align:right}
.sv .gplus .pr b{display:block;font:800 20px/1.2 Manrope,Inter,sans-serif;color:var(--navy);white-space:nowrap}
.sv .gplus .pr span{display:block;margin-top:2px;font-size:12.5px;color:var(--muted)}
.sv .gplus .pr .lnk{margin-top:8px;font-size:13.5px}
.sv .fn2{margin:10px 0 0;font-size:12px;line-height:1.5;color:var(--muted)}
.sv .g3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.sv .why .card,.sv .bud .card{padding:22px}
.sv .why b,.sv .bud b{display:block;margin-top:12px;font:700 17px/1.3 Manrope,Inter,sans-serif;color:var(--navy)}
.sv .why p,.sv .bud p{margin:8px 0 0;font-size:14px;line-height:1.55;color:var(--muted)}
.sv .bud .card{display:flex;flex-direction:column}
.sv .bud .top{margin-top:12px;display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.sv .bud .top b{margin:0}
.sv .bud .top b+b{white-space:nowrap}
.sv .bud p{flex:1}
.sv .bud .btn{margin-top:16px;min-height:44px}
.sv .faqg{display:grid;grid-template-columns:4fr 8fr;gap:28px;align-items:start}
.sv .faqc{margin-top:18px;padding:22px}
.sv .faqc b{display:block;margin-top:12px;font:700 17px/1.3 Manrope,Inter,sans-serif;color:var(--navy)}
.sv .faqc p{margin:6px 0 0;font-size:14px;color:var(--muted)}
.sv .faqc .lnk{margin-top:10px}
.sv .fin{padding:44px}
.sv .fin p{margin:14px 0 0;max-width:760px;font-size:16px;line-height:1.6;color:rgba(255,255,255,.78)}
.sv .fin p b{color:#fff}
.sv .fin-t{margin-top:20px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.sv .fin-t .tile-d{padding:12px 14px;display:flex;gap:10px;align-items:center;font-size:14px;color:rgba(255,255,255,.88)}
.sv .fin-b{margin-top:24px;display:flex;flex-wrap:wrap;gap:12px}
.sv .sticky-cta{display:none}
@media (max-width:820px){
  .sv .h2,.sv .h2w{font-size:24px}
  .sv .pc{grid-template-columns:minmax(0,1fr);padding:18px;display:flex;flex-direction:column}
  .sv .pc-head{order:1}.sv .pc-pr{order:2;margin-top:14px;padding:16px}.sv .pc-req{order:3}.sv .pc-pts{order:4;grid-template-columns:minmax(0,1fr)}
  .sv .pc h2{font-size:22px}
  .sv .pr-price{font-size:34px}
  .sv .ptabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;box-sizing:border-box}
  .sv .ptab{padding:8px 6px;text-align:center;font-size:13.5px;min-height:48px}
  .sv .ptab span{font-size:11px;margin-top:2px}
  .sv .stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sv .stats b{font-size:24px}
  .sv .rcard,.sv .closedc{padding:18px}
  .sv .pays{grid-auto-flow:row;grid-auto-columns:auto;border-top:0;border-left:2px solid var(--border);padding:0 0 0 18px;gap:16px}
  .sv .pays .dt{position:absolute;left:-26px;top:2px;margin:0}
  .sv .allt-g,.sv .g12,.sv .g3,.sv .faqg,.sv .fin-t{grid-template-columns:minmax(0,1fr)}
  .sv .gplus{grid-template-columns:minmax(0,1fr)}
  .sv .gplus .pr{text-align:left}
  .sv .fin{padding:26px 20px}
  .sv .gpanel{padding:22px}
  .sv .sticky-cta{display:block;position:sticky;bottom:0;z-index:6;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:#fff;box-shadow:0 -1px 0 var(--border)}
  .sv .sticky-cta a{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:52px;border-radius:12px;background:var(--pink);color:#FEFEFE;font:600 15px/1.2 Inter,sans-serif;text-decoration:none}
  .sv .sticky-cta a span{font-size:12px;font-weight:400;opacity:.85}
  .sv .phone-links{margin-top:14px;display:flex;flex-direction:column;gap:10px}
  .sv .phone-links .btn{min-height:46px}
}
/* links inside the white programme card of the navy hero */
.sv .on-navy .pc a{color:var(--pink);font-weight:600;text-decoration:none}
.sv .on-navy .pc a:hover{color:var(--pink-dark)}
.sv .on-navy .pc a.btn-pink{color:#FEFEFE}
.sv .on-navy .pc a.btn-out{color:var(--navy)}
.sv .pc-req,.sv .pc-head,.sv .pc-pts{align-self:start}
@media (max-width:820px){
  .sv .tbl{table-layout:fixed}
  .sv .tbl th,.sv .tbl td{padding:10px 8px;font-size:13px;overflow-wrap:anywhere;hyphens:auto}
  .sv .tbl th{font-size:10px;letter-spacing:.04em}
}
@media (max-width:820px){
  .sv .ptabs{padding:3px;gap:2px}
  .sv .ptab{min-width:0;padding:8px 4px;font-size:12.5px;overflow-wrap:anywhere;hyphens:auto}
  .sv .ptab span{font-size:10.5px;overflow-wrap:anywhere}
}

/* «Программы и цены»: the card, the table, Гарантия+ and the totals exactly as
   the prototype draws them (Main.dc.html / PricesPhone.dc.html inline styles) */
.sv .pc{padding:0;gap:0;overflow:hidden;grid-template-columns:minmax(0,1fr) 360px;background:#fff;border-radius:24px;box-shadow:0 24px 60px -24px rgba(0,0,0,.55);margin-top:14px}
.sv .pc-head{padding:32px 36px 0}
.sv .pc-kind{font:600 11px/1.35 Inter,sans-serif;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.sv .pc h2{margin:10px 0 0;font:700 30px/1.15 Manrope,Inter,sans-serif;letter-spacing:-.02em}
.sv .pc-who{max-width:600px;font-size:15.5px;line-height:1.5}
.sv .pc-req{margin:20px 36px 0;padding:16px 18px;border-radius:16px;background:var(--stone);box-shadow:none}
.sv .pc-req .t{font:600 11px/1.35 Inter,sans-serif;letter-spacing:.05em;text-transform:uppercase;color:var(--navy)}
.sv .pc-pts{margin:0;padding:20px 36px 32px}
.sv .pc-pr{padding:32px;border-radius:0;background:#fff;border-left:1px solid var(--border);display:flex;flex-direction:column}
.sv .pc-pr .seg{border-radius:14px;background:var(--stone)}
.sv .pr-pl{margin-top:18px;font:600 11px/1.35 Inter,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.sv .pr-price{margin-top:6px;font:800 48px/1 Manrope,Inter,sans-serif;letter-spacing:-.02em}
.sv .pr-pm{margin-top:10px;font-size:14.5px}
.sv .pr-pu{margin-top:4px;font-size:13.5px;font-weight:400;line-height:1.45;color:var(--muted)}
.sv .pr-pd{margin-top:8px}
.sv .pr-gy{margin-top:14px}
.sv .pr-gy a{font-size:11px;vertical-align:super}
.sv .pr-cta{margin-top:18px;min-height:58px;gap:3px}
.sv .pr-cta span{font-size:11.5px;opacity:.8}
.sv .tbl thead tr{background:var(--navy)}
.sv .tbl th{background:transparent;color:rgba(255,255,255,.7)}
.sv .tbl th:nth-child(2){color:#fff}
.sv .tbl td:first-child{font-weight:600}
.sv .gplus .pr b,.sv .gplus .pr span,.sv .gplus .pr .lnk{color:#9C7B2E}
.sv .gplus .pr b{font-size:24px}
.sv .tot{margin-top:22px;padding-top:16px;justify-content:flex-start;gap:6px 22px;font-size:14px}
.sv .tot span:first-child{font:400 14px/1.5 Inter,sans-serif;color:var(--navy)}
.sv .tot span:last-child{font-size:14px}
@media (max-width:820px){
  .sv .ptabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:4px;border-radius:16px}
  .sv .ptab{min-height:48px;padding:8px 6px;font-size:13.5px;text-align:center;overflow-wrap:normal;hyphens:manual}
  .sv .ptab span{font-size:11px;overflow-wrap:normal}
  .sv .pc{display:flex;padding:0}
  .sv .pc-head{padding:18px 18px 0}
  .sv .pc-pr{order:2;margin:0;padding:14px 18px 18px;border-left:0}
  .sv .pc-req{order:3;margin:0 18px;padding:14px 16px}
  .sv .pc-pts{order:4;padding:14px 18px 18px}
  .sv .pc h2{font-size:22px}
  .sv .pr-pl{margin-top:0}
  .sv .pr-price{margin-top:4px;font-size:38px}
  .sv .pr-pm{margin-top:8px;font-size:14px}
  .sv .pr-pu.phone{margin-top:10px;padding:9px 12px;border-radius:12px;background:var(--pink-soft);font-size:14px;line-height:1.4;color:var(--navy)}
  .sv .pr-pd{margin-top:6px}
  .sv .phone-links{margin-top:14px}
  .sv .phone-links .lnk{align-self:center;font-size:14px}
  /* PricesPhone has no «по графику / сразу» in the card: it always shows the schedule */
  .sv .pc [data-pay-show=now]{display:none !important}
  .sv .pc [data-pay-show=plan]{display:block !important}
}

/* A programme page /packages/<slug>/ — the prototype «Страница программы»
   (Program.dc.html inline styles) */
.sv.pg .pg-hero{position:relative;padding:52px 48px;display:grid;grid-template-columns:7fr 5fr;gap:40px;align-items:center}
.sv.pg .pg-hero h1{margin:18px 0 0;font:700 44px/1.08 Manrope,Inter,sans-serif;letter-spacing:-.02em;color:#fff}
.sv.pg .pg-hero .lead{max-width:640px;font-size:17px;line-height:1.6}
.sv .pg-hl{margin:26px 0 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px 24px;max-width:620px}
.sv .pg-hl li{display:flex;align-items:center;gap:10px;font-size:14.5px;color:rgba(255,255,255,.86)}
.sv .pg-hl svg{flex:none}
.sv .pg-hero-b{margin-top:30px;display:flex;flex-wrap:wrap;gap:12px}
.sv.pg .on-navy .pg-hero-b a.btn{color:#fff;text-decoration:none;font-weight:600}
.sv .pg-card{padding:26px;color:#1d1d1f;box-shadow:0 24px 60px -24px rgba(0,0,0,.55);display:flex;flex-direction:column}
.sv .pg-card .seg{border-radius:14px;background:var(--stone)}
.sv .pg-card .pr-price{font-size:46px}
.sv .pg-card .pr-pm{font-size:14px;font-weight:600}
.sv .pg-card-pts{margin:16px 0 0;padding:14px 0 0;border-top:1px solid var(--border);list-style:none;display:flex;flex-direction:column;gap:8px}
.sv .pg-card-pts li{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;line-height:1.45;color:var(--navy)}
.sv .pg-card-pts svg{flex:none;margin-top:2px}
.sv.pg .on-navy .pg-card a.btn-pink{color:#FEFEFE;text-decoration:none}
.sv.pg .on-navy .pg-card a.lnk{color:var(--pink);text-decoration:none}
.sv.pg .stats{gap:1px;background:var(--border);border-radius:20px;overflow:hidden;box-shadow:0 0 0 1px var(--border)}
.sv.pg .stats>div{background:var(--cream);padding:24px 16px;text-align:center;border-radius:0;box-shadow:none}
.sv .pg-vp-g{position:relative;padding:52px 48px;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.sv .pg-vp-t{margin:16px 0 0;font-size:16px;line-height:1.6;color:rgba(255,255,255,.75)}
.sv .pg-vp-c{margin-top:22px;display:flex;gap:12px;align-items:flex-start;padding:16px;border-radius:18px;background:rgba(242,24,79,.1);box-shadow:inset 0 0 0 1px rgba(242,24,79,.25)}
.sv .pg-vp-c i,.sv .pg-vp-c svg{flex:none;width:18px;height:18px;color:var(--pink)}
.sv .pg-vp-c p{margin:0;font-size:14px;line-height:1.5;color:rgba(255,255,255,.86)}
.sv .pg-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.sv .pg-tiles .tile-d{padding:22px 12px;text-align:center}
.sv .pg-tiles b{display:block;font:800 32px/1 Manrope,Inter,sans-serif;color:#fff;white-space:nowrap}
.sv .pg-tiles span{display:block;margin-top:8px;font-size:13px;line-height:1.4;color:rgba(255,255,255,.7)}
.sv .pg-chips{margin-top:12px;display:flex;flex-wrap:wrap;gap:8px}
.sv .pg-chips span{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:10px;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);font-size:13px;color:rgba(255,255,255,.82)}
.sv .pg-vp-n{margin:12px 0 0;font-size:12.5px;line-height:1.5;color:rgba(255,255,255,.55)}
.sv .pg-req{display:flex;flex-direction:column;gap:12px}
.sv .pg-req .card{padding:20px 22px;display:flex;gap:16px;align-items:flex-start}
.sv .pg-req b{display:block;font:700 17px/1.3 Manrope,Inter,sans-serif;color:var(--navy)}
.sv .pg-req p{margin:6px 0 0;font-size:14px;line-height:1.55;color:var(--muted)}
.sv .pg-req .lnk{margin-top:10px;font-size:13.5px}
.sv .pg-stage{margin-top:34px}
.sv .pg-stage-h{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px}
.sv .pg-stage-h .chip{width:40px;height:40px;border-radius:12px}
.sv .pg-stage-h small{font:600 11.5px ui-monospace,Menlo,monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--pink)}
.sv .pg-stage-h b{font:700 22px/1.2 Manrope,Inter,sans-serif;color:var(--navy)}
.sv .pg-stage-h > span:last-child{font-size:14px;color:var(--muted)}
.sv .pg-stage-i{margin-top:10px;display:flex;flex-wrap:wrap;gap:6px}
.sv .pg-stage-i span{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px var(--border);font-size:12.5px;color:var(--navy)}
.sv .pg-stage-i i,.sv .pg-stage-i svg{width:14px;height:14px;color:var(--pink)}
.sv .pg-cards{margin-top:14px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.sv .pg-step{display:block;width:100%;text-align:left;cursor:pointer;padding:16px 16px 18px;border-radius:18px;border:0;background:#fff;box-shadow:0 0 0 1px var(--border),0 8px 24px -12px rgba(20,40,72,.10);font:inherit}
.sv .pg-step[aria-pressed=true]{box-shadow:0 0 0 2px var(--navy),0 14px 30px -14px rgba(20,40,72,.45)}
.sv .pg-step.is-skip{cursor:default;background:#F7F6F3;opacity:.75}
.sv .pg-step-top{display:flex;justify-content:space-between;gap:8px;align-items:center;min-height:28px}
.sv .pg-step .num{display:grid;place-items:center;min-width:30px;width:auto;height:28px;padding:0 6px;border-radius:8px;font:600 12px ui-monospace,Menlo,monospace;background:var(--navy);color:#fff}
.sv .pg-step[aria-pressed=true] .num{background:var(--pink)}
.sv .pg-step.is-skip .num{background:#ECECEA;color:var(--muted)}
.sv .pg-badge{padding:2px 8px;border-radius:999px;font-size:11.5px;font-weight:600;background:#FDE7ED;color:var(--pink-dark)}
.sv .pg-step.is-skip .pg-badge{background:var(--stone);color:var(--muted)}
.sv .pg-step b{display:block;margin-top:10px;font:700 16px/1.25 Manrope,Inter,sans-serif;color:var(--navy)}
.sv .pg-step .s{display:block;margin-top:6px;font-size:13px;line-height:1.45;color:var(--muted)}
.sv .pg-step .g{display:block;margin-top:10px;font-size:12.5px;font-weight:600;color:var(--navy)}
.sv .pg-detail{margin-top:14px;border-radius:24px;padding:28px 30px}
.sv .pg-detail-in{position:relative}
.sv .pg-detail-h{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}
.sv .pg-detail-h span{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;background:rgba(242,24,79,.15);font:600 11.5px ui-monospace,Menlo,monospace;color:var(--pink)}
.sv .pg-detail-h b{font:700 24px/1.2 Manrope,Inter,sans-serif;color:#fff}
.sv .pg-detail-s{margin:8px 0 0;max-width:820px;font-size:15px;line-height:1.55;color:rgba(255,255,255,.75)}
.sv .pg-det{margin-top:20px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}
.sv .pg-det .lbl{font:600 11px/1.35 Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.55)}
.sv .pg-det ul{margin:10px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:9px}
.sv .pg-det li{display:flex;gap:10px;align-items:flex-start;font-size:14.5px;line-height:1.5;color:rgba(255,255,255,.88)}
.sv .pg-det li i,.sv .pg-det li svg{flex:none;width:16px;height:16px;margin-top:3px;color:var(--pink)}
.sv .pg-note{margin-top:14px;padding:12px 14px;border-radius:14px;background:rgba(242,24,79,.1);box-shadow:inset 0 0 0 1px rgba(242,24,79,.25);font-size:14px;line-height:1.5;color:rgba(255,255,255,.86)}
.sv .pg-note b{color:#fff}
.sv .pg-det-r{display:flex;flex-direction:column;gap:10px}
.sv .pg-det-r .tile-d{padding:14px 16px;font-size:14.5px;line-height:1.5;color:#fff}
.sv .pg-det-r .tile-d .lbl{margin-bottom:4px}
.sv .pg-nav{margin-top:4px;display:flex;flex-wrap:wrap;gap:10px}
.sv .pg-nav .btn{min-height:42px;padding:0 16px;font-size:14px}
.sv .pg-cmp-w{margin-top:20px;overflow-x:auto}
.sv .pg-cmp{display:grid;grid-template-columns:18% repeat(var(--cols),minmax(150px,1fr));min-width:820px}
.sv .pg-cmp .h{padding:16px 18px;background:var(--navy)}
.sv .pg-cmp .h.is-cur{background:#142848}
.sv .pg-cmp .h span{display:block;font:700 16px/1.25 Manrope,Inter,sans-serif;color:#fff}
.sv .pg-cmp .h small{display:inline-block;margin-top:6px;padding:2px 8px;border-radius:999px;background:var(--pink);font-size:11.5px;font-weight:600;color:#fff}
.sv .pg-cmp .h .lnk{margin-top:6px;font-size:12.5px;color:#fff;text-decoration:underline;text-underline-offset:3px}
.sv .pg-cmp .l{padding:14px 18px;border-top:1px solid var(--border);font-size:14.5px;font-weight:600;color:var(--navy)}
.sv .pg-cmp .c{padding:14px 18px;border-top:1px solid var(--border);font-size:14.5px;line-height:1.45;color:var(--navy)}
.sv .pg-cmp .c.is-cur{background:#FDF1F4;font-weight:600}
/* Program.dc.html: section spacing, the 34px headings, «Всё время», payment rows, FAQ */
.sv.pg .sec.s48{margin-top:48px}
.sv.pg .sec.s64{margin-top:64px}
.sv.pg .sec.s72{margin-top:72px}
.sv.pg .h2.h34{font-size:34px}
.sv.pg .pg-cmp-hd{text-align:center}
.sv.pg .pg-cmp-hd .lead{margin-left:auto;margin-right:auto}
.sv.pg .pg-cmp-w{margin-top:24px;border-radius:24px}
.sv.pg .pg-cmp{min-width:960px}
.sv.pg .allt{margin-top:28px;border-radius:24px;background:var(--pink-soft);box-shadow:inset 0 0 0 1px rgba(242,24,79,.18);padding:24px 26px}
.sv.pg .allt-h{gap:10px 14px;font-size:21px;line-height:1.2}
.sv.pg .allt-h .chip{width:40px;height:40px;border-radius:12px;background:#fff}
.sv.pg .allt-g{margin-top:16px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.sv.pg .allt-g .card{padding:16px 18px;gap:12px}
.sv.pg .allt-g .card i,.sv.pg .allt-g .card svg{flex:none;width:18px;height:18px;margin-top:2px;color:var(--pink)}
.sv.pg .pays .w{font-size:12.5px}
.sv.pg .pays .a{font-size:24px;line-height:1.1}
.sv.pg .pays .x{margin-top:6px;color:var(--muted)}
.sv.pg .pays .s{margin-top:6px;font-size:13px;line-height:1.45;color:var(--navy)}
.sv.pg .pays .m{margin-top:6px;line-height:1.45;color:var(--pink-dark)}
.sv.pg .pays .g{margin-top:6px;display:inline-block;padding:3px 8px;border-radius:8px;background:var(--stone);color:var(--navy)}
.sv.pg .pg-det{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:28px}
.sv.pg .faq summary{padding:18px 22px;font-size:16px}
.sv.pg .faq summary::after,.sv.pg .faq details[open] summary::after{content:none}
.sv.pg .faq .pm{flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:var(--pink-soft);color:var(--pink);font:600 18px/1 Inter,sans-serif}
.sv.pg .faq .pm::before{content:"+"}
.sv.pg .faq details[open] .pm::before{content:"−"}
.sv.pg .faq p{padding:0 22px 20px;font-size:14.5px;line-height:1.6}
@media (max-width:820px){
  .sv.pg .pg-hero,.sv .pg-vp-g{grid-template-columns:minmax(0,1fr);padding:30px 20px;gap:24px}
  .sv.pg .pg-hero h1{font-size:28px}
  .sv.pg .stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sv .pg-tiles b{font-size:24px}
  .sv .pg-cards,.sv .pg-det{grid-template-columns:minmax(0,1fr)}
  .sv .pg-detail{padding:22px 18px}
  .sv .pg-card .pr-price{font-size:38px}
  .sv.pg .sec.s48,.sv.pg .sec.s64,.sv.pg .sec.s72{margin-top:44px}
  .sv.pg .h2.h34{font-size:26px}
  .sv.pg .allt{padding:20px 18px}
}

/* «Подбор · 3 вопроса» (Main.dc.html, screen «pick») and the «Подобрали по вашим ответам» bars */
.sv .pick{padding:20px 0 64px}
.sv .pick .wrap{max-width:980px}
.sv .pick-h{position:relative;padding:40px 40px 34px}
.sv .pick-h h1{margin:14px 0 0;font:700 34px/1.12 Manrope,Inter,sans-serif;letter-spacing:-.02em;color:#fff}
.sv .pick-h p{margin:10px 0 0;max-width:720px;font-size:16px;line-height:1.55;color:rgba(255,255,255,.75)}
.sv .pick-steps{margin:20px 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:8px}
.sv .pick-steps li{padding:6px 12px;border-radius:999px;font-size:13px;font-weight:600;background:rgba(255,255,255,.08);color:rgba(255,255,255,.6)}
.sv .pick-steps li.is-cur{background:#fff;color:var(--navy)}
.sv .pick-steps li.is-done{background:rgba(242,24,79,.15);color:var(--pink)}
.sv .pick-opts{margin-top:16px;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}
.sv .pick-o{display:flex;gap:14px;align-items:flex-start;width:100%;box-sizing:border-box;text-align:left;padding:18px;border-radius:18px;border:0;background:#fff;box-shadow:0 0 0 1px var(--border),0 8px 24px -12px rgba(20,40,72,.10);cursor:pointer;text-decoration:none;font:inherit;color:inherit}
.sv .pick-t{min-width:0}
.sv .pick-t b{display:block;font:700 17px/1.3 Manrope,Inter,sans-serif;color:var(--navy)}
.sv .pick-t span{display:block;margin-top:4px;font-size:13.5px;line-height:1.45;color:var(--muted)}
.sv .pick-t small{display:block;margin-top:8px;font-size:12.5px;font-weight:600;color:var(--pink)}
.sv .pick-f{margin-top:18px;display:flex;flex-wrap:wrap;gap:12px 16px;align-items:center}
.sv .pick-f span{font-size:13.5px;line-height:1.5;color:var(--muted)}
.sv .pk-bar{margin-bottom:22px;padding:14px 16px;display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center}
.sv .picked-l{display:flex;gap:10px;align-items:center;font-size:14.5px;color:rgba(255,255,255,.9)}
.sv .picked-l b{color:#fff}
.sv .pk-bar .grow{flex-grow:1}
.sv .pk-bar a,.sv .picked-dunno a{font-size:14px;font-weight:600;color:#fff;text-decoration:underline;text-underline-offset:3px}
.sv .pk-bar a.dim{text-decoration:none;color:rgba(255,255,255,.72)}
.sv .picked-dunno{margin:-10px 0 22px;font-size:14px;color:rgba(255,255,255,.8)}
.sv .pk-bar[hidden],.sv .picked-dunno[hidden],.sv.pg .pk-bar[hidden]{display:none}
.sv.pg .pk-bar{margin-bottom:20px;padding:12px 16px;display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;font-size:14px;color:rgba(255,255,255,.9)}
.sv.pg .pk-bar a{font-size:14px;font-weight:600;color:#fff;text-decoration:underline;text-underline-offset:3px}
.sv.pg .pk-bar a.dim{font-weight:400;color:rgba(255,255,255,.72)}
@media (max-width:820px){
  .sv .pick-h{padding:32px 20px}
  .sv .pick-h h1{font-size:28px}
}
/* the price card follows the chosen intake: normal / late / closed */
.sv .st{display:contents}
.sv .st[hidden],.sv [data-state-hide][hidden]{display:none !important}
.sv .pr-ct{display:block;margin-top:8px;font:700 19px/1.3 Manrope,Inter,sans-serif;color:var(--navy)}
.sv .pg-more{align-self:flex-start;font-size:14px;font-weight:600;color:#fff;text-decoration:underline;text-underline-offset:3px}
.sv .lnk.free{display:flex;justify-content:center;margin:10px auto 0}