/*
 * Ana sayfa hero'su — telefonda sira (2026-11-06, Armagan Bey'in istegi).
 *
 * Telefonda (768px alti) hero ogeleri su sirayla diziliyor:
 *   1 baslik  2 ekip fotografi  3 butonlar  4 aciklama  5 yorum rozetleri  6 basin logolari
 *
 * HTML degismiyor (hermest_render_hero_section): __content ve __media
 * kutulari display:contents ile acilip cocuklari __inner'in flex sirasina
 * order ile yerlestiriliyor. H1, metinler ve linkler oldugu gibi kaliyor.
 * Masaustu/tablet (768px ve ustu) etkilenmiyor.
 *
 * Geri almak: bu dosyayi silmek yeterli (hermest_enqueue_home_hero_mobile
 * dosya yoksa hicbir sey yuklemiyor).
 */
@media (max-width: 47.99rem) {
	.hermest-hero__inner {
		align-items: stretch;
		gap: 0;
		/* Alttaki istatistik karti hero'ya 64px biniyor; logolarla kart arasinda 32px kalsin. */
		padding-bottom: 6rem;
		/* Ustte 64px fazla geldi; basligi yukari al. */
		padding-top: 2rem;
	}

	.hermest-hero__content,
	.hermest-hero__media {
		display: contents;
	}

	.hermest-hero__title    { order: 1; }
	.hermest-hero__photo    { order: 2; }
	.hermest-hero__actions  { order: 3; }
	.hermest-hero__tagline  { order: 4; }
	.hermest-hero__badges   { order: 5; }
	.hermest-hero__press    { order: 6; }

	.hermest-hero__photo {
		display: block;
		margin-top: 1.5rem;
		/* Foto artik hero'nun ortasinda; alt kenari sert kesilmesin, zemine erisin. */
		-webkit-mask-image: linear-gradient(to bottom, #000 70%, transparent 100%);
		mask-image: linear-gradient(to bottom, #000 70%, transparent 100%);
	}

	.hermest-hero__actions {
		margin-top: 1.5rem;
	}

	.hermest-hero__tagline {
		margin-top: 1.5rem;
	}

	/* Rozetler fotografin ustunden inip kendi satirina geciyor. */
	.hermest-hero__badges {
		position: static;
		translate: none;
		margin-top: 1.75rem;
		grid-template-columns: repeat(2, max-content);
	}

	.hermest-hero__press {
		margin-top: 1.75rem;
	}

	/* Telefonda tum hero icerigi ortali. */
	.hermest-hero__title,
	.hermest-hero__tagline {
		text-align: center;
	}

	.hermest-hero__tagline {
		margin-inline: auto;
	}

	.hermest-hero__actions,
	.hermest-hero__press,
	.hermest-hero__badges {
		justify-content: center;
	}
}