/*
 * GT Center — Extrautrustning
 * Component: extrautrustning
 * Root font size: 62.5% (1rem = 10px)
 */

/* Dölj hela sektionen #extrautrustning när [gtc_extrautrustning] saknar innehåll.
   Shortcoden renderar .gtc-eu__list endast när det finns matchande tillbehör. */
#extrautrustning:not(:has(.gtc-eu__list)) {
  display: none;
}

.gtc-eu__rubrik {
  font-weight:    700;
  text-transform: uppercase;
  text-align:     center;
}

/* ── Lista (en utrustning per rad) ────────────────────────── */
.gtc-eu__list {
  display:        flex;
  flex-direction: column;
  gap:            4.5rem;
}

.gtc-eu__item {
  text-align: center;
}

.gtc-eu__title {
  font-weight:   700;
  margin-bottom: var(--content-gap);
}

.gtc-eu__text {
  font-size:   1.6rem;
  line-height: 1.5;
  opacity:     0.85;
  max-width:   72rem;
  margin:      0 auto var(--content-gap) auto;
}

/* ── Bilder: upp till 3 kolumner, centrerade ──────────────── */
.gtc-eu__images {
  display:               grid;
  grid-template-columns: repeat(var(--gtc-eu-cols, 3), 1fr);
  gap:                   var(--grid-gap);
  margin:                2rem auto 0;
}
.gtc-eu__images[data-count="1"] { max-width: 52rem; }
.gtc-eu__images[data-count="2"] { max-width: 78rem; }

.gtc-eu__fig {
  margin:        0;
  aspect-ratio:  4 / 3;
  overflow:      hidden;
  border-radius: 3px;
  background:    rgba(128, 128, 128, 0.1);
}

.gtc-eu__zoom {
  display: block;
  width:   100%;
  height:  100%;
}

.gtc-eu__img {
  width:      100%;
  height:     100%;
  object-fit: cover;
  display:    block;
}

@media (max-width: 700px) {
  .gtc-eu__images,
  .gtc-eu__images[data-count="1"],
  .gtc-eu__images[data-count="2"] {
    grid-template-columns: 1fr;
    max-width: 42rem;
  }
}