/* ==========================================================================
   Ajans Theme – responsive.css
   Mobil öncelikli kırılım noktaları: 480px (büyük mobil), 768px (tablet),
   1024px (küçük masaüstü), 1440px (geniş masaüstü).
   ========================================================================== */

/* ≥ 480px ------------------------------------------------------------- */
@media (min-width: 480px) {
	:root {
		--gutter: 24px;
	}

	.header-cta {
		display: inline-flex;
	}

	.header-cta .btn {
		min-height: 44px;
		padding: 10px 18px;
	}

	.site-nav__extra .btn {
		display: none;
	}

	.stats {
		grid-template-columns: repeat(2, 1fr);
	}

	.logo-grid {
		grid-template-columns: repeat(3, 1fr);
	}

	.slider__track {
		grid-auto-columns: 75%;
	}

	.gallery-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.ajans-form__grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.ajans-field--full {
		grid-column: 1 / -1;
	}

	.site-footer__grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.site-footer__brand {
		grid-column: 1 / -1;
	}
}

/* ≥ 768px – tablet ---------------------------------------------------- */
@media (min-width: 768px) {
	:root {
		--gutter: 32px;
	}

	.site-logo__img--desktop {
		display: block;
	}

	.site-logo__img--mobile {
		display: none;
	}

	.grid--3 {
		grid-template-columns: repeat(2, 1fr);
	}

	.grid {
		gap: 24px;
	}

	.section-head--split {
		align-items: end;
		grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
		gap: 40px;
	}

	.is-centered .section-head--split {
		text-align: left;
	}

	.feature-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.stats {
		grid-template-columns: repeat(3, 1fr);
	}

	.stat,
	.stat:nth-child(odd) {
		border-bottom: 0;
		border-right: 1px solid var(--color-border);
	}

	.stat:nth-child(3n) {
		border-right: 0;
	}

	.stats:has(> :nth-child(4)) .stat {
		border-bottom: 1px solid var(--color-border);
	}

	.logo-grid {
		grid-template-columns: repeat(4, 1fr);
	}

	.slider__track {
		grid-auto-columns: calc((100% - 20px) / 2);
	}

	.about__mv {
		grid-template-columns: repeat(2, 1fr);
	}

	.cta-box {
		align-items: center;
		grid-template-columns: 1fr auto;
	}

	.service-hero {
		align-items: start;
		grid-template-columns: auto 1fr;
		gap: 28px;
	}

	.post-nav {
		grid-template-columns: 1fr 1fr;
	}

	.team-profile {
		grid-template-columns: 320px 1fr;
		gap: 48px;
	}

	.site-footer__grid {
		grid-template-columns: repeat(3, 1fr);
	}

	.site-footer__bottom {
		flex-direction: row;
		justify-content: space-between;
	}

	/* Süreç: tablette iki sütunlu sıralı akış. */
	.process {
		gap: 0 32px;
		grid-template-columns: repeat(2, 1fr);
	}

	.process__step:not(:last-child)::before {
		display: none;
	}
}

/* ≥ 1024px – masaüstü ------------------------------------------------- */
@media (min-width: 1024px) {
	.grid--3 {
		grid-template-columns: repeat(3, 1fr);
	}

	/* Masaüstü menü */
	.nav-toggle {
		display: none;
	}

	.site-nav {
		background: transparent;
		border: 0;
		display: block;
		inset: auto;
		margin-inline: auto;
		max-height: none;
		overflow: visible;
		padding: 0;
		position: static;
	}

	.site-nav .menu {
		align-items: center;
		display: flex;
		gap: 4px;
	}

	.site-nav .menu > li {
		position: relative;
	}

	.site-nav .menu a {
		border: 0;
		border-radius: var(--radius);
		font-size: .97rem;
		padding: 10px 14px;
	}

	.site-nav .menu > li > a:hover {
		background: var(--color-surface);
	}

	.has-transparent-header .site-header:not(.is-scrolled) .site-nav .menu > li > a {
		color: #fff;
	}

	.has-transparent-header .site-header:not(.is-scrolled) .site-nav .menu > li > a:hover {
		background: rgba(255, 255, 255, .12);
	}

	.site-nav .sub-menu {
		background: var(--color-card);
		border: 1px solid var(--color-border);
		border-radius: var(--radius-card);
		box-shadow: var(--shadow-lg);
		left: 0;
		min-width: 240px;
		opacity: 0;
		padding: 8px;
		position: absolute;
		top: 100%;
		transform: translateY(6px);
		transition: opacity .15s, transform .15s, visibility .15s;
		visibility: hidden;
	}

	.site-nav .menu > li:hover > .sub-menu,
	.site-nav .menu > li:focus-within > .sub-menu {
		opacity: 1;
		transform: none;
		visibility: visible;
	}

	.site-nav .sub-menu a {
		color: var(--color-heading) !important;
	}

	.site-nav .sub-menu a:hover {
		background: var(--color-surface);
	}

	.site-nav__extra {
		display: none;
	}

	.site-header__actions {
		margin-left: 0;
	}

	.hero__inner {
		gap: 64px;
	}

	.hero--has-image .hero__inner {
		grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr);
	}

	.hero__highlights {
		flex-direction: row;
		flex-wrap: wrap;
		gap: 12px 28px;
	}

	.stats {
		grid-auto-columns: 1fr;
		grid-auto-flow: column;
		grid-template-columns: none;
	}

	.stat,
	.stat:nth-child(odd),
	.stat:nth-child(3n),
	.stats:has(> :nth-child(4)) .stat {
		border-bottom: 0;
		border-right: 1px solid var(--color-border);
		padding: 32px 24px;
	}

	.stat:last-child {
		border-right: 0 !important;
	}

	.why {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr);
		gap: 64px;
	}

	.why:not(.why--media) {
		grid-template-columns: 1fr;
		gap: 0;
	}

	.why:not(.why--media) .feature-grid {
		grid-template-columns: repeat(4, 1fr);
	}

	.why__intro {
		align-self: start;
		position: sticky;
		top: calc(var(--header-h) + 32px);
	}

	.why:not(.why--media) .why__intro {
		position: static;
	}

	/* Süreç: yatay zaman çizelgesi (gerçek sıra). */
	.process {
		gap: 24px;
		grid-template-columns: repeat(min(var(--steps), 7), minmax(0, 1fr));
	}

	.process__step {
		grid-template-columns: 1fr;
		padding-bottom: 0;
	}

	.process__step:not(:last-child)::before {
		display: block;
		height: 2px;
		left: 52px;
		right: -24px;
		top: 25px;
		width: auto;
	}

	.process__title {
		margin-top: 4px;
	}

	.logo-grid {
		grid-template-columns: repeat(6, 1fr);
	}

	.slider__track {
		grid-auto-columns: calc((100% - 40px) / 3);
	}

	.about--media {
		align-items: center;
		grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
		gap: 72px;
	}

	.faq-layout {
		grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
		gap: 64px;
	}

	.faq-layout__intro {
		align-self: start;
		position: sticky;
		top: calc(var(--header-h) + 32px);
	}

	.contact {
		grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr);
		gap: 64px;
	}

	.layout-sidebar {
		grid-template-columns: minmax(0, 1fr) 340px;
		gap: 56px;
	}

	.layout-sidebar__aside {
		align-self: start;
		position: sticky;
		top: calc(var(--header-h) + 24px);
	}

	.site-footer__grid {
		grid-template-columns: 1.5fr repeat(4, 1fr);
		gap: 40px;
	}

	.site-footer__brand {
		grid-column: auto;
	}
}

@media (min-width: 1100px) {
	.header-phone {
		display: inline-flex;
	}
}

/* ≥ 1440px – geniş masaüstü ------------------------------------------- */
@media (min-width: 1440px) {
	:root {
		--gutter: 40px;
	}

	.hero__title {
		max-width: 15ch;
	}

	.grid {
		gap: 28px;
	}
}

/* Yazdırma ------------------------------------------------------------ */
@media print {
	.site-header,
	.site-footer,
	.ajans-wa,
	.ajans-consent,
	.slider__nav {
		display: none !important;
	}

	body {
		color: #000;
	}
}