/* === User template === */
/* --- Blockquote --- */
blockquote{margin-block:2rem;padding:1.25rem 2rem;border-radius:.75rem;background:#fff;box-shadow:0 .5rem 2rem rgba(0,0,0,.08);font-size:1.05rem;line-height:1.5;display:block;position:relative;overflow:hidden;}blockquote p:last-of-type{margin-bottom:0;}

/* --- Left & Right Columns --- */
:is(#sp-left,#sp-right){padding-block:2rem}:is(#sp-left,#sp-right) .sp-module{border-color:transparent;padding:0}:is(#sp-left,#sp-right) .sp-module .sp-module-title{padding-bottom:0;border-bottom-color:transparent}:is(#sp-left,#sp-right) .sp-module ul>li{margin-block:1rem;padding-bottom:1rem}:is(#sp-left,#sp-right) .sp-module ul>li>a{font-size:1.05rem;font-weight:500;line-height:1.65}:is(#sp-left,#sp-right) .sp-module ul>li>a>span:not([itemprop="name"]){display:none}

/* --- Blog --- 
 .blog{display:grid;grid-template-columns:1fr;grid-template-areas:"desc" "item1" "item2" "item3" "item4" "item5" "item6" "item7" "pagination";gap:2rem 2.5rem}@media (min-width:992px){.blog{grid-template-columns:1fr 1fr;grid-template-areas:"desc desc" "item1 item2" "item1 item3" "item4 item5" "item6 item7" "pagination pagination";gap:0 2.5rem;margin-top:2rem}}.blog .category-desc{grid-area:desc}.blog .article-list .article{border-color:transparent;margin-bottom:0}.blog .article-list .article :is(.article-intro-image,.article-featured-video,.article-featured-audio,.article-feature-gallery){border-bottom-color:transparent}@media (min-width:992px){.blog .articles-leading :is(.article-intro-image,.article-featured-video,.article-featured-audio,.article-feature-gallery) img{height:771px;object-fit:cover;overflow:visible}}.blog .article-list,.blog .article-list .row,.blog .article-list [class^="col-"]{display:contents}.blog .articles-leading .article:nth-of-type(1){grid-area:item1}.blog .article-list:not(.articles-leading) [class^="col-"]:nth-of-type(1) .article{grid-area:item2}.blog .article-list:not(.articles-leading) [class^="col-"]:nth-of-type(2) .article{grid-area:item3}.blog .article-list:not(.articles-leading) [class^="col-"]:nth-of-type(3) .article{grid-area:item4}.blog .article-list:not(.articles-leading) [class^="col-"]:nth-of-type(4) .article{grid-area:item5}.blog .article-list:not(.articles-leading) [class^="col-"]:nth-of-type(5) .article{grid-area:item6}.blog .article-list:not(.articles-leading) [class^="col-"]:nth-of-type(6) .article{grid-area:item7}.blog .pagination-wrapper{grid-area:pagination}
*/
/* --- Index --- */
 [class*="quickindex"]{margin-block:2rem;padding:1.25rem 2rem;border-radius:.75rem;background:#fff;box-shadow:0 .5rem 2rem rgba(0,0,0,.08);font-size:1.05rem;line-height:1.5;display:block;position:relative;overflow:hidden}[class*="quickindex"] .index-header{margin-top:0}[class*="quickindex"] .index{margin-bottom:0}

/* --- Pagination --- */
:is(.pagination-wrapper,.jshop_pagination){-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:is(.pagination-wrapper,.jshop_pagination) .page-link:active,:is(.pagination-wrapper,.jshop_pagination) .page-link:focus{outline:none;box-shadow:none}:is(.pagination-wrapper,.jshop_pagination){--text--color:transparent;--text--size:.9rem;--text--weight:400;--icon:"";--icon--color:var(--grey,#b0b0b0);--icon--size:10px;--bg:var(--grey-lighten,#f2f2f2);--bg--active:var(--grey,#b0b0b0);--bg--arrow:transparent;--bg--size:.5;--btn--radius:50%;--btn--size:2rem;--counter__text--color:transparent;--counter__text--size:.8rem;--counter__text--weight:300;color:var(--counter__text--color)!important;font-size:var(--counter__text--size)!important;display:grid!important;justify-items:center;justify-content:revert!important;row-gap:1rem}:is(.pagination-wrapper,.jshop_pagination):hover{--text--color:var(--black,#000000);--bg:transparent;--bg--active:var(--grey-lighten,#f2f2f2);--bg--size:1;--counter__text--color:var(--grey,#b0b0b0)}:is(.pagination-wrapper,.jshop_pagination) .pagination{margin:0!important;gap:.35rem}:is(.pagination-wrapper,.jshop_pagination) .page-item{margin-bottom:0}:is(.pagination-wrapper,.jshop_pagination) .page-item.active .page-link{color:var(--text--color)!important;background-color:transparent!important}:is(.pagination-wrapper,.jshop_pagination) .page-item.active .page-link::after{--bg:var(--bg--active)}:is(.pagination-wrapper,.jshop_pagination) .page-link{color:var(--text--color);font-size:var(--text--size);font-weight:var(--text--weight);background-color:transparent;border:0 solid transparent;border-radius:var(--btn--radius)!important;display:flex;align-items:center;justify-content:center;width:var(--btn--size);height:var(--btn--size);padding:0;margin-left:0!important;position:relative;transition:var(--tz,.2s ease)}:is(.pagination-wrapper,.jshop_pagination) .page-link::before,:is(.pagination-wrapper,.jshop_pagination) .page-link::after{width:var(--btn--size);height:var(--btn--size);position:absolute;top:0;right:0;bottom:0;left:0;transition:var(--tz,.2s ease)}:is(.pagination-wrapper,.jshop_pagination) .page-link::after{content:"";background-color:var(--bg);background-size:var(--bg--size);border-radius:var(--btn--radius);scale:var(--bg--size);z-index:-1}:is(.pagination-wrapper,.jshop_pagination) .page-link:hover,:is(.pagination-wrapper,.jshop_pagination) .page-link:focus,:is(.pagination-wrapper,.jshop_pagination) .page-link:active{color:var(--text--color)}:is(.pagination-wrapper,.jshop_pagination) .page-link:hover::after,:is(.pagination-wrapper,.jshop_pagination) .page-link:focus::after,:is(.pagination-wrapper,.jshop_pagination) .page-link:active::after{--bg:var(--grey-light,hsl(0deg 0% 92%))}:is(.pagination-wrapper,.jshop_pagination) .page-link:where([title="В начало"],[title="Start"],[title="Назад"],[title="«"],[title="Вперед"],[title="»"],[title="В конец"],[title="End"]){color:transparent;font-size:0;overflow:hidden}:is(.pagination-wrapper,.jshop_pagination) .page-link:where([title="В начало"],[title="Start"],[title="Назад"],[title="«"],[title="Вперед"],[title="»"],[title="В конец"],[title="End"])::before{content:"";-webkit-mask-image:var(--icon);-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;-webkit-mask-size:var(--icon--size);background-color:var(--icon--color);z-index:1}:is(.pagination-wrapper,.jshop_pagination) .page-link:where([title="В начало"],[title="Start"],[title="Назад"],[title="«"],[title="Вперед"],[title="»"],[title="В конец"],[title="End"])::after{--bg:var(--bg--arrow)}:is(.pagination-wrapper,.jshop_pagination) .page-link:where([title="В начало"],[title="Start"],[title="Назад"],[title="«"],[title="Вперед"],[title="»"],[title="В конец"],[title="End"]):hover::before{--icon--color:var(--black,hsl(0,0%,0%))}:is(.pagination-wrapper,.jshop_pagination) .page-link:where([title="В начало"],[title="Start"])::before{--icon:url("/images/icon-pack/solid/angles-left.svg")}:is(.pagination-wrapper,.jshop_pagination) .page-link:where([title="Назад"],[title="«"])::before{--icon:url("/images/icon-pack/solid/angle-left.svg")}:is(.pagination-wrapper,.jshop_pagination) .page-link:where([title="Вперед"],[title="»"])::before{--icon:url("/images/icon-pack/solid/angle-right.svg")}:is(.pagination-wrapper,.jshop_pagination) .page-link:where([title="В конец"],[title="End"])::before{--icon:url("/images/icon-pack/solid/angles-right.svg")}:is(.pagination-wrapper,.jshop_pagination):is(.pagination-counter,.pagination_result_counter){color:var(--counter__text--color)!important;font-size:var(--counter__text--size)!important;font-weight:var(--counter__text--weight);margin-bottom:0}.pagination-wrapper .pagination-counter{color:var(--counter__text--color)!important;font-size:var(--counter__text--size)!important}

/* Блок "Читайте также" */
.related-container,
.related-block,
.related-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
  margin: 20px 0;
}

/* Каждая карточка */
.related-container .related-item,
.related-block .related-item,
.related-list .related-item {
  flex: 0 1 calc(50% - 20px); /* две в ряд */
  max-width: 300px;
  text-align: center;
}

/* Картинки */
.related-container .related-item img,
.related-block .related-item img,
.related-list .related-item img {
  width: 100%;
  max-width: 300px;
  height: auto;
  transition: transform 0.3s ease;
  display: block;
  margin: 0 auto;
}

/* Эффект наведения */
.related-container .related-item img:hover,
.related-block .related-item img:hover,
.related-list .related-item img:hover {
  transform: scale(1.05);
  /* рамок и теней нет */
}

/* Подписи */
.related-container .related-item p,
.related-block .related-item p,
.related-list .related-item p {
  margin-top: 8px;
  font-size: 15px;
  font-weight: 500;
  color: #333;
  text-align: center;
}

/* Для мобильных */
@media (max-width: 768px) {
  .related-container .related-item,
  .related-block .related-item,
  .related-list .related-item {
    flex: 0 1 100%; /* по одной в ряд */
    max-width: 100%;
  }
}

/* === Carmica: улучшенный каталог компаний с анимацией === */

/* Анимация появления */
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Карточка компании */
.mod-articlescategories.categories-module.mod-list > li {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  width: 20%;
  max-width: 20%;
  padding: 16px;
  float: left;
  min-height: 280px;
  transition: transform 0.2s ease, box-shadow 0.2s ease;

  /* Анимация при загрузке */
  opacity: 0;
  animation: fadeInUp 0.7s ease forwards;
}

/* Добавим задержку для эффекта "по очереди" */
.mod-articlescategories.categories-module.mod-list > li:nth-child(1) { animation-delay: 0.1s; }
.mod-articlescategories.categories-module.mod-list > li:nth-child(2) { animation-delay: 0.2s; }
.mod-articlescategories.categories-module.mod-list > li:nth-child(3) { animation-delay: 0.3s; }
.mod-articlescategories.categories-module.mod-list > li:nth-child(4) { animation-delay: 0.4s; }
.mod-articlescategories.categories-module.mod-list > li:nth-child(5) { animation-delay: 0.5s; }

/* Эффект при наведении */
.mod-articlescategories.categories-module.mod-list > li:hover {
  transform: translateY(-4px);
  box-shadow: 0 6px 16px rgba(0,0,0,0.15);
  border-radius: 10px;
}

/* Логотип */
.mod-articlescategories.categories-module.mod-list > li p > a > img,
.mod-articlescategories.categories-module.mod-list > li p > img {
  width: 180px;
  height: auto;
  display: block;
  margin: 0 auto;
  transition: transform 0.3s ease;
}

.mod-articlescategories.categories-module.mod-list > li:hover img {
  transform: scale(1.08);
}

/* Название компании */
.mod-articlescategories.categories-module.mod-list > li > a:first-of-type {
  display: block;
  margin-top: 12px;
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  color: #222;
  text-decoration: none;
  transition: color 0.2s ease;
  line-height: 1.2;
  min-height: 42px;
}

.mod-articlescategories.categories-module.mod-list > li:hover > a:first-of-type {
  color: #b30000;
}

/* Перестановка */
.mod-articlescategories.categories-module.mod-list > li > p:first-of-type {
  order: 1;
}
.mod-articlescategories.categories-module.mod-list > li > a:first-of-type {
  order: 2;
}

/* Скрытые описания */
.mod-articlescategories.categories-module.mod-list > li > p[style*="display: none"] {
  display: none !important;
}

/* Адаптив */
@media (max-width: 1024px) {
  .mod-articlescategories.categories-module.mod-list > li {
    width: 50%;
    max-width: 50%;
    min-height: 260px;
  }
  .mod-articlescategories.categories-module.mod-list > li p > a > img,
  .mod-articlescategories.categories-module.mod-list > li p > img {
    width: 220px;
  }
}

@media (max-width: 600px) {
  .mod-articlescategories.categories-module.mod-list > li {
    width: 100%;
    max-width: 100%;
    float: none;
    min-height: auto;
  }
  .mod-articlescate

/* === CARMICA — компактные серые теги === */
.tags,
.tags ul,
.tags li {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 2px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.tags li {
  margin: 0 !important;
  padding: 0 !important;
}

/* Сами ссылки тегов */
.tags a,
.tags .label,
.tags .tag,
a.tag,
a.label,
a.carmica-tag {
  display: inline-block !important;
  padding: 2px 6px !important;
  background-color: #f2f2f2 !important;
  color: #444 !important;
  border: 1px solid #d6d6d6 !important;
  border-radius: 4px !important;
  font-size: 13px !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
  margin: 0 !important;
}

/* Наведение */
.tags a:hover {
  background-color: #e1e1e1 !important;
  color: #000 !important;
  border-color: #ccc !important;
}

/* --- Carmica.ru: отступ под блоком тегов --- */
.item-page .tags {
  margin-bottom: 18px !important;
}