.refs .item__head{
	  display: flex;
	  align-items: center;
	  gap: .5rem;
	  flex-wrap: wrap;              /* ha szűk, törhet */
	}
	.refs .item__title{
	  flex: 1 1 auto;               /* cím nyúljon */
	  min-width: 220px;             /* ne essen 0-ra */
	  margin: 0;
	}
	.refs .btn{
	  flex: 0 0 auto;               /* gomb méretét tartsuk */
	  white-space: nowrap;
	}

	/* ===== Előnézeti doboz: képek és iframe-ek ===== */
	.refs .thumb{
	  position: relative;
	  width: 100%;
	  border: 1px solid rgba(255,255,255,.06);
	  border-radius: 10px;
	  overflow: hidden;
	  background: #0f172a;
	}

	/* KÉP: klasszikus, nem vágunk bele */
	.refs .thumb img{
	  display: block;
	  width: 100%;
	  height: auto;
	}

	/* IFRAME: desktopon kényelmes fix magasság, mobilon 16:9 */
	.refs .thumb iframe{
	  display: block;
	  width: 100%;
	  height: 420px;                /* DESKTOP: kényelmes előnézet */
	  border: 0;
	}

	/* ===== Mobil finomhangolás (≤ 640px) ===== */
	@media (max-width: 640px){
	  /* gomb a cím alá, teljes szélességben */
	  .refs .btn{ width: 100%; order: 2; }

	  /* iframe mobilon 16:9 – nem vágjuk furán */
	  .refs .thumb{ aspect-ratio: 16 / 9; }
	  .refs .thumb iframe{ height: 100%; }
	}
	/* References – ne vágja le a képes rész tartalmát */
.refs .collapsible.collapsed .collapsible__body {
  max-height: 0;
  opacity: 0;
  padding: 0 1rem;
  overflow: hidden;
}

/* NYITVA: NINCS magasságkorlát (vagy ha szeretnéd: 4000px) */
.refs .collapsible:not(.collapsed) .collapsible__body {
  max-height: none;          /* ha animálni akarod: 4000px */
  opacity: 1;
  padding: 1rem 1rem 1.25rem;
  overflow: visible;
}
/* Élő előnézetek (2. blokk): 16:9-as “viewport”, 1600×900-as oldal kicsinyítve */
.refs .thumb.thumb--live {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;   /* konténer arány */
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.06);
  border-radius: 10px;
  background: #0f172a;
}

/* Az iframe natív mérete 1600×900, ezt skálázzuk be */
.refs .thumb.thumb--live iframe.is-live {
  position: absolute;
  top: 0; left: 0;
  width: 1600px;
  height: 900px;
  border: 0;
  transform-origin: 0 0;  /* bal-felsőből skálázunk */
}
/* Fejléc rugalmas törése */
.refs .item__head {
  display: flex;
  align-items: center;
  gap: .5rem;
  flex-wrap: wrap;      /* szükség esetén törhet */
}
.refs .item__title {
  flex: 1 1 auto;
  min-width: 220px;
  margin: 0;
}
.refs .btn {
  flex: 0 0 auto;
  white-space: nowrap;
}

/* Mobil */
@media (max-width: 640px){
  .refs .btn{
    padding: .4rem .65rem;
    font-size: .95rem;
    width: auto;             /* ne legyen full width */
    align-self: flex-start;  /* cím alá igazodhat */
  }
  /* iframe-es doboz arány tartása mobilon is – a skála JS megoldja a méretet */
  .refs .thumb.thumb--live { aspect-ratio: 16 / 9; }
}
.plex-link{
  display:inline-flex; align-items:center; gap:.6rem;
  padding:.5rem .8rem; border-radius:999px; text-decoration:none;
  background:#1c232b; border:1px solid var(--border);
  transition:transform .12s ease, background-color .12s ease, border-color .12s ease, box-shadow .12s ease;
}
.plex-link span{ color:#ffb54a; font-weight:600; }
.plex-link img{ width:20px; height:20px; display:block; object-fit:contain; }
.plex-link:hover{
  transform:translateY(-1px);
  background:#212a33; border-color:#3a4656; box-shadow:0 6px 20px rgba(0,0,0,.25);
}

/* ---- Definíciós lista (kv) ---- */
.kv { margin: 1rem 0; }
.kv dt{
  font-weight:700; color:var(--text);
  margin: .5rem 0 .25rem;
}
.kv dd{
  margin: 0; padding:.35rem .6rem .35rem 1rem;
  border-left:2px solid var(--border);
  color:var(--muted);
}
.kv dd + dd{ margin-top:.35rem; }

/* ---- Bullet lista ---- */
.bullets{
  margin: .6rem 0 1.2rem 0; padding-left: 1.15rem;
}
.bullets li{
  margin:.35rem 0; color:var(--text);
}
.bullets li::marker{ color:#ffb54a; }

/* ---- Szakaszalcímek ---- */
.item h3{
  font-size: clamp(1rem, 0.95rem + 0.4vw, 1.25rem);
  margin: 1.1rem 0 .5rem; font-weight: 700;
}

/* ---- Élő előnézet (iframe) ---- */
.thumb.thumb--live{
  margin-top: 1rem;
  background: var(--bg-soft);
  border:1px solid var(--border);
  border-radius: 16px;
  overflow:hidden;
}
.is-live{
  display:block; width:100%;
  aspect-ratio: 16 / 9;   /* mindig szép arány */
  border:0;
}

/* ---- Finom ritmus / konténer távolság ---- */
.item .item__head > * + * { margin-top: .6rem; }

/* ---- Kisebb kijelzők (≤ 640px) ---- */
@media (max-width: 640px){
  .plex-link{ padding:.45rem .7rem; gap:.5rem; }
  .plex-link span{ font-weight:600; }
  .kv dd{ padding:.35rem .5rem .35rem .8rem; }
  .is-live{ aspect-ratio: 3 / 2; } /* mobilon kicsit magasabb előnézet */
}

/* ---- Közepes+ kijelzők (≥ 1024px) – sorköz finomítás ---- */
@media (min-width: 1024px){
  .item .lead{ max-width: 70ch; }
  .kv, .bullets{ max-width: 70ch; }
}