/* Петербург (spb.ses-dezinfekcia.ru и сэс-дезинфекция-спб.рф): светлая шапка и светлые разделы,
   как на страницах клопов и плесени. 04.11.2026. Подключается после ses-header.
   Тёмными остаются первый экран с фото, полоса заявки, мелкие акценты и подвал — как на клопах. */

/* Верхняя строка и шапка — цвета и кнопки из klopy.css */
.site-utility{background:#F3F5F8;color:#44526B;border-bottom:0}
.site-utility__hours b{color:#0B1B34}
.site-utility__urgent{color:#8A6A1F;font-weight:600}
.site-utility__urgent .urgent-dot{background:#3E9F4B}
html body .site-utility a[href]{color:#0B1B34;text-decoration-line:none!important}
html body .site-utility a[href]:hover{color:#6E5011}
.site-header{border-bottom-color:#E6EBF2}
.site-brand__caption{margin-top:3px;color:#44526B;font-size:14px;font-weight:600;letter-spacing:0;line-height:1.1;text-transform:none}
.site-header__request,.site-header__call{min-height:44px;padding:0 18px;border-radius:999px;font-size:14px;font-weight:800}
.site-header__request{background:#E6EBF2;border-color:#E6EBF2;color:#0B1B34}
.site-header__request:hover{background:#D9E0EA;border-color:#D9E0EA}
.site-menu summary{border-color:transparent;border-radius:999px;background:#F3F5F8}
.site-menu nav{border-radius:0 0 24px 24px;background:#F3F5F8}
@media (max-width:767px){.site-brand__caption{font-size:12.5px}}

/* Тёмные разделы становятся светлыми: те же переменные, светлые значения */
.ground,.stats{
  --ground:#F3F5F8;--ground-2:#E6EBF2;--ground-3:#E6EBF2;
  --on-dark:#44526B;--on-dark-hi:#0B1B34;--on-dark-2:#5A6880;
  --line-dark:#DDE3EC;--border-dark:#C5CDD9;--ok-on-dark:#1D5A26;
  --gold:#8A6A1F;--ses-paper:#0B1B34;--ses-border-dark:#9AA7B8;--ses-rule-on-dark:#DDE3EC;
  background:#F3F5F8;color:#44526B
}
.ground .btn--secondary,.stats .btn--secondary{color:#0B1B34;border-color:#9AA7B8}
.ground .btn--secondary:hover,.stats .btn--secondary:hover{background:#fff}
.ground .btn--quiet{color:#0B1B34}
.ground .btn--primary,.stats .btn--primary{color:#fff}

/* Главная: «Регламент», «Кто приедет», «География» тоже светлые. Первый экран и заявка остаются тёмными */
main>section.sec.dark:not(.form-sec){
  --on-dark:#44526B;--on-dark-2:#5A6880;--rule-dark:#DDE3EC;--ses-rule-on-dark:#DDE3EC;--ses-surface-on-dark:#fff;
  background:#F3F5F8;color:#44526B
}
main>section.sec.dark:not(.form-sec) :is(h1,h2,h3){color:#0B1B34}
main>section.sec.dark:not(.form-sec) :is(.crew figure,.geo-map){background:#fff;border-color:#DDE3EC}
#geo .geo-urgent{background:#EAF5EC;border-color:#3E9F4B;color:#1D5A26}

/* Первый экран на телефоне и планшете (до 1024 px) светлый, как на клопах: белый фон, тёмные заголовки,
   цена под фото. От 1024 px остаётся фото с тёмной заливкой, как на клопах. Селектор с :is(…, #id) сильнее правил
   «main > section.sec:first-of-type …» из общих стилей */
@media (max-width:1023px){
  main :is([data-mobile-first-hero="v1"],#ses-hero){background:#fff!important;color:#44526B}
  main :is([data-mobile-first-hero="v1"],#ses-hero) :is(h1,h2,h3){color:#0B1B34!important}
  main :is([data-mobile-first-hero="v1"],#ses-hero) h1 span{color:#6E5011!important}
  main :is([data-mobile-first-hero="v1"],#ses-hero) :is(.lede,.intro){color:#44526B!important}
  main :is([data-mobile-first-hero="v1"],#ses-hero) :is(.crumbs,.breadcrumbs),
  main :is([data-mobile-first-hero="v1"],#ses-hero) :is(.crumbs,.breadcrumbs) :is(a,li){color:#44526B!important}
  main :is([data-mobile-first-hero="v1"],#ses-hero) .crumbs li:last-child{color:#0B1B34!important}
  main :is([data-mobile-first-hero="v1"],#ses-hero) .crumbs .icon{color:#9AA7B8!important}
  main :is([data-mobile-first-hero="v1"],#ses-hero) .hero-price-chip>span{color:#6E5011!important}
  main :is([data-mobile-first-hero="v1"],#ses-hero) .hero-price-chip strong{color:#0B1B34!important}
  main :is([data-mobile-first-hero="v1"],#ses-hero) .owner-hero-action{border-radius:999px!important}
  main :is([data-mobile-first-hero="v1"],#ses-hero) .owner-hero-action.owner-hero-action--secondary{background:#E6EBF2!important;border-color:#E6EBF2!important;color:#0B1B34!important}
  main :is([data-mobile-first-hero="v1"],#ses-hero) .owner-hero-action.owner-hero-action--primary{color:#fff!important}
  main :is([data-mobile-first-hero="v1"],#ses-hero) .pledges li{border-color:#E6EBF2!important}
  main :is([data-mobile-first-hero="v1"],#ses-hero) .pledges .icon{color:#8A6A1F!important}
  main :is([data-mobile-first-hero="v1"],#ses-hero) .pledges b,
  main :is([data-mobile-first-hero="v1"],#ses-hero) .pledges b *{color:#0B1B34!important}
  main :is([data-mobile-first-hero="v1"],#ses-hero) .pledges li>span,
  main :is([data-mobile-first-hero="v1"],#ses-hero) .pledges .pledge-more,
  main :is([data-mobile-first-hero="v1"],#ses-hero) .pledges .pledge-more *{color:#44526B!important}
}