/* #1135 — case bodies to dark "Quiet Aurora" like RU:
   remove the leftover yellow title accent ("жёлтая полоса") and
   repaint the light device/browser stages that read as old-design blocks.
   NOTE: never darkens the screenshot <img> itself (that is the real app UI). */

/* 1. Kill the brand-yellow rule under section titles (RU has none) */
.case-detail__section .section__title::after,
.case-detail--fixed .case-detail__section > .container > .section__title::after,
.case-detail--fixed .case-detail__hero + .case-detail__section .section__title::after,
.case-limp .case-detail__section > .container > .section__title::after,
.case-limp .case-detail__hero + .case-detail__section .section__title::after,
.case-joyjet .case-detail__section > .container > .section__title::after,
.case-edplace .case-detail__section > .container > .section__title::after {
  display: none !important;
}

/* 2. Device stage: light (#f2f6ff→#e9f0ff) -> dark on-brand surface */
.case-detail--fixed .case-feature__media,
.case-limp .case-feature__media,
.case-joyjet .case-feature__media,
.case-edplace .case-feature__media {
  background:
    radial-gradient(120% 90% at 50% 0%, rgba(63,107,255,.20), rgba(63,107,255,0) 62%),
    var(--card, #10152a) !important;
  border: 1px solid var(--line, rgba(255,255,255,.08)) !important;
}

/* 3. Browser-chrome mockup window -> dark window + dark chrome bar */
.case-detail--browser .case-feature__media {
  background: var(--card, #10152a) !important;
  border: 1px solid var(--line, rgba(255,255,255,.10)) !important;
}
.case-detail--browser .case-feature__media::before {
  background:
    radial-gradient(circle at 18px 50%, #ff5f57 0 5px, transparent 6px),
    radial-gradient(circle at 38px 50%, #febc2e 0 5px, transparent 6px),
    radial-gradient(circle at 58px 50%, #28c840 0 5px, transparent 6px),
    linear-gradient(180deg, #1b2138 0%, #151a2c 100%) !important;
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
}

/* 4. Any remaining hardcoded white panels inside the case body -> dark card */
.case-detail--fixed .case-detail__section .card,
.case-limp .case-detail__section .card,
.case-joyjet .case-detail__section .card,
.case-edplace .case-detail__section .card {
  background: var(--card, #10152a) !important;
}