/* ==========================================================================
   boinynashamn.se — «Horisonten»
   Собственный облик. Грузится ПОСЛЕ общего app.css и перебивает его.
   Общий app.css НЕ трогаем: он один на все сайты сети.

   Идея, отличающая этот сайт от четырёх уже переделанных соседей:
   1) страница собрана из полос во всю ширину экрана (белая — тёмная — бледная),
      а не из колонки с рельсом. Рельса нет ни слева, ни справа;
   2) один-единственный цвет на весь сайт — вода Мюсингена. Ни второго акцента,
      ни жёлтых плашек, ни градиентов. У соседей везде пара «база + акцент»;
   3) бумага не тонирована: чистый белый. У toppfiske овсяная, у boigotland мел,
      у boiostersund тёплая, у boisodertalje бетон;
   4) заголовки разделов прижаты ВПРАВО к сквозной волосяной линейке;
   5) шрифты: узкий гротеск Barlow Condensed в заголовках и Newsreader в тексте.
      Ни того, ни другого нет ни на одном сайте сети.

   Правлено 31 августа 2026.
   ========================================================================== */

:root{
  --ny-ink:#0F1A1C;      /* текст */
  --ny-deep:#062B31;     /* тёмная полоса, шапка, подвал */
  --ny-sea:#0A6A72;      /* единственный цвет сайта */
  --ny-sea-l:#4C9DA3;    /* его же полутон */
  --ny-pale:#EDF3F2;     /* бледная полоса */
  --ny-paper:#FFFFFF;    /* бумага */
  --ny-rule:#C9D8D6;     /* волосяная линейка */
  --ny-rule-d:rgba(255,255,255,.22);
  --ny-dim:#5C6C6D;      /* служебный текст */
  --ny-meas:1180px;      /* мера страницы */
  --ny-head:'Barlow Condensed','Arial Narrow',Helvetica,sans-serif;
  --ny-text:'Newsreader',Georgia,'Times New Roman',serif;
}

/* --- сброс общего шаблона ------------------------------------------------ */
html{ -webkit-text-size-adjust:100%; }
body{
  background:var(--ny-paper) !important;
  background-image:none !important;
  color:var(--ny-ink);
  font-family:var(--ny-text);
  font-size:17px;
  line-height:1.62;
  overflow-x:hidden;
}
img{ max-width:100%; height:auto; }
a{ color:var(--ny-sea); }
a:hover{ color:var(--ny-ink); }
h1,h2,h3,h4,h5,h6{
  font-family:var(--ny-head);
  color:var(--ny-ink);
  font-weight:600;
  line-height:1.06;
  letter-spacing:-.005em;
  margin:0 0 10px;
}
.content-wrap,.boxed-content-wrapper{ background:transparent !important; box-shadow:none !important; }

/* скрытый заголовок для поиска — свой класс, без инлайн-стиля */
.ny-vh{
  position:absolute; width:1px; height:1px; overflow:hidden;
  clip-path:inset(50%); white-space:nowrap; margin:-1px; padding:0; border:0;
}

/* мера страницы */
.ny-wrap{ max-width:var(--ny-meas); margin:0 auto; padding:0 26px; }

/* --- верхняя строка: тонкий кант, не чёрная лента ------------------------ */
.ny-strip{ border-bottom:1px solid var(--ny-rule); background:var(--ny-paper); }
.ny-strip .ny-wrap{
  display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:6px 18px;
  font-family:var(--ny-head); font-size:14px; letter-spacing:.1em;
  text-transform:uppercase; color:var(--ny-dim);
  padding-top:8px; padding-bottom:8px;
}
.ny-strip a{ color:var(--ny-dim); }
.ny-strip a:hover{ color:var(--ny-sea); }
.ny-strip-r{ display:flex; gap:20px; }

/* --- шапка: тёмная полоса во всю ширину ---------------------------------- */
.ny-head{ background:var(--ny-deep); color:#fff; }
.ny-head .ny-wrap{ padding-top:30px; padding-bottom:0; }
.ny-name{
  display:block; font-family:var(--ny-head); font-weight:700;
  font-size:clamp(44px,7.4vw,96px); line-height:.92; letter-spacing:.005em;
  text-transform:uppercase; color:#fff;
}
.ny-name:hover{ color:#fff; }
.ny-name b{ font-weight:700; color:var(--ny-sea-l); }
.ny-tag{
  margin:12px 0 0; font-family:var(--ny-head); font-size:16px;
  letter-spacing:.13em; text-transform:uppercase; color:rgba(255,255,255,.62);
}

/* меню внутри тёмной полосы, разделено волосяными чертами */
.ny-nav{
  margin-top:26px; border-top:1px solid var(--ny-rule-d);
  display:flex; flex-wrap:wrap; align-items:stretch;
}
.ny-nav a{
  font-family:var(--ny-head); font-size:17px; letter-spacing:.11em;
  text-transform:uppercase; color:rgba(255,255,255,.86);
  padding:15px 20px; border-right:1px solid var(--ny-rule-d);
}
.ny-nav a:first-child{ padding-left:0; }
.ny-nav a:hover{ color:#fff; background:rgba(255,255,255,.06); }
.ny-nav a.on{ color:var(--ny-deep); background:var(--ny-sea-l); }
.ny-search{ margin-left:auto; display:flex; align-items:center; gap:0; }
.ny-search input{
  background:transparent; border:0; border-bottom:1px solid var(--ny-rule-d);
  color:#fff; font-family:var(--ny-head); font-size:16px; letter-spacing:.08em;
  text-transform:uppercase; padding:8px 4px; width:150px; outline:none;
}
.ny-search input::placeholder{ color:rgba(255,255,255,.45); }
.ny-search input:focus{ border-bottom-color:var(--ny-sea-l); }
.ny-search button{
  background:none; border:0; color:rgba(255,255,255,.8); cursor:pointer;
  padding:8px 6px; line-height:0;
}
.ny-search button:hover{ color:#fff; }
.ny-burger{ display:none; }

/* полоса-горизонт под шапкой — собственная графика */
.ny-horizon{
  height:150px; background:var(--ny-deep) url('/images/ny-horisont.png') center bottom / cover no-repeat;
}

/* --- общая механика полос ------------------------------------------------ */
.ny-band{ padding:52px 0; }
.ny-band-pale{ background:var(--ny-pale); }
.ny-band-deep{ background:var(--ny-deep); color:#fff; }
.ny-band-deep h2,.ny-band-deep h3,.ny-band-deep a{ color:#fff; }
.ny-band-deep .ny-sec-t{ color:#fff; }
.ny-band-deep .ny-sec::before{ background:var(--ny-rule-d); }

/* заголовок раздела: прижат ВПРАВО к сквозной линейке */
.ny-sec{ position:relative; display:flex; align-items:baseline; gap:18px; margin:0 0 26px; }
.ny-sec::before{
  content:""; position:absolute; left:0; right:0; top:.62em; height:1px;
  background:var(--ny-rule);
}
.ny-sec-n{
  position:relative; background:inherit; padding-right:14px;
  font-family:var(--ny-head); font-size:15px; letter-spacing:.16em;
  color:var(--ny-sea); text-transform:uppercase;
}
.ny-band-pale .ny-sec-n{ background:var(--ny-pale); }
.ny-band-deep .ny-sec-n{ background:var(--ny-deep); color:var(--ny-sea-l); }
.ny-sec-t{
  position:relative; margin-left:auto; background:var(--ny-paper); padding-left:16px;
  font-family:var(--ny-head); font-weight:700; font-size:30px; line-height:1;
  text-transform:uppercase; letter-spacing:.01em; text-align:right;
}
.ny-band-pale .ny-sec-t{ background:var(--ny-pale); }
.ny-band-deep .ny-sec-t{ background:var(--ny-deep); }
.ny-sec-t a{ color:inherit; }
.ny-more{
  font-family:var(--ny-head); font-size:15px; letter-spacing:.12em;
  text-transform:uppercase; color:var(--ny-sea); white-space:nowrap;
}

/* --- ведущий материал: заголовок над картинкой во всю меру --------------- */
.ny-lead{ display:block; }
.ny-lead .ny-kick{
  font-family:var(--ny-head); font-size:15px; letter-spacing:.16em;
  text-transform:uppercase; color:var(--ny-sea); display:block; margin-bottom:10px;
}
.ny-lead h2{
  font-size:clamp(34px,4.6vw,62px); font-weight:700; line-height:1.02;
  max-width:20ch; margin-bottom:18px;
}
.ny-lead h2 a{ color:var(--ny-ink); }
.ny-lead h2 a:hover{ color:var(--ny-sea); }
.ny-lead-img{ display:block; width:100%; aspect-ratio:16/9; object-fit:cover; }
.ny-lead-x{
  display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:34px;
  margin-top:20px; align-items:start;
}
.ny-lead-x p{ font-size:19px; margin:0; }
.ny-lead-meta{
  font-family:var(--ny-head); font-size:15px; letter-spacing:.1em;
  text-transform:uppercase; color:var(--ny-dim);
  border-top:2px solid var(--ny-ink); padding-top:10px;
}
.ny-lead-meta span{ display:block; }

/* --- три коротких без картинок ------------------------------------------- */
.ny-three{ display:grid; grid-template-columns:repeat(3,1fr); gap:0; margin-top:44px; }
.ny-three > div{
  padding:20px 26px 4px; border-top:2px solid var(--ny-ink);
  border-right:1px solid var(--ny-rule);
}
.ny-three > div:first-child{ padding-left:0; }
.ny-three > div:last-child{ border-right:0; padding-right:0; }
.ny-three .ny-date{
  font-family:var(--ny-head); font-size:14px; letter-spacing:.14em;
  text-transform:uppercase; color:var(--ny-dim); display:block; margin-bottom:8px;
}
.ny-three h3{ font-size:24px; font-weight:600; line-height:1.08; }
.ny-three h3 a{ color:var(--ny-ink); }
.ny-three h3 a:hover{ color:var(--ny-sea); }
.ny-three p{ font-size:16px; color:#3B4A4B; }

/* --- тёмная полоса «Från hamnen»: три ячейки ----------------------------- */
.ny-cells{ display:grid; grid-template-columns:repeat(3,1fr); gap:0; }
.ny-cells > div{ padding:0 30px; border-left:1px solid var(--ny-rule-d); }
.ny-cells > div:first-child{ padding-left:0; border-left:0; }
.ny-cells .ny-big{
  font-family:var(--ny-head); font-weight:700; font-size:52px; line-height:1;
  color:var(--ny-sea-l); display:block; margin-bottom:6px;
}
.ny-cells h3{
  font-size:20px; letter-spacing:.08em; text-transform:uppercase;
  color:#fff; margin-bottom:8px;
}
.ny-cells p{ font-size:16px; color:rgba(255,255,255,.76); margin:0; }
.ny-cells p a{ color:var(--ny-sea-l); text-decoration:underline; text-underline-offset:2px; }

/* --- список раздела: квадратная миниатюра слева -------------------------- */
.ny-list{ display:grid; grid-template-columns:repeat(2,1fr); gap:34px 40px; }
.ny-item{ display:grid; grid-template-columns:210px minmax(0,1fr); gap:18px; align-items:start; }
.ny-item .ny-thumb{ display:block; width:210px; aspect-ratio:16/9; object-fit:cover; background:var(--ny-pale); }
.ny-item .ny-date{
  font-family:var(--ny-head); font-size:13px; letter-spacing:.14em;
  text-transform:uppercase; color:var(--ny-dim); display:block; margin-bottom:6px;
}
.ny-item h3{ font-size:23px; font-weight:600; line-height:1.1; margin-bottom:7px; }
.ny-item h3 a{ color:var(--ny-ink); }
.ny-item h3 a:hover{ color:var(--ny-sea); }
.ny-item p{ font-size:16px; color:#3B4A4B; margin:0; }

/* лента без картинок — для раздела, где карточки не нужны */
.ny-plain{ display:grid; grid-template-columns:repeat(2,1fr); gap:0 46px; }
.ny-plain > a{
  display:block; padding:18px 0; border-bottom:1px solid var(--ny-rule); color:var(--ny-ink);
}
.ny-plain > a:hover{ color:var(--ny-sea); }
.ny-plain .ny-date{
  font-family:var(--ny-head); font-size:13px; letter-spacing:.14em;
  text-transform:uppercase; color:var(--ny-dim); display:block; margin-bottom:4px;
}
.ny-plain strong{ font-family:var(--ny-head); font-weight:600; font-size:22px; line-height:1.12; display:block; }

/* --- нижняя справочная полоса -------------------------------------------- */
.ny-facts{ display:grid; grid-template-columns:repeat(4,1fr); gap:0; }
.ny-facts > div{ padding:0 26px; border-left:1px solid var(--ny-rule); }
.ny-facts > div:first-child{ padding-left:0; border-left:0; }
.ny-facts h3{
  font-size:17px; letter-spacing:.14em; text-transform:uppercase;
  color:var(--ny-sea); margin-bottom:12px;
}
.ny-facts ul{ list-style:none; margin:0; padding:0; }
.ny-facts li{ font-size:16px; padding:6px 0; border-bottom:1px solid var(--ny-rule); }
.ny-facts li:last-child{ border-bottom:0; }
.ny-facts a{ color:var(--ny-ink); }
.ny-facts a:hover{ color:var(--ny-sea); }
.ny-facts .ny-kv{ display:flex; justify-content:space-between; gap:12px; }
.ny-facts .ny-kv b{ font-family:var(--ny-head); font-weight:600; letter-spacing:.04em; }

/* --- коммерческие врезки: две строки, без градиентов --------------------- */
.ny-offers{ display:grid; grid-template-columns:repeat(2,1fr); gap:0; margin-top:14px; }
.ny-offers a{
  display:block; padding:22px 26px; border:1px solid var(--ny-rule); margin-left:-1px;
  color:var(--ny-ink);
}
.ny-offers a:first-child{ margin-left:0; }
.ny-offers a:hover{ background:var(--ny-paper); border-color:var(--ny-sea); }
.ny-offers b{
  display:block; font-family:var(--ny-head); font-weight:600; font-size:22px;
  letter-spacing:.02em; margin-bottom:4px;
}
.ny-offers span{ font-size:16px; color:var(--ny-dim); }

/* ==========================================================================
   Внутренние страницы: статья, рубрика, поиск, справочные страницы
   ========================================================================== */
.site-content{ padding:0; }
.content-wrap{
  display:block !important; max-width:var(--ny-meas); margin:0 auto;
  padding:46px 26px 10px; grid-template-columns:none !important;
}
.content-wrap main{ min-width:0; }
.content-wrap .sidebar{ display:none; }   /* рельса на этом сайте нет нигде */

.single-post{ background:transparent !important; padding:0 !important; border:0 !important;
  max-width:840px; margin:0 auto; }
.single-post > img:first-child{
  width:100%; aspect-ratio:16/9; object-fit:cover; border-radius:0 !important;
  margin:0 0 26px !important;
}
.single-post h1{
  font-size:clamp(32px,4.4vw,56px); font-weight:700; line-height:1.03;
  max-width:22ch; margin-bottom:14px; color:var(--ny-ink);
}
.single-post .post-meta{
  font-family:var(--ny-head); font-size:15px; letter-spacing:.13em;
  text-transform:uppercase; color:var(--ny-dim);
  border-top:2px solid var(--ny-ink); border-bottom:0;
  padding:10px 0 0; margin:0 0 30px;
}
.single-post .post-meta a{ color:var(--ny-sea); }
.post-content{ max-width:none; font-size:19px; color:var(--ny-ink); }
.post-content p{ margin:0 0 20px; }
.post-content h2{
  font-size:30px; font-weight:700; text-transform:none; letter-spacing:0;
  background:none !important; color:var(--ny-ink) !important; padding:0 !important;
  margin:34px 0 12px !important; border-top:1px solid var(--ny-rule); padding-top:16px !important;
}
.post-content h3{ font-size:24px; margin:26px 0 10px; }
.post-content a{ color:var(--ny-sea) !important; text-decoration:underline; text-underline-offset:2px; }
.post-content ul,.post-content ol{ margin:0 0 20px 22px; }
.post-content li{ margin-bottom:7px; }
.post-content img{ border-radius:0 !important; }
.post-content blockquote{
  border-left:2px solid var(--ny-sea); margin:26px 0; padding:2px 0 2px 20px;
  font-style:italic; color:#33484A;
}

/* оценка статьи */
.rating-widget{
  background:var(--ny-pale) !important; border:0 !important; border-radius:0 !important;
  max-width:none; margin-top:34px; padding:20px 22px !important;
}
.rating-title{
  font-family:var(--ny-head); font-size:16px; letter-spacing:.13em;
  text-transform:uppercase; color:var(--ny-ink);
}
.star-btn{ color:var(--ny-rule); cursor:pointer; font-size:24px; }
.star-btn.hover,.star-btn.voted{ color:var(--ny-sea); }
.rating-info,.rating-message{ font-family:var(--ny-head); letter-spacing:.08em; text-transform:uppercase; font-size:14px; color:var(--ny-dim); }

/* «читайте также» под статьёй — тот же вид, что списки на главной */
.ny-rel{ max-width:var(--ny-meas); margin:0 auto; padding:0 26px 10px; }

/* рубрика/поиск/категории — общий вид */
.cat-section{ margin-bottom:36px; }
.section-head{
  display:flex; align-items:baseline; gap:16px; border:0 !important;
  background:none !important; padding:0 !important; margin:0 0 22px !important;
  border-top:2px solid var(--ny-ink) !important; padding-top:12px !important;
}
.section-head h3{
  font-family:var(--ny-head); font-weight:700; font-size:28px;
  text-transform:uppercase; color:var(--ny-ink) !important; background:none !important;
  padding:0 !important; margin:0 !important;
}
.section-head a.view-all{
  margin-left:auto; font-family:var(--ny-head); font-size:15px;
  letter-spacing:.12em; text-transform:uppercase; color:var(--ny-sea);
}
.cat-row{ display:grid; grid-template-columns:repeat(3,1fr); gap:30px; }
.post-card{
  background:transparent !important; border:0 !important; border-radius:0 !important;
  box-shadow:none !important; padding:0 !important; transform:none !important;
}
.post-card .thumb{
  width:100%; aspect-ratio:16/9; background-size:cover; background-position:center;
  border-radius:0 !important; height:auto !important;
}
.post-card .card-body{ padding:14px 0 0 !important; }
.post-card h3{ font-family:var(--ny-head); font-size:23px; font-weight:600; line-height:1.1; }
.post-card h3 a{ color:var(--ny-ink); }
.post-card h3 a:hover{ color:var(--ny-sea); }
.post-card .meta,.post-list-item .meta{
  font-family:var(--ny-head); font-size:13px; letter-spacing:.13em;
  text-transform:uppercase; color:var(--ny-dim);
}
.btn-las-mer{
  background:none !important; border:0 !important; border-bottom:1px solid var(--ny-sea) !important;
  border-radius:0 !important; color:var(--ny-sea) !important; padding:2px 0 !important;
  font-family:var(--ny-head); font-size:15px; letter-spacing:.12em; text-transform:uppercase;
}
.btn-las-mer:hover{ color:var(--ny-ink) !important; border-bottom-color:var(--ny-ink) !important; }
.post-list-item{ padding:0 0 20px; border:0; }
.post-list-item h3{ font-family:var(--ny-head); font-size:26px; font-weight:600; }
.post-list-separator{ height:1px; background:var(--ny-rule); margin:0 0 20px; }
.post-list-item .excerpt{ font-size:17px; color:#3B4A4B; }
.pagination{ font-family:var(--ny-head); letter-spacing:.1em; text-transform:uppercase; }
.pagination a,.pagination span{ padding:6px 12px; border:1px solid var(--ny-rule); margin-right:6px; display:inline-block; }
.pagination .current{ background:var(--ny-sea); color:#fff; border-color:var(--ny-sea); }

/* виджеты общего шаблона, если где-то остались */
.widget{ background:transparent; border:0; margin-bottom:26px; }
.widget-head{
  background:none !important; color:var(--ny-ink) !important;
  font-family:var(--ny-head); font-size:17px; letter-spacing:.14em; text-transform:uppercase;
  border-top:2px solid var(--ny-ink); padding:10px 0 0 !important;
}
.widget-body{ background:transparent !important; padding:12px 0 0 !important; }

/* таблицы на служебных страницах (интегритетсполиси) */
.post-content table{ width:100%; border-collapse:collapse; margin:18px 0; font-size:16px; }
.post-content th,.post-content td{ border:1px solid var(--ny-rule) !important; padding:9px 11px !important; text-align:left; }
.post-content thead tr,.post-content tr[style]{ background:var(--ny-pale) !important; }
.post-content th{ font-family:var(--ny-head); letter-spacing:.08em; text-transform:uppercase; font-weight:600; }
.single-post p.meta{
  font-family:var(--ny-head); font-size:15px; letter-spacing:.13em; text-transform:uppercase;
  color:var(--ny-dim); border-top:2px solid var(--ny-ink); padding-top:10px; margin-bottom:26px;
}

/* --- подвал: тёмная полоса ----------------------------------------------- */
.ny-foot{ background:var(--ny-deep); color:rgba(255,255,255,.72); margin-top:0; padding:0 0 30px; }
.ny-foot .ny-horizon{ height:46px; }
.ny-foot .ny-wrap{ padding-top:34px; }
.ny-foot h4{
  font-family:var(--ny-head); font-size:16px; letter-spacing:.14em;
  text-transform:uppercase; color:var(--ny-sea-l); margin-bottom:12px;
}
.ny-foot a{ color:rgba(255,255,255,.82); }
.ny-foot a:hover{ color:#fff; }
.ny-foot-cols{ display:grid; grid-template-columns:2fr 1fr 1fr; gap:44px; }
.ny-foot p{ font-size:16px; }
.ny-foot ul{ list-style:none; margin:0; padding:0; }
.ny-foot li{ padding:5px 0; border-bottom:1px solid var(--ny-rule-d); font-size:16px; }
.ny-foot li:last-child{ border-bottom:0; }
.ny-foot-bot{
  margin-top:30px; padding-top:16px; border-top:1px solid var(--ny-rule-d);
  font-family:var(--ny-head); font-size:14px; letter-spacing:.1em; text-transform:uppercase;
  color:rgba(255,255,255,.55);
}

/* печенье */
.cookie-banner{ background:var(--ny-deep) !important; border:0 !important; box-shadow:none !important; border-top:1px solid var(--ny-sea) !important; }
.cookie-inner p{ color:rgba(255,255,255,.82); font-family:var(--ny-text); font-size:16px; }
.cookie-inner a{ color:var(--ny-sea-l) !important; text-decoration:underline; text-underline-offset:2px; }
.cookie-accept{ background:var(--ny-sea) !important; color:#fff !important; border-radius:0 !important;
  font-family:var(--ny-head); font-size:16px; letter-spacing:.12em; text-transform:uppercase; }
.cookie-accept:hover{ background:var(--ny-sea-l) !important; }
.cookie-decline{ background:transparent !important; color:#fff !important; border:1px solid var(--ny-rule-d) !important; border-radius:0 !important;
  font-family:var(--ny-head); font-size:16px; letter-spacing:.12em; text-transform:uppercase; }

/* остатки палитры клона: оранжевый и кирпичный из общего app.css */
.pagination a, .pagination span{ background:transparent !important; color:var(--ny-ink) !important; }
.pagination span.current, .pagination a:hover{ background:var(--ny-sea) !important; color:#fff !important; }
.pagination span.disabled{ color:var(--ny-dim) !important; border-color:var(--ny-rule); }
.section-head a.view-all:hover{ color:var(--ny-ink) !important; }
.post-list-item h3 a:hover, .post-card h3 a:hover, .widget-body ul li a:hover{ color:var(--ny-sea) !important; }

/* партнёрский блок внизу страницы */
.ds-partners{ max-width:var(--ny-meas) !important; padding:22px 26px !important; border-top:1px solid var(--ny-rule) !important; }

/* совсем узкие телефоны: 360–430 px */
@media(max-width:430px){
  .ny-wrap{ padding:0 14px; }
  .ny-strip .ny-wrap{ font-size:11px; letter-spacing:.04em; }
  .ny-strip-r{ gap:10px; }
  .ny-tag{ font-size:14px; letter-spacing:.08em; }
  .ny-cells .ny-big{ font-size:42px; }
  .ny-item{ grid-template-columns:110px minmax(0,1fr); gap:12px; }
  .ny-item .ny-thumb{ width:110px; }
  .ny-item h3{ font-size:20px; }
  .post-content table{ display:block; overflow-x:auto; }
  .ny-sec-t{ font-size:22px; }
}

/* --- узкие экраны -------------------------------------------------------- */
@media(max-width:1000px){
  .ny-lead-x{ grid-template-columns:1fr; gap:18px; }
  .ny-list{ grid-template-columns:1fr; }
  .ny-facts{ grid-template-columns:repeat(2,1fr); row-gap:30px; }
  .ny-facts > div:nth-child(3){ padding-left:0; border-left:0; }
  .cat-row{ grid-template-columns:repeat(2,1fr); }
}
@media(max-width:760px){
  body{ font-size:16px; }
  .ny-wrap{ padding:0 18px; }
  .ny-strip .ny-wrap{ font-size:12px; letter-spacing:.06em; }
  .ny-strip-r{ gap:12px; }
  .ny-head .ny-wrap{ padding-top:20px; }
  .ny-horizon{ height:96px; }
  .ny-band{ padding:34px 0; }

  /* меню: кнопка + вертикальный список */
  .ny-burger{
    display:block; margin-top:18px; width:100%; text-align:left;
    background:none; border:0; border-top:1px solid var(--ny-rule-d);
    color:#fff; font-family:var(--ny-head); font-size:17px; letter-spacing:.14em;
    text-transform:uppercase; padding:14px 0; cursor:pointer;
  }
  .ny-nav{ display:none; margin-top:0; border-top:0; flex-direction:column; }
  .ny-nav.open{ display:flex; }
  .ny-nav a{ border-right:0; border-bottom:1px solid var(--ny-rule-d); padding:13px 0; }
  .ny-nav a:first-child{ padding-left:0; }
  .ny-search{ margin:14px 0 20px; width:100%; }
  .ny-search input{ width:100%; }

  .ny-sec{ flex-wrap:wrap; gap:6px; }
  .ny-sec::before{ display:none; }
  .ny-sec-n{ padding-right:0; }
  .ny-sec-t{ margin-left:0; padding-left:0; text-align:left; font-size:26px; width:100%;
             border-bottom:2px solid var(--ny-ink); padding-bottom:8px; }
  .ny-lead h2{ max-width:none; }
  .ny-three{ grid-template-columns:1fr; margin-top:30px; }
  .ny-three > div{ padding:16px 0 6px; border-right:0; }
  .ny-cells{ grid-template-columns:1fr; row-gap:26px; }
  .ny-cells > div{ padding:0; border-left:0; border-top:1px solid var(--ny-rule-d); padding-top:18px; }
  .ny-cells > div:first-child{ border-top:0; padding-top:0; }
  .ny-item{ grid-template-columns:132px minmax(0,1fr); gap:14px; }
  .ny-item .ny-thumb{ width:132px; }
  .ny-plain{ grid-template-columns:1fr; }
  .ny-facts{ grid-template-columns:1fr; }
  .ny-facts > div{ padding:0; border-left:0; }
  .ny-offers{ grid-template-columns:1fr; }
  .ny-offers a{ margin-left:0; margin-top:-1px; }
  .ny-foot-cols{ grid-template-columns:1fr; gap:26px; }
  .content-wrap{ padding:28px 18px 10px; }
  .cat-row{ grid-template-columns:1fr; }
  .post-content{ font-size:17px; }
  .ny-rel{ padding:0 18px 10px; }
}