/* plenki.kz — калькулятор плёнки, страница /kalkulyator-plenki (пак deploy/2026-10-24-kalkulyator). Только .pv-kalk*.
   Текст страниц «Информации» на сайте стоит в .blog-post, а тема красит там каждый span (.blog-post span: 14px, серый,
   блоком, отступ снизу) — поэтому все правила здесь начинаются с .pv-kalk и span внутри сброшен. */
.pv-kalk-stranica{max-width:100%;overflow-wrap:break-word}
.pv-kalk-stranica .pv-kalk-vvod{margin:0 0 18px;font-size:16px;line-height:1.5}
.pv-kalk-stranica h2{margin:28px 0 12px;font-size:22px;line-height:1.3}
.pv-kalk-stranica .pv-kalk-kak li{margin:0 0 6px}
.pv-kalk{display:block;margin:0 0 24px;font-size:15px;line-height:1.4;color:#222}
.pv-kalk *,.pv-kalk *::before,.pv-kalk *::after{box-sizing:border-box}
.pv-kalk span{display:inline;margin:0;font-size:inherit;line-height:inherit;color:inherit}
.pv-kalk .pv-kalk__zagruzka{margin:0;color:#555}
.pv-kalk .pv-kalk__shag{margin:0 0 22px;min-width:0}
.pv-kalk .pv-kalk__zag{display:flex;align-items:center;margin:0 0 10px;font-size:18px;font-weight:700;line-height:1.3;color:#222}
.pv-kalk .pv-kalk__n{display:inline-block;flex:none;width:28px;height:28px;margin:0 10px 0 0;border-radius:50%;background:#0299ae;color:#fff;font-size:15px;font-weight:700;line-height:28px;text-align:center}
.pv-kalk .pv-kalk__var{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.pv-kalk .pv-kalk__var--chto{grid-template-columns:minmax(0,1fr)}
.pv-kalk .pv-kalk__v{position:relative;display:block;max-width:none;margin:0;font-weight:400;cursor:pointer}
.pv-kalk .pv-kalk__v input{position:absolute;top:0;left:0;width:1px;height:1px;margin:0;opacity:0;pointer-events:none}
.pv-kalk .pv-kalk__vt{display:block;height:100%;padding:10px 12px;border:2px solid #d5e3e6;border-radius:8px;background:#fff;transition:border-color .15s,background-color .15s}
.pv-kalk .pv-kalk__vt b{display:block;font-size:15px;line-height:1.3;color:#222}
.pv-kalk .pv-kalk__vt small{display:block;margin-top:3px;font-size:13px;line-height:1.3;color:#555}
.pv-kalk .pv-kalk__v:hover .pv-kalk__vt{border-color:#7cc5d0}
.pv-kalk .pv-kalk__v input:checked+.pv-kalk__vt{border-color:#0299ae;background:#e8f6f8}
.pv-kalk .pv-kalk__v input:checked+.pv-kalk__vt b{color:#00788b}
.pv-kalk .pv-kalk__v input:focus-visible+.pv-kalk__vt{outline:3px solid #00788b;outline-offset:2px}
.pv-kalk .pv-kalk__fary,.pv-kalk .pv-kalk__z{display:flex;align-items:flex-start;max-width:none;margin:0;font-size:14px;line-height:1.35;font-weight:400;cursor:pointer}
.pv-kalk .pv-kalk__fary{margin-top:10px}
.pv-kalk .pv-kalk__fary input,.pv-kalk .pv-kalk__z input{flex:none;width:18px;height:18px;margin:1px 8px 0 0;accent-color:#0299ae}
.pv-kalk .pv-kalk__zony{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;margin-top:12px}
.pv-kalk .pv-kalk__z{padding:8px 10px;border:1px solid #dfe8ea;border-radius:6px;background:#fff}
.pv-kalk .pv-kalk__plenka{margin:0 0 14px}
.pv-kalk .pv-kalk__pz{display:block;margin:0 0 6px;font-weight:700}
.pv-kalk .pv-kalk__pz--skryto{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.pv-kalk .pv-kalk__poisk{margin:0 0 6px}
.pv-kalk .pv-kalk__sel,.pv-kalk .pv-kalk__poisk{width:100%;max-width:100%;height:40px;font-size:15px}
.pv-kalk .pv-kalk__kart{display:inline-block;margin-top:6px;color:#00788b;text-decoration:underline}
.pv-kalk .pv-kalk__itog{min-width:0;padding:16px;border:1px solid #cfe7eb;border-radius:10px;background:#f2f9fa}
.pv-kalk .pv-kalk__iz{margin:0 0 10px;font-size:18px;font-weight:700}
.pv-kalk .pv-kalk__pusto{margin:0 0 12px}
.pv-kalk .pv-kalk__str{margin:0 0 12px;padding:0 0 12px;border-bottom:1px solid #d8eaee}
.pv-kalk .pv-kalk__sn{font-size:13px;letter-spacing:.03em;text-transform:uppercase;color:#555}
.pv-kalk .pv-kalk__m{margin:2px 0}
.pv-kalk .pv-kalk__m b{font-size:26px;line-height:1.2;color:#00788b}
.pv-kalk .pv-kalk__kak{font-size:13px;color:#555}
.pv-kalk .pv-kalk__cena{margin-top:6px}
.pv-kalk .pv-kalk__cena b{font-size:18px;white-space:nowrap}
.pv-kalk .pv-kalk__pl{font-size:13px;color:#555}
.pv-kalk .pv-kalk__vsego{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;margin:0 0 12px;font-size:17px;font-weight:700}
.pv-kalk .pv-kalk__vsego b{font-size:26px;white-space:nowrap;color:#00788b}
.pv-kalk .pv-kalk__zam{margin:0 0 12px;padding-left:18px;font-size:14px;color:#333}
.pv-kalk .pv-kalk__zam li{margin:0 0 6px}
.pv-kalk .pv-kalk__podsk{margin:0 0 10px;font-size:14px}
.pv-kalk .pv-kalk__wa{display:block;width:100%;white-space:normal;line-height:1.3}
@media (min-width:768px){
  .pv-kalk .pv-kalk__var--klass,.pv-kalk .pv-kalk__var--chto{grid-template-columns:repeat(3,minmax(0,1fr))}
  .pv-kalk .pv-kalk__zony{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width:1200px){
  .pv-kalk{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:24px;align-items:start}
  .pv-kalk .pv-kalk__itog{position:sticky;top:16px}
}