/* ========================================
   Responsive
   ======================================== */

/* Desktop: hide mobile-only elements */
.logo-text,
.nav-spacer {
	display: none;
}

@media (max-width: 1200px) {
	.steps-grid {
		grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	}
}

@media (max-width: 992px) {
	.intro-grid {
		grid-template-columns: 1fr;
		gap: 60px;
	}

	.service-item,
	.service-item:nth-child(even) {
		grid-template-columns: 1fr;
	}

	.service-item:nth-child(even) .service-image {
		order: 0;
	}

	.footer-grid {
		grid-template-columns: 1fr 1fr;
	}
}

@media (max-width: 768px) {
	.section {
		padding: 80px 0;
	}

/*
	.nav-links {
		display: none;
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
		background: var(--color-bg-secondary);
		flex-direction: column;
		padding: 24px;
		gap: 18px;
		border-bottom: 1px solid var(--color-border);
	}

	.nav-links.active {
		display: flex;
	}

	.nav-toggle {
		display: flex;
		margin-left: auto;
	}
	
	.navbar > .container {
		display: flex;
		align-items: center;
	}
	
	.logo {
		margin-right: 0;
	}
*/
	.navbar-inner{
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 12px;
		position: relative;
		position: relative;   /* added */
		min-height: 60px;     /* added */
	}

	/* Burger menu on the left */
	.nav-toggle{
		display: flex;
		order: 1;
		margin-left: 0;
		margin-right: auto;
		width: 40px;

		flex: 0 0 40px;
		z-index: 2;
	}

	/* Logo centered with text underneath */
	.navbar .logo{
		order: 2;
		display: flex;
		flex-direction: column;
		align-items: center;

		position: absolute;          /* NEW */
		left: 50%;                   /* NEW */
		top: 50%;                    /* NEW */
		transform: translate(-50%, -50%);  /* NEW */

		gap: 4px;
		text-decoration: none;
		z-index: 1;
	}

	.navbar .logo-svg {
		height: 40px;
	}

	.navbar .logo-text {
		display: block;
		font-family: var(--font-display);
		font-size: 13px;
		font-weight: 400;
		letter-spacing: 0.1px;
		color: var(--color-text-primary);
		white-space: nowrap;
		margin-top: 2px;
		text-align: center;
	}

	.navbar > .container {
		position: relative;
	}

	/* Spacer for balance on the right */
	.nav-spacer {
		order: 3;
		width: 40px;
		flex: 0 0 40px;  /* added */
		margin-left: auto;
	}

	/* Mobile menu dropdown */
	.nav-links{
		display: none;
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
		background: var(--color-bg-secondary);
		flex-direction: column;
		padding: 24px;
		gap: 18px;
		border-bottom: 1px solid var(--color-border);
		order: 4;
	}

	.nav-links.active{
		display: flex;
	}

	.steps-grid {
		grid-template-columns: 1fr;
	}

	.project-grid {
		grid-template-columns: 1fr;
	}

	.footer-grid {
		grid-template-columns: 1fr;
		gap: 40px;
	}

	.footer-bottom {
		flex-direction: column;
		text-align: center;
	}
}

@media (max-width: 480px) {
	.service-item {
		padding: 24px;
	}
}