/* Страница /calculator. Расшифровка (.lcx) — стили в lot-card.css */
.pcalc{padding-bottom:72px;font-family:"Hero Inter",Roboto,Arial,sans-serif;color:#111}
.pcalc__lead{max-width:760px;margin:12px 0 28px;font-size:16px;line-height:1.55;color:#555}
.pcalc__grid{display:grid;grid-template-columns:minmax(300px,400px) minmax(0,1fr);gap:28px;align-items:start}
.pcalc__form,.pcalc__card,.pcalc__empty,.pcalc__block{border:1px solid #ece7e1;border-radius:16px;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.04)}
.pcalc__form{position:sticky;top:20px;padding:24px}
.pcalc__field{margin-bottom:16px}
.pcalc__field label{display:block;margin-bottom:6px;font-size:14px;font-weight:600;color:#222}
.pcalc__field label span{font-weight:400;color:#999}
.pcalc__field input,.pcalc__field select{display:block;width:100%;height:48px;padding:0 14px;border:1px solid #ddd5cb;border-radius:10px;background:#fff;font:16px/1.2 "Hero Inter",Roboto,Arial,sans-serif;color:#111;box-sizing:border-box;-webkit-appearance:none;appearance:none}
.pcalc__field select{padding-right:36px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23888' stroke-width='1.8'/%3E%3C/svg%3E") no-repeat right 14px center}
.pcalc__field input:focus,.pcalc__field select:focus{outline:none;border-color:#8e2a2c;box-shadow:0 0 0 3px rgba(142,42,44,.12)}
.pcalc__field input[aria-invalid="true"]{border-color:#c0392b}
.pcalc__suffix{position:relative}
.pcalc__suffix input{padding-right:52px}
.pcalc__suffix span{position:absolute;top:0;right:14px;line-height:48px;font-size:14px;color:#888;pointer-events:none}
.pcalc__row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.pcalc__hint{margin-top:6px;font-size:13px;color:#999}
.pcalc__err{margin-top:6px;font-size:13px;color:#c0392b}
.pcalc__sep{display:flex;align-items:center;gap:10px;margin:6px 0 16px;font-size:12px;letter-spacing:.25em;text-transform:uppercase;color:#999}
.pcalc__sep:after{content:"";flex:1;height:1px;background:#ece7e1}
.pcalc__lot{display:flex;align-items:center;gap:12px;margin:-4px 0 18px;padding:10px;border:1px solid #ece7e1;border-radius:12px;color:inherit;text-decoration:none}
.pcalc__lot img{flex:0 0 72px;width:72px;height:54px;border-radius:8px;object-fit:cover;background:#f4f1ed}
.pcalc__lot b{display:block;font:600 15px/1.3 Rubik,Arial,sans-serif}
.pcalc__lot small{display:block;margin-top:2px;font-size:13px;color:#888}
.pcalc__lot:hover b{color:#8e2a2c}
.pcalc__submit{display:block;width:100%;height:52px;margin-top:6px;border:0;border-radius:30px;background:#8e2a2c;color:#fff;font:600 17px/1 Rubik,Arial,sans-serif;cursor:pointer;transition:background .15s}
.pcalc__submit:hover{background:#a33234}
.pcalc__reset{display:block;margin-top:12px;text-align:center;font-size:14px;color:#888}
.pcalc__card{overflow:hidden}
.pcalc__card .lcx{padding:20px 22px 6px}
.pcalc__actions{display:flex;flex-wrap:wrap;gap:12px;padding:8px 22px 22px}
.pcalc__btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:50px;padding:0 26px;border-radius:30px;font:600 16px/1 Rubik,Arial,sans-serif;text-decoration:none;cursor:pointer;border:1.5px solid #8e2a2c}
.pcalc__btn--red{background:#8e2a2c;color:#fff!important}
.pcalc__btn--red:hover{background:#a33234;border-color:#a33234}
.pcalc__btn--line{background:#fff;color:#8e2a2c}
.pcalc__btn--line:hover{background:#fff6f5}
.pcalc__empty,.pcalc__block{padding:28px 30px}
.pcalc__empty b,.pcalc__block b{display:block;font:700 22px/1.25 Rubik,Arial,sans-serif;color:#111}
.pcalc__empty p,.pcalc__block p{margin:10px 0 0;font-size:15px;line-height:1.55;color:#555}
.pcalc__steps{margin:20px 0 0;padding:0;list-style:none;counter-reset:pc}
.pcalc__steps li{position:relative;padding:10px 0 10px 40px;border-top:1px solid #f0ebe5;font-size:15px;color:#333;counter-increment:pc}
.pcalc__steps li:before{content:counter(pc);position:absolute;left:0;top:8px;width:26px;height:26px;border-radius:7px;background:#d9302c;color:#fff;font:700 13px/26px Rubik,Arial,sans-serif;text-align:center}
.pcalc__block{border-color:#f0c9c4;background:#fff8f7}
.pcalc__block ul{margin:12px 0 0;padding-left:20px;font-size:15px;line-height:1.5;color:#7a2a24}
.pcalc__block .pcalc__btn{margin-top:18px}
@media (max-width:900px){
  .pcalc__grid{grid-template-columns:1fr}
  .pcalc__form{position:static}
}
@media (max-width:640px){
  .pcalc__form{padding:20px 16px}
  .pcalc__card .lcx{padding:16px 14px 4px}
  .pcalc__actions{padding:8px 14px 18px}
  .pcalc__btn{flex:1 1 100%}
  .pcalc__empty,.pcalc__block{padding:22px 18px}
}
/* тёмная тема */
html[data-theme="dark"] .pcalc{color:#e3e3e3}
html[data-theme="dark"] .pcalc__lead,html[data-theme="dark"] .pcalc__empty p,html[data-theme="dark"] .pcalc__block p{color:#bdbdbd}
html[data-theme="dark"] .pcalc__form,html[data-theme="dark"] .pcalc__card,html[data-theme="dark"] .pcalc__empty{background:#1d1b19;border-color:#3d3730;box-shadow:none}
html[data-theme="dark"] .pcalc__field label,html[data-theme="dark"] .pcalc__empty b,html[data-theme="dark"] .pcalc__lot b{color:#e3e3e3}
html[data-theme="dark"] .pcalc__field input,html[data-theme="dark"] .pcalc__field select{background-color:#151311;border-color:#3d3730;color:#e3e3e3}
html[data-theme="dark"] .pcalc__lot{border-color:#3d3730}
html[data-theme="dark"] .pcalc__sep:after,html[data-theme="dark"] .pcalc__steps li{border-color:#3d3730;background-color:transparent}
html[data-theme="dark"] .pcalc__sep:after{background:#3d3730}
html[data-theme="dark"] .pcalc__steps li{color:#cfcfcf}
html[data-theme="dark"] .pcalc__btn--line{background:transparent;color:#e85e5e;border-color:#e85e5e}
html[data-theme="dark"] .pcalc__block{background:#2a1b19;border-color:#5a2f2a}
html[data-theme="dark"] .pcalc__block b{color:#f0d0cc}
html[data-theme="dark"] .pcalc__block ul{color:#e8a9a2}
.pcalc__grid{margin-top:28px}
.pcalc__card .lcx{padding-bottom:22px}
@media (max-width:640px){.pcalc__grid{margin-top:20px}.pcalc__card .lcx{padding-bottom:16px}}
