/* SMM.UA — страницы подачи объявления: create.html (форма: услуга, товар, недвижимость, транспорт), promote.html
   (продвижение), done.html (опубликовано). Подключается после styles.css (токены, шапка, кнопки — оттуда).
   Префиксы: cf- форма, rf- поля недвижимости и транспорта, af- транспорт, pr- продвижение, dn- готово, m- мобильная версия. */
/* ===== create listing: form, category picker, promotion, done ===== */
.mo{--neg-bg:#FDF1F1;--neg-bd:#F0B9BB;--warn-bg:#FFF6DF;--warn-bd:#F3D58A;--warn-ink:#5C4300;--hl:#F3FAEB;--hl-bd:#A9D483}
.mo.is-dark{--neg-bg:#2A181A;--neg-bd:#6E3036;--warn-bg:#2A2414;--warn-bd:#6A5520;--warn-ink:#F2D58C;--hl:#1B2716;--hl-bd:#46732F}
.cfx{position:relative}
.cf-h1{font-size:27px;margin:6px 0 6px}
.cf-head{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:12px 24px}
.cf-lead{margin:0;font-size:15px;line-height:1.45;color:var(--mut)}
.cf-draft{display:inline-flex;align-items:center;gap:8px;min-height:36px;font-size:14px;color:var(--mut)}
.cf-draft svg{color:var(--link)}
.cf-cols{display:flex;flex-wrap:wrap;align-items:flex-start;gap:24px;margin-top:20px}
.cf-main{flex:999 1 560px;min-width:0;display:flex;flex-direction:column;gap:16px}
.cf-side{flex:1 1 384px;min-width:0;display:flex;flex-direction:column;gap:16px}
.cf-sec{background:var(--card);border-radius:var(--r);box-shadow:var(--sh);padding:24px 28px 28px;scroll-margin-top:16px}
.cf-sh{display:flex;align-items:center;gap:12px;margin-bottom:20px}
.cf-sh h2{margin:0;font-size:20px;line-height:1.2;font-weight:800;letter-spacing:-.01em}
.cf-n{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;flex:none;background:var(--chip);border:1px solid var(--hair);color:var(--mut);font-size:14px;font-weight:800;transition:background .2s,color .2s,border-color .2s}
.cf-n.ok{background:var(--acc);border-color:var(--acc);color:var(--on)}
.cf-opt{margin-left:auto;font-size:13px;color:var(--mut)}
.cf-f{display:flex;flex-direction:column;gap:8px;min-width:0;scroll-margin-top:16px}
.cf-f + .cf-f,.cf-mt20{margin-top:20px}
.cf-mt{margin-top:14px}
.cf-l{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:2px 12px;font-size:15px;font-weight:700;color:var(--ink)}
.cf-l small{font-size:13px;font-weight:500;color:var(--mut)}
.cf-in{display:flex;align-items:center;gap:10px;height:48px;padding:0 14px;border:1px solid var(--bd);border-radius:var(--rc);background:var(--card);color:var(--mut);transition:border-color .2s,box-shadow .2s}
.cf-in:hover{border-color:var(--hair-h)}
.cf-in:focus-within{border-color:var(--link);box-shadow:0 0 0 3px var(--ring)}
.cf-in input,.cf-in select{flex:1;min-width:0;height:100%;padding:0;border:0;outline:0;background:transparent;font-family:inherit;font-size:16px;color:var(--ink)}
.cf-in input::placeholder,.cf-ta::placeholder{color:var(--ph);opacity:1}
.cf-sel{position:relative;padding-right:10px}
.cf-sel select{appearance:none;-webkit-appearance:none;cursor:pointer;padding-right:26px}
.cf-sel select option{color:#12161C;background:#fff}
.cf-sel svg{position:absolute;right:12px;pointer-events:none;color:var(--ink3)}
.cf-suf,.cf-pre{flex:none;font-size:16px;font-weight:700;color:var(--ink2)}
.cf-pre{padding-right:10px;border-right:1px solid var(--hair)}
.cf-ro{background:var(--soft);color:var(--ink2);font-size:16px}
.cf-ro:hover{border-color:var(--bd)}
.cf-ro span{flex:1;min-width:0}
.cf-lk{font-size:14px;font-weight:700;color:var(--link);text-decoration:none;white-space:nowrap}
.cf-lk:hover{text-decoration:underline}
.cf-ta{display:block;width:100%;min-height:176px;padding:12px 14px;border:1px solid var(--bd);border-radius:var(--rc);background:var(--card);font-family:inherit;font-size:16px;line-height:1.55;color:var(--ink);resize:vertical;transition:border-color .2s,box-shadow .2s}
.cf-ta:hover{border-color:var(--hair-h)}
.cf-ta:focus{outline:0;border-color:var(--link);box-shadow:0 0 0 3px var(--ring)}
.cf-hint{margin:0;font-size:13px;line-height:1.45;color:var(--mut)}
.cf-err{display:flex;align-items:flex-start;gap:6px;font-size:13px;line-height:1.4;font-weight:600;color:var(--neg)}
.cf-err svg{margin-top:1px}
.cf-f.bad .cf-in,.cf-f.bad .cf-ta,.cf-f.bad .cf-pick{border-color:var(--neg)}
.cf-f.bad .cf-in:focus-within,.cf-f.bad .cf-ta:focus{box-shadow:0 0 0 3px var(--neg-bd)}
.cf-row{display:flex;flex-wrap:wrap;gap:12px}
.cf-row2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.cf-row2 .cf-f + .cf-f{margin-top:0}
.cf-w240{width:240px}
.cf-w220{width:220px}
.cf-w200{width:200px}
/* type cards */
.cf-types{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.cf-type{display:flex;align-items:center;gap:14px;min-height:76px;padding:14px 16px;border:1px solid var(--bd);border-radius:var(--r);background:var(--card);font-family:inherit;text-align:left;color:var(--ink);cursor:pointer;transition:border-color .2s,box-shadow .2s,background .2s}
.cf-type:hover{border-color:var(--hair-h)}
.cf-type[aria-checked="true"]{border-color:var(--link);background:var(--tint);box-shadow:inset 0 0 0 1px var(--link)}
.cf-ti{width:44px;height:44px;border-radius:var(--rc);display:grid;place-items:center;flex:none;background:var(--chip);color:var(--ink3)}
.cf-type[aria-checked="true"] .cf-ti{background:var(--card);color:var(--link)}
.cf-type b{display:block;font-size:16px;font-weight:700}
.cf-type small{display:block;margin-top:2px;font-size:13px;line-height:1.35;color:var(--mut)}
.cf-type[aria-checked="true"] small{color:var(--tint-ink)}
.cf-rd{margin-left:auto;width:22px;height:22px;border-radius:50%;border:2px solid var(--bd);flex:none;background:var(--card)}
.cf-type[aria-checked="true"] .cf-rd{border-color:var(--link);background:var(--link);box-shadow:inset 0 0 0 4px var(--card)}
/* category field */
.cf-pick{display:flex;align-items:center;gap:12px;width:100%;min-height:64px;padding:10px 16px 10px 12px;border:1px solid var(--bd);border-radius:var(--rc);background:var(--card);font-family:inherit;text-align:left;color:var(--ink);cursor:pointer;transition:border-color .2s}
.cf-pick:hover{border-color:var(--link)}
.cf-pi{width:42px;height:42px;border-radius:var(--rc);display:grid;place-items:center;flex:none;background:var(--chip);border:1px solid var(--hair);color:var(--ink3)}
.cf-pt{flex:1;min-width:0}
.cf-pt b{display:block;font-size:16px;font-weight:700}
.cf-pt small{display:block;margin-top:2px;font-size:13px;color:var(--mut)}
.cf-pick.empty .cf-pt b{color:var(--ink2)}
.cf-chg{flex:none;font-size:14px;font-weight:700;color:var(--link)}
/* photos */
.cf-photos{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.cf-ph{position:relative;aspect-ratio:4/3;border-radius:var(--rc);overflow:hidden;background:var(--chip);border:1px solid var(--hair)}
.cf-ph img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;display:block}
.cf-mb{position:absolute;left:6px;bottom:6px;display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:999px;background:var(--acc);color:var(--on);font-size:11px;font-weight:800;letter-spacing:.02em}
.cf-pa{position:absolute;right:6px;top:6px;display:flex;gap:4px}
.cf-pb{width:36px;height:36px;border:0;border-radius:var(--rc);background:var(--card);box-shadow:0 1px 4px rgba(0,0,0,.25);display:grid;place-items:center;color:var(--ink);cursor:pointer}
.cf-pb:hover{color:var(--link)}
.cf-pb.del:hover{color:var(--neg)}
.cf-uo{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:rgba(18,22,28,.55);color:#fff;font-size:12px;font-weight:600}
.cf-uo b{font-size:18px;font-weight:800}
.cf-ub{position:absolute;left:10px;right:10px;bottom:10px;height:4px;border-radius:2px;background:rgba(255,255,255,.35);overflow:hidden}
.cf-ub span{display:block;height:100%;border-radius:2px;background:var(--acc)}
.cf-add{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;aspect-ratio:4/3;padding:0;border:2px dashed var(--link);border-radius:var(--rc);background:var(--tint);color:var(--tint-ink);font-family:inherit;font-size:14px;font-weight:700;cursor:pointer;transition:background .2s}
.cf-add:hover{background:var(--card)}
.cf-slot{display:grid;place-items:center;aspect-ratio:4/3;border:1px dashed var(--bd);border-radius:var(--rc);color:var(--ghost)}
.cf-warn{display:flex;align-items:flex-start;gap:10px;margin-top:14px;padding:10px 14px;border:1px solid var(--warn-bd);border-radius:var(--rc);background:var(--warn-bg);color:var(--warn-ink);font-size:14px;line-height:1.45}
.cf-warn svg{flex:none;margin-top:1px}
/* YouTube video (link only): the 10th cell after up to 9 photos */
.cf-vtile{background:linear-gradient(135deg,#262C35,#12161C);border-color:transparent;color:#fff}
.cf-vno{position:absolute;left:6px;top:6px;display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:999px;background:rgba(255,255,255,.16);font-size:11px;font-weight:800}
.cf-vplay{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:46px;height:32px;border-radius:9px;display:grid;place-items:center;background:#FF0033;color:#fff;padding-left:2px}
.cf-vlab{position:absolute;left:8px;right:8px;bottom:6px;font-size:11px;line-height:1.3;opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cf-addv{border:2px dashed var(--bd);background:var(--card);color:var(--ink2)}
.cf-addv svg{color:#FF0033}
.cf-addv:hover{border-color:#FF0033;background:var(--card)}
/* chips, segmented control, switches */
.cf-chips{display:flex;flex-wrap:wrap;gap:8px}
.cf-chip{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 16px 0 12px;border:1px solid var(--bd);border-radius:var(--rc);background:var(--card);font-family:inherit;font-size:15px;font-weight:600;color:var(--ink);cursor:pointer;transition:border-color .2s,background .2s}
.cf-chip:hover{border-color:var(--link)}
.cf-chip .cf-ci{color:var(--mut)}
.cf-chip .cf-ck{display:none}
.cf-chip[aria-pressed="true"],.cf-chip[aria-checked="true"]{border-color:var(--link);background:var(--tint);color:var(--tint-ink)}
.cf-chip[aria-pressed="true"] .cf-ci,.cf-chip[aria-checked="true"] .cf-ci{display:none}
.cf-chip[aria-pressed="true"] .cf-ck,.cf-chip[aria-checked="true"] .cf-ck{display:block;color:var(--link)}
.cf-seg{align-self:flex-start;display:inline-flex;flex-wrap:wrap;gap:4px;max-width:100%;padding:3px;border:1px solid var(--bd);border-radius:var(--rc);background:var(--card)}
.cf-seg button{height:44px;padding:0 18px;border:0;border-radius:4px;background:none;font-family:inherit;font-size:15px;font-weight:600;color:var(--ink2);cursor:pointer;white-space:nowrap;transition:background .2s,color .2s}
.cf-seg button:hover{background:var(--soft)}
.cf-seg button[aria-checked="true"]{background:var(--tint);color:var(--tint-ink);font-weight:700;box-shadow:inset 0 0 0 1px var(--link)}
.cf-tgl{margin-top:20px;padding-top:16px;border-top:1px solid var(--rule)}
.cf-tgl0{margin-top:0;padding-top:0;border-top:0}
.cf-tg{display:flex;align-items:center;gap:16px;width:100%;min-height:48px;padding:0;border:0;background:none;font-family:inherit;text-align:left;color:var(--ink);cursor:pointer}
.cf-tgt{flex:1;min-width:0}
.cf-tgt b{display:block;font-size:15px;font-weight:700}
.cf-tgt small{display:block;margin-top:2px;font-size:13px;line-height:1.4;color:var(--mut)}
.cf-tg[aria-checked="true"] .tsw-tr{background:var(--link)}
.cf-tg[aria-checked="true"] .tsw-th{transform:translateX(18px)}
.mo.is-dark .cf-tg[aria-checked="true"] .tsw-th{background:#10150F}
.cf-tg:hover .tsw-tr{box-shadow:0 0 0 3px var(--ring)}
.cf-sub{margin-top:12px}
.cf-step{display:inline-flex;align-items:center;gap:0;border:1px solid var(--bd);border-radius:var(--rc);background:var(--card)}
.cf-step button{width:44px;height:46px;border:0;background:none;display:grid;place-items:center;color:var(--ink);cursor:pointer;border-radius:var(--rc)}
.cf-step button:hover{color:var(--link);background:var(--soft)}
.cf-step b{min-width:48px;text-align:center;font-size:16px;font-weight:700}
/* error summary */
.cf-alert{display:flex;gap:14px;margin-top:20px;padding:16px 20px;border:1px solid var(--neg-bd);border-left:4px solid var(--neg);border-radius:var(--r);background:var(--neg-bg);color:var(--ink)}
.cf-alert > svg{flex:none;color:var(--neg)}
.cf-alert b{display:block;font-size:16px;font-weight:700}
.cf-alert ul{display:flex;flex-wrap:wrap;gap:4px 18px;margin:6px 0 0;padding:0;list-style:none}
.cf-alert a{display:inline-flex;align-items:center;min-height:32px;font-size:14px;font-weight:600;color:var(--neg)}
/* publish row */
.cf-btns{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:12px;margin-top:20px;padding-top:20px;border-top:1px solid var(--rule)}
.cf-btn{height:52px;gap:10px;padding:0 26px;font-size:17px}
.btn-o.cf-btn{padding:0 22px}
.btn-o.cf-btn svg{margin-left:-4px}
.btn-g.cf-btn{min-width:236px}
.cf-legal{margin:14px 0 0;font-size:13px;line-height:1.45;color:var(--mut);text-align:right}
.cf-legal a{color:var(--link)}
/* aside */
.cf-card{background:var(--card);border-radius:var(--r);box-shadow:var(--sh);padding:20px 22px 22px}
.cf-ch{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}
.cf-ch h2,.cf-qh h2,.cf-th h2{margin:0;font-size:17px;line-height:1.25;font-weight:800}
.cf-live{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px;border-radius:999px;background:var(--tint);color:var(--tint-ink);font-size:12px;font-weight:700}
.cf-live .dot{width:7px;height:7px}
.cf-pc{width:246px;margin:0 auto;text-align:left}
.cf-pc:hover .ph{transform:none}
.cf-pc .ptl{word-break:break-word}
.cf-noimg{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:var(--mut);font-size:13px;font-weight:600}
.cf-cap{margin:12px 0 0;font-size:13px;line-height:1.4;color:var(--mut);text-align:center}
.cf-qh{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.cf-qh b{font-size:22px;font-weight:800;color:var(--link)}
.cf-bar{height:8px;margin-top:12px;border-radius:4px;background:var(--trk);overflow:hidden}
.cf-bar span{display:block;height:100%;border-radius:4px;background:var(--acc);transition:width .3s}
.cf-qs{margin:10px 0 6px;font-size:14px;line-height:1.4;color:var(--ink2)}
.cf-chk{margin:0;padding:0;list-style:none}
.cf-chk a{display:flex;align-items:center;gap:10px;min-height:38px;font-size:14px;color:var(--ink);text-decoration:none;border-radius:var(--rc)}
.cf-chk a:hover span:not(.cf-cki){color:var(--link);text-decoration:underline}
.cf-chk small{margin-left:auto;font-size:13px;font-weight:600;color:var(--mut);white-space:nowrap}
.cf-cki{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;flex:none;border:2px solid var(--bd);color:transparent}
.cf-chk li.done a{color:var(--mut)}
.cf-chk li.done .cf-cki{border-color:var(--acc);background:var(--acc);color:var(--on)}
.cf-chk li.todo small{color:var(--warn-ink)}
.cf-th{display:flex;align-items:center;gap:10px;margin-bottom:10px;color:var(--ink)}
.cf-th svg{color:var(--link)}
.cf-tips ul{margin:0 0 6px;padding:0 0 0 18px;font-size:14px;line-height:1.5;color:var(--ink2)}
.cf-tips li + li{margin-top:6px}
/* compact footer of the flow pages */
.cf-ft{margin-top:40px;background:var(--card);border-top:1px solid var(--line)}
.cf-fr{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;min-height:76px;font-size:14px;color:var(--mut)}
.cf-fl{display:flex;flex-wrap:wrap;gap:4px 20px}
.cf-fl a{display:inline-flex;align-items:center;min-height:36px;font-size:14px;color:var(--mut);text-decoration:none}
.cf-fl a:hover{color:var(--link);text-decoration:underline}
/* category picker (modal) */
.cf-ov{position:absolute;inset:0;z-index:70;background:var(--dim)}
.cf-dlg{position:absolute;left:50%;top:132px;z-index:71;width:1040px;max-width:calc(100% - 48px);transform:translateX(-50%);display:flex;flex-direction:column;background:var(--card);border-radius:var(--r);box-shadow:var(--sh3);color:var(--ink);overflow:hidden}
.cf-dh{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 16px 12px 24px}
.cf-dh h2{margin:0;font-size:22px;line-height:1.2;font-weight:800;letter-spacing:-.01em}
.cf-x{width:44px;height:44px;border:0;border-radius:var(--rc);background:none;display:grid;place-items:center;color:var(--ink);cursor:pointer}
.cf-x:hover{background:var(--soft)}
.cf-ds{padding:0 24px 16px}
.cf-dcols{display:grid;grid-template-columns:330px minmax(0,1fr);height:560px;border-top:1px solid var(--hair);border-bottom:1px solid var(--hair)}
.cf-dc{display:flex;flex-direction:column;gap:2px;padding:12px;overflow-y:auto;min-width:0}
.cf-dc + .cf-dc{border-left:1px solid var(--hair)}
.cf-dt{padding:4px 10px 8px;font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--mut)}
.cf-di{display:flex;align-items:center;gap:12px;width:100%;min-height:44px;padding:0 10px 0 12px;border:0;border-radius:var(--rc);background:none;font-family:inherit;font-size:15px;font-weight:600;line-height:1.25;color:var(--ink);text-align:left;cursor:pointer;flex:none}
.cf-di span{flex:1;min-width:0}
.cf-di svg.i{width:22px;height:22px;flex:none;color:var(--ink3)}
.cf-di svg.ch{flex:none;color:var(--ph)}
.cf-di:hover{background:var(--soft)}
.cf-di.on{background:var(--tint);color:var(--tint-ink)}
.cf-di.on svg.i,.cf-di.on svg.ch{color:var(--tint-ink)}
.cf-di.lf{font-weight:500}
/* group heading inside a section with groups («Нерухомість»: Продаж, Довгострокова оренда, …) */
.cf-dg{margin:14px 12px 4px;font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--mut)}
.cf-dg:first-child{margin-top:4px}
.cf-di.lf.on{font-weight:700}
.cf-di .cf-ok{color:var(--link)}
.cf-dempty{padding:10px 12px;font-size:14px;line-height:1.45;color:var(--mut)}
.cf-res{height:560px;padding:8px 12px 12px;overflow-y:auto;border-top:1px solid var(--hair);border-bottom:1px solid var(--hair)}
.cf-ri{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;width:100%;min-height:58px;padding:6px 12px;border:0;border-radius:var(--rc);background:none;font-family:inherit;text-align:left;color:var(--ink);cursor:pointer}
.cf-ri:hover,.cf-ri.on{background:var(--tint);color:var(--tint-ink)}
.cf-ri b{font-size:15px;font-weight:700}
.cf-ri small{font-size:13px;color:var(--mut)}
.cf-df{display:flex;align-items:center;gap:12px;padding:14px 24px}
.cf-path{flex:1;min-width:0;margin:0;font-size:14px;line-height:1.4;color:var(--mut)}
.cf-path b{color:var(--ink);font-weight:700}
.cf-b44{height:44px;padding:0 22px;font-size:15px}
.btn-a.cf-b44{min-width:120px}
.btn-a[disabled]{opacity:.45;cursor:not-allowed}
/* promotion */
.pr-steps{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:18px 0 0;padding:0;list-style:none;font-size:14px;font-weight:600;color:var(--mut)}
.pr-steps li{display:flex;align-items:center;gap:10px}
.pr-steps li + li::before{content:"";width:48px;height:2px;border-radius:1px;background:var(--bd)}
.pr-steps li.done + li::before{background:var(--acc)}
.pr-sn{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;flex:none;border:2px solid var(--bd);font-size:13px;font-weight:800;color:var(--mut);background:var(--card)}
.pr-steps li.done .pr-sn{border-color:var(--acc);background:var(--acc);color:var(--on)}
.pr-steps li.cur{color:var(--ink)}
.pr-steps li.cur .pr-sn{border-color:var(--link);color:var(--link)}
.pr-pk{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}
.pk{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0;padding:24px 22px 22px;border:1px solid var(--bd);border-radius:var(--r);background:var(--card);font-family:inherit;text-align:left;color:var(--ink);cursor:pointer;transition:border-color .2s,box-shadow .2s}
.pk:hover{border-color:var(--hair-h);box-shadow:var(--sh2)}
.pk[aria-checked="true"]{border-color:var(--link);box-shadow:inset 0 0 0 1px var(--link),var(--sh2)}
.pk-pop{position:absolute;left:22px;top:-13px;display:inline-flex;align-items:center;height:26px;padding:0 12px;border-radius:999px;background:#FFC21A;color:#12161C;font-size:12px;font-weight:800;letter-spacing:.02em}
.pk-rd{position:absolute;right:18px;top:20px;width:24px;height:24px;border-radius:50%;border:2px solid var(--bd);background:var(--card);display:grid;place-items:center;color:transparent}
.pk[aria-checked="true"] .pk-rd{border-color:var(--link);background:var(--link);color:var(--on-link)}
.pk-n{font-size:18px;font-weight:800}
.pk-p{display:flex;align-items:baseline;gap:6px;margin-top:2px}
.pk-p b{font-size:34px;line-height:1;font-weight:800;letter-spacing:-.02em}
.pk-d{font-size:14px;color:var(--mut)}
.pk ul{display:flex;flex-direction:column;gap:8px;margin:12px 0 0;padding:0;list-style:none;font-size:14px;line-height:1.4;color:var(--ink2)}
.pk li{display:flex;gap:8px}
.pk li svg{flex:none;margin-top:1px;color:var(--link)}
.pk-est{display:inline-flex;align-items:center;gap:6px;margin-top:auto;padding-top:14px;font-size:13px;font-weight:700;color:var(--link)}
.pr-ad{display:flex;flex-direction:column}
.pr-ai{display:flex;align-items:center;gap:14px;width:100%;min-height:68px;padding:10px 4px;border:0;border-top:1px solid var(--rule);background:none;font-family:inherit;text-align:left;color:var(--ink);cursor:pointer}
.pr-ai:first-child{border-top:0}
.pr-ai:hover .pr-at b{color:var(--link)}
.pr-ai[aria-disabled="true"]{cursor:default}
.pr-ai[aria-disabled="true"] .pr-at b{color:var(--mut)}
.pr-ic{width:42px;height:42px;border-radius:var(--rc);display:grid;place-items:center;flex:none;background:var(--chip);border:1px solid var(--hair);color:var(--ink3)}
.pr-at{flex:1;min-width:0}
.pr-at b{display:block;font-size:15px;font-weight:700}
.pr-at small{display:block;margin-top:2px;font-size:13px;color:var(--mut)}
.pr-pr{font-size:16px;font-weight:800;white-space:nowrap}
.pr-inc{font-size:13px;font-weight:700;color:var(--link);white-space:nowrap}
.pr-cb{width:24px;height:24px;border-radius:5px;border:2px solid var(--bd);background:var(--card);display:grid;place-items:center;flex:none;color:transparent}
.pr-ai[aria-checked="true"] .pr-cb{border-color:var(--link);background:var(--link);color:var(--on-link)}
.pr-ai[aria-disabled="true"] .pr-cb{border-color:var(--hair);background:var(--chip);color:var(--link)}
.pc.cf-hl{background:var(--hl);border-color:var(--hl-bd)}
.pr-sum{margin:0;padding:0}
.pr-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:8px 0;font-size:15px;color:var(--ink2)}
.pr-row dt,.pr-row dd{margin:0}
.pr-row dd{font-weight:700;color:var(--ink);white-space:nowrap}
.pr-tot{margin-top:6px;padding-top:12px;border-top:1px solid var(--rule)}
.pr-tot dt{font-size:16px;font-weight:700;color:var(--ink)}
.pr-tot dd{font-size:26px;font-weight:800;letter-spacing:-.01em}
.pr-pm{display:flex;flex-direction:column;gap:8px;margin-top:16px}
.pr-pmh{margin:18px 0 0;font-size:15px;font-weight:700}
.pr-m{display:flex;align-items:center;gap:12px;width:100%;min-height:60px;padding:8px 14px;border:1px solid var(--bd);border-radius:var(--rc);background:var(--card);font-family:inherit;text-align:left;color:var(--ink);cursor:pointer;transition:border-color .2s}
.pr-m:hover{border-color:var(--hair-h)}
.pr-m[aria-checked="true"]{border-color:var(--link);background:var(--tint);box-shadow:inset 0 0 0 1px var(--link)}
.pr-m[aria-disabled="true"]{cursor:not-allowed;opacity:.6}
.pr-m .pr-ic{width:38px;height:38px}
.pr-m[aria-checked="true"] .pr-ic{background:var(--card);color:var(--link)}
.pr-mt{flex:1;min-width:0}
.pr-mt b{display:block;font-size:15px;font-weight:700}
.pr-mt small{display:block;margin-top:2px;font-size:13px;color:var(--mut)}
.pr-m[aria-checked="true"] .pr-mt small{color:var(--tint-ink)}
.pr-m .cf-rd{margin-left:0}
.pr-m[aria-checked="true"] .cf-rd{border-color:var(--link);background:var(--link);box-shadow:inset 0 0 0 4px var(--card)}
.pr-pay{width:100%;height:54px;margin-top:18px;font-size:18px}
.pr-skip{display:flex;justify-content:center;margin-top:8px}
.pr-note{margin:10px 0 0;font-size:13px;line-height:1.45;color:var(--mut);text-align:center}
/* done */
.dn-hero{display:flex;flex-wrap:wrap;gap:24px;align-items:stretch;margin-top:20px}
.dn-main{flex:999 1 560px;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:36px 40px}
.dn-ok{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;background:var(--tint);color:var(--link)}
.dn-main h1{margin:6px 0 0;font-size:30px;line-height:1.15;font-weight:800;letter-spacing:-.02em}
.dn-main p{margin:0;max-width:620px;font-size:16px;line-height:1.5;color:var(--ink2)}
.dn-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 32px;width:100%;margin:10px 0 0;padding:18px 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.dn-facts div{min-width:0}
.dn-facts dt{font-size:13px;color:var(--mut)}
.dn-facts dd{margin:3px 0 0;font-size:15px;font-weight:700;color:var(--ink)}
.dn-facts dd.g{color:var(--link)}
.dn-btns{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:6px}
.dn-side{flex:1 1 320px;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px}
.dn-share{width:100%;margin-top:4px}
.dn-share h2{margin:0 0 10px;font-size:15px;font-weight:700}
.dn-next{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.dn-t{display:flex;gap:14px;align-items:flex-start}
.dn-t b{display:block;font-size:16px;font-weight:700}
.dn-t p{margin:4px 0 0;font-size:14px;line-height:1.45;color:var(--mut)}
@media (max-width:1100px){.pr-pk{grid-template-columns:1fr}.dn-next{grid-template-columns:1fr}}
@media (max-width:760px){.cf-photos{grid-template-columns:repeat(3,minmax(0,1fr))}.cf-types,.cf-row2,.dn-facts{grid-template-columns:1fr}.cf-dcols{grid-template-columns:1fr;height:auto}.cf-dc + .cf-dc{border-left:0;border-top:1px solid var(--hair)}.cf-sec{padding:20px}.dn-main{padding:24px}}
/* ===== mobile (≤760px): flow bar instead of the site header, fixed action bar, full-screen picker ===== */
.m-flow{align-items:center;gap:6px;height:56px;padding:0 14px 0 4px;background:var(--card);border-bottom:1px solid var(--line);box-shadow:var(--sh);position:relative;z-index:5}
.m-flow b{flex:1;min-width:0;font-size:17px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.m-fb{width:44px;height:44px;display:grid;place-items:center;border-radius:var(--rc);color:var(--ink)}
.m-fs{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--mut);white-space:nowrap}
.m-fs svg{color:var(--link)}
.m-q{flex-direction:column;gap:10px;padding:14px 16px;border-radius:var(--r);background:var(--card);box-shadow:var(--sh);color:var(--ink);text-decoration:none}
.m-qt{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.m-qt b{font-size:15px;font-weight:800}
.m-qt small{font-size:13px;font-weight:600;color:var(--warn-ink)}
.m-q .cf-bar{margin-top:0}
.m-bar{position:fixed;left:0;right:0;bottom:0;z-index:45;align-items:center;gap:10px;padding:10px 16px;background:var(--card);border-top:1px solid var(--line);box-shadow:0 -2px 12px rgba(0,0,0,.1)}
.m-pub{flex:1;height:52px;font-size:17px}
.m-pv{width:52px;height:52px;flex:none;border:2px solid var(--link);border-radius:var(--rc);display:grid;place-items:center;color:var(--link)}
.m-tot{display:flex;flex-direction:column;flex:none;min-width:96px}
.m-tot small{font-size:12px;color:var(--mut)}
.m-tot b{font-size:22px;font-weight:800;letter-spacing:-.01em}
.cf-dback{align-items:center;gap:6px;align-self:flex-start;min-height:44px;margin:0 0 4px;padding:0 10px 0 4px;border:0;background:none;font-family:inherit;font-size:15px;font-weight:700;color:var(--link);cursor:pointer}
@media (max-width:760px){
.cfx .hdr,.cfx .crumbs,.cf-h1,.cf-draft,.pr-steps{display:none}
.cf-head{margin-top:14px}
.cf-cols{margin-top:12px;gap:12px}
.cf-main,.cf-side{gap:12px}
.cf-sec{padding:18px 16px 20px}
.cf-sh{margin-bottom:16px}
.cf-sh h2{font-size:18px}
.cf-opt{display:none}
.cf-types{grid-template-columns:1fr}
.cf-type{min-height:64px}
.cf-photos{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.cf-row2{grid-template-columns:1fr;gap:16px}
.cf-row{flex-direction:column}
.cf-w240,.cf-w220,.cf-w200{width:100%}
.cf-seg{align-self:stretch}
.cf-seg button{flex:1 1 auto;padding:0 12px}
.cf-slot{display:none}
/* the video gets its own full-width row after the photos */
.cf-vtile,.cf-addv{grid-column:1/-1;aspect-ratio:auto;height:68px}
.cf-addv{flex-direction:row;gap:10px}
.cf-vplay{left:14px;transform:translateY(-50%)}
.cf-vno{left:74px;top:12px}
.cf-vlab{left:74px;right:60px;bottom:12px}
.cf-vtile .cf-pa{top:50%;right:12px;transform:translateY(-50%)}
.cf-ro{flex-wrap:wrap;height:auto;min-height:48px;padding:10px 14px;row-gap:2px}
.cf-ro span{flex:1 1 170px;overflow-wrap:anywhere}
.cf-chip{height:44px;padding:0 14px 0 10px;font-size:14px}
.cf-btns{flex-direction:column-reverse;align-items:stretch}
.btn-g.cf-btn,.btn-o.cf-btn{width:100%;min-width:0}
.cf-legal{text-align:left}
.cf-card{padding:18px 16px}
.cf-pc{width:100%;max-width:300px}
.cf-ft{margin-top:24px;padding-bottom:84px}
.cf-fr{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 16px;padding:16px 0}
.cf-fl{grid-column:1/-1}
.cf-ov{position:fixed;z-index:88}
.cf-dlg{position:fixed;top:0;left:0;right:0;bottom:0;z-index:89;width:100%;max-width:100%;transform:none;border-radius:0}
.cf-dh{padding:8px 6px 8px 16px}
.cf-dh h2{font-size:19px}
.cf-ds{padding:0 16px 12px}
.cf-dcols,.cf-res{flex:1;min-height:0;height:auto;grid-template-columns:1fr}
.cf-dlg:not(.st2) .cf-dc + .cf-dc{display:none}
.cf-dlg.st2 .cf-dc:first-child{display:none}
.cf-dc + .cf-dc{border-left:0}
.cf-df{flex-wrap:wrap;padding:12px 16px}
.cf-path{flex-basis:100%}
.cf-df .cf-b44{flex:1}
.pk{padding:20px 18px 18px}
.pr-ai{min-height:64px}
.dn-main{padding:24px 18px;align-items:stretch}
.dn-main h1{font-size:24px}
.dn-btns{flex-direction:column;align-items:stretch}
.dn-btns .btn-a,.dn-btns .btn-o{width:100%}
.dn-side{padding:18px}
}
/* very narrow phones: the theme switch keeps its line next to «© 2026 SMM.UA», its text stays for screen readers */
@media (max-width:359px){.cf-fr .tsw{gap:8px;padding:0 6px 0 12px}.cf-fr .tsw > span:not(.tsw-tr){position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}}

/* ===== real estate: deal → object type → its own fields ===== */
.cf-types.k3{grid-template-columns:repeat(3,minmax(0,1fr))}
.rf-types{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.rf-type{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:92px;padding:12px 6px;border:1px solid var(--bd);border-radius:var(--rc);background:var(--card);font-family:inherit;font-size:14px;font-weight:600;line-height:1.25;text-align:center;color:var(--ink);cursor:pointer;transition:border-color .2s,background .2s}
.rf-type svg{color:var(--ink3)}
.rf-type:hover{border-color:var(--link)}
.rf-type[aria-checked="true"]{border-color:var(--link);background:var(--tint);color:var(--tint-ink);box-shadow:inset 0 0 0 1px var(--link)}
.rf-type[aria-checked="true"] svg{color:var(--link)}
.rf-chip{padding:0 16px}
.rf-chip .cf-ck{margin-left:-4px}
.rf-auto{display:grid;gap:8px;margin:20px 0 0;padding:14px 18px;border:1px solid var(--hair);border-radius:var(--rc);background:var(--soft)}
.rf-ar{display:grid;grid-template-columns:104px minmax(0,1fr);gap:12px;align-items:baseline}
.rf-ar dt{font-size:13px;font-weight:600;color:var(--mut)}
.rf-ar dd{margin:0;font-size:15px;line-height:1.4;color:var(--ink2)}
.rf-ar dd b{font-weight:700;color:var(--ink)}
.rf-star{color:var(--neg);font-weight:700}
/* the grid of fields: 6 columns; a field takes 2 (third), 3 (half), 4 or 6 */
.rf-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px 16px;align-items:start}
.rf-grid .cf-f + .cf-f{margin-top:0}
.rf-w2{grid-column:span 2}
.rf-w3{grid-column:span 3}
.rf-w4{grid-column:span 4}
.rf-w6{grid-column:1/-1}
.rf-wt{grid-column:1/-1;padding-top:14px;border-top:1px solid var(--rule)}
.rf-h{grid-column:1/-1;margin:10px 0 -6px;padding-top:18px;border-top:1px solid var(--rule);font-size:13px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--mut)}
.rf-h:first-child{margin-top:0;padding-top:0;border-top:0}
.rf-grid .cf-seg{max-width:100%}
.rf-grid .cf-step{align-self:flex-start}
/* map of the address */
.rf-map{position:relative;height:200px;margin-top:20px;border:1px solid var(--hair);border-radius:var(--rc);overflow:hidden;background:var(--soft)}
.rf-msvg{position:absolute;inset:0;width:100%;height:100%;display:block}
.rf-msvg .m0{fill:#EEF1F4}.rf-msvg .m1{fill:#E1E6EC}.rf-msvg .m2{fill:#CFE3F5}.rf-msvg .m3{fill:#D7ECCF}
.rf-msvg .m4{fill:none;stroke:#FFFFFF;stroke-width:16}.rf-msvg .m5{fill:none;stroke:#F6D88E;stroke-width:5}
.mo.is-dark .rf-msvg .m0{fill:#1B2129}.mo.is-dark .rf-msvg .m1{fill:#232B35}.mo.is-dark .rf-msvg .m2{fill:#1C3248}.mo.is-dark .rf-msvg .m3{fill:#1E3020}
.mo.is-dark .rf-msvg .m4{stroke:#2D3642}.mo.is-dark .rf-msvg .m5{stroke:#6A5520}
.rf-pin{position:absolute;left:50%;top:50%;transform:translate(-50%,-92%);color:var(--neg);filter:drop-shadow(0 2px 3px rgba(0,0,0,.3))}
.rf-zone{position:absolute;left:50%;top:50%;width:150px;height:150px;transform:translate(-50%,-50%);border-radius:50%;background:color-mix(in srgb,var(--link) 22%,transparent);border:2px solid var(--link)}
.rf-mcap{display:flex;align-items:center;gap:8px;margin:10px 0 0;font-size:14px;line-height:1.4;color:var(--ink2)}
.rf-mcap svg{flex:none;color:var(--link)}
/* preview card */
.rf-spec{margin-top:8px;font-size:14px;font-weight:600;line-height:1.35;color:var(--ink2)}
.rf-ppm{margin-top:2px;font-size:13px;color:var(--mut)}
.rf-addr{margin-top:4px;font-size:13px;line-height:1.35;color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rf-h + .rf-wt{padding-top:0;border-top:0}
.rf-ppmh{font-weight:600;color:var(--ink2)}
@media (max-width:1100px){.rf-types{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:760px){
.cf-types.k3{grid-template-columns:1fr}
.rf-types{grid-template-columns:repeat(3,minmax(0,1fr))}
.rf-type{min-height:84px;font-size:13px}
.rf-grid{gap:16px 12px}
.rf-w2{grid-column:span 3}
.rf-w3,.rf-w4,.rf-ks{grid-column:1/-1}
.rf-ar{grid-template-columns:1fr;gap:2px}
.rf-map{height:160px}
}

/* ===== transport («Авто і мото»): the registry check, colour dots, the place in the contacts ===== */
.af-check{margin:0 0 24px;padding:16px 18px 18px;border:1px solid var(--hair);border-radius:var(--r);background:var(--soft)}
.af-ch-h{display:flex;align-items:flex-start;gap:12px;margin-bottom:14px}
.af-ch-h > svg{flex:none;margin-top:1px;color:var(--vf)}
.af-ch-h b{display:block;font-size:16px;font-weight:700}
.af-ch-h small{display:block;margin-top:3px;font-size:14px;line-height:1.45;color:var(--mut)}
.af-check .rf-grid{gap:16px}
.af-chk-b{gap:8px;height:44px;margin-top:14px;padding:0 18px;font-size:15px}
.af-ok{display:flex;align-items:flex-start;gap:12px;margin-top:14px;padding:12px 14px;border-radius:var(--rc);background:var(--tint);color:var(--tint-ink)}
.af-ok > svg{flex:none;margin-top:1px;color:var(--link)}
.af-ok b{display:block;font-size:15px;font-weight:700}
.af-okl{display:block;margin-top:2px;font-size:14px;font-weight:600}
.af-ok small{display:block;margin-top:4px;font-size:13px;line-height:1.45;opacity:.85}
.af-place{margin-bottom:20px}
.rf-sw{flex:none;width:16px;height:16px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.22)}
.mo.is-dark .rf-sw{box-shadow:inset 0 0 0 1px rgba(255,255,255,.35)}
@media (max-width:760px){
.af-check{padding:14px}
.af-chk-b{width:100%}
}