/* Shared Chifu-style header (abakan.chifu.ru) — skinned per theme */

body[data-theme="clean"] {
  --shell-header-h: 72px;
}

body[data-theme="clean"] .top-bar {
  display: none;
}

body[data-theme="clean"] .site-shell-header {
  background: rgba(255, 255, 255, 0.92);
  backdrop-filter: blur(14px);
  border-bottom: 1px solid rgba(197, 224, 245, 0.7);
}

body[data-theme="clean"] .site-header {
  background: transparent;
}

body[data-theme="clean"] .site-header::before {
  display: none;
}

body[data-theme="clean"] .header-main-row {
  padding-top: 10px;
  padding-bottom: 10px;
}

body[data-theme="clean"] #factology-grad stop:nth-child(1) {
  stop-color: var(--sky-600);
}

body[data-theme="clean"] #factology-grad stop:nth-child(2) {
  stop-color: var(--mint-500);
}

body[data-theme="clean"] #factology-grad stop:nth-child(3) {
  stop-color: var(--rose-400);
}

body[data-theme="clean"] .header-contact {
  display: none !important;
}

body[data-theme="clean"] .header-main-right {
  display: none;
}

body[data-theme="clean"] .site-nav {
  display: flex;
  gap: clamp(20px, 3vw, 40px);
}

body[data-theme="clean"] .site-nav__link {
  padding: 0;
  border-radius: 0;
  color: var(--text-muted);
  font-size: 15px;
  position: relative;
}

body[data-theme="clean"] .site-nav__link.is-active {
  color: var(--sky-700);
}

body[data-theme="clean"] .site-nav__link.is-active::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -6px;
  height: 3px;
  border-radius: 2px;
  background: linear-gradient(90deg, var(--rose-400), var(--sky-500));
}

body[data-theme="clean"] .site-nav__link:hover {
  color: var(--sky-700);
  background: none;
}

body[data-theme="clean"] .site-nav-toggle {
  background: var(--sky-100);
  color: var(--sky-700);
}

@media (max-width: 768px) {
  body[data-theme="clean"] .site-nav-toggle {
    display: inline-flex;
  }
}

/* ── Chifu / Aurora header chrome ── */
body[data-theme="chifu"],
body[data-theme="aurora"] {
  --shell-header-h: 128px;
}

body[data-theme="chifu"] .top-bar,
body[data-theme="aurora"] .top-bar {
  background: #f3f4f6;
  border-bottom: 1px solid rgba(226, 232, 240, 0.7);
}

body[data-theme="chifu"] .top-bar__link,
body[data-theme="aurora"] .top-bar__link {
  color: #6b7280;
}

body[data-theme="chifu"] .top-bar__link:hover,
body[data-theme="aurora"] .top-bar__link:hover {
  color: #3b82c4;
}

body[data-theme="chifu"] .top-bar__city-change,
body[data-theme="aurora"] .top-bar__city-change {
  color: #4ba2b8;
}

body[data-theme="chifu"] .top-bar__city-change:hover,
body[data-theme="aurora"] .top-bar__city-change:hover {
  color: #3d8bbe;
}

body[data-theme="chifu"] .site-nav__link,
body[data-theme="aurora"] .site-nav__link {
  color: #4b6478;
}

body[data-theme="chifu"] .site-nav__link:hover,
body[data-theme="aurora"] .site-nav__link:hover {
  color: #2a5f8c;
  background: rgba(255, 255, 255, 0.65);
}

body[data-theme="chifu"] .site-nav__link.is-active,
body[data-theme="aurora"] .site-nav__link.is-active {
  color: #fff;
  background: linear-gradient(135deg, #4a9fd4 0%, #3b82c4 55%, #5ec9a8 100%);
  box-shadow: 0 4px 14px rgba(59, 130, 196, 0.35);
}

body[data-theme="chifu"] .site-nav-toggle,
body[data-theme="aurora"] .site-nav-toggle {
  background: rgba(255, 255, 255, 0.85);
  border: 1px solid rgba(197, 224, 245, 0.9);
  color: #2a5f8c;
}

@media (max-width: 768px) {
  body[data-theme="chifu"] .site-nav,
  body[data-theme="aurora"] .site-nav {
    padding: 12px;
    gap: 8px;
    border-radius: 18px;
    border-color: rgba(197, 224, 245, 0.85);
    box-shadow: 0 14px 36px rgba(45, 157, 232, 0.14);
  }

  body[data-theme="chifu"] .site-nav__link,
  body[data-theme="aurora"] .site-nav__link {
    padding: 14px 20px;
    border-radius: 14px;
  }

  body[data-theme="chifu"] .site-nav__link:hover,
  body[data-theme="aurora"] .site-nav__link:hover {
    background: rgba(227, 240, 250, 0.75);
  }

  body[data-theme="chifu"] .site-nav__link.is-active,
  body[data-theme="aurora"] .site-nav__link.is-active {
    padding: 14px 20px;
    border-radius: 14px;
  }

  body[data-theme="chifu"] .site-nav__extra-link,
  body[data-theme="aurora"] .site-nav__extra-link {
    padding: 14px 20px;
    border-radius: 14px;
  }

  body[data-theme="chifu"] .site-nav__extra-link:hover,
  body[data-theme="aurora"] .site-nav__extra-link:hover {
    background: rgba(227, 240, 250, 0.75);
  }
}

body[data-theme="chifu"] .site-header,
body[data-theme="aurora"] .site-header {
  padding-bottom: 2px;
  background-color: #f4f9ff;
  background-image:
    radial-gradient(ellipse 70% 90% at 88% 35%, rgba(236, 168, 206, 0.28), transparent 52%),
    radial-gradient(ellipse 55% 70% at 12% 75%, rgba(120, 198, 232, 0.35), transparent 50%),
    radial-gradient(ellipse 40% 50% at 50% 0%, rgba(180, 230, 210, 0.22), transparent 55%);
  background-size: cover;
  background-position: center;
  border-bottom: 1px solid rgba(226, 232, 240, 0.9);
}

body[data-theme="chifu"] .site-header::before,
body[data-theme="aurora"] .site-header::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse at 56% 50%, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.42) 56%, rgba(255, 255, 255, 0.62) 100%),
    linear-gradient(92deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.28) 100%);
  pointer-events: none;
  z-index: 0;
}

body[data-theme="chifu"] .site-header .shell-container,
body[data-theme="aurora"] .site-header .shell-container {
  position: relative;
  z-index: 1;
}

body[data-theme="chifu"] .header-contact__icon,
body[data-theme="aurora"] .header-contact__icon {
  background: linear-gradient(135deg, #dbeafe, #e8f7f0);
  color: #3b82c4;
}

body[data-theme="chifu"] .header-contact__phone,
body[data-theme="aurora"] .header-contact__phone {
  color: #1e3a5f;
}

body[data-theme="chifu"] .header-contact__email,
body[data-theme="aurora"] .header-contact__email {
  color: #64748b;
}

body[data-theme="chifu"] .header-max-chat__bubble,
body[data-theme="aurora"] .header-max-chat__bubble {
  background: linear-gradient(135deg, rgba(227, 240, 250, 0.98), rgba(237, 249, 243, 0.92));
  border-color: rgba(197, 224, 245, 0.85);
  color: #2d6485;
}

@media (max-width: 768px) {
  body[data-theme="chifu"] .catalog-hero__title {
    font-size: clamp(28px, 7.5vw, 34px);
  }

  body[data-theme="chifu"],
  body[data-theme="aurora"] {
    --shell-header-h: 100px;
  }

  body[data-theme="chifu"] .logo__svg,
  body[data-theme="aurora"] .logo__svg {
    width: clamp(118px, 34vw, 148px);
  }
}