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

@media (max-width: 860px) {
	header.site-header {
		flex-wrap: wrap;
		padding: 14px 20px;
	}

	.nav-toggle {
		display: flex;
	}

	header.site-header nav.main-nav {
		display: none;
		flex-direction: column;
		align-items: flex-start;
		width: 100%;
		gap: 4px;
		padding-top: 12px;
		order: 3;
	}

	header.site-header nav.main-nav.is-open {
		display: flex;
	}

	header.site-header nav.main-nav a {
		width: 100%;
		padding: 8px 0;
	}

	header.site-header .header-actions {
		gap: 10px;
	}

	header.site-header .search-box input {
		width: 140px;
	}
}

@media (max-width: 600px) {
	header.site-header .search-box {
		display: none;
	}

	.footer-inner {
		flex-direction: column;
		align-items: flex-start;
		text-align: left;
	}
}