/* Калкулатор за цена на имот в София — sea-price-calc.php */
.spc{--ink:#0B1233;--ink2:#3B4468;--mu:#6B7394;--line:#E2E6F0;--soft:#F5F7FC;--brand:#051E95;--b2:#1238C9;--sky:#23A8DD;--ok:#0D8458;--bad:#C2341F;
  max-width:1240px;width:calc(100% - 32px);margin:10px auto 70px;font-family:Manrope,"Segoe UI",system-ui,Arial,sans-serif;color:var(--ink);font-size:15px;line-height:1.5}
.spc *{box-sizing:border-box}
.spc-i{width:18px;height:18px;flex:none}
.spc-hero{padding:34px 0 22px;max-width:820px}
.spc-ey{display:inline-flex;align-items:center;gap:8px;margin:0 0 10px;font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--b2)}
.spc-hero h1{margin:0;font-size:clamp(30px,4.2vw,46px);line-height:1.08;font-weight:800;letter-spacing:-.03em;color:var(--ink);text-wrap:balance}
.spc-lead{margin:14px 0 0;font-size:17px;color:var(--ink2);max-width:70ch}
.spc-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:22px;align-items:start}
.spc-form{display:grid;gap:14px;min-width:0}
.spc-mode{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:6px;border-radius:18px;background:#E8ECF5}
.spc-mode button{display:inline-flex;align-items:center;justify-content:center;gap:9px;height:52px;border:0;border-radius:13px;background:transparent;font:800 16px Manrope,sans-serif;color:var(--ink2);cursor:pointer;transition:all .2s}
.spc-mode button.is-on{background:#fff;color:var(--ink);box-shadow:0 1px 2px rgba(6,16,58,.08),0 8px 20px -10px rgba(6,16,58,.35)}
.spc-mode button.is-on .spc-i{color:var(--b2)}
.spc-sec{background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px 24px 20px;box-shadow:0 1px 2px rgba(6,16,58,.04),0 14px 32px -24px rgba(6,16,58,.3)}
.spc-sec h3{display:flex;align-items:center;gap:10px;margin:0 0 16px;font-size:17px;font-weight:800;color:var(--ink)}
.spc-sec h3 .spc-i{width:22px;height:22px;color:var(--b2)}
.spc-f{margin:0 0 16px}
.spc-f:last-child{margin-bottom:0}
.spc-fl{margin:0 0 8px;font-size:13px;font-weight:800;color:var(--ink2);display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}
.spc-fl small{font-weight:600;color:var(--mu);font-size:12px}
.spc-chips{display:flex;flex-wrap:wrap;gap:6px}
.spc-chip{height:38px;padding:0 14px;border-radius:999px;border:1px solid var(--line);background:#fff;font:700 13.5px Manrope,sans-serif;color:var(--ink2);cursor:pointer;transition:background .15s,border-color .15s,color .15s,transform .15s}
.spc-chip:hover{border-color:#B9C6EA;color:var(--ink)}
.spc-chip.is-on{background:var(--brand);border-color:var(--brand);color:#fff;box-shadow:0 8px 16px -10px rgba(5,30,149,.8)}
.spc-chip:focus-visible,.spc-mode button:focus-visible,.spc-num button:focus-visible{outline:2.5px solid var(--sky);outline-offset:2px}
.spc-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.spc-num{display:flex;align-items:center;height:46px;border:1px solid var(--line);border-radius:14px;background:#fff;overflow:hidden;max-width:230px}
.spc-num button{width:44px;height:100%;border:0;background:var(--soft);font:700 20px Manrope,sans-serif;color:var(--ink2);cursor:pointer}
.spc-num button:hover{background:#E8EEFB;color:var(--brand)}
.spc-num input{flex:1;min-width:0;width:60px;height:100%;border:0;text-align:center;font:800 17px Manrope,sans-serif;color:var(--ink);background:transparent;-moz-appearance:textfield}
.spc-num input::-webkit-outer-spin-button,.spc-num input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.spc-num span{padding-right:10px;font-weight:700;color:var(--mu);font-size:14px}
.spc-row{display:flex;flex-wrap:wrap;gap:10px 22px}
.spc-tog{display:inline-flex;align-items:center;gap:10px;cursor:pointer;font-weight:700;font-size:14px;color:var(--ink2)}
.spc-tog input{position:absolute;opacity:0;width:1px;height:1px}
.spc-sw{width:42px;height:24px;border-radius:999px;background:#C9D0E2;position:relative;transition:background .2s;flex:none}
.spc-sw::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 2px 5px rgba(6,16,58,.3);transition:transform .25s}
.spc-tog input:checked+.spc-sw{background:var(--ok)}
.spc-tog input:checked+.spc-sw::after{transform:translateX(18px)}
.spc-tog input:focus-visible+.spc-sw{outline:2.5px solid var(--sky);outline-offset:2px}
.spc-ac{position:relative}
.spc-ac input{width:100%;height:52px;padding:0 120px 0 44px;border:1px solid var(--line);border-radius:15px;font:800 16px Manrope,sans-serif;color:var(--ink);background:#fff;outline:0;transition:border-color .2s,box-shadow .2s}
.spc-ac input:focus{border-color:#8EA4EA;box-shadow:0 0 0 4px rgba(18,56,201,.12)}
.spc-ac-i{position:absolute;left:15px;top:16px;color:var(--mu)}
.spc-ac-meta{position:absolute;right:16px;top:16px;font-size:12.5px;font-weight:700;color:var(--mu);pointer-events:none}
.spc-list{position:absolute;left:0;right:0;top:58px;z-index:20;max-height:320px;overflow:auto;margin:0;padding:6px;list-style:none;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 30px 60px -24px rgba(6,16,58,.45)}
.spc-list li{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:10px 12px;border-radius:11px;cursor:pointer;font-weight:700}
.spc-list li small{font-weight:600;color:var(--mu);font-size:12px;white-space:nowrap}
.spc-list li:hover,.spc-list li.is-on{background:#EEF2FF}
.spc-list .spc-none{color:var(--mu);cursor:default}
/* резултат */
.spc-res{position:sticky;top:96px;border-radius:26px;overflow:hidden;background:#fff;border:1px solid var(--line);box-shadow:0 40px 80px -40px rgba(6,16,58,.55)}
.spc-res-in{position:relative;padding:26px 26px 22px;color:#fff;background:radial-gradient(420px 260px at 100% 0%,rgba(35,168,221,.5),transparent 70%),linear-gradient(140deg,#06103A,#0B2A8F 70%,#1238C9);isolation:isolate}
.spc-res-ey{margin:0;font-size:12.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#BFEAFF}
.spc-res-v{margin:8px 0 4px;font-size:clamp(34px,4vw,46px);font-weight:800;letter-spacing:-.035em;line-height:1.05;font-variant-numeric:tabular-nums}
.spc-res-v small{font-size:.45em;font-weight:700;opacity:.8;margin-left:4px}
.spc-range{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:700;color:rgba(255,255,255,.8);font-variant-numeric:tabular-nums}
.spc-range i{flex:1;height:6px;border-radius:999px;background:linear-gradient(90deg,rgba(143,214,242,.25),rgba(143,214,242,.9),rgba(143,214,242,.25));position:relative}
.spc-range b{position:absolute;left:50%;top:50%;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:#fff;box-shadow:0 0 0 4px rgba(255,255,255,.25)}
.spc-kv{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px;margin:18px 0 0;padding:16px 0 0;border-top:1px solid rgba(255,255,255,.16)}
.spc-kv div{min-width:0}
.spc-kv dt{font-size:12px;font-weight:700;color:rgba(255,255,255,.7)}
.spc-kv dd{margin:2px 0 0;font-size:16px;font-weight:800;font-variant-numeric:tabular-nums}
.spc-conf{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:16px 0 0;font-size:12.5px;color:rgba(255,255,255,.8)}
.spc-conf i{width:9px;height:9px;border-radius:50%;background:#5BE0A6;box-shadow:0 0 0 4px rgba(91,224,166,.2)}
.spc-conf.is-mid i{background:#FFD271;box-shadow:0 0 0 4px rgba(255,210,113,.2)}
.spc-conf.is-lo i{background:#FFB4A3;box-shadow:0 0 0 4px rgba(255,180,163,.2)}
.spc-res-b{padding:20px 24px 22px}
.spc-res-b h4{margin:4px 0 10px;font-size:14px;font-weight:800;color:var(--ink)}
.spc-fac,.spc-tips{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:2px}
.spc-fac li{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:baseline;padding:7px 0;border-bottom:1px dashed var(--line);font-size:13.5px}
.spc-fac li span{color:var(--ink2);font-weight:600;min-width:0}
.spc-fac li b{font-weight:800;font-variant-numeric:tabular-nums}
.spc-fac li em{font-style:normal;font-size:12.5px;color:var(--mu);font-variant-numeric:tabular-nums;min-width:86px;text-align:right}
.spc-fac li.is-up b{color:var(--ok)}
.spc-fac li.is-dn b{color:var(--bad)}
.spc-more summary{cursor:pointer;font-size:13px;font-weight:800;color:var(--b2);margin:-4px 0 12px;list-style:none}
.spc-more summary::-webkit-details-marker{display:none}
.spc-tips li{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:#ECF8F2;color:#0A4D35;font-size:13.5px;font-weight:700}
.spc-tips li .spc-i{color:var(--ok)}
.spc-tips li span{flex:1}
.spc-tips li b{font-variant-numeric:tabular-nums}
.spc-ctx{display:flex;align-items:center;gap:10px;padding:11px 12px;margin:0 0 8px;border-radius:12px;background:var(--soft);color:var(--ink2);font-size:13.5px;font-weight:600;text-decoration:none;transition:background .2s}
.spc-ctx:hover{background:#EAF0FE;color:var(--ink)}
.spc-ctx .spc-i{color:var(--b2)}
.spc-ctx b{color:var(--ink)}
.spc-cta{display:grid;gap:8px;margin:14px 0 12px}
.spc-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;border-radius:14px;border:0;font:800 15px Manrope,sans-serif;color:#fff;text-decoration:none;cursor:pointer;background:linear-gradient(180deg,#1A44D6,#051E95);box-shadow:0 12px 24px -14px rgba(5,30,149,.9)}
.spc-btn:hover{color:#fff;filter:brightness(1.08)}
.spc-btn--ghost{background:#fff;color:var(--ink);border:1px solid var(--line);box-shadow:none}
.spc-btn--ghost:hover{color:var(--ink);border-color:#B9C6EA;filter:none}
.spc-note{display:flex;gap:8px;margin:0;font-size:12px;color:var(--mu);line-height:1.45}
.spc-note .spc-i{width:16px;height:16px;margin-top:1px}
.spc-bar{display:none}
@media (max-width:980px){
  .spc-grid{grid-template-columns:minmax(0,1fr)}
  .spc-res{position:static}
  .spc-bar{display:flex;position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:50;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-radius:18px;color:#fff;background:linear-gradient(140deg,#06103A,#1238C9);box-shadow:0 20px 40px -16px rgba(6,16,58,.7);font-weight:800;font-size:19px;transition:transform .3s,opacity .3s}
  .spc-bar small{display:block;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;opacity:.75}
  .spc-bar a{color:#fff;font-size:13px;font-weight:800;padding:9px 12px;border-radius:11px;background:rgba(255,255,255,.14);text-decoration:none}
  .spc-bar.is-hidden{transform:translateY(140%);opacity:0;pointer-events:none}
  #sea-back-to-top{bottom:calc(96px + env(safe-area-inset-bottom,0px))!important}   /* над лентата със стойността */
}
@media (max-width:560px){
  .spc-sec{padding:18px 16px}
  .spc-2{grid-template-columns:1fr 1fr;gap:10px}
  .spc-num{max-width:none}
  .spc-ac input{padding-right:16px}
  .spc-ac-meta{display:none}
  .spc-kv{grid-template-columns:1fr}
  .spc-res-in{padding:22px 18px}
  .spc-res-b{padding:18px 16px}
  .spc-fac li em{min-width:0}
}
@media (prefers-reduced-motion:reduce){.spc *{transition:none!important}}