/* AKK: hero на главной (rec1275016111) — на десктопе высоту обложки
   ограничиваем пропорцией фото 1680x945, чтобы групповой снимок не обрезался */
@media screen and (min-width: 961px) {
  #rec1275016111 .t-cover,
  #rec1275016111 .t-cover__carrier,
  #rec1275016111 .t-cover__filter {
    height: min(100vh, calc(100vw * 945 / 1680)) !important;
  }
}
#rec1275016111 .t-cover__carrier { background-position: center top !important; }

/* ==================================================================
   АКК — сквозные мобильные правки, 23.09.2026
   ================================================================== */

/* 1. Обложка-слайдер на телефоне: фото тянется на всю высоту блока.
      Без этого фото 211 px при блоке 812 px — под фото пустота. */
@media screen and (max-width: 960px) {
  .t-slds .t-slds__item,
  .t-slds .t-slds__wrapper { height: 100% !important; }
  .t-slds .t-cover,
  .t-slds .t-cover__carrier,
  .t-slds .t-cover__filter { min-height: 100% !important; }
  .t-cover__carrier {
    background-attachment: scroll !important;
    background-position: center top !important;
  }
}

/* 2. Лента новостей: даты были 10 px, анонсы 12 px. */
@media screen and (max-width: 640px) {
  .t-feed__post-date  { font-size: 13px !important; }
  .t-feed__post-descr { font-size: 15px !important; line-height: 1.5 !important; }
  .t-feed__post-title { font-size: 19px !important; line-height: 1.3 !important; }
}

/* 3. Подвал: был набран 12 px, слоган серым по тёмному фону. */
@media screen and (max-width: 640px) {
  #rec1280163751 .t-descr,
  #rec1280163751 .t-text,
  #rec1280163751 .t-name,
  #rec1280163751 a { font-size: 15px !important; line-height: 1.55 !important; }
  #rec1280163751 .t977__descr { color: #b9b9b9 !important; }
}

/* 4. Длинные слова и адреса не упираются в правый край. */
@media screen and (max-width: 640px) {
  .t-text, .t-descr, .t-title, .t-name, .t-heading { overflow-wrap: break-word; }
}

/* ==== AKK: шапка сайта (rec1179204281) — посадка на узкие десктопы ====
   Зеро-блок шапки свёрстан под холст ~1530 px — на экранах 1280–1440 px
   логотип уезжал за левый край, а кнопки языков — за правый. Здесь та же
   шапка пересчитана на холст 1200 px. На экранах от 1620 px действует
   исходный макет из редактора, ниже 1200 px работает мобильная шапка. */
@media screen and (min-width: 1200px) and (max-width: 1619px) {
  #rec1179204281 .tn-elem[data-elem-id="1753239987191"] { left: calc(50% - 600px + 24px) !important; width: 52px !important;  top: 31px !important; }
  #rec1179204281 .tn-elem[data-elem-id="1753240018822"] { left: calc(50% - 600px + 90px) !important; width: 240px !important;  top: 27px !important; }
  #rec1179204281 .tn-elem[data-elem-id="1753240117959"] { left: calc(50% - 600px + 356px) !important; width: 57px !important; height:23px !important; top: 46px !important; }
  #rec1179204281 .tn-elem[data-elem-id="1753240117959"] .tn-atom { font-size: 14px !important; line-height: 1.2 !important; }
  #rec1179204281 .tn-elem[data-elem-id="1755842403780"] { left: calc(50% - 600px + 431px) !important; width: 134px !important;  top: 46px !important; }
  #rec1179204281 .tn-elem[data-elem-id="1755842403780"] .tn-atom { font-size: 14px !important; line-height: 1.2 !important; }
  #rec1179204281 .tn-elem[data-elem-id="1753240130975"] { left: calc(50% - 600px + 583px) !important; width: 60px !important; height:23px !important; top: 46px !important; }
  #rec1179204281 .tn-elem[data-elem-id="1753240130975"] .tn-atom { font-size: 14px !important; line-height: 1.2 !important; }
  #rec1179204281 .tn-elem[data-elem-id="1753240146527"] { left: calc(50% - 600px + 661px) !important; width: 74px !important;  top: 46px !important; }
  #rec1179204281 .tn-elem[data-elem-id="1753240146527"] .tn-atom { font-size: 14px !important; line-height: 1.2 !important; }
  #rec1179204281 .tn-elem[data-elem-id="1753240161177"] { left: calc(50% - 600px + 753px) !important; width: 69px !important;  top: 46px !important; }
  #rec1179204281 .tn-elem[data-elem-id="1753240161177"] .tn-atom { font-size: 14px !important; line-height: 1.2 !important; }
  #rec1179204281 .tn-elem[data-elem-id="1753240169827"] { left: calc(50% - 600px + 840px) !important; width: 76px !important;  top: 46px !important; }
  #rec1179204281 .tn-elem[data-elem-id="1753240169827"] .tn-atom { font-size: 14px !important; line-height: 1.2 !important; }
  #rec1179204281 .tn-elem[data-elem-id="1681819055889"] { left: calc(50% - 600px + 934px) !important; width: 76px !important;  top: 46px !important; }
  #rec1179204281 .tn-elem[data-elem-id="1681819055889"] .tn-atom { font-size: 14px !important; line-height: 1.2 !important; }
  #rec1179204281 .tn-elem[data-elem-id="1753240424115"] { left: calc(50% - 600px + 1030px) !important; width: 22px !important;  top: 46px !important; }
  #rec1179204281 .tn-elem[data-elem-id="1753240511523"] { left: calc(50% - 600px + 1066px) !important; width: 32px !important; height:32px !important; top: 41px !important; }
  #rec1179204281 .tn-elem[data-elem-id="1753240511523"] .tn-atom { font-size: 12px !important; line-height: 1.2 !important; }
  #rec1179204281 .tn-elem[data-elem-id="1755678558875"] { left: calc(50% - 600px + 1105px) !important; width: 32px !important; height:32px !important; top: 41px !important; }
  #rec1179204281 .tn-elem[data-elem-id="1755678558875"] .tn-atom { font-size: 12px !important; line-height: 1.2 !important; }
  #rec1179204281 .tn-elem[data-elem-id="1753240485729"] { left: calc(50% - 600px + 1144px) !important; width: 32px !important; height:32px !important; top: 41px !important; }
  #rec1179204281 .tn-elem[data-elem-id="1753240485729"] .tn-atom { font-size: 12px !important; line-height: 1.2 !important; }
  #rec1179204281 .tn-elem[data-elem-id="1753240511523"] .tn-atom { width: 32px !important; height: 32px !important; }
  #rec1179204281 .tn-elem[data-elem-id="1755678558875"] .tn-atom { width: 32px !important; height: 32px !important; }
  #rec1179204281 .tn-elem[data-elem-id="1753240485729"] .tn-atom { width: 32px !important; height: 32px !important; }
  #rec1179204281 .tn-elem[data-elem-id="1753239987191"] .tn-atom,
  #rec1179204281 .tn-elem[data-elem-id="1753239987191"] img { width: 100% !important; height: auto !important; }
  #rec1179204281 .tn-elem[data-elem-id="1753240018822"] { height: 60px !important; }
  #rec1179204281 .tn-elem[data-elem-id="1753240018822"] .tn-atom,
  #rec1179204281 .tn-elem[data-elem-id="1753240018822"] .tn-atom a { font-size: 0 !important; line-height: 0 !important; }
  #rec1179204281 .tn-elem[data-elem-id="1753240018822"] .tn-atom a::before {
    content: "«ҚАЗАҚСТАНДЫҚ КОРЕЙЛЕР ҚАУЫМДАСТЫҒЫ»\A ЭТНОМӘДЕНИ БІРЛЕСТІГІ\A Этнокультурное объединение\A «Ассоциация казахстанских корейцев»\A 카자흐스탄 고려인 민족문화협회 공화국 공공협회";
    white-space: pre; display: block;
    font-size: 10px; line-height: 12px; color: #000;
  }
}

/* ==== AKK: шапка — выравнивание пунктов меню на широких экранах ====
   В зеро-блоке у «ПОДРАЗДЕЛЕНИЙ» отступ сверху 45px, у «О НАС» 33px,
   у K-PARK 32px, у остальных 43px — получалась ступенька.
   Выравниваем все семь пунктов по одной линии. */
@media screen and (min-width: 1620px) {
  #rec1179204281 .tn-elem[data-elem-id="1753240117959"],
  #rec1179204281 .tn-elem[data-elem-id="1755842403780"],
  #rec1179204281 .tn-elem[data-elem-id="1753240130975"] { top: 31.5px !important; }
}

/* ==== AKK: обложки разделов — фирменный синий вместо серого ====
   Серая диагональная графика (slider_bg / mid_bg) тонируется в цвет кнопок
   переключения языков (#213B62). Правило срабатывает только на этих двух
   фонах и не трогает фото-обложки (главная, /kparkkz, /korea). */
.t-cover:has(.t-cover__carrier[data-content-cover-bg*="slider_bg"]) .t-cover__filter,
.t-cover:has(.t-cover__carrier[data-content-cover-bg*="mid_bg"]) .t-cover__filter {
  background-image: linear-gradient(135deg,
    rgba(33, 59, 98, .84) 0%,
    rgba(26, 46, 78, .92) 55%,
    rgba(18, 33, 57, .96) 100%) !important;
}

/* ==== AKK: карта расположения K-PARK — ограничение размера ==== */
#rec3999034603 svg { display: block; width: 100%; max-width: 520px; height: auto; margin: 0 auto; }
#rec3999034603 figure { max-width: 100%; }
#rec3999034603 img { max-width: 100%; }