/**
 * Responsive kurallar - onaylanan breakpoint tablosuna göre.
 * >=1280 Geniş Masaüstü | 1024-1279 Masaüstü | 768-1023 Tablet | 480-767 Mobil büyük | <480 Mobil küçük
 *
 * NOT: Bu dosya home.css'ten SONRA yüklenir (bkz. inc/enqueue.php). Yatay taşma gizlenmez (overflow-x: hidden yok);
 * taşan bileşenler minmax(0, 1fr), min-width: 0 ve esnek yerleşimle düzeltilmiştir.
 */

/* Masaüstü (1024-1279): kenar boşlukları daralır */
@media (max-width: 1279px) {
	.gma-container { padding: 0 var(--gma-space-3); }
}

/* Tablet (768-1023): menü hamburgere döner, gridler 2-3 sütuna iner */
@media (max-width: 1023px) {
	.gma-nav { display: none; }
	.gma-menu-toggle { display: flex; }
	.gma-header__cta { display: none; }

	.gma-services__grid, .gma-case__grid, .gma-blog__grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
	.gma-why__grid, .gma-stats__grid { --cols: 3; }
	.gma-svc__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.gma-glb__grid { grid-template-columns: minmax(0, 1fr); gap: 36px; }
	.gma-glb__visual { max-width: 560px; width: 100%; }
	.gma-brands__grid { grid-template-columns: minmax(0, 1fr); }
	.gma-brand-card { min-height: 600px; }
	.gma-lead__grid { grid-template-columns: minmax(0, 1fr); gap: 32px; }
	.gma-process { flex-wrap: wrap; row-gap: 32px; justify-content: center; }
	.gma-process::before { display: none; }
	.gma-process__step { flex: 0 0 calc((100% - 40px) / 3); }
	.gma-footer__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.gma-contact__grid { grid-template-columns: minmax(0, 1fr); }

	.gma-sticky-cta { display: flex; }
	body.gma-has-sticky-cta { padding-bottom: 64px; } /* sticky cta çubuğu (etkinse) için alan */
}

/* Mobil büyük (480-767): tüm bölümler tek sütun */
@media (max-width: 767px) {
	.gma-container { padding: 0 var(--gma-space-2); }
	.gma-section { padding: 48px 0; }
	h1 { font-size: 28px; }
	h2 { font-size: 22px; }

	.gma-services__grid, .gma-case__grid, .gma-blog__grid { grid-template-columns: minmax(0, 1fr) !important; }
	.gma-why__grid, .gma-stats__grid { --cols: 2; --g: 16px; }
	.gma-why__label { font-size: 13.5px; }
	.gma-why__desc { font-size: 12.5px; }

	.gma-svc, .gma-glb, .gma-why, .gma-ref, .gma-brands, .gma-proc, .gma-blogsec, .gma-lead { padding: 56px 0; }
	.gma-svc__head h2, .gma-glb h2, .gma-why .gma-section-title h2, .gma-ref__head h2, .gma-brands .gma-section-title h2, .gma-proc .gma-section-title h2, .gma-blogsec .gma-section-title h2, .gma-lead__left h2 { font-size: 26px; }
	.gma-svc__head { margin-bottom: 32px; }
	.gma-svc__head p, .gma-ref__head p, .gma-glb__text p, .gma-lead__desc { font-size: 15px; }
	.gma-svc__grid { grid-template-columns: minmax(0, 1fr); gap: 16px; }
	.gma-svc-card { padding: 24px 22px; }
	.gma-glb__text .gma-btn { width: 100%; }
	.gma-why__grid { --cols: 2; --g: 14px; }
	.gma-why__item { padding: 20px 16px; }
	.gma-why__label { font-size: 15px; }
	.gma-ref__grid { --cols: 2; --g: 14px; }
	.gma-ref__card { height: 96px; padding: 14px 16px; border-radius: 14px; }
	.gma-brand-card { min-height: 620px; border-radius: 20px; }
	.gma-brand-card__media { height: 62%; }
	.gma-brand-card--marketage { --gma-pos: 14% 40%; }
	.gma-brand-card--adgenious { --gma-pos: 17% 40%; }
	.gma-brand-card__body { padding: 28px 22px 24px; }
	.gma-brand-card__title { font-size: 24px; }
	.gma-brand-card__desc { font-size: 15px; }
	.gma-brand-card__btn { width: 100%; justify-content: center; }
	.gma-blogsec .gma-blog-card__media { height: 170px; }
	.gma-lead__card { padding: 22px 18px; border-radius: 20px; }
	.gma-lead__fields { grid-template-columns: minmax(0, 1fr); }
	.gma-lead__fields .gma-input, .gma-lead__fields .gma-select, .gma-lead__fields .gma-textarea { font-size: 16px; min-height: 48px; }
	.gma-lead__fields .gma-textarea { min-height: 110px; }
	.gma-lead__fields .gma-field label { font-size: 13.5px; }
	.gma-lead__submit .gma-btn { min-height: 52px; width: 100%; }
	/* Hizmet kutucukları (mobil): ikon üstte, metin altta tam genişlikte; uzun metinler sıkışmaz */
	.gma-tiles__grid { gap: 10px; }
	.gma-tile__box { flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 10px; padding: 12px 12px 14px; min-height: 104px; }
	.gma-tile__icon { flex: 0 0 auto; width: 34px; height: 34px; border-radius: 9px; }
	.gma-tile__text { width: 100%; }
	.gma-tile__label { font-size: 13.5px; line-height: 1.3; hyphens: auto; overflow-wrap: break-word; }
	.gma-tile__sub { font-size: 12px; }
	.gma-tile__check { top: 10px; right: 10px; width: 22px; height: 22px; }
	.gma-consent__label input { width: 22px; height: 22px; }
	.gma-glb__tag { padding: 8px 10px; font-size: 11px; }
	.gma-glb__tag strong { font-size: 12.5px; }

	/* Çalışma süreci: dikey zaman çizelgesi */
	.gma-process { flex-direction: column; flex-wrap: nowrap; gap: 22px; justify-content: flex-start; }
	.gma-process::before { display: block; background: var(--gma-border-strong); width: 1px; left: 11px; right: auto; top: 12px; bottom: 12px; width: 1px; height: auto; }
	.gma-process__step { flex: 1 1 auto; display: grid; grid-template-columns: 24px minmax(0, 1fr); column-gap: 16px; text-align: left; padding: 0; }
	.gma-process__dot { grid-row: 1 / span 2; margin: 0; width: 24px; height: 24px; font-size: 11px; box-shadow: none; }
	.gma-process__icon { display: none; }
	.gma-process__label { font-size: 15px; }
	.gma-process__desc { font-size: 14px; }
	.gma-process__label, .gma-process__desc { grid-column: 2; }
	.gma-process__label { margin-bottom: 2px; }

	/* Form: tek sütun, dokunmaya uygun alanlar */
	.gma-form-grid { grid-template-columns: minmax(0, 1fr); }
	.gma-form-grid .gma-field--full { grid-column: span 1; }
	.gma-form-grid .gma-input, .gma-form-grid .gma-select, .gma-form-grid .gma-textarea { font-size: 16px; min-height: 48px; }
	.gma-form-grid .gma-textarea { min-height: 110px; }
	.gma-form-grid .gma-field label { font-size: 13px; }
	.gma-form-grid input[type="checkbox"] { width: 22px; height: 22px; flex: 0 0 22px; margin-top: 2px !important; }
	.gma-form-grid .gma-btn { min-height: 50px; font-size: 15px; }
	.gma-cta-form__desc { font-size: 14px; }

	.gma-footer__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.gma-footer__grid > :first-child { grid-column: 1 / -1; }
	.gma-footer__bottom { flex-direction: column; gap: 10px; }
}

/* Mobil küçük (<480) */
@media (max-width: 479px) {
	.gma-section { padding: 40px 0; }
	h1 { font-size: 24px; }
	.gma-trust__logos { gap: 18px; }
	.gma-why__grid { --cols: 1; }
	.gma-tiles__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.gma-svc, .gma-glb, .gma-why, .gma-ref, .gma-brands, .gma-proc, .gma-blogsec, .gma-lead { padding: 44px 0; }
	.gma-footer__grid { grid-template-columns: minmax(0, 1fr); }
}

/* Çok dar ekran (≤359): hizmet kutucukları tek sütun, yatay yerleşim */
@media (max-width: 359px) {
	.gma-tiles__grid { grid-template-columns: minmax(0, 1fr); }
	.gma-tile__box { flex-direction: row; align-items: center; min-height: 64px; padding: 12px 40px 12px 12px; gap: 12px; }
	.gma-tile__text { width: auto; }
}