/* РОВНО — блоки цен и квиза v1.6 для /ceny/ и /kalkulyator/ (build/calc_v1.py: c3, c4). Главная v2 их не использует. */
.s-c3 .lead{margin:16px 0 40px}
.area{display:inline-flex;align-items:center;gap:10px;padding:10px 16px;border-radius:999px;font:600 17px/1 var(--ft);margin-bottom:24px;--lg-tint:rgba(18,20,24,.86)}
.area input{width:84px;padding:8px 10px;border:1px solid var(--line);border-radius:12px;background:var(--card);font:700 20px/1 var(--fd);text-align:center;color:var(--fg)}
.pk-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.pk{width:100%;border-collapse:separate;border-spacing:0 8px;min-width:900px}
.pk thead th{font:600 14px/1.2 var(--ft);color:var(--fg-2);text-align:left;padding:0 16px 4px}
.pk tbody tr{background:var(--card-2);cursor:pointer;transition:background-color .2s var(--ease-out)}
.pk tbody tr.sel{background:var(--card);box-shadow:inset 3px 0 0 var(--act)}
.pk td,.pk tbody th{padding:18px 16px;text-align:left;vertical-align:middle}
.pk tbody th{border-radius:16px 0 0 16px;font-weight:400}.pk td:last-child{border-radius:0 16px 16px 0}
.pk tbody th b{display:block;font:700 21px/1.2 var(--fd)}.pk tbody th span{font-size:15px;color:var(--fg-2)}
.pk .price{font-size:22px;color:var(--fg)}
.pk .tot span{display:block;font:600 15px/1.4 var(--ft);color:var(--fg-2)}
.pk .pj{font-size:15px;color:var(--fg-2)}
.note{font-size:15px;color:var(--fg-2);margin-top:14px;max-width:62em}
.dark .note{color:rgba(241,237,228,.7)}
.m-h{margin:56px 0 16px}
.money .m-bar{display:flex;height:56px;border-radius:var(--r);overflow:hidden;background:repeating-linear-gradient(45deg,rgba(241,237,228,.08) 0 6px,transparent 6px 12px)}
.money .m-bar i{display:block;height:100%;transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease-out)}
.money.in .m-bar i{transform:none}
.money.in .m-bar i:nth-child(2){transition-delay:.15s}.money.in .m-bar i:nth-child(3){transition-delay:.3s}.money.in .m-bar i:nth-child(4){transition-delay:.45s}
.s-w{background:var(--fg)}.s-r{background:var(--line)}.s-f{background:var(--act)}.s-x{flex:1;background:repeating-linear-gradient(45deg,var(--card-2) 0 6px,#22252B 6px 12px)!important;opacity:.55}
.m-leg{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:12px;font-size:15px}
.m-leg b{display:block;font:600 15px/1.3 var(--ft)}.m-leg span{color:var(--fg-2)}
.m-cap{font-size:14px;color:var(--fg-2);margin-top:12px}
.deps{margin-top:48px;display:grid;gap:8px;max-width:820px}
.dep,.faq{border-radius:16px;background:var(--card-2);padding:0 20px}
.dep summary,.faq summary{cursor:pointer;padding:18px 0;font:600 18px/1.3 var(--ft);list-style:none}
.dep summary::after,.faq summary::after{content:"+";float:right;color:var(--fg-2);font-weight:700}
.dep[open] summary::after,.faq[open] summary::after{content:"−"}
.dep p,.faq p{padding:0 0 18px;color:var(--fg-2)}
.contract{margin:40px 0 28px;padding:18px 22px;border-radius:16px;background:var(--card-2);font-size:17px}
@media (max-width:1023px){.m-leg{grid-template-columns:1fr 1fr}.money .m-bar{height:44px}}

/* С4 квиз */
.s-c4 .lead{margin:16px 0 40px}
.c4-g{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:start}
.quiz{padding:28px;border-radius:24px;color:var(--fg)}
.quiz fieldset{border:0;margin:0;padding:0;display:grid;gap:8px}
.quiz legend{margin-bottom:14px}
.q-step{font-size:14px;color:rgba(241,237,228,.7);margin-bottom:10px}
.opt input{position:absolute;opacity:0}
.opt span{display:block;padding:14px 16px;border-radius:14px;background:rgba(241,237,228,.08);box-shadow:inset 0 0 0 1px rgba(241,237,228,.14);cursor:pointer;transition:background-color .2s var(--ease-out)}
.opt span small{display:block;font-size:14px;color:rgba(241,237,228,.7);margin-top:2px}
.opt input:checked+span{background:var(--act);color:var(--act-fg)}.opt input:checked+span small{color:rgba(6,6,7,.75)}
.opt input:focus-visible+span{outline:2px solid var(--act);outline-offset:2px}
.q-res .price{font-size:30px}.q-res p{margin:8px 0}
.q-nav{margin-top:12px}
.ex{color:var(--fg)}
.ex .h3{margin:10px 0 14px}
.ex-t{width:100%;border-collapse:collapse;font-size:16px}
.ex-t th,.ex-t td{padding:10px 8px 10px 0;border-bottom:1px solid rgba(241,237,228,.14);text-align:left}
.ex-t .price{font-size:18px;color:var(--act)}
.ticks{display:grid;gap:8px;margin-top:14px}
.ticks li{padding-left:28px;position:relative}
.ticks li::before{content:"";position:absolute;left:2px;top:.45em;width:14px;height:8px;border-left:2px solid var(--act);border-bottom:2px solid var(--act);transform:rotate(-45deg)}
.s-c3 .ticks li::before,.milk2 .ticks li::before{border-color:var(--fg-2)}
.s-c4 .btns{margin-top:40px}
@media (max-width:1023px){.c4-g{grid-template-columns:1fr}.quiz{padding:20px}}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
@media (max-width:1023px){
  .pk{min-width:0;border-spacing:0}.pk thead{display:none}
  .pk,.pk tbody,.pk tr,.pk td,.pk tbody th{display:block}
  .pk tbody tr{padding:16px 18px;border-radius:18px;margin-bottom:10px}
  .pk td,.pk tbody th{padding:4px 0;border-radius:0}
  .pk td[data-l]{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
  .pk td[data-l]::before{content:attr(data-l);font:400 14px/1.3 var(--ft);color:var(--fg-2)}
  .pk .tot{flex-wrap:wrap}.pk .tot span{text-align:right}
  .pk .price{font-size:20px}
}