/* =========================
   G A B I — CLEAN SHEET CSS
   HU home:    .page-id-770
   EN home:    .page-id-1129
   WHY (Miért): .page-id-41
   ========================= */
/* ---- Globál kis beállítás ---- */
:root {
/* rács hézag a kezdőlapon */
}

/* ========== KEZDŐLAP (HU+EN) — téma-króm OFF + fekete vászon ========== */
:where(.home,.page-id-770,.page-id-1129) .site-header,
:where(.home,.page-id-770,.page-id-1129) .site-footer,
:where(.home,.page-id-770,.page-id-1129) .site-branding,
:where(.home,.page-id-770,.page-id-1129) .widget-area,
:where(.home,.page-id-770,.page-id-1129) .entry-header,
:where(.home,.page-id-770,.page-id-1129) .wp-block-navigation,
:where(.home,.page-id-770,.page-id-1129) .site-info,
:where(.home,.page-id-770,.page-id-1129) .sidebar {
	display: none !important;
}

:where(.home,.page-id-770,.page-id-1129) .site,
:where(.home,.page-id-770,.page-id-1129) .content-area,
:where(.home,.page-id-770,.page-id-1129) .site-main,
:where(.home,.page-id-770,.page-id-1129) .entry-content,
:where(.home,.page-id-770,.page-id-1129) .wp-block-post-content,
:where(.home,.page-id-770,.page-id-1129) .wp-block-custom-html {
	max-width: none !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	background: #000 !important;
	border: 0 !important;
	box-shadow: none !important;
}

/* a Twenty Sixteen középső díszvonalai (pszeudo) OFF */
:where(.home,.page-id-770,.page-id-1129) .site:before,
:where(.home,.page-id-770,.page-id-1129) .site:after,
:where(.home,.page-id-770,.page-id-1129) .hentry:before {
	content: none !important;
	display: none !important;
}

/* ----- Vászon + tartalom szélesség ----- */
.tiles-wrap {
	background: #000;
	color: #f2f2f2;
	width: 100vw;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	padding: 24px 16px 64px;
	font-family: "Courier Prime", "Cutive Mono", ui-monospace, monospace;
}

.tiles-content {
	width: min(92vw,1200px);
	margin: 0 auto;
}

/* ----- HERO (keskeny címlapkép) + sarokbélyeg belibben ----- */
.tiles-hero {
	position: relative;
	margin: 6px 0 14px;
	overflow: hidden;
	box-shadow: inset 0 0 0 1px #ff1e1e;
}

.tiles-hero img {
	display: block;
	width: 100%;
	height: auto;
}

/* bélyeg (stamp) animáció */
.stamp-fly {
	position: absolute;
	z-index: 6;
	pointer-events: none;
	top: 12px;
	left: -12px;
	width: 280px;
	opacity: 0;
	transform: rotate(-12deg);
	animation: stamp-in .9s cubic-bezier(.2,.7,.2,1) 2s forwards;
}

.stamp-fly img {
	width: 100%;
	height: auto;
	filter: grayscale(1) contrast(1.35) brightness(.55) drop-shadow(0 3px 10px rgba(0,0,0,.55));
}

@keyframes stamp-in {
	0% {
		opacity: 0;
		top: 42%;
		left: 50%;
		width: 60vw;
		transform: translate(-50%,-50%) rotate(-18deg);
	}
	
	100% {
		opacity: 1;
		top: 12px;
		left: -12px;
		width: 280px;
		transform: rotate(-12deg);
	}
}

/* nyelvváltó buborék (ha használod) */
.hero-lang {
	position: absolute;
	right: 12px;
	top: 10px;
	background: rgba(0,0,0,.55);
	color: #eee;
	padding: 6px 10px;
	border-radius: 8px;
	font: 600 13px/1.2 "Special Elite", "Cutive Mono", ui-monospace;
	letter-spacing: .06em;
}

.hero-lang a {
	color: #fff;
	text-decoration: none;
	border-bottom: 1px dotted rgba(255,255,255,.35);
}

.hero-lang a:hover {
	border-bottom-color: transparent;
}

.hero-lang [aria-current="page"] {
	font-weight: 700;
	opacity: 1;
}

/* ----- King-idézet: piros sor + külön sorban fehér „— S. K.” (mindkét kezdőlapon) ----- */
:where(.page-id-770,.page-id-1129) .king-quote {
	margin: 16px 0 18px;
	text-align: center;
}

:where(.page-id-770,.page-id-1129) .king-quote blockquote {
	display: inline;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	color: #ff3b3b;
	font: 600 18px/1.6 "Special Elite", "Cutive Mono", ui-monospace;
	letter-spacing: .04em;
}

:where(.page-id-770,.page-id-1129) .king-quote blockquote::before,
:where(.page-id-770,.page-id-1129) .king-quote blockquote::after {
	content: none !important;
}

:where(.page-id-770,.page-id-1129) .king-quote figcaption {
	display: block;
	margin-top: 6px;
	color: #fff !important;
	opacity: .98;
	text-align: center;
	font: 600 12.5px/1 "Special Elite", "Cutive Mono", ui-monospace;
	letter-spacing: .18em;
}

@media (max-width:840px) {
	:where(.page-id-770,.page-id-1129) .king-quote blockquote {
		font-size: 16px;
		white-space: normal;
	}
}

/* ----- 3×3 rács ----- */
.tiles-grid {
	display: grid;
	grid-template-columns: repeat(3,minmax(0,1fr));
	gap: var(--tiles-gap);
	margin-top: 10px;
}

.tiles-tile {
	position: relative;
	display: block;
	color: inherit;
	text-decoration: none;
	background: #111;
	width: 100%;
	aspect-ratio: 16/9;
	overflow: hidden;
	border: 0;
}

.tiles-tile img, .tiles-tile video {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.tiles-tile img {
	z-index: 2;
	filter: grayscale(100%);
	transition: opacity .35s ease;
}

.tiles-tile video {
	z-index: 1;
	filter: grayscale(100%);
	transition: filter .35s ease;
}

.tiles-tile:hover img, .tiles-tile:focus-visible img {
	opacity: 0;
}

.tiles-tile:hover video, .tiles-tile:focus-visible video {
	filter: none;
}

/* felirat sáv a tile alján */
.tiles-cap {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 3;
	padding: 10px 12px;
	background: linear-gradient(to top,rgba(0,0,0,.78),rgba(0,0,0,0) 70%);
}

.tiles-cap b {
	display: block;
	font-family: "Special Elite", "Cutive Mono", ui-monospace;
	font-weight: 400;
	font-size: 20px;
	letter-spacing: .04em;
}

/* WEB audio buborék: kattintható marad */
.tiles-web {
	position: relative;
}

.tiles-web .web-audio {
	position: absolute;
	right: 8px;
	bottom: 8px;
	z-index: 9;
	background: rgba(0,0,0,.65);
	border: 1px solid rgba(255,255,255,.2);
	border-radius: 8px;
	padding: 4px 6px;
	pointer-events: auto;
}

.tiles-web .web-audio audio {
	display: block;
	width: 140px;
	height: 24px;
}

.tiles-web .web-audio, .tiles-web .web-audio * {
	pointer-events: auto;
}

/* kezdőlap lábléc */
.gabi-foot {
	text-align: center;
	margin: 24px 0 0;
	color: #9a9a9a;
	font-size: 12.5px;
}

/* mobil: 1 oszlop + kisebb stamp */
@media (max-width:840px) {
	.tiles-content {
		width: min(94vw,1200px);
	}
	
	.tiles-grid {
		grid-template-columns: 1fr;
		gap: 12px;
	}
	
	.tiles-cap b {
		font-size: 18px;
	}
	
	.stamp-fly {
		top: 8px;
		left: -8px;
		width: 200px;
	}
}

/* ========== „Miért?” oldal (page-id:41) — téma-króm OFF + fekete vászon ========== */
.page-id-41 .site-header,
.page-id-41 .site-footer,
.page-id-41 .site-branding,
.page-id-41 .widget-area,
.page-id-41 .entry-header,
.page-id-41 .wp-block-navigation,
.page-id-41 .site-info,
.page-id-41 .sidebar {
	display: none !important;
}

.page-id-41 .site,
.page-id-41 .content-area,
.page-id-41 .site-main,
.page-id-41 .entry-content,
.page-id-41 .wp-block-post-content,
.page-id-41 .wp-block-custom-html {
	max-width: none !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	background: #000 !important;
	border: 0 !important;
	box-shadow: none !important;
}

/* WP pszeudo-vonalak OFF + oldalcím OFF ezen az oldalon */
.page-id-41 .site:before,
.page-id-41 .site:after,
.page-id-41 .hentry:before {
	content: none !important;
	display: none !important;
}

.page-id-41 .entry-title {
	display: none !important;
}

/* Ha a WHY tartalmad #why-canvas ID-t használ, adunk pár finomítást: */
.page-id-41 #why-canvas .why-inner {
	padding-top: 28px;
}

.page-id-41 #why-canvas .essay {
	font-size: 17px;
	line-height: 1.7;
/* olvashatóbb hosszabb szöveghez */
}

.page-id-41 #why-canvas .hero-vid {
	max-width: 740px;
	margin: 0 auto 14px;
}

/* 700–800 között állítható */
/* pulzáló piros pötty a „Folytatás” gombhoz (ha használod) */
@keyframes pulse-dot {
	0% {
		box-shadow: 0 0 0 0 rgba(255,42,42,.6);
		opacity: .95;
	}
	
	70% {
		box-shadow: 0 0 0 10px rgba(255,42,42,0);
		opacity: .65;
	}
	
	100% {
		box-shadow: 0 0 0 0 rgba(255,42,42,0);
		opacity: .95;
	}
}

/* ==== MIÉRT? oldal (page-id-41) – téma-króm OFF + teljes szélesség ==== */
.page-id-41 .site-header,
.page-id-41 .site-footer,
.page-id-41 .site-branding,
.page-id-41 .widget-area,
.page-id-41 .entry-header,
.page-id-41 .wp-block-navigation,
.page-id-41 .site-info,
.page-id-41 .sidebar {
	display: none !important;
}

.page-id-41 .entry-title {
	display: none !important;
}

.page-id-41 .site,
.page-id-41 .content-area,
.page-id-41 .site-main,
.page-id-41 .entry-content,
.page-id-41 .wp-block-post-content,
.page-id-41 .wp-block-custom-html {
	max-width: none !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	background: #000 !important;
	border: 0 !important;
	box-shadow: none !important;
}

/* a Twenty Sixteen középső díszvonalai */
.page-id-41 .site:before,
.page-id-41 .site:after,
.page-id-41 .hentry:before {
	content: none !important;
	display: none !important;
}

/* ===== Globális noir háttér + a Twenty Sixteen szürke sávok OFF ===== */
:root {
}

.site,.content-area,.site-main,.entry-content,.wp-block-post-content {
	background: transparent !important;
	box-shadow: none !important;
}

.site:before,.site:after,.hentry:before {
	content: none !important;
	display: none !important;
}

body {
	background: #0e0e0f !important;
}

body::before {
	content: "";
	position: fixed;
	z-index: -1;
	pointer-events: none;
	background: radial-gradient(80% 80% at 50% 50%, transparent 60%, rgba(0,0,0,.25) 100%), var(--gabi-bg);
	background-size: cover, 900px auto;
/* vignetta + csempézett textúra */
	background-repeat: no-repeat, repeat;
	opacity: .97;
}

/* Olvashatóbb poszttömb */
.single .entry-content, .page .entry-content {
	background: rgba(0,0,0,.45);
	border: 1px solid rgba(255,255,255,.12);
	border-radius: 12px;
	padding: 16px;
}

.entry-title {
	color: #e9e9e9;
}

/* ===== Miért? (page-id:1586) – tiszta stílus ===== */
.page-id-1586 .site-header,
.page-id-1586 .site-footer,
.page-id-1586 .site-branding,
.page-id-1586 .widget-area,
.page-id-1586 .entry-header,
.page-id-1586 .wp-block-navigation,
.page-id-1586 .site-info,
.page-id-1586 .sidebar {
	display: none !important;
}

.page-id-1586 .site,
.page-id-1586 .content-area,
.page-id-1586 .site-main,
.page-id-1586 .entry-content,
.page-id-1586 .wp-block-post-content,
.page-id-1586 .wp-block-custom-html {
	max-width: none !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	background: #000 !important;
	border: 0 !important;
	box-shadow: none !important;
}

/* Vászon: textúra háttér */
#why-1586 {
/* bejegyzésdoboz szélesség (≈ YouTube) */
/* piros "filmszalag" szélesség (kb. 2–2.5 cm) */
/* belső oldalpárna */
/* stamp szélesség */
	color: #eaeaea;
	background: #000 url('https://gabisstudio.com/wp-content/uploads/2025/10/sotetszurke_dark.png') center/cover fixed no-repeat;
	width: 100vw;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
}

/* Külső keret: a két piros szalag a DOBOZ szélén fut */
#why-1586 .box {
	position: relative;
	box-sizing: border-box;
	z-index: 1;
	width: 100%;
	max-width: calc(var(--content-w) + 2*var(--rail-w) + 2*var(--pad));
	margin: 0 auto;
	padding: 24px 0 44px;
}

#why-1586 .box::before, #why-1586 .box::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	width: var(--rail-w);
	z-index: 1;
	background: url('https://gabisstudio.com/wp-content/uploads/2025/10/ribbon_dark_red-1.jpg') center top/100% auto repeat-y;
	filter: contrast(1.05) brightness(.9);
}

#why-1586 .box::before {
	left: 0;
}

#why-1586 .box::after {
	right: 0;
}

/* Belső tér – ne érjen rá a szalagra */
#why-1586 .inner {
	position: relative;
	z-index: 2;
	padding-left: calc(var(--rail-w) + var(--pad));
	padding-right: calc(var(--rail-w) + var(--pad));
}

/* A tényleges bejegyzésdoboz */
#why-1586 .body {
	width: var(--content-w);
	max-width: 100%;
	margin: 0 auto;
	background: #0d0d0d url('https://gabisstudio.com/wp-content/uploads/2025/10/sotetszurke_dark.png') center/cover repeat;
	border-radius: 10px;
	box-shadow: 0 0 0 1px rgba(255,255,255,.06) inset, 0 6px 22px rgba(0,0,0,.45);
	padding: 18px 16px 22px;
	font-family: "Courier New", ui-monospace, monospace;
}

/* Címsáv (a képkeret) + stamp */
#why-1586 .title {
	position: relative;
	margin: 4px 0 10px;
	border-radius: 8px;
	overflow: hidden;
	background: url('https://gabisstudio.com/wp-content/uploads/2025/10/cimeknek.jpg') center/cover no-repeat;
	padding: 16px 12px;
	text-align: center;
	box-shadow: 0 0 0 1px rgba(255,255,255,.08) inset;
}

#why-1586 .title h1 {
	margin: 0;
	font: 700 clamp(22px,3.2vw,32px)/1.2 "Special Elite", "Courier New", ui-monospace;
	letter-spacing: .06em;
}

#why-1586 .stamp {
	position: absolute;
	top: -10px;
	left: -12px;
	width: var(--stamp-w);
	transform: rotate(-12deg);
	filter: drop-shadow(0 3px 10px rgba(0,0,0,.55));
	z-index: 3;
	pointer-events: none;
}

#why-1586 .stamp img {
	display: block;
	width: 100%;
	height: auto;
}

/* Hero kép (ha kell) */
#why-1586 .hero {
	position: relative;
	margin: 6px 0 8px;
	border-radius: 10px;
	overflow: hidden;
	background: #000;
	box-shadow: 0 6px 20px rgba(0,0,0,.25), 0 0 0 1px rgba(255,255,255,.10) inset;
}

#why-1586 .hero img {
	display: block;
	width: 100%;
	height: auto;
}

/* Motto: piros sor + alá fehér aláírás */
#why-1586 .motto {
	text-align: center;
	margin: 6px 0 12px;
}

#why-1586 .motto .txt {
	display: block;
	color: #ff2a2a;
	font-style: italic;
}

#why-1586 .motto .sign {
	display: block;
	margin-top: 4px;
	color: #fff;
	opacity: .95;
}

/* Szövegdoboz */
#why-1586 .essay {
	margin: 10px 0 14px;
	padding: 14px 16px;
	border-radius: 10px;
	color: #dcdcdc;
	background: rgba(0,0,0,.22);
	border: 1px solid rgba(255,255,255,.12);
	font-size: 16.6px;
	line-height: 1.75;
}

/* Saját mp4 videó – 16:9 keret */
#why-1586 .vid {
	position: relative;
	width: 100%;
	max-width: var(--content-w);
	margin: 14px auto 0;
	border-radius: 10px;
	overflow: hidden;
	background: #000;
	box-shadow: 0 6px 20px rgba(0,0,0,.25), 0 0 0 1px rgba(255,255,255,.18) inset;
}

#why-1586 .vid video {
	display: block;
	width: 100%;
	height: auto;
}

/* Vissza + lábléc */
#why-1586 .back {
	margin: 12px 0 0;
	text-align: center;
}

#why-1586 .back a {
	color: #eaeaea;
	text-decoration: none;
	border-bottom: 1px dotted rgba(255,255,255,.25);
}

#why-1586 .back a:hover {
	border-bottom-color: transparent;
}

#why-1586 .foot {
	margin: 18px 0 0;
	padding-top: 10px;
	text-align: center;
	color: #9fa0a0;
	font-size: 12.5px;
	border-top: 1px dashed rgba(255,255,255,.15);
}

#why-1586 .foot .sep {
	margin: 0 .35em;
	opacity: .9;
}

/* Mobil */
@media (max-width:840px) {
	#why-1586 {
	}
	
	#why-1586 .body {
		padding: 14px;
	}
}

/* === TÉGLA-HÉZAG BETON (mindig legyen rés a csempék közt) === */
:root {
}

/* egységes alapérték */
:where(.home,.page-id-770) .tiles-grid {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0,1fr)) !important;
	gap: var(--tiles-gap, 18px) !important;
}

:where(.home,.page-id-770) .tiles-grid > * {
	margin: 0 !important;
	min-width: 0;
	display: block;
	box-sizing: border-box;
}

/* tablet/mobil törés ugyanazzal a hézaggal */
@media (max-width: 980px) {
	:where(.home,.page-id-770) .tiles-grid {
		grid-template-columns: repeat(2, minmax(0,1fr)) !important;
	}
}

@media (max-width: 640px) {
	:where(.home,.page-id-770) .tiles-grid {
		grid-template-columns: 1fr !important;
	}
}

/* ===== GLOBAL BLACK CANVAS (home + page-id-770) ===== */
html, body {
	background: #000 !important;
}

:where(.home,.page-id-770) {
	background: #000 !important;
}

/* minden wrapper átlátszó, hogy a fekete testet lássuk */
:where(.home,.page-id-770) .site,
:where(.home,.page-id-770) .content-area,
:where(.home,.page-id-770) .site-main,
:where(.home,.page-id-770) .entry-content,
:where(.home,.page-id-770) .wp-block-post-content,
:where(.home,.page-id-770) .wp-block-custom-html {
	background: transparent !important;
}

/* Twenty Sixteen pszeudo-vonalak OFF */
:where(.home,.page-id-770) .site:before,
:where(.home,.page-id-770) .site:after,
:where(.home,.page-id-770) .hentry:before {
	content: none !important;
	display: none !important;
}

/* a te vásznad is legyen mélyfekete */
:where(.home,.page-id-770) .tiles-wrap {
	background: #000 !important;
}

/* ===== co-badge (én & te bubi) – PURE BLACK ===== */
.co-badge {
	background: #000 !important;
/* nem szürke, nem üveg: fekete */
	border: 1px solid rgba(255,255,255,.25) !important;
	color: #eaeaea !important;
	position: fixed !important;
	right: 16px !important;
	bottom: 16px !important;
	z-index: 2147483647 !important;
	padding: 8px 12px;
	border-radius: 999px;
	font: 600 12px/1 "Special Elite", "Cutive Mono", ui-monospace;
	letter-spacing: .08em;
}

@media (max-width:480px) {
	.co-badge {
		right: 8px !important;
		bottom: 8px !important;
		padding: 6px 10px;
		font-size: 11px;
	}
}

/* ==== Gabi Noir – oldal-stílus HU/EN (STYLE TAG NÉLKÜL) ==== */
:root {
}

/* Fekete vászon globálisan oké, de ha csak a HU/EN oldalra akarod,
   a 2. lépésnél adok page-id célzást is. */
html, body {
	background: #000;
}

/* MIÉRT? HU + WHY EN – közös stílus */
#why-hu, #why-en {
	display: block;
	background: #000;
	color: #eaeaea;
}

#why-hu .wrap, #why-en .wrap {
	width: var(--page-w);
	margin: 24px auto 48px;
}

#why-hu .title-hero, #why-en .title-hero {
	margin: 0 0 14px;
}

#why-hu .title-hero img, #why-en .title-hero img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 6px;
}

#why-hu .lang, #why-en .lang {
	text-align: right;
	margin: 6px 0 0;
	font: 600 13px/1.2 var(--mono);
}

#why-hu .lang a, #why-en .lang a {
	color: #fff;
	opacity: .55;
	text-decoration: none;
	border-bottom: 1px dotted rgba(255,255,255,.25);
}

#why-hu .lang a:hover, #why-en .lang a:hover {
	opacity: .95;
	border-bottom-color: transparent;
}

#why-hu .lang .is, #why-en .lang .is {
	opacity: 1;
	color: #fff;
}

#why-hu .lead, #why-en .lead {
	color: #cfcfcf;
	margin: 14px 0 10px;
	line-height: 1.65;
	font-family: var(--mono);
}

#why-hu .back, #why-en .back {
	margin: 18px 0 10px;
	text-align: center;
}

#why-hu .back a, #why-en .back a {
	color: #eaeaea;
	text-decoration: none;
	border-bottom: 1px dotted rgba(255,255,255,.25);
}

#why-hu .back a:hover, #why-en .back a:hover {
	border-bottom-color: transparent;
}

#why-hu .foot, #why-en .foot {
	margin: 22px 0 0;
	text-align: center;
	color: #9a9a9a;
	font: 600 12.5px/1 var(--mono);
}

/* (Opcionális) Téma-króm lecsupaszítása CSAK az adott oldalakra:
   A következő két szabályt KÉSŐBB egészítsd ki a valódi page-id-kkel. */
.page-id-XXXX .site-header,
.page-id-XXXX .site-footer,
.page-id-XXXX .widget-area,
.page-id-XXXX .site-branding,
.page-id-XXXX .entry-header,
.page-id-XXXX .wp-block-navigation,
.page-id-XXXX .site-info,
.page-id-XXXX .sidebar {
	display: none !important;
}

.page-id-YYYY .site-header,
.page-id-YYYY .site-footer,
.page-id-YYYY .widget-area,
.page-id-YYYY .site-branding,
.page-id-YYYY .entry-header,
.page-id-YYYY .wp-block-navigation,
.page-id-YYYY .site-info,
.page-id-YYYY .sidebar {
	display: none !important;
}

/* Tipp: a page-id számát az oldal szerkesztő URL-jében látod: post=1234 → page-id-1234 */
/* ===== WHY/MIÉRT címkép: full szélesség, kisebb magasság, torzítás nélkül ===== */
:root {
}

/* itt állítod a magasságot */
#why-hu .title-hero,
#why-en .title-hero {
	height: var(--why-hero-h);
	overflow: hidden;
/* vágjuk a felesleget felül/alul */
	border-radius: 6px;
	margin: 0 0 12px;
}

#why-hu .title-hero img,
#why-en .title-hero img {
	width: 100%;
	height: 100%;
	object-fit: cover;
/* szépen kitölti, nem torzít */
	object-position: center;
/* ha a felirat nem középen van, lejjebb/feljebb állíthatod */
	display: block;
}

/* Finomhang mobilon: kicsit magasabb lehet, ha kell */
@media (max-width: 640px) {
	:root {
	}
}

/* ===== Noir oldal-keret – MIÉRT? (HU=1586), WHY? (EN=1654) ===== */
:root {
/* ha magas: 260–280; ha alacsony: 200–220 */
}

/* Fekete vászon */
.page-id-1586, .page-id-1654 {
	background: #000 !important;
}

.page-id-1586 body, .page-id-1654 body {
	background: #000 !important;
}

/* Téma-króm OFF csak ezeken az oldalakon */
.page-id-1586 .site-header,
.page-id-1586 .site-footer,
.page-id-1586 .site-branding,
.page-id-1586 .widget-area,
.page-id-1586 .entry-header,
.page-id-1586 .wp-block-navigation,
.page-id-1586 .site-info,
.page-id-1586 .sidebar,
.page-id-1654 .site-header,
.page-id-1654 .site-footer,
.page-id-1654 .site-branding,
.page-id-1654 .widget-area,
.page-id-1654 .entry-header,
.page-id-1654 .wp-block-navigation,
.page-id-1654 .site-info,
.page-id-1654 .sidebar {
	display: none !important;
}

/* WP oldalcím OFF */
.page-id-1586 .entry-title,
.page-id-1654 .entry-title {
	display: none !important;
}

/* Csak a saját szekciónk maradjon a tartalomban */
.page-id-1586 .entry-content > :not(#why-hu) {
	display: none !important;
}

.page-id-1654 .entry-content > :not(#why-en) {
	display: none !important;
}

/* Középre húzott tartalom */
#why-hu .wrap, #why-en .wrap {
	width: var(--page-w);
	margin: 24px auto 48px;
}

/* Címkép – fix magasság, vágás torzítás nélkül */
#why-hu .title-hero, #why-en .title-hero {
	height: var(--why-hero-h);
	overflow: hidden;
	border-radius: 6px;
	margin: 0 0 12px;
}

#why-hu .title-hero img, #why-en .title-hero img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	display: block;
}

/* Ha a magyar feliratból picit vág: lejjebb tolás például: */
#why-hu .title-hero img {
	object-position: center 48%;
}

/* Nyelvváltó */
#why-hu .lang, #why-en .lang {
	text-align: right;
	margin: 6px 0 0;
	font: 600 13px/1.2 var(--mono);
}

#why-hu .lang a, #why-en .lang a {
	color: #fff;
	opacity: .55;
	text-decoration: none;
	border-bottom: 1px dotted rgba(255,255,255,.25);
}

#why-hu .lang a:hover, #why-en .lang a:hover {
	opacity: .95;
	border-bottom-color: transparent;
}

#why-hu .lang .is, #why-en .lang .is {
	opacity: 1;
	color: #fff;
}

/* Gabi-idézet: piros sor + fehér szerző alatta */
.motto-rule {
	margin: 10px 0 14px;
	text-align: center;
}

.motto-rule .txt {
	color: #ff3a3a;
	font: 600 18px/1.6 var(--mono);
	letter-spacing: .04em;
	display: block;
}

.motto-rule .by {
	color: #ffffff;
	opacity: .95;
	font: 600 13px/1 var(--mono);
	display: block;
	margin-top: 6px;
}

/* Vékony fénycsík idézet fölé és alá – finom noir keret */
.motto-rule::before, .motto-rule::after {
	content: "";
	display: block;
	height: 1px;
	width: var(--page-w);
	margin: 10px auto;
	background: linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);
}

/* Mobilon lehet kicsit magasabb a címkép */
@media (max-width:640px) {
	:root {
	}
	
	.motto-rule .txt {
		font-size: 16px;
	}
}

/* ===== POSZT LÁBLÉC – mini, középre; alatta „Vissza” villogó ponttal ===== */
.gabis-post .post-foot.mini {
	margin: 16px 0 6px;
	padding-top: 8px;
	text-align: center;
	color: #bdbdbd;
	font: 600 11.5px/1.2 "Special Elite", "Cutive Mono", "Courier New", ui-monospace, monospace;
	border-top: 1px dashed rgba(255,255,255,.14);
}

.gabis-post .post-foot.mini .brand {
	display: inline-flex;
	align-items: center;
	gap: 8px;
}

.gabis-post .post-foot.mini .brand-text {
	white-space: nowrap;
}

.gabis-post .post-foot.mini .brand-img {
	height: 16px;
	width: auto;
	opacity: .9;
	display: inline-block;
	vertical-align: middle;
}

/* „Vissza” – mini verzió, villogó piros ponttal */
.gabis-post .back.small {
	margin: 6px 0 16px;
	text-align: center;
}

.gabis-post .back.small a {
	position: relative;
	padding-left: 14px;
	color: #eaeaea;
	text-decoration: none;
	font: 600 12.5px/1.2 "Special Elite", "Cutive Mono", "Courier New", ui-monospace, monospace;
	border-bottom: 1px dotted rgba(255,255,255,.25);
}

.gabis-post .back.small a:hover {
	border-bottom-color: transparent;
}

.gabis-post .back.small a::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	width: 6px;
	height: 6px;
	margin-top: -3px;
	border-radius: 50%;
	background: #ff2a2a;
	box-shadow: 0 0 0 0 rgba(255,42,42,.6);
	animation: backPulseDot 1.8s ease-in-out infinite;
}

@keyframes backPulseDot {
	0% {
		box-shadow: 0 0 0 0 rgba(255,42,42,.6);
		opacity: .95;
	}
	
	70% {
		box-shadow: 0 0 0 8px rgba(255,42,42,0);
		opacity: .65;
	}
	
	100% {
		box-shadow: 0 0 0 0 rgba(255,42,42,0);
		opacity: .95;
	}
}

/* „GABI × AI • co-lab” – jobb alsó sarok, mindig látszik */
.co-badge {
	position: fixed !important;
	right: 16px !important;
	bottom: 16px !important;
	z-index: 2147483647 !important;
	background: #000;
	color: #eaeaea;
	border: 1px solid rgba(255,255,255,.25);
	border-radius: 999px;
	padding: 7px 10px;
	font: 600 11.5px/1 "Special Elite", "Cutive Mono", "Courier New", ui-monospace, monospace;
	letter-spacing: .06em;
}

@media (max-width:480px) {
	.co-badge {
		right: 8px !important;
		bottom: 8px !important;
		padding: 6px 8px;
		font-size: 11px;
	}
}

/* ===== HOTFIX: a tartalom ne tűnjön el ezeken az oldalakon ===== */
.page-id-1586 .entry-content > * {
	display: revert !important;
}

/* HU */
.page-id-1654 .entry-content > * {
	display: revert !important;
}

/* EN */
/* ===== WHY/MIÉRT – egységes címkép + sarok-nyelvváltó ===== */
:root {
/* 200–300 között állítható */
}

/* Téma-króm OFF CSAK ezeken az oldalakon */
.page-id-1586 .site-header, .page-id-1586 .site-footer, .page-id-1586 .site-branding,
.page-id-1586 .widget-area, .page-id-1586 .entry-header, .page-id-1586 .wp-block-navigation,
.page-id-1586 .site-info, .page-id-1586 .sidebar,
.page-id-1654 .site-header, .page-id-1654 .site-footer, .page-id-1654 .site-branding,
.page-id-1654 .widget-area, .page-id-1654 .entry-header, .page-id-1654 .wp-block-navigation,
.page-id-1654 .site-info, .page-id-1654 .sidebar {
	display: none !important;
}

.page-id-1586 .entry-title, .page-id-1654 .entry-title {
	display: none !important;
}

.page-id-1586, .page-id-1654, .page-id-1586 body, .page-id-1654 body {
	background: #000 !important;
}

/* Középvonal – egységes szélesség */
#why-hu .wrap, #why-en .wrap {
	width: var(--page-w);
	margin: 24px auto 48px;
}

/* Címkép egységes magassággal; nyelvváltó a képen */
#why-hu .title-hero, #why-en .title-hero {
	position: relative;
	height: var(--why-hero-h);
	overflow: hidden;
	border-radius: 6px;
	margin: 0 0 12px;
}

#why-hu .title-hero img, #why-en .title-hero img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	display: block;
}

/* ha a magyar feliratból vág: lejjebb tolás */
#why-hu .title-hero img {
	object-position: center 48%;
}

#why-hu .title-hero .lang-top, #why-en .title-hero .lang-top {
	position: absolute;
	top: 8px;
	right: 10px;
	z-index: 3;
	background: rgba(0,0,0,.55);
	color: #fff;
	padding: 6px 10px;
	border-radius: 8px;
	font: 600 13px/1.2 var(--mono);
	letter-spacing: .06em;
}

#why-hu .lang-top a, #why-en .lang-top a {
	color: #fff;
	text-decoration: none;
	border-bottom: 1px dotted rgba(255,255,255,.35);
	opacity: .75;
}

#why-hu .lang-top a:hover, #why-en .lang-top a:hover {
	opacity: .98;
	border-bottom-color: transparent;
}

#why-hu .lang-top .is, #why-en .lang-top .is {
	opacity: 1;
	font-weight: 700;
}

/* Idézet (piros sor + fehér név) */
.motto-rule {
	margin: 10px 0 14px;
	text-align: center;
}

.motto-rule .txt {
	color: #ff3a3a;
	font: 600 18px/1.6 var(--mono);
	letter-spacing: .04em;
	display: block;
}

.motto-rule .by {
	color: #fff;
	opacity: .95;
	font: 600 13px/1 var(--mono);
	display: block;
	margin-top: 6px;
}

.motto-rule::before, .motto-rule::after {
	content: "";
	display: block;
	height: 1px;
	width: var(--page-w);
	margin: 10px auto;
	background: linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);
}

/* Ha a régi .lang blokk még a kép alatt maradt, rejtsük el */
#why-hu > .wrap > .lang, #why-en > .wrap > .lang {
	display: none !important;
}

/* ===== Gabi Noir – poszt alapstílusok (minimál) ===== */
.gabis-post {
	position: relative;
	color: #eaeaea;
}

.gabis-post .post-inner {
	position: relative;
	z-index: 2;
	width: min(900px,92vw);
	margin: 0 auto;
	padding: 22px 0 40px;
}

.gabis-post .post-title {
	font-family: "Special Elite", "Courier New", ui-monospace, monospace;
	font-size: clamp(26px,3.2vw,40px);
	letter-spacing: .06em;
	text-align: center;
	margin: 0 0 6px;
}

.gabis-post .badge-private {
	display: inline-block;
	background: #111;
	color: #eaeaea;
	border: 1px solid #444;
	border-radius: 6px;
	padding: 2px 8px;
	margin-right: .5rem;
	font: 700 12px/1 "Special Elite", "Courier New", monospace;
	letter-spacing: .08em;
}

.gabis-post .motto-rule {
	margin: 10px 0 14px;
	text-align: center;
}

.gabis-post .motto-rule .txt {
	color: #ff3a3a;
	font: 600 18px/1.6 "Special Elite", "Courier New", ui-monospace, monospace;
	letter-spacing: .04em;
	display: block;
}

.gabis-post .motto-rule .by {
	color: #fff;
	opacity: .95;
	font: 600 13px/1 "Special Elite", "Courier New", ui-monospace, monospace;
	display: block;
	margin-top: 6px;
}

.gabis-post .motto-rule::before, .gabis-post .motto-rule::after {
	content: "";
	display: block;
	height: 1px;
	width: min(760px,92vw);
	margin: 10px auto;
	background: linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);
}

.gabis-post .lead img {
	width: 100%;
	height: auto;
	border-radius: 12px;
	display: block;
}

.gabis-post .lead figcaption {
	font-size: .9rem;
	color: #bdbdbd;
	margin-top: .35rem;
}

.gabis-post .body-copy {
	margin: .6rem 0;
	color: #dcdcdc;
	line-height: 1.65;
}

.gabis-post .yt-16x9 {
	position: relative;
	width: 100%;
	padding-bottom: 56.25%;
	overflow: hidden;
	border-radius: 12px;
	box-shadow: 0 0 0 1px rgba(255,255,255,.15);
	margin: .8rem 0 0;
}

.gabis-post .yt-16x9 iframe {
	position: absolute;
	width: 100%;
	height: 100%;
}

.gabis-post .vid {
	position: relative;
	width: 100%;
	margin: 14px auto 0;
	border-radius: 12px;
	overflow: hidden;
	background: #000;
	box-shadow: 0 6px 20px rgba(0,0,0,.25), 0 0 0 1px rgba(255,255,255,.15) inset;
}

.gabis-post .vid video {
	display: block;
	width: 100%;
	height: auto;
}

.gabis-post .post-stamp {
	position: absolute;
	top: var(--stamp-top,-2.7rem);
	left: var(--stamp-left,-1.7rem);
	width: var(--stamp-size,175px);
	transform: rotate(-12deg);
	pointer-events: none;
	z-index: 3;
}

.gabis-post .post-stamp img {
	width: 100%;
	filter: drop-shadow(0 3px 10px rgba(0,0,0,.55));
}

.gabis-post .post-foot.mini {
	margin: 16px 0 6px;
	padding-top: 8px;
	text-align: center;
	color: #bdbdbd;
	font: 600 11.5px/1.2 "Special Elite", "Courier New", ui-monospace, monospace;
	border-top: 1px dashed rgba(255,255,255,.14);
}

.gabis-post .post-foot.mini .brand {
	display: inline-flex;
	align-items: center;
	gap: 8px;
}

.gabis-post .post-foot.mini .brand-img {
	height: 16px;
	width: auto;
	opacity: .9;
	display: inline-block;
	vertical-align: middle;
}

.gabis-post .back.small {
	margin: 6px 0 16px;
	text-align: center;
}

.gabis-post .back.small a {
	position: relative;
	padding-left: 14px;
	color: #eaeaea;
	text-decoration: none;
	font: 600 12.5px/1.2 "Special Elite", "Courier New", ui-monospace, monospace;
	border-bottom: 1px dotted rgba(255,255,255,.25);
}

.gabis-post .back.small a:hover {
	border-bottom-color: transparent;
}

.gabis-post .back.small a::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	width: 6px;
	height: 6px;
	margin-top: -3px;
	border-radius: 50%;
	background: #ff2a2a;
	box-shadow: 0 0 0 0 rgba(255,42,42,.6);
	animation: backPulseDot 1.8s ease-in-out infinite;
}

@keyframes backPulseDot {
	0% {
		box-shadow: 0 0 0 0 rgba(255,42,42,.6);
		opacity: .95;
	}
	
	70% {
		box-shadow: 0 0 0 8px rgba(255,42,42,0);
		opacity: .65;
	}
	
	100% {
		box-shadow: 0 0 0 0 rgba(255,42,42,0);
		opacity: .95;
	}
}

/* buborék (jobb alsó) – ha már van, nem gond a duplikáció */
.co-badge {
	position: fixed !important;
	right: 16px !important;
	bottom: 16px !important;
	z-index: 2147483647 !important;
	background: #000;
	color: #eaeaea;
	border: 1px solid rgba(255,255,255,.25);
	border-radius: 999px;
	padding: 7px 10px;
	font: 600 11.5px/1 "Special Elite", "Courier New", ui-monospace, monospace;
	letter-spacing: .06em;
}

@media (max-width:480px) {
	.co-badge {
		right: 8px !important;
		bottom: 8px !important;
		padding: 6px 8px;
		font-size: 11px;
	}
}
/* ===== KEZDŐLAP – CSS ===== */
@import url("https://fonts.googleapis.com/css2?family=Special+Elite&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Cutive+Mono&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Courier+Prime:wght@400;700&display=swap");

:root{
  --tiles-gap: 18px;
  --mono: "Courier Prime","Cutive Mono","Courier New",ui-monospace,monospace;
  --display: "Special Elite","Cutive Mono","Courier New",ui-monospace,monospace;
}

/* Téma-króm OFF a kezdőlapon + teljes vászon */
.home .site-header,.home .site-footer,.home .site-branding,
.home .widget-area,.home .entry-header,.home .wp-block-navigation,
.home .site-info,.home .sidebar{ display:none !important; }

html,body{ background:#000 !important; }
.home .site,.home .content-area,.home .site-main,
.home .entry-content,.home .wp-block-post-content,.home .wp-block-custom-html{
  max-width:none !important; width:100% !important; margin:0 !important; padding:0 !important;
  background:#000 !important; border:0 !important; box-shadow:none !important;
}
/* Twenty Sixteen belső vonalak OFF */
.home .site:before,.home .site:after,.home .hentry:before{ content:none !important; display:none !important; }

/* Vászon */
.tiles-wrap{
  background:#000; color:#f2f2f2; width:100vw;
  margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw);
  padding:24px 16px 64px; font-family:var(--mono);
}
.tiles-content{ width:min(92vw,1200px); margin:0 auto; }

/* HERO (szegélyes) */
.tiles-hero{ position:relative; margin:6px 0 14px; overflow:hidden; box-shadow:inset 0 0 0 1px #ff1e1e; }
.tiles-hero img{ display:block; width:100%; height:auto; }

/* Sarok-bélyeg (belibben) */
.stamp-fly{
  position:absolute; z-index:6; pointer-events:none; top:12px; left:-12px; width:280px; opacity:0;
  filter:grayscale(1) contrast(1.35) brightness(.55) drop-shadow(0 3px 10px rgba(0,0,0,.55));
  transform:rotate(-12deg);
  animation:stamp-in .9s cubic-bezier(.2,.7,.2,1) 2s forwards;
}
@keyframes stamp-in{
  0%{ opacity:0; top:42%; left:50%; width:60vw; transform:translate(-50%,-50%) rotate(-18deg); }
  100%{ opacity:1; top:12px; left:-12px; width:280px; transform:rotate(-12deg); }
}

/* King-idézet */
.king-quote{ margin:16px 0 18px; text-align:center; }
.king-quote blockquote{
  display:inline-block; margin:0; padding:14px 18px; border:0; background:rgba(0,0,0,.35);
  color:#ff3b3b; font:600 18px/1.6 var(--display); letter-spacing:.04em; border-radius:10px;
}
.king-quote figcaption{
  margin-top:6px; color:#e6e6e6; text-align:center; font:600 12.5px/1 var(--display); letter-spacing:.18em;
}

/* 3×3 rács */
.tiles-grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--tiles-gap); margin-top:10px; }
.tiles-tile{ position:relative; display:block; background:#111; width:100%; aspect-ratio:16/9; overflow:hidden; border:0; color:inherit; text-decoration:none; }
.tiles-tile img,.tiles-tile video{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; display:block; }
.tiles-tile img{ z-index:2; filter:grayscale(100%); transition:opacity .35s ease; }
.tiles-tile video{ z-index:1; filter:grayscale(100%); transition:filter .35s ease; }
.tiles-tile:hover img,.tiles-tile:focus-visible img{ opacity:0; }
.tiles-tile:hover video,.tiles-tile:focus-visible video{ filter:none; }

/* Felirat sáv */
.tiles-cap{ position:absolute; left:0; right:0; bottom:0; z-index:3; padding:10px 12px;
  background:linear-gradient(to top,rgba(0,0,0,.78),rgba(0,0,0,0) 70%); }
.tiles-cap b{ display:block; font-family:var(--display); font-weight:400; font-size:20px; letter-spacing:.04em; }

/* WEB csempe – hang buborék */
.tiles-web{ position:relative; }
.tiles-web .web-audio{
  position:absolute; right:8px; bottom:8px; z-index:9;
  background:rgba(0,0,0,.65); border:1px solid rgba(255,255,255,.2);
  border-radius:8px; padding:4px 6px; pointer-events:auto;
}
.tiles-web .web-audio audio{ display:block; width:140px; height:24px; }

/* Lábléc */
.gabi-foot{ text-align:center; margin:24px 0 0; color:#9a9a9a; font-size:12.5px; }

/* co-lab jelvény (opcionális) */
.co-badge{
  position:fixed; right:16px; bottom:16px; z-index:2147483647;
  background:#000; color:#eaeaea; border:1px solid rgba(255,255,255,.45);
  border-radius:999px; padding:8px 12px; font:600 12px/1 var(--display); letter-spacing:.08em;
}

/* Mobil finomhang */
@media (max-width:840px){
  .tiles-content{ width:min(94vw,1200px); }
  .tiles-grid{ grid-template-columns:1fr; gap:12px; }
  .tiles-cap b{ font-size:18px; }
  .stamp-fly{ top:8px; left:-8px; width:200px; }
}
/* ===== GABI — POST LAYOUT (scoped) ===== */
@import url("https://fonts.googleapis.com/css2?family=Special+Elite&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Cutive+Mono&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Courier+Prime:wght@400;700&display=swap");

.gabis-post{
  --mono: "Courier Prime","Cutive Mono","Courier New",ui-monospace,monospace;
  --display:"Special Elite","Cutive Mono","Courier New",ui-monospace,monospace;
  --ink:#eaeaea; --dim:#9a9a9a; --red:#ff3b3b;
  width:min(92vw,900px); margin:0 auto 48px; color:var(--ink);
  font-family:var(--mono); background:transparent;
  position:relative; padding:4px 0 0;
}
.gabis-post .badge{
  display:inline-block; font:600 12px/1 var(--display);
  letter-spacing:.14em; padding:.35em .6em; border:1px solid rgba(255,255,255,.35);
  border-radius:999px; background:rgba(0,0,0,.4); margin-bottom:10px;
}
.gabis-post .post-title{
  margin:.2rem 0 .5rem; text-align:center; font:400 clamp(22px,3vw,30px)/1.15 var(--display);
  letter-spacing:.06em;
}
.gabis-post .post-motto{
  color:var(--red); text-align:center; font:600 15px/1.6 var(--display); margin:.2rem 0 .25rem;
}
.gabis-post .post-sign{
  opacity:.9; text-align:center; font:600 12px/1 var(--display); letter-spacing:.18em; margin:0 0 10px;
}
.gabis-post .post-figure{ margin:14px 0 10px; }
.gabis-post .post-figure img{
  display:block; width:100%; height:auto; filter:grayscale(1) contrast(1.1) brightness(.95);
  box-shadow:0 8px 28px rgba(0,0,0,.45);
}
.gabis-post figcaption{
  margin-top:6px; color:var(--dim); font:12.5px/1 var(--mono); opacity:.95;
}
.gabis-post .post-intro{ margin:12px 0 10px; }
.gabis-post .post-intro p{ margin:.4rem 0; }

.gabis-post .post-media{ margin:10px 0 8px; display:grid; gap:10px; }
.gabis-post audio{ width:100%; display:block; }

.gabis-post .post-foot{ margin-top:8px; text-align:center; }
.gabis-post .back-link{
  color:#e6e6e6; text-decoration:none; border-bottom:1px dotted rgba(255,255,255,.35);
}
.gabis-post .back-link:hover{ border-bottom-color:transparent; }

/* sarok-pecsét – belibben */
.gabis-post .post-stamp{
  position:absolute; top:12px; left:-12px; width:280px; transform:rotate(-12deg);
  opacity:0; pointer-events:none; animation:stamp-in .9s cubic-bezier(.2,.7,.2,1) 1.8s forwards;
}
.gabis-post .post-stamp img{
  width:100%; height:auto; filter:grayscale(1) contrast(1.35) brightness(.55) drop-shadow(0 3px 10px rgba(0,0,0,.55));
}
@keyframes stamp-in{
  0%{ opacity:0; top:42%; left:50%; width:60vw; transform:translate(-50%,-50%) rotate(-18deg); }
  100%{ opacity:1; top:12px; left:-12px; width:280px; transform:rotate(-12deg); }
}

/* co-lab jelvény */
.co-badge{
  position:fixed; right:16px; bottom:16px; z-index:9999;
  background:#000; color:#eaeaea; border:1px solid rgba(255,255,255,.35);
  border-radius:999px; padding:8px 12px; font:600 12px/1 var(--display); letter-spacing:.08em;
}

/* szemkímélő mód */
@media (prefers-reduced-motion: reduce){
  .gabis-post .post-stamp{ animation:none; opacity:1; }
}

/* mobil finomhang */
@media (max-width:640px){
  .gabis-post .post-stamp{ width:200px; left:-8px; top:8px; }
}
/* Vászon sötét és a konténerek kiszabadítása */
html, body { background:#000 !important; }
.gabis-post { color:#eaeaea; font-family: "Courier Prime","Cutive Mono","Courier New",ui-monospace,monospace; width:min(92vw,960px); margin:24px auto 64px; }
.gabis-post * { box-sizing:border-box; }

/* Fejléc */
.gabis-post .badge { display:inline-block; padding:3px 8px; border:1px solid #555; border-radius:999px; font-size:12px; opacity:.9; }
.gabis-post .post-title { margin:10px 0 8px; font:400 28px/1.2 "Special Elite","Cutive Mono",monospace; letter-spacing:.04em; }
.gabis-post .post-motto { color:#ff3a3a; margin:0 0 2px; font:600 14px/1.5 "Special Elite","Cutive Mono",monospace; }
.gabis-post .post-sign { opacity:.9; font:600 12px/1 "Special Elite","Cutive Mono",monospace; text-align:center; letter-spacing:.18em; margin:6px 0 12px; }

/* Nyitó kép + felirat */
.gabis-post .post-figure { margin:14px 0 10px; text-align:center; }
.gabis-post .post-figure img { display:block; width:100%; height:auto; filter:grayscale(100%); }
.gabis-post .post-figure figcaption { margin-top:4px; font-size:12px; opacity:.8; }

/* Szöveg + audiók */
.gabis-post .post-intro { margin:10px 0 14px; font-size:15px; line-height:1.7; }
.gabis-post .post-media audio { display:block; width:100%; margin:10px 0; }

/* Visszalink */
.gabis-post .post-foot { margin-top:10px; text-align:center; }
.gabis-post .back-link { color:#eaeaea; text-decoration:none; border-bottom:1px dotted rgba(255,255,255,.35); }
.gabis-post .back-link:hover { border-bottom-color:transparent; }

/* Pecsét a sarokban */
.gabis-post .post-stamp { position:fixed; left:12px; top:12px; width:260px; pointer-events:none; opacity:.95; transform:rotate(-12deg); z-index:999; }
.gabis-post .post-stamp img { width:100%; height:auto; filter:grayscale(1) contrast(1.35) brightness(.55) drop-shadow(0 3px 10px rgba(0,0,0,.55)); }

/* co-lab jelvény */
.co-badge { position:fixed; right:16px; bottom:16px; z-index:9999; color:#eaeaea; background:rgba(0,0,0,.65); border:1px solid rgba(255,255,255,.35); padding:8px 12px; border-radius:999px; font:600 12px/1 "Special Elite","Cutive Mono",monospace; letter-spacing:.08em; }

/* Mobil finomítás */
@media (max-width:840px){
  .gabis-post { width:min(94vw,960px); }
  .gabis-post .post-title { font-size:24px; }
  .gabis-post .post-stamp { width:200px; left:8px; top:8px; }
}
/* Korhatár jelvény a csempéken */
.tiles-content [data-age]{position:relative}
.tiles-content [data-age]::before{
  content: attr(data-age);
  position:absolute; top:8px; left:8px; z-index:5;
  padding:4px 7px; border-radius:7px;
  font:700 12px/1 'Cutive Mono', monospace; letter-spacing:.02em;
  color:#fff; border:1px solid rgba(255,255,255,.25);
  background:rgba(0,0,0,.65);
}

/* Színkódok (igazíts, ha akarod) */
.tiles-content [data-age="+18"]::before{ background:#c40000 } /* piros */
.tiles-content [data-age="+14"]::before{ background:#b36b00 } /* borostyán */
.tiles-content [data-age="+12"]::before{ background:#6b7a00 } /* olívazöld */
/* Kezdőlap nyelvváltó – legyen a hero sarkában és kattintható */
.tiles-hero { position: relative; }
.hero-lang {
  position: absolute; top: 8px; right: 12px;
  z-index: 99999; pointer-events: auto;
  font: 400 14px/1 'Cutive Mono', monospace; letter-spacing: .03em;
}
.hero-lang a { color: #bbb; text-decoration: none; margin-left: .4rem; }
.hero-lang a:hover { color: #fff; }
.hero-lang [aria-current] { color: #fff; font-weight: 700; }
/* hogy a repülő bélyeg ne takarja a kattintást */
.stamp-fly { pointer-events: none; }

/* ha az admin sáv takarja: emeld feljebb */
@media (min-width: 783px){
  .hero-lang { top: 48px; }
}
/* Korhatár jelvény a csempéken (pl. +14, +18) */
.tiles-tile[data-age]::after{
  content: attr(data-age);
  position:absolute; top:8px; left:8px; z-index:5;
  padding:4px 8px; border-radius:999px;
  background:rgba(0,0,0,.65);
  border:1px solid rgba(255,255,255,.25);
  color:#fff; font:700 12px/1 var(--mono);
  letter-spacing:.02em;
  box-shadow:0 2px 6px rgba(0,0,0,.35);
}
/* Ha szeretnél mellé egy pici piros pöttyöt is, kapcsold be: */
/*
.tiles-tile[data-age]::before{
  content:""; position:absolute; top:10px; left:10px; z-index:6;
  width:8px; height:8px; border-radius:50%; background:#c40000;
  box-shadow:0 0 0 1px rgba(255,255,255,.25) inset;
}
*/
.tiles-tile[data-age]::after{
  content:attr(data-age); position:absolute; top:8px; left:8px; z-index:5;
  padding:4px 8px; border-radius:999px; background:rgba(0,0,0,.65);
  border:1px solid rgba(255,255,255,.25); color:#fff; font:700 12px/1 var(--mono);
}