/* ==========================================================================
   Category landing page  /chirie-auto/{slug}
   ========================================================================== */

/* Description block rendered below the cars grid */
.category-description {
  padding-top:    var(--sp-48);
  padding-bottom: var(--sp-80);
  background:     var(--color-bg-body);
}

.category-description__container {
  max-width:    var(--bp-max);
  margin-left:  auto;
  margin-right: auto;
}

.category-description__body {
  color:       var(--color-text);
  font-family: var(--font-secondary);
  font-size:   var(--font-size-sm);
  line-height: 1.7;
  white-space: pre-wrap;
}

.category-description__body h1,
.category-description__body h2,
.category-description__body h3,
.category-description__body h4,
.category-description__body h5,
.category-description__body h6 {
  font-family:    var(--font-primary);
  color:          var(--color-text-dark);
  font-weight:    var(--font-weight-semibold);
  margin-top:     var(--sp-24);
  margin-bottom:  var(--sp-12);
  line-height:    1.3;
}

.category-description__body h1 { font-size: var(--font-size-3xl); }
.category-description__body h2 { font-size: var(--font-size-2xl); }
.category-description__body h3 { font-size: var(--font-size-xl); }
.category-description__body h4 { font-size: var(--font-size-lg); }
.category-description__body h5 { font-size: var(--font-size-md); }
.category-description__body h6 { font-size: var(--font-size-sm); }

.category-description__body p {
  margin-top:    0;
  margin-bottom: var(--sp-16);
  color:         var(--color-text);
}

.category-description__body ul,
.category-description__body ol {
  margin-top:    0;
  margin-bottom: var(--sp-16);
  padding-left:  var(--sp-24);
  color:         var(--color-text-light);
}

.category-description__body li {
  margin-bottom: var(--sp-8);
  line-height:   1.6;
}

.category-description__body a {
  color:           var(--color-blue);
  text-decoration: underline;
  transition:      color 0.2s ease;
}

.category-description__body a:hover {
  color: var(--color-blue-dark);
}

.category-description__body strong,
.category-description__body b {
  font-weight: var(--font-weight-semibold);
  color:       var(--color-text-dark);
}

.category-description__body img {
  max-width:     100%;
  height:        auto;
  border-radius: var(--radius-md);
  margin-top:    var(--sp-16);
  margin-bottom: var(--sp-16);
}

@media (max-width: 1450px) {
  .category-description {
    padding-top:    var(--sp-32);
    padding-bottom: var(--sp-48);
  }
  .category-description__container {
    padding-left:  var(--sp-16);
    padding-right: var(--sp-16);
  }
}

.category-nav {
  max-width: 1450px;
  margin: 60px auto;
}

.category-nav__list {
  display: flex;
  gap: 40px;
  padding: 0;
  margin: 0;
  list-style: none;
}

@media (max-width: 1450px) {
  .category-nav {
    padding: 0 var(--sp-16);
  }
  .category-nav__list {
    gap: 24px;
  }
}

@media (max-width: 991px) {
  .category-nav__list {
    flex-direction: column;
    gap: 16px;
  }
  .category-nav {
    margin-left: 0;
    margin-right: auto;
    padding: var(--sp-16);
  }
}