/* Tonino Lamborghini Tower — səhifə şəbəkəsi və infrastruktur siyahısı.

   Axının qatları (stack, plitə rəngləri, siyahılar, nişanlar) flow.css-dən
   gəlir — eyni axını towers və swiss demoları da işlədir. Burada iki şey
   var: sütun bölgüsü və yalnız bu demoya xas olan "qatda nə var" siyahısı. */

.tonino-main {
  grid-template-columns: minmax(0, 1fr) 400px;
}
.tonino-main:has(.stackbar:not([hidden])) {
  grid-template-columns: 200px minmax(0, 1fr) 400px;
}
.tonino-main:has(.stackbar:not([hidden])) .stackbar { order: -1 }

/* ---------- infrastruktur siyahısı ----------

   Podium, Sky Club və dam qatı mənzil satmır, ona görə onların məzmunu
   kart deyil, nişan cərgəsidir: qiyməti və statusu olmayan sətirlər satış
   rəqəmləri ilə qarışmasın. */
.amen {
  list-style: none;
  margin: 8px 0 18px;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.amen li {
  padding: 5px 10px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: var(--surface);
  font-size: 12.5px;
  color: var(--muted);
}

/* ---------- qüllənin nişanları ----------

   towers demosunda hər nişan öz binasının ÜSTÜNDƏ dayanır — dörd bina
   yan-yana olduğuna görə bu işləyir. Burada bina birdir və dörd nişan onun
   üstündə üst-üstə düşərdi, ona görə onlar yanda, bir-birinin altında
   düzülür: şaquli mərkəz zonanın öz hündürlüyündədir.

   Nişan sağ kənarından bağlanır (`-100%`), yəni bağlantı nöqtəsindən SOLA
   açılır və qüllənin fasadını örtmür. */
#pins .pin {
  transform: translate(calc(-100% - 14px), -50%);
  align-items: flex-end;
  text-align: right;
}
#pins .pin.hot {
  transform: translate(calc(-100% - 14px), -50%) scale(1.06);
}

/* ---------- uyğunlaşma ---------- */

@media (max-width: 1100px) {
  .tonino-main:has(.stackbar:not([hidden])) {
    grid-template-columns: 150px minmax(0, 1fr) 360px;
  }
}

@media (max-width: 900px) {
  .tonino-main,
  .tonino-main:has(.stackbar:not([hidden])) {
    grid-template-columns: 1fr;
  }
  .tonino-main:has(.stackbar:not([hidden])) .stackbar { order: 0 }
}