/* Стили для хлебных крошек */
.breadcrumbs-custom {
  padding: 10px 0;
  margin-bottom: 20px;
  font-size: 14px;
  color: #666;
}
.breadcrumbs-custom a {
  color: #005b9f;
  text-decoration: none;
  transition: color 0.2s ease;
}
.breadcrumbs-custom a:hover {
  color: #003d6b;
  text-decoration: underline;
}
.breadcrumbs-custom .separator {
  margin: 0 8px;
  color: #999;
}
.breadcrumbs-custom .current {
  color: #333;
  font-weight: 500;
}

/* Стили для плиток */
.bx_catalog_tile {
  margin: 0 -10px;
}
.bx_catalog_tile_ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: 0;
}
.bx_catalog_tile_ul li {
  flex: 0 0 calc(20% - 20px);
  margin: 10px;
  background: #f4f7f9;
  border: 1px solid #e0e5ea;
  border-radius: 5px;
  padding: 20px 15px;
  text-align: center;
  min-height: 100px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  box-sizing: border-box;
}
.bx_catalog_tile_ul li:hover {
  box-shadow: 0 4px 15px rgba(0, 91, 159, 0.15);
  border-color: #005b9f;
  transform: translateY(-2px);
}
.bx_catalog_tile_ul li .bx_catalog_tile_title {
  font-size: 15px;
  font-weight: 500;
  line-height: 1.4;
  text-align: center;
  width: 100%;
}
.bx_catalog_tile_ul li .bx_catalog_tile_title a {
  color: #005b9f;
  text-decoration: none;
  display: inline-block;
  transition: color 0.2s ease;
}
.bx_catalog_tile_ul li .bx_catalog_tile_title a:hover {
  color: #003d6b;
  text-decoration: underline;
}
.bx_catalog_tile_ul li .bx_catalog_tile_title span {
  color: #005b9f;
  font-weight: 400;
  opacity: 0.7;
  font-size: 13px;
  display: inline-block;
  margin-left: 3px;
}

/* Адаптивность */
@media (max-width: 1200px) {
  .bx_catalog_tile_ul li {
      flex: 0 0 calc(25% - 20px);
  }
}
@media (max-width: 992px) {
  .bx_catalog_tile_ul li {
      flex: 0 0 calc(33.333% - 20px);
  }
}
@media (max-width: 768px) {
  .bx_catalog_tile_ul li {
      flex: 0 0 calc(50% - 20px);
  }
}
@media (max-width: 480px) {
  .bx_catalog_tile_ul li {
      flex: 0 0 calc(100% - 20px);
      min-height: 80px;
      padding: 15px;
  }
  .bx_catalog_tile_ul li .bx_catalog_tile_title {
      font-size: 14px;
  }
}




.diana_separator_page {
  margin-bottom: 4em;
}




/* Блок популярных статей */
.popular-articles-wrap {
  margin-bottom: 40px;
}

.popular-articles-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  margin-bottom: 30px;
}

.section-title {
  font-size: 24px;
  font-weight: 600;
  color: #005b9f;
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 2px solid #e0e5ea;
}

.popular-title {
  color: #005b9f;
}

.last-title {
  color: #005b9f;
  margin-top: 10px;
}

/* Основная сетка статей */
.articles-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  margin: 30px 0;
}

/* Карточка статьи */
.article-card {
  background: #f4f7f9;
  border: 1px solid #e0e5ea;
  border-radius: 5px;
  padding: 16px;
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
}

.article-card:hover {
  box-shadow: 0 4px 15px rgba(0, 91, 159, 0.15);
  border-color: #005b9f;
  transform: translateY(-2px);
}

.article-card-image {
  border-radius: 5px;
  overflow: hidden;
  margin-bottom: 12px;
  position: relative;
  padding-bottom: 63.2%; /* Соотношение 250/158 */
  background: #e8ecf0;
}

.article-card-image img,
.article-card-image amp-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.article-card-title {
  margin-bottom: 8px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.4;
}

.article-card-title a {
  color: #005b9f;
  text-decoration: none;
  transition: color 0.2s ease;
}

.article-card-title a:hover {
  color: #003d6b;
  text-decoration: underline;
}

.article-card-text {
  font-size: 14px;
  line-height: 1.5;
  color: #555;
  flex-grow: 1;
}

.article-card-text p {
  margin: 0;
}

/* Адаптивность */
@media (max-width: 768px) {
  .popular-articles-grid,
  .articles-grid {
      grid-template-columns: 1fr;
      gap: 16px;
  }
  
  .article-card-title {
      font-size: 15px;
  }
  
  .article-card-text {
      font-size: 13px;
  }
  
  .section-title {
      font-size: 20px;
  }
}

@media (max-width: 480px) {
  .article-card {
      padding: 12px;
  }
}


/* Карточка статьи как ссылка */
a.article-card-link {
  background: #f4f7f9;
  border: 1px solid #e0e5ea;
  border-radius: 5px;
  padding: 16px;
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
  text-decoration: none;
  color: inherit;
  cursor: pointer;
}

a.article-card-link:hover {
  box-shadow: 0 4px 15px rgba(0, 91, 159, 0.15);
  border-color: #005b9f;
  transform: translateY(-2px);
}

a.article-card-link .article-card-image {
  border-radius: 5px;
  overflow: hidden;
  margin-bottom: 12px;
  position: relative;
  padding-bottom: 63.2%;
  background: #e8ecf0;
}

a.article-card-link .article-card-image img,
a.article-card-link .article-card-image amp-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

a.article-card-link .article-card-title {
  margin-bottom: 8px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.4;
  color: #005b9f;
  transition: color 0.2s ease;
}

a.article-card-link:hover .article-card-title {
  color: #003d6b;
  text-decoration: underline;
}

a.article-card-link .article-card-text {
  font-size: 14px;
  line-height: 1.5;
  color: #555;
  flex-grow: 1;
}

a.article-card-link .article-card-text p {
  margin: 0;
}

a.article-card-link .article-card-title:hover, a.article-card-link .article-card-text{
  text-decoration: none;
}

.main-content-block a.article-card-link:hover,
.main-content-block a.article-card-title:hover {
  text-decoration: none;
}

/* Адаптивность */
@media (max-width: 768px) {
  .popular-articles-grid,
  .articles-grid {
      grid-template-columns: 1fr;
      gap: 16px;
  }
  
  a.article-card-link .article-card-title {
      font-size: 16px;
  }
  
  a.article-card-link .article-card-text {
      font-size: 13px;
  }
}

@media (max-width: 480px) {
  a.article-card-link {
      padding: 12px;
  }
}




/* ================= ARTICLE CONTENT ================= */
aside {
  position: relative;
}

.sticky-sidebar {
  position: sticky;
  top: 90px; /* Отступ от верхнего края */
  align-self: flex-start;
}

/* Для всего layout */
.layout {
  display: grid;
  grid-template-columns: 3fr 1fr; /* Статья 75%, Сайдбар 25% */
  gap: 40px;
  align-items: start; /* Важно для sticky */
}
article h1 {
  font-size: 32px;
  line-height: 1.3;
  margin-bottom: 15px;
  color: var(--text-main);
}

.meta-info {
  display: flex;
  gap: 20px;
  font-size: 14px;
  color: var(--text-light);
  margin-bottom: 30px;
  border-bottom: 1px solid var(--border-color);
  padding-bottom: 15px;
}

.article-image {
  margin: 20px 0 30px;
  border-radius: 8px;
  overflow: hidden;
}

.article-image amp-img {
  display: block;
  width: 100%;
  height: auto;
}

article h2 {
  font-size: 24px;
  margin: 40px 0 20px;
  color: var(--primary);
}

article h3 {
  font-size: 20px;
  margin: 25px 0 15px;
}

article p {
  margin-bottom: 15px;
  font-size: 17px;
  line-height: 1.7;
}

article ul, article ol {
  margin: 0 0 20px 20px;
  font-size: 17px;
}

article li {
  margin-bottom: 10px;
}

/* ================= EXPERT BLOCK ================= */
.expert-block {
  background: var(--bg-light);
  border-radius: 8px;
  padding: 25px;
  margin: 40px 0;
  border-left: 4px solid var(--primary);
}

.expert-inner {
  display: flex;
  gap: 25px;
  align-items: flex-start;
}

.expert-image {
  flex-shrink: 0;
}

.expert-image img {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  object-fit: cover;
}

.expert-info {
  flex: 1;
}

.expert-name {
  font-size: 18px;
  font-weight: 700;
  color: var(--primary);
  margin-bottom: 5px;
}

.expert-title {
  font-size: 15px;
  color: var(--text-light);
  margin-bottom: 8px;
}

.expert-experience {
  font-size: 14px;
  color: var(--text-main);
}

.expert-date {
  font-size: 13px;
  color: var(--text-light);
  margin-top: 10px;
}

/* ================= SIDEBAR WIDGETS ================= */
.sidebar-widget {
  background: #fff;
  border: 1px solid var(--border-color);
  padding: 25px;
  border-radius: 8px;
  margin-bottom: 30px;
  box-shadow: 0 4px 15px rgba(0,0,0,0.05);
}

.sidebar-widget h4 {
  font-size: 18px;
  margin-bottom: 15px;
  color: var(--primary);
}

.lead-widget {
  border: 2px solid var(--primary);
}

.lead-widget p {
  font-size: 14px;
  color: var(--text-light);
  margin-bottom: 15px;
}

.widget-list {
  list-style: none;
  padding: 0;
  margin: 0 0 15px 0;
}

.widget-list li {
  font-size: 13px;
  color: var(--text-light);
  padding: 5px 0;
  padding-left: 20px;
  position: relative;
}

.widget-list li::before {
  content: '✓';
  position: absolute;
  left: 0;
  color: var(--primary);
  font-weight: bold;
}

.btn-primary {
  background-color: var(--accent);
  color: #fff;
  padding: 10px 20px;
  border-radius: 5px;
  font-weight: 600;
  display: block;
  text-align: center;
  width: 100%;
}

.btn-primary:hover {
  background-color: #e65c00;
  color: #fff;
}

.popular-service-item {
  display: flex;
  justify-content: space-between;
  padding: 10px 0;
  border-bottom: 1px solid #eee;
  font-size: 14px;
}

.popular-service-item:last-child {
  border-bottom: none;
}

.popular-service-item a {
  color: var(--text-main);
}

.popular-service-item a:hover {
  color: var(--primary);
}

.price {
  font-weight: bold;
  color: var(--accent);
}

.all-prices {
  display: block;
  margin-top: 15px;
  font-size: 14px;
  text-align: center;
  color: var(--primary);
}

.all-prices:hover {
  text-decoration: underline;
}

/* ================= RESPONSIVE ================= */
@media (max-width: 992px) {
  .expert-inner {
      flex-direction: column;
      align-items: center;
      text-align: center;
  }
  
  .expert-image img {
      width: 100px;
      height: 100px;
  }
}

@media (max-width: 768px) {
  article h1 {
      font-size: 24px;
  }
  
  article h2 {
      font-size: 20px;
  }
  
  article h3 {
      font-size: 18px;
  }
  
  article p, article ul, article ol {
      font-size: 15px;
  }
  
  .meta-info {
      flex-direction: column;
      gap: 5px;
      font-size: 13px;
  }
}

@media (max-width: 480px) {
  .expert-block {
      padding: 15px;
  }
  
  .expert-image img {
      width: 80px;
      height: 80px;
  }
}


        :root {
            --primary: #005B9F; /* Фирменный синий */
            --accent: #FF6B00; /* Фирменный оранжевый */
            --tg-color: #2AABEE;
            --text-main: #333333;
            --text-light: #666666;
            --bg-light: #F4F7F9;
            --border-color: #E0E0E0;
            --font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
        }

        * {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
        }

        body {
            font-family: var(--font-family);
            color: var(--text-main);
            line-height: 1.6;
            background-color: #ffffff;
        }

        a {
            color: var(--primary);
            text-decoration: none;
            transition: color 0.3s ease;
        }

        a:hover {
            color: var(--accent);
        }

        .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
        }

        /* ================= HEADER (Простой вариант для прототипа) ================= */
        header {
            border-bottom: 1px solid var(--border-color);
            padding: 15px 0;
            position: sticky;
            top: 0;
            background: #fff;
            z-index: 100;
        }

        .header-inner {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .logo {
            font-size: 24px;
            font-weight: bold;
            color: var(--primary);
        }

        .btn {
            background-color: var(--accent);
            color: #fff;
            padding: 10px 20px;
            border-radius: 5px;
            font-weight: 600;
            display: inline-block;
            text-align: center;
        }

        .btn:hover {
            background-color: #e65c00;
            color: #fff;
        }

        /* ================= BREADCRUMBS ================= */
        .breadcrumbs {
            font-size: 13px;
            color: var(--text-light);
            margin: 20px 0;
        }
        .breadcrumbs a {
            color: var(--text-light);
        }
        .breadcrumbs .separator {
            margin: 0 8px;
        }

        /* ================= LAYOUT GRID ================= */
        .layout {
            display: grid;
            grid-template-columns: 3fr 1fr; /* Статья 75%, Сайдбар 25% */
            gap: 40px;
            margin-bottom: 60px;
        }

        /* ================= ARTICLE CONTENT ================= */
        article h1 {
            font-size: 32px;
            line-height: 1.3;
            margin-bottom: 15px;
        }

        .meta-info {
            display: flex;
            gap: 20px;
            font-size: 14px;
            color: var(--text-light);
            margin-bottom: 30px;
            border-bottom: 1px solid var(--border-color);
            padding-bottom: 15px;
        }

        article h2 {
            font-size: 24px;
            margin: 40px 0 20px;
            color: var(--primary);
        }

        article h3 {
            font-size: 20px;
            margin: 25px 0 15px;
        }

        article p {
            margin-bottom: 15px;
            font-size: 17px;
        }

        article ul, article ol {
            margin: 0 0 20px 20px;
            font-size: 17px;
        }

        article li {
            margin-bottom: 10px;
        }

        .article-img {
            width: 100%;
            height: auto;
            border-radius: 8px;
            margin: 20px 0;
        }

        /* ТАБЛИЦА ОГЛАВЛЕНИЯ (SEO) */
        .toc {
            background: var(--bg-light);
            padding: 25px;
            border-radius: 8px;
            margin: 30px 0;
        }
        .toc h3 {
            margin-top: 0;
            font-size: 18px;
        }
        .toc ul {
            list-style-type: none;
            margin: 0;
        }
        .toc li {
            margin-bottom: 8px;
        }

        /* ВРЕЗКА: ПРОЧИТАЙТЕ ТАКЖЕ */
        .read-also {
            border-left: 4px solid var(--primary);
            padding: 15px 20px;
            background: var(--bg-light);
            margin: 20px 0;
            font-weight: 500;
        }

        /* ================= PROMO BLOCK (КОНВЕРСИЯ) ================= */
        .promo-block {
            background: linear-gradient(135deg, var(--primary), #003F73);
            color: #fff;
            padding: 30px;
            border-radius: 12px;
            text-align: center;
            margin: 40px 0;
            box-shadow: 0 10px 20px rgba(0, 91, 159, 0.2);
        }
        .promo-block h3 {
            color: #fff;
            margin-top: 0;
            font-size: 26px;
        }
        .promo-block p {
            font-size: 18px;
            margin-bottom: 20px;
        }
        .promo-block .btn-promo {
            background: var(--accent);
            color: #fff;
            font-size: 18px;
            padding: 12px 30px;
            border-radius: 8px;
            display: inline-block;
            font-weight: bold;
        }
        .promo-block .btn-promo:hover {
            background: #e65c00;
        }

        /* ================= TELEGRAM CTA (УДЕРЖАНИЕ) ================= */
        .tg-cta {
            background: #EAF6FF;
            border: 2px dashed var(--tg-color);
            padding: 25px;
            border-radius: 12px;
            display: flex;
            align-items: center;
            gap: 20px;
            margin: 40px 0;
            padding-top: .5em;
        }
        .tg-cta-icon {
            font-size: 50px;
            color: var(--tg-color);
        }
        .tg-cta-text h4 {
            font-size: 20px;
            margin-bottom: 5px;
            color: var(--tg-color);
            margin-top: 0;
        }
        .tg-cta-text p {
            margin: 0 0 10px 0;
            font-size: 15px;
        }
        .btn-tg {
            background: var(--tg-color);
            color: #fff;
            padding: 8px 20px;
            border-radius: 5px;
            font-weight: bold;
        }

        /* ================= FAQ (SEO MICRODATA FRIENDLY) ================= */
        .faq-section {
            margin-top: 50px;
        }
        details {
            background: var(--bg-light);
            margin-bottom: 10px;
            border-radius: 6px;
            overflow: hidden;
        }
        summary {
            font-weight: bold;
            padding: 18px 20px;
            cursor: pointer;
            list-style: none;
            position: relative;
            font-size: 17px;
        }
        summary::-webkit-details-marker {
            display: none;
        }
        summary::after {
            content: '+';
            position: absolute;
            right: 20px;
            font-size: 24px;
            top: 50%;
            transform: translateY(-50%);
            color: var(--primary);
        }
        details[open] summary::after {
            content: '−';
        }
        details p {
            padding: 0 20px 20px;
            margin: 0;
            font-size: 16px;
        }

        /* ================= SIDEBAR (STICKY CONVERSION) ================= */
        aside {
            position: relative;
        }
        .sticky-sidebar {
            position: sticky;
            top: 90px; /* Отступ от хедера */
        }
        .sidebar-widget {
            background: #fff;
            border: 1px solid var(--border-color);
            padding: 25px;
            border-radius: 8px;
            margin-bottom: 30px;
            box-shadow: 0 4px 15px rgba(0,0,0,0.05);
        }
        .sidebar-widget h4 {
            font-size: 20px;
            margin-bottom: 15px;
            color: var(--primary);
        }
        .sidebar-widget .btn {
            display: block;
            width: 100%;
            margin-top: 15px;
        }
        .popular-service-item {
            display: flex;
            justify-content: space-between;
            padding: 10px 0;
            border-bottom: 1px solid #eee;
            font-size: 15px;
        }
        .popular-service-item:last-child {
            border-bottom: none;
        }
        .price {
            font-weight: bold;
            color: var(--accent);
        }

        /* ================= RESPONSIVE ================= */
        @media (max-width: 992px) {
            .layout {
                grid-template-columns: 1fr; /* Сайдбар падает вниз */
            }
            .sticky-sidebar {
                position: static;
            }
            .tg-cta {
                flex-direction: column;
                text-align: center;
            }
        }
    

/**блок автора*/
.author-block {
  padding: 1em 0 0 1em;
  background-color: #F6FAFC;
  max-width: 800px;
  margin: 2em auto;
  border-radius: 20px;
}
.author-block table td {
  border: 0;
}
.author-block table {
    margin: 0;
    table-layout: auto;
    border-collapse: collapse;
    width: 100%;
    border: 0;
}
.author-block tr {
  display: grid;
  align-items: center;
  grid-template-columns: 10px 130px auto;
}
.author-block .quote {
  align-self: flex-start;
}
.quote img {
  border: none;
  width: 26px !important;
}
.author-block .doc-image img {
  width: 90px;
  border-radius: 50%;
  margin: 0 20px;
  filter: brightness(1.1);
  max-width: 100%;
  border: 2px solid #fee2ba;
  aspect-ratio: 1;
  object-fit: contain;
}
.author-block .author p {
    font-size: 20px;
    margin: 0 auto 1.4em;
    max-width: 1160px;
}
.author-block .author p {
  font-size: 20px;
}
.author-block .author p a {
  color: #333;
  text-decoration: none;
}
.author-block p {
  margin-bottom: 0.4em;
  margin-top: 0.4em;
}
.author-block .author p[itemprop="jobTitle"] {
  color: #797979;
  font-size: 16px;
}
.author-block .author p.exp-opyt {
  font-size: 16px;
  margin-bottom: 0.4em;
  margin-top: 0.4em;
}
.author-block .author p.pub-date {
    font-size: 12px;
    color: #c5c5c5;
}
@media (max-width: 460px) {
  .page-content table {
      font-size: 15px;
      margin-top: 2em;
  }
  .author-block tr {
    grid-template-columns: 1fr;
    grid-template-rows: 40px min-content auto;
  }
  .author-block tr td.quote img {
    width: 30px;
  }
}


.author-block .author p.also a {
  padding: 10px;
  background: #068f9d;
  color: white;
  font-weight: bold;
}

/* share */

.share-buttons {
  margin: 20px 0;
  padding: 15px;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  display: flex;
  align-items: center;
}

.share-label {
  margin-right: 10px;
  font-weight: bold;
}

.share-btn {
  display: inline-block;
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  border-radius: 50%;
  color: white;
  margin: 0 5px;
  text-decoration: none;
  transition: transform 0.3s ease;
}

.share-btn:hover {
  transform: scale(1.1);
  text-decoration: none;
  color: white;
}

.share-btn.vk { background: #4a76a8; }
.share-btn.tg { background: #0088cc; }
.share-btn.wa { background: #25d366; }
.share-btn.fb { background: #3b5998; }
.share-btn.tw { background: #1da1f2; }

.share-btn i {
  font-size: 19px;
  line-height: 1.7 !important;
}



.also {
  /* Основной стиль блока */
  background-color: #e9e9e9; /* Белый фон */
  border-left: 6px solid #005b9f;
  padding: 18px 25px;
  border-radius: 0 7px 7px 0; /* Более скругленные углы */ 
  font-family: system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  font-size: 1.1rem;
  color: #2c3e50;
  /* "Воздушная" тень */
  box-shadow: 0 10px 25px -8px rgba(6, 143, 157, 0.25);
  max-width: 650px;
  margin: 25px 0;
  /* Для псевдоэлемента */
  position: relative;
  line-height: 1.5em!important;
}

bold {font-weight:bold!important}

/* Псевдоэлемент для создания точки или декора слева (опционально) */
.also::before {
  /*content: "✨";*/ /* Можно заменить на 📌 или ➡️ */
  /*content: "★";*/ /* Можно заменить на 📌 или ➡️ */
  position: absolute;
  left: -16px; /* Выдвигаем за границу */
  top: 50%;
  transform: translateY(-50%);
  background-color: #005b9f;
  color: white;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  box-shadow: 0 2px 8px rgba(6, 143, 157, 0.4);
}

.also a {
  color: #005b9f;
  font-weight: 600;
  text-decoration: none;
  border-bottom: 1px dashed #b2e4e9;
}

.also a:hover {
  border-bottom-color: #068F9D;
}



/* ================= RELATED ARTICLES (Популярные и Случайные) ================= */
.related_articles_wrap {
  margin: 50px 0;
}

.related_articles {
  /*max-width: 1200px;*/
  margin: 0 auto;
}

.related_articles .like_h2 {
  font-size: 36px;
  padding-bottom: 26px;
  font-weight: normal;
}

.related_articles .related-inner-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}

.related_articles .rel_item {
  background: #f4f7f9;
  border: 1px solid #e0e5ea;
  border-radius: 5px;
  overflow: hidden;
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
}

.related_articles .rel_item:hover {
  box-shadow: 0 4px 15px rgba(0, 91, 159, 0.15);
  border-color: #005b9f;
  transform: translateY(-2px);
}

.related_articles .rel_href {
  display: block;
  overflow: hidden;
  position: relative;
  padding-bottom: 56.4%;
  background: #e8ecf0;
}

.related_articles .rel_href amp-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.related_articles .rel_href amp-img img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.related_articles .rel_h_p_wrap {
  padding: 16px;
  flex: 1;
  display: flex;
  flex-direction: column;
}

.related_articles .rel_href_p {
  text-decoration: none;
  display: block;
  margin-bottom: 8px;
}

.related_articles .rel_h {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.4;
  color: #005b9f;
  transition: color 0.2s ease;
}

.related_articles .rel_href_p:hover .rel_h {
  color: #003d6b;
  text-decoration: underline;
}

.related_articles .rel_p {
  font-size: 14px;
  line-height: 1.5;
  color: #555;
  flex-grow: 1;
}

.related_articles .rel_p p {
  margin: 0;
}

/* ================= Блок "Случайные статьи" с дополнительным классом ================= */
.related_articles.random .like_h2 {
  color: #005b9f;
}

/* ================= АДАПТИВНОСТЬ ================= */
@media (max-width: 992px) {
  .related_articles .related-inner-grid {
      gap: 20px;
  }
}

@media (max-width: 768px) {
  .related_articles .related-inner-grid {
      grid-template-columns: 1fr;
      gap: 16px;
  }
  
  .related_articles .like_h2 {
      font-size: 28px;
      padding-bottom: 20px;
  }
  
  .related_articles .rel_h {
      font-size: 16px;
  }
  
  .related_articles .rel_p {
      font-size: 13px;
  }
}

@media (max-width: 640px) {
  .main-content-block .page-title {
    text-align: left;
  }
  /*до конца акции лето в москве*/
  img[src*="lictr8"] {
    transform: scale(1.05);
  }

  .layout article {
    display: block;
    width: 100%;
    overflow: hidden;
  }
}

@media (max-width: 480px) {
  .related_articles_wrap {
      margin: 30px 0;
  }
  
  .related_articles .like_h2 {
      font-size: 24px;
      padding-bottom: 16px;
  }
  
  .related_articles .rel_h_p_wrap {
      padding: 12px;
  }
}

/*для тач устройств*/
@media (hover: hover) and (pointer: fine) {
  h1.page-title.magazin_detail_not_show {
    text-align: left;
  }
}