/*
Theme Name: MEMORIST
Theme URI: https://memorist.kz/
Author: MEMORIST
Description: Dark, bilingual (RU/KZ) theme for MEMORIST — pages of memory with QR links.
Version: 5.6.16
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: memorist
*/

:root {
--bg: #121212;
--panel: #1a1a1a;
--panel2: #0d0d0d;
--text: #f5f5f5;
--muted: #b6b6b6;
--gold: #d4b88c;
--gold2: #c9a978;
--border: rgba(212,184,140,.28);
--shadow: 0 12px 30px rgba(0,0,0,.35);
--radius: 18px;
--max: 1120px;
}

{
box-sizing: border-box;
}
html {
scroll-behavior: smooth;
}

body {
margin: 0;
background: var(--bg);
color: var(--text);
font-family: Roboto, system-ui, -apple-system, Segoe UI, Arial, sans-serif;
line-height: 1.55;
}

a {
color: inherit;
text-decoration: none;
}

a:hover {
opacity: .92;
}

img {
max-width: 100%;
}

/* Language */

.lang-ru,
.lang-kz {
display: none;
}

body.lang-ru-active .lang-ru {
display: inline;
}

body.lang-kz-active .lang-kz {
display: inline;
}

body.lang-ru-active p .lang-ru,
body.lang-ru-active h1 .lang-ru,
body.lang-ru-active h2 .lang-ru,
body.lang-ru-active h3 .lang-ru,
body.lang-ru-active div .lang-ru,
body.lang-ru-active li .lang-ru,
body.lang-kz-active p .lang-kz,
body.lang-kz-active h1 .lang-kz,
body.lang-kz-active h2 .lang-kz,
body.lang-kz-active h3 .lang-kz,
body.lang-kz-active div .lang-kz,
body.lang-kz-active li .lang-kz {
display: inline;
}

body.lang-ru-active .family-tree-card > .lang-ru,
body.lang-kz-active .family-tree-card > .lang-kz {
display: block;
}

/* Layout */

.container {
width: 100%;
max-width: var(--max);
margin: 0 auto;
padding: 0 20px;
}

.section {
padding: 84px 0;
}

.section.compact {
padding: 56px 0;
}

.hairline {
height: 1px;
background: rgba(255,255,255,.07);
}

/* Header */

.header {
position: sticky;
top: 0;
z-index: 50;
background: rgba(18,18,18,.82);
backdrop-filter: blur(10px);
border-bottom: 1px solid rgba(255,255,255,.06);
}

.header-inner {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
padding: 14px 0;
}

.brand {
display: flex;
align-items: center;
gap: 12px;
}

.brand img {
height: 40px;
width: auto;
display: block;
}

.brand .brand-text {
display: flex;
flex-direction: column;
line-height: 1.05;
}

.brand .name {
font-family: Lora, Georgia, serif;
font-size: 18px;
letter-spacing: .14em;
color: var(--gold);
}

.brand .tag {
font-size: 12px;
color: var(--muted);
letter-spacing: .06em;
}

.nav {
display: flex;
gap: 18px;
align-items: center;
flex-wrap: wrap;
justify-content: flex-end;
}

.nav a {
font-size: 14px;
color: var(--text);
opacity: .9;
}

.nav a:hover {
opacity: 1;
}

.lang {
display: flex;
gap: 8px;
align-items: center;
border: 1px solid rgba(255,255,255,.10);
border-radius: 999px;
padding: 4px;
}

.lang button {
border: 0;
background: transparent;
color: var(--muted);
padding: 7px 10px;
border-radius: 999px;
cursor: pointer;
font-size: 12px;
letter-spacing: .08em;
}

.lang button.active {
background: rgba(212,184,140,.16);
color: var(--gold);
}

/* Hero */

.hero {
position: relative;
padding: 92px 0 84px;
overflow: hidden;
}

.hero::before {
content: “”;
position: absolute;
inset: -20px -40px -40px -40px;
background:
radial-gradient(800px 400px at 20% 10%, rgba(212,184,140,.13), transparent 60%),
radial-gradient(700px 460px at 90% 30%, rgba(212,184,140,.10), transparent 60%);
pointer-events: none;
}

.hero::after {
content: “”;
position: absolute;
right: -140px;
top: 40px;
width: 900px;
height: 850px;
background: url(“assets/tree-bg.png”) no-repeat center / contain;
opacity: 1;
transform: rotate(6deg);
pointer-events: none;
}

.hero-inner {
position: relative;
display: grid;
gap: 26px;
max-width: 760px;
}

.kicker {
font-size: 12px;
letter-spacing: .16em;
text-transform: uppercase;
color: var(--muted);
}

h1 {
margin: 0;
font-family: Lora, Georgia, serif;
font-weight: 600;
letter-spacing: .02em;
font-size: 48px;
line-height: 1.12;
}

.lead {
margin: 0;
font-size: 18px;
color: rgba(245,245,245,.92);
max-width: 640px;
}

.hero-cta {
display: grid;
gap: 14px;
justify-items: start;
margin-top: 6px;
}

.hero-main-btn {
min-width: 260px;
}

.hero-secondary-btns {
display: flex;
gap: 12px;
flex-wrap: wrap;
}

/* Buttons */

.btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
padding: 14px 18px;
border-radius: 999px;
border: 1px solid var(--border);
background: transparent;
color: var(--text);
font-weight: 500;
}

.btn.primary {
background: var(--gold);
color: #1b1b1b;
border-color: transparent;
}

.btn.primary:hover {
filter: brightness(.98);
}

.btn.ghost:hover {
border-color: rgba(212,184,140,.55);
}

/* Grid */

.grid {
display: grid;
gap: 18px;
}

.grid.cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}

.grid.cols-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}

/* Cards */

.card {
background: rgba(26,26,26,.72);
border: 1px solid rgba(255,255,255,.08);
border-radius: var(--radius);
box-shadow: var(--shadow);
padding: 18px;
}

.card h3 {
margin: 2px 0 8px;
font-family: Lora, Georgia, serif;
font-size: 18px;
color: var(--gold);
}

.card p {
margin: 0;
color: rgba(245,245,245,.86);
font-size: 14px;
}

.featured-card {
border-color: var(--border);
}

.card-cta {
margin-top: 16px;
}

.icon {
width: 42px;
height: 42px;
border-radius: 12px;
background: rgba(212,184,140,.14);
border: 1px solid rgba(212,184,140,.28);
display: grid;
place-items: center;
color: var(--gold);
margin-bottom: 12px;
font-size: 18px;
}

/* Section title */

.section-title {
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 18px;
margin-bottom: 22px;
}

.section-title h2,
.form-wrap h2 {
margin: 0;
font-family: Lora, Georgia, serif;
font-size: 30px;
color: var(--gold);
}

.section-title .sub,
.form-wrap .sub {
margin: 0;
color: var(--muted);
font-size: 14px;
max-width: 560px;
}

/* Examples */

.example-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 18px;
}

.example-card {
min-height: 180px;
padding: 34px 22px;
border: 1px solid rgba(221,189,137,.22);
border-radius: 18px;
background: rgba(255,255,255,.035);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
color: inherit;
}

.example-icon {
font-size: 22px;
margin-bottom: 12px;
}

.example-card strong {
display: block;
margin-bottom: 12px;
font-size: 18px;
}

.example-card small {
color: var(--muted);
line-height: 1.5;
}

/* Family tree */

.family-tree-section {
padding: 28px 0 52px;
background: radial-gradient(circle at 50% 35%, rgba(221,189,137,.07), rgba(0,0,0,0) 50%);
}

.family-tree-container {
max-width: 900px;
}

.family-tree-card {
display: block;
text-decoration: none;
color: inherit;
border-radius: 22px;
overflow: hidden;
box-shadow: 0 24px 70px rgba(0,0,0,.34);
border: 1px solid rgba(221,189,137,.28);
background: rgba(255,255,255,.025);
}

.family-tree-card img {
width: 100%;
height: auto;
display: block;
}

/* Pricing */

.pricing .price {
font-size: 22px;
font-family: Lora, Georgia, serif;
color: var(--text);
margin: 8px 0 10px;
}

.pricing ul {
margin: 0;
padding-left: 18px;
color: rgba(245,245,245,.88);
font-size: 14px;
}

.pricing li {
margin: 6px 0;
}

.pricing-note {
margin-top: 18px;
color: var(--muted);
font-size: 13px;
}

/* Symbol */

.testimonial {
display: grid;
gap: 14px;
border-left: 3px solid var(--gold);
padding-left: 14px;
}

.testimonial p {
margin: 0;
color: rgba(245,245,245,.88);
}

/* Order */

.form-wrap {
max-width: 720px;
}

.form-hint {
margin: 10px 0 0;
color: var(--muted);
font-size: 13px;
}

.form-wrap small {
display: block;
margin-top: 14px;
color: var(--muted);
}

/* Gallery */

.gallery-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 18px;
}

.gallery-item {
height: 240px;
overflow: hidden;
border-radius: 18px;
}

.gallery-item img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}

/* Footer */

.footer {
background: var(--panel2);
border-top: 1px solid rgba(255,255,255,.06);
padding: 34px 0;
color: var(--muted);
}

.footer-inner {
display: flex;
align-items: center;
justify-content: space-between;
gap: 18px;
flex-wrap: wrap;
}

.footer small {
display: block;
color: rgba(245,245,245,.55);
}

.footer .mini {
display: flex;
align-items: center;
gap: 12px;
}

.footer .mini img {
height: 28px;
}

/* Responsive */

@media (max-width: 980px) {
.grid.cols-4 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}

h1 {
font-size: 40px;
}
}

@media (max-width: 760px) {
.container {
padding: 0 20px;
}

.nav {
display: none;
}

.grid.cols-3,
.grid.cols-4,
.example-grid,
.gallery-grid {
grid-template-columns: 1fr;
}

.hero {
padding: 72px 0 64px;
}

.hero::after {
right: -240px;
top: 120px;
width: 720px;
height: 680px;
opacity: 1;
}

h1 {
font-size: 34px;
}

.hero-cta {
justify-items: center;
}

.hero-secondary-btns {
justify-content: center;
}

.section {
padding: 64px 0;
}

.section.compact {
padding: 48px 0;
}

.section-title {
display: block;
}

.section-title h2,
.form-wrap h2 {
font-size: 34px;
line-height: 1.15;
}

.section-title .sub,
.form-wrap .sub {
margin-top: 12px;
font-size: 15px;
line-height: 1.55;
}

.example-card {
min-height: 200px;
}

.family-tree-section {
padding: 22px 0 46px;
}

.gallery-item {
height: 220px;
}
}

/* ===== MAIN PAGE COMPACT FIX ===== */

/* Уменьшаем общий воздух между блоками */
.hero {
padding: 58px 0 54px !important;
}

.section {
padding: 52px 0 !important;
}

.section.compact {
padding: 40px 0 !important;
}

.hairline {
margin: 0 !important;
}

/* Главный экран */
.hero-inner {
max-width: 720px !important;
gap: 18px !important;
}

.kicker {
margin-bottom: 0 !important;
}

h1 {
font-size: 44px !important;
line-height: 1.12 !important;
}

.lead {
font-size: 17px !important;
line-height: 1.55 !important;
}

.hero-cta {
gap: 12px !important;
margin-top: 0 !important;
}

.hero-main-btn {
min-width: 250px !important;
}

/* Заголовки секций */
.section-title {
margin-bottom: 18px !important;
}

.section-title h2,
.form-wrap h2 {
font-size: 30px !important;
line-height: 1.15 !important;
}

.section-title .sub,
.form-wrap .sub {
font-size: 14px !important;
line-height: 1.55 !important;
}

/* Карточки: как это работает / услуги */
.grid {
gap: 16px !important;
}

.card {
padding: 16px !important;
border-radius: 16px !important;
}

.card h3 {
font-size: 17px !important;
line-height: 1.25 !important;
}

.card p {
font-size: 14px !important;
line-height: 1.45 !important;
}

.icon {
width: 38px !important;
height: 38px !important;
margin-bottom: 10px !important;
}

/* Примеры */
.example-grid {
gap: 16px !important;
}

.example-card {
min-height: 155px !important;
padding: 26px 18px !important;
border-radius: 16px !important;
}

.example-card strong {
font-size: 17px !important;
}

.example-card small {
font-size: 13px !important;
}

/* Родовое древо — уменьшаем картинку */
.family-tree-section {
padding: 20px 0 42px !important;
}

.family-tree-container {
max-width: 760px !important;
}

.family-tree-card {
border-radius: 18px !important;
box-shadow: 0 18px 48px rgba(0,0,0,.30) !important;
}

/* Услуги */
.pricing .price {
font-size: 20px !important;
}

.pricing ul {
font-size: 14px !important;
}

/* Символ и заявка */
.testimonial {
gap: 10px !important;
}

.form-wrap {
max-width: 680px !important;
}

.form-hint {
line-height: 1.5 !important;
}

/* Мобильная версия */
@media (max-width: 760px) {
.hero {
padding: 48px 0 46px !important;
}

.section {
padding: 42px 0 !important;
}

.section.compact {
padding: 34px 0 !important;
}

h1 {
font-size: 34px !important;
}

.lead {
font-size: 16px !important;
}

.hero-inner {
gap: 16px !important;
}

.hero-main-btn {
width: 100% !important;
max-width: 320px !important;
}

.hero-secondary-btns {
width: 100% !important;
}

.hero-secondary-btns .btn {
width: 100% !important;
max-width: 320px !important;
}

.section-title h2,
.form-wrap h2 {
font-size: 30px !important;
}

.card {
padding: 16px !important;
}

.example-card {
min-height: 165px !important;
}

.family-tree-container {
max-width: 100% !important;
}

.family-tree-section {
padding: 18px 0 38px !important;
}
}

/* =====================================================
   MEMORIST HARD DARK FIX
   Главная + каталог страниц памяти
   ===================================================== */

html,
body {
  background: #121212 !important;
  color: #f5f5f5 !important;
}

/* Главная страница */
body.home,
body.home main,
body.home .hero,
body.home .section,
body.home .section.compact {
  background: #121212 !important;
  color: #f5f5f5 !important;
}

/* Фон главного экрана */
body.home .hero {
  position: relative !important;
  overflow: hidden !important;
  background:
    radial-gradient(800px 400px at 20% 10%, rgba(212,184,140,.13), transparent 60%),
    radial-gradient(700px 460px at 90% 30%, rgba(212,184,140,.10), transparent 60%),
    #121212 !important;
}

/* Тексты главной */
body.home .kicker {
  color: #b6b6b6 !important;
}

body.home h1,
body.home .hero h1 {
  color: #f5f5f5 !important;
}

body.home .lead {
  color: rgba(245,245,245,.92) !important;
}

/* Заголовки секций */
body.home .section-title h2,
body.home section h2 {
  color: #d4b88c !important;
}

/* Кнопки */
body.home .btn,
body.home a.btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 48px !important;
  padding: 14px 22px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(212,184,140,.35) !important;
  text-decoration: none !important;
  font-weight: 600 !important;
  color: #f5f5f5 !important;
  background: rgba(255,255,255,.035) !important;
}

body.home .btn.primary,
body.home a.btn.primary {
  background: linear-gradient(135deg, #f2d59c, #c89b54) !important;
  color: #141414 !important;
  border-color: transparent !important;
}

/* Карточки на главной */
body.home .card {
  background: rgba(26,26,26,.72) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  color: #f5f5f5 !important;
}

/* Страница /memorials/ */
body.page-template-page-memorials,
body.page-template-page-memorials main,
body.post-type-archive-memorist_memorial,
body.post-type-archive-memorist_memorial main,
.memorials-page {
  background: #10100f !important;
  color: #f5f5f5 !important;
}

.memorials-page h1,
.memorials-hero h1,
.memorials-title {
  color: #efd6a4 !important;
}

.memorials-page p,
.memorials-hero p,
.memorials-subtitle {
  color: rgba(245,245,245,.78) !important;
}

.memorial-card {
  background: rgba(26,26,26,.72) !important;
  border: 1px solid rgba(221,189,137,.28) !important;
  color: #f5f5f5 !important;
}

/* ===== GLOBAL DARK PAGE FIX ===== */

html,
body,
#page,
.site,
.site-content,
.content-area,
main,
.site-main {
  background: #121212 !important;
  color: #f5f5f5 !important;
}

/* Чтобы обычные страницы не выпадали в белый фон */
body.page,
body.page main,
body.page .site-main,
body.page .entry-content,
body.archive,
body.archive main,
body.archive .site-main {
  background: #121212 !important;
  color: #f5f5f5 !important;
}

/* Страница каталога памяти */
.memorials-page,
.memorials-hero,
.memorials-list-section,
.memorials-page .container {
  background: transparent !important;
  color: #f5f5f5 !important;
}

.memorials-page h1,
.memorials-hero h1,
.memorials-title {
  color: #efd6a4 !important;
}

.memorials-page p,
.memorials-hero p,
.memorials-subtitle {
  color: rgba(245,245,245,.78) !important;
}

/* Поля поиска на тёмном фоне */
.memorials-search,
.memorials-page input[type="search"],
.memorials-page input[type="text"],
body.page input[type="search"],
body.page input[type="text"] {
  background: rgba(255,255,255,.06) !important;
  color: #f5f5f5 !important;
  border: 1px solid rgba(212,184,140,.35) !important;
  border-radius: 999px !important;
}
/* Карточки людей */
.memorial-card {
  background: rgba(26,26,26,.72) !important;
  border: 1px solid rgba(221,189,137,.28) !important;
  color: #f5f5f5 !important;
}


/* =====================================================
   STAGE 2 — PAGE SERVICE “MEMORIAL PAGE”
   ===================================================== */
html { scroll-behavior: smooth; }
.footer { position: relative; }
.footer-home-link { color: inherit; text-decoration: none; }
.footer-up {
  position: absolute; right: 28px; bottom: 22px; width: 48px; height: 48px;
  display: grid; place-items: center; border-radius: 50%; text-decoration: none;
  background: linear-gradient(135deg,#efc36f,#c28b34); color: #111; font-size: 26px;
  box-shadow: 0 10px 30px rgba(0,0,0,.28); border: 1px solid rgba(255,220,150,.5);
}
.memorial-service-intro {
  padding: 24px 0 22px;
  background: linear-gradient(180deg,#080d11 0%,#0b1115 100%);
  border-bottom: 1px solid rgba(205,151,73,.18);
}
.memorial-service-nav {
  display:flex; align-items:center; justify-content:space-between; gap:20px;
  margin-bottom:22px; font-size:15px;
}
.memorial-service-nav a { color:#ecd09c; text-decoration:none; }
.memorial-service-heading { max-width:760px; margin:0 auto 30px; text-align:center; }
.memorial-service-heading h1 {
  margin:0 0 10px; color:#efd19b; font-family:"Times New Roman",Times,serif;
  font-size:clamp(38px,5vw,58px); font-weight:700; line-height:1.05;
}
.memorial-service-heading p { margin:0; color:rgba(255,255,255,.83); font-size:18px; line-height:1.6; }
.memorial-process-panel {
  padding:18px 22px 22px; border:1px solid rgba(205,151,73,.28); border-radius:18px;
  background:rgba(9,15,19,.72); box-shadow:0 20px 55px rgba(0,0,0,.22);
}
.memorial-process-panel h2 {
  margin:0 0 18px; text-align:center; color:#e9b85f;
  font-family:"Times New Roman",Times,serif; font-size:34px; font-weight:700;
}
.memorial-process-grid {
  display:grid; grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;
  align-items:center; gap:16px;
}
.memorial-process-card {
  min-height:210px; padding:22px 17px 18px; border-radius:14px;
  border:1px solid rgba(205,151,73,.26); background:linear-gradient(180deg,rgba(18,27,32,.95),rgba(8,13,16,.96));
  text-align:center; display:flex; flex-direction:column; align-items:center;
}
.memorial-process-icon { width:58px; height:58px; margin-bottom:13px; color:#dda84f; }
.memorial-process-icon svg { width:100%; height:100%; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.memorial-process-card h3 {
  margin:0 0 10px; color:#fff5df; font-family:"Times New Roman",Times,serif;
  font-size:21px; line-height:1.16; font-weight:700;
}
.memorial-process-card p { margin:0; color:rgba(255,255,255,.72); font-size:14px; line-height:1.55; }
.memorial-process-arrow { color:#dca84e; font-size:27px; }
.memorial-example-label {
  margin:24px auto 0; width:max-content; max-width:100%; padding:8px 22px;
  color:#e8bd73; border-top:1px solid rgba(205,151,73,.34); border-bottom:1px solid rgba(205,151,73,.34);
  font-family:"Times New Roman",Times,serif; font-size:22px; text-align:center;
}
.memorial-service-view .memorial-hero { padding-top:22px; }
.memorial-service-view .memorial-hero-grid {
  overflow:hidden; border:1px solid rgba(205,151,73,.35); border-radius:18px;
  background:rgba(8,13,16,.72); box-shadow:0 24px 70px rgba(0,0,0,.32);
}
.memorial-service-view:not(.memorial-page-sultan) .memorial-hero {
  background:
    linear-gradient(90deg,rgba(4,8,11,.95) 0%,rgba(4,8,11,.62) 48%,rgba(4,8,11,.28) 100%),
    radial-gradient(circle at 75% 42%,rgba(206,145,66,.16),transparent 35%),
    linear-gradient(180deg,#0a1014,#0b1115);
}
@media (max-width: 920px) {
  .memorial-process-grid { grid-template-columns:1fr 1fr; }
  .memorial-process-arrow { display:none; }
}
@media (max-width: 650px) {
  .memorial-service-intro { padding:16px 0 18px; }
  .memorial-service-nav { font-size:13px; gap:12px; align-items:flex-start; }
  .memorial-service-nav a { max-width:48%; line-height:1.35; }
  .memorial-service-nav a:last-child { text-align:right; }
  .memorial-service-heading { margin-bottom:22px; }
  .memorial-service-heading h1 { font-size:39px; }
  .memorial-service-heading p { font-size:16px; }
  .memorial-process-panel { padding:16px 12px; }
  .memorial-process-panel h2 { font-size:30px; }
  .memorial-process-grid { grid-template-columns:1fr; gap:12px; }
  .memorial-process-card { min-height:0; padding:19px 14px; }
  .memorial-process-card h3 { font-size:21px; }
  .memorial-example-label { font-size:19px; padding:7px 12px; }
  .footer-up { right:16px; bottom:16px; width:44px; height:44px; }
}


/* =====================================================
   STAGE 2.1 — MEMORIAL SERVICE + PERSONAL PAGE REFINEMENT
   Approved single dark-gold palette; mockup-style hero.
   ===================================================== */

:root {
  --mem-bg: #0d0d0c;
  --mem-panel: #141311;
  --mem-panel-soft: #181613;
  --mem-line: rgba(210, 159, 84, .30);
  --mem-gold: #d9a858;
  --mem-gold-light: #efd3a0;
  --mem-text: #f3eee5;
  --mem-muted: rgba(243, 238, 229, .72);
}

/* One palette throughout the memorial service and memorial profile. */
.memorial-page,
.memorial-service-intro,
.memorial-page .memorial-hero,
.memorial-page .memorial-section,
.memorial-page .memorial-card,
.memorial-page .story-text-card {
  background-color: var(--mem-bg) !important;
  color: var(--mem-text) !important;
}

.memorial-service-intro {
  background:
    radial-gradient(circle at 50% 0%, rgba(217,168,88,.075), transparent 34%),
    var(--mem-bg) !important;
  border-bottom-color: var(--mem-line) !important;
  padding: 18px 0 18px !important;
}

.memorial-service-heading {
  margin-bottom: 21px !important;
}

.memorial-service-heading h1,
.memorial-process-panel h2,
.memorial-page h1,
.memorial-page h2,
.memorial-page h3 {
  font-family: "Times New Roman", Times, serif !important;
}

.memorial-service-heading h1 {
  color: var(--mem-gold-light) !important;
}

.memorial-service-heading p,
.memorial-process-card p {
  color: var(--mem-muted) !important;
}

/* Compact four-card process, without numbered circles. */
.memorial-process-panel {
  padding: 14px 18px 18px !important;
  border-color: var(--mem-line) !important;
  background: rgba(20,19,17,.72) !important;
  box-shadow: 0 18px 50px rgba(0,0,0,.24) !important;
}

.memorial-process-panel h2 {
  margin-bottom: 13px !important;
  color: var(--mem-gold) !important;
  font-size: 31px !important;
}

.memorial-process-grid {
  gap: 11px !important;
}

.memorial-process-card {
  min-height: 178px !important;
  padding: 17px 13px 14px !important;
  border-color: var(--mem-line) !important;
  background:
    radial-gradient(circle at 50% 5%, rgba(217,168,88,.08), transparent 44%),
    linear-gradient(180deg, rgba(25,23,20,.98), rgba(14,14,13,.98)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.025) !important;
}

.memorial-process-icon {
  width: 48px !important;
  height: 48px !important;
  margin-bottom: 9px !important;
  color: var(--mem-gold) !important;
}

.memorial-process-card h3 {
  color: var(--mem-text) !important;
  font-size: 19px !important;
  margin-bottom: 7px !important;
}

.memorial-process-card p {
  font-size: 13px !important;
  line-height: 1.45 !important;
}

.memorial-process-arrow {
  color: var(--mem-gold) !important;
  font-size: 23px !important;
}

.memorial-example-label {
  margin-top: 17px !important;
  color: var(--mem-gold-light) !important;
  border-color: var(--mem-line) !important;
}

/* The example starts as one coherent card, not separate blue/brown bands. */
.memorial-service-view .memorial-hero {
  padding: 18px 0 0 !important;
  background: var(--mem-bg) !important;
}

.memorial-page:not(.memorial-page-sultan) .memorial-hero-grid {
  position: relative !important;
  isolation: isolate;
  overflow: hidden !important;
  min-height: 360px;
  border: 1px solid var(--mem-line) !important;
  border-radius: 19px !important;
  background:
    linear-gradient(90deg, rgba(10,10,9,.92) 0%, rgba(10,10,9,.70) 49%, rgba(10,10,9,.36) 100%),
    url("assets/erlan-mountains.jpg") center / cover no-repeat !important;
  box-shadow: 0 26px 70px rgba(0,0,0,.36) !important;
}

.memorial-page:not(.memorial-page-sultan) .memorial-hero-grid::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    linear-gradient(180deg, rgba(0,0,0,.04), rgba(0,0,0,.22)),
    radial-gradient(circle at 20% 45%, rgba(217,168,88,.12), transparent 35%);
  pointer-events: none;
}

/* Portrait integrated into the hero like the approved mockup. */
.memorial-page:not(.memorial-page-sultan) .memorial-photo {
  align-self: end !important;
  height: 340px !important;
  margin: 20px 0 0 18px !important;
  border: 0 !important;
  border-radius: 16px 16px 0 0 !important;
  overflow: hidden !important;
  background: transparent !important;
  box-shadow: none !important;
}

.memorial-page:not(.memorial-page-sultan) .memorial-photo img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center top !important;
  display: block !important;
  border-radius: inherit !important;
}

.memorial-page:not(.memorial-page-sultan) .memorial-intro {
  align-self: center !important;
  padding: 34px 38px 30px 20px !important;
  background: transparent !important;
}

.memorial-page:not(.memorial-page-sultan) .memorial-intro h1 {
  color: var(--mem-text) !important;
  font-size: clamp(42px, 5vw, 66px) !important;
  line-height: 1.02 !important;
  text-shadow: 0 4px 24px rgba(0,0,0,.62) !important;
}

.memorial-page:not(.memorial-page-sultan) .memorial-intro .years {
  color: var(--mem-gold-light) !important;
  font-family: "Times New Roman", Times, serif !important;
  font-size: 31px !important;
  text-shadow: 0 3px 18px rgba(0,0,0,.70) !important;
}

.memorial-page:not(.memorial-page-sultan) .memorial-intro .lead {
  max-width: 620px !important;
  color: rgba(255,255,255,.88) !important;
  font-size: 16px !important;
  line-height: 1.62 !important;
  text-shadow: 0 2px 12px rgba(0,0,0,.75) !important;
}

/* Remove any accidental duplicate text/background layers from older rules. */
.memorial-page:not(.memorial-page-sultan) .memorial-hero::before,
.memorial-page:not(.memorial-page-sultan) .memorial-hero::after,
.memorial-page:not(.memorial-page-sultan) .memorial-intro::before,
.memorial-page:not(.memorial-page-sultan) .memorial-intro::after {
  content: none !important;
  background-image: none !important;
}

/* Story and all following blocks continue in the same palette. */
.memorial-page .memorial-section {
  border-color: rgba(217,168,88,.10) !important;
}

.memorial-page .memorial-card,
.memorial-page .story-text-card {
  border-color: var(--mem-line) !important;
  background:
    linear-gradient(180deg, rgba(24,22,19,.96), rgba(15,15,14,.98)) !important;
  box-shadow: 0 18px 48px rgba(0,0,0,.20) !important;
}

/* Personal-page exits: one line, opposite sides. */
.memorial-person-nav {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 18px !important;
  padding-top: 16px !important;
  padding-bottom: 12px !important;
}

.memorial-home-link,
.memorial-back-link {
  color: var(--mem-gold-light) !important;
  text-decoration: none !important;
  font-weight: 600 !important;
}

.memorial-home-link {
  text-align: right !important;
}

/* Catalogue: footer already has one upward arrow; hide legacy local arrow. */
.page-template-page-memorials .mem-catalog-top-row,
.page-template-page-memorials .mem-catalog-top-link {
  display: none !important;
}

/* Footer keeps one working upward control and a clickable logo. */
.footer-up {
  z-index: 20 !important;
}

/* Responsive */
@media (max-width: 920px) {
  .memorial-process-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }
  .memorial-process-arrow {
    display: none !important;
  }
  .memorial-page:not(.memorial-page-sultan) .memorial-hero-grid {
    grid-template-columns: minmax(220px, .8fr) minmax(0, 1.2fr) !important;
  }
}

@media (max-width: 680px) {
  .memorial-service-nav {
    margin-bottom: 14px !important;
  }

  .memorial-service-heading h1 {
    font-size: 38px !important;
  }

  .memorial-process-grid {
    grid-template-columns: 1fr !important;
  }

  .memorial-process-card {
    min-height: 0 !important;
    padding: 16px 14px !important;
  }

  .memorial-page:not(.memorial-page-sultan) .memorial-hero-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    min-height: 0 !important;
    background-position: 64% center !important;
  }

  .memorial-page:not(.memorial-page-sultan) .memorial-photo {
    width: min(72%, 280px) !important;
    height: 310px !important;
    margin: 18px auto 0 !important;
  }

  .memorial-page:not(.memorial-page-sultan) .memorial-intro {
    padding: 22px 20px 25px !important;
    text-align: center !important;
    background: linear-gradient(180deg, rgba(9,9,8,.14), rgba(9,9,8,.86)) !important;
  }

  .memorial-page:not(.memorial-page-sultan) .memorial-intro h1 {
    font-size: 40px !important;
  }

  .memorial-page:not(.memorial-page-sultan) .memorial-intro .years {
    font-size: 27px !important;
  }

  .memorial-person-nav {
    font-size: 13px !important;
    gap: 12px !important;
  }

  .memorial-person-nav a {
    max-width: 48% !important;
    line-height: 1.35 !important;
  }
}


/* =========================================================
   STAGE 3 — FULL MEMORIAL PROFILE RECONSTRUCTION
   Layout follows the approved memorial mockup.
   ========================================================= */

.memorial-page {
  --mx-bg: #090c0e;
  --mx-panel: #0d1113;
  --mx-panel-2: #111517;
  --mx-line: rgba(202,145,67,.38);
  --mx-gold: #d9a458;
  --mx-gold-soft: #efd4a2;
  --mx-text: #f7f2e9;
  --mx-muted: rgba(247,242,233,.72);
  background:
    radial-gradient(circle at 48% 8%, rgba(196,139,61,.055), transparent 32%),
    var(--mx-bg) !important;
  color: var(--mx-text) !important;
}

.memorial-profile-shell {
  width: min(1180px, calc(100% - 34px));
  margin: 18px auto 34px;
  display: grid;
  grid-template-columns: repeat(12, minmax(0,1fr));
  gap: 16px;
  padding: 0;
  border: 1px solid rgba(202,145,67,.20);
  border-radius: 18px;
  overflow: hidden;
  background: linear-gradient(180deg, rgba(13,17,19,.97), rgba(8,11,13,.99));
  box-shadow: 0 28px 80px rgba(0,0,0,.42);
}

.memorial-profile-shell > * {
  min-width: 0;
}

.memorial-profile-shell .memorial-hero {
  grid-column: 1 / -1;
  order: 1;
  padding: 0 !important;
  background: transparent !important;
}

.memorial-person-nav {
  width: 100% !important;
  max-width: none !important;
  padding: 15px 22px 8px !important;
  margin: 0 !important;
}

.memorial-hero-grid {
  width: 100% !important;
  max-width: none !important;
  min-height: 355px !important;
  margin: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(280px,.84fr) minmax(0,1.42fr) !important;
  gap: 0 !important;
  position: relative !important;
  isolation: isolate;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 0 !important;
  background:
    linear-gradient(90deg, rgba(6,8,9,.87) 0%, rgba(6,8,9,.58) 45%, rgba(6,8,9,.24) 100%),
    var(--memorial-hero-bg) center / cover no-repeat !important;
  box-shadow: none !important;
}

.memorial-hero-grid::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    linear-gradient(180deg, rgba(0,0,0,.05), rgba(0,0,0,.20)),
    radial-gradient(circle at 16% 48%, rgba(224,169,91,.15), transparent 28%);
}

.memorial-photo {
  align-self: end !important;
  width: calc(100% - 30px) !important;
  height: 335px !important;
  margin: 20px 0 0 30px !important;
  border: 0 !important;
  border-radius: 16px 16px 0 0 !important;
  overflow: hidden !important;
  background: transparent !important;
  box-shadow: none !important;
}

.memorial-photo img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center top !important;
  border-radius: inherit !important;
  filter: saturate(.92) contrast(1.02);
}

.memorial-intro {
  align-self: center !important;
  padding: 36px 44px 30px 38px !important;
  background: transparent !important;
}

.memorial-intro .eyebrow {
  color: var(--mx-gold) !important;
  font-size: 12px !important;
  letter-spacing: .18em !important;
  text-transform: uppercase;
}

.memorial-intro h1 {
  margin: 8px 0 5px !important;
  max-width: 690px;
  color: var(--mx-text) !important;
  font-family: "Times New Roman", Times, serif !important;
  font-size: clamp(45px,5vw,68px) !important;
  line-height: .98 !important;
  text-shadow: 0 4px 28px rgba(0,0,0,.62);
}

.memorial-intro .years {
  margin: 0 0 16px !important;
  color: var(--mx-gold-soft) !important;
  font-family: "Times New Roman", Times, serif !important;
  font-size: 31px !important;
}

.memorial-intro .lead {
  max-width: 650px !important;
  margin: 0 0 22px !important;
  color: rgba(255,255,255,.88) !important;
  font-size: 16px !important;
  line-height: 1.65 !important;
}

.memorial-vital-facts {
  display: flex;
  flex-wrap: wrap;
  gap: 16px 34px;
  padding-top: 16px;
  border-top: 1px solid rgba(217,164,88,.26);
}

.memorial-vital-item {
  display: flex;
  align-items: center;
  gap: 11px;
}

.memorial-vital-icon {
  display: grid;
  place-items: center;
  width: 35px;
  height: 35px;
  color: var(--mx-gold);
  border: 1px solid var(--mx-line);
  border-radius: 10px;
  font-size: 20px;
}

.memorial-vital-item small,
.memorial-vital-item strong {
  display: block;
}

.memorial-vital-item small {
  color: var(--mx-gold);
  font-size: 12px;
}

.memorial-vital-item strong {
  color: var(--mx-text);
  font-size: 14px;
  font-weight: 500;
}

.memorial-section-tabs {
  grid-column: 1 / -1;
  order: 2;
  display: flex;
  justify-content: space-around;
  align-items: stretch;
  gap: 4px;
  padding: 0 20px;
  border-top: 1px solid rgba(217,164,88,.26);
  border-bottom: 1px solid rgba(217,164,88,.22);
  background: rgba(7,10,11,.90);
  overflow-x: auto;
  scrollbar-width: thin;
}

.memorial-section-tabs a {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 62px;
  padding: 0 13px;
  color: rgba(255,255,255,.88) !important;
  text-decoration: none !important;
  border-bottom: 2px solid transparent;
  white-space: nowrap;
  font-size: 14px;
}

.memorial-section-tabs a:hover,
.memorial-section-tabs a:focus {
  color: var(--mx-gold-soft) !important;
  border-bottom-color: var(--mx-gold);
}

.memorial-section-tabs a > span:first-child {
  color: var(--mx-gold);
  font-size: 19px;
}

/* Reorder existing real-content sections into the mockup composition. */
.memorial-profile-shell #story {
  grid-column: 1 / 5;
  order: 3;
}

.memorial-profile-shell #gallery {
  grid-column: 5 / -1;
  order: 4;
}

.memorial-profile-shell #video {
  grid-column: 1 / -1;
  order: 5;
}

.memorial-profile-shell #resting-place {
  grid-column: 1 / 5;
  order: 6;
}

.memorial-profile-shell #share-qr {
  grid-column: 5 / 9;
  order: 7;
}

.memorial-profile-shell #m7-lineage {
  grid-column: 9 / -1;
  order: 8;
}

.memorial-profile-shell #warm-words {
  grid-column: 1 / -1;
  order: 9;
}

.memorial-profile-bottom {
  grid-column: 1 / -1;
  order: 10;
}

.memorial-profile-shell .memorial-section,
.memorial-profile-shell .m7-section {
  margin: 0 !important;
  padding: 18px !important;
  background: transparent !important;
  border: 0 !important;
}

.memorial-profile-shell .memorial-container,
.memorial-profile-shell .m7-shell {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.memorial-profile-shell .memorial-section h2,
.memorial-profile-shell .m7-section h2 {
  margin: 0 0 12px !important;
  color: var(--mx-gold) !important;
  font-family: "Times New Roman", Times, serif !important;
  font-size: 28px !important;
  line-height: 1.1 !important;
  text-align: left !important;
}

.memorial-profile-shell .memorial-card,
.memorial-profile-shell .story-text-card,
.memorial-profile-shell .memorial-share-clean,
.memorial-profile-shell .m7-shell {
  height: 100%;
  padding: 18px !important;
  border: 1px solid var(--mx-line) !important;
  border-radius: 14px !important;
  background:
    radial-gradient(circle at 50% 0, rgba(217,164,88,.05), transparent 34%),
    linear-gradient(180deg, rgba(17,21,23,.97), rgba(9,12,14,.98)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.02), 0 14px 38px rgba(0,0,0,.18) !important;
}

/* Story card */
#story .story-text-card {
  max-height: 450px;
  overflow: auto;
  scrollbar-width: thin;
  scrollbar-color: var(--mx-gold) transparent;
}

#story .story-text-card p {
  color: var(--mx-muted) !important;
  font-size: 14px !important;
  line-height: 1.63 !important;
}

/* Gallery becomes the large visual row from the mockup. */
#gallery .memorial-gallery-grid,
#gallery .gallery-grid {
  display: grid !important;
  grid-template-columns: repeat(4,minmax(0,1fr)) !important;
  gap: 10px !important;
}

#gallery img {
  width: 100% !important;
  height: 270px !important;
  object-fit: cover !important;
  border: 1px solid rgba(217,164,88,.25) !important;
  border-radius: 11px !important;
}

/* Video: clear, visible block. */
#video .video-wrap,
#video .memorial-video-grid {
  border-radius: 14px !important;
  overflow: hidden !important;
}

/* Three lower cards. */
#resting-place,
#share-qr,
#m7-lineage {
  min-height: 395px;
}

#resting-place .memorial-card,
#share-qr .memorial-share-clean,
#m7-lineage .m7-shell {
  display: flex;
  flex-direction: column;
}

#resting-place iframe,
#resting-place img {
  width: 100% !important;
  border-radius: 10px !important;
}

#share-qr .memorial-share-clean {
  align-items: center;
  text-align: center;
}

#share-qr .memorial-share-clean h2 {
  text-align: center !important;
}

#share-qr .memorial-share-clean > p {
  color: var(--mx-muted) !important;
  font-size: 13px;
}

#share-qr .memorial-share-buttons {
  display: flex !important;
  flex-wrap: wrap;
  justify-content: center;
  gap: 7px !important;
}

#share-qr .memorial-share-btn {
  min-height: 38px !important;
  padding: 8px 11px !important;
  border-color: var(--mx-line) !important;
  color: var(--mx-gold-soft) !important;
  background: rgba(7,10,11,.72) !important;
  font-size: 12px !important;
}

#m7-lineage .m7-intro {
  display: none !important;
}

#m7-lineage .m7-list {
  max-height: 292px;
  overflow-y: auto;
  padding-right: 4px;
  scrollbar-width: thin;
  scrollbar-color: var(--mx-gold) transparent;
}

#m7-lineage .m7-card {
  min-height: 0 !important;
  padding: 10px 11px !important;
  border-radius: 10px !important;
}

/* Real memories form a flowing vertical feed. */
#warm-words .memories-grid,
#warm-words .warm-words-grid {
  display: grid !important;
  grid-template-columns: repeat(3,minmax(0,1fr)) !important;
  gap: 12px !important;
}

#warm-words .memory-card,
#warm-words .warm-card {
  min-height: 170px;
  border: 1px solid var(--mx-line) !important;
  border-radius: 13px !important;
  background: linear-gradient(180deg,rgba(16,20,22,.98),rgba(9,12,14,.98)) !important;
}

/* Bottom navigation exactly one compact row. */
.memorial-profile-bottom {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 22px;
  padding: 18px 20px 20px;
  border-top: 1px solid rgba(217,164,88,.20);
}

.memorial-bottom-catalog,
.memorial-bottom-order {
  min-height: 48px;
  display: inline-flex;
  align-items: center;
  padding: 10px 18px;
  border: 1px solid var(--mx-line);
  border-radius: 8px;
  color: var(--mx-gold-soft) !important;
  text-decoration: none !important;
  font-weight: 600;
}

.memorial-bottom-catalog {
  justify-self: start;
}

.memorial-bottom-order {
  justify-self: end;
  justify-content: center;
  min-width: 290px;
  color: #1b1309 !important;
  border-color: transparent;
  background: linear-gradient(180deg,#ecc27d,#c98d3e);
}

.memorial-bottom-mark {
  display: grid;
  place-items: center;
  width: 62px;
  height: 62px;
  overflow: hidden;
  border-radius: 50%;
}

.memorial-bottom-mark img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* Service intro stays above the profile and uses same palette. */
.memorial-service-intro {
  padding: 17px 0 16px !important;
  background: var(--mx-bg) !important;
}

.memorial-process-panel {
  background: linear-gradient(180deg,rgba(16,20,22,.96),rgba(8,11,13,.98)) !important;
  border-color: var(--mx-line) !important;
}

.memorial-process-card {
  background: linear-gradient(180deg,rgba(17,21,23,.98),rgba(8,11,13,.98)) !important;
  border-color: var(--mx-line) !important;
}

/* Sultan uses wheat field; Erlan uses mountains via per-page CSS variable. */
.memorial-page-sultan .memorial-photo img {
  object-position: center 18% !important;
}

@media (max-width: 980px) {
  .memorial-profile-shell #story,
  .memorial-profile-shell #gallery,
  .memorial-profile-shell #resting-place,
  .memorial-profile-shell #share-qr,
  .memorial-profile-shell #m7-lineage {
    grid-column: span 6;
  }

  .memorial-profile-shell #gallery {
    grid-column: 5 / -1;
  }

  .memorial-profile-shell #m7-lineage {
    grid-column: 1 / -1;
  }

  #gallery .memorial-gallery-grid,
  #gallery .gallery-grid {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }

  .memorial-section-tabs {
    justify-content: flex-start;
  }
}

@media (max-width: 720px) {
  .memorial-profile-shell {
    width: min(100% - 16px, 1180px);
    margin-top: 8px;
    gap: 0;
    border-radius: 13px;
  }

  .memorial-hero-grid {
    grid-template-columns: 1fr !important;
    min-height: 0 !important;
    background-position: 63% center !important;
  }

  .memorial-photo {
    width: min(74%,290px) !important;
    height: 300px !important;
    margin: 18px auto 0 !important;
  }

  .memorial-intro {
    padding: 20px 20px 24px !important;
    text-align: center;
    background: linear-gradient(180deg,rgba(7,9,10,.14),rgba(7,9,10,.90)) !important;
  }

  .memorial-intro h1 {
    font-size: clamp(38px,12vw,52px) !important;
  }

  .memorial-vital-facts {
    justify-content: center;
  }

  .memorial-section-tabs {
    padding: 0 8px;
  }

  .memorial-section-tabs a {
    min-height: 52px;
    padding: 0 11px;
    font-size: 13px;
  }

  .memorial-profile-shell #story,
  .memorial-profile-shell #gallery,
  .memorial-profile-shell #video,
  .memorial-profile-shell #resting-place,
  .memorial-profile-shell #share-qr,
  .memorial-profile-shell #m7-lineage,
  .memorial-profile-shell #warm-words {
    grid-column: 1 / -1;
  }

  .memorial-profile-shell .memorial-section,
  .memorial-profile-shell .m7-section {
    padding: 11px !important;
  }

  #gallery img {
    height: 210px !important;
  }

  #warm-words .memories-grid,
  #warm-words .warm-words-grid {
    grid-template-columns: 1fr !important;
  }

  .memorial-profile-bottom {
    grid-template-columns: 1fr auto;
    gap: 12px;
    padding: 14px 12px 16px;
  }

  .memorial-bottom-catalog {
    grid-column: 1;
    font-size: 13px;
  }

  .memorial-bottom-mark {
    grid-column: 2;
    width: 52px;
    height: 52px;
  }

  .memorial-bottom-order {
    grid-column: 1 / -1;
    width: 100%;
    min-width: 0;
    justify-self: stretch;
  }
}


/* =========================================================
   STAGE 3.1 — POLISH AFTER LIVE REVIEW
   ========================================================= */

/* Header on personal memorial pages: only exits, no duplicate section menu. */
.single-memorist_memorial .header .nav { gap: 26px !important; }
.single-memorist_memorial .header .nav a { color: #e8c486 !important; }

/* Catalogue navigation to service page + homepage. */
.mem-catalog-nav-dual { justify-content: space-between !important; gap: 14px; }
@media (max-width:640px){
  .mem-catalog-nav-dual { align-items: stretch; }
  .mem-catalog-nav-dual .mem-catalog-home-link { width: 49%; white-space: normal; text-align:center; }
}

/* Exact years are shown below as full dates, so the repeated range under the name is hidden. */
.memorial-profile-shell .memorial-intro .years { display:none !important; }

/* Real photo backgrounds; darker overlay keeps the text readable. */
.memorial-profile-shell .memorial-hero-grid {
  background-image:
    linear-gradient(90deg,rgba(4,6,7,.90) 0%,rgba(4,6,7,.62) 48%,rgba(4,6,7,.25) 100%),
    var(--memorial-hero-bg) !important;
}

/* Portrait higher and fully visible, including chin/head. */
.memorial-profile-shell .memorial-photo {
  height: 360px !important;
  margin-top: 4px !important;
  align-self: end !important;
}
.memorial-profile-shell .memorial-photo img {
  object-fit: contain !important;
  object-position: center center !important;
  background: rgba(4,6,7,.18);
}
.memorial-page-sultan .memorial-photo { margin-top: 0 !important; }
.memorial-page-sultan .memorial-photo img { object-position:center top !important; }

/* Semantic date icons. */
.memorial-vital-icon svg { width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }

/* Every section title is centered and visually consistent. */
.memorial-profile-shell .memorial-section h2,
.memorial-profile-shell .m7-section h2,
.memorial-profile-shell #warm-words h2,
.memorial-profile-shell #share-qr h2 {
  text-align:center !important;
  width:100%;
}
.memorial-profile-shell .section-copy,
.memorial-profile-shell .wide-copy { text-align:center !important; }

/* Shorter biography card with the read-more control directly after the intro. */
.memorial-profile-shell #story .story-text-card { max-height:340px !important; }
.memorial-profile-shell #story .sultan-story-toggle { margin:12px auto 0 !important; }

/* Gallery photos must not crop heads. */
.memorial-profile-shell #gallery img {
  object-fit:contain !important;
  object-position:center top !important;
  background:#090c0e;
}

/* Balance the three lower cards and reduce excess empty space. */
.memorial-profile-shell #resting-place,
.memorial-profile-shell #share-qr,
.memorial-profile-shell #m7-lineage { min-height:360px !important; }
.memorial-profile-shell #resting-place .resting-grave-photo img { max-height:210px !important; object-fit:contain !important; }
.memorial-profile-shell #resting-place .resting-card { gap:10px !important; }

/* Jeti ata: names and relations remain readable, never ellipsized. */
#m7-lineage .m7-list { max-height:320px !important; overflow-y:auto; }
#m7-lineage .m7-card {
  display:grid !important;
  grid-template-columns:minmax(96px,.75fr) minmax(130px,1.25fr) !important;
  gap:8px 12px !important;
  align-items:center !important;
  padding:10px 12px !important;
  white-space:normal !important;
}
#m7-lineage .m7-name,
#m7-lineage .m7-relation,
#m7-lineage .m7-status {
  min-width:0 !important;
  overflow:visible !important;
  text-overflow:clip !important;
  white-space:normal !important;
  line-height:1.25 !important;
}
#m7-lineage .m7-name { font-size:14px !important; }
#m7-lineage .m7-relation { font-size:12px !important; text-align:right; }
#m7-lineage .m7-status { display:none !important; }

/* Real approved memories on Sultan's page, followed by the submission form. */
.memorist-comments-live { width:100%; }
.memorist-comments-list { display:grid; grid-template-columns:1fr; gap:12px; margin-bottom:18px; }
.memory-quote-real { min-height:0 !important; }
.memorist-comment-form {
  max-width:760px;
  margin:22px auto 0;
  padding:22px;
  border:1px solid var(--mx-line);
  border-radius:14px;
  background:linear-gradient(180deg,rgba(17,21,23,.97),rgba(9,12,14,.98));
}
.memorist-comment-form h3 { text-align:center; color:var(--mx-gold); font-family:"Times New Roman",Times,serif; font-size:27px; }
.memorist-comment-form label { display:block; margin:13px 0 7px; color:#f3eee5; font-weight:600; }
.memorist-comment-form input,
.memorist-comment-form textarea {
  width:100%; box-sizing:border-box; padding:12px 14px; color:#fff;
  border:1px solid var(--mx-line); border-radius:10px; background:#090c0e;
}
.memorist-comment-form .form-submit { text-align:center; }
.memorist-comment-form .submit { padding:11px 20px; border:0; border-radius:8px; background:linear-gradient(180deg,#ecc27d,#c98d3e); color:#1b1309; font-weight:700; cursor:pointer; }
.comment-notes { text-align:center; color:var(--mx-muted); }

/* The demo Erlan keeps its three sample memory cards. Sultan does not show fake placeholders. */
.memorial-page-sultan #warm-words > .memorial-center-shell > .memory-cta { display:none !important; }

@media (max-width:720px){
  .memorial-profile-shell .memorial-photo { height:330px !important; width:min(86%,320px) !important; }
  #m7-lineage .m7-card { grid-template-columns:minmax(78px,.75fr) minmax(110px,1.25fr) !important; }
  .memorist-comment-form { padding:16px; }
}


/* =========================================================
   STAGE 3.2 — MOBILE / COMPACT CONTENT REFINEMENT
   ========================================================= */

/* Prevent the whole site from sliding horizontally. */
html,
body {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden !important;
}

body *,
body *::before,
body *::after {
  box-sizing: border-box;
}

img,
svg,
video,
iframe {
  max-width: 100%;
}

/* Biography is permanently open inside its own scroll area. */
.sultan-story-toggle {
  display: none !important;
}

.sultan-full-biography {
  display: block !important;
  max-height: none !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.memorial-profile-shell #story .story-text-card {
  max-height: 340px !important;
  overflow-y: auto !important;
  overscroll-behavior: contain;
}

/* Lower cards no longer stretch to the tallest item in the row. */
.memorial-profile-shell #resting-place,
.memorial-profile-shell #share-qr,
.memorial-profile-shell #m7-lineage {
  min-height: 0 !important;
  align-self: start !important;
}

.memorial-profile-shell #resting-place .memorial-card,
.memorial-profile-shell #resting-place .resting-card,
.memorial-profile-shell #share-qr .memorial-share-clean,
.memorial-profile-shell #m7-lineage .m7-shell {
  height: auto !important;
  min-height: 0 !important;
  align-self: start !important;
}

.memorial-profile-shell #resting-place .memorial-center-shell,
.memorial-profile-shell #share-qr .memorial-center-shell,
.memorial-profile-shell #m7-lineage .m7-shell {
  height: auto !important;
}

/* Compact resting-place card after redundant explanatory copy was removed. */
#resting-place .resting-card,
#resting-place .resting-card-with-photo {
  gap: 10px !important;
  padding: 15px !important;
}

#resting-place .resting-grave-photo {
  margin: 0 auto !important;
}

#resting-place .resting-grave-photo img {
  display: block !important;
  max-height: 190px !important;
  width: auto !important;
  margin: 0 auto !important;
  object-fit: contain !important;
}

#resting-place .gold-pill {
  margin: 2px auto 0 !important;
}

/* Sharing card: content determines its height, without a large empty tail. */
#share-qr .memorial-share-clean {
  padding: 16px !important;
  gap: 10px !important;
}

#share-qr .memorial-share-clean > p {
  margin: 0 0 5px !important;
  line-height: 1.45 !important;
}

#share-qr .memorial-share-buttons {
  margin-top: 2px !important;
}

#share-qr .memorial-qr-box[hidden] {
  display: none !important;
}

/* Jeti ata remains readable but compact. */
#m7-lineage .m7-shell {
  padding: 15px !important;
}

#m7-lineage .m7-list {
  max-height: 270px !important;
}

#m7-lineage .m7-card {
  padding: 8px 10px !important;
}

/* Approved memories move left-to-right as a readable horizontal feed. */
.memorist-comments-list {
  display: flex !important;
  gap: 12px !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  padding: 2px 2px 12px !important;
  margin-bottom: 14px !important;
  scroll-snap-type: x proximity;
  scrollbar-width: thin;
  scrollbar-color: var(--mx-gold) transparent;
}

.memorist-comments-list .memory-quote-real {
  flex: 0 0 min(360px, 88vw) !important;
  min-height: 0 !important;
  scroll-snap-align: start;
}

.memory-quote-real {
  padding: 19px !important;
}

.memory-quote-real p {
  margin: 0 0 12px !important;
  font-size: 16px !important;
  line-height: 1.62 !important;
}

.memory-quote-real .quote-author {
  font-size: 14px !important;
}

.memorist-comment-form {
  margin-top: 18px !important;
}

/* Bottom exit is a simple line, not another large button. */
.memorial-bottom-catalog {
  min-height: 0 !important;
  padding: 5px 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  font-weight: 600 !important;
  line-height: 1.45 !important;
}

.memorial-profile-bottom {
  align-items: center !important;
}

/* Header remains inside the viewport on phones. */
.header,
.header-inner,
.header .container {
  max-width: 100% !important;
}

.header-inner {
  min-width: 0 !important;
}

.brand {
  min-width: 0 !important;
}

.brand-text {
  min-width: 0 !important;
}

.nav,
.lang {
  flex-shrink: 0;
}

/* Two exact dates in one row on mobile. */
@media (max-width: 720px) {
  .memorial-vital-facts {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    align-items: start !important;
    gap: 10px !important;
    width: 100% !important;
  }

  .memorial-vital-item {
    min-width: 0 !important;
    align-items: flex-start !important;
    gap: 8px !important;
    text-align: left !important;
  }

  .memorial-vital-icon {
    width: 31px !important;
    height: 31px !important;
    flex: 0 0 31px !important;
  }

  .memorial-vital-item small {
    font-size: 10px !important;
    line-height: 1.2 !important;
  }

  .memorial-vital-item strong {
    font-size: 12px !important;
    line-height: 1.3 !important;
  }

  .header-inner {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px 10px !important;
    padding: 9px 12px !important;
  }

  .brand {
    flex: 1 1 auto !important;
    gap: 8px !important;
    overflow: hidden !important;
  }

  .brand img {
    width: 50px !important;
    height: 50px !important;
    flex: 0 0 50px !important;
    object-fit: contain !important;
  }

  .brand .name {
    font-size: clamp(16px, 5.8vw, 24px) !important;
    letter-spacing: .10em !important;
    white-space: nowrap !important;
  }

  .brand .tag {
    font-size: 12px !important;
    white-space: nowrap !important;
  }

  .lang {
    margin-left: auto !important;
    gap: 2px !important;
    padding: 3px !important;
  }

  .lang button {
    padding: 7px 9px !important;
    font-size: 11px !important;
  }

  .single-memorist_memorial .header .nav {
    order: 3 !important;
    width: 100% !important;
    display: flex !important;
    justify-content: space-between !important;
    gap: 10px !important;
    padding-top: 5px !important;
    border-top: 1px solid rgba(212,184,140,.12);
  }

  .single-memorist_memorial .header .nav a {
    font-size: 12px !important;
    white-space: normal !important;
    line-height: 1.3 !important;
  }

  .memorial-profile-bottom {
    grid-template-columns: 1fr auto !important;
    gap: 9px 12px !important;
    padding: 13px 13px 16px !important;
  }

  .memorial-bottom-order {
    grid-column: 1 / -1 !important;
    grid-row: 1 !important;
  }

  .memorial-bottom-catalog {
    grid-column: 1 !important;
    grid-row: 2 !important;
    align-self: center !important;
    font-size: 13px !important;
  }

  .memorial-bottom-mark {
    grid-column: 2 !important;
    grid-row: 2 !important;
    width: 50px !important;
    height: 50px !important;
  }

  .memorist-comment-form {
    padding: 15px !important;
  }

  .memorist-comment-form textarea {
    min-height: 150px !important;
  }
}

/* Mobile homepage: zoom the scene out, expose the tree and sunset,
   and pull the main copy upward to remove the empty gap. */
@media (max-width: 700px) {
  .mh-hero {
    min-height: 525px !important;
    background-size: auto 100% !important;
    background-position: 57% top !important;
    background-repeat: no-repeat !important;
  }

  .mh-hero-inner {
    padding: 205px 0 35px !important;
  }

  .mh-kicker {
    margin-bottom: 10px !important;
  }

  .mh-title {
    margin-bottom: 13px !important;
    font-size: clamp(35px, 10.5vw, 42px) !important;
    line-height: 1.03 !important;
  }

  .mh-lead {
    margin-bottom: 19px !important;
    line-height: 1.48 !important;
  }
}


/* =========================================================
   STAGE 3.3 — SERVICE PAGE HEADER NAVIGATION
   ========================================================= */

@media (min-width: 721px) {
  .header .nav {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: clamp(15px, 2vw, 28px);
  }

  .header .nav a {
    white-space: nowrap;
  }
}

@media (max-width: 720px) {
  .header .nav {
    order: 3;
    width: 100%;
    display: flex !important;
    gap: 7px !important;
    overflow-x: auto;
    padding: 7px 1px 2px !important;
    border-top: 1px solid rgba(212,184,140,.12);
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }

  .header .nav::-webkit-scrollbar {
    display: none;
  }

  .header .nav a {
    flex: 0 0 auto;
    padding: 7px 10px;
    border: 1px solid rgba(212,184,140,.18);
    border-radius: 999px;
    font-size: 11px !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
  }
}


/* =========================================================
   STAGE 3.4 — FINAL MEMORIAL / CATALOGUE CLEANUP
   ========================================================= */

.memorial-person-nav,
.memorial-back-row.memorial-person-nav {
  display: none !important;
}

#resting-place .resting-card > h2 {
  width: 100%;
  margin: 0 0 12px !important;
  text-align: center !important;
  color: var(--mx-gold) !important;
  font-family: "Times New Roman", Times, serif !important;
  font-size: 28px !important;
  line-height: 1.1 !important;
}

.memorial-profile-bottom {
  grid-template-columns: auto 1fr !important;
  justify-content: end !important;
}

.memorial-bottom-mark {
  grid-column: 1 !important;
}

.memorial-bottom-order {
  grid-column: 2 !important;
  width: min(100%, 420px) !important;
  justify-self: end !important;
}

#warm-words .memorist-comments-live {
  width: 100%;
}

#warm-words .memorist-comment-form {
  display: block !important;
  width: min(100%, 760px);
  margin: 22px auto 0 !important;
  padding: 22px !important;
  border: 1px solid var(--mx-line);
  border-radius: 16px;
  background: linear-gradient(180deg, rgba(22,21,19,.98), rgba(12,12,11,.99));
}

#warm-words .memorist-comment-form .comment-reply-title {
  text-align: center !important;
  margin: 0 0 10px !important;
  color: var(--mx-gold-soft) !important;
  font-family: "Times New Roman", Times, serif !important;
}

#warm-words .memorist-comment-form .comment-notes {
  text-align: center;
  color: var(--mx-muted);
}

#warm-words .memorist-comment-form label {
  display: block;
  margin-bottom: 7px;
  color: var(--mx-text);
  font-weight: 700;
}

#warm-words .memorist-comment-form input,
#warm-words .memorist-comment-form textarea {
  width: 100%;
  max-width: 100%;
  border: 1px solid var(--mx-line);
  border-radius: 12px;
  background: rgba(7,8,8,.72);
  color: var(--mx-text);
}

#warm-words .memorist-comment-form input {
  min-height: 48px;
  padding: 10px 12px;
}

#warm-words .memorist-comment-form textarea {
  min-height: 170px;
  padding: 12px;
  resize: vertical;
}

#warm-words .memorist-comment-form .submit {
  min-height: 48px;
  padding: 10px 24px;
  border: 0;
  border-radius: 999px;
  background: linear-gradient(180deg, #edc77f, #d29a48);
  color: #17110a;
  font-weight: 800;
  cursor: pointer;
}

/* Catalogue: simple text exits and no header nav row. */
.page-template-page-memorials .header .nav {
  display: none !important;
}

.page-template-page-memorials .mem-catalog-nav {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 20px !important;
  margin-top: 58px !important;
}

.page-template-page-memorials .mem-catalog-home-link {
  min-height: 0 !important;
  padding: 4px 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #efd6a4 !important;
  font-weight: 600 !important;
}

.page-template-page-memorials .mem-catalog-home-link:hover {
  transform: none !important;
  background: transparent !important;
  color: #fff0c8 !important;
}

.page-template-page-memorials .mem-catalog-heading {
  margin-top: 45px !important;
}

/* Service page mobile navigation: plain words, no outlined pills. */
@media (max-width: 720px) {
  .header .nav {
    gap: 17px !important;
    padding: 8px 2px 3px !important;
  }

  .header .nav a {
    padding: 4px 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    font-size: 12px !important;
  }

  .memorial-profile-bottom {
    grid-template-columns: auto 1fr !important;
    gap: 12px !important;
  }

  .memorial-bottom-mark {
    grid-column: 1 !important;
    grid-row: 1 !important;
  }

  .memorial-bottom-order {
    grid-column: 2 !important;
    grid-row: 1 !important;
    width: 100% !important;
  }

  .page-template-page-memorials .mem-catalog-nav {
    margin-top: 74px !important;
    gap: 14px !important;
  }

  .page-template-page-memorials .mem-catalog-home-link {
    max-width: 48% !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
  }

  .page-template-page-memorials .mem-catalog-heading {
    margin-top: 38px !important;
  }

  #resting-place .resting-card > h2 {
    font-size: 26px !important;
  }
}

/* Mobile homepage: reveal more of the tree and warm sunset light. */
@media (max-width: 700px) {
  .mh-hero {
    min-height: 565px !important;
    background-image:
      linear-gradient(180deg, rgba(7,16,21,.01) 0%, rgba(7,16,21,.15) 36%, rgba(7,16,21,.52) 70%, #071015 96%),
      url("assets/tree-bg.png") !important;
    background-size: auto 88% !important;
    background-position: 61% 12px !important;
    background-repeat: no-repeat !important;
    background-color: #071015 !important;
  }

  .mh-hero-inner {
    padding-top: 230px !important;
    padding-bottom: 36px !important;
  }

  .mh-hero-copy {
    transform: translateY(-10px);
  }
}


/* =========================================================
   STAGE 3.5 — HEADER / MEMORY FORM / MOBILE HERO FINAL FIX
   ========================================================= */

/* Service page keeps only the catalogue exit beneath the header. */
.memorial-service-nav {
  justify-content: flex-end !important;
}

/* No duplicate logo above the global footer. */
.memorial-bottom-mark {
  display: none !important;
}

/* The order button is centered by itself. */
.memorial-profile-bottom {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  padding: 18px 20px 20px !important;
}

.memorial-bottom-order {
  width: min(100%, 440px) !important;
  min-width: 0 !important;
  justify-self: auto !important;
  margin: 0 auto !important;
}

/* Make sure the real WordPress memory form is not suppressed. */
.memorial-page-sultan #warm-words .memorist-comment-form {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Main navigation can contain all six agreed destinations. */
@media (min-width: 721px) {
  body.home .header .nav {
    gap: clamp(11px, 1.35vw, 21px) !important;
  }

  body.home .header .nav a {
    font-size: 13px !important;
  }
}

@media (max-width: 720px) {
  body.home .header .nav {
    display: flex !important;
    justify-content: flex-start !important;
    gap: 17px !important;
    overflow-x: auto !important;
    padding: 8px 2px 3px !important;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }

  body.home .header .nav::-webkit-scrollbar {
    display: none;
  }

  body.home .header .nav a {
    flex: 0 0 auto !important;
    padding: 4px 0 !important;
    border: 0 !important;
    background: transparent !important;
    white-space: nowrap !important;
    font-size: 12px !important;
  }

  .memorial-profile-bottom {
    display: flex !important;
    justify-content: center !important;
    padding: 14px 12px 16px !important;
  }

  .memorial-bottom-order {
    width: min(100%, 390px) !important;
  }
}


/* =========================================================
   STAGE 3.6 — FINAL MEMORY FORM + LIGHTER MOBILE HERO
   ========================================================= */

/* Desktop form now follows the same visual system as mobile. */
#warm-words .memorist-comment-form {
  width: min(100%, 760px) !important;
  margin: 24px auto 0 !important;
  padding: 28px !important;
  border: 1px solid rgba(217,164,88,.42) !important;
  border-radius: 18px !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(217,164,88,.05), transparent 34%),
    linear-gradient(180deg, rgba(22,20,18,.98), rgba(12,12,11,.99)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.025) !important;
}

#warm-words .memorist-comment-form .comment-reply-title {
  margin: 0 0 12px !important;
  text-align: center !important;
  color: var(--mx-gold-soft) !important;
  font-family: "Times New Roman", Times, serif !important;
  font-size: clamp(30px, 3vw, 42px) !important;
  line-height: 1.08 !important;
}

#warm-words .memorist-comment-form .comment-notes,
#warm-words .memorist-comment-form .logged-in-as {
  margin: 0 0 18px !important;
  text-align: center !important;
  color: rgba(247,242,233,.64) !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
}

#warm-words .memorist-comment-form .logged-in-as a {
  color: rgba(239,212,162,.84) !important;
}

#warm-words .memorist-comment-form p {
  margin-bottom: 18px !important;
}

#warm-words .memorist-comment-form label {
  display: block !important;
  margin: 0 0 8px !important;
  color: var(--mx-text) !important;
  font-size: 16px !important;
  font-weight: 700 !important;
}

#warm-words .memorist-comment-form input[type="text"],
#warm-words .memorist-comment-form input[type="email"],
#warm-words .memorist-comment-form input[type="url"],
#warm-words .memorist-comment-form textarea {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  border: 1px solid rgba(217,164,88,.42) !important;
  border-radius: 13px !important;
  background: #090a0a !important;
  color: var(--mx-text) !important;
  box-shadow: none !important;
  outline: none !important;
}

#warm-words .memorist-comment-form input[type="text"],
#warm-words .memorist-comment-form input[type="email"],
#warm-words .memorist-comment-form input[type="url"] {
  min-height: 52px !important;
  padding: 11px 13px !important;
}

#warm-words .memorist-comment-form textarea {
  min-height: 190px !important;
  padding: 14px !important;
  resize: vertical !important;
}

#warm-words .memorist-comment-form input:focus,
#warm-words .memorist-comment-form textarea:focus {
  border-color: rgba(239,199,127,.82) !important;
  box-shadow: 0 0 0 3px rgba(217,164,88,.08) !important;
}

#warm-words .memorist-comment-form .comment-form-cookies-consent {
  display: grid !important;
  grid-template-columns: 24px minmax(0,1fr) !important;
  align-items: start !important;
  gap: 10px !important;
}

#warm-words .memorist-comment-form .comment-form-cookies-consent input {
  width: 22px !important;
  height: 22px !important;
  margin: 2px 0 0 !important;
  accent-color: #d7a24f;
}

#warm-words .memorist-comment-form .comment-form-cookies-consent label {
  margin: 0 !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
  font-weight: 500 !important;
}

#warm-words .memorist-comment-form .form-submit {
  margin: 6px 0 0 !important;
}

#warm-words .memorist-comment-form .submit {
  width: 100% !important;
  min-height: 52px !important;
  padding: 11px 22px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #efd08f, #d69c49) !important;
  color: #17110a !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  cursor: pointer !important;
}

/* The mobile hero uses the same real photograph as desktop,
   but is zoomed farther out and shown with a lighter warm overlay. */
@media (max-width: 700px) {
  body.home .mh-page .mh-hero {
    min-height: 575px !important;
    background-size: auto 76% !important;
    background-position: 68% 26px !important;
    background-repeat: no-repeat !important;
    background-color: #071015 !important;
  }

  body.home .mh-page .mh-hero::before {
    background:
      linear-gradient(
        180deg,
        rgba(7,16,21,0) 0%,
        rgba(7,16,21,.04) 34%,
        rgba(7,16,21,.20) 58%,
        rgba(7,16,21,.54) 78%,
        #071015 100%
      ) !important;
  }

  body.home .mh-page .mh-hero-inner {
    padding-top: 218px !important;
    padding-bottom: 44px !important;
  }

  body.home .mh-page .mh-hero-copy {
    transform: translateY(-8px) !important;
  }

  #warm-words .memorist-comment-form {
    padding: 20px 16px !important;
    border-radius: 16px !important;
  }

  #warm-words .memorist-comment-form .comment-reply-title {
    font-size: 34px !important;
  }

  #warm-words .memorist-comment-form textarea {
    min-height: 165px !important;
  }
}


/* =========================================================
   STAGE 3.7 — BILINGUAL MEMORIES + HOMEPAGE REVIEWS
   ========================================================= */

.mh-reviews {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  align-items: center;
  gap: 30px;
  padding: 26px 28px;
  border: 1px solid rgba(212,163,84,.34);
  border-radius: 13px;
  background:
    radial-gradient(circle at 12% 0%, rgba(212,163,84,.08), transparent 35%),
    linear-gradient(90deg, rgba(212,163,84,.035), rgba(255,255,255,.012));
}

.mh-reviews-kicker {
  margin: 0 0 7px !important;
  color: #d4a354 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: .13em !important;
  text-transform: uppercase;
}

.mh-reviews h2 {
  margin: 0 0 9px;
  color: #efc77e;
  font-family: "Times New Roman", Times, serif !important;
  font-size: 31px;
  line-height: 1.1;
}

.mh-reviews p {
  max-width: 760px;
  margin: 0;
  color: #c7c1b7;
  font-size: 14px;
  line-height: 1.6;
}

/* Custom bilingual WordPress comment form. */
#warm-words .memorist-comment-form .comment-form {
  margin: 0;
}

#warm-words .memorist-comment-form button.submit {
  appearance: none;
  -webkit-appearance: none;
}

/* Ensure translated spans switch correctly inside labels and buttons. */
body.lang-ru-active .memorist-comment-form .lang-kz,
body.lang-kz-active .memorist-comment-form .lang-ru {
  display: none !important;
}

body.lang-ru-active .memorist-comment-form .lang-ru,
body.lang-kz-active .memorist-comment-form .lang-kz {
  display: inline !important;
}

@media (max-width: 720px) {
  .mh-reviews {
    grid-template-columns: 1fr;
    gap: 19px;
    padding: 22px 18px;
    text-align: center;
  }

  .mh-reviews h2 {
    font-size: 30px;
  }

  .mh-reviews .mh-button {
    width: min(100%, 330px);
    margin: 0 auto;
  }
}


/* =========================================================
   STAGE 3.8 — MODERATED HOMEPAGE REVIEWS
   ========================================================= */

.mh-reviews-head {
  max-width: 820px;
  margin: 0 auto 24px;
  text-align: center;
}

.mh-reviews-kicker {
  margin: 0 0 7px !important;
  color: #d4a354 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: .13em !important;
  text-transform: uppercase;
}

.mh-reviews-head h2 {
  margin: 0 0 10px;
  color: #efc77e;
  font-family: "Times New Roman", Times, serif !important;
  font-size: 34px;
  line-height: 1.1;
}

.mh-reviews-head p {
  margin: 0;
  color: #c7c1b7;
  font-size: 14px;
  line-height: 1.6;
}

.mh-reviews-track {
  display: flex;
  gap: 14px;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 2px 2px 14px;
  margin: 0 0 26px;
  scroll-snap-type: x proximity;
  scrollbar-width: thin;
  scrollbar-color: #d4a354 transparent;
}

.mh-review-card {
  flex: 0 0 min(360px, 84vw);
  min-height: 205px;
  padding: 22px;
  border: 1px solid rgba(212,163,84,.34);
  border-radius: 14px;
  background:
    radial-gradient(circle at 50% 0%, rgba(212,163,84,.06), transparent 35%),
    linear-gradient(180deg, rgba(18,22,24,.98), rgba(8,12,14,.99));
  scroll-snap-align: start;
}

.mh-review-quote {
  color: #d4a354;
  font-family: Georgia, serif;
  font-size: 44px;
  line-height: .8;
}

.mh-review-text {
  color: #eee8dd;
  font-size: 15px;
  line-height: 1.65;
}

.mh-review-text p {
  margin: 0 0 12px;
}

.mh-review-author {
  margin-top: 14px;
  color: #c7c1b7;
  font-size: 14px;
}

.mh-reviews-empty {
  margin: 0 0 26px;
  padding: 22px;
  border: 1px dashed rgba(212,163,84,.30);
  border-radius: 12px;
  color: #c7c1b7;
  text-align: center;
}

.mh-review-form {
  width: min(100%, 820px);
  margin: 0 auto;
  padding: 26px;
  border: 1px solid rgba(212,163,84,.34);
  border-radius: 14px;
  background:
    radial-gradient(circle at 50% 0%, rgba(212,163,84,.05), transparent 36%),
    linear-gradient(180deg, rgba(20,19,17,.98), rgba(10,11,11,.99));
}

.mh-review-form h3 {
  margin: 0 0 8px;
  color: #efc77e;
  font-family: "Times New Roman", Times, serif !important;
  font-size: 31px;
  text-align: center;
}

.mh-review-form-note {
  margin: 0 0 20px;
  color: #c7c1b7;
  font-size: 14px;
  line-height: 1.55;
  text-align: center;
}

.mh-review-field {
  margin: 0 0 17px;
}

.mh-review-field label {
  display: block;
  margin-bottom: 7px;
  color: #f6f2e9;
  font-weight: 700;
}

.mh-review-field input,
.mh-review-field textarea {
  width: 100%;
  max-width: 100%;
  border: 1px solid rgba(212,163,84,.40);
  border-radius: 12px;
  background: #080a0b;
  color: #f6f2e9;
  outline: none;
}

.mh-review-field input {
  min-height: 50px;
  padding: 10px 12px;
}

.mh-review-field textarea {
  min-height: 150px;
  padding: 13px;
  resize: vertical;
}

.mh-review-field input:focus,
.mh-review-field textarea:focus {
  border-color: rgba(239,199,126,.85);
  box-shadow: 0 0 0 3px rgba(212,163,84,.08);
}

.mh-review-fields-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

.mh-review-consent {
  display: grid;
  grid-template-columns: 22px 1fr;
  gap: 10px;
  align-items: start;
  margin: 0 0 20px;
  color: #c7c1b7;
  font-size: 13px;
  line-height: 1.45;
}

.mh-review-consent input {
  width: 20px;
  height: 20px;
  margin-top: 2px;
  accent-color: #d4a354;
}

.mh-review-submit {
  margin: 0;
  text-align: center;
}

.mh-review-submit .mh-button {
  min-width: 260px;
  border: 0;
  cursor: pointer;
}

body.lang-ru-active #reviews .lang-kz,
body.lang-kz-active #reviews .lang-ru {
  display: none !important;
}

body.lang-ru-active #reviews .lang-ru,
body.lang-kz-active #reviews .lang-kz {
  display: inline !important;
}

@media (max-width: 720px) {
  .mh-reviews-head h2 {
    font-size: 31px;
  }

  .mh-review-card {
    flex-basis: 86vw;
    min-height: 190px;
    padding: 20px;
  }

  .mh-review-form {
    padding: 21px 16px;
  }

  .mh-review-form h3 {
    font-size: 29px;
  }

  .mh-review-fields-row {
    grid-template-columns: 1fr;
    gap: 0;
  }

  .mh-review-submit .mh-button {
    width: 100%;
    min-width: 0;
  }
}


/* =========================================================
   STAGE 4.0 — LIFE STORY SERVICE / APPROVED DEMO
   ========================================================= */

.life-demo-page {
  --life-bg: #090c0e;
  --life-panel: #101416;
  --life-line: rgba(212,163,84,.34);
  --life-gold: #d8a354;
  --life-gold-soft: #efd3a0;
  --life-text: #f6f2ea;
  --life-muted: rgba(246,242,234,.70);
  background: var(--life-bg);
  color: var(--life-text);
}

.life-shell,
.life-profile-shell {
  width: min(1180px, calc(100% - 34px));
  margin-inline: auto;
}

.life-service-intro {
  padding: 18px 0 20px;
  background:
    radial-gradient(circle at 50% 0%, rgba(216,163,84,.07), transparent 34%),
    var(--life-bg);
}

.life-service-nav {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 7px;
}

.life-service-nav a {
  color: var(--life-gold-soft);
  text-decoration: none;
  font-weight: 600;
}

.life-service-heading {
  max-width: 760px;
  margin: 0 auto 21px;
  text-align: center;
}

.life-service-heading h1 {
  margin: 0 0 8px;
  color: var(--life-gold-soft);
  font-family: "Times New Roman", Times, serif;
  font-size: clamp(42px, 5vw, 64px);
  line-height: 1;
}

.life-service-heading p {
  margin: 0;
  color: var(--life-muted);
  line-height: 1.6;
}

.life-process-panel {
  padding: 14px 18px 18px;
  border: 1px solid var(--life-line);
  border-radius: 16px;
  background: linear-gradient(180deg, rgba(17,21,23,.97), rgba(8,11,13,.99));
}

.life-process-panel h2 {
  margin: 0 0 14px;
  text-align: center;
  color: var(--life-gold);
  font-family: "Times New Roman", Times, serif;
  font-size: 31px;
}

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

.life-process-card {
  min-height: 185px;
  padding: 17px 14px;
  border: 1px solid var(--life-line);
  border-radius: 13px;
  text-align: center;
  background:
    radial-gradient(circle at 50% 0%, rgba(216,163,84,.07), transparent 42%),
    linear-gradient(180deg, rgba(20,23,24,.98), rgba(9,12,13,.99));
}

.life-process-icon {
  width: 49px;
  height: 49px;
  margin: 0 auto 9px;
  color: var(--life-gold);
}

.life-process-icon svg {
  width: 100%;
  height: 100%;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.life-process-card h3 {
  margin: 0 0 7px;
  color: var(--life-text);
  font-family: "Times New Roman", Times, serif;
  font-size: 19px;
}

.life-process-card p {
  margin: 0;
  color: var(--life-muted);
  font-size: 13px;
  line-height: 1.45;
}

.life-profile-shell {
  display: grid;
  grid-template-columns: repeat(12, minmax(0,1fr));
  gap: 15px;
  margin-top: 18px;
  margin-bottom: 34px;
  overflow: hidden;
  border: 1px solid rgba(212,163,84,.22);
  border-radius: 17px;
  background: linear-gradient(180deg, rgba(13,17,19,.98), rgba(8,11,13,.99));
  box-shadow: 0 28px 80px rgba(0,0,0,.42);
}

.life-profile-shell > * {
  min-width: 0;
}

.life-hero {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(270px,.82fr) minmax(0,1.48fr);
  min-height: 360px;
  overflow: hidden;
  background:
    linear-gradient(90deg, rgba(6,8,9,.88) 0%, rgba(6,8,9,.60) 45%, rgba(6,8,9,.25) 100%),
    url("assets/life-demo-city.jpg") center / cover no-repeat;
}

.life-portrait {
  align-self: end;
  width: calc(100% - 28px);
  height: 340px;
  margin: 20px 0 0 28px;
  overflow: hidden;
  border-radius: 16px 16px 0 0;
}

.life-portrait img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
}

.life-hero-copy {
  align-self: center;
  padding: 34px 42px 28px 38px;
}

.life-eyebrow {
  margin: 0 0 7px;
  color: var(--life-gold);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.life-hero h2 {
  margin: 0 0 3px;
  color: var(--life-text);
  font-family: "Times New Roman", Times, serif;
  font-size: clamp(45px, 5vw, 66px);
  line-height: 1;
}

.life-year {
  margin: 0 0 15px;
  color: var(--life-gold-soft);
  font-family: "Times New Roman", Times, serif;
  font-size: 30px;
}

.life-lead {
  max-width: 680px;
  margin: 0 0 20px;
  color: rgba(255,255,255,.88);
  line-height: 1.62;
}

.life-vitals {
  display: flex;
  flex-wrap: wrap;
  gap: 16px 30px;
  padding-top: 15px;
  border-top: 1px solid rgba(216,163,84,.25);
}

.life-vitals > div {
  display: flex;
  align-items: center;
  gap: 10px;
}

.life-vital-icon {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  border: 1px solid var(--life-line);
  border-radius: 9px;
  color: var(--life-gold);
}

.life-vitals small,
.life-vitals strong {
  display: block;
}

.life-vitals small {
  color: var(--life-gold);
  font-size: 11px;
}

.life-vitals strong {
  color: var(--life-text);
  font-size: 13px;
  font-weight: 500;
}

.life-tabs {
  grid-column: 1 / -1;
  display: flex;
  justify-content: space-around;
  gap: 4px;
  overflow-x: auto;
  padding: 0 16px;
  border-top: 1px solid rgba(216,163,84,.25);
  border-bottom: 1px solid rgba(216,163,84,.22);
  background: rgba(7,10,11,.90);
  scrollbar-width: thin;
}

.life-tabs a {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 60px;
  padding: 0 11px;
  border-bottom: 2px solid transparent;
  color: rgba(255,255,255,.88);
  text-decoration: none;
  white-space: nowrap;
  font-size: 14px;
}

.life-tabs a:hover {
  color: var(--life-gold-soft);
  border-bottom-color: var(--life-gold);
}

.life-tabs a > span:first-child {
  color: var(--life-gold);
  font-size: 18px;
}

.life-section {
  padding: 17px;
}

.life-section h3 {
  margin: 0 0 11px;
  color: var(--life-gold);
  font-family: "Times New Roman", Times, serif;
  font-size: 28px;
  text-align: center;
}

.life-about {
  grid-column: 1 / 5;
}

.life-gallery {
  grid-column: 5 / -1;
}

.life-video,
.life-family,
.life-socials,
.life-words {
  grid-column: 1 / -1;
}

.life-places {
  grid-column: 1 / 5;
}

.life-share {
  grid-column: 5 / 9;
}

.life-lineage {
  grid-column: 9 / -1;
}

.life-about-card,
.life-card,
.life-video-card,
.life-family-copy,
.life-social-links {
  height: 100%;
  padding: 17px;
  border: 1px solid var(--life-line);
  border-radius: 13px;
  background:
    radial-gradient(circle at 50% 0%, rgba(216,163,84,.05), transparent 36%),
    linear-gradient(180deg, rgba(17,21,23,.98), rgba(9,12,14,.99));
}

.life-about-card {
  max-height: 425px;
  overflow-y: auto;
}

.life-about-card p,
.life-family-copy {
  margin: 0;
  color: var(--life-muted);
  line-height: 1.65;
}

.life-gallery-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0,1fr));
  gap: 9px;
}

.life-gallery-grid img {
  width: 100%;
  height: 250px;
  object-fit: cover;
  border: 1px solid rgba(216,163,84,.24);
  border-radius: 10px;
}

.life-video-placeholder {
  min-height: 230px;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 10px;
  text-align: center;
  color: var(--life-muted);
}

.life-video-placeholder strong {
  color: var(--life-text);
  font-size: 20px;
}

.life-play {
  display: grid;
  place-items: center;
  width: 64px;
  height: 64px;
  border: 1px solid var(--life-line);
  border-radius: 50%;
  color: var(--life-gold);
  font-size: 24px;
}

.life-places ul {
  list-style: none;
  margin: 0 0 13px;
  padding: 0;
}

.life-places li {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 7px 0;
  border-bottom: 1px solid rgba(216,163,84,.12);
  color: var(--life-text);
}

.life-places li small {
  color: var(--life-muted);
}

.life-places img {
  width: 100%;
  border-radius: 10px;
}

.life-share-card {
  text-align: center;
}

.life-qr {
  display: block;
  width: 165px;
  height: 165px;
  margin: 6px auto 13px;
  padding: 7px;
  border-radius: 10px;
  background: #fff;
}

.life-share-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 7px;
}

.life-share-actions a,
.life-share-actions button,
.life-social-links a {
  min-height: 38px;
  padding: 8px 12px;
  border: 1px solid var(--life-line);
  border-radius: 8px;
  background: rgba(7,10,11,.72);
  color: var(--life-gold-soft);
  text-decoration: none;
  font: inherit;
  cursor: pointer;
}

.life-lineage ol {
  list-style: none;
  margin: 0;
  padding: 0;
}

.life-lineage li {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 8px 9px;
  border-bottom: 1px solid rgba(216,163,84,.17);
  color: var(--life-text);
}

.life-lineage li small {
  color: var(--life-muted);
}

.life-family-copy {
  text-align: center;
}

.life-social-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
}

.life-words-track {
  display: flex;
  gap: 12px;
  overflow-x: auto;
  padding: 2px 2px 12px;
  scroll-snap-type: x proximity;
  scrollbar-width: thin;
  scrollbar-color: var(--life-gold) transparent;
}

.life-words-track article {
  flex: 0 0 min(355px, 84vw);
  min-height: 190px;
  padding: 19px;
  border: 1px solid var(--life-line);
  border-radius: 13px;
  background: linear-gradient(180deg, rgba(17,21,23,.98), rgba(9,12,14,.99));
  scroll-snap-align: start;
}

.life-words-track strong,
.life-words-track small {
  display: block;
}

.life-words-track small {
  margin: 3px 0 12px;
  color: var(--life-muted);
}

.life-words-track p {
  margin: 0;
  color: var(--life-text);
  line-height: 1.6;
}

.life-bottom-row {
  grid-column: 1 / -1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  padding: 18px;
  border-top: 1px solid rgba(216,163,84,.20);
}

.life-bottom-row > a {
  color: var(--life-gold-soft);
  text-decoration: none;
  font-weight: 600;
}

.life-bottom-order {
  min-width: 300px;
  padding: 13px 20px;
  border-radius: 8px;
  text-align: center;
  color: #181109 !important;
  background: linear-gradient(180deg, #ecc47f, #ca8e3d);
}

@media (max-width: 980px) {
  .life-process-grid {
    grid-template-columns: repeat(2, minmax(0,1fr));
  }

  .life-about,
  .life-gallery,
  .life-places,
  .life-share,
  .life-lineage {
    grid-column: span 6;
  }

  .life-lineage {
    grid-column: 1 / -1;
  }

  .life-gallery-grid {
    grid-template-columns: repeat(3, minmax(0,1fr));
  }
}

@media (max-width: 720px) {
  .life-shell,
  .life-profile-shell {
    width: min(100% - 16px, 1180px);
  }

  .life-service-nav {
    font-size: 13px;
    gap: 12px;
  }

  .life-service-nav a {
    max-width: 48%;
    line-height: 1.35;
  }

  .life-service-heading h1 {
    font-size: 42px;
  }

  .life-process-grid {
    grid-template-columns: 1fr;
  }

  .life-process-card {
    min-height: 0;
  }

  .life-profile-shell {
    gap: 0;
    border-radius: 13px;
  }

  .life-hero {
    grid-template-columns: 1fr;
    min-height: 0;
    background-position: 65% center;
  }

  .life-portrait {
    width: min(74%, 290px);
    height: 300px;
    margin: 18px auto 0;
  }

  .life-hero-copy {
    padding: 21px 18px 24px;
    text-align: center;
    background: linear-gradient(180deg, rgba(7,9,10,.12), rgba(7,9,10,.90));
  }

  .life-hero h2 {
    font-size: 42px;
  }

  .life-vitals {
    display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    justify-content: center;
    gap: 10px;
  }

  .life-vitals > div:last-child {
    grid-column: 1 / -1;
    justify-self: center;
  }

  .life-tabs {
    justify-content: flex-start;
  }

  .life-tabs a {
    min-height: 52px;
    padding: 0 10px;
    font-size: 13px;
  }

  .life-about,
  .life-gallery,
  .life-video,
  .life-places,
  .life-share,
  .life-lineage,
  .life-family,
  .life-socials,
  .life-words {
    grid-column: 1 / -1;
  }

  .life-section {
    padding: 11px;
  }

  .life-gallery-grid {
    grid-template-columns: repeat(2, minmax(0,1fr));
  }

  .life-gallery-grid img {
    height: 210px;
  }

  .life-bottom-row {
    flex-direction: column;
    align-items: stretch;
    padding: 14px 12px 16px;
  }

  .life-bottom-row > a:first-child {
    text-align: center;
  }

  .life-bottom-order {
    min-width: 0;
    width: 100%;
  }
}


/* =========================================================
   STAGE 4.1 — LIFE STORY STRUCTURE POLISH
   ========================================================= */

/* Single catalogue exit on service page. */
.life-service-nav-single {
  justify-content: flex-end !important;
}

/* Hide duplicate text baked into the background/crop area. */
.life-hero {
  position: relative;
  isolation: isolate;
}

.life-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background:
    linear-gradient(90deg, rgba(6,8,9,.92) 0%, rgba(6,8,9,.72) 43%, rgba(6,8,9,.34) 70%, rgba(6,8,9,.18) 100%);
  pointer-events: none;
}

.life-portrait,
.life-hero-copy {
  position: relative;
  z-index: 1;
}

.life-hero-copy {
  text-shadow: 0 3px 24px rgba(0,0,0,.75);
}

/* Make each content block self-contained so sections never overlap. */
.life-profile-shell {
  align-items: start;
}

.life-section {
  min-width: 0;
  align-self: start;
  position: relative;
}

.life-video,
.life-places,
.life-share,
.life-lineage,
.life-words,
.life-socials {
  margin-top: 4px;
}

.life-video-card,
.life-card,
.life-about-card,
.life-social-icons {
  height: auto !important;
  min-height: 0 !important;
}

.life-gallery {
  overflow: hidden;
}

.life-gallery-grid {
  min-width: 0;
}

/* QR block mirrors the memorial page. */
.life-share-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}

.life-share-actions {
  width: 100%;
}

.life-share-actions a,
.life-share-actions button {
  flex: 1 1 30%;
  text-align: center;
}

/* Clickable Jeti Ata rows. */
.life-lineage-list {
  display: grid;
  gap: 7px;
}

.life-lineage-row {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto 18px;
  align-items: center;
  gap: 10px;
  min-height: 45px;
  padding: 9px 10px;
  border: 1px solid rgba(216,163,84,.26);
  border-radius: 9px;
  color: var(--life-text);
  text-decoration: none;
  background: rgba(7,10,11,.42);
}

.life-lineage-row:hover,
.life-lineage-row:focus {
  border-color: rgba(239,211,160,.72);
  background: rgba(216,163,84,.07);
}

.life-lineage-person {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.life-lineage-role {
  color: var(--life-muted);
  font-size: 12px;
  white-space: nowrap;
}

.life-lineage-arrow {
  color: var(--life-gold);
  font-size: 24px;
  line-height: 1;
}

.life-lineage-row.is-current {
  border-color: rgba(239,211,160,.58);
}

/* Social icons come after words and no longer use large square cards. */
.life-socials {
  grid-column: 1 / -1;
}

.life-social-icons {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 13px;
  padding: 10px 0 3px;
  background: transparent !important;
  border: 0 !important;
}

.life-social-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 42px;
  padding: 8px 13px;
  border: 1px solid var(--life-line);
  border-radius: 999px;
  color: var(--life-gold-soft);
  text-decoration: none;
  background: rgba(7,10,11,.52);
}

.life-social-glyph {
  display: grid;
  place-items: center;
  width: 26px;
  height: 26px;
  border: 1px solid rgba(216,163,84,.36);
  border-radius: 50%;
  color: var(--life-gold);
  font-weight: 800;
}

/* Center the only bottom CTA. */
.life-bottom-row-centered {
  justify-content: center !important;
}

.life-bottom-row-centered .life-bottom-order {
  width: min(100%, 420px);
  min-width: 0;
}

/* Catalogue. */
.life-catalog-page {
  min-height: 70vh;
  padding: 28px 0 58px;
  background:
    radial-gradient(circle at 50% 0%, rgba(216,163,84,.06), transparent 34%),
    #090c0e;
  color: #f6f2ea;
}

.life-catalog-shell {
  width: min(1120px, calc(100% - 34px));
  margin: 0 auto;
}

.life-catalog-top {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 32px;
}

.life-catalog-top a {
  color: #efd3a0;
  text-decoration: none;
  font-weight: 600;
}

.life-catalog-heading {
  max-width: 760px;
  margin: 0 auto 26px;
  text-align: center;
}

.life-catalog-heading h1 {
  margin: 0 0 9px;
  color: #efd3a0;
  font-family: "Times New Roman", Times, serif;
  font-size: clamp(44px,5vw,64px);
}

.life-catalog-heading p {
  margin: 0;
  color: rgba(246,242,234,.72);
}

.life-catalog-search {
  width: min(100%, 540px);
  margin: 0 auto 34px;
}

.life-catalog-search input {
  width: 100%;
  min-height: 48px;
  padding: 10px 16px;
  border: 1px solid rgba(216,163,84,.34);
  border-radius: 999px;
  background: #0a0c0d;
  color: #f6f2ea;
  text-align: center;
}

.life-catalog-grid {
  display: grid;
  grid-template-columns: minmax(240px, 320px) minmax(260px, 1fr);
  gap: 18px;
  align-items: stretch;
}

.life-catalog-card,
.life-catalog-placeholder {
  border: 1px solid rgba(216,163,84,.34);
  border-radius: 17px;
  overflow: hidden;
  background: linear-gradient(180deg, rgba(18,22,24,.98), rgba(8,12,14,.99));
}

.life-catalog-card {
  position: relative;
  min-height: 460px;
  color: white;
  text-decoration: none;
}

.life-catalog-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.life-catalog-card-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 45%, rgba(0,0,0,.88) 100%);
}

.life-catalog-card-copy {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 24px 18px;
  text-align: center;
}

.life-catalog-card-copy strong,
.life-catalog-card-copy small {
  display: block;
}

.life-catalog-card-copy strong {
  color: #efd3a0;
  font-family: "Times New Roman", Times, serif;
  font-size: 28px;
}

.life-catalog-card-copy small {
  margin-top: 7px;
  color: rgba(255,255,255,.74);
}

.life-catalog-placeholder {
  display: grid;
  place-items: center;
  align-content: center;
  min-height: 460px;
  padding: 36px;
  text-align: center;
}

.life-catalog-placeholder strong {
  color: #efd3a0;
  font-family: "Times New Roman", Times, serif;
  font-size: 34px;
}

.life-catalog-placeholder p {
  max-width: 500px;
  color: rgba(246,242,234,.68);
  line-height: 1.6;
}

.life-ancestor-placeholder {
  min-height: 72vh;
  display: grid;
  place-items: center;
  padding: 40px 16px;
  background: #090c0e;
}

.life-ancestor-placeholder-card {
  width: min(100%, 620px);
  padding: 38px;
  border: 1px solid rgba(216,163,84,.34);
  border-radius: 18px;
  text-align: center;
  background: linear-gradient(180deg, rgba(18,22,24,.98), rgba(8,12,14,.99));
}

.life-ancestor-placeholder-card h1 {
  color: #efd3a0;
  font-family: "Times New Roman", Times, serif;
}

.life-ancestor-placeholder-card p {
  color: rgba(246,242,234,.70);
}

.life-ancestor-placeholder-card a {
  color: #efd3a0;
  text-decoration: none;
  font-weight: 600;
}

@media (max-width: 720px) {
  .life-service-nav-single {
    justify-content: flex-end !important;
  }

  .life-service-nav-single a {
    max-width: 78% !important;
    text-align: right;
  }

  .life-gallery {
    overflow: visible;
  }

  .life-gallery-grid {
    display: flex !important;
    gap: 12px !important;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 2px 2px 12px;
    scroll-snap-type: x proximity;
    scrollbar-width: thin;
    scrollbar-color: var(--life-gold) transparent;
  }

  .life-gallery-grid img {
    flex: 0 0 78vw;
    width: 78vw !important;
    height: 430px !important;
    scroll-snap-align: start;
  }

  .life-video,
  .life-places,
  .life-share,
  .life-lineage,
  .life-words,
  .life-socials {
    margin-top: 12px;
  }

  .life-video-placeholder {
    min-height: 230px;
    padding: 24px 18px;
  }

  .life-lineage-row {
    grid-template-columns: minmax(0,1fr) auto 16px;
  }

  .life-social-icons {
    gap: 9px;
  }

  .life-social-link {
    padding: 7px 11px;
    font-size: 13px;
  }

  .life-catalog-shell {
    width: min(100% - 16px, 1120px);
  }

  .life-catalog-top {
    margin-bottom: 42px;
    font-size: 13px;
  }

  .life-catalog-top a {
    max-width: 48%;
    line-height: 1.35;
  }

  .life-catalog-grid {
    grid-template-columns: 1fr;
  }

  .life-catalog-card,
  .life-catalog-placeholder {
    min-height: 420px;
  }
}


/* =========================================================
   STAGE 4.2 — RELIABLE LIFE ROUTING + FULL CATALOGUE
   ========================================================= */

.post-type-archive-memorist_life .header .nav,
.page-template-page-life-stories .header .nav {
  min-width: 0;
}

/* The catalogue is intentionally as clean as the memorial catalogue. */
.life-catalog-page .life-catalog-heading {
  margin-top: 26px !important;
}

.life-catalog-page .life-catalog-search {
  position: relative;
  z-index: 2;
}

.life-catalog-page .life-catalog-grid {
  position: relative;
  z-index: 1;
}

/* Full demo must never be hidden by catalogue styles. */
.life-demo-page .life-service-intro,
.life-demo-page .life-profile-shell,
.life-demo-page .life-section,
.life-demo-page .life-bottom-row {
  display: block;
}

.life-demo-page .life-profile-shell {
  display: grid;
}

/* Keep the sole catalogue exit compact. */
.life-service-nav-single {
  min-height: 34px;
  align-items: center;
}

.life-service-nav-single a {
  color: var(--life-gold-soft);
  font-weight: 600;
  text-decoration: none;
}

/* Stronger separation between content blocks. */
.life-profile-shell > .life-section {
  margin-bottom: 8px;
}

.life-profile-shell > .life-video {
  margin-bottom: 14px;
}

@media (max-width: 720px) {
  .life-catalog-page {
    padding-top: 18px;
  }

  .life-catalog-page .life-catalog-heading {
    margin-top: 18px !important;
  }

  .life-service-nav-single {
    justify-content: flex-end !important;
  }

  .life-service-nav-single a {
    max-width: 100% !important;
    text-align: right;
  }
}


/* =========================================================
   STAGE 4.3 — CLEAN HERO / HIDDEN QR / MODAL LINEAGE
   ========================================================= */

/* Clean city image contains no baked-in mockup text. */
.life-hero {
  background-image:
    linear-gradient(90deg, rgba(6,8,9,.92) 0%, rgba(6,8,9,.62) 44%, rgba(6,8,9,.24) 100%),
    url("assets/life-demo-city.jpg") !important;
}

.life-hero::before {
  background: linear-gradient(90deg, rgba(6,8,9,.52) 0%, rgba(6,8,9,.18) 52%, rgba(6,8,9,.04) 100%) !important;
}

/* QR stays hidden until requested. */
.life-share-note {
  margin: 0 0 14px;
  color: var(--life-muted);
  text-align: center;
  line-height: 1.55;
}

.life-qr-box[hidden] {
  display: none !important;
}

.life-qr-box {
  width: min(100%, 270px);
  margin: 14px auto 0;
  padding: 15px;
  border: 1px solid var(--life-line);
  border-radius: 13px;
  background: #0a0d0e;
  text-align: center;
}

.life-qr-brand {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 8px;
  margin-bottom: 10px;
  color: var(--life-gold-soft);
  font-size: 11px;
  letter-spacing: .15em;
}

.life-qr-brand span {
  height: 1px;
  background: var(--life-line);
}

.life-qr-box .life-qr {
  width: 170px;
  height: 170px;
  margin: 0 auto 9px;
}

.life-qr-box p {
  margin: 0;
  color: var(--life-muted);
  font-size: 12px;
}

/* Buttons, not links, for in-page Jeti Ata placeholders. */
button.life-lineage-row {
  width: 100%;
  font: inherit;
  text-align: left;
  cursor: pointer;
}

/* Accurate brand icon treatment. */
.life-social-link svg {
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.life-social-facebook svg,
.life-social-youtube svg {
  fill: currentColor;
  stroke: none;
}

.life-social-youtube {
  color: #ff3b30 !important;
}

.life-social-youtube .youtube-play {
  fill: #fff;
}

.life-social-facebook {
  color: #4f7ed8 !important;
}

.life-social-threads {
  color: #f0ede8 !important;
}

.life-social-instagram {
  color: #d77dc8 !important;
}

/* Center final CTA unconditionally. */
.life-bottom-row,
.life-bottom-row-centered {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

.life-bottom-order {
  display: block !important;
  width: min(100%, 440px) !important;
  min-width: 0 !important;
  margin: 0 auto !important;
}

/* In-page modal, same interaction as memorial Jeti Ata. */
.life-modal {
  position: fixed;
  inset: 0;
  z-index: 99999;
  display: none;
  place-items: center;
  padding: 18px;
  background: rgba(0,0,0,.76);
  backdrop-filter: blur(5px);
}

.life-modal[aria-hidden="false"] {
  display: grid;
}

.life-modal-card {
  position: relative;
  width: min(100%, 560px);
  padding: 32px 27px 26px;
  border: 1px solid rgba(216,163,84,.48);
  border-radius: 18px;
  background:
    radial-gradient(circle at 50% 0%, rgba(216,163,84,.09), transparent 38%),
    linear-gradient(180deg, #151719, #090c0d);
  box-shadow: 0 28px 90px rgba(0,0,0,.62);
  text-align: center;
}

.life-modal-name {
  margin-bottom: 9px;
  color: var(--life-gold-soft);
  font-family: "Times New Roman", Times, serif;
  font-size: 34px;
  font-weight: 700;
}

.life-modal-card h3 {
  margin: 0 0 12px;
  color: var(--life-gold);
  font-family: "Times New Roman", Times, serif;
  font-size: 28px;
}

.life-modal-card p {
  margin: 0 0 22px;
  color: var(--life-muted);
  line-height: 1.65;
}

.life-modal-x {
  position: absolute;
  top: 10px;
  right: 12px;
  width: 38px;
  height: 38px;
  border: 0;
  background: transparent;
  color: var(--life-gold-soft);
  font-size: 30px;
  cursor: pointer;
}

.life-modal-close {
  min-width: 170px;
  min-height: 44px;
  border: 1px solid var(--life-line);
  border-radius: 999px;
  background: linear-gradient(180deg, #ebc57f, #cd9343);
  color: #17110a;
  font-weight: 800;
  cursor: pointer;
}

body.life-modal-open {
  overflow: hidden;
}

@media (max-width: 720px) {
  .life-modal-card {
    padding: 29px 18px 22px;
  }

  .life-modal-name {
    font-size: 30px;
  }

  .life-modal-card h3 {
    font-size: 25px;
  }

  .life-share-actions {
    display: grid;
    grid-template-columns: 1fr;
  }

  .life-share-actions a,
  .life-share-actions button {
    width: 100%;
  }
}




/* =========================================================
   STAGE 4.8 — FINAL ASTANA BUSINESS BANNER
   ========================================================= */

.life-demo-page .life-hero {
  min-height: 360px;
  background:
    linear-gradient(
      90deg,
      rgba(7,9,10,.93) 0%,
      rgba(7,9,10,.74) 33%,
      rgba(7,9,10,.42) 56%,
      rgba(7,9,10,.18) 100%
    ),
    var(--life-clean-city) !important;
  background-size: cover !important;
  background-position: center 58% !important;
  background-repeat: no-repeat !important;
  background-color: #0b0e10 !important;
}

.life-demo-page .life-hero::before {
  background:
    linear-gradient(
      90deg,
      rgba(6,8,9,.45) 0%,
      rgba(6,8,9,.12) 52%,
      rgba(6,8,9,0) 100%
    ) !important;
}

.life-demo-page .life-portrait {
  width: calc(100% - 46px) !important;
  height: 338px !important;
  margin: 22px 22px 0 24px !important;
  border-radius: 16px 16px 0 0 !important;
}

.life-demo-page .life-hero-copy {
  padding: 36px 38px 30px 38px !important;
}

@media (max-width: 720px) {
  .life-demo-page .life-hero {
    min-height: 0;
    background:
      linear-gradient(
        180deg,
        rgba(7,9,10,.08) 0%,
        rgba(7,9,10,.16) 39%,
        rgba(7,9,10,.58) 68%,
        rgba(7,9,10,.94) 100%
      ),
      var(--life-clean-city) !important;
    background-size: auto 72% !important;
    background-position: 65% 12px !important;
    background-repeat: no-repeat !important;
    background-color: #0b0e10 !important;
  }

  .life-demo-page .life-portrait {
    width: min(70%, 274px) !important;
    height: 292px !important;
    margin: 24px auto 28px !important;
  }

  .life-demo-page .life-hero-copy {
    margin-top: 12px !important;
    padding: 28px 18px 25px !important;
  }
}


/* =========================================================
   STAGE 4.9 — FINAL ALMATY MOUNTAINS BANNER
   ========================================================= */

.life-demo-page .life-hero {
  min-height: 360px;
  background:
    linear-gradient(
      90deg,
      rgba(7,9,10,.95) 0%,
      rgba(7,9,10,.76) 33%,
      rgba(7,9,10,.40) 58%,
      rgba(7,9,10,.14) 100%
    ),
    var(--life-clean-city) !important;
  background-size: cover !important;
  background-position: center 54% !important;
  background-repeat: no-repeat !important;
  background-color: #0b0e10 !important;
}

.life-demo-page .life-hero::before {
  background:
    linear-gradient(
      90deg,
      rgba(6,8,9,.48) 0%,
      rgba(6,8,9,.15) 50%,
      rgba(6,8,9,0) 100%
    ) !important;
}

.life-demo-page .life-portrait {
  width: calc(100% - 46px) !important;
  height: 338px !important;
  margin: 22px 22px 0 24px !important;
  border-radius: 16px 16px 0 0 !important;
}

.life-demo-page .life-hero-copy {
  padding: 36px 38px 30px !important;
}

@media (max-width: 720px) {
  .life-demo-page .life-hero {
    min-height: 0;
    background:
      linear-gradient(
        180deg,
        rgba(7,9,10,.04) 0%,
        rgba(7,9,10,.13) 38%,
        rgba(7,9,10,.58) 69%,
        rgba(7,9,10,.95) 100%
      ),
      var(--life-clean-city) !important;
    background-size: cover !important;
    background-position: 61% 48% !important;
    background-repeat: no-repeat !important;
    background-color: #0b0e10 !important;
  }

  .life-demo-page .life-portrait {
    width: min(70%, 274px) !important;
    height: 292px !important;
    margin: 24px auto 26px !important;
  }

  .life-demo-page .life-hero-copy {
    margin-top: 10px !important;
    padding: 28px 18px 25px !important;
  }
}

/* STEP 1: homepage navigation grouped into two logical rows only. */
body.home .header .nav {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 5px !important;
  align-items: center !important;
  justify-items: center !important;
  min-width: 0 !important;
}
body.home .header .home-nav-row {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: clamp(11px, 1.25vw, 20px);
}
body.home .header .home-nav-row--services a {
  color: #e8c486;
}
@media (max-width: 720px) {
  body.home .header .nav {
    display: grid !important;
    width: 100% !important;
    overflow: visible !important;
    padding: 6px 0 1px !important;
    gap: 4px !important;
  }
  body.home .header .home-nav-row {
    display: flex !important;
    width: 100% !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: 3px 15px !important;
  }
  body.home .header .home-nav-row a {
    flex: 0 0 auto !important;
    white-space: nowrap !important;
    font-size: 11px !important;
    line-height: 1.25 !important;
    padding: 2px 0 !important;
  }
}

/* ===== MEMORIST 4.9.3: FOOTER SOCIAL LINKS ===== */
.footer-inner {
  gap: 24px;
}
.footer-socials {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  flex-wrap: wrap;
}
.footer-social-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 38px;
  padding: 7px 11px;
  border: 1px solid rgba(212, 163, 84, .38);
  border-radius: 999px;
  color: var(--gold);
  background: rgba(255,255,255,.018);
  text-decoration: none;
  font-size: 12px;
  line-height: 1;
  transition: transform .2s ease, border-color .2s ease, background .2s ease;
}
.footer-social-link svg {
  width: 17px;
  height: 17px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
  flex: 0 0 auto;
}
.footer-social-link .footer-social-fill {
  fill: currentColor;
  stroke: none;
}
a.footer-social-link:hover {
  transform: translateY(-1px);
  border-color: rgba(239,199,126,.72);
  background: rgba(212,163,84,.07);
}
.footer-social-link.is-placeholder {
  opacity: .46;
  cursor: default;
}
.footer-copy {
  text-align: right;
}
@media (max-width: 900px) {
  .footer-inner {
    flex-direction: column;
    justify-content: center;
    text-align: center;
  }
  .footer-copy {
    text-align: center;
  }
}
@media (max-width: 520px) {
  .footer-socials {
    width: 100%;
    gap: 7px;
  }
  .footer-social-link {
    padding: 7px 9px;
    font-size: 11px;
  }
}

/* =========================================================
   STEP 2 — ORGANIZATION CATALOGUE
   Isolated styles: no existing page styles are changed.
   ========================================================= */
body:has(.organization-catalog-page) .header {
  background: rgba(12, 14, 17, .96);
  border-bottom: 1px solid rgba(202, 154, 77, .28);
}
body:has(.organization-catalog-page) .header-inner {
  min-height: 82px;
}
body:has(.organization-catalog-page) .nav {
  justify-content: center;
  gap: 28px;
}
body:has(.organization-catalog-page) .nav a {
  color: #ece4d8;
}
body:has(.organization-catalog-page) .nav a:hover,
body:has(.organization-catalog-page) .nav a:focus-visible {
  color: var(--gold2);
}

.organization-catalog-page {
  position: relative;
  min-height: 72vh;
  padding: 42px 0 84px;
  overflow-x: clip;
  color: #f4eee4;
  background:
    radial-gradient(circle at 50% -10%, rgba(203, 154, 76, .10), transparent 36%),
    linear-gradient(180deg, #17191d 0%, #111318 58%, #0d0f13 100%);
}
.organization-catalog-shell {
  width: min(1180px, calc(100% - 40px));
  margin: 0 auto;
}
.organization-catalog-back {
  display: inline-flex;
  align-items: center;
  min-height: 38px;
  margin-bottom: 30px;
  color: var(--gold2);
  font-size: 14px;
  text-decoration: none;
}
.organization-catalog-back:hover,
.organization-catalog-back:focus-visible {
  color: #ffe0a0;
  text-decoration: underline;
  text-underline-offset: 4px;
}
.organization-catalog-heading {
  max-width: 790px;
  margin: 0 auto 34px;
  text-align: center;
}
.organization-catalog-kicker {
  margin: 0 0 10px;
  color: var(--gold2) !important;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .22em;
}
.organization-catalog-heading h1 {
  margin: 0;
  color: #f7f2e9;
  font-family: Lora, Georgia, serif;
  font-size: clamp(34px, 5vw, 56px);
  font-weight: 600;
  line-height: 1.14;
}
.organization-catalog-heading > p:last-child {
  max-width: 680px;
  margin: 16px auto 0;
  color: #bdb7ad;
  font-size: 16px;
  line-height: 1.65;
}
.organization-catalog-tools {
  display: grid;
  grid-template-columns: minmax(0, 1.7fr) minmax(190px, .75fr) minmax(190px, .75fr);
  gap: 12px;
  margin-bottom: 30px;
  padding: 15px;
  border: 1px solid rgba(205, 158, 82, .28);
  border-radius: 14px;
  background: rgba(255, 255, 255, .025);
  box-shadow: 0 20px 54px rgba(0, 0, 0, .20);
}
.organization-catalog-field {
  position: relative;
  display: flex;
  align-items: center;
  min-width: 0;
}
.organization-catalog-field input,
.organization-catalog-field select {
  width: 100%;
  height: 50px;
  margin: 0;
  padding: 0 44px 0 16px;
  border: 1px solid rgba(205, 158, 82, .34);
  border-radius: 10px;
  outline: none;
  color: #f1eadf;
  background: #171a1f;
  font: inherit;
  font-size: 14px;
  appearance: none;
}
.organization-catalog-field--search input {
  padding-left: 46px;
}
.organization-catalog-field select {
  cursor: pointer;
  background-image:
    linear-gradient(45deg, transparent 50%, #cda052 50%),
    linear-gradient(135deg, #cda052 50%, transparent 50%);
  background-position:
    calc(100% - 19px) 21px,
    calc(100% - 14px) 21px;
  background-size: 5px 5px, 5px 5px;
  background-repeat: no-repeat;
}
.organization-catalog-field input:focus,
.organization-catalog-field select:focus {
  border-color: var(--gold2);
  box-shadow: 0 0 0 3px rgba(205, 158, 82, .12);
}
.organization-catalog-field-icon {
  position: absolute;
  z-index: 1;
  left: 17px;
  top: 50%;
  color: var(--gold2);
  font-size: 25px;
  line-height: 1;
  transform: translateY(-53%) rotate(-18deg);
  pointer-events: none;
}
.organization-catalog-results {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
  align-items: start;
}
.organization-catalog-card {
  position: relative;
  display: block;
  min-height: 410px;
  overflow: hidden;
  border: 1px solid rgba(205, 158, 82, .45);
  border-radius: 15px;
  color: #fff;
  text-decoration: none;
  background: #111;
  box-shadow: 0 22px 56px rgba(0, 0, 0, .32);
  transition: transform .24s ease, border-color .24s ease, box-shadow .24s ease;
}
.organization-catalog-card:hover,
.organization-catalog-card:focus-visible {
  border-color: var(--gold2);
  transform: translateY(-4px);
  box-shadow: 0 28px 68px rgba(0, 0, 0, .42);
}
.organization-catalog-card img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: transform .45s ease;
}
.organization-catalog-card:hover img,
.organization-catalog-card:focus-visible img {
  transform: scale(1.025);
}
.organization-catalog-card-shade {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(8, 10, 12, .05) 28%, rgba(8, 10, 12, .30) 57%, rgba(8, 10, 12, .94) 100%);
}
.organization-catalog-badge {
  position: absolute;
  z-index: 2;
  top: 18px;
  left: 18px;
  max-width: calc(100% - 36px);
  padding: 8px 11px;
  border: 1px solid rgba(255, 219, 146, .60);
  border-radius: 999px;
  color: #23170a;
  background: linear-gradient(180deg, #f2c873, #c9943e);
  box-shadow: 0 8px 22px rgba(0, 0, 0, .20);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .02em;
}
.organization-catalog-card-copy {
  position: absolute;
  z-index: 2;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  padding: 34px 26px 26px;
  text-align: left;
}
.organization-catalog-card-copy strong,
.organization-catalog-card-copy small {
  display: block;
}
.organization-catalog-card-copy strong {
  color: #fff7e8;
  font-family: Lora, Georgia, serif;
  font-size: 27px;
  font-weight: 600;
  line-height: 1.22;
}
.organization-catalog-card-copy small {
  margin-top: 9px;
  color: #dbb976;
  font-size: 14px;
}
.organization-catalog-empty {
  grid-column: 1 / -1;
  padding: 48px 24px;
  border: 1px dashed rgba(205, 158, 82, .34);
  border-radius: 14px;
  text-align: center;
  color: #bdb7ad;
}
.organization-catalog-empty strong {
  color: #f1eadf;
  font-family: Lora, Georgia, serif;
  font-size: 25px;
}
.organization-catalog-empty p {
  margin: 10px 0 0;
}
.organization-catalog-up {
  position: fixed;
  z-index: 40;
  right: 22px;
  bottom: 22px;
  display: grid;
  width: 46px;
  height: 46px;
  place-items: center;
  border: 1px solid rgba(205, 158, 82, .75);
  border-radius: 50%;
  color: #1a1208;
  background: linear-gradient(180deg, #f1c66f, #c9933b);
  box-shadow: 0 12px 30px rgba(0, 0, 0, .34);
  font-size: 22px;
  text-decoration: none;
}
.organization-catalog-up:hover,
.organization-catalog-up:focus-visible {
  transform: translateY(-2px);
}

@media (max-width: 900px) {
  body:has(.organization-catalog-page) .header-inner {
    min-height: auto;
  }
  body:has(.organization-catalog-page) .nav {
    gap: 16px;
  }
  .organization-catalog-tools {
    grid-template-columns: 1fr 1fr;
  }
  .organization-catalog-field--search {
    grid-column: 1 / -1;
  }
  .organization-catalog-results {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .organization-catalog-page {
    padding: 24px 0 68px;
  }
  .organization-catalog-shell {
    width: min(100% - 24px, 1180px);
  }
  .organization-catalog-back {
    margin-bottom: 20px;
    font-size: 13px;
  }
  .organization-catalog-heading {
    margin-bottom: 25px;
  }
  .organization-catalog-heading h1 {
    font-size: clamp(30px, 10.5vw, 42px);
  }
  .organization-catalog-heading > p:last-child {
    font-size: 14px;
  }
  .organization-catalog-tools {
    grid-template-columns: 1fr;
    gap: 10px;
    padding: 11px;
  }
  .organization-catalog-field--search {
    grid-column: auto;
  }
  .organization-catalog-field input,
  .organization-catalog-field select {
    height: 48px;
    font-size: 16px;
  }
  .organization-catalog-results {
    grid-template-columns: 1fr;
  }
  .organization-catalog-card {
    min-height: 380px;
  }
  .organization-catalog-card-copy {
    padding: 30px 22px 23px;
  }
  .organization-catalog-card-copy strong {
    font-size: 25px;
  }
  .organization-catalog-up {
    right: 14px;
    bottom: 14px;
    width: 44px;
    height: 44px;
  }
}

/* =========================================================
   STEP 2.1 — ORGANIZATION CATALOGUE COMPACT POLISH
   Only the organization catalogue is adjusted.
   ========================================================= */
.organization-catalog-page {
  padding-top: 24px;
}
.organization-catalog-heading {
  max-width: 760px;
  margin-bottom: 24px;
}
.organization-catalog-heading h1 {
  font-size: clamp(32px, 4.2vw, 50px);
}
.organization-catalog-heading > p:last-child {
  margin-top: 11px;
}
.organization-catalog-tools {
  width: min(900px, 100%);
  grid-template-columns: minmax(0, 1.45fr) minmax(180px, .8fr) minmax(180px, .8fr);
  margin: 0 auto 28px;
  padding: 11px;
}
.organization-catalog-field input,
.organization-catalog-field select {
  height: 46px;
}
.organization-catalog-results {
  grid-template-columns: repeat(3, minmax(0, 290px));
  justify-content: center;
}
.organization-catalog-card {
  width: 100%;
  min-height: 330px;
  border-radius: 13px;
}
.organization-catalog-badge {
  top: 13px;
  left: 50%;
  max-width: calc(100% - 26px);
  padding: 7px 10px;
  text-align: center;
  transform: translateX(-50%);
  white-space: nowrap;
}
.organization-catalog-card-copy {
  padding: 28px 18px 21px;
  text-align: center;
}
.organization-catalog-card-copy strong {
  font-size: 21px;
  line-height: 1.25;
}
.organization-catalog-card-copy small {
  margin-top: 7px;
  font-size: 13px;
}

@media (max-width: 900px) {
  .organization-catalog-tools {
    width: min(720px, 100%);
  }
  .organization-catalog-results {
    grid-template-columns: repeat(2, minmax(0, 290px));
  }
}

@media (max-width: 640px) {
  .organization-catalog-page {
    padding-top: 18px;
  }
  .organization-catalog-heading {
    margin-bottom: 20px;
  }
  .organization-catalog-heading h1 {
    font-size: clamp(28px, 9.5vw, 38px);
  }
  .organization-catalog-tools {
    width: 100%;
    margin-bottom: 22px;
    padding: 9px;
  }
  .organization-catalog-results {
    grid-template-columns: minmax(0, 290px);
  }
  .organization-catalog-card {
    min-height: 330px;
  }
  .organization-catalog-badge {
    font-size: 10px;
  }
  .organization-catalog-card-copy strong {
    font-size: 21px;
  }
}

/* MEMORIST 4.9.7 — organization chronicle detail page */
body:has(.organization-detail-page) .header{background:#042e24;border-bottom-color:rgba(210,166,84,.28)}
body:has(.organization-detail-page) .header-inner{max-width:1320px}
body:has(.organization-detail-page) .brand .tag{color:#d7b467}
body:has(.organization-detail-page) .nav{gap:28px}
body:has(.organization-detail-page) .nav a{color:#f4ead8}
.organization-detail-page{--org-bg:#033b2d;--org-bg2:#052d25;--org-panel:#073e31;--org-gold:#d5a64d;--org-gold2:#efca7d;--org-text:#f8f1e7;--org-muted:#cfc3ae;background:radial-gradient(circle at 80% 5%,rgba(32,111,79,.28),transparent 30%),linear-gradient(180deg,#063a2e,#021d19 88%);color:var(--org-text);min-height:100vh;padding-bottom:70px;overflow-x:hidden}
.organization-shell{width:min(1240px,calc(100% - 40px));margin-inline:auto}
.organization-hero{position:relative;min-height:560px;background-image:linear-gradient(90deg,rgba(2,24,19,.98) 0%,rgba(2,30,24,.9) 42%,rgba(2,24,19,.08) 72%),var(--org-hero);background-size:cover;background-position:center 40%;border-bottom:1px solid rgba(213,166,77,.35)}
.organization-hero-grid{min-height:560px;display:grid;align-items:center}
.organization-hero-copy{max-width:650px;padding:70px 0 55px}
.organization-catalog-link{display:inline-flex;color:var(--org-gold2);text-decoration:none;font-size:14px;margin-bottom:34px}
.organization-kicker,.organization-section-kicker{margin:0 0 10px;color:var(--org-gold2);font-size:13px;letter-spacing:.12em;text-transform:uppercase}
.organization-hero h1{font-family:Lora,serif;font-size:clamp(44px,6vw,78px);line-height:1.04;margin:0 0 22px;max-width:700px;color:#fff}
.organization-hero-lead{font-size:18px;line-height:1.7;color:#eee3d0;max-width:620px}
.organization-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:38px}
.organization-stats div{padding:16px 12px;border:1px solid rgba(213,166,77,.38);background:rgba(3,43,33,.74);text-align:center;border-radius:10px}
.organization-stats strong{display:block;font-family:Lora,serif;font-size:26px;color:var(--org-gold2)}
.organization-stats span{display:block;margin-top:4px;font-size:12px;color:#eee3d0}
.organization-content{padding-top:28px}
.organization-director-card,.organization-section,.organization-bottom-grid>div{border:1px solid rgba(213,166,77,.38);background:linear-gradient(145deg,rgba(8,67,52,.94),rgba(3,42,34,.96));border-radius:14px;box-shadow:0 18px 48px rgba(0,0,0,.22)}
.organization-director-card{display:grid;grid-template-columns:300px minmax(0,1fr) 265px;overflow:hidden}
.organization-director-photo img{width:100%;height:100%;min-height:360px;object-fit:cover;display:block}
.organization-director-copy{padding:38px 42px}
.organization-director-copy h2{font-family:Lora,serif;font-size:36px;margin:0 0 6px;color:#fff}
.organization-director-role{color:var(--org-gold2);font-weight:600}
.organization-director-copy>p:not(.organization-section-kicker):not(.organization-director-role){line-height:1.75;color:#e8ddca}
.organization-primary-button{display:inline-flex;align-items:center;justify-content:center;margin-top:14px;padding:12px 20px;border-radius:8px;background:linear-gradient(180deg,#efc879,#c99138);color:#1f1608!important;text-decoration:none;font-weight:700}
.organization-director-facts{padding:34px 30px;border-left:1px solid rgba(213,166,77,.35);display:flex;flex-direction:column;justify-content:center;gap:28px}
.organization-director-facts strong,.organization-director-facts small{display:block}.organization-director-facts strong{color:var(--org-gold2)}.organization-director-facts small{margin-top:4px;color:#ded2bf;line-height:1.4}
.organization-section{margin-top:20px;padding:26px}
.organization-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:20px}
.organization-section-heading h2,.organization-bottom-grid h2{font-family:Lora,serif;margin:0;color:#fff;font-size:28px}
.organization-section-heading p{margin:0;color:#cfc3ae;font-size:14px}
.organization-leaders-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.organization-leader-card{padding:0;border:1px solid rgba(213,166,77,.35);border-radius:10px;overflow:hidden;background:#062e26;color:#fff;cursor:pointer;text-align:center;transition:transform .2s,border-color .2s}
.organization-leader-card:hover,.organization-leader-card:focus-visible{transform:translateY(-4px);border-color:var(--org-gold2)}
.organization-leader-card img{width:100%;aspect-ratio:4/5;object-fit:cover;filter:saturate(.7);display:block}
.organization-leader-card-copy{display:block;padding:13px 9px}.organization-leader-card-copy strong{display:block;color:var(--org-gold2);font-family:Lora,serif;font-size:16px}.organization-leader-card-copy small{display:block;margin-top:5px;color:#e5d8c2}
.organization-timeline-track{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));position:relative;gap:12px}
.organization-timeline-track:before{content:"";position:absolute;left:7%;right:7%;top:20px;height:1px;background:rgba(213,166,77,.55)}
.organization-timeline-track article{position:relative;text-align:center;padding-top:42px}.organization-timeline-track article:before{content:"";position:absolute;top:13px;left:50%;width:15px;height:15px;border:2px solid var(--org-gold);border-radius:50%;background:#06372c;transform:translateX(-50%)}
.organization-timeline-track strong{display:block;color:var(--org-gold2);font-family:Lora,serif;font-size:22px}.organization-timeline-track span{display:block;margin-top:7px;font-size:12px;color:#e3d7c5;line-height:1.45}
.organization-achievement-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.organization-achievement-grid button{padding:22px 15px;border:1px solid rgba(213,166,77,.32);border-radius:10px;background:rgba(2,32,26,.42);color:#fff;cursor:pointer}.organization-achievement-grid strong{display:block;font-family:Lora,serif;font-size:34px;color:var(--org-gold2)}.organization-achievement-grid span{display:block;margin-top:5px}
.organization-media-tabs{display:flex;gap:8px;margin-bottom:14px}.organization-media-tabs button{padding:9px 22px;border:1px solid rgba(213,166,77,.35);border-radius:7px;background:transparent;color:#eee;cursor:pointer}.organization-media-tabs button.is-active{background:var(--org-gold2);color:#241605}
.organization-media-panel{display:none}.organization-media-panel.is-active{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.organization-media-panel img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:9px;border:1px solid rgba(213,166,77,.24)}
.organization-media-placeholder{grid-column:1/-1;min-height:190px;display:grid;place-items:center;align-content:center;gap:10px;border:1px dashed rgba(213,166,77,.35);border-radius:10px;color:#e4d7c2}.organization-media-placeholder strong{font-size:42px;color:var(--org-gold2)}
.organization-document-card{padding:20px;border:1px solid rgba(213,166,77,.3);border-radius:9px;background:rgba(2,31,25,.5)}.organization-document-card strong,.organization-document-card span{display:block}.organization-document-card strong{color:var(--org-gold2)}.organization-document-card span{margin-top:6px;color:#ddd0bb;font-size:13px}
.organization-bottom-grid{display:grid;grid-template-columns:1.05fr 1fr 1fr;gap:16px;margin-top:20px}.organization-bottom-grid>div{padding:24px}.organization-contact-card p{margin:9px 0;color:#dfd4c2}
.organization-map-card{min-height:260px;display:grid;place-items:center;background:linear-gradient(135deg,#efe4cc,#c9b78e)!important}.organization-map-grid{position:relative;width:100%;height:100%;min-height:210px;background:repeating-linear-gradient(25deg,transparent 0 28px,rgba(70,66,52,.25) 29px 31px),repeating-linear-gradient(115deg,transparent 0 38px,rgba(70,66,52,.22) 39px 41px)}.organization-map-grid b{position:absolute;left:55%;top:44%;font-size:42px;color:#b94b27}
.organization-share-card button,.organization-share-card a{width:100%;display:flex;justify-content:center;padding:11px 14px;margin-top:9px;border:1px solid rgba(213,166,77,.5);border-radius:7px;background:transparent;color:#f5ead6;text-decoration:none;cursor:pointer}.organization-share-card button:hover,.organization-share-card a:hover{background:rgba(213,166,77,.14)}
.organization-leader-modal,.organization-qr-modal{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;padding:24px}.organization-leader-modal[hidden],.organization-qr-modal[hidden]{display:none}.organization-modal-backdrop{position:absolute;inset:0;border:0;background:rgba(0,0,0,.78)}.organization-modal-dialog{position:relative;z-index:1;width:min(760px,100%);display:grid;grid-template-columns:260px 1fr;gap:28px;padding:25px;border:1px solid rgba(213,166,77,.55);border-radius:14px;background:#06362b;color:#fff;box-shadow:0 30px 90px rgba(0,0,0,.55)}.organization-modal-dialog>img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:10px}.organization-modal-dialog h2{font-family:Lora,serif;font-size:32px;margin:0 0 8px}.organization-modal-dialog p{line-height:1.65;color:#dfd4c2}.organization-modal-close{position:absolute;top:10px;right:12px;width:36px;height:36px;border:1px solid rgba(213,166,77,.4);border-radius:50%;background:#04271f;color:#fff;font-size:22px;cursor:pointer}
.organization-qr-dialog{position:relative;z-index:1;width:min(360px,100%);padding:30px;border:1px solid rgba(213,166,77,.5);border-radius:14px;background:#06362b;text-align:center}.organization-qr-dialog img{width:230px;max-width:100%;background:#fff;padding:10px;border-radius:9px}.organization-qr-dialog strong{display:block;margin-top:14px;color:var(--org-gold2);font-family:Lora,serif;font-size:24px}.organization-modal-open{overflow:hidden}
.organization-up{position:fixed;right:22px;bottom:22px;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(180deg,#efc879,#c99138);color:#1d1204;text-decoration:none;font-size:22px;z-index:80;box-shadow:0 10px 30px rgba(0,0,0,.35)}
@media(max-width:980px){.organization-director-card{grid-template-columns:230px 1fr}.organization-director-facts{grid-column:1/-1;border-left:0;border-top:1px solid rgba(213,166,77,.35);display:grid;grid-template-columns:repeat(3,1fr)}.organization-leaders-grid{grid-template-columns:repeat(3,1fr)}.organization-timeline-track{grid-template-columns:repeat(3,1fr)}.organization-timeline-track:before{display:none}.organization-timeline-track article{padding-top:18px}.organization-timeline-track article:before{display:none}.organization-bottom-grid{grid-template-columns:1fr 1fr}.organization-share-card{grid-column:1/-1}.organization-media-panel.is-active{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){body:has(.organization-detail-page) .header-inner{padding-top:10px;padding-bottom:10px}.organization-shell{width:min(100% - 24px,1240px)}.organization-hero{min-height:auto;background-image:linear-gradient(180deg,rgba(2,24,19,.72),rgba(2,24,19,.98) 65%),var(--org-hero);background-position:62% center}.organization-hero-grid{min-height:auto}.organization-hero-copy{padding:45px 0 30px}.organization-catalog-link{margin-bottom:25px}.organization-hero h1{font-size:42px}.organization-hero-lead{font-size:16px}.organization-stats{grid-template-columns:1fr 1fr}.organization-director-card{grid-template-columns:1fr}.organization-director-photo img{min-height:0;aspect-ratio:4/3;object-position:center 20%}.organization-director-copy{padding:25px 22px}.organization-director-copy h2{font-size:29px}.organization-director-facts{grid-template-columns:1fr;padding:23px}.organization-section{padding:20px 15px}.organization-section-heading{display:block}.organization-section-heading p{margin-top:8px}.organization-leaders-grid{grid-template-columns:1fr 1fr;gap:10px}.organization-leader-card-copy strong{font-size:14px}.organization-timeline-track{grid-template-columns:1fr 1fr}.organization-achievement-grid{grid-template-columns:1fr 1fr}.organization-media-tabs{overflow-x:auto}.organization-media-panel.is-active{grid-template-columns:1fr 1fr}.organization-bottom-grid{grid-template-columns:1fr}.organization-share-card{grid-column:auto}.organization-modal-dialog{grid-template-columns:1fr;padding:20px;max-height:90vh;overflow:auto}.organization-modal-dialog>img{max-height:250px;object-position:center 20%}.organization-up{width:44px;height:44px;right:14px;bottom:14px}}

/* MEMORIST 4.9.8 — organization chronicle visual refinement */
body:has(.organization-detail-page) .header {
  background: linear-gradient(90deg, #070d0b 0%, #091713 38%, #0b2b21 100%);
  border-bottom-color: rgba(202,164,93,.30);
  box-shadow: 0 10px 34px rgba(0,0,0,.22);
}
body:has(.organization-detail-page) .header::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(217,181,111,.55), transparent);
}
body:has(.organization-detail-page) .brand .tag {
  color: #d7b46f;
  line-height: 1.16;
}
body:has(.organization-detail-page) .footer {
  background: linear-gradient(90deg, #070b0a 0%, #0a1713 50%, #0a241c 100%);
  border-top-color: rgba(202,164,93,.25);
}

.organization-detail-page {
  --org-bg: #06110e;
  --org-bg2: #081b15;
  --org-panel: #0a2b21;
  --org-panel-deep: #061a14;
  --org-gold: #caa45d;
  --org-gold2: #e5c27b;
  --org-text: #f5eee3;
  --org-muted: #c9bcaa;
  background:
    radial-gradient(circle at 86% 8%, rgba(42,92,70,.14), transparent 28%),
    radial-gradient(circle at 8% 58%, rgba(21,66,49,.16), transparent 34%),
    linear-gradient(180deg, #071510 0%, #06100d 46%, #040807 100%);
}

/* Keep only the selected language visible inside the chronicle. */
body.lang-ru-active .organization-detail-page .lang-kz,
body.lang-kz-active .organization-detail-page .lang-ru {
  display: none !important;
}

.organization-hero {
  min-height: 520px;
  background-image:
    linear-gradient(90deg, rgba(4,12,10,.98) 0%, rgba(6,22,17,.92) 38%, rgba(5,15,12,.28) 68%, rgba(4,10,8,.10) 100%),
    linear-gradient(180deg, rgba(3,11,9,.10), rgba(3,11,9,.34)),
    var(--org-hero);
  background-position: center 42%;
  border-bottom-color: rgba(202,164,93,.32);
}
.organization-hero-grid { min-height: 520px; }
.organization-hero-copy { max-width: 670px; padding: 44px 0 42px; }
.organization-catalog-link { margin-bottom: 24px; color: var(--org-gold2); }
.organization-hero h1 {
  margin-bottom: 18px;
  text-shadow: 0 4px 24px rgba(0,0,0,.34);
}
.organization-hero-lead { color: #e3d8c7; }

.organization-stats {
  gap: 12px;
  margin-top: 28px;
}
.organization-stats article {
  min-height: 132px;
  padding: 16px 12px 14px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(202,164,93,.38);
  border-radius: 13px;
  background:
    radial-gradient(circle at 50% 0%, rgba(229,194,123,.08), transparent 46%),
    linear-gradient(145deg, rgba(13,47,37,.90), rgba(5,22,17,.94));
  box-shadow: inset 0 0 26px rgba(229,194,123,.025), 0 12px 24px rgba(0,0,0,.16);
  text-align: center;
}
.organization-stat-icon {
  width: 29px;
  height: 29px;
  display: grid;
  place-items: center;
  margin-bottom: 7px;
  color: var(--org-gold2);
}
.organization-stat-icon svg {
  width: 100%;
  height: 100%;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.65;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.organization-stats strong { font-size: 25px; }
.organization-stats article > span.lang-ru,
.organization-stats article > span.lang-kz {
  margin-top: 4px;
  color: #ded2c0;
  font-size: 12px;
  line-height: 1.35;
}

.organization-content { padding-top: 24px; }
.organization-director-card,
.organization-section,
.organization-bottom-grid > div {
  border-color: rgba(202,164,93,.34);
  background:
    radial-gradient(circle at 100% 0%, rgba(48,105,79,.10), transparent 33%),
    linear-gradient(145deg, rgba(12,48,37,.97), rgba(5,22,17,.985));
  box-shadow:
    0 18px 54px rgba(0,0,0,.28),
    inset 0 0 42px rgba(229,194,123,.018);
}
.organization-director-facts { background: linear-gradient(180deg, rgba(10,40,31,.55), rgba(5,22,17,.62)); }
.organization-section { margin-top: 17px; padding: 23px 24px; }
.organization-section-heading { margin-bottom: 16px; }
.organization-section-heading h2,
.organization-bottom-grid h2 { color: #f5eee3; }

.organization-leaders-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
  max-width: 980px;
  margin-inline: auto;
}
.organization-leader-card {
  background: linear-gradient(180deg, #102a22, #071812);
  border-color: rgba(202,164,93,.38);
  box-shadow: 0 12px 28px rgba(0,0,0,.22);
}
.organization-leader-card img {
  filter: saturate(.72) contrast(1.04);
  object-position: center 18%;
}

.organization-timeline { padding-top: 20px; padding-bottom: 20px; }
.organization-timeline-track { gap: 8px; }
.organization-timeline-track::before { top: 17px; background: linear-gradient(90deg, transparent, rgba(202,164,93,.68) 8%, rgba(202,164,93,.68) 92%, transparent); }
.organization-timeline-track article { padding: 35px 7px 0; }
.organization-timeline-track article::before {
  top: 10px;
  width: 13px;
  height: 13px;
  background: #081c16;
  border-color: var(--org-gold2);
  box-shadow: 0 0 0 5px rgba(202,164,93,.055);
}
.organization-timeline-track strong { font-size: 21px; }
.organization-timeline-track article > span.lang-ru,
.organization-timeline-track article > span.lang-kz {
  margin-top: 5px;
  color: #d8ccb9;
  font-size: 11px;
  line-height: 1.36;
}

.organization-achievement-grid { gap: 13px; }
.organization-achievement-grid article {
  min-height: 158px;
  padding: 20px 14px 17px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(202,164,93,.34);
  border-radius: 12px;
  background: linear-gradient(145deg, rgba(12,43,34,.88), rgba(4,19,15,.92));
  color: #fff;
  text-align: center;
}
.organization-achievement-icon {
  display: block;
  margin-bottom: 3px !important;
  color: var(--org-gold2) !important;
  font-size: 26px;
  line-height: 1;
}
.organization-achievement-grid article strong {
  display: block;
  font-family: Lora, serif;
  font-size: 32px;
  color: var(--org-gold2);
}
.organization-achievement-grid article > span.lang-ru,
.organization-achievement-grid article > span.lang-kz {
  display: block;
  margin-top: 4px;
  color: #e1d5c3;
  line-height: 1.35;
}

.organization-media-tabs { margin-bottom: 16px; }
.organization-media-panel.is-active {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}
.organization-media-panel img {
  aspect-ratio: 16 / 10;
  border-color: rgba(202,164,93,.28);
  box-shadow: 0 10px 24px rgba(0,0,0,.20);
}
.organization-video-grid.is-active { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.organization-video-card {
  position: relative;
  min-height: 205px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border: 1px solid rgba(202,164,93,.30);
  border-radius: 10px;
  background-image: linear-gradient(rgba(3,12,9,.48), rgba(3,12,9,.74)), var(--video-thumb);
  background-size: cover;
  background-position: center;
  color: #fff;
  text-align: center;
  box-shadow: 0 10px 24px rgba(0,0,0,.20);
}
.organization-video-play {
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  padding-left: 3px;
  border: 1px solid rgba(229,194,123,.72);
  border-radius: 50%;
  background: rgba(5,18,14,.70);
  color: var(--org-gold2);
  font-size: 19px;
}
.organization-video-card strong { font-family: Lora, serif; font-size: 18px; text-shadow: 0 2px 10px rgba(0,0,0,.65); }

.organization-bottom-grid { grid-template-columns: .92fr 1.16fr 1fr; gap: 15px; }
.organization-map-card {
  min-height: 280px;
  padding: 0 !important;
  overflow: hidden;
  background: #d9d2c4 !important;
}
.organization-map-card iframe {
  width: 100%;
  height: 100%;
  min-height: 280px;
  display: block;
  border: 0;
  filter: saturate(.72) sepia(.10) contrast(.96);
}
.organization-contact-card p { color: #d9cebd; }
.organization-share-card button,
.organization-share-card a { border-color: rgba(202,164,93,.52); }

.organization-inline-qr {
  max-height: 0;
  margin-top: 0;
  padding: 0 15px;
  overflow: hidden;
  opacity: 0;
  transform: translateY(-9px);
  border: 0 solid rgba(202,164,93,.38);
  border-radius: 13px;
  background: linear-gradient(145deg, #0b251d, #050f0c);
  text-align: center;
  transition: max-height .38s ease, opacity .28s ease, transform .32s ease, margin-top .32s ease, padding .32s ease, border-width .32s ease;
}
.organization-inline-qr.is-open {
  max-height: 360px;
  margin-top: 14px;
  padding: 15px;
  opacity: 1;
  transform: translateY(0);
  border-width: 1px;
}
.organization-inline-qr-brand {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 8px;
  margin-bottom: 10px;
  color: var(--org-gold2);
  font-size: 11px;
  letter-spacing: .15em;
}
.organization-inline-qr-brand span { height: 1px; background: rgba(202,164,93,.38); }
.organization-inline-qr img {
  width: 170px;
  height: 170px;
  display: block;
  margin: 0 auto 9px;
  padding: 8px;
  border-radius: 9px;
  background: #fff;
}
.organization-inline-qr p { margin: 0; color: #cdbfaa; font-size: 12px; line-height: 1.45; }

.organization-modal-dialog {
  background: linear-gradient(145deg, #0d3025, #061712);
  border-color: rgba(202,164,93,.54);
}
.organization-modal-close { background: #071b15; }

@media (max-width: 980px) {
  .organization-leaders-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: 700px; }
  .organization-media-panel.is-active,
  .organization-video-grid.is-active { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .organization-bottom-grid { grid-template-columns: 1fr 1fr; }
  .organization-share-card { grid-column: 1 / -1; }
}

@media (max-width: 680px) {
  body:has(.organization-detail-page) .brand .tag { max-width: 155px; font-size: 9px; }
  .organization-hero {
    background-image:
      linear-gradient(180deg, rgba(4,13,10,.62), rgba(4,13,10,.97) 64%),
      var(--org-hero);
  }
  .organization-hero-copy { padding: 34px 0 27px; }
  .organization-catalog-link { margin-bottom: 19px; }
  .organization-stats article { min-height: 122px; padding: 13px 8px; }
  .organization-stat-icon { width: 25px; height: 25px; }
  .organization-stats strong { font-size: 22px; }
  .organization-section { padding: 19px 14px; }
  .organization-leaders-grid { gap: 10px; }
  .organization-timeline-track { grid-template-columns: 1fr 1fr; gap: 10px; }
  .organization-timeline-track article {
    min-height: 108px;
    padding: 14px 8px 10px;
    border: 1px solid rgba(202,164,93,.24);
    border-radius: 10px;
    background: rgba(4,20,15,.45);
  }
  .organization-timeline-track article::before,
  .organization-timeline-track::before { display: none; }
  .organization-achievement-grid article { min-height: 140px; padding: 16px 8px; }
  .organization-media-panel.is-active,
  .organization-video-grid.is-active { grid-template-columns: 1fr 1fr; }
  .organization-video-card { min-height: 150px; }
  .organization-video-card strong { font-size: 14px; }
  .organization-bottom-grid { grid-template-columns: 1fr; }
  .organization-share-card { grid-column: auto; }
  .organization-map-card iframe { min-height: 250px; }
}

/* =========================================================
   MEMORIST 4.9.9 — organization final polish + catalogue fixes
   ========================================================= */

/* Keep long headings visually balanced and avoid awkward orphan words. */
.mh-title,
.organization-hero h1,
.organization-section-heading h2,
.organization-catalog-heading h1,
.life-catalog-heading h1,
.life-catalog-card-copy strong {
  text-wrap: balance;
  word-break: normal;
  overflow-wrap: normal;
  hyphens: none;
}

/* Compact hero statistics: same information, less visual weight. */
.organization-stats {
  max-width: 610px;
  gap: 8px;
  margin-top: 24px;
}
.organization-stats article {
  min-height: 96px;
  padding: 10px 8px;
  border-radius: 9px;
  background: linear-gradient(145deg, rgba(12,43,34,.72), rgba(4,18,14,.80));
}
.organization-stat-icon {
  width: 23px;
  height: 23px;
  margin-bottom: 3px;
}
.organization-stats strong {
  font-size: 21px;
  line-height: 1.08;
}
.organization-stats article > span.lang-ru,
.organization-stats article > span.lang-kz {
  font-size: 10px;
  line-height: 1.25;
}

/* Leader portraits: modern colour for available portraits; archival B/W only where intended. */
.organization-leader-card img {
  filter: none !important;
}
.organization-leader-card.is-archive img {
  filter: grayscale(1) contrast(1.04) !important;
}

/* A richer, museum-style history block instead of a bare line. */
.organization-timeline {
  position: relative;
  overflow: hidden;
}
.organization-timeline::after {
  content: "";
  position: absolute;
  right: -95px;
  bottom: -105px;
  width: 260px;
  height: 260px;
  border: 1px solid rgba(202,164,93,.08);
  border-radius: 50%;
  box-shadow: 0 0 0 30px rgba(202,164,93,.025), 0 0 0 62px rgba(202,164,93,.018);
  pointer-events: none;
}
.organization-timeline-track {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 13px;
  position: relative;
  z-index: 1;
}
.organization-timeline-track::before {
  display: none !important;
}
.organization-timeline-track article {
  position: relative;
  min-height: 148px;
  padding: 18px 16px 16px 18px;
  overflow: hidden;
  border: 1px solid rgba(202,164,93,.28);
  border-radius: 12px;
  background:
    radial-gradient(circle at 100% 0%, rgba(202,164,93,.10), transparent 42%),
    linear-gradient(145deg, rgba(12,43,34,.88), rgba(4,18,14,.93));
  text-align: left;
  box-shadow: 0 12px 28px rgba(0,0,0,.18);
}
.organization-timeline-track article::before {
  display: none !important;
}
.organization-timeline-step {
  position: absolute;
  top: 12px;
  right: 13px;
  color: rgba(229,194,123,.36) !important;
  font-family: Lora, Georgia, serif;
  font-size: 25px !important;
  line-height: 1;
}
.organization-timeline-icon {
  width: 31px;
  height: 31px;
  display: grid !important;
  place-items: center;
  margin: 0 0 9px !important;
  color: var(--org-gold2) !important;
}
.organization-timeline-icon svg {
  width: 100%;
  height: 100%;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.55;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.organization-timeline-track strong {
  display: block;
  margin: 0;
  color: var(--org-gold2);
  font-size: 22px;
  line-height: 1.08;
}
.organization-timeline-track article > span.lang-ru,
.organization-timeline-track article > span.lang-kz {
  display: block;
  max-width: 90%;
  margin-top: 8px;
  color: #ded3c1;
  font-size: 12px;
  line-height: 1.42;
}

/* Achievements are now clickable and reveal selected documents. */
.organization-achievement-grid button {
  min-height: 156px;
  padding: 18px 12px 15px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(202,164,93,.34);
  border-radius: 12px;
  background:
    radial-gradient(circle at 50% 0%, rgba(202,164,93,.08), transparent 38%),
    linear-gradient(145deg, rgba(12,43,34,.88), rgba(4,19,15,.94));
  color: #fff;
  text-align: center;
  cursor: pointer;
  transition: transform .2s ease, border-color .2s ease, background .2s ease;
}
.organization-achievement-grid button:hover,
.organization-achievement-grid button:focus-visible {
  transform: translateY(-3px);
  border-color: rgba(239,202,125,.72);
  background:
    radial-gradient(circle at 50% 0%, rgba(202,164,93,.14), transparent 42%),
    linear-gradient(145deg, rgba(15,51,40,.94), rgba(5,21,16,.97));
}
.organization-achievement-icon {
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  margin: 0 0 5px !important;
  color: var(--org-gold2) !important;
}
.organization-achievement-icon svg {
  width: 100%;
  height: 100%;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.55;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.organization-achievement-grid button strong {
  display: block;
  color: var(--org-gold2);
  font-family: Lora, Georgia, serif;
  font-size: 31px;
  line-height: 1.05;
}
.organization-achievement-grid button > span.lang-ru,
.organization-achievement-grid button > span.lang-kz {
  display: block;
  min-height: 34px;
  margin-top: 5px;
  color: #e5dac8;
  line-height: 1.3;
}
.organization-achievement-grid button small {
  display: block;
  margin-top: 8px;
  color: rgba(239,202,125,.74);
  font-size: 10px;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.organization-achievement-modal {
  position: fixed;
  inset: 0;
  z-index: 100000;
  display: grid;
  place-items: center;
  padding: 24px;
}
.organization-achievement-modal[hidden] {
  display: none;
}
.organization-achievement-backdrop {
  position: absolute;
  inset: 0;
  border: 0;
  background: rgba(0,0,0,.80);
  cursor: default;
}
.organization-achievement-dialog {
  position: relative;
  z-index: 1;
  width: min(920px, 100%);
  max-height: min(88vh, 780px);
  overflow: auto;
  padding: 26px;
  border: 1px solid rgba(202,164,93,.52);
  border-radius: 16px;
  background: linear-gradient(145deg, #0d3025, #061712);
  color: #fff;
  box-shadow: 0 32px 100px rgba(0,0,0,.62);
}
.organization-achievement-dialog-head {
  padding-right: 42px;
  margin-bottom: 18px;
}
.organization-achievement-dialog h2 {
  margin: 0;
  color: #f5eee3;
  font-family: Lora, Georgia, serif;
  font-size: 32px;
}
.organization-achievement-close {
  position: absolute;
  top: 12px;
  right: 14px;
  width: 38px;
  height: 38px;
  border: 1px solid rgba(202,164,93,.44);
  border-radius: 50%;
  background: #071b15;
  color: #fff;
  font-size: 23px;
  cursor: pointer;
}
.organization-achievement-gallery {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}
.organization-achievement-gallery figure {
  margin: 0;
}
.organization-achievement-gallery a {
  display: block;
  overflow: hidden;
  border: 1px solid rgba(202,164,93,.28);
  border-radius: 11px;
  background: #111;
}
.organization-achievement-gallery img {
  width: 100%;
  aspect-ratio: 16 / 11;
  display: block;
  object-fit: cover;
  transition: transform .25s ease;
}
.organization-achievement-gallery a:hover img,
.organization-achievement-gallery a:focus-visible img {
  transform: scale(1.018);
}

/* Photo archive: one horizontal row with the same familiar scroll behavior. */
.organization-photo-rail.is-active {
  display: flex !important;
  gap: 12px;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 2px 2px 12px;
  scroll-snap-type: x proximity;
  scrollbar-width: thin;
  scrollbar-color: var(--org-gold) rgba(255,255,255,.05);
  -webkit-overflow-scrolling: touch;
}
.organization-photo-rail.is-active::-webkit-scrollbar {
  height: 8px;
}
.organization-photo-rail.is-active::-webkit-scrollbar-track {
  border-radius: 999px;
  background: rgba(255,255,255,.05);
}
.organization-photo-rail.is-active::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: linear-gradient(90deg, #c4913f, #e4bd72);
}
.organization-photo-rail img {
  flex: 0 0 310px;
  width: 310px !important;
  height: 200px !important;
  object-fit: cover;
  scroll-snap-align: start;
}

/* Catalogue mobile filters: search on the first row, two filters below it. */
@media (max-width: 640px) {
  .organization-catalog-tools {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 9px !important;
  }
  .organization-catalog-field {
    min-width: 0;
  }
  .organization-catalog-field--search {
    grid-column: 1 / -1 !important;
  }
  .organization-catalog-field input,
  .organization-catalog-field select {
    width: 100%;
    min-width: 0;
    padding-right: 32px;
    font-size: 14px !important;
  }
  .organization-catalog-field--search input {
    padding-left: 42px;
  }

  .organization-stats {
    gap: 7px;
    margin-top: 20px;
  }
  .organization-stats article {
    min-height: 91px !important;
    padding: 9px 6px !important;
  }
  .organization-stat-icon {
    width: 21px !important;
    height: 21px !important;
  }
  .organization-stats strong {
    font-size: 19px !important;
  }
  .organization-stats article > span.lang-ru,
  .organization-stats article > span.lang-kz {
    font-size: 9px !important;
  }

  .organization-timeline-track {
    grid-template-columns: 1fr 1fr !important;
    gap: 9px;
  }
  .organization-timeline-track article {
    min-height: 132px !important;
    padding: 14px 10px 12px !important;
  }
  .organization-timeline-step {
    top: 10px;
    right: 9px;
    font-size: 20px !important;
  }
  .organization-timeline-icon {
    width: 25px;
    height: 25px;
    margin-bottom: 7px !important;
  }
  .organization-timeline-track strong {
    font-size: 19px;
  }
  .organization-timeline-track article > span.lang-ru,
  .organization-timeline-track article > span.lang-kz {
    max-width: 100%;
    font-size: 10px;
  }

  .organization-achievement-grid button {
    min-height: 132px !important;
    padding: 13px 7px !important;
  }
  .organization-achievement-icon {
    width: 29px;
    height: 29px;
  }
  .organization-achievement-grid button strong {
    font-size: 25px;
  }
  .organization-achievement-grid button > span.lang-ru,
  .organization-achievement-grid button > span.lang-kz {
    min-height: 31px;
    font-size: 11px;
  }
  .organization-achievement-grid button small {
    font-size: 8px;
  }

  .organization-photo-rail img {
    flex-basis: 78vw;
    width: 78vw !important;
    height: 230px !important;
  }
  .organization-achievement-modal {
    padding: 12px;
  }
  .organization-achievement-dialog {
    padding: 19px 14px 15px;
  }
  .organization-achievement-dialog h2 {
    font-size: 25px;
  }
  .organization-achievement-gallery {
    grid-template-columns: 1fr;
  }
}


/* =========================================================
   MEMORIST 5.0.0 — organization final adjustments
   ========================================================= */

/* Shorter tag on organization pages so RU/QAZ stays on one line on mobile. */
body:has(.organization-catalog-page) .brand .tag,
body:has(.organization-detail-page) .brand .tag {
  letter-spacing: .04em;
}

/* Leaders in one horizontal rail for desktop and mobile. */
.organization-leaders-rail {
  display: flex;
  gap: 16px;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 2px 2px 12px;
  scroll-snap-type: x proximity;
  scrollbar-width: thin;
  scrollbar-color: var(--org-gold) rgba(255,255,255,.06);
  -webkit-overflow-scrolling: touch;
}
.organization-leaders-rail::-webkit-scrollbar { height: 8px; }
.organization-leaders-rail::-webkit-scrollbar-track { background: rgba(255,255,255,.05); border-radius: 999px; }
.organization-leaders-rail::-webkit-scrollbar-thumb { background: linear-gradient(90deg, #c4913f, #e4bd72); border-radius: 999px; }
.organization-leaders-rail .organization-leader-card {
  flex: 0 0 220px;
  scroll-snap-align: start;
}

/* Replace dry tiles with a readable scrollable organization history. */
.organization-history-scroll {
  max-height: 390px;
  overflow: auto;
  padding-right: 8px;
  display: grid;
  gap: 12px;
  scrollbar-width: thin;
  scrollbar-color: var(--org-gold) rgba(255,255,255,.06);
}
.organization-history-scroll::-webkit-scrollbar { width: 8px; }
.organization-history-scroll::-webkit-scrollbar-track { background: rgba(255,255,255,.05); border-radius: 999px; }
.organization-history-scroll::-webkit-scrollbar-thumb { background: linear-gradient(180deg, #c4913f, #e4bd72); border-radius: 999px; }
.organization-history-entry {
  display: grid;
  grid-template-columns: 110px minmax(0,1fr);
  gap: 16px;
  align-items: start;
  padding: 16px 16px 15px;
  border: 1px solid rgba(202,164,93,.28);
  border-radius: 12px;
  background:
    radial-gradient(circle at 100% 0%, rgba(202,164,93,.08), transparent 42%),
    linear-gradient(145deg, rgba(12,43,34,.88), rgba(4,18,14,.93));
}
.organization-history-year {
  font-family: Lora, Georgia, serif;
  font-size: 26px;
  line-height: 1;
  color: var(--org-gold2);
}
.organization-history-copy h3 {
  margin: 0 0 8px;
  color: #f2eadc;
  font-family: Lora, Georgia, serif;
  font-size: 20px;
}
.organization-history-copy p {
  margin: 0;
  color: #ddd1bf;
  line-height: 1.68;
}

/* Achievement cards and modal cleaned up. */
.organization-achievement-grid {
  align-items: stretch;
}
.organization-achievement-grid button > span.lang-ru,
.organization-achievement-grid button > span.lang-kz {
  min-height: 38px;
  font-size: 13px;
}
.organization-achievement-gallery {
  grid-template-columns: 1fr;
}
.organization-achievement-gallery figure {
  display: grid;
  gap: 10px;
}
.organization-achievement-gallery figcaption strong {
  display: block;
  color: #f5eee3;
  font-family: Lora, Georgia, serif;
  font-size: 22px;
}
.organization-achievement-gallery figcaption small {
  display: block;
  margin-top: 4px;
  color: #dccfb9;
  font-size: 13px;
  line-height: 1.45;
}
.organization-achievement-gallery img {
  aspect-ratio: 16/10;
}

@media (max-width: 980px) {
  .organization-leaders-rail .organization-leader-card { flex-basis: 210px; }
}

@media (max-width: 680px) {
  body:has(.organization-catalog-page) .brand .tag,
  body:has(.organization-detail-page) .brand .tag {
    max-width: 132px;
    font-size: 10px !important;
    white-space: normal !important;
    line-height: 1.1;
  }
  body:has(.organization-catalog-page) .header-inner,
  body:has(.organization-detail-page) .header-inner {
    align-items: flex-start;
  }
  .organization-leaders-rail { gap: 10px; }
  .organization-leaders-rail .organization-leader-card {
    flex-basis: 70vw;
    max-width: 280px;
  }
  .organization-history-scroll {
    max-height: 340px;
  }
  .organization-history-entry {
    grid-template-columns: 1fr;
    gap: 10px;
    padding: 14px 13px;
  }
  .organization-history-year { font-size: 23px; }
  .organization-history-copy h3 { font-size: 18px; }
  .organization-achievement-grid button > span.lang-ru,
  .organization-achievement-grid button > span.lang-kz {
    min-height: 46px;
    font-size: 11px;
  }
}


/* =========================================================
   MEMORIST 5.0.1 — final organization usability pass
   ========================================================= */

/* Organization header: compact brand and language switch stay on one row. */
body:has(.organization-catalog-page) .header .nav,
body:has(.organization-detail-page) .header .nav {
  flex: 1 1 auto;
  justify-content: center;
  text-align: center;
}

/* Center only the content-section headings requested for the chronicle. */
body:has(.organization-detail-page) .organization-section-heading {
  display: block;
  text-align: center;
}
body:has(.organization-detail-page) .organization-section-heading h2 {
  text-align: center;
  text-wrap: balance;
}
body:has(.organization-detail-page) .organization-section-heading p {
  max-width: 760px;
  margin: 8px auto 0;
  text-align: center;
}
body:has(.organization-detail-page) .organization-media-tabs {
  justify-content: center;
  text-align: center;
}
body:has(.organization-detail-page) .organization-media-tabs button {
  min-width: 112px;
  text-align: center;
}

/* Leaders: one horizontal rail at every screen size. */
.organization-leaders-rail {
  margin-inline: auto;
}
.organization-leaders-rail .organization-leader-card {
  min-width: 0;
}

/* History is one readable text window, not six separate tiles. */
.organization-history-scroll {
  max-height: 350px;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 6px 14px 6px 4px;
  border: 1px solid rgba(202,164,93,.28);
  border-radius: 13px;
  background:
    radial-gradient(circle at 100% 0%, rgba(202,164,93,.07), transparent 38%),
    linear-gradient(145deg, rgba(10,39,30,.83), rgba(3,16,12,.91));
  scrollbar-width: thin;
  scrollbar-color: var(--org-gold) rgba(255,255,255,.06);
}
.organization-history-scroll::-webkit-scrollbar { width: 8px; }
.organization-history-scroll::-webkit-scrollbar-track {
  border-radius: 999px;
  background: rgba(255,255,255,.05);
}
.organization-history-scroll::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: linear-gradient(180deg, #c4913f, #e4bd72);
}
.organization-history-prose {
  padding: 4px 8px;
}
.organization-history-prose p {
  margin: 0;
  padding: 17px 10px;
  color: #ddd1bf;
  font-size: 15px;
  line-height: 1.72;
  text-align: left;
}
.organization-history-prose p + p {
  border-top: 1px solid rgba(202,164,93,.18);
}
.organization-history-prose strong {
  display: inline;
  color: var(--org-gold2);
  font-family: Lora, Georgia, serif;
  font-size: 18px;
  font-weight: 600;
}

/* Realistic demo-document photos remain fully visible in the modal. */
.organization-achievement-gallery a {
  background: #080b0a;
}
.organization-achievement-gallery img {
  aspect-ratio: 16 / 10;
  object-fit: contain;
  background: #080b0a;
}
.organization-achievement-gallery figcaption {
  text-align: center;
}
.organization-achievement-gallery figcaption strong,
.organization-achievement-gallery figcaption small {
  text-wrap: balance;
}

/* Clickable photo rail and full-screen photo viewer. */
.organization-photo-button {
  flex: 0 0 310px;
  width: 310px;
  padding: 0;
  border: 0;
  border-radius: 9px;
  background: transparent;
  cursor: zoom-in;
  scroll-snap-align: start;
}
.organization-photo-button img {
  width: 100% !important;
  height: 200px !important;
  display: block;
  object-fit: cover;
  transition: transform .22s ease, filter .22s ease;
}
.organization-photo-button:hover img,
.organization-photo-button:focus-visible img {
  transform: scale(1.015);
  filter: brightness(1.05);
}
.organization-photo-modal {
  position: fixed;
  inset: 0;
  z-index: 100000;
  display: grid;
  place-items: center;
  padding: 24px;
}
.organization-photo-modal[hidden] { display: none; }
.organization-photo-backdrop {
  position: absolute;
  inset: 0;
  border: 0;
  background: rgba(0,0,0,.88);
  cursor: zoom-out;
}
.organization-photo-dialog {
  position: relative;
  z-index: 1;
  width: min(1100px, 96vw);
  max-height: 92vh;
  margin: 0;
  padding: 14px;
  border: 1px solid rgba(202,164,93,.50);
  border-radius: 14px;
  background: linear-gradient(145deg, #0a261d, #030d0a);
  box-shadow: 0 30px 100px rgba(0,0,0,.72);
  text-align: center;
}
.organization-photo-dialog img {
  width: 100%;
  max-height: calc(92vh - 90px);
  display: block;
  object-fit: contain;
  border-radius: 9px;
  background: #050706;
}
.organization-photo-dialog figcaption {
  padding: 10px 42px 2px;
  color: #e3d7c5;
  font-size: 14px;
}
.organization-photo-close {
  position: absolute;
  z-index: 2;
  top: 20px;
  right: 20px;
  width: 38px;
  height: 38px;
  border: 1px solid rgba(229,194,123,.56);
  border-radius: 50%;
  background: rgba(3,15,11,.86);
  color: #fff;
  font-size: 25px;
  line-height: 1;
  cursor: pointer;
}

@media (max-width: 720px) {
  body:has(.organization-catalog-page) .header-inner,
  body:has(.organization-detail-page) .header-inner {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 8px 10px !important;
    padding: 10px 12px !important;
  }
  body:has(.organization-catalog-page) .brand,
  body:has(.organization-detail-page) .brand {
    grid-column: 1;
    grid-row: 1;
    min-width: 0;
    gap: 9px;
  }
  body:has(.organization-catalog-page) .brand img,
  body:has(.organization-detail-page) .brand img {
    height: 38px;
  }
  body:has(.organization-catalog-page) .brand .name,
  body:has(.organization-detail-page) .brand .name {
    font-size: 17px;
    letter-spacing: .10em;
  }
  body:has(.organization-catalog-page) .brand .tag,
  body:has(.organization-detail-page) .brand .tag {
    max-width: none;
    font-size: 9px !important;
    line-height: 1.05;
    white-space: nowrap !important;
  }
  body:has(.organization-catalog-page) .lang,
  body:has(.organization-detail-page) .lang {
    grid-column: 2;
    grid-row: 1;
    justify-self: end;
  }
  body:has(.organization-catalog-page) .header .nav,
  body:has(.organization-detail-page) .header .nav {
    grid-column: 1 / -1;
    grid-row: 2;
    width: 100%;
    justify-content: center !important;
    overflow-x: visible;
    padding-inline: 0 !important;
    text-align: center;
  }
  body:has(.organization-catalog-page) .header .nav a,
  body:has(.organization-detail-page) .header .nav a {
    padding-inline: 12px;
    text-align: center;
  }

  .organization-leaders-rail .organization-leader-card {
    flex-basis: 72vw;
    max-width: 280px;
  }
  .organization-history-scroll {
    max-height: 310px;
    padding-right: 8px;
  }
  .organization-history-prose p {
    padding: 15px 7px;
    font-size: 14px;
    line-height: 1.66;
  }
  .organization-history-prose strong { font-size: 16px; }
  .organization-photo-button {
    flex-basis: 78vw;
    width: 78vw;
    max-width: 330px;
  }
  .organization-photo-button img {
    width: 100% !important;
    height: 230px !important;
  }
  .organization-photo-modal { padding: 10px; }
  .organization-photo-dialog {
    width: 100%;
    padding: 9px;
  }
  .organization-photo-dialog img {
    max-height: calc(92vh - 72px);
  }
  .organization-photo-close {
    top: 14px;
    right: 14px;
  }
  .organization-photo-dialog figcaption {
    padding: 8px 38px 0;
    font-size: 12px;
  }
}

/* =========================================================
   MEMORIST 5.0.2 — centered leaders + inline achievement archive
   ========================================================= */

/* With four demo leaders, keep the rail centered on wide screens.
   As soon as it no longer fits, it naturally becomes a horizontal scroller. */
@media (min-width: 981px) {
  .organization-leaders-rail {
    width: fit-content;
    max-width: 100%;
    justify-content: center;
    margin-inline: auto;
  }
}
@media (max-width: 980px) {
  .organization-leaders-rail {
    width: 100%;
    justify-content: flex-start;
  }
}

/* Selected achievement button. */
.organization-achievement-grid button.is-active,
.organization-achievement-grid button[aria-expanded="true"] {
  border-color: rgba(239,202,125,.82);
  background:
    radial-gradient(circle at 50% 0%, rgba(202,164,93,.16), transparent 44%),
    linear-gradient(145deg, rgba(15,52,40,.96), rgba(5,21,16,.98));
  box-shadow: 0 14px 34px rgba(0,0,0,.24);
}

/* Achievement documents open inside the section, never in a new page/modal. */
.organization-achievement-inline {
  margin-top: 17px;
  padding: 18px 18px 14px;
  overflow: hidden;
  border: 1px solid rgba(202,164,93,.34);
  border-radius: 14px;
  background:
    radial-gradient(circle at 100% 0%, rgba(202,164,93,.08), transparent 40%),
    linear-gradient(145deg, rgba(9,37,28,.92), rgba(3,16,12,.96));
}
.organization-achievement-inline[hidden] {
  display: none !important;
}
.organization-achievement-inline-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 14px;
}
.organization-achievement-inline-head h3 {
  margin: 0;
  color: #f5eee3;
  font-family: Lora, Georgia, serif;
  font-size: 24px;
  line-height: 1.2;
  text-wrap: balance;
}
.organization-achievement-inline-close {
  flex: 0 0 36px;
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  padding: 0;
  border: 1px solid rgba(202,164,93,.42);
  border-radius: 50%;
  background: #071b15;
  color: #fff;
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
}
.organization-achievement-rail {
  display: flex;
  gap: 14px;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 2px 2px 12px;
  scroll-snap-type: x proximity;
  scrollbar-width: thin;
  scrollbar-color: var(--org-gold) rgba(255,255,255,.06);
  -webkit-overflow-scrolling: touch;
}
.organization-achievement-rail::-webkit-scrollbar {
  height: 8px;
}
.organization-achievement-rail::-webkit-scrollbar-track {
  border-radius: 999px;
  background: rgba(255,255,255,.05);
}
.organization-achievement-rail::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: linear-gradient(90deg, #c4913f, #e4bd72);
}
.organization-achievement-rail figure {
  flex: 0 0 min(540px, 78vw);
  width: min(540px, 78vw);
  margin: 0;
  overflow: hidden;
  border: 1px solid rgba(202,164,93,.25);
  border-radius: 12px;
  background: #07110e;
  scroll-snap-align: start;
}
.organization-achievement-rail img {
  width: 100%;
  height: 360px;
  display: block;
  object-fit: contain;
  background: #07110e;
}
.organization-achievement-rail figcaption {
  padding: 13px 15px 15px;
  text-align: center;
  border-top: 1px solid rgba(202,164,93,.18);
}
.organization-achievement-rail figcaption strong {
  display: block;
  color: #f5eee3;
  font-family: Lora, Georgia, serif;
  font-size: 19px;
  line-height: 1.25;
}
.organization-achievement-rail figcaption small {
  display: block;
  margin-top: 5px;
  color: #d7c9b4;
  font-size: 12px;
  line-height: 1.45;
}

@media (max-width: 680px) {
  .organization-achievement-inline {
    padding: 14px 12px 11px;
  }
  .organization-achievement-inline-head h3 {
    font-size: 21px;
  }
  .organization-achievement-rail figure {
    flex-basis: 82vw;
    width: 82vw;
  }
  .organization-achievement-rail img {
    height: 300px;
  }
  .organization-achievement-rail figcaption strong {
    font-size: 17px;
  }
}
.organization-achievement-rail:has(figure:only-child) {
  justify-content: center;
}


/* =========================================================
   MEMORIST 5.0.3 — catalogue-first navigation + life-page cleanup
   ========================================================= */

/* Aydyn share controls mirror the memorial page: three equal pills. */
.life-demo-page .life-share-actions {
  width: 100%;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
}
.life-demo-page .life-share-actions a,
.life-demo-page .life-share-actions button {
  flex: 0 0 auto !important;
  width: min(100%, 300px) !important;
  max-width: 300px !important;
  min-height: 46px !important;
  padding: 10px 18px !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  box-sizing: border-box !important;
}

/* Desktop tabs remain centered; mobile tabs wrap in a balanced, readable grid. */
.life-demo-page .life-tabs {
  justify-content: center;
}
@media (max-width: 720px) {
  .life-demo-page .life-tabs {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 4px;
    overflow: visible !important;
    padding: 8px !important;
  }
  .life-demo-page .life-tabs a {
    width: 100%;
    min-width: 0;
    min-height: 56px;
    padding: 8px 6px !important;
    justify-content: center;
    white-space: normal !important;
    text-align: center;
    line-height: 1.25;
    border: 1px solid rgba(216,163,84,.12);
    border-radius: 8px;
  }
}

/* Demo badges identify the first showcase page in each catalogue. */
.life-catalog-demo-badge,
.mem-card-demo-badge {
  position: absolute;
  z-index: 5;
  top: 16px;
  left: 50%;
  transform: translateX(-50%);
  max-width: calc(100% - 24px);
  padding: 8px 14px;
  border: 1px solid rgba(245,205,128,.68);
  border-radius: 999px;
  background: linear-gradient(135deg, #f0cc85, #c78b37);
  color: #1b130a;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.2;
  text-align: center;
  white-space: nowrap;
  box-shadow: 0 8px 24px rgba(0,0,0,.28);
}
.life-catalog-card {
  position: relative;
}
.life-catalog-page .life-catalog-grid {
  grid-template-columns: minmax(240px, 320px);
  justify-content: center;
}

@media (max-width: 640px) {
  .life-catalog-demo-badge,
  .mem-card-demo-badge {
    top: 12px;
    padding: 7px 11px;
    font-size: 11px;
  }
}


/* MEMORIST 5.1.2 — catalogue card and Shezhire consistency fixes */
.life-catalog-page .life-catalog-grid{
  grid-template-columns:repeat(auto-fill,190px)!important;
  justify-content:start!important;
  gap:22px!important;
}
.life-catalog-page .life-catalog-card{
  width:190px!important;
  min-height:0!important;
  height:260px!important;
  border-radius:22px!important;
}
.life-catalog-page .life-catalog-card-copy{
  padding:16px 12px 14px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  gap:7px!important;
}
.life-catalog-page .life-catalog-card-copy strong{
  font-size:18px!important;
  line-height:1.18!important;
}
.life-catalog-demo-badge,
.mem-card-demo-badge,
.organization-catalog-badge{
  position:static!important;
  inset:auto!important;
  transform:none!important;
  display:inline-flex!important;
  width:max-content!important;
  max-width:100%!important;
  margin:0 auto 2px!important;
  padding:6px 10px!important;
  font-size:10px!important;
  line-height:1.15!important;
  white-space:normal!important;
  justify-content:center!important;
}
.mem-card-caption{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  gap:5px!important;
}
.mem-card-caption .mem-card-demo-badge{order:-1!important}
.organization-catalog-results{
  justify-content:start!important;
}
.organization-catalog-card{
  width:190px!important;
  height:260px!important;
  min-height:260px!important;
  border-radius:22px!important;
}
.organization-catalog-card-copy{
  padding:16px 12px 14px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  gap:6px!important;
  text-align:center!important;
}
.organization-catalog-card-copy strong{font-size:18px!important;line-height:1.18!important}
.organization-catalog-card-copy small{font-size:12px!important}
.shj-family-head h2 .lang-kz,
.shj-family-head h2 .lang-ru{
  font:inherit!important;
  font-size:inherit!important;
  line-height:inherit!important;
  letter-spacing:inherit!important;
}
.shj-family-search input{
  text-align:center!important;
  font-size:14px!important;
}
@media(max-width:640px){
  .life-catalog-page .life-catalog-grid,
  .organization-catalog-results{justify-content:start!important}
  .life-catalog-page .life-catalog-card,
  .organization-catalog-card{width:190px!important;height:260px!important}
}

/* =========================================================
   MEMORIST 5.2.0 — ADMINISTRATIVE PERSON PAGE CONSTRUCTOR
   One visual standard for Memory and Life pages.
   ========================================================= */
.mpb-page{--mpb-gold:#d8a354;--mpb-gold-soft:#efd3a0;--mpb-bg:#0b0d0e;--mpb-panel:#101315;--mpb-line:rgba(216,163,84,.34);--mpb-text:#f5f1e9;background:radial-gradient(circle at 50% 4%,rgba(216,163,84,.09),transparent 34%),var(--mpb-bg);color:var(--mpb-text);min-height:100vh;overflow:hidden}
.mpb-shell{width:min(1120px,calc(100% - 36px));margin:0 auto}
.mpb-hero{position:relative;min-height:720px;display:flex;align-items:flex-end;background-image:var(--mpb-hero);background-position:center 24%;background-size:cover;border-bottom:1px solid var(--mpb-line)}
.mpb-hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,5,6,.18),rgba(5,7,8,.58) 48%,#0b0d0e 98%),linear-gradient(90deg,rgba(4,5,6,.84),rgba(4,5,6,.18) 68%,rgba(4,5,6,.6))}
.mpb-hero-inner{position:relative;z-index:2;padding:150px 0 54px;text-align:center}
.mpb-kicker{margin:0 0 18px;color:var(--mpb-gold);font-size:14px;font-weight:800;letter-spacing:.22em;text-align:center}
.mpb-hero h1{max-width:900px;margin:0 auto;color:#f7f1e7;font-family:Lora,Georgia,serif;font-size:clamp(44px,7vw,82px);font-weight:600;line-height:1.03;text-align:center;text-wrap:balance;text-shadow:0 12px 38px rgba(0,0,0,.72)}
.mpb-subtitle{max-width:790px;margin:22px auto 0;color:rgba(255,255,255,.86);font-size:clamp(18px,2.25vw,27px);line-height:1.5;text-align:center;text-wrap:balance}
.mpb-years{margin-top:18px;color:var(--mpb-gold-soft);font-family:Lora,Georgia,serif;font-size:25px;letter-spacing:.06em;text-align:center}
.mpb-facts{max-width:900px;margin:34px auto 0;padding-top:26px;border-top:1px solid var(--mpb-line);display:flex;justify-content:center;flex-wrap:wrap;gap:18px 46px}
.mpb-facts>div{min-width:190px;text-align:center}
.mpb-facts small{display:block;margin-bottom:7px;color:var(--mpb-gold);font-size:13px}
.mpb-facts strong{display:block;color:#fff;font-size:18px;line-height:1.35}
.mpb-dates{margin-top:25px;color:rgba(255,255,255,.55);font-size:12px;text-align:center}
.mpb-anchor-nav{position:sticky;top:0;z-index:30;border-bottom:1px solid var(--mpb-line);background:rgba(9,11,12,.94);backdrop-filter:blur(14px)}
.mpb-anchor-nav .mpb-shell{display:flex;justify-content:center;gap:10px 34px;overflow-x:auto;padding:18px 0;scrollbar-width:none}
.mpb-anchor-nav a{flex:0 0 auto;color:#e9e3d9;text-decoration:none;font-weight:700}
.mpb-anchor-nav a:hover{color:var(--mpb-gold)}
.mpb-content{padding:58px 0 90px}
.mpb-section{margin:0 0 54px;scroll-margin-top:90px}
.mpb-section>h2,.mpb-share h2{margin:0 0 24px;color:var(--mpb-gold-soft);font-family:Lora,Georgia,serif;font-size:clamp(32px,5vw,52px);line-height:1.12;text-align:center;text-wrap:balance}
.mpb-panel{border:1px solid var(--mpb-line);border-radius:28px;background:linear-gradient(145deg,rgba(23,26,27,.97),rgba(11,13,14,.98));box-shadow:0 24px 70px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.04)}
.mpb-prose{max-width:920px;margin:0 auto;padding:34px 42px;color:rgba(255,255,255,.83);font-size:18px;line-height:1.85;text-align:left}
.mpb-prose p:first-child{margin-top:0}.mpb-prose p:last-child{margin-bottom:0}
.mpb-gallery{display:flex;gap:18px;overflow-x:auto;padding:4px 2px 20px;scroll-snap-type:x mandatory;scrollbar-color:var(--mpb-gold) rgba(255,255,255,.08)}
.mpb-gallery-item{flex:0 0 min(410px,82vw);height:360px;padding:0;border:1px solid var(--mpb-line);border-radius:22px;overflow:hidden;background:#111;cursor:zoom-in;scroll-snap-align:start}
.mpb-gallery-item img{width:100%;height:100%;display:block;object-fit:cover}
.mpb-video-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}
.mpb-video{padding:18px;overflow:hidden}.mpb-video iframe{width:100%;min-height:320px;border:0;border-radius:16px}
.mpb-places{max-width:900px;margin:0 auto;padding:30px 38px;text-align:center}.mpb-places strong{color:var(--mpb-gold-soft);font-size:22px}.mpb-places ul{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin:22px 0 0;padding:0;list-style:none}.mpb-places li{padding:10px 15px;border:1px solid var(--mpb-line);border-radius:999px;color:#e8e2d8}
.mpb-lineage{max-width:780px;margin:0 auto;padding:20px}.mpb-lineage>div>div{display:grid;grid-template-columns:1fr auto;gap:20px;padding:14px 18px;border-bottom:1px solid rgba(216,163,84,.19)}.mpb-lineage>div>div:last-child{border-bottom:0}.mpb-lineage span{color:var(--mpb-gold-soft);font-family:Lora,Georgia,serif;font-size:18px;font-weight:700}.mpb-lineage small{color:rgba(255,255,255,.6)}
.mpb-share{max-width:760px;margin:0 auto;padding:34px;text-align:center}.mpb-share p{color:rgba(255,255,255,.72);font-size:16px}.mpb-share-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:25px}.mpb-share-actions button,.mpb-share-actions a{min-height:48px;display:flex;align-items:center;justify-content:center;padding:10px 14px;border:1px solid var(--mpb-line);border-radius:999px;background:transparent;color:#f3eadc;font:700 14px Roboto,sans-serif;text-decoration:none;cursor:pointer}.mpb-share-actions button:hover,.mpb-share-actions a:hover{background:rgba(216,163,84,.12);border-color:rgba(239,211,160,.7)}
.mpb-socials{display:flex;justify-content:center;flex-wrap:wrap;gap:12px}.mpb-socials a{padding:11px 18px;border:1px solid var(--mpb-line);border-radius:999px;color:var(--mpb-gold-soft);text-decoration:none}
.mpb-lightbox,.mpb-qr-modal{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;padding:22px;background:rgba(0,0,0,.88)}.mpb-lightbox[hidden],.mpb-qr-modal[hidden]{display:none}.mpb-lightbox img{max-width:min(1100px,94vw);max-height:88vh;border-radius:16px}.mpb-lightbox button,.mpb-qr-modal button{position:absolute;right:24px;top:20px;width:46px;height:46px;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:#111;color:#fff;font-size:30px;cursor:pointer}.mpb-qr-modal>div{position:relative;width:min(440px,92vw);padding:38px;border:1px solid var(--mpb-line);border-radius:28px;background:#111517;text-align:center}.mpb-qr-modal strong{display:block;margin-bottom:22px;color:var(--mpb-gold-soft);font-family:Lora,serif;font-size:26px}.mpb-qr-modal img{width:min(300px,72vw);padding:14px;border-radius:12px;background:#fff}.mpb-qr-modal p{color:#eee}
/* Do not let fallback fonts make Kazakh letters look smaller. */
.mpb-page .lang-kz{font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit}
@media(max-width:700px){.mpb-shell{width:min(100% - 28px,1120px)}.mpb-hero{min-height:680px;background-position:center top}.mpb-hero-inner{padding:130px 0 36px}.mpb-hero h1{font-size:clamp(40px,12vw,58px)}.mpb-subtitle{font-size:18px}.mpb-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 10px}.mpb-facts>div{min-width:0}.mpb-facts>div:last-child:nth-child(odd){grid-column:1/-1}.mpb-anchor-nav .mpb-shell{justify-content:flex-start}.mpb-content{padding-top:42px}.mpb-section{margin-bottom:44px}.mpb-prose{padding:26px 21px;font-size:16px;line-height:1.75}.mpb-panel{border-radius:22px}.mpb-gallery-item{height:300px}.mpb-share{padding:27px 18px}.mpb-share-actions{grid-template-columns:1fr}.mpb-video iframe{min-height:220px}}


/* =========================================================
   MEMORIST 5.3.4 — mobile catalogue nav centering
   ========================================================= */
@media (max-width: 720px) {
  .page-template-page-memorials .header .nav,
  .post-type-archive-memorist_life .header .nav,
  .page-template-page-life-stories .header .nav {
    order: 3 !important;
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: clamp(20px, 7vw, 34px) !important;
    overflow-x: visible !important;
    padding: 8px 0 3px !important;
    text-align: center !important;
  }
  .page-template-page-memorials .header .nav a,
  .post-type-archive-memorist_life .header .nav a,
  .page-template-page-life-stories .header .nav a {
    flex: 0 0 auto !important;
    margin: 0 !important;
    padding: 4px 0 !important;
    text-align: center !important;
  }
}


/* =========================================================
   MEMORIST 5.3.5 — memorial catalogue nav + free Shezhire viewport
   ========================================================= */
@media (max-width: 720px) {
  .header .nav.nav-catalog-centered {
    order: 3 !important;
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: clamp(20px, 7vw, 34px) !important;
    overflow: visible !important;
    padding: 8px 0 3px !important;
    text-align: center !important;
  }
  .header .nav.nav-catalog-centered a {
    flex: 0 0 auto !important;
    margin: 0 !important;
    padding: 4px 0 !important;
    text-align: center !important;
  }
}


/* =========================================================
   MEMORIST 5.3.7 — bilingual catalog controls + mobile nav hardening
   ========================================================= */
@media (max-width: 720px) {
  body .header .nav.nav-catalog-centered {
    order: 3 !important;
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: clamp(20px, 7vw, 34px) !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 8px 0 3px !important;
    overflow: visible !important;
    text-align: center !important;
  }
  body .header .nav.nav-catalog-centered a {
    flex: 0 0 auto !important;
    margin: 0 !important;
    padding: 4px 0 !important;
    text-align: center !important;
  }
}

/* MEMORIST 5.4.1 — Zhaksy RDK uses the proven Abai organization layout. */
.organization-leader-card--text{min-height:112px;display:flex!important;align-items:center!important;padding:18px!important;cursor:default!important}
.organization-leader-card--text .organization-leader-card-copy{padding:0!important}
.organization-creative-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.organization-creative-grid article{border:1px solid rgba(213,166,77,.35);border-radius:12px;padding:22px;background:rgba(0,0,0,.14)}
.organization-creative-grid h3{font-family:Lora,serif;font-size:28px;color:#f0d39a;margin:0 0 12px}
.organization-creative-grid p{line-height:1.65;margin:7px 0}
.memorist-org-zhaksy .organization-hero h1{font-size:clamp(40px,5.2vw,68px);overflow-wrap:anywhere}
.memorist-org-zhaksy .organization-stat-icon{display:none}
@media(max-width:680px){
 .organization-creative-grid{grid-template-columns:1fr}
 .memorist-org-zhaksy .organization-hero h1{font-size:36px;line-height:1.08}
 .memorist-org-zhaksy .organization-stats{grid-template-columns:1fr 1fr}
 .memorist-org-zhaksy .organization-director-photo img{aspect-ratio:4/3;object-fit:contain;background:#efe8df}
 .organization-leader-card--text{min-height:100px}
}

/* MEMORIST 5.4.2 — Zhaksy RDK publish preview */
.memorist-org-zhaksy .organization-hero{background-position:center center;background-size:cover}
.memorist-org-zhaksy .organization-hero-copy{max-width:760px}
.memorist-org-zhaksy .organization-director-photo img{object-fit:cover;object-position:center 18%}
.organization-director-facts--pending strong{font-size:15px;line-height:1.35}
.organization-leader-link{appearance:none;width:100%;color:inherit;text-align:left;cursor:pointer!important}
.organization-leader-link img,.organization-leader-placeholder{flex:0 0 62px;width:62px;height:76px;border-radius:8px;object-fit:cover;object-position:center 15%;border:1px solid rgba(202,164,93,.35);margin-right:13px}
.organization-leader-placeholder{display:grid;place-items:center;background:linear-gradient(145deg,#17362c,#091812);color:#d9b96f;font-family:Lora,serif;font-size:24px}
.organization-leader-link .organization-leader-card-copy{min-width:0}
.organization-leader-link small{display:block;margin-top:5px;color:#cfc1ad;line-height:1.35}
.organization-video-rail{display:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.organization-video-rail.is-active{display:grid}
.organization-video-button{position:relative;padding:0;border:1px solid rgba(202,164,93,.3);border-radius:10px;overflow:hidden;background:#050706;cursor:pointer;aspect-ratio:16/10}
.organization-video-button video{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}
.organization-video-button .organization-video-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:52px;height:52px;display:grid;place-items:center;border-radius:50%;background:rgba(4,16,12,.78);border:1px solid rgba(229,194,123,.7);color:#efd394;font-size:20px;padding-left:3px}
.organization-gallery-prev,.organization-gallery-next,.organization-video-prev,.organization-video-next{position:absolute;z-index:3;top:50%;transform:translateY(-50%);width:48px;height:62px;border:1px solid rgba(229,194,123,.6);border-radius:999px;background:rgba(3,15,11,.82);color:#fff;font-size:42px;line-height:1;cursor:pointer}
.organization-gallery-prev,.organization-video-prev{left:20px}.organization-gallery-next,.organization-video-next{right:20px}
.organization-video-modal{position:fixed;inset:0;z-index:100000;display:grid;place-items:center;padding:24px}.organization-video-modal[hidden]{display:none}.organization-video-backdrop{position:absolute;inset:0;border:0;background:rgba(0,0,0,.9)}
.organization-video-dialog{position:relative;z-index:1;width:min(1100px,96vw);padding:14px;border:1px solid rgba(202,164,93,.5);border-radius:14px;background:#030d0a}.organization-video-dialog video{width:100%;max-height:86vh;display:block;background:#000;border-radius:9px}.organization-video-close{position:absolute;z-index:4;right:20px;top:20px;width:40px;height:40px;border:1px solid rgba(229,194,123,.6);border-radius:50%;background:rgba(3,15,11,.9);color:#fff;font-size:26px;cursor:pointer}
.organization-person-toast{position:fixed;z-index:100100;left:50%;bottom:28px;transform:translateX(-50%);max-width:calc(100vw - 32px);padding:13px 20px;border:1px solid rgba(229,194,123,.55);border-radius:999px;background:rgba(4,20,15,.96);color:#f2dfb4;box-shadow:0 14px 45px rgba(0,0,0,.45);text-align:center}.organization-person-toast[hidden]{display:none}
@media(max-width:720px){.organization-video-rail.is-active{grid-template-columns:1fr 1fr}.organization-gallery-prev,.organization-video-prev{left:4px}.organization-gallery-next,.organization-video-next{right:4px}.organization-gallery-prev,.organization-gallery-next,.organization-video-prev,.organization-video-next{width:40px;height:54px;font-size:34px}.memorist-org-zhaksy .organization-hero{background-position:center center}.memorist-org-zhaksy .organization-director-photo img{object-fit:cover;aspect-ratio:4/3}.organization-leader-link img,.organization-leader-placeholder{width:56px;height:68px;flex-basis:56px}}


/* MEMORIST 5.4.3 — Zhaksy RDK preview refresh: clean stats + two-column director card */
.memorist-org-zhaksy .organization-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
.memorist-org-zhaksy .organization-director-card{grid-template-columns:300px minmax(0,1fr)}
@media(max-width:980px){.memorist-org-zhaksy .organization-director-card{grid-template-columns:230px minmax(0,1fr)}}
@media(max-width:680px){.memorist-org-zhaksy .organization-stats{grid-template-columns:1fr 1fr}.memorist-org-zhaksy .organization-director-card{grid-template-columns:1fr}}


/* =========================================================
   MEMORIST 5.4.5 — Zhaksy RDK publish polish
   ========================================================= */
.memorist-org-zhaksy .organization-director-card.organization-person-card{cursor:pointer;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.memorist-org-zhaksy .organization-director-card.organization-person-card:hover,
.memorist-org-zhaksy .organization-director-card.organization-person-card:focus-visible{transform:translateY(-2px);border-color:rgba(229,194,123,.72);box-shadow:0 20px 48px rgba(0,0,0,.22);outline:none}
.organization-leader-link{transition:transform .2s ease,border-color .2s ease,background .2s ease}
.organization-leader-link:hover,.organization-leader-link:focus-visible{transform:translateY(-2px);border-color:rgba(229,194,123,.72)!important;background:rgba(28,73,61,.4)!important;outline:none}
.organization-placeholder-silhouette{position:relative;display:block;width:31px;height:31px;border-radius:50%;background:rgba(230,202,143,.72)}
.organization-placeholder-silhouette:after{content:"";position:absolute;left:50%;top:26px;width:46px;height:30px;transform:translateX(-50%);border-radius:50% 50% 24% 24%;background:rgba(230,202,143,.72)}
.organization-leader-placeholder{overflow:hidden}
.organization-creative-card{padding:0!important;overflow:hidden}
.organization-creative-media{aspect-ratio:16/8;display:grid;place-items:center;border-bottom:1px solid rgba(213,166,77,.28);background:radial-gradient(circle at 50% 32%,rgba(65,123,105,.32),transparent 52%),linear-gradient(135deg,#102a22,#071510);color:#cdbb98;text-align:center;padding:18px;font-size:14px;letter-spacing:.02em}
.organization-creative-copy{padding:20px 22px 22px}
.organization-creative-copy h3{margin-top:0}
.organization-socials{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.organization-socials a{display:inline-flex;align-items:center;gap:9px;padding:10px 14px;border:1px solid rgba(229,194,123,.35);border-radius:999px;color:#f0e6d3;text-decoration:none;background:rgba(5,23,18,.32);transition:transform .18s ease,border-color .18s ease,background .18s ease}
.organization-socials a:hover,.organization-socials a:focus-visible{transform:translateY(-1px);border-color:rgba(229,194,123,.72);background:rgba(28,73,61,.5);outline:none}
.organization-social-icon{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(229,194,123,.45);font-weight:700;color:#f0d39a}
.organization-social-icon--facebook{font-family:Arial,sans-serif}
.organization-map-card--styled{overflow:hidden!important;padding:0!important;display:grid!important;grid-template-rows:minmax(210px,1fr) auto;background:linear-gradient(145deg,#12352d,#071611)!important;border:1px solid rgba(229,194,123,.38)!important}
.organization-map-visual{position:relative;min-height:230px;overflow:hidden;background-color:#102c25;background-image:linear-gradient(rgba(229,194,123,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(229,194,123,.06) 1px,transparent 1px),radial-gradient(circle at 75% 22%,rgba(52,123,99,.32),transparent 32%);background-size:34px 34px,34px 34px,auto}
.organization-map-road{position:absolute;height:13px;border-radius:999px;background:rgba(227,206,166,.2);box-shadow:0 0 0 1px rgba(227,206,166,.08)}
.organization-map-road--a{width:135%;left:-20%;top:36%;transform:rotate(-13deg)}
.organization-map-road--b{width:115%;left:-8%;top:64%;transform:rotate(19deg)}
.organization-map-road--c{width:90%;left:29%;top:11%;transform:rotate(70deg)}
.organization-map-pin{position:absolute;left:55%;top:48%;width:42px;height:42px;border-radius:50% 50% 50% 0;transform:translate(-50%,-50%) rotate(-45deg);background:linear-gradient(145deg,#e4bc68,#b98228);box-shadow:0 10px 30px rgba(0,0,0,.38)}
.organization-map-pin span{position:absolute;left:50%;top:50%;width:13px;height:13px;border-radius:50%;transform:translate(-50%,-50%);background:#0b211a}
.organization-map-label{position:absolute;left:55%;top:72%;transform:translateX(-50%);padding:7px 11px;border:1px solid rgba(229,194,123,.35);border-radius:999px;background:rgba(4,18,14,.82);color:#f1deb2;font-size:13px;white-space:nowrap}
.organization-map-copy{padding:18px 20px 20px;display:grid;gap:7px}
.organization-map-copy strong{font-family:Lora,serif;color:#f0d39a;font-size:21px}.organization-map-copy small{color:#cbbda5;line-height:1.45}.organization-map-copy .organization-primary-button{margin-top:8px;text-align:center}
.organization-person-modal{position:fixed;inset:0;z-index:100200;display:grid;place-items:center;padding:22px}.organization-person-modal[hidden]{display:none}.organization-person-backdrop{position:absolute;inset:0;border:0;background:rgba(0,0,0,.88)}
.organization-person-dialog{position:relative;z-index:1;width:min(760px,94vw);display:grid;grid-template-columns:240px minmax(0,1fr);gap:26px;padding:26px;border:1px solid rgba(229,194,123,.5);border-radius:18px;background:linear-gradient(145deg,#12372d,#071511);box-shadow:0 28px 90px rgba(0,0,0,.55)}
.organization-person-close{position:absolute;right:14px;top:12px;width:40px;height:40px;border:1px solid rgba(229,194,123,.45);border-radius:50%;background:rgba(2,14,10,.78);color:#f4dfb1;font-size:27px;cursor:pointer}
.organization-person-modal-photo{min-height:285px;border:1px solid rgba(229,194,123,.28);border-radius:13px;overflow:hidden;background:radial-gradient(circle at 50% 32%,rgba(65,123,105,.3),transparent 45%),#071a14;display:grid;place-items:center}.organization-person-modal-photo img{width:100%;height:100%;min-height:285px;object-fit:cover;object-position:center 18%;display:block}.organization-person-modal-photo .organization-placeholder-silhouette{transform:scale(2.2)}
.organization-person-modal-copy{align-self:center;padding-right:20px}.organization-person-modal-copy h3{font-family:Lora,serif;font-size:clamp(25px,3vw,38px);line-height:1.15;color:#f0d39a;margin:0 0 12px}.organization-person-modal-copy p{margin:6px 0;color:#d8cbb5;line-height:1.55}.organization-person-pending-copy{margin-top:20px;padding-top:18px;border-top:1px solid rgba(229,194,123,.24);color:#eee1c7;line-height:1.6}
@media(max-width:680px){.organization-person-dialog{grid-template-columns:1fr;padding:18px;gap:16px;max-height:88vh;overflow:auto}.organization-person-modal-photo{min-height:230px;max-height:330px}.organization-person-modal-photo img{min-height:230px;max-height:330px}.organization-person-modal-copy{padding-right:0}.organization-map-card--styled{grid-template-rows:200px auto}.organization-socials a{flex:1 1 calc(50% - 6px);justify-content:center}.organization-creative-media{aspect-ratio:16/7}}

/* =========================================================
   MEMORIST 5.4.6 — Zhaksy RDK final pre-publish fixes
   ========================================================= */
.organization-section-heading--with-controls{display:flex;align-items:center;justify-content:space-between;gap:18px}
.organization-rail-controls{display:flex;gap:8px;flex:0 0 auto}
.organization-rail-controls button{width:42px;height:42px;border:1px solid rgba(229,194,123,.45);border-radius:50%;background:rgba(4,20,15,.82);color:#f2ddb0;font-size:28px;line-height:1;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}
.organization-rail-controls button:hover,.organization-rail-controls button:focus-visible{transform:translateY(-1px);border-color:rgba(229,194,123,.8);background:rgba(29,76,62,.68);outline:none}
.organization-leaders-rail{scroll-padding-inline:6px;padding-inline:6px;overscroll-behavior-inline:contain}
.organization-leaders-rail .organization-leader-card:first-child{margin-left:0}
.organization-map-photo{background:#071611!important;min-height:260px!important}
.organization-map-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;display:block}
.organization-map-photo-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,14,10,.04),rgba(2,14,10,.18) 62%,rgba(2,14,10,.6));pointer-events:none}
.organization-map-photo .organization-map-label{left:50%;top:auto;bottom:16px;z-index:2}
.organization-qr-pending{margin-top:12px;padding:12px 14px;border:1px dashed rgba(229,194,123,.38);border-radius:12px;color:#d9c9aa;background:rgba(4,20,15,.35);line-height:1.5}
body.single-memorist_org .header .nav{justify-content:center!important}
body.single-memorist_org .header .nav a{flex:0 0 auto}
@media(max-width:680px){
 .organization-section-heading--with-controls{align-items:flex-end}
 .organization-rail-controls button{width:38px;height:38px;font-size:25px}
 .organization-map-photo{min-height:190px!important}
 body.single-memorist_org .header .nav{justify-content:center!important;overflow:visible!important;white-space:normal!important}
}

/* =========================================================
   MEMORIST 5.4.8 — Zhaksy RDK layout cleanup before publish
   ========================================================= */
/* Past leaders: same calm card geometry as the Abai demo; no extra arrow buttons. */
.memorist-org-zhaksy .organization-section-heading--with-controls .organization-rail-controls,
.memorist-org-zhaksy .organization-rail-controls{display:none!important}
.memorist-org-zhaksy .organization-leaders-rail{
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  justify-content:flex-start!important;
  padding:2px 2px 12px!important;
  scroll-padding-left:2px!important;
  scroll-snap-type:x proximity;
}
.memorist-org-zhaksy .organization-leaders-rail .organization-leader-card{
  flex:0 0 220px!important;
  width:220px!important;
  min-height:0!important;
  display:block!important;
  padding:0!important;
  text-align:center!important;
  cursor:pointer!important;
  scroll-snap-align:start;
}
.memorist-org-zhaksy .organization-leader-link img,
.memorist-org-zhaksy .organization-leader-placeholder{
  display:block!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:4/5!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  object-fit:cover!important;
  object-position:center 16%!important;
  background:linear-gradient(145deg,#11342a,#071913)!important;
}
.memorist-org-zhaksy .organization-leader-placeholder{position:relative}
.memorist-org-zhaksy .organization-leader-placeholder:after{content:"";position:absolute;inset:12px;border:1px solid rgba(229,194,123,.13);border-radius:8px}
.memorist-org-zhaksy .organization-leader-card-copy{padding:13px 10px 14px!important}
.memorist-org-zhaksy .organization-leader-card-copy strong{font-size:16px!important;line-height:1.25}
.memorist-org-zhaksy .organization-leader-card-copy small{font-size:12px}

/* No generic silhouette in modal when an actual portrait has not been supplied yet. */
.organization-person-dialog--no-photo{grid-template-columns:1fr!important;max-width:560px!important}
.organization-person-dialog--no-photo .organization-person-modal-copy{padding:10px 18px 4px!important}
.organization-person-modal-photo[hidden]{display:none!important}
.organization-person-disabled-link{
  width:100%;margin-top:22px;padding:13px 18px;border:1px solid rgba(229,194,123,.34);border-radius:10px;
  background:linear-gradient(180deg,rgba(238,197,119,.5),rgba(180,128,49,.42));color:rgba(35,24,8,.72);font-weight:700;
  cursor:not-allowed;opacity:.72
}

/* Contacts / route / share: content starts at the top; no tall empty columns. */
.memorist-org-zhaksy .organization-bottom-grid{align-items:start!important}
.memorist-org-zhaksy .organization-bottom-grid>div{align-self:start!important;height:auto!important;min-height:0!important;padding:20px!important}
.memorist-org-zhaksy .organization-contact-card p{margin:8px 0!important}
.memorist-org-zhaksy .organization-socials{margin-top:14px!important}
.memorist-org-zhaksy .organization-share-card p{margin:9px 0 12px!important}
.memorist-org-zhaksy .organization-share-card button,
.memorist-org-zhaksy .organization-share-card a{margin-top:8px!important;padding:10px 12px!important}
.memorist-org-zhaksy .organization-map-card--styled{padding:10px!important;grid-template-rows:180px auto!important;gap:0!important;background:linear-gradient(145deg,#12352d,#071611)!important}
.memorist-org-zhaksy .organization-map-photo{min-height:180px!important;border:1px solid rgba(229,194,123,.5)!important;border-radius:11px!important;background:#071611!important}
.memorist-org-zhaksy .organization-map-photo img{z-index:0!important;opacity:1!important;object-fit:cover!important;object-position:center 52%!important}
.memorist-org-zhaksy .organization-map-photo-shade{z-index:1!important;background:linear-gradient(180deg,rgba(2,14,10,.02),rgba(2,14,10,.12) 62%,rgba(2,14,10,.48))!important}
.memorist-org-zhaksy .organization-map-photo:after{content:"";position:absolute;z-index:2;inset:9px;border:1px solid rgba(239,202,125,.44);border-radius:8px;pointer-events:none}
.memorist-org-zhaksy .organization-map-photo .organization-map-label{z-index:3!important;bottom:12px!important}
.memorist-org-zhaksy .organization-map-copy{padding:15px 8px 6px!important;gap:5px!important;align-content:start!important}
.memorist-org-zhaksy .organization-map-copy strong{font-size:20px!important;line-height:1.18!important}
.organization-map-title-line{display:block}
.memorist-org-zhaksy .organization-map-copy .organization-primary-button{margin-top:7px!important;padding:11px 14px!important}

/* Organization catalogue: two cards per row on phones, like the memorial catalogue. */
@media(max-width:640px){
  .organization-catalog-results{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
    width:100%!important;
  }
  .organization-catalog-card{min-height:300px!important;border-radius:13px!important}
  .organization-catalog-card-copy{padding:18px 11px 16px!important}
  .organization-catalog-card-copy strong{font-size:16px!important;line-height:1.18!important}
  .organization-catalog-card-copy small{font-size:11px!important;line-height:1.2!important}
  .organization-catalog-badge{font-size:8px!important;line-height:1.15!important;padding:7px 8px!important;max-width:100%!important;white-space:normal!important}
  .organization-catalog-up{width:42px!important;height:42px!important}
  .memorist-org-zhaksy .organization-leaders-rail .organization-leader-card{flex-basis:190px!important;width:190px!important}
  .memorist-org-zhaksy .organization-map-card--styled{grid-template-rows:160px auto!important}
  .memorist-org-zhaksy .organization-map-photo{min-height:160px!important}
}


/* =========================================================
   MEMORIST 5.4.9 — publish-safe catalogue + route asset fix
   Strictly limited to the two issues verified on 20.09.2026:
   1) short, standard organization catalogue cards;
   2) stable Zhaksy RDK building image in the route card.
   Past-leader layout and the rest of the approved page are untouched.
   ========================================================= */
.organization-catalog-results{
  grid-template-columns:repeat(auto-fill,190px)!important;
  gap:14px!important;
  justify-content:start!important;
  align-items:start!important;
}
.organization-catalog-card{
  width:190px!important;
  height:260px!important;
  min-height:260px!important;
}
.organization-catalog-card--zhaksy img{
  object-fit:cover!important;
  object-position:center 54%!important;
}
.memorist-org-zhaksy .organization-map-card--styled{
  min-height:0!important;
  overflow:hidden!important;
}
.memorist-org-zhaksy .organization-map-photo{
  position:relative!important;
  width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
}
.memorist-org-zhaksy .organization-map-photo img{
  display:block!important;
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  opacity:1!important;
  visibility:visible!important;
  object-fit:cover!important;
  object-position:center 54%!important;
}
@media(max-width:640px){
  .organization-catalog-results{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }
  .organization-catalog-card{
    width:100%!important;
    height:260px!important;
    min-height:260px!important;
  }
  .organization-catalog-card-copy{
    padding:16px 9px 14px!important;
  }
  .organization-catalog-card-copy strong{
    font-size:15px!important;
    line-height:1.16!important;
  }
  .organization-catalog-card-copy small{
    font-size:11px!important;
    line-height:1.15!important;
  }
}


/* =========================================================
   MEMORIST 5.5.0 — Zhaksy RDK: awards archive + YouTube media
   ========================================================= */
.memorist-org-zhaksy .organization-video-button img{
  width:100%;height:100%;display:block;object-fit:cover;pointer-events:none;
}
.memorist-org-zhaksy .organization-video-dialog iframe{
  width:100%;aspect-ratio:16/9;max-height:86vh;display:block;border:0;border-radius:9px;background:#000;
}
.memorist-org-zhaksy .organization-achievement-empty{
  width:100%;margin:0;padding:28px 18px;text-align:center;color:#d7c9b4;
}
.memorist-org-zhaksy .organization-team-achievements{
  margin-top:20px;padding-top:20px;border-top:1px solid rgba(202,164,93,.2);
}
.memorist-org-zhaksy .organization-team-achievements-head h3{
  margin:0;color:#f5eee3;font-family:Lora,Georgia,serif;font-size:23px;line-height:1.2;
}
.memorist-org-zhaksy .organization-team-achievements-head p{
  margin:7px 0 14px;color:#cfc1ad;font-size:13px;line-height:1.5;
}
.memorist-org-zhaksy .organization-team-achievements-rail{
  display:flex;gap:14px;overflow-x:auto;padding:2px 2px 10px;scroll-snap-type:x proximity;
}
.memorist-org-zhaksy .organization-team-achievements-rail figure{
  flex:0 0 min(520px,82vw);width:min(520px,82vw);margin:0;overflow:hidden;border:1px solid rgba(202,164,93,.28);border-radius:12px;background:#07110e;scroll-snap-align:start;
}
.memorist-org-zhaksy .organization-team-achievements-rail img{
  width:100%;height:350px;display:block;object-fit:contain;background:#07110e;
}
.memorist-org-zhaksy .organization-team-achievements-rail figcaption{
  padding:13px 15px 15px;text-align:center;border-top:1px solid rgba(202,164,93,.18);
}
.memorist-org-zhaksy .organization-team-achievements-rail strong{
  display:block;color:#f5eee3;font-family:Lora,Georgia,serif;font-size:18px;line-height:1.3;
}
.memorist-org-zhaksy .organization-team-achievements-rail small{
  display:block;margin-top:6px;color:#d7c9b4;font-size:12px;line-height:1.45;
}
@media(max-width:680px){
  .memorist-org-zhaksy .organization-team-achievements-head h3{font-size:20px}
  .memorist-org-zhaksy .organization-team-achievements-rail figure{flex-basis:84vw;width:84vw}
  .memorist-org-zhaksy .organization-team-achievements-rail img{height:300px}
}

/* =========================================================
   MEMORIST 5.5.1 — Zhaksy RDK complete 20 Sep audit
   ========================================================= */
.memorist-org-zhaksy .organization-director-card{
  grid-template-columns:300px minmax(0,1fr) 265px;
}
.memorist-org-zhaksy .organization-director-facts{
  padding:30px 24px;
  border-left:1px solid rgba(213,166,77,.35);
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:24px;
}
.memorist-org-zhaksy .organization-director-facts strong{
  font-family:Lora,serif;
  font-size:20px;
  line-height:1.2;
  color:#f0d39a;
}
.memorist-org-zhaksy .organization-director-facts small{
  margin-top:6px;
  color:#d8cbb5;
  line-height:1.45;
}
.organization-specialists-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}
.organization-specialist-card{
  display:grid;
  grid-template-columns:150px minmax(0,1fr);
  min-height:220px;
  overflow:hidden;
  border:1px solid rgba(213,166,77,.35);
  border-radius:12px;
  background:rgba(0,0,0,.14);
}
.organization-specialist-card>img{
  width:100%;
  height:100%;
  min-height:220px;
  object-fit:cover;
  object-position:center 22%;
  display:block;
}
.organization-specialist-copy{padding:20px 20px 18px}
.organization-specialist-copy h3{
  margin:0 0 7px;
  font-family:Lora,serif;
  font-size:23px;
  line-height:1.2;
  color:#f0d39a;
}
.organization-specialist-role{margin:0 0 7px!important;color:#e5c783;font-weight:700}
.organization-specialist-meta{font-size:13px;color:#bfb29d;line-height:1.45;margin-bottom:10px}
.organization-specialist-copy>p:last-child{margin:0;color:#ddd1bd;line-height:1.55}
@media(max-width:1080px){
  .memorist-org-zhaksy .organization-director-card{grid-template-columns:230px minmax(0,1fr)}
  .memorist-org-zhaksy .organization-director-facts{grid-column:1/-1;border-left:0;border-top:1px solid rgba(213,166,77,.35);display:grid;grid-template-columns:repeat(3,1fr)}
  .organization-specialists-grid{grid-template-columns:1fr}
}
@media(max-width:680px){
  .memorist-org-zhaksy .organization-director-card{grid-template-columns:1fr}
  .memorist-org-zhaksy .organization-director-facts{grid-template-columns:1fr;padding:22px}
  .organization-specialist-card{grid-template-columns:105px minmax(0,1fr);min-height:190px}
  .organization-specialist-card>img{min-height:190px}
  .organization-specialist-copy{padding:16px 15px}
  .organization-specialist-copy h3{font-size:19px}
}

/* =========================================================
   MEMORIST 5.5.3 — Zhaksy RDK corrections
   20.09.2026: 6 approved leader photos / 2 placeholders,
   5 achievement tabs, horizontal media rails, equal bottom cards.
   ========================================================= */
.memorist-org-zhaksy .organization-stats{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
}
.memorist-org-zhaksy .organization-achievement-grid{
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:10px!important;
}
.memorist-org-zhaksy .organization-achievement-grid button{
  min-width:0!important;
  padding:18px 10px!important;
}
.memorist-org-zhaksy .organization-achievement-grid button strong{
  font-size:30px!important;
}
.memorist-org-zhaksy .organization-achievement-grid button > span.lang-ru,
.memorist-org-zhaksy .organization-achievement-grid button > span.lang-kz{
  font-size:13px!important;
  line-height:1.25!important;
}
.memorist-org-zhaksy .organization-achievement-rail.is-people figure{
  flex:0 0 270px!important;
  width:270px!important;
}
.memorist-org-zhaksy .organization-achievement-rail.is-people img{
  height:300px!important;
  object-fit:cover!important;
  object-position:center 20%!important;
}
.memorist-org-zhaksy .organization-achievement-rail.is-people figcaption p{
  margin:8px 0 0!important;
  color:#d7c9b4!important;
  font-size:12px!important;
  line-height:1.45!important;
}

/* Both photo and video archives are one-row horizontal rails. */
.memorist-org-zhaksy .organization-photo-rail.is-active,
.memorist-org-zhaksy .organization-video-rail.is-active{
  display:flex!important;
  grid-template-columns:none!important;
  gap:12px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  padding:2px 2px 12px!important;
  scroll-snap-type:x proximity!important;
  overscroll-behavior-inline:contain!important;
}
.memorist-org-zhaksy .organization-photo-button,
.memorist-org-zhaksy .organization-video-button{
  flex:0 0 245px!important;
  width:245px!important;
  height:150px!important;
  min-width:245px!important;
  scroll-snap-align:start!important;
  border-radius:10px!important;
  overflow:hidden!important;
}
.memorist-org-zhaksy .organization-photo-button img,
.memorist-org-zhaksy .organization-video-button img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}
.memorist-org-zhaksy .organization-photo-rail.is-active::-webkit-scrollbar,
.memorist-org-zhaksy .organization-video-rail.is-active::-webkit-scrollbar{height:8px}
.memorist-org-zhaksy .organization-video-rail.is-active::-webkit-scrollbar-track{background:rgba(255,255,255,.05);border-radius:999px}
.memorist-org-zhaksy .organization-video-rail.is-active::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#c4913f,#e4bd72);border-radius:999px}

/* Address / route / QR: same visual height and top alignment. */
.memorist-org-zhaksy .organization-bottom-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  align-items:stretch!important;
}
.memorist-org-zhaksy .organization-bottom-grid>div{
  height:100%!important;
  min-height:330px!important;
  align-self:stretch!important;
  box-sizing:border-box!important;
}
.memorist-org-zhaksy .organization-contact-card a{
  color:#f0d39a!important;
  text-decoration:none!important;
  overflow-wrap:anywhere!important;
}
.memorist-org-zhaksy .organization-map-card--styled{
  display:grid!important;
  grid-template-rows:minmax(220px,1fr) auto!important;
  padding:12px!important;
}
.memorist-org-zhaksy .organization-map-photo{
  min-height:220px!important;
}
.memorist-org-zhaksy .organization-map-copy{
  padding:12px 0 0!important;
}
.memorist-org-zhaksy .organization-map-copy .organization-primary-button{
  margin:0!important;
  width:100%!important;
  box-sizing:border-box!important;
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
}
.memorist-org-zhaksy .organization-share-card{
  display:flex!important;
  flex-direction:column!important;
}
.memorist-org-zhaksy .organization-share-card .organization-inline-qr{
  margin-top:10px!important;
}

/* Compact location line on the Zhaksy catalogue card. */
.organization-catalog-card--zhaksy .organization-catalog-card-copy small{
  max-width:100%!important;
  font-size:10.5px!important;
  line-height:1.2!important;
}

@media(max-width:980px){
  .memorist-org-zhaksy .organization-achievement-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .memorist-org-zhaksy .organization-bottom-grid{grid-template-columns:1fr 1fr!important}
  .memorist-org-zhaksy .organization-share-card{grid-column:1/-1!important;min-height:0!important}
}
@media(max-width:680px){
  .memorist-org-zhaksy .organization-stats{grid-template-columns:1fr 1fr!important}
  .memorist-org-zhaksy .organization-achievement-grid{grid-template-columns:1fr 1fr!important;gap:8px!important}
  .memorist-org-zhaksy .organization-achievement-grid button{padding:15px 8px!important}
  .memorist-org-zhaksy .organization-photo-button,
  .memorist-org-zhaksy .organization-video-button{flex-basis:210px!important;width:210px!important;min-width:210px!important;height:132px!important}
  .memorist-org-zhaksy .organization-bottom-grid{grid-template-columns:1fr!important}
  .memorist-org-zhaksy .organization-bottom-grid>div{min-height:0!important;height:auto!important}
  .memorist-org-zhaksy .organization-share-card{grid-column:auto!important}
  .memorist-org-zhaksy .organization-map-card--styled{grid-template-rows:190px auto!important}
  .memorist-org-zhaksy .organization-map-photo{min-height:190px!important}
}

/* =========================================================
   MEMORIST 5.5.4 — Zhaksy polish + compact moderated reviews
   ========================================================= */
.memorist-org-zhaksy .organization-leaders-rail .organization-leader-card{height:350px!important;display:flex!important;flex-direction:column!important}
.memorist-org-zhaksy .organization-leader-link img{height:275px!important;aspect-ratio:auto!important;flex:0 0 275px!important;object-fit:cover!important;object-position:center 16%!important}
.memorist-org-zhaksy .organization-leader-card-copy{min-height:75px!important;display:flex!important;flex-direction:column!important;justify-content:center!important}
.organization-reviews{overflow:hidden}
.organization-reviews-rail{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x proximity;padding:4px 2px 14px;overscroll-behavior-inline:contain;scrollbar-width:thin}
.organization-review-card{flex:0 0 calc((100% - 32px)/3);min-width:260px;max-height:245px;overflow:auto;scroll-snap-align:start;border:1px solid rgba(229,194,123,.24);border-radius:16px;padding:20px;background:rgba(13,38,31,.58)}
.organization-review-mark{font:42px/1 Georgia,serif;color:#d9b96f;height:30px}
.organization-review-text{display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;line-height:1.55}
.organization-review-meta{display:flex;justify-content:space-between;gap:12px;margin-top:14px;font-size:13px;color:#cfc1ad}.organization-review-meta strong{color:#f2eadc}
.organization-reviews-empty{color:#cfc1ad}
.organization-review-form-wrap{margin-top:18px;border:1px solid rgba(229,194,123,.25);border-radius:14px;background:rgba(8,27,22,.45)}
.organization-review-form-wrap summary{cursor:pointer;padding:14px 18px;font-weight:700;color:#ead09a;list-style:none}.organization-review-form-wrap summary::-webkit-details-marker{display:none}
.organization-review-form{display:grid;gap:14px;padding:0 18px 18px}.organization-review-form label{display:grid;gap:7px}.organization-review-form input,.organization-review-form textarea{width:100%;box-sizing:border-box;border:1px solid rgba(229,194,123,.28);border-radius:10px;background:rgba(255,255,255,.06);color:#f7f0e4;padding:11px 12px;font:inherit}.organization-review-form textarea{resize:vertical}.organization-review-form button{justify-self:start;border:1px solid rgba(229,194,123,.5);border-radius:10px;background:#c9a45f;color:#17261f;padding:11px 16px;font-weight:800;cursor:pointer}.organization-review-form p{margin:0;color:#bfb3a3;font-size:12px}
@media(max-width:900px){.organization-review-card{flex-basis:calc((100% - 16px)/2)}}
@media(max-width:620px){.memorist-org-zhaksy .organization-leaders-rail .organization-leader-card{height:326px!important}.memorist-org-zhaksy .organization-leader-link img{height:250px!important;flex-basis:250px!important}.organization-review-card{flex-basis:88%;min-width:0}}
/* MEMORIST 5.5.5 — Pet Story */
.pet-page{background:#1f2529;color:#232323;padding-bottom:64px}.pet-wrap{width:min(1120px,calc(100% - 32px));margin:auto}.pet-hero{padding:46px 0;background:#f4f1ea}.pet-hero-grid{display:grid;grid-template-columns:minmax(280px,.9fr) 1.1fr;gap:42px;align-items:center}.pet-hero-img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:28px}.pet-kicker{letter-spacing:.12em;text-transform:uppercase;font-size:12px}.pet-hero h1{font-size:clamp(42px,7vw,76px);margin:.1em 0}.pet-tagline{font-size:20px;line-height:1.5}.pet-facts{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.pet-facts div,.pet-health div{background:#fff;padding:14px 16px;border-radius:14px}.pet-facts small,.pet-facts strong,.pet-health small{display:block}.pet-sections{padding-top:30px;display:grid;gap:22px}.pet-card{background:#f4f1ea;border-radius:24px;padding:clamp(22px,4vw,38px)}.pet-card h2{margin-top:0}.pet-health{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.pet-note{font-size:13px;opacity:.7}.pet-lost{background:#b6544b;color:#fff;padding:26px 0}.pet-lost h1{font-size:44px;margin:6px 0}.pet-actions{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.pet-actions a,.pet-btn{display:inline-block;border:0;border-radius:999px;padding:12px 18px;background:#fff;color:#232323;text-decoration:none;font-weight:700;cursor:pointer}.pet-call{background:#fff!important}.pet-pedigree{display:grid;grid-template-columns:1fr 1fr;gap:20px;text-align:center}.pet-pedigree>div{position:relative}.pet-pedigree img{width:150px;height:150px;border-radius:50%;object-fit:cover;display:block;margin:0 auto 10px}.pet-pedigree small,.pet-pedigree strong{display:block}.pet-child{grid-column:1/-1;margin-top:28px}.pet-owner-card{background:#f4f1ea;border-radius:18px;padding:18px;margin:14px 0;display:flex;gap:16px;align-items:center;flex-wrap:wrap}.pet-owner-card div{margin-right:auto}.pet-owner-card small{display:block;margin-top:4px}.pet-found{background:#6e7f67;color:#fff}@media(max-width:700px){.pet-hero-grid{grid-template-columns:1fr}.pet-health{grid-template-columns:1fr}.pet-lost h1{font-size:34px}.pet-pedigree img{width:110px;height:110px}.pet-facts{grid-template-columns:1fr 1fr}}


/* MEMORIST 5.5.8 — Pet catalog/profile polish */
.pet-profile-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.pet-catalog{background:#1f2529;min-height:70vh;padding:54px 0 72px}.pet-catalog-head{max-width:760px;color:#f3efe8}.pet-catalog-head h1{font-family:"Times New Roman",serif;font-size:clamp(40px,6vw,64px);margin:6px 0 12px}.pet-catalog-head p{font-size:18px;line-height:1.55}.pet-catalog-search{display:flex;gap:10px;margin:26px 0 30px}.pet-catalog-search input{flex:1;min-width:0;padding:14px 16px;border:1px solid #d9d2c4;border-radius:12px;background:#f4f1ea}.pet-catalog-search button{padding:12px 20px;border:0;border-radius:12px;background:#c7ae7b;font-weight:700}.pet-catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.pet-catalog-card{display:block;overflow:hidden;border-radius:20px;background:#f4f1ea;color:#232323!important;text-decoration:none!important}.pet-catalog-card img{width:100%;aspect-ratio:4/3;display:block;object-fit:cover}.pet-catalog-card>div{padding:18px}.pet-catalog-card h2{margin:6px 0 6px;font-family:"Times New Roman",serif;font-size:28px}.pet-catalog-card p{min-height:24px;margin:0 0 14px;color:#5d5a55}.pet-catalog-card>div>span:last-child{font-weight:700}.pet-catalog-lost{display:inline-block;padding:5px 9px;border-radius:999px;background:#b6544b;color:#fff;font-size:12px;font-weight:700}.pet-empty{color:#f3efe8}@media(max-width:850px){.pet-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.pet-catalog{padding-top:32px}.pet-catalog-grid{grid-template-columns:1fr}.pet-catalog-search{flex-direction:column}}

/* MEMORIST 5.6.0 — full pet profile */
.mpet{--pbg:#17231e;--pdark:#0e1915;--pcard:#f4f0e7;--pink:#b8a176;--pgreen:#607965;--pred:#b6544b;background:linear-gradient(180deg,#17231e,#0f1c17);color:#20251f;padding-bottom:0}.mpet *{box-sizing:border-box}.mpet-shell{width:min(1180px,calc(100% - 32px));margin:auto}.mpet-nav{position:sticky;top:0;z-index:30;background:rgba(14,25,21,.94);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.09)}.mpet-nav .mpet-shell{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:20px}.mpet-nav a{color:#f7f0e4;text-decoration:none}.mpet-nav>a,.mpet-nav .mpet-shell>a{font-family:"Times New Roman",serif;font-size:25px;color:#d6bd8a}.mpet-nav .mpet-shell>div{display:flex;gap:20px;font-size:13px}.mpet-lost{background:var(--pred);color:#fff;padding:18px 0}.mpet-lost .mpet-shell{display:flex;align-items:center;justify-content:space-between;gap:20px}.mpet-lost b{font-size:24px}.mpet-lost p{margin:4px 0 0}.mpet-hero{padding:34px 0 22px}.mpet-hero-grid{display:grid;grid-template-columns:1.05fr .85fr .78fr;gap:14px}.mpet-hero figure,.mpet-intro,.mpet-qr{margin:0;border-radius:20px;overflow:hidden;min-height:360px}.mpet-hero figure{position:relative}.mpet-hero figure>img{width:100%;height:100%;object-fit:cover;display:block}.mpet-hero figcaption{position:absolute;left:22px;bottom:20px;color:#fff;font:italic 20px Georgia,serif;text-shadow:0 2px 8px #000}.mpet-intro{background:linear-gradient(145deg,#1d3329,#0e1a15);padding:28px;color:#f7f0e4;border:1px solid rgba(255,255,255,.08)}.mpet-eyebrow{font-size:11px;letter-spacing:.18em;color:#d5bd8d}.mpet-intro h1{font:700 clamp(44px,6vw,72px)/.95 Georgia,serif;margin:12px 0 4px;color:#fff}.mpet-intro h2{font:400 21px Georgia,serif;margin:0 0 24px;color:#e6d7ba}.mpet-meta{display:grid;gap:11px;font-size:14px}.mpet-intro blockquote{margin:24px 0 0;padding:15px 16px;border:1px solid rgba(255,255,255,.15);border-radius:12px;font-size:15px}.mpet-qr{background:linear-gradient(160deg,#13251d,#0b1612);padding:24px;color:#fff;text-align:center;border:1px solid rgba(255,255,255,.08)}.mpet-qr>img{width:170px;height:170px;background:#fff;padding:9px;border-radius:18px;margin:0 auto 13px}.mpet-qr strong,.mpet-qr small{display:block}.mpet-qr small{opacity:.6;word-break:break-all;margin:5px 0 14px;font-size:10px}.mpet-actions{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.mpet-actions a,.mpet-actions button,.mpet-soft-btn{border:0;border-radius:10px;background:var(--pgreen);color:#fff!important;text-decoration:none;padding:11px 15px;font-weight:700;cursor:pointer}.mpet-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding-bottom:34px}.mpet-card{background:var(--pcard);border-radius:18px;padding:22px;box-shadow:0 12px 35px rgba(0,0,0,.12)}.mpet-card h2{font:700 24px Georgia,serif;margin:0 0 14px;color:#173025}.mpet-card p{line-height:1.6}.mpet-wide{grid-column:1/-1}.mpet-chips{display:flex;flex-wrap:wrap;gap:8px}.mpet-chips span{padding:7px 10px;border:1px solid #d6d0c5;border-radius:999px;background:#faf8f2;font-size:13px}.mpet-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px}.mpet-mini span{display:grid;place-items:center;min-height:82px;background:#ebe5d9;border-radius:12px;font-size:28px}.mpet-mini b{font-size:12px}.mpet-title-row{display:flex;align-items:center;justify-content:space-between;gap:15px}.mpet-title-row>span{font-size:12px;opacity:.6}.mpet-health{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.mpet-health>div{background:#e9e4d9;border-radius:12px;padding:14px}.mpet-health small{font-weight:700;color:#496251}.mpet-health p{font-size:13px;margin:7px 0 0}.mpet-note{font-size:12px!important;opacity:.62;margin-bottom:0}.mpet-pedigree{display:grid;grid-template-columns:1fr 1.1fr 1fr;align-items:end;text-align:center;gap:28px;position:relative}.mpet-pedigree img{width:150px;height:150px;border-radius:18px;object-fit:cover;display:block;margin:0 auto 9px}.mpet-pedigree .mpet-child img{width:190px;height:190px;border-radius:50%;border:6px solid #ded4c0}.mpet-pedigree small,.mpet-pedigree b{display:block}.mpet-pedigree small{font-size:12px;opacity:.6}.mpet-pedigree b{font:700 20px Georgia,serif}.mpet-photos{display:grid;grid-template-columns:1.3fr 1fr;grid-template-rows:130px 130px;gap:7px}.mpet-photos a:first-child{grid-row:1/-1}.mpet-photos img{width:100%;height:100%;object-fit:cover;border-radius:10px;display:block}.mpet-video-cover{position:relative;display:block;height:267px}.mpet-video-cover img{width:100%;height:100%;object-fit:cover;border-radius:12px}.mpet-video-cover span{position:absolute;inset:0;margin:auto;width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:rgba(14,25,21,.75);color:#fff;font-size:25px}.mpet-docs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:15px}.mpet-docs span{padding:20px 8px;text-align:center;background:#e9e4d9;border-radius:10px;font-size:12px}.mpet-cta{background:#0a1511;color:#f5eee1;padding:34px 0;border-top:1px solid rgba(255,255,255,.08)}.mpet-cta .mpet-shell{display:flex;align-items:center;justify-content:space-between;gap:30px}.mpet-cta h2{font:700 30px Georgia,serif;margin:4px 0}.mpet-cta p{margin:0;opacity:.72}.mpet-cta a{background:#c7ae7b;color:#17231e;text-decoration:none;padding:15px 20px;border-radius:999px;font-weight:800;white-space:nowrap}
@media(max-width:900px){.mpet-hero-grid{grid-template-columns:1fr 1fr}.mpet-qr{grid-column:1/-1;min-height:0}.mpet-health{grid-template-columns:repeat(2,1fr)}.mpet-nav .mpet-shell>div{display:none}}
@media(max-width:650px){.mpet-shell{width:min(100% - 20px,1180px)}.mpet-hero-grid,.mpet-grid{grid-template-columns:1fr}.mpet-hero figure,.mpet-intro,.mpet-qr{min-height:0}.mpet-hero figure{height:390px}.mpet-wide{grid-column:auto}.mpet-health{grid-template-columns:1fr 1fr}.mpet-pedigree{grid-template-columns:1fr 1fr;gap:15px}.mpet-pedigree .mpet-child{grid-column:1/-1;grid-row:2}.mpet-pedigree img{width:105px;height:105px}.mpet-pedigree .mpet-child img{width:145px;height:145px}.mpet-lost .mpet-shell,.mpet-cta .mpet-shell{align-items:flex-start;flex-direction:column}.mpet-mini{grid-template-columns:repeat(3,1fr)}.mpet-photos{grid-template-rows:110px 110px}.mpet-cta a{white-space:normal}.mpet-health>div{padding:11px}}
/* MEMORIST 5.6.1 — PET PROFILE VISUAL MATCH */
.mpet-v561{--bg:#102019;--bg2:#162a21;--card:#f4efe4;--ink:#1c2a23;--muted:#6e746e;--gold:#c8aa76;--green:#55765f;--red:#b94e4d;background:radial-gradient(circle at 70% 0,#243b28 0,#102019 38%,#0b1712 100%)!important;color:#f7f1e6!important;min-height:100vh}.mpet-v561 .mpet-shell{width:min(1280px,calc(100% - 28px))}.mpet-v561 .mpet-nav{background:rgba(9,23,17,.96)!important}.mpet-v561 .mpet-brand{display:flex;flex-direction:column;font:700 26px Georgia,serif!important;color:var(--gold)!important}.mpet-v561 .mpet-brand small{font:10px Arial,sans-serif;color:#eee!important}.mpet-v561 .mpet-lang{border:1px solid #708076;border-radius:999px;padding:7px 12px;font-size:11px}.mpet-layout{display:grid;grid-template-columns:92px 1fr;gap:16px;padding:18px 0 34px}.mpet-side{position:sticky;top:76px;align-self:start;background:#14271f;border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:10px 6px;display:grid;gap:4px}.mpet-side a{color:#f3ecdf!important;text-decoration:none!important;display:grid;place-items:center;gap:3px;padding:8px 2px;border-radius:10px;font-size:18px}.mpet-side a:hover{background:#294235}.mpet-side span{font-size:9px;text-align:center}.mpet-content{min-width:0}.mpet-v561 .mpet-hero-grid{display:grid;grid-template-columns:1.1fr .85fr .95fr;gap:10px}.mpet-v561 .mpet-hero-photo,.mpet-v561 .mpet-intro,.mpet-v561 .mpet-qr{min-height:330px!important;border-radius:16px!important}.mpet-v561 .mpet-hero-photo{margin:0;overflow:hidden}.mpet-v561 .mpet-hero-photo img{width:100%;height:100%;object-fit:cover;display:block}.mpet-v561 .mpet-intro{padding:26px!important;background:linear-gradient(145deg,#1d3529,#0e1b15)!important;color:#fff!important}.mpet-v561 .mpet-intro *{color:#fff!important}.mpet-v561 .mpet-intro h1{font-size:56px!important;margin:10px 0 2px!important}.mpet-v561 .mpet-intro h1 em{color:var(--gold)!important;font-style:normal;font-size:24px}.mpet-v561 .mpet-intro h2{font-size:20px!important;color:#e8dcc5!important}.mpet-v561 .mpet-qr{background:linear-gradient(150deg,#14271e,#0b1611)!important;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff!important}.mpet-tag{background:linear-gradient(145deg,#d8b88b,#aa805a);border-radius:50%;width:190px;height:190px;display:grid;place-items:center;box-shadow:0 15px 35px #0006}.mpet-tag img{width:120px;height:120px;background:#fff;padding:6px}.mpet-tag b{font-size:10px;color:#241b13!important;margin-top:-20px}.mpet-v561 .mpet-qr p{color:#fff!important;font:italic 16px Georgia,serif}.mpet-dashboard{display:grid;grid-template-columns:1fr 1fr .82fr;gap:10px;margin-top:10px}.mpet-v561 .mpet-card{background:var(--card)!important;color:var(--ink)!important;border-radius:14px!important;padding:18px!important;box-shadow:none!important;min-width:0}.mpet-v561 .mpet-card *{color:var(--ink)}.mpet-v561 .mpet-card h2{font:700 20px Georgia,serif!important;color:#193227!important;margin:0 0 12px!important}.mpet-v561 .mpet-card p,.mpet-v561 .mpet-card li,.mpet-v561 .mpet-card blockquote{font-size:13px!important;line-height:1.48!important}.mpet-v561 .mpet-alert{background:linear-gradient(135deg,#c75a56,#a94145)!important;color:#fff!important}.mpet-v561 .mpet-alert *{color:#fff!important}.mpet-alert a{display:block;background:#6d9176;color:#fff!important;text-align:center;padding:10px;border-radius:8px;text-decoration:none;margin-top:8px;font-weight:700}.mpet-alert a.outline{background:transparent;border:1px solid #fff}.mpet-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.mpet-heading small{font-size:10px!important;color:#697269!important}.mpet-photo-row{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.mpet-photo-row figure{margin:0}.mpet-photo-row img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:8px;display:block}.mpet-photo-row figcaption{text-align:center;font-size:10px;color:#26352d;margin-top:5px}.mpet-about ul{padding:0;list-style:none;margin:0;display:grid;gap:8px}.mpet-health-card{grid-column:1/3}.mpet-health-card .mpet-health{display:grid;grid-template-columns:1fr 1fr;gap:16px}.mpet-health-card .mpet-health>div{background:transparent!important;padding:0!important}.mpet-health-card h3{font:700 15px Georgia,serif;color:#20382c;margin:8px 0}.mpet-health-card p{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #ddd4c4;padding:5px 0;margin:0!important}.mpet-pedigree-card{grid-column:3}.mpet-pedigree{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;align-items:start!important}.mpet-pedigree>div{display:flex;gap:8px;align-items:center;text-align:left}.mpet-pedigree img{width:76px!important;height:76px!important;border-radius:9px!important;object-fit:cover;margin:0!important}.mpet-pedigree .mpet-child{grid-column:1/-1;justify-content:center;flex-direction:column;text-align:center}.mpet-pedigree .mpet-child img{width:126px!important;height:126px!important;border-radius:50%!important;border:4px solid #d4c2a0}.mpet-pedigree p{margin:0}.mpet-pedigree small,.mpet-pedigree b{display:block!important}.mpet-gallery-v561{display:grid;grid-template-columns:1.15fr .8fr .8fr;grid-template-rows:95px 95px;gap:5px}.mpet-gallery-v561 a:first-child{grid-row:1/-1}.mpet-gallery-v561 img{width:100%;height:100%;object-fit:cover;border-radius:7px;display:block}.mpet-video-v561{position:relative;display:block;height:195px}.mpet-video-v561 img{width:100%;height:100%;object-fit:cover;border-radius:8px}.mpet-video-v561 span{position:absolute;inset:0;margin:auto;width:48px;height:48px;background:#17231dcc;border-radius:50%;display:grid;place-items:center;color:#fff!important}.mpet-video-v561 b{position:absolute;right:8px;bottom:8px;background:#111c;color:#fff!important;padding:4px 6px;border-radius:5px}.mpet-family{width:100%;height:140px;object-fit:cover;border-radius:8px}.mpet-family-caption{text-align:center;margin:8px 0 0!important}.mpet-v561 .mpet-docs{grid-template-columns:repeat(4,1fr)!important}.mpet-v561 .mpet-docs span{display:grid;place-items:center;gap:3px;padding:15px 5px!important;background:#ece5d7!important}.mpet-v561 .mpet-docs b{font-size:10px}.mpet-v561 .mpet-docs small{font-size:9px}.mpet-closing{position:relative;overflow:hidden;min-height:210px;padding:0!important}.mpet-closing img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.mpet-closing:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#122019cc,transparent)}.mpet-closing p{position:absolute;z-index:2;left:18px;bottom:18px;color:#fff!important;font:italic 20px Georgia,serif!important}.mpet-v561 .mpet-cta{background:#09140f!important}.mpet-v561 .mpet-cta *{color:#f5eee1!important}.mpet-v561 .mpet-cta a{color:#17231e!important}
@media(max-width:980px){.mpet-layout{grid-template-columns:1fr}.mpet-side{display:none}.mpet-v561 .mpet-hero-grid{grid-template-columns:1fr 1fr}.mpet-v561 .mpet-qr{grid-column:1/-1;min-height:260px!important}.mpet-dashboard{grid-template-columns:1fr 1fr}.mpet-health-card,.mpet-pedigree-card{grid-column:auto}.mpet-pedigree-card{grid-column:1/-1}}
@media(max-width:650px){.mpet-v561 .mpet-hero-grid,.mpet-dashboard{grid-template-columns:1fr}.mpet-v561 .mpet-hero-photo{height:360px}.mpet-health-card,.mpet-pedigree-card{grid-column:auto}.mpet-photo-row{grid-template-columns:repeat(2,1fr)}.mpet-v561 .mpet-docs{grid-template-columns:repeat(2,1fr)!important}.mpet-v561 .mpet-intro h1{font-size:44px!important}.mpet-health-card .mpet-health{grid-template-columns:1fr}.mpet-tag{width:160px;height:160px}.mpet-tag img{width:100px;height:100px}.mpet-v561 .mpet-nav .mpet-shell>div{display:none}.mpet-lang{display:none}}

/* MEMORIST 5.6.2 — unified pet catalogue with Life Story catalogue */
.pet-unified-catalog .life-catalog-grid{grid-template-columns:minmax(240px,320px);justify-content:center}
.pet-unified-card small{margin-top:7px;color:rgba(255,255,255,.78);font-size:14px}
.pet-unified-catalog .pet-empty-card{width:min(100%,320px);margin:0 auto}

/* =========================================================
   MEMORIST 5.6.9 — PET REFERENCE / approved assets only
   Clean isolated component set to avoid legacy PET collisions.
   ========================================================= */
body:has(.mpet-v569){background:#241C18!important}
body:has(.mpet-v569) .header{background:#17110e!important;border-bottom:1px solid rgba(211,168,95,.24)!important}
body:has(.mpet-v569) .header-inner{max-width:1240px!important}
body:has(.mpet-v569) .header .nav{gap:42px!important}
body:has(.mpet-v569) .header .nav a{color:#f3dfc7!important;font-weight:600}
body:has(.mpet-v569) .header .nav a:hover{color:#d9ad6d!important}
body:has(.mpet-v569) .header .lang{margin-left:20px}
body:has(.mpet-v569) .footer{background:#17110e!important;border-top-color:rgba(211,168,95,.22)!important}

.mpet-v569{--pbg:#241C18;--pbg2:#2e211a;--card:#E9D5B8;--card2:#DFC19C;--accent:#B88052;--accent2:#D1A05F;--ink:#2A221C;--muted:#755d4c;--cream:#f5e6cf;--line:rgba(94,62,39,.20);--red:#c64743;background:radial-gradient(circle at 15% 0,#3a2b21 0,#241C18 38%,#1b1512 100%);color:var(--ink);min-height:100vh;padding:18px 0 52px}
.mpet-v569 *{box-sizing:border-box}
.mpet-v569 .lang-ru,.mpet-v569 .lang-kz{display:none!important}
body.lang-ru-active .mpet-v569 .lang-ru{display:revert!important}
body.lang-kz-active .mpet-v569 .lang-kz{display:revert!important}
.p569-shell{width:min(1180px,calc(100% - 28px));margin:0 auto}
.p569-hero{display:grid;grid-template-columns:1.08fr .82fr .88fr;gap:12px;align-items:stretch}
.p569-hero-photo,.p569-intro,.p569-tag-card{min-height:360px;border-radius:26px;overflow:hidden;border:1px solid rgba(218,174,111,.22);box-shadow:0 18px 50px rgba(0,0,0,.22)}
.p569-hero-photo{position:relative;margin:0;background:#17120f}
.p569-hero-photo img{width:100%;height:100%;display:block;object-fit:cover}
.p569-hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(20,13,9,.48) 100%)}
.p569-hero-script{position:absolute;z-index:2;left:24px;bottom:24px;color:#fff7eb!important;font:italic 28px/1.05 Georgia,serif;text-shadow:0 3px 12px #0007;transform:rotate(-3deg)}
.p569-intro{background:linear-gradient(145deg,#4b3426,#2c211b 70%,#221913);padding:32px 28px;color:#fff7eb;display:flex;flex-direction:column;justify-content:center}
.p569-kicker{font:700 11px/1.2 Arial,sans-serif;letter-spacing:.16em;color:#d3a85f;margin-bottom:8px}
.p569-intro h1{margin:0;color:#fff2dd;font:700 clamp(48px,5vw,72px)/.96 Georgia,serif;letter-spacing:-.025em}.p569-intro h1 span{font-size:.33em;color:#d3a85f;margin-left:8px}
.p569-intro h2{margin:8px 0 18px;color:#e8c796;font:700 18px/1.25 Georgia,serif}
.p569-facts{display:grid;gap:9px;font-size:13px;color:#f0e1cf}.p569-facts>span{display:block}
.p569-intro blockquote{margin:22px 0 0;padding:14px 16px;border:1px solid rgba(226,188,132,.36);border-radius:14px;background:rgba(255,255,255,.035);color:#fff5e7;font:600 14px/1.45 Arial,sans-serif}

.p569-tag-card{background:radial-gradient(circle at 50% 20%,#284439 0,#182d25 48%,#102019 100%);padding:18px 22px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff8ed;text-align:center;position:relative}
.p569-tag-wrap{width:208px;height:230px;position:relative;display:grid;place-items:end center;margin-top:-4px}
.p569-ring{position:absolute;border:5px solid #ad7547;border-radius:50%;box-shadow:inset 0 0 0 2px #e1bd85,0 4px 7px #0006}.p569-ring-top{width:54px;height:72px;top:0;left:77px}.p569-ring-mid{width:42px;height:42px;top:38px;left:83px;background:transparent}
.p569-tag-disc{position:relative;z-index:2;width:190px;height:190px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 35% 27%,#f4d8b4 0,#d8ad7d 48%,#a66c41 100%);border:4px solid #e2bb84;box-shadow:inset 0 0 0 2px rgba(255,255,255,.35),0 18px 38px #0007}
.p569-tag-disc:before{content:"";position:absolute;width:26px;height:26px;border-radius:50%;top:5px;background:#2c211b;border:3px solid #d8ad7d;box-shadow:inset 0 0 0 2px #111}
.p569-tag-disc img{width:105px;height:105px;object-fit:contain;background:#fff7ea;padding:4px;margin-top:12px;box-shadow:0 4px 10px #0002}
.p569-tag-disc strong{font:800 11px/1 Arial,sans-serif;letter-spacing:.16em;color:#2b1d15;margin-top:6px}.p569-paw{width:23px;height:20px;margin-top:3px;fill:#2b1d15}
.p569-tag-copy{margin:2px 0 5px;color:#fff7eb;font:italic 16px/1.18 Georgia,serif}.p569-scan{font:700 12px/1.2 Arial,sans-serif;color:#e7caa2;margin-bottom:12px}
.p569-tag-actions{display:flex;gap:8px;width:100%;justify-content:center}.p569-tag-actions button,.p569-tag-actions a{border:1px solid rgba(244,218,180,.35);border-radius:999px;padding:10px 13px;background:#6f8c74;color:#fff!important;text-decoration:none;font:700 11px/1 Arial,sans-serif;cursor:pointer}.p569-tag-actions a{background:#e6cfac;color:#302219!important}

.p569-nav{margin:14px 0 16px;padding:8px;display:flex;justify-content:center;gap:8px;overflow-x:auto;background:#2d2118;border:1px solid rgba(211,168,95,.28);border-radius:18px;box-shadow:0 12px 30px #0003;scrollbar-width:none;position:sticky;top:6px;z-index:30}.p569-nav::-webkit-scrollbar{display:none}.p569-nav a{flex:0 0 auto;min-width:116px;text-decoration:none!important;color:#f6e5cf!important;padding:9px 12px;border-radius:13px;border:1px solid rgba(211,168,95,.16);display:flex;align-items:center;justify-content:center;gap:7px;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.015));font:700 12px/1.1 Arial,sans-serif;transition:.2s}.p569-nav a i{font-style:normal;font-size:17px}.p569-nav a:hover{background:#5a402d;border-color:#d3a85f;transform:translateY(-1px)}

.p569-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:12px}.p569-card{background:linear-gradient(145deg,var(--card),#f0dfc7);border:1px solid rgba(109,73,47,.16);border-radius:22px;padding:24px;color:var(--ink);box-shadow:0 10px 28px rgba(0,0,0,.14);min-width:0}.p569-card h2{margin:0;color:#34261e;font:700 27px/1.1 Georgia,serif}.p569-card p{color:#4a3a2f;font-size:14px;line-height:1.6}.p569-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.p569-whisper{color:#8a6c55;font:italic 12px/1.35 Georgia,serif;max-width:260px;text-align:right}.p569-link-btn{border:0;background:transparent;color:#8e623f;font:700 11px/1 Arial,sans-serif;cursor:pointer;white-space:nowrap;padding:7px 0}.p569-link-btn:hover{text-decoration:underline}
.p569-story{grid-column:1/-1}.p569-story-copy{max-width:970px;margin:0 auto}.p569-story-copy p{margin:0 0 12px;font-size:15px;line-height:1.66}.p569-story-copy p:last-child{font:700 17px/1.5 Georgia,serif;color:#6c4329;margin-bottom:0}
.p569-character{grid-column:span 8}.p569-character>p{margin:0 0 16px}.p569-char-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.p569-char{display:flex;align-items:center;gap:10px;min-height:82px;padding:12px;border-radius:15px;background:rgba(255,249,239,.52);border:1px solid rgba(130,88,56,.18)}.p569-char i{font-style:normal;font-size:24px}.p569-char b,.p569-char small{display:block}.p569-char b{font-size:14px;color:#3c2d24}.p569-char small{font-size:11px;color:#816650;margin-top:3px}
.p569-sos-card{grid-column:span 4;display:grid;grid-template-columns:84px 1fr;gap:12px 14px;align-items:center;background:linear-gradient(145deg,#f0d7c9,#ead0c1)}.p569-sos{width:78px;height:78px;border-radius:50%;border:6px solid #f4c5bd;background:var(--red);color:#fff;font:800 20px/1 Arial,sans-serif;box-shadow:0 8px 22px rgba(139,38,35,.22);cursor:pointer}.p569-sos-card h2{font-size:25px;color:#8b302d}.p569-sos-card p{margin:7px 0 0;font-size:12px;line-height:1.45}.p569-owner-btn{grid-column:1/-1;border:0;border-radius:999px;padding:11px 16px;background:#6f8b73;color:#fff;font-weight:800;cursor:pointer}.p569-owner-actions{grid-column:1/-1;display:flex;gap:8px}.p569-owner-actions[hidden]{display:none!important}.p569-owner-actions a{flex:1;padding:10px;border-radius:999px;text-align:center;text-decoration:none;background:#3d5a47;color:#fff!important;font-weight:800}
.p569-carousel-card{grid-column:span 6}.p569-carousel{position:relative;padding:0 28px}.p569-rail{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:2px 1px 8px}.p569-rail::-webkit-scrollbar{display:none}.p569-rail figure{flex:0 0 calc(33.333% - 7px);min-width:145px;margin:0;scroll-snap-align:start;cursor:zoom-in}.p569-rail img{width:100%;aspect-ratio:1/1;display:block;object-fit:cover;border-radius:14px;border:1px solid rgba(99,66,43,.16);box-shadow:0 6px 15px #0001}.p569-rail figcaption{margin-top:7px;color:#614b3b;font:600 11px/1.35 Arial,sans-serif;text-align:center}.p569-arrow{position:absolute;z-index:2;top:37%;transform:translateY(-50%);width:34px;height:52px;border:1px solid rgba(98,65,43,.25);border-radius:999px;background:#6e4c34;color:#fff;font-size:26px;cursor:pointer;box-shadow:0 5px 15px #0002}.p569-prev{left:-5px}.p569-next{right:-5px}
.p569-about{grid-column:span 7}.p569-about-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.p569-about-grid>div{min-height:118px;padding:13px 9px;border-radius:15px;background:rgba(255,249,239,.48);border:1px solid rgba(128,84,53,.16);text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.p569-about-grid i{font-style:normal;font-size:24px;margin-bottom:6px}.p569-about-grid b,.p569-about-grid small{display:block}.p569-about-grid b{font-size:12px;color:#412f24}.p569-about-grid small{font-size:10px;color:#806652;margin-top:4px}
.p569-pedigree{grid-column:span 5}.p569-tree{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:10px 24px;align-items:start;justify-items:center;padding:2px 12px 0}.p569-parent,.p569-child{text-align:center;position:relative;z-index:2}.p569-parent img{width:84px;height:84px;border-radius:18px;object-fit:cover;border:3px solid #b88052}.p569-child{grid-column:1/-1;margin-top:6px}.p569-child img{width:108px;height:108px;border-radius:50%;object-fit:cover;border:4px solid #b88052}.p569-tree small,.p569-tree b{display:block}.p569-tree small{font-size:10px;color:#8a6c55;margin-top:3px}.p569-tree b{font-size:13px;color:#3c2c22}.p569-tree-line{position:absolute;left:25%;right:25%;top:95px;height:72px;border-top:1px solid #aa7954;border-left:1px solid #aa7954;border-right:1px solid #aa7954}.p569-tree-line:after{content:"";position:absolute;left:50%;top:0;height:74px;border-left:1px solid #aa7954}
.p569-gallery{grid-column:span 7}.p569-gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.p569-gallery-grid figure{margin:0;overflow:hidden;border-radius:14px;cursor:zoom-in;background:#37271e}.p569-gallery-grid img{width:100%;height:165px;display:block;object-fit:cover;transition:.2s}.p569-gallery-grid figure:hover img{transform:scale(1.025)}
.p569-video{grid-column:span 5}.p569-duration{padding:5px 9px;border-radius:999px;background:#dab78d;color:#5f422e;font:800 11px/1 Arial,sans-serif}.p569-video video{width:100%;aspect-ratio:16/9;display:block;object-fit:cover;border-radius:15px;background:#111;box-shadow:0 7px 18px #0002}.p569-video-note{margin:10px 0 0!important;font-size:12px!important;font-style:italic;color:#7d624e!important}
.p569-family{grid-column:span 6}.p569-family-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.p569-family-grid>div{text-align:center}.p569-family-grid img{width:92px;height:92px;border-radius:50%;display:block;object-fit:cover;margin:0 auto 8px;border:4px solid #b88052;box-shadow:0 6px 16px #0002;background:#fff}.p569-family-grid b,.p569-family-grid small{display:block}.p569-family-grid b{color:#3d2d23;font-size:14px}.p569-family-grid small{color:#7d614c;font-size:10px;margin-top:3px}
.p569-docs{grid-column:span 6}.p569-health-strip button{width:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;text-align:left;border:1px solid #b98b61;background:#f0ddc3;border-radius:14px;padding:12px 14px;color:#33251d;cursor:pointer}.p569-health-strip i{font-style:normal;font-size:22px}.p569-health-strip b,.p569-health-strip small{display:block}.p569-health-strip small{font-size:10px;color:#765e4d;margin-top:3px}.p569-health-strip em{font-style:normal;font-size:24px;color:#8a6042}.p569-doc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:9px}.p569-doc-grid button{min-height:88px;border:1px solid rgba(133,89,56,.18);border-radius:13px;background:rgba(255,249,239,.46);color:#35271e;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;padding:8px}.p569-doc-grid i{font-style:normal;font-size:19px}.p569-doc-grid b{font-size:10px;line-height:1.2}.p569-doc-grid small{font-size:9px;color:#8b6c55}
.p569-memories{grid-column:1/-1;text-align:center;padding:20px 24px}.p569-memories blockquote{margin:10px auto 14px;max-width:760px;color:#5d4637;font:italic 16px/1.5 Georgia,serif}.p569-memories button{border:0;border-radius:999px;background:#7a6049;color:#fff;padding:11px 18px;font-weight:800;cursor:pointer}
.p569-closing{grid-column:1/-1;min-height:330px;position:relative;border-radius:24px;overflow:hidden;border:1px solid rgba(218,174,111,.22);box-shadow:0 16px 40px #0003}.p569-closing img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.p569-closing-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(28,18,13,.72),rgba(28,18,13,.13) 58%,transparent)}.p569-closing p{position:absolute;z-index:2;left:38px;top:50%;transform:translateY(-50%);margin:0;color:#fff8ec;font:italic 34px/1.12 Georgia,serif;text-shadow:0 4px 15px #0008}

.p569-modal[hidden]{display:none!important}.p569-modal{position:fixed;inset:0;z-index:100000;background:rgba(15,9,6,.88);display:grid;place-items:center;padding:22px;backdrop-filter:blur(5px)}.p569-modal-card{position:relative;width:min(820px,100%);max-height:90vh;overflow:auto;background:#efd9bb;color:#302219;border:1px solid #b88052;border-radius:22px;padding:24px;box-shadow:0 28px 90px #0008}.p569-modal-close{position:absolute;right:12px;top:10px;z-index:3;width:38px;height:38px;border:0;border-radius:50%;background:#38261c;color:#fff;font-size:25px;cursor:pointer}.p569-lightbox{position:relative;text-align:center;padding:8px 54px 0}.p569-lightbox img{width:100%;max-height:70vh;object-fit:contain;border-radius:14px;background:#1d1511}.p569-lightbox p{margin:10px 0 2px;font:600 14px/1.4 Arial,sans-serif}.p569-lightbox small{color:#7d614c}.p569-lb-prev,.p569-lb-next{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:54px;border:0;border-radius:999px;background:#3e2b20;color:#fff;font-size:34px;cursor:pointer}.p569-lb-prev{left:0}.p569-lb-next{right:0}

/* Catalogue: keep 5.6.2 geometry; ONLY lower the existing text cluster slightly. */
body:has(.pet-unified-catalog) .pet-unified-card .life-catalog-card-copy{padding:10px 12px 5px!important;gap:4px!important}

@media(max-width:980px){
 body:has(.mpet-v569) .header .nav{gap:24px!important}
 .p569-hero{grid-template-columns:1fr 1fr}.p569-tag-card{grid-column:1/-1;min-height:300px}
 .p569-character,.p569-sos-card,.p569-carousel-card,.p569-about,.p569-pedigree,.p569-gallery,.p569-video,.p569-family,.p569-docs{grid-column:span 6}
 .p569-about-grid{grid-template-columns:repeat(3,1fr)}
 .p569-family-grid{grid-template-columns:repeat(2,1fr)}
 .p569-doc-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:680px){
 body:has(.mpet-v569) .header-inner{padding-top:10px!important;padding-bottom:10px!important}
 body:has(.mpet-v569) .header .nav{gap:18px!important;justify-content:center!important}
 body:has(.mpet-v569) .header .nav a{font-size:12px!important}
 .mpet-v569{padding-top:10px}.p569-shell{width:min(100% - 18px,1180px)}
 .p569-hero{grid-template-columns:1fr;gap:9px}.p569-hero-photo{height:390px;min-height:0}.p569-intro,.p569-tag-card{min-height:0}.p569-intro{padding:24px 20px}.p569-intro h1{font-size:52px}.p569-tag-card{grid-column:auto;padding:16px 14px 20px}.p569-tag-wrap{transform:scale(.88);margin:-16px 0 -15px}.p569-tag-actions{flex-wrap:wrap}.p569-tag-actions>*{flex:1 1 130px}
 .p569-nav{justify-content:flex-start;top:3px;padding:7px;gap:6px}.p569-nav a{min-width:82px;flex-direction:column;gap:3px;padding:8px 8px;font-size:10px}.p569-nav a i{font-size:18px}
 .p569-grid{grid-template-columns:1fr}.p569-story,.p569-character,.p569-sos-card,.p569-carousel-card,.p569-about,.p569-pedigree,.p569-gallery,.p569-video,.p569-family,.p569-docs,.p569-memories,.p569-closing{grid-column:auto}.p569-card{padding:18px;border-radius:18px}.p569-card h2{font-size:23px}.p569-title-row{display:block}.p569-whisper{display:block!important;text-align:left;max-width:none;margin-top:6px}.p569-link-btn{margin-top:4px}
 .p569-char-grid{grid-template-columns:1fr 1fr}.p569-char{min-height:76px;padding:10px}.p569-sos-card{grid-template-columns:74px 1fr}.p569-sos{width:70px;height:70px}
 .p569-rail figure{flex-basis:78%;min-width:215px}.p569-carousel{padding:0 25px}.p569-arrow{width:30px;height:44px}
 .p569-about-grid{grid-template-columns:1fr 1fr}.p569-about-grid>div{min-height:102px}.p569-tree{padding-top:2px}.p569-parent img{width:76px;height:76px}.p569-child img{width:96px;height:96px}.p569-tree-line{top:87px;height:67px}.p569-tree-line:after{height:68px}
 .p569-gallery-grid{grid-template-columns:1fr 1fr}.p569-gallery-grid img{height:160px}.p569-family-grid{grid-template-columns:repeat(2,1fr);gap:16px}.p569-family-grid img{width:88px;height:88px}.p569-doc-grid{grid-template-columns:1fr 1fr}
 .p569-closing{min-height:265px}.p569-closing p{left:22px;font-size:27px}.p569-lightbox{padding:48px 0 0}.p569-lb-prev,.p569-lb-next{top:0;transform:none}.p569-lb-prev{left:calc(50% - 54px)}.p569-lb-next{right:calc(50% - 54px)}
 body:has(.pet-unified-catalog) .pet-unified-card .life-catalog-card-copy{padding-bottom:4px!important}
}

/* =========================================================
   MEMORIST 5.6.11 — RICHI SELECTED FIXES ONLY
   ========================================================= */

/* 1) Catalogue: keep existing card; only move badge + name slightly lower. */
body:has(.pet-unified-catalog) .pet-unified-card .life-catalog-demo-badge{
  transform:translateY(7px)!important;
  margin-bottom:7px!important;
}
body:has(.pet-unified-catalog) .pet-unified-card .life-catalog-card-copy strong{
  transform:translateY(4px);
}

/* 2) Replace pendant presentation with the same compact show/download QR pattern used elsewhere. */
.p569-qr-card{
  min-height:360px;
  border-radius:26px;
  overflow:hidden;
  border:1px solid rgba(218,174,111,.24);
  box-shadow:0 18px 50px rgba(0,0,0,.22);
  background:linear-gradient(145deg,#4b3426 0%,#34251d 58%,#241914 100%);
  color:#fff3e2;
  padding:30px 26px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  text-align:center;
}
.p569-qr-copy h2{
  margin:6px 0 10px;
  color:#fff2dd;
  font:700 27px/1.15 Georgia,serif;
}
.p569-qr-copy p{
  margin:0 auto 18px;
  max-width:310px;
  color:#e8d7c2;
  font-size:13px;
  line-height:1.5;
}
.p569-qr-actions{
  width:100%;
  display:flex;
  gap:9px;
  justify-content:center;
}
.p569-qr-actions button,.p569-qr-actions a{
  flex:1 1 0;
  min-width:0;
  max-width:180px;
  padding:11px 14px;
  border:1px solid rgba(231,196,145,.38);
  border-radius:999px;
  background:#6f8c74;
  color:#fff!important;
  text-decoration:none!important;
  font:700 12px/1.2 Arial,sans-serif;
  cursor:pointer;
}
.p569-qr-actions a{
  background:#e6cfac;
  color:#302219!important;
}
.p569-qr-box[hidden]{display:none!important}
.p569-qr-box{
  width:min(100%,250px);
  margin:16px auto 0;
  padding:14px;
  border:1px solid rgba(226,188,132,.34);
  border-radius:14px;
  background:#1f1713;
  text-align:center;
}
.p569-qr-brand{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:8px;
  margin-bottom:10px;
  color:#d8ad73;
  font:700 10px/1 Arial,sans-serif;
  letter-spacing:.16em;
}
.p569-qr-brand span{height:1px;background:rgba(216,173,115,.32)}
.p569-qr-box img{
  width:170px;
  height:170px;
  display:block;
  margin:0 auto 9px;
  padding:7px;
  border-radius:9px;
  background:#fff;
}
.p569-qr-box p{margin:0;color:#d8c7b3;font-size:11px;line-height:1.4}

/* 3) Header navigation: real gaps between the wrapped menu links + language switcher. */
body:has(.mpet-v569) .header .home-nav-row{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:34px!important;
  flex-wrap:nowrap!important;
}
body:has(.mpet-v569) .header .nav{gap:0!important}
body:has(.mpet-v569) .header .lang{margin-left:30px!important}

/* 6) Character: no stretching, no text collisions, tighter cards. */
.p569-character{align-self:start}
.p569-character>p{margin:0 0 14px!important}
.p569-char-grid{align-items:stretch}
.p569-char{
  min-height:74px;
  padding:10px 11px;
  align-items:flex-start;
}
.p569-char>div{min-width:0}
.p569-char b,.p569-char small{
  overflow-wrap:anywhere;
  word-break:normal;
}
.p569-char b{line-height:1.22}
.p569-char small{line-height:1.3}

/* 7) About: stop stretching to pedigree height. Family + documents/health: equal, filled cards. */
.p569-about{align-self:start}
.p569-about-grid{align-content:start}
.p569-about-grid>div{min-height:104px}
.p569-about-grid b,.p569-about-grid small{overflow-wrap:anywhere}
.p569-family,.p569-docs{
  align-self:stretch;
  display:flex;
  flex-direction:column;
}
.p569-family-grid{
  flex:1;
  align-items:center;
  align-content:center;
}
.p569-docs .p569-doc-grid{margin-top:auto}

/* 9) Toys / places arrows: centered on the sides of the image rail, never above it. */
.p569-carousel{position:relative;padding:0 38px}
.p569-arrow{
  top:50%!important;
  transform:translateY(-50%)!important;
  width:34px;
  height:48px;
  border-radius:999px;
  background:#6e4c34;
  border:1px solid rgba(218,174,111,.42);
  box-shadow:0 5px 15px #0002;
}
.p569-prev{left:0!important}
.p569-next{right:0!important}

/* 10) Album: one horizontal strip, compact, no large placeholder area. */
.p569-gallery{align-self:start}
.p569-gallery-grid{
  display:flex!important;
  grid-template-columns:none!important;
  gap:9px;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  scrollbar-width:none;
  padding:1px 1px 7px;
}
.p569-gallery-grid::-webkit-scrollbar{display:none}
.p569-gallery-grid figure{
  flex:0 0 178px;
  margin:0;
  scroll-snap-align:start;
}
.p569-gallery-grid img{
  width:100%;
  height:132px!important;
  object-fit:cover;
  border-radius:12px;
}

/* 12) Closing photo: match image ratio so there is no side air; text low in the corner. */
.p569-closing{
  min-height:0!important;
  aspect-ratio:16/9;
  background:#1b1512;
}
.p569-closing img{
  width:100%;
  height:100%;
  object-fit:cover!important;
  object-position:center center!important;
}
.p569-closing-shade{
  background:linear-gradient(90deg,rgba(28,18,13,.58),rgba(28,18,13,.10) 55%,transparent 78%)!important;
}
.p569-closing p{
  left:30px!important;
  top:auto!important;
  bottom:24px!important;
  transform:none!important;
  max-width:360px;
  margin:0;
}

@media(max-width:980px){
  body:has(.mpet-v569) .header .home-nav-row{gap:24px!important}
  body:has(.mpet-v569) .header .lang{margin-left:20px!important}
}

@media(max-width:680px){
  /* Hero facts: date / city / sex in one row; shrink instead of overlapping. */
  .p569-facts{
    display:grid!important;
    grid-template-columns:minmax(0,1.65fr) minmax(0,.8fr) minmax(0,.8fr)!important;
    gap:6px!important;
    align-items:center;
  }
  .p569-facts>span{
    min-width:0;
    white-space:nowrap;
    font-size:clamp(9px,2.7vw,12px)!important;
    line-height:1.25!important;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .p569-intro h1,.p569-intro h2,.p569-intro blockquote{overflow-wrap:anywhere}

  .p569-qr-card{min-height:0;padding:22px 16px}
  .p569-qr-copy h2{font-size:23px}
  .p569-qr-actions{gap:8px}
  .p569-qr-actions button,.p569-qr-actions a{padding:11px 10px;font-size:11px}

  body:has(.mpet-v569) .header .home-nav-row{
    gap:14px!important;
    flex-wrap:wrap!important;
  }
  body:has(.mpet-v569) .header .lang{margin-left:14px!important}

  .p569-char-grid{grid-template-columns:1fr 1fr}
  .p569-char{min-height:70px;padding:9px}

  .p569-about-grid{grid-template-columns:1fr 1fr}
  .p569-about-grid>div{min-height:94px}

  .p569-carousel{padding:0 32px}
  .p569-arrow{width:30px;height:44px}
  .p569-rail figure{flex-basis:78%;min-width:215px}

  .p569-gallery-grid figure{flex-basis:68%;min-width:200px}
  .p569-gallery-grid img{height:150px!important}

  .p569-closing p{
    left:18px!important;
    right:18px!important;
    bottom:12px!important;
    font-size:24px!important;
    max-width:280px;
  }
}

/* =========================================================
   MEMORIST 5.6.13 — RICHI TARGETED FIXES FROM 5.6.11 ONLY
   ========================================================= */

/* Hero: preserve the whole approved photo on mobile and keep date/city/sex on one row. */
.p569-facts{
  display:flex!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
  gap:14px!important;
}
.p569-facts>span{
  min-width:0;
  white-space:nowrap;
  line-height:1.25;
}

/* Swap: SOS is now the third hero card. */
.p569-hero-sos{
  min-height:360px;
  border-radius:26px;
  overflow:hidden;
  border:1px solid rgba(218,174,111,.22);
  box-shadow:0 18px 50px rgba(0,0,0,.22);
  padding:24px;
  align-content:center;
}

/* Standard MEMORIST share / QR card in the former SOS position. */
.p569-share-card{
  grid-column:span 4;
  align-self:start;
  background:linear-gradient(145deg,#2d211a,#1f1713)!important;
  border:1px solid rgba(218,174,111,.28)!important;
  color:#f5eadb!important;
  text-align:center;
  padding:24px 20px!important;
}
.p569-share-card h2{
  color:#e2b968!important;
  font-size:27px!important;
  line-height:1.12!important;
  margin:0 0 16px!important;
}
.p569-share-card>p{
  color:#f1e6d9!important;
  font-size:14px!important;
  line-height:1.48!important;
  margin:0 0 18px!important;
}
.p569-share-actions{
  display:grid;
  gap:10px;
}
.p569-share-actions button,
.p569-share-actions a{
  width:100%;
  min-height:48px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:10px 16px;
  border:1px solid rgba(224,185,104,.55);
  border-radius:999px;
  background:transparent;
  color:#f4e6cf!important;
  text-decoration:none!important;
  font:700 13px/1.2 Arial,sans-serif;
  cursor:pointer;
}
.p569-share-actions button:hover,
.p569-share-actions a:hover{background:rgba(224,185,104,.09)}
.p569-share-card .p569-qr-box{background:#17110e}

/* Character: keep title/subtitle from colliding on desktop and mobile. */
.p569-char-grid{gap:12px!important}
.p569-char{
  min-height:92px!important;
  padding:13px!important;
  align-items:flex-start!important;
}
.p569-char i{flex:0 0 auto;margin-top:2px}
.p569-char>div{min-width:0;display:flex;flex-direction:column}
.p569-char b{
  font-size:14px!important;
  line-height:1.24!important;
  overflow-wrap:anywhere;
}
.p569-char small{
  display:block!important;
  margin-top:7px!important;
  font-size:11px!important;
  line-height:1.35!important;
  overflow-wrap:anywhere;
}

/* About + pedigree: equal halves, same visual row, no pedigree arrows. */
.p569-about,.p569-pedigree{
  grid-column:span 6!important;
  align-self:stretch!important;
  display:flex;
  flex-direction:column;
}
.p569-about-grid,.p569-tree{flex:1}
.p569-tree{
  padding:0 10px!important;
  gap:8px 22px!important;
  align-content:start!important;
}
.p569-tree-line{display:none!important}
.p569-parent img{
  width:90px!important;
  height:90px!important;
  object-position:center center!important;
}
.p569-child{margin-top:0!important}
.p569-child img{width:104px!important;height:104px!important}

/* Gallery + video: compact title icon and lifted compact cards. */
.p569-gallery,.p569-video{
  align-self:start!important;
  padding:20px!important;
}
.p569-section-icon{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  width:24px;
  height:24px;
  font-size:20px!important;
  line-height:1!important;
  vertical-align:middle;
}
.p569-gallery-grid{
  display:flex!important;
  gap:8px!important;
  overflow-x:auto!important;
  scroll-snap-type:x mandatory;
  scrollbar-width:none;
  padding:0 0 4px!important;
}
.p569-gallery-grid::-webkit-scrollbar{display:none}
.p569-gallery-grid figure{
  flex:0 0 168px!important;
  scroll-snap-align:start;
}
.p569-gallery-grid img{height:124px!important}
.p569-video-note{margin-top:8px!important}

/* Family: exact same structure; only centre/crop Айбек and Снежок to remove white rims. */
.p569-family-grid img{background:transparent!important}
.p569-family-grid>div:first-child img{
  transform:scale(1.05);
  object-position:center 40%;
}
.p569-family-grid>div:last-child img{
  transform:scale(1.05);
  object-position:center 45%;
}

/* Mobile lightbox: arrows at the image sides, not above it. */
@media(max-width:680px){
  .p569-hero-photo{
    height:auto!important;
    min-height:0!important;
    aspect-ratio:680/560!important;
  }
  .p569-hero-photo img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center center!important;
  }
  .p569-facts{
    gap:8px!important;
    justify-content:space-between;
  }
  .p569-facts>span{
    font-size:11px!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }
  .p569-hero-sos{
    min-height:0!important;
    padding:18px!important;
    border-radius:18px!important;
  }
  .p569-share-card{
    grid-column:auto!important;
    padding:20px 16px!important;
  }
  .p569-share-card h2{font-size:24px!important}
  .p569-share-card>p{font-size:13px!important}
  .p569-char-grid{grid-template-columns:1fr 1fr!important;gap:10px!important}
  .p569-char{min-height:88px!important;padding:11px!important}
  .p569-char b{font-size:13px!important}
  .p569-char small{font-size:10px!important;margin-top:6px!important}
  .p569-about,.p569-pedigree{grid-column:auto!important}
  .p569-parent img{width:80px!important;height:80px!important}
  .p569-child img{width:94px!important;height:94px!important}
  .p569-gallery,.p569-video{padding:18px!important}
  .p569-gallery-grid figure{flex-basis:72%!important;min-width:210px!important}
  .p569-gallery-grid img{height:150px!important}
  .p569-lightbox{padding:0 38px!important}
  .p569-lb-prev,.p569-lb-next{
    top:50%!important;
    transform:translateY(-50%)!important;
    width:40px!important;
    height:54px!important;
    z-index:2;
  }
  .p569-lb-prev{left:-4px!important}
  .p569-lb-next{right:-4px!important}
}
.p569-hero-sos{grid-column:auto!important}
@media(max-width:980px) and (min-width:681px){.p569-hero-sos{grid-column:1/-1!important}}

/* =========================================================
   MEMORIST 5.6.14 — RICHI FINAL REMAINING POLISH
   ========================================================= */

/* Hero photo: hide the baked RU note softly and show bilingual overlay only in the active language. */
.p569-hero-photo{position:relative;overflow:hidden}
.p569-hero-photo img{position:relative;z-index:0}
.p569-hero-photo::before{
  content:"";
  position:absolute;
  left:10px;
  bottom:8px;
  width:228px;
  height:168px;
  border-radius:26px;
  background:radial-gradient(circle at 34% 44%, rgba(23,17,13,.82) 0%, rgba(23,17,13,.62) 53%, rgba(23,17,13,0) 82%);
  backdrop-filter:blur(4px);
  z-index:1;
  pointer-events:none;
}
.p569-hero-photo:after{z-index:1}
.p569-hero-script{
  z-index:2!important;
  left:22px!important;
  bottom:18px!important;
  max-width:185px;
  font-size:26px!important;
  line-height:1.06!important;
}
.p569-hero-script .lang-ru,
.p569-hero-script .lang-kz{display:none}
body.lang-kz-active .p569-hero-script .lang-kz{display:block}
body.lang-kz-active .p569-hero-script .lang-ru{display:none}
body:not(.lang-kz-active) .p569-hero-script .lang-ru{display:block}
body:not(.lang-kz-active) .p569-hero-script .lang-kz{display:none}

/* Character and share card: same visual row height without a blank gap under QR. */
.p569-character,
.p569-share-card{
  align-self:stretch!important;
}
.p569-share-card{
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.p569-share-actions{margin-top:4px}
.p569-share-card .p569-qr-box{margin-top:14px!important}

/* About + pedigree: pull content upward and clean the pedigree image crops. */
.p569-about .p569-title-row,
.p569-pedigree .p569-title-row{margin-bottom:12px!important}
.p569-about-grid,
.p569-tree{align-content:start!important}
.p569-about-grid{margin-top:-2px}
.p569-tree{
  margin-top:-4px;
  padding-top:0!important;
}
.p569-parent img,
.p569-child img{
  display:block;
  background:transparent!important;
}
.p569-parent img{
  transform:scale(1.08);
  object-position:center 32%!important;
}
.p569-child img{
  transform:scale(1.08);
  object-position:center 28%!important;
}

/* Photo album / video row: keep compact and remove the oversized camera avatar look. */
.p569-gallery,
.p569-video{margin-top:0!important}
.p569-gallery .p569-title-row,
.p569-video .p569-title-row{margin-bottom:12px!important}

/* Family portraits: slightly tighter crop for Айбек and Снежок. */
.p569-family-grid img{background:transparent!important;object-fit:cover!important}
.p569-family-grid>div:first-child img{
  transform:scale(1.13)!important;
  object-position:center 34%!important;
}
.p569-family-grid>div:last-child img{
  transform:scale(1.14)!important;
  object-position:center 38%!important;
}

/* Documents: separate the health strip cleanly from the document tiles. */
.p569-docs{justify-content:flex-start!important}
.p569-health-strip{margin:0 0 12px!important}
.p569-docs .p569-doc-grid{
  margin-top:12px!important;
  gap:10px!important;
}

@media(max-width:680px){
  .p569-hero-photo::before{
    left:8px;
    bottom:8px;
    width:190px;
    height:146px;
  }
  .p569-hero-script{
    left:18px!important;
    bottom:14px!important;
    max-width:152px;
    font-size:22px!important;
  }
  .p569-share-card{
    justify-content:flex-start;
  }
  .p569-tree{margin-top:0}
  .p569-parent img{transform:scale(1.09);object-position:center 30%!important}
  .p569-child img{transform:scale(1.1);object-position:center 24%!important}
  .p569-family-grid>div:first-child img{transform:scale(1.15)!important;object-position:center 32%!important}
  .p569-family-grid>div:last-child img{transform:scale(1.16)!important;object-position:center 36%!important}
  .p569-docs .p569-doc-grid{gap:9px!important}
}

/* =========================================================
   MEMORIST 5.6.15 — Richi micro-fixes only
   ========================================================= */

/* Hero: RU/KZ text is baked into separate photo assets. No masking, no overlay patch. */
.p569-hero-photo::before{display:none!important}
.p569-hero-script{display:none!important}
body.lang-ru-active .p569-hero-photo img.lang-ru,
body.lang-kz-active .p569-hero-photo img.lang-kz{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
}
body.lang-ru-active .p569-hero-photo img.lang-kz,
body.lang-kz-active .p569-hero-photo img.lang-ru{display:none!important}

/* Kazakh typography: avoid mixed fallback glyph sizes. */
.mpet-v569 .lang-kz{
  font-family:Arial,"Noto Sans",sans-serif!important;
  font-size:inherit!important;
  line-height:inherit!important;
  font-weight:inherit!important;
  letter-spacing:inherit!important;
}
.p569-card h2 .lang-kz,
.p569-intro h2 .lang-kz,
.p569-story-copy p:last-child .lang-kz,
.p569-memories .lang-kz,
.p569-closing .lang-kz{
  font-family:"Times New Roman",Georgia,serif!important;
}

/* Toys / places: no arrows on the main cards; use the whole width for larger images. */
.p569-carousel{padding:0!important}
.p569-arrow{display:none!important}
.p569-rail{gap:12px!important}
.p569-rail figure{
  flex:0 0 calc(33.333% - 8px)!important;
  min-width:0!important;
}
.p569-rail img{border-radius:16px!important}

/* Pedigree: move all portraits upward and remove the visual dead space above them. */
.p569-pedigree .p569-title-row{margin-bottom:4px!important}
.p569-tree{
  margin-top:-16px!important;
  padding-top:0!important;
  align-content:start!important;
}
.p569-parent img,
.p569-child img{
  transform:none!important;
  object-fit:cover!important;
  background:#b88052!important;
}
.p569-parent img{object-position:center 20%!important}
.p569-child{margin-top:0!important}
.p569-child img{object-position:center 26%!important}

/* Family: slightly smaller circles and solid warm backing so no white rim shows. */
.p569-family-grid img{
  width:86px!important;
  height:86px!important;
  border-width:3px!important;
  background:#b88052!important;
  transform:none!important;
  object-fit:cover!important;
}
.p569-family-grid>div:first-child img{object-position:center 34%!important}
.p569-family-grid>div:last-child img{object-position:center 40%!important}

@media(max-width:680px){
  .p569-rail figure{flex:0 0 82%!important;min-width:0!important}
  .p569-tree{margin-top:-10px!important}
  .p569-family-grid img{width:82px!important;height:82px!important}
}


/* =========================================================
   MEMORIST 5.6.16 — Organization News 1.0 + Richi follow-up
   ========================================================= */

/* News pages reuse the calm organization visual language without looking like a generic WP blog. */
.organization-news-page,
.organization-news-single{
  --news-bg:#061a14;
  --news-panel:#0b2b22;
  --news-gold:#d3aa62;
  --news-gold2:#ebc77d;
  min-height:70vh;
  background:
    radial-gradient(circle at 86% 0%,rgba(211,170,98,.09),transparent 34%),
    linear-gradient(180deg,#08251d 0%,#051610 100%);
  color:#f6efe4;
}
.organization-news-shell{width:min(100% - 40px,1180px);margin:0 auto}
.organization-news-hero{padding:54px 0 34px;border-bottom:1px solid rgba(211,170,98,.24)}
.organization-news-hero h1{margin:6px 0 8px;color:#fff;font:600 clamp(38px,5vw,62px)/1.05 Lora,Georgia,serif}
.organization-news-lead{margin:0;max-width:760px;color:#d9cfbe;font-size:17px;line-height:1.6}
.organization-news-back,
.organization-news-breadcrumbs a,
.organization-news-all{color:var(--news-gold2);text-decoration:none}
.organization-news-back{display:inline-flex;gap:8px;align-items:center;margin-bottom:22px;font-size:14px}
.organization-news-back:hover,
.organization-news-breadcrumbs a:hover,
.organization-news-all:hover{text-decoration:underline}
.organization-news-content{padding:28px 0 54px}
.organization-news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.organization-news-card{min-width:0;overflow:hidden;border:1px solid rgba(211,170,98,.28);border-radius:16px;background:linear-gradient(145deg,rgba(11,50,39,.96),rgba(5,28,22,.98));box-shadow:0 14px 38px rgba(0,0,0,.18)}
.organization-news-card-link{display:flex;height:100%;flex-direction:column;color:inherit;text-decoration:none}
.organization-news-card-cover{width:100%;aspect-ratio:16/10;display:block;object-fit:cover;background:#0d211b}
.organization-news-card-cover--empty{background:linear-gradient(135deg,#163a2f,#0b211a)}
.organization-news-card-copy{display:flex;flex:1;flex-direction:column;padding:18px}
.organization-news-card time{color:var(--news-gold2);font-size:12px;letter-spacing:.05em}
.organization-news-card h2,
.organization-news-card h3{margin:8px 0 10px;color:#fff;font:600 21px/1.25 Lora,Georgia,serif;text-wrap:balance}
.organization-news-card h3{font-size:20px}
.organization-news-card p{margin:0 0 14px;color:#d8ccba;font-size:14px;line-height:1.58}
.organization-news-more{margin-top:auto;color:var(--news-gold2);font-weight:600;font-size:13px}
.organization-news-card-link:hover .organization-news-card-cover{filter:brightness(1.05)}
.organization-news-card-link:hover .organization-news-more{text-decoration:underline}
.organization-news-empty{max-width:680px;margin:30px auto;padding:42px 30px;border:1px dashed rgba(211,170,98,.34);border-radius:18px;text-align:center;background:rgba(5,27,21,.45)}
.organization-news-empty>div{color:var(--news-gold2);font-size:30px}
.organization-news-empty h2{margin:8px 0;color:#fff;font:600 28px/1.2 Lora,Georgia,serif}
.organization-news-empty p{margin:6px 0;color:#d6cab8}

.organization-news-teaser .organization-section-heading{position:relative}
.organization-news-teaser .organization-news-all{display:inline-flex;align-items:center;gap:5px;margin-top:10px;font-size:13px}
.organization-news-teaser .organization-news-grid{margin-top:4px}

/* Single event */
.organization-news-single-shell{padding:30px 0 58px}
.organization-news-breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0 0 22px;color:#a99b88;font-size:13px}
.organization-news-article{max-width:920px;margin:0 auto}
.organization-news-article-head time{display:block;color:var(--news-gold2);font-size:13px;letter-spacing:.05em}
.organization-news-article-head h1{margin:8px 0 22px;color:#fff;font:600 clamp(34px,5vw,58px)/1.08 Lora,Georgia,serif;text-wrap:balance}
.organization-news-cover{margin:0 0 28px}
.organization-news-cover img{width:100%;max-height:620px;display:block;object-fit:cover;border:1px solid rgba(211,170,98,.26);border-radius:18px}
.organization-news-body{color:#e4d9c9;font-size:16px;line-height:1.78}
.organization-news-body p{margin:0 0 18px}
.organization-news-body h2,.organization-news-body h3{color:#fff;font-family:Lora,Georgia,serif}
.organization-news-gallery-section,
.organization-news-video-section{margin-top:34px;padding-top:28px;border-top:1px solid rgba(211,170,98,.2)}
.organization-news-gallery-section h2,
.organization-news-video-section h2{margin:0 0 16px;color:#fff;font:600 26px/1.2 Lora,Georgia,serif}
.organization-news-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.organization-news-gallery a{display:block;overflow:hidden;border-radius:12px;background:#06130f}
.organization-news-gallery img{width:100%;aspect-ratio:4/3;display:block;object-fit:cover;transition:transform .2s ease}
.organization-news-gallery a:hover img{transform:scale(1.02)}
.organization-news-video-embed{position:relative;overflow:hidden;border-radius:14px;background:#000}
.organization-news-video-embed iframe{width:100%!important;aspect-ratio:16/9;height:auto!important;display:block;border:0}
.organization-news-video-link{display:inline-flex;padding:11px 16px;border:1px solid rgba(211,170,98,.38);border-radius:9px;color:#f2d395;text-decoration:none}
.organization-news-article-footer{display:flex;justify-content:space-between;gap:20px;margin-top:36px;padding-top:24px;border-top:1px solid rgba(211,170,98,.22)}
.organization-news-article-footer a{color:var(--news-gold2);text-decoration:none;font-weight:600}
.organization-news-article-footer a:hover{text-decoration:underline}

/* The organization header layout also applies while reading its news. */
body:has(.organization-news-page) .header .nav,
body:has(.organization-news-single) .header .nav{flex:1 1 auto;justify-content:center;text-align:center}
body:has(.organization-news-page) .header .nav a,
body:has(.organization-news-single) .header .nav a{color:#f4ead8}

/* Richi: KZ pedigree title can wrap; remove the negative lift only in KZ so Golden King never overlaps it. */
body.lang-kz-active .p569-pedigree .p569-tree{margin-top:2px!important}

@media(max-width:900px){
  .organization-news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:720px){
  body:has(.organization-news-page) .header-inner,
  body:has(.organization-news-single) .header-inner{
    display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:8px 10px!important;padding:10px 12px!important
  }
  body:has(.organization-news-page) .brand,
  body:has(.organization-news-single) .brand{grid-column:1;grid-row:1;min-width:0;gap:9px}
  body:has(.organization-news-page) .brand img,
  body:has(.organization-news-single) .brand img{height:38px}
  body:has(.organization-news-page) .lang,
  body:has(.organization-news-single) .lang{grid-column:2;grid-row:1;justify-self:end}
  body:has(.organization-news-page) .header .nav,
  body:has(.organization-news-single) .header .nav{grid-column:1/-1;grid-row:2;width:100%;justify-content:center!important;padding-inline:0!important}
  body:has(.organization-news-page) .header .nav a,
  body:has(.organization-news-single) .header .nav a{padding-inline:9px}
  .organization-news-shell{width:min(100% - 24px,1180px)}
  .organization-news-hero{padding:36px 0 26px}
  .organization-news-grid{grid-template-columns:1fr}
  .organization-news-card-link{display:grid;grid-template-columns:118px 1fr}
  .organization-news-card-cover{height:100%;aspect-ratio:auto;min-height:164px}
  .organization-news-card-copy{padding:14px}
  .organization-news-card h2,.organization-news-card h3{font-size:18px}
  .organization-news-card p{font-size:13px}
  .organization-news-single-shell{padding-top:20px}
  .organization-news-article-head h1{font-size:34px}
  .organization-news-gallery{grid-template-columns:1fr 1fr}
  .organization-news-article-footer{flex-direction:column}
  body.lang-kz-active .p569-pedigree .p569-tree{margin-top:8px!important}
}