/* MarketBukh landing — calculator.css
   Автосборка из мастер-файла. Правьте модуль, не мастер. */

/* ================= КАЛЬКУЛЯТОР ================= */
.calc-sec{position:relative}
.calc-sec::before{
  content:'';position:absolute;left:50%;top:50%;width:900px;height:600px;
  transform:translate(-50%,-50%);
  background:radial-gradient(ellipse,rgba(150,120,255,.18),transparent 65%);
  pointer-events:none;
}
.calc{
  position:relative;
  display:grid;grid-template-columns:1.1fr 1fr;gap:0;
  background:rgba(255,255,255,.8);
  -webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);
  border:1px solid rgba(255,255,255,.85);
  border-radius:26px;
  box-shadow:0 40px 90px -34px rgba(60,40,140,.4), inset 0 1px 1px #fff;
  overflow:hidden;
}
.calc-l{padding:34px 34px 32px;border-right:1px solid var(--line)}
.calc-r{padding:34px 34px 32px;background:rgba(250,251,255,.6)}
.fld{margin-bottom:20px}
.fld .flabel{font-size:12.5px;font-weight:700;margin-bottom:9px}
.seg{display:flex;background:#eef2fa;border-radius:13px;padding:4px;gap:4px}
.seg button{
  flex:1;height:40px;border:0;border-radius:10px;background:transparent;
  font:inherit;font-size:13px;font-weight:700;color:var(--grey);cursor:pointer;
  transition:color .2s;
}
.seg button.on{
  color:#fff;
  background:linear-gradient(100deg,var(--blue),var(--violet));
  box-shadow:0 6px 14px -6px rgba(80,50,220,.55);
}
.pf{display:flex;gap:10px}
.pf button{
  flex:1;height:44px;border-radius:22px;
  border:1.5px solid #d5dcec;background:#fff;
  font:inherit;font-size:13.5px;font-weight:700;color:var(--grey);cursor:pointer;
  display:flex;align-items:center;justify-content:center;gap:8px;
  transition:transform .2s, box-shadow .2s;
}
.pf button:active{transform:scale(.97)}
.pf button .ck{
  width:18px;height:18px;border-radius:50%;border:1.5px solid #cfd7e6;
  display:grid;place-items:center;font-size:11px;color:transparent;transition:.2s;
}
.pf button.on{color:#fff;border-color:transparent;box-shadow:0 10px 20px -8px rgba(90,40,200,.5)}
.pf button.on .ck{background:rgba(255,255,255,.25);border-color:rgba(255,255,255,.6);color:#fff}
.pf button.wb.on{background:linear-gradient(135deg,var(--wb1),var(--wb2))}
.pf button.oz.on{background:linear-gradient(135deg,var(--oz1),var(--oz2))}
.rev-out{font-size:19px;font-weight:800;font-variant-numeric:tabular-nums;margin-bottom:6px}
input[type=range].rev{width:100%;height:24px;accent-color:var(--violet);cursor:pointer}
.rev-minmax{display:flex;justify-content:space-between;font-size:11px;color:var(--soft);font-weight:600;margin-top:2px}
.swrow{display:flex;align-items:center;justify-content:space-between;padding:11px 0;border-top:1px solid var(--line);font-size:14px;font-weight:600}
.swrow:first-of-type{border-top:0}
.sw{position:relative;width:46px;height:26px;flex:none;cursor:pointer}
.sw input{position:absolute;opacity:0;inset:0;cursor:pointer}
.sw .tr{
  position:absolute;inset:0;border-radius:13px;background:#dfe5f0;transition:background .25s;
}
.sw .tr::after{
  content:'';position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;
  background:#fff;box-shadow:0 2px 5px rgba(20,30,70,.3);transition:transform .25s var(--ease-out);
}
.sw input:checked + .tr{background:linear-gradient(100deg,var(--blue),var(--magenta))}
.sw input:checked + .tr::after{transform:translateX(20px)}

.calc-r .rlabel{font-size:13px;font-weight:700;color:var(--grey);margin-bottom:8px}
.price{
  font-size:clamp(30px,3vw,40px);font-weight:800;letter-spacing:-.02em;
  background:linear-gradient(100deg,var(--blue),var(--magenta));
  -webkit-background-clip:text;background-clip:text;color:transparent;
  font-variant-numeric:tabular-nums;
}
.price small{font-size:.5em;font-weight:800}
.price-note{font-size:12.5px;color:var(--grey);font-weight:500;margin:8px 0 22px}
.inp{
  width:100%;height:48px;border-radius:13px;
  border:1.5px solid #d9e0ee;background:#fff;
  padding:0 15px;font:inherit;font-size:14px;font-weight:500;color:var(--ink);
  margin-bottom:12px;transition:border-color .2s, box-shadow .2s;
}
.inp::placeholder{color:#a6b0c2}
.inp:focus{outline:0;border-color:#8f7bff;box-shadow:0 0 0 3px rgba(122,43,214,.15)}
.agree{display:flex;align-items:flex-start;gap:9px;font-size:11.5px;color:var(--grey);font-weight:500;line-height:1.45;margin:4px 0 16px;cursor:pointer}
.agree input{width:16px;height:16px;margin-top:1px;accent-color:var(--violet);cursor:pointer;flex:none}
.agree a{color:var(--blue);text-decoration:none}
.hp{position:absolute;left:-9999px;opacity:0;height:0;width:0}
.sent-note{display:none;margin-top:10px;font-size:12px;font-weight:600;color:var(--green)}
.sent-note.show{display:block}