/* Имотен барометър — /pazar/ */
.smk{
	--ink:#0b1b2e; --ink2:#3a4b63; --mute:#6f8098; --line:#e2eaf2; --soft:#f2f6fa; --card:#fff;
	--brand:#0ea5e9; --brand-d:#0369a1; --up:#059669; --down:#e11d48; --amber:#f59e0b; --violet:#7c3aed;
	--navy:#071a2f; --navy2:#0d3358; --r:20px;
	--sh:0 1px 2px rgba(11,27,46,.04),0 14px 34px -22px rgba(11,27,46,.22);
	max-width:none!important; width:min(calc(100% - 32px),1240px)!important; margin-inline:auto!important; padding-block:18px 56px;
	font-family:Manrope,system-ui,-apple-system,"Segoe UI",sans-serif; color:var(--ink); font-size:16px; line-height:1.6; text-align:left;
	font-variant-numeric:tabular-nums;
}
.smk *,.smk *::before,.smk *::after{box-sizing:border-box}
.smk a{text-decoration:none; color:inherit}
.smk h1,.smk h2,.smk h3{font-family:inherit; color:var(--ink); margin:0; letter-spacing:-.02em; text-wrap:balance}
.smk p{margin:0}
.smk ul,.smk ol,.smk dl,.smk dd{margin:0; padding:0; list-style:none}
.smk button{font-family:inherit; cursor:pointer; min-height:0; text-transform:none; letter-spacing:0}
.smk svg{display:block}
.smk :focus-visible{outline:2px solid var(--brand); outline-offset:2px; border-radius:6px}
.smk [hidden]{display:none!important}
.smk .screen-reader-text{position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0)}

/* горна лента */
.smk-nav{display:flex; align-items:center; justify-content:space-between; gap:12px 20px; flex-wrap:wrap; margin-bottom:16px}
.smk-brand{display:inline-flex; align-items:center; gap:10px; font-weight:800; font-size:1.02rem; color:var(--ink)!important}
.smk-brand i{width:34px; height:34px; border-radius:11px; background:var(--navy) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2338bdf8' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 13h3.5l2.5-7 4 13 2.6-8.5 1.4 2.5H21'/%3E%3C/svg%3E") center/20px no-repeat}
.smk-nav div{display:flex; gap:4px; background:var(--soft); padding:4px; border-radius:999px}
.smk-nav div a{padding:7px 16px; border-radius:999px; font-weight:700; font-size:.88rem; color:var(--ink2); transition:background-color .2s,color .2s}
.smk-nav div a:hover{color:var(--ink)}
.smk-nav div a.is-on{background:#fff; color:var(--ink); box-shadow:0 1px 3px rgba(11,27,46,.14)}
.smk-crumbs{display:flex; flex-wrap:wrap; gap:6px 8px; align-items:center; font-size:.84rem; color:var(--mute); margin-bottom:12px}
.smk-crumbs a{color:var(--mute); font-weight:600}
.smk-crumbs a:hover{color:var(--brand-d)}
.smk-crumbs b{color:var(--ink); font-weight:700}

/* херо */
.smk-hero{position:relative; display:grid; grid-template-columns:minmax(0,1.02fr) minmax(0,1fr); gap:36px; align-items:center; padding:44px; border-radius:28px; color:#e8f1fa; isolation:isolate; z-index:3;
	background:radial-gradient(120% 90% at 100% 0,rgba(14,165,233,.42),transparent 56%),radial-gradient(70% 80% at 0 100%,rgba(124,58,237,.22),transparent 60%),linear-gradient(140deg,var(--navy),var(--navy2))}
.smk-hero::before{content:""; position:absolute; inset:0; z-index:-1; opacity:.5; border-radius:inherit;
	background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px); background-size:44px 44px;
	-webkit-mask-image:linear-gradient(120deg,transparent 12%,#000 70%); mask-image:linear-gradient(120deg,transparent 12%,#000 70%)}
.smk-eyebrow{display:inline-flex; align-items:center; gap:9px; font-weight:700; font-size:.78rem; letter-spacing:.06em; text-transform:uppercase; color:#9cc9e8}
.smk-live{width:9px; height:9px; border-radius:50%; background:#34d399; box-shadow:0 0 0 0 rgba(52,211,153,.6); animation:smk-pulse 2.2s infinite}
@keyframes smk-pulse{70%{box-shadow:0 0 0 9px rgba(52,211,153,0)}100%{box-shadow:0 0 0 0 rgba(52,211,153,0)}}
.smk .smk-hero h1{color:#fff; font-size:clamp(1.9rem,1.1rem + 2.5vw,3.05rem); line-height:1.08; font-weight:800; margin:14px 0 14px}
.smk-lead{font-size:1.06rem; line-height:1.62; color:var(--ink2); max-width:62ch}
.smk-hero .smk-lead{color:#c3d5e6}
.smk-hero .smk-lead b{color:#fff; font-weight:800}

.smk-find{margin-top:24px; max-width:480px}
.smk-find>label{display:block; font-size:.82rem; font-weight:700; color:#9cc9e8; margin-bottom:8px}
.smk-find-box{position:relative}
.smk-find-box>svg{position:absolute; left:16px; top:50%; width:20px; height:20px; margin-top:-10px; fill:none; stroke:#64748b; stroke-width:2; stroke-linecap:round; pointer-events:none}
.smk .smk-find-box input{width:100%; height:54px; padding:0 18px 0 46px; border:0; border-radius:16px; background:#fff; color:var(--ink); font:600 1rem/1 Manrope,sans-serif; box-shadow:0 14px 34px -14px rgba(0,0,0,.5)}
.smk .smk-find-box input::placeholder{color:#8a99ad; font-weight:500}
#smk-find-list{position:absolute; z-index:5; left:0; right:0; top:calc(100% + 8px); background:#fff; border-radius:16px; padding:6px; box-shadow:0 22px 44px -16px rgba(7,26,47,.5)}
#smk-find-list a{display:flex; justify-content:space-between; align-items:baseline; gap:12px; padding:10px 12px; border-radius:11px; color:var(--ink); font-weight:700}
#smk-find-list{max-height:min(60vh,380px); overflow-y:auto}
.smk-hero-txt{position:relative; z-index:2}
.smk-drop a small,#smk-find-list a small{display:block; font-size:.76rem; font-weight:600; color:var(--mute)}
#smk-find-list a em{font-style:normal; font-weight:600; font-size:.8rem; color:var(--mute); white-space:nowrap}
#smk-find-list a:hover,#smk-find-list a.is-cur{background:var(--soft)}
.smk-find-no{padding:10px 12px; color:var(--mute); font-size:.9rem}
.smk .smk-find-quick{display:flex; flex-wrap:wrap; gap:6px; margin-top:12px}
.smk-find-quick a{padding:5px 12px; border-radius:999px; background:rgba(255,255,255,.09); border:1px solid rgba(255,255,255,.14); color:#dbe9f6; font-size:.82rem; font-weight:700; transition:background-color .2s}
.smk-find-quick a:hover{background:rgba(255,255,255,.2); color:#fff}

.smk-kpis{display:grid; grid-template-columns:1fr 1fr; gap:12px}
.smk-kpi{position:relative; display:flex; flex-direction:column; gap:3px; min-height:150px; padding:18px 18px 16px; border-radius:18px; overflow:hidden; color:#fff!important;
	background:linear-gradient(160deg,rgba(255,255,255,.11),rgba(255,255,255,.04)); border:1px solid rgba(255,255,255,.13); backdrop-filter:blur(6px); transition:transform .25s,border-color .25s,background-color .25s}
a.smk-kpi:hover{transform:translateY(-3px); border-color:rgba(56,189,248,.6)}
.smk-kpi small{font-size:.74rem; font-weight:700; letter-spacing:.05em; text-transform:uppercase; color:#9cc9e8}
.smk-kpi strong{font-size:clamp(1.6rem,1.1rem + 1.3vw,2.2rem); line-height:1.15; font-weight:800; letter-spacing:-.02em; color:#fff}
.smk-kpi em{font-style:normal; font-size:.82rem; color:#b4c8dc; position:relative; z-index:1}
.smk-kpi .smk-spark--w{width:100%; height:34px; margin-top:auto; padding-top:6px; overflow:visible}
.smk-hero .smk-delta{font-weight:800}
.smk-hero .smk-delta.up{color:#34d399}
.smk-hero .smk-delta.down{color:#fb7185}

.smk-delta{font-weight:700; white-space:nowrap}
.smk-delta.up{color:var(--up)}
.smk-delta.down{color:var(--down)}

/* накратко */
.smk-story{display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,2fr); gap:28px 40px; align-items:start; margin-top:22px; padding:30px 34px; background:var(--card); border:1px solid var(--line); border-radius:var(--r); box-shadow:var(--sh)}
.smk-kicker{font-size:.75rem; font-weight:800; letter-spacing:.09em; text-transform:uppercase; color:var(--brand-d)}
.smk .smk-story h2{font-size:clamp(1.35rem,1rem + 1.1vw,1.8rem); line-height:1.2; font-weight:800; margin-top:6px}
.smk-story-l{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px}
.smk-story-l li{padding-left:16px; border-left:2px solid var(--line); color:var(--ink2); font-size:.95rem; line-height:1.6}
.smk-story-l li b{display:block; color:var(--ink); font-weight:800; margin-bottom:2px}

/* секции */
.smk-sec{margin-top:56px; scroll-margin-top:90px}
.smk-sec-h{max-width:780px; margin-bottom:20px}
.smk .smk-sec-h h2{font-size:clamp(1.5rem,1.05rem + 1.4vw,2.1rem); line-height:1.15; font-weight:800; margin:6px 0 8px}
.smk-sec-h p:not(.smk-kicker){color:var(--ink2); font-size:1rem}
.smk-grid{display:grid; gap:18px; align-items:start}
.smk-grid--side{grid-template-columns:minmax(0,1fr) 320px}
.smk-grid--map{grid-template-columns:minmax(0,1fr) 340px; align-items:stretch}
.smk-mapcard{display:flex; flex-direction:column}
.smk-mapcard .smk-map{flex:1; display:flex; align-items:center}
.smk-mapcard .smk-map svg{flex:1}
.smk-grid--calc{grid-template-columns:minmax(0,430px) minmax(0,1fr)}
.smk-card{background:var(--card); border:1px solid var(--line); border-radius:var(--r); padding:22px; box-shadow:var(--sh); min-width:0}
.smk-card--flush{padding:0; overflow:hidden}
.smk-pad{padding:16px 22px}
.smk-center{text-align:center}
.smk-mt{margin-top:24px!important}
.smk-mt2{margin-top:18px}
.smk .smk-card h3{font-size:1.05rem; font-weight:800; line-height:1.3}
.smk-sub{font-size:.82rem; color:var(--mute); margin-top:2px!important}
.smk-note{font-size:.84rem; color:var(--mute)}

/* контроли */
.smk-ctl{display:flex; flex-wrap:wrap; gap:10px 12px; align-items:center; margin-bottom:14px}
.smk-ctl--sp{justify-content:space-between}
.smk-seg{display:inline-flex; flex-wrap:wrap; background:var(--soft); border-radius:12px; padding:3px; gap:2px}
.smk .smk-seg button{border:0; background:transparent; border-radius:9px; padding:8px 13px; font-size:.84rem; font-weight:700; line-height:1.2; color:var(--ink2); transition:background-color .2s,color .2s}
.smk .smk-seg button:hover{color:var(--ink)}
.smk .smk-seg button.is-on{background:#fff; color:var(--ink); box-shadow:0 1px 3px rgba(11,27,46,.16)}
.smk .smk-lgs{display:flex; flex-wrap:wrap; gap:6px; margin-bottom:8px}
.smk .smk-lg{display:inline-flex; align-items:center; gap:7px; border:1px solid var(--line); background:#fff; border-radius:999px; padding:5px 12px 5px 9px; font-size:.82rem; font-weight:700; color:var(--mute); transition:color .2s,border-color .2s}
.smk-lg i{width:10px; height:10px; border-radius:50%; border:2px solid var(--c); background:transparent; transition:background-color .2s}
.smk .smk-lg.is-on{color:var(--ink); border-color:color-mix(in srgb,var(--c) 45%,#fff)}
.smk-lg.is-on i{background:var(--c)}
.smk-lgs--static span{display:inline-flex; align-items:center; gap:7px; font-size:.84rem; font-weight:700; color:var(--ink2); margin-right:10px}
.smk-lgs--static i{width:18px; height:3px; border-radius:2px; background:var(--c)}
.smk-lgs--static i.sq{width:11px; height:11px; border-radius:3px}
.smk-lgs-note{color:var(--mute)!important; font-weight:600!important; margin-left:auto}

/* графики */
.smk-chart{position:relative; min-height:250px}
.smk-chart--sm{min-height:220px}
.smk-ch-svg svg{overflow:visible; max-width:100%}
.smk-ax{font:600 11px Manrope,sans-serif; fill:#7b8aa3}
.smk-mk{font:700 10px Manrope,sans-serif; fill:#64748b; letter-spacing:.04em; text-transform:uppercase}
.smk-hit{cursor:crosshair; touch-action:pan-y}
.smk-tip{position:absolute; z-index:4; pointer-events:none; min-width:150px; max-width:260px; padding:10px 12px; border-radius:12px; background:var(--navy); color:#fff; font-size:.8rem; line-height:1.4; box-shadow:0 14px 30px -12px rgba(7,26,47,.6)}
.smk-tip-t{font-weight:800; margin-bottom:5px; color:#9cc9e8; font-size:.72rem; letter-spacing:.05em; text-transform:uppercase}
.smk-tip-r{display:flex; align-items:center; gap:7px; white-space:nowrap}
.smk-tip-r i{width:8px; height:8px; border-radius:50%; flex:none}
.smk-tip-r span{color:#c3d5e6; margin-right:auto; padding-right:12px}
.smk-tip-r b{font-weight:800}
.smk-anim .smk-ln{stroke-dasharray:1; stroke-dashoffset:1}
.smk-anim.is-in .smk-ln{stroke-dashoffset:0; transition:stroke-dashoffset 1.5s cubic-bezier(.3,.7,.2,1)}
.smk-anim .smk-ar{opacity:0}
.smk-anim.is-in .smk-ar{opacity:1; transition:opacity .9s .7s}
.smk-anim .smk-bar{transform:scaleY(0); transform-box:fill-box; transform-origin:50% 100%}
.smk-anim.is-in .smk-bar{transform:none; transition:transform .6s cubic-bezier(.2,.8,.2,1); transition-delay:calc(var(--i) * 14ms)}

/* класации с ленти */
.smk-bars{display:grid; gap:4px; margin-top:12px}
.smk-bars li>*{display:grid; grid-template-columns:108px minmax(0,1fr) 62px; gap:10px; align-items:center; padding:6px 8px; margin-inline:-8px; border-radius:10px; font-size:.9rem; font-weight:700; color:var(--ink)}
.smk-bars a:hover{background:var(--soft)}
.smk-bars i{height:8px; border-radius:99px; background:var(--soft); overflow:hidden}
.smk-bars i b{display:block; height:100%; border-radius:99px; background:linear-gradient(90deg,#7dd3fc,var(--brand))}
.smk-bars i b.neg{background:linear-gradient(90deg,#fda4af,var(--down))}
.smk-bars em{font-style:normal; text-align:right; font-weight:800}
.smk-bars--alt li>*{grid-template-columns:132px minmax(0,1fr) 62px; font-weight:600; color:var(--ink2)}
.smk-bars--alt i b{background:linear-gradient(90deg,#c4b5fd,var(--violet))}

/* карта */
.smk-map{position:relative}
.smk-map svg{width:100%; height:auto; overflow:visible}
.smk-ob path{fill:#e9f1f8; stroke:#fff; stroke-width:1.6; stroke-linejoin:round}
.smk-bb circle{fill:#94a3b8; fill-opacity:.8; stroke:#fff; stroke-width:1.1; transition:r .45s cubic-bezier(.2,.8,.2,1),fill .45s}
.smk-bb a:hover circle,.smk-bb a:focus circle{stroke:var(--ink); stroke-width:2; fill-opacity:.95}
.smk-bb a{outline:none}
.smk-lb text.is-off{opacity:0}
.smk-lb text{font:800 19px Manrope,sans-serif; fill:var(--ink); text-anchor:middle; paint-order:stroke; stroke:#fff; stroke-width:4px; stroke-linejoin:round; pointer-events:none; transition:y .45s}
.smk-time{display:flex; align-items:center; gap:12px; flex:1 1 300px; min-width:0}
.smk .smk-play{flex:none; width:42px; height:42px; border-radius:50%; border:0; padding:0; background:var(--brand); display:grid; place-items:center; box-shadow:0 8px 18px -8px rgba(14,165,233,.9); transition:transform .2s,background-color .2s}
.smk .smk-play:hover{transform:scale(1.07); background:var(--brand-d)}
.smk-play svg{width:20px; height:20px; fill:#fff}
.smk-play .s,.smk-play.is-on .p{display:none}
.smk-play.is-on .s{display:block}
.smk .smk-time input[type=range]{flex:1; min-width:0; height:6px; padding:0; border:0; accent-color:var(--brand); background:transparent}
.smk-time output{flex:none; min-width:104px; text-align:right; font-weight:800; font-size:.92rem}
.smk-map-foot{display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:10px 20px; margin-top:8px}
.smk-map-total{font-size:.95rem; color:var(--ink2)}
.smk-map-total strong{font-size:1.25rem; font-weight:800; color:var(--ink)}
.smk-map-key{display:flex; align-items:center; gap:8px; font-size:.76rem; font-weight:600; color:var(--mute)}
.smk-map-key i{width:90px; height:8px; border-radius:99px; background:linear-gradient(90deg,#e11d48,#94a3b8,#059669)}
.smk-col{display:grid; gap:18px; min-width:0}
.smk .smk-top{margin-top:12px; display:grid; gap:2px}
.smk .smk-mv{margin-top:12px; display:grid; gap:2px}
.smk-mv a{display:grid; grid-template-columns:minmax(0,1fr) auto 62px; gap:10px; align-items:center; padding:7px 8px; margin-inline:-8px; border-radius:10px; font-size:.88rem; color:var(--ink)}
.smk-mv a:hover{background:var(--soft)}
.smk-mv span{font-weight:700; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.smk-mv b{font-weight:600; color:var(--mute); font-size:.82rem}
.smk-mv em{font-style:normal; font-weight:800; text-align:right}
.smk-mv em.up{color:var(--up)}
.smk-mv em.down{color:var(--down)}
.smk-mv li.sep{height:1px; background:var(--line); margin:6px 0}
.smk-mv li.no{color:var(--mute); font-size:.88rem}
.smk-top a{display:grid; grid-template-columns:20px minmax(0,1fr) 54px auto 46px; gap:8px; align-items:center; padding:7px 8px; margin-inline:-8px; border-radius:10px; font-size:.88rem; color:var(--ink)}
.smk-top a:hover{background:var(--soft)}
.smk-rk-n{color:var(--mute); font-weight:700; font-size:.78rem}
.smk-rk-l{font-weight:700; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.smk-rk-b{height:6px; border-radius:99px; background:var(--soft); overflow:hidden}
.smk-rk-b i{display:block; height:100%; border-radius:99px; background:var(--brand); transition:width .45s}
.smk-top b{font-weight:800; text-align:right}
.smk-top em{font-style:normal; font-size:.78rem; font-weight:800; text-align:right}
.smk-top em.up{color:var(--up)}
.smk-top em.down{color:var(--down)}

/* таблици */
.smk-scroll{overflow-x:auto; -webkit-overflow-scrolling:touch}
.smk table.smk-tbl{width:100%; min-width:760px; border-collapse:collapse; border:0; margin:0; font-size:.92rem; background:transparent}
.smk-tbl th,.smk-tbl td{border:0; padding:12px 14px; text-align:left; vertical-align:middle; background:transparent}
.smk-tbl thead th{font-size:.72rem; font-weight:800; letter-spacing:.05em; text-transform:uppercase; color:var(--mute); border-bottom:1px solid var(--line); white-space:nowrap; background:#fafcfe}
.smk-tbl thead th small{display:block; font-size:.68rem; font-weight:600; letter-spacing:0; text-transform:none; color:#93a2b6}
.smk-tbl th[data-s]{cursor:pointer; user-select:none}
.smk-tbl th[data-s]:hover{color:var(--ink)}
.smk-tbl th[aria-sort]{color:var(--brand-d)}
.smk-tbl th[aria-sort=descending]::after{content:" ↓"}
.smk-tbl th[aria-sort=ascending]::after{content:" ↑"}
.smk-tbl .num{text-align:right}
.smk-tbl tbody tr{border-bottom:1px solid #eef3f8; transition:background-color .15s}
.smk-tbl tbody tr:hover{background:#f7fafd}
.smk-tbl tbody td:first-child{color:var(--mute); font-weight:700}
.smk-tbl td a{font-weight:800; color:var(--ink)}
.smk-tbl td a:hover{color:var(--brand-d)}
.smk-tbl td small{display:block; font-size:.76rem; color:var(--mute); font-weight:500}
.smk-td-sp{width:112px}
.smk-th-sp{width:112px}
.smk-tbl--plain{min-width:520px!important}
.smk-tbl--plain tbody td:first-child{color:var(--ink)}
.smk-tbl--src td{font-size:.9rem; color:var(--ink2)}
.smk-tbl--src td:first-child a{color:var(--brand-d)}
.smk-tbl tr.is-cur{background:#f0f9ff}
.smk-tbl tr.is-cur td{font-weight:800}
.smk-search{position:relative; display:block; flex:0 1 260px}
.smk-search svg{position:absolute; left:12px; top:50%; width:17px; height:17px; margin-top:-8.5px; fill:none; stroke:#8a99ad; stroke-width:2; stroke-linecap:round}
.smk .smk-search input{width:100%; height:40px; padding:0 12px 0 36px; border:1px solid var(--line); border-radius:11px; background:#fff; font:600 .9rem Manrope,sans-serif; color:var(--ink)}
.smk .smk-search input:focus{border-color:var(--brand); box-shadow:0 0 0 3px rgba(14,165,233,.16); outline:0}
.smk-empty{padding:22px; color:var(--mute); text-align:center}

/* бутони */
.smk .smk-btn{display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:13px 22px; border:0; border-radius:13px; background:var(--ink); color:#fff!important; font-weight:800; font-size:.94rem; line-height:1.2; transition:transform .2s,background-color .2s,box-shadow .2s}
.smk .smk-btn:hover{transform:translateY(-2px); background:var(--brand-d); box-shadow:0 12px 24px -12px rgba(3,105,161,.7)}
.smk .smk-btn--ghost{background:var(--soft); color:var(--ink)!important}
.smk .smk-btn--ghost:hover{background:#e3edf6; box-shadow:none}
.smk .smk-btn--light{background:#fff; color:var(--ink)!important}
.smk .smk-btn--light:hover{background:#fff; color:var(--brand-d)!important}
.smk .smk-btn--line{background:transparent; color:#fff!important; box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.6)}
.smk .smk-btn--line:hover{background:rgba(255,255,255,.14)}

/* факти вдясно */
.smk-facts dl{display:grid; gap:16px; margin-bottom:20px}
.smk-facts dt{font-size:.76rem; font-weight:800; letter-spacing:.05em; text-transform:uppercase; color:var(--mute)}
.smk-facts dd{font-size:1.7rem; font-weight:800; line-height:1.2; letter-spacing:-.02em}
.smk-facts dd.smk-sub{font-size:.82rem; font-weight:600; letter-spacing:0}
.smk-facts .smk-btn{width:100%}

/* лента за действие */
.smk-cta{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:20px 32px; margin-top:56px; padding:34px 38px; border-radius:24px; color:#fff;
	background:radial-gradient(90% 140% at 100% 0,rgba(56,189,248,.5),transparent 60%),linear-gradient(135deg,#0369a1,#0b3a66)}
.smk .smk-cta h2{color:#fff; font-size:clamp(1.3rem,1rem + 1vw,1.75rem); font-weight:800; line-height:1.2}
.smk-cta p{color:#d3e8f7; max-width:60ch; margin-top:6px}
.smk-cta>div:first-child{flex:1 1 420px}
.smk-cta-b{display:flex; flex-wrap:wrap; gap:10px}

/* въпроси */
.smk-faq details{padding:0 22px; border-bottom:1px solid var(--line)}
.smk-faq details:last-child{border-bottom:0}
.smk-faq summary{display:flex; justify-content:space-between; gap:16px; align-items:center; padding:17px 0; font-weight:800; cursor:pointer; list-style:none}
.smk-faq summary::-webkit-details-marker{display:none}
.smk-faq summary::after{content:"+"; flex:none; width:26px; height:26px; border-radius:50%; background:var(--soft); color:var(--brand-d); display:grid; place-items:center; font-weight:800; transition:transform .25s}
.smk-faq details[open] summary::after{transform:rotate(45deg)}
.smk-faq details p{padding:0 40px 18px 0; color:var(--ink2)}
.smk .smk-src{margin-top:26px; font-size:.82rem; color:var(--mute); text-align:center}
.smk-src a{color:var(--brand-d); font-weight:700}

/* град */
.smk-season{display:grid; grid-template-columns:repeat(4,1fr); gap:10px; height:150px; margin-top:14px; align-items:end}
.smk-season div{display:flex; flex-direction:column; justify-content:flex-end; align-items:center; gap:6px; height:100%}
.smk-season i{display:block; width:100%; max-width:54px; min-height:6px; border-radius:9px 9px 3px 3px; background:#cfe3f3}
.smk-season .is-top i{background:linear-gradient(180deg,#38bdf8,var(--brand-d))}
.smk-season b{font-size:.88rem; font-weight:800}
.smk-season span{font-size:.74rem; font-weight:700; color:var(--mute); white-space:nowrap}
.smk-near{display:grid; grid-template-columns:repeat(auto-fill,minmax(250px,1fr)); gap:12px}
.smk-near a{position:relative; display:grid; gap:2px; padding:16px 18px; background:#fff; border:1px solid var(--line); border-radius:16px; transition:transform .2s,border-color .2s,box-shadow .2s}
.smk-near a:hover{transform:translateY(-3px); border-color:#bae6fd; box-shadow:var(--sh)}
.smk-near b{font-weight:800; font-size:1.02rem}
.smk-near span:not(.smk-delta){font-size:.84rem; color:var(--mute)}
.smk-near .smk-delta{font-size:.9rem}
.smk-near .smk-spark{position:absolute; right:14px; bottom:14px}
.smk-own dl{display:grid; grid-template-columns:repeat(auto-fit,minmax(170px,1fr)); gap:16px; margin:14px 0}
.smk-own dt{font-size:.76rem; font-weight:800; letter-spacing:.05em; text-transform:uppercase; color:var(--mute)}
.smk-own dd{font-size:1.5rem; font-weight:800}
.smk-own dd.smk-sub{font-size:.82rem; font-weight:600}

/* калкулатор и текстови страници */
.smk-phead{padding:10px 0 6px; max-width:820px; margin-bottom:22px}
.smk .smk-phead h1{font-size:clamp(1.8rem,1.1rem + 2.2vw,2.7rem); line-height:1.1; font-weight:800; margin:8px 0 12px}
.smk .smk-calc fieldset{border:0!important; margin:0 0 22px; padding:0!important; min-width:0}
.smk-calc fieldset:last-child{margin-bottom:0}
.smk .smk-calc legend{float:left; width:100%; font-family:inherit; font-size:.76rem; font-weight:800; letter-spacing:.09em; text-transform:uppercase; color:var(--brand-d); padding:0!important; margin:0 0 12px!important}
.smk-f{margin-bottom:14px; clear:both}
.smk .smk-f>label{display:block; font-family:inherit; font-size:.88rem; font-weight:700; margin-bottom:6px; color:var(--ink)}
.smk-f-in{display:flex; align-items:center; border:1px solid var(--line); border-radius:13px; background:#fff; overflow:hidden; transition:border-color .2s,box-shadow .2s}
.smk-f-in:focus-within{border-color:var(--brand); box-shadow:0 0 0 3px rgba(14,165,233,.16)}
.smk .smk-f-in input{flex:1; min-width:0; height:48px; border:0; background:transparent; padding:0 6px 0 14px; font:800 1.05rem Manrope,sans-serif; color:var(--ink); box-shadow:none; outline:0; -moz-appearance:textfield}
.smk-f-in input::-webkit-outer-spin-button,.smk-f-in input::-webkit-inner-spin-button{-webkit-appearance:none; margin:0}
.smk-f-in span{padding:0 12px 0 4px; font-family:inherit; font-weight:700; color:var(--mute); font-size:.9rem; white-space:nowrap}
.smk .smk-f-in button{flex:none; width:44px; height:48px; border:0; background:var(--soft); color:var(--ink2); font-size:1.2rem; font-weight:800; padding:0}
.smk .smk-f-in button:hover{background:#e3edf6; color:var(--ink)}
.smk-f small{display:block; margin-top:6px; font-size:.79rem; line-height:1.45; color:var(--mute)}
.smk .smk-check{display:flex; gap:10px; align-items:flex-start; clear:both; font-family:inherit; font-size:.9rem; font-weight:700; cursor:pointer; color:var(--ink)}
.smk .smk-check input{width:20px; height:20px; margin:2px 0 0; flex:none; accent-color:var(--brand)}
.smk-check small{display:block; font-weight:500; color:var(--mute); font-size:.79rem; margin-top:2px}
.smk-res{display:grid; gap:14px; position:sticky; top:96px}
.smk-res small{display:block; font-size:.74rem; font-weight:800; letter-spacing:.05em; text-transform:uppercase; color:var(--mute)}
.smk-res-main{background:linear-gradient(140deg,var(--navy),var(--navy2)); border-color:transparent; color:#fff}
.smk-res-main small{color:#9cc9e8}
.smk-res-big strong{display:block; font-size:clamp(2.6rem,1.6rem + 3vw,3.8rem); line-height:1.05; font-weight:800; letter-spacing:-.03em; color:#fff}
.smk-res-big em{font-style:normal; font-size:.85rem; color:#b4c8dc}
.smk-res-row{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin-top:20px; padding-top:18px; border-top:1px solid rgba(255,255,255,.14)}
.smk-res-row strong{display:block; font-size:1.3rem; font-weight:800; line-height:1.3}
.smk-res-row--2{margin-top:0; padding-top:0; border-top:0}
.smk-cf.is-neg strong{color:var(--down)}
.smk-warn{margin-top:16px!important; padding:11px 14px; border-radius:12px; background:#fff1f2; color:#9f1239; font-size:.88rem; font-weight:700}
.smk-stack{display:flex; height:22px; border-radius:99px; overflow:hidden; background:var(--soft); margin:14px 0 14px}
.smk-stack i{display:block; height:100%; min-width:2px; transition:width .35s}
.smk-stack-lg{display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:6px 22px; margin-bottom:12px!important}
.smk-stack-lg li{display:flex; align-items:center; gap:8px; font-size:.88rem; color:var(--ink2)}
.smk-stack-lg i{width:10px; height:10px; border-radius:3px; flex:none}
.smk-stack-lg b{margin-left:auto; color:var(--ink); font-weight:800}
.smk-prose{max-width:900px}
.smk .smk-prose h2{font-size:1.45rem; font-weight:800; margin:34px 0 12px}
.smk-prose>p{color:var(--ink2); margin-bottom:12px}
.smk-prose>ul{display:grid; gap:10px; margin-bottom:8px}
.smk-prose>ul li{position:relative; padding-left:20px; color:var(--ink2)}
.smk-prose>ul li::before{content:""; position:absolute; left:2px; top:.62em; width:7px; height:7px; border-radius:50%; background:var(--brand)}
.smk-prose a{color:var(--brand-d); font-weight:700}
.smk-terms{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px}
.smk-terms div{padding:16px 18px; background:#fff; border:1px solid var(--line); border-radius:16px}
.smk-terms dt{font-weight:800; margin-bottom:4px}
.smk-terms dd{font-size:.93rem; color:var(--ink2); line-height:1.55}

@media(max-width:1080px){
	.smk-hero{grid-template-columns:1fr; padding:34px 30px}
	.smk-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}
	.smk-kpi .smk-spark--w{display:none}
	.smk-kpi{min-height:0}
	.smk-grid--side,.smk-grid--map,.smk-grid--calc{grid-template-columns:1fr}
	.smk-res{position:static}
	.smk-story{grid-template-columns:1fr}
}
@media(max-width:760px){
	.smk{padding-block:10px 40px}
	.smk-hero{padding:26px 20px; border-radius:22px}
	.smk-kpis{grid-template-columns:1fr 1fr}
	.smk-kpi{padding:14px}
	.smk-story{padding:22px 20px}
	.smk-story-l{grid-template-columns:1fr; gap:16px}
	.smk-sec{margin-top:42px}
	.smk-card{padding:16px}
	.smk-card--flush{padding:0}
	.smk-pad{padding:14px 16px}
	.smk-cta{padding:26px 22px; margin-top:42px}
	.smk-terms{grid-template-columns:1fr}
	.smk-res-row{grid-template-columns:1fr 1fr}
	.smk-lb{display:none}
	.smk-time output{min-width:92px}
	.smk-faq details{padding:0 16px}
	.smk-faq details p{padding-right:0}
	.smk-nav div a{padding:7px 12px}
	.smk-lgs-note{margin-left:0}
}
@media(prefers-reduced-motion:reduce){
	.smk *,.smk *::before,.smk *::after{animation:none!important; transition:none!important}
}

/* ── втора вълна: сравнение, „колко е поскъпнал имотът“, сваляне, два калкулатора ── */
.smk-mt1{margin-top:12px!important}
.smk .smk-link{border:0; background:none; padding:0; font:inherit; font-weight:700; color:var(--brand-d); text-decoration:underline; text-decoration-color:rgba(3,105,161,.3); text-underline-offset:3px; cursor:pointer}
.smk .smk-link:hover{text-decoration-color:currentColor}
.smk-tbl-foot{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px 20px}
.smk .smk-tbl-foot--in{margin-top:14px}
.smk-dl{font-size:.86rem; color:var(--mute); display:inline-flex; flex-wrap:wrap; gap:4px 12px; align-items:baseline}
.smk-chips{display:flex; flex-wrap:wrap; gap:6px}
.smk-chip{display:inline-flex; align-items:center; gap:7px; padding:6px 8px 6px 11px; border-radius:999px; border:1px solid color-mix(in srgb,var(--c) 45%,#fff); background:#fff; font-size:.86rem; font-weight:700}
.smk-chip i{width:10px; height:10px; border-radius:50%; background:var(--c)}
.smk .smk-chip button{width:20px; height:20px; border:0; border-radius:50%; padding:0; background:var(--soft); color:var(--ink2); font-size:.95rem; line-height:1; display:grid; place-items:center}
.smk .smk-chip button:hover{background:#fee2e2; color:var(--down)}
.smk-cmp-pick{display:flex; flex-wrap:wrap; gap:8px; align-items:center; flex:1 1 320px; min-width:0}
.smk-cmp-add{position:relative; flex:0 1 190px}
.smk .smk-cmp-add input{width:100%; height:36px; padding:0 12px; border:1px dashed #b8c6d6; border-radius:999px; background:#fff; font:700 .86rem Manrope,sans-serif; color:var(--ink)}
.smk .smk-cmp-add input:focus{border-style:solid; border-color:var(--brand); box-shadow:0 0 0 3px rgba(14,165,233,.16); outline:0}
.smk .smk-drop{position:absolute; z-index:6; left:0; top:calc(100% + 6px); width:max(100%,300px); max-height:320px; overflow-y:auto; background:#fff; border:1px solid var(--line); border-radius:14px; padding:6px; box-shadow:0 22px 44px -18px rgba(7,26,47,.45)}
.smk-drop a{display:flex; justify-content:space-between; align-items:baseline; gap:12px; padding:9px 11px; border-radius:10px; font-weight:700; color:var(--ink)}
.smk-drop a em{font-style:normal; font-weight:600; font-size:.78rem; color:var(--mute); white-space:nowrap}
.smk-drop a:hover,.smk-drop a.is-cur{background:var(--soft)}
.smk .smk-cmp-foot{margin-top:12px; font-size:.86rem}
.smk-dot{display:inline-block; width:10px; height:10px; border-radius:50%; margin-right:9px; vertical-align:baseline}
#smk-cmp-tbl{margin-top:8px!important}

.smk-app{display:grid; grid-template-columns:minmax(0,380px) minmax(0,1fr); gap:28px 36px; align-items:start}
.smk-f-row{display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:8px}
.smk .smk-f select{width:100%; height:48px; padding:0 36px 0 14px; border:1px solid var(--line); border-radius:13px; background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236f8098' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") right 12px center/16px no-repeat; -webkit-appearance:none; appearance:none; font:700 .98rem Manrope,sans-serif; color:var(--ink); box-shadow:none}
.smk .smk-f select:focus{border-color:var(--brand); box-shadow:0 0 0 3px rgba(14,165,233,.16); outline:0}
.smk-f-l{display:block; font-size:.88rem; font-weight:700; margin-bottom:6px}
.smk-app-f .smk-f:last-child{margin-bottom:0}
.smk-app-out small{display:block; font-size:.74rem; font-weight:800; letter-spacing:.05em; text-transform:uppercase; color:var(--mute)}
.smk-app-out>strong{display:block; font-size:clamp(2.2rem,1.5rem + 2.4vw,3.3rem); line-height:1.1; font-weight:800; letter-spacing:-.03em; color:var(--ink)}
.smk .smk-app-d{display:flex; flex-wrap:wrap; gap:4px 12px; align-items:baseline; margin:4px 0 10px; font-size:.95rem; color:var(--ink2)}
.smk-app-d b{font-size:1.15rem; font-weight:800}
.smk-app-d b.up,.smk-app-d b.up+span{color:var(--up)}
.smk-app-d b.down,.smk-app-d b.down+span{color:var(--down)}
.smk-app-d span{font-weight:800}
.smk-app-d em{font-style:normal; color:var(--mute); font-size:.86rem}
.smk-app-out .smk-note{margin-top:10px}

.smk .smk-phead .smk-seg{margin-top:18px}
.smk .smk-phead .smk-seg button{padding:11px 18px; font-size:.95rem}
.smk-res-big em{display:block}
.smk .smk-tipbox{margin-top:16px; padding:12px 14px; border-radius:12px; background:#f0f9ff; color:#0c4a6e; font-size:.9rem; font-weight:600}
.smk .smk-warn--soft{background:#fffbeb; color:#92400e}
.smk-res>.smk-note{padding:0 4px}
@media(max-width:900px){
	.smk-app{grid-template-columns:1fr}
}
/* темата затъмнява полетата при фокус — държим ги бели и четими */
.smk .smk-find-box input:focus{background:#fff; color:var(--ink); outline:0; box-shadow:0 0 0 3px rgba(56,189,248,.55),0 14px 34px -14px rgba(0,0,0,.5)}
.smk .smk-search input:focus,.smk .smk-cmp-add input:focus,.smk .smk-f select:focus{background-color:#fff; color:var(--ink)}
.smk .smk-f-in input:focus{background:transparent; color:var(--ink); box-shadow:none}
#smk-cmp-tbl td:first-child{white-space:nowrap}
@media(max-width:560px){
	#smk-find-list a,.smk-drop a{flex-direction:column; align-items:flex-start; gap:1px}
}
.smk .smk-res-sum{margin-top:14px; font-size:.98rem; line-height:1.55; color:#d5e4f2; max-width:62ch}
.smk-stack-lg li.is-out{grid-column:1/-1; margin-top:4px; padding-top:8px; border-top:1px dashed var(--line); color:var(--down); font-weight:700}
.smk-stack-lg li.is-out i{background:transparent; border:2px solid var(--down)}
.smk-stack-lg li.is-out b{color:var(--down)}