/* SOHO VUE - 06-offer.css
   cztery pory roku, udogodnienia, najem, operator
   Fragment 6/13 arkusza soho.css (wiersze 2233-2411 oryginalu).
   KOLEJNOSC LADOWANIA JEST ZNACZACA - patrz includes/head.php. */

/* ------------------------------------------------------------ cztery pory */

.seasons {
  display: grid;
  gap: 1px;
  background: var(--rule);
  border: 1px solid var(--rule);
  margin-top: clamp(2.5rem, 5vw, 4rem);
  grid-template-columns: 1fr;
}

/* ------------------------------------------------------------- udogodnienia */

.amen {
  display: grid;
  gap: clamp(2rem, 4vw, 3.4rem);
  margin-top: clamp(2.5rem, 5vw, 4rem);
}

@media (min-width: 900px) {
  .amen {
    grid-template-columns: repeat(3, 1fr);
  }
}

/* ---------------------------------------------------------------- najem   */

.qa {
  margin-top: clamp(2rem, 4vw, 3rem);
}

.qa__row {
  display: grid;
  gap: .5rem 3rem;
  padding: 1.4rem 0;
  border-top: 1px solid var(--rule);
}

@media (min-width: 820px) {
  .qa__row {
    grid-template-columns: minmax(0, .8fr) minmax(0, 1.6fr);
  }
}

.qa__row:last-child {
  border-bottom: 1px solid var(--rule);
}

.qa__q {
  font-weight: 500;
  font-size: .98rem;
}

.qa__a {
  font-size: .95rem;
  color: var(--fg-soft);
}

/* Wariant w kolumnie tekstu: bez linii, wiersze jeden pod drugim. */
.qa.qa--plain {
  margin-top: var(--head-gap);
}

.qa--plain .qa__row {
  display: block;
  padding: 0;
  border: 0;
}

.qa--plain .qa__row+.qa__row {
  margin-top: clamp(1.1rem, 2vw, 1.5rem);
}

.qa--plain .qa__a {
  margin-top: .3rem;
}

/* --------------------------------------------------------------- operator */

.operator__marks {
  display: flex;
  align-items: center;
  gap: clamp(1.25rem, 3vw, 2.25rem);
  margin-top: clamp(1.75rem, 4vw, 2.75rem);
}

.operator__logo {
  width: clamp(160px, 26vw, 220px);
  height: auto;
}

.operator__stamp {
  width: clamp(88px, 14vw, 120px);
  height: auto;
}