@charset "UTF-8";
/* ============================================================
   Pixelated Realities — точка входу стилів теми.
   Компілюється у assets/dist/theme.css (див. package.json).
   Порядок шарів: токени → база → рецепти → компоненти.
   ============================================================ */
/* ============================================================
   Токени Pixelated Realities 2026 (parent site).
   Перенесено ЛИШЕ --pr-* зі спільного design/tokens/tokens.css.
   Victory-скоуп (ink/signal, MADE Outer Sans) сюди не входить.
   Ядрові пресети (кольори, шрифти, розміри) також доступні як
   --wp--preset--* із theme.json — тут лише те, що ядро не дає.
   ============================================================ */
:root {
  /* Surfaces */
  --pr-bg: #FFFFFF;
  --pr-bg-soft: #FBFAF8;
  --pr-bg-stone: #AFACA2;
  --pr-media-bg: #F1EFEA;
  /* Text.
     Токен-сплит нейтралей (design review 2026-07-18): #AFACA2 — лише
     декоратив (--pr-stone); читабельна мета ≤16px — #6E6A62 (AA 5.1:1). */
  --pr-text: #1C1A17;
  --pr-text-body: #54504A;
  --pr-text-meta: #6E6A62;
  /* Stone — єдиний нейтрал */
  --pr-stone: #AFACA2;
  /* Brand accents */
  --pr-orange: #FAAA32;
  --pr-magenta: #FA50C8;
  --pr-cyan: #6CCBE3;
  --pr-orange-deep: #DB7D0C;
  --pr-orange-tint: rgba(250, 170, 50, 0.14);
  /* Hairline */
  --pr-hairline-color: rgba(28, 26, 23, 0.10);
  /* Brand gradient — orange→magenta */
  --pr-gradient-brand: linear-gradient(120deg, #FAAA32, #FA50C8);
  --pr-gradient-brand-hover: linear-gradient(120deg, #F5931A, #E63BB4);
  --pr-gradient-brand-pressed: linear-gradient(120deg, #DB7D0C, #C92F9C);
  /* Disabled */
  --pr-disabled-bg: rgba(175, 172, 162, 0.35);
  /* Families */
  --font-pr-heading: "Arial Black", "Archivo Black", "Helvetica Neue", sans-serif;
  --font-pr-sans: system-ui, -apple-system, "Segoe UI", Arial, "Helvetica Neue", sans-serif;
  /* Type scale */
  --pr-display: 52px;
  --pr-h1: 44px;
  --pr-h2: 26px;
  --pr-h3: 19px;
  --pr-h4: 17px;
  --pr-body-lg: 17px;
  --pr-body: 16px;
  --pr-small: 13px;
  --pr-caption: 12px;
  --pr-lh-display: 1.05;
  --pr-lh-body: 1.6;
  --pr-tracking-display: -0.025em;
  /* Spacing */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 40px;
  --space-8: 56px;
  --space-9: 80px;
  --space-10: 120px;
  /* Layout */
  --pr-content: 1200px;
  --pr-wide: 1440px;
  --pr-gutter: clamp(16px, 5vw, 120px);
  /* Geometry */
  --pr-radius: 6px;
  --pr-radius-chip: 5px;
  --pr-hairline: 1px solid rgba(28, 26, 23, 0.10);
  --pr-card-hover-stripe: inset 0 3px 0 0 var(--pr-orange);
  /* Motion */
  --t-fast: 120ms cubic-bezier(.2, .7, .3, 1);
  --t-base: 200ms cubic-bezier(.2, .7, .3, 1);
  /* Focus rings: темний — на світлих поверхнях, світлий — на ink/градієнті */
  --pr-focus-ring-dark: 2px solid var(--pr-text);
  --pr-focus-ring-light: 2px solid #FFFFFF;
  --pr-focus-offset: 2px;
}

/* Базовий шар: скидання, доступність, контейнер. */
*,
*::before,
*::after {
  box-sizing: border-box;
}

body.pr-2026 {
  margin: 0;
  background: var(--pr-bg);
  color: var(--pr-text);
  font-family: var(--font-pr-sans);
  font-size: var(--pr-body);
  line-height: var(--pr-lh-body);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

img,
svg {
  max-width: 100%;
  height: auto;
}

a {
  color: var(--pr-cyan);
  text-underline-offset: 0.18em;
}

a:hover {
  color: var(--pr-orange);
}

/* Видимі фокус-стилі — доступність (не прибирати outline без заміни).
   Дві поверхні: темне кільце на світлому тлі; на ink/градієнті (клас
   .on-ink на елементі або контейнері) — біле кільце з зовнішнім темним. */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
summary:focus-visible,
[tabindex]:focus-visible {
  outline: var(--pr-focus-ring-dark);
  outline-offset: var(--pr-focus-offset);
  border-radius: 2px;
}

.on-ink a:focus-visible,
.on-ink button:focus-visible,
.on-ink input:focus-visible,
.on-ink select:focus-visible,
.on-ink textarea:focus-visible,
.on-ink summary:focus-visible,
.on-ink [tabindex]:focus-visible,
a.on-ink:focus-visible,
button.on-ink:focus-visible,
input.on-ink:focus-visible,
select.on-ink:focus-visible,
textarea.on-ink:focus-visible,
summary.on-ink:focus-visible,
[tabindex].on-ink:focus-visible {
  outline: var(--pr-focus-ring-light);
  outline-offset: var(--pr-focus-offset);
  box-shadow: 0 0 0 5px var(--pr-text);
}

/* Прихований текст для скрінрідерів. */
.screen-reader-text {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* Skip-link — з'являється при фокусі. */
.skip-link {
  position: absolute;
  left: -9999px;
  top: 0;
  z-index: 1000;
}

.skip-link:focus {
  left: var(--space-4);
  top: var(--space-4);
  width: auto;
  height: auto;
  padding: var(--space-3) var(--space-4);
  background: var(--pr-text);
  color: #fff;
  clip: auto;
  border-radius: var(--pr-radius);
}

/* Центральний контейнер. */
.pr-container {
  width: 100%;
  max-width: var(--pr-content);
  margin-inline: auto;
  padding-inline: var(--pr-gutter);
}

/* alignfull рахується від 100vw (зі скролбаром); clip прибирає можливий
   горизонтальний зазор, не створюючи scroll-контейнера. */
.site-main {
  overflow-x: clip;
}

.content-area {
  padding-block: var(--space-8);
}

/* Заголовок сторінки/архіву. */
.page-header {
  margin-bottom: var(--space-7);
}

.page-title {
  margin: 0 0 var(--space-3);
}

/* Honeypot форм CF7: поле є в розмітці, але недосяжне людині.
   display:none боти розпізнають — тому виносимо за екран. */
.pr-hp {
  position: absolute !important;
  left: -9999px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

/* ============================================================
   Рецепти дизайн-системи PR 2026 (.pr-*).
   Перенесено з design/tokens/tokens.css (лише PR-скоуп).
   Заголовкову типографіку h1–h4/button/link дає theme.json —
   тут лише компоненти, яких ядро не покриває.
   ============================================================ */
/* Display + gradient text */
.pr-display {
  font-family: var(--font-pr-heading);
  font-weight: 900;
  font-size: var(--pr-display);
  line-height: var(--pr-lh-display);
  letter-spacing: var(--pr-tracking-display);
  margin: 0;
}

.pr-gradient-text {
  background: var(--pr-gradient-brand);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.pr-caption {
  font-family: var(--font-pr-sans);
  font-size: var(--pr-caption);
  text-transform: uppercase;
  letter-spacing: 0.14em;
  color: var(--pr-text-meta);
}

.pr-small {
  font-family: var(--font-pr-sans);
  font-size: var(--pr-small);
  line-height: 1.5;
  color: var(--pr-text-meta);
}

.pr-body-lg {
  font-size: var(--pr-body-lg);
}

/* Buttons */
.pr-btn-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: var(--pr-gradient-brand);
  color: #fff;
  border: 0;
  border-radius: var(--pr-radius);
  padding: 15px 22px;
  font-family: var(--font-pr-sans);
  font-weight: 700;
  font-size: 15px;
  line-height: 1;
  text-decoration: none;
  cursor: pointer;
  transition: background var(--t-fast);
}

.pr-btn-primary:hover {
  background: var(--pr-gradient-brand-hover);
  color: #fff;
}

.pr-btn-primary:active {
  background: var(--pr-gradient-brand-pressed);
}

.pr-btn-primary:disabled {
  background: var(--pr-disabled-bg);
  color: var(--pr-stone);
  cursor: default;
}

.pr-btn-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: var(--pr-bg);
  color: var(--pr-text);
  border: 1.5px solid var(--pr-orange);
  border-radius: var(--pr-radius);
  padding: 13.5px 22px;
  font-family: var(--font-pr-sans);
  font-weight: 700;
  font-size: 15px;
  line-height: 1;
  text-decoration: none;
  cursor: pointer;
  transition: background var(--t-fast), color var(--t-fast), border-color var(--t-fast);
}

.pr-btn-secondary:hover {
  background: var(--pr-orange);
  color: #fff;
}

.pr-btn-secondary:active {
  background: var(--pr-stone);
  border-color: var(--pr-stone);
  color: #fff;
}

/* Card */
.pr-card {
  background: var(--pr-bg);
  border: var(--pr-hairline);
  border-radius: var(--pr-radius);
  transition: box-shadow var(--t-fast);
}

.pr-card:hover,
.pr-card.active {
  box-shadow: var(--pr-card-hover-stripe);
}

/* Chip / badges */
.pr-chip {
  display: inline-flex;
  align-items: center;
  font-family: var(--font-pr-sans);
  font-weight: 700;
  font-size: 11px;
  letter-spacing: 0.04em;
  color: var(--pr-orange-deep);
  background: var(--pr-orange-tint);
  border-radius: var(--pr-radius-chip);
  padding: 4px 8px;
}

.pr-badge-ar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--pr-gradient-brand);
  color: #fff;
  font-family: var(--font-pr-sans);
  font-weight: 700;
  font-size: 11px;
  border-radius: var(--pr-radius-chip);
  padding: 4px 8px;
}

.pr-badge-3d {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--pr-text);
  color: #fff;
  font-family: var(--font-pr-sans);
  font-weight: 700;
  font-size: 11px;
  border-radius: var(--pr-radius-chip);
  padding: 4px 8px;
}

/* Section stripes */
.pr-section {
  background: var(--pr-bg);
}

.pr-section--soft {
  background: var(--pr-bg-soft);
}

.pr-section--stone {
  background: var(--pr-bg-stone);
  color: #fff;
}

.pr-section--stone p,
.pr-section--stone a {
  color: #fff;
}

/* Шапка сайту 2a: 72px (mobile 52px), білий, hairline знизу.
   Chrome: лого 28 · меню 600/14 · «Пошук» · UA/EN/DE/IT · CTA.
   Бургер < 1200px (DE-меню тримається на 1280 — фікстура V0). */
.site-header {
  border-bottom: var(--pr-hairline);
  background: var(--pr-bg);
}

.site-header__inner {
  display: flex;
  align-items: center;
  gap: var(--space-5);
  min-height: 72px;
}

.site-header__brand {
  flex-shrink: 0;
}

.site-title {
  font-family: var(--font-pr-heading);
  font-weight: 900;
  font-size: var(--pr-h3);
  color: var(--pr-text);
  text-decoration: none;
}

.custom-logo-link {
  display: inline-flex;
}

.custom-logo {
  height: 28px;
  width: auto;
}

/* Навігаційний блок: меню + «Пошук» + мови. На desktop — рядок,
   < 1200px — розкривна панель бургера. */
.site-nav {
  display: flex;
  flex: 1;
  align-items: center;
  gap: var(--space-5);
  min-width: 0;
}

.site-nav__list {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-5);
  margin: 0;
  padding: 0;
  list-style: none;
}

.site-nav__list a,
.site-header__search {
  font-family: var(--font-pr-sans);
  font-weight: 600;
  font-size: 14px;
  color: var(--pr-text-body);
  text-decoration: none;
  padding-block: var(--space-2);
  transition: color var(--t-fast);
}

.site-nav__list a:hover,
.site-header__search:hover {
  color: var(--pr-text);
}

/* Активний пункт: text-ink + помаранчева площинка знизу. */
.site-nav__list .current-menu-item > a,
.site-nav__list a[aria-current=page] {
  color: var(--pr-text);
  box-shadow: inset 0 -3px 0 0 var(--pr-orange);
}

.site-nav__list--mobile {
  display: none;
}

/* Дропдаун другого рівня (desktop): hover / focus-within. */
.site-nav__list > li {
  position: relative;
}

.site-nav__list .menu-item-has-children > a::after {
  content: "▾";
  margin-left: var(--space-1);
  font-size: 10px;
  color: var(--pr-stone);
}

.site-nav__list .sub-menu {
  position: absolute;
  top: 100%;
  left: calc(-1 * var(--space-4));
  display: none;
  min-width: 280px;
  margin: 0;
  padding: var(--space-2) 0;
  list-style: none;
  background: var(--pr-bg);
  border: var(--pr-hairline);
  border-radius: var(--pr-radius);
  box-shadow: 0 8px 24px rgba(28, 26, 23, 0.08);
  z-index: 950;
}

.site-nav__list > li:hover > .sub-menu,
.site-nav__list > li:focus-within > .sub-menu {
  display: block;
}

.site-nav__list .sub-menu a {
  display: block;
  padding: var(--space-2) var(--space-4);
}

.site-nav__list .sub-menu .current-menu-item > a,
.site-nav__list .sub-menu a[aria-current=page] {
  box-shadow: inset 3px 0 0 0 var(--pr-orange);
}

/* «Пошук» — після меню, перед мовами. */
.site-header__search {
  margin-left: auto;
}

/* Мовний перемикач: активна — ink, решта — stone. */
.lang-switcher__list {
  display: flex;
  gap: var(--space-3);
  margin: 0;
  padding: 0;
  list-style: none;
}

.lang-switcher__item a,
.lang-switcher__item span {
  font-family: var(--font-pr-sans);
  font-weight: 700;
  font-size: var(--pr-small);
  text-transform: uppercase;
  text-decoration: none;
  color: var(--pr-stone);
  transition: color var(--t-fast);
}

.lang-switcher__item a:hover {
  color: var(--pr-text-body);
}

.lang-switcher__item.is-current span {
  color: var(--pr-text);
}

/* CTA: рецепт .pr-btn-primary; тут лише позиція. */
.site-header__cta {
  flex-shrink: 0;
}

/* Бургер */
.nav-toggle {
  display: none;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  width: 44px;
  height: 44px;
  padding: 0;
  background: transparent;
  border: 0;
  cursor: pointer;
}

.nav-toggle__bar {
  display: block;
  width: 24px;
  height: 2px;
  margin-inline: auto;
  background: var(--pr-text);
  transition: transform var(--t-fast), opacity var(--t-fast);
}

/* Бургер-режим: < 1200px (спек: DE-меню тримає 6 пунктів до ~1200). */
@media (max-width: 1199px) {
  .site-header {
    position: relative;
  }
  .site-header__inner {
    min-height: 52px;
    justify-content: space-between;
  }
  /* Кнопка в DOM перед панеллю (tab-порядок); візуально — праворуч. */
  .nav-toggle {
    display: flex;
    order: 1;
    margin-left: auto;
  }
  /* CTA на mobile прихований: лого + ☰. */
  .site-header__cta {
    display: none;
  }
  .site-nav {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    display: none;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-4);
    padding: var(--space-5) var(--pr-gutter);
    background: var(--pr-bg);
    border-bottom: var(--pr-hairline);
    z-index: 900;
  }
  body.nav-open .site-nav {
    display: flex;
  }
  .site-nav__list {
    flex-direction: column;
    gap: var(--space-4);
  }
  /* У панелі бургера підменю — статичний відступний список. */
  .site-nav__list .sub-menu {
    position: static;
    display: block;
    min-width: 0;
    padding: var(--space-2) 0 0 var(--space-4);
    border: 0;
    border-radius: 0;
    box-shadow: none;
  }
  .site-nav__list .sub-menu a {
    padding: var(--space-1) 0;
  }
  /* Активний пункт у панелі: площинка тільки під текстом. */
  .site-nav__list .current-menu-item > a,
  .site-nav__list a[aria-current=page] {
    box-shadow: inset 0 -3px 0 0 var(--pr-orange);
  }
  .site-header__search {
    margin-left: 0;
  }
  /* Окреме мобільне меню: у бургері показуємо його замість основного. */
  .site-nav__list--mobile {
    display: flex;
  }
  .site-nav--has-mobile .site-nav__list:not(.site-nav__list--mobile) {
    display: none;
  }
  /* Скрол-лок відкритої панелі. */
  body.nav-open {
    overflow: hidden;
  }
  /* Хрестик замість бургера у відкритому стані. */
  body.nav-open .nav-toggle__bar:nth-child(1) {
    transform: translateY(7px) rotate(45deg);
  }
  body.nav-open .nav-toggle__bar:nth-child(2) {
    opacity: 0;
  }
  body.nav-open .nav-toggle__bar:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg);
  }
  /* no-JS (V0.3): панель розгорнута статично, бургер прихований. */
  html:not(.js) .nav-toggle {
    display: none;
  }
  html:not(.js) .site-nav {
    position: static;
    display: flex;
    padding-inline: 0;
    border-bottom: 0;
  }
}
/* Підвал 2a: білий, hairline зверху, сітка 1.4fr/1fr/1fr/1.4fr
   (бренд · меню · проєкти · розсилка), полоса донорів, нижній рядок.
   Спека: design/templates/header-footer.md; зони — footer-map.md. */
.site-footer {
  margin-top: var(--space-9);
  padding-block: var(--space-8);
  border-top: var(--pr-hairline);
  background: var(--pr-bg);
  color: var(--pr-text-body);
}

.site-footer__grid {
  display: grid;
  grid-template-columns: 1.4fr 1fr 1fr 1.4fr;
  gap: var(--space-7);
  align-items: start;
}

/* ── Колонка 1: бренд ───────────────────────────────────────── */
.footer-brand__logo .custom-logo {
  height: 28px;
  width: auto;
}

.footer-mission {
  margin: var(--space-4) 0 0;
  max-width: 30ch;
  font-size: var(--pr-body);
  line-height: var(--pr-lh-body);
  color: var(--pr-text-body);
}

.footer-contacts__email {
  margin: var(--space-3) 0 0;
}

.footer-contacts__email a {
  font-size: var(--pr-body);
  color: var(--pr-text-body);
  text-decoration: none;
  transition: color var(--t-fast);
}

.footer-contacts__email a:hover {
  color: var(--pr-text);
}

/* Соцмережі: контурні квадрати 36px r6 (іконок дизайн ще не здав —
   буквені марки, доступна назва в aria-label). */
.footer-social {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
  margin: var(--space-5) 0 0;
  padding: 0;
  list-style: none;
}

.footer-social__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border: var(--pr-hairline);
  border-radius: var(--pr-radius);
  font-family: var(--font-pr-sans);
  font-weight: 700;
  font-size: var(--pr-caption);
  text-transform: lowercase;
  text-decoration: none;
  color: var(--pr-text-meta);
  transition: color var(--t-fast), border-color var(--t-fast);
}

.footer-social__link:hover {
  color: var(--pr-text);
  border-color: var(--pr-text);
}

/* ── Колонки 2–3: меню і проєкти ────────────────────────────── */
.footer-zone__title {
  margin: 0 0 var(--space-4);
}

.footer-menu__list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.footer-menu__list li {
  margin-bottom: var(--space-3);
}

.footer-menu__list a {
  font-size: 15px;
  line-height: 1.4;
  color: var(--pr-text-body);
  text-decoration: none;
  transition: color var(--t-fast);
}

.footer-menu__list a:hover,
.footer-menu__list .current-menu-item > a {
  color: var(--pr-text);
}

/* ── Колонка 4: розсилка SendPulse ──────────────────────────── */
.footer-subscribe__intro {
  margin: 0 0 var(--space-4);
  font-size: 15px;
  line-height: 1.5;
  color: var(--pr-text-body);
}

.footer-subscribe__note {
  margin: var(--space-3) 0 0;
}

/* Стилі наявної форми (розмітка embed не редагується — див.
   template-parts/footer-sendpulse.php). */
.footer-zone--subscribe .sp-form {
  max-width: 100%;
  padding: 0 !important;
}

.footer-zone--subscribe .sp-form-control {
  height: 44px;
  padding-inline: var(--space-3) !important;
  background: var(--pr-bg);
  border: var(--pr-hairline);
  border-radius: var(--pr-radius);
  font-family: var(--font-pr-sans);
  font-size: var(--pr-body);
  color: var(--pr-text);
}

/* Селектор із [sp-id], бо власні стилі embed-у мають ту саму специфічність
   (`.sp-form[sp-id="246480"] .sp-field label`) і інакше перемагають:
   у фікстурі тексти згод лишалися жирними. */
.footer-zone--subscribe .sp-form[sp-id] .sp-field label,
.footer-zone--subscribe .sp-form[sp-id] .sp-checkbox-option label {
  font-family: var(--font-pr-sans);
  font-size: var(--pr-caption);
  font-weight: 400;
  line-height: 1.5;
  color: var(--pr-text-meta);
}

/* Прапорець виводимо з потоку, текст згоди лишається інлайновим: у розмітці
   embed-у зірочка обов'язковості — окремий span після тексту, і при flex
   вона відривалася до правого краю. */
.footer-zone--subscribe .sp-form[sp-id] .sp-checkbox-option label {
  display: block;
  position: relative;
  padding-left: var(--space-5);
}

.footer-zone--subscribe .sp-form[sp-id] input[type=checkbox] {
  position: absolute;
  left: 0;
  top: 3px;
  margin: 0;
}

.footer-zone--subscribe .sp-form-control::-moz-placeholder {
  color: var(--pr-text-meta);
}

.footer-zone--subscribe .sp-form-control::placeholder {
  color: var(--pr-text-meta);
}

.footer-zone--subscribe .sp-button {
  margin-top: var(--space-3);
  padding: 15px 22px;
  background: var(--pr-gradient-brand);
  background-color: transparent;
  border: 0;
  border-radius: var(--pr-radius);
  font-family: var(--font-pr-sans);
  font-weight: 700;
  font-size: 15px;
  line-height: 1;
  color: var(--pr-bg);
  cursor: pointer;
  transition: background var(--t-fast);
}

.footer-zone--subscribe .sp-button:hover {
  background: var(--pr-gradient-brand-hover);
}

/* ── Полоса донорів: ЄС + УКФ + ECF ─────────────────────────────
   Обов'язкова на всіх мовах; на mobile НЕ ховається (спека 2a). */
.footer-funders {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-5);
  margin-top: var(--space-8);
  padding-top: var(--space-6);
  border-top: var(--pr-hairline);
}

.footer-funders__list {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-4);
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Бокс 150×72 замість 150×48 макета: реальний лого ЄС — вертикальний
   локап 910×922, у 48px він стискається до нечитабельних ~32px
   (рішення власника 2026-07-29). */
.footer-funders__item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 150px;
  height: 72px;
  padding: var(--space-2);
  background: var(--pr-media-bg);
  border-radius: var(--pr-radius);
}

.footer-funders__logo {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  -o-object-fit: contain;
     object-fit: contain;
}

/* Плейсхолдер до здачі лого (гейт L1 — у прод не йде). */
.footer-funders__lockup {
  font-family: var(--font-pr-sans);
  font-weight: 700;
  font-size: var(--pr-caption);
  line-height: 1.2;
  text-align: center;
  color: var(--pr-text-meta);
}

/* ── Нижній рядок ───────────────────────────────────────────── */
.footer-colophon {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-4) var(--space-5);
  margin-top: var(--space-6);
  padding-top: var(--space-5);
  border-top: var(--pr-hairline);
}

.footer-colophon__copy {
  margin: 0;
  margin-right: auto;
}

.footer-colophon__privacy {
  color: var(--pr-text-meta);
  text-decoration: none;
  transition: color var(--t-fast);
}

.footer-colophon__privacy:hover {
  color: var(--pr-text);
}

/* ── Адаптив ────────────────────────────────────────────────── */
@media (max-width: 1199px) {
  .site-footer__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-6) var(--space-7);
  }
}
@media (max-width: 767px) {
  .site-footer {
    padding-block: var(--space-7);
  }
  .site-footer__grid {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-6);
  }
  .footer-mission {
    max-width: none;
  }
  .footer-colophon__copy {
    margin-right: 0;
    width: 100%;
  }
}
/* Контент: сітка постів, картка, single, пагінація, пошук. */
.posts-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: var(--space-6);
}

/* Блог із сайдбаром */
.blog-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 300px;
  gap: var(--space-7);
  align-items: start;
}

@media (max-width: 860px) {
  .blog-layout {
    grid-template-columns: 1fr;
  }
}
.blog-layout__sidebar .widget {
  margin-bottom: var(--space-6);
}

.blog-layout__sidebar .widget-title {
  font-size: var(--pr-h4);
  margin-bottom: var(--space-3);
}

/* Картка поста */
.post-card {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.post-card__thumb {
  display: block;
  aspect-ratio: 468/328;
  background: var(--pr-media-bg);
}

.post-card__thumb .entry-thumb {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}

.entry-thumb--placeholder {
  display: block;
  width: 100%;
  height: 100%;
  background: var(--pr-gradient-brand);
  opacity: 0.18;
}

.post-card__body {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  padding: var(--space-5);
}

.post-card__rubric {
  color: var(--pr-orange-deep);
  text-decoration: none;
}

.post-card__title {
  margin: 0;
}

.post-card__title a {
  color: var(--pr-text);
  text-decoration: none;
}

.post-card__title a:hover {
  color: var(--pr-orange);
}

.post-card__excerpt {
  color: var(--pr-text-body);
  font-size: var(--pr-small);
}

/* Single / page */
.entry-header {
  margin-bottom: var(--space-6);
}

.entry-title {
  margin: 0 0 var(--space-3);
}

.entry-meta {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
}

.entry-featured {
  margin: 0 0 var(--space-6);
}

.entry-featured__img {
  width: 100%;
  height: auto;
  border-radius: var(--pr-radius);
}

/* Текстова колонка обмежується на рівні дітей, а не обгортки: блоки з
   align wide/full (карусель, портфоліо-сітка) мають виходити за 72ch. */
.entry-content > * {
  max-width: 72ch;
}

/* Wide/full вырываются из .pr-container отрицательными полями: сам контейнер
   зажат --pr-content, и без breakout'а max-width на детях ничего не даёт.
   Центр контейнера = центр вьюпорта (margin-inline: auto), поэтому симметрия
   сохраняется; горизонтальный зазор от 100vw гасит overflow-x: clip на main. */
.entry-content > .alignwide {
  width: min(var(--pr-wide), 100vw - 2 * var(--pr-gutter));
  max-width: none;
  margin-inline: calc((100% - min(var(--pr-wide), 100vw - 2 * var(--pr-gutter))) / 2);
}

.entry-content > .alignfull {
  width: 100vw;
  max-width: none;
  margin-inline: calc(50% - 50vw);
}

.entry-content p {
  color: var(--pr-text-body);
}

.entry-content > * + * {
  margin-top: var(--space-5);
}

.entry-tags {
  margin-top: var(--space-6);
}

/* Пагінація */
.pagination {
  margin-top: var(--space-8);
}

.pagination .nav-links {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
}

.pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  height: 40px;
  padding-inline: var(--space-3);
  border: var(--pr-hairline);
  border-radius: var(--pr-radius);
  color: var(--pr-text);
  text-decoration: none;
}

.pagination .page-numbers.current {
  background: var(--pr-gradient-brand);
  color: #fff;
  border-color: transparent;
}

/* Пошук */
.search-form {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
  margin-top: var(--space-4);
}

.search-form__field {
  flex: 1 1 220px;
  min-width: 0;
  padding: 12px var(--space-4);
  border: var(--pr-hairline);
  border-radius: var(--pr-radius);
  font-size: var(--pr-body);
}

/* 404 / порожні стани */
.no-results {
  max-width: 60ch;
}

.error-404 .page-title {
  margin-bottom: var(--space-3);
}

.front-welcome {
  padding: var(--space-9) var(--space-7);
  border-radius: var(--pr-radius);
  text-align: center;
}

.front-welcome__lead {
  max-width: 60ch;
  margin-inline: auto;
  color: var(--pr-text-body);
}

/* ============================================================
   Портфоліо: архів 2c (картка, фільтр, чипси, «показати ще»)
   та single 2d (липка панель · медіа · prev/next). Лише токени.
   ============================================================ */
/* ---------- Архів ---------- */
.portfolio-archive__header {
  margin-bottom: var(--space-7);
}

.portfolio-archive__title {
  margin: 0 0 var(--space-2);
  font-size: var(--pr-h1);
}

.portfolio-archive__count {
  margin: 0 0 var(--space-5);
  color: var(--pr-text-meta);
  font-size: var(--pr-small);
}

.portfolio-filter {
  display: grid;
  grid-template-columns: 1fr auto auto;
  gap: var(--space-3);
  align-items: stretch;
  margin-bottom: var(--space-4);
}

.portfolio-filter__search,
.portfolio-filter__select {
  height: 44px;
  padding: 0 var(--space-4);
  border: 1.5px solid var(--pr-hairline-color);
  border-radius: var(--pr-radius);
  background: var(--pr-bg);
  color: var(--pr-text);
  font: inherit;
  font-size: 14px;
  transition: border-color var(--t-fast);
}

.portfolio-filter__search::-moz-placeholder {
  color: var(--pr-stone);
}

.portfolio-filter__search::placeholder {
  color: var(--pr-stone);
}

.portfolio-filter__search:focus,
.portfolio-filter__select:focus {
  border-color: var(--pr-text);
  outline-offset: 0;
}

.portfolio-filter__select {
  max-width: 240px;
  font-weight: 700;
  cursor: pointer;
}

.portfolio-filter__submit {
  height: 44px;
  padding-inline: var(--space-4);
}

.portfolio-chips {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-2);
}

.portfolio-chips__item,
.portfolio-chips__more-toggle {
  display: inline-flex;
  align-items: center;
  height: 30px;
  padding: 0 var(--space-3);
  border-radius: var(--pr-radius-chip);
  background: var(--pr-media-bg);
  color: var(--pr-text);
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
  white-space: nowrap;
  transition: background var(--t-fast), color var(--t-fast);
}

.portfolio-chips__item:hover {
  background: var(--pr-orange-tint);
  color: var(--pr-orange-deep);
}

.portfolio-chips__item.is-active {
  background: var(--pr-text);
  color: #fff;
}

.portfolio-chips__more {
  display: contents;
}

.portfolio-chips__more-toggle {
  background: transparent;
  color: var(--pr-orange-deep);
  cursor: pointer;
  list-style: none;
}

.portfolio-chips__more-toggle::-webkit-details-marker {
  display: none;
}

.portfolio-chips__more[open] .portfolio-chips__more-toggle {
  display: none;
}

.portfolio-chips__rest {
  display: contents;
}

/* Сітка карток: 3 кол. gap 24, mobile — 2 кол. gap 10 */
.portfolio-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-5);
}

.portfolio-card {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  color: inherit;
}

.portfolio-card__media {
  position: relative;
  display: block;
  aspect-ratio: 16/10;
  background: var(--pr-media-bg);
  overflow: hidden;
}

.portfolio-card__img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  transition: transform var(--t-base);
}

.portfolio-card:hover .portfolio-card__img {
  transform: scale(1.02);
}

.portfolio-card__img--placeholder {
  background: var(--pr-media-bg);
}

.portfolio-card__badges {
  position: absolute;
  top: var(--space-3);
  right: var(--space-3);
  display: flex;
  gap: var(--space-1);
}

.portfolio-card__body {
  padding: var(--space-4) var(--space-4) var(--space-3);
  flex: 1;
}

.portfolio-card__title {
  margin: 0 0 var(--space-1);
  font-family: var(--font-pr-sans);
  font-weight: 700;
  font-size: var(--pr-h3);
  line-height: 1.3;
  letter-spacing: 0;
}

.portfolio-card__title a {
  color: var(--pr-text);
  text-decoration: none;
}

.portfolio-card__title a:hover {
  color: var(--pr-orange-deep);
}

.portfolio-card__meta {
  margin: 0;
  color: var(--pr-text-meta);
  font-size: var(--pr-small);
}

.portfolio-card__tags {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  padding: var(--space-3) var(--space-4) var(--space-4);
  border-top: var(--pr-hairline);
}

/* «Показати ще» */
.portfolio-more {
  margin-top: var(--space-7);
  text-align: center;
}

.portfolio-more > a {
  display: inline-flex;
  align-items: center;
  height: 44px;
  padding: 0 var(--space-5);
  border: 1.5px solid var(--pr-text);
  border-radius: var(--pr-radius);
  color: var(--pr-text);
  font-weight: 700;
  font-size: 14px;
  text-decoration: none;
  transition: background var(--t-fast), color var(--t-fast);
}

.portfolio-more > a:hover {
  background: var(--pr-text);
  color: #fff;
}

.portfolio-more__status {
  margin: var(--space-3) 0 0;
  color: var(--pr-text-meta);
  font-size: var(--pr-caption);
}

.portfolio-more__status a {
  color: var(--pr-orange-deep);
}

.portfolio-empty {
  padding: var(--space-8) 0;
  text-align: center;
  color: var(--pr-text-body);
}

.portfolio-empty p {
  margin: 0 0 var(--space-4);
}

@media (max-width: 1200px) {
  .portfolio-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 767px) {
  .portfolio-filter {
    grid-template-columns: 1fr auto;
  }
  .portfolio-filter__submit {
    display: none;
  }
  .portfolio-filter__select {
    max-width: 140px;
  }
  .portfolio-chips {
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-bottom: var(--space-1);
    scrollbar-width: none;
  }
  .portfolio-chips::-webkit-scrollbar {
    display: none;
  }
  .portfolio-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }
  .portfolio-card__media {
    aspect-ratio: 4/3;
  }
  .portfolio-card__body {
    padding: var(--space-3) var(--space-3) var(--space-2);
  }
  .portfolio-card__title {
    font-size: 13px;
  }
  .portfolio-card__meta {
    font-size: 11px;
  }
  .portfolio-card__tags {
    display: none;
  }
  .portfolio-card__badges {
    top: var(--space-2);
    right: var(--space-2);
  }
}
/* ---------- Single (2d Side) ---------- */
.portfolio-single {
  padding-block: var(--space-8) 0;
}

.portfolio-single__layout {
  display: grid;
  grid-template-columns: 440px minmax(0, 1fr);
  gap: var(--space-8);
  align-items: start;
}

.portfolio-single__panel {
  position: sticky;
  top: 96px;
}

.portfolio-single__crumbs {
  margin-bottom: var(--space-4);
  color: var(--pr-text-meta);
  font-size: var(--pr-small);
}

.portfolio-single__crumbs a {
  color: var(--pr-text-meta);
  text-decoration: none;
}

.portfolio-single__crumbs a:hover {
  color: var(--pr-orange-deep);
}

.portfolio-single__crumbs-sep {
  margin-inline: var(--space-2);
}

.portfolio-single__title {
  margin: 0 0 var(--space-2);
  font-size: var(--pr-h1);
}

.portfolio-single__meta {
  margin: 0 0 var(--space-4);
  color: var(--pr-text-meta);
  font-size: var(--pr-small);
}

.portfolio-single__tags {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  margin-bottom: var(--space-5);
}

.portfolio-single__lead {
  margin-bottom: var(--space-5);
  color: var(--pr-text-body);
  font-size: var(--pr-body-lg);
  line-height: 1.6;
}

.portfolio-single__lead p {
  margin: 0;
}

.portfolio-single__cta {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
  padding-top: var(--space-5);
  border-top: var(--pr-hairline);
}

.portfolio-single__content > * + * {
  margin-top: var(--space-5);
}

.portfolio-single__hero {
  margin: 0;
  border-radius: var(--pr-radius);
  background: var(--pr-media-bg);
  overflow: hidden;
}

.portfolio-single__hero-img {
  display: block;
  width: 100%;
  height: auto;
}

.portfolio-single__content .wp-block-image img,
.portfolio-single__content .wp-block-embed,
.portfolio-single__content .pixel-embed-3d {
  border-radius: var(--pr-radius);
  overflow: hidden;
}

/* У вузькій колонці alignfull-групи конвертованого контенту не мають
   вилазити за колонку — тримаємо в межах. */
.portfolio-single__content > .alignfull,
.portfolio-single__content > .alignwide {
  width: auto;
  max-width: none;
  margin-inline: 0;
  transform: none;
  left: auto;
}

.portfolio-single__nav {
  margin-top: var(--space-9);
  background: var(--pr-bg-soft);
  border-top: var(--pr-hairline);
}

.portfolio-single__nav-inner {
  display: flex;
  justify-content: space-between;
  gap: var(--space-5);
  padding-block: var(--space-5);
}

.portfolio-single__nav-link {
  color: var(--pr-text);
  font-weight: 700;
  font-size: 14px;
  text-decoration: none;
}

.portfolio-single__nav-link:hover {
  color: var(--pr-orange-deep);
}

.portfolio-single__nav-link--next {
  text-align: right;
}

@media (max-width: 1200px) {
  .portfolio-single__layout {
    grid-template-columns: 360px minmax(0, 1fr);
    gap: var(--space-6);
  }
}
@media (max-width: 860px) {
  .portfolio-single__layout {
    grid-template-columns: 1fr;
  }
  .portfolio-single__panel {
    position: static;
  }
  .portfolio-single__title {
    font-size: 32px;
  }
}
/* Конвертований контент у медіа-колонці: колонки складаються — 700px замало для двох. */
.portfolio-single__content .wp-block-columns {
  flex-wrap: wrap;
  gap: var(--space-4);
}

.portfolio-single__content .wp-block-column {
  flex-basis: 100% !important;
}

/* ============================================================
   Блог: архів 2f (чипси · featured · картки · пагінація) та single 2g
   (hero 400 · колонка 720 · шаринг · «Читайте також»). Лише токени.
   Перекриває базові .post-card з _content.scss.
   ============================================================ */
.blog-header {
  margin-bottom: var(--space-5);
}

.blog-header__title {
  margin: 0;
  font-size: var(--pr-h1);
}

.blog-header__desc {
  margin-top: var(--space-3);
  color: var(--pr-text-body);
  max-width: 60ch;
}

/* Чипси рубрик — той самий рецепт, що в портфоліо */
.blog-chips {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  margin-bottom: var(--space-6);
}

.blog-chips__item {
  display: inline-flex;
  align-items: center;
  height: 30px;
  padding: 0 var(--space-3);
  border-radius: var(--pr-radius-chip);
  background: var(--pr-media-bg);
  color: var(--pr-text);
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
  white-space: nowrap;
  transition: background var(--t-fast), color var(--t-fast);
}

.blog-chips__item:hover {
  background: var(--pr-orange-tint);
  color: var(--pr-orange-deep);
}

.blog-chips__item.is-active {
  background: var(--pr-text);
  color: #fff;
}

/* Сітка 3 кол. gap 24 */
.posts-grid--blog,
.posts-grid--related {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-5);
}

/* Картка */
.post-card__thumb {
  aspect-ratio: 16/9;
  background: var(--pr-media-bg);
}

.post-card__body {
  gap: var(--space-2);
  padding: var(--space-4) var(--space-4) var(--space-5);
}

.post-card__meta {
  margin: 0;
  color: var(--pr-text-meta);
  font-size: var(--pr-caption);
}

.post-card__meta a {
  color: inherit;
  text-decoration: none;
}

.post-card__meta a:hover {
  color: var(--pr-orange-deep);
}

.post-card__title {
  margin: 0;
  font-family: var(--font-pr-sans);
  font-weight: 700;
  font-size: var(--pr-h4);
  line-height: 1.35;
  letter-spacing: 0;
}

.post-card__title a {
  color: var(--pr-text);
  text-decoration: none;
}

.post-card__title a:hover {
  color: var(--pr-orange-deep);
}

.post-card__excerpt {
  color: var(--pr-text-body);
  font-size: var(--pr-small);
  line-height: 1.55;
}

.post-card__excerpt p {
  margin: 0;
}

/* Featured: перша запись — grid 1.4fr/1fr, фото 320 */
.post-card--featured {
  display: grid;
  grid-template-columns: 1.4fr 1fr;
  margin-bottom: var(--space-5);
}

.post-card--featured .post-card__thumb {
  aspect-ratio: auto;
  min-height: 320px;
}

.post-card--featured .post-card__body {
  justify-content: center;
  padding: var(--space-6);
}

.post-card--featured .post-card__title {
  font-family: var(--font-pr-heading);
  font-size: var(--pr-h2);
  line-height: 1.15;
  letter-spacing: -0.01em;
}

.post-card--featured .post-card__excerpt {
  font-size: var(--pr-body);
  line-height: 1.55;
}

.post-card__more {
  margin-top: var(--space-2);
  color: var(--pr-orange-deep);
  font-weight: 700;
  font-size: 14px;
  text-decoration: none;
}

.post-card__more:hover {
  text-decoration: underline;
}

/* Compact (Читайте також) */
.post-card--compact .post-card__body {
  padding: var(--space-3) var(--space-4) var(--space-4);
}

.post-card--compact .post-card__title {
  font-size: 15px;
}

/* Пагінація цифрами */
.blog-pagination {
  margin-top: var(--space-7);
}

.blog-pagination .nav-links {
  display: flex;
  justify-content: center;
  gap: var(--space-2);
}

.blog-pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 32px;
  height: 32px;
  padding: 0 var(--space-2);
  border-radius: var(--pr-radius-chip);
  color: var(--pr-text);
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
}

.blog-pagination .page-numbers:hover {
  background: var(--pr-media-bg);
}

.blog-pagination .page-numbers.current {
  background: var(--pr-text);
  color: #fff;
}

.blog-pagination .page-numbers.dots {
  color: var(--pr-stone);
}

@media (max-width: 1200px) {
  .posts-grid--blog,
  .posts-grid--related {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 767px) {
  .posts-grid--blog,
  .posts-grid--related {
    grid-template-columns: 1fr;
  }
  .post-card--featured {
    grid-template-columns: 1fr;
  }
  .post-card--featured .post-card__thumb {
    min-height: 0;
    aspect-ratio: 16/9;
  }
  .post-card--featured .post-card__body {
    padding: var(--space-4);
  }
  .blog-chips {
    flex-wrap: nowrap;
    overflow-x: auto;
    scrollbar-width: none;
  }
  .blog-chips::-webkit-scrollbar {
    display: none;
  }
}
/* ---------- Single 2g ---------- */
.single-post {
  padding-block: var(--space-6) 0;
}

.single-post__hero {
  height: 400px;
  margin: 0 0 var(--space-7);
  border-radius: var(--pr-radius);
  background: var(--pr-media-bg);
  overflow: hidden;
}

.single-post__hero-img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}

.single-post__column {
  width: 100%;
  max-width: calc(720px + 2 * var(--pr-gutter));
  margin-inline: auto;
  padding-inline: var(--pr-gutter);
}

.single-post__crumbs {
  margin-bottom: var(--space-3);
  color: var(--pr-text-meta);
  font-size: var(--pr-small);
}

.single-post__crumbs a {
  color: var(--pr-text-meta);
  text-decoration: none;
}

.single-post__crumbs a:hover {
  color: var(--pr-orange-deep);
}

.single-post__crumbs-sep {
  margin-inline: var(--space-2);
}

.single-post__title {
  margin: 0 0 var(--space-3);
  font-size: 40px;
  line-height: 1.1;
}

.single-post__meta {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  margin: 0 0 var(--space-6);
  color: var(--pr-text-meta);
  font-size: var(--pr-small);
}

.single-post__lead {
  margin-bottom: var(--space-5);
  color: var(--pr-text);
  font-size: 18px;
  line-height: 1.65;
}

.single-post__lead p {
  margin: 0;
}

.single-post__content {
  color: var(--pr-text-body);
  font-size: var(--pr-body);
  line-height: 1.65;
}

.single-post__content p {
  color: var(--pr-text-body);
}

.single-post__content h2,
.single-post__content h3 {
  color: var(--pr-text);
}

.single-post__content blockquote,
.single-post__content .wp-block-quote {
  margin: var(--space-6) 0;
  padding: var(--space-1) 0 var(--space-1) var(--space-5);
  border-left: 3px solid var(--pr-text);
  color: var(--pr-text);
  font-weight: 700;
  font-size: 20px;
  line-height: 1.4;
}

.single-post__content .wp-block-quote p {
  color: inherit;
  font-size: inherit;
}

.single-post__content figcaption,
.single-post__content .wp-element-caption {
  margin-top: var(--space-2);
  color: var(--pr-text-meta);
  font-size: var(--pr-caption);
}

.single-post__content .wp-block-image img,
.single-post__content .wp-block-embed {
  border-radius: var(--pr-radius);
  overflow: hidden;
}

.single-post__footer {
  margin-top: var(--space-7);
  padding-top: var(--space-5);
  border-top: var(--pr-hairline);
}

.single-post__tags {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  margin-bottom: var(--space-4);
  font-size: var(--pr-small);
}

.single-post__tags a {
  color: var(--pr-orange-deep);
  text-decoration: none;
}

.single-post__share {
  display: flex;
  align-items: center;
  gap: var(--space-4);
}

.single-post__share-label {
  color: var(--pr-text-meta);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.single-post__share .pixel-share-buttons {
  margin: 0;
}

.single-post__related {
  margin-top: var(--space-9);
  padding-block: var(--space-8);
}

.single-post__related-title {
  margin: 0 0 var(--space-5);
  font-size: var(--pr-h2);
}

@media (max-width: 767px) {
  .single-post__hero {
    height: 220px;
    margin-bottom: var(--space-5);
  }
  .single-post__title {
    font-size: 28px;
  }
}
/* ============================================================
   Пошук 2i (колонка 840 · форма · чипси-лічильники · результати)
   та 404 2j. Лише токени.
   ============================================================ */
.search-page {
  max-width: 840px;
}

.search-page__title {
  margin: 0 0 var(--space-5);
  font-size: 34px;
  line-height: 1.15;
}

.search-page__query {
  color: var(--pr-text-body);
}

/* Форма: поле в рамці 1.5px ink + primary */
.search-form {
  display: flex;
  gap: var(--space-3);
  margin: 0;
}

.search-form__field {
  flex: 1 1 220px;
  min-width: 0;
  height: 48px;
  padding: 0 var(--space-4);
  border: 1.5px solid var(--pr-text);
  border-radius: var(--pr-radius);
  background: var(--pr-bg);
  color: var(--pr-text);
  font: inherit;
  font-size: var(--pr-body);
}

.search-form__field::-moz-placeholder {
  color: var(--pr-stone);
}

.search-form__field::placeholder {
  color: var(--pr-stone);
}

.search-form__submit {
  height: 48px;
  padding-inline: var(--space-5);
  white-space: nowrap;
}

.search-chips {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  margin-top: var(--space-5);
}

.search-chips__item {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  height: 30px;
  padding: 0 var(--space-3);
  border-radius: var(--pr-radius-chip);
  background: var(--pr-media-bg);
  color: var(--pr-text);
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
  transition: background var(--t-fast), color var(--t-fast);
}

.search-chips__item:hover {
  background: var(--pr-orange-tint);
  color: var(--pr-orange-deep);
}

.search-chips__item.is-active {
  background: var(--pr-text);
  color: #fff;
}

.search-chips__count {
  font-weight: 400;
  opacity: 0.7;
}

.search-results {
  list-style: none;
  margin: var(--space-6) 0 0;
  padding: 0;
}

.search-result {
  padding: var(--space-5) 0;
  border-bottom: var(--pr-hairline);
}

.search-result__meta {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  margin: 0 0 var(--space-2);
  color: var(--pr-text-meta);
  font-size: var(--pr-caption);
}

.search-result__title {
  margin: 0 0 var(--space-2);
  font-family: var(--font-pr-sans);
  font-weight: 700;
  font-size: var(--pr-h4);
  line-height: 1.35;
  letter-spacing: 0;
}

.search-result__title a {
  color: var(--pr-text);
  text-decoration: none;
}

.search-result__title a:hover {
  color: var(--pr-orange-deep);
}

.search-result__excerpt {
  margin: 0;
  color: var(--pr-text-body);
  font-size: 14px;
  line-height: 1.55;
}

.search-hit {
  background: rgba(250, 170, 50, 0.25);
  color: inherit;
  border-radius: 2px;
  padding: 0 1px;
}

.search-page__empty {
  margin-top: var(--space-6);
  color: var(--pr-text-body);
  max-width: 60ch;
}

.search-page__empty p {
  margin: 0;
}

.search-page .blog-pagination .nav-links {
  justify-content: flex-start;
}

@media (max-width: 600px) {
  .search-form {
    flex-wrap: wrap;
  }
  .search-form__submit {
    width: 100%;
  }
}
/* ---------- 404 ---------- */
.error-404 {
  max-width: 640px;
  margin-inline: auto;
  padding-block: var(--space-8);
  text-align: center;
}

.error-404__code {
  margin: 0;
  font-family: var(--font-pr-heading);
  font-weight: 900;
  font-size: 120px;
  line-height: 1;
  letter-spacing: -0.03em;
  color: var(--pr-text);
}

.error-404__title {
  margin: var(--space-3) 0 var(--space-3);
  font-size: 28px;
}

.error-404__note {
  margin: 0 auto var(--space-6);
  max-width: 44ch;
  color: var(--pr-text-body);
}

.error-404__search {
  max-width: 520px;
  margin-inline: auto;
}

.error-404__links {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: var(--space-5);
  margin-top: var(--space-6);
}

.error-404__links a {
  color: var(--pr-orange-deep);
  font-weight: 700;
  text-decoration: none;
}

.error-404__links a:hover {
  text-decoration: underline;
}

@media (max-width: 600px) {
  .error-404__code {
    font-size: 80px;
  }
  .error-404__title {
    font-size: 22px;
  }
}
/* ============================================================
   Події 2h (TEC v2, оверрайди tribe/events/v2/): H1 · сегмент-контрол ·
   рядки grid 120/136/1fr/auto · парні рядки soft · минулі — аккордеон.
   Лише токени. Ядрові стилі TEC лишаються для month view.
   ============================================================ */
.tribe-events .pr-events-header {
  margin-bottom: var(--space-6);
}

.pr-events-header__title {
  margin: 0 0 var(--space-5);
  font-size: var(--pr-h1);
}

.pr-events-header__bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--space-4);
}

/* Сегмент-контрол */
.pr-events-switch {
  display: inline-flex;
  padding: 3px;
  border: 1.5px solid var(--pr-text);
  border-radius: var(--pr-radius);
  background: var(--pr-bg);
}

.pr-events-switch__item {
  display: inline-flex;
  align-items: center;
  height: 32px;
  padding: 0 var(--space-4);
  border-radius: 4px;
  color: var(--pr-text);
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  transition: background var(--t-fast), color var(--t-fast);
}

.pr-events-switch__item:hover {
  background: var(--pr-media-bg);
  color: var(--pr-text);
}

.pr-events-switch__item.is-active {
  background: var(--pr-text);
  color: #fff;
}

/* Список */
.pr-events-list {
  list-style: none;
  margin: 0;
  padding: 0;
  border: var(--pr-hairline);
  border-radius: var(--pr-radius);
  overflow: hidden;
}

.pr-events-month {
  padding: var(--space-3) var(--space-5);
  background: var(--pr-bg);
  color: var(--pr-text-meta);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  border-bottom: var(--pr-hairline);
}

.pr-event-row {
  display: grid;
  grid-template-columns: 120px 136px minmax(0, 1fr) auto;
  gap: var(--space-5);
  align-items: center;
  padding: var(--space-4) var(--space-5);
  border-bottom: var(--pr-hairline);
  background: var(--pr-bg);
}

.pr-event-row:last-child {
  border-bottom: 0;
}

.pr-events-list > .pr-event-row:nth-of-type(even) {
  background: var(--pr-bg-soft);
}

.pr-event-row__date {
  line-height: 1;
}

.pr-event-row__day {
  display: block;
  font-family: var(--font-pr-heading);
  font-weight: 900;
  font-size: 34px;
  letter-spacing: -0.02em;
  color: var(--pr-text);
}

.pr-event-row__month {
  display: block;
  margin-top: var(--space-1);
  color: var(--pr-stone);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.pr-event-row__media {
  display: block;
  width: 136px;
  height: 84px;
  border-radius: var(--pr-radius);
  background: var(--pr-media-bg);
  overflow: hidden;
}

.pr-event-row__img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}

.pr-event-row__title {
  margin: 0 0 var(--space-1);
  font-family: var(--font-pr-sans);
  font-weight: 700;
  font-size: var(--pr-h3);
  line-height: 1.3;
  letter-spacing: 0;
}

.pr-event-row__title a {
  color: var(--pr-text);
  text-decoration: none;
}

.pr-event-row__title a:hover {
  color: var(--pr-orange-deep);
}

.pr-event-row__meta {
  margin: 0;
  color: var(--pr-text-meta);
  font-size: var(--pr-small);
}

.pr-event-row__cta .pr-btn-primary,
.pr-event-row__cta .pr-btn-secondary {
  white-space: nowrap;
}

/* Минулі */
.pr-events-past {
  margin-top: var(--space-6);
}

.pr-events-past__toggle {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  cursor: pointer;
  list-style: none;
  color: var(--pr-text);
  font-weight: 700;
  font-size: 15px;
}

.pr-events-past__toggle::-webkit-details-marker {
  display: none;
}

.pr-events-past__caret {
  transition: transform var(--t-fast);
}

.pr-events-past[open] .pr-events-past__caret {
  transform: rotate(180deg);
}

.pr-events-past .pr-events-list {
  margin-top: var(--space-4);
}

.pr-events-list--past .pr-event-row__cta {
  display: none;
}

@media (max-width: 860px) {
  .pr-event-row {
    grid-template-columns: 64px minmax(0, 1fr);
    gap: var(--space-3) var(--space-4);
  }
  .pr-event-row__media {
    display: none;
  }
  .pr-event-row__cta {
    grid-column: 2;
    justify-self: start;
  }
  .pr-event-row__day {
    font-size: 28px;
  }
}
/* ---- Перебиваємо каскад TEC (.tribe-common / .tribe-events) ---- */
.tribe-events .pr-events-header {
  display: block;
  margin: 0 0 var(--space-6);
}

.tribe-events .pr-events-header__title {
  margin: 0 0 var(--space-5);
  font-family: var(--font-pr-heading);
  font-size: var(--pr-h1);
  line-height: 1.05;
  text-align: left;
}

.tribe-events .pr-events-switch {
  display: inline-flex;
  padding: 3px;
  border: 1.5px solid var(--pr-text);
  border-radius: var(--pr-radius);
  background: var(--pr-bg);
  gap: 2px;
}

.tribe-events .pr-events-switch__item {
  display: inline-flex;
  align-items: center;
  height: 32px;
  padding: 0 var(--space-4);
  border-radius: 4px;
  background: transparent;
  color: var(--pr-text);
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  border-bottom: 0;
}

.tribe-events .pr-events-switch__item.is-active {
  background: var(--pr-text);
  color: #fff;
}

.tribe-common .pr-event-row__cta .pr-btn-primary,
.tribe-common .pr-event-row__cta .pr-btn-secondary,
.tribe-common .pr-btn-primary,
.tribe-common .pr-btn-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  padding: 0 var(--space-4);
  border-radius: var(--pr-radius);
  font-family: var(--font-pr-sans);
  font-weight: 700;
  font-size: 14px;
  line-height: 1;
  text-decoration: none;
  border-bottom: 0;
  background-clip: padding-box;
}

.tribe-common .pr-btn-primary {
  background: var(--pr-gradient-brand);
  color: #fff;
  border: 0;
}

.tribe-common .pr-btn-primary:hover {
  background: var(--pr-gradient-brand-hover);
  color: #fff;
}

.tribe-common .pr-btn-secondary {
  background: var(--pr-bg);
  color: var(--pr-text);
  border: 1.5px solid var(--pr-orange);
}

.tribe-common .pr-btn-secondary:hover {
  background: var(--pr-orange);
  color: #fff;
}

.tribe-events .pr-event-row__title a,
.tribe-events .pr-events-past__toggle {
  border-bottom: 0;
}

.tribe-events .pr-events-list {
  margin-top: var(--space-2);
}

.tribe-events .pr-events-month {
  line-height: 1.4;
}

.tribe-events .pr-events-past {
  margin-top: var(--space-6);
}

/* Навігація списку та ical — стримано, токенами */
.tribe-events .tribe-events-c-nav__prev,
.tribe-events .tribe-events-c-nav__next {
  color: var(--pr-text);
  font-weight: 700;
}

.tribe-events .tribe-events-c-subscribe-dropdown__button {
  border-color: var(--pr-text);
  color: var(--pr-text);
}

.tribe-events .tribe-events-c-subscribe-dropdown__button-text {
  color: var(--pr-text);
}

/* ============================================================
   Головна (Трек H): hero · картки аудиторій (custom-elements §1) ·
   контент · портфоліо · новини. Чергування білий/soft. Лише токени.
   ============================================================ */
.front-hero {
  padding-block: var(--space-9) var(--space-8);
}

.front-hero__inner {
  max-width: calc(880px + 2 * var(--pr-gutter));
}

.front-hero__title {
  margin: 0 0 var(--space-4);
  font-size: var(--pr-display);
  line-height: var(--pr-lh-display);
  letter-spacing: var(--pr-tracking-display);
}

.front-hero__lead {
  margin: 0 0 var(--space-6);
  max-width: 62ch;
  color: var(--pr-text-body);
  font-size: var(--pr-body-lg);
  line-height: 1.6;
}

.front-hero__cta {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
}

.front-audiences,
.front-portfolio,
.front-news,
.front-content {
  padding-block: var(--space-8);
}

.audience-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.audience-card {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  padding: 20px 18px;
}

.audience-card__icon {
  font-size: 36px;
  line-height: 1;
}

.audience-card__title {
  margin: 0;
  font-family: var(--font-pr-sans);
  font-weight: 700;
  font-size: var(--pr-h4);
  line-height: 1.3;
  letter-spacing: 0;
}

.audience-card__text {
  margin: 0;
  color: var(--pr-text-body);
  font-size: var(--pr-small);
  line-height: 1.5;
}

.audience-card__more {
  margin-top: auto;
  color: var(--pr-orange);
  font-size: var(--pr-small);
  font-weight: 700;
  text-decoration: none;
}

.audience-card__more:hover {
  color: var(--pr-orange-deep);
}

.front-section__head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--space-4);
  margin-bottom: var(--space-5);
}

.front-section__title {
  margin: 0;
  font-size: var(--pr-h2);
}

.front-section__more {
  color: var(--pr-orange-deep);
  font-weight: 700;
  font-size: 14px;
  text-decoration: none;
}

.front-section__more:hover {
  text-decoration: underline;
}

/* Контент старої головної: спейсери — стриманіші, alignfull у межах */
.front-content .wp-block-spacer {
  max-height: 48px;
}

.front-content .entry-content > .alignfull {
  width: auto;
  max-width: none;
  margin-inline: 0;
  left: auto;
  transform: none;
}

@media (max-width: 1200px) {
  .audience-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 767px) {
  .front-hero {
    padding-block: var(--space-7) var(--space-6);
  }
  .front-hero__title {
    font-size: 34px;
  }
  .audience-grid {
    grid-template-columns: 1fr;
  }
  .front-section__head {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-2);
  }
}
/* Заголовки старого контенту мали інлайн 50–70px під широкі секції Kalium —
   у колонках рвуть слова. Обмежуємо (інлайн б'ється лише !important). */
.front-content .entry-content h1,
.front-content .entry-content h2 {
  font-size: clamp(24px, 2.6vw, 36px) !important;
  line-height: 1.15 !important;
}

.front-content .entry-content h3 {
  font-size: clamp(20px, 2vw, 26px) !important;
}

.front-content .entry-content .wp-block-columns {
  align-items: center;
}

/* ============================================================
   Лендинг «Козацькі хрести» 2b — скоуп .is-crosses-landing.
   Лише ink/stone: без градієнтів і оранжевого (у т.ч. CTA хедера).
   ============================================================ */
.is-crosses-landing {
  /* CTA хедера — контурна ink замість градієнта */
}
.is-crosses-landing .site-header .pr-btn-primary,
.is-crosses-landing .site-header .pr-btn-primary:hover {
  background: transparent;
  color: var(--pr-text);
  border: 1.5px solid var(--pr-text);
}
.is-crosses-landing .site-header .pr-btn-primary:hover {
  background: var(--pr-text);
  color: #fff;
}
.is-crosses-landing .landing-section {
  padding-block: var(--space-8);
}
.is-crosses-landing .landing-section + .landing-section {
  border-top: var(--pr-hairline);
}
.is-crosses-landing .landing-section--soft {
  background: var(--pr-bg-soft);
}
.is-crosses-landing .landing-h2 {
  margin: 0 0 var(--space-4);
  font-size: 30px;
  line-height: 1.1;
}
.is-crosses-landing .landing-h3 {
  margin: 0 0 var(--space-2);
  font-family: var(--font-pr-sans);
  font-weight: 700;
  font-size: var(--pr-h3);
  letter-spacing: 0;
}
.is-crosses-landing .landing-kicker {
  margin: 0 0 var(--space-3);
  color: var(--pr-text-meta);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.is-crosses-landing .landing-note {
  margin: 0 0 var(--space-5);
  color: var(--pr-text-meta);
  font-size: var(--pr-small);
  max-width: 70ch;
}
.is-crosses-landing .landing-head {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: var(--space-4);
}
.is-crosses-landing .landing-more {
  color: var(--pr-text);
  font-weight: 700;
  font-size: 14px;
  text-decoration: none;
}
.is-crosses-landing .landing-more:hover {
  text-decoration: underline;
}
.is-crosses-landing {
  /* Контурні кнопки */
}
.is-crosses-landing .landing-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  height: 44px;
  padding: 0 var(--space-5);
  border: 1.5px solid rgba(28, 26, 23, 0.25);
  border-radius: var(--pr-radius);
  background: transparent;
  color: var(--pr-text-body);
  font-weight: 700;
  font-size: 14px;
  text-decoration: none;
  transition: background var(--t-fast), color var(--t-fast), border-color var(--t-fast);
}
.is-crosses-landing .landing-btn:hover {
  border-color: var(--pr-text);
  color: var(--pr-text);
}
.is-crosses-landing .landing-btn--accent {
  border-color: var(--pr-text);
  color: var(--pr-text);
}
.is-crosses-landing .landing-btn--accent:hover {
  background: var(--pr-text);
  color: #fff;
}
.is-crosses-landing .landing-btn--small {
  height: 34px;
  padding: 0 var(--space-4);
  font-size: 13px;
}
.is-crosses-landing {
  /* Hero */
}
.is-crosses-landing .landing-hero {
  padding-block: var(--space-8) var(--space-7);
}
.is-crosses-landing .landing-hero__grid {
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  gap: var(--space-8);
  align-items: center;
}
.is-crosses-landing .landing-hero__title {
  margin: 0 0 var(--space-4);
  font-size: 50px;
  line-height: 1.02;
  letter-spacing: -0.02em;
}
.is-crosses-landing .landing-hero__lead {
  margin: 0 0 var(--space-6);
  max-width: 46ch;
  color: var(--pr-text-body);
  font-size: var(--pr-body-lg);
  line-height: 1.55;
}
.is-crosses-landing .landing-hero__cta {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
}
.is-crosses-landing .landing-hero__map {
  position: relative;
  display: block;
  aspect-ratio: 5/3;
  border-radius: var(--pr-radius);
  background: var(--pr-media-bg);
  overflow: hidden;
}
.is-crosses-landing .landing-pin {
  position: absolute;
  left: var(--x);
  top: var(--y);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: var(--pr-text);
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  transform: translate(-50%, -50%);
}
.is-crosses-landing .landing-hero__popup {
  position: absolute;
  right: 24px;
  bottom: 24px;
  display: grid;
  gap: 4px;
  width: 180px;
  padding: 12px;
  border: var(--pr-hairline);
  border-radius: var(--pr-radius);
  background: #fff;
  color: var(--pr-text);
}
.is-crosses-landing .landing-hero__popup-media {
  display: block;
  height: 70px;
  border-radius: 4px;
  background: var(--pr-media-bg);
}
.is-crosses-landing .landing-hero__popup-title {
  font-size: 13px;
  font-weight: 700;
}
.is-crosses-landing .landing-hero__popup-meta {
  color: var(--pr-text-meta);
  font-size: 11px;
}
.is-crosses-landing {
  /* Якорна строка (не липка) */
}
.is-crosses-landing .landing-anchors {
  border-top: var(--pr-hairline);
  border-bottom: var(--pr-hairline);
  background: var(--pr-bg);
}
.is-crosses-landing .landing-anchors__inner {
  display: flex;
  align-items: center;
  gap: var(--space-5);
  height: 54px;
  overflow-x: auto;
  white-space: nowrap;
  scrollbar-width: none;
  /* Смуга тягнеться на всю ширину, вміст лишається в контейнері —
     тому ті самі обмеження, що й у .pr-container. */
  width: 100%;
  max-width: var(--pr-content);
  margin-inline: auto;
  padding-inline: var(--pr-gutter);
}
.is-crosses-landing {
  /* Шапка і якірна строка стоять по лівій межі контейнера, як блоки секцій.
     У .pr-container поле `padding-inline` входить всередину 1200px
     (border-box), тому його вміст стояв на 72px правіше межі, по якій
     стоїть контент секцій. Знімаємо поле тільки там, де контейнер уже
     вперся в 1200px: нижче воно єдине, що тримає відступ від краю вікна
     (блоки секцій там і так притиснуті до краю — окрема, давніша хиба).
     Скоуп — лише лендинг: та сама шапка обслуговує музей і хрести. */
}
@media (min-width: 1200px) {
  .is-crosses-landing .pr-container,
  .is-crosses-landing .landing-anchors__inner {
    padding-inline: 0;
  }
}
.is-crosses-landing .landing-anchors__inner::-webkit-scrollbar {
  display: none;
}
.is-crosses-landing .landing-anchors__brand {
  padding-right: var(--space-4);
  border-right: var(--pr-hairline);
  font-weight: 700;
  font-size: 14px;
}
.is-crosses-landing .landing-anchors__link {
  color: var(--pr-text);
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
}
.is-crosses-landing .landing-anchors__link:hover {
  color: var(--pr-text-body);
}
.is-crosses-landing {
  /* Про проєкт */
}
.is-crosses-landing .landing-about {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: var(--space-8);
}
.is-crosses-landing .landing-about__text p {
  margin: 0;
  color: var(--pr-text-body);
  font-size: var(--pr-body-lg);
  line-height: 1.6;
}
.is-crosses-landing .landing-kpi {
  margin: 0;
  display: grid;
  gap: var(--space-4);
}
.is-crosses-landing .landing-kpi__item {
  padding-left: var(--space-4);
  border-left: 3px solid var(--pr-text);
}
.is-crosses-landing .landing-kpi__value {
  font-family: var(--font-pr-heading);
  font-weight: 900;
  font-size: 30px;
  line-height: 1;
}
.is-crosses-landing .landing-kpi__label {
  margin: 4px 0 0;
  margin-inline-start: 0;
  color: var(--pr-text-meta);
  font-size: 13px;
}
.is-crosses-landing .landing-kpi__target {
  display: inline-block;
  margin-left: 6px;
  padding: 1px 6px;
  border: var(--pr-hairline);
  border-radius: 4px;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}
.is-crosses-landing {
  /* Платформа. Флекс переехал с контейнера на строку вкладок: в блоке
     .landing-tabs — обёртка (строка + панели), а не сам список. */
}
.is-crosses-landing .landing-tabs__list {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  margin: 0 0 var(--space-5);
  padding: 0;
  list-style: none;
}
.is-crosses-landing .landing-tabs__link {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  height: 32px;
  padding: 0 var(--space-3);
  border: 1.5px solid var(--pr-text);
  border-radius: var(--pr-radius-chip);
  color: var(--pr-text);
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
}
.is-crosses-landing .landing-tabs__link.is-active, .is-crosses-landing .landing-tabs__link:hover {
  background: var(--pr-text);
  color: #fff;
}
.is-crosses-landing .landing-platform {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-6);
  align-items: stretch;
}
.is-crosses-landing .landing-platform__text {
  margin: 0;
  color: var(--pr-text-body);
  line-height: 1.6;
}
.is-crosses-landing .landing-media-panel {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 220px;
  border-radius: var(--pr-radius);
  background: var(--pr-media-bg);
  color: var(--pr-text-meta);
  font-size: var(--pr-small);
}
.is-crosses-landing {
  /* Мапа → список */
}
.is-crosses-landing .landing-crosses {
  margin: 0;
  padding: 0;
  list-style: none;
  border: var(--pr-hairline);
  border-radius: var(--pr-radius);
  overflow: hidden;
  -moz-columns: 2;
       columns: 2;
  -moz-column-gap: 0;
       column-gap: 0;
}
.is-crosses-landing .landing-crosses__item {
  display: grid;
  grid-template-columns: 40px 1fr auto;
  gap: var(--space-3);
  align-items: center;
  padding: 10px var(--space-4);
  border-bottom: var(--pr-hairline);
  -moz-column-break-inside: avoid;
       break-inside: avoid;
}
.is-crosses-landing .landing-crosses__num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: var(--pr-text);
  color: #fff;
  font-size: 11px;
  font-weight: 700;
}
.is-crosses-landing .landing-crosses__title {
  color: var(--pr-text);
  font-weight: 700;
  font-size: 14px;
  text-decoration: none;
}
.is-crosses-landing .landing-crosses__title:hover {
  text-decoration: underline;
}
.is-crosses-landing .landing-crosses__meta {
  color: var(--pr-text-meta);
  font-size: 12px;
  white-space: nowrap;
}
.is-crosses-landing {
  /* Події */
}
.is-crosses-landing .landing-events {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-5);
}
.is-crosses-landing .landing-event {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  padding: var(--space-4);
  border: var(--pr-hairline);
  border-radius: var(--pr-radius);
  background: #fff;
}
.is-crosses-landing .landing-event__media {
  display: block;
  height: 130px;
  border-radius: 4px;
  background: var(--pr-media-bg);
  overflow: hidden;
}
.is-crosses-landing .landing-event__media img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.is-crosses-landing .landing-event__meta {
  margin: 0;
  color: var(--pr-text-meta);
  font-size: 12px;
}
.is-crosses-landing .landing-event__title {
  margin: 0;
  font-family: var(--font-pr-sans);
  font-weight: 700;
  font-size: 16px;
  letter-spacing: 0;
}
.is-crosses-landing .landing-event__title a {
  color: var(--pr-text);
  text-decoration: none;
}
.is-crosses-landing .landing-event .landing-btn {
  margin-top: auto;
  align-self: flex-start;
}
.is-crosses-landing {
  /* Open-call */
}
.is-crosses-landing .landing-oc {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-5);
}
.is-crosses-landing .landing-oc__card {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  padding: var(--space-5);
  border: var(--pr-hairline);
  border-radius: var(--pr-radius);
}
.is-crosses-landing .landing-oc__card p {
  margin: 0;
  color: var(--pr-text-body);
  font-size: var(--pr-small);
}
.is-crosses-landing .landing-oc__card .landing-btn {
  margin-top: var(--space-3);
  align-self: flex-start;
}
.is-crosses-landing .landing-oc__card--accent {
  box-shadow: inset 0 3px 0 0 var(--pr-text);
}
.is-crosses-landing {
  /* Медіа */
}
.is-crosses-landing .landing-mediagrid {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: var(--space-5);
  margin-bottom: var(--space-5);
}
.is-crosses-landing .landing-video {
  border-radius: var(--pr-radius);
  overflow: hidden;
}
.is-crosses-landing .landing-video--placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 16/9;
  background: var(--pr-text);
}
.is-crosses-landing .landing-video__play {
  position: relative;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: #fff;
}
.is-crosses-landing .landing-video__play::after {
  content: "";
  position: absolute;
  left: 22px;
  top: 18px;
  border-style: solid;
  border-width: 10px 0 10px 16px;
  border-color: transparent transparent transparent var(--pr-text);
}
.is-crosses-landing .landing-webinars ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: var(--space-2);
}
.is-crosses-landing .landing-webinars li {
  padding: 10px var(--space-3);
  border: var(--pr-hairline);
  border-radius: var(--pr-radius);
  font-size: 13px;
  font-weight: 700;
}
.is-crosses-landing .landing-materials {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--space-3);
}
.is-crosses-landing .landing-materials__item {
  display: flex;
  align-items: flex-end;
  min-height: 120px;
  padding: var(--space-3);
  border-radius: var(--pr-radius);
  background: var(--pr-media-bg);
  font-size: 12px;
  font-weight: 700;
}
.is-crosses-landing {
  /* Команда */
}
.is-crosses-landing .landing-team {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--space-4);
}
.is-crosses-landing .landing-team__member {
  display: grid;
  gap: 4px;
}
.is-crosses-landing .landing-team__photo {
  display: block;
  height: 220px;
  border-radius: var(--pr-radius);
  background: var(--pr-media-bg);
}
.is-crosses-landing .landing-team__name {
  font-weight: 700;
  font-size: 14px;
}
.is-crosses-landing .landing-team__role {
  color: var(--pr-text-meta);
  font-size: 12px;
}
.is-crosses-landing {
  /* Партнери */
}
.is-crosses-landing .landing-partners {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-4);
}
.is-crosses-landing .landing-partners__logo {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 150px;
  height: 56px;
  border-radius: 4px;
  background: var(--pr-media-bg);
  color: var(--pr-text-body);
  font-size: 12px;
  font-weight: 700;
  filter: grayscale(1);
  transition: filter var(--t-fast);
}
.is-crosses-landing .landing-partners__logo:hover {
  filter: none;
}
.is-crosses-landing {
  /* Полоса УКФ */
}
.is-crosses-landing .landing-ukf {
  background: var(--pr-text);
  color: #fff;
}
.is-crosses-landing .landing-ukf__inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--space-4);
  padding-block: var(--space-4);
  font-size: 13px;
}
.is-crosses-landing .landing-ukf__brand {
  font-weight: 700;
}
.is-crosses-landing {
  /* ==========================================================
     Блок pixel/map: канва, каталог, пины, попап, оверлей.
     Состояния переключает JS классами is-map-ready / is-list-open /
     is-tile-error — CSS сам ничего не прячет «по факту наличия JS».
     ========================================================== */
}
.is-crosses-landing .landing-map__canvas {
  border: var(--pr-hairline);
}
.is-crosses-landing .landing-map__note {
  margin: 0 0 var(--space-4);
  color: var(--pr-text-meta);
  font-size: var(--pr-small);
}
.is-crosses-landing .landing-map__status {
  margin: var(--space-3) 0 0;
  color: var(--pr-text-meta);
  font-size: var(--pr-small);
}
.is-crosses-landing .landing-map__list {
  border: var(--pr-hairline);
  border-radius: var(--pr-radius);
  overflow: hidden;
  -moz-columns: 2;
       columns: 2;
  -moz-column-gap: 0;
       column-gap: 0;
}
.is-crosses-landing .landing-map__item {
  display: grid;
  grid-template-columns: 40px 1fr auto;
  gap: var(--space-3);
  align-items: center;
  padding: 10px var(--space-4);
  border-bottom: var(--pr-hairline);
  -moz-column-break-inside: avoid;
       break-inside: avoid;
}
.is-crosses-landing .landing-map__num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: var(--pr-text);
  color: #fff;
  font-size: 11px;
  font-weight: 700;
}
.is-crosses-landing .landing-map__title {
  color: var(--pr-text);
  font-weight: 700;
  font-size: 14px;
  text-decoration: none;
}
.is-crosses-landing .landing-map__title:hover {
  text-decoration: underline;
}
.is-crosses-landing .landing-map__lang {
  color: var(--pr-text-meta);
  font-size: 11px;
  font-style: italic;
}
.is-crosses-landing .landing-map__meta {
  display: inline-flex;
  gap: var(--space-2);
  align-items: baseline;
  color: var(--pr-text-meta);
  font-size: 12px;
  white-space: nowrap;
}
.is-crosses-landing .landing-map__card {
  color: var(--pr-text);
  font-weight: 700;
  text-decoration: none;
}
.is-crosses-landing .landing-map__card:hover {
  text-decoration: underline;
}
.is-crosses-landing .landing-map__toggle,
.is-crosses-landing .landing-map__expand,
.is-crosses-landing .landing-map-overlay__close {
  height: 34px;
  padding: 0 var(--space-4);
  border: 1.5px solid var(--pr-text);
  border-radius: var(--pr-radius);
  background: #fff;
  color: var(--pr-text);
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
}
.is-crosses-landing .landing-map__toggle:hover,
.is-crosses-landing .landing-map__expand:hover,
.is-crosses-landing .landing-map-overlay__close:hover {
  background: var(--pr-text);
  color: #fff;
}
.is-crosses-landing .landing-map__expand {
  position: absolute;
  right: var(--space-3);
  top: var(--space-3);
  z-index: 500;
}
.is-crosses-landing {
  /* Ink-пин 28px с номером — по спеке 2b */
}
.is-crosses-landing .landing-map__pin {
  border-radius: 50%;
  background: var(--pr-text);
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  box-shadow: 0 0 0 2px #fff;
}
.is-crosses-landing .marker-cluster {
  background: transparent;
}
.is-crosses-landing .marker-cluster div {
  width: 32px;
  height: 32px;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: var(--pr-text-body);
  color: #fff;
  font-family: var(--font-pr-sans);
  font-size: 12px;
  font-weight: 700;
  box-shadow: 0 0 0 3px rgba(84, 80, 74, 0.25);
}
.is-crosses-landing .landing-map__popup {
  min-width: 180px;
}
.is-crosses-landing .landing-map__popup-title {
  color: var(--pr-text);
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
}
.is-crosses-landing .landing-map__popup-meta {
  margin: 0;
  color: var(--pr-text-meta);
  font-size: 11px;
}
.is-crosses-landing .landing-map__popup-cta {
  color: var(--pr-text);
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
  border-bottom: 1.5px solid var(--pr-text);
  align-self: flex-start;
}
.is-crosses-landing .leaflet-popup-content-wrapper {
  border-radius: var(--pr-radius);
}
.is-crosses-landing {
  /* ==========================================================
     Стили ядровых блоков (register_block_style) — секции лендинга
     собираются core-блоками, вид даёт тема.
     ========================================================== */
}
.is-crosses-landing .is-style-landing-hero {
  align-items: center;
  gap: var(--space-8);
}
.is-crosses-landing .is-style-landing-hero .wp-block-column:last-child img,
.is-crosses-landing .is-style-landing-hero-preview img {
  width: 100%;
  aspect-ratio: 5/3;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: var(--pr-radius);
  background: var(--pr-media-bg);
}
.is-crosses-landing .is-style-landing-oc-card {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  padding: var(--space-5);
  border: var(--pr-hairline);
  border-radius: var(--pr-radius);
}
.is-crosses-landing .is-style-landing-oc-card--accent, .is-crosses-landing .is-style-landing-oc-card-accent {
  box-shadow: inset 0 3px 0 0 var(--pr-text);
}
.is-crosses-landing .is-style-landing-oc-card p {
  margin: 0;
  color: var(--pr-text-body);
  font-size: var(--pr-small);
}
.is-crosses-landing .is-style-landing-partners .wp-block-image img {
  width: 150px;
  height: 56px;
  -o-object-fit: contain;
     object-fit: contain;
  background: var(--pr-media-bg);
  border-radius: 4px;
  filter: grayscale(1);
  transition: filter var(--t-fast);
}
.is-crosses-landing .is-style-landing-partners .wp-block-image img:hover {
  filter: none;
}
.is-crosses-landing .is-style-landing-materials figcaption {
  color: var(--pr-text-body);
  font-size: 12px;
  font-weight: 700;
}
.is-crosses-landing .is-style-landing-materials img {
  width: 100%;
  aspect-ratio: 4/3;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: var(--pr-radius);
  background: var(--pr-media-bg);
}
.is-crosses-landing .is-style-landing-ukf {
  margin-top: var(--space-8);
  padding-block: var(--space-4);
  background: var(--pr-text);
  color: #fff;
}
.is-crosses-landing .is-style-landing-ukf p {
  margin: 0;
  font-size: 13px;
}
.is-crosses-landing .is-style-landing-ukf img {
  max-height: 32px;
  width: auto;
  filter: invert(1) brightness(2);
}
.is-crosses-landing {
  /* Експерти: 6-up на десктопе, ужимается по брейкпоинтам */
}
.is-crosses-landing .pixel-team[style*="--pixel-team-columns:6"] {
  gap: var(--space-4);
}
@media (max-width: 1200px) {
  .is-crosses-landing .pixel-team[style*="--pixel-team-columns:6"] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 700px) {
  .is-crosses-landing .pixel-team[style*="--pixel-team-columns:6"] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.is-crosses-landing {
  /* Заглушка контентной дыры: видно и редактору, и релизной проверке (grep ⛳) */
}
.is-crosses-landing .landing-hole {
  padding: var(--space-3) var(--space-4);
  border: 1px dashed var(--pr-stone);
  border-radius: var(--pr-radius);
  color: var(--pr-text-meta);
  font-size: var(--pr-small);
}
.is-crosses-landing {
  /* Лого-набор в шапке лендинга */
}
.is-crosses-landing .landing-logos {
  display: inline-flex;
  align-items: center;
  gap: var(--space-3);
}
.is-crosses-landing .landing-logos img {
  max-height: 28px;
  width: auto;
}
.is-crosses-landing .landing-logos__placeholder {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 150px;
  height: 56px;
  border-radius: 4px;
  background: var(--pr-media-bg);
  color: var(--pr-text-meta);
  font-size: 11px;
  font-weight: 700;
}
.is-crosses-landing {
  /* ==========================================================
     Секції як блоки: групи повної ширини з обмеженим вмістом.
     ========================================================== */
}
.is-crosses-landing .landing-section > .wp-block-group__inner-container,
.is-crosses-landing .landing-section > * {
  margin-inline: auto;
}
.is-crosses-landing .landing-section--hero {
  padding-block: var(--space-8) var(--space-7);
}
.is-crosses-landing .landing-section--hero + * {
  margin-top: 0;
}
.is-crosses-landing {
  /* Усі кнопки лендингу контурні (гама 2b) — стилюємо ядрову кнопку,
     щоб власник вставляв звичайний блок «Кнопка», а не згадував класи. */
}
.is-crosses-landing .wp-block-button__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  height: 44px;
  padding: 0 var(--space-5);
  border: 1.5px solid var(--pr-text);
  border-radius: var(--pr-radius);
  background: transparent;
  color: var(--pr-text);
  font-weight: 700;
  font-size: 14px;
  text-decoration: none;
  transition: background var(--t-fast), color var(--t-fast);
}
.is-crosses-landing .wp-block-button__link:hover {
  background: var(--pr-text);
  color: #fff;
}
.is-crosses-landing .wp-block-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
}
.is-crosses-landing {
  /* Плейсхолдер медіа замість порожнього блоку зображення */
}
.is-crosses-landing .landing-media-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 180px;
  padding: var(--space-4);
  border: 1px dashed var(--pr-stone);
  border-radius: var(--pr-radius);
  background: var(--pr-media-bg);
}
.is-crosses-landing .landing-media-placeholder p {
  margin: 0;
  color: var(--pr-text-meta);
  font-size: var(--pr-small);
  text-align: center;
}
.is-crosses-landing .landing-materials__caption {
  margin-top: var(--space-2);
  font-size: 12px;
  font-weight: 700;
}
.is-crosses-landing .landing-disclaimer {
  margin-top: var(--space-5);
  color: var(--pr-text-meta);
  font-size: 12px;
  line-height: 1.6;
  max-width: 90ch;
}
.is-crosses-landing .landing-experts-list {
  margin: var(--space-6) 0 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: var(--space-3);
}
.is-crosses-landing .landing-experts-list li {
  color: var(--pr-text-body);
  font-size: var(--pr-small);
  line-height: 1.55;
}
.is-crosses-landing {
  /* Форма всередині картки: summary виглядає й поводиться як контурна
     кнопка, вміст розкривається нативно — без JS. */
}
.is-crosses-landing .landing-oc__form {
  margin-top: var(--space-3);
}
.is-crosses-landing .landing-oc__form > summary {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 44px;
  padding: 0 var(--space-5);
  border: 1.5px solid var(--pr-text);
  border-radius: var(--pr-radius);
  color: var(--pr-text);
  font-weight: 700;
  font-size: 14px;
  cursor: pointer;
  list-style: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.is-crosses-landing .landing-oc__form > summary::-webkit-details-marker {
  display: none;
}
.is-crosses-landing .landing-oc__form > summary::after {
  content: "↓";
  font-size: 12px;
}
.is-crosses-landing .landing-oc__form[open] > summary::after {
  content: "↑";
}
.is-crosses-landing .landing-oc__form > summary:hover {
  background: var(--pr-text);
  color: #fff;
}
.is-crosses-landing .landing-oc__form > summary:focus-visible {
  outline: 2px solid var(--pr-text);
  outline-offset: 2px;
}
.is-crosses-landing .wpcf7 {
  margin-top: var(--space-4);
}
.is-crosses-landing .landing-form {
  margin-top: var(--space-6);
}
.is-crosses-landing {
  /* Рамку получают только поля ввода. `.wpcf7-acceptance` у CF7 — тоже
     form-control, и без исключения согласие оказывалось в рамке инпута,
     а галочка вылезала за неё. */
}
.is-crosses-landing .wpcf7-form-control:not(.wpcf7-acceptance):not(.wpcf7-submit) {
  width: 100%;
  padding: 10px var(--space-3);
  border: 1.5px solid rgba(28, 26, 23, 0.25);
  border-radius: var(--pr-radius);
  background: #fff;
  font: inherit;
  color: var(--pr-text);
}
.is-crosses-landing .wpcf7-form-control:not(.wpcf7-acceptance):not(.wpcf7-submit):focus {
  border-color: var(--pr-text);
  outline: none;
}
.is-crosses-landing textarea.wpcf7-form-control {
  min-height: 96px;
  max-height: 160px;
  resize: vertical;
}
.is-crosses-landing .wpcf7-submit {
  width: auto;
  height: 44px;
  padding: 0 var(--space-5);
  border: 1.5px solid var(--pr-text);
  border-radius: var(--pr-radius);
  background: transparent;
  color: var(--pr-text);
  font-weight: 700;
  font-size: 14px;
  cursor: pointer;
}
.is-crosses-landing .wpcf7-submit:hover {
  background: var(--pr-text);
  color: #fff;
}
.is-crosses-landing .wpcf7 label {
  display: block;
  margin-bottom: var(--space-4);
  color: var(--pr-text-body);
  font-size: 13px;
  font-weight: 700;
}
.is-crosses-landing .wpcf7 label br {
  display: none;
}
.is-crosses-landing .wpcf7-form-control-wrap {
  display: block;
  margin-top: 6px;
}
.is-crosses-landing {
  /* Согласие: строка «галочка + текст», без рамки, в гамме лендинга */
}
.is-crosses-landing .wpcf7-acceptance {
  border: 0;
  padding: 0;
}
.is-crosses-landing .wpcf7-acceptance .wpcf7-list-item {
  display: block;
  margin: 0;
}
.is-crosses-landing .wpcf7-acceptance label {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 10px;
  align-items: start;
  margin: 0;
  color: var(--pr-text-meta);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.5;
}
.is-crosses-landing .wpcf7-acceptance input[type=checkbox] {
  width: 16px;
  height: 16px;
  margin: 2px 0 0;
  accent-color: var(--pr-text);
}
.is-crosses-landing .wpcf7-acceptance a {
  color: var(--pr-text);
  text-decoration: underline;
  text-underline-offset: 2px;
}
.is-crosses-landing .wpcf7-acceptance a:hover {
  color: var(--pr-text-body);
}
.is-crosses-landing .wpcf7 .pr-req {
  color: var(--pr-text-meta);
}
.is-crosses-landing .wpcf7-response-output {
  margin: var(--space-4) 0 0;
  padding: 10px var(--space-3);
  border: 1.5px solid var(--pr-text);
  border-radius: var(--pr-radius);
  font-size: 13px;
}
.is-crosses-landing .wpcf7-not-valid-tip {
  margin-top: 4px;
  color: var(--pr-text);
  font-size: 12px;
  font-weight: 700;
}
.is-crosses-landing .landing-h3 {
  margin: 0 0 var(--space-3);
}
@media (max-width: 1200px) {
  .is-crosses-landing .landing-materials, .is-crosses-landing .landing-team {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 860px) {
  .is-crosses-landing .landing-hero__grid, .is-crosses-landing .landing-about, .is-crosses-landing .landing-platform, .is-crosses-landing .landing-oc, .is-crosses-landing .landing-mediagrid {
    grid-template-columns: 1fr;
  }
  .is-crosses-landing .landing-hero__title {
    font-size: 36px;
  }
  .is-crosses-landing .landing-events {
    grid-template-columns: 1fr;
  }
  .is-crosses-landing .landing-crosses, .is-crosses-landing .landing-map__list {
    -moz-columns: 1;
         columns: 1;
  }
  .is-crosses-landing .landing-anchors__inner {
    gap: var(--space-4);
  }
}

/* Музейний контур (MOUV + хрести) — останнім шаром, увесь у скоупі
   `body.is-mouv`. Порядок відтворює каскад прода: js_composer/Kalium →
   page-custom → TypoLab/theme options. */
/* ============================================================
   Музейний контур (MOUV + хрести) — раскладка блоків `mv-*`.

   Три згенеровані шари поруч (не правити руками):
     _mouv-kalium.scss      — правила Kalium/js_composer, які реально
                              застосувалися на еталонних сторінках;
     _mouv-typography.scss  — TypoLab + theme options + wp-custom;
     _mouv-page-custom.scss — 8 варіантів Kalium page-custom-css.
   Цей файл — рукописна частина: порт раскладки WPBakery на класи `mv-*`,
   які ставить конвертер, і точкові виправлення хрому.

   Геометрія звірена з еталоном (scripts/refshots/refmeasure.js):
   контейнер 1170 @1440 (x 135…1305), колонки з padding 15 у `.mv-col-inner`,
   `.wpb_content_element` → `.mv-el` margin-bottom 35, has-fill → padding-top 35.
   ============================================================ */
body.is-mouv {
  /* ---- нейтралізація стилів нової теми та ядра ------------------- */
  /* Хром 2a користується тими самими іменами класів, що й розмітка
     Kalium (`.site-header`, `.site-footer`, `.search-form`), тому в
     музейному контурі його оформлення знімається — вигляд задає
     `_mouv-kalium.scss`. */
}
body.is-mouv .site-header {
  background: none;
  border-bottom: 0;
  min-height: 0;
}
body.is-mouv .site-footer {
  margin-top: 0;
  padding-block: 0;
  border-top: 0;
  color: inherit;
}
body.is-mouv .search-form {
  display: block;
  gap: 0;
  border: 0;
  background: none;
  border-radius: 0;
  max-width: none;
}
body.is-mouv {
  /* theme.json: Arial Black / letter-spacing на заголовках, лінійка 1.6. */
}
body.is-mouv h1, body.is-mouv h2, body.is-mouv h3, body.is-mouv h4, body.is-mouv h5, body.is-mouv h6 {
  letter-spacing: normal;
}
body.is-mouv {
  /* Ядро додає блокам з фоном `padding:1.25em 2.375em` (`.has-background`).
     У WPBakery фон не додає відступів — знімаємо. Специфічність рівна
     правилам `.mv-*` нижче, тому ті, що йдуть далі, перекривають цей
     скид там, де відступ потрібен (`.mv-section--fill`, `.mv-col-inner`). */
}
body.is-mouv .has-background {
  padding: 0;
}
body.is-mouv {
  /* Ядро: власні відступи блоків контенту не потрібні — інтервали
     задають `.mv-el` і спейсери, як у WPBakery. */
}
body.is-mouv .wp-block-columns {
  margin-bottom: 0;
  gap: 0;
  align-items: normal;
}
body.is-mouv {
  /* Ядро розриває довгі слова в колонках (`word-break:break-word;
     overflow-wrap:break-word`), Kalium — ні: на 375px довгий заголовок
     на еталоні виходить за колонку й обрізається, а не переноситься
     по літерах (напр. «SHOVKUNENKO» на 11027). */
}
body.is-mouv .wp-block-column {
  min-width: 0;
  word-break: normal;
  overflow-wrap: normal;
}
body.is-mouv .wp-block-group,
body.is-mouv .wp-block-image,
body.is-mouv .wp-block-embed {
  margin-top: 0;
  margin-bottom: 0;
}
body.is-mouv .wp-block-image figcaption {
  margin-top: 0;
}
body.is-mouv {
  /* ---- секція = vc_section --------------------------------------- */
  /* Kalium загортає кожну не-повноширинну секцію та ряд у
     `.vc-row-container.container` (перевірено на еталоні html/9282.html);
     обгортку додає `pixelated_mouv_wrap_container()`. Тут лишаються
     від'ємні поля 15px, як у `.vc_section`/`.vc_row`. */
}
body.is-mouv .mv-section {
  position: relative;
  margin-left: -15px;
  margin-right: -15px;
}
body.is-mouv {
  /* Секція/ряд на всю ширину вьюпорта: базове значення до того, як
     відпрацює `stretch()` у mouv.js (порт vc_row[data-vc-full-width]). */
  /* Від'ємні поля −15px тут НЕ знімаються: js_composer міряє позицію
     елемента разом з ними (еталон дає `left:-135px` для ряду в контейнері
     1170 — тобто 150 − 15). Зсув і ширину виставляє `stretch()` у mouv.js. */
}
body.is-mouv .mv-full {
  position: relative;
  max-width: none;
  /* `.vc_row[data-vc-full-width]` / `.vc_section[data-vc-full-width]`. */
  overflow: hidden;
}
body.is-mouv {
  /* Kalium: `vc_row_inner.container-fixed` (усі вкладені ряди на сторінках,
     kalium-wpbakery.php:346) усередині stretch_row_content — центрований
     контейнер 750/970/1170 без полів (base.min.css); згенерований шар цілить у
     `.vc_inner`, якого в блочній розмітці немає — дублюємо під `.mv-row--inner`.
     Еталон 8580@375: вкладений ряд x=15 w=345 (без −15px). */
}
body.is-mouv .vc-container .vc-row-container--stretch-content .mv-row--inner.container-fixed {
  margin-right: auto;
  margin-left: auto;
  padding-left: 0;
  padding-right: 0;
}
body.is-mouv .vc-container .vc-row-container--stretch-content-no-spaces .mv-row--inner.container-fixed {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  body.is-mouv .vc-container .vc-row-container--stretch-content .mv-row--inner.container-fixed,
  body.is-mouv .vc-container .vc-row-container--stretch-content-no-spaces .mv-row--inner.container-fixed {
    width: 750px;
  }
}
@media (min-width: 992px) {
  body.is-mouv .vc-container .vc-row-container--stretch-content .mv-row--inner.container-fixed,
  body.is-mouv .vc-container .vc-row-container--stretch-content-no-spaces .mv-row--inner.container-fixed {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  body.is-mouv .vc-container .vc-row-container--stretch-content .mv-row--inner.container-fixed,
  body.is-mouv .vc-container .vc-row-container--stretch-content-no-spaces .mv-row--inner.container-fixed {
    width: 1170px;
  }
}
body.is-mouv .mv-section--fill {
  padding-top: 35px;
}
body.is-mouv .mv-section.mv-section--fill {
  padding-top: 35px;
}
body.is-mouv .mv-full-height {
  min-height: 100vh;
}
body.is-mouv {
  /* ---- ряд = vc_row ---------------------------------------------- */
}
body.is-mouv .mv-row {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  margin-left: -15px;
  margin-right: -15px;
  box-sizing: border-box;
}
body.is-mouv {
  /* Вкладений ряд (vc_row.vc_inner) і ряд усередині групи-ряду
     (`mv-row-box` > `mv-row--bare`): контейнера не мають. */
}
body.is-mouv .mv-row--bare {
  margin-left: 0;
  margin-right: 0;
}
body.is-mouv {
  /* Група-ряд з фоном: сама поводиться як ряд, тому flex вмикає
     вкладений `.mv-row--bare`, а не вона. */
}
body.is-mouv .mv-row-box {
  display: block;
}
body.is-mouv .mv-place-top {
  align-items: flex-start;
}
body.is-mouv .mv-place-middle {
  align-items: center;
}
body.is-mouv .mv-place-bottom {
  align-items: flex-end;
}
body.is-mouv .mv-place-stretch,
body.is-mouv .mv-equal-height {
  align-items: stretch;
}
body.is-mouv {
  /* `vc_row-flex`: WPBakery вмикає флекс-режим ряду, коли задано
     рівні висоти, вирівнювання колонок або повну висоту. Тоді
     `.vc_column_container` стає флекс-елементом, а `.vc_column-inner` —
     зростаючим флекс-елементом, який СТИСКАЄТЬСЯ під власні поля.
     Без цього `.mv-col-inner` лишався 100% ширини колонки і, наприклад,
     логотип у першому ряду сторінок міста не зменшувався (еталон 9615:
     inner 304px проти наших 390px). */
}
body.is-mouv .mv-full-height.mv-row > .mv-col, body.is-mouv .mv-full-height.mv-row-box > .mv-row--bare > .mv-col,
body.is-mouv .mv-equal-height.mv-row > .mv-col,
body.is-mouv .mv-equal-height.mv-row-box > .mv-row--bare > .mv-col,
body.is-mouv .mv-place-top.mv-row > .mv-col,
body.is-mouv .mv-place-top.mv-row-box > .mv-row--bare > .mv-col,
body.is-mouv .mv-place-middle.mv-row > .mv-col,
body.is-mouv .mv-place-middle.mv-row-box > .mv-row--bare > .mv-col,
body.is-mouv .mv-place-bottom.mv-row > .mv-col,
body.is-mouv .mv-place-bottom.mv-row-box > .mv-row--bare > .mv-col,
body.is-mouv .mv-place-stretch.mv-row > .mv-col,
body.is-mouv .mv-place-stretch.mv-row-box > .mv-row--bare > .mv-col,
body.is-mouv .mv-content-top.mv-row > .mv-col,
body.is-mouv .mv-content-top.mv-row-box > .mv-row--bare > .mv-col,
body.is-mouv .mv-content-middle.mv-row > .mv-col,
body.is-mouv .mv-content-middle.mv-row-box > .mv-row--bare > .mv-col,
body.is-mouv .mv-content-bottom.mv-row > .mv-col,
body.is-mouv .mv-content-bottom.mv-row-box > .mv-row--bare > .mv-col {
  display: flex;
}
body.is-mouv .mv-full-height.mv-row > .mv-col > .mv-col-inner, body.is-mouv .mv-full-height.mv-row-box > .mv-row--bare > .mv-col > .mv-col-inner,
body.is-mouv .mv-equal-height.mv-row > .mv-col > .mv-col-inner,
body.is-mouv .mv-equal-height.mv-row-box > .mv-row--bare > .mv-col > .mv-col-inner,
body.is-mouv .mv-place-top.mv-row > .mv-col > .mv-col-inner,
body.is-mouv .mv-place-top.mv-row-box > .mv-row--bare > .mv-col > .mv-col-inner,
body.is-mouv .mv-place-middle.mv-row > .mv-col > .mv-col-inner,
body.is-mouv .mv-place-middle.mv-row-box > .mv-row--bare > .mv-col > .mv-col-inner,
body.is-mouv .mv-place-bottom.mv-row > .mv-col > .mv-col-inner,
body.is-mouv .mv-place-bottom.mv-row-box > .mv-row--bare > .mv-col > .mv-col-inner,
body.is-mouv .mv-place-stretch.mv-row > .mv-col > .mv-col-inner,
body.is-mouv .mv-place-stretch.mv-row-box > .mv-row--bare > .mv-col > .mv-col-inner,
body.is-mouv .mv-content-top.mv-row > .mv-col > .mv-col-inner,
body.is-mouv .mv-content-top.mv-row-box > .mv-row--bare > .mv-col > .mv-col-inner,
body.is-mouv .mv-content-middle.mv-row > .mv-col > .mv-col-inner,
body.is-mouv .mv-content-middle.mv-row-box > .mv-row--bare > .mv-col > .mv-col-inner,
body.is-mouv .mv-content-bottom.mv-row > .mv-col > .mv-col-inner,
body.is-mouv .mv-content-bottom.mv-row-box > .mv-row--bare > .mv-col > .mv-col-inner {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
body.is-mouv .mv-content-top > .mv-col > .mv-col-inner {
  justify-content: flex-start;
}
body.is-mouv .mv-content-middle > .mv-col > .mv-col-inner {
  justify-content: center;
}
body.is-mouv .mv-content-bottom > .mv-col > .mv-col-inner {
  justify-content: flex-end;
}
body.is-mouv {
  /* ---- колонка = vc_column --------------------------------------- */
}
body.is-mouv .mv-col {
  position: relative;
  min-height: 1px;
  padding-left: 0;
  padding-right: 0;
  box-sizing: border-box;
}
body.is-mouv {
  /* Колонка з явною шириною не росте (як float-колонки WPBakery). */
}
body.is-mouv .mv-col[style*=flex-basis] {
  flex-grow: 0;
}
body.is-mouv .mv-col-inner {
  box-sizing: border-box;
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
}
body.is-mouv {
  /* Clearfix `.vc_column-inner`/`.vc_section`: у контенті музею є
     плаваючі списки (`ul.list-city{float:right}` з page-custom), і без
     нього колонка з градієнтом схлопується у смужку. Ряди пропущено
     навмисно — вони flex, псевдоелементи стали б флекс-елементами
     (у Kalium те саме: `.vc_row-flex::after{display:none}`). */
}
body.is-mouv .mv-col-inner::before,
body.is-mouv .mv-col-inner::after,
body.is-mouv .mv-section::before,
body.is-mouv .mv-section::after,
body.is-mouv .mv-row-box::before,
body.is-mouv .mv-row-box::after,
body.is-mouv .mv-text::before,
body.is-mouv .mv-text::after {
  content: " ";
  display: table;
}
body.is-mouv .mv-col-inner::after,
body.is-mouv .mv-section::after,
body.is-mouv .mv-row-box::after,
body.is-mouv .mv-text::after {
  clear: both;
}
body.is-mouv {
  /* has-fill: фон на ряді або колонці додає верхній відступ 35px
     (`.vc_col-has-fill > .vc_column-inner`, `.vc_row-has-fill > …`).
     Фон колонки конвертер кладе на `.mv-col-inner`, тому ознака фону —
     клас ядра `has-background` на ній. WPBakery дає has-fill і на рамку
     (`border*` у css колонки, vc_column.php:35-41) — цей випадок ловить
     фільтр `pixelated_mouv_col_fill()` класом `mv-col-inner--fill`. */
}
body.is-mouv .mv-row--fill > .mv-col > .mv-col-inner,
body.is-mouv .mv-row--fill.mv-row-box > .mv-row--bare > .mv-col > .mv-col-inner,
body.is-mouv .mv-row.has-background > .mv-col > .mv-col-inner,
body.is-mouv .mv-col--fill > .mv-col-inner,
body.is-mouv .mv-col-inner.has-background,
body.is-mouv .mv-col-inner--fill {
  padding-top: 35px;
}
body.is-mouv {
  /* vc_row_no_paddings. */
}
body.is-mouv .mv-no-spaces > .mv-col > .mv-col-inner {
  padding-left: 0;
  padding-right: 0;
}
body.is-mouv {
  /* vc_column-gap-N: поля ряду −N/2, падінги колонок N/2. */
}
body.is-mouv .mv-gap-1 {
  margin-left: -0.5px;
  margin-right: -0.5px;
}
body.is-mouv .mv-gap-1 > .mv-col {
  padding: 0.5px;
}
body.is-mouv .mv-gap-2 {
  margin-left: -1px;
  margin-right: -1px;
}
body.is-mouv .mv-gap-2 > .mv-col {
  padding: 1px;
}
body.is-mouv .mv-gap-3 {
  margin-left: -1.5px;
  margin-right: -1.5px;
}
body.is-mouv .mv-gap-3 > .mv-col {
  padding: 1.5px;
}
body.is-mouv .mv-gap-4 {
  margin-left: -2px;
  margin-right: -2px;
}
body.is-mouv .mv-gap-4 > .mv-col {
  padding: 2px;
}
body.is-mouv .mv-gap-5 {
  margin-left: -2.5px;
  margin-right: -2.5px;
}
body.is-mouv .mv-gap-5 > .mv-col {
  padding: 2.5px;
}
body.is-mouv .mv-gap-10 {
  margin-left: -5px;
  margin-right: -5px;
}
body.is-mouv .mv-gap-10 > .mv-col {
  padding: 5px;
}
body.is-mouv .mv-gap-15 {
  margin-left: -7.5px;
  margin-right: -7.5px;
}
body.is-mouv .mv-gap-15 > .mv-col {
  padding: 7.5px;
}
body.is-mouv .mv-gap-20 {
  margin-left: -10px;
  margin-right: -10px;
}
body.is-mouv .mv-gap-20 > .mv-col {
  padding: 10px;
}
body.is-mouv .mv-gap-25 {
  margin-left: -12.5px;
  margin-right: -12.5px;
}
body.is-mouv .mv-gap-25 > .mv-col {
  padding: 12.5px;
}
body.is-mouv .mv-gap-30 {
  margin-left: -15px;
  margin-right: -15px;
}
body.is-mouv .mv-gap-30 > .mv-col {
  padding: 15px;
}
body.is-mouv .mv-gap-35 {
  margin-left: -17.5px;
  margin-right: -17.5px;
}
body.is-mouv .mv-gap-35 > .mv-col {
  padding: 17.5px;
}
body.is-mouv {
  /* ---- елементи --------------------------------------------------- */
}
body.is-mouv .mv-el {
  margin-bottom: 35px;
}
body.is-mouv {
  /* Kalium: `.wpb_wrapper > h1:first-of-type, .wpb_wrapper > h2:first-of-type
     { margin-top: 0 }`. `.wpb_wrapper` у WPBakery — і обгортка колонки, і
     обгортка текстового елемента; у блоках це `.mv-col-inner` і `.mv-text`.
     Без цього перший заголовок отримує bootstrap-івські 19px зверху. */
}
body.is-mouv .mv-col-inner > h1:first-of-type,
body.is-mouv .mv-col-inner > h2:first-of-type,
body.is-mouv .mv-text > h1:first-of-type,
body.is-mouv .mv-text > h2:first-of-type {
  margin-top: 0;
}
body.is-mouv .mv-text > :last-child,
body.is-mouv .mv-text p:last-child {
  margin-bottom: 0;
}
body.is-mouv .mv-img {
  margin: 0 0 35px;
}
body.is-mouv .mv-img img {
  height: auto;
  max-width: 100%;
  vertical-align: top;
}
body.is-mouv {
  /* img_size «WxH» конвертер віддає інлайновими width/height (core/image
     is-resized) — інлайн б'є будь-який селектор. У WPBakery
     `.vc_single_image-img{height:auto}` при атрибутах width/height: на вузьких
     екранах картинка стискається за max-width зі збереженням пропорції файлу
     (еталон 8580@375: логотип 274.66×75.58, у нас було 274.66×90). Кроп WxH
     конвертер генерує, тож на десктопі результат той самий. */
}
body.is-mouv .mv-img.is-resized img[style] {
  height: auto !important;
}
body.is-mouv .mv-align-left {
  text-align: left;
}
body.is-mouv .mv-align-center {
  text-align: center;
}
body.is-mouv .mv-align-right {
  text-align: right;
}
body.is-mouv {
  /* Прямокутник-заглушка замість зображення, якого немає в медіатеці. */
}
body.is-mouv .mv-img--missing img {
  min-height: 1px;
}
body.is-mouv {
  /* vc_separator. */
}
body.is-mouv .mv-sep {
  display: flex;
  flex-flow: row;
  align-items: center;
  border: 0;
  height: auto;
}
body.is-mouv .mv-sep::before {
  content: "";
  display: block;
  width: 100%;
  border-top: 1px solid currentcolor;
}
body.is-mouv .mv-sep-10::before {
  width: 10%;
}
body.is-mouv .mv-sep-20::before {
  width: 20%;
}
body.is-mouv .mv-sep-30::before {
  width: 30%;
}
body.is-mouv .mv-sep-40::before {
  width: 40%;
}
body.is-mouv .mv-sep-50::before {
  width: 50%;
}
body.is-mouv .mv-sep-60::before {
  width: 60%;
}
body.is-mouv .mv-sep-70::before {
  width: 70%;
}
body.is-mouv .mv-sep-80::before {
  width: 80%;
}
body.is-mouv .mv-sep-90::before {
  width: 90%;
}
body.is-mouv .mv-sep-100::before {
  width: 100%;
}
body.is-mouv .mv-sep-align-left {
  justify-content: flex-start;
}
body.is-mouv .mv-sep-align-center {
  justify-content: center;
}
body.is-mouv .mv-sep-align-right {
  justify-content: flex-end;
}
body.is-mouv {
  /* vc_video: el_width у відсотках + вирівнювання.
     Дефолт WPBakery — ліворуч (`.wpb_video_widget.vc_video-align-left
     .wpb_wrapper{float:left}`), центрування лише при `align=center`.
     Еталон 10659: обгортка 1296px стоїть на x=74 (ліворуч), а не по центру. */
}
body.is-mouv .mv-video > * {
  position: relative;
  margin-left: 0;
  margin-right: 0;
}
body.is-mouv .mv-video.mv-align-center > * {
  margin-left: auto;
  margin-right: auto;
}
body.is-mouv .mv-video-w10 > *,
body.is-mouv .mv-video-10 > * {
  width: 10%;
}
body.is-mouv .mv-video-w20 > *,
body.is-mouv .mv-video-20 > * {
  width: 20%;
}
body.is-mouv .mv-video-w30 > *,
body.is-mouv .mv-video-30 > * {
  width: 30%;
}
body.is-mouv .mv-video-w40 > *,
body.is-mouv .mv-video-40 > * {
  width: 40%;
}
body.is-mouv .mv-video-w50 > *,
body.is-mouv .mv-video-50 > * {
  width: 50%;
}
body.is-mouv .mv-video-w60 > *,
body.is-mouv .mv-video-60 > * {
  width: 60%;
}
body.is-mouv .mv-video-w70 > *,
body.is-mouv .mv-video-70 > * {
  width: 70%;
}
body.is-mouv .mv-video-w80 > *,
body.is-mouv .mv-video-80 > * {
  width: 80%;
}
body.is-mouv .mv-video-w90 > *,
body.is-mouv .mv-video-90 > * {
  width: 90%;
}
body.is-mouv .mv-video-w100 > *,
body.is-mouv .mv-video-100 > * {
  width: 100%;
}
body.is-mouv .mv-video.mv-align-right > * {
  margin-left: auto;
  margin-right: 0;
}
body.is-mouv {
  /* ---- сітка хрестів = vc_basic_grid post_type=cross ---------------
     Конвертер віддає `core/query` + `core/post-template`
     (`layout:{type:grid,columnCount:4}`) у ряді з класом `cross-grid`.
     Розміри зняті з еталона (html/10659.html, viewport 1440, refmeasure.js):
     `.vc_grid` 1266×4336, `margin-bottom:-30px`; `.vc_grid-item` 324×542
     `inline-block`, `padding:0 30px 30px 0` → контент 294×512, крок рядка
     рівно 542. Усередині: картинка 294×392 впритул до верху плитки (без
     відступу — `.vc_gitem-zone-img{margin-top:10px}` є лише у прихованих
     клонів), далі `.vc_gitem_row` 294×120 = padding 10 + h3 (margin-top 19,
     66px = два рядки Ubuntu 30/33) + злиті поля 15 + padding 10.
     Тому: проміжок лише по колонках, нижні 30px — падінгом плитки
     (у grid `row-gap` не додає хвоста після останнього рядка, а
     `padding-bottom` додає — як в inline-block). */
  /* Хвіст під сіткою. Еталон: `.vc_grid` 4336 з `margin-bottom:-30px`,
     `.vc_grid-container` 4306 + `margin-bottom:35px` → обгортка 4341.
     У нас `.wp-block-query` — флекс-елемент, його висота від'ємним полем
     дитини не вкорочується (перевірено вимірюванням: лишалось 4336), тому
     ті самі 4341 даємо як 4336 + 5 (= 35 − 30). */
}
body.is-mouv .cross-grid .wp-block-query {
  margin-bottom: 5px;
}
body.is-mouv .cross-grid .wp-block-post-template {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  -moz-column-gap: 30px;
       column-gap: 30px;
  row-gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}
body.is-mouv .cross-grid .wp-block-post-template > li {
  margin: 0;
  padding: 0 0 30px;
  min-width: 0;
}
body.is-mouv .cross-grid .wp-block-post-featured-image {
  margin: 0;
}
body.is-mouv {
  /* Посилання навколо картинки — інлайнове, і під ним лишається зазор
     базової лінії (~4.5px), якого в Kalium немає. */
}
body.is-mouv .cross-grid .wp-block-post-featured-image a {
  display: block;
  line-height: 0;
}
body.is-mouv .cross-grid .wp-block-post-featured-image img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 294/392;
  -o-object-fit: cover;
     object-fit: cover;
}
body.is-mouv {
  /* Нижні 15px у Kalium дає не заголовок, а рядок зони
     (`.vc_gitem_row{margin-bottom:15px}`) — тримаємо їх полем, інакше
     бокс заголовка виходить 81px замість 66 і плитка росте. */
}
body.is-mouv .cross-grid .wp-block-post-title {
  margin: 29px 10px 25px;
  padding: 0;
  font-family: "Ubuntu", sans-serif;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: normal;
  color: #fff;
}
body.is-mouv .cross-grid .wp-block-post-title a {
  color: inherit;
  text-decoration: none;
}
@media (max-width: 991px) {
  body.is-mouv .cross-grid .wp-block-post-template {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 767px) {
  body.is-mouv .cross-grid .wp-block-post-template {
    grid-template-columns: minmax(0, 1fr);
  }
}
body.is-mouv {
  /* Групи-обгортки, які конвертер створює лише під css-відступи, —
     прозорі: власних полів у них немає. */
}
body.is-mouv .mv-row-box,
body.is-mouv .mv-el-box,
body.is-mouv .mv-img-box {
  margin-top: 0;
  margin-bottom: 0;
}
body.is-mouv {
  /* ---- брейкпоінти WPBakery (xs <768, sm ≥768, md ≥992, lg ≥1200) -- */
}
@media (max-width: 767px) {
  body.is-mouv .mv-hidden-xs {
    display: none !important;
  }
  body.is-mouv {
    /* Нижче 768 колонки WPBakery стають на всю ширину.
       `flex-wrap` повертаємо примусово: клас `is-not-stacked-on-mobile`,
       яким ми знімаємо ядерний стек на 782px, ставить ще й
       `flex-wrap:nowrap!important` — без цього рядки не переносяться
       взагалі і колонки лишаються поруч на 375px. */
  }
  body.is-mouv .mv-row,
  body.is-mouv .mv-row--bare {
    flex-wrap: wrap !important;
  }
  body.is-mouv .mv-row > .mv-col,
  body.is-mouv .mv-row--bare > .mv-col {
    flex-basis: 100% !important;
    max-width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  body.is-mouv .mv-hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  body.is-mouv .mv-hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  body.is-mouv .mv-hidden-lg {
    display: none !important;
  }
}
body.is-mouv {
  /* Сітка з класів `mv-{bp}-{N}` / `mv-off-{bp}-{N}` (контракт конвертера:
     ставляться, коли ширина колонки задана класом, а не атрибутом). */
}
@media (min-width: 0px) {
  body.is-mouv .mv-xs-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  body.is-mouv .mv-off-xs-1 {
    margin-left: 8.33333333%;
  }
  body.is-mouv .mv-xs-2 {
    flex: 0 0 16.66666666%;
    max-width: 16.66666666%;
  }
  body.is-mouv .mv-off-xs-2 {
    margin-left: 16.66666666%;
  }
  body.is-mouv .mv-xs-3 {
    flex: 0 0 24.99999999%;
    max-width: 24.99999999%;
  }
  body.is-mouv .mv-off-xs-3 {
    margin-left: 24.99999999%;
  }
  body.is-mouv .mv-xs-4 {
    flex: 0 0 33.33333332%;
    max-width: 33.33333332%;
  }
  body.is-mouv .mv-off-xs-4 {
    margin-left: 33.33333332%;
  }
  body.is-mouv .mv-xs-5 {
    flex: 0 0 41.66666665%;
    max-width: 41.66666665%;
  }
  body.is-mouv .mv-off-xs-5 {
    margin-left: 41.66666665%;
  }
  body.is-mouv .mv-xs-6 {
    flex: 0 0 49.99999998%;
    max-width: 49.99999998%;
  }
  body.is-mouv .mv-off-xs-6 {
    margin-left: 49.99999998%;
  }
  body.is-mouv .mv-xs-7 {
    flex: 0 0 58.33333331%;
    max-width: 58.33333331%;
  }
  body.is-mouv .mv-off-xs-7 {
    margin-left: 58.33333331%;
  }
  body.is-mouv .mv-xs-8 {
    flex: 0 0 66.66666664%;
    max-width: 66.66666664%;
  }
  body.is-mouv .mv-off-xs-8 {
    margin-left: 66.66666664%;
  }
  body.is-mouv .mv-xs-9 {
    flex: 0 0 74.99999997%;
    max-width: 74.99999997%;
  }
  body.is-mouv .mv-off-xs-9 {
    margin-left: 74.99999997%;
  }
  body.is-mouv .mv-xs-10 {
    flex: 0 0 83.3333333%;
    max-width: 83.3333333%;
  }
  body.is-mouv .mv-off-xs-10 {
    margin-left: 83.3333333%;
  }
  body.is-mouv .mv-xs-11 {
    flex: 0 0 91.66666663%;
    max-width: 91.66666663%;
  }
  body.is-mouv .mv-off-xs-11 {
    margin-left: 91.66666663%;
  }
  body.is-mouv .mv-xs-12 {
    flex: 0 0 99.99999996%;
    max-width: 99.99999996%;
  }
  body.is-mouv .mv-off-xs-12 {
    margin-left: 99.99999996%;
  }
}
@media (min-width: 768px) {
  body.is-mouv .mv-sm-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  body.is-mouv .mv-off-sm-1 {
    margin-left: 8.33333333%;
  }
  body.is-mouv .mv-sm-2 {
    flex: 0 0 16.66666666%;
    max-width: 16.66666666%;
  }
  body.is-mouv .mv-off-sm-2 {
    margin-left: 16.66666666%;
  }
  body.is-mouv .mv-sm-3 {
    flex: 0 0 24.99999999%;
    max-width: 24.99999999%;
  }
  body.is-mouv .mv-off-sm-3 {
    margin-left: 24.99999999%;
  }
  body.is-mouv .mv-sm-4 {
    flex: 0 0 33.33333332%;
    max-width: 33.33333332%;
  }
  body.is-mouv .mv-off-sm-4 {
    margin-left: 33.33333332%;
  }
  body.is-mouv .mv-sm-5 {
    flex: 0 0 41.66666665%;
    max-width: 41.66666665%;
  }
  body.is-mouv .mv-off-sm-5 {
    margin-left: 41.66666665%;
  }
  body.is-mouv .mv-sm-6 {
    flex: 0 0 49.99999998%;
    max-width: 49.99999998%;
  }
  body.is-mouv .mv-off-sm-6 {
    margin-left: 49.99999998%;
  }
  body.is-mouv .mv-sm-7 {
    flex: 0 0 58.33333331%;
    max-width: 58.33333331%;
  }
  body.is-mouv .mv-off-sm-7 {
    margin-left: 58.33333331%;
  }
  body.is-mouv .mv-sm-8 {
    flex: 0 0 66.66666664%;
    max-width: 66.66666664%;
  }
  body.is-mouv .mv-off-sm-8 {
    margin-left: 66.66666664%;
  }
  body.is-mouv .mv-sm-9 {
    flex: 0 0 74.99999997%;
    max-width: 74.99999997%;
  }
  body.is-mouv .mv-off-sm-9 {
    margin-left: 74.99999997%;
  }
  body.is-mouv .mv-sm-10 {
    flex: 0 0 83.3333333%;
    max-width: 83.3333333%;
  }
  body.is-mouv .mv-off-sm-10 {
    margin-left: 83.3333333%;
  }
  body.is-mouv .mv-sm-11 {
    flex: 0 0 91.66666663%;
    max-width: 91.66666663%;
  }
  body.is-mouv .mv-off-sm-11 {
    margin-left: 91.66666663%;
  }
  body.is-mouv .mv-sm-12 {
    flex: 0 0 99.99999996%;
    max-width: 99.99999996%;
  }
  body.is-mouv .mv-off-sm-12 {
    margin-left: 99.99999996%;
  }
}
@media (min-width: 992px) {
  body.is-mouv .mv-md-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  body.is-mouv .mv-off-md-1 {
    margin-left: 8.33333333%;
  }
  body.is-mouv .mv-md-2 {
    flex: 0 0 16.66666666%;
    max-width: 16.66666666%;
  }
  body.is-mouv .mv-off-md-2 {
    margin-left: 16.66666666%;
  }
  body.is-mouv .mv-md-3 {
    flex: 0 0 24.99999999%;
    max-width: 24.99999999%;
  }
  body.is-mouv .mv-off-md-3 {
    margin-left: 24.99999999%;
  }
  body.is-mouv .mv-md-4 {
    flex: 0 0 33.33333332%;
    max-width: 33.33333332%;
  }
  body.is-mouv .mv-off-md-4 {
    margin-left: 33.33333332%;
  }
  body.is-mouv .mv-md-5 {
    flex: 0 0 41.66666665%;
    max-width: 41.66666665%;
  }
  body.is-mouv .mv-off-md-5 {
    margin-left: 41.66666665%;
  }
  body.is-mouv .mv-md-6 {
    flex: 0 0 49.99999998%;
    max-width: 49.99999998%;
  }
  body.is-mouv .mv-off-md-6 {
    margin-left: 49.99999998%;
  }
  body.is-mouv .mv-md-7 {
    flex: 0 0 58.33333331%;
    max-width: 58.33333331%;
  }
  body.is-mouv .mv-off-md-7 {
    margin-left: 58.33333331%;
  }
  body.is-mouv .mv-md-8 {
    flex: 0 0 66.66666664%;
    max-width: 66.66666664%;
  }
  body.is-mouv .mv-off-md-8 {
    margin-left: 66.66666664%;
  }
  body.is-mouv .mv-md-9 {
    flex: 0 0 74.99999997%;
    max-width: 74.99999997%;
  }
  body.is-mouv .mv-off-md-9 {
    margin-left: 74.99999997%;
  }
  body.is-mouv .mv-md-10 {
    flex: 0 0 83.3333333%;
    max-width: 83.3333333%;
  }
  body.is-mouv .mv-off-md-10 {
    margin-left: 83.3333333%;
  }
  body.is-mouv .mv-md-11 {
    flex: 0 0 91.66666663%;
    max-width: 91.66666663%;
  }
  body.is-mouv .mv-off-md-11 {
    margin-left: 91.66666663%;
  }
  body.is-mouv .mv-md-12 {
    flex: 0 0 99.99999996%;
    max-width: 99.99999996%;
  }
  body.is-mouv .mv-off-md-12 {
    margin-left: 99.99999996%;
  }
}
@media (min-width: 1200px) {
  body.is-mouv .mv-lg-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  body.is-mouv .mv-off-lg-1 {
    margin-left: 8.33333333%;
  }
  body.is-mouv .mv-lg-2 {
    flex: 0 0 16.66666666%;
    max-width: 16.66666666%;
  }
  body.is-mouv .mv-off-lg-2 {
    margin-left: 16.66666666%;
  }
  body.is-mouv .mv-lg-3 {
    flex: 0 0 24.99999999%;
    max-width: 24.99999999%;
  }
  body.is-mouv .mv-off-lg-3 {
    margin-left: 24.99999999%;
  }
  body.is-mouv .mv-lg-4 {
    flex: 0 0 33.33333332%;
    max-width: 33.33333332%;
  }
  body.is-mouv .mv-off-lg-4 {
    margin-left: 33.33333332%;
  }
  body.is-mouv .mv-lg-5 {
    flex: 0 0 41.66666665%;
    max-width: 41.66666665%;
  }
  body.is-mouv .mv-off-lg-5 {
    margin-left: 41.66666665%;
  }
  body.is-mouv .mv-lg-6 {
    flex: 0 0 49.99999998%;
    max-width: 49.99999998%;
  }
  body.is-mouv .mv-off-lg-6 {
    margin-left: 49.99999998%;
  }
  body.is-mouv .mv-lg-7 {
    flex: 0 0 58.33333331%;
    max-width: 58.33333331%;
  }
  body.is-mouv .mv-off-lg-7 {
    margin-left: 58.33333331%;
  }
  body.is-mouv .mv-lg-8 {
    flex: 0 0 66.66666664%;
    max-width: 66.66666664%;
  }
  body.is-mouv .mv-off-lg-8 {
    margin-left: 66.66666664%;
  }
  body.is-mouv .mv-lg-9 {
    flex: 0 0 74.99999997%;
    max-width: 74.99999997%;
  }
  body.is-mouv .mv-off-lg-9 {
    margin-left: 74.99999997%;
  }
  body.is-mouv .mv-lg-10 {
    flex: 0 0 83.3333333%;
    max-width: 83.3333333%;
  }
  body.is-mouv .mv-off-lg-10 {
    margin-left: 83.3333333%;
  }
  body.is-mouv .mv-lg-11 {
    flex: 0 0 91.66666663%;
    max-width: 91.66666663%;
  }
  body.is-mouv .mv-off-lg-11 {
    margin-left: 91.66666663%;
  }
  body.is-mouv .mv-lg-12 {
    flex: 0 0 99.99999996%;
    max-width: 99.99999996%;
  }
  body.is-mouv .mv-off-lg-12 {
    margin-left: 99.99999996%;
  }
}
body.is-mouv {
  /* ---- лайтбокс ---------------------------------------------------- */
}
body.is-mouv .mv-lightbox img {
  cursor: zoom-in;
}

/* Оверлей лайтбокса живе в <body>, поза скоупом контенту. */
body.is-mouv .mv-lightbox-overlay {
  position: fixed;
  inset: 0;
  z-index: 200000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px;
  background: rgba(0, 0, 0, 0.9);
  cursor: zoom-out;
}

body.is-mouv .mv-lightbox-overlay img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}

body.mv-lightbox-open {
  overflow: hidden;
}

/* ---- стани меню ----------------------------------------------------
   Класи ті самі, що вмикає JS Kalium: `fullscreen-menu-is-open` /
   `mobile-menu-open` на <body> і `menu-is-open` на самій панелі.
   У DOM еталона меню закрите, тому ці правила не потрапили в извлечение —
   значення зняті з `db-dumps/mouv-ref/css/kalium-bundle.css` дослівно. */
body.is-mouv.fullscreen-menu-is-open .fullscreen-menu {
  visibility: visible;
  opacity: 1;
  transition-delay: 0ms;
}

body.is-mouv .fullscreen-menu.menu-open-effect-fade.menu-is-open .fullscreen-menu-footer,
body.is-mouv .fullscreen-menu.menu-open-effect-fade.menu-is-open .search-form,
body.is-mouv .fullscreen-menu.menu-open-effect-fade.menu-is-open nav .menu > li > a {
  opacity: 1;
  transform: translateY(0);
}

/* Підменю згорнуті (`nav ul.menu ul{display:none}`) — розкриває клік. */
body.is-mouv .fullscreen-menu nav ul.menu li.submenu-open > ul {
  display: block;
}

body.is-mouv.mobile-menu-open .mobile-menu-wrapper.mobile-menu-slide {
  opacity: 1;
  transform: translate3d(100%, 0, 0);
  transition-delay: 80ms;
}

body.is-mouv.mobile-menu-open .mobile-menu-wrapper + .mobile-menu-overlay {
  visibility: visible;
  opacity: 1;
}

/* Шрифт іконок Kalium (стрілки підменю мобільної панелі). */
@font-face {
  font-family: "Flaticon";
  src: url("../fonts/flaticon.woff") format("woff"), url("../fonts/flaticon.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
/* ============================================================
   Межа володіння стилями з блоками плагіна.

   За `claudedocs/museum-blocks-contract.md` правила Kalium для каруселі,
   соцмереж і сітки портфоліо з фільтром належать блокам `pixel/*`, а не
   темі. Тому генератор `scripts/refshots/gen-page-custom.py` викидає їх зі
   слоя page-custom (селектори `.portfolio-holder`, `.item-box`,
   `.product-filter`, `.social-networks`, `.vc_images_carousel`,
   `.lab-vc-social-networks` — крім варіанта 4, хрестів: там ця розмітка
   лишилася від Kalium у `single-cross.php`).

   Єдине, що контракт лишає темі, вже зроблено: пер-сторінкове
   перевизначення розміру заголовка тайла на хаб-сторінках музею
   (`.pixel-portfolio-grid__title a`, 18px, сторінки 8580/9282/10612/10969).

   Що НЕ можна додавати: глобальні правила для `a`/`img` у скоупі музею зі
   специфічністю (0,3,0) і вище — вони перебивають CSS блоків і ламають
   сітку (контракт, розділ «Специфічність»).
   ============================================================ */
/* ============================================================
   Соцмережі музею: відступи, які дає оточення, а не блок.

   На еталоні `.pixel-social-links` живе всередині `.post-formatting`
   (контент експоната), і саме звідти приходять два відступи Kalium:
     `.post-formatting ul { padding-left: 20px }`
     `.post-formatting ul li { padding: 2px 0 }`
   плюс page-custom варіанта 0 (лише експонати й хрести):
     `.lab-vc-social-networks … .social-networks li { padding-left: 10px }`

   На сторінках музею контент не загорнутий у `.post-formatting`, цих
   правил там немає — і колонка 278px вміщає рядок кружків рівно.
   Тому відступи ставить тема під `.mouv-exhibit`, а не блок.

   Заміри еталона (html/15543.html): контейнер 621×59, список
   `padding:0 0 0 20px`, пункт 55×59 `padding:2px 0 2px 10px`.
   Скорочення `padding` задано повністю, щоб праве значення було 0
   незалежно від базового `padding: 0 5px` блока.
   ============================================================ */
body.mouv-exhibit .pixel-social-links--mouv .pixel-social-links__list {
  padding-left: 20px;
}

body.mouv-exhibit .pixel-social-links--mouv .pixel-social-links__item {
  padding: 2px 0 2px 10px;
}

/* ============================================================
   Ті самі правила `.post-formatting`, але для сторінок музею.

   Текстові колонки сторінок музею на еталоні мають клас
   `post-formatting` (`html/9615.html`, `html/8580.html`), тому Kalium
   дає їхньому вмісту (`base.min.css`):
     `.post-formatting ul, ol { padding-left: 20px }`
     `.post-formatting ul li, ol li { padding: 2px 0 }`
     `.post-formatting a { display: inline }`
   У новій розмітці цього класу немає — згенерований `_mouv-kalium.scss`
   тримає правила під `.post-formatting` і не влучає нікуди.

   Замір 9615 (`ul.list-city`): еталон 284×266, `padding-left:20px`,
   пункт 264×38 `padding:2px 0`, посилання `display:inline`; у нас було
   304×308, `padding-left:40px`, пункт 264×44 (посилання `inline-block`
   від `body.is-mouv .wrapper a` додавало свої `padding:5px 0`). Різниця
   6px на пункт × 7 пунктів = +42px, з яких їхала вся нижня частина
   міських сторінок.

   Специфічність `a` навмисно (0,3,2): правило `body.is-mouv .wrapper a`
   у згенерованому шарі має (0,2,2) і йде пізніше. Заборона на «глобальні
   правила для a у скоупі музею» не порушена — блоки плагіна ніколи не
   лежать усередині `.mv-text`, там лише абзаци, заголовки й списки
   конвертованого `vc_column_text`.
   ============================================================ */
body.mouv-page .mv-text ul,
body.mouv-page .mv-text ol {
  padding-left: 20px;
}

/* Специфічність (0,4,3) навмисно: page-custom варіантів 1 і 5 (хаби 8580,
   9282, 10612, 10969) має `ul.list-city-f li{padding:5px 50px 5px 10px}`
   (0,1,2), і в еталоні воно ПРОГРАЄ Kalium `.post-formatting ul li` тієї ж
   специфічності за порядком: \3c style data-page-custom-css> стоїть у <head>
   раніше за CSS теми (замір 8580: li 1003×38, padding 2px 0). У
   згенерованому `_mouv-page-custom.scss` це правило має (0,3,3), тому тут
   потрібно більше. */
body.is-mouv.mouv-page .mv-el.mv-text ul li,
body.is-mouv.mouv-page .mv-el.mv-text ol li {
  padding: 2px 0;
}

body.is-mouv.mouv-page .mv-text a {
  display: inline;
}

/* ============================================================
   Точність відсотків бутстрапа в колонках експоната.

   Chrome серіалізує `33.33333333%` як `33.3333%` (CSSOM, 6 значущих
   цифр), і `usedcss.js` виносить у згенерований `_mouv-kalium.scss` вже
   обрізане значення. Наслідок вимірюваний: 1140 × 0.333333 = 379.99962,
   Chrome кладе результат на сітку 1/64 px і дає 379.984375 замість
   рівних 380. Далі 10-відсоткове поле секції стає 37.984 замість 38,
   секція зсувається на −0.016 px, і велике фото (1191 px, центроване
   inline-block) сідає на x=124.48 замість 124.5 — тобто на цілий пік-
   сель лівіше після округлення до пристрою. Це давало 2.38 % (10453)
   і 2.45 % (10461): контур усієї фотографії в diff.

   Правити згенерований шар не можна, тому точні значення повертаємо
   тут; специфічність (0,3,1) вища за його (0,2,1), порядок @use не
   впливає. Ті самі обрізані відсотки лишилися у `.vc_col-sm-*` і
   `.portfolio-holder .portfolio-item` — це зона сторінок і блоків,
   винесено в звіт.
   ============================================================ */
/* Медіа-умова обов'язкова: у бутстрапі ці ширини живуть у
   `@media (min-width: 992px)`, і без обгортки колонка `col-md-4`
   отримувала 33 % замість 100 % на 375 — зайві смуги на всіх експонатах
   (15543/15783/11027/10500: 2,02–2,93 % проти 0,73–1,91 % з обгорткою). */
@media (min-width: 992px) {
  body.mouv-exhibit .single-portfolio-holder .col-md-4 {
    width: 33.33333333%;
  }
  body.mouv-exhibit .single-portfolio-holder .col-md-7 {
    width: 58.33333333%;
  }
  body.mouv-exhibit .single-portfolio-holder .col-md-offset-1 {
    margin-left: 8.333333333%;
  }
}
/* ============================================================
   Відео: плеєр Kalium video-js замість ядерного iframe.
   Розмітку підставляє `pixelated_mouv_video_block()`; геометрія обгортки
   лишається ядерна (вона вже збігається з еталоном), тут — тільки те, що
   у Kalium давало правило `.wpb_wrapper .wpb_video_wrapper
   .image-placeholder.video { position:absolute; … }`.
   ============================================================ */
body.is-mouv .mv-video .wp-block-embed__wrapper {
  position: relative;
}

body.is-mouv .mv-video .image-placeholder.video {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding-bottom: 0 !important;
}

body.is-mouv .mv-video .video-js {
  width: 100%;
  height: 100%;
}

/* Іконковий шрифт Kalium: з нього береться гліф кнопки play
   (`.vjs-big-play-button .vjs-icon-placeholder::before`). */
@font-face {
  font-family: "linea";
  src: url("../fonts/linea.woff") format("woff"), url("../fonts/linea.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
/* ============================================================
   Хрести: точні відсотки колонок замість обрізаних у згенерованому шарі.

   `usedcss.js`/`scope-mouv-css.py` пропускають значення через float і
   лишають 6 значущих цифр: `33.3333%` замість `33.33333333%` у Kalium,
   `16.6667%` замість `16.66666667%` у js_composer. На 1440 це дає
   `.details.col-md-4` шириною 379.984 px замість 380 (Chrome квантує в
   1/64 px), і далі `margin-left` секції стає 34.9844px замість 35px.
   Порт растяжки повторює арифметику js_composer з її `parseInt`, тому
   усічення 34.9844 → 34 зсуває всю верхню секцію на +1 px відносно
   еталона (12836 і 12853 на 1440: 1,07 % і 0,77 % проти 0,2–0,5 %).

   Ті самі значення для експонатів уже повернуті вище; тут — набір
   класів, які реально є в `single-cross.php`. Генерований шар правити
   не можна, тому специфічність (0,3,1) вища за його (0,2,1) — порядок
   `@use` не впливає.
   ============================================================ */
body.mouv-cross .single-portfolio-holder .col-xs-5 {
  width: 41.66666667%;
}

body.mouv-cross .single-portfolio-holder .col-xs-2 {
  width: 16.66666667%;
}

@media (min-width: 768px) {
  body.mouv-cross .single-portfolio-holder .vc_col-sm-4 {
    width: 33.33333333%;
  }
  body.mouv-cross .single-portfolio-holder .vc_col-sm-2 {
    width: 16.66666667%;
  }
}
@media (min-width: 992px) {
  body.mouv-cross .single-portfolio-holder .col-md-4 {
    width: 33.33333333%;
  }
  body.mouv-cross .single-portfolio-holder .col-md-7 {
    width: 58.33333333%;
  }
  body.mouv-cross .single-portfolio-holder .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
}
/* СГЕНЕРИРОВАНО scripts/refshots/scope-mouv-css.py — не править руками.
   Источник: правила Kalium/js_composer, реально применившиеся к эталонным
   страницам музея и крестов (scripts/refshots/usedcss.js).
   Обновление: node usedcss.js <ref.html…> | python3 scope-mouv-css.py > _mouv-kalium.scss */
/* ===== app/public/wp-content/plugins/js_composer/assets/css/js_composer.min.css ===== */
body.is-mouv .vc_clearfix::after, body.is-mouv .vc_column-inner::after, body.is-mouv .vc_row::after {
  clear: both;
}

body.is-mouv .vc_row::after, body.is-mouv .vc_row::before {
  content: " ";
  display: table;
}

@media (max-width: 767px) {
  body.is-mouv .vc_hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  body.is-mouv .vc_hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  body.is-mouv .vc_hidden-md {
    display: none !important;
  }
}
body.is-mouv .vc_column_container {
  width: 100%;
}

body.is-mouv .vc_row {
  margin-left: -15px;
  margin-right: -15px;
}

body.is-mouv .vc_col-sm-12, body.is-mouv .vc_col-sm-2, body.is-mouv .vc_col-sm-3, body.is-mouv .vc_col-sm-4, body.is-mouv .vc_col-sm-6, body.is-mouv .vc_col-sm-9 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  box-sizing: border-box;
}

body.is-mouv .vc_col-sm-12, body.is-mouv .vc_col-sm-2, body.is-mouv .vc_col-sm-4 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  box-sizing: border-box;
}

body.is-mouv .vc_col-sm-12, body.is-mouv .vc_col-sm-2, body.is-mouv .vc_col-sm-3, body.is-mouv .vc_col-sm-4, body.is-mouv .vc_col-sm-6 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  box-sizing: border-box;
}

@media (min-width: 768px) {
  body.is-mouv .vc_col-sm-12, body.is-mouv .vc_col-sm-2, body.is-mouv .vc_col-sm-3, body.is-mouv .vc_col-sm-4, body.is-mouv .vc_col-sm-6, body.is-mouv .vc_col-sm-9 {
    float: left;
  }
  body.is-mouv .vc_col-sm-12, body.is-mouv .vc_col-sm-2, body.is-mouv .vc_col-sm-4 {
    float: left;
  }
  body.is-mouv .vc_col-sm-12, body.is-mouv .vc_col-sm-2, body.is-mouv .vc_col-sm-3, body.is-mouv .vc_col-sm-4, body.is-mouv .vc_col-sm-6 {
    float: left;
  }
  body.is-mouv .vc_col-sm-12 {
    width: 100%;
  }
  body.is-mouv .vc_col-sm-9 {
    width: 75%;
  }
  body.is-mouv .vc_col-sm-6 {
    width: 50%;
  }
  body.is-mouv .vc_col-sm-4 {
    width: 33.3333%;
  }
  body.is-mouv .vc_col-sm-3 {
    width: 25%;
  }
  body.is-mouv .vc_col-sm-2 {
    width: 16.6667%;
  }
}
@media (min-width: 1200px) {
  body.is-mouv .vc_hidden-lg {
    display: none !important;
  }
}
body.is-mouv .vc_clearfix::after, body.is-mouv .vc_clearfix::before {
  content: " ";
  display: table;
}

body.is-mouv i.icon {
  height: 16px;
  width: 16px;
}

body.is-mouv i.icon {
  display: inline-block;
  line-height: 16px;
  vertical-align: text-top;
  margin-left: 5px;
}

body.is-mouv .wpb_text_column :last-child, body.is-mouv .wpb_text_column p:last-child {
  margin-bottom: 0px;
}

body.is-mouv .wpb_content_element {
  margin-bottom: 35px;
}

body.is-mouv .wpb-content-wrapper {
  margin: 0px;
  padding: 0px;
  border-width: medium;
  border-style: none;
  border-color: currentcolor;
  -o-border-image: none;
     border-image: none;
  overflow: unset;
  display: block;
}

body.is-mouv .vc_row.vc_row-no-padding .vc_column-inner {
  padding-left: 0px;
  padding-right: 0px;
}

body.is-mouv .vc_row[data-vc-full-width] {
  transition: opacity 0.5s;
  overflow: hidden;
}

body.is-mouv .vc_row-no-padding .vc_inner {
  margin-left: 0px;
  margin-right: 0px;
}

body.is-mouv .vc_row.vc_row-o-full-height {
  min-height: 100vh;
}

body.is-mouv .vc_row.vc_row-flex {
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
}

body.is-mouv .vc_row.vc_row-flex > .vc_column_container {
  display: flex;
}

body.is-mouv .vc_row.vc_row-flex > .vc_column_container > .vc_column-inner {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  z-index: 1;
}

@media (-ms-high-contrast: active), (-ms-high-contrast: none) {
  body.is-mouv .vc_row.vc_row-flex > .vc_column_container > .vc_column-inner > * {
    min-height: 1em;
  }
}
body.is-mouv .vc_row.vc_row-flex::after, body.is-mouv .vc_row.vc_row-flex::before {
  display: none;
}

body.is-mouv .vc_row.vc_row-o-columns-top {
  align-content: flex-start;
}

body.is-mouv .vc_row.vc_row-o-columns-top::after {
  content: "";
  width: 100%;
  height: 0px;
  overflow: hidden;
  visibility: hidden;
  display: block;
}

body.is-mouv .vc_column-inner::after, body.is-mouv .vc_column-inner::before {
  content: " ";
  display: table;
}

body.is-mouv .vc_row.vc_column-gap-30 {
  margin-left: -30px;
  margin-right: -30px;
}

body.is-mouv .vc_row.vc_column-gap-30 > .vc_column_container {
  padding: 15px;
}

body.is-mouv .vc_col-has-fill > .vc_column-inner, body.is-mouv .vc_row-has-fill > .vc_column_container > .vc_column-inner, body.is-mouv .vc_section.vc_section-has-fill {
  padding-top: 35px;
}

body.is-mouv .vc_row-has-fill > .vc_column_container > .vc_column-inner, body.is-mouv .vc_section.vc_section-has-fill {
  padding-top: 35px;
}

body.is-mouv .vc_section.vc_section-has-fill {
  padding-top: 35px;
}

body.is-mouv .vc_column_container {
  padding-left: 0px;
  padding-right: 0px;
}

body.is-mouv .vc_column_container > .vc_column-inner {
  box-sizing: border-box;
  padding-left: 15px;
  padding-right: 15px;
  width: 100%;
}

body.is-mouv .vc_section {
  padding-left: 15px;
  padding-right: 15px;
  margin-left: -15px;
  margin-right: -15px;
}

body.is-mouv .vc_section[data-vc-full-width] {
  transition: opacity 0.5s;
  overflow: hidden;
}

body.is-mouv .vc_section[data-vc-stretch-content] {
  padding-left: 0px;
  padding-right: 0px;
}

body.is-mouv .vc_section.vc_row-o-full-height {
  min-height: 100vh;
}

body.is-mouv .vc_custom_heading a, body.is-mouv .vc_custom_heading a:focus, body.is-mouv .vc_custom_heading a:hover, body.is-mouv .vc_custom_heading a:visited {
  border-width: medium;
  border-style: none;
  border-color: currentcolor;
  -o-border-image: none;
     border-image: none;
  text-decoration: inherit;
  color: inherit;
}

body.is-mouv .vc_custom_heading a {
  transition: 0.2s ease-in-out;
  opacity: 1;
}

body.is-mouv .vc_custom_heading a:hover {
  opacity: 0.85;
}

body.is-mouv .vc_grid.vc_row {
  padding-right: 0px;
}

body.is-mouv .wpb_video_widget.vc_video-el-width-80 .wpb_wrapper {
  width: 80%;
}

body.is-mouv .wpb_video_widget.vc_video-el-width-90 .wpb_wrapper {
  width: 90%;
}

body.is-mouv .wpb_video_widget.vc_video-el-width-100 .wpb_wrapper {
  width: 100%;
}

body.is-mouv .wpb_video_widget .wpb_video_wrapper {
  padding-top: 56.25%;
  position: relative;
  width: 100%;
}

body.is-mouv .wpb_video_widget.vc_video-aspect-ratio-169 .wpb_video_wrapper {
  padding-top: 56.25%;
}

body.is-mouv .wpb_video_widget.vc_video-align-left .wpb_wrapper {
  float: left;
}

body.is-mouv .wpb_video_widget.vc_video-align-center .wpb_wrapper {
  margin: 0px auto;
}

body.is-mouv .wpb_video_widget .wpb_wrapper {
  position: relative;
}

body.is-mouv .wpb_video_widget .wpb_wrapper iframe {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  margin: 0px;
  top: 0px;
  left: 0px;
  box-sizing: border-box;
}

body.is-mouv .vc_separator {
  display: flex;
  flex-flow: row;
  align-items: center;
}

body.is-mouv .vc_separator .vc_sep_holder {
  height: 1px;
  position: relative;
  flex: 1 1 auto;
  min-width: 10%;
}

body.is-mouv .vc_separator .vc_sep_holder .vc_sep_line {
  height: 1px;
  border-top: 1px solid rgb(235, 235, 235);
  display: block;
  position: relative;
  top: 1px;
  width: 100%;
}

body.is-mouv .vc_separator.vc_separator_no_text:not(.vc_sep_shadow) .vc_sep_holder_l {
  width: 100%;
}

body.is-mouv .vc_separator.vc_separator_no_text:not(.vc_sep_shadow) .vc_sep_holder_r {
  display: none;
}

body.is-mouv .vc_separator.vc_sep_border_width_2 .vc_sep_holder .vc_sep_line {
  border-top-width: 2px;
}

body.is-mouv .vc_separator.vc_sep_color_white .vc_sep_line {
  border-color: rgb(255, 255, 255);
}

body.is-mouv .vc_sep_width_70 {
  width: 70%;
}

body.is-mouv .vc_sep_pos_align_left {
  margin-left: 0px;
  margin-right: auto;
}

body.is-mouv .wpb_single_image a {
  border-width: medium;
  border-style: none;
  border-color: currentcolor;
  -o-border-image: none;
     border-image: none;
  outline: 0px;
}

body.is-mouv .wpb_single_image img {
  height: auto;
  max-width: 100%;
  vertical-align: top;
}

body.is-mouv .wpb_single_image .vc_single_image-wrapper {
  display: inline-block;
  vertical-align: top;
  max-width: 100%;
}

body.is-mouv .wpb_single_image.vc_align_center {
  text-align: center;
}

body.is-mouv .wpb_single_image.vc_align_right {
  text-align: right;
}

body.is-mouv .wpb_single_image.vc_align_left {
  text-align: left;
}

body.is-mouv .wpb_single_image .vc_figure {
  display: inline-block;
  vertical-align: top;
  margin: 0px;
  max-width: 100%;
}

body.is-mouv .vc_gitem-zone, body.is-mouv .vc_gitem_row .vc_gitem-col {
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  box-sizing: border-box;
}

body.is-mouv .vc_grid.vc_row {
  padding-left: 0px;
  margin-left: 0px;
  margin-right: 0px;
}

body.is-mouv .vc_grid.vc_row.vc_grid-gutter-30px {
  margin-bottom: -30px;
}

body.is-mouv .vc_grid.vc_row.vc_grid-gutter-30px .vc_pageable-slide-wrapper {
  margin-right: -30px;
}

body.is-mouv .vc_grid.vc_row.vc_grid-gutter-30px .vc_grid-item {
  padding-right: 30px;
  padding-bottom: 30px;
}

body.is-mouv .vc_grid.vc_row .vc_pageable-slide-wrapper .vc_grid-item.vc_visible-item:hover {
  z-index: 3;
}

body.is-mouv .vc_grid.vc_row .vc_grid-item {
  display: none;
  padding: 0px;
  vertical-align: top;
  float: none;
  box-sizing: border-box;
  z-index: 1;
}

body.is-mouv .vc_gitem_row {
  margin-bottom: 0px;
}

body.is-mouv .vc_grid .vc_gitem-link {
  border-bottom-width: medium;
  border-bottom-style: none;
  border-bottom-color: currentcolor;
  outline: 0px;
  box-shadow: none;
}

body.is-mouv .vc_basic_grid .vc_grid.vc_row .vc_grid-item.vc_visible-item {
  display: block;
}

@media (min-width: 768px) {
  body.is-mouv .vc_basic_grid .vc_grid.vc_row .vc_grid-item.vc_visible-item {
    display: inline-block;
  }
}
body.is-mouv .vc_gitem-zone-b {
  display: none;
  overflow: hidden;
}

body.is-mouv .vc_gitem-is-link {
  cursor: pointer;
}

body.is-mouv .vc_gitem-link {
  text-decoration: none;
}

body.is-mouv .vc_gitem_row {
  margin-left: 0px;
  margin-right: 0px;
  padding: inherit;
  box-sizing: border-box;
}

body.is-mouv .vc_gitem_row .vc_gitem-col {
  padding: 10px;
}

body.is-mouv .vc_gitem-zone {
  position: relative;
  background-clip: border-box;
  overflow: hidden;
}

body.is-mouv .vc_gitem-zone .vc-zone-link {
  display: block;
  position: absolute;
  inset: 0px;
  z-index: 5;
}

body.is-mouv .vc_gitem-zone-img {
  width: 100%;
  display: block;
  visibility: hidden;
  height: auto;
}

body.is-mouv .vc_gitem-zone-a .vc_gitem-zone-mini {
  box-sizing: border-box;
  padding: inherit;
  position: static;
  inset: 0px;
}

body.is-mouv .vc_gitem-zone-b .vc_gitem-zone-mini {
  position: static;
  padding: inherit;
  inset: 0px;
  margin: 0px;
}

body.is-mouv .vc-gitem-zone-height-mode-auto .vc_gitem-zone-img {
  display: none !important;
}

body.is-mouv .vc-gitem-zone-height-mode-auto::before {
  content: "";
  display: block;
  padding-top: 100%;
}

body.is-mouv .vc-gitem-zone-height-mode-auto.vc-gitem-zone-height-mode-auto-3-4::before {
  padding-top: 133.333%;
}

body.is-mouv .vc_gitem-animated-block {
  position: relative;
}

body.is-mouv .vc_gitem-animate .vc_gitem-zone-b {
  z-index: 199;
}

body.is-mouv .vc_gitem-animate-scaleIn .vc_gitem-zone-b {
  display: block;
  position: absolute;
  inset: 0px;
  margin: 0px;
  opacity: 0;
  transition: 1s;
  box-sizing: border-box;
}

body.is-mouv .vc_gitem-animate-scaleIn {
  overflow: hidden;
}

body.is-mouv .vc_gitem-animate-scaleIn .vc_gitem-zone-a {
  transform: scale(1);
  transition: transform 0.3s ease-in-out;
}

body.is-mouv .vc_gitem-post-data {
  margin-bottom: 15px;
}

/* ===== app/public/wp-content/themes/kalium/assets/css/bootstrap.min.css ===== */
html:has(body.is-mouv) {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
     -moz-text-size-adjust: 100%;
          text-size-adjust: 100%;
  font-size: 10px;
  -webkit-tap-highlight-color: transparent;
}

body.is-mouv {
  margin: 0px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 15px;
  line-height: 1.33333;
  color: rgb(51, 51, 51);
  background-color: rgb(255, 255, 255);
}

body.is-mouv figure, body.is-mouv footer, body.is-mouv header, body.is-mouv nav, body.is-mouv section {
  display: block;
}

body.is-mouv [hidden] {
  display: none;
}

body.is-mouv a {
  background-color: transparent;
  color: rgb(0, 177, 158);
  text-decoration: none;
}

body.is-mouv a:active, body.is-mouv a:hover {
  outline: 0px;
}

body.is-mouv strong {
  font-weight: 700;
}

body.is-mouv b, body.is-mouv strong {
  font-weight: 700;
}

body.is-mouv h1 {
  margin: 0.67em 0px;
}

body.is-mouv img {
  border: 0px;
  vertical-align: middle;
}

body.is-mouv svg:not(:root) {
  overflow: hidden;
}

body.is-mouv figure {
  margin: 0px;
}

body.is-mouv hr {
  box-sizing: content-box;
  height: 0px;
  margin-top: 19px;
  margin-bottom: 19px;
  border-width: 1px 0px 0px;
  border-style: solid none none;
  border-color: rgb(238, 238, 238) currentcolor currentcolor;
  -o-border-image: none;
     border-image: none;
}

body.is-mouv button, body.is-mouv input, body.is-mouv select {
  color: inherit;
  font: inherit;
  margin: 0px;
}

body.is-mouv button, body.is-mouv input {
  color: inherit;
  font: inherit;
  margin: 0px;
}

body.is-mouv button {
  overflow: visible;
}

body.is-mouv button, body.is-mouv select {
  text-transform: none;
}

body.is-mouv button {
  text-transform: none;
}

body.is-mouv button, body.is-mouv input[type=submit] {
  -webkit-appearance: button;
     -moz-appearance: button;
          appearance: button;
  cursor: pointer;
}

body.is-mouv button[disabled] {
  cursor: default;
}

body.is-mouv input[type=checkbox] {
  box-sizing: border-box;
  padding: 0px;
}

body.is-mouv input[type=search] {
  box-sizing: border-box;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

body.is-mouv input[type=search]::-webkit-search-cancel-button, body.is-mouv input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
          appearance: none;
}

body.is-mouv fieldset {
  min-width: 0px;
  margin: 0px;
  border: 0px;
}

body.is-mouv legend {
  display: block;
  width: 100%;
  margin-bottom: 19px;
  font-size: 22.5px;
  line-height: inherit;
  color: rgb(51, 51, 51);
  border-width: 0px 0px 1px;
  border-style: none none solid;
  border-color: currentcolor currentcolor rgb(229, 229, 229);
  -o-border-image: none;
     border-image: none;
}

body.is-mouv fieldset, body.is-mouv legend {
  padding: 0px;
}

body.is-mouv, body.is-mouv * {
  box-sizing: border-box;
}

body.is-mouv button, body.is-mouv input, body.is-mouv select {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

body.is-mouv button, body.is-mouv input {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

body.is-mouv a:focus, body.is-mouv a:hover {
  color: rgb(0, 101, 90);
  text-decoration: underline;
}

body.is-mouv a:focus {
  outline: -webkit-focus-ring-color auto 5px;
  outline-offset: -2px;
}

body.is-mouv [role=button] {
  cursor: pointer;
}

body.is-mouv h1, body.is-mouv h2, body.is-mouv h3 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}

body.is-mouv h1, body.is-mouv h2, body.is-mouv h4 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}

body.is-mouv h1, body.is-mouv h2, body.is-mouv h3, body.is-mouv h4 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}

body.is-mouv h1, body.is-mouv h2, body.is-mouv h3 {
  margin-top: 19px;
  margin-bottom: 9.5px;
}

body.is-mouv h1, body.is-mouv h2 {
  margin-top: 19px;
  margin-bottom: 9.5px;
}

body.is-mouv h4 {
  margin-top: 9.5px;
  margin-bottom: 9.5px;
}

body.is-mouv h1 {
  font-size: 39px;
}

body.is-mouv h2 {
  font-size: 32px;
}

body.is-mouv h3 {
  font-size: 26px;
}

body.is-mouv h4 {
  font-size: 19px;
}

body.is-mouv p {
  margin: 0px 0px 9.5px;
}

body.is-mouv ul {
  margin-top: 0px;
  margin-bottom: 9.5px;
}

body.is-mouv ol, body.is-mouv ul {
  margin-top: 0px;
  margin-bottom: 9.5px;
}

body.is-mouv ul ul {
  margin-bottom: 0px;
}

body.is-mouv .container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 768px) {
  body.is-mouv .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  body.is-mouv .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  body.is-mouv .container {
    width: 1170px;
  }
}
body.is-mouv .row {
  margin-right: -15px;
  margin-left: -15px;
}

body.is-mouv .col-md-4, body.is-mouv .col-md-7, body.is-mouv .col-xs-12, body.is-mouv .col-xs-2, body.is-mouv .col-xs-5 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

body.is-mouv .col-xs-12, body.is-mouv .col-xs-2, body.is-mouv .col-xs-5 {
  float: left;
}

body.is-mouv .col-xs-12 {
  width: 100%;
}

body.is-mouv .col-xs-5 {
  width: 41.6667%;
}

body.is-mouv .col-xs-2 {
  width: 16.6667%;
}

@media (min-width: 992px) {
  body.is-mouv .col-md-4, body.is-mouv .col-md-7 {
    float: left;
  }
  body.is-mouv .col-md-7 {
    width: 58.3333%;
  }
  body.is-mouv .col-md-4 {
    width: 33.3333%;
  }
  body.is-mouv .col-md-offset-1 {
    margin-left: 8.33333%;
  }
}
body.is-mouv label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: 700;
}

body.is-mouv input[type=checkbox] {
  margin: 4px 0px 0px;
  line-height: normal;
}

body.is-mouv input[type=checkbox]:focus {
  outline: -webkit-focus-ring-color auto 5px;
  outline-offset: -2px;
}

body.is-mouv .container::after, body.is-mouv .container::before, body.is-mouv .row::after, body.is-mouv .row::before {
  display: table;
  content: " ";
}

body.is-mouv .clearfix::after, body.is-mouv .clearfix::before, body.is-mouv .container::after, body.is-mouv .container::before, body.is-mouv .row::after, body.is-mouv .row::before {
  display: table;
  content: " ";
}

body.is-mouv .container::after, body.is-mouv .row::after {
  clear: both;
}

body.is-mouv .clearfix::after, body.is-mouv .container::after, body.is-mouv .row::after {
  clear: both;
}

/* ===== app/public/wp-content/themes/kalium/assets/css/base.min.css ===== */
body.is-mouv .wrapper::after, body.is-mouv .wrapper::before {
  display: table;
  content: " ";
}

body.is-mouv .clearfix::after, body.is-mouv .clearfix::before, body.is-mouv .wrapper::after, body.is-mouv .wrapper::before {
  display: table;
  content: " ";
}

body.is-mouv .wrapper::after {
  clear: both;
}

body.is-mouv .clearfix::after, body.is-mouv .wrapper::after {
  clear: both;
}

body.is-mouv .wrapper {
  position: relative;
  background: rgb(255, 255, 255);
  z-index: 100;
  transition: transform 400ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

@media screen and (max-width: 768px) {
  body.is-mouv .wrapper {
    margin: 0px;
    padding: 0px;
  }
}
body.is-mouv footer.site-footer {
  transition: transform 400ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

body.is-mouv .site-footer a, body.is-mouv .wrapper a {
  position: relative;
  display: inline-block;
}

body.is-mouv .site-footer a::after, body.is-mouv .wrapper a::after {
  content: "";
  overflow: hidden;
  position: absolute;
  left: 0px;
  bottom: -1px;
  display: block;
  width: 0px;
  height: 1px;
  background-color: rgb(0, 177, 158);
  transition: 300ms cubic-bezier(0.175, 0.885, 0.32, 1.075);
}

body.is-mouv .site-footer a:hover, body.is-mouv .wrapper a:hover {
  text-decoration: none;
  color: rgb(0, 177, 158);
}

body.is-mouv .site-footer a:active::after, body.is-mouv .wrapper a:active::after {
  width: 100%;
}

body.is-mouv .section-title {
  margin-top: 20px;
  margin-bottom: 40px;
  position: relative;
}

@media screen and (max-width: 480px) {
  body.is-mouv .section-title {
    margin-top: 0px;
  }
}
body.is-mouv .section-title h1 {
  font-size: 26px;
  color: rgb(51, 51, 51);
  margin-top: 0px;
  position: relative;
}

body.is-mouv .page-container {
  position: relative;
  width: 100%;
  margin-top: 55px;
  margin-bottom: 55px;
}

@media screen and (max-width: 768px) {
  body.is-mouv .page-container {
    margin-top: 27.5px;
    margin-bottom: 27.5px;
  }
}
body.is-mouv .text-on-center {
  text-align: center;
}

body.is-mouv .site-header {
  position: relative;
  backface-visibility: hidden;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  z-index: 100000;
}

body.is-mouv .site-header .fullscreen-menu, body.is-mouv .site-header a {
  pointer-events: auto;
}

body.is-mouv.header-absolute .site-header {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
}

body.is-mouv .site-header.fullwidth-header .container {
  width: 100%;
}

@media screen and (min-width: 769px) {
  body.is-mouv .site-header.fullwidth-header .container {
    padding-left: 45px;
    padding-right: 45px;
  }
}
body.is-mouv .site-header.fullwidth-header .fullscreen-menu-footer .container {
  padding-left: 15px;
  padding-right: 15px;
}

@media screen and (min-width: 769px) {
  body.is-mouv .site-header.fullwidth-header .fullscreen-menu-footer .container {
    padding-left: 45px;
    padding-right: 45px;
  }
}
body.is-mouv .header-block {
  padding-top: 50px;
  padding-bottom: 50px;
  background-color: transparent;
}

body.is-mouv .header-block {
  display: flex;
  flex-direction: column;
}

@media screen and (max-width: 768px) {
  body.is-mouv .header-block {
    padding-top: 25px;
    padding-bottom: 25px;
  }
}
body.is-mouv .header-block__row {
  display: flex;
  margin-left: -15px;
  margin-right: -15px;
  flex-grow: 1;
  flex-wrap: wrap;
}

body.is-mouv .header-block__row-container {
  display: flex;
  flex-direction: column;
  width: 100%;
}

body.is-mouv .header-block__column {
  display: flex;
  padding-left: 15px;
  padding-right: 15px;
  width: 100%;
  flex-basis: 0px;
  flex-grow: 1;
  min-width: 0px;
  max-width: 100%;
}

body.is-mouv .header-block__logo {
  align-items: center;
}

body.is-mouv .header-block__items-row {
  display: flex;
  flex-direction: row;
  margin-left: -15px;
  margin-right: -15px;
}

@media screen and (max-width: 768px) {
  body.is-mouv .header-block__items-row {
    margin-left: -10px;
    margin-right: -10px;
  }
}
body.is-mouv .header-block__items-row .header-block__item {
  padding-left: 15px;
  padding-right: 15px;
}

@media screen and (max-width: 768px) {
  body.is-mouv .header-block__items-row .header-block__item {
    padding-left: 10px;
    padding-right: 10px;
  }
}
body.is-mouv .header-block__item {
  display: flex;
  align-items: center;
}

body.is-mouv .header-block--auto-grow {
  flex: 0 0 auto;
  width: auto;
}

body.is-mouv .header-block--align-right {
  justify-content: flex-end;
}

body.is-mouv .site-header--sticky-absolute {
  left: 0px;
  right: 0px;
}

body.is-mouv .wrapper .site-header--sticky-absolute {
  position: absolute;
}

body.is-mouv .header-logo {
  position: relative;
  font-size: 32px;
}

body.is-mouv .header-logo.logo-image {
  position: relative;
  display: block;
  overflow: hidden;
}

body.is-mouv .header-logo.logo-image img {
  position: relative;
  display: block;
  z-index: 10;
  width: 100%;
  height: auto;
  max-width: 100%;
}

body.is-mouv .header-logo.logo-image img.alternate-logo {
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0;
  visibility: hidden;
}

body.is-mouv .toggle-bars {
  position: relative;
  display: flex;
  flex-direction: row;
  padding: 5px 0px;
  z-index: 301;
}

body.is-mouv .wrapper .toggle-bars {
  display: flex;
}

body.is-mouv .fullscreen-menu .fullscreen-menu-footer .social-networks li a span, body.is-mouv .toggle-bars::after, body.is-mouv .wrapper .toggle-bars::after {
  display: none;
}

body.is-mouv .toggle-bars span {
  display: block;
}

body.is-mouv .toggle-bars__column {
  flex-grow: 1;
}

body.is-mouv .toggle-bars__bar-lines {
  position: relative;
  width: 23px;
  height: 18px;
}

body.is-mouv .toggle-bars__bar-line {
  position: absolute;
  height: 2px;
  left: 0px;
  width: 100%;
  top: 50%;
  margin-top: -1px;
  background-color: rgb(0, 0, 0);
  transition: 200ms;
}

body.is-mouv .toggle-bars__bar-line--top {
  top: 1px;
}

body.is-mouv .toggle-bars__bar-line--bottom {
  top: 100%;
  margin-top: -2px;
}

body.is-mouv .toggle-bars.menu-skin-light .toggle-bars__bar-line {
  background-color: rgb(255, 255, 255);
}

body.is-mouv .fullscreen-menu nav ul li.current-menu-item > a::after, body.is-mouv .fullscreen-menu nav ul li.current_page_item > a::after {
  width: 100%;
}

body.is-mouv .fullscreen-menu nav ul li.current-menu-ancestor > a::after, body.is-mouv .fullscreen-menu nav ul li.current-menu-item > a::after, body.is-mouv .fullscreen-menu nav ul li.current_page_ancestor > a::after, body.is-mouv .fullscreen-menu nav ul li.current_page_item > a::after {
  width: 100%;
}

body.is-mouv .fullscreen-menu nav ul li.current-menu-item > a::after {
  width: 100%;
}

body.is-mouv .fullscreen-menu nav ul li {
  margin-top: 10px;
}

body.is-mouv .fullscreen-menu nav ul li a:hover {
  color: rgb(255, 255, 255);
}

body.is-mouv .fullscreen-menu {
  visibility: hidden;
  opacity: 0;
}

body.is-mouv .fullscreen-menu {
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  position: fixed;
  z-index: 300;
  background-color: rgb(0, 177, 158);
  display: flex;
  flex-direction: column;
  transition: 350ms ease-in-out 200ms;
}

body.is-mouv .fullscreen-menu .fullscreen-menu-navigation {
  display: flex;
  flex-grow: 1;
  overflow: auto;
}

body.is-mouv .fullscreen-menu nav {
  display: block;
  margin: 60px 0px 40px;
  padding: 0px;
  text-align: left;
}

@media screen and (max-width: 768px) {
  body.is-mouv .fullscreen-menu nav {
    margin-top: 53px;
  }
}
body.is-mouv .fullscreen-menu nav ul {
  padding: 0px;
  list-style: none;
}

body.is-mouv .fullscreen-menu nav ul li a {
  font-size: 32px;
  color: rgb(255, 255, 255);
  text-decoration: none;
}

body.is-mouv .fullscreen-menu nav ul li a::after {
  background: 0px 0px;
}

@media screen and (max-width: 768px) {
  body.is-mouv .fullscreen-menu nav ul li a {
    font-size: 30px;
  }
}
body.is-mouv .fullscreen-menu nav ul.menu > li > a::after {
  height: 2px;
  background-color: rgb(255, 255, 255);
  bottom: 0px;
}

body.is-mouv .fullscreen-menu nav ul.menu > li:hover > a::after {
  width: 100%;
}

body.is-mouv .fullscreen-menu nav ul.menu ul {
  display: none;
  margin-left: 0px;
  padding-left: 0px;
}

body.is-mouv .fullscreen-menu nav ul.menu ul li {
  margin-top: 2px;
}

body.is-mouv .fullscreen-menu nav ul.menu ul li a {
  font-size: 20px;
  transition: opacity 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

body.is-mouv .fullscreen-menu nav ul.menu ul li a:hover {
  opacity: 0.75;
}

body.is-mouv .fullscreen-menu .search-form {
  position: relative;
  width: 100%;
}

body.is-mouv .fullscreen-menu .search-form .search-field {
  background: 0px 0px;
  border: 0px;
  font-size: 32px;
  color: rgb(255, 255, 255);
  width: 100%;
}

body.is-mouv .fullscreen-menu .search-form label {
  position: absolute;
  inset: 0px;
  display: block;
  color: rgb(255, 255, 255);
  font-size: 32px;
  font-weight: 400;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  opacity: 0.5;
  transition: 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  cursor: text;
}

body.is-mouv .fullscreen-menu .search-form label i {
  display: inline-block;
  background-color: rgb(255, 255, 255);
  width: 3px;
  height: 3px;
  animation: 1s linear 0s infinite normal none running blink;
  margin-left: 3px;
}

body.is-mouv .fullscreen-menu .fullscreen-menu-footer, body.is-mouv .fullscreen-menu .fullscreen-menu-footer a {
  color: rgb(255, 255, 255);
}

body.is-mouv .fullscreen-menu .fullscreen-menu-footer, body.is-mouv .fullscreen-menu .fullscreen-menu-footer a, body.is-mouv .fullscreen-menu.menu-skin-dark nav ul li a {
  color: rgb(255, 255, 255);
}

body.is-mouv .fullscreen-menu .fullscreen-menu-footer > .container {
  padding: 30px 0px;
}

body.is-mouv .fullscreen-menu .fullscreen-menu-footer a:hover {
  opacity: 0.55;
}

body.is-mouv .fullscreen-menu .fullscreen-menu-footer .left-part {
  float: left;
  width: 100%;
  text-align: left;
}

body.is-mouv .fullscreen-menu .fullscreen-menu-footer .right-part {
  float: right;
  width: 50%;
  text-align: right;
}

body.is-mouv .fullscreen-menu .fullscreen-menu-footer .right-part + .left-part {
  width: 50%;
}

body.is-mouv .fullscreen-menu .fullscreen-menu-footer .social-networks {
  margin-bottom: 0px;
}

body.is-mouv .fullscreen-menu .fullscreen-menu-footer .social-networks li a {
  margin: 0px;
  display: inline-block;
  background-color: rgb(255, 255, 255);
  text-align: center;
  border-radius: 50%;
  width: 24px;
  height: 24px;
}

body.is-mouv .fullscreen-menu .fullscreen-menu-footer .social-networks li a i {
  font-size: 12px;
  line-height: 24px;
  color: rgb(0, 177, 158);
}

body.is-mouv .fullscreen-menu.translucent-background {
  background-color: rgba(0, 177, 158, 0.9);
}

body.is-mouv .fullscreen-menu.menu-open-effect-fade nav .menu > li > a {
  opacity: 0;
  transform: translateY(-5px);
  transition: 220ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 300ms;
}

body.is-mouv .fullscreen-menu.menu-open-effect-fade nav .menu > li:nth-child(n+1) > a {
  transition-duration: 240ms;
  transition-delay: 330ms;
}

body.is-mouv .fullscreen-menu.menu-open-effect-fade nav .menu > li:nth-child(n+2) > a {
  transition-duration: 260ms;
  transition-delay: 360ms;
}

body.is-mouv .fullscreen-menu.menu-open-effect-fade nav .menu > li:nth-child(n+3) > a {
  transition-duration: 280ms;
  transition-delay: 390ms;
}

body.is-mouv .fullscreen-menu.menu-open-effect-fade nav .menu > li:nth-child(n+4) > a {
  transition-duration: 300ms;
  transition-delay: 420ms;
}

body.is-mouv .fullscreen-menu.menu-open-effect-fade nav .menu > li:nth-child(n+5) > a {
  transition-duration: 320ms;
  transition-delay: 450ms;
}

body.is-mouv .fullscreen-menu.menu-open-effect-fade nav .menu > li:nth-child(n+6) > a {
  transition-duration: 340ms;
  transition-delay: 480ms;
}

body.is-mouv .fullscreen-menu.menu-open-effect-fade .fullscreen-menu-footer, body.is-mouv .fullscreen-menu.menu-open-effect-fade .search-form {
  transition: cubic-bezier(0.455, 0.03, 0.515, 0.955);
  opacity: 0;
  transform: translateY(-5px);
}

body.is-mouv .fullscreen-menu.menu-open-effect-fade .search-form {
  transition-duration: 360ms;
  transition-delay: 510ms;
}

body.is-mouv .fullscreen-menu.menu-open-effect-fade .fullscreen-menu-footer {
  transition-duration: 380ms;
  transition-delay: 540ms;
}

body.is-mouv .fullscreen-menu.menu-skin-dark {
  background-color: rgb(26, 26, 26);
}

body.is-mouv .fullscreen-menu.menu-skin-dark.translucent-background {
  background-color: rgba(26, 26, 26, 0.9);
}

body.is-mouv .fullscreen-menu.menu-skin-light {
  background-color: rgb(255, 255, 255);
}

body.is-mouv .fullscreen-menu.menu-skin-dark .fullscreen-menu-footer .social-networks li a, body.is-mouv .fullscreen-menu.menu-skin-dark .search-form label i, body.is-mouv .fullscreen-menu.menu-skin-dark nav ul.menu > li > a::after {
  background-color: rgb(255, 255, 255);
}

body.is-mouv .fullscreen-menu.menu-skin-dark .fullscreen-menu-footer, body.is-mouv .fullscreen-menu.menu-skin-dark .fullscreen-menu-footer a, body.is-mouv .fullscreen-menu.menu-skin-dark .search-form .search-field, body.is-mouv .fullscreen-menu.menu-skin-dark .search-form label {
  color: rgb(255, 255, 255);
}

body.is-mouv .fullscreen-menu.menu-skin-dark .fullscreen-menu-footer .container {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}

body.is-mouv .fullscreen-menu.menu-skin-dark .fullscreen-menu-footer .social-networks li a i {
  color: rgb(26, 26, 26);
}

body.is-mouv .fullscreen-menu.menu-skin-light.translucent-background {
  background-color: rgba(255, 255, 255, 0.9);
}

body.is-mouv .fullscreen-menu.menu-skin-light .fullscreen-menu-footer, body.is-mouv .fullscreen-menu.menu-skin-light .fullscreen-menu-footer a, body.is-mouv .fullscreen-menu.menu-skin-light .search-form .search-field, body.is-mouv .fullscreen-menu.menu-skin-light .search-form label, body.is-mouv .fullscreen-menu.menu-skin-light nav ul li a {
  color: rgb(51, 51, 51);
}

body.is-mouv .fullscreen-menu.menu-skin-light .fullscreen-menu-footer .social-networks li a, body.is-mouv .fullscreen-menu.menu-skin-light .search-form label i, body.is-mouv .fullscreen-menu.menu-skin-light nav ul.menu > li > a::after {
  background-color: rgb(51, 51, 51);
}

body.is-mouv .fullscreen-menu.menu-skin-light .fullscreen-menu-footer .container {
  border-top: 1px solid rgba(51, 51, 51, 0.2);
}

body.is-mouv .fullscreen-menu.menu-skin-light .fullscreen-menu-footer .social-networks li a i {
  color: rgb(255, 255, 255);
}

body.is-mouv label {
  font-weight: 400;
}

body.is-mouv .post-formatting iframe {
  max-width: 100%;
}

body.is-mouv .social-networks.rounded li a i {
  display: block;
  font-size: 16px;
  color: rgb(51, 51, 51);
  top: 50%;
  left: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
}

body.is-mouv input[type=checkbox]:checked::before {
  transform: scale(1);
  opacity: 1;
}

body.is-mouv input[type=checkbox] + label[for] {
  cursor: pointer;
}

body.is-mouv, html:has(body.is-mouv) {
  height: 100%;
}

body.is-mouv a:focus {
  text-decoration: none;
}

body.is-mouv a:active, body.is-mouv a:focus, body.is-mouv a:hover, body.is-mouv input[type=checkbox]:active, body.is-mouv input[type=checkbox]:focus {
  outline: 0px;
}

body.is-mouv p {
  color: rgb(109, 109, 109);
  text-rendering: optimizelegibility;
}

@media screen and (max-width: 768px) {
  body.is-mouv p {
    text-rendering: optimizespeed;
  }
}
body.is-mouv hr {
  border-color: rgb(224, 224, 224);
}

html:has(body.is-mouv) input:-webkit-autofill {
  box-shadow: rgb(255, 255, 255) 0px 0px 0px 1000px inset;
}

body.is-mouv input[type=checkbox] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  position: relative;
  display: inline-block;
  content: "";
  width: 16px;
  height: 16px;
  border: 1px solid rgb(238, 238, 238);
  margin: 0px 6px 5px 0px;
  cursor: pointer;
  vertical-align: middle;
  top: 1px;
  line-height: 1;
  outline: 0px;
}

body.is-mouv input[type=checkbox]::before {
  display: block;
  position: absolute;
  content: "";
  inset: 3px;
  background-color: rgb(0, 177, 158);
  transition: 150ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  opacity: 0;
  transform: scale(0.9);
}

body.is-mouv .container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}

@media (min-width: 768px) {
  body.is-mouv .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  body.is-mouv .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  body.is-mouv .container {
    width: 1170px;
  }
}
body.is-mouv .fullscreen-menu .fullscreen-menu-footer .social-networks li a::after, body.is-mouv .go-to-top::after, body.is-mouv .site-footer .footer-collapse-link::after {
  display: none;
}

body.is-mouv .fullscreen-menu .fullscreen-menu-footer .social-networks li a, body.is-mouv .go-to-top {
  transition: 250ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

body.is-mouv .screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  width: 1px;
  position: absolute !important;
  overflow-wrap: normal !important;
}

body.is-mouv select {
  color: rgb(51, 51, 51);
}

body.is-mouv select {
  border: 1px solid rgb(238, 238, 238);
  width: 100%;
  background-color: rgb(255, 255, 255);
  height: 31px;
  line-height: 31px;
}

body.is-mouv select {
  border-radius: 0px;
}

body.is-mouv .post-formatting::after, body.is-mouv .post-formatting::before {
  display: table;
  content: " ";
}

body.is-mouv .post-formatting::after {
  clear: both;
}

body.is-mouv .post-formatting .image-placeholder {
  margin-bottom: 10px;
}

body.is-mouv .post-formatting img {
  max-width: 100%;
  height: auto;
  margin-top: 10px;
}

body.is-mouv .post-formatting img:first-child {
  margin-top: 0px;
}

body.is-mouv .post-formatting a {
  display: inline;
}

body.is-mouv .post-formatting ul {
  padding-left: 20px;
}

body.is-mouv .post-formatting ol, body.is-mouv .post-formatting ul {
  padding-left: 20px;
}

body.is-mouv .post-formatting ul li {
  padding: 2px 0px;
  color: rgb(109, 109, 109);
}

body.is-mouv .post-formatting ol li, body.is-mouv .post-formatting ul li {
  padding: 2px 0px;
  color: rgb(109, 109, 109);
}

body.is-mouv .widget-area.widgets--columned-layout {
  margin: 0px -15px;
}

body.is-mouv .widget-area.widgets--columned-layout::after, body.is-mouv .widget-area.widgets--columned-layout::before {
  display: table;
  content: " ";
}

body.is-mouv .widget-area.widgets--columned-layout::after {
  clear: both;
}

body.is-mouv .ps .ps__rail-y {
  width: 2px;
}

body.is-mouv .ps .ps__rail-y .ps__thumb-y {
  border-radius: 0px;
  width: 2px;
}

body.is-mouv .ps .ps__rail-y:hover .ps__thumb-y {
  width: 5px;
}

body.is-mouv .ps .ps__rail-x {
  height: 2px;
}

body.is-mouv .ps .ps__rail-x .ps__thumb-x {
  border-radius: 0px;
  height: 2px;
}

body.is-mouv .ps .ps__rail-x:hover .ps__thumb-x {
  height: 5px;
}

body.is-mouv .social-networks.rounded li a span, body.is-mouv .social-networks > li a i {
  display: none;
}

body.is-mouv .social-networks {
  position: relative;
  list-style: none;
  padding-left: 0px;
  margin-left: -5px;
}

body.is-mouv .social-networks > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}

body.is-mouv .social-networks > li a {
  display: inline-block;
  margin-bottom: 10px;
}

body.is-mouv .social-networks > li a, body.is-mouv .social-networks > li a i {
  transition: color 220ms ease-in-out, background 220ms ease-in-out;
}

body.is-mouv .social-networks.rounded {
  line-height: 0;
}

body.is-mouv .social-networks.rounded li a {
  position: relative;
  display: inline-block;
  background-color: rgb(238, 238, 238);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  transition: 200ms ease-in-out;
}

body.is-mouv .social-networks.rounded li a::after {
  display: none !important;
}

body.is-mouv .social-networks.rounded li a:hover {
  background-color: rgb(213, 213, 213);
}

@media screen and (max-width: 768px) {
  body.is-mouv .social-networks.rounded li a {
    margin-bottom: 10px;
  }
}
body.is-mouv .vc-container .vc-row-container {
  position: relative;
}

body.is-mouv .vc-container .vc-row-container .vc_section {
  padding-left: 0px;
  padding-right: 0px;
}

body.is-mouv .vc-container .vc-row-container .vc_row, body.is-mouv .vc-container .vc-row-container .vc_section {
  width: auto;
}

body.is-mouv .vc-container .vc-row-container--stretch-content {
  padding-left: 15px;
  padding-right: 15px;
}

body.is-mouv .vc-container .vc-row-container--stretch-content .vc_inner.container-fixed {
  margin-right: auto;
  margin-left: auto;
  padding-left: 0px;
  padding-right: 0px;
}

@media (min-width: 768px) {
  body.is-mouv .vc-container .vc-row-container--stretch-content .vc_inner.container-fixed {
    width: 750px;
  }
}
@media (min-width: 992px) {
  body.is-mouv .vc-container .vc-row-container--stretch-content .vc_inner.container-fixed {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  body.is-mouv .vc-container .vc-row-container--stretch-content .vc_inner.container-fixed {
    width: 1170px;
  }
}
body.is-mouv .site-footer {
  background: 0px 0px;
}

body.is-mouv .site-footer {
  position: relative;
  z-index: 10;
  background-color: rgb(238, 238, 238);
}

body.is-mouv .site-footer .footer-widgets {
  margin-top: 50px;
  margin-bottom: 40px;
}

@media screen and (max-width: 992px) {
  body.is-mouv .site-footer .footer-widgets {
    margin-top: 30px;
    margin-bottom: 20px;
  }
}
body.is-mouv .site-footer .footer-bottom-content a {
  color: rgb(109, 109, 109);
}

body.is-mouv .site-footer hr {
  margin: 0px;
}

body.is-mouv .site-footer .footer-bottom-content {
  padding-top: 30px;
  padding-bottom: 30px;
}

@media screen and (max-width: 480px) {
  body.is-mouv .site-footer .footer-bottom-content {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
body.is-mouv .site-footer .footer-bottom-content a, body.is-mouv .site-footer .footer-bottom-content p {
  font-size: 15px;
}

body.is-mouv .site-footer .footer-bottom-content .copyrights p {
  margin-bottom: 0px;
}

body.is-mouv .site-footer .footer-collapse-link {
  display: block;
  text-align: center;
  padding: 40px;
  margin-top: 10px;
}

body.is-mouv .site-footer .footer-collapse-link span {
  display: inline-block;
  text-indent: -99999px;
  background: rgb(109, 109, 109);
  width: 12px;
  height: 12px;
  border-radius: 50%;
}

body.is-mouv .site-footer .footer-collapse-link span + span {
  margin-left: 4px;
}

@media screen and (min-width: 768px) {
  body.is-mouv .site-footer .footer-collapse-link {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  body.is-mouv .site-footer .footer-collapse-link + .footer--widgets {
    display: none;
  }
}
body.is-mouv .site-footer.footer-bottom-horizontal .footer-bottom-content {
  display: table;
  table-layout: auto;
  width: 100%;
  direction: rtl;
}

@media screen and (max-width: 768px) {
  body.is-mouv .site-footer.footer-bottom-horizontal .footer-bottom-content {
    display: block;
  }
}
body.is-mouv .site-footer.footer-bottom-horizontal .footer-bottom-content .footer-content-left, body.is-mouv .site-footer.footer-bottom-horizontal .footer-bottom-content .footer-content-right {
  display: table-cell;
  vertical-align: middle;
  direction: ltr;
}

@media screen and (max-width: 768px) {
  body.is-mouv .site-footer.footer-bottom-horizontal .footer-bottom-content .footer-content-left, body.is-mouv .site-footer.footer-bottom-horizontal .footer-bottom-content .footer-content-right {
    display: block;
    text-align: center;
  }
  body.is-mouv .site-footer.footer-bottom-horizontal .footer-bottom-content .footer-content-right.footer-content-right {
    text-align: center;
  }
}
body.is-mouv .site-footer.footer-bottom-horizontal .footer-bottom-content .footer-content-right {
  text-align: right;
}

@media screen and (max-width: 768px) {
  body.is-mouv .site-footer.footer-bottom-horizontal .footer-bottom-content .footer-content-right {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 480px) {
  body.is-mouv .site-footer.footer-bottom-horizontal .footer-bottom-content .footer-content-right {
    margin-bottom: 15px;
  }
}
body.is-mouv .go-to-top i {
  position: relative;
}

body.is-mouv .go-to-top {
  display: inline-block;
  background-color: rgb(255, 255, 255);
  border-radius: 50%;
  margin: 0px 5px;
  font-size: 16px;
}

body.is-mouv .go-to-top {
  display: block;
  position: fixed;
  background-color: rgb(0, 0, 0);
  bottom: 0px;
  right: 0px;
  z-index: 10000;
  line-height: 40px;
  text-align: center;
  visibility: hidden;
  margin: 30px;
  opacity: 0;
  transform: rotate(180deg) scale(0.5);
  width: 40px;
  height: 40px;
  border-radius: 2px;
  text-decoration: none !important;
}

@media screen and (max-width: 768px) {
  body.is-mouv .go-to-top {
    font-size: 14px;
    line-height: 35px;
    margin: 20px;
    width: 35px;
    height: 35px;
  }
}
body.is-mouv .go-to-top.rounded {
  border-radius: 50%;
}

body.is-mouv .go-to-top i {
  color: rgb(255, 255, 255);
  display: block;
  margin-top: 1px;
  font-weight: 800;
}

body.is-mouv .video-js {
  background-color: rgb(238, 238, 238);
}

body.is-mouv .video-js.vjs-default-skin .vjs-big-play-button {
  border: 0px;
  background-color: transparent !important;
}

body.is-mouv .video-js.vjs-default-skin .vjs-big-play-button .vjs-icon-placeholder::before {
  font-family: linea;
  content: "\e03a";
  font-size: 50px;
}

body.is-mouv .video-js.vjs-default-skin .vjs-poster {
  background-size: cover;
}

body.is-mouv .video-js.vjs-default-skin .vjs-big-play-button:focus, body.is-mouv .video-js.vjs-default-skin:hover .vjs-big-play-button {
  background: rgba(255, 255, 255, 0.1);
  transition: background 180ms ease-in-out;
}

body.is-mouv .video-js.vjs-minimal-skin .vjs-control-bar {
  height: 60px;
  padding-left: 15px;
  padding-right: 15px;
  background: linear-gradient(rgba(255, 255, 255, 0) 0px, rgba(0, 0, 0, 0.2) 100%);
}

body.is-mouv .video-js.vjs-minimal-skin .vjs-control-bar .vjs-control {
  height: auto;
}

body.is-mouv .video-js.vjs-minimal-skin .vjs-control-bar .vjs-control:focus, body.is-mouv .video-js.vjs-minimal-skin .vjs-control-bar .vjs-control:focus::before, body.is-mouv .video-js.vjs-minimal-skin .vjs-control-bar .vjs-control:hover, body.is-mouv .video-js.vjs-minimal-skin .vjs-control-bar .vjs-control:hover::before {
  text-shadow: none;
}

body.is-mouv .video-js.vjs-minimal-skin .vjs-control-bar .vjs-control .vjs-icon-placeholder::before {
  font-size: 25px;
  line-height: 60px;
  text-shadow: none;
}

body.is-mouv .video-js.vjs-minimal-skin .vjs-control-bar .vjs-control.vjs-fullscreen-control .vjs-icon-placeholder::before, body.is-mouv .video-js.vjs-minimal-skin .vjs-control-bar .vjs-control.vjs-remaining-time {
  display: none;
}

body.is-mouv .video-js.vjs-minimal-skin .vjs-control-bar .vjs-control.vjs-volume-panel .vjs-volume-control {
  height: 60px;
}

body.is-mouv .video-js.vjs-minimal-skin .vjs-control-bar .vjs-control.vjs-volume-panel .vjs-volume-control .vjs-volume-bar {
  margin-top: 28px;
  margin-bottom: 0px;
}

body.is-mouv .video-js.vjs-minimal-skin .vjs-control-bar .vjs-control.vjs-fullscreen-control .vjs-icon-placeholder::after {
  display: inline-block;
  content: "";
  border: 3px solid rgba(255, 255, 255, 0.8);
  width: 22px;
  height: 15px;
}

body.is-mouv .video-js.vjs-minimal-skin .vjs-control-bar .vjs-control.vjs-fullscreen-control:hover .vjs-icon-placeholder::after {
  border-color: rgb(255, 255, 255);
}

body.is-mouv .video-js-el.video-js-init {
  visibility: visible;
  opacity: 1;
}

body.is-mouv .video-js.vjs-minimal-skin .vjs-slider {
  height: 4px;
  background-color: rgba(255, 255, 255, 0.35);
}

body.is-mouv .video-js.vjs-minimal-skin .vjs-slider:focus, body.is-mouv .video-js.vjs-minimal-skin .vjs-slider:hover {
  text-shadow: none;
  box-shadow: none;
}

body.is-mouv .video-js.vjs-minimal-skin .vjs-slider .vjs-load-progress {
  background-color: transparent;
}

body.is-mouv .video-js.vjs-minimal-skin .vjs-slider .vjs-load-progress div {
  background-color: rgba(255, 255, 255, 0.5);
}

body.is-mouv .video-js-el, body.is-mouv .video-js.vjs-minimal-skin .vjs-slider .vjs-play-progress::before, body.is-mouv .video-js.vjs-minimal-skin .vjs-slider .vjs-volume-level::before {
  visibility: hidden;
}

body.is-mouv .video-js.vjs-minimal-skin .vjs-slider .vjs-volume-level {
  height: 100%;
}

body.is-mouv .video-js.vjs-minimal-skin .vjs-slider .vjs-slider-bar, body.is-mouv .video-js.vjs-minimal-skin .vjs-slider .vjs-volume-level {
  background-color: rgb(255, 255, 255);
}

body.is-mouv .video-js.vjs-minimal-skin .vjs-slider .vjs-slider-bar::before, body.is-mouv .video-js.vjs-minimal-skin .vjs-slider .vjs-volume-level::before {
  color: rgb(255, 255, 255);
  font-size: 17px;
  top: 2px;
  transform: translateY(-50%);
}

body.is-mouv .video-js.vjs-minimal-skin .vjs-slider.vjs-volume-bar {
  background-color: rgba(255, 255, 255, 0.5);
}

body.is-mouv .video-js.vjs-minimal-skin .vjs-slider .vjs-time-tooltip {
  border-radius: 0px;
  padding: 5px 10px;
  line-height: 1;
}

body.is-mouv .video-js.vjs-minimal-skin .vjs-slider .vjs-mouse-display {
  background-color: rgb(255, 255, 255);
}

body.is-mouv .video-js-el {
  opacity: 0;
}

body.is-mouv .image-placeholder {
  position: relative;
  display: block;
  background-color: rgb(238, 238, 238);
}

body.is-mouv .image-placeholder > img {
  position: absolute;
  display: block;
  max-width: 100%;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  image-rendering: auto;
  backface-visibility: hidden;
  transform: translate3d(0px, 0px, 0px);
  filter: blur(0px);
  opacity: 0;
}

body.is-mouv .image-placeholder .lazyload {
  opacity: 0;
}

body.is-mouv .image-placeholder .lazyloaded {
  animation: 270ms cubic-bezier(0.445, 0.05, 0.55, 0.95) 0s 1 normal forwards running imagePlaceholderOpacityIn;
}

@media print {
  body.is-mouv .image-placeholder .lazyloaded {
    opacity: 1;
  }
}
body.is-mouv .image-placeholder.loaded {
  animation: 270ms cubic-bezier(0.445, 0.05, 0.55, 0.95) 0s 1 normal forwards running imagePlaceholderBackgroundOut;
}

body.is-mouv .image-placeholder.loaded.video {
  animation: auto ease 0s 1 normal none running none;
}

body.is-mouv .image-placeholder.loaded .loader {
  animation: 270ms cubic-bezier(0.445, 0.05, 0.55, 0.95) 0s 1 normal forwards running imagePlaceholderOpacityOut;
}

body.is-mouv .image-placeholder .video-js-el, body.is-mouv .image-placeholder .vjs-poster {
  background-color: transparent;
}

body.is-mouv .image-placeholder .video-js-el, body.is-mouv .image-placeholder iframe {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  transition: opacity 300ms ease-in-out;
}

body.is-mouv .image-placeholder > .loader {
  position: absolute;
  inset: 20px;
  display: flex;
  flex-flow: wrap;
  transform-origin: center center;
}

body.is-mouv .image-placeholder > .loader .loader-row {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  transform-origin: center center;
}

body.is-mouv :root {
  --animate-duration: 1s;
  --animate-delay: 1s;
  --animate-repeat: 1;
}

body.is-mouv .animated {
  animation-duration: var(--animate-duration);
  animation-fill-mode: both;
}

@media (prefers-reduced-motion: reduce), print {
  body.is-mouv .animated {
    animation-duration: 1ms !important;
    transition-duration: 1ms !important;
    animation-iteration-count: 1 !important;
  }
}
body.is-mouv .fadeIn {
  animation-name: fadeIn;
}

body.is-mouv .zoomIn {
  animation-name: zoomIn;
}

/* ===== app/public/wp-content/themes/kalium/assets/css/new/style.min.css ===== */
body.is-mouv .like-button {
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

body.is-mouv .like-button::after {
  display: none !important;
}

body.is-mouv .like-button__count {
  max-height: 0px;
  overflow: hidden;
  font-size: 14px;
  opacity: 0;
  transition: max-height 300ms cubic-bezier(0.445, 0.05, 0.55, 0.95) 150ms, opacity 300ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

body.is-mouv .like-button__count::before {
  display: block;
  content: "";
  height: 5px;
}

body.is-mouv .like-icon {
  position: relative;
  display: block;
  justify-content: center;
  align-items: center;
  color: rgb(0, 177, 158);
}

body.is-mouv .like-icon:hover {
  text-decoration: none;
}

body.is-mouv .like-icon__icon {
  position: relative;
  display: block;
  width: 24px;
  height: 24px;
  z-index: 2;
}

body.is-mouv .like-icon__icon svg {
  display: flex;
  fill: rgb(0, 177, 158);
}

body.is-mouv .like-icon__icon svg .filled {
  opacity: 0;
}

body.is-mouv .like-icon__bubble {
  position: absolute;
  display: block;
  width: 2px;
  height: 4px;
  background-color: rgb(0, 177, 158);
  transition: transform 600ms cubic-bezier(0.19, 1, 0.22, 1) 100ms;
  border-radius: 2px;
  opacity: 0;
  z-index: 1;
}

body.is-mouv .like-icon__bubble--index-1 {
  left: 50%;
  top: 50%;
  transform: translate(-1px, -20px) rotate(0deg);
}

body.is-mouv .like-icon__bubble--index-2 {
  left: 50%;
  top: 50%;
  transform: translate(11.7279px, -14.7279px) rotate(45deg);
}

body.is-mouv .like-icon__bubble--index-3 {
  left: 50%;
  top: 50%;
  transform: translate(17px, -2px) rotate(90deg);
}

body.is-mouv .like-icon__bubble--index-4 {
  left: 50%;
  top: 50%;
  transform: translate(11.7279px, 10.7279px) rotate(135deg);
}

body.is-mouv .like-icon__bubble--index-5 {
  left: 50%;
  top: 50%;
  transform: translate(-1px, 16px) rotate(180deg);
}

body.is-mouv .like-icon__bubble--index-6 {
  left: 50%;
  top: 50%;
  transform: translate(-13.7279px, 10.7279px) rotate(225deg);
}

body.is-mouv .like-icon__bubble--index-7 {
  left: 50%;
  top: 50%;
  transform: translate(-19px, -2px) rotate(270deg);
}

body.is-mouv .like-icon__bubble--index-8 {
  left: 50%;
  top: 50%;
  transform: translate(-13.7279px, -14.7279px) rotate(315deg);
}

body.is-mouv .adjacent-post-link {
  display: flex;
  align-items: center;
  min-width: 0px;
}

body.is-mouv .adjacent-post-link:hover .adjacent-post-link__icon {
  color: rgb(51, 51, 51);
}

body.is-mouv .adjacent-post-link:hover .adjacent-post-link__text-primary {
  color: rgb(51, 51, 51);
}

body.is-mouv .wrapper .adjacent-post-link {
  display: flex;
}

body.is-mouv .wrapper .adjacent-post-link::after {
  display: none;
}

body.is-mouv .adjacent-post-link.disabled {
  pointer-events: none;
  opacity: 0.4;
}

@media (max-width: 767.98px) {
  body.is-mouv .adjacent-post-link--has-icon .adjacent-post-link__text {
    display: none;
  }
}
body.is-mouv .adjacent-post-link--arrow-left .adjacent-post-link__icon {
  padding-right: 10px;
}

body.is-mouv .adjacent-post-link--arrow-left:hover .adjacent-post-link__icon {
  transform: translateX(-5px);
}

body.is-mouv .adjacent-post-link--arrow-right {
  flex-direction: row-reverse;
}

body.is-mouv .adjacent-post-link--arrow-right .adjacent-post-link__icon {
  padding-left: 10px;
}

body.is-mouv .adjacent-post-link--arrow-right:hover .adjacent-post-link__icon {
  transform: translateX(5px);
}

body.is-mouv .adjacent-post-link__icon {
  position: relative;
  transition: 300ms;
  font-size: 26px;
  color: rgb(99, 99, 99);
}

body.is-mouv .adjacent-post-link__text {
  position: relative;
  min-width: 0px;
}

body.is-mouv .adjacent-post-link__text span {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

body.is-mouv .adjacent-post-link__text-primary {
  position: relative;
  display: block;
  transition: transform 300ms;
  font-size: 19px;
  color: rgb(99, 99, 99);
}

/* ===== app/public/wp-content/themes/kalium/assets/css/portfolio.min.css ===== */
body.mouv-exhibit .clearfix::after, body.mouv-exhibit .clearfix::before, body.mouv-page .clearfix::after, body.mouv-page .clearfix::before {
  display: table;
  content: " ";
}

body.mouv-exhibit .clearfix::after, body.mouv-page .clearfix::after {
  clear: both;
}

body.mouv-exhibit .portfolio-holder .item-box .photo a::after, body.mouv-page .portfolio-holder .item-box .photo a::after {
  display: none;
}

body.mouv-exhibit .portfolio-holder .item-box .photo a, body.mouv-page .portfolio-holder .item-box .photo a {
  display: block;
}

body.mouv-exhibit .screen-reader-text, body.mouv-page .screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  width: 1px;
  position: absolute !important;
  overflow-wrap: normal !important;
}

body.mouv-exhibit .portfolio-holder::after, body.mouv-exhibit .portfolio-holder::before, body.mouv-page .portfolio-holder::after, body.mouv-page .portfolio-holder::before {
  display: table;
  content: " ";
}

body.mouv-exhibit .portfolio-holder::after, body.mouv-page .portfolio-holder::after {
  clear: both;
}

body.mouv-exhibit .portfolio-holder .item-box, body.mouv-exhibit .portfolio-holder .item-box .photo, body.mouv-page .portfolio-holder .item-box, body.mouv-page .portfolio-holder .item-box .photo {
  position: relative;
}

body.mouv-exhibit .portfolio-holder .item-box .photo img, body.mouv-page .portfolio-holder .item-box .photo img {
  width: 100%;
}

body.mouv-exhibit .portfolio-holder .item-box .photo .on-hover, body.mouv-page .portfolio-holder .item-box .photo .on-hover {
  position: absolute;
  display: block;
  inset: 0px;
  background: rgb(0, 177, 158);
  opacity: 0;
  visibility: hidden;
  transition: 350ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

body.mouv-exhibit .portfolio-holder .item-box .photo .on-hover i, body.mouv-page .portfolio-holder .item-box .photo .on-hover i {
  position: absolute;
  left: 50%;
  top: 50%;
  color: rgb(255, 255, 255);
  font-size: 32px;
  transform: translate(-50%, -50%);
  line-height: 1;
  display: block;
  margin: 0px;
  width: 60px;
  text-align: center;
  height: 25px;
  transform-origin: -50% -50%;
}

body.mouv-exhibit .portfolio-holder .item-box .photo .on-hover.hover-style-black, body.mouv-page .portfolio-holder .item-box .photo .on-hover.hover-style-black {
  background-color: rgb(51, 51, 51);
}

body.mouv-exhibit .portfolio-holder .item-box .photo:hover .on-hover, body.mouv-page .portfolio-holder .item-box .photo:hover .on-hover {
  visibility: visible;
  opacity: 0.9;
}

body.mouv-exhibit .portfolio-holder .item-box .info, body.mouv-page .portfolio-holder .item-box .info {
  padding: 10px 0px;
}

body.mouv-exhibit .portfolio-holder .item-box .info h3, body.mouv-page .portfolio-holder .item-box .info h3 {
  font-size: 20px;
  margin-top: 10px;
  margin-bottom: 5px;
}

body.mouv-exhibit .portfolio-holder .item-box .info h3 a, body.mouv-page .portfolio-holder .item-box .info h3 a {
  color: rgb(51, 51, 51);
}

body.mouv-exhibit .portfolio-holder .item-box .info h3 a::after, body.mouv-page .portfolio-holder .item-box .info h3 a::after {
  background: 0px 0px;
}

body.mouv-exhibit .portfolio-holder .item-box .info p, body.mouv-page .portfolio-holder .item-box .info p {
  font-size: 14px;
}

body.mouv-exhibit .portfolio-holder .item-box .info p a, body.mouv-page .portfolio-holder .item-box .info p a {
  color: rgb(109, 109, 109);
}

body.mouv-exhibit .portfolio-holder .item-box .info p a:hover, body.mouv-exhibit .product-filter ul li a:hover, body.mouv-page .portfolio-holder .item-box .info p a:hover, body.mouv-page .product-filter ul li a:hover {
  color: rgb(0, 177, 158);
}

body.mouv-exhibit .portfolio-holder .item-box .info p a:hover, body.mouv-page .portfolio-holder .item-box .info p a:hover {
  color: rgb(0, 177, 158);
}

body.mouv-exhibit .single-portfolio-holder .social-links-plain .share-social .social-links a:hover, body.mouv-page .single-portfolio-holder .social-links-plain .share-social .social-links a:hover {
  color: rgb(0, 177, 158);
}

body.mouv-exhibit .portfolio-holder .animated-eye-icon .item-box .photo .on-hover i, body.mouv-page .portfolio-holder .animated-eye-icon .item-box .photo .on-hover i {
  background: url("../images/icons/eye.gif") 0% 0%/45px no-repeat;
  width: 45px;
  height: 45px;
}

body.mouv-exhibit .portfolio-holder .animated-eye-icon .item-box .photo .on-hover i::before, body.mouv-page .portfolio-holder .animated-eye-icon .item-box .photo .on-hover i::before {
  content: "";
}

body.mouv-exhibit .portfolio-holder .portfolio-item, body.mouv-page .portfolio-holder .portfolio-item {
  padding-left: 15px;
  padding-right: 15px;
}

body.mouv-exhibit .portfolio-holder, body.mouv-page .portfolio-holder {
  clear: both;
  position: relative;
}

body.mouv-exhibit .portfolio-holder .portfolio-item, body.mouv-page .portfolio-holder .portfolio-item {
  position: relative;
  width: 33.3333%;
  float: left;
}

@media screen and (max-width: 768px) {
  body.mouv-exhibit .portfolio-holder .portfolio-item, body.mouv-page .portfolio-holder .portfolio-item {
    width: 50%;
  }
}
@media screen and (max-width: 480px) {
  body.mouv-exhibit .portfolio-holder .portfolio-item, body.mouv-page .portfolio-holder .portfolio-item {
    width: 100%;
  }
}
body.mouv-exhibit .portfolio-holder .portfolio-item.has-padding, body.mouv-page .portfolio-holder .portfolio-item.has-padding {
  padding: 15px;
}

@media screen and (max-width: 480px) {
  body.mouv-exhibit .portfolio-holder .portfolio-item.has-padding, body.mouv-page .portfolio-holder .portfolio-item.has-padding {
    padding-bottom: 0px;
  }
}
body.mouv-exhibit .portfolio-holder .portfolio-item.w4, body.mouv-page .portfolio-holder .portfolio-item.w4 {
  width: 33.3333%;
}

@media screen and (max-width: 768px) {
  body.mouv-exhibit .portfolio-holder .portfolio-item.w4, body.mouv-page .portfolio-holder .portfolio-item.w4 {
    position: relative;
    float: left;
    width: 50%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media screen and (max-width: 480px) {
  body.mouv-exhibit .portfolio-holder .portfolio-item.w4, body.mouv-page .portfolio-holder .portfolio-item.w4 {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
  }
}
body.mouv-exhibit .product-filter ul li.active a::after, body.mouv-page .product-filter ul li.active a::after {
  width: 100%;
}

body.mouv-exhibit .portfolio-holder.portfolio-type-1 .portfolio-item .info, body.mouv-page .portfolio-holder.portfolio-type-1 .portfolio-item .info {
  padding-bottom: 0px;
}

body.mouv-exhibit .portfolio-holder.portfolio-type-1 .portfolio-item .info .terms, body.mouv-page .portfolio-holder.portfolio-type-1 .portfolio-item .info .terms {
  margin-bottom: 0px;
}

body.mouv-exhibit .product-filter, body.mouv-page .product-filter {
  text-align: right;
  position: relative;
}

@media screen and (max-width: 992px) {
  body.mouv-exhibit .product-filter, body.mouv-page .product-filter {
    text-align: left;
  }
}
body.mouv-exhibit .product-filter ul, body.mouv-page .product-filter ul {
  list-style-type: none;
  padding-left: 0px;
  margin-bottom: 0px;
}

body.mouv-exhibit .product-filter ul > li:first-child, body.mouv-page .product-filter ul > li:first-child {
  margin-left: 0px;
}

body.mouv-exhibit .product-filter ul li, body.mouv-page .product-filter ul li {
  display: inline-block;
  margin-left: 20px;
  margin-bottom: 10px;
}

@media screen and (max-width: 992px) {
  body.mouv-exhibit .product-filter ul li, body.mouv-page .product-filter ul li {
    margin-left: 0px;
    margin-right: 10px;
  }
}
body.mouv-exhibit .product-filter ul li a, body.mouv-page .product-filter ul li a {
  font-size: 16px;
  color: rgb(109, 109, 109);
  text-decoration: none;
}

body.mouv-exhibit .product-filter ul li, body.mouv-page .product-filter ul li {
  transition: 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95) 50ms;
}

body.mouv-exhibit .product-filter ul li + li, body.mouv-page .product-filter ul li + li {
  transition-delay: 100ms;
}

body.mouv-exhibit .product-filter ul li + li + li, body.mouv-page .product-filter ul li + li + li {
  transition-delay: 150ms;
}

body.mouv-exhibit .product-filter ul li + li + li + li, body.mouv-page .product-filter ul li + li + li + li {
  transition-delay: 200ms;
}

body.mouv-exhibit .product-filter ul li + li + li + li + li, body.mouv-page .product-filter ul li + li + li + li + li {
  transition-delay: 250ms;
}

body.mouv-exhibit .product-filter ul li + li + li + li + li + li, body.mouv-page .product-filter ul li + li + li + li + li + li {
  transition-delay: 300ms;
}

body.mouv-exhibit .portfolio-title-holder, body.mouv-page .portfolio-title-holder {
  display: flex;
  align-items: flex-end;
}

@media screen and (max-width: 992px) {
  body.mouv-exhibit .portfolio-title-holder, body.mouv-page .portfolio-title-holder {
    flex-direction: column;
    align-items: flex-start;
  }
}
body.mouv-exhibit.single-portfolio .page-container, body.mouv-page.single-portfolio .page-container {
  margin-top: 30px;
}

body.mouv-exhibit.header-absolute.single-portfolio .page-container, body.mouv-page.header-absolute.single-portfolio .page-container {
  margin-top: 0px;
}

body.mouv-exhibit .single-portfolio-holder .title, body.mouv-page .single-portfolio-holder .title {
  margin-top: 0px;
  clear: both;
}

body.mouv-exhibit .single-portfolio-holder .title h1, body.mouv-page .single-portfolio-holder .title h1 {
  margin-top: 15px;
  transition: margin 220ms linear;
}

body.mouv-exhibit .single-portfolio-holder .details, body.mouv-page .single-portfolio-holder .details {
  transition: opacity 400ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

body.mouv-exhibit .single-portfolio-holder .details::after, body.mouv-exhibit .single-portfolio-holder .details::before, body.mouv-page .single-portfolio-holder .details::after, body.mouv-page .single-portfolio-holder .details::before {
  display: table;
  content: " ";
}

body.mouv-exhibit .single-portfolio-holder .details::after, body.mouv-page .single-portfolio-holder .details::after {
  clear: both;
}

body.mouv-exhibit .single-portfolio-holder .details > .row, body.mouv-page .single-portfolio-holder .details > .row {
  position: relative;
}

body.mouv-exhibit .single-portfolio-holder .details .project-description, body.mouv-page .single-portfolio-holder .details .project-description {
  position: relative;
}

body.mouv-exhibit .single-portfolio-holder .details .project-description p, body.mouv-page .single-portfolio-holder .details .project-description p {
  font-size: 16px;
}

body.mouv-exhibit .single-portfolio-holder .social-links-plain .share-social h4, body.mouv-page .single-portfolio-holder .social-links-plain .share-social h4 {
  font-size: 18px;
  margin-top: 0px;
}

body.mouv-exhibit .single-portfolio-holder .social-links-plain, body.mouv-page .single-portfolio-holder .social-links-plain {
  display: flex;
  align-items: center;
}

@media screen and (max-width: 992px) {
  body.mouv-exhibit .single-portfolio-holder .social-links-plain, body.mouv-page .single-portfolio-holder .social-links-plain {
    margin-bottom: 20px;
  }
}
body.mouv-exhibit .portfolio-type-1.single-portfolio-holder .social-links-plain, body.mouv-page .portfolio-type-1.single-portfolio-holder .social-links-plain {
  margin-top: 40px;
}

body.mouv-exhibit .single-portfolio-holder .social-links-plain .likes .like-button, body.mouv-page .single-portfolio-holder .social-links-plain .likes .like-button {
  position: relative;
  display: flex;
  background-color: rgb(238, 238, 238);
  color: rgb(51, 51, 51);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  width: 68px;
  height: 68px;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  margin-left: 20px;
}

body.mouv-exhibit .portfolio-type-1.single-portfolio-holder .social-links-plain .likes .like-button, body.mouv-page .portfolio-type-1.single-portfolio-holder .social-links-plain .likes .like-button {
  margin-right: 20px;
  margin-left: 0px;
}

body.mouv-exhibit .single-portfolio-holder .social-links-plain .share-social, body.mouv-page .single-portfolio-holder .social-links-plain .share-social {
  flex-grow: 1;
}

@media screen and (max-width: 480px) {
  body.mouv-exhibit .single-portfolio-holder .social-links-plain .share-social h4, body.mouv-page .single-portfolio-holder .social-links-plain .share-social h4 {
    margin-top: 0px;
  }
}
body.mouv-exhibit .single-portfolio-holder .social-links-plain .share-social .social-links a, body.mouv-page .single-portfolio-holder .social-links-plain .share-social .social-links a {
  font-size: 15px;
  color: rgb(109, 109, 109);
  margin-right: 12px;
  margin-bottom: 5px;
}

body.mouv-exhibit .single-portfolio-holder .social-links-plain .share-social .social-links a.facebook:hover, body.mouv-page .single-portfolio-holder .social-links-plain .share-social .social-links a.facebook:hover {
  color: rgb(24, 119, 242);
}

body.mouv-exhibit .single-portfolio-holder .social-links-plain .share-social .social-links a.twitter:hover, body.mouv-page .single-portfolio-holder .social-links-plain .share-social .social-links a.twitter:hover {
  color: rgb(85, 172, 238);
}

body.mouv-exhibit .single-portfolio-holder .social-links-plain .share-social .social-links a.linkedin:hover, body.mouv-page .single-portfolio-holder .social-links-plain .share-social .social-links a.linkedin:hover {
  color: rgb(9, 118, 180);
}

body.mouv-exhibit .single-portfolio-holder .social-links-plain .share-social .social-links a.telegram:hover, body.mouv-page .single-portfolio-holder .social-links-plain .share-social .social-links a.telegram:hover {
  color: rgb(0, 136, 204);
}

body.mouv-exhibit .single-portfolio-holder .social-links-plain .share-social .social-links a.facebook::after, body.mouv-page .single-portfolio-holder .social-links-plain .share-social .social-links a.facebook::after {
  background-color: rgb(24, 119, 242);
}

body.mouv-exhibit .single-portfolio-holder .social-links-plain .share-social .social-links a.twitter::after, body.mouv-page .single-portfolio-holder .social-links-plain .share-social .social-links a.twitter::after {
  background-color: rgb(85, 172, 238);
}

body.mouv-exhibit .single-portfolio-holder .social-links-plain .share-social .social-links a.linkedin::after, body.mouv-page .single-portfolio-holder .social-links-plain .share-social .social-links a.linkedin::after {
  background-color: rgb(9, 118, 180);
}

body.mouv-exhibit .single-portfolio-holder .social-links-plain .share-social .social-links a.telegram::after, body.mouv-page .single-portfolio-holder .social-links-plain .share-social .social-links a.telegram::after {
  background-color: rgb(0, 136, 204);
}

body.mouv-exhibit .single-portfolio-holder .social-links-plain .share-social .social-links a:last-child, body.mouv-page .single-portfolio-holder .social-links-plain .share-social .social-links a:last-child {
  margin-right: 0px;
}

body.mouv-exhibit .single-portfolio-holder .gallery, body.mouv-page .single-portfolio-holder .gallery {
  position: relative;
  margin-left: -15px;
  margin-right: -15px;
  clear: both;
}

body.mouv-exhibit .single-portfolio-holder .portfolio-big-navigation a::after, body.mouv-page .single-portfolio-holder .portfolio-big-navigation a::after {
  display: none;
}

body.mouv-exhibit .single-portfolio-holder .portfolio-big-navigation, body.mouv-page .single-portfolio-holder .portfolio-big-navigation {
  margin-top: 80px;
  margin-bottom: 30px;
}

body.mouv-exhibit .single-portfolio-holder .portfolio-big-navigation a, body.mouv-page .single-portfolio-holder .portfolio-big-navigation a {
  color: rgb(51, 51, 51);
  font-size: 20px;
  transition: 200ms ease-in-out;
}

body.mouv-exhibit .single-portfolio-holder .portfolio-big-navigation a:hover, body.mouv-page .single-portfolio-holder .portfolio-big-navigation a:hover {
  color: rgb(77, 77, 77);
}

@media screen and (max-width: 480px) {
  body.mouv-exhibit .single-portfolio-holder .portfolio-big-navigation a, body.mouv-page .single-portfolio-holder .portfolio-big-navigation a {
    font-size: 17px;
  }
}
body.mouv-exhibit .single-portfolio-holder .portfolio-big-navigation a i, body.mouv-page .single-portfolio-holder .portfolio-big-navigation a i {
  display: block;
  font-size: 32px;
}

body.mouv-exhibit .single-portfolio-holder .portfolio-big-navigation .text-align-right, body.mouv-page .single-portfolio-holder .portfolio-big-navigation .text-align-right {
  text-align: right;
}

body.mouv-exhibit .single-portfolio-holder.alt-one .gallery, body.mouv-page .single-portfolio-holder.alt-one .gallery {
  padding-left: 0px;
  padding-right: 0px;
}

body.mouv-exhibit .single-portfolio-holder.portfolio-type-1 .details, body.mouv-page .single-portfolio-holder.portfolio-type-1 .details {
  padding-left: 0px;
  padding-right: 0px;
}

body.mouv-exhibit div.photo a, body.mouv-page div.photo a {
  display: block;
}

/* ===== app/public/wp-content/themes/kalium/assets/css/other.min.css ===== */
body.is-mouv .clearfix::after, body.is-mouv .clearfix::before {
  display: table;
  content: " ";
}

body.is-mouv .clearfix::after {
  clear: both;
}

body.is-mouv .wpb_wrapper .lab-vc-social-networks.display-type-rounded-icons .social-networks li a::after, body.is-mouv .wpb_wrapper .wpb_single_image a::after {
  display: none;
}

body.is-mouv .wpb_wrapper .lab-vc-social-networks.display-type-rounded-icons .social-networks li a::after {
  display: none;
}

body.is-mouv .mobile-menu-wrapper .mobile-menu-container .search-form label, body.is-mouv .mobile-menu-wrapper .mobile-menu-container ul.menu li a {
  transition: 250ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

body.is-mouv .screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  width: 1px;
  position: absolute !important;
  overflow-wrap: normal !important;
}

body.is-mouv .header-logo::after {
  display: none !important;
}

body.is-mouv .back-to-portfolio::after, body.is-mouv .header-logo::after {
  display: none !important;
}

body.is-mouv .wpb_wrapper .lab-vc-social-networks.display-type-rounded-icons .social-networks li a span {
  display: none;
}

body.is-mouv .wow {
  visibility: hidden;
}

body.is-mouv .vc-container, body.is-mouv .wpb_wrapper {
  position: relative;
}

body.is-mouv .wpb_wrapper {
  position: relative;
}

body.is-mouv .wpb_wrapper {
  width: 100%;
}

body.is-mouv .wpb_wrapper > h1:first-of-type, body.is-mouv .wpb_wrapper > h2:first-of-type {
  margin-top: 0px;
}

body.is-mouv .wpb_wrapper > h2:first-of-type {
  margin-top: 0px;
}

body.is-mouv .wpb_wrapper .lab-vc-social-networks {
  margin-bottom: 35px;
}

body.is-mouv .wpb_wrapper .lab-vc-social-networks.display-type-rounded-icons .social-networks li {
  margin-right: 0px;
}

body.is-mouv .wpb_wrapper .lab-vc-social-networks.display-type-rounded-icons .social-networks li a {
  display: inline-block;
  line-height: 45px;
  text-align: center;
  border-radius: 50%;
  width: 45px;
  height: 45px;
}

body.is-mouv .wpb_wrapper .lab-portfolio-items {
  width: 100%;
  padding-left: 0px;
  padding-right: 0px;
  margin-bottom: 35px;
}

body.is-mouv .wpb_wrapper .lab-portfolio-items .portfolio-title-holder {
  margin-bottom: 20px;
}

body.is-mouv .wpb_wrapper .vc_images_carousel {
  max-width: 100%;
}

body.is-mouv .wpb_wrapper .vc_images_carousel, body.is-mouv .wpb_wrapper .wpb_text_column img {
  max-width: 100%;
}

body.is-mouv .wpb_wrapper .vc_images_carousel .vc_item img {
  height: auto;
  max-width: 100%;
}

body.is-mouv .wpb_wrapper .wpb_video_wrapper .image-placeholder.video {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  padding-bottom: 0px !important;
}

body.is-mouv .mobile-menu-wrapper .mobile-menu-container .search-form input.search-submit {
  display: none;
}

body.is-mouv .mobile-menu-wrapper {
  z-index: 150000;
  visibility: hidden;
  opacity: 0;
}

body.is-mouv .mobile-menu-wrapper .mobile-menu-container {
  position: relative;
  padding: 15px 0px;
  display: inline-block;
  height: 100%;
}

body.is-mouv .mobile-menu-wrapper .mobile-menu-container ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
}

body.is-mouv .mobile-menu-wrapper .mobile-menu-container ul.menu > li > a {
  display: block;
  padding: 10px 30px;
  color: rgb(51, 51, 51);
  text-decoration: none;
  font-size: 19px;
  text-transform: uppercase;
}

body.is-mouv .mobile-menu-wrapper .mobile-menu-container ul.menu > li ul {
  padding: 0px 30px;
  overflow: hidden;
  height: 0px;
}

body.is-mouv .mobile-menu-wrapper .mobile-menu-container ul.menu > li ul > li > a {
  display: inline-block;
  font-size: 18px;
  color: rgb(109, 109, 109);
  padding: 2px 0px;
}

body.is-mouv .mobile-menu-wrapper .mobile-menu-container ul.menu > li > ul > li:last-child {
  padding-bottom: 15px;
}

body.is-mouv .mobile-menu-wrapper .mobile-menu-container ul.menu li a:hover {
  color: rgb(0, 177, 158);
  text-decoration: none;
}

body.is-mouv .mobile-menu-wrapper .mobile-menu-container ul.menu li.menu-item-has-children > a::after {
  display: inline-block;
  font-family: Flaticon;
  content: "\e008";
  margin-left: 10px;
  position: relative;
  font-size: 9px;
  font-weight: 700;
  top: -2px;
}

body.is-mouv .mobile-menu-wrapper .mobile-menu-container ul.menu li.current-menu-item > a, body.is-mouv .mobile-menu-wrapper .mobile-menu-container ul.menu li.current_page_item > a {
  color: rgb(0, 177, 158);
}

body.is-mouv .mobile-menu-wrapper .mobile-menu-container ul.menu li.current-menu-ancestor > a, body.is-mouv .mobile-menu-wrapper .mobile-menu-container ul.menu li.current-menu-item > a, body.is-mouv .mobile-menu-wrapper .mobile-menu-container ul.menu li.current_page_ancestor > a, body.is-mouv .mobile-menu-wrapper .mobile-menu-container ul.menu li.current_page_item > a {
  color: rgb(0, 177, 158);
}

body.is-mouv .mobile-menu-wrapper .mobile-menu-container ul.menu li.current-menu-item > a {
  color: rgb(0, 177, 158);
}

body.is-mouv .mobile-menu-wrapper .mobile-menu-container .search-form {
  position: relative;
  display: block;
  height: 60px;
  margin-top: 5px;
}

body.is-mouv .mobile-menu-wrapper .mobile-menu-container .search-form label {
  display: block;
  position: absolute;
  top: 50%;
  left: 30px;
  line-height: 1;
  color: rgb(169, 169, 169);
  margin-top: -5px;
  transform: translateY(-50%);
}

body.is-mouv .mobile-menu-wrapper .mobile-menu-container .search-form input {
  border: 0px;
  background: 0px 0px;
  height: 50px;
  left: 0px;
  top: 0px;
  width: 100%;
  right: 0px;
  font-size: 19px;
  padding: 5px 30px 5px 55px;
}

body.is-mouv .mobile-menu-wrapper .mobile-menu-container .search-form input:focus + label {
  color: rgb(51, 51, 51);
}

body.is-mouv .mobile-menu-wrapper.mobile-menu-slide {
  position: fixed;
  top: 0px;
  bottom: 0px;
  width: 75%;
  height: 100%;
  right: 100%;
  cursor: pointer;
  visibility: visible;
  will-change: transform;
  backface-visibility: hidden;
  transform: translate3d(-100%, 0px, 0px);
  transition: 400ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

body.is-mouv .mobile-menu-wrapper.mobile-menu-slide .mobile-menu-container {
  background-color: rgb(255, 255, 255);
  cursor: default;
  overflow: hidden;
  min-width: 280px;
  max-width: 75%;
}

@media screen and (max-width: 480px) {
  body.is-mouv .mobile-menu-wrapper.mobile-menu-slide {
    transform: translate3d(-30%, 0px, 0px);
  }
}
body.is-mouv .mobile-menu-overlay {
  position: fixed;
  inset: 0px;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 149999;
  cursor: pointer;
  visibility: hidden;
  opacity: 0;
  transition: 140ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

@media screen and (max-width: 768px) {
  body.is-mouv .section-title {
    margin-top: 30px;
  }
  body.is-mouv .product-filter {
    margin-top: 20px;
  }
}
@media screen and (max-width: 991px) {
  body.is-mouv .single-portfolio-holder.portfolio-type-1 .gallery-column-env {
    clear: both;
  }
}
body.is-mouv .ps {
  overflow-anchor: none;
  touch-action: auto;
  overflow: hidden !important;
}

body.is-mouv .ps__rail-x, body.is-mouv .ps__rail-y {
  display: none;
  opacity: 0;
  transition: background-color 0.2s linear, opacity 0.2s linear;
  position: absolute;
}

body.is-mouv .ps__rail-x {
  height: 15px;
  bottom: 0px;
}

body.is-mouv .ps__rail-y {
  width: 15px;
  right: 0px;
}

body.is-mouv .ps:hover > .ps__rail-x, body.is-mouv .ps:hover > .ps__rail-y {
  opacity: 0.6;
}

body.is-mouv .ps .ps__rail-x:focus, body.is-mouv .ps .ps__rail-x:hover, body.is-mouv .ps .ps__rail-y:focus, body.is-mouv .ps .ps__rail-y:hover {
  background-color: rgb(238, 238, 238);
  opacity: 0.9;
}

body.is-mouv .ps__thumb-x, body.is-mouv .ps__thumb-y {
  background-color: rgb(170, 170, 170);
  border-radius: 6px;
  position: absolute;
}

body.is-mouv .ps__thumb-x {
  transition: background-color 0.2s linear, height 0.2s ease-in-out;
  height: 6px;
  bottom: 2px;
}

body.is-mouv .ps__thumb-y {
  transition: background-color 0.2s linear, width 0.2s ease-in-out;
  width: 6px;
  right: 2px;
}

body.is-mouv .ps__rail-x:focus > .ps__thumb-x, body.is-mouv .ps__rail-x:hover > .ps__thumb-x {
  background-color: rgb(153, 153, 153);
  height: 11px;
}

body.is-mouv .ps__rail-y:focus > .ps__thumb-y, body.is-mouv .ps__rail-y:hover > .ps__thumb-y {
  background-color: rgb(153, 153, 153);
  width: 11px;
}

body.is-mouv .ps {
  overflow: auto !important;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  body.is-mouv .ps {
    overflow: auto !important;
  }
}
body.is-mouv [data-icon]::before {
  content: attr(data-icon);
}

body.is-mouv [class*=" icon-"]::before, body.is-mouv [data-icon]::before {
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  font-family: linea !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-variant: normal !important;
  text-transform: none !important;
}

body.is-mouv [data-icon]::before {
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  font-family: linea !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-variant: normal !important;
  text-transform: none !important;
}

body.is-mouv .icon-basic-eye::before {
  content: "H";
}

body.is-mouv [class^=flaticon-]::after, body.is-mouv [class^=flaticon-]::before {
  font-family: Flaticon;
  font-style: normal;
}

body.is-mouv .flaticon-arrow413::before {
  content: "\e003";
}

body.is-mouv .flaticon-arrow427::before {
  content: "\e005";
}

body.is-mouv .flaticon-bottom4::before {
  content: "\e008";
}

body.is-mouv .flaticon-four60::before {
  content: "\e00e";
}

/* ===== app/public/wp-content/plugins/js_composer/assets/lib/vc/vc_carousel/css/vc_carousel.min.css ===== */
body.is-mouv .vc_images_carousel {
  position: relative;
}

body.is-mouv .vc_images_carousel .vc_carousel-inner {
  position: relative;
  overflow: hidden;
  width: 100%;
}

body.is-mouv .vc_images_carousel .vc_carousel-inner .vc_carousel-slideline {
  position: relative;
  overflow: hidden;
}

body.is-mouv .vc_images_carousel .vc_carousel-inner .vc_carousel-slideline .vc_carousel-slideline-inner {
  left: 0px;
  position: relative;
  width: 100%;
}

body.is-mouv .vc_images_carousel .vc_carousel-inner .vc_carousel-slideline .vc_carousel-slideline-inner > .vc_item {
  float: left;
  visibility: hidden;
}

body.is-mouv .vc_images_carousel .vc_carousel-inner .vc_carousel-slideline .vc_carousel-slideline-inner > .vc_item img {
  display: block;
  max-width: 100%;
  height: auto;
  line-height: 1;
}

body.is-mouv .vc_images_carousel.vc_per-view-more .vc_carousel-slideline .vc_carousel-slideline-inner > .vc_item > .vc_inner {
  margin: 0px 10px;
}

body.is-mouv .vc_images_carousel.vc_build .vc_carousel-slideline .vc_carousel-slideline-inner > .vc_item {
  visibility: visible;
}

/* СГЕНЕРОВАНО scripts/refshots/gen-page-custom.py — не правити руками.
   Джерело: 8 варіантів Kalium page-custom-css з еталона
   (db-dumps/mouv-ref/css/page-custom-{0..7}.css + page-custom-map.json).
   Спільні правила — у скоупі body.is-mouv, відмінні — під конкретні
   body-класи. Порядок правил збережено: частина з них без !important. */
/* --- спільне для всіх восьми варіантів --- */
body.is-mouv .footer-widgets {
  display: none;
}

body.is-mouv .wrapper {
  background-color: #121b21 !important;
}

body.is-mouv .header-block__logo {
  display: none !important;
}

body.is-mouv #back-top {
  background-position-y: top !important;
}

body.is-mouv ul.list-city {
  text-align: left;
  font-family: Arial Black;
  font-size: 24px;
  font-weight: 900;
  line-height: 34px;
  float: right;
  list-style-type: none;
  text-transform: uppercase;
}

body.is-mouv ul.list-city li a {
  color: #fff !important;
  padding: 5px 50px 5px 10px;
}

body.is-mouv ul.list-city li a:hover {
  background-color: #000 !important;
  text-decoration: none !important;
}

body.is-mouv ul.list-city-m {
  text-align: left;
  font-family: Arial;
  font-size: 24px;
  font-weight: 900;
  line-height: 34px;
  float: right;
  list-style-type: none;
  text-transform: uppercase;
}

body.is-mouv ul.list-city-m li a {
  color: #fff !important;
  padding: 5px 50px 5px 10px;
}

body.is-mouv ul.list-city-m li a:focus {
  background-color: #000;
  padding-left: 10px;
}

/* --- спільне для сторінок музею (варіанти 1,2,3,5,6,7) --- */
body.is-mouv.mouv-page .foto_gal.wpb_single_image.vc_align_center {
  text-align: left !important;
  color: #fff;
  font-family: "Arial";
  font-weight: 700;
  font-size: 22px;
  line-height: 29px;
  letter-spacing: 0px;
}

body.is-mouv.mouv-page .btn-gal {
  font-family: "Arial";
}

body.is-mouv.mouv-page #header_o {
  position: absolute;
}

body.is-mouv.mouv-page .wpb_wrapper .laborator-btn:hover {
  text-decoration: none !important;
}

/* --- варіант 0 → body.is-mouv.mouv-exhibit --- */
body.is-mouv.mouv-exhibit .title.section-title {
  display: none;
}

body.is-mouv.mouv-exhibit a:hover {
  color: #fff !important;
  -webkit-text-decoration: underline 1px !important;
          text-decoration: underline 1px !important;
}

body.is-mouv.mouv-exhibit a:after {
  background-color: #fff !important;
  text-decoration: underline;
  text-decoration-color: #FA50C8;
}

body.is-mouv.mouv-exhibit .site-header > .fullscreen-menu, body.is-mouv.mouv-exhibit .site-header > .fullscreen-menu.translucent-background {
  background: linear-gradient(42.48deg, #FFE713 9.42%, #006CD0 82.71%);
}

body.is-mouv.mouv-exhibit a.link-hover:after {
  color: #fff !important;
}

body.is-mouv.mouv-exhibit .head-port p {
  font-family: "Arial";
  font-style: normal;
  font-weight: 400;
  font-size: 66px !important;
  line-height: 92%;
  text-transform: uppercase;
  color: #fff;
}

body.is-mouv.mouv-exhibit .head-port-d p {
  font-family: "Arial Black";
  font-style: normal;
  font-size: 66px !important;
  line-height: 92%;
  text-transform: uppercase;
  color: #fff;
}

body.is-mouv.mouv-exhibit .port-foto-back {
  background: linear-gradient(360deg, #FFE713 5.5%, #006CD0 93.22%);
  mix-blend-mode: screen;
  transform: matrix(-1, 0, 0, 1, 0, 0);
}

body.is-mouv.mouv-exhibit ul.list-city li a:focus {
  background-color: #000 !important;
  padding-left: 10px;
}

body.is-mouv.mouv-exhibit .list-city-back {
  background: linear-gradient(42.48deg, #FFE713 9.42%, #006CD0 82.71%);
  mix-blend-mode: screen;
}

body.is-mouv.mouv-exhibit .porto-text-gap p {
  color: #fff;
  font-size: 22px !important;
  font-family: "Arial";
}

body.is-mouv.mouv-exhibit .single-portfolio-holder .portfolio-big-navigation a {
  color: #fff !important;
}

body.is-mouv.mouv-exhibit .single-portfolio-holder .portfolio-big-navigation a:hover {
  color: #000 important;
}

body.is-mouv.mouv-exhibit .single-portfolio-holder .social-links-plain {
  display: none !important;
}

body.is-mouv.mouv-exhibit .single-portfolio-holder .portfolio-big-navigation {
  display: none !important;
}

body.is-mouv.mouv-exhibit ul.list-city-m li a:hover {
  background-color: #000;
  text-decoration: none !important;
}

@media screen and (max-width: 430px) {
  body.is-mouv.mouv-exhibit .head-port p {
    font-size: 48px !important;
  }
  body.is-mouv.mouv-exhibit .port-head-2 h2 {
    font-size: 48px !important;
  }
}
/* --- варіант 1 → 10612 10969 8580 --- */
body.is-mouv.page-id-10612 ul.list-city li a:focus, body.is-mouv.page-id-10969 ul.list-city li a:focus, body.is-mouv.page-id-8580 ul.list-city li a:focus {
  background-color: #000;
  padding-left: 10px;
}

body.is-mouv.page-id-10612 ul.list-city-m li a:hover, body.is-mouv.page-id-10969 ul.list-city-m li a:hover, body.is-mouv.page-id-8580 ul.list-city-m li a:hover {
  background-color: #000;
  text-decoration: none !important;
}

body.is-mouv.page-id-10612 ul.list-city-f, body.is-mouv.page-id-10969 ul.list-city-f, body.is-mouv.page-id-8580 ul.list-city-f {
  font-family: Arial;
  font-size: 20px;
  font-weight: list-city-f;
  line-height: 34px;
  list-style-type: none;
  text-transform: uppercase;
}

body.is-mouv.page-id-10612 ul.list-city-f li, body.is-mouv.page-id-10969 ul.list-city-f li, body.is-mouv.page-id-8580 ul.list-city-f li {
  color: #fff !important;
  padding: 5px 50px 5px 10px;
}

body.is-mouv.page-id-10612 ul.list-city-f li:hover, body.is-mouv.page-id-10969 ul.list-city-f li:hover, body.is-mouv.page-id-8580 ul.list-city-f li:hover {
  background-color: #000;
  text-decoration: none !important;
}

body.is-mouv.page-id-10612 .list-city-back button, body.is-mouv.page-id-10969 .list-city-back button, body.is-mouv.page-id-8580 .list-city-back button {
  font-family: Arial;
  font-weight: 400;
  font-size: 20px;
  text-transform: uppercase;
  color: #FFFFFF;
  background-color: #000;
  border: none;
  padding: 10px 25px;
  margin-left: 3%;
  margin-top: 1%;
}

body.is-mouv.page-id-10612 .list-city-back button:hover, body.is-mouv.page-id-10969 .list-city-back button:hover, body.is-mouv.page-id-8580 .list-city-back button:hover {
  color: #000;
  background-color: #fff;
}

body.is-mouv.page-id-10612 .list-city-back, body.is-mouv.page-id-10969 .list-city-back, body.is-mouv.page-id-8580 .list-city-back {
  background: linear-gradient(-42.48deg, #FFE713 5%, #006CD0 85%);
  mix-blend-mode: plus-lighter;
}

body.is-mouv.page-id-10612 .site-header > .fullscreen-menu, body.is-mouv.page-id-10612 .site-header > .fullscreen-menu.translucent-background, body.is-mouv.page-id-10969 .site-header > .fullscreen-menu, body.is-mouv.page-id-10969 .site-header > .fullscreen-menu.translucent-background, body.is-mouv.page-id-8580 .site-header > .fullscreen-menu, body.is-mouv.page-id-8580 .site-header > .fullscreen-menu.translucent-background {
  background: linear-gradient(42.48deg, #FFE713 9.42%, #006CD0 82.71%);
}

body.is-mouv.page-id-10612 a.link-hover:after, body.is-mouv.page-id-10969 a.link-hover:after, body.is-mouv.page-id-8580 a.link-hover:after {
  color: #fff !important;
}

body.is-mouv.page-id-10612 .pixel-portfolio-grid__title a, body.is-mouv.page-id-10969 .pixel-portfolio-grid__title a, body.is-mouv.page-id-8580 .pixel-portfolio-grid__title a {
  font-family: "Arial";
  color: #fff !important;
  font-weight: 700;
  font-size: 18px !important;
  line-height: 29px;
  letter-spacing: 0px;
}

body.is-mouv.page-id-10612 .exibish p a, body.is-mouv.page-id-10969 .exibish p a, body.is-mouv.page-id-8580 .exibish p a {
  font-family: Arial;
  font-weight: 700;
  font-size: 22px;
  line-height: 150%;
  color: #fff;
}

body.is-mouv.page-id-10612 .exibish p, body.is-mouv.page-id-10969 .exibish p, body.is-mouv.page-id-8580 .exibish p {
  font-family: Arial;
  font-weight: 700;
  font-size: 22px;
  line-height: 150%;
  color: #fff;
}

body.is-mouv.page-id-10612 .exibish p a:hover, body.is-mouv.page-id-10969 .exibish p a:hover, body.is-mouv.page-id-8580 .exibish p a:hover {
  background: linear-gradient(42.48deg, #FFE713 9.42%, #006CD0 82.71%);
}

body.is-mouv.page-id-10612 .lit_yellow, body.is-mouv.page-id-10969 .lit_yellow, body.is-mouv.page-id-8580 .lit_yellow {
  position: absolute;
}

/* --- варіант 2 → 10716 10724 10733 10739 10952 10957 11002 11006 9620 --- */
body.is-mouv.page-id-10716 ul.list-city li a:focus, body.is-mouv.page-id-10724 ul.list-city li a:focus, body.is-mouv.page-id-10733 ul.list-city li a:focus, body.is-mouv.page-id-10739 ul.list-city li a:focus, body.is-mouv.page-id-10952 ul.list-city li a:focus, body.is-mouv.page-id-10957 ul.list-city li a:focus, body.is-mouv.page-id-11002 ul.list-city li a:focus, body.is-mouv.page-id-11006 ul.list-city li a:focus, body.is-mouv.page-id-9620 ul.list-city li a:focus {
  background-color: #000;
  padding-left: 10px;
}

body.is-mouv.page-id-10716 .list-city-back, body.is-mouv.page-id-10724 .list-city-back, body.is-mouv.page-id-10733 .list-city-back, body.is-mouv.page-id-10739 .list-city-back, body.is-mouv.page-id-10952 .list-city-back, body.is-mouv.page-id-10957 .list-city-back, body.is-mouv.page-id-11002 .list-city-back, body.is-mouv.page-id-11006 .list-city-back, body.is-mouv.page-id-9620 .list-city-back {
  background: linear-gradient(42.48deg, #FFE713 9.42%, #006CD0 82.71%);
  mix-blend-mode: screen;
}

body.is-mouv.page-id-10716 .city_head h2, body.is-mouv.page-id-10724 .city_head h2, body.is-mouv.page-id-10733 .city_head h2, body.is-mouv.page-id-10739 .city_head h2, body.is-mouv.page-id-10952 .city_head h2, body.is-mouv.page-id-10957 .city_head h2, body.is-mouv.page-id-11002 .city_head h2, body.is-mouv.page-id-11006 .city_head h2, body.is-mouv.page-id-9620 .city_head h2 {
  font-family: Arial Black;
  font-size: 160px;
  font-weight: 900;
  line-height: 168px;
  letter-spacing: -22px;
  color: #fff;
  text-transform: uppercase;
}

body.is-mouv.page-id-10716 ul.list-city-m li a:hover, body.is-mouv.page-id-10724 ul.list-city-m li a:hover, body.is-mouv.page-id-10733 ul.list-city-m li a:hover, body.is-mouv.page-id-10739 ul.list-city-m li a:hover, body.is-mouv.page-id-10952 ul.list-city-m li a:hover, body.is-mouv.page-id-10957 ul.list-city-m li a:hover, body.is-mouv.page-id-11002 ul.list-city-m li a:hover, body.is-mouv.page-id-11006 ul.list-city-m li a:hover, body.is-mouv.page-id-9620 ul.list-city-m li a:hover {
  background-color: #000;
  text-decoration: none !important;
}

@media screen and (max-width: 430px) {
  body.is-mouv.page-id-10716 .city_head h2, body.is-mouv.page-id-10724 .city_head h2, body.is-mouv.page-id-10733 .city_head h2, body.is-mouv.page-id-10739 .city_head h2, body.is-mouv.page-id-10952 .city_head h2, body.is-mouv.page-id-10957 .city_head h2, body.is-mouv.page-id-11002 .city_head h2, body.is-mouv.page-id-11006 .city_head h2, body.is-mouv.page-id-9620 .city_head h2 {
    font-size: 100px;
    letter-spacing: -10px;
    font-family: Arial !important;
  }
}
body.is-mouv.page-id-10716 .site-header > .fullscreen-menu, body.is-mouv.page-id-10716 .site-header > .fullscreen-menu.translucent-background, body.is-mouv.page-id-10724 .site-header > .fullscreen-menu, body.is-mouv.page-id-10724 .site-header > .fullscreen-menu.translucent-background, body.is-mouv.page-id-10733 .site-header > .fullscreen-menu, body.is-mouv.page-id-10733 .site-header > .fullscreen-menu.translucent-background, body.is-mouv.page-id-10739 .site-header > .fullscreen-menu, body.is-mouv.page-id-10739 .site-header > .fullscreen-menu.translucent-background, body.is-mouv.page-id-10952 .site-header > .fullscreen-menu, body.is-mouv.page-id-10952 .site-header > .fullscreen-menu.translucent-background, body.is-mouv.page-id-10957 .site-header > .fullscreen-menu, body.is-mouv.page-id-10957 .site-header > .fullscreen-menu.translucent-background, body.is-mouv.page-id-11002 .site-header > .fullscreen-menu, body.is-mouv.page-id-11002 .site-header > .fullscreen-menu.translucent-background, body.is-mouv.page-id-11006 .site-header > .fullscreen-menu, body.is-mouv.page-id-11006 .site-header > .fullscreen-menu.translucent-background, body.is-mouv.page-id-9620 .site-header > .fullscreen-menu, body.is-mouv.page-id-9620 .site-header > .fullscreen-menu.translucent-background {
  background: linear-gradient(42.48deg, #FFE713 9.42%, #006CD0 82.71%);
}

/* --- варіант 3 → 10942 10948 10960 10963 10966 10987 10990 10994 10999 8584 8586 8588 8590 9102 9307 9591 9615 --- */
body.is-mouv.page-id-10942 ul.list-city li a:focus, body.is-mouv.page-id-10948 ul.list-city li a:focus, body.is-mouv.page-id-10960 ul.list-city li a:focus, body.is-mouv.page-id-10963 ul.list-city li a:focus, body.is-mouv.page-id-10966 ul.list-city li a:focus, body.is-mouv.page-id-10987 ul.list-city li a:focus, body.is-mouv.page-id-10990 ul.list-city li a:focus, body.is-mouv.page-id-10994 ul.list-city li a:focus, body.is-mouv.page-id-10999 ul.list-city li a:focus, body.is-mouv.page-id-8584 ul.list-city li a:focus, body.is-mouv.page-id-8586 ul.list-city li a:focus, body.is-mouv.page-id-8588 ul.list-city li a:focus, body.is-mouv.page-id-8590 ul.list-city li a:focus, body.is-mouv.page-id-9102 ul.list-city li a:focus, body.is-mouv.page-id-9307 ul.list-city li a:focus, body.is-mouv.page-id-9591 ul.list-city li a:focus, body.is-mouv.page-id-9615 ul.list-city li a:focus {
  background-color: #000;
  padding-left: 10px;
}

body.is-mouv.page-id-10942 .list-city-back, body.is-mouv.page-id-10948 .list-city-back, body.is-mouv.page-id-10960 .list-city-back, body.is-mouv.page-id-10963 .list-city-back, body.is-mouv.page-id-10966 .list-city-back, body.is-mouv.page-id-10987 .list-city-back, body.is-mouv.page-id-10990 .list-city-back, body.is-mouv.page-id-10994 .list-city-back, body.is-mouv.page-id-10999 .list-city-back, body.is-mouv.page-id-8584 .list-city-back, body.is-mouv.page-id-8586 .list-city-back, body.is-mouv.page-id-8588 .list-city-back, body.is-mouv.page-id-8590 .list-city-back, body.is-mouv.page-id-9102 .list-city-back, body.is-mouv.page-id-9307 .list-city-back, body.is-mouv.page-id-9591 .list-city-back, body.is-mouv.page-id-9615 .list-city-back {
  background: linear-gradient(42.48deg, #FFE713 9.42%, #006CD0 82.71%);
  mix-blend-mode: screen;
}

body.is-mouv.page-id-10942 .city_head h2, body.is-mouv.page-id-10948 .city_head h2, body.is-mouv.page-id-10960 .city_head h2, body.is-mouv.page-id-10963 .city_head h2, body.is-mouv.page-id-10966 .city_head h2, body.is-mouv.page-id-10987 .city_head h2, body.is-mouv.page-id-10990 .city_head h2, body.is-mouv.page-id-10994 .city_head h2, body.is-mouv.page-id-10999 .city_head h2, body.is-mouv.page-id-8584 .city_head h2, body.is-mouv.page-id-8586 .city_head h2, body.is-mouv.page-id-8588 .city_head h2, body.is-mouv.page-id-8590 .city_head h2, body.is-mouv.page-id-9102 .city_head h2, body.is-mouv.page-id-9307 .city_head h2, body.is-mouv.page-id-9591 .city_head h2, body.is-mouv.page-id-9615 .city_head h2 {
  font-family: Arial Black;
  font-size: 160px;
  font-weight: 900;
  line-height: 168px;
  letter-spacing: -24px;
  color: #fff;
  text-transform: uppercase;
}

body.is-mouv.page-id-10942 ul.list-city-m li a:hover, body.is-mouv.page-id-10948 ul.list-city-m li a:hover, body.is-mouv.page-id-10960 ul.list-city-m li a:hover, body.is-mouv.page-id-10963 ul.list-city-m li a:hover, body.is-mouv.page-id-10966 ul.list-city-m li a:hover, body.is-mouv.page-id-10987 ul.list-city-m li a:hover, body.is-mouv.page-id-10990 ul.list-city-m li a:hover, body.is-mouv.page-id-10994 ul.list-city-m li a:hover, body.is-mouv.page-id-10999 ul.list-city-m li a:hover, body.is-mouv.page-id-8584 ul.list-city-m li a:hover, body.is-mouv.page-id-8586 ul.list-city-m li a:hover, body.is-mouv.page-id-8588 ul.list-city-m li a:hover, body.is-mouv.page-id-8590 ul.list-city-m li a:hover, body.is-mouv.page-id-9102 ul.list-city-m li a:hover, body.is-mouv.page-id-9307 ul.list-city-m li a:hover, body.is-mouv.page-id-9591 ul.list-city-m li a:hover, body.is-mouv.page-id-9615 ul.list-city-m li a:hover {
  background-color: #000;
  text-decoration: none !important;
}

@media screen and (max-width: 430px) {
  body.is-mouv.page-id-10942 .city_head h2, body.is-mouv.page-id-10948 .city_head h2, body.is-mouv.page-id-10960 .city_head h2, body.is-mouv.page-id-10963 .city_head h2, body.is-mouv.page-id-10966 .city_head h2, body.is-mouv.page-id-10987 .city_head h2, body.is-mouv.page-id-10990 .city_head h2, body.is-mouv.page-id-10994 .city_head h2, body.is-mouv.page-id-10999 .city_head h2, body.is-mouv.page-id-8584 .city_head h2, body.is-mouv.page-id-8586 .city_head h2, body.is-mouv.page-id-8588 .city_head h2, body.is-mouv.page-id-8590 .city_head h2, body.is-mouv.page-id-9102 .city_head h2, body.is-mouv.page-id-9307 .city_head h2, body.is-mouv.page-id-9591 .city_head h2, body.is-mouv.page-id-9615 .city_head h2 {
    font-size: 100px;
    letter-spacing: -10px;
    font-family: Arial !important;
  }
}
body.is-mouv.page-id-10942 .site-header > .fullscreen-menu, body.is-mouv.page-id-10942 .site-header > .fullscreen-menu.translucent-background, body.is-mouv.page-id-10948 .site-header > .fullscreen-menu, body.is-mouv.page-id-10948 .site-header > .fullscreen-menu.translucent-background, body.is-mouv.page-id-10960 .site-header > .fullscreen-menu, body.is-mouv.page-id-10960 .site-header > .fullscreen-menu.translucent-background, body.is-mouv.page-id-10963 .site-header > .fullscreen-menu, body.is-mouv.page-id-10963 .site-header > .fullscreen-menu.translucent-background, body.is-mouv.page-id-10966 .site-header > .fullscreen-menu, body.is-mouv.page-id-10966 .site-header > .fullscreen-menu.translucent-background, body.is-mouv.page-id-10987 .site-header > .fullscreen-menu, body.is-mouv.page-id-10987 .site-header > .fullscreen-menu.translucent-background, body.is-mouv.page-id-10990 .site-header > .fullscreen-menu, body.is-mouv.page-id-10990 .site-header > .fullscreen-menu.translucent-background, body.is-mouv.page-id-10994 .site-header > .fullscreen-menu, body.is-mouv.page-id-10994 .site-header > .fullscreen-menu.translucent-background, body.is-mouv.page-id-10999 .site-header > .fullscreen-menu, body.is-mouv.page-id-10999 .site-header > .fullscreen-menu.translucent-background, body.is-mouv.page-id-8584 .site-header > .fullscreen-menu, body.is-mouv.page-id-8584 .site-header > .fullscreen-menu.translucent-background, body.is-mouv.page-id-8586 .site-header > .fullscreen-menu, body.is-mouv.page-id-8586 .site-header > .fullscreen-menu.translucent-background, body.is-mouv.page-id-8588 .site-header > .fullscreen-menu, body.is-mouv.page-id-8588 .site-header > .fullscreen-menu.translucent-background, body.is-mouv.page-id-8590 .site-header > .fullscreen-menu, body.is-mouv.page-id-8590 .site-header > .fullscreen-menu.translucent-background, body.is-mouv.page-id-9102 .site-header > .fullscreen-menu, body.is-mouv.page-id-9102 .site-header > .fullscreen-menu.translucent-background, body.is-mouv.page-id-9307 .site-header > .fullscreen-menu, body.is-mouv.page-id-9307 .site-header > .fullscreen-menu.translucent-background, body.is-mouv.page-id-9591 .site-header > .fullscreen-menu, body.is-mouv.page-id-9591 .site-header > .fullscreen-menu.translucent-background, body.is-mouv.page-id-9615 .site-header > .fullscreen-menu, body.is-mouv.page-id-9615 .site-header > .fullscreen-menu.translucent-background {
  background: linear-gradient(42.48deg, #FFE713 9.42%, #006CD0 82.71%);
}

/* --- варіант 4 → body.is-mouv.mouv-cross --- */
body.is-mouv.mouv-cross .sketchfab-embed-wrapper {
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
}

body.is-mouv.mouv-cross .sketchfab-embed-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

body.is-mouv.mouv-cross .title.section-title {
  display: none;
}

body.is-mouv.mouv-cross a:hover {
  color: #fff !important;
  -webkit-text-decoration: underline 1px !important;
          text-decoration: underline 1px !important;
}

body.is-mouv.mouv-cross a:after {
  background-color: #fff !important;
  text-decoration: underline;
  text-decoration-color: #FA50C8;
}

body.is-mouv.mouv-cross .site-header > .fullscreen-menu, body.is-mouv.mouv-cross .site-header > .fullscreen-menu.translucent-background {
  background: linear-gradient(42.48deg, #FFE713 9.42%, #006CD0 82.71%);
}

body.is-mouv.mouv-cross a.link-hover:after {
  color: #fff !important;
}

body.is-mouv.mouv-cross .head-port p {
  font-family: "Arial";
  font-style: normal;
  font-weight: 400;
  font-size: 66px !important;
  line-height: 92%;
  text-transform: uppercase;
  color: #fff;
}

body.is-mouv.mouv-cross .head-port-d p {
  font-family: "Arial Black";
  font-style: normal;
  font-size: 66px !important;
  line-height: 92%;
  text-transform: uppercase;
  color: #fff;
}

body.is-mouv.mouv-cross .wpb_wrapper .lab-vc-social-networks.display-type-rounded-icons .social-networks li {
  padding-left: 10px;
}

body.is-mouv.mouv-cross header.site-header--sticky-spacer {
  height: 0 !important;
}

body.is-mouv.mouv-cross .page-container {
  margin-top: 0px !important;
}

body.is-mouv.mouv-cross .port-foto-back {
  background: linear-gradient(360deg, #FFE713 5.5%, #006CD0 93.22%);
  mix-blend-mode: screen;
}

body.is-mouv.mouv-cross ul.list-city li a:focus {
  background-color: #000 !important;
  padding-left: 10px;
}

body.is-mouv.mouv-cross .list-city-back {
  background: linear-gradient(42.48deg, #FFE713 9.42%, #006CD0 82.71%);
  mix-blend-mode: screen;
}

body.is-mouv.mouv-cross .porto-text-gap p {
  color: #fff;
  font-size: 22px !important;
  font-family: "Arial";
}

body.is-mouv.mouv-cross .single-portfolio-holder .portfolio-big-navigation a {
  color: #fff !important;
}

body.is-mouv.mouv-cross .single-portfolio-holder .portfolio-big-navigation a:hover {
  color: #000 !important;
}

body.is-mouv.mouv-cross .single-portfolio-holder .social-links-plain {
  display: none !important;
}

body.is-mouv.mouv-cross .single-portfolio-holder .portfolio-big-navigation {
  display: none !important;
}

body.is-mouv.mouv-cross ul.list-city-m li a:hover {
  background-color: #000;
  text-decoration: none !important;
}

@media screen and (max-width: 430px) {
  body.is-mouv.mouv-cross .head-port p {
    font-size: 48px !important;
  }
  body.is-mouv.mouv-cross .port-head-2 h2 {
    font-size: 48px !important;
  }
  body.is-mouv.mouv-cross .vc_images_carousel.vc_per-view-more .vc_carousel-slideline .vc_carousel-slideline-inner > .vc_item > .vc_inner {
    margin: 0 0;
  }
}
/* --- варіант 5 → 9282 --- */
body.is-mouv.page-id-9282 ul.list-city li a:focus {
  background-color: #000 !important;
  padding-left: 10px;
}

body.is-mouv.page-id-9282 ul.list-city-m li a:hover {
  background-color: #000 !important;
  text-decoration: none !important;
}

body.is-mouv.page-id-9282 ul.list-city-f {
  font-family: Arial;
  font-size: 20px;
  font-weight: list-city-f;
  line-height: 34px;
  list-style-type: none;
  text-transform: uppercase;
}

body.is-mouv.page-id-9282 ul.list-city-f li {
  color: #fff !important;
  padding: 5px 50px 5px 10px;
}

body.is-mouv.page-id-9282 ul.list-city-f li:hover {
  background-color: #000;
  text-decoration: none !important;
}

body.is-mouv.page-id-9282 .list-city-back button {
  font-family: "Arial";
  font-weight: 400;
  font-size: 20px;
  text-transform: uppercase;
  color: #FFFFFF;
  background-color: #000;
  border: none;
  padding: 10px 25px;
  margin-left: 3%;
  margin-top: 1%;
}

body.is-mouv.page-id-9282 .list-city-back button:hover {
  color: #000;
  background-color: #fff;
}

body.is-mouv.page-id-9282 .list-city-back {
  background: linear-gradient(-42.48deg, #FFE713 5%, #006CD0 85%);
  mix-blend-mode: plus-lighter;
}

body.is-mouv.page-id-9282 .site-header > .fullscreen-menu, body.is-mouv.page-id-9282 .site-header > .fullscreen-menu.translucent-background {
  background: linear-gradient(42.48deg, #FFE713 9.42%, #006CD0 82.71%);
}

body.is-mouv.page-id-9282 a.link-hover:after {
  color: #fff !important;
}

body.is-mouv.page-id-9282 .pixel-portfolio-grid__title a {
  font-family: "Arial";
  color: #fff !important;
  font-weight: 700;
  font-size: 18px !important;
  line-height: 29px;
  letter-spacing: 0px;
}

body.is-mouv.page-id-9282 .exibish p a {
  font-family: Arial;
  font-weight: 700;
  font-size: 22px;
  line-height: 150%;
  color: #fff;
}

body.is-mouv.page-id-9282 .exibish p {
  font-family: Arial;
  font-weight: 700;
  font-size: 22px;
  line-height: 150%;
  color: #fff;
}

body.is-mouv.page-id-9282 .exibish p a:hover {
  background: linear-gradient(42.48deg, #FFE713 9.42%, #006CD0 82.71%);
}

body.is-mouv.page-id-9282 .lit_yellow {
  position: absolute;
}

/* --- варіант 6 → 9498 --- */
body.is-mouv.page-id-9498 ul.list-city li a:focus {
  background-color: #000;
  padding-left: 10px;
}

body.is-mouv.page-id-9498 .list-city-back {
  background: linear-gradient(42.48deg, #FFE713 9.42%, #006CD0 82.71%);
  mix-blend-mode: screen;
}

body.is-mouv.page-id-9498 .city_head h2 {
  font-family: Arial Black;
  font-size: 160px;
  font-weight: 900;
  line-height: 168px;
  letter-spacing: -24px;
  color: #fff;
  text-transform: uppercase;
}

body.is-mouv.page-id-9498 ul.list-city-m li a:hover {
  background-color: #000;
  text-decoration: none !important;
}

@media screen and (max-width: 430px) {
  body.is-mouv.page-id-9498 .city_head h2 {
    font-size: 100px;
    letter-spacing: -10px;
    font-family: Arial !important;
  }
}
/* --- варіант 7 → 9552 --- */
body.is-mouv.page-id-9552 ul.list-city li a:focus {
  background-color: #000;
  padding-left: 10px;
}

body.is-mouv.page-id-9552 .list-city-back {
  background: linear-gradient(42.48deg, #FFE713 9.42%, #006CD0 82.71%);
  mix-blend-mode: screen;
}

body.is-mouv.page-id-9552 .city_head h2 {
  font-family: Arial Black;
  font-size: 160px;
  font-weight: 900;
  line-height: 168px;
  letter-spacing: -24px;
  color: #fff;
  text-transform: uppercase;
}

body.is-mouv.page-id-9552 ul.list-city-m li a:hover {
  background-color: #000;
  text-decoration: none !important;
}

@media screen and (max-width: 430px) {
  body.is-mouv.page-id-9552 .city_head h2 {
    font-size: 68px;
    letter-spacing: -12px;
    font-family: Arial !important;
  }
}
body.is-mouv.page-id-9552 .site-header > .fullscreen-menu, body.is-mouv.page-id-9552 .site-header > .fullscreen-menu.translucent-background {
  background: linear-gradient(42.48deg, #FFE713 9.42%, #006CD0 82.71%);
}

/* СГЕНЕРОВАНО scripts/refshots/gen-mouv-typography.py — не правити руками.
   Джерело: інлайн-стилі <head> еталона db-dumps/mouv-ref/html/9282.html
   (TypoLab font-appearance, TypoLab font block, Kalium theme options),
   у тому ж порядку, що на проді. */
/* --- TypoLab: розміри --- */
body.is-mouv h1, body.is-mouv .h1, body.is-mouv .section-title h1 {
  font-size: 50px;
}

body.is-mouv h2, body.is-mouv .h2, body.is-mouv .single-post .post-comments--section-title h2, body.is-mouv .section-title h2 {
  font-size: 40px;
}

body.is-mouv h3, body.is-mouv .h3, body.is-mouv .section-title h3 {
  font-size: 30px;
}

body.is-mouv h4, body.is-mouv .h4, body.is-mouv .section-title h4 {
  font-size: 25px;
}

body.is-mouv h5, body.is-mouv .h5 {
  font-size: 25px;
}

body.is-mouv p, body.is-mouv .section-title p {
  font-size: 16px;
  line-height: 22px;
}

body.is-mouv .site-header .top-header-bar .header-block__item {
  font-size: 50px;
}

body.is-mouv .portfolio-holder .thumb .hover-state .info h3, body.is-mouv .portfolio-holder .item-box .info h3 {
  font-size: 50px;
}

body.is-mouv .single-portfolio-holder .title h1, body.is-mouv .single-portfolio-holder.portfolio-type-5 .portfolio-description-container .portfolio-description-showinfo h3 {
  font-size: 50px;
}

body.is-mouv .portfolio-holder .thumb .hover-state .info p, body.is-mouv .portfolio-holder .item-box .info h3 {
  font-size: 16px;
}

body.is-mouv .portfolio-description-showinfo p, body.is-mouv .single-portfolio-holder .details .project-description p, body.is-mouv .gallery-item-description .post-formatting p {
  font-size: 16px;
}

body.is-mouv .blog-posts .box-holder .post-info h2, body.is-mouv .wpb_wrapper .lab-blog-posts .blog-post-entry .blog-post-content-container .blog-post-title {
  font-size: 50px;
}

body.is-mouv .single-blog-holder .blog-title h1 {
  font-size: 50px;
}

body.is-mouv .blog-content-holder .post-content {
  font-size: 16px;
}

/* --- TypoLab: шрифти --- */
body.is-mouv {
  font-family: "Ubuntu";
  font-style: normal;
  font-weight: normal;
}

body.is-mouv h1, body.is-mouv .h1, body.is-mouv .section-title h1, body.is-mouv h2, body.is-mouv .h2, body.is-mouv .single-post .post-comments--section-title h2, body.is-mouv .section-title h2, body.is-mouv h3, body.is-mouv .h3, body.is-mouv .section-title h3, body.is-mouv h4, body.is-mouv .h4, body.is-mouv .section-title h4, body.is-mouv h5, body.is-mouv .h5, body.is-mouv h6, body.is-mouv .h6 {
  font-family: "Ubuntu";
  font-style: normal;
  font-weight: 700;
}

body.is-mouv p, body.is-mouv .section-title p {
  font-family: "Ubuntu";
  font-style: normal;
  font-weight: normal;
}

/* --- Kalium theme options (theme-custom) --- */
body.is-mouv {
  font-family: "Ubuntu";
  color: #000;
}

body.is-mouv a {
  color: #faaa32;
}

body.is-mouv a:hover {
  color: #7a5318 !important;
  -webkit-text-decoration: underline 1px !important;
          text-decoration: underline 1px !important;
}

body.is-mouv a:after {
  background-color: #fff !important;
  text-decoration: underline;
  text-decoration-color: #bbb;
}

body.is-mouv a.link-hover:after, body.is-mouv .btn-head:after, body.is-mouv .wrapper a.link-hover:after, body.is-mouv .wrapper a:active:after {
  width: 0;
  color: #bbb;
}

body.is-mouv ::-moz-selection {
  background: #000000 !important;
}

body.is-mouv ::selection {
  background: #000000 !important;
}

body.is-mouv p {
  color: #000;
  font-size: 18px;
}

body.is-mouv blockquote {
  font-size: 18px;
  font-style: italic;
  line-height: 30px;
  text-align: left;
  border-left: 3px solid #eee;
  font-family: "Ubuntu";
}

body.is-mouv .post-formatting blockquote p, body.is-mouv .widget.widget_media_gallery blockquote p {
  color: #000;
}

body.is-mouv .go-to-top.visible:hover {
  opacity: 1;
  background-color: #faaa32;
}

body.is-mouv .h1, body.is-mouv .h2, body.is-mouv .h3, body.is-mouv .h4, body.is-mouv .h5, body.is-mouv .h6, body.is-mouv h1, body.is-mouv h2, body.is-mouv h3, body.is-mouv h4, body.is-mouv h5, body.is-mouv h6 {
  font-family: "Ubuntu";
}

body.is-mouv #menu-main_menu_uk-1 li a:hover {
  text-decoration: none !important;
}

body.is-mouv .product-filter ul li a:hover {
  text-decoration: none !important;
}

body.is-mouv .fullscreen-menu nav ul li a {
  color: #fff !important;
  text-decoration: none !important;
}

body.is-mouv #block-2 ul li a {
  color: #000;
  text-decoration: none;
}

body.is-mouv #block-2 ul li {
  color: #000;
}

body.is-mouv #block-3 ul li a {
  color: #000;
  text-decoration: none;
}

body.is-mouv #nav_menu-6 ul li a {
  color: #000;
  text-decoration: none;
}

body.is-mouv #nav_menu-4 ul li a {
  color: #000;
  text-decoration: none;
}

body.is-mouv #nav_menu-7 ul li a {
  color: #000;
  text-decoration: none;
}

body.is-mouv #nav_menu-8 ul li a {
  color: #000;
  text-decoration: none;
}

body.is-mouv #text-9 ul li a {
  color: #000;
  text-decoration: none;
}

body.is-mouv #text-10 ul li a {
  color: #000;
  text-decoration: none;
}

body.is-mouv #footer a:hover {
  color: #6d6d6d !important;
  background-color: transparent !important;
  text-decoration: none !important;
}

body.is-mouv .site-footer .footer-widgets {
  margin-bottom: 0;
}

body.is-mouv .site-footer .footer-bottom-content .copyrights p {
  color: #fff;
}

body.is-mouv .site-footer .footer-bottom-content a, body.is-mouv .site-footer .footer-widgets .widget .textwidget {
  color: #fff;
}

body.is-mouv .footer-bottom {
  background-color: #121b21;
}

body.is-mouv .first_head {
  text-transform: uppercase;
}

body.is-mouv .first_head_bold {
  font-weight: 700;
}

body.is-mouv .team_new p {
  text-transform: uppercase;
  font-size: 22px;
  color: #fff;
  font-weight: 700;
}

body.is-mouv .team_new h2 {
  text-transform: uppercase;
  font-size: 30px !important;
  font-weight: 700;
}

body.is-mouv img.img_ic {
  margin-right: 14px;
}

body.is-mouv .btn-head {
  color: #000;
  padding: 2px 6px;
  background-color: #FAAA32;
  font-size: 24px;
  border: 2px solid #FAAA32;
}

body.is-mouv .btn-head:hover {
  background-color: transparent;
  color: #000 !important;
  text-decoration: none !important;
}

body.is-mouv a.btn-head:active {
  background-color: transparent;
  color: #000 !important;
  box-shadow: 0px 4px 4px rgba(250, 170, 50, 0.25);
}

body.is-mouv .second-page {
  background-color: #FA50C8;
  border: 2px solid #FA50C8;
  text-transform: uppercase;
}

body.is-mouv .second-desk a {
  text-align: center;
  font-size: 20px;
  text-transform: uppercase;
  color: #fff;
  display: inline-block;
}

body.is-mouv .second-desk a:hover {
  color: #fff !important;
  -webkit-text-decoration: underline 1px;
          text-decoration: underline 1px;
  text-decoration-color: #fff;
}

body.is-mouv .orange-text p {
  font-size: 22px;
  color: #fff;
  line-height: 1.5;
  font-weight: bold;
  text-align: left;
}

body.is-mouv .orange-text ul li {
  font-size: 22px;
  color: #fff;
  line-height: 1.5;
  font-weight: bold;
  text-align: left;
}

body.is-mouv .anch-second-img {
  margin-top: -9% !important;
  margin-right: 6px !important;
}

body.is-mouv .anch-head-img {
  margin-top: -7% !important;
}

body.is-mouv .activ-mob {
  display: none !important;
}

body.is-mouv section.post--column.post-body header.entry-header h1.post-title.entry-title {
  display: none;
}

body.is-mouv .single-post .post .entry-header + .post-meta-only {
  margin-top: 60px;
}

body.is-mouv .has-normal-font-size, body.is-mouv .has-regular-font-size {
  font-size: 18px;
}

body.is-mouv .post-formatting blockquote, body.is-mouv .widget.widget_media_gallery blockquote {
  display: table;
  border-left-color: #FA50C8;
  padding: 0 20px;
}

body.is-mouv .back-color {
  background-color: #c4c4c4;
  padding: 15px;
}

body.is-mouv .post-formatting ol li, body.is-mouv .post-formatting ul li, body.is-mouv .widget.widget_media_gallery ol li, body.is-mouv .widget.widget_media_gallery ul li {
  color: #000;
}

body.is-mouv .back-color .wp-block-column:not(:first-child) {
  margin-left: 1.5em;
}

body.is-mouv .pagination--normal .page-numbers.current {
  color: #FA50C8;
}

body.is-mouv .single-portfolio-holder .title h1, body.is-mouv .single-portfolio-holder.portfolio-type-5 .portfolio-description-container .portfolio-description-showinfo h3 {
  font-weight: 700;
}

body.is-mouv .portfolio-holder .item-box .info h3 a {
  font-size: 26px;
}

body.is-mouv .portfolio-holder .item-box .info h3 a:hover {
  -webkit-text-decoration: underline 1px;
          text-decoration: underline 1px;
}

body.is-mouv .portfolio-holder .item-box .info p a:hover {
  -webkit-text-decoration: underline 1px;
          text-decoration: underline 1px;
}

body.is-mouv .annotation {
  margin-bottom: 0px;
}

body.is-mouv .single-portfolio-holder .details .services .checklist-entry {
  background-color: #dadada;
  padding: 30px 20px 10px;
}

body.is-mouv #portfolio-2-container .section-title h1, body.is-mouv .section-title h2, body.is-mouv .section-title h3, body.is-mouv .section-title h4 {
  font-size: 50px;
  color: #000;
  font-weight: 700;
  margin-top: 50px;
  text-transform: uppercase;
  position: relative;
}

body.is-mouv #portfolio-2-container .section-title p {
  color: #000;
  font-size: 20px;
  line-height: 26px;
  margin-top: 50px;
  padding-bottom: 50px;
  position: relative;
}

body.is-mouv #portfolio-2-container .portfolio-title-holder .pt-column-title, body.is-mouv #portfolio-2-container .pixel-portfolio-grid__filter .pt-column-title {
  max-width: 100%;
}

body.is-mouv #portfolio-2-container .portfolio-title-holder .pt-column-title + .pt-filters, body.is-mouv #portfolio-2-container .pixel-portfolio-grid__filter .pt-column-title + .pt-filters {
  margin-left: 0;
  float: left;
}

body.is-mouv #portfolio-2-container .portfolio-title-holder, body.is-mouv #portfolio-2-container .pixel-portfolio-grid__filter {
  display: block;
  margin-bottom: 5%;
}

body.is-mouv #portfolio-2-container .product-filter ul li a, body.is-mouv #portfolio-2-container .pixel-portfolio-grid__filter-item a {
  font-size: 20px;
  color: #000;
  text-decoration: none;
  text-transform: uppercase;
}

body.is-mouv .single-portfolio-holder .portfolio-big-navigation a:hover {
  text-decoration: none !important;
}

body.is-mouv .product-filter {
  text-transform: uppercase;
}

body.is-mouv .about_text p {
  font-size: 20px;
  color: #000;
}

body.is-mouv .first-dis {
  display: block;
}

body.is-mouv .first-mob {
  display: none !important;
}

body.is-mouv #cities .cities_desk {
  display: block;
}

body.is-mouv .cities_mob {
  display: none !important;
}

body.is-mouv .architect-desk {
  display: block;
}

body.is-mouv .architect-mob {
  display: none !important;
}

@media screen and (max-width: 430px) {
  body.is-mouv .first-dis {
    display: none !important;
  }
  body.is-mouv .first-mob {
    display: block !important;
  }
  body.is-mouv h2.first_head {
    font-size: 26px;
  }
  body.is-mouv .orange-text ul li {
    font-size: 20px;
  }
  body.is-mouv .orange-text p {
    font-size: 20px;
  }
  body.is-mouv #cities .cities_desk {
    display: none !important;
  }
  body.is-mouv #cities .cities_mob {
    display: block !important;
  }
  body.is-mouv .architect-desk {
    display: none !important;
  }
  body.is-mouv .architect-mob {
    display: block !important;
  }
  body.is-mouv .slide-two {
    display: none !important;
  }
  body.is-mouv .activ-desk {
    display: none !important;
  }
  body.is-mouv .activ-mob {
    display: block !important;
  }
  body.is-mouv .btn-head.archi {
    margin-left: 22% !important;
  }
  body.is-mouv .btn-head.activ {
    margin-left: 25% !important;
  }
  body.is-mouv div#sculptors.vc_empty_space {
    display: none;
  }
  body.is-mouv .product-filter ul li a:hover {
    text-decoration: none !important;
    color: #faaa32 !important;
  }
  body.is-mouv .head-us-mob {
    margin-bottom: 25% !important;
  }
  body.is-mouv p.namber {
    font-size: 80px !important;
  }
  body.is-mouv p.words {
    font-size: 22px !important;
  }
  body.is-mouv .second-head {
    font-size: 26px !important;
  }
  body.is-mouv .anch-img {
    margin-top: -5% !important;
  }
  body.is-mouv #serv h2 {
    font-size: 28px;
  }
  body.is-mouv .team_air {
    display: none;
  }
  body.is-mouv .portfol-air {
    display: none;
  }
  body.is-mouv .blog-box-gray.wp-block-pullquote.is-style-solid-color blockquote {
    max-width: 80%;
    font-size: 14px;
  }
  body.is-mouv .logo-mob-main {
    display: block !important;
  }
  body.is-mouv section.vc_section.vc_custom_1668176375685.vc_section-has-fill {
    display: none;
  }
}
body.is-mouv .logo-main-mus a:hover {
  background-color: transparent !important;
}

body.is-mouv ul.list-city-m li a:hover {
  background-color: #000 !important;
  text-decoration: none !important;
}

body.is-mouv ul.list-city-m li a:focus {
  background-color: #000 !important;
  padding-left: 10px;
}

/* --- Kalium: відступи шапки --- */
body.is-mouv .header-block, body.is-mouv .site-header--static-header-type {
  padding-top: 10px;
}

/* --- Kalium: відступи шапки (низ) --- */
body.is-mouv .header-block, body.is-mouv .site-header--static-header-type {
  padding-bottom: 10px;
}

/* --- Kalium: розмір логотипа --- */
body.is-mouv .logo-image {
  width: 180px;
  height: 83px;
}

/* --- Kalium: меню ≥769 --- */
@media screen and (min-width: 769px) {
  body.is-mouv .mobile-menu-wrapper, body.is-mouv .mobile-menu-overlay, body.is-mouv .header-block__item--mobile-menu-toggle {
    display: none;
  }
}
/* --- Kalium: меню ≤768 --- */
@media screen and (max-width: 768px) {
  body.is-mouv .header-block__item--standard-menu-container {
    display: none;
  }
}
/* --- wp-custom (Additional CSS) --- */
body.is-mouv .press h3 {
  font-size: 20px;
}

body.is-mouv .press a {
  color: black;
}

body.is-mouv .press a:hover {
  text-decoration: none;
  color: black !important;
}

body.is-mouv .tribe-events-c-small-cta__link.tribe-common-cta.tribe-common-cta--thin-alt {
  font-size: large;
}

body.is-mouv .tribe-common-c-btn {
  background-color: #EB8721 !important;
}

body.is-mouv .tribe-events-event-image img {
  width: 100% !important;
  height: 100% !important;
}

body.is-mouv .product-filter ul li a:hover {
  text-decoration: none !important;
  color: #faaa32 !important;
}

/* --- page CSS кореневої сторінки 9282 --- */
body.is-mouv.page-id-9282 p {
  font-family: Arial;
  font-size: 20px;
  color: #fff;
}

/* --- page CSS кореневої сторінки 8580 --- */
body.is-mouv.page-id-8580 p {
  font-family: Arial;
  font-size: 20px;
  color: #fff;
}

/* --- page CSS кореневої сторінки 10612 --- */
body.is-mouv.page-id-10612 p {
  font-family: Arial;
  font-size: 20px;
  color: #fff;
}

/* --- page CSS кореневої сторінки 10969 --- */
body.is-mouv.page-id-10969 p {
  font-family: Arial;
  font-size: 20px;
  color: #fff;
}

/* СГЕНЕРОВАНО scripts/refshots/gen-cross-vc-custom.py — не правити руками.
   Джерело: інлайн-стилі WPBakery (`vc_custom_*`) сторінки хреста
   db-dumps/mouv-ref/html/12836.html. Шаблон у всіх хрестів один,
   тому набір класів той самий. */
body.is-mouv.mouv-cross .vc_custom_1668255683972 {
  margin-left: 10% !important;
  background-image: url(/wp-content/uploads/2022/11/save-the-story-of-bravery.png?id=8784) !important;
  background-position: 0 0 !important;
  background-repeat: no-repeat !important;
}

body.is-mouv.mouv-cross .vc_custom_1668170955243 {
  margin-left: 5% !important;
}

body.is-mouv.mouv-cross .vc_custom_1671121369793 {
  background-position: 0 0 !important;
  background-repeat: no-repeat !important;
}

body.is-mouv.mouv-cross .vc_custom_1671456892824 {
  margin-right: -5% !important;
  margin-left: -5% !important;
}

body.is-mouv.mouv-cross .vc_custom_1668255577535 {
  margin-top: 3% !important;
}

body.is-mouv.mouv-cross .vc_custom_1671456507632 {
  margin-left: 5% !important;
}

body.is-mouv.mouv-cross .vc_custom_1668172505558 {
  margin-left: 6% !important;
}

body.is-mouv.mouv-cross .vc_custom_1668172505558 {
  margin-left: 6% !important;
}

body.is-mouv.mouv-cross .vc_custom_1668168566580 {
  margin-top: 5px !important;
  padding-right: 0px !important;
}

body.is-mouv.mouv-cross .vc_custom_1668168625201 {
  margin-left: -70% !important;
}

body.is-mouv.mouv-cross .vc_custom_1669743793054 {
  margin-right: 7% !important;
  margin-left: 7% !important;
}

body.is-mouv.mouv-cross .vc_custom_1668171902373 {
  margin-right: 5% !important;
  margin-left: 5% !important;
}

body.is-mouv.mouv-cross .vc_custom_1671807213129 {
  margin-right: 5% !important;
  margin-left: 5% !important;
}

body.is-mouv.mouv-cross .vc_custom_1671121349060 {
  padding-right: 7% !important;
  padding-left: 7% !important;
}

body.is-mouv.mouv-cross .vc_custom_1668002186852 {
  margin-left: 5% !important;
}

body.is-mouv.mouv-cross .vc_custom_1669036383504 {
  margin-left: 5% !important;
}

body.is-mouv.mouv-cross .vc_custom_1668172925448 {
  margin-right: 5% !important;
}

body.is-mouv.mouv-cross .vc_custom_1671456962832 {
  margin-left: 5% !important;
}

body.is-mouv.mouv-cross .vc_custom_1670307309514 {
  margin-right: 5% !important;
  margin-left: 5% !important;
}

body.is-mouv.mouv-cross .vc_custom_1668234914731 {
  margin-top: 50px !important;
}

body.is-mouv.mouv-cross .vc_custom_1678192460803 {
  margin-top: -150px !important;
  margin-right: 130px !important;
  margin-left: 220px !important;
  padding-top: 30px !important;
  padding-right: 0px !important;
  padding-bottom: 30px !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

body.is-mouv.mouv-cross .vc_custom_1678192472430 {
  margin-top: -60px !important;
  margin-left: 10% !important;
  padding-top: 70px !important;
  padding-right: 0px !important;
  padding-bottom: 30px !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

body.is-mouv.mouv-cross .vc_custom_1671456792484 {
  padding-right: 0px !important;
  padding-left: 0px !important;
}

body.is-mouv.mouv-cross .vc_custom_1671456798363 {
  margin-left: -70% !important;
}

body.is-mouv.mouv-cross .vc_custom_1668063352268 {
  padding-right: 0px !important;
}

body.is-mouv.mouv-cross .vc_custom_1668172989714 {
  margin-left: 10% !important;
}

/* Пер-записний page CSS WPBakery, який не потрапляє в карту
   `page-custom-map.json` (вона покриває лише сторінки й типові варіанти).
   Підключається ОСТАННІМ — правила тут перекривають варіантні
   (у обох стоїть `!important`, тому вирішує порядок). */
/* --- 10659 «Каталог хрестів Куяльника» (portfolio, експонат) --- */
body.is-mouv.postid-10659 .cross-grid-title h3,
body.is-mouv.postid-10659 .cross-grid .wp-block-post-title {
  color: #fff;
}

@media (min-width: 768px) {
  body.is-mouv.postid-10659 .cross-grid {
    margin-right: 5%;
    margin-left: 5%;
  }
}
body.is-mouv.postid-10659 .porto-text-gap h2 {
  color: #fff;
  font-size: 44px;
  font-family: "Ubuntu Mono", monospace;
}

body.is-mouv.postid-10659 .porto-text-gap li {
  color: #fff !important;
  font-family: Arial !important;
  font-size: 16px;
}

body.is-mouv.postid-10659 .porto-text-gap p {
  font-size: 18px !important;
}