/* «Підмога» — вигляд А+Б: чисто й світло, як сайти оголошень, з теплими
   синьо-жовтими акцентами й орнаментом-вишиванкою. Перекриває style.css. */
:root{
  --blue:#0057B7; --blue-dk:#00418A; --yellow:#FFD500; --yellow-soft:#FFF6CC;
  --hot:#F76707; --ok:#2B8A3E; --text:#1A2230; --muted:#6B7280;
  --bg:#F6F7F9; --card:#FFFFFF; --line:#E6E9EE; --r:16px;
  --shadow:0 1px 2px rgba(16,24,40,.06),0 4px 14px rgba(16,24,40,.06);
}
@media (prefers-color-scheme:dark){:root{--bg:#0F141B;--card:#18202B;--text:#E8EDF3;--muted:#9AA4B2;--line:#283241;--yellow-soft:#3A3412;
  --shadow:0 1px 2px rgba(0,0,0,.4)}}
body{font-family:Manrope,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;background:var(--bg);letter-spacing:.1px}
h1{font-weight:800;letter-spacing:-.3px} h2{font-weight:800} b,strong{font-weight:700}

/* шапка: синя, логотип зі значком, жовтий акцент */
.top{background:var(--blue);padding:10px 18px;box-shadow:0 2px 10px rgba(0,40,100,.25)}
.logo{flex-direction:row!important;align-items:center;gap:10px}
.logo-ic{width:38px;height:38px;border-radius:10px;background:#fff}
.logo-tx{display:flex;flex-direction:column;font-weight:800;font-size:22px;line-height:1}
.logo-tx small{font-weight:600;font-size:11px;color:var(--yellow);letter-spacing:.6px;margin-top:3px}
nav a{font-weight:600} nav a.me{background:rgba(255,255,255,.15);padding:4px 10px;border-radius:20px}
.btn.light{background:#fff;color:var(--blue)!important}

/* орнамент-вишиванка: ромбики синьо-жовті, як вишита стрічка */
.ornament{height:12px;background-color:var(--yellow);
  background-image:linear-gradient(45deg,var(--blue) 25%,transparent 25%,transparent 75%,var(--blue) 75%),
                   linear-gradient(45deg,var(--blue) 25%,transparent 25%,transparent 75%,var(--blue) 75%);
  background-size:12px 12px;background-position:0 0,6px 6px;opacity:.9}
.ornament.small{height:8px;background-size:8px 8px;background-position:0 0,4px 4px;margin:0 auto 14px;max-width:320px;border-radius:4px}

main{max-width:1080px;padding:18px 16px}

/* кнопки: великі, заокруглені, зрозумілі */
.btn{border-radius:12px;padding:11px 20px;font-weight:700;box-shadow:0 1px 0 rgba(0,0,0,.05);transition:transform .08s,filter .15s}
.btn:hover{filter:brightness(1.06)} .btn:active{transform:translateY(1px)}
.btn.hot{background:var(--hot)} .btn.ghost{background:var(--card)}

/* смуга на головній — тепла, з орнаментом знизу */
.strip{background:linear-gradient(120deg,var(--blue) 0%,#1971C2 60%,#2F80ED 100%);border-radius:20px;padding:18px 20px;
  box-shadow:var(--shadow);position:relative;overflow:hidden}
.strip::after{content:"";position:absolute;left:0;right:0;bottom:0;height:6px;background:var(--yellow)}
.strip b{font-size:19px}

/* картки-оголошення: білі, тінь, велике фото, зелена ціна */
.ad{border:0;border-radius:18px;box-shadow:var(--shadow);grid-template-columns:270px 1fr}
.ad:hover{box-shadow:0 6px 24px rgba(16,24,40,.14);transform:translateY(-1px)}
.ad.urgent{box-shadow:0 0 0 2px var(--hot),var(--shadow)}
.ad-pic{min-height:190px;font-size:70px}
.ad-title{color:var(--text);font-size:20px;font-weight:800}
.ad-price{color:var(--ok);font-size:28px}
.specs li{color:var(--text)} .ad-descr{font-size:14.5px}
.ribbon{font-weight:700;box-shadow:0 2px 6px rgba(0,0,0,.2)}
@media (max-width:600px){.ad{grid-template-columns:1fr}.ad-pic{min-height:170px}}

/* таблиця, фільтри, коробки */
.box,.side{border:0;border-radius:var(--r);box-shadow:var(--shadow)}
.lot-table{border:0;box-shadow:var(--shadow);border-radius:var(--r)}
.lot-table th{background:var(--blue-dk)}
.sorts a{background:var(--card)} .sorts a.on{background:var(--blue)}
.tag{border-radius:20px;padding:2px 10px;font-weight:600;font-size:12.5px}
.chip{border-radius:20px}
.hint{background:var(--yellow-soft);border-left:4px solid var(--yellow);border-radius:10px}
.market{border-style:solid;border-color:var(--line);background:var(--card)}

/* сторінка роботи */
.bigprice{color:var(--ok)}
.auction{border-radius:20px;box-shadow:var(--shadow)}
.history details{border:0;box-shadow:var(--shadow)}

/* форма «Виручай!» */
.kind-btn{border-radius:16px;box-shadow:var(--shadow);border-color:transparent}
.kind-btn:has(input:checked){border-color:var(--blue);background:#E8F1FF}
.media-pick{background:var(--yellow-soft);border-color:var(--yellow)}

/* профіль: довіра й значки */
.trustbox{border:0;box-shadow:var(--shadow)}
.badges .tag{background:#E8F1FF;color:var(--blue-dk)}

footer{padding:28px 16px 36px} footer .social a{color:var(--blue)}
.logo .logo-tx{font-size:22px;color:#fff;letter-spacing:0} .logo .logo-tx small{font-size:11px}
@media (prefers-color-scheme:dark){.kind-btn:has(input:checked),.badges .tag{background:#16304F;color:#cfe0ff}}
.city-pick{background:rgba(255,255,255,.15);padding:4px 10px;border-radius:20px}
.city-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.city-btn{display:flex;flex-direction:column;gap:2px;align-items:flex-start;text-align:left;border:0;border-radius:14px;padding:12px;background:var(--card);box-shadow:var(--shadow);cursor:pointer;font:inherit;color:var(--text)}
.city-btn.open{border-left:5px solid var(--ok)} .city-btn.on{outline:2px solid var(--blue)} .city-btn small{color:var(--muted)}
.box.soon{background:var(--yellow-soft);border-left:6px solid var(--yellow)}
.sharebox{border-left:6px solid var(--yellow)} .share-btns{display:flex;gap:8px;flex-wrap:wrap}
.btn.tg{background:#229ED9} .btn.vb{background:#7360F2}
.ai-box{background:linear-gradient(135deg,#E8F1FF,#FFF6CC);border-left:6px solid var(--blue)} .ai-box .row{justify-content:flex-start;gap:8px;flex-wrap:wrap;margin-top:6px}
@media (prefers-color-scheme:dark){.ai-box{background:#16304F}}
.legal h2{font-size:19px;margin-top:22px} .legal li{margin:5px 0} .ai-box .row input{flex:1;min-width:220px}
.ribbon.good-r{background:#1C7ED6} .good-note{background:#E7F5FF;border-left:5px solid #1C7ED6;border-radius:10px;padding:8px 12px}
.good-box{border-left:6px solid #1C7ED6} .tag.good-t{background:#D0EBFF;color:#1864AB}
@media (prefers-color-scheme:dark){.good-note{background:#16304F}}
.reach{background:#FFF9DB;border-radius:10px;padding:8px 12px} .confirm-box{border-left:6px solid #F08C00} .reliable{font-size:17px} .w4{width:4.2em}
@media (prefers-color-scheme:dark){.reach{background:#3B3214}}
.warn-box{border-left:6px solid #E03131;background:#FFF5F5} @media (prefers-color-scheme:dark){.warn-box{background:#3B1A1A}}
.free-note{background:#EBFBEE;border-left:6px solid #2F9E44;border-radius:10px;padding:8px 12px;margin:10px 0}
.tag.early-t{background:#D3F9D8;color:#2B8A3E} @media (prefers-color-scheme:dark){.free-note{background:#16301C}}
.kind-group{font-weight:800;margin:12px 0 4px} .holova-box{border-left:6px solid #7048E8}
.group-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0 12px} .group-tabs a{padding:6px 14px;border-radius:20px;background:#EEF2F8;text-decoration:none;color:inherit;font-weight:700}
.group-tabs a.on{background:#0057B7;color:#fff} @media (prefers-color-scheme:dark){.group-tabs a{background:#22304A}}
.remote-t{background:#E5DBFF;color:#5F3DC4}
.for-box{border-left:6px solid #E8590C} .report{border-left:6px solid #2F9E44} .report img{max-width:100%;border-radius:10px}
.for-note{background:#FFF4E6;border-left:5px solid #E8590C;border-radius:10px;padding:8px 12px} @media (prefers-color-scheme:dark){.for-note{background:#3A2514}}
/* Компактні картки, як рядки лотів на Copart (08.11): маленька картинка, щільна інформація */
.ads{gap:8px}
.ad{grid-template-columns:170px 1fr;border-radius:12px}
.ad-pic{min-height:0;height:100%;max-height:150px;font-size:38px}
.ad-pic .ribbon{font-size:11.5px;padding:2px 8px;top:6px;left:6px}
.ad-body{padding:8px 14px;gap:2px}
.ad-title{font-size:16.5px}
.ad-price{font-size:21px}
.ad-price small{font-size:12.5px}
.specs{display:flex;flex-wrap:wrap;gap:2px 14px;margin:2px 0;font-size:13px}
.specs .tag{font-size:12px;padding:0 7px}
.ad-descr{font-size:13px;margin:0;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.ad-foot{font-size:12px}
@media (max-width:600px){.ad{grid-template-columns:110px 1fr}.ad-pic{min-height:110px;font-size:32px}}
.live-tab{background:#FFE8CC!important;color:#D9480F!important} .live-tab.on{background:#E8590C!important;color:#fff!important}
.live-n{background:#E03131;color:#fff;border-radius:10px;padding:0 7px;font-size:12px;margin-left:4px}
.ad.live{box-shadow:0 0 0 3px #E8590C,var(--shadow)} .ad.live .ad-price{color:#E8590C}
.lp.bump{animation:bump .9s} @keyframes bump{0%{background:#FFD43B;border-radius:6px}100%{background:transparent}}
.soon{color:#E8590C;font-weight:700}
.side-tabs{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:12px 0 4px;border-radius:14px;overflow:hidden;box-shadow:var(--shadow)}
.side-tabs a{padding:12px 10px;text-align:center;font-weight:800;font-size:17px;text-decoration:none;background:var(--card);color:inherit}
.side-tabs a small{display:block;font-weight:500;font-size:12.5px;opacity:.75} .side-tabs a.on{background:#0057B7;color:#fff}
.free-now{background:#D3F9D8;color:#2B8A3E;border-radius:10px;padding:1px 8px;font-weight:700;font-size:12.5px}
.card-price{font-size:22px;font-weight:800;color:var(--ok)}
.card-head{display:grid;grid-template-columns:160px 1fr;gap:16px;align-items:center;margin:10px 0}
.card-pic{position:relative;height:160px;border-radius:14px;overflow:hidden;font-size:56px}
.card-mini{display:block;text-decoration:none;color:inherit;margin:6px 0} .invite{border-left:6px solid #E8590C}
@media (max-width:600px){.card-head{grid-template-columns:100px 1fr}.card-pic{height:100px;font-size:40px}}
.head-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:8px 0 2px} .head-row h1{margin:0 6px 0 0}
.free-note{position:relative;padding-right:40px;margin:8px 0} .free-note .x{position:absolute;right:8px;top:6px;border:0;background:none;font-size:18px;cursor:pointer;color:inherit;opacity:.6}
.empty h3{margin-top:0}
/* Два розділи в шапці: «Шукають допомогу» / «Пропонують допомогу» */
.top nav a.sec{padding:7px 14px;border-radius:22px;font-weight:800;text-decoration:none;color:#fff;background:rgba(255,255,255,.12)}
.top nav a.sec.on.seek{background:#FF6B00} .top nav a.sec.on.offer{background:#FFD500;color:#1b1f2a}
.top nav a.sec:hover{background:rgba(255,255,255,.25)}
@media (max-width:760px){.top nav a.sec .long{display:none} .top nav a.sec{padding:6px 10px}}
.top nav a.sec.on.jobs{background:#FF6B00} .top nav a.sec.on.helpers{background:#FFD500;color:#1b1f2a}
.role-sw button,a.role-sw{border:1px solid rgba(255,255,255,.5);background:transparent;color:#fff;border-radius:18px;padding:5px 11px;font:inherit;font-size:13.5px;cursor:pointer;text-decoration:none}
.role-pick{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:10px 0}
.role-pick button{border:0;border-radius:16px;padding:18px 14px;font:inherit;font-size:18px;font-weight:800;cursor:pointer;text-align:left}
.role-pick button small{display:block;font-weight:500;font-size:13.5px;margin-top:4px;opacity:.85}
.role-pick .r-seek{background:#FF6B00;color:#fff} .role-pick .r-offer{background:#FFD500;color:#1b1f2a}
@media (max-width:600px){.role-pick{grid-template-columns:1fr}}
/* Два світи: шапка, меню-полички, головна з двома входами */
.top nav a.sec.on.seekw{background:#FF6B00} .top nav a.sec.on.offerw{background:#FFD500;color:#1b1f2a}
.world-nav{display:flex;gap:6px;flex-wrap:wrap;align-items:center;padding:8px 10px;border-radius:14px;margin:10px 0 6px}
.world-nav.seek{background:#FFF0E6} .world-nav.offer{background:#FFF9DB}
.world-nav .w-title{font-weight:800;margin-right:6px}
.world-nav a:not(.btn){padding:6px 12px;border-radius:18px;text-decoration:none;color:inherit;font-weight:700}
.world-nav a.on{background:#fff;box-shadow:var(--shadow)}
@media (prefers-color-scheme:dark){.world-nav.seek{background:#3A2514}.world-nav.offer{background:#3B3214}.world-nav a.on{background:#22304A}}
.home-h{font-size:30px;margin:14px 0 2px} .home-h small{font-size:18px;opacity:.7} .home-sub{margin:0 0 14px;opacity:.8}
.doors{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.door{display:flex;flex-direction:column;gap:8px;padding:22px;border-radius:20px;text-decoration:none;box-shadow:var(--shadow);transition:transform .1s}
.door:hover{transform:translateY(-2px)} .door b{font-size:26px} .door span{font-size:15.5px} .door em{font-style:normal;font-weight:700}
.door ol{margin:4px 0 0;padding-left:20px;font-size:14px;opacity:.9}
.door.seek{background:#FF6B00;color:#fff} .door.offer{background:#FFD500;color:#1b1f2a}
.home-facts{display:flex;flex-wrap:wrap;gap:8px 18px;margin:16px 0 6px;font-size:14.5px}
@media (max-width:700px){.doors{grid-template-columns:1fr}.door b{font-size:22px}}
/* ⚡ Жива стрічка на головній */
.live-stream{margin-top:16px} .ls-head{display:flex;align-items:center;gap:8px;margin-bottom:6px}
.ls-dot{width:9px;height:9px;border-radius:50%;background:#2F9E44;animation:lsblink 1.6s infinite}
@keyframes lsblink{50%{opacity:.25}}
#ls{list-style:none;padding:0;margin:0} #ls li{display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-top:1px solid var(--line)}
#ls li:first-child{border-top:0} #ls a{color:inherit;text-decoration:none} #ls a:hover{text-decoration:underline}
#ls small{white-space:nowrap;opacity:.65} .ls-i{display:inline-block;width:1.4em}
#ls li.ls-new{animation:lsnew 2s} @keyframes lsnew{0%{background:#FFF3BF}100%{background:transparent}}
.tour h2{margin-top:22px} .tour h2 small{font-weight:500;opacity:.7;font-size:15px} .tour-l{padding-left:18px} .tour-l li{margin:8px 0;line-height:2}
/* 🌳 Дерево вибору */
.tree-step{margin:12px 0 6px;font-size:16px} .tree-groups{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.tg{border:2px solid var(--line);background:var(--card);border-radius:14px;padding:14px;font:inherit;font-size:18px;font-weight:800;cursor:pointer;text-align:left;color:inherit}
.tg small{display:block;font-weight:500;font-size:13px;opacity:.75;margin-top:3px} .tg.on{border-color:#0057B7;background:#E7F0FF}
.chip.sub{border:1px solid var(--line);background:var(--card);border-radius:18px;padding:6px 12px;font:inherit;cursor:pointer;color:inherit}
.chip.sub.on{background:#0057B7;color:#fff;border-color:#0057B7}
@media (prefers-color-scheme:dark){.tg.on{background:#16304F}} @media (max-width:600px){.tree-groups{grid-template-columns:1fr}}
.mission{background:#E7F0FF;border-left:6px solid #0057B7;border-radius:12px;padding:10px 14px;margin:6px 0 10px;font-size:16px}
@media (prefers-color-scheme:dark){.mission{background:#16304F}} .lot-wait{border-left:6px solid #E8590C} .logo-tx small{white-space:nowrap}
@media (max-width:700px){.logo-tx small{display:none}}
.two-btns{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:8px 0} .two-btns form{margin:0} .two-btns .btn{width:100%;text-align:center}
.two-btns .btn.on{background:#2F9E44;color:#fff} @media (max-width:600px){.two-btns{grid-template-columns:1fr}}
.mission-top{flex:1;color:#fff;font-size:16.5px;line-height:1.3;padding:0 18px;text-align:center}
.mission-top b{color:#FFD500} @media (max-width:1100px){.mission-top{font-size:14px}} @media (max-width:800px){.mission-top{display:none}}
.ad-acts{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:-6px 0 4px 170px;padding:0 14px 6px} .ad-acts form{margin:0}
.ad-acts .btn.on{background:#2F9E44;color:#fff} @media (max-width:600px){.ad-acts{margin-left:0}}
.mission-top .m-short{display:none} @media (max-width:1550px){.mission-top .m-long{display:none}.mission-top .m-short{display:inline;font-size:17px}}
.world-nav{flex-wrap:nowrap;overflow-x:auto;gap:2px;scrollbar-width:none} .world-nav::-webkit-scrollbar{display:none}
.world-nav a,.world-nav .w-title{white-space:nowrap} .world-nav a:not(.btn){padding:6px 10px}
body.simple .simple-hide{display:none!important}
.resume h3{margin:14px 0 6px;font-size:1.02rem} .res-row{padding:6px 0;border-bottom:1px solid var(--line,#eee)} .res-row:last-child{border:0}
.resume-video{width:100%;max-height:340px;border-radius:12px;background:#000;margin-bottom:8px}
.ok-t{background:#e6f6ea;color:#1b7a34} .ceil-list{list-style:none;padding:0;margin:8px 0} .ceil-list li{padding:6px 0;border-bottom:1px dashed var(--line,#e5e5e5)}
.ceil-list li.ok{color:#1b7a34} .ceil-list .inline-form{display:inline-flex;gap:6px;align-items:center;margin-left:6px;flex-wrap:wrap}
.resume-form .row-item{border:1px solid var(--line,#e5e5e5);border-radius:10px;padding:8px;margin-bottom:8px} .resume-form .wide{grid-column:1/-1}
.group-box .bar{height:8px;background:#eef;border-radius:6px;margin:8px 0;overflow:hidden} .group-box .bar span{display:block;height:100%;background:#2e7d32}
.week{width:100%;border-collapse:collapse;table-layout:fixed;margin:8px 0} .week th{font-size:.85rem;color:var(--muted,#666);padding:4px}
.week td{vertical-align:top;padding:3px;border-top:1px solid var(--line,#eee)} .slot{border-radius:8px;padding:4px;margin-bottom:4px;font-size:.82rem;line-height:1.2;background:#eef4ff}
.slot.group{background:#e6f6ea} .slot small{display:block;color:var(--muted,#666)}
.sched-row .days{display:flex;gap:4px;flex-wrap:wrap} .sched-row .days label{border:1px solid var(--line,#ddd);border-radius:8px;padding:3px 7px;cursor:pointer}
.sched-row .days input{display:none} .sched-row .days label.on{background:#0057b8;color:#fff;border-color:#0057b8}
.wide-nav{padding-bottom:0!important;margin-bottom:-8px} .world-nav a.btn.hot.on{background:#FF6B00;color:#fff;box-shadow:0 0 0 3px rgba(255,107,0,.25)}
body.resume-only .ro-hide{display:none!important}
.rv-head{display:flex;gap:18px;align-items:flex-start} .rv-photo{flex:0 0 140px;height:140px;border-radius:50%;overflow:hidden;background:#e7eefb;display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:800;color:#0057b8}
.rv-photo img{width:100%;height:100%;object-fit:cover} .rv-head h1{margin:0 0 2px} .rv-role{font-weight:700;margin:0 0 8px;font-size:1.1rem}
.rv-facts{display:flex;flex-wrap:wrap;gap:6px 14px;margin:0 0 8px} .rv-years{display:inline-block;min-width:110px}
.resume-page h2{font-size:1.1rem;margin:0 0 8px} @media (max-width:600px){.rv-head{flex-direction:column;align-items:center;text-align:center} .rv-facts{justify-content:center}}
.exp-row .grid2{display:grid;grid-template-columns:1fr 1fr;gap:8px} .exp-row .period{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:6px 0 4px}
.exp-row .period input[type=number]{width:96px;margin:0} .exp-row .period input.now{background:#f1f3f6;color:#999} .exp-row .now-l{margin:0}
@media (max-width:600px){.exp-row .grid2{grid-template-columns:1fr}}
.resume-page .box{position:relative} .rv-edit{position:absolute;top:12px;right:14px;font-size:.85rem;font-weight:700;text-decoration:none;padding:4px 10px;border-radius:14px;background:#eef4ff;color:#0057b8}
.rv-edit:hover{background:#dbe7ff} .rv-empty{border:2px dashed #cfd8e6;background:transparent;box-shadow:none} .rv-empty h2{color:#8a94a6}
.sec-anchor{scroll-margin-top:90px} .sec-anchor:target{outline:3px solid #FFD500;outline-offset:4px;border-radius:6px}
.rv-rate-row{display:flex;flex-wrap:wrap;gap:16px 40px;align-items:center;margin-bottom:10px} .rv-stars b{font-size:2.2rem;margin-right:6px} .rv-stars .st{color:#f5a623;font-size:1.5rem;letter-spacing:2px}
.rv-stars small,.rv-level small{display:block;color:var(--muted,#666)} .lvl-big{font-size:1.25rem;font-weight:800} .rv-social{margin:12px 0 0;color:var(--muted,#666)}
.fill-bar{height:12px;background:#edf0f5;border-radius:8px;overflow:hidden;margin:8px 0} .fill-bar span{display:block;height:100%;border-radius:8px}
.fill-bar .low{background:#f39c12} .fill-bar .mid{background:#0057b8} .fill-bar .full{background:#2e7d32}
.fill-miss{display:flex;flex-wrap:wrap;gap:6px} .fill-miss .chip{text-decoration:none} .fill-miss small{color:#2e7d32;font-weight:700}
.rv-edit{border:0;cursor:pointer} .rv-block.editing{outline:3px solid #FFD500;outline-offset:2px} .rv-form h2{margin-top:0}
.rv-form-btns{margin-top:12px;display:flex;gap:8px} .rv-form .row-item{position:relative} .rv-del{margin-top:6px} .fill-miss button.chip{cursor:pointer;background:#fff}
[hidden]{display:none!important}
.rv-photo-wrap{display:flex;flex-direction:column;align-items:center;gap:6px} .rv-edit-photo{font-size:.85rem;font-weight:700;color:#0057b8;cursor:pointer;padding:4px 10px;border-radius:14px;background:#eef4ff}
.rv-contact p{margin:0}
.rv-more{text-align:center;margin:8px 0 18px} .rv-more .btn{width:100%;max-width:520px} .rv-more p{margin:6px 0 0}
.tender-row{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border:1px solid var(--line,#e5e5e5);border-radius:12px;margin-bottom:8px;text-decoration:none;color:inherit}
.tender-row:hover{border-color:#0057b8;background:#f6f9ff} .rv-tenders .btn.big{margin-top:6px}
.tender-vz .vz-name{margin:0 0 2px;font-size:1.4rem} .tender-vz .rv-photo{flex-basis:110px;height:110px}
.card-head.no-pic{display:block} .card-head.no-pic h1{margin-top:8px}
.resume-form .grid{align-items:end} .resume-form .grid label{display:flex;flex-direction:column;justify-content:flex-end}
.own-subj{display:flex;gap:6px;align-items:center;margin:4px 0 8px} .own-subj input{flex:1;margin:0}
.rv-photo{flex-shrink:0;aspect-ratio:1/1} .big-chip{font-size:1.05rem;padding:8px 14px} .mode-t{font-size:.95rem}
.sched-row{display:grid!important;grid-template-columns:1fr 1fr;gap:8px 12px;border:1px solid var(--line,#e5e5e5);border-radius:10px;padding:10px;margin-bottom:8px}
.sched-row .days{grid-column:1/-1;display:flex;flex-wrap:nowrap;gap:6px} .sched-row .days label{flex:1;text-align:center;padding:8px 0;margin:0}
.sched-row > label{margin:0} @media (max-width:420px){.sched-row .days label{padding:6px 0;font-size:.9rem}}
/* 📱 нічого не вилазить за край екрана */
input,select,textarea{max-width:100%;min-width:0;box-sizing:border-box} .sched-row>*{min-width:0} .sched-row input[type=time]{width:100%}
.grid>*{min-width:0} .chips{flex-wrap:wrap} .box{max-width:100%;box-sizing:border-box;overflow-wrap:anywhere}
@media (max-width:480px){.sched-row .days{gap:3px} .sched-row .days label{font-size:.85rem;padding:6px 0} main,section{overflow-x:clip}}
.ok-box{background:#e9f7ee;border:2px solid #2e7d32;color:#1b5e20} .ok-box .btn{margin-left:6px}
.lot-no{margin:6px 0 0;font-size:1.05rem;color:#0057b8}
.lot-badge{display:inline-block;font-size:.8rem;font-weight:800;color:#0057b8;background:#eef4ff;border-radius:8px;padding:1px 7px;margin-right:4px;vertical-align:middle}
/* 🪟 тендер — одне вікно: картка й кнопки «Погоджуюсь / Беру» всередині */
.ad-box{background:var(--card,#fff);border-radius:12px;box-shadow:var(--shadow);overflow:hidden}
.ad-box .ad{box-shadow:none!important;border-radius:0;background:transparent}
.ad-box.urgent{box-shadow:0 0 0 2px var(--hot),var(--shadow)} .ad-box.live{box-shadow:0 0 0 3px #E8590C,var(--shadow)}
.ad-box .ad-acts{margin:0;padding:4px 14px 14px 184px} @media (max-width:600px){.ad-box .ad-acts{padding:4px 12px 12px}}
.ad-box:hover{box-shadow:0 4px 18px rgba(0,0,0,.12)}
.cancel-box{display:flex;gap:10px;align-items:center;flex-wrap:wrap} .btn.danger{color:#c62828;border-color:#f3b3b3}
.need-box{border:2px solid #FFD500;background:#fffbe6} .need-box .inline-form{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.btn.off,.btn[disabled]{background:#d9dde3!important;color:#6b7280!important;cursor:not-allowed;box-shadow:none}
.btn.off{cursor:pointer} .need-steps li.todo{font-weight:700} @keyframes flashy{0%,100%{background:transparent}50%{background:#ffe066}} .flash{animation:flashy .6s ease 3;border-radius:8px}
.whoami{background:#fff3bf;border-bottom:2px solid #FFD500;padding:8px 16px;font-size:.95rem;display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;justify-content:center}
.whoami a{font-weight:700;text-decoration:none;background:#fff;border-radius:14px;padding:2px 10px}
details.more{margin-top:8px} details.more summary{cursor:pointer;color:#0057b8;font-size:.92rem} details.more .inline-form{display:flex;gap:8px;align-items:center;margin-top:6px} details.more .inline-form input{width:110px;margin:0}
.tender-vz .rv-photo{flex-basis:84px;height:84px;font-size:2.2rem} .tender-vz{padding:12px} .tender-vz .vz-name{font-size:1.2rem}
.reg-rules{margin:4px 0 8px 18px;padding:0} .reg-rules li{margin:4px 0} .reg-sum p{margin:4px 0}
.rv-back{text-align:center;margin:18px 0}
.exp-view{display:flex;gap:14px;align-items:baseline} .exp-view .rv-years{flex:0 0 auto;white-space:nowrap} .exp-view>div{min-width:0}
.reg-ok{background:#e8f5e9;border:1px solid #2e7d32;color:#1b5e20;border-radius:10px;padding:8px 12px;margin:10px 0}
.reg-ok form.inline,form.inline{display:inline;margin:0} .linkbtn{background:none;border:0;padding:0;color:#0057b8;text-decoration:underline;cursor:pointer;font:inherit}
.reg-ok{font-size:1.15rem;padding:12px 14px} .reg-ok b{font-size:1.25rem}
.tender-row{position:relative} .tender-row .tr-open{display:inline-block;margin-top:8px;align-self:flex-start;background:#0057b8;color:#fff;border-radius:10px;padding:6px 14px;font-weight:700} .tender-row:hover{border-color:#0057b8}
.seat-list{margin:4px 0 8px 18px;padding:0} .seat-list li{margin:4px 0}
.a-extra{color:#FFD500;margin:8px 0 0;font-weight:700}
.group-done{border:2px solid #2e7d32;background:#f1f8f1} .group-done .seat-list li{font-size:1.1rem}
.seat-hint{display:block;margin-top:6px;color:#666;font-size:.85rem;text-align:center} .invite-stat{background:#fff8d6;border-radius:8px;padding:6px 10px}
.promo-steps{margin:8px 0 8px 18px;padding:0} .promo-steps li{margin:8px 0;line-height:1.5}
.auction.last{background:linear-gradient(135deg,#7f0000,#c62828)!important;animation:lastpulse 1s ease-in-out infinite}
.auction.last #a-next,.auction.last #a-left{color:#FFD500;font-size:1.4em;animation:lastblink .5s steps(2) infinite}
.a-last{color:#fff;background:rgba(0,0,0,.25);border-radius:8px;padding:6px 10px;margin:8px 0 0;font-weight:800;font-size:1.1rem}
@keyframes lastpulse{0%,100%{box-shadow:0 0 0 0 rgba(255,82,82,.7)}50%{box-shadow:0 0 0 10px rgba(255,82,82,0)}}
@keyframes lastblink{to{visibility:hidden}}
.congrats{font-size:1.1rem} .congrats b{font-size:1.2rem}
.decide-timer{background:#ffebee;border:1px solid #c62828;color:#b71c1c;border-radius:8px;padding:8px 12px;font-weight:700;font-size:1.1rem}
.decide-timer{background:#ffebee;border:1px solid #c62828;color:#b71c1c;border-radius:8px;padding:8px 12px;font-weight:700;font-size:1.1rem}
.start-rule{background:#eef4ff;border-radius:8px;padding:6px 10px;margin:0 0 8px}
.dir-tabs{display:flex;gap:4px;overflow-x:auto;padding:8px 16px 0;background:#f2f5fb;border-bottom:2px solid #0057b8;scrollbar-width:none}
.dir-tab{flex:0 0 auto;padding:8px 14px;border-radius:10px 10px 0 0;background:#e3e8f2;color:#334;text-decoration:none;font-weight:700;border:1px solid #cfd8e8;border-bottom:none}
.dir-tab.on{background:#0057b8;color:#fff;border-color:#0057b8} .dir-tab.soon{opacity:.85} .dir-tab small{font-weight:600;color:#c77700;margin-left:2px} .dir-tab.on small{color:#FFD500}
.dir-tab.idea{background:#fff8d6;border-color:#f0d676}
.soon-tag{font-size:.9rem;background:#fff3bf;color:#a66b00;border-radius:8px;padding:2px 8px;vertical-align:middle}
.soon-box{text-align:center} .soon-n{font-size:1.3rem}
.dir-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px} .dir-card{display:flex;flex-direction:column;gap:4px;text-decoration:none;color:inherit}
.idea{display:flex;justify-content:space-between;align-items:center;gap:10px} .idea-form{display:flex;flex-direction:column;gap:8px}
.motto{margin:0;padding:8px 16px 0;background:#f2f5fb;text-align:center;font-weight:800;color:#0057b8;font-size:1.02rem}
@media (max-width:640px){.dir-tabs{flex-wrap:nowrap}.motto{font-size:.92rem}}
details.parents{margin:8px 0} details.parents summary{cursor:pointer;display:inline-block;background:#fff3bf;border:1px solid #f0d676;border-radius:10px;padding:6px 12px;font-weight:700} details.parents[open] summary{margin-bottom:6px}
.motto span{font-weight:600;color:#335}
@media (max-width:640px){.motto span{display:block}}
/* 🗂 вкладки — у синій шапці */
.dir-tabs{background:#0057b8;border-bottom:none;padding:4px 16px 0;margin-top:-1px}
.dir-tab{background:rgba(255,255,255,.14);color:#fff;border-color:rgba(255,255,255,.25)}
.dir-tab.on{background:#FFD500;color:#0b2b5c;border-color:#FFD500}
.dir-tab small{color:#ffe680} .dir-tab.on small{color:#7a5a00}
.dir-tab.idea{background:rgba(255,213,0,.18);border-color:rgba(255,213,0,.5);color:#fff} .dir-tab.idea.on{background:#FFD500;color:#0b2b5c}
.motto{display:none}
.about-lead{font-size:1.35rem;font-weight:800;color:#0057b8;line-height:1.45;background:#eef4ff;border-left:5px solid #FFD500;padding:14px 16px;border-radius:10px}
.about-two{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px} .about-two ul{margin:6px 0 0 18px;padding:0} .about-two h2{font-size:1.1rem;margin:0}
.about-steps li{margin:8px 0;line-height:1.5} .about-dir{display:inline-block;margin:4px 6px 4px 0;padding:6px 12px;border-radius:10px;background:#eef4ff;text-decoration:none;font-weight:700}
.about-dir small{color:#c77700} .about-motto{font-weight:800;font-size:1.1rem;text-align:center;margin:20px 0}
.life-stages{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px} .life-stages .box{display:flex;flex-direction:column;gap:4px;margin:0} .life-stages span{color:#555;font-size:.95rem}
.who-box h2{margin-top:0} .who-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}
.who-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;border-radius:12px;background:#eef4ff;border:2px solid #cfe0ff;text-decoration:none;font-weight:800;color:#0b2b5c;text-align:center}
.who-btn span{font-size:1.8rem} .who-btn:hover,.who-btn.on{border-color:#0057b8;background:#fff8d6}
.who-now{background:#fff8d6;border-radius:8px;padding:6px 10px}
.for-list{display:grid;gap:8px} .for-item{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;text-decoration:none;color:inherit;margin:0} .for-item b{font-size:1.1rem}
.new-site{background:#eef9ee;border:1px solid #b9e0b9;border-radius:10px;padding:10px 12px;color:#1b5e20} .help-now{background:#fff8d6}
.site-counter{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;margin:12px 0}
.site-counter div{background:#0057b8;color:#fff;border-radius:12px;padding:12px;text-align:center;display:flex;flex-direction:column;gap:2px}
.site-counter b{font-size:1.8rem;color:#FFD500} .site-counter span{font-size:.9rem}
.tools-lead{font-weight:700;color:#0b2b5c} .tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px;margin-bottom:14px}
.tools-grid .box{display:flex;flex-direction:column;gap:4px;margin:0;border-left:4px solid #FFD500} .tools-grid span{color:#555;font-size:.95rem} .tools-grid .soon-tag{font-size:.75rem}
.about-motto-big{font-size:2rem;font-weight:900;color:#0057b8;margin:4px 0 10px;line-height:1.2} @media (max-width:640px){.about-motto-big{font-size:1.55rem}}
.side-d>summary{cursor:pointer;font-weight:800;background:#fff;border:1px solid #dfe6f2;border-radius:12px;padding:10px 14px;margin-bottom:8px;list-style:none}
.side-d>summary::-webkit-details-marker{display:none}
@media (min-width:701px){.side-d>summary{display:none}} @media (max-width:700px){.side-t{display:none}}
.whoami a.cur{background:#0057b8;color:#fff} .who-flash{background:#2e7d32;color:#fff;border-radius:14px;padding:2px 12px;font-weight:700;animation:whoflash 1.2s ease-out 2}
@keyframes whoflash{0%{box-shadow:0 0 0 0 rgba(46,125,50,.7)}100%{box-shadow:0 0 0 12px rgba(46,125,50,0)}}
.top .mission-top{white-space:nowrap} @media (max-width:1250px){body.resume-only .top .mission-top{display:none}}
.social-how{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:10px;margin-bottom:14px} .social-how .box{margin:0} .social-how ul{margin:8px 0 0;padding-left:20px} .social-how li{margin:4px 0}
.social-btns{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:4px 0 16px} .social-btns .sb{color:#fff;font-weight:800;border-radius:12px;padding:10px 18px;text-decoration:none}
.social-btns .tg{background:#229ED9} .social-btns .ig{background:linear-gradient(45deg,#f58529,#dd2a7b,#8134af)} .social-btns .tt{background:#111}
.social-btns .s-tg{background:#229ED9} .social-btns .s-ig{background:linear-gradient(45deg,#f58529,#dd2a7b,#8134af)} .social-btns .s-tt{background:#111}
.days-pick{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0} .days-pick label{background:#eef3fb;border-radius:10px;padding:6px 10px;font-weight:700;cursor:pointer} .lessons-box input[type=time]{font-size:1.1rem;padding:6px}
.trate{font-weight:700} .trate b{color:#0057b8;font-size:1.1em}
.ava-rate{position:absolute;right:8px;top:8px;background:#FFD500;color:#0b2b5c;font-weight:900;border-radius:12px;padding:3px 10px;font-size:.95rem;box-shadow:0 2px 6px rgba(0,0,0,.25);z-index:2}
.ad-pic,.rv-photo{position:relative}
.rate-10{display:grid;grid-template-columns:repeat(10,1fr);gap:6px;margin:8px 0} .rate-10 label{cursor:pointer} .rate-10 input{display:none}
.rate-10 span{display:block;text-align:center;font-weight:900;font-size:1.3rem;padding:12px 0;border-radius:10px;background:#eef3fb}
.rate-10 input:checked+span{background:#0057b8;color:#fff} .rate-legend{display:flex;justify-content:space-between}
@media (max-width:640px){.rate-10{grid-template-columns:repeat(5,1fr)}}
.sealed-box{border:2px solid #0057b8} .offer-form{display:flex;flex-direction:column;gap:8px} .offer-form input{font-size:1.4rem;padding:8px;max-width:200px}
.offers{display:flex;flex-direction:column;gap:8px} .offer-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;background:#f4f7fc;border-radius:12px;padding:10px 12px}
.offer-row .o-price{font-size:1.3rem;font-weight:900;color:#0057b8;margin-left:auto}
.sub-form{display:flex;flex-direction:column;gap:8px} .subs{display:flex;flex-direction:column;gap:6px} .sub-row{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:0}
.rv-photo-wrap{position:relative} .rv-photo-wrap>.ava-rate{right:-6px;top:-4px}
.side-tabs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:6px 0 10px} .side-tabs a:not(.btn){padding:8px 14px;border-radius:12px;background:#eef3fb;font-weight:800;text-decoration:none;color:#0b2b5c} .side-tabs a.on{background:#0057b8;color:#fff} .side-tabs .btn{margin-left:auto}
.now-do{display:flex;flex-wrap:wrap;gap:8px;align-items:center;border-left:6px solid #2e7d32} .now-do h2{width:100%;margin:0 0 4px}
.act-btn{display:inline-flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left} .act-cnt{font-weight:600;opacity:.9;font-size:.82rem} .act-cnt b{font-size:1.05rem}
.for-open summary{cursor:pointer;list-style:none} .for-open summary::-webkit-details-marker{display:none} .now-do.in{border:0;padding:8px 0 0;display:flex;flex-wrap:wrap;gap:8px}
.two-ways{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0 14px} .two-ways .way{display:flex;flex-direction:column;align-items:center;padding:18px 10px;font-size:1.4rem;text-align:center}
.two-ways .way small{font-size:.85rem;font-weight:600;opacity:.9;margin-top:4px}
.subj-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin:10px 0} .subj-btn{margin:0;display:flex;flex-direction:column;gap:2px;text-decoration:none;color:inherit;border-left:4px solid #0057b8} .subj-btn small{color:#555}
.prices-now{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;border-left:6px solid #FFD500} .prices-now>b{width:100%}
@media (max-width:640px){.two-ways .way{font-size:1.15rem}}
.two-ways .way .way-cnt{margin-top:6px;background:rgba(255,255,255,.18);border-radius:10px;padding:2px 10px}
.life-st{text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:2px}
.kids-trust{border-left:6px solid #2e7d32;background:#f3faf3}

.subj-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))} .subj-btn b{word-break:normal;overflow-wrap:normal;hyphens:none}

.need-box{margin:.6rem 0}.need-h{margin:0 0 .5rem;display:flex;flex-wrap:wrap;gap:.3rem .6rem;align-items:baseline}.need-offer{margin-left:auto;font-weight:600;white-space:nowrap}.need-chip{text-decoration:none;color:inherit}.need-chip b{background:var(--blue,#0057b7);color:#fff;border-radius:9px;padding:0 .4rem;font-size:.8em}

.need-empty{border-style:dashed}

.about-mvv{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.8rem;margin:1rem 0}.about-mvv .box{display:flex;flex-direction:column;gap:.35rem}.about-mvv b{font-size:1.1rem}
.about-stages{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:.7rem}.about-stage{display:flex;flex-direction:column;gap:.35rem;text-decoration:none;color:inherit}.about-stage.on{outline:2px solid var(--blue,#0057b7)}.st-pain{color:#555}.st-help{font-weight:500}


.life-story{display:flex;flex-direction:column;gap:.8rem;margin:1rem 0}.story-ch{display:flex;flex-direction:column;gap:.4rem;text-decoration:none;color:inherit;border-left:5px solid var(--yellow,#ffd500)}.story-ch:nth-child(even){border-left-color:var(--blue,#0057b7)}.story-ch.on{outline:2px solid var(--blue,#0057b7)}.story-tag{font-size:.85rem;color:#666;font-weight:600}.story-h{font-size:1.2rem;line-height:1.3}.story-t{color:#444;line-height:1.5}.story-help{font-weight:500;line-height:1.45}.story-go{align-self:flex-end;color:var(--blue,#0057b7);font-weight:700}.story-end{font-size:1.05rem;line-height:1.55;margin:1rem 0}


.btn.wa{background:#25d366;color:#fff}.about-chat{background:#fffbe6;border-left:4px solid var(--yellow,#ffd500);padding:.7rem .9rem;border-radius:8px}

.about-problems{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:.7rem;margin:.8rem 0 1rem}.about-problems .box{display:flex;flex-direction:column;gap:.35rem}.about-problems b{font-size:1.05rem}.pr-help{font-weight:500;color:var(--blue,#0057b7)}


.solution-lead{font-size:1.08rem;line-height:1.55;background:#eef5ff;border-left:4px solid var(--blue,#0057b7);padding:.75rem .9rem;border-radius:8px}.solution-steps li{margin:.45rem 0;line-height:1.5}


/* 🧢 11.11 шапка: вкладки в один рядок (на вузькому — гортаються), місто тихіше, «Увійти через Telegram» */
.dir-tabs{flex-wrap:nowrap!important;overflow-x:auto;gap:3px}
.dir-tab{padding:7px 11px;font-size:.88rem;white-space:nowrap}
.dir-tab:first-child{margin-left:auto}.dir-tab:last-child{margin-right:auto}
.city-pick{background:transparent;font-size:.85rem;opacity:.85;padding:4px 6px}
.city-pick:hover{opacity:1;background:rgba(255,255,255,.12)}
.login-tg{white-space:nowrap}
@media (max-width:640px){.login-tg .long{display:none}}

.hooks{display:flex;flex-direction:column;gap:.4rem;margin:.2rem 0 1rem}.hook{background:#eef5ff;border-radius:10px;padding:.55rem .8rem;color:inherit;text-decoration:none;line-height:1.4}a.hook:hover{background:#e1edff}.about-chat.honest ul{margin:.3rem 0 .5rem 1.1rem}.about-chat.honest li{margin:.25rem 0}

.urgent-box{border-left:4px solid #e53935;background:#fff5f5}.urgent-flag{border-left:4px solid #e53935;background:#fff5f5;margin:.6rem 0}.ribbon.urg-r{background:#e53935;color:#fff}

.prof-card{display:flex;gap:1rem;align-items:center}.prof-photo{position:relative;width:96px;height:96px;flex:0 0 96px;border-radius:50%;background:#e3e8f2;display:flex;align-items:center;justify-content:center;font-size:2.4rem;overflow:visible}.prof-photo img{width:96px;height:96px;border-radius:50%;object-fit:cover}.prof-photo .ava-rate{position:absolute;bottom:-6px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:.75rem}.prof-name{font-size:1.25rem}

.prof-photo .ava-rate{top:auto;right:auto;bottom:-10px;left:50%;transform:translateX(-50%);padding:2px 9px;font-size:.78rem;line-height:1.35;white-space:nowrap}


.edit-l{font-weight:600;white-space:nowrap}


.prof-card .pe-only{display:none}.prof-card.editing .pe-only{display:revert}.prof-card.editing .pv-only{display:none}.prof-body{flex:1;display:flex;flex-direction:column;gap:.35rem}.prof-body input,.prof-body textarea{width:100%}.pe-photo{position:absolute;top:-8px;left:50%;transform:translateX(-50%);background:#fff;border-radius:10px;padding:1px 8px;font-size:.75rem;cursor:pointer;box-shadow:0 1px 4px rgba(0,0,0,.2);white-space:nowrap}


.prof-body>.btn,.prof-body>span.pe-only{align-self:flex-start}.prof-body p{margin:.1rem 0}


.cab-hint{margin:.3rem 0 1rem}.cab-ways{margin:.4rem 0 1.2rem}.cab-list{display:flex;flex-direction:column;gap:.5rem}.cab-item{display:flex;flex-direction:column;gap:.2rem;text-decoration:none;color:inherit}.cab-tag{font-size:.8rem;font-weight:700;align-self:flex-start;border-radius:8px;padding:1px 8px}.cab-tag.seek{background:#fff1e6;color:#b45309}.cab-tag.offer{background:#e8f0ff;color:#0057b8}.cab-settings{margin-top:1.4rem}.cab-settings>summary{cursor:pointer;padding:.6rem 0;font-size:1.05rem}

.sub-step{font-weight:700;margin:.7rem 0 .3rem}.sub-side{flex-direction:column;align-items:stretch}


.sub-side .big-chip small{display:block;margin:.15rem 0 0 1.6rem;color:#667;font-weight:400}


.sub-side .big-chip{display:block;text-align:left}


.tabs-arrow{position:absolute;z-index:5;width:34px;height:34px;border-radius:50%;border:none;background:#FFD500;color:#0b2b5c;font-weight:900;box-shadow:0 2px 6px rgba(0,0,0,.3);cursor:pointer;margin-top:-38px}.tabs-arrow.l{left:4px}.tabs-arrow.r{right:4px}.tabs-arrow[hidden]{display:none}


/* 11.11 вкладки: звичайна смужка прокрутки знизу (як у всіх), замість стрілок */
.tabs-arrow{display:none!important}
.dir-tabs{scrollbar-width:thin!important;scrollbar-color:rgba(255,213,0,.9) rgba(255,255,255,.15);padding-bottom:6px}
.dir-tabs::-webkit-scrollbar{display:block;height:8px}.dir-tabs::-webkit-scrollbar-track{background:rgba(255,255,255,.15);border-radius:4px}.dir-tabs::-webkit-scrollbar-thumb{background:rgba(255,213,0,.9);border-radius:4px}


/* 11.11 без бігунка: вкладки стискаються в картинки */
.dir-tabs{scrollbar-width:none!important;padding-bottom:0}.dir-tabs::-webkit-scrollbar{display:none!important}
.dir-tabs.icons .dir-tab .dt-name{display:none}.dir-tabs.icons .dir-tab.on .dt-name{display:inline}.dir-tabs.icons .dir-tab{padding:7px 10px;font-size:1.05rem}.dir-tabs.icons .dir-tab.on{font-size:.88rem}


/* 11.11 вкладки: не влазять — переносяться у другий рядок, з назвами (без іконок-замість-назв і без бігунка) */
.dir-tabs{flex-wrap:wrap!important;overflow:visible!important;justify-content:center;row-gap:4px}.dir-tab:first-child,.dir-tab:last-child{margin-left:0;margin-right:0}.dir-tab{border-radius:10px 10px 0 0}
.dir-tabs.icons .dir-tab .dt-name{display:inline}


.warn-box{border-left:4px solid #e0a100;background:#fff8e1;margin-bottom:.8rem}

.about-cta{margin:1rem 0 1.4rem}.about-more{margin:.6rem 0;background:#fff;border-radius:14px;padding:.2rem .9rem;box-shadow:0 1px 4px rgba(0,0,0,.06)}.about-more>summary{cursor:pointer;font-weight:800;font-size:1.1rem;padding:.7rem 0}.about-more[open]>summary{border-bottom:1px solid #eef}


.catalog:has(.cat-search){display:block}.cat-search{display:flex;gap:.5rem;align-items:center;margin-bottom:.8rem}.cat-search input[name=q]{flex:1;min-width:0}


.form-more{margin:.4rem 0 .8rem}.form-more>summary{cursor:pointer;font-weight:600;color:var(--blue,#0057b7);padding:.3rem 0}.cab-act{margin-top:.3rem}

/* 🔥 Гарячі віконця (11.11) */
.dir-tab.hot{font-weight:800}
.vk-lead{font-size:1.05rem}
.vk-cats{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}
.vk-cats .chip.sub{text-decoration:none;color:inherit}
.vk-list{display:flex;flex-direction:column;gap:10px;margin:10px 0}
.vk-item{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit;padding:12px 14px}
.vk-ic{font-size:34px;flex:0 0 auto}
.vk-main{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}
.vk-next{color:#b45309;font-weight:600}
.vk-price{flex:0 0 auto;text-align:right;font-size:1.35rem;font-weight:800;color:var(--ok,#1a7f37);display:flex;flex-direction:column}
.vk-price s{font-size:.85rem;color:#888;font-weight:400}
.vk-price em{font-style:normal;font-size:.8rem;color:#fff;background:#E8590C;border-radius:8px;padding:1px 6px;margin-top:2px}
.vk-big{font-size:1.4rem}.vk-big em{font-style:normal;color:#fff;background:#E8590C;border-radius:8px;padding:1px 8px;font-size:1rem}
.vk-take{font-size:1.15rem;padding:14px 26px}
.vk-one h1{margin-top:0}
.vk-empty,.vk-sub,.vk-biz{margin:14px 0}
.vk-biz{border-left:6px solid #E8590C}
.vk-row{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}.vk-row label{flex:1 1 140px}
.vk-services{margin:0;padding-left:0;list-style:none}.vk-services li{padding:4px 0}
.vk-adm .ok{margin:2px 0}
@media (max-width:560px){.vk-item{flex-wrap:wrap}.vk-price{flex-direction:row;gap:8px;align-items:baseline}}

/* 📦 речі за падаючою ціною (11.11) */
.drop-box{border-left:6px solid #E8590C;margin:10px 0}.drop-box .chk{display:flex;gap:8px;align-items:center}.drop-now{color:#b45309;font-weight:600}
.gift-list{margin:10px 0}.gift-row{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--line,#eee)}.gift-ask label{display:block;margin-bottom:8px}
.gift-row .btn{white-space:nowrap;flex:0 0 auto}
.good-n{display:inline-block;background:#e8f1ff;color:#0057b7;border-radius:10px;padding:2px 8px;font-weight:700;font-size:.92em}
.pay-acts{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:8px 0}.pay-acts p{flex-basis:100%;margin:0}.tsiny td,.tsiny th{padding:8px;vertical-align:top}.tsiny{width:100%;border-collapse:collapse}.tsiny tr{border-bottom:1px solid var(--line,#eee)}.tsiny .pr{white-space:nowrap;font-weight:800;color:var(--ok,#1a7f37)}

/* 🎨 11.11 шапка «варіант C» */
.hd{background:#fff;box-shadow:0 2px 14px rgba(10,40,90,.08);padding:10px 18px 0;position:relative;z-index:5}
.hd a{text-decoration:none}
.hd-top{display:flex;align-items:center;gap:10px;max-width:1100px;margin:0 auto}
.hd-logo{display:flex;align-items:center;gap:10px;color:#0b3a82}
.hd-ic{width:42px;height:42px;border-radius:11px;display:block}   /* 13.11 новий знак «П» — без жовтої рамки (жовто-синій є в стрічці) */
.hd-name{display:flex;flex-direction:column;font-weight:800;font-size:22px;line-height:1;color:#1F4D3A}   /* 13.11 як у знаку: назва зелена */
.hd-name small{font-weight:600;font-size:12px;color:#8a7a68;margin-top:3px}
.hd-sp{flex:1}
.hd-city{border:1px solid #dfe5ee;border-radius:20px;padding:7px 12px;font-size:14px;font-weight:700;color:#1d2433;white-space:nowrap;max-width:46vw;overflow:hidden;text-overflow:ellipsis}
.hd-in{background:#0057b7;color:#fff!important;border-radius:12px;padding:9px 14px;font-weight:800;font-size:14px;white-space:nowrap}
.hd-me{font-weight:800;color:#0b3a82;white-space:nowrap}.hd-link{font-size:14px;color:#0057b7}
.hd-ic-btn{position:relative;font-size:18px}.hd-ic-btn .badge{position:absolute;top:-6px;right:-10px}
.hd-main{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;max-width:1100px;margin:12px auto 0}
.hd-m{display:block;border-radius:14px;padding:9px 6px;text-align:center;font-weight:800;font-size:15px;color:#1d2433;background:#f1f4f9;
  border:2px solid transparent;transition:transform .08s}
.hd-m b{display:block;font-size:22px;line-height:1.2}.hd-m:active{transform:translateY(1px)}
.hd-m.seek{background:#fff1e6;color:#c2410c}.hd-m.offer{background:#e8f1ff;color:#0057b7}.hd-m.vk{background:#ffe9d6;color:#b45309}
.hd-m.re{background:#eef7ee;color:#1a7f37}
.hd-m.on{border-color:currentColor;box-shadow:0 2px 8px rgba(0,0,0,.08)}
.hd-life{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px;max-width:1100px;margin:10px auto 0;padding-bottom:10px;font-size:13px}
.hd-life-t{color:#7a8499;font-weight:600}
.hd-l{padding:4px 10px;border-radius:14px;background:#f5f7fa;color:#3d4a63;font-weight:600}
.hd-l.on{background:#0057b7;color:#fff}.hd-l.about{margin-left:auto}
.hd-line{height:3px;background:linear-gradient(90deg,#0057b7 0 50%,#ffd500 50% 100%);margin:0 -18px}
@media (max-width:560px){.hd{padding:8px 12px 0}.hd-long{display:none}.hd-name{font-size:20px}.hd-name small{font-size:11px}
  .hd-main{gap:6px}.hd-m{font-size:13px;padding:8px 2px}.hd-m b{font-size:20px}.hd-l.about{margin-left:0}.hd-line{margin:0 -12px}}

/* 👥 12.11 «Для кого» — кнопка з меню */
.hd-life{justify-content:space-between}
.hd-dd{position:relative}
.hd-dd>summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:20px;
  background:#f1f4f9;color:#1d2433;font-weight:700;font-size:14px;user-select:none}
.hd-dd>summary::-webkit-details-marker{display:none}
.hd-dd[open]>summary{background:#0057b7;color:#fff}.hd-dd[open] .hd-car{transform:rotate(180deg)}.hd-car{display:inline-block;transition:transform .15s}
.hd-dd-menu{position:absolute;left:0;top:calc(100% + 6px);z-index:30;background:#fff;border-radius:14px;box-shadow:0 10px 30px rgba(10,40,90,.18);
  padding:8px;display:grid;grid-template-columns:repeat(2,minmax(150px,1fr));gap:6px;min-width:320px}
.hd-dd-menu .hd-l{display:block;padding:9px 12px;border-radius:10px;font-size:14px}
.hd-dd-menu .hd-l small{color:#7a8499;font-weight:600}.hd-dd-menu .hd-l.on small{color:#dbe7ff}
@media (max-width:560px){.hd-dd-menu{min-width:0;width:calc(100vw - 24px);grid-template-columns:1fr 1fr}}

/* 👥 12.11 «Для кого» — п'ята кнопка в ряду */
.hd-main{grid-template-columns:repeat(5,1fr);margin-bottom:12px}
.hd-dd.hd-m{position:relative;padding:0;background:#f3eefc;color:#6b3fb5}
.hd-dd.hd-m>summary{display:block;list-style:none;cursor:pointer;padding:9px 6px;text-align:center;border-radius:14px;background:none;font-size:15px;color:inherit}
.hd-dd.hd-m>summary b{display:block;font-size:22px;line-height:1.2}
.hd-dd.hd-m[open]{border-color:currentColor}
.hd-dd-menu{right:0;left:auto}
@media (max-width:560px){.hd-main{gap:5px}.hd-m,.hd-dd.hd-m>summary{font-size:12px}.hd-m b,.hd-dd.hd-m>summary b{font-size:19px}
  .hd-dd-menu{position:fixed;left:12px;right:12px;top:auto;width:auto}}
.hd-dd-menu{min-width:440px}.hd-dd-menu .hd-l{text-align:left;white-space:nowrap}@media (max-width:560px){.hd-dd-menu{min-width:0}.hd-dd-menu .hd-l{white-space:normal}}

/* 🎨 12.11 ПАСТЕЛЬНІ ТОНИ ДЛЯ ВСЬОГО САЙТУ (користувач: «всі кнопки та кольори мають бути таких тонів, дуже гарно» —
   як 5 кнопок шапки): світле тло + насичений текст того ж кольору + рамка при наведенні/вибраному. Повернути — видалити цей блок. */
:root{--p-blue-bg:#e8f1ff;--p-blue:#0057b7;--p-org-bg:#fff1e6;--p-org:#c2410c;--p-grn-bg:#eef7ee;--p-grn:#1a7f37;
  --p-red-bg:#ffe9d6;--p-red:#b45309;--p-vio-bg:#f3eefc;--p-vio:#6b3fb5;--p-gry-bg:#f1f4f9;--p-gry:#33415c}
.btn{background:var(--p-blue-bg);color:var(--p-blue)!important;border:2px solid transparent;box-shadow:none;font-weight:800}
.btn:hover{filter:none;border-color:currentColor}
.btn.hot{background:var(--p-org-bg);color:var(--p-org)!important}
.btn.ghost{background:#fff;color:var(--p-gry)!important;border:2px solid #e3e8f0}
.btn.light{background:#fff;color:var(--p-blue)!important}
.btn.big{border-width:2px;box-shadow:0 2px 8px rgba(16,24,40,.06)}
.btn.big.hot,.btn.hot.vk-take{border-color:rgba(194,65,12,.35)}
.btn.tg{background:#e6f4fb;color:#1c86bd!important}.btn.vb{background:#efecfe;color:#5b48d6!important}.btn.wa{background:#e8f8ee;color:#128c4a!important}
.btn.off,.btn[disabled]{background:#eef0f3!important;color:#8a94a6!important;border-color:transparent!important}
.two-btns .btn.on{background:var(--p-grn-bg);color:var(--p-grn)!important;border-color:currentColor}
.chip.sub{background:var(--p-gry-bg);border-color:transparent;color:var(--p-gry)}
.chip.sub.on{background:var(--p-blue-bg);color:var(--p-blue);border-color:currentColor}
.group-tabs a{background:var(--p-gry-bg);color:var(--p-gry)}.group-tabs a.on{background:var(--p-blue-bg);color:var(--p-blue);box-shadow:inset 0 0 0 2px currentColor}
.side-tabs a:not(.btn){background:var(--p-gry-bg);color:var(--p-gry)}
.side-tabs a.on:not(.btn){background:var(--p-blue-bg);color:var(--p-blue);box-shadow:inset 0 0 0 2px currentColor}
.hd-in{background:var(--p-blue-bg);color:var(--p-blue)!important;border:2px solid transparent}.hd-in:hover{border-color:currentColor}
.hd-dd-menu .hd-l.on,.hd-dd-menu .hd-l.about{background:var(--p-blue-bg);color:var(--p-blue)}.hd-dd-menu .hd-l.on small{color:var(--p-blue)}
.vk-price em,.vk-big em{background:var(--p-org-bg);color:var(--p-org)}
.good-n{background:var(--p-blue-bg);color:var(--p-blue)}
.lot-badge{background:var(--p-blue-bg);color:var(--p-blue)}
.vk-biz,.drop-box{border-left-color:#f3b98f}

/* 12.11 «Про нас»: плитки-посилання (віконця, речі) — без підкреслення, як звичайні плитки */
.tools-grid a.box{text-decoration:none;color:inherit;display:flex;flex-direction:column}
.tools-grid a.box b{color:var(--blue,#0b4ea2)}

/* 🔨 12.11 АУКЦІОН РЕЧЕЙ: поточна ставка великим, таймер, швидкі кнопки ставок, історія «Учасник N» */
.auk{border-left:5px solid #F2A65A;background:linear-gradient(180deg,#FFF8F0,#fff)}
.auk-head{margin:0 0 8px}
.auk-now{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin:6px 0 10px}
.auk-lbl{width:100%;color:#7a5a3a;font-size:.9rem}
.auk-price{font-size:2.1rem;color:#1f7a3a;line-height:1.1}
.auk-n{color:#555}
.auk-quick{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0}
.auk-own{margin:6px 0}.auk-own input{max-width:160px;margin-right:6px}
.auk-hist{margin-top:12px;border-top:1px dashed #e6d3bf;padding-top:8px}
.auk-row{display:flex;gap:10px;align-items:baseline;padding:3px 0}.auk-row span{flex:1}.auk-row.me span{font-weight:700;color:#0b4ea2}
.auk-rules{font-size:.85rem;margin-top:10px}
.ribbon.live-r{background:#F2A65A;color:#fff}
.sell-box{display:flex;flex-direction:column;gap:8px}
.sell-opt{display:flex;gap:10px;align-items:flex-start;padding:10px;border:1px solid #e3e8f0;border-radius:12px;cursor:pointer;background:#fff}
.sell-opt:has(input:checked){border-color:#F2A65A;background:#FFF6EC}
.sell-opt span{display:flex;flex-direction:column;gap:2px}.sell-opt small{color:#666;font-weight:400}
.sell-opt input[type=radio]{width:20px;height:20px;min-width:20px;flex:0 0 20px;margin:2px 0 0;accent-color:#E8833A}

/* 🔥 12.11 ГОЛОВНА «ЗАРАЗ»: лічильники, розділи з «Усі →», аукціони, що закінчуються, — помаранчеві, остання година — червона */
.z-head{display:flex;flex-direction:column;gap:10px;margin-bottom:6px}
.z-what{margin:0;color:#4a5670;max-width:65ch}
.z-count{display:flex;flex-wrap:wrap;gap:8px}
.z-count a{background:#fff;border:1px solid #e3e8f0;border-radius:999px;padding:6px 14px;text-decoration:none;color:#16233a;font-weight:600}
.z-count a b{color:#E8833A}
.z-sec{margin-top:22px}
.z-sec-h{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.z-sec-h h2{font-size:1.2rem;margin:0}
.z-sec-h a{font-weight:700;text-decoration:none}
.ad-box.auk-box{border:2px solid #F2A65A}
.ad-box.auk-soon{border:2px solid #E5484D;box-shadow:0 0 0 3px rgba(229,72,77,.12)}
.ad-box.auk-soon .ad-foot span{color:#C4302B;font-weight:800}
.z-sell{margin-top:24px;display:flex;flex-direction:column;gap:6px;background:#FFF8EC}
.z-sell span{color:#555}
.z-empty .btn{margin:4px 4px 0 0}
/* 🧪 12.11 ДЕМО-ПРИКЛАДИ: помітно, але спокійно */
.demo-note{background:#F1ECFF;border:1px dashed #8B6FD6;border-radius:12px;padding:10px 14px;color:#3b2a73;margin:6px 0}
.ribbon.demo-r{background:#7A5CD0;color:#fff}
.demo-tag{display:inline-block;background:#7A5CD0;color:#fff;border-radius:6px;padding:0 6px;font-size:.8rem;margin-right:4px}
/* 🗂 12.11 ВАРІАНТ А — ТРИ СВІТИ: 📦 Речі (зелений) · 🛠 Послуги (синій) · 🔥 Віконця (помаранчевий); той самий колір скрізь */
.hd-main{grid-template-columns:repeat(3,1fr)!important}
.hd-m small{display:block;font-weight:600;font-size:11.5px;opacity:.8;margin-top:1px}
.hd-m.w-re{background:#eaf6ec;color:#1a7f37}.hd-m.w-po{background:#e8f1ff;color:#0057b7}.hd-m.w-vk{background:#ffeedd;color:#b45309}
.hd-m.w-re.on{outline:2px solid #1a7f37}.hd-m.w-po.on{outline:2px solid #0057b7}.hd-m.w-vk.on{outline:2px solid #b45309}
.hd-add{background:#FFD43B;color:#1d2433;font-weight:800;border-radius:999px;padding:7px 14px;text-decoration:none;white-space:nowrap}
.hd-add.on{outline:2px solid #1d2433}
@media (max-width:560px){.hd-m small{display:none}.hd-add{padding:6px 10px}}
.w-tag{display:inline-block;border-radius:6px;padding:1px 8px;font-weight:700;font-size:.82rem}
.w-tag.w-re{background:#eaf6ec;color:#1a7f37}.w-tag.w-po{background:#e8f1ff;color:#0057b7}.w-tag.w-vk{background:#ffeedd;color:#b45309}
.world-blk{border-radius:18px;padding:16px 14px;margin-top:18px;border:1px solid #e3e8f0;background:#fff}
.world-blk.w-re{border-top:5px solid #1a7f37}.world-blk.w-po{border-top:5px solid #0057b7}.world-blk.w-vk{border-top:5px solid #E8833A}
.world-h{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px;margin-bottom:8px}
.world-h h2{margin:0;font-size:1.35rem}.world-h a{margin-left:auto;font-weight:700;text-decoration:none}
.world-blk.w-re .world-h h2{color:#1a7f37}.world-blk.w-po .world-h h2{color:#0057b7}.world-blk.w-vk .world-h h2{color:#b45309}
.z-sub{font-size:1rem;margin:14px 0 8px}.z-sub a{font-size:.85rem;font-weight:600;margin-left:6px}
.world-act{margin:12px 0 0}
.w-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 4px}
.w-tabs a{padding:8px 16px;border-radius:999px;background:#e8f1ff;color:#0057b7;font-weight:700;text-decoration:none}
.w-tabs a.on{background:#0057b7;color:#fff}
.w-h{font-size:1.1rem;margin:16px 0 8px}
.w-life{display:flex;flex-wrap:wrap;gap:6px}.w-other{margin-top:16px}
.sell-tabs{flex-wrap:wrap}.sell-tabs a.on{outline:2px solid #1a7f37}
.add-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin:14px 0}
.add-card{display:flex;flex-direction:column;gap:6px;text-decoration:none;color:inherit;border-top:6px solid}
.add-card.w-re{border-top-color:#1a7f37}.add-card.w-po{border-top-color:#0057b7}.add-card.w-vk{border-top-color:#E8833A}
.add-card .add-ic{font-size:2rem}.add-card b{font-size:1.2rem}.add-card span{color:#555}.add-card em{font-style:normal;font-weight:700;margin-top:auto}
/* 📦 12.11 (критика інспектора): річ купують очима — велике фото на всю ширину, мініатюри, «стан / розмір / де забрати» */
.thing-gal{margin:8px 0 12px}
.thing-big{display:block;width:100%;max-height:420px;object-fit:contain;background:#f1f4f9;border-radius:16px}
.thing-thumbs{display:flex;gap:8px;margin-top:8px;overflow-x:auto}
.thing-thumbs button{border:2px solid transparent;border-radius:10px;padding:0;background:none;flex:0 0 64px;cursor:pointer}
.thing-thumbs button.on{border-color:#1a7f37}.thing-thumbs img{width:60px;height:60px;object-fit:cover;border-radius:8px;display:block}
.thing-facts-v{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}
.thing-facts-v div{background:#eaf6ec;border-radius:10px;padding:6px 10px}.thing-facts-v dt{font-size:.75rem;color:#4d6b55}.thing-facts-v dd{margin:0;font-weight:700}
/* 🎯 12.11 на старт два світи — дві кнопки */
.hd-main.two{grid-template-columns:repeat(2,1fr)!important}

/* 🏪 12.11 «Підмога для бізнесу» — по-діловому: короткі блоки, список «кому підходить» чипами */
.biz-page .eyebrow{font-weight:800;color:#b45309;letter-spacing:.06em;text-transform:uppercase;font-size:.8rem;margin:0}
.biz-page h1{font-size:1.6rem;line-height:1.2;margin:6px 0 10px}
.biz-lead{font-size:1.05rem;max-width:65ch}
.biz-who{display:flex;flex-wrap:wrap;gap:8px}.biz-who span{background:#ffeedd;color:#7a3e00;border-radius:999px;padding:6px 12px;font-weight:600}
.biz-steps li,.biz-why li{margin:6px 0}.biz-why{list-style:none;padding:0}
.biz-price{border-top:5px solid #E8833A}
/* 🎁🔥 12.11 ХАЛЯВА ПЕРШОЮ: «Нехай бот кличе», «Безкоштовно поруч», «Найвигідніше зараз», сортування */
.hunt-cta{display:flex;flex-direction:column;gap:2px;background:#FFF4CC;border:1px solid #F5D66B;border-radius:14px;padding:12px 14px;margin-top:10px;text-decoration:none;color:#5a4300}
.hunt-cta span{font-size:.88rem;opacity:.85}
.world-blk.w-gift{border-top:5px solid #2F80ED;background:#F3F8FF}.world-blk.w-gift .world-h h2{color:#1859b4}
.world-blk.w-best{border-top:5px solid #E5484D;background:#FFF6F6}.world-blk.w-best .world-h h2{color:#b3261e}
.best-list{display:flex;flex-direction:column;gap:8px}
.best-row{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit;margin:0}
.best-off{flex:0 0 auto;background:#E5484D;color:#fff;font-weight:800;border-radius:10px;padding:6px 8px;font-size:1.05rem}
.best-main{flex:1;min-width:0;display:flex;flex-direction:column}.best-main small{color:#555}
.best-price{font-weight:800;color:#1f7a3a;white-space:nowrap}
.sort-row{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;margin:6px 0 10px}
.sort-row a{padding:4px 10px;border-radius:999px;background:#f1f4f9;text-decoration:none;color:#1d2433;font-weight:600;font-size:.9rem}
.sort-row a.on{background:#1d2433;color:#fff}
.hunt-form{display:flex;flex-direction:column;gap:10px}
.hunt-opt{display:flex;gap:10px;align-items:flex-start;padding:10px;border:1px solid #e3e8f0;border-radius:12px;background:#fff}
.hunt-opt input{width:20px;height:20px;flex:0 0 20px;margin-top:2px}.hunt-opt span{display:flex;flex-direction:column}.hunt-opt small{color:#666}
.hunt-cats{display:flex;flex-wrap:wrap;gap:6px}.hunt-cats .chip input{margin-right:4px}
/* 🎯 12.11 гасло «допомагає вполювати» в «Про нас» */
.about-hunt{font-size:1.05rem;background:#FFF4CC;border-radius:12px;padding:10px 14px}

/* 🏪 12.11 ВІТРИНА ЗАКЛАДУ і лічильник «через Підмогу» */
.vt-hello{background:#FFF4CC;border-radius:12px;padding:10px 14px}
.vt-head{display:flex;gap:14px;align-items:center;border-top:6px solid #E8833A}
.vt-logo{font-size:2.6rem;flex:0 0 auto;width:72px;height:72px;border-radius:18px;background:#ffeedd;display:grid;place-items:center}
.vt-info{min-width:0}.vt-info h1{margin:0 0 4px}
.vt-sub{border:2px solid #E8833A}
.vt-count .vt-nums{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px;margin:10px 0}
.vt-nums div{background:#f6f8fb;border-radius:12px;padding:10px;display:flex;flex-direction:column}
.vt-nums b{font-size:1.6rem;color:#b45309}.vt-nums span{font-size:.82rem;color:#555}
.vt-qr-img{background:#fff;padding:10px;display:inline-block;border-radius:12px;border:1px solid #e3e8f0}
#vt-qr-url{width:100%;max-width:420px}
/* 📸 12.11 Instagram / TikTok: посилання з кнопкою «Копіювати», джерела переходів */
.vt-social{border-top:5px solid #C13584}
.vt-link{display:flex;flex-direction:column;gap:4px;margin:10px 0}
.vt-row{display:flex;gap:6px;flex-wrap:wrap}.vt-row input{flex:1;min-width:200px}
.vt-link textarea{width:100%}
.vt-src{display:inline-block;background:#f6f8fb;border-radius:999px;padding:3px 10px;margin:2px 4px 2px 0}
/* ❌🆕📋 12.11 не прийшов, лише для нових, пам'ятка */
.vt-new{display:inline-block;background:#E8F1FF;color:#0b4ea2;border-radius:8px;padding:2px 8px;font-weight:700;font-size:.85rem}
.warn-in{color:#b3261e;margin-left:6px}
.vt-takes{display:flex;flex-direction:column;gap:4px;margin-top:4px}
.memo-step ol,.memo-step ul{margin:6px 0 0;padding-left:20px}.memo-step li{margin:4px 0}
.memo .eyebrow{font-weight:800;color:#b45309;letter-spacing:.06em;text-transform:uppercase;font-size:.8rem;margin:0}
/* 🔳 12.11 плакат з QR */
.plakat-wrap{background:#f1f4f9;border-radius:14px;padding:10px;text-align:center}
#plakat{width:100%;max-width:520px;height:auto;box-shadow:0 4px 18px rgba(0,0,0,.12);border-radius:6px;background:#fff}
.plakat-acts{display:flex;flex-wrap:wrap;gap:10px}
.vt-welcome{background:#FFF4CC;border-top:5px solid #E8833A}
/* 🧹 12.11 (критика, раунд 2): «Речі» — вкладки в ОДИН ряд, гортаються вбік; сортування — один тонкий рядок */
.sell-tabs{flex-wrap:nowrap!important;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.sell-tabs::-webkit-scrollbar{display:none}
.sell-tabs>*{flex:0 0 auto;white-space:nowrap}
.sort-row{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.sort-row::-webkit-scrollbar{display:none}.sort-row>*{flex:0 0 auto;white-space:nowrap}
/* 🧹 12.11 (критика, раунд 2): «➕ Додати» — словом; місто — повністю (на телефоні ховаємо підпис під логотипом і довге «Уся Україна» → «Україна») */
@media (max-width:560px){.hd-name small{display:none}.hd-city{max-width:none;padding:6px 10px;font-size:13px}.hd-add{padding:6px 10px;font-size:14px}}
/* 🔑 12.11 вхід: телефон + пароль, Google */
.login-page .login-box{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}
.pw-form label{display:flex;flex-direction:column;gap:4px;font-weight:600}
.pw-form label.chk{flex-direction:row;align-items:center;gap:8px;font-weight:400}
.pw-form input[type=tel],.pw-form input[type=password],.pw-form input[type=email],.pw-form input[inputmode=numeric],.pw-form input:not([type]){font-size:17px;padding:11px 12px;border:1px solid #cfd8e3;border-radius:10px}
.pw-links{margin:2px 0 0;font-size:15px}
.g-btn{background:#fff;border:1px solid #cfd8e3;color:#1d2433}
/* 🖥 12.11 КОМП'ЮТЕР (≥900 px): плитки як на OLX / eBay — фото згори, ціна, таймер, кнопка; 4 в ряд. Телефон — як було. */
@media (min-width:1300px){main{max-width:1240px}.hd-top,.hd-main,.hd-life{max-width:1240px}}
@media (min-width:900px){
  body .ads,body .z-ads{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;align-items:stretch}
  body .ad-box{display:flex;flex-direction:column;border-radius:14px}
  body .ad-box .ad{display:flex!important;flex-direction:column;flex:1;box-shadow:none;border-radius:0;grid-template-columns:none}
  body .ad-box .ad-pic{width:100%;height:auto;max-height:none;min-height:0;aspect-ratio:4/3;font-size:76px}
  body .ad-box .ad-pic img,body .ad-box .ad-pic video{width:100%;height:100%;object-fit:cover}
  body .ad-box .ad-body{padding:10px 14px 2px;gap:4px;flex:1}
  body .ad-box .ad-title{font-size:16px;line-height:1.3;min-height:2.6em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  body .ad-box .ad-price{font-size:15px}body .ad-box .ad-price .lp{font-size:25px}
  body .ad-box .specs{font-size:12.5px}
  body .ad-box .ad-foot{display:block;text-align:left;margin-top:2px}
  body .ad-box .ad-acts{margin:0;padding:6px 14px 14px;margin-top:auto}
  body .ad-box .ad-acts .btn{flex:1 1 auto;justify-content:center;text-align:center}
  .best-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .vk-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:12px}
  .hunt-cta{flex-direction:row;align-items:baseline;gap:10px;padding:9px 14px}
  .z-what{max-width:900px}
}
@media (max-width:899px){.z-ads>.ad-box:nth-child(n+4){display:none}}   /* телефон: по 3 на блок */@media (min-width:900px){body .ad-box .ad-acts{flex-direction:column;align-items:stretch}body .ad-box .ad-acts form{display:block;width:100%}body .ad-box .ad-acts form .btn,body .ad-box .ad-acts>.btn{width:100%;box-sizing:border-box}}
/* 🖥 12.11 сторінка речі на комп'ютері: фото ліворуч (велике, «липке»), праворуч — продавець, назва, ціна, кнопки (як на OLX / eBay) */
@media (min-width:1100px){
  section.narrow.thing-page{max-width:1180px;position:relative;padding-left:620px;box-sizing:border-box;min-height:640px}
  section.thing-page>.thing-gal{position:absolute;left:0;top:0;width:590px;margin:0}
  section.thing-page>.thing-gal .thing-big{width:100%;max-height:560px;object-fit:contain}
}
/* 🖥 12.11 (знімок користувача: на першому екрані лише шапка й верх фото) — компактніше на комп'ютері */
@media (min-width:900px){
  .hd-main .hd-m{flex-direction:row!important;justify-content:center;align-items:center;gap:8px;padding:10px 14px!important;min-height:0!important;flex-wrap:wrap}
  .hd-main .hd-m b{font-size:20px;margin:0!important}
  .hd-main .hd-m small{width:auto!important;margin:0 0 0 4px!important}
  body .ads,body .z-ads{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}
  body .ad-box .ad-pic{aspect-ratio:auto;height:150px;font-size:58px}
  body .ad-box .ad-title{font-size:15px}
  .zaraz-page h1{margin:6px 0 8px}
}@media (min-width:900px){.hd-main .hd-m{display:flex!important;padding:8px 14px!important}.hd-main .hd-m b{display:inline!important}.hd-main .hd-m small{display:inline!important;margin:0 0 0 6px!important}}
/* 🔥 12.11 ГОЛОВНА v3: пошук як OLX, ряди плиток (комп'ютер — 5 у ряд, телефон — гортати вбік), −% на фото, смужка «залишилось» */
.z3 .z-hero{margin-bottom:6px}.z3 .z-hero h1{margin:4px 0 10px}
.z-search{display:flex;gap:8px;margin:0 0 10px}.z-search input{flex:1;min-width:0;font-size:17px;padding:13px 14px;border:2px solid #cfd8e3;border-radius:12px;background:#fff}
.z-search input:focus{border-color:#0057b7;outline:none}.z-search .btn{padding:0 22px;font-size:17px}
.z-quick{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.z-quick::-webkit-scrollbar{display:none}
.z-quick a{flex:0 0 auto;white-space:nowrap;background:#fff;border:1px solid #dfe5ee;border-radius:20px;padding:7px 13px;font-weight:700;font-size:14px;color:#1d2433;text-decoration:none}
.z-quick a:hover{border-color:#0057b7}.z-quick a.z-hunt{background:#FFF4CC;border-color:#F5D66B;color:#5a4300}
.z3 .z-what{font-size:14px;color:#5b6577;margin:8px 0 0}
.z-row{margin:22px 0 0}.z-row-h{display:flex;align-items:baseline;gap:10px;margin:0 0 10px;flex-wrap:wrap}
.z-row-h h2{margin:0;font-size:21px}.z-row-h>a{margin-left:auto;font-weight:700;white-space:nowrap}
.r-auk .z-row-h h2{color:#c92a2a}.r-best .z-row-h h2{color:#d9480f}.r-biz .z-row-h h2{color:#b45309}.r-gift .z-row-h h2{color:#1c64c4}.r-drop .z-row-h h2{color:#1a7f37}
/* ряд: телефон — смуга, що гортається; плитка завжди вертикальна */
.rail{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 2px 10px;scrollbar-width:thin}
.rail>.ad-box{flex:0 0 70%;max-width:260px;scroll-snap-align:start;display:flex;flex-direction:column;border-radius:14px}
.rail .ad-box .ad{display:flex!important;flex-direction:column;flex:1;box-shadow:none;border-radius:0;grid-template-columns:none}
.rail .ad-box .ad-pic{width:100%;height:140px;min-height:0;max-height:none;font-size:56px;position:relative}
.rail .ad-box .ad-pic img{width:100%;height:100%;object-fit:cover}
.rail .ad-box .ad-body{padding:9px 12px 2px;gap:3px;flex:1}
.rail .ad-box .ad-title{font-size:15px;line-height:1.3;min-height:2.6em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.rail .ad-box .ad-price .lp{font-size:23px}.rail .ad-box .specs{font-size:12.5px}
.rail .ad-box .specs li{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.rail .ad-box .ad-foot{display:block;text-align:left}
.rail .ad-box .ad-acts{margin:0;padding:6px 12px 12px;margin-top:auto;flex-direction:column;align-items:stretch;display:flex;gap:6px}
.rail .ad-box .ad-acts form{display:block;width:100%}.rail .ad-box .ad-acts .btn{width:100%;box-sizing:border-box;justify-content:center;text-align:center}
.off-badge{position:absolute;right:8px;top:8px;background:#e03131;color:#fff;font-weight:800;font-size:15px;padding:3px 8px;border-radius:8px}
s.old{color:#8a94a6;font-size:14px;font-weight:600;margin-left:2px}
.biz-pic{background:#fff1e0}
.qty-bar{height:6px;background:#f1e3cf;border-radius:4px;overflow:hidden;margin-top:4px}.qty-bar i{display:block;height:100%;background:#f08c00}
.qty-txt{font-size:12.5px;color:#7a4b00}
.r-auk .ad-foot{color:#c92a2a;font-weight:700}
.z-cta{display:grid;grid-template-columns:1fr;gap:10px;margin:26px 0 8px}.z-cta-i{display:flex;flex-direction:column;gap:3px;text-decoration:none;color:inherit}
.z-cta-i b{font-size:17px}.z-cta-i span{color:#5b6577;font-size:14px}
@media (min-width:900px){
  .rail{display:grid;grid-template-columns:repeat(5,1fr);overflow:visible;padding:0}
  .rail>.ad-box{max-width:none}.rail>.ad-box:nth-child(n+6){display:none}
  .rail .ad-box .ad-pic{height:150px}
  .z-cta{grid-template-columns:1fr 1fr}
}
/* ♡ 12.11 сердечко «стежити» на плитці (як OLX) і категорії речей на головній */
.ad-box{position:relative}
.heart-f{position:absolute;top:8px;right:8px;margin:0;z-index:2}
.heart{width:36px;height:36px;border-radius:50%;border:0;background:rgba(255,255,255,.92);box-shadow:0 1px 4px rgba(0,0,0,.18);font-size:20px;line-height:36px;color:#c92a2a;cursor:pointer;padding:0}
.heart:hover{transform:scale(1.08)}.heart.on{background:#c92a2a;color:#fff}
.off-badge{top:auto!important;bottom:8px}
.z-cats{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin-top:10px;padding-bottom:2px}.z-cats::-webkit-scrollbar{display:none}
.z-cats a{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:2px;min-width:92px;padding:8px 10px;background:#fff;border:1px solid #e3e8f0;border-radius:14px;color:#1d2433;font-size:13px;font-weight:700;text-decoration:none;text-align:center}
.z-cats a span{font-size:26px;line-height:1.1}.z-cats a small{color:#7a8499;font-weight:600}.z-cats a:hover{border-color:#1a7f37}
.cat-cats{margin:6px 0 10px}.z-cats a.on{border-color:#1a7f37;background:#eaf6ec;box-shadow:inset 0 0 0 1px #1a7f37}

/* 🖥 12.11 комп'ютер: вітрина закладу й кабінет — ширші, пропозиції сіткою; великі кнопки на сторінці речі — на всю ширину */
section.thing-page .btn.big{width:100%;box-sizing:border-box;justify-content:center;text-align:center}
@media (min-width:1100px){
  section.narrow.vitryna{max-width:1100px}
  section.vitryna .vk-list{grid-template-columns:repeat(auto-fill,minmax(330px,1fr))}
  section.narrow.salon-adm{max-width:1000px}
}
section.thing-page .btn.big{width:100%!important;display:flex!important}
body .ad-box .ad-price small.up{display:block;margin:2px 0 0;line-height:1.3}
/* ♡ телефон / планшет: у списку «Речей» сердечко — у куті фото, щоб не налазило на назву */
@media (max-width:600px){#v-cards .heart-f{right:auto;left:72px;top:6px}#v-cards .heart{width:32px;height:32px;line-height:32px;font-size:18px}}
@media (min-width:601px) and (max-width:899px){#v-cards .heart-f{right:auto;left:132px;top:6px}}
/* 🖥 12.11 (знімок користувача): перший екран — щоб плитки «Найвигідніше» було видно повністю: категорії одним тонким рядком, пошук нижчий */
.z3 .z-hero h1{margin:0 0 8px;font-size:26px}
.z-search{margin-bottom:8px}.z-search input{padding:10px 14px;font-size:16px}.z-search .btn{padding:0 20px;font-size:16px}
.z3 .z-cats{margin-top:8px}
.z3 .z-cats a{flex-direction:row;min-width:0;padding:6px 11px;border-radius:20px;gap:5px;font-size:13.5px}
.z3 .z-cats a span{font-size:17px}.z3 .z-cats a small{margin-left:2px}
.z3 .z-row{margin-top:16px}
/* 🧩 плитка-запрошення в неповному ряду */
.rail>.cta-box{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;padding:18px 14px;border:2px dashed #cfd8e3;background:#fbfcfe;box-shadow:none;color:#1d2433;text-decoration:none}
.cta-box:hover{border-color:#1a7f37;background:#f3faf4}.cta-box .cta-ic{font-size:44px;line-height:1}.cta-box b{font-size:16px}.cta-box span{font-size:13.5px;color:#5b6577}
.cta-box .btn{color:inherit;margin-top:4px}
/* 🪞 категорії однакові скрізь — тонкий рядок (головна, Речі, Бізнес людям) */
.cat-cats a{flex-direction:row!important;min-width:0!important;padding:6px 11px!important;border-radius:20px!important;gap:5px!important;font-size:13.5px!important}
.cat-cats a span{font-size:17px!important}.cat-cats a small{margin-left:2px}
.vk-tabs{margin-bottom:8px}
/* 🪞 12.11 одна логіка: аукціон / своя ціна / ♡ на сторінці пропозиції закладу */
.vk-one{position:relative}.vk-one .heart-f{top:12px;right:12px}
.vk-sell{margin:-4px 0 8px}.vk-bid{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:8px 0}
.vk-bid input{width:140px;font-size:18px;padding:9px 10px;border:1px solid #cfd8e3;border-radius:10px}
.vk-own{margin-top:10px}.vk-own summary{cursor:pointer;font-weight:700;color:#0057b7}
.cd-red{color:#c92a2a;font-weight:700}
.vk-sell-box{margin:6px 0 10px}
/* 💙 12.11 «Наші принципи» в «Про нас» */
.about-mission{background:#fff8e1;border-left:4px solid #FFD500;border-radius:10px;padding:12px 14px;margin:6px 0 12px}
.principles{display:grid;grid-template-columns:1fr;gap:10px}
.principles .box{display:flex;flex-direction:column;gap:4px}.principles .box b{font-size:16px}.principles .box span{color:#4b5568}
@media (min-width:700px){.principles{grid-template-columns:1fr 1fr}}
/* 📱 12.11 (критика: «а де ціна?») — сторінка речі: спершу фото, назва, ціна й кнопка; продавець — нижче */
section.thing-page{display:flex;flex-direction:column}
section.thing-page>.tender-vz{order:5}
section.thing-page>.tender-vz .rv-photo{width:56px;height:56px;font-size:24px}
@media (max-width:600px){section.thing-page>.tender-vz{flex-direction:row!important;text-align:left!important;align-items:center;gap:12px;padding:10px 12px}
  section.thing-page>.tender-vz>div{text-align:left}}
/* 🧪 демо — одним тонким рядком */
.demo-note{font-size:13px!important;padding:6px 10px!important;margin:4px 0 8px!important;line-height:1.35}
/* 🏷 плитка закладу: замість картинки — вид закладу й назва */
.biz-head{display:flex!important;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;padding:34px 52px 14px 14px;text-align:left;font-size:inherit!important;background:linear-gradient(135deg,#fff1e0,#ffe3c2)}
.rail .ad-box .biz-head,body .ad-box .biz-head{height:auto!important;min-height:110px;aspect-ratio:auto!important}
.bh-kind{font-size:12.5px!important;font-weight:700;color:#b45309;text-transform:uppercase;letter-spacing:.03em}
.bh-name{font-size:18px;line-height:1.25;color:#1d2433;font-weight:800}
@media (max-width:600px){#v-cards .biz-head{min-height:0;padding:30px 10px 10px}#v-cards .bh-name{font-size:15px}}
.biz-head .off-badge{top:8px!important;bottom:auto!important;right:52px!important}
@media (max-width:899px){
  #v-cards .biz-box .ad{display:flex!important;flex-direction:column;grid-template-columns:none!important}
  #v-cards .biz-box .biz-head{width:100%;box-sizing:border-box;min-height:0;max-height:none;padding:34px 52px 10px 12px}
  #v-cards .biz-box .heart-f{left:auto!important;right:8px!important;top:8px!important}
  #v-cards .biz-box .ad-acts{margin-left:0!important;padding-left:12px!important}
  #v-cards .biz-box .off-badge{top:8px!important;right:52px!important;bottom:auto!important;font-size:13px;padding:2px 7px}
}
/* 🖼 логотип закладу на плитці й вітрині */
.biz-head.has-logo{flex-direction:row!important;align-items:center;gap:12px}
.bh-logo{width:64px;height:64px;object-fit:contain;border-radius:12px;background:#fff;flex:0 0 auto;box-shadow:0 1px 4px rgba(0,0,0,.12)}
.bh-txt{display:flex;flex-direction:column;gap:4px;min-width:0}
.vt-logo img{width:100%;height:100%;object-fit:contain;border-radius:inherit;background:#fff}
.logo-now{display:flex;align-items:center;gap:10px;margin:4px 0}.logo-now img{width:56px;height:56px;object-fit:contain;border-radius:10px;background:#fff;border:1px solid #e3e8f0}
@media (max-width:899px){.bh-logo{width:44px;height:44px}}
body .ad-box .biz-head img.bh-logo,.rail .ad-box .biz-head img.bh-logo,#v-cards .biz-head img.bh-logo{width:64px!important;height:64px!important;object-fit:contain!important;flex:0 0 64px}
@media (max-width:899px){body .ad-box .biz-head img.bh-logo,#v-cards .biz-head img.bh-logo{width:44px!important;height:44px!important;flex-basis:44px}}
.biz-head img.bh-logo{position:static!important;inset:auto!important;transform:none!important;margin:0!important;max-width:none!important}
.biz-head .bh-txt{align-items:flex-start;text-align:left}

.biz-head.has-logo{padding-right:14px!important;justify-content:flex-start!important}

/* 🤝 свої */
.r-svoi .z-row-h h2{color:#0057b7}.svoi-hint{background:#eef5ff;border:1px solid #cfe0ff;border-radius:12px;padding:10px 14px;margin:14px 0 0}
.svoi-r{position:absolute;left:8px;bottom:8px;background:#0057b7;color:#fff;font-size:12px;font-weight:800;padding:2px 8px;border-radius:8px;z-index:2}
.vitryna .biz-head{min-height:64px!important;padding-top:34px!important}

.off-in{background:#e03131;color:#fff;font-size:13px;font-weight:800;padding:2px 7px;border-radius:7px;vertical-align:3px;margin-left:4px}

/* 🧭 13.11 головна — два окремі світи */
.world-sec{border-radius:18px;padding:14px 14px 8px;margin:18px 0 0}
.ws-re{background:#f1f9f2;border:1px solid #cfe8d3}.ws-vk{background:#fff6ec;border:1px solid #f3d9b8}
.ws-h{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:4px}.ws-h h2{margin:0;font-size:24px}.ws-h>a{margin-left:auto;font-weight:700}
.ws-re .ws-h h2{color:#1a7f37}.ws-vk .ws-h h2{color:#b45309}
.world-sec .z-row{margin-top:12px}.world-sec .z-row-h h3{margin:0;font-size:18px}
.world-sec .world-act{margin:10px 0 4px}
/* 🤝 13.11 тон: спокійно, без червоних відсотків */
.z3 .z-sub-h{margin:-4px 0 10px;color:#4b5568;font-size:16px}
s.old{color:#8a94a6!important;font-weight:500!important;font-size:13px!important}
.ad-pic .off-badge{display:none!important}
.r-new .z-row-h h3{color:#1a7f37}
.reg-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pw-form select{font-size:17px;padding:10px 12px;border:1px solid #cfd8e3;border-radius:10px;background:#fff}

/* ===================== 13.11 ПРЕМІАЛЬНИЙ ВИГЛЯД («щоб кожен почувався багатим, а бренди хотіли тут бути») =====================
   Тепла слонова кістка, глибокий зелений (люди) і бронза (бізнес), вишукані заголовки, тонкі лінії, багато повітря, без смайликів. */
:root{--lx-bg:#F7F3EC;--lx-card:#FFFFFF;--lx-ink:#1D1B18;--lx-mute:#6E685F;--lx-line:#E7DFD2;--lx-green:#1F4D3A;--lx-bronze:#8A5A2B;--lx-gold:#B08D57}
body{background:var(--lx-bg)!important;color:var(--lx-ink)}
h1,h2,.ws-h h2,.z3 .z-hero h1,.vt-info h1,.vk-one h1,.card-head h1{font-family:"Playfair Display",Georgia,serif!important;font-weight:700!important;letter-spacing:-.2px;color:var(--lx-ink)!important}
h3,.z-row-h h3{font-family:Manrope,sans-serif;font-weight:700;letter-spacing:.2px;color:var(--lx-ink)!important}
.muted,.z-what,.z3 .z-sub-h{color:var(--lx-mute)!important}
a{color:var(--lx-green)}
/* шапка */
header.hd,.hd{background:#fff!important;border-bottom:1px solid var(--lx-line)}
.hd-line{height:2px!important;opacity:.9}
.hd-name{font-family:"Playfair Display",Georgia,serif!important}
.hd-main .hd-m{background:transparent!important;border:1px solid var(--lx-line)!important;border-radius:999px!important;box-shadow:none!important;outline:0!important}
.hd-main .hd-m.w-re{color:var(--lx-green)!important}.hd-main .hd-m.w-vk{color:var(--lx-bronze)!important}
.hd-main .hd-m.on{background:var(--lx-ink)!important;color:#fff!important;border-color:var(--lx-ink)!important}
.hd-main .hd-m small{opacity:.7}
.hd-add{background:var(--lx-ink)!important;color:#fff!important;border-radius:999px!important}
/* кнопки */
.btn{border-radius:999px!important;font-weight:700;box-shadow:none!important}
.btn.hot{background:var(--lx-green)!important;color:#fff!important;border-color:var(--lx-green)!important}
.btn:not(.hot):not(.tg):not(.vb):not(.wa){background:#fff!important;color:var(--lx-ink)!important;border:1px solid var(--lx-line)!important}
.ws-vk .btn.hot,.biz-box .btn.hot,.vitryna .btn.hot,.vk-one .btn.hot{background:var(--lx-bronze)!important;border-color:var(--lx-bronze)!important}
/* картки й плитки */
.box,.ad-box{background:var(--lx-card)!important;border:1px solid var(--lx-line)!important;box-shadow:0 1px 2px rgba(29,27,24,.04),0 8px 24px rgba(29,27,24,.05)!important;border-radius:16px!important}
.ad-box:hover{box-shadow:0 2px 4px rgba(29,27,24,.06),0 14px 34px rgba(29,27,24,.09)!important;transform:translateY(-1px)}
.ad-pic{background:#EFE9DF!important}
.biz-head{background:linear-gradient(135deg,#F6EEE3,#EFE3D2)!important}
.bh-kind{color:var(--lx-bronze)!important;letter-spacing:.08em!important;font-size:11.5px!important}
.bh-name{font-family:"Playfair Display",Georgia,serif;font-weight:700}
.ad-title{font-weight:700;color:var(--lx-ink)}
.ad-price .lp{color:var(--lx-ink)!important;font-weight:800}
.ad-price small.up,.vk-next,.qty-txt{color:var(--lx-mute)!important}
.qty-bar{background:#EDE5D9!important}.qty-bar i{background:var(--lx-bronze)!important}
.ribbon{background:rgba(255,255,255,.92)!important;color:var(--lx-ink)!important;border:1px solid var(--lx-line);font-weight:700!important;box-shadow:none!important}
.ribbon.demo-r{color:#6b5a8e!important}
.auk-box,.auk-soon{border-color:var(--lx-line)!important;outline:0!important}
.cd-red,.r-auk .ad-foot{color:var(--lx-bronze)!important}
.heart{color:var(--lx-ink)!important;background:#fff!important;box-shadow:0 1px 3px rgba(0,0,0,.12)!important}.heart.on{background:var(--lx-ink)!important;color:#fff!important}
/* головна: два світи */
.world-sec{background:transparent!important;border:0!important;border-top:1px solid var(--lx-line)!important;border-radius:0!important;padding:22px 0 6px!important}
.ws-re .ws-h h2{color:var(--lx-green)!important}.ws-vk .ws-h h2{color:var(--lx-bronze)!important}
.ws-h h2{font-size:30px!important}
.r-auk .z-row-h h2,.r-best .z-row-h h2,.r-biz .z-row-h h2,.r-gift .z-row-h h2,.r-drop .z-row-h h2,.r-new .z-row-h h3,.r-svoi .z-row-h h2{color:var(--lx-ink)!important}
.z-quick a,.z-cats a,.cat-cats a{background:#fff!important;border:1px solid var(--lx-line)!important;color:var(--lx-ink)!important;font-weight:600!important}
.z-quick a.z-hunt{background:#fff!important;color:var(--lx-green)!important}
.z-cats a.on,.cat-cats a.on{background:var(--lx-ink)!important;color:#fff!important;border-color:var(--lx-ink)!important;box-shadow:none!important}
.z-search input{border:1px solid var(--lx-line)!important;border-radius:999px!important;padding:13px 20px!important}
.svoi-hint{background:#fff!important;border:1px solid var(--lx-line)!important}
.cta-box{border:1px dashed #D8CDBB!important;background:transparent!important;box-shadow:none!important}
.demo-note{background:#fff!important;border:1px dashed #D8CDBB!important;color:var(--lx-mute)!important}
footer,.foot{background:transparent}
.ph-mono{font-family:"Playfair Display",Georgia,serif!important;font-size:64px!important;font-weight:700;color:#B9A88E!important;line-height:1}
.ad-pic{background:linear-gradient(135deg,#F3EDE3,#EAE1D3)!important}
.ad-pic>span:not(.ph-mono){filter:grayscale(.15)}
/* ===================== 13.11 ЛЮДИ ЛЮДЯМ (допомога) · НАШІ ДРУЗІ ПОРУЧ ===================== */
.z-doors{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0 10px}
.z-door{display:flex;flex-direction:column;gap:4px;padding:18px 20px;background:#fff;border:1px solid var(--lx-line);border-radius:16px;text-decoration:none;color:var(--lx-ink);transition:box-shadow .15s,transform .15s}
.z-door:hover{box-shadow:0 10px 28px rgba(29,27,24,.08);transform:translateY(-1px)}
.z-door b{font-family:"Playfair Display",Georgia,serif;font-size:20px;color:var(--lx-green)}
.z-door.d-biz b{color:var(--lx-bronze)}
.z-door span{color:var(--lx-mute);font-size:14.5px}
.hp-box{display:flex!important;flex-direction:column;gap:6px;padding:18px!important;text-decoration:none;color:var(--lx-ink);min-height:190px}
.hp-side{font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--lx-green)}
.hp-offer .hp-side{color:var(--lx-gold)}
.hp-title{font-family:"Playfair Display",Georgia,serif;font-size:19px;line-height:1.25}
.hp-descr{color:var(--lx-mute);font-size:14px;line-height:1.4}
.hp-meta{margin-top:auto;font-size:14px;font-weight:600}
.hp-how{font-size:12.5px;color:var(--lx-mute)}
.cta-box{display:flex!important;flex-direction:column;gap:8px;padding:18px!important;text-decoration:none;color:var(--lx-ink)}
.cta-box b{font-family:"Playfair Display",Georgia,serif;font-size:18px}.cta-box span:not(.btn){color:var(--lx-mute);font-size:14px}
.cta-box .btn{align-self:flex-start;margin-top:auto}
.hp-page{max-width:1180px;margin:0 auto;padding:0 16px}
.hp-hero{padding:18px 0 8px}.hp-hero h1{font-size:40px;margin:0 0 8px;color:var(--lx-green)!important}
.hp-lead{font-size:18px;line-height:1.55;max-width:760px;color:var(--lx-ink)}
.hp-two{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0}
.hp-door{display:flex;flex-direction:column;gap:6px;padding:22px 24px;border-radius:18px;background:var(--lx-green);color:#fff;text-decoration:none}
.hp-door+.hp-door{background:#fff;color:var(--lx-ink);border:1px solid var(--lx-line)}
.hp-door b{font-family:"Playfair Display",Georgia,serif;font-size:23px}.hp-door span{opacity:.85;font-size:15px}
.hp-filter{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 18px;align-items:center}
.hp-filter a{padding:7px 14px;border:1px solid var(--lx-line);border-radius:999px;background:#fff;color:var(--lx-ink);text-decoration:none;font-weight:600;font-size:14px}
.hp-filter a.on{background:var(--lx-ink);color:#fff;border-color:var(--lx-ink)}
.hp-sep{width:1px;height:22px;background:var(--lx-line);margin:0 4px}
.hp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.hp-h2{margin-top:34px}
.hp-thanks{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}
.hp-thx{display:flex!important;flex-direction:column;gap:8px;padding:18px!important;text-decoration:none;color:var(--lx-ink)}
.hp-thx q{font-family:"Playfair Display",Georgia,serif;font-size:18px;font-style:italic;line-height:1.4}
.hp-things{display:flex!important;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;margin-top:30px;padding:22px!important}
.hp-things h2{margin:0 0 4px;font-size:24px}
.hp-safe{margin:22px 0}
.hp-card{padding:26px!important}.hp-card h1{font-size:32px;margin:6px 0 12px}
.hp-text{font-size:17px;line-height:1.55;white-space:pre-line}
.hp-facts{list-style:none;padding:0;margin:16px 0 0;display:grid;gap:8px}
.hp-facts li{display:flex;gap:12px;border-top:1px solid var(--lx-line);padding-top:8px}
.hp-facts span{min-width:80px;color:var(--lx-mute)}
.hp-done,.hp-agreed{margin-top:14px;font-weight:700;color:var(--lx-green)}
.hp-contact{padding:20px!important}.hp-phone a{font-size:26px;font-weight:800;text-decoration:none}
.hp-form{display:flex!important;flex-direction:column;gap:12px;padding:20px!important}
.hp-form label{display:flex;flex-direction:column;gap:6px;font-weight:600}
.hp-form input:not([type=radio]),.hp-form textarea,.hp-form select{font:inherit;font-weight:400;padding:11px 14px;border:1px solid var(--lx-line);border-radius:12px;background:#fff}
.hp-form button{align-self:flex-start}
.hp-sw,.hp-how-f{display:flex;gap:18px;flex-wrap:wrap;border:0;padding:0;margin:0}
.hp-sw label,.hp-how-f label{flex-direction:row!important;align-items:center;gap:8px}
.hp-how-f legend{font-weight:600;margin-bottom:6px}
.hp-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.hp-replies{list-style:none;padding:0;display:grid;gap:10px}
.hp-replies li{display:flex!important;justify-content:space-between;align-items:center;gap:14px;padding:14px 18px!important}
.hp-replies p{margin:4px 0 0}
.fr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;margin-bottom:18px}
.fr-card{display:flex!important;flex-direction:column;gap:6px;padding:18px!important;text-decoration:none;color:var(--lx-ink)}
.fr-card img{width:56px;height:56px;object-fit:contain;border-radius:12px;background:#fff;border:1px solid var(--lx-line)}
.fr-kind{font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--lx-bronze);font-weight:700}
.fr-card b{font-family:"Playfair Display",Georgia,serif;font-size:19px}
.fr-card q{font-style:italic;color:var(--lx-ink)}
.fr-list{list-style:none;padding:0;display:grid;gap:8px}.fr-list li{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.add-h{margin:22px 0 10px;font-size:22px}
@media (max-width:700px){
  .z-doors{grid-template-columns:1fr}.hp-two{grid-template-columns:1fr}.hp-row{grid-template-columns:1fr}
  .hp-hero h1{font-size:32px}.hp-card h1{font-size:26px}
  .hp-replies li{flex-direction:column;align-items:flex-start}
}

/* ===================== 13.11 ДОВІРА, ПОШУК, КАБІНЕТИ, СПОВІЩЕННЯ ===================== */
.hp-top{display:flex;align-items:center;justify-content:space-between;gap:8px;white-space:nowrap}
.hp-demo{font-size:11px;font-weight:600;color:#7a6a8e;border:1px solid #ddd3e6;border-radius:999px;padding:1px 8px;letter-spacing:.02em;text-transform:none}
.hp-who{display:flex;align-items:center;gap:10px;margin-top:auto}
.hp-who small{color:var(--lx-mute)}
.hp-face{flex:0 0 auto;width:38px;height:38px;border-radius:50%;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;background:#EFE6D8;color:#7a5a36;font-family:"Playfair Display",Georgia,serif;font-weight:700;font-size:17px;border:1px solid var(--lx-line)}
.hp-face.big{width:56px;height:56px;font-size:24px}
.hp-face img{width:100%;height:100%;object-fit:cover}
.hp-ok{color:var(--lx-green);font-weight:600}
.hp-care{margin-top:14px;padding:12px 14px;border-radius:12px;background:#F4EFE4;border:1px solid var(--lx-line);font-size:15px}
.hp-complain{margin:24px 0}.hp-complain summary{cursor:pointer;color:var(--lx-mute)}
.hp-facts li .hp-who{margin:0}
.r-thx .hp-thx{min-width:280px;max-width:320px;min-height:180px}
.r-thx .hp-thx q{font-size:17px}
.ps-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}
.ps-item{display:flex!important;gap:14px;align-items:center;padding:12px!important;text-decoration:none;color:var(--lx-ink)}
.ps-pic{flex:0 0 64px;height:64px;border-radius:12px;overflow:hidden;background:linear-gradient(135deg,#F3EDE3,#EAE1D3)}
.ps-pic img{width:100%;height:100%;object-fit:cover}
.z-hero .z-search{margin:16px 0 6px}
.ph-mono{font-size:22px!important;line-height:1.25!important;padding:0 18px;text-align:center;display:flex;align-items:center;justify-content:center;height:100%;color:#7a6650!important}
.adm-top{display:flex;gap:18px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:20px 22px;margin:14px 0 24px;background:#fff;border:1px solid var(--lx-line);border-radius:18px}
.adm-nums{display:flex;gap:28px;flex-wrap:wrap}
.adm-nums div{display:flex;flex-direction:column}
.adm-nums b{font-family:"Playfair Display",Georgia,serif;font-size:34px;line-height:1;color:var(--lx-bronze)}
.adm-nums span{color:var(--lx-mute);font-size:14px;margin-top:4px}
.adm-main{background:var(--lx-bronze)!important;border-color:var(--lx-bronze)!important}
.adm-more-h{margin-top:34px}
.adm-fold{padding:14px 18px!important;margin-bottom:10px}
.adm-fold summary{cursor:pointer}
.adm-fold>div,.adm-fold>p{margin-top:12px}
.vt-ini{font-family:"Playfair Display",Georgia,serif;font-size:34px;color:#6e4823}
.nt-list{display:grid;gap:8px}
.nt-item{display:flex!important;gap:14px;padding:12px 16px!important;text-decoration:none;color:var(--lx-ink)}
.nt-item.new{border-left:3px solid var(--lx-green)!important}
.nt-time{flex:0 0 92px;color:var(--lx-mute);font-size:13px;padding-top:2px}
.cab-ways{display:grid!important;grid-template-columns:repeat(2,1fr);gap:12px}
.cab-out{margin:26px 0}
@media (max-width:560px){
  .hd-top .hd-link.muted{display:none}
  .hd-city{max-width:none!important;flex-shrink:0}
  .hd-me{max-width:30vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .cab-ways{grid-template-columns:1fr}
  .adm-nums{gap:18px}.adm-nums b{font-size:28px}
  .nt-item{flex-direction:column;gap:2px}
}
.hp-facts .hp-who span,.hp-facts .hp-face{min-width:0!important;color:inherit}
.hp-facts .hp-who small{color:var(--lx-mute)}
.adm-top .btn.hot.adm-main{background:var(--lx-bronze)!important;border-color:var(--lx-bronze)!important}
.ps-head{display:flex!important;gap:22px;align-items:center;padding:24px!important}
.ps-head h1{margin:0 0 4px;font-size:32px}
.hp-face.huge{width:110px;height:110px;font-size:46px}
.ps-deeds b{font-family:"Playfair Display",Georgia,serif;font-size:28px;color:var(--lx-green)}
@media (max-width:560px){.ps-head{flex-direction:column;align-items:flex-start}}
.ps-deeds{font-family:"Playfair Display",Georgia,serif;font-size:22px;color:var(--lx-green);font-weight:700}
/* 13.11 «Бізнес людям»: один заклад — одна картка */
.vk-groups{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:16px}
.vk-group{padding:0!important;overflow:hidden}
.vg-head{display:flex;gap:14px;align-items:center;padding:16px 18px;background:linear-gradient(135deg,#F6EEE3,#EFE3D2);text-decoration:none;color:var(--lx-ink)}
.vg-logo{flex:0 0 56px;height:56px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#F7F1E7;border:1px solid #d9c6a8;font-family:"Playfair Display",Georgia,serif;font-size:24px;color:#6e4823}
.vg-logo img{width:100%;height:100%;object-fit:contain}
.vg-name{display:flex;flex-direction:column;gap:2px}
.vg-name small{color:var(--lx-bronze);text-transform:uppercase;letter-spacing:.08em;font-size:11.5px;font-weight:700}
.vg-name small .hp-demo{text-transform:none;letter-spacing:0}
.vg-name b{font-family:"Playfair Display",Georgia,serif;font-size:21px}
.vg-name .muted{font-size:13.5px}
.vg-items{list-style:none;margin:0;padding:4px 18px 10px}
.vg-items li{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;padding:12px 0;border-top:1px solid var(--lx-line)}
.vg-items li:first-child{border-top:0}
.vg-what{display:flex;flex-direction:column;text-decoration:none;color:var(--lx-ink)}
.vg-what small{font-size:13px}
.vg-price{font-weight:800;white-space:nowrap}
.vg-items .btn.hot{background:var(--lx-bronze)!important;border-color:var(--lx-bronze)!important;white-space:nowrap}
.cat-cats .vk-forbiz{margin-left:auto}
@media (max-width:560px){.vk-groups{grid-template-columns:1fr}.vg-items li{grid-template-columns:1fr auto}.vg-items li .btn{grid-column:1/-1;justify-self:start}}
.dl-head{display:flex!important;gap:20px;align-items:center;padding:20px!important}
.dl-pic{flex:0 0 140px;height:105px;border-radius:14px;overflow:hidden;background:linear-gradient(135deg,#F3EDE3,#EAE1D3)}
.dl-pic img{width:100%;height:100%;object-fit:cover}
.dl-head h1{margin:4px 0;font-size:28px}
.dl-price{font-size:22px;font-weight:800;margin:4px 0}
.dl-who,.dl-care{padding:20px!important}
.dl-care ul{margin:6px 0 0;padding-left:20px;line-height:1.7}
@media (max-width:560px){.dl-head{flex-direction:column;align-items:flex-start}.dl-pic{flex-basis:auto;width:100%;height:180px}}

label.chk{display:block!important;line-height:1.5}label.chk input{margin-right:6px;vertical-align:-2px}

@media (max-width:560px){.nt-time{flex:none!important}}

/* 13.11 «Усі угоди» — згорнуто */
.cab-more{margin:8px 0 16px}.cab-more>summary{cursor:pointer;font-weight:600;padding:6px 0}

/* 13.11 тарифи: порівняльні таблиці (на телефоні — гортаються всередині рамки, сторінка не їде) */
.free-banner{font-weight:600}
.tf-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:8px 0 6px;border-radius:14px;background:var(--card,#fff);box-shadow:0 1px 3px rgba(0,0,0,.06)}
.tf-table{width:100%;border-collapse:collapse;min-width:520px;font-size:15px}
.tf-table.tf-two{min-width:420px}
.tf-table th,.tf-table td{padding:10px 12px;border-bottom:1px solid rgba(0,0,0,.07);text-align:center;vertical-align:middle}
.tf-table th:first-child,.tf-table td:first-child{text-align:left;width:34%}
.tf-table th{font-size:16px}
.tf-table th small{display:block;font-weight:400;font-size:12px;opacity:.75}
.tf-table .tf-best{background:rgba(31,77,58,.08)}
.tf-table tr td:nth-child(3){background:rgba(31,77,58,.04)}
.tf-table.tf-two tr td:nth-child(3){background:rgba(31,77,58,.04)}
.tf-price-row b{font-size:19px}
.tf-btn-row td{border-bottom:0}
.tf-now{display:inline-block;font-size:13px;font-weight:600;color:#1f4d3a;margin-top:4px}
.tf-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:10px 0}
.tf-card{border:1px solid rgba(0,0,0,.1);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:6px}
.tf-card.on{border-color:#1f4d3a;background:rgba(31,77,58,.06)}
.tf-card ul{margin:0;padding-left:18px;font-size:14px}
.tf-price{font-size:20px;font-weight:700}.tf-price small{font-size:13px;font-weight:400}
@media (max-width:700px){.tf-grid{grid-template-columns:1fr}.tf-table{font-size:14px}.tf-table th,.tf-table td{padding:8px}}

/* 13.11 тарифи на телефоні: усі колонки видно одразу, без гортання вбік */
@media (max-width:700px){.tf-table,.tf-table.tf-two{min-width:0;font-size:13px}.tf-table th,.tf-table td{padding:7px 5px}
  .tf-table th{font-size:14px}.tf-table th:first-child,.tf-table td:first-child{width:30%}.tf-price-row b{font-size:16px}
  .tf-table .btn.small{padding:6px 10px;font-size:12px}}

/* 13.11 оголошення модератора вгорі сайту; сторінка налаштувань */
.site-notice{background:#fff6d6;border:1px solid #f0d77a;border-radius:12px;padding:10px 14px;margin:0 0 14px;font-weight:600}
.nal-grid{display:grid;grid-template-columns:1fr 160px;gap:6px 14px;align-items:center}
.nal-grid label{font-size:15px}.nal-grid .muted{font-size:12px;display:block}
.nal-grid input[type=number],.nal-grid input[type=date],.nal-grid input[type=text],.nal-grid input[type=password]{width:100%}
.nal-err{color:#b3261e;font-size:13px}
.nal-wide{grid-column:1/-1}
.nal-log td{font-size:13px;padding:4px 6px;border-bottom:1px solid rgba(0,0,0,.06)}
@media (max-width:700px){.nal-grid{grid-template-columns:1fr}}

.nal-log{list-style:none;margin:0;padding:0}.nal-log li{padding:8px 0;border-bottom:1px solid rgba(0,0,0,.06);font-size:14px}
.nal-log li .muted{font-size:12px}

/* 13.11 сервісний режим модератора — як у Tesla: червоний обідок навколо екрана і табличка вгорі */
.svc-frame{position:fixed;inset:0;border:6px solid #d93025;pointer-events:none;z-index:9998}
.svc-tag{position:fixed;top:0;left:50%;transform:translateX(-50%);z-index:9999;background:#d93025;color:#fff;font-size:13px;font-weight:700;
  padding:4px 14px 6px;border-radius:0 0 12px 12px;text-decoration:none;white-space:nowrap;box-shadow:0 2px 6px rgba(0,0,0,.2)}
.svc-tag span{font-weight:400;opacity:.85;margin-left:8px;text-decoration:underline}
.svc-tag:hover{color:#fff}
body.svc-mode{padding-top:28px}
@media (max-width:500px){.svc-frame{border-width:4px}.svc-tag{font-size:12px;padding:3px 10px 5px}}

/* 13.11 смуга сервісного режиму — частина червоної рамки вгорі; вміст під неї не ховається */
.svc-bar{position:fixed;top:0;left:0;right:0;height:26px;z-index:9999;background:#d93025;color:#fff;font-size:13px;font-weight:700;
  display:flex;align-items:center;justify-content:center;gap:10px;white-space:nowrap}
.svc-bar a{color:#fff;font-weight:400;text-decoration:underline}
body.svc-mode{padding-top:26px}
.mod-top{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin:10px 0}
.mod-top a{display:flex;flex-direction:column;gap:2px;padding:14px 16px;border-radius:14px;background:#1f4d3a;color:#fff;text-decoration:none}
.mod-top a span{font-size:13px;opacity:.85}.mod-top a b{font-size:18px}
.mod-top a+a+a{background:#fff;color:inherit;border:1px solid rgba(0,0,0,.08)}.mod-top a.warn-tile{background:#fde8e6;border-color:#d93025}
.mod-nums{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:6px 0}
.mod-nums div{background:#fff;border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;box-shadow:0 1px 3px rgba(0,0,0,.05)}
.mod-nums b{font-size:24px}.mod-nums span{font-size:14px}.mod-nums small{font-size:12px;opacity:.7}
@media (max-width:700px){.mod-top{grid-template-columns:1fr}.mod-nums{grid-template-columns:1fr 1fr}.svc-bar{font-size:12px}}

/* 13.11 віконце редагування тексту (сервісний режим) */
.tx-box{position:fixed;left:50%;bottom:16px;transform:translateX(-50%);width:min(560px,calc(100% - 32px));z-index:10000;background:#fff;
  border:3px solid #d93025;border-radius:16px;padding:14px 16px;box-shadow:0 10px 30px rgba(0,0,0,.25)}
.tx-box textarea{width:100%;margin:8px 0;font-size:16px}
.tx-box .tx-orig{font-size:13px}
body.svc-mode *{cursor:default}

/* 13.11 сервісний режим v2: смуга з кнопками; сховані віконця видно (пунктир); поле віконця не заважає ходити */
.svc-bar{height:auto;min-height:26px;padding:3px 10px;flex-wrap:wrap;gap:4px 14px;white-space:normal;text-align:center}
.svc-bar a{color:#fff}.svc-bar .svc-on{background:#fff;color:#d93025;border-radius:8px;padding:1px 8px;text-decoration:none;font-weight:700}
.svc-bar .svc-hint{font-weight:400;opacity:.9}
body.svc-mode{padding-top:34px}
.svc-hidden{outline:2px dashed #d93025;outline-offset:3px;position:relative}
.svc-hidden::before{content:"приховане — люди бачать за умовою";position:absolute;top:-12px;right:0;background:#d93025;color:#fff;font-size:10px;
  padding:0 6px;border-radius:6px;z-index:2}
.tx-btns{display:flex;flex-wrap:wrap;gap:6px}
@media (max-width:700px){body.svc-mode{padding-top:52px}}

/* 13.11 «Усі тексти сайту» */
.tx-row{display:grid;grid-template-columns:1fr;gap:4px;padding:10px 0;border-bottom:1px solid rgba(0,0,0,.06)}
.tx-row textarea{width:100%;font-size:15px}
.tx-was{font-size:13px;opacity:.75}
.tx-tag{font-size:11px;background:#eee;border-radius:6px;padding:0 6px;margin-left:4px}.tx-tag.on{background:#d93025;color:#fff}
.tx-changed textarea{border-color:#d93025}
.tx-acts{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.tx-ok{font-size:13px;color:#1f4d3a}
.tx-group>summary{cursor:pointer;padding:4px 0}
#tx-q{width:100%;font-size:16px;padding:10px 12px}

/* 13.11 модератору на кожній сторінці — кнопка «Змінити тексти на цій сторінці» */
.svc-fab{position:fixed;right:16px;bottom:16px;z-index:9997;background:#d93025;color:#fff;font-weight:700;font-size:14px;padding:10px 16px;
  border-radius:999px;text-decoration:none;box-shadow:0 4px 14px rgba(0,0,0,.25)}
.svc-fab:hover{color:#fff;filter:brightness(1.05)}
@media (max-width:500px){.svc-fab{font-size:13px;padding:9px 13px;right:10px;bottom:10px}}

/* 13.11 вхід для власників закладів з першого екрана */
.z-owner{display:grid;grid-template-columns:1fr auto;gap:2px 16px;align-items:center;margin:12px 0 4px;padding:16px 20px;border-radius:16px;
  background:linear-gradient(135deg,#2b2118,#4a3624);color:#f6ead9;text-decoration:none;box-shadow:0 6px 18px rgba(43,33,24,.18)}
.z-owner:hover{color:#fff}
.z-owner-k{grid-column:1;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#e3b04b}
.z-owner b{grid-column:1;font-family:'Playfair Display',serif;font-size:21px;color:#fff}
.z-owner span:not(.z-owner-k):not(.z-owner-go){grid-column:1;font-size:14px;opacity:.85}
.z-owner-go{grid-column:2;grid-row:1/4;background:#e3b04b;color:#2b2118;font-weight:700;padding:10px 18px;border-radius:999px;white-space:nowrap}
@media (max-width:600px){.z-owner{grid-template-columns:1fr}.z-owner-go{grid-column:1;grid-row:auto;justify-self:start;margin-top:8px}.z-owner b{font-size:18px}}
.biz-why p{margin:0 0 10px}

/* 14.11 сервісний режим Підмоги: тонкий обідок по периметру (як у Tesla), вихід — окремою кнопкою; вхід — кнопкою в кабінеті */
.svc-frame{border-width:3px}
.svc-bar .svc-exit{border:1px solid #fff;border-radius:8px;padding:1px 8px;text-decoration:none;font-weight:700}
.svc-enter{display:inline-block;margin:6px 0 4px;border:2px solid #d93025;color:#d93025;background:#fff;font-weight:700;border-radius:999px;padding:8px 16px;text-decoration:none}
.svc-enter:hover{background:#fdecea;color:#d93025}
@media (max-width:500px){.svc-frame{border-width:2px}}

/* 14.11 конверт замість дзвіночка (користувач: «дзвіночок виглядає дешево») */
.hd-mail{display:inline-flex;align-items:center;color:#1f4d3a;padding:4px}
.hd-mail:hover{color:#2c6a50}
.hd-mail .badge{top:-4px;right:-8px}

/* 14.11 «Розпочати» довше за «Додати» — на вузьких телефонах (iPhone SE) лишаємо знак без слова «Підмога», щоб усе вміщалось */
@media (max-width:420px){.hd-top{gap:7px}.hd-name{display:none!important}.hd-add{padding:6px 10px;font-size:13px}.hd-city{padding:5px 8px;font-size:12px}.hd-me{max-width:22vw}}

/* 14.11 «Для людей» — три колонки: виділяємо четверту («Підмога+») */
.tf-table.tf-three{min-width:560px}
.tf-table.tf-three tr td:nth-child(3){background:none}
.tf-table.tf-three tr td:nth-child(4){background:rgba(31,77,58,.04)}
.tf-table.tf-three th:first-child,.tf-table.tf-three td:first-child{width:28%}
@media (max-width:700px){.tf-table.tf-three{min-width:0}.tf-table.tf-three th small{font-size:11px}}
@media (max-width:700px){.tf-table.tf-three{font-size:12px;table-layout:fixed}.tf-table.tf-three th,.tf-table.tf-three td{padding:6px 3px;word-break:normal;overflow-wrap:anywhere}.tf-table.tf-three th{font-size:13px}.tf-table.tf-three th:first-child,.tf-table.tf-three td:first-child{width:27%}.tf-table.tf-three .btn.small{padding:5px 7px;font-size:11px}}
@media (max-width:700px){.tf-table.tf-three th{overflow-wrap:normal;font-size:12px}.tf-table.tf-three th:first-child,.tf-table.tf-three td:first-child{width:24%}}

.tf-extra{margin-top:12px}.tf-extra ul{margin:6px 0 0;padding-left:20px}

/* 14.11 «Спробуйте безкоштовно» — спершу спроба, потім ціни */
.tf-try{display:flex;flex-direction:column;gap:4px;background:#e8f5ee;border:2px solid #2e7d4f;border-radius:16px;padding:14px 18px;margin:8px 0 16px}
.tf-try b{font-size:20px;color:#1f4d3a}.tf-try span{font-size:16px;line-height:1.45;color:#1d2433}
.tf-table .tf-try-row td{color:#2e7d4f}.tf-table .tf-try-row td b{font-size:18px;color:#2e7d4f}
.tf-table .tf-price-row td:first-child{color:#5b6472}
@media (max-width:700px){.tf-table{table-layout:fixed;font-size:12px}.tf-table th,.tf-table td{padding:6px 3px;overflow-wrap:anywhere}.tf-table th{overflow-wrap:normal;font-size:12px}.tf-table th:first-child,.tf-table td:first-child{width:24%}.tf-table .tf-try-row td b{font-size:15px}.tf-price-row b{font-size:14px}.tf-table .btn.small{padding:5px 6px;font-size:11px;white-space:normal}}
.tf-sm{display:none}@media (max-width:700px){.tf-lg{display:none}.tf-sm{display:inline}.tf-table td,.tf-table th{overflow-wrap:normal;word-break:normal}.tf-table:not(.tf-two):not(.tf-three) th:first-child,.tf-table:not(.tf-two):not(.tf-three) td:first-child{width:31%}.tf-table td:first-child{font-size:11.5px}}
@media (max-width:700px){.tf-table .tf-btn-row .btn.small{padding:5px 4px;font-size:10.5px;max-width:100%}}
@media (max-width:700px){.tf-table .tf-btn-row .btn.small{padding:6px 10px;font-size:12px}}

/* 14.11 ціни на телефоні — картки замість таблиці */
.tf-cards{display:none}
@media (max-width:700px){.tf-desk{display:none}.tf-cards{display:flex;flex-direction:column;gap:12px;margin:8px 0 10px}
  .tf-card{background:var(--card,#fff);border-radius:16px;padding:14px 16px;box-shadow:0 1px 3px rgba(0,0,0,.08);border:1px solid rgba(0,0,0,.06)}
  .tf-card.tf-best{border:2px solid #1f4d3a;background:#f3f8f5}
  .tf-card-h{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.tf-card-h b{font-size:20px;color:#1f4d3a}.tf-card-h small{font-size:14px;color:#5b6472}
  .tf-card>p.muted{margin:4px 0 8px;font-size:15px}
  .tf-card-price{display:flex;flex-direction:column;gap:2px;margin:6px 0 8px;font-size:16px}.tf-card-price b{font-size:19px;color:#1f4d3a}
  .tf-card ul,.tf-card-all ul{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:5px;font-size:16px;line-height:1.4}
  .tf-card-btn{margin-top:12px}.tf-card-btn .btn{width:100%;text-align:center;font-size:16px;padding:11px 14px}
  .tf-card-btn .tf-lg{display:inline}.tf-card-btn .tf-sm{display:none}}