/* Общие мобильные стили для всех стилей */
@media (max-width: 768px) {
	.container {
		padding: 0 20px;
	}

	.mobile-menu-toggle {
		display: flex;
		order: 2;
	}

	.nav {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100vh;
		background-color: var(--bg);
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
		padding: 80px 2rem 2rem;
		transform: translateX(-100%);
		transition: transform 0.3s ease;
		z-index: 1001;
		overflow-y: auto;
		box-shadow: 2px 0 10px rgba(0, 0, 0, 0.1);
		gap: 0;
	}

	.nav.mobile-open {
		transform: translateX(0);
	}

	.nav a {
		width: 100%;
		padding: 1rem 0;
		font-size: 1.25rem;
		border-bottom: 1px solid var(--border);
		display: block;
		margin-left: 0 !important;
	}

	.nav .dot {
		margin-right: 12px;
	}

	.theme-toggle {
		order: 3;
		margin-left: 1rem;
		z-index: 1002;
	}

	.logo {
		order: 1;
	}

	.logo img {
		max-height: 40px;
	}
}