/* ═══════════════════════════════════════════════════════════
   UKC REDESIGN 2026 — Digital Civic Experience
   ═══════════════════════════════════════════════════════════ */

@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Unbounded:wght@500;700&display=swap');

:root {
  --ukc-navy: #0a1628;
  --ukc-blue: #0057b7;
  --ukc-blue-light: #1a7fd4;
  --ukc-gold: #ffd500;
  --ukc-gold-soft: #fff3b0;
  --ukc-surface: #f4f7fb;
  --ukc-surface-2: #ffffff;
  --ukc-text: #1a2b42;
  --ukc-muted: #5a6f8a;
  --ukc-border: rgba(0, 87, 183, 0.1);
  --ukc-radius: 20px;
  --ukc-radius-sm: 12px;
  --ukc-shadow: 0 4px 24px rgba(10, 22, 40, 0.08);
  --ukc-shadow-lg: 0 20px 60px rgba(10, 22, 40, 0.12);
  --ukc-font: 'Manrope', system-ui, sans-serif;
  --ukc-display: 'Unbounded', 'Manrope', sans-serif;
  --ukc-transition: 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

/* ── Base ── */
body.ukc-2026 {
  font-family: var(--ukc-font) !important;
  color: var(--ukc-text);
  background: var(--ukc-surface);
  -webkit-font-smoothing: antialiased;
}

body.ukc-2026 .wrapper {
  max-width: 100% !important;
  box-shadow: none !important;
  background: var(--ukc-surface);
}

body.ukc-2026 .wrapper__wrap {
  background: var(--ukc-surface);
}

body.ukc-2026 .wrapper__inner {
  background: var(--ukc-surface);
}

body.ukc-2026 .container {
  max-width: 1240px !important;
}

/* ── Header ── */
body.ukc-2026 .header,
body.ukc-2026 #fixed.header {
  background-color: var(--ukc-navy) !important;
  background-image: linear-gradient(135deg, var(--ukc-navy) 0%, #0d2847 50%, #0f3460 100%) !important;
  border-bottom: none !important;
  position: relative;
  z-index: 30 !important;
  overflow: visible;
}

body.ukc-2026 .ukc-header-accent {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(90deg, var(--ukc-blue), var(--ukc-gold), var(--ukc-blue));
  background-size: 200% 100%;
  animation: ukcShimmer 4s linear infinite;
  z-index: 1;
  pointer-events: none;
}

@keyframes ukcShimmer {
  0% { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}

body.ukc-2026 .header::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 0;
  background:
    radial-gradient(ellipse 80% 60% at 90% 20%, rgba(0, 87, 183, 0.35) 0%, transparent 60%),
    radial-gradient(ellipse 50% 40% at 10% 80%, rgba(255, 213, 0, 0.08) 0%, transparent 50%);
  pointer-events: none;
}

/* Single-tone header: no separate top band */
body.ukc-2026 .header__inner,
body.ukc-2026 .header__top,
body.ukc-2026 .header__body,
body.ukc-2026 .header__bottom,
body.ukc-2026 .header-left-site,
body.ukc-2026 .header__action,
body.ukc-2026 .header__main,
body.ukc-2026 .header__main-right,
body.ukc-2026 .header__main-left {
  background: transparent !important;
  background-image: none !important;
  position: relative;
  z-index: 1;
}

body.ukc-2026 .header__site,
body.ukc-2026 .header-site,
body.ukc-2026 .header-site__inner {
  background: transparent !important;
  background-image: none !important;
}

body.ukc-2026 .header-site,
body.ukc-2026 .header-site__inner {
  position: relative !important;
}

body.ukc-2026 .header__top {
  border-bottom: none !important;
}

body.ukc-2026 .header__top::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(255, 255, 255, 0.12) 20%,
    rgba(255, 255, 255, 0.12) 80%,
    transparent 100%
  );
  pointer-events: none;
}

body.ukc-2026 .header__main-title {
  font-family: var(--ukc-display) !important;
  font-size: clamp(1.45rem, 2.1vw, 2rem) !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em;
  line-height: 1.15 !important;
  color: #fff !important;
}

body.ukc-2026 .header__main-label {
  color: rgba(255, 255, 255, 0.65) !important;
  font-size: clamp(0.9rem, 1.1vw, 1.125rem);
  line-height: 1.35;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

@media (min-width: 1221px) {
  /* Єдина hero-шапка на всіх сторінках: 50vh + grid */
  body.ukc-2026 .header__inner {
    min-height: 50dvh !important;
    min-height: 50vh !important;
    display: flex !important;
    flex-direction: column !important;
    padding-top: 12px !important;
  }

  body.ukc-2026 .header__top {
    flex-shrink: 0 !important;
  }

  body.ukc-2026 .header__body {
    flex: 1 1 auto !important;
    margin-bottom: 0 !important;
    display: grid !important;
    grid-template-columns: auto minmax(300px, 1.1fr) minmax(200px, 0.9fr) !important;
    align-items: center !important;
    gap: 24px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body.ukc-2026 .header__main {
    display: contents !important;
  }

  body.ukc-2026 .header-left-site {
    grid-column: 3 !important;
    grid-row: 1 !important;
    margin-left: 0 !important;
    justify-self: end !important;
    align-self: start !important;
  }

  body.ukc-2026 .header__action {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    text-align: left !important;
  }

  body.ukc-2026 .header__action-item {
    width: 100% !important;
  }

  body.ukc-2026 .header__action-item ._btn,
  body.ukc-2026 .header__action-item .header-profile__head ._btn {
    display: inline-block !important;
    width: 100% !important;
    text-align: left !important;
    box-sizing: border-box !important;
  }

  body.ukc-2026 .header-availability__head {
    max-width: none !important;
    width: 100% !important;
  }

  /* Мобільне «вухо» — лише на планшеті/телефоні, не дублювати на десктопі */
  body.ukc-2026 .header-availability__head .mobile-no-js-open-box-btn {
    display: none !important;
  }

  body.ukc-2026 .header__action-item.header__profile .header-profile {
    width: 100% !important;
  }

  /* Особистий кабінет — dropdown не обрізати по висоті колонки меню */
  body.ukc-2026 .header__action-item.header__profile,
  body.ukc-2026 .header-left-site,
  body.ukc-2026 .header__action {
    overflow: visible !important;
  }

  body.ukc-2026 .header__action-item.header__profile,
  body.ukc-2026 .header-profile {
    position: relative !important;
  }

  body.ukc-2026 .header-profile.opened {
    z-index: 96 !important;
  }

  /* Особистий кабінет — dropdown під кнопкою, без «прильоту» збоку */
  body.ukc-2026 .header-profile .header-profile__body {
    position: absolute !important;
    top: calc(100% + 8px) !important;
    right: 0 !important;
    bottom: auto !important;
    left: auto !important;
    height: auto !important;
    min-height: 0 !important;
    justify-content: flex-start !important;
    transform-origin: top right !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translateY(-6px) scaleY(0.94) !important;
    transition:
      opacity 0.22s ease,
      transform 0.22s ease,
      visibility 0.22s ease !important;
    overflow: hidden !important;
    background: rgba(10, 22, 40, 0.94) !important;
    -webkit-backdrop-filter: blur(20px) saturate(140%);
    backdrop-filter: blur(20px) saturate(140%);
    border: 1px solid rgba(255, 255, 255, 0.14) !important;
    border-radius: var(--ukc-radius-sm, 8px) !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
    z-index: 110 !important;
  }

  body.ukc-2026 .header-profile.opened .header-profile__body {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateY(0) scaleY(1) !important;
    overflow: visible !important;
  }

  /* MacBook / низький viewport — вмістити панель між кнопкою і навігацією */
  @media (max-height: 900px) {
    body.ukc-2026 .header-profile.opened .header-profile__body {
      max-height: 178px !important;
      overflow-y: auto !important;
      -webkit-overflow-scrolling: touch;
      scrollbar-width: thin;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    body.ukc-2026 .header-profile .header-profile__body {
      transform: none !important;
      transition: opacity 0.15s ease, visibility 0.15s ease !important;
    }
  }

  body.ukc-2026 .header:has(.header-profile.opened) .header__utilities {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transition: opacity 0.2s ease, visibility 0.2s ease;
  }

  body.ukc-2026 .header-profile--login .header-profile__body {
    width: min(400px, calc(100vw - 32px)) !important;
    padding: 20px 24px !important;
    display: block !important;
  }

  body.ukc-2026 .header-profile--login .header-profile__body br {
    display: none !important;
  }

  body.ukc-2026 .header-profile--login .header-profile__top {
    margin-bottom: 14px !important;
  }

  body.ukc-2026 .header-profile--login .header-profile__title {
    flex: none !important;
    max-width: none !important;
  }

  body.ukc-2026 .header-profile--login .header-profile__field {
    margin-bottom: 12px !important;
  }

  body.ukc-2026 .header-profile--login .header-profile__field:last-of-type {
    margin-bottom: 0 !important;
  }

  body.ukc-2026 .header-profile--login .header-profile__input {
    height: 44px !important;
    padding: 0 16px !important;
    border-radius: 4px !important;
    box-sizing: border-box !important;
  }

  body.ukc-2026 .header-profile--login .header-profile__field ._forgot {
    right: 12px !important;
    font-size: 13px !important;
    max-width: 45% !important;
    text-align: right !important;
  }

  body.ukc-2026 .header-profile--login .header-profile__action {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    flex-wrap: wrap !important;
    margin-top: 16px !important;
  }

  body.ukc-2026 .header-profile--login .header-profile__action .btn {
    width: auto !important;
    min-width: 140px !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
  }

  body.ukc-2026 .header-profile--login .header-profile__action ._link {
    margin-left: 0 !important;
    padding-left: 0 !important;
    white-space: nowrap !important;
  }

  body.ukc-2026 .header__main-left {
    grid-column: 1 !important;
    grid-row: 1 !important;
    justify-self: start !important;
    align-self: center !important;
    max-width: 560px !important;
    min-width: 0 !important;
    padding-right: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
  }

  body.ukc-2026 .header__main-info {
    min-width: 0 !important;
    max-width: 100% !important;
    text-align: left !important;
  }

  body.ukc-2026 .header__main-title {
    font-size: clamp(1.65rem, 2.6vw, 2.35rem) !important;
    line-height: 1.12 !important;
  }

  body.ukc-2026 .header__main-line {
    text-align: left !important;
    margin-top: 4px !important;
  }

  body.ukc-2026 .header__main-logo .icon,
  body.ukc-2026 .header__main-logo svg {
    width: 64px !important;
    height: 64px !important;
    max-height: 64px !important;
  }

  body.ukc-2026 .header__main-right {
    grid-column: 2 !important;
    grid-row: 1 !important;
    justify-self: center !important;
    align-self: center !important;
    max-width: 100% !important;
    min-width: 280px !important;
    padding-top: 2px !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
  }

  body.ukc-2026 .header__bottom {
    flex-shrink: 0 !important;
    margin-top: auto !important;
    z-index: 12 !important;
    position: relative !important;
  }

  body.ukc-2026 .header__main-right .textwidget {
    max-width: 520px !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
  }

  body.ukc-2026 .header__main-right .header-hotline-list {
    display: block !important;
  }

  body.ukc-2026 .header__main-right .header-hotline-item {
    display: block !important;
    margin-bottom: 5px !important;
  }

  body.ukc-2026 .header__main-right .header-hotline-item:last-child {
    margin-bottom: 0 !important;
  }

  body.ukc-2026 .header__main-right .header-hotline-item div {
    display: inline !important;
  }

  body.ukc-2026 .header__main-right .header-hotline-item a {
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;
  }

  body.ukc-2026 .header__main-right hr {
    display: none !important;
  }

  body.ukc-2026 .header__main-line {
    font-size: clamp(1rem, 1.4vw, 1.3rem) !important;
    line-height: 1.35 !important;
  }
}

body.ukc-2026 .header-site__btn ._title,
body.ukc-2026 .header-site__btn ._desc {
  color: rgba(255, 255, 255, 0.85) !important;
}

/* gov.ua dropdown: overlay must anchor to .header, not the narrow top strip */
@media (min-width: 1221px) {
  body.ukc-2026 .header__inner:has(.header-site.opened),
  body.ukc-2026 .header__top:has(.header-site.opened),
  body.ukc-2026 .header__site:has(.header-site.opened) {
    position: static !important;
  }

  /* .header__body (z-index:1) перекривав dropdown у .header__top — кліки не доходили до посилань */
  body.ukc-2026 .header__inner:has(.header-site.opened) .header__top {
    position: relative !important;
    z-index: 90 !important;
  }

  body.ukc-2026 .header__inner:has(.header-site.opened) .header__body {
    pointer-events: none !important;
  }

  body.ukc-2026 .header__inner:has(.header-site.opened) .header__body .header-left-site,
  body.ukc-2026 .header__inner:has(.header-site.opened) .header__body .header__action,
  body.ukc-2026 .header__inner:has(.header-site.opened) .header__body .header-profile {
    pointer-events: auto !important;
  }

  body.ukc-2026 .header-site.opened {
    position: relative !important;
    z-index: 80 !important;
  }

  body.ukc-2026 .header-site.opened .header-site__body {
    top: calc(100% + 10px) !important;
    right: auto !important;
    bottom: auto !important;
    left: 0 !important;
    width: min(680px, calc(100vw - 48px)) !important;
    height: auto !important;
    min-height: 0 !important;
    z-index: 90 !important;
    background: rgba(10, 22, 40, 0.72) !important;
    -webkit-backdrop-filter: blur(18px) saturate(140%);
    backdrop-filter: blur(18px) saturate(140%);
    border: 1px solid rgba(255, 255, 255, 0.14) !important;
    border-radius: var(--ukc-radius-sm) !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
    overflow: hidden;
    pointer-events: auto !important;
  }

  body.ukc-2026 .header-site.opened .header-site__body .container {
    width: 100% !important;
    max-width: none !important;
    padding: 0 !important;
  }

  body.ukc-2026 .header-site.opened .header-site__body-inner {
    padding: 18px 20px 14px !important;
    height: auto !important;
    min-height: 0 !important;
    gap: 0 !important;
  }

  body.ukc-2026 .header-site.opened .header-site__row {
    gap: 8px 24px !important;
  }

  body.ukc-2026 .header-site.opened .header-site__col {
    flex: 1 1 0 !important;
    max-width: none !important;
  }

  body.ukc-2026 .header-site.opened .header-site__item {
    margin-bottom: 8px !important;
  }

  body.ukc-2026 .header-site.opened .header-site__link {
    position: relative;
    z-index: 91 !important;
    pointer-events: auto !important;
    display: inline-block;
    padding: 4px 0 !important;
    color: rgba(255, 255, 255, 0.92) !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
    border-bottom: 1px solid transparent !important;
    transition: color var(--ukc-transition), border-color var(--ukc-transition);
  }

  body.ukc-2026 .header-site.opened .header-site__link:hover,
  body.ukc-2026 .header-site.opened .header-site__link:focus {
    color: var(--ukc-gold) !important;
    text-decoration: none !important;
    border-bottom-color: rgba(255, 213, 0, 0.45) !important;
  }

  body.ukc-2026 .header-site.opened .header-site__action {
    position: static !important;
    margin-top: 10px !important;
    padding-top: 10px !important;
    border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
  }

  body.ukc-2026 .header-site.opened .header-site__action ._btn {
    padding: 4px 0 !important;
    color: rgba(255, 255, 255, 0.7) !important;
    transition: color var(--ukc-transition);
  }

  body.ukc-2026 .header-site.opened .header-site__action ._btn:hover {
    color: #fff !important;
  }

  body.ukc-2026 .header-site.opened .header-site__body-inner,
  body.ukc-2026 .header-site.opened .header-site__row,
  body.ukc-2026 .header-site.opened .header-site__col,
  body.ukc-2026 .header-site.opened .header-site__list,
  body.ukc-2026 .header-site.opened .header-site__item {
    pointer-events: auto !important;
  }

  body.ukc-2026 .header__bottom {
    z-index: 5 !important;
  }

  body.ukc-2026 .header-site.opened .header-site__head,
  body.ukc-2026 .header-site.opened .header-site__action {
    position: relative;
    z-index: 92 !important;
    pointer-events: auto !important;
  }

  body.ukc-2026 .header__inner:has(.header-site.opened) .header-left-site {
    z-index: 83 !important;
    pointer-events: auto !important;
  }

  body.ukc-2026.lowvision .header-site.opened .header-site__body {
    background-color: #fff !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    border: 2px solid #000 !important;
    box-shadow: none !important;
  }

  body.ukc-2026.lowvision .header-site.opened .header-site__link {
    color: #000 !important;
  }

  body.ukc-2026.lowvision .header-site.opened .header-site__link:hover,
  body.ukc-2026.lowvision .header-site.opened .header-site__link:focus {
    color: #000 !important;
    border-bottom-color: #000 !important;
  }

  /* Панель «порушенням слуху» — позиція через JS (redesign-2026.js), тут лише вигляд */
  body.ukc-2026 .header-left-site {
    position: relative !important;
    width: auto !important;
    height: auto !important;
    overflow: visible !important;
  }

  body.ukc-2026 .header__action {
    position: relative !important;
  }

  body.ukc-2026 .header-left-site.opened {
    z-index: 95 !important;
  }

  body.ukc-2026 .header-left-site.opened .header-left-site__body,
  body.ukc-2026 .header-left-site.opened .header-left-site__body.ukc-hear-panel--fixed {
    left: auto !important;
    width: 360px !important;
    max-width: min(360px, calc(100vw - 24px)) !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 14px 40px 14px 14px !important;
    border-radius: var(--ukc-radius-sm) !important;
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.4) !important;
    z-index: 95 !important;
    pointer-events: auto !important;
    opacity: 1 !important;
    visibility: visible !important;
    background-color: #2d3344 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
  }

  body.ukc-2026 .header-left-site.opened .header-left-site__body .container {
    width: 100% !important;
    max-width: none !important;
    padding: 0 !important;
  }

  body.ukc-2026 .header-left-site.opened .header-left-site__body-inner {
    padding: 0 !important;
  }

  body.ukc-2026 .header-left-site.opened .header__right {
    padding: 0 !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
  }

  body.ukc-2026 .header-left-site.opened .header__right a {
    color: #ffd500 !important;
    border-bottom-color: rgba(255, 213, 0, 0.45) !important;
    pointer-events: auto !important;
    position: relative;
    z-index: 1;
  }

  body.ukc-2026 .header-left-site.opened .header-left-site__body .js-open-box-btn {
    position: absolute !important;
    bottom: 8px !important;
    right: 8px !important;
    top: auto !important;
    z-index: 2 !important;
  }

  body.ukc-2026 .header-left-site.opened .header-left-site__body .heard-arrow-left,
  body.ukc-2026 .header-left-site.opened .header-left-site__body .heard-arrow-left path {
    fill: #fff !important;
  }
}

@media (max-width: 1220px) {
  body.ukc-2026 .header-left-site.opened .header-left-site__body,
  body.ukc-2026 .header-left-site.opened .header-left-site__body.ukc-hear-panel--fixed {
    width: min(320px, calc(100vw - 24px)) !important;
    max-width: min(320px, calc(100vw - 24px)) !important;
    z-index: 95 !important;
    pointer-events: auto !important;
    border-radius: var(--ukc-radius-sm) !important;
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.4) !important;
    padding: 14px 40px 14px 14px !important;
    overflow-y: auto !important;
  }

  body.ukc-2026 .header-left-site.opened .header__right a {
    pointer-events: auto !important;
    color: #ffd500 !important;
  }
}

body.ukc-2026 .nav__link,
body.ukc-2026 .nav__btn {
  font-weight: 600 !important;
  font-size: 0.9rem !important;
  letter-spacing: 0.01em;
  border-radius: var(--ukc-radius-sm);
  transition: var(--ukc-transition);
}

body.ukc-2026 .nav__item:hover .nav__link,
body.ukc-2026 .nav__item:hover .nav__btn {
  background: rgba(255, 255, 255, 0.1) !important;
  color: var(--ukc-gold) !important;
}

/* ── Header utilities: social + search + messengers ── */
body.ukc-2026 .header__bottom {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  position: relative !important;
  z-index: 12 !important;
}

body.ukc-2026 .header__nav {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

body.ukc-2026 .header__utilities {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  flex-shrink: 0 !important;
  margin-left: auto !important;
}

body.ukc-2026 .header__bottom .viber,
body.ukc-2026 .header__bottom .telegram,
body.ukc-2026 .header__bottom .chat {
  position: static !important;
  left: auto !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  background-image: none !important;
}

body.ukc-2026 .header-messenger {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  color: #fff !important;
  text-decoration: none !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}

body.ukc-2026 .header-messenger:hover {
  transform: translateY(-2px) scale(1.06) !important;
}

body.ukc-2026 .header-messenger--telegram {
  background: linear-gradient(135deg, #37b6ea 0%, #1e96c8 100%) !important;
  box-shadow: 0 4px 14px rgba(30, 150, 200, 0.35) !important;
}

body.ukc-2026 .header-messenger--telegram:hover {
  box-shadow: 0 6px 20px rgba(30, 150, 200, 0.5) !important;
}

body.ukc-2026 .header-messenger--viber {
  background: linear-gradient(135deg, #9b6fd0 0%, #7360f2 100%) !important;
  box-shadow: 0 4px 14px rgba(115, 96, 242, 0.35) !important;
}

body.ukc-2026 .header-messenger--viber:hover {
  box-shadow: 0 6px 20px rgba(115, 96, 242, 0.5) !important;
}

body.ukc-2026 .header-messenger__icon {
  width: 18px !important;
  height: 18px !important;
  display: block !important;
}

body.ukc-2026 .header-messenger--viber .header-messenger__icon {
  width: 20px !important;
  height: 20px !important;
}

body.ukc-2026 .header__bottom .chat {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, 0.12) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  background-image: url(/chat.png) !important;
  background-size: 18px 18px !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  transition: transform 0.2s ease, background-color 0.2s ease !important;
}

body.ukc-2026 .header__bottom .chat:hover {
  transform: translateY(-2px) scale(1.06) !important;
  background-color: rgba(255, 255, 255, 0.2) !important;
}

body.ukc-2026.lowvision .header-messenger--telegram {
  background: #1e96c8 !important;
  border: 2px solid #000 !important;
  box-shadow: none !important;
  color: #fff !important;
}

body.ukc-2026.lowvision .header-messenger--viber {
  background: #7360f2 !important;
  border: 2px solid #000 !important;
  box-shadow: none !important;
  color: #fff !important;
}

body.ukc-2026.lowvision .header__bottom .chat {
  border: 2px solid #000 !important;
  box-shadow: none !important;
  background-color: #fff !important;
}

body.ukc-2026 .header__social {
  margin-left: 0 !important;
  padding-right: 0 !important;
  display: flex !important;
  align-items: center !important;
}

body.ukc-2026 .header__search {
  padding-left: 0 !important;
  white-space: nowrap !important;
}

body.ukc-2026 .header-search__head ._btn {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  white-space: nowrap !important;
}

body.ukc-2026 .header__bottom {
  overflow: visible !important;
}

@media (min-width: 1221px) {
  body.ukc-2026 .sub-menu:hover .sub-menu__list,
  body.ukc-2026 .sub-menu.opened .sub-menu__list,
  body.ukc-2026 .sub-menu.focusable:focus .sub-menu__list,
  body.ukc-2026 .sub-menu.focusable:focus-within .sub-menu__list,
  body.ukc-2026 .sub-menu button:focus + .sub-menu__list,
  body.ukc-2026 .sub-menu__list:hover {
    opacity: 1 !important;
    visibility: visible !important;
    z-index: 200 !important;
    pointer-events: auto !important;
  }

  /* Dropdown spans full header width (anchored to .header, not narrow nav item) */
  body.ukc-2026 .sub-menu__list {
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 200 !important;
    background-color: #1a2d4d !important;
    padding: 24px 40px !important;
    border-radius: 0 0 var(--ukc-radius-sm) var(--ukc-radius-sm) !important;
    box-shadow: var(--ukc-shadow-lg) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-top: none !important;
  }

  body.ukc-2026 .sub-menu__list table {
    width: 100% !important;
    table-layout: fixed !important;
    border-collapse: separate !important;
  }

  body.ukc-2026 .sub-menu__list table td {
    width: 33.33% !important;
    min-width: 0 !important;
    vertical-align: top !important;
    padding: 8px 24px !important;
    white-space: normal !important;
  }

  body.ukc-2026 .sub-menu__item {
    list-style: none !important;
    margin-bottom: 12px !important;
  }

  body.ukc-2026 .sub-menu__link {
    display: block !important;
    white-space: normal !important;
    line-height: 1.4 !important;
    color: rgba(255, 255, 255, 0.9) !important;
  }

  body.ukc-2026 .sub-menu__link:hover,
  body.ukc-2026 .sub-menu__link:focus {
    color: var(--ukc-gold) !important;
    border-bottom-color: var(--ukc-gold) !important;
  }
}

body.ukc-2026.lowvision .sub-menu__list {
  background-color: #fff !important;
  border: 2px solid #000 !important;
}

body.ukc-2026.lowvision .sub-menu__link {
  color: #000 !important;
}

body.ukc-2026 #fixed.header {
  background: rgba(10, 22, 40, 0.95) !important;
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border-bottom: 2px solid var(--ukc-gold);
  box-shadow: var(--ukc-shadow-lg);
  z-index: 40 !important;
}

body.ukc-2026 .btn.btn-primary,
body.ukc-2026 .consultation__btn .btn-secondary,
body.ukc-2026 .modern-btn-primary {
  background: linear-gradient(135deg, var(--ukc-blue) 0%, var(--ukc-blue-light) 100%) !important;
  border: none !important;
  border-radius: 50px !important;
  font-family: var(--ukc-font) !important;
  font-weight: 700 !important;
  padding: 14px 32px !important;
  box-shadow: 0 4px 20px rgba(0, 87, 183, 0.35);
  transition: var(--ukc-transition) !important;
  letter-spacing: 0.02em;
}

body.ukc-2026 .btn.btn-primary:hover,
body.ukc-2026 .consultation__btn .btn-secondary:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 30px rgba(0, 87, 183, 0.45) !important;
}

body.ukc-2026 .btn.btn-secondary,
body.ukc-2026 .modern-btn-secondary {
  background: linear-gradient(135deg, var(--ukc-gold) 0%, #ffea70 100%) !important;
  color: var(--ukc-navy) !important;
  border: none !important;
  border-radius: 50px !important;
  font-weight: 700 !important;
  box-shadow: 0 4px 20px rgba(255, 213, 0, 0.35);
}

/* ── Homepage: tighter vertical rhythm ── */
body.ukc-2026.home .default__inner {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

body.ukc-2026.home .default__inner > .section__body {
  margin: 0 !important;
  padding: 0 !important;
  min-height: 0 !important;
}

body.ukc-2026.home .default__inner > .section__body > .static:empty,
body.ukc-2026.home .default__inner > .section__body > .static:not(:has(*)) {
  display: none !important;
}

/* ── Hero / Appeal block ── */
body.ukc-2026.home .modern-appeal-block {
  margin-top: 0 !important;
  position: relative;
  z-index: 1;
}

body.ukc-2026 .modern-appeal-block {
  background: linear-gradient(180deg, var(--ukc-surface) 0%, #e8f0fa 100%) !important;
  padding: 36px 0 40px !important;
  position: relative;
}

body.ukc-2026 .modern-appeal-block::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 4px;
  background: linear-gradient(90deg, var(--ukc-blue), var(--ukc-gold), var(--ukc-blue));
}

body.ukc-2026 .modern-appeal-card {
  border-radius: 28px !important;
  box-shadow: var(--ukc-shadow-lg) !important;
  border: 1px solid var(--ukc-border) !important;
  padding: 40px 44px !important;
}

body.ukc-2026 .modern-appeal-title {
  font-family: var(--ukc-display) !important;
  font-size: clamp(1.6rem, 3vw, 2.2rem) !important;
  background: linear-gradient(135deg, var(--ukc-navy), var(--ukc-blue));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

body.ukc-2026 .modern-step-icon {
  width: 82px !important;
  height: 82px !important;
  flex: 0 0 82px !important;
  aspect-ratio: 1 / 1 !important;
  border-radius: 20px !important;
  background: linear-gradient(145deg, #e8f2fc, #fff) !important;
  box-shadow: var(--ukc-shadow);
  border: 1px solid var(--ukc-border);
}

body.ukc-2026 .modern-step-icon img {
  width: auto !important;
  height: auto !important;
  max-width: 48px !important;
  max-height: 48px !important;
  object-fit: contain !important;
}

body.ukc-2026 .modern-step-badge {
  background: var(--ukc-blue) !important;
  border-radius: 9px !important;
  min-width: 70px !important;
  height: 32px !important;
  flex-shrink: 0 !important;
  font-weight: 700;
}

body.ukc-2026 .modern-steps {
  gap: 24px !important;
}

body.ukc-2026 .modern-step-title {
  line-height: 1.4 !important;
}

body.ukc-2026 .modern-step-text {
  line-height: 1.6 !important;
}

/* ── Consultation / Search ── */
body.ukc-2026 .consultation {
  background: linear-gradient(135deg, var(--ukc-navy) 0%, #0f3460 60%, var(--ukc-blue) 100%) !important;
  border-radius: 0 !important;
  padding: 40px 0 !important;
  position: relative;
  overflow: hidden;
}

body.ukc-2026 .consultation::after {
  content: '';
  position: absolute;
  right: -10%;
  top: -30%;
  width: 50%;
  height: 160%;
  background: radial-gradient(ellipse, rgba(255, 213, 0, 0.12) 0%, transparent 70%);
  pointer-events: none;
}

body.ukc-2026 .consultation__title {
  font-family: var(--ukc-display) !important;
  font-size: clamp(1.4rem, 2.5vw, 2rem) !important;
  color: #fff !important;
}

body.ukc-2026 .consultation__label {
  color: rgba(255, 255, 255, 0.75) !important;
  font-size: 1.05rem;
  line-height: 1.6;
}

body.ukc-2026 .consultation .form-input {
  border-radius: 50px !important;
  border: 2px solid rgba(255, 255, 255, 0.15) !important;
  background: rgba(255, 255, 255, 0.08) !important;
  color: #fff !important;
  padding: 16px 24px !important;
  font-size: 1rem;
  backdrop-filter: blur(10px);
}

body.ukc-2026 .consultation .form-input::placeholder {
  color: rgba(255, 255, 255, 0.45);
}

body.ukc-2026 .consultation .form-input:focus {
  border-color: var(--ukc-gold) !important;
  background: rgba(255, 255, 255, 0.12) !important;
  outline: none;
}

/* ── Sections ── */
body.ukc-2026 .section {
  padding: 32px 0 !important;
}

body.ukc-2026 .section--blue,
body.ukc-2026 .section--blue-t {
  background: var(--ukc-surface) !important;
}

body.ukc-2026 .section__title {
  font-family: var(--ukc-display) !important;
  font-size: clamp(1.3rem, 2.5vw, 1.8rem) !important;
  font-weight: 700 !important;
  color: var(--ukc-navy) !important;
  position: relative;
  padding-bottom: 16px;
}

body.ukc-2026 .section__title::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 60px;
  height: 4px;
  background: linear-gradient(90deg, var(--ukc-blue), var(--ukc-gold));
  border-radius: 2px;
}

/* ── Stats counters ── */
body.ukc-2026 .section--blue-t.counter {
  background: linear-gradient(180deg, #e8f0fa 0%, var(--ukc-surface) 100%) !important;
  padding-bottom: 8px !important;
}

body.ukc-2026 .section.counter .section__inner {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

body.ukc-2026 .section.counter .section__body {
  margin-top: 12px !important;
  margin-bottom: 0 !important;
}

/* Counter → banners: remove stacked section gaps */
body.ukc-2026 .section.counter + .section--blue {
  padding-top: 8px !important;
}

body.ukc-2026 .section.counter + .section--blue .section__inner {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

body.ukc-2026 .section.counter + .section--blue .section__body {
  margin-top: 0 !important;
}

body.ukc-2026 .count-block__item {
  background: var(--ukc-surface-2) !important;
  border-radius: var(--ukc-radius) !important;
  padding: 32px 24px !important;
  box-shadow: var(--ukc-shadow) !important;
  border: 1px solid var(--ukc-border) !important;
  transition: var(--ukc-transition);
}

body.ukc-2026 .count-block__item:hover {
  transform: translateY(-4px);
  box-shadow: var(--ukc-shadow-lg) !important;
}

body.ukc-2026 .count-block__num {
  font-family: var(--ukc-display) !important;
  color: var(--ukc-blue) !important;
}

body.ukc-2026 .count-block__label {
  color: var(--ukc-muted) !important;
  font-weight: 500;
}

/* ── Banners grid ── */
body.ukc-2026 .banners-block {
  min-height: 0 !important;
}

body.ukc-2026 .banners-block__table {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 20px !important;
}

body.ukc-2026 .banners-cols {
  display: flex !important;
  flex-direction: column;
  gap: 20px;
}

body.ukc-2026 .banners-cols div {
  margin: 0 !important;
}

body.ukc-2026 .banners-block__link {
  border-radius: var(--ukc-radius) !important;
  overflow: hidden !important;
  box-shadow: var(--ukc-shadow) !important;
  transition: var(--ukc-transition) !important;
  width: 100% !important;
  max-width: 100% !important;
  display: block;
}

body.ukc-2026 .banners-block__link:hover {
  transform: translateY(-6px) scale(1.02);
  box-shadow: var(--ukc-shadow-lg) !important;
}

body.ukc-2026 .banners-block__link img {
  border-radius: var(--ukc-radius);
  transition: var(--ukc-transition);
}

body.ukc-2026 .banners-block__link:hover img {
  filter: brightness(1.05);
}

/* ── Quiz section ── */
body.ukc-2026 .quiz-main {
  background: linear-gradient(135deg, var(--ukc-navy), #0f3460) !important;
  border-radius: var(--ukc-radius) !important;
  margin: 0 20px;
  overflow: hidden !important;
  box-shadow: var(--ukc-shadow-lg);
  padding: 0 !important;
  max-height: none !important;
}

body.ukc-2026 .quiz-main .section__inner {
  padding: 0 !important;
}

body.ukc-2026 .quiz-main .section__body {
  margin: 0 !important;
}

body.ukc-2026 .quiz-main .quiz-title {
  font-family: var(--ukc-display) !important;
  color: #fff !important;
}

body.ukc-2026 .quiz-main .section__body .quiz-tip {
  color: rgba(255, 255, 255, 0.6) !important;
}

body.ukc-2026 .quiz-main .quiz-image img {
  border-radius: var(--ukc-radius-sm);
}

@media (min-width: 1221px) {
  body.ukc-2026 .quiz-main .container {
    padding: 0 !important;
    min-width: 100% !important;
  }

  body.ukc-2026 .quiz-main #custom_row {
    display: flex !important;
    align-items: stretch !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  body.ukc-2026 .quiz-main #custom_row > div {
    min-width: 0 !important;
  }

  body.ukc-2026 .quiz-main #first {
    flex: 0 0 32% !important;
    max-width: 32% !important;
    display: flex !important;
    align-items: center !important;
  }

  body.ukc-2026 .quiz-main #second {
    flex: 0 0 30% !important;
    max-width: 30% !important;
    width: auto !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: flex-start !important;
    padding: 16px 20px !important;
    margin-top: 0 !important;
    text-align: left !important;
  }

  body.ukc-2026 .quiz-main #second .quiz-tip,
  body.ukc-2026 .quiz-main #second .quiz-tipquiz-tip,
  body.ukc-2026 .quiz-main #second .quiz-title,
  body.ukc-2026 .quiz-main #second .quiz-button {
    width: 100% !important;
    max-width: 100% !important;
  }

  body.ukc-2026 .quiz-main #second .quiz-title {
    font-size: clamp(1rem, 1.6vw, 1.35rem) !important;
    line-height: 1.35 !important;
    margin: 8px 0 12px !important;
  }

  body.ukc-2026 .quiz-main #second .quiz-tip,
  body.ukc-2026 .quiz-main #second .quiz-tipquiz-tip {
    margin-top: 0 !important;
    line-height: 1.5 !important;
  }

  body.ukc-2026 .quiz-main #third.quiz-text {
    width: auto !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  body.ukc-2026 .quiz-main #third {
    flex: 1 1 38% !important;
    max-width: 38% !important;
    display: flex !important;
    align-items: stretch !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    line-height: 0 !important;
  }

  body.ukc-2026 .quiz-main #third .wp-block-video,
  body.ukc-2026 .quiz-main #third figure {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    display: flex !important;
    align-items: stretch !important;
  }

  body.ukc-2026 .quiz-main #third video {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    min-height: 280px !important;
    margin: 0 !important;
    object-fit: cover !important;
    object-position: center center !important;
  }
}

/* ── News cards ── */
body.ukc-2026 .article-grid__row {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 24px !important;
  margin: 0 !important;
}

body.ukc-2026 .article-grid__col {
  padding: 0 !important;
  margin: 0 !important;
  max-width: none !important;
  flex: none !important;
  width: auto !important;
  display: flex !important;
}

body.ukc-2026 .article-item {
  width: 100% !important;
  display: flex !important;
}

body.ukc-2026 .article-item__inner {
  background: var(--ukc-surface-2) !important;
  border-radius: var(--ukc-radius) !important;
  overflow: hidden !important;
  box-shadow: var(--ukc-shadow) !important;
  border: 1px solid var(--ukc-border) !important;
  transition: var(--ukc-transition) !important;
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  height: 100% !important;
}

body.ukc-2026 .article-item__inner:hover {
  transform: translateY(-8px);
  box-shadow: var(--ukc-shadow-lg) !important;
}

body.ukc-2026 .article-item__img {
  border-radius: var(--ukc-radius) var(--ukc-radius) 0 0 !important;
  margin: 0 !important;
  flex-shrink: 0 !important;
}

body.ukc-2026 .article-item__img::before {
  padding-top: 56% !important;
}

body.ukc-2026 .article-item__title {
  font-weight: 700 !important;
  font-size: 1rem !important;
  line-height: 1.45 !important;
  color: var(--ukc-navy) !important;
  padding: 16px 20px 8px !important;
  flex: 1 1 auto !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

body.ukc-2026 .article-item__date {
  padding: 0 20px 20px !important;
  margin-top: auto !important;
  color: var(--ukc-blue) !important;
  font-weight: 600;
  font-size: 0.85rem;
  flex-shrink: 0 !important;
}

body.ukc-2026 .article-item__action {
  padding: 0 20px 20px !important;
  margin-top: auto !important;
  flex-shrink: 0 !important;
}

body.ukc-2026 .article-item__action .link {
  display: inline-block !important;
  font-weight: 600 !important;
  font-size: 0.95rem !important;
  color: var(--ukc-blue) !important;
  border-bottom-color: var(--ukc-blue) !important;
  line-height: 1.4 !important;
}

body.ukc-2026 .article-item__action .link:hover {
  color: var(--ukc-blue-light) !important;
  border-bottom-color: transparent !important;
}

@media (max-width: 1220px) {
  body.ukc-2026 .article-grid__row {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 640px) {
  body.ukc-2026 .article-grid__row {
    grid-template-columns: 1fr !important;
  }
}

body.ukc-2026 .section__action .btn-primary {
  margin-top: 16px;
}

/* ── Map section ── */
body.ukc-2026 .section.map {
  background: var(--ukc-surface) !important;
}

body.ukc-2026 .consultation ~ .section.map {
  padding-top: 20px !important;
}

body.ukc-2026 .section-map__legend,
body.ukc-2026 .section-fix-map__legend {
  border-radius: var(--ukc-radius) !important;
  box-shadow: var(--ukc-shadow-lg) !important;
  border: 1px solid var(--ukc-border) !important;
}

/* ── Footer ── */
body.ukc-2026 .footer {
  background: linear-gradient(180deg, var(--ukc-navy) 0%, #060e1a 100%) !important;
  border-top: 4px solid var(--ukc-gold);
}

body.ukc-2026 .footer__body {
  padding: 24px 0 32px !important;
}

body.ukc-2026 .footer__body-inner {
  padding: 24px 0 28px !important;
  min-height: 0 !important;
}

body.ukc-2026 .footer__top {
  margin-bottom: 0 !important;
}

body.ukc-2026 .site-map__head {
  padding: 16px 0 !important;
  margin: 0 !important;
}

body.ukc-2026 .hr-footer {
  margin: 20px 0 !important;
}

body.ukc-2026 .footer h2,
body.ukc-2026 .footer__contact-title,
body.ukc-2026 .site-map__title {
  font-family: var(--ukc-display) !important;
  color: #fff !important;
}

body.ukc-2026 .footer__contact-phone {
  display: block;
  margin: 4px 0 10px;
  font-family: var(--ukc-display) !important;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.3;
  color: #fff !important;
}

body.ukc-2026 .footer__contact,
body.ukc-2026 .footer p,
body.ukc-2026 .site-map__sub-title {
  color: rgba(255, 255, 255, 0.7) !important;
}

body.ukc-2026 .site-map__list a {
  color: rgba(255, 255, 255, 0.55) !important;
  transition: var(--ukc-transition);
}

body.ukc-2026 .site-map__list a:hover {
  color: var(--ukc-gold) !important;
}

body.ukc-2026 .site-map__head {
  background: rgba(255, 255, 255, 0.04) !important;
  border-radius: var(--ukc-radius-sm);
}

body.ukc-2026 .site-map__inner {
  position: relative;
}

body.ukc-2026 .site-map__body {
  position: relative !important;
  top: auto !important;
  right: auto !important;
  left: auto !important;
  bottom: auto !important;
  opacity: 0;
  visibility: hidden;
  max-height: 0;
  overflow: hidden;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  transition: opacity 0.25s ease, visibility 0.25s ease;
}

body.ukc-2026 .site-map.opened .site-map__body {
  opacity: 1 !important;
  visibility: visible !important;
  max-height: none;
  overflow: auto;
  padding-top: 12px !important;
  padding-bottom: 20px !important;
}

body.ukc-2026 .footer__bottom {
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.4);
}

body.ukc-2026 .footer__store-badges {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 16px;
}

body.ukc-2026 .footer-store-btn {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  max-width: 200px;
  min-height: 52px;
  padding: 8px 14px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.18);
  color: #fff !important;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none !important;
  transition: var(--ukc-transition);
}

body.ukc-2026 .footer-store-btn:hover {
  background: rgba(255, 255, 255, 0.14);
  border-color: var(--ukc-gold);
  color: #fff !important;
  transform: translateY(-1px);
}

body.ukc-2026 .footer-store-btn__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 28px;
  line-height: 1;
}

body.ukc-2026 .footer-store-btn__icon .ukc-store-icon {
  display: block;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}

body.ukc-2026 .footer-store-btn__icon .ukc-store-icon--apple {
  color: #fff;
}

body.ukc-2026 .footer-store-btn__text small {
  display: block;
  font-size: 10px;
  font-weight: 600;
  line-height: 1.2;
  opacity: 0.75;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

/* ── Breadcrumbs & inner pages ── */
body.ukc-2026 .breadcrumbs {
  background: var(--ukc-surface-2);
  border-bottom: 1px solid var(--ukc-border);
  padding: 12px 0;
}

/* Inner pages (portal, static, etc.) — no huge gap under header */
body.ukc-2026:not(.home) .default__inner {
  margin-top: 0 !important;
  padding-top: 8px !important;
}

body.ukc-2026:not(.home) .default .section {
  padding: 12px 0 24px !important;
}

body.ukc-2026:not(.home) .default .section > .container,
body.ukc-2026:not(.home) #root {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

body.ukc-2026 .static {
  background: var(--ukc-surface-2);
  border-radius: var(--ukc-radius);
  padding: 40px;
  box-shadow: var(--ukc-shadow);
  border: 1px solid var(--ukc-border);
  line-height: 1.7;
}

body.ukc-2026 .static h1,
body.ukc-2026 .static h2,
body.ukc-2026 .static h3 {
  font-family: var(--ukc-display);
  color: var(--ukc-navy);
}

/* ── Portal: appeal detail (compact layout) ── */
body.ukc-2026 #root .section--title .section__inner {
  padding: 12px 0 6px !important;
}

body.ukc-2026 #root .section--title .section__title {
  font-family: var(--ukc-display) !important;
  font-size: clamp(1.35rem, 2.2vw, 1.85rem) !important;
  color: var(--ukc-navy) !important;
  line-height: 1.2 !important;
}

body.ukc-2026 #root .section--title .section__head {
  border-bottom: 2px solid var(--ukc-border) !important;
  padding-bottom: 10px !important;
}

body.ukc-2026 #root .section--title + .section .section__inner {
  padding-top: 10px !important;
}

body.ukc-2026 #root .section__inner {
  padding: 10px 0 18px !important;
}

body.ukc-2026 #root .section__body {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* Портал: тег обраного населеного пункту без синього кільця */
body.ukc-2026 #root .rc-tree-select-selection__choice {
  background: #eef2f7 !important;
  border: 0 !important;
  border-radius: 999px !important;
  color: var(--ukc-navy) !important;
  font-weight: 600;
  line-height: 1.2 !important;
  height: auto !important;
  min-height: 24px;
  padding: 4px 12px !important;
}

body.ukc-2026 #root .rc-tree-select-enabled.rc-tree-select-focused .rc-tree-select-selection {
  border-color: var(--ukc-blue) !important;
  box-shadow: 0 0 0 3px rgba(0, 87, 183, 0.12) !important;
}

body.ukc-2026 #root .article-section--edit {
  margin-bottom: 12px !important;
  padding-bottom: 0 !important;
  border-bottom: 0 !important;
}

body.ukc-2026 #root .article-section__inner.static {
  padding: 14px 18px !important;
  margin-bottom: 0 !important;
  border-radius: var(--ukc-radius-sm) !important;
  box-shadow: 0 2px 12px rgba(10, 22, 40, 0.05) !important;
  border: 1px solid var(--ukc-border) !important;
  background: var(--ukc-surface-2) !important;
  line-height: 1.5 !important;
}

body.ukc-2026 #root .article-section__title {
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  color: var(--ukc-muted) !important;
  margin-bottom: 6px !important;
}

body.ukc-2026 #root .article-section--edit p {
  margin: 0 !important;
  color: var(--ukc-text) !important;
  font-size: 15px !important;
  line-height: 1.45 !important;
}

body.ukc-2026 #root .appeal-meta-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px !important;
  margin-bottom: 12px !important;
}

body.ukc-2026 #root .appeal-meta-grid .appeal-meta-item {
  margin-bottom: 0 !important;
}

body.ukc-2026 #root .appeal-meta-grid .article-section__inner.static {
  height: 100% !important;
}

body.ukc-2026 #root pre.article-section--content {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  font-family: var(--ukc-font) !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
  color: var(--ukc-text) !important;
  white-space: pre-wrap !important;
}

@media (max-width: 960px) {
  body.ukc-2026 #root .appeal-meta-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.ukc-2026 #root .appeal-meta-grid .appeal-meta-item--plain {
    grid-column: 1 / -1 !important;
  }
}

@media (max-width: 640px) {
  body.ukc-2026 #root .appeal-meta-grid {
    grid-template-columns: 1fr !important;
  }
}

/* ── Scroll reveal animation (homepage only) ── */
body.ukc-2026:not(.home) .section,
body.ukc-2026:not(.home) .static {
  opacity: 1 !important;
  transform: none !important;
}

body.ukc-2026 .ukc-reveal {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

body.ukc-2026 .ukc-reveal.ukc-visible {
  opacity: 1;
  transform: translateY(0);
}

/* ── Floating 1545 badge ── */
body.ukc-2026 .header__main-line a[href*="1545"],
body.ukc-2026 .header__action a {
  transition: var(--ukc-transition);
}

/* ── Form fields global ── */
body.ukc-2026 .form-input,
body.ukc-2026 .form-field input,
body.ukc-2026 .form-field textarea {
  border-radius: var(--ukc-radius-sm) !important;
  border: 2px solid var(--ukc-border) !important;
  transition: var(--ukc-transition);
  font-family: var(--ukc-font) !important;
}

body.ukc-2026 .form-input:focus,
body.ukc-2026 .form-field input:focus {
  border-color: var(--ukc-blue) !important;
  box-shadow: 0 0 0 4px rgba(0, 87, 183, 0.1) !important;
  outline: none;
}

/* ── Mobile / tablet header ── */
@media (max-width: 1220px) {
  body.ukc-2026 .header__inner {
    min-height: 0 !important;
    display: block !important;
  }

  body.ukc-2026 .header__body {
    display: block !important;
    padding-left: 0 !important;
    margin-bottom: 0 !important;
    position: relative !important;
  }

  body.ukc-2026 .header-left-site {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    left: auto !important;
    width: auto !important;
    z-index: 20 !important;
    margin: 0 !important;
  }

  body.ukc-2026 .header__action-item.header__availability {
    display: block !important;
  }

  body.ukc-2026 .header-availability__head ._btn {
    position: absolute !important;
    top: 10px !important;
    bottom: auto !important;
    font-size: 0 !important;
    padding-left: 0 !important;
  }

  body.ukc-2026 .header-availability__head .js-availability-btn {
    right: 10px !important;
  }

  body.ukc-2026 .header-availability__head .mobile-no-js-open-box-btn {
    right: 44px !important;
  }

  body.ukc-2026 .header__main-left {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    max-width: 100% !important;
    margin-bottom: 8px !important;
  }

  body.ukc-2026 .header__main-right {
    position: relative !important;
    display: block !important;
    text-align: center !important;
    padding-top: 18px !important;
    margin-top: 6px !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
  }

  body.ukc-2026 .header__main-right::before {
    content: '' !important;
    display: block !important;
    position: absolute !important;
    top: 0 !important;
    left: 50% !important;
    width: 48px !important;
    height: 1px !important;
    margin-left: -24px !important;
    background-color: rgba(146, 157, 169, 0.9) !important;
  }

  body.ukc-2026 .header__main-right .header-hotline-item {
    margin-bottom: 4px !important;
  }

  body.ukc-2026 .header__bottom {
    min-height: 42px !important;
    padding: 0 10px 0 46px !important;
    align-items: center !important;
    justify-content: flex-end !important;
    border-top: 1px solid rgba(255, 255, 255, 0.12) !important;
    margin-top: 10px !important;
  }

  body.ukc-2026 .header__nav {
    flex: 0 0 auto !important;
    width: 0 !important;
    min-width: 0 !important;
    overflow: visible !important;
  }

  body.ukc-2026 .header__utilities {
    gap: 8px !important;
    flex-wrap: nowrap !important;
    margin-left: auto !important;
  }

  body.ukc-2026 .header__social,
  body.ukc-2026 .header__search {
    display: none !important;
  }

  body.ukc-2026 .header__bottom .chat {
    display: none !important;
  }

  body.ukc-2026 .header-messenger {
    width: 32px !important;
    height: 32px !important;
  }

  body.ukc-2026 .header-messenger__icon {
    width: 16px !important;
    height: 16px !important;
  }

  body.ukc-2026 .header-messenger--viber .header-messenger__icon {
    width: 18px !important;
    height: 18px !important;
  }
}

@media (max-width: 767px) {
  body.ukc-2026 .header__main-right {
    font-size: 12px !important;
    padding-top: 16px !important;
  }

  body.ukc-2026 .header__main-title {
    font-size: 1.35rem !important;
  }

  body.ukc-2026 .header__main-line {
    font-size: 1.1rem !important;
  }
}

/* ── Responsive ── */
@media (max-width: 1220px) {
  body.ukc-2026 .banners-block__table {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  body.ukc-2026 .banners-col2 {
    grid-column: 1 / -1;
  }
}

@media (max-width: 767px) {
  body.ukc-2026 .banners-block__table {
    grid-template-columns: 1fr !important;
  }
  body.ukc-2026 .modern-appeal-card {
    padding: 28px 20px !important;
  }
  body.ukc-2026 .quiz-main {
    margin: 0 10px;
    border-radius: var(--ukc-radius-sm) !important;
  }
  body.ukc-2026 .consultation {
    padding: 40px 0 !important;
  }
}

/* ── Selection color ── */
body.ukc-2026 ::selection {
  background: var(--ukc-gold);
  color: var(--ukc-navy);
}

/* ── Low vision mode (must override redesign) ── */
body.ukc-2026.lowvision,
body.ukc-2026.lowvision .wrapper,
body.ukc-2026.lowvision .wrapper__wrap,
body.ukc-2026.lowvision .wrapper__inner {
  background: #fff !important;
  color: #000 !important;
}

body.ukc-2026.lowvision .header,
body.ukc-2026.lowvision #fixed.header {
  background: #fff !important;
  border-bottom: 2px solid #000 !important;
}

body.ukc-2026.lowvision .header::before,
body.ukc-2026.lowvision .ukc-header-accent {
  display: none !important;
}

body.ukc-2026.lowvision .header__top {
  background: transparent !important;
  border-bottom: none !important;
}

body.ukc-2026.lowvision .header__main-title,
body.ukc-2026.lowvision .header__main-label,
body.ukc-2026.lowvision .header-site__btn ._title,
body.ukc-2026.lowvision .header-site__btn ._desc,
body.ukc-2026.lowvision .nav__link,
body.ukc-2026.lowvision .nav__btn,
body.ukc-2026.lowvision .section__title,
body.ukc-2026.lowvision .modern-appeal-title,
body.ukc-2026.lowvision .article-item__title,
body.ukc-2026.lowvision .footer h2,
body.ukc-2026.lowvision .footer p,
body.ukc-2026.lowvision .site-map__title,
body.ukc-2026.lowvision .site-map__sub-title,
body.ukc-2026.lowvision .site-map__list a,
body.ukc-2026.lowvision .consultation__title,
body.ukc-2026.lowvision .consultation__label,
body.ukc-2026.lowvision .quiz-main .quiz-title {
  color: #000 !important;
  background: none !important;
  -webkit-text-fill-color: #000 !important;
}

body.ukc-2026.lowvision .nav {
  background: #fff !important;
  border: 2px solid #000 !important;
}

body.ukc-2026.lowvision .footer,
body.ukc-2026.lowvision .footer__top {
  background: #fff !important;
  border-top: 2px solid #000 !important;
}

body.ukc-2026.lowvision .site-map__head {
  background: #fff !important;
  border: 2px solid #000 !important;
}

body.ukc-2026.lowvision .consultation,
body.ukc-2026.lowvision .quiz-main,
body.ukc-2026.lowvision .section--blue-t.counter,
body.ukc-2026.lowvision .modern-appeal-block {
  background: #fff !important;
  border: 2px solid #000 !important;
}

body.ukc-2026.lowvision .btn,
body.ukc-2026.lowvision .btn-primary,
body.ukc-2026.lowvision .btn-secondary,
body.ukc-2026.lowvision .modern-btn-primary,
body.ukc-2026.lowvision .consultation__btn .btn-secondary {
  background: #fff !important;
  color: #000 !important;
  border: 2px solid #000 !important;
  box-shadow: none !important;
}

body.ukc-2026.lowvision .article-item__inner,
body.ukc-2026.lowvision .count-block__item,
body.ukc-2026.lowvision .modern-appeal-card {
  background: #fff !important;
  border: 2px solid #000 !important;
  box-shadow: none !important;
}

body.ukc-2026.lowvision img,
body.ukc-2026.lowvision .article-item__img,
body.ukc-2026.lowvision .banners-block__link img {
  filter: grayscale(100%) !important;
}

body.ukc-2026.lowvision .form-input,
body.ukc-2026.lowvision .form-field input,
body.ukc-2026.lowvision .consultation .form-input {
  background: #fff !important;
  color: #000 !important;
  border: 2px solid #000 !important;
}

body.ukc-2026.lowvision .header-availability.opened .header-availability__body,
body.ukc-2026.lowvision .js-availability-box.opened .header-availability__body {
  opacity: 1 !important;
  visibility: visible !important;
  position: static !important;
  background: #fff !important;
}

body.ukc-2026.lowvision .header-availability__action .btn {
  border: 2px solid #000 !important;
  color: #000 !important;
}

body.ukc-2026.lowvision .js-availability-btn.active span::before {
  content: attr(data-text-close) !important;
}