/* Афиша (Home) — раскладка, специфичная для страницы. Общие компоненты — в site.css. */

.home-viewbar{position:sticky; top:53px; z-index:40; background:#fff; border-bottom:1px solid var(--line);
  display:flex; align-items:center; gap:4px; margin-bottom:8px; overflow-x:auto; -webkit-overflow-scrolling:touch;}
.home-viewbar::-webkit-scrollbar{display:none;}
.home-viewbar .cs-tabs{border-bottom:none; flex:none;}
.home-viewbar__right{display:flex; align-items:center; gap:8px; margin-left:auto; flex:none;}

.home-search{position:relative; flex:none;}
.home-search input{font-family:inherit; font-size:14px; padding:5px 10px 5px 28px; border:1px solid transparent;
  border-radius:6px; background:var(--hover); color:var(--ink); outline:none; width:140px; transition:width .15s,background .15s;}
.home-search input:focus{background:#fff; border-color:rgba(55,53,47,.16); width:200px;}
.home-search__ico{position:absolute; left:9px; top:50%; transform:translateY(-50%); color:var(--faint); font-size:13px; pointer-events:none;}

.home-section{margin-top:36px;}
.home-section--lectures{margin-top:40px;}

.home-subscribe{margin-top:64px; background:var(--callout); border:1px solid var(--line); border-radius:10px;
  padding:24px; display:flex; align-items:center; gap:20px; flex-wrap:wrap;}
.home-subscribe__emoji{font-size:42px; flex:none;}
.home-subscribe__body{flex:1; min-width:240px;}
.home-subscribe__kicker{font-size:12px; font-weight:600; letter-spacing:0.04em; text-transform:uppercase; color:var(--accent); margin-bottom:7px;}
.home-subscribe__title{font-size:22px; font-weight:700; letter-spacing:-0.02em; margin:0 0 8px;}
.home-subscribe__text{font-size:15px; line-height:1.5; color:var(--mute); margin:0; max-width:440px;}

/* Строка тура на главной — mobile-first: вертикальный стэк (cover сверху, заголовок на всю ширину) */
.home-tour-row{flex-direction:column; align-items:stretch; gap:10px;}
.home-tour-row__cover{width:100%; height:140px; border-radius:6px; flex:none; background-size:cover; background-position:center; background-color:#EDEAE4;}
.home-tour-row__body{min-width:0;}
.home-tour-row__tag{align-self:flex-start; flex:none; font-size:12px; color:var(--mute); background:var(--hover); padding:3px 9px; border-radius:4px;}
.home-tour-row__dates{flex:none; font-size:13px; color:var(--faint); text-align:left;}

/* Строка лекции в list-режиме — mobile-first: заголовок переносится, второстепенные колонки скрыты */
.home-llist__ico{width:30px; height:30px; border-radius:6px; flex:none; display:flex; align-items:center; justify-content:center; font-size:15px;}
.home-llist__title{flex:1; min-width:0; font-size:15px; font-weight:500; letter-spacing:-0.01em;}
.home-llist__speaker, .home-llist__city{display:none;}
.home-llist__date{flex:none; font-size:13px; color:var(--faint); text-align:right;}

@media (min-width:761px){
  .home-subscribe{padding:32px 34px;}
  .home-subscribe__title{font-size:24px;}

  /* Туры: обратно в горизонтальную строку */
  .home-tour-row{flex-direction:row; align-items:center; gap:14px;}
  .home-tour-row__cover{width:64px; height:42px;}
  .home-tour-row__body{flex:1;}
  .home-tour-row__dates{width:148px; text-align:right;}

  /* Лекции list-режим: колонки фикс-ширины + ellipsis */
  .home-llist__title{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
  .home-llist__speaker{display:block; flex:none; width:130px; font-size:13px; color:var(--mute); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
  .home-llist__city{display:block; flex:none; width:74px; font-size:13px; color:var(--mute);}
  .home-llist__date{width:56px;}
}