/* ВотКуда.ру — фирменный стиль: вермильон из логотипа как единственный акцент,
тёплые нейтрали, тяжёлый гротеск для заголовков, спокойный текст. */
:root{
--accent:#fb4821;--accent-ink:#c93211;--accent-soft:#fff0eb;--on-accent:#fff;
--bg:#ffffff;--surface:#f7f4f1;--surface-2:#efebe6;--line:#e6e0da;
--ink:#171412;--ink-2:#55504b;--ink-3:#8a847d;
--free:#1f8a4c;--free-soft:#e6f5ec;
--display:"Manrope",-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
--body:"Golos Text",-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
--r:14px;--r-sm:10px;--max:1240px;--gutter:16px;
--shadow:0 1px 2px rgba(23,20,18,.06),0 8px 24px -12px rgba(23,20,18,.18);
color-scheme:light;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
body{margin:0;font:15px/1.5 var(--body);color:var(--ink);background:var(--bg)}
a{color:inherit;text-decoration:none}
a:hover{color:var(--accent-ink)}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}
img{max-width:100%;display:block}
h1,h2,h3{font-family:var(--display);letter-spacing:-.015em;text-wrap:balance;margin:0}
h1{font-size:clamp(26px,3.6vw,40px);line-height:1.1;font-weight:800}
h2{font-size:clamp(20px,2.3vw,26px);line-height:1.2;font-weight:800}
h3{font-size:16px;font-weight:700}
.h-sub{font-size:15px;color:var(--ink-2);margin-bottom:8px}
.wrap{max-width:var(--max);margin-inline:auto;padding-inline:var(--gutter)}
.muted{color:var(--ink-3)}
.small{font-size:13px}
.lead{font-size:16px;color:var(--ink-2);margin:4px 0 18px;max-width:70ch}
.free{color:var(--free)}
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* ---------- header ---------- */
.hdr{background:var(--bg);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30}
.hdr__row{display:flex;align-items:center;gap:14px;height:68px}
.logo img{height:33px;width:auto}
.citysel{position:relative;display:flex;align-items:center;flex:none}
.citysel__pin{position:absolute;left:12px;color:var(--accent);pointer-events:none;display:flex}
.citysel select{appearance:none;-webkit-appearance:none;font:600 15px var(--body);color:var(--ink);background:var(--surface);border:1px solid transparent;border-radius:999px;padding:9px 34px 9px 34px;cursor:pointer;max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
background-image:url("data:image/svg+xml;utf8,");background-repeat:no-repeat;background-position:right 14px center}
.citysel select:hover{border-color:var(--line);background-color:var(--surface-2)}
.search{display:flex;align-items:center;flex:1;min-width:0;background:var(--surface);border-radius:999px;border:1px solid transparent;padding-left:14px}
.search:focus-within{border-color:var(--accent);background:var(--bg)}
.search__ico{color:var(--ink-3);flex:none}
.search input{flex:1;min-width:0;border:0;background:transparent;padding:10px 12px;font:15px var(--body);color:var(--ink);outline:none}
.search input::placeholder{color:var(--ink-3)}
.search__btn{border:0;background:var(--ink);color:var(--bg);font:600 14px var(--body);padding:9px 18px;border-radius:999px;margin:3px;cursor:pointer}
.search__btn:hover{background:var(--accent)}
.catnav{padding-bottom:0;display:flex;align-items:flex-end}
.catnav__scroll{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;flex:0 1 auto;min-width:0}
.catnav__scroll>a:first-child{padding-left:0} /* первый пункт по левому краю, как логотип и заголовок */
.catnav__more{position:relative;flex:none}
.catnav__morebtn{display:block;background:none;border:0;border-bottom:2px solid transparent;margin:0 0 -1px;cursor:pointer;padding:9px 12px 11px;white-space:nowrap;font:600 14px var(--body);color:var(--ink-2)}
.catnav__morebtn::after{content:"";display:inline-block;width:6px;height:6px;margin-left:7px;border:solid currentColor;border-width:0 2px 2px 0;transform:translateY(-3px) rotate(45deg)}
.catnav__morebtn:hover,.catnav__morebtn[aria-expanded="true"]{color:var(--ink)}
.catnav__more.is-active .catnav__morebtn{color:var(--ink);border-color:var(--accent)}
.catnav__drop{position:absolute;left:0;top:calc(100% + 6px);z-index:30;display:flex;flex-direction:column;min-width:200px;padding:6px;background:var(--bg);border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 32px rgba(0,0,0,.12)}
.catnav__drop[hidden]{display:none}
.catnav__drop a{padding:8px 12px;border:0;margin:0;border-radius:8px}
.catnav__drop a:hover{background:var(--surface)}
.catnav__scroll::-webkit-scrollbar{display:none}
.catnav a{padding:9px 12px 11px;white-space:nowrap;font:600 14px var(--body);color:var(--ink-2);border-bottom:2px solid transparent;margin-bottom:-1px}
.catnav a:hover{color:var(--ink)}
.catnav a.is-active{color:var(--ink);border-color:var(--accent)}
/* ---------- crumbs ---------- */
.crumbs{font-size:13px;color:var(--ink-3);padding:14px 0 4px;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.crumbs__sep{color:var(--line)}
.crumbs__cur{color:var(--ink-2)}
/* ---------- hero / podbor / quick ---------- */
.hero{padding:26px 0 8px;display:grid;gap:18px}
.hero--city{padding-top:8px}
.hero__sub{font-size:16px;color:var(--ink-2);max-width:72ch;margin:8px 0 0}
.podbor{display:grid;grid-template-columns:1.1fr 1.4fr 1.1fr auto auto;gap:10px;align-items:end;background:var(--surface);padding:12px;border-radius:var(--r)}
.podbor label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--ink-3);min-width:0}
.podbor select{font:500 15px var(--body);color:var(--ink);padding:10px 34px 10px 12px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--bg) url("data:image/svg+xml;utf8,") no-repeat right 12px center;appearance:none;-webkit-appearance:none;width:100%}
.podbor__checks{display:flex;gap:6px;padding-bottom:2px}
.podbor .check{flex-direction:row;align-items:center;gap:7px;font:500 14px var(--body);color:var(--ink);padding:9px 13px}
.check{display:inline-flex;align-items:center;gap:6px;font:500 14px var(--body);color:var(--ink);cursor:pointer;background:var(--bg);border:1px solid var(--line);border-radius:999px;padding:8px 12px;white-space:nowrap}
.check input{accent-color:var(--accent);margin:0}
.check:has(input:checked){border-color:var(--accent);background:var(--accent-soft)}
.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:var(--r-sm);padding:10px 16px;font:600 15px var(--body);color:var(--ink);cursor:pointer;background:var(--bg);white-space:nowrap}
.btn:hover{border-color:var(--ink-3)}
.btn--primary{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}
.btn--primary:hover{background:var(--accent-ink);border-color:var(--accent-ink);color:#fff}
.btn--lg{padding:14px 28px;font-size:17px;border-radius:12px}
.btn--disabled,.btn[aria-disabled="true"]{opacity:.45;cursor:default;pointer-events:none;background:var(--surface);color:var(--ink-3);border-color:var(--line)}
.event__past{margin:0 0 14px}.event__past b{display:block;margin-bottom:2px}.event__past a{font-weight:600}
.btn--sm{padding:6px 10px;font-size:13px}
.quick{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
.quick::-webkit-scrollbar{display:none}
.quick__item{flex:none;display:flex;flex-direction:column;gap:1px;padding:10px 16px;border-radius:var(--r-sm);border:1px solid var(--line);min-width:124px}
.quick__item b{font:700 15px var(--display)}
.quick__item span{font-size:12px;color:var(--ink-3)}
.quick__item:hover{border-color:var(--ink);color:var(--ink)}
.quick__item--free b{color:var(--free)}
.quick__item--month{border-style:dashed}
/* ---------- chips ---------- */
.chips{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.chips--sub{margin-top:10px}
.chips--tight{gap:6px}
.sec > p + .chips{margin-top:12px}
.chip{display:inline-flex;align-items:center;gap:6px;padding:7px 13px;border-radius:999px;background:var(--surface);font:500 14px var(--body);color:var(--ink)}
.chip span{color:var(--ink-3);font-size:12px}
.chip:hover{background:var(--surface-2);color:var(--ink)}
.chip.is-active{background:var(--ink);color:var(--bg)}
.chip.is-active span{color:var(--ink-3)}
.chip--ghost{background:transparent;border:1px solid var(--line)}
.chip--ghost:hover{border-color:var(--ink-3);background:transparent}
.chip--free{background:var(--free-soft);color:var(--free)}
.age{font:600 11px var(--body);border:1px solid var(--line);border-radius:4px;padding:1px 5px;color:var(--ink-3)}
/* ---------- sections, rails ---------- */
.sec{margin:34px 0}
.sec h2{margin-bottom:14px}
.sec--2col{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.sec--quiet{border-top:1px solid var(--line);padding-top:22px}
.online{display:grid;grid-template-columns:minmax(0,320px) 1fr;gap:24px;align-items:center;background:var(--surface);border-radius:var(--r);padding:22px}
.online h2{margin-bottom:4px}
.rail{margin:30px 0}
.rail__head{display:flex;align-items:center;gap:14px;margin-bottom:12px}
.rail__head h2{flex:1;min-width:0}
.rail__all{font:600 14px var(--body);color:var(--ink-3);white-space:nowrap}
.rail__all:hover{color:var(--accent-ink)}
.rail__nav{display:none;gap:6px}
.rail__nav button{width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:var(--bg);color:var(--ink);font-size:20px;line-height:1;cursor:pointer}
.rail__nav button:hover{border-color:var(--ink)}
.rail__track{display:grid;grid-auto-flow:column;grid-auto-columns:min(236px,66vw);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:2px 2px 6px;margin:0 -2px}
.rail__track::-webkit-scrollbar{display:none}
.rail__track>*{scroll-snap-align:start}
.card--more{display:flex;align-items:center;justify-content:center;border-radius:var(--r);border:1px dashed var(--line);font:700 15px var(--display);color:var(--ink-2);min-height:180px}
.card--more:hover{border-color:var(--accent);color:var(--accent-ink)}
.list{list-style:none;margin:0;padding:0}
.list li{padding:7px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:12px}
.list--cols{columns:2;column-gap:32px}
.list--cols li{break-inside:avoid;display:block}
/* ---------- cards ---------- */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(228px,1fr));gap:22px 16px}
.grid>*{min-width:0}
.card{display:flex;flex-direction:column;gap:8px;min-width:0}
.card__media{position:relative;aspect-ratio:3/2;border-radius:var(--r);overflow:hidden;background:hsl(var(--h) 45% 90%);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow)}
.card__media img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.card:hover .card__media img{transform:scale(1.035)}
.card__ph{font:800 14px var(--display);color:hsl(var(--h) 40% 34%);letter-spacing:.06em;text-transform:uppercase}
/* ценник в форме билетного корешка */
.stub{position:absolute;left:10px;bottom:10px;background:var(--ink);color:var(--bg);font:700 12px var(--display);padding:5px 12px;border-radius:6px;
-webkit-mask:radial-gradient(circle at left center,transparent 4px,#000 4.5px) left/50% 100% no-repeat,radial-gradient(circle at right center,transparent 4px,#000 4.5px) right/50% 100% no-repeat;
mask:radial-gradient(circle at left center,transparent 4px,#000 4.5px) left/50% 100% no-repeat,radial-gradient(circle at right center,transparent 4px,#000 4.5px) right/50% 100% no-repeat}
.stub--free{background:var(--free);color:#fff}
.card__date{font:700 13px var(--body);color:var(--accent-ink)}
.card__more{display:inline-block;font-size:11px;color:var(--ink-3);background:var(--surface);border-radius:4px;padding:0 5px;margin-left:2px;vertical-align:1px}
.card__title{font:700 15px/1.3 var(--display);letter-spacing:-.01em}
.card__title a{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.card__meta{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:12px;color:var(--ink-3);min-width:0}
.card__venue{display:block;flex:1 1 100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* ---------- справочники: площадки, организаторы ---------- */
.dir{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:12px;margin-top:8px}
.dir__item{display:grid;grid-template-columns:48px minmax(0,1fr);gap:14px;background:var(--surface);border-radius:var(--r);padding:16px;min-width:0}
.dir__item:hover{background:var(--surface-2)}
.dir__ico{width:48px;height:48px;border-radius:12px;background:hsl(var(--h) 45% 88%);color:hsl(var(--h) 40% 34%);font:800 20px var(--display);display:flex;align-items:center;justify-content:center;overflow:hidden;flex:none}
.dir__ico img{width:100%;height:100%;object-fit:cover}
.dir--orgs .dir__ico{border-radius:50%}
.dir__body{min-width:0;display:grid;gap:4px;align-content:start}
.dir__title{font:700 15px/1.3 var(--display);letter-spacing:-.01em;margin:0}
.dir__addr{margin:0;font-size:12.5px;color:var(--ink-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dir__count{margin:0;font:600 12.5px var(--body);color:var(--accent-ink)}
.dir__next{list-style:none;margin:6px 0 0;padding:8px 0 0;border-top:1px solid var(--line);display:grid;gap:4px;font-size:12.5px}
.dir__next li{display:flex;gap:8px;min-width:0}
.dir__next a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink-2)}
.dir__date{flex:none;color:var(--ink-3);min-width:76px}
@media (max-width:600px){.dir{grid-template-columns:1fr}.dir__item{padding:12px}.dir__date{min-width:64px}}
/* ---------- карта ---------- */
.map{border-radius:var(--r);overflow:hidden;border:1px solid var(--line);background:var(--surface);margin:8px 0 4px}
.map__canvas{height:320px;background:var(--surface-2)}
.map__canvas:empty::before{content:"";display:block;height:100%;background:repeating-linear-gradient(45deg,transparent 0 12px,rgba(0,0,0,.025) 12px 24px)}
.map__bar{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0;padding:10px 14px;font-size:13px;color:var(--ink-2)}
.map__bar a{white-space:nowrap}
.map.is-failed .map__canvas{display:none}
.tcard .map{margin:10px 0 14px}
@media (max-width:600px){.map__canvas{height:240px}}
/* ---------- listing ---------- */
.listing{display:grid;grid-template-columns:236px minmax(0,1fr);gap:36px;align-items:start;margin-top:8px}
.listing h1{margin-bottom:6px}
.facets{position:sticky;top:120px;font-size:14px}
.facets__box{margin-bottom:20px}
.facets__box b{display:block;margin-bottom:6px;font:700 11px var(--body);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3)}
.facets ul{list-style:none;margin:0;padding:0}
.facets li a{display:flex;justify-content:space-between;gap:8px;padding:5px 9px;border-radius:8px}
.facets li a span{color:var(--ink-3);font-size:12px;font-variant-numeric:tabular-nums}
.facets li a:hover{background:var(--surface);color:var(--ink)}
.facets li a.is-active{background:var(--ink);color:var(--bg)}
.facets li a.is-active span{color:var(--ink-3)}
.pager{display:flex;gap:14px;align-items:center;justify-content:center;margin:30px 0;font-size:14px;color:var(--ink-2)}
.pager a{padding:9px 16px;border:1px solid var(--line);border-radius:var(--r-sm);font-weight:600;color:var(--ink)}
.pager a:hover{border-color:var(--ink)}
/* ---------- search page ---------- */
.searchpage{padding-top:12px}
.searchbox{display:grid;grid-template-columns:1fr auto auto;gap:8px;margin:16px 0 20px;max-width:820px}
.searchbox input,.searchbox select{font:15px var(--body);color:var(--ink);padding:12px 14px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--bg);min-width:0}
.searchbox input:focus{border-color:var(--accent);outline:none}
.empty{background:var(--surface);border-radius:var(--r);padding:18px;margin:12px 0 20px;max-width:820px}
.empty p{margin:0 0 10px}
/* ---------- event page ---------- */
.event__head{display:grid;grid-template-columns:minmax(260px,440px) minmax(0,1fr);gap:36px;align-items:stretch;margin-top:10px}
/* фото на всю высоту блока справа (но не выше 540): картинка целиком, поля — её размытая копия; так сочетаются
маленькие картинки 420×270 и афиши любых пропорций, текст на афише не обрезается */
.event__media{position:relative;min-height:280px;max-height:540px;border-radius:18px;overflow:hidden;background:hsl(var(--h) 45% 90%);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow)}
.event__media--photo{background:#1c1a17}
.event__media--photo::before{content:"";position:absolute;inset:-24px;background:var(--poster) center/cover no-repeat;filter:blur(22px) saturate(1.1);opacity:.85}
.event__media img{position:relative;width:100%;height:100%;object-fit:contain}
.ticket>.adnote{margin-top:-8px}
.event__info h1{margin:10px 0 18px}
.ticket{background:var(--surface);border-radius:var(--r);padding:18px 20px;display:grid;gap:16px;position:relative}
.ticket::before,.ticket::after{content:"";position:absolute;width:18px;height:18px;border-radius:50%;background:var(--bg);top:50%;margin-top:-9px}
.ticket::before{left:-9px}.ticket::after{right:-9px}
.ticket__facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px;margin:0}
.ticket__facts dt{font:600 11px var(--body);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3);margin-bottom:2px}
.ticket__facts dd{margin:0;font-size:15px}
.ticket__cta{display:flex;align-items:center;gap:14px;flex-wrap:wrap;border-top:1px dashed var(--line);padding-top:16px}
.event__desc{max-width:72ch;font-size:16px;line-height:1.6}
.event__desc p{margin:0 0 1em}
.event__desc h2{margin-bottom:12px}.event__desc h3{font-size:18px;margin:1em 0 .4em}
.schedule{list-style:none;margin:0;padding:0;max-width:820px}
.schedule li{display:grid;grid-template-columns:1fr 1fr auto auto;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line);font-size:14px}
.schedule__date{font-weight:600}
.org{display:flex;gap:20px;align-items:flex-start;margin-top:8px}
.org__logo{width:80px;height:80px;border-radius:16px;object-fit:cover;flex:none}
/* ---------- footer ---------- */
.ftr{border-top:1px solid var(--line);margin-top:56px;padding:32px 0 40px;font-size:14px;color:var(--ink-2);background:var(--surface)}
.ftr__grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:32px}
.ftr__logo{height:25px;width:auto;margin-bottom:10px}
.ftr__about p{margin:0 0 10px;max-width:46ch}
.ftr__links{display:flex;flex-wrap:wrap;gap:6px 16px;font-weight:600;color:var(--ink)}
.ftr b{display:block;color:var(--ink);margin-bottom:8px;font-family:var(--display)}
.ftr ul{list-style:none;margin:0;padding:0;columns:2;column-gap:20px}
.ftr li{padding:3px 0;break-inside:avoid}
.ftr__all{font-weight:600;color:var(--ink)}
.ftr__bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:24px}
.ftr__copy{margin:0}
.ftr__rucontent{display:inline-flex;align-items:center;opacity:.75;margin-left:auto}
.ftr__rucontent:hover{opacity:1}
.ftr__rucontent img{height:20px;width:auto}
/* ---------- responsive ---------- */
@media (min-width:901px){.rail__nav{display:flex}}
@media (max-width:1000px){.podbor{grid-template-columns:1fr 1fr;}.podbor__checks{grid-column:1}.podbor .btn{grid-column:2}}
@media (max-width:900px){
.listing{grid-template-columns:1fr}
.facets{position:static;display:flex;flex-wrap:wrap;gap:8px 22px;margin-bottom:8px}
.facets__box{margin-bottom:8px}
.facets li{display:inline-block}
.sec--2col,.ftr__grid,.online{grid-template-columns:1fr}
.event__head{grid-template-columns:1fr}
.event__media{aspect-ratio:4/3;min-height:0}
.list--cols{columns:1}
.schedule li{grid-template-columns:1fr auto;gap:6px}
.schedule__name{display:none}
.ticket__facts{grid-template-columns:1fr}
}
@media (max-width:640px){
.hdr__row{height:auto;flex-wrap:wrap;gap:8px;padding:10px var(--gutter)}
.logo img{height:22px}
.citysel{order:2;flex:1 1 0;min-width:0}
.citysel select{width:100%;max-width:none;padding:7px 28px 7px 30px;font-size:14px;background-position:right 11px center}
.hdr__row .burger{display:block;order:3;margin-left:auto}
.search{order:4;flex:1 1 100%;padding-left:12px}
.search input{font-size:16px;padding:11px 10px} /* 16px: iOS не масштабирует страницу при фокусе */
.search__btn{display:none}
.ftr__bottom{flex-direction:column;align-items:center;text-align:center}
.ftr__ad{text-align:center}
.ftr__rucontent{margin-left:0}
.hdr__row .hdr__user{display:none} /* на мобильном вход и кабинет живут в меню */
select,input,textarea{font-size:16px}
.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 10px}
.podbor{grid-template-columns:1fr}
.podbor .btn,.podbor__checks{grid-column:1}
.hero{padding-top:14px}
.searchbox{grid-template-columns:1fr}
}
/* ---------- header user, messages ---------- */
.hdr__user{position:relative;display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:var(--surface);color:var(--ink-2);flex:none}
.hdr__user:hover{background:var(--surface-2);color:var(--ink)}
.hdr__user.is-auth{color:var(--accent-ink)}
.hdr__user-fav{position:absolute;top:-2px;right:-4px;background:var(--accent);color:#fff;font:700 10px var(--body);border-radius:999px;padding:1px 5px;min-width:16px;text-align:center}
.msgs{margin-top:14px}
.alert{border-radius:var(--r-sm);padding:12px 16px;margin:0 0 14px;background:var(--surface);border-left:4px solid var(--ink-3)}
.alert p{margin:0 0 6px}.alert p:last-child{margin:0}
.alert--ok,.alert--success{border-color:var(--free);background:var(--free-soft)}
.alert--error{border-color:#d33;background:#fdecec}
.alert--warn,.alert--warning{border-color:#e39b19;background:#fff5e0}
.alert--info{border-color:var(--accent);background:var(--accent-soft)}
.ftr__add{margin:4px 0 10px}
/* ---------- соцсети: круги 42px, как кнопка входа ---------- */
.social{display:flex;align-items:center;gap:8px;flex:none}
.social__link{display:block;width:42px;height:42px;border-radius:50%;transition:transform .15s,opacity .15s}
.social__link img{display:block;width:42px;height:42px}
.social__link:hover{transform:translateY(-2px)}
.social--ftr{margin:0 0 12px}
@media (max-width:640px){.hdr__row .social--hdr{display:none} /* на мобильном соцсети в меню и подвале */}
/* ---------- forms ---------- */
.auth{max-width:520px;margin:28px auto 40px}
.auth--wide{max-width:760px}
.auth h1{margin-bottom:8px}
.auth__alt{margin-top:18px;color:var(--ink-2)}
.form{display:grid;gap:14px}
.form--narrow{max-width:520px}
.field{display:grid;gap:5px;min-width:0}
.field label{font:600 14px var(--body);color:var(--ink-2)}
.field .req{color:var(--accent)}
.field input:not([type=checkbox]):not([type=radio]):not([type=file]),.field select,.field textarea{font:15px var(--body);color:var(--ink);padding:10px 12px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--bg);width:100%;min-width:0}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent);outline:none}
.field textarea{resize:vertical;line-height:1.5}
.field small{display:block;font-size:12.5px;line-height:1.4}
.field .err{color:#c33}
.field.has-error input,.field.has-error select,.field.has-error textarea{border-color:#c33}
.field ul,.field #id_tags{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 14px}
.field #id_tags label{font-weight:500;color:var(--ink);display:inline-flex;align-items:center;gap:6px}
.field ul li label{font-weight:500;color:var(--ink);display:inline-flex;align-items:center;gap:6px}
.field input[type=checkbox],.field input[type=radio]{accent-color:var(--accent);width:18px;height:18px;margin:0;flex:none}
.field label:has(>input[type=radio]),.field label:has(>input[type=checkbox]){display:inline-flex;align-items:center;gap:8px;font-weight:500;color:var(--ink);cursor:pointer;line-height:1.3}
.field--radio>div{display:grid;gap:8px;justify-items:start}
.check-row,.field label.check-row{display:flex;gap:10px;align-items:flex-start;font-weight:500;color:var(--ink);cursor:pointer;line-height:1.35}
.check-row__box{flex:none;padding-top:2px}
.form__actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:6px}
.linklike{background:none;border:0;padding:0;color:var(--accent-ink);cursor:pointer;font:inherit;text-decoration:underline}
.btn--danger{color:#c33;border-color:#e8b4b4}.btn--danger:hover{background:#fdecec;border-color:#c33}
fieldset{border:0;padding:0;margin:0 0 10px;display:grid;gap:14px}
legend{font:800 18px var(--display);margin-bottom:6px;padding:0}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.suggest{position:relative;background:var(--bg);border:1px solid var(--line);border-radius:var(--r-sm);box-shadow:var(--shadow);max-height:240px;overflow:auto;z-index:5}
.suggest button{display:block;width:100%;text-align:left;background:none;border:0;padding:8px 12px;font:14px var(--body);color:var(--ink);cursor:pointer}
.suggest button:hover{background:var(--surface)}
.suggest button span{display:block;color:var(--ink-3);font-size:12px}
.poster-preview{border-radius:var(--r-sm);margin-top:6px}
/* ---------- cabinet layout ---------- */
.cab{display:grid;grid-template-columns:220px minmax(0,1fr);gap:36px;margin-top:18px;align-items:start}
.cab__nav{position:sticky;top:90px;display:grid;gap:10px}
.cab__who{display:grid;gap:3px;padding-bottom:10px;border-bottom:1px solid var(--line)}
.cab__nav nav{display:grid;gap:2px}
.cab__nav nav a{padding:8px 10px;border-radius:8px;font:500 14px var(--body)}
.cab__nav nav a:hover{background:var(--surface);color:var(--ink)}
.cab__nav nav a.is-active{background:var(--ink);color:var(--bg)}
.cab__new{color:var(--accent-ink);font-weight:600!important}
.cab__sep{display:block;height:1px;background:var(--line);margin:6px 0}
.cab__logout{margin-top:4px}
.cab__head{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:14px}
.cab__head h1{flex:1;min-width:0}
.cab__main h1{margin-bottom:12px}
.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin:16px 0 8px}
.tiles--sm{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}
.tile{background:var(--surface);border-radius:var(--r-sm);padding:14px 16px;display:grid;gap:2px}
.tile b{font:800 26px var(--display);line-height:1}
.tile span{font-size:12.5px;color:var(--ink-3)}
.tile--warn{background:#fff5e0}
a.tile:hover{background:var(--surface-2)}
.badge{display:inline-block;font:600 11.5px var(--body);padding:2px 8px;border-radius:999px;background:var(--surface-2);color:var(--ink-2);white-space:nowrap}
.badge--published,.badge--confirmed,.badge--verified,.badge--attended{background:var(--free-soft);color:var(--free)}
.badge--pending,.badge--waitlist,.badge--new{background:#fff5e0;color:#a56a05}
.badge--rejected,.badge--hidden,.badge--blocked,.badge--cancelled,.badge--no_show{background:#fdecec;color:#c33}
.ok{color:var(--free);font-weight:600}
.table{width:100%;border-collapse:collapse;font-size:14px;margin:14px 0}
.table th{text-align:left;font:600 11px var(--body);text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3);padding:8px 10px;border-bottom:1px solid var(--line)}
.table td{padding:10px;border-bottom:1px solid var(--line);vertical-align:top}
.table--dense td{padding:6px 8px}
.table__actions{text-align:right;white-space:nowrap}
.table__actions form{display:inline}
.box{background:var(--surface);border-radius:var(--r);padding:16px 18px;margin-bottom:14px}
.box>b{display:block;margin-bottom:6px;font-family:var(--display)}
.box--warn{background:#fff5e0}
.stack{display:grid;gap:8px}
.stack input{font:14px var(--body);padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:var(--bg)}
.inline{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-top:8px}
.inline input,.inline select{font:13px var(--body);padding:6px 8px;border:1px solid var(--line);border-radius:8px;background:var(--bg)}
.evform{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:32px;align-items:start}
.evform__side{position:sticky;top:90px}
.modev{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:32px;align-items:start}
.checklist{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:8px;font-size:13.5px}
.checklist li{padding-left:24px;position:relative}
.checklist li::before{content:"";position:absolute;left:0;top:3px;width:14px;height:14px;border-radius:50%;border:2px solid var(--line)}
.checklist li.ok::before{background:var(--free);border-color:var(--free)}
.checklist li.no{color:var(--ink-2)}
.checklist li small{display:block;font-size:12px}
.orders{list-style:none;margin:0;padding:0}
.order{display:grid;grid-template-columns:150px minmax(0,1fr) auto;gap:16px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}
.order__date{font:700 14px var(--body);color:var(--accent-ink)}
.order__title{font:700 16px var(--display)}
.order__actions{display:flex;gap:6px}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.step{background:var(--surface);border-radius:var(--r);padding:18px}
.step b{display:block;font:800 16px var(--display);margin-bottom:6px}
.step p{margin:0;color:var(--ink-2);font-size:14px}
.join{padding-top:30px}
details{margin:8px 0;border-bottom:1px solid var(--line);padding-bottom:8px}
summary{cursor:pointer;font-weight:600}
.textpage{max-width:72ch;font-size:16px;line-height:1.6;margin-top:10px}
.textpage h2{margin:1.4em 0 .5em;font-size:20px}
.textpage ul{padding-left:22px}
.about__lead{font-size:19px;line-height:1.5;color:var(--ink-2);max-width:68ch;margin:6px 0 0}
.about .tiles{margin:22px 0 8px}
.about .tile b{font-size:30px}
.about__contact{display:flex;flex-wrap:wrap;gap:12px 28px;align-items:baseline;background:var(--surface);border-radius:var(--r);padding:18px 22px}
.about__contact a.mail{font:800 20px var(--display);color:var(--accent)}
.about__contact p{margin:0;color:var(--ink-2);font-size:14px}
.about__cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.tpage{max-width:900px;margin:20px auto}
.tcard{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;background:var(--surface);border-radius:var(--r);padding:24px;margin:16px 0}
.tcard__info h2{margin-bottom:8px}
.tcard__info p{margin:0 0 8px}
.tcard__actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.tcard__qrs{display:grid;gap:14px}
.qr{text-align:center;background:var(--bg);border-radius:var(--r-sm);padding:10px}
.qr img{margin:0 auto 6px}
.qr--used{opacity:.55}
.checkin{max-width:520px;margin:20px auto}
.checkin__cam{aspect-ratio:1;background:#000;border-radius:var(--r);overflow:hidden;margin:12px 0}
.checkin__cam video{width:100%;height:100%;object-fit:cover}
.checkin__manual{display:flex;gap:8px;margin:10px 0}
.checkin__manual input{flex:1;font:16px var(--body);padding:10px 12px;border:1px solid var(--line);border-radius:var(--r-sm);text-transform:uppercase}
.checkin__result{padding:16px;border-radius:var(--r-sm);font-size:18px;margin:10px 0}
.checkin__result.is-ok{background:var(--free-soft);color:var(--free)}
.checkin__result.is-bad{background:#fdecec;color:#c33}
.checkin__log{list-style:none;padding:0;margin:0;font-size:13px;color:var(--ink-2)}
.checkin__log li{padding:4px 0;border-bottom:1px solid var(--line)}
.fav{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:999px;padding:8px 14px;font:600 14px var(--body);background:var(--bg);color:var(--ink);cursor:pointer}
.fav:hover{border-color:var(--accent)}
.fav.is-on{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-ink)}
.fav svg{width:18px;height:18px}
.fav.is-on svg{fill:currentColor}
.event__report{margin:24px 0}
.sec+.event__report{margin-top:-10px} /* сразу под разделом — ближе к нему; без описания и карты — отступ от шапки события */
.ugc-note{font-size:13px;color:var(--ink-3);display:flex;gap:12px;flex-wrap:wrap;margin-top:10px}
.verified-mark{color:var(--free);font-weight:600;font-size:13px}
@media (max-width:900px){
.cab{grid-template-columns:minmax(0,1fr);gap:16px}
.cab__main{min-width:0}
.cab__nav{position:static}
.cab__nav nav{display:flex;flex-wrap:wrap;gap:4px}
.cab__sep{display:none}
.evform,.modev{grid-template-columns:1fr}
.evform__side{position:static}
.steps{grid-template-columns:1fr}
.order{grid-template-columns:1fr;gap:6px}
.tcard{grid-template-columns:1fr}
.row2{grid-template-columns:1fr}
.table{display:block;overflow-x:auto}
}
/* 404 */
.notfound{padding:34px 0 20px;max-width:820px}
.notfound__mark{display:flex;align-items:center;gap:6px;color:var(--accent);margin-bottom:10px;line-height:1}
.notfound__num{font:800 clamp(72px,12vw,128px)/1 var(--display);letter-spacing:-.04em}
.notfound__arrow{width:clamp(56px,9vw,100px);height:auto;transform:translateY(4%)}
.notfound .lead{margin-top:10px}
.notfound__quick{margin:6px 0 14px}
.notfound__links{margin-top:22px}
.smart-captcha{margin:14px 0 4px;max-width:420px}
/* ---------- мобильное меню (бургер) ---------- */
.burger{display:none;position:static;border:0;padding:0;margin:0;background:none}
.burger:not([open]) .mnav{display:none}
.burger summary{list-style:none;display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:var(--surface);color:var(--ink);cursor:pointer}
.burger summary::-webkit-details-marker{display:none}
.burger summary .ico-x{display:none}
.burger[open] summary{background:var(--ink);color:var(--bg)}
.burger[open] summary .ico-x{display:block}.burger[open] summary .ico-b{display:none}
.mnav{position:fixed;left:0;right:0;top:var(--mnav-top,120px);bottom:0;background:var(--bg);border-top:1px solid var(--line);padding:14px var(--gutter) calc(32px + env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;z-index:40}
body.mnav-open{overflow:hidden}
.mnav__sec{margin:0 0 16px}
.mnav__sec:last-child{margin-bottom:0}
.mnav__title{font:700 12px var(--body);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin:0 0 8px}
.mnav__list{display:flex;flex-wrap:wrap;gap:8px}
.mnav__list a{display:inline-flex;align-items:center;padding:8px 13px;border-radius:999px;background:var(--surface);font:500 14px var(--body);color:var(--ink)}
.mnav__list a.is-free{color:var(--free)}
.mnav__list a.is-primary{background:var(--accent);color:var(--on-accent);font-weight:600}
.mnav__links{display:grid;gap:2px}
.mnav__links a{padding:9px 0;border-bottom:1px solid var(--line);font:500 15px var(--body);color:var(--ink)}
.mnav__links a:last-child{border-bottom:0}
/* рассылки в кабинете посетителя */
.picks{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:4px 0 8px}
.subs__set{border:0;padding:0;margin:0 0 22px;min-width:0}
.subs__set legend{font:700 16px var(--display);margin-bottom:8px;padding:0}
.subs__more summary{cursor:pointer;color:var(--accent-ink);font-weight:500;margin:4px 0 8px}
/* бейдж инфопартнёра: конструктор, призывы в кабинете, отметка на странице организатора */
.pb__step{border-top:1px solid var(--line);padding:18px 0 6px}
.pb__step h2{font-size:18px;margin-bottom:12px}
.pb__variants{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-bottom:12px}
.pb__variant{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 10px;border:1px solid var(--line);border-radius:var(--r);cursor:pointer;font-size:13px;color:var(--ink-2);background:#fbfaf8}
.pb__variant input{position:absolute;opacity:0;pointer-events:none}
.pb__variant img{height:56px;width:auto;max-width:100%;object-fit:contain}
.pb__variant:has(input:checked){border-color:var(--accent);box-shadow:0 0 0 1px var(--accent);background:var(--accent-soft)}
.pb__variant:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}
.pb__targets{display:grid;gap:10px;max-width:560px}
.pb__targets small{display:block}
.pb__event{max-width:100%;margin-left:28px;font:14px var(--body);padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:var(--bg)}
.pb__event:disabled{opacity:.5}
.pb__preview{padding:22px;border:1px dashed var(--line);border-radius:var(--r);background:repeating-conic-gradient(#f4f1ee 0 25%,#fff 0 50%) 0 0/16px 16px;margin-bottom:10px;pointer-events:none}
.pb__code{width:100%;font:13px/1.45 ui-monospace,Consolas,monospace;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);resize:vertical}
.partner-cta{display:flex;gap:16px;align-items:flex-start;padding:16px 18px;border-radius:var(--r);background:var(--accent-soft);margin-bottom:18px}
.partner-cta img{flex:none;width:64px;height:auto;border-radius:10px}
.partner-cta p{margin:4px 0 10px;color:var(--ink-2)}
.box--partner{background:var(--accent-soft)}
.box--partner p{margin:0 0 10px}
.partner-mark{display:inline-flex;align-items:center;gap:8px;margin:6px 0 2px;font-weight:600;font-size:14px;color:var(--ink-2)}
.partner-mark img{width:22px;height:auto;border-radius:4px}
@media (max-width:640px){.partner-cta{flex-direction:column}.pb__event{margin-left:0}}
/* превью писем в модерации */
.mailprev{display:grid;grid-template-columns:260px 1fr;gap:18px;margin-top:14px}
.mailprev__list{display:grid;gap:2px;align-content:start;max-height:80vh;overflow:auto}
.mailprev__list a{display:grid;padding:8px 10px;border-radius:8px}
.mailprev__list a.is-active{background:var(--accent-soft)}
.mailprev__view iframe{width:100%;height:80vh;border:1px solid var(--line);border-radius:var(--r);background:#f7f4f1}
@media (max-width:900px){.mailprev{grid-template-columns:1fr}.mailprev__list{max-height:none}}
/* маркировка партнёрской ссылки: «Реклама» под кнопками, рекламодатель — в футере (docs/05-content-ticketland.md, раздел 7) */
.adnote{margin:10px 0 0;font-size:12px;color:var(--ink-3)}
.adnote a{color:inherit;text-decoration:underline dotted;text-underline-offset:2px}
.ftr__ad{margin:8px 0 0}
.ftr__ad:target{color:var(--ink)}