/* Feed concept based on the approved desktop mockup. Other live routes keep their existing layout. */
.page.home-page{--feed-bg:var(--cb-bg);--feed-panel:var(--cb-panel);--feed-top:var(--cb-top);--feed-text:var(--cb-text);--feed-muted:var(--cb-muted);--feed-line:var(--cb-line);--feed-chip:var(--cb-chip);--feed-hover:var(--cb-hover);--feed-active:var(--cb-active);--feed-accent:var(--cb-accent);--feed-badge:var(--cb-badge);grid-template-columns:minmax(0,1fr);background:var(--feed-bg);color:var(--feed-text)}
/* светлая тема эфиров — в frontend/shared/tokens.css */
body.live-home{background:var(--feed-bg,#0f0f0f)}
body.live-home[data-live-theme="light"]{background:#f8f9f7}
.home-page .top{height:70px;min-height:70px;background:var(--feed-top);border-bottom:1px solid var(--feed-line);padding:0 27px;gap:22px;position:sticky;top:0;z-index:20;box-shadow:none}
.home-page .top .logo{font:700 28px/1 var(--font);letter-spacing:-.095em;color:var(--feed-text);white-space:nowrap}
.home-page .top .logo span{color:var(--feed-accent)}
.home-page .nav{display:none}
.home-menu-toggle,.home-search,.home-community,.home-theme{display:none}
.home-page .home-menu-toggle{display:grid;place-items:center;flex:none;width:38px;height:38px;border:0;border-radius:50%;background:none;color:var(--feed-text);font-size:22px;line-height:1}
.home-page .home-menu-toggle:hover,.home-page .home-theme:hover{background:var(--feed-hover)}
.home-page .home-search{display:flex;align-items:center;flex:1;max-width:720px;min-width:120px;height:43px;margin-left:auto;margin-right:auto;border:1px solid var(--feed-line);border-radius:100px;background:var(--feed-panel);overflow:hidden}
.home-page .home-search:focus-within{border-color:var(--feed-accent)}
.home-page .home-search input{flex:1;min-width:0;height:100%;border:0;outline:0;background:transparent;color:var(--feed-text);padding:0 20px;font:14px var(--font)}
.home-page .home-search input::placeholder{color:var(--feed-muted)}
.home-page .home-search button{height:100%;width:60px;flex:none;border:0;border-left:1px solid var(--feed-line);background:var(--feed-chip);color:var(--feed-text);font-size:28px;line-height:1}
.home-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.home-page .home-community{display:inline-flex;align-items:center;justify-content:center;flex:none;min-height:38px;border:1px solid var(--feed-line);border-radius:100px;background:var(--feed-chip);color:var(--feed-text);padding:0 16px;font-size:12px;font-weight:700;white-space:nowrap}
.home-page a.home-community{text-decoration:none}
.home-page .home-community:hover{background:var(--feed-hover)}
.home-page .home-theme{display:grid;place-items:center;flex:none;width:38px;height:38px;border:1px solid var(--feed-line);border-radius:50%;background:transparent;color:var(--feed-text);font-size:20px}
.home-page .pill{margin-left:0;color:var(--feed-muted);border-color:var(--feed-line);font-size:11px;white-space:nowrap;padding:8px 11px}
.home-page .me{flex:none;width:38px;height:38px;color:var(--feed-text);border-color:var(--feed-line);background:var(--feed-chip)}
.body.home-layout{display:grid;grid-template-columns:calc(var(--cb-rail-w) + var(--cb-rail-inset)) minmax(0,1fr);gap:0;padding:0;min-height:calc(100dvh - 70px);align-items:start;background:var(--feed-bg)}
.home-layout .rail{position:sticky;top:70px;height:calc(100dvh - 70px);width:calc(var(--cb-rail-w) + var(--cb-rail-inset));display:block;overflow:auto;border:0;border-radius:0;box-shadow:none;background:transparent;padding:var(--cb-rail-inset) 8px 24px calc(8px + var(--cb-rail-inset));scrollbar-width:thin;scrollbar-color:var(--feed-line) transparent}
.home-layout .stage{display:block;min-height:0;padding:0}
.home-layout .screen.board-home{min-height:calc(100dvh - 70px);height:auto;width:100%;border:0;border-radius:0;box-shadow:none;background:transparent;padding:14px clamp(18px,1.6vw,30px) 50px;display:block;overflow:visible}
.home-layout .side,.home-layout .under{display:none}
.home-side-note{padding:6px 14px;color:var(--feed-muted);font-size:11px;line-height:1.45}
.board-home .home-filter-shell{display:flex;align-items:center;gap:12px}
.board-home .home-filter-row{display:flex;flex:1;min-width:0;gap:9px;overflow-x:auto;white-space:nowrap;padding:8px 0 17px;scrollbar-width:none}
.board-home .home-filter-row::-webkit-scrollbar{display:none}
.board-home .home-filter-row button{flex:none;min-height:33px;padding:0 14px;border:1px solid transparent;border-radius:9px;background:var(--feed-chip);color:var(--feed-text);font-size:12px;font-weight:700;transition:background .15s}
.board-home .home-filter-row button:hover{background:var(--feed-hover)}
.board-home .home-filter-row button[aria-selected="true"]{background:var(--feed-text);color:var(--feed-bg)}
.home-demo-status{margin-left:auto;flex:none;color:var(--feed-muted);font-size:11px}
.board-home .board-tag-bar{display:flex;align-items:center;gap:14px;min-width:0;padding:0 0 15px;border-bottom:1px solid var(--feed-line)}
.board-home .board-tag-search{display:flex;align-items:center;flex:none;width:min(270px,32%);height:36px;border:1px solid var(--feed-line);border-radius:8px;background:var(--feed-panel);overflow:hidden}
.board-home .board-tag-search:focus-within{border-color:var(--feed-accent)}
.board-home .board-tag-search label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.board-home .board-tag-search input{min-width:0;flex:1;height:100%;border:0;outline:0;background:none;color:var(--feed-text);padding:0 10px;font:12px var(--font)}
.board-home .board-tag-search input::placeholder{color:var(--feed-muted)}
.board-home .board-tag-search button{height:100%;width:38px;flex:none;border:0;background:var(--feed-chip);color:var(--feed-text);font-size:21px;cursor:pointer}
.board-home .board-tag-list{display:flex;gap:7px;min-width:0;overflow-x:auto;scrollbar-width:none;white-space:nowrap}
.board-home .board-tag-list::-webkit-scrollbar{display:none}
.board-home .board-tag-list button{flex:none;border:1px solid var(--feed-line);border-radius:100px;background:transparent;color:var(--feed-muted);padding:7px 11px;font:600 11px var(--font);cursor:pointer}
.board-home .board-tag-list button:hover,.board-home .board-tag-list button[aria-pressed="true"]{background:var(--feed-active);border-color:var(--feed-accent);color:var(--feed-text)}
.board-home .board-tag-list .board-tag-clear{color:var(--feed-accent)}
.board-home .board-home-section{display:block;margin-top:16px}
.board-home .board-section-head{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.board-home .board-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:34px 15px}
.board-home .board-card{display:flex;flex-direction:column;gap:10px;min-width:0;background:none;text-decoration:none;color:var(--feed-text);border:0;padding:0}
.board-home .board-preview{display:block;position:relative;width:100%;aspect-ratio:276/265;overflow:hidden;border-radius:10px;background:var(--feed-panel);box-shadow:none}
.board-home .board-preview img{width:100%;height:100%;object-fit:cover;transition:transform .2s}
.board-home .board-card:hover .board-preview{box-shadow:0 0 0 2px var(--feed-accent)}
.board-home .board-card:hover img{transform:scale(1.025)}
.board-home .board-sprite{background-image:url('assets/home-reference.png');background-repeat:no-repeat;background-size:605.8% 355.1%}
.board-home .board-sprite[data-tile="0"]{background-position:16.48% 23.41%}
.board-home .board-sprite[data-tile="1"]{background-position:37.23% 23.41%}
.board-home .board-sprite[data-tile="2"]{background-position:57.56% 23.41%}
.board-home .board-sprite[data-tile="3"]{background-position:77.89% 23.41%}
.board-home .board-sprite[data-tile="4"]{background-position:16.48% 81.19%}
.board-home .board-sprite[data-tile="5"]{background-position:37.23% 81.19%}
.board-home .board-sprite[data-tile="6"]{background-position:57.56% 81.19%}
.board-home .board-sprite[data-tile="7"]{background-position:77.89% 81.19%}
.board-home .board-badge{position:absolute;top:10px;left:10px;background:var(--feed-badge);color:white;border-radius:6px;padding:5px 8px;font-size:10px;letter-spacing:0;text-transform:uppercase;font-weight:700}
.board-home .board-badge:not(.active){background:#1a1b1bd9;color:white}
.board-home .board-viewers{position:absolute;right:8px;bottom:8px;background:#101111e6;color:#fff;border-radius:5px;padding:4px 7px;font-size:10px}
.board-home .board-card-info{display:flex;gap:10px;align-items:start;min-width:0}
.board-home .board-host-avatar{width:33px;height:33px;flex:none;border-radius:50%;border:0;background:#245d39;color:#fff;font-size:11px}
.board-home .board-card-copy{display:grid;gap:3px;min-width:0;padding:0}
.board-home .board-card-copy strong{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;color:var(--feed-text);font-size:14px;line-height:1.3;font-weight:700}
.board-home .board-card-copy small{color:var(--feed-muted);font-size:12px;line-height:1.35}
.board-home .board-card-copy small span{display:block}
.board-home .board-card-tags{display:flex;flex-wrap:wrap;gap:3px 8px;margin-top:3px;color:var(--feed-accent);font-size:11px;line-height:1.25}
.board-home .board-no-cover{position:absolute;inset:0;display:grid;place-items:center;color:#e3f0e1;background:#17412b;font:700 clamp(22px,2vw,42px) var(--font)}
.board-home .board-home-empty{min-height:260px;background:var(--feed-panel);border:1px solid var(--feed-line);color:var(--feed-muted)}
.board-home .board-home-empty strong{color:var(--feed-text);font-family:var(--font);font-weight:700;font-size:22px}
.board-home .board-home-empty p{color:var(--feed-muted)}
.board-home .board-home-empty a{color:var(--feed-accent)}
.board-home .board-quiet{background:var(--feed-panel);border-color:var(--feed-line)}
.board-home .board-quiet p,.board-home .board-quiet strong{color:var(--feed-text)}
.board-home .board-spotlight{background:var(--feed-panel);border-color:var(--feed-line)}
.board-home .spot-copy h3,.board-home .spot-copy>p,.board-home .spot-lot,.board-home .spot-lot b{color:var(--feed-text)}
.board-home .spot-cd strong{color:var(--feed-accent)}
.board-home .board-drop .board-preview,.board-home .board-maker-face{background:var(--feed-panel)}
.board-home .board-symbol,.board-home .board-maker-face>span:first-child{background:var(--feed-panel);color:var(--feed-accent)}
.board-home button.board-card{color:var(--feed-text)}
@media(max-width:1100px){.board-home .board-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.home-page .pill{display:none}}
@media(max-width:980px){.body.home-layout{grid-template-columns:92px minmax(0,1fr)}.home-layout .rail{width:92px;padding:var(--cb-rail-inset) 0 24px 16px}.home-side-item{flex-direction:column;gap:3px;min-height:63px;padding:8px 2px;text-align:center;font-size:9px}.home-side-caption,.home-side-note,.home-side-separator{display:none}.home-page .home-community{padding:0 11px}.home-page .top{gap:12px}.home-page .home-search{max-width:none}}
@media(max-width:720px){.home-page .top{height:62px;min-height:62px;padding-inline:12px;gap:10px}.home-page .top .logo{font-size:23px}.home-page .home-search{height:36px}.home-page .home-search input{padding-inline:10px;font-size:12px}.home-page .home-search button{width:38px;font-size:22px}.home-page .home-community{display:none}.body.home-layout{grid-template-columns:minmax(0,1fr)}.home-layout .rail{display:none;position:fixed;z-index:19;top:62px;left:0;width:210px;height:calc(100dvh - 62px);padding:12px 8px 24px;background:var(--feed-top);box-shadow:10px 0 30px #0007}.home-menu-open .home-layout .rail{display:block}.home-layout .stage{display:block}.home-layout .screen.board-home{padding:12px}.board-home .board-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 11px}.board-home .board-card-copy strong{font-size:12px}.board-home .board-card-copy small{font-size:10px}.board-home .board-host-avatar{width:27px;height:27px;font-size:9px}.home-demo-status{display:none}}
@media(max-width:420px){.home-page .home-search input{width:0}.home-page .home-search input::placeholder{color:transparent}.home-page .home-search:not(.is-open){flex:0 0 40px;min-width:40px;border-color:transparent;background:transparent}.home-page .home-search:not(.is-open) button{width:40px;border:0;background:transparent}.home-page .home-search:not(.is-open) input{display:none}.home-page .home-search.is-open{position:absolute;left:12px;right:12px;top:13px;z-index:30;background:var(--feed-top)}.home-page .home-search.is-open input{width:auto}.home-page .home-search.is-open input::placeholder{color:var(--feed-muted)}.board-home .board-grid{grid-template-columns:1fr}}
@media(max-width:720px){.board-home .board-tag-bar{display:block}.board-home .board-tag-search{width:100%;margin-bottom:9px}.board-home .board-tag-list{width:100%}}
.board-home .board-card-lot{display:grid;gap:1px;margin:2px 0 1px;font-size:12px;line-height:1.3;color:var(--feed-text)}.board-home .board-card-lot b{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board-home .board-card-lot span{font-weight:700}.board-home .board-card-lot i{font-style:normal;color:var(--feed-badge)}.board-home .board-card-lot.sold span{color:var(--feed-muted);font-weight:500}
.board-home .board-home-section~.board-home-section .board-section-head{position:static;width:auto;height:auto;overflow:visible;clip:auto;display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin:30px 0 14px;white-space:normal}.board-home .board-home-section~.board-home-section .board-section-head h3{margin:0;color:var(--feed-text);font-family:inherit;font-size:20px;font-weight:700;line-height:1.2;letter-spacing:0}.board-home .board-home-section~.board-home-section .board-section-head a,.board-home .board-home-section~.board-home-section .board-section-head span{color:var(--feed-muted);font-size:12px}
/* выбор региона в левом меню: что смотреть — рядом, вся Россия или конкретная область */
.rail-place{position:relative;margin:0 0 12px;padding-bottom:12px;border-bottom:1px solid var(--feed-line)}
.rail-place .home-side-caption{display:block}
.rail-place-btn{display:flex;align-items:center;gap:12px;width:100%;min-height:52px;padding:6px 12px;border:1px solid var(--feed-line);border-radius:10px;background:var(--feed-chip);color:var(--feed-text);text-align:left;cursor:pointer}
.rail-place-btn:hover{background:var(--feed-hover)}
.rail-place-btn[aria-expanded="true"]{border-color:var(--feed-accent)}
.rail-place-btn svg{width:20px;height:20px;flex:none;stroke:var(--feed-accent);stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}
.rail-place-btn span{display:grid;gap:1px;min-width:0;flex:1}
.rail-place-btn b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}
.rail-place-btn small{color:var(--feed-muted);font-size:11px}
.rail-place-btn i{font-style:normal;color:var(--feed-muted)}
.rail-place-menu{position:absolute;top:calc(100% - 6px);left:0;z-index:30;width:max(100%,260px);max-height:min(60vh,460px);overflow-y:auto;padding:6px;border:1px solid var(--feed-line);border-radius:12px;background:var(--feed-panel);box-shadow:0 16px 36px #0008}
.rail-place-menu[hidden]{display:none}
.rail-place-opt{display:flex;align-items:baseline;justify-content:space-between;gap:10px;width:100%;padding:9px 10px;border:0;border-radius:8px;background:none;color:var(--feed-text);font-size:13px;text-align:left;cursor:pointer}
.rail-place-opt:hover{background:var(--feed-hover)}
.rail-place-opt[aria-selected="true"]{background:var(--feed-active);font-weight:700}
.rail-place-opt small{color:var(--feed-muted);font-size:11px;font-weight:400;white-space:nowrap}
.rail-place-sep{display:block;margin:8px 10px 4px;color:var(--feed-muted);font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.rail-place-change{margin-top:4px;border-top:1px solid var(--feed-line);border-radius:0 0 8px 8px;color:var(--feed-accent)}
.browse-note .btn{min-height:36px;font-size:12px;white-space:nowrap}
@media(max-width:980px){.rail-place .home-side-caption,.rail-place-btn span,.rail-place-btn i{display:none}.rail-place-btn{justify-content:center;padding:6px}.rail-place-menu{width:260px}}
/* меню региона — по ширине левой колонки, она прокручивается и режет всё, что шире */
.rail-place-menu{width:100%;box-sizing:border-box}
.rail-place-opt{flex-direction:column;align-items:flex-start;gap:1px}
.rail-place-opt span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
@media(max-width:980px){.rail-place-menu{position:fixed;top:72px;left:84px;width:260px}}
/* «Магазины» (#makers): у единственной секции заголовок виден — как у секций ниже на главной; названия без подчёркивания */
.board-home .board-home-section.is-titled .board-section-head{position:static;width:auto;height:auto;overflow:visible;clip:auto;display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin:4px 0 14px;white-space:normal}
.board-home .board-home-section.is-titled .board-section-head h2{margin:0;color:var(--feed-text);font-size:20px;font-weight:700;line-height:1.2}
.board-home .board-home-section.is-titled .board-section-head span{color:var(--feed-muted);font-size:12px}
.board-home .board-maker .board-card-copy a,.board-home a.board-maker-face{color:inherit;text-decoration:none}
.board-home .board-maker .board-card-copy a:hover{text-decoration:underline}
/* гость: вместо значка входа — понятная кнопка «Войти» */
.home-page .me.is-guest{width:auto;padding:0 15px;border:1px solid var(--feed-line);border-radius:19px;font-size:13px;font-weight:700;white-space:nowrap}
/* мобильное меню — панель с обычными строками (не сжатая колонка планшета) и затемнением фона */
@media(max-width:720px){
  .home-menu-open .rail{width:min(280px,82vw)}
  .home-menu-open .rail .home-side-item{flex-direction:row;gap:16px;min-height:46px;padding:0 14px;text-align:left;font-size:14px}
  .home-menu-open .rail .home-side-caption,.home-menu-open .rail .home-side-separator{display:block}
  .home-menu-open .rail .rail-place-btn span{display:grid}.home-menu-open .rail .rail-place-btn i{display:inline}
  .home-menu-open::after{content:"";position:fixed;inset:62px 0 0;z-index:18;background:#0009}
}
/* «Взаимовыручка» — залита фирменным зелёным (белый текст читается в обеих темах); сердечко — благотворительность */
.home-page .home-p2p{border-color:#237e43;background:#237e43;color:#fff}
.home-page .home-p2p:hover{border-color:#1c6a37;background:#1c6a37}