/* SUNDUQ v447 — разделы сайта в оформлении главной.
   Оболочка (шапка, левое меню) берёт стили главной; здесь — колонка содержимого
   и светлый слой поверх тёмных компонентов старых разделов. */

html.su447Html,html.su447Html body{background:#fafbfa!important;background-image:none!important;color:#161d29!important}
html.su447Html body{margin:0!important;min-width:320px;font:15px/1.5 Arial,"Segoe UI",sans-serif!important}
html.su447Html body::before,html.su447Html body::after{display:none!important}
#su443App.su447Shell{min-height:100vh;background:#fafbfa}
#su443App .su447Layout{align-items:start}
#su443App .su447Content{min-width:0;width:100%}
#su443App .su443HeaderIcon{position:relative}
#su443App .su447Badge{position:absolute;top:-7px;right:-10px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#d92d4b;color:#fff!important;font:700 10px/18px Arial,sans-serif!important;text-align:center;box-shadow:0 0 0 2px #fff}
#su443App .su447Badge.hidden{display:none!important}
#su443App .su443Sections .su444MoreSections a.active{background:#e7f3f1;color:#075e5b!important;font-weight:700}

/* Колонка содержимого: старые разделы рассчитаны на всю ширину окна. */
#su443App #su447Content>main,#su443App #su447Content>.page,#su443App #su447Content>section:first-child{max-width:none!important;margin-left:0!important;margin-right:0!important;width:auto!important}
#su443App #su447Content>main{padding-top:0!important}
#su443App #su447Content :is(h1,h2,h3){word-break:normal!important;overflow-wrap:break-word;hyphens:manual;letter-spacing:-.01em}
#su443App #su447Content h1{font-size:clamp(25px,2.4vw,34px)!important;line-height:1.15!important}
#su443App #su447Content h2{line-height:1.25!important}
#su443App #su447Content .kicker,#su443App #su447Content [class*="Kicker"],#su443App #su447Content [class*="kicker"]{color:#075e5b!important;background:none!important}
#su443App #su447Content ::placeholder{color:#8a949c!important;opacity:1}
#su443App #su447Content :is(input,select,textarea):focus{outline:2px solid #9fd3cc!important;outline-offset:1px;border-color:#0b6f69!important}
#su443App #su447Content a:not([class]){color:#075e5b}
#su443App #su447Content *{scrollbar-color:#cfd6d4 transparent;scrollbar-width:thin}
#su443App #su447Content ::-webkit-scrollbar{width:8px;height:6px;background:transparent}
#su443App #su447Content ::-webkit-scrollbar-thumb{background:#cfd6d4;border-radius:6px}
#su443App #su447Content ::-webkit-scrollbar-track{background:transparent}

/* Нижняя панель, которую core-ui добавляет прямо в body (сообщения и др.). */
html.su447Html body nav.su296MobileNav{background:#fff!important;background-image:none!important;border-top:1px solid #e1eae6!important;box-shadow:0 -3px 18px rgba(27,63,46,.03)!important}
html.su447Html body nav.su296MobileNav a,html.su447Html body nav.su296MobileNav button{color:#6c7e77!important;background:transparent!important}
html.su447Html body nav.su296MobileNav a.active,html.su447Html body nav.su296MobileNav a.active svg{color:#0b6557!important}
html.su447Html body nav.su296MobileNav b{color:inherit!important}

/* v447.1 — заголовки разделов как у «Объявлений»: без подложки, тёмный H1, серая подпись. */
#su443App #su447Content :is(.events92Hero,.communitiesHero,.directoryHero,.jobs93Hero,.ridesHero,.realty94Hero,.tourismHero,.videosHero,.musicHero,.radioHero,.mapPageHead,.people181Hero,.datingHero,.meetupHero,.act111Hero,.cn380Head,.feedHero,.searchHero,.tp106SavedHead,.adcHead,.systemHero,.adlHero,.auto180Hero){background:transparent!important;background-image:none!important;border:0!important;box-shadow:none!important;padding-top:0!important;padding-left:2px!important;padding-right:2px!important;margin-top:0!important}
#su443App #su447Content :is(.events92Hero,.communitiesHero,.directoryHero,.jobs93Hero,.ridesHero,.realty94Hero,.tourismHero,.videosHero,.musicHero,.radioHero,.mapPageHead,.people181Hero,.datingHero,.meetupHero,.act111Hero,.cn380Head,.feedHero,.searchHero,.tp106SavedHead,.adcHead,.systemHero,.adlHero,.auto180Hero) h1{color:#17272c!important;-webkit-text-fill-color:currentColor!important;font-weight:800!important;letter-spacing:-.6px!important;margin-top:0!important}
#su443App #su447Content :is(.events92Hero,.communitiesHero,.directoryHero,.jobs93Hero,.ridesHero,.realty94Hero,.tourismHero,.videosHero,.musicHero,.radioHero,.mapPageHead,.people181Hero,.datingHero,.meetupHero,.act111Hero,.cn380Head,.feedHero,.searchHero,.tp106SavedHead,.adcHead,.systemHero,.adlHero) p{color:#68767b!important}

/* Активный фильтр или вкладка — светло-бирюзовый, как выбранный раздел в «Объявлениях». */
#su443App #su447Content :is(button,a,label)[class].active:not([class*="Primary"]):not([class*="primary"]):not([class*="Submit"]),
#su443App #su447Content :is(button,a)[aria-selected="true"]{background:#e7f3f1!important;background-image:none!important;color:#075e5b!important;border-color:#b9ddd7!important;box-shadow:none!important}
#su443App #su447Content :is(button,a,label)[class].active:not([class*="Primary"]) svg{color:#075e5b!important}

/* Точечные правки по аудиту контраста. */
html.su447Html body a.su254SkipLink{background:#075e5b!important;color:#fff!important}
#su443App #su447Content :is(button,a).suDeleteBtn{border-color:#e7b7bf!important;color:#c62f45!important}
#su443App #su447Content .act111Unread.is-zero{background:#f1f4f3!important;color:#5d6873!important;border-color:#e3e7e6!important}
#su443App #su447Content .property94Badge{background:#e7f3f1!important;color:#075e5b!important}
#su443App #su447Content .event179Fact span{color:#5d6873!important}
#su443App #su447Content label.checkLine{color:#3b4650!important}
#su443App #su447Content :is(.cn380Hint,.cn380Empty){color:#5d6873!important}
#su443App #su447Content .mapStatus{background:#fff!important;color:#161d29!important;border:1px solid #e3e7e6!important;box-shadow:0 2px 8px rgba(22,29,41,.08)!important}
#su443App #su447Content button.rideFormClose{background:#f1f4f3!important;color:#3b4650!important;border-color:#e3e7e6!important}
html.su447Html body nav.su296MobileNav a,html.su447Html body nav.su296MobileNav button{color:#56665f!important}

/* Всплывающие уведомления core-ui живут прямо в body, вне колонки раздела. */
html.su447Html body .su255Toast{background:#fff!important;background-image:none!important;color:#161d29!important;border:1px solid #e3e7e6!important;box-shadow:0 10px 30px rgba(22,29,41,.14)!important}
html.su447Html body .su255Toast .su255ToastText{color:#161d29!important}
html.su447Html body .su255Toast .su255ToastClose{color:#5d6873!important;background:transparent!important}
html.su447Html body .su255Toast .su255ToastIcon{background:#e7f3f1!important;color:#075e5b!important}
html.su447Html body .su255Toast--error{border-color:#efc2ca!important}
html.su447Html body .su255Toast--error .su255ToastIcon{background:#fdecef!important;color:#c62f45!important}
html.su447Html body .su255Toast--warning .su255ToastIcon{background:#fff4dc!important;color:#8a5d00!important}

/* Карточки сообществ: аватар остаётся на обложке, название — под ней, тёмным текстом. */
#su443App #su447Content .communityCard .communityTop{margin-top:0!important}
#su443App #su447Content .communityCard .communityTop>:first-child{margin-top:-34px!important;border:3px solid #fff!important;box-shadow:0 2px 8px rgba(22,29,41,.12)!important}
#su443App #su447Content .communityCard .communityTop h3{color:#161d29!important;-webkit-text-fill-color:currentColor!important}

/* v448 — где показываем записи раздела: город, его регион, вся Россия, другой город. */
#su443App .su448Scope{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0 0 14px;padding:10px 12px;border:1px solid #e6ebea;border-radius:12px;background:#fff}
#su443App .su448ScopeLabel{display:inline-flex;align-items:center;gap:6px;margin-right:2px;color:#5d6873;font-size:13px}
#su443App .su448ScopeLabel svg{width:16px;height:16px;color:#075e5b}
#su443App .su448Chip{display:inline-flex;align-items:center;min-height:32px;padding:5px 12px;border:1px solid #e3e8e7;border-radius:999px;background:#fff;color:#1f2b33!important;font-size:13px;font-weight:600;text-decoration:none}
#su443App a.su448Chip:hover{border-color:#b9ddd7;background:#f3f8f7;color:#075e5b!important}
#su443App .su448Chip.on{background:#e7f3f1;border-color:#b9ddd7;color:#075e5b!important}
#su443App .su448Pick{display:inline-flex;align-items:center;gap:2px;margin-left:auto;color:#075e5b!important;font-size:13px;font-weight:700;text-decoration:none}
#su443App .su448Pick svg{width:14px;height:14px}
@media(max-width:640px){#su443App .su448Scope{padding:8px 10px;gap:6px}#su443App .su448ScopeLabel{width:100%}#su443App .su448Pick{margin-left:0}}

/* v448: у главных кнопок разделов нет прежнего розового свечения. */
#su443App #su447Content [class*="Hero"] :is(button,a[class]),#su443App #su447Content :is(button,a)[class*="Primary"]{box-shadow:0 1px 2px rgba(22,29,41,.08)!important}

/* v448.1: главная кнопка «Авто» — бирюзовая, как «Добавить …» в других разделах. */
#su443App #su447Content button.auto180Primary{background:linear-gradient(135deg,#08706c,#075957)!important;color:#fff!important;border-color:#075e5b!important}
#su443App #su447Content button.auto180Primary svg{color:#fff!important}
