/*
Theme Name: ARK Classic
Description: Classic (PHP) theme to replace FSE for ark.chronivra.ru
Version: 0.1.0
Text Domain: ark-classic
*/

/* --- ARK Classic: menu baseline --- */
.site-nav .menu{list-style:none;margin:0;padding:0;display:flex;gap:14px;flex-wrap:wrap}
.site-nav .menu > li{margin:0;padding:0}
.site-nav .menu a{text-decoration:none}
.site-nav .menu a:hover{text-decoration:underline}

/* --- ARK Classic: layout baseline --- */
:root{--ark-w:980px;--ark-pad:18px;--ark-line:1.65}
body{margin:0;line-height:var(--ark-line)}
.site-header,.site-main,.site-footer{max-width:var(--ark-w);margin:0 auto;padding-left:var(--ark-pad);padding-right:var(--ark-pad)}
.site-header{padding-top:16px;padding-bottom:16px}
.site-branding{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap}
.site-branding strong{font-size:22px;letter-spacing:.2px}
.site-branding a{color:inherit}
.site-branding > div{min-width:260px}
.site-nav .menu{list-style:none;margin:0;padding:0;display:flex;gap:16px;flex-wrap:wrap;justify-content:flex-end}
.site-nav .menu a{color:inherit;text-decoration:none;opacity:.9}
.site-nav .menu a:hover{text-decoration:underline;opacity:1}

a{color:inherit}
a:hover{opacity:.9}

article h2{margin:0 0 10px 0;font-size:28px;line-height:1.2}
article h2 a{text-decoration:none}
article h2 a:hover{text-decoration:underline}
article{padding:18px 0;border-bottom:1px solid rgba(0,0,0,.08)}
article:last-child{border-bottom:none}
.site-main{padding-top:22px;padding-bottom:22px}
.navigation.pagination{margin-top:22px}

@media (max-width:720px){
  article h2{font-size:22px}
  .site-nav .menu{justify-content:flex-start}
}

/* --- ARK Classic: polish v1 --- */
:root{--ark-w:920px;--ark-pad:22px;--ark-line:1.7}
body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Arial,sans-serif;color:#111;background:#fff}
.site-header{padding-top:12px;padding-bottom:12px}
.site-branding strong{font-size:20px;letter-spacing:.3px}
.site-branding > div > div{opacity:.7;font-size:.92em;margin-top:4px}
.site-nav .menu{gap:18px}
.site-nav .menu a{font-size:15px;letter-spacing:.2px}

article{padding:20px 0}
article h2{font-size:30px}
article p{max-width:70ch}

/* ===== ARK CHRONIVRA LOOK START ===== */
:root{
  --bg:#0b0d10;
  --bg2:#140708;
  --text:#e8e9ea;
  --muted:rgba(232,233,234,.72);
  --line:rgba(255,255,255,.10);
  --accent:#f1d97a;

  --w:840px;
  --pad:22px;

  --radius:16px;
  --shadow:0 18px 45px rgba(0,0,0,.45);

  /* card: не “чисто белый лист”, а чуть тёплый/серый как у Chronivra */
  --cardbg:#f6f7f9;
  --cardtext:#0f1115;
  --cardmuted:rgba(15,17,21,.72);
  --cardline:rgba(0,0,0,.10);

  /* меньше внутренней “пустоты” */
  --cardpad:20px;
}

body{
  margin:0;
  background-color: var(--bg2) !important;
  background-image:
    radial-gradient(1200px 700px at 50% -220px, rgba(241,217,122,.07), transparent 60%),
    radial-gradient(900px 500px at 10% 120%, rgba(120,40,20,.22), transparent 60%),
    radial-gradient(900px 500px at 90% 120%, rgba(70,20,20,.18), transparent 60%);
  background-attachment: fixed;
  color:var(--text) !important;
}

a{color:inherit}
p{color:var(--muted)}

.wrap{
  max-width:var(--w) !important;
  margin:0 auto !important;
  padding-left:var(--pad) !important;
  padding-right:var(--pad) !important;
}

.site-header{
  border-bottom:1px solid var(--line) !important;
  background:rgba(11,13,16,.70) !important;
  backdrop-filter: blur(10px);
}
.site-branding strong{color:var(--text) !important}
.site-branding .tagline{color:var(--muted) !important}
.site-nav .menu a{color:var(--text) !important}
.site-nav .menu a:hover{color:var(--accent) !important}

.layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:26px;align-items:start}
.main{min-width:0}
.sidebar{min-width:0}
.site-main{padding-top:26px !important;padding-bottom:26px !important}

/* карточка */
.post-card{margin:0 0 26px 0 !important}
.post-card .inside-article{
  background:var(--cardbg) !important;
  color:var(--cardtext) !important;
  border:1px solid var(--cardline) !important;
  border-radius:var(--radius) !important;
  box-shadow:var(--shadow) !important;
  padding:var(--cardpad) !important;
  overflow:hidden;
}

.post-card p{color:var(--cardmuted) !important;max-width:74ch}
.post-card .meta{color:var(--cardmuted) !important}

.post-card .entry-title{
  font-size:34px !important;
  line-height:1.15 !important;
  margin:0 0 10px 0 !important;
}
.post-card .entry-title a{color:var(--cardtext) !important;text-decoration:none}
.post-card .entry-title a:hover{text-decoration:underline}

.post-card .entry-summary{margin-top:10px}

/* картинка: на всю ширину карточки, без “белых полей”, скругление только снизу */
.post-card .post-image{
  margin:16px calc(var(--cardpad) * -1) calc(var(--cardpad) * -1);
}
.post-card .post-image img{
  display:block !important;
  width:100% !important;
  height: 100% !important;
      max-width:100% !important;
  border-radius:0 0 calc(var(--radius) - 2px) calc(var(--radius) - 2px) !important;
  background:#111;
}

/* виджеты */
.widget{
  background:rgba(17,17,17,0.92) !important;
  color:var(--text) !important;
  border:1px solid var(--line) !important;
  border-radius:var(--radius) !important;
  box-shadow:var(--shadow) !important;
  padding:18px !important;
  margin:0 0 18px 0 !important;
}
.widget-title{margin:0 0 12px 0;font-size:16px;color:var(--text) !important}
.widget a{color:var(--text) !important}
.widget a:hover{color:var(--accent) !important;text-decoration:underline}

/* поиск */
.search-field{
  width:100%;
  padding:12px 14px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.06);
  color:var(--text);
}
.search-submit{
  padding:12px 14px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(241,217,122,.55);
  color:#111;
  cursor:pointer;
}
.search-submit:hover{background:rgba(241,217,122,.75)}

@media (max-width: 1020px){
  .layout{grid-template-columns:1fr}
  .post-card .entry-title{font-size:28px !important}
}

/* image + read more */
.post-image{margin:14px 0 12px 0}
.post-image img{display:block;width:100%;height:auto;border-radius:16px}
.read-more{margin:14px 0 0}
.read-more-link{
  display:inline-block;
  padding:10px 14px;
  border-radius:14px;
  border:1px solid var(--cardline);
  background:rgba(241,217,122,.55);
  color:#111;
  text-decoration:none;
}
.read-more-link:hover{background:rgba(241,217,122,.75)}

/* ===== ARK CHRONIVRA LOOK END ===== */




/* ===== ARK CHRONIVRA TUNE START ===== */

article{padding:22px !important}
article h2{font-size:32px !important}

/* force thumbnails full width (kills the big white void) */
.post-card .thumb, .post-card .wp-post-image{display:block !important;width:100% !important;max-width:100% !important}
.post-card img, .single-card img{float:none !important;display:block !important;max-width:100% !important;height:auto !important}
.post-card .thumb img{width:100% !important;border-radius:18px !important}

/* --- ARK CHRONIVRA TUNE: extra tweaks START --- */
/* TODO: вставить нужные правила сюда */
/* --- ARK CHRONIVRA TUNE: extra tweaks END --- */

/* --- categories under login (header) --- */
.ark-header-cats{
  margin-top:14px;
  padding-top:12px;
  border-top:1px solid rgba(255,255,255,.10);
}
.ark-header-cats-title{
  font-size:12px;
  color:rgba(232,233,234,.70);
  margin:0 0 8px 0;
  letter-spacing:.02em;
  text-transform:uppercase;
}
.ark-header-cats-links ul{
  list-style:none;
  padding:0;
  margin:0;
  display:flex;
  flex-wrap:wrap;
  gap:8px 10px;
}
.ark-header-cats-links li{margin:0;padding:0}
.ark-header-cats-links a{
  display:inline-block;
  padding:6px 10px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.06);
  color:var(--text);
  text-decoration:none;
  font-size:13px;
}
.ark-header-cats-links a:hover{
  border-color:rgba(241,217,122,.35);
  background:rgba(241,217,122,.12);
  color:var(--text);
  text-decoration:none;
}

/* --- ARK: header categories bar (full header width, no bullets, wrap pills) --- */
.ark-header-cats{
  width:100% !important;
  max-width:var(--w) !important;
  margin:6px auto 0 auto !important;
  padding:0 var(--pad) !important;
  box-sizing:border-box !important;
}

/* если блок оказался внутри flex-хедера — принудительно на новую строку */
.site-header .ark-header-cats{flex:0 0 100% !important}

/* заголовок "РАЗДЕЛЫ:" */
.ark-header-cats-title{
  display:block !important;
  margin:0 0 10px 0 !important;
  font-size:12px !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
  color:rgba(232,233,234,.55) !important;
}

/* список категорий: в ряд, перенос, без маркеров */
.ark-header-cats-links ul{
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:wrap !important;
  gap:8px !important;
  margin:0 !important;
  padding:0 !important;
  list-style:none !important;
}
.ark-header-cats-links li{
  margin:0 !important;
  padding:0 !important;
  list-style:none !important;
}
.ark-header-cats-links li::marker{content:"" !important}

/* плашки */
.ark-header-cats-links a{
  display:inline-block !important;
  padding:7px 10px !important;
  border-radius:999px !important;
  border:1px solid rgba(255,255,255,.12) !important;
  background:rgba(255,255,255,.06) !important;
  color:var(--text) !important;
  text-decoration:none !important;
  line-height:1 !important;
}
.ark-header-cats-links a:hover{
  border-color:rgba(241,217,122,.55) !important;
  color:var(--accent) !important;
}
/* --- /ARK: header categories bar --- */

/* --- HEADER CATEGORIES BAR (ARK) START --- */
.ark-header-cats{
  max-width: var(--w) !important;
  margin: 0 auto !important;
  padding: 10px var(--pad) 12px var(--pad) !important;
}

.ark-header-cats-title{
  font-size: 12px;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: rgba(232,233,234,.55);
  margin: 2px 0 10px 0;
}

/* делаем “плашки” в строку, с переносами */
.ark-header-cats-links{
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  align-items: center !important;
}

/* ссылки как pill-кнопки */
.ark-header-cats-links a{
  display: inline-block !important;
  padding: 8px 12px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  background: rgba(255,255,255,.05) !important;
  color: var(--text) !important;
  text-decoration: none !important;
}

.ark-header-cats-links a:hover{
  border-color: rgba(241,217,122,.45) !important;
  background: rgba(241,217,122,.10) !important;
  color: var(--accent) !important;
}
/* --- HEADER CATEGORIES BAR (ARK) END --- */

/* --- HEADER MENU MOVE DOWN START --- */
/* убираем верхнее меню из шапки (перенесём в футер) */
.site-header .site-nav{ display:none !important; }
/* --- HEADER MENU MOVE DOWN END --- */

/* --- ARK HEADER CATS (under login) --- */
/* делаем «Разделы» в шапке как аккуратные пилюли, без «столбика» */
.site-header .ark-header-cats-title{
  margin:14px 0 10px 0;
  color:rgba(232,233,234,.65);
  letter-spacing:.08em;
  text-transform:uppercase;
  font-size:12px;
}

/* предполагаем что UL идёт сразу после заголовка */
.site-header .ark-header-cats-title + ul{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  max-width:var(--w);
}

/* на всякий случай — если там обёртка */
.site-header .ark-header-cats ul{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  max-width:var(--w);
}

.site-header .ark-header-cats-title + ul li,
.site-header .ark-header-cats ul li{
  margin:0;
  padding:0;
}

/* header categories: pills (desktop) */
.site-header .ark-header-cats-title + ul,
.site-header .ark-header-cats ul{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:10px 0 0 0;
  padding:0;
  list-style:none;
}
.site-header .ark-header-cats-title + ul li,
.site-header .ark-header-cats ul li{ list-style:none; }

.site-header .ark-header-cats-title + ul a,
.site-header .ark-header-cats ul a{
  display:inline-block;
  padding:8px 14px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.06);
  color:var(--text);
  text-decoration:none;
  line-height:1.1;
}

.site-header .ark-header-cats-title + ul a:hover,
.site-header .ark-header-cats ul a:hover{
  border-color:rgba(241,217,122,.45);
  background:rgba(241,217,122,.10);
}

/* мобильный: две колонки, чтобы не было «огрызков» и узкой вертикали */
.site-header .ark-header-cats-title + ul a,
  .site-header .ark-header-cats ul a{
    text-align:center;
    padding:10px 12px;
  }

/* --- mobile layout: collapse sidebar under content (hard override) --- */
@media (max-width: 1020px){
  .layout{
    display:block !important;
  }
  .main, .sidebar{
    width:100% !important;
    max-width:100% !important;
  }
  .sidebar{
    margin-top:18px !important;
  }
  /* чтобы карточки не схлопывались по ширине из-за детей */
  .site-main, article, .post-card, .inside-article{
    min-width:0 !important;
  }
}

/* --- ARK mobile polish --- */
/* ширина + отступы как у “нормального” мобильного макета */
  .site-header,.site-main,.site-footer{ padding-left:var(--pad) !important; padding-right:var(--pad) !important; }
  .wrap{ padding-left:0 !important; padding-right:0 !important; }

  /* mobile width hard fix */
  .wrap,.layout,.main,.site-main,article,.post-card,.inside-article{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
  }

  /* карточки: больше полезной ширины */
  article{ padding:18px !important; border-radius:var(--radius) !important; }
  .post-card .post-image img{ border-radius:16px !important; }

  /* заголовки: не превращаем в “вертикальную вывеску” */
  .post-card .entry-title{ font-size:30px !important; line-height:1.12 !important; }
  .post-card .meta{ font-size:13px !important; }

  /* sidebar падает вниз, но без странных зазоров */
  .layout{ grid-template-columns:1fr !important; gap:18px !important; }
  .sidebar{ margin-top:0 !important; }

article{ padding:16px !important; }

  /* ещё чуть более "квадратно" на совсем узких экранах */
  .post-card .post-image img{aspect-ratio: 1 / 1}

/* --- ARK MOBILE OVERFLOW FIX (do not remove) --- */
body{ overflow-x:hidden !important; }

  /* .site-main имеет padding — значит ширину оставляем auto */
  .site-main{ width:auto !important; max-width:100% !important; }

  /* страховка: контейнеры не должны быть шире вьюпорта */
  .wrap, .layout, .main, article, .post-card, .inside-article{
    max-width:100% !important;
  }
/* --- /ARK MOBILE OVERFLOW FIX --- */

/* --- ARK MOBILE BASE (single source of truth) --- */
@media (max-width: 720px){

  /* --- ARK MOBILE READABILITY TUNE: post-card text only --- */
  .post-card :is(p, .entry-summary, .meta){
    color: var(--cardtext) !important;
    opacity: 1 !important;
  }
  /* --- /ARK MOBILE READABILITY TUNE --- */

  /* --- ARK MOBILE BUTTON TUNE: single-card buttons --- */
  body.single article.card.single-card :is(.wp-block-button__link, .wp-element-button),
  body.page  article.card.single-card :is(.wp-block-button__link, .wp-element-button){
    background: rgba(241,217,122,.75) !important;
    color: #111 !important;
    border: 1px solid rgba(0,0,0,.12) !important;
    text-decoration: none !important;
  }
  body.single article.card.single-card :is(.wp-block-button__link, .wp-element-button):hover,
  body.page  article.card.single-card :is(.wp-block-button__link, .wp-element-button):hover{
    background: rgba(241,217,122,.92) !important;
  }
  /* --- /ARK MOBILE BUTTON TUNE --- */




  :root{ --pad:14px; --radius:18px; }

  /* один столбец + нормальные отступы */
  .layout{ grid-template-columns:1fr !important; gap:18px !important; }
  .wrap{
    padding-left:var(--pad) !important;
    padding-right:var(--pad) !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  /* не даём детям раздувать ширину и уводить вправо */
  .site-main,.main,.sidebar{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
  }
  article,.post-card,.inside-article{ min-width:0 !important; }

  /* страховка от горизонтального скролла/сдвига */
  html,body{ overflow-x:hidden; }
}

@media (max-width: 420px){
  :root{ --pad:12px; }
}

/* --- ARK MOBILE CARD COMPACT START --- */
@media (max-width: 720px){


  /* карточка компактнее и визуально “квадратнее” */
  article.post-card{
    max-width: 420px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 16px !important;
  }

  /* заголовок: не раздуваем высоту */
  .post-card .entry-title{
    font-size: clamp(22px, 6vw, 30px) !important;
    line-height: 1.12 !important;
    margin: 0 0 10px 0 !important;
  }

  /* превью: режем по строкам, чтобы карточка не тянулась вниз */
  .post-card .entry-summary{
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 3 !important;
    overflow: hidden !important;
    margin-top: 10px !important;
  }

  /* картинка “квадратнее” */
  .post-card .post-image img{
    width: 100% !important;
    aspect-ratio: 1 / 1 !important;
    object-fit: cover !important;
    height: 100% !important;
      }
}

@media (max-width: 420px){
  article.post-card{ max-width: 360px !important; padding: 14px !important; }
  .post-card .entry-summary{ -webkit-line-clamp: 2 !important; }
}
/* --- ARK MOBILE CARD COMPACT END --- */

/* --- ARK HEADER CATS FIX START --- */
.site-header .ark-header-cats-wrap{
  max-width: var(--w);
  margin: 0 auto;
  padding-left: var(--pad);
  padding-right: var(--pad);
}

.site-header .ark-header-cats-title{
  margin: 10px 0 10px;
  color: rgba(232,233,234,.55);
  letter-spacing: .06em;
  text-transform: uppercase;
  font-size: 12px;
}

.site-header .ark-header-cats{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  padding: 0 0 14px;
  margin: 0;
  list-style: none;
}

.site-header .ark-header-cats li{
  margin: 0;
  padding: 0;
}

.site-header .ark-header-cats a{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.04);
  color: rgba(232,233,234,.92);
  text-decoration: none;
  line-height: 1;
  white-space: nowrap;
}

.site-header .ark-header-cats a:hover{
  border-color: rgba(241,217,122,.45);
  background: rgba(241,217,122,.10);
  color: #fff;
}

@media (max-width: 720px){


  .site-header .ark-header-cats-wrap{
    padding-left: 12px;
    padding-right: 12px;
  }
  .site-header .ark-header-cats{
    gap: 12px;
    padding-bottom: 16px;
  }
  .site-header .ark-header-cats a{
    padding: 12px 16px;
    font-size: 16px;
  }
}
/* --- ARK HEADER CATS FIX END --- */

/* ===== ARK CHRONIVRA TUNE END ===== */

/* --- ARK CHRONIVRA LAYOUT MATCH START --- */
@media (min-width: 980px){
  /* как на chronivra: центр + main уже + справа сайдбар */
  .layout{
    display:grid !important;
    grid-template-columns: minmax(0, 760px) 360px;
    gap: 28px;
    justify-content:center;
    align-items:start;
  }
  .main{ min-width:0; }
  .sidebar{ min-width:0; }
}
/* --- ARK CHRONIVRA LAYOUT MATCH END --- */


/* --- ARK MOBILE FIX START --- */
@media (max-width: 720px){


  /* страховка от горизонтальных “уездов” */
  *, *::before, *::after{ box-sizing:border-box !important; }
  html, body{ overflow-x:hidden !important; width:100% !important; }
  body{ margin:0 !important; }

  /* симметричные поля страницы */
  .site-header,.site-main,.site-footer{
    width:100% !important;
    max-width:100% !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:12px !important;
    padding-right:12px !important;
  }

  /* внутренний контейнер темы не должен “съедать” центр */
  .wrap{
    width:100% !important;
    max-width:100% !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:0 !important;
    padding-right:0 !important;
  }

  /* сетка в 1 колонку + центр */
  .layout{
    grid-template-columns:1fr !important;
    width:100% !important;
    max-width:100% !important;
    margin-left:auto !important;
    margin-right:auto !important;
    justify-items:center !important;
  }

  /* главный поток: принудительно центрируем карточки */
  .site-main{
    width:100% !important;
    max-width:100% !important;
    margin-left:auto !important;
    margin-right:auto !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
  }

  /* карточка: компактнее, по центру, ничего не вылезает за радиус */
  article.post-card{
    width:100% !important;
    max-width:420px !important;
    margin:0 auto 18px !important;
    padding:14px !important;
    border-radius:18px !important;
    overflow:hidden !important;
  }

  /* заголовок: меньше + не липнет к скруглению */
  .post-card .entry-title{
    font-size: clamp(20px, 6.2vw, 24px) !important;
    line-height:1.15 !important;
    margin:0 0 10px 0 !important;
    padding:0 !important;
  }

  .post-card .meta{ font-size:12px !important; }

  /* убираем любые отрицательные маргины у превью, делаем “квадратнее” */
  .post-card .post-image{
    margin:12px 0 12px 0 !important;
  }
  .post-card .post-image img{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    height: 100% !important;
      object-fit: cover;
    border-radius:16px !important;
  }
}

@media (max-width: 420px){
  .site-header,.site-main,.site-footer{ padding-left:10px !important; padding-right:10px !important; }
  article.post-card{ max-width:360px !important; padding:12px !important; }
  .post-card .entry-title{ font-size: clamp(18px, 7vw, 22px) !important; }
  .post-card .post-image img{ aspect-ratio: 1 / 1; }
}
/* --- ARK MOBILE FIX END --- */

/* --- ARK DESKTOP FIX START --- */
@media (min-width: 721px){
  /* Карточки */
  article.card.single-card,
  article.post-card{
    border-radius: 22px !important;
    overflow: hidden !important;
  }

  /* Контейнеры превью (на случай разных разметок) */
  article.card.single-card :is(.post-thumbnail, figure.wp-block-post-featured-image, .wp-block-post-featured-image, .post-image),
  article.post-card .post-image{
    margin: 16px 0 0 0 !important;
  }

  /*
    Ключевой фикс:
    - height:auto (никаких 100% без жёсткой рамки)
    - max-height режет "гигантизм"
    - width:100% сохраняет аккуратную ширину карточки
  */
  article.card.single-card :is(
    img.wp-post-image,
    .wp-post-image,
    .post-thumbnail img,
    figure.wp-block-post-featured-image img,
    .wp-block-post-featured-image img,
    .post-image img
  ),
  article.post-card .post-image img{
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
      /* <-- главное: убираем растяжение */
    /* <-- режем гигантизм */
    object-fit: cover !important;
    object-position: center !important;   /* если где-то задана высота — кроп, не растяжение */
    border-radius: 18px !important;
  }


  /* Catch-all: картинки внутри контента single */
  article.card.single-card .entry-content img,
  article.card.single-card .content img,
  article.card.single-card .post-content img{
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: 460px !important;
    object-fit: cover !important;
    object-position: center !important;
  }

  /* Небольшая страховка от "уезда" */
  .site-main, .wrap, .layout, .main{
    min-width: 0 !important;
  }
}

  /* DESKTOP GUARD: контент не должен растягиваться во всю ширину */
  @media (min-width: 721px){
    .wrap{
      width: auto !important;
      max-width: var(--w) !important;
      margin-left: auto !important;
      margin-right: auto !important;
      padding-left: var(--pad) !important;
      padding-right: var(--pad) !important;
      box-sizing: border-box !important;
    }

    body.single article.card.single-card,
    body.page  article.card.single-card{
      max-width: var(--w) !important;
      margin-left: auto !important;
      margin-right: auto !important;
    }
  }
/* --- ARK DESKTOP FIX END --- */

/* --- ARK OVERFLOW FIX START --- */
/* Фикс горизонтального распирания (контент уезжает вправо) */
html, body{ max-width:100%; overflow-x:hidden; }
*, *::before, *::after{ box-sizing:border-box; }

/* Длинные строки/код не должны расширять страницу */
pre{ max-width:100%; overflow-x:auto; }
code, pre code{ overflow-wrap:anywhere; word-break:break-word; }

/* На всякий случай: любые медиа/таблицы не раздвигают контейнер */
img, video, iframe, table{ max-width:100%; }
/* --- ARK OVERFLOW FIX END --- */

/* --- ARK DESKTOP SINGLE CONTAINER FIX START --- */
@media (min-width: 721px){
  /* общий контейнер */
  .wrap{
    max-width: var(--w) !important;
    margin: 0 auto !important;
    padding-left: var(--pad) !important;
    padding-right: var(--pad) !important;
    box-sizing: border-box !important;
  }

  /* ВАЖНО: именно “карточка” статьи на single/page */
  body.single article.card.single-card,
  body.page  article.card.single-card{
    background: var(--cardbg) !important;
    color: var(--cardtext) !important;
    border: 1px solid var(--cardline) !important;
    border-radius: var(--radius) !important;
    padding: var(--cardpad) !important;
    box-sizing: border-box !important;
  }

  /* чтобы текст внутри карточки был читаемый */
  body.single article.card.single-card p,
  body.page  article.card.single-card p{
    color: var(--cardmuted) !important;
  }
}
/* --- ARK DESKTOP SINGLE CONTAINER FIX END --- */

/* --- ARK DESKTOP SINGLE SQUARE COVER START --- */
@media (min-width: 721px){
  /* Узкая колонка только для single/page — под “квадратную” обложку */
  body.single .wrap,
  body.page  .wrap{
    max-width: 760px !important; /* <-- ключ: сужаем контент */
  }

  /* Обложка (featured image) делаем квадратной */
  body.single article.card.single-card .post-thumbnail img,
  body.page  article.card.single-card .post-thumbnail img{
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1 / 1 !important;
    object-fit: cover !important;
    object-position: center !important;
    display: block !important;
  }
}
/* --- ARK DESKTOP SINGLE SQUARE COVER END --- */

/* --- ARK HOME SQUARE CARDS START --- */
/* Главная/архивы: делаем карточки уже, а обложку — квадратной */
@media (min-width: 721px){
  /* 1) чуть уже сама лента, чтобы “квадратный” блок смотрелся цельно */
  body.blog .site-main,
  body.archive .site-main,
  body.home .site-main{
    max-width: 880px !important; /* <-- если надо ещё ужать: 820 / 780 */
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* 2) карточку ограничим по ширине (чтобы не расползалась на ультрашироких) */
  body.blog article.post-card,
  body.archive article.post-card,
  body.home article.post-card{
    max-width: 760px !important; /* <-- если нужно ещё “квадратнее”: 700 / 660 */
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* 3) сама картинка превью — квадрат */
  body.blog article.post-card .post-image img,
  body.archive article.post-card .post-image img,
  body.home article.post-card .post-image img,
  body.blog article.post-card img.wp-post-image,
  body.archive article.post-card img.wp-post-image,
  body.home article.post-card img.wp-post-image{
    width: 100% !important;
    height: 100% !important;
      object-fit: cover !important;
    object-position: center !important;
    display: block !important;
  }
}
/* --- ARK HOME SQUARE CARDS END --- */

/* --- ARK HEADER SEARCH START --- */
/* Компактный поиск “как на Chronivra”: справа, не на всю ширину */
.site-header{ position:relative !important; }

/* desktop/tablet */
.site-header .ark-header-search{
  position: relative !important;
  max-width: 420px !important;
  width: min(420px, 42vw) !important;
  margin: 10px 0 12px auto !important;   /* прижать вправо */
  padding: 0 var(--pad) !important;
  box-sizing: border-box !important;
}
.site-header .ark-header-search form{
  display:flex !important;
  align-items:center !important;
  gap: 12px !important;
  margin:0 !important;
}
.site-header .ark-header-search input[type="search"]{
  flex: 1 1 auto !important;
  min-width: 0 !important;
  height: 44px !important;
  border-radius: 14px !important;
}
.site-header .ark-header-search input[type="submit"],
.site-header .ark-header-search button,
.site-header .ark-header-search .wp-element-button{
  height: 44px !important;
  border-radius: 14px !important;
  padding: 0 16px !important;
  white-space: nowrap !important;
}

/* mobile: пусть снова становится нормальной ширины */
@media (max-width: 720px){


  .site-header .ark-header-search{
    width: 100% !important;
    max-width: 100% !important;
    margin: 10px auto 12px auto !important;
  }
}
/* --- ARK HEADER SEARCH END --- */



/* --- ARK DESKTOP CONTAINER FIX START --- */
@media (min-width: 721px){
  /* единый контейнер: десктоп/планшет */
  .wrap{
    width:auto !important;
    max-width:var(--w) !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:var(--pad) !important;
    padding-right:var(--pad) !important;
    box-sizing:border-box !important;
  }

  /* главный поток не должен становиться "резиновым" шире контейнера */
  .site-main{
    width:auto !important;
    max-width:100% !important;
    box-sizing:border-box !important;
  }
}
/* --- ARK DESKTOP CONTAINER FIX END --- */

/* --- ARK MOBILE SINGLE CARD FIX START --- */
@media (max-width: 720px){


  body.single .wrap,
  body.page .wrap{
    width: 100% !important;
    max-width: 520px !important;
    margin: 0 auto !important;
    padding: 0 12px !important;
    box-sizing: border-box !important;
  }

  body.single article.card.single-card,
  body.page  article.card.single-card{
    background: #f5f5f5 !important;
    color: #111 !important;
    border-radius: 22px !important;
    padding: 18px 16px !important;
    overflow: hidden !important;
  }

  /* ВАЖНО: убираем “призрачность” текста внутри белой карточки */
  body.single article.card.single-card :is(p, li, blockquote, figcaption, .meta, .entry-content, .post-content),
  body.page  article.card.single-card :is(p, li, blockquote, figcaption, .meta, .entry-content, .post-content){
    color: rgba(0,0,0,.92) !important;
    opacity: 1 !important;
  }
  body.single article.card.single-card :is(h2,h3,h4),
  body.page  article.card.single-card :is(h2,h3,h4){
    color: #111 !important;
    opacity: 1 !important;
  }
  body.single article.card.single-card a,
  body.page  article.card.single-card a{
    color: #0b0b0b !important;
    text-decoration: underline !important;
  }

  body.single .post-thumbnail img,
  body.page  .post-thumbnail img{
    width: 100% !important;
    height: auto !important;
    max-height: 460px !important;
    object-fit: cover !important;
    border-radius: 18px !important;
    display: block !important;
  }

  body.single article.card.single-card h1,
  body.page  article.card.single-card h1{
    font-size: clamp(26px, 7vw, 34px) !important;
    line-height: 1.08 !important;
    margin: 14px 0 10px 0 !important;
  }
}
/* --- ARK MOBILE SINGLE CARD FIX END --- */



/* ARK HEADER FIX START */
/* Включаем Primary Menu в шапке: оно есть в header.php, но было скрыто CSS */
.site-header .site-nav{
  display:block !important;
}

/* Раскладка шапки: бренд слева, меню справа, поиск отдельной строкой справа */
.site-header .header-inner{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:12px 14px;
}

/* Бренд занимает левую часть */
.site-header .brand{
  flex:1 1 360px;
  min-width:260px;
}

/* Меню — справа, кнопками */
.site-header .site-nav{
  flex:0 1 auto;
  margin-left:auto;
}
.site-header .site-nav .menu{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  justify-content:flex-end;
}
.site-header .site-nav .menu a{
  padding:6px 10px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:999px;
}

/* Поиск — отдельным блоком, не между пунктами меню */
.site-header .ark-header-search{
  flex:0 1 420px;
  margin-left:auto;
  order:3;
}
.site-header .ark-header-search form{
  display:flex;
  gap:10px;
  justify-content:flex-end;
}
.site-header .ark-header-search input[type="search"],
.site-header .ark-header-search input[type="text"]{
  width:min(360px, 60vw);
}

/* На узких экранах: меню и поиск в одну колонку, аккуратно */
@media (max-width: 900px){
  .site-header .brand{flex:1 1 100%;}
  .site-header .site-nav{flex:1 1 100%; margin-left:0;}
  .site-header .site-nav .menu{justify-content:flex-start;}
  .site-header .ark-header-search{flex:1 1 100%; margin-left:0;}
  .site-header .ark-header-search form{justify-content:flex-start;}
  .site-header .ark-header-search input[type="search"],
  .site-header .ark-header-search input[type="text"]{
    width:100%;
  }
}
/* ARK HEADER FIX END */


/* ARK SEARCH TUNE START */
/* Компактный поиск: меньше ширина, справа, не по центру */
.site-header .ark-header-search{
  max-width: 340px;
  margin-left: auto;
}
.site-header .ark-header-search form{
  justify-content: flex-end;
}
.site-header .ark-header-search input[type="search"],
.site-header .ark-header-search input[type="text"]{
  width: 240px;
  max-width: 240px;
}
.site-header .ark-header-search button,
.site-header .ark-header-search input[type="submit"]{
  padding-left: 14px;
  padding-right: 14px;
}

/* На телефоне — наоборот, удобно: на всю ширину */
@media (max-width: 600px){
  .site-header .ark-header-search{
    max-width: none;
  }
  .site-header .ark-header-search input[type="search"],
  .site-header .ark-header-search input[type="text"]{
    width: 100%;
    max-width: none;
  }
}
/* ARK SEARCH TUNE END */






/* === ARK POSTCARD COMPACT VERTICAL START === */
/* Важно: НЕ трогаем .post-image и img. Убираем «вытягивание вниз» за счёт ширины и ограничения текста. */
body.home .site-main,
body.blog .site-main,
body.archive .site-main{
  max-width: 780px !important;   /* чуть шире, чтобы меньше переносов */
  margin-left: auto !important;
  margin-right: auto !important;
}

body.home article.post-card,
body.blog article.post-card,
body.archive article.post-card{
  max-width: 560px !important;   /* компактно, но не узко */
  padding: 14px !important;
  margin: 0 auto 18px !important;
}

/* заголовок/мета компактнее */
body.home article.post-card .entry-title,
body.blog article.post-card .entry-title,
body.archive article.post-card .entry-title{
  margin: 0 0 8px 0 !important;
  line-height: 1.12 !important;
}

body.home article.post-card .meta,
body.blog article.post-card .meta,
body.archive article.post-card .meta{
  margin: 0 0 8px 0 !important;
}

/* главное: ограничиваем «анонс», чтобы карточка не раздувалась вниз */
body.home article.post-card .entry-summary p,
body.blog article.post-card .entry-summary p,
body.archive article.post-card .entry-summary p{
  margin: 10px 0 0 0 !important;
  line-height: 1.45 !important;

  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 5 !important; /* 4–6 строк обычно идеально */
  overflow: hidden !important;
}
/* === ARK POSTCARD COMPACT VERTICAL END === */

/* === ARK POSTCARD GRID LAYOUT START === */
/* 2 колонки только на достаточно широких экранах. Картинку НЕ трогаем. */
@media (min-width: 920px){
  body.home main.site-main,
  body.blog main.site-main,
  body.archive main.site-main{
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 22px !important;
    align-items: start !important;
    max-width: 1080px !important; /* общий контейнер шире */
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* карточка становится grid-item: без центровки и без max-width */
  body.home article.post-card,
  body.blog article.post-card,
  body.archive article.post-card{
    max-width: none !important;
    width: 100% !important;
    margin: 0 !important;
  }
}

/* на промежуточных ширинах — одна колонка, но компактно */
@media (min-width: 721px) and (max-width: 919px){
  body.home main.site-main,
  body.blog main.site-main,
  body.archive main.site-main{
    max-width: 820px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  body.home article.post-card,
  body.blog article.post-card,
  body.archive article.post-card{
    max-width: 620px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
/* === ARK POSTCARD GRID LAYOUT END === */

/* === ARK HOME GRID COMPACT START === */
/* цель: как на новостниках — компактные карточки, 2 колонки на десктопе, без excerpt и без кнопки */

/* 1) сетка ленты (листинги) */
body.home main.site-main,
body.blog main.site-main,
body.archive main.site-main{
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 18px !important;
  align-items: start !important;
}

/* 2 колонки — когда реально есть место */
@media (min-width: 980px){
  body.home main.site-main,
  body.blog main.site-main,
  body.archive main.site-main{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 22px !important;
  }
}

/* 2) карточка внутри грида не должна сама себя “центрировать” и растягивать */
body.home article.post-card,
body.blog article.post-card,
body.archive article.post-card{
  margin: 0 !important;
  max-width: none !important; /* ширину задаёт grid */
  width: 100% !important;
}

/* 3) убираем то, что раздувает высоту */
body.home article.post-card .entry-summary,
body.blog article.post-card .entry-summary,
body.archive article.post-card .entry-summary{
  display: none !important;
}

body.home article.post-card p.read-more,
body.blog article.post-card p.read-more,
body.archive article.post-card p.read-more{
  display: none !important;
}
/* === ARK HOME GRID COMPACT END === */

/* === ARK POST TITLE COMPACT START === */
/* цель: компактнее карточки — меньше заголовки и ограничение строк (home/blog/archive) */

body.home article.post-card .entry-title,
body.blog article.post-card .entry-title,
body.archive article.post-card .entry-title{
  font-size: clamp(18px, 2.1vw, 22px) !important;
  line-height: 1.12 !important;
  margin: 0 0 10px 0 !important;
  letter-spacing: -0.01em !important;
}

/* ограничение строк заголовка (чтобы не раздувал карточку) */
body.home article.post-card .entry-title a,
body.blog article.post-card .entry-title a,
body.archive article.post-card .entry-title a{
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 3 !important; /* максимум 3 строки */
  overflow: hidden !important;
}

/* на очень узких — чуть больше допуска (иначе “обрубает” слишком агрессивно) */
@media (max-width: 420px){
  body.home article.post-card .entry-title a,
  body.blog article.post-card .entry-title a,
  body.archive article.post-card .entry-title a{
    -webkit-line-clamp: 4 !important;
  }
}
/* === ARK POST TITLE COMPACT END === */


/* ============================================================
   ARK CARD LAYOUT FINAL START
   цель: компактные карточки, 2 колонки на десктопе, квадратные превью,
   кремовый фон внутри карточки, без кнопки "читать далее" в ленте.
   ============================================================ */

/* фон карточки (внутри), мягкий "тёмно-кремовый" */
body.home article.post-card,
body.blog article.post-card,
body.archive article.post-card{
  background: #efe2c7 !important;
}

/* двухколоночная сетка на десктопе */
@media (min-width: 900px){
  body.home main.site-main,
  body.blog main.site-main,
  body.archive main.site-main{
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 22px !important;
    max-width: 1100px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body.home main.site-main article.post-card,
  body.blog main.site-main article.post-card,
  body.archive main.site-main article.post-card{
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
  }
}

/* общая компактность карточки */
body.home article.post-card,
body.blog article.post-card,
body.archive article.post-card{
  border-radius: 22px !important;
  overflow: hidden !important;
  padding: 18px !important;
  margin: 0 auto 18px !important;
  max-width: 520px !important; /* на мобиле/планшете не раздуваемся */
}

/* заголовок компактнее (чтобы карточки не “тянуло”) */
body.home article.post-card .entry-title,
body.blog article.post-card .entry-title,
body.archive article.post-card .entry-title{
  font-size: clamp(20px, 2.2vw, 28px) !important;
  line-height: 1.12 !important;
  margin: 0 0 10px 0 !important;
}

/* превью: квадрат, без растяжения, кроп */
body.home article.post-card .post-image,
body.blog article.post-card .post-image,
body.archive article.post-card .post-image{
  width: 100% !important;
  aspect-ratio: 1 / 1 !important;
  overflow: hidden !important;
  border-radius: 18px !important;
  margin: 14px 0 14px 0 !important;
  position: relative !important;
}

body.home article.post-card .post-image > a,
body.blog article.post-card .post-image > a,
body.archive article.post-card .post-image > a{
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
}

body.home article.post-card .post-image img.wp-post-image,
body.blog article.post-card .post-image img.wp-post-image,
body.archive article.post-card .post-image img.wp-post-image{
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
  max-width: none !important;
  border-radius: 18px !important;
}

/* убираем "читать далее" только в ленте (home/blog/archive) */
body.home article.post-card .read-more,
body.blog article.post-card .read-more,
body.archive article.post-card .read-more,
body.home article.post-card a.wp-block-post-excerpt__more-link,
body.blog article.post-card a.wp-block-post-excerpt__more-link,
body.archive article.post-card a.wp-block-post-excerpt__more-link{
  display: none !important;
}

/* чуть поджимаем отступы под превью-текст */
body.home article.post-card .entry-summary,
body.blog article.post-card .entry-summary,
body.archive article.post-card .entry-summary{
  margin-top: 6px !important;
}

/* ============================================================
   ARK CARD LAYOUT FINAL END
   ============================================================ */


/* ============================================================
   ARK DEBUG MARKERS START (OFF BY DEFAULT)
   включение: убери символы "/*" и "*/" вокруг блока ниже
   ============================================================ */
/*
body.home article.post-card,
body.blog article.post-card,
body.archive article.post-card{ outline: 6px solid #00b3ff !important; outline-offset: 3px !important; }

body.home article.post-card .post-image,
body.blog article.post-card .post-image,
body.archive article.post-card .post-image{ outline: 6px solid #ff3b30 !important; outline-offset: 3px !important; }

body.home article.post-card .post-image img.wp-post-image,
body.blog article.post-card .post-image img.wp-post-image,
body.archive article.post-card .post-image img.wp-post-image{ outline: 6px solid #00ff00 !important; outline-offset: 2px !important; }

body.home article.post-card .entry-title,
body.blog article.post-card .entry-title,
body.archive article.post-card .entry-title{ outline: 6px solid #a855f7 !important; outline-offset: 2px !important; }
*/
/* ============================================================
   ARK DEBUG MARKERS END
   ============================================================ */

/* === ARK CARD COMPACT CONTENT START === */
/* цель: компактные карточки, без “читать далее” и без длинного текста (home/blog/archive) */
body.home article.post-card .entry-summary,
body.blog article.post-card .entry-summary,
body.archive article.post-card .entry-summary{
  display: none !important;
}

body.home article.post-card p.read-more,
body.blog article.post-card p.read-more,
body.archive article.post-card p.read-more{
  display: none !important;
}
/* === ARK CARD COMPACT CONTENT END === */


/* === ARK INSIDE-ARTICLE CARD SKIN START === */
/* работаем строго по ПУРПУРНОМУ: .inside-article */
body.home article.post-card .inside-article,
body.blog article.post-card .inside-article,
body.archive article.post-card .inside-article{
  background: #e7d9bf !important; /* тёмно-кремовый */
  padding: 18px 18px 16px !important;
  border-radius: 22px !important;
}

/* чтобы ничего “не уезжало” из-за радиусов */
body.home article.post-card,
body.blog article.post-card,
body.archive article.post-card{
  overflow: visible !important; /* внешнее пусть не режет тень/фон внутри */
}

body.home article.post-card .post-image,
body.blog article.post-card .post-image,
body.archive article.post-card .post-image{
  overflow: hidden !important;  /* режем углы у картинки */
  border-radius: 18px !important;
}
/* === ARK INSIDE-ARTICLE CARD SKIN END === */

/* === ARK HEADER SEARCH STRIP V1 START === */
/* MARKER: header search block */
/* compact header search */
.ark-header-search{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  margin: 6px 0 10px 0;
}

.ark-header-search form.search-form{
  display:flex;
  align-items:center;
  width: 220px;
  max-width: 220px;
}

.ark-header-search .search-field{
  width: 100%;
  height: 34px;
  padding: 0 12px;
  border-radius: 14px;
  background: rgba(0,0,0,.35) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  color: rgba(255,255,255,.92) !important;
  outline: none !important;
}

.ark-header-search .search-field::placeholder{
  color: rgba(255,255,255,.55) !important;
}

.ark-header-search .search-field:focus{
  border-color: rgba(255,255,255,.26) !important;
  box-shadow: 0 0 0 3px rgba(255,255,255,.10) !important;
}

/* remove button */
.ark-header-search .search-submit{
  display:none !important;
}

.ark-header-search label{
  margin:0 !important;
  width:100% !important;
}

@media (max-width: 720px){
  .ark-header-search form.search-form{ width: 190px; max-width: 190px; }
}
/* === ARK HEADER SEARCH STRIP V1 END === */

/* === ARK HEADER SEARCH THEME START === */
.ark-header-search{
  max-width: 320px;
  width: 320px;
  margin-left: auto;
}

.ark-header-search .ark-searchform{
  margin: 0;
}

.ark-header-search .ark-searchform__input{
  width: 100%;
  padding: 10px 12px;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(20,20,20,.65);
  color: rgba(255,255,255,.92);
  box-shadow: 0 8px 24px rgba(0,0,0,.35);
}

.ark-header-search .ark-searchform__input::placeholder{
  color: rgba(255,255,255,.55);
}

.ark-header-search .screen-reader-text{
  position: absolute !important;
  left: -9999px !important;
}
/* === ARK HEADER SEARCH THEME END === */