/* V2 Urządź wnętrze (sections-v2/v2-inspiracje.mjs). Prymitywy z css/v2/layout.css (.v2-head, .v2-tabs,
   .v2-rail, .v2-arrows, .v2-media, .v2-zoom); tu tylko kafel. Kafel jest większy niż karta produktu
   (560 zamiast 340), więc przy 1440 widać dwa pełne i ucięty trzeci: rząd się przewija. */

.v2-insp__panel[hidden] {
  display: none;
}

.v2-insp {
  --v2-insp-w: 560px;
}

.v2-insp__rail {
  gap: var(--v2-gap);
}

.v2-insp__item {
  flex-basis: var(--v2-insp-w);
}

.v2-insp__tile {
  display: block;
  color: var(--v2-ink);
  text-decoration: none;
}

.v2-insp__media {
  aspect-ratio: 4 / 3;
}

/* Podpis pod zdjęciem: nazwa w rozmiarze tytułu kafla (24/30, desktronic) i strzałka „↗”. */
.v2-insp__name {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 20px;
  font-family: var(--gs-font-display);
  font-size: var(--v2-h3-size);
  font-weight: 400;
  line-height: var(--v2-h3-leading);
}

.v2-insp__name .gs-icon {
  width: 18px;
  height: 18px;
}

.v2-insp__tile:focus-visible {
  outline: none;
}

.v2-insp__tile:focus-visible .v2-insp__media {
  outline: 2px solid var(--gs-focus);
  outline-offset: 2px;
}

.v2-head [data-insp-link][hidden] {
  display: none;
}

@media (max-width: 1279px) {
  .v2-insp {
    --v2-insp-w: 440px;
  }
}

@media (max-width: 767px) {
  .v2-insp {
    --v2-insp-w: min(300px, 78vw);
  }

  .v2-insp__rail {
    gap: var(--v2-rail-gap);
  }

  .v2-insp__name {
    margin-top: 14px;
  }

  .v2-insp__name .gs-icon {
    width: 16px;
    height: 16px;
  }
}

/* Mobile: długa etykieta linku („Wszystkie pomieszczenia”) nie mieści się obok tytułu, więc schodzi pod niego. */
@media (max-width: 767px) {
  .v2-insp .v2-head {
    grid-template-columns: minmax(0, 1fr);
  }

  .v2-insp .v2-head > .v2-link-arrow {
    grid-column: 1;
    grid-row: 2;
    justify-self: start;
    margin-bottom: 0;
  }
}