/* ==========================================================================
   hjartland.se — облик «Innehåll» (оглавление номера).
   Грузится ПОСЛЕ общего app.css и перебивает его. app.css НЕ трогаем:
   он один на восемь сайтов сети.

   Чем этот сайт отличается от шести уже переделанных соседей:

   1) ГЛАВНАЯ — это оглавление, а не портал. Ни карусели, ни бегущей строки,
      ни одной карточки с картинкой. Материалы идут нумерованными строками
      01…NN в две текстовые колонки. У сайта всё равно нет ни одной
      иллюстрации в базе — вместо серых заглушек честная типографика.
   2) ЦЕЛИКОМ ГРОТЕСК. boivarmland.se, ближайший сосед по территории,
      сделан целиком засечным (Bodoni Moda + Newsreader). Здесь ровно
      наоборот: Archivo в заголовках и Karla в тексте, ни одной засечки.
   3) БОКОВОЙ КОЛОНКИ НЕТ НИГДЕ. Виджеты не выброшены, а сведены в нижний
      «Register» — горизонтальную полосу в три колонки под текстом.
      У toppfiske рельс справа, у boigotland слева, здесь его нет вовсе,
      но и полос во всю ширину, как у boinynashamn, тоже нет.
   4) ОДИН АКЦЕНТ — брусника #8E1F3B. Ни янтаря, ни ржавчины, ни латуни,
      ни синего. Второго акцентного цвета на сайте не существует.
   5) НИ ОДНОГО СКРУГЛЕНИЯ И НИ ОДНОЙ ТЕНИ. Всё держится на линейках,
      номерах и капители.

   Правлено 3 сентября 2026.
   ========================================================================== */

:root{
  --hj-paper:#F1F0EA;      /* лён, фон страницы */
  --hj-sheet:#FBFAF6;      /* лист под длинным текстом */
  --hj-deep:#191D1A;       /* шапка, подвал, тёмная плашка */
  --hj-deep-2:#0F120F;
  --hj-ink:#151815;        /* основной текст */
  --hj-dim:#6A716B;        /* служебный */
  --hj-faint:#9AA09A;
  --hj-line:#D5D4C9;       /* волосяная линейка */
  --hj-line-d:#BCBBAE;
  --hj-acc:#8E1F3B;        /* брусника — единственный акцент */
  --hj-acc-d:#66142A;
  --hj-acc-w:rgba(142,31,59,.10);
  --hj-measure:68ch;
}

/* ---------- основа ---------- */
html{ background:var(--hj-paper); -webkit-text-size-adjust:100%; }
body{
  background:var(--hj-paper) !important;
  color:var(--hj-ink);
  font-family:'Karla',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  font-size:17px; line-height:1.62;
  -webkit-font-smoothing:antialiased;
}
img{ max-width:100%; height:auto; }
*{ border-radius:0 !important; box-shadow:none !important; }

h1,h2,h3,h4,h5,h6{
  font-family:'Archivo','Karla',system-ui,sans-serif;
  color:var(--hj-ink); font-weight:700; letter-spacing:-.018em; line-height:1.15;
  text-transform:none !important;   /* strtoupper ломает Ä/Ö — глушим на корню */
}
a{ color:var(--hj-ink); text-decoration:none; }
a:hover{ color:var(--hj-acc); }

.inner{ max-width:1120px; margin:0 auto; padding:0 26px; }
.boxed-content-wrapper{
  background:transparent !important; box-shadow:none !important;
  border:0 !important; padding:0 !important; margin:0 !important;
}
.site-content{ background:transparent !important; padding:0 !important; }

/* ---------- верхняя полоса ---------- */
.topbar{ background:var(--hj-deep-2) !important; border:0 !important; }
.topbar-inner{ min-height:32px; display:flex; align-items:center; justify-content:space-between; }
.topbar-left{ display:flex; gap:22px; }
.topbar-left a,.topbar-right a,.topbar-right span{
  color:#8E948E !important; font-size:11.5px; letter-spacing:.14em;
  text-transform:uppercase; font-weight:600;
  font-family:'Archivo',sans-serif;
}
.topbar-left a:hover{ color:#fff !important; }

/* ---------- шапка: низкая, разделённая, набранная текстом ---------- */
.header-hero{
  background:var(--hj-deep) !important; background-image:none !important;
  padding:0; min-height:0; height:auto; border:0;
}
.header-logo-area{ padding:0 !important; background:transparent !important; }
.hj-head{
  display:flex; align-items:flex-end; justify-content:space-between; gap:30px;
  padding:30px 0 26px; border-bottom:5px solid var(--hj-acc);
}
.hj-word{
  display:block; font-family:'Archivo',sans-serif; font-weight:800;
  font-size:clamp(2.1rem,5.6vw,3.5rem); line-height:.94; letter-spacing:-.045em;
  color:#F4F2EC; text-transform:uppercase;
}
.hj-word span{ color:var(--hj-acc); }
.hj-kolofon{
  text-align:right; color:#8E948E; font-family:'Archivo',sans-serif;
  font-size:11.5px; letter-spacing:.13em; text-transform:uppercase;
  font-weight:600; line-height:1.9; white-space:nowrap;
}
.hj-kolofon b{ color:#D8D5CC; font-weight:600; display:block; }

/* ---------- навигация: на бумаге, разделённая пилами ---------- */
.navigation{
  background:transparent !important; border:0 !important;
  border-bottom:1px solid var(--hj-line-d) !important;
  display:flex; align-items:center; justify-content:space-between;
  gap:16px; padding:0 !important; margin:0 0 34px !important;
}
.main-menu{
  display:flex; flex-wrap:wrap; gap:0; margin:0; padding:0; list-style:none;
  background:transparent !important;
}
.main-menu li{ margin:0; }
.main-menu li + li{ border-left:1px solid var(--hj-line); }
.main-menu li a{
  display:block; padding:15px 17px;
  font-family:'Archivo',sans-serif; font-size:11.5px; font-weight:700;
  letter-spacing:.15em; text-transform:uppercase; color:var(--hj-ink) !important;
  background:transparent !important; border:0 !important;
  border-bottom:3px solid transparent;
}
.main-menu li a:hover{ color:var(--hj-acc) !important; }
.main-menu li.active a{ color:var(--hj-acc) !important; border-bottom-color:var(--hj-acc); }
.navigation .nav-search{ display:flex; align-items:center; gap:0; }
.navigation .nav-search input[type=text]{
  border:0 !important; border-bottom:1px solid var(--hj-line-d) !important;
  background:transparent !important; padding:6px 4px !important; width:130px;
  font-family:'Karla',sans-serif; font-size:13px; color:var(--hj-ink);
}
.navigation .nav-search input[type=text]:focus{ outline:none; border-bottom-color:var(--hj-acc) !important; }
.navigation .nav-search button[type=submit]{
  background:transparent !important; border:0 !important;
  color:var(--hj-dim) !important; padding:6px 4px !important; cursor:pointer;
}
.navigation .nav-search button[type=submit]:hover{ color:var(--hj-acc) !important; }
.nav-toggle{ display:none; }

/* ---------- бегущая строка и карусель: на этом сайте их нет ---------- */
.news-ticker,.featured-slider,.slider-thumbs{ display:none !important; }

/* ==========================================================================
   ГЛАВНАЯ — оглавление номера
   ========================================================================== */
.hj-lead{
  display:block; padding:0 0 30px; margin:0 0 8px;
  border-bottom:1px solid var(--hj-line-d);
}
.hj-lead .hj-kicker{
  display:block; font-family:'Archivo',sans-serif; font-size:11px;
  font-weight:700; letter-spacing:.2em; text-transform:uppercase;
  color:var(--hj-acc); margin-bottom:14px;
}
.hj-lead h2{
  font-size:clamp(1.85rem,4.3vw,3.05rem); line-height:1.06;
  letter-spacing:-.035em; max-width:19ch; margin:0 0 16px;
}
.hj-lead h2 a{ color:var(--hj-ink); }
.hj-lead h2 a:hover{ color:var(--hj-acc); }
.hj-lead .hj-standfirst{
  max-width:56ch; color:#3E443F; font-size:1.06rem; line-height:1.55; margin:0 0 14px;
}
.hj-lead .hj-date{
  font-family:'Archivo',sans-serif; font-size:11px; font-weight:600;
  letter-spacing:.16em; text-transform:uppercase; color:var(--hj-faint);
}

/* --- заголовок раздела: номер + имя + линейка до правого края --- */
.hj-sec{ margin:44px 0 0; }
.hj-sec-head{
  display:flex; align-items:baseline; gap:14px; margin:0 0 4px;
  padding-bottom:9px; border-bottom:2px solid var(--hj-ink);
}
.hj-sec-num{
  font-family:'Archivo',sans-serif; font-weight:800; font-size:13px;
  letter-spacing:.06em; color:var(--hj-acc);
}
.hj-sec-name{
  font-family:'Archivo',sans-serif; font-weight:700; font-size:13px;
  letter-spacing:.2em; text-transform:uppercase; color:var(--hj-ink);
}
.hj-sec-more{
  margin-left:auto; font-family:'Archivo',sans-serif; font-size:11px;
  font-weight:600; letter-spacing:.14em; text-transform:uppercase;
  color:var(--hj-dim);
}
.hj-sec-more:hover{ color:var(--hj-acc); }

/* --- нумерованные строки в две колонки --- */
.hj-index{
  column-count:2; column-gap:46px; column-rule:1px solid var(--hj-line);
  margin:0; padding:0; list-style:none;
}
.hj-row{
  break-inside:avoid; -webkit-column-break-inside:avoid;
  display:grid; grid-template-columns:44px 1fr; gap:0 14px;
  padding:20px 0 19px; border-bottom:1px solid var(--hj-line);
}
.hj-row .n{
  font-family:'Archivo',sans-serif; font-weight:800; font-size:1.5rem;
  line-height:1; letter-spacing:-.05em; color:#9C9B8D;
  padding-top:3px;
}
.hj-row h3{ font-size:1.13rem; line-height:1.25; margin:0 0 7px; letter-spacing:-.022em; }
.hj-row p{ margin:0 0 8px; font-size:.94rem; line-height:1.5; color:#4C534D; }
.hj-row .m{
  font-family:'Archivo',sans-serif; font-size:10.5px; font-weight:600;
  letter-spacing:.14em; text-transform:uppercase; color:var(--hj-faint);
}
.hj-row .m i{ font-style:normal; color:var(--hj-acc); }

/* --- «Register»: нижняя полоса вместо боковой колонки --- */
.hj-register{
  margin:56px 0 0; padding:34px 0 6px;
  border-top:5px solid var(--hj-ink);
  display:grid; grid-template-columns:repeat(3,1fr); gap:34px;
}
.hj-reg-col h4{
  font-family:'Archivo',sans-serif; font-size:11px; font-weight:700;
  letter-spacing:.2em; text-transform:uppercase; color:var(--hj-acc);
  margin:0 0 14px; padding-bottom:9px; border-bottom:1px solid var(--hj-line-d);
}
.hj-reg-col ul{ margin:0; padding:0; list-style:none; }
.hj-reg-col li{ padding:8px 0; border-bottom:1px solid var(--hj-line); font-size:.95rem; line-height:1.35; }
.hj-reg-col li span{
  display:block; font-family:'Archivo',sans-serif; font-size:10.5px;
  font-weight:600; letter-spacing:.13em; text-transform:uppercase;
  color:var(--hj-faint); margin-top:3px;
}
.hj-reg-note{ font-size:.93rem; color:var(--hj-dim); line-height:1.55; }
.hj-reg-note a{ color:var(--hj-acc); border-bottom:1px solid var(--hj-acc-w); }

.bottom-message{
  background:transparent !important; border:0 !important;
  margin:40px 0 0 !important; padding:16px 0 0 !important;
  border-top:1px solid var(--hj-line) !important;
  font-size:.92rem; color:var(--hj-dim); text-align:left !important;
}
.bottom-message p{ margin:0; color:var(--hj-dim); }

/* ==========================================================================
   ВНУТРЕННИЕ СТРАНИЦЫ — одна колонка, рельса нет,
   старая .sidebar превращается в нижний трёхколоночный регистр
   ========================================================================== */
.content-wrap{
  display:block !important; background:transparent !important;
  box-shadow:none !important; padding:0 !important;
}
.content-wrap > main{ max-width:var(--hj-measure); }
.content-wrap > aside.sidebar,
.content-wrap > .sidebar{
  width:auto !important; max-width:none !important; float:none !important;
  margin:56px 0 0 !important; padding:34px 0 0 !important;
  border-top:5px solid var(--hj-ink);
  display:grid !important; grid-template-columns:repeat(3,1fr); gap:32px;
  background:transparent !important;
}
.sidebar .widget{
  background:transparent !important; border:0 !important; padding:0 !important;
  margin:0 !important;
}
.widget-head{
  background:transparent !important; color:var(--hj-acc) !important;
  font-family:'Archivo',sans-serif; font-size:11px; font-weight:700;
  letter-spacing:.2em; text-transform:uppercase; padding:0 0 9px !important;
  margin:0 0 14px !important; border-bottom:1px solid var(--hj-line-d) !important;
}
.widget-body{ background:transparent !important; padding:0 !important; }
.popular-item{
  display:block !important; padding:9px 0; border-bottom:1px solid var(--hj-line);
}
.popular-item .pop-thumb{ display:none !important; }
.popular-item h4{ font-size:.98rem; line-height:1.3; margin:0 0 3px; font-weight:600; }
.popular-item .meta{
  font-family:'Archivo',sans-serif; font-size:10.5px; font-weight:600;
  letter-spacing:.13em; text-transform:uppercase; color:var(--hj-faint);
}
.widget-categories-list ul{ margin:0; padding:0; list-style:none; }
.widget-categories-list li{ padding:8px 0; border-bottom:1px solid var(--hj-line); font-size:.95rem; }

/* --- статья --- */
.single-post{ background:transparent !important; padding:0 !important; border:0 !important; }
.single-post h1{
  font-size:clamp(1.85rem,4.2vw,2.7rem); line-height:1.07; letter-spacing:-.035em;
  margin:0 0 18px; max-width:20ch;
}
.post-meta,.single-post .meta{
  font-family:'Archivo',sans-serif; font-size:11px; font-weight:600;
  letter-spacing:.15em; text-transform:uppercase; color:var(--hj-faint);
  padding:0 0 18px; margin:0 0 26px; border-bottom:2px solid var(--hj-ink);
}
.post-content{ font-size:1.05rem; line-height:1.72; }
.post-content p{ margin:0 0 1.15em; }
.post-content h2{
  font-size:1.32rem; letter-spacing:-.02em; margin:2.1em 0 .55em;
  padding-top:.55em; border-top:1px solid var(--hj-line);
  background:none !important; color:var(--hj-ink) !important;
}
.post-content h2:before{
  content:""; display:block; width:38px; height:3px;
  background:var(--hj-acc); margin:0 0 12px;
}
.post-content h3{ font-size:1.1rem; margin:1.7em 0 .5em; }
.post-content a{ color:var(--hj-acc); border-bottom:1px solid var(--hj-acc-w); }
.post-content ul,.post-content ol{ margin:0 0 1.2em 1.1em; }
.post-content li{ margin-bottom:.45em; }
.post-content blockquote{
  margin:1.6em 0; padding:2px 0 2px 20px; border-left:3px solid var(--hj-acc);
  color:#3E443F; font-size:1.06rem;
}
.post-content img{ margin:1.4em 0; }

/* --- лента рубрики --- */
.content-wrap > main,
.content-wrap > main > *,
.categories-page,
.blog-list{ background:transparent !important; box-shadow:none !important; }
.blog-list{ display:block; margin:0 !important; padding:0 !important; border:0 !important; }
.blog-item{
  background:transparent !important; border:0 !important;
  border-bottom:1px solid var(--hj-line) !important;
  padding:0 0 26px !important; margin:0 0 26px !important;
  display:block !important;
}
.blog-item-img{ display:none !important; }
.blog-item h2,.blog-item h3{ font-size:1.4rem; line-height:1.18; margin:0 0 8px; letter-spacing:-.028em; }
.blog-item .meta{
  display:block; font-family:'Archivo',sans-serif; font-size:10.5px; font-weight:600;
  letter-spacing:.14em; text-transform:uppercase; color:var(--hj-faint);
  border:0; padding:0; margin:0 0 10px;
}
.blog-item .excerpt,.blog-item-content p{ font-size:.99rem; line-height:1.55; color:#4C534D; margin:0 0 10px; }
.blog-separator{ display:none !important; }
.btn-las-mer{
  display:inline-block; font-family:'Archivo',sans-serif; font-size:10.5px;
  font-weight:700; letter-spacing:.16em; text-transform:uppercase;
  color:var(--hj-acc) !important; background:transparent !important;
  border:0 !important; border-bottom:1px solid var(--hj-acc) !important;
  padding:0 0 2px !important;
}
.btn-las-mer:hover{ color:var(--hj-acc-d) !important; }

/* --- список рубрик --- */
.categories-page{ display:grid; grid-template-columns:repeat(2,1fr); gap:0 40px; }
.category-card{
  background:transparent !important; border:0 !important;
  border-bottom:1px solid var(--hj-line) !important; padding:16px 0 !important;
  display:flex; align-items:baseline; justify-content:space-between; gap:14px;
}
.cat-name{ font-family:'Archivo',sans-serif; font-weight:700; font-size:1.02rem; letter-spacing:-.02em; }
.cat-count{
  font-family:'Archivo',sans-serif; font-size:10.5px; font-weight:600;
  letter-spacing:.14em; text-transform:uppercase; color:var(--hj-faint);
}
.section-head{
  display:flex !important; align-items:baseline; gap:14px;
  background:transparent !important; color:var(--hj-ink) !important;
  margin:34px 0 18px !important; padding:0 0 9px !important;
  border:0 !important; border-bottom:2px solid var(--hj-ink) !important;
}
.section-head h1,.section-head h2,.section-head h3{
  font-size:13px; font-weight:700; letter-spacing:.2em;
  text-transform:uppercase !important; color:var(--hj-ink) !important;
  background:transparent !important; margin:0; padding:0;
}

/* --- список услуг в нижнем регистре --- */
.hj-svc{ margin:0; padding:0; list-style:none; }
.hj-svc li{ padding:9px 0; border-bottom:1px solid var(--hj-line); }
.hj-svc li a{ font-family:'Archivo',sans-serif; font-weight:700; font-size:.98rem; }
.hj-svc li span{
  display:block; font-size:.87rem; line-height:1.4; color:var(--hj-dim); margin-top:3px;
}
.section-head .view-all{
  margin-left:auto; font-family:'Archivo',sans-serif; font-size:11px;
  font-weight:600; letter-spacing:.14em; text-transform:uppercase; color:var(--hj-dim);
}

/* --- карточки, если где-то остались, — в строки --- */
.cat-row{ display:block; }
.post-card{
  background:transparent !important; border:0 !important;
  border-bottom:1px solid var(--hj-line) !important; padding:0 0 18px !important;
  margin:0 0 18px !important;
}
.post-card .thumb{ display:none !important; }
.post-card h3{ font-size:1.12rem; margin:0 0 6px; }

/* --- рейтинг --- */
.rating-widget{
  background:transparent !important; border:1px solid var(--hj-line-d) !important;
  padding:18px 20px !important; margin:34px 0 0 !important;
}
.rating-title{ font-family:'Archivo',sans-serif; font-size:11px; font-weight:700;
  letter-spacing:.18em; text-transform:uppercase; color:var(--hj-acc); }
.star{ color:var(--hj-line-d); }
.star.filled{ color:var(--hj-acc); }

/* --- фотогалерея --- */
.photo-gallery{ display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.gallery-item img{ width:100%; display:block; }
.pagination{ display:flex; gap:8px; margin:26px 0 0; font-family:'Archivo',sans-serif; font-size:12px; }
.pagination a,.pagination .current{ padding:6px 11px; border:1px solid var(--hj-line-d); }
.pagination .current{ background:var(--hj-ink); color:#F4F2EC; border-color:var(--hj-ink); }

/* ---------- формы ---------- */
input[type=text],input[type=email],input[type=tel],textarea,select{
  border:1px solid var(--hj-line-d) !important; background:var(--hj-sheet) !important;
  font-family:'Karla',sans-serif; font-size:.98rem; padding:10px 12px;
}
button[type=submit],.btn,input[type=submit]{
  background:var(--hj-ink) !important; color:#F4F2EC !important;
  border:0 !important; font-family:'Archivo',sans-serif; font-weight:700;
  font-size:11px; letter-spacing:.16em; text-transform:uppercase; padding:12px 22px !important;
}
button[type=submit]:hover,.btn:hover{ background:var(--hj-acc) !important; }

/* ---------- подвал ---------- */
.footer{
  background:var(--hj-deep) !important; color:#A8AEA8;
  margin-top:64px; padding:44px 0 0; border-top:5px solid var(--hj-acc);
}
.footer a{ color:#D8D5CC; }
.footer a:hover{ color:#fff; }
.footer-cols{ display:grid; grid-template-columns:1.5fr 1fr 1fr; gap:38px; }
.footer-col h4{
  font-family:'Archivo',sans-serif; font-size:11px; font-weight:700;
  letter-spacing:.2em; text-transform:uppercase; color:#F4F2EC;
  margin:0 0 14px; padding-bottom:9px; border-bottom:1px solid rgba(244,242,236,.18);
}
.footer-col p{ font-size:.93rem; line-height:1.6; color:#A8AEA8; }
.footer-col ul{ margin:0; padding:0; list-style:none; }
.footer-col li{ padding:7px 0; border-bottom:1px solid rgba(244,242,236,.09); font-size:.93rem; }
.footer-rec-item{ display:block; padding:8px 0; border-bottom:1px solid rgba(244,242,236,.09); }
.footer-rec-thumb{ display:none !important; }
.footer-rec-text a{ font-size:.93rem; line-height:1.35; display:block; color:#D8D5CC !important; }
.footer-rec-text a:hover{ color:#fff !important; }
.footer-rec-text span{
  display:block; font-family:'Archivo',sans-serif; font-size:10px; font-weight:600;
  letter-spacing:.13em; text-transform:uppercase; color:#727872; margin-top:3px;
}
.footer-bottom{
  margin-top:36px; padding:16px 0 20px; border-top:1px solid rgba(244,242,236,.14);
}
.footer-bottom p{
  font-family:'Archivo',sans-serif; font-size:10.5px; font-weight:600;
  letter-spacing:.13em; text-transform:uppercase; color:#727872;
}

/* ---------- партнёрская плашка: живёт внутри тёмного подвала ---------- */
.ds-partners{ border-top:1px solid rgba(244,242,236,.14); }
.ds-partners a{ border:1px solid rgba(244,242,236,.20); display:block; }
.ds-partners a:hover{ border-color:var(--hj-acc); }

/* ---------- cookie ---------- */
.cookie-banner{ background:var(--hj-deep) !important; color:#D8D5CC; border-top:3px solid var(--hj-acc); }
.cookie-banner a{ color:#fff; }
.cookie-accept{ background:var(--hj-acc) !important; color:#fff !important; }
.cookie-decline{ background:transparent !important; color:#D8D5CC !important; border:1px solid rgba(244,242,236,.35) !important; }
.cookie-accept,.cookie-decline{
  font-family:'Archivo',sans-serif; font-weight:700; font-size:11px;
  letter-spacing:.14em; text-transform:uppercase; padding:10px 18px;
}

/* ==========================================================================
   МОБИЛЬНЫЙ
   ========================================================================== */
@media (max-width:900px){
  .hj-register,
  .content-wrap > aside.sidebar,
  .content-wrap > .sidebar{ grid-template-columns:1fr 1fr; }
  .footer-cols{ grid-template-columns:1fr 1fr; }
  .hj-index{ column-count:1; }
  .categories-page{ grid-template-columns:1fr; }
}
@media (max-width:640px){
  body{ font-size:16px; }
  .inner{ padding:0 16px; }
  .hj-head{ display:block; padding:22px 0 18px; }
  .hj-kolofon{ text-align:left; margin-top:12px; white-space:normal; line-height:1.7; }
  .hj-word{ font-size:2.05rem; }
  .topbar-inner{ min-height:0; padding-top:7px; padding-bottom:7px; flex-wrap:wrap; gap:6px 14px; }
  .topbar-left{ gap:14px; flex-wrap:wrap; }
  .topbar-left a,.topbar-right a,.topbar-right span{ font-size:10px; letter-spacing:.1em; }

  .navigation{
    display:flex !important; flex-wrap:wrap; align-items:center; gap:0 12px;
    margin-bottom:26px !important; position:relative;
  }
  .nav-toggle{
    display:block !important; order:1; position:static; flex:0 0 auto;
    background:transparent !important; border:0 !important; padding:12px 2px; cursor:pointer;
  }
  .nav-toggle span{ display:block; width:22px; height:2px; background:var(--hj-ink) !important; margin:4px 0; }
  .navigation .nav-search{ order:2; flex:1 1 auto; padding:8px 0; }
  .navigation .nav-search input[type=text]{ width:100%; }
  .main-menu{ display:none; order:3; flex:0 0 100%; border-top:1px solid var(--hj-line); }
  .navigation.open .main-menu{ display:block; }
  .main-menu li + li{ border-left:0; border-top:1px solid var(--hj-line); }
  .main-menu li a{ padding:12px 0; border-bottom:0; }
  .main-menu li.active a{ border-bottom:0; }

  .hj-lead h2{ font-size:1.72rem; max-width:none; }
  .hj-row{ grid-template-columns:32px 1fr; padding:16px 0; }
  .hj-row .n{ font-size:1.1rem; }
  .hj-sec{ margin-top:32px; }
  .hj-register,
  .content-wrap > aside.sidebar,
  .content-wrap > .sidebar{ grid-template-columns:1fr; gap:26px; margin-top:40px !important; }
  .footer-cols{ grid-template-columns:1fr; gap:26px; }
  .photo-gallery{ grid-template-columns:1fr 1fr; }
  .content-wrap > main{ max-width:none; }
}