/* bis2018j6 — порт дизайна bis2018 (утверждён 23.10.2026) */
:root{
  --blue:#4a95cc; --blue-dark:#2b7cbc; --red:#f3594c; --red-dark:#e03c3c;
  --slate:#4b5a69; --gray-bg:#e8e8e8; --gray-text:#666; --gray-light:#999;
  --green:#43a047; --w:1200px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.site-content{padding:0}
body{font-family:'PT Sans',Arial,Helvetica,sans-serif;color:#333;background:#fff;background-image: url(/images/t2018/bg.png);font-size:15px;margin:0}
a{color:var(--blue-dark);text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%}
.wrap{max-width:var(--w);margin:0 auto;padding:0 20px}

/* topbar — 2 ряда как на старом */
.topbar{border-bottom:1px solid #e3e3e3;font-size:13px;background-color:#FFF;}
.topbar .wrap{padding-top:5px;padding-bottom:5px}
.topbar .row1{display:flex;gap:18px;flex-wrap:wrap;align-items:center}
.topbar .row1 a{color:#7a7a7a}
.topbar .row1 a:hover{color:#4a95cc}
.topbar .speed{display:inline-flex;align-items:center;gap:6px}
.topbar .speed img{height:16px}
.topbar .row2{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-top:2px}
.topbar .phone{color:#2b3fa8;font-weight:700;white-space:nowrap}
.topbar .phone small{color:#999;font-weight:400}
.topbar .lk{color:#7a7a7a}

/* header — серый с лёгкой диагональной текстурой (как bis2018) */
/* .header{background:#e8e8e8 repeating-linear-gradient(-45deg, rgba(255,255,255,.35) 0 2px, rgba(0,0,0,.015) 2px 4px)} */
.header .wrap{display:flex;align-items:center;justify-content:space-between;min-height:96px;gap:24px}
.logo img{height:auto;width:284px}
@media (min-width:901px) and (max-width:1199px){
  .logo img{width:234px}
}

/* Main menu base; desktop icon-card layout below, native select on mobile. */
.mainmenu ul{display:flex;gap:26px;list-style:none;margin:0;padding:0}
.mainmenu li{position:relative;background-color: #fff;}
.mainmenu li.lvl1 > a{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 2px;color:#40464f;font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.2px;text-align:center;border-radius:0}
.mainmenu li.lvl1 > a img{height:26px;width:auto}
.mainmenu li.lvl1 > a:hover{color:var(--blue-dark);text-decoration:none;background:transparent}
.mainmenu li.active > a{color:#c62f45}
.mainmenu .caret{font-size:11px}
.mainmenu .sub{display:none;position:absolute;top:100%;left:0;background:#fff;border:1px solid #dfe3e7;border-radius:4px;min-width:220px;padding:8px 0;z-index:50;box-shadow:0 8px 18px rgba(0,0,0,.10)}
.mainmenu li:hover > .sub{display:flex;flex-direction:column}
.mainmenu .sub a{padding:8px 18px;color:#40464f;font-size:14px}
.mainmenu .sub a:hover{background:var(--gray-bg);text-decoration:none}
span.caret {visibility: hidden;}

/* Desktop header: leave room around the cards and their original 2x icon zoom. */
@media (min-width:901px){
  .header .wrap{padding-top:30px; padding-bottom:30px}
  .mainmenu li.lvl1 > a{transition:color .3s ease .1s}
  .mainmenu li.lvl1 > a img{transform:scale(1); transform-origin:center; transition:transform .5s ease}
  .mainmenu li.lvl1 > a:is(:hover,:focus-visible){color:#e92240}
  .mainmenu li.lvl1 > a:is(:hover,:focus-visible) > img{transform:scale(2)}
  .mainmenu > ul > li.lvl1:is(:hover,:focus-within){z-index:2}
}
@media (min-width:901px) and (max-width:1199px){
  .header .wrap{padding-top:40px; padding-bottom:40px}
  .mainmenu > ul > li.lvl1:last-child > a img{transform-origin:right center}
}
@media (min-width:901px) and (prefers-reduced-motion:reduce){
  .mainmenu li.lvl1 > a,.mainmenu li.lvl1 > a img{transition:none}
}

/* Desktop menu: restore the bis2018 icon cards and typography. */
@media (min-width:901px){
  .mainmenu > ul{gap:20px; align-items:stretch}
  .mainmenu > ul > li.lvl1{flex:0 0 130px; width:130px; height:146px; margin:0; padding:0; background:#fff; border:0; border-radius:0; box-shadow:none}
  .mainmenu li.lvl1 > a{width:100%; height:100%; padding:17px 25px 5px; gap:0; justify-content:flex-start; color:#333; font:400 15px/22px Arial,Helvetica,sans-serif; letter-spacing:normal; border-radius:0}
  .mainmenu li.lvl1 > a img{display:block; flex:none; width:80px; height:80px; margin:0}
  .mainmenu li.lvl1 > a > span:not(.caret){display:block; flex:none; width:80px}
  .mainmenu li.lvl1 > a > .caret{display:none}
  .mainmenu li.active > a{color:#e92240}
  .mainmenu li.lvl1 > a:focus-visible{outline:2px solid var(--blue-dark); outline-offset:2px}
  .mainmenu li:focus-within > .sub{display:flex; flex-direction:column}
  .mainmenu .sub{min-width:160px}
}
@media (min-width:980px) and (max-width:1199px){
  .mainmenu > ul > li.lvl1{flex-basis:110px; width:110px; height:130px}
  .mainmenu li.lvl1 > a{padding:4px 15px 2px}
}
@media (min-width:901px) and (max-width:979px){
  .mainmenu > ul{gap:10px}
  .mainmenu > ul > li.lvl1{flex-basis:80px; width:80px; height:124px; background:transparent}
  .mainmenu li.lvl1 > a{padding:0}
}


/* Desktop dropdowns: bis2018 dark panel and animated vertical reveal. */
@media (min-width:901px){
  .mainmenu .sub{display:flex; flex-direction:column; width:160px; min-width:160px; padding:12px 0; gap:0; border:0; border-radius:0; box-shadow:none; background:#666 linear-gradient(#333,#666); opacity:0; visibility:hidden; clip-path:inset(0 0 100% 0); transition:opacity .4s cubic-bezier(.445,.05,.55,.95) .5s,clip-path .4s cubic-bezier(.445,.05,.55,.95) .5s,visibility 0s linear .9s}
  .mainmenu li:is(:hover,:focus-within) > .sub{display:flex; opacity:1; visibility:visible; clip-path:inset(0); transition-delay:0s}
  .mainmenu .sub a{display:block; flex:none; margin:0 0 1px; padding:6px 12px 3.6px; font:400 12px/20px Arial,Helvetica,sans-serif; text-align:center; text-transform:uppercase; color:#fff; background:transparent; text-decoration:none}
  .mainmenu .sub a:is(:hover,:focus-visible){color:#509bd2; background:transparent; text-decoration:none}
  .mainmenu .sub a:focus-visible{outline:2px solid #509bd2; outline-offset:-2px}
}
@media (min-width:901px) and (prefers-reduced-motion:reduce){
  .mainmenu .sub,.mainmenu li:is(:hover,:focus-within) > .sub{transition:none}
}

/* hero slider */
.hero{background:#fff;padding:18px 0}
.hero .frame{border:1px solid #d7dbdf;position:relative;overflow:hidden}
.hero .slide{display:none;width:100%}
.hero .slide.on{display:block}
.hero .dots{position:absolute;bottom:10px;right:14px;display:flex;gap:6px}
.hero .dots i{width:10px;height:10px;border-radius:50%;background:#fff;opacity:.6;cursor:pointer}
.hero .dots i.on{background:var(--blue);opacity:1}

/* socials */
.socials-zone .wrap{display:flex;justify-content:flex-end;padding:14px 20px 18px}
.socials-zone .mod-custom{display:flex;gap:10px}
.socials-zone a{display:flex;align-items:center;gap:8px;border:1px solid #dfe3e7;border-radius:20px;padding:4px 14px;color:#40464f;font-size:13px}
.socials-zone a img{height:18px}

/* content / news */
.content{padding:6px 0 34px}
.sec-title,.content h2.page-title{font-size:26px;text-transform:uppercase;color:#e8504f;letter-spacing:1px;margin:18px 0 8px}
.sec-title::after,.content h2.page-title::after{content:"";display:block;height:3px;width:64px;background:var(--blue-dark);margin-top:6px}
/* com_content blog/featured → карточки */
.blog-items,.blog.blog-featured .items-row{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:16px;list-style:none;padding:0}
.blog-item,.items-row .item.column-1,.items-row .item.column-2{background:var(--gray-bg);padding:20px 22px;border-radius:4px;margin:0}
.blog-item h2 a,.item h2 a,.item h3 a{font-size:17px;color:var(--blue-dark)}
.blog-item p,.item p{color:#555;font-size:14px;line-height:1.55}
.pagenavigation{clear:both;padding-top:16px}
/* статья */
.item-page {padding: 11px;background: #fff;}
.item-page h2{font-size:24px;color:#2b3fa8;margin-bottom:12px}
.item-page .article-info{color:#999;font-size:12.5px;margin-bottom:14px}
.item-page .article-info dd{margin:0 12px 0 0;display:inline-block}
.item-page .article-info dt{display:none}
.page-header{margin:0}
.accordion-inner li {margin-left: 25px}
/* категории/списки */
.category h2{font-size:22px;color:#2b3fa8}
ul.category{list-style:none;padding:0}
ul.category li{background:var(--gray-bg);margin-bottom:10px;padding:12px 16px;border-radius:4px}

/* footer — как на старом: #404c52 + орнамент-тайл bg2.png (соты tone-on-tone) */
footer{background-color:#404c52;background-image:url('../images/bg2.png');background-repeat:repeat;color:#fff;margin-top:10px}
footer .cols{display:grid;grid-template-columns:1.4fr 1fr 1.2fr auto;gap:28px;padding:34px 0 22px}
footer h4{font-size:15px;text-transform:uppercase;letter-spacing:.6px;margin:0 0 14px;color:#fff}
footer ul.fmenu{list-style:none;margin:0;padding:0}
footer .fmenu li,footer .contacts li{margin-bottom:8px;font-size:13.5px;color:#e6eaee;display:flex;gap:8px;align-items:baseline}
footer .fmenu a,footer .contacts a{color:#e6eaee} /* светлые ссылки — тёмно-синий терялся на грифеле */
footer .fmenu a:hover,footer .contacts a:hover{color:#4a95cc}
footer .fmenu li::before{content:"";display:inline-block;width:0;height:0;border-left:6px solid #5b9bd5;border-top:4px solid transparent;border-bottom:4px solid transparent;transform:translateY(-1px)}
footer .contacts ul{list-style:none;margin:0;padding:0}
footer .contacts h4{margin-top:0}
footer .contacts svg{width:13px;height:13px;flex:none;fill:#9fb6c9;margin-right:6px}

/* полосы слайдера (nivo-подобные переходы) */
.hero .frame{position:relative}
.hero .frame > a{display:block}
.bis-strip{position:absolute;top:0;height:100%;overflow:hidden;pointer-events:none;animation-name:bisFromTop;animation-timing-function:ease-out;animation-fill-mode:both}
.bis-strip.from-top{animation-name:bisFromTop}
.bis-strip.from-bottom{animation-name:bisFromBottom}
.bis-strip.from-left{animation-name:bisFromLeft}
.bis-strip.from-right{animation-name:bisFromRight}
.bis-strip.fold{animation-name:bisFold}
@keyframes bisFromTop{from{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:none}}
@keyframes bisFromBottom{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes bisFromLeft{from{opacity:0;transform:translateX(-24px)}to{opacity:1;transform:none}}
@keyframes bisFromRight{from{opacity:0;transform:translateX(24px)}to{opacity:1;transform:none}}
@keyframes bisFold{from{opacity:0;transform:scaleY(.12);transform-origin:top}to{opacity:1;transform:none}}
footer .ipbox{justify-self:end;align-self:start;border:1px solid rgba(255,255,255,.55);border-radius:3px;padding:5px 10px;font-size:12px;color:#fff;white-space:nowrap}
footer .bottom{border-top:1px solid rgba(255,255,255,.25);padding:14px 0;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
footer .bottom .cp{font-size:13px;color:#cfd6dd}
footer .bottom img{height:26px}

/* admin/editor sanity */
.hidden,#system-message-container:empty{display:none}
#system-message-container{margin:10px 0}

@media (max-width:900px){
  .blog-items,.blog.blog-featured .items-row{grid-template-columns:1fr}
  footer .cols{grid-template-columns:1fr 1fr}
  .header .wrap{flex-direction:column;align-items:flex-start;padding:14px 0}
  .mainmenu ul{flex-wrap:wrap}
  .mainmenu .sub{position:static;display:flex;box-shadow:none;border:none;background:transparent;padding:0 0 0 24px}
}

/* mod_articles_news — карточки НОВОСТИ на главной */
.newszone .mod-articlesnews{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:16px}
.newszone .mod-articlesnews__item{background:var(--gray-bg);padding:20px 22px;border-radius:4px;margin:0;overflow:hidden}
.newszone .mod-articlesnews__item .newsflash-title{font-size:17px;margin:0 0 8px}
.newszone .mod-articlesnews__item .newsflash-title a{color:var(--blue-dark)}
/* Keep the full Joomla read-more label outside the original 20px check icon. */
.newszone .mod-articlesnews__item .readmore{display:inline-flex;align-items:center;width:auto;height:auto;margin-top:12px}
.newszone .mod-articlesnews__item .readmore .btn{display:inline-flex;align-items:center;justify-content:flex-start;gap:10px;width:auto;height:auto;min-height:20px;padding:0;border:0;border-radius:0;background:transparent;color:#666;font:400 14px/20px Tahoma,Geneva,sans-serif,Arial;text-transform:lowercase;white-space:nowrap;text-decoration:none}
.newszone .mod-articlesnews__item .readmore .btn > .icon-chevron-right{display:none}
.newszone .mod-articlesnews__item .readmore .btn::before{content:"";display:block;flex:0 0 20px;width:20px;height:20px;background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAoCAYAAAD+MdrbAAABkElEQVR42uzVP2vVUBjH8c/Vi+BFEPIGrJPQqeMVFKcLTm4uiqK4FgotdO3ewUmQCkJfQKcuik6CQxchLyEIrhcCxaEg6ZLU09Pk3BgLFukDgZCc53ue8/w5v1FVVc7TrjhnG8PPpaW2f3fwBDPcwBHm+Ij3KMPFk6IAo6qqYuA1bGMVVzsCKbGJdzFwHC28jg94sOBkN7FTn2IjlcOdHrDQ1vGqC3gXzwbUYbvO8Rng2sDCZnXxzgBnfbwnRXFSgMAexsCsfhbCOtrsdgw8WhRJAga/YuBh3KiNYwjugMH3thx+iVeFgAQMvjYv4aTM8GlAlQ9xa1IU8zjCz9gfANyqZ7x1Up4j/wPYLl6nRq/EfewtAJV4ipet11dLTh7Xo/gC97Bct8a3OjVv8aNtp9GFv7EvPnAMKwfzUx/zaWblYJ7UlHyalaFfPs1+FyUCDtKUBnipKf9AU/JpdlKAv9aUBhS3WS9NiSNJwPppSuMYgjtg/TUlBCRgpzQlbOw3eJSCJjRlty3CS035XzXleAAGDaCLravNmgAAAABJRU5ErkJggg==") 0 0 no-repeat}
.newszone .mod-articlesnews__item .readmore .btn:hover{color:#000;text-decoration:none}
.newszone .mod-articlesnews__item .readmore .btn:hover::before{background-position:0 -20px}
.newszone .mod-articlesnews__item .readmore .btn:focus-visible{outline:2px solid var(--blue-dark);outline-offset:3px}
.newszone .mod-articlesnews__item p{color:#555;font-size:14px;line-height:1.55;margin:0}

/* ── внутренние страницы: блог категории и статья (эталон bis2018) ── */
/* заголовок страницы: капс, тёмно-серый, красная линия во всю ширину */
.content .page-header,
.content .com-content-category-blog > h1{margin:18px 0 14px}
.content .page-header h1, .content .page-header h2,
.content .com-content-category-blog > h1{
	font-size:27px; font-weight:700; text-transform:uppercase; color:#4a4a4a; letter-spacing:.4px; margin:0 0 10px;
}
.content .page-header{border-bottom:4px solid var(--red); padding-bottom:12px}
/* список блога: leading во всю ширину, intro — 2 колонки; белый лист с рамкой */
.com-content-category-blog .items-leading{display:block}
.com-content-category-blog .items-leading .blog-item{grid-column:1/-1; width:100%}
.com-content-category-blog .items-row{display:grid; grid-template-columns:1fr 1fr; gap:20px}
.content .blog-item{background:#fff; border:1px solid #e0e3e6; border-radius:0; padding:14px 16px; margin:0}
.content .items-leading + .items-row, .content .items-leading ~ .blog-items{margin-top:18px; padding-top:18px; border-top:1px solid #ececec}
/* заголовки записей: капс-ссылки */
.content .blog-item .page-header{border-bottom:none; padding-bottom:0; margin:0 0 8px}
.content .blog-item .page-header h2{font-size:18px; margin:0}
.content .blog-item .page-header h2 a{text-transform:uppercase; color:var(--blue-dark)}
/* мета «Информация о материале» — на старом отсутствует: скрываем */
.article-info, dl.article-info, .article-info.muted{display:none !important}
/* типографика статей: воздух между строками, абзацы */
.content .item-page .article-body, .content .blog-item p{line-height:1.6}
.content p{margin:0 0 10px}
.content img{max-width:100%; height:auto}
/* статья: заголовок с линией как у категории */
.content .item-page .page-header{border-bottom:4px solid var(--red); padding-bottom:12px}

/* /projects: текст слева, изображение справа — как в bis2018 */
.page-projects .com-content-article{display:flow-root}
.page-projects .com-content-article > figure.right.item-image{float:right; max-width:50%; margin:0 0 21px 25px}
.page-projects .com-content-article > figure.right.item-image img{display:block}
@media (max-width:700px){
  .page-projects .com-content-article > figure.right.item-image{float:none; max-width:100%; margin:0 0 16px}
}

/* акции: 3 карточки в ряд, компактные */
.page-akcii .com-content-category-blog .items-row{grid-template-columns:repeat(3,1fr); gap:16px}
.page-akcii .content .blog-item{padding:12px 14px}
.page-akcii .content .blog-item .page-header h2{font-size:15.5px}
.page-akcii .content .blog-item p{font-size:13.5px}
/* masonry-3 (акции): три в ряд */
.content .blog-items.masonry-3{display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:0; padding:0; list-style:none}
.content .blog-items.masonry-3 .blog-item{margin:0}

/* ── topbar: ссылки по правому краю столбца (как на старом) ── */
.topbar .row1{display:flex; justify-content:flex-end; align-items:center; gap:22px; flex-wrap:wrap}

/* ── /help: список статей (эталон: мелкий серый заголовок, вертикальный список ссылок) ── */
.page-help .page-header{border-bottom:none; padding-bottom:0; margin:14px 0 4px}
.page-help .page-header h1{font-size:15px; color:#7a7f87; font-weight:600}
.page-help .category-list table.category{border:none; margin:10px 0 0}
.page-help .category-list table.category caption,
.page-help .category-list table.category thead,
.page-help .category-list .js-stools,
.page-help .category-list select,
.page-help .category-list .form-select,
.page-help .category-list .pagination{display:none !important}
.page-help .category-list table.category,
.page-help .category-list table.category tbody{display:block; width:auto}
.page-help .category-list table.category tr{display:block}
.page-help .category-list table.category td{display:block; border:none; padding:0}
.page-help .category-list table.category td.list-title{padding:9px 0}
.page-help .category-list table.category a{color:var(--blue-dark); font-size:15px}

/* ── /contact: только misc (график + карты), как на старом ── */
.com-contact .contact h2,
.com-contact .page-header + h2,
.com-contact h2.page-title{display:none}
.com-contact .contact dl,
.com-contact .contact .com-contact__address,
.com-contact .contact .dl-horizontal{display:none}
.com-contact .contact{font-size:14.5px; line-height:1.6}

/* доводка /help и /contact под фактические J6-классы */
.page-help h1{font-size:15px; color:#7a7f87; font-weight:600; margin:14px 0 4px; letter-spacing:.3px}
.com-content-category__pagination{display:none !important}
.page-help table.com-content-category__table{border:none; margin:8px 0 0}
.page-help table.com-content-category__table caption,
.page-help table.com-content-category__table thead{display:none !important}
.page-help table.com-content-category__table,
.page-help table.com-content-category__table tbody{display:block}
.page-help table.com-content-category__table tr{display:block}
.page-help table.com-content-category__table td{display:block; border:none; padding:0}
.page-help table.com-content-category__table td.list-title{padding:9px 0}
.page-help table.com-content-category__table a{color:var(--blue-dark); font-size:15px}
.com-contact h2{display:none !important}
.com-contact dl dt{display:none !important}
.com-contact .dl-horizontal dd{margin:0}
.com-contact .com-contact__miscinfo{padding:4px 0}
.page-help h1{text-transform:uppercase}
.com-contact h1{font-size:15px; color:#7a7f87; font-weight:600; text-transform:uppercase; margin:14px 0 10px; letter-spacing:.3px; padding-bottom:10px; border-bottom:4px solid var(--red)}

/* соцкнопки над футером */
.socials-zone{border-top:1px solid #e8ebee; background:#f6f8fa}

/* поля контакта под ссылками на карты (эталон старого) */
.com-contact dl.com-contact__address,
.com-contact dl.dl-horizontal{margin:14px 0 0}
.com-contact dl dd{margin:0; padding:2px 0; font-size:14.5px; color:#40464f}
.com-contact dl dd a{color:var(--blue-dark)}
/* порядок эталона: сначала график+карты (misc), поля контакта — под ними */
.com-contact.contact{display:flex; flex-direction:column}
.com-contact h1{order:0}
.com-contact__miscinfo{order:1; margin:14px 0 0}
.com-contact__container{order:2}
.com-contact__miscinfo .dl-horizontal{margin:0}
.com-contact__miscinfo .dl-horizontal dd{padding:0}
/* ── пагинация блогов: одна строка, как на старом (В начало Назад 1 2 3 4 5 Вперёд В конец) ── */
.com-content-category-blog__pagination ul.pagination{display:flex; flex-wrap:nowrap; align-items:center; list-style:none; margin:12px 0 26px; padding:0}
.com-content-category-blog__pagination .page-item{display:flex; list-style:none; margin:0}
.com-content-category-blog__pagination .page-link{display:inline-flex; align-items:center; padding:3px 10px; margin-left:-1px; border:1px solid #dfe3e7; background:#fff; color:var(--blue-dark); font-size:14px; line-height:1.4; text-decoration:none; white-space:nowrap}
.com-content-category-blog__pagination .page-item.active .page-link{background:#eef4f9; border-color:#b9cfe2; color:#333}
.com-content-category-blog__pagination .page-item.disabled .page-link{color:#b7bdc4; cursor:default}
.com-content-category-blog__pagination .icon-angle-double-left,
.com-content-category-blog__pagination .icon-angle-left,
.com-content-category-blog__pagination .icon-angle-right,
.com-content-category-blog__pagination .icon-angle-double-right{display:none}
.com-content-category-blog__pagination li:first-child .page-link::before{content:"В начало"}
.com-content-category-blog__pagination li:nth-child(2) .page-link::before{content:"Назад"}
.com-content-category-blog__pagination li:nth-last-child(2) .page-link::before{content:"Вперёд"}
.com-content-category-blog__pagination li:last-child .page-link::before{content:"В конец"}

/* Mobile bis2018 layout; desktop rules above remain unchanged. */
.mobile-nav{display:none}
@media (max-width:900px){
  .topbar .row1{justify-content:flex-start; gap:0 16px}
  .topbar .row1 a{display:inline-flex; align-items:center; min-height:44px}
  .topbar .row1 .speed{flex-basis:100%}
  .header{background:#fff}
  .header .wrap{padding:12px 20px 20px; min-height:0; gap:16px; align-items:stretch}
  .header .logo img{display:block; width:100%; max-width:350px; height:auto; margin:0 auto}
  .mobile-ready .mainmenu{display:none}
  .mobile-ready .mobile-nav{display:block; width:100%; margin:0}
  .mobile-nav select{display:block; width:100%; min-height:44px; padding:8px 12px; border:1px solid #c9cfd5; border-radius:2px; background:#fff; color:#40464f; font:16px Arial,Helvetica,sans-serif}
  .mobile-nav select:focus-visible{outline:2px solid var(--blue-dark); outline-offset:3px}
  .hero{padding:10px 0}
  .content .blog-items,
  .content .blog-items.masonry-3,
  .com-content-category-blog .items-row,
  .page-akcii .com-content-category-blog .items-row,
  .newszone .mod-articlesnews{grid-template-columns:minmax(0,1fr); gap:18px}
  .content .blog-item,.newszone .mod-articlesnews__item{min-width:0}
  .content .blog-item .page-header h2,
  .page-akcii .content .blog-item .page-header h2{font-size:18px}
  .content .blog-item .page-header h2 a{font-size:inherit}
  .content .blog-item p,.page-akcii .content .blog-item p,
  .newszone .mod-articlesnews__item p{font-size:15px; line-height:1.55}
  .content .page-header h1,.content .page-header h2,
  .content .com-content-category-blog > h1{font-size:24px}
  .content h1,.content h2,.content a,footer a{overflow-wrap:anywhere}
  .newszone .mod-articlesnews__item .readmore .btn{min-height:44px}
  .content .readmore a{display:inline-flex; align-items:center; min-height:44px}
  .com-content-category-blog__pagination ul.pagination{max-width:100%; margin-left:0; margin-right:0}
  .com-content-category-blog__pagination .page-link{padding:0 4px; min-height:44px; font-size:12px}
  .socials-zone .wrap{justify-content:flex-start}
  .socials-zone .mod-custom{flex-wrap:wrap; gap:8px}
  .socials-zone a{min-height:44px}
  footer .cols{grid-template-columns:repeat(2,minmax(0,1fr))}
  footer .cols > div{min-width:0}
  footer .fmenu li::before{flex-shrink:0}
  footer .fmenu a{min-height:44px; display:inline-flex; align-items:center}
  footer .contacts li{align-items:flex-start}
  footer .ipbox{justify-self:start}
  .page-services-internet .com-content-article__body{display:flow-root}
  .page-services-internet .tbox{max-width:100%; box-sizing:border-box}
}
@media (max-width:600px){
  footer .cols{grid-template-columns:minmax(0,1fr); gap:24px; padding-top:28px}
  footer .fmenu li{margin-bottom:0}
  footer .contacts li,footer .fmenu li{font-size:14px; line-height:1.5}
  footer .bottom{flex-direction:column; align-items:flex-start; gap:12px}
  .page-services-internet .tbox{float:none; width:100%; min-width:0; margin:0 0 18px}
}