/* Overlay + logo defaults — fixed from tuner 2026-07-20 */
.page-header-illustration {
  --ovl-c0: 0.17;
  --ovl-c1: 0.33;
  --ovl-c2: 0.55;
  --ovl-l0: 0;
  --ovl-l1: 0;
  --ovl-r0: 0;
  --ovl-r1: 0;
  --ovl-g0: 0;
  --ovl-g1: 0.52;
  --logo-font-family: "PT Serif";
  --logo-font-size: 33px;
  --logo-font-weight: 800;
  --logo-text-transform: none;
  --logo-subtitle-size: 10px;
}

.page-header-illustration .header .logo-text {
  font-family: var(--logo-font-family), Georgia, "Times New Roman", serif !important;
  font-size: var(--logo-font-size) !important;
  font-weight: var(--logo-font-weight) !important;
  text-transform: var(--logo-text-transform) !important;
  line-height: 1.05 !important;
  letter-spacing: 0.02em !important;
}

.page-header-illustration .header .logo-subtitle,
.page-header-illustration #header .logo-subtitle,
body.page-header-illustration .header .logo-subtitle {
  font-size: var(--logo-subtitle-size, 10px) !important;
  line-height: 1.1 !important;
  letter-spacing: normal !important;
  font-weight: 400 !important;
  font-family: Inter, ui-sans-serif, system-ui, sans-serif !important;
  text-transform: none !important;
}

/* Kill theme rem-based size so both pages stay identical */
body.page-header-illustration .header .logo-subtitle {
  font-size: var(--logo-subtitle-size, 10px) !important;
}

.page-header-illustration .header .logo img {
  width: 45px !important;
  height: 54px !important;
  border-radius: 9px !important;
  object-fit: contain;
}

.page-header-illustration #header.header {
  position: relative;
  overflow: visible;
  background-color: #e8f3fc;
  background-image: url("/header-glass-construction-bg.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  border-bottom-color: rgba(186, 214, 240, 0.55);
}

.page-header-illustration #header.header::after {
  display: none;
}

.page-header-illustration #header.header::before {
  inset: 0;
  height: auto;
  z-index: 1;
  background:
    radial-gradient(
      ellipse 40% 90% at 50% 50%,
      rgba(255, 255, 255, var(--ovl-c0)) 0%,
      rgba(255, 255, 255, var(--ovl-c1)) 55%,
      rgba(255, 255, 255, var(--ovl-c2)) 100%
    ),
    radial-gradient(
      ellipse 30% 80% at 8% 50%,
      rgba(255, 255, 255, var(--ovl-l0)) 0%,
      rgba(255, 255, 255, var(--ovl-l1)) 68%,
      transparent 100%
    ),
    radial-gradient(
      ellipse 30% 80% at 92% 50%,
      rgba(255, 255, 255, var(--ovl-r0)) 0%,
      rgba(255, 255, 255, var(--ovl-r1)) 68%,
      transparent 100%
    ),
    linear-gradient(
      180deg,
      rgba(255, 255, 255, var(--ovl-g0)) 0%,
      rgba(236, 246, 255, var(--ovl-g1)) 100%
    );
}

.page-header-illustration #header > .container {
  position: relative;
  z-index: 2;
}

.page-header-illustration #header .header-phone__inner,
.page-header-illustration #header .header-phone-block {
  box-shadow: 0 8px 24px rgba(37, 99, 235, 0.08);
}

.page-header-illustration #header .nav-wrapper {
  margin-top: 0.75rem;
  padding-top: 0.5rem;
  border-top: 1px solid rgba(186, 214, 240, 0.35);
}

.page-header-illustration #header .nav-wrapper .nav-secondary-bar {
  background-color: rgba(255, 255, 255, 0.62);
  background-image: linear-gradient(
    118deg,
    rgba(147, 197, 253, 0.22) 0%,
    rgba(255, 255, 255, 0.42) 45%,
    rgba(224, 242, 254, 0.35) 100%
  );
  border: 1px solid rgba(255, 255, 255, 0.75);
  box-shadow: 0 10px 28px rgba(30, 64, 120, 0.06);
}

@media (max-width: 700px) {
  .page-header-illustration #header.header {
    background-position: center center;
  }
}

.page-header-illustration .category-description-actions {
  justify-content: flex-start;
}

.page-header-illustration .category-read-more-btn {
  border-radius: 8px;
  padding: 5px 13px;
  font-size: 11px;
  gap: 6px;
}

.page-header-illustration .category-read-more-btn__arrow {
  font-size: 11px;
}

.page-header-illustration.page-category .category-hero .description h2,
.page-header-illustration.page-category .category-description-preview .description h2 {
  padding-left: 0.45rem;
  margin-left: 0;
  border-left-width: 2px;
}

.page-header-illustration.page-category .category-hero h1 {
  margin-left: 0;
  padding-left: 0;
}

.page-header-illustration.page-category .category-hero .description h3,
.page-header-illustration.page-category .category-description-preview .description h3 {
  padding-left: 0;
  margin-left: 0;
}

.page-header-illustration #header.header {
  overflow: visible;
}
.page-header-illustration #header .header-main-row,
.page-header-illustration #header .header-main-right,
.page-header-illustration #header .header-contact-stack,
.page-header-illustration #header .header-phone-block {
  overflow: visible;
  position: relative;
  z-index: 40;
}
.page-header-illustration #header .nav-wrapper {
  position: relative;
  z-index: 1;
}

/* Overlay tuner disabled — values baked into CSS (screen 2) */
#overlay-tuner,
#overlay-tuner-fab,
.overlay-tuner {
  display: none !important;
}