/* gptishka-dark-pages-20260706
   Late-loaded visual bridge for catalog/service pages so they match the dark
   marketplace homepage without changing product/payment logic. */

body.home-catalog-body,
body:has(main.service-page) {
  color: rgba(255, 255, 255, 0.92);
  background:
    radial-gradient(circle at 10% 24%, rgba(25, 236, 226, 0.18), transparent 0 11%, transparent 28%),
    radial-gradient(circle at 34% 12%, rgba(255, 54, 166, 0.14), transparent 0 9%, transparent 24%),
    radial-gradient(circle at 88% 26%, rgba(37, 128, 255, 0.18), transparent 0 15%, transparent 34%),
    linear-gradient(135deg, #080a0f 0%, #0a0d12 48%, #071015 100%) !important;
}

body.home-catalog-body .page-overlay,
body:has(main.service-page) .page-overlay {
  opacity: 0 !important;
}

body.home-catalog-body header,
body:has(main.service-page) header {
  background: transparent !important;
}

body.home-catalog-body header .site-ticker,
body:has(main.service-page) header .site-ticker {
  border: 0 !important;
  background: rgba(4, 6, 10, 0.32) !important;
  box-shadow: none !important;
}

body.home-catalog-body header .site-ticker__item,
body:has(main.service-page) header .site-ticker__item {
  color: rgba(255, 255, 255, 0.48) !important;
  border-color: rgba(255, 255, 255, 0.055) !important;
  background: rgba(255, 255, 255, 0.075) !important;
}

body.home-catalog-body header .nav-shell,
body:has(main.service-page) header .nav-shell {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.home-catalog-body header .logo-img,
body:has(main.service-page) header .logo-img {
  filter: brightness(0) invert(1) drop-shadow(0 12px 24px rgba(0, 0, 0, 0.32)) !important;
}

body.home-catalog-body .catalog-page,
body:has(main.service-page) .service-page {
  color: rgba(255, 255, 255, 0.92) !important;
  background: transparent !important;
}

body.home-catalog-body .catalog-title,
body.home-catalog-body .ai-directory-card__title,
body:has(main.service-page) .service-page h1,
body:has(main.service-page) .service-page h2,
body:has(main.service-page) .service-page h3 {
  color: rgba(255, 255, 255, 0.94) !important;
}

body.home-catalog-body .catalog-breadcrumbs,
body.home-catalog-body .catalog-breadcrumbs a,
body.home-catalog-body .catalog-top p,
body.home-catalog-body .ai-directory-card__desc,
body.home-catalog-body .ai-directory-card__plans,
body:has(main.service-page) .service-page p,
body:has(main.service-page) .service-page .sub {
  color: rgba(255, 255, 255, 0.64) !important;
}

body.home-catalog-body .catalog-tab,
body.home-catalog-body .ai-directory-card,
body:has(main.service-page) .service-page .plan-card,
body:has(main.service-page) .service-page .price-card,
body:has(main.service-page) .service-page .service-hero,
body:has(main.service-page) .service-page .service-plans {
  border-color: rgba(255, 255, 255, 0.08) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.035)) !important;
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
  backdrop-filter: blur(18px) saturate(116%);
  -webkit-backdrop-filter: blur(18px) saturate(116%);
}

body.home-catalog-body .catalog-tab--active,
body.home-catalog-body .ai-directory-card__button {
  color: #06110b !important;
  background: linear-gradient(135deg, #2bdc86, #16b876, #0e8a58) !important;
}

body.home-catalog-body .ai-directory-card__media {
  border-color: rgba(255, 255, 255, 0.08) !important;
  background: rgba(0, 0, 0, 0.24) !important;
}

@media (max-width: 760px) {
  body.home-catalog-body,
  body:has(main.service-page) {
    background:
      radial-gradient(circle at 12% 18%, rgba(25, 236, 226, 0.12), transparent 0 14%, transparent 34%),
      radial-gradient(circle at 88% 20%, rgba(37, 128, 255, 0.12), transparent 0 18%, transparent 42%),
      linear-gradient(135deg, #080a0f 0%, #0a0d12 52%, #071015 100%) !important;
  }
}

/* dark-pages-reference-tuning-20260706
   Late final overrides for pages that load their own catalog/service CSS after
   the shared header layer. */
html:has(body.home-catalog-body),
html:has(body .service-page) {
  background: #06080c;
}

body.home-catalog-body::before,
body:has(main.service-page)::before {
  content: "";
  position: fixed;
  inset: -12% -8%;
  pointer-events: none;
  z-index: 0;
  background:
    radial-gradient(circle at 8% 31%, rgba(18, 235, 220, 0.30), transparent 0 8%, transparent 21%),
    radial-gradient(circle at 36% 19%, rgba(255, 43, 148, 0.20), transparent 0 8%, transparent 21%),
    radial-gradient(circle at 84% 28%, rgba(30, 125, 255, 0.24), transparent 0 13%, transparent 31%),
    linear-gradient(135deg, #06080c 0%, #090b10 50%, #061014 100%);
  filter: blur(82px) saturate(116%);
  opacity: 0.80;
}

body.home-catalog-body > *,
body:has(main.service-page) > * {
  position: relative;
  z-index: 1;
}

body.home-catalog-body #gptishka-support-widget .support-widget__mascot::after,
body:has(main.service-page) #gptishka-support-widget .support-widget__mascot::after {
  content: "\041F\043E\0434\0434\0435\0440\0436\043A\0430" !important;
}

body.home-catalog-body footer,
body:has(main.service-page) footer {
  color: rgba(255, 255, 255, 0.58) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  background: transparent !important;
}

body.home-catalog-body a,
body:has(main.service-page) a {
  color: inherit;
}