/* =====================================================================
   Million Homes · GYIK (F1 accordion) — ingatlan-modul
   Klasszikus natív <details> accordion. A betűtípusokat a sablon tölti
   (Schibsted Grotesk + Instrument Sans) — innen csak font-family hivatkozás.
   Nincs :root, nincs var(); minden token konkrét értékre feloldva.
   A kártya (háttér/rádiusz/árnyék/padding) szándékosan NEM szerepel — azt a
   user az Elementor szekciójában építi. Itt csak az accordion lista jön.
   ===================================================================== */

.im-gyik__acc { width: 100%; }

/* Hajszálvonalak a kérdések között + záró vonal */
.im-gyik__item { border-top: 1px solid rgba(247, 244, 239, 0.14); }
.im-gyik__edge { border-top: 1px solid rgba(247, 244, 239, 0.14); }

/* <summary> alapértelmezett markerének eltüntetése */
.im-gyik__acc summary { list-style: none; }
.im-gyik__acc summary::-webkit-details-marker { display: none; }

.im-gyik__btn {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	background: none;
	border: none;
	cursor: pointer;
	text-align: left;
	padding: 22px 4px;
}

.im-gyik__q {
	font-family: 'Schibsted Grotesk', sans-serif;
	font-weight: 600;
	letter-spacing: -0.01em;
	color: #f7f4ef;
	font-size: 1.2rem;
	line-height: 1.3;
}

.im-gyik__a {
	max-width: 64ch;
	font-family: 'Instrument Sans', sans-serif;
	font-size: 1rem;
	line-height: 1.65;
	color: rgba(247, 244, 239, 0.72);
	padding: 0 4px 24px;
}

/* Caret forgása nyitott állapotban (tiszta CSS) */
.im-gyik__caret {
	flex: none;
	transition: transform .4s cubic-bezier(.16, 1, .3, 1);
}
.im-gyik__item[open] .im-gyik__caret { transform: rotate(180deg); }

@media (max-width: 767px) {
	.im-gyik__q { font-size: 1.05rem; }
	.im-gyik__btn { padding: 18px 2px; gap: 14px; }
}