/**
 * Mobile-only breadcrumb polish for FAQ, About Us, and Contact Us.
 * Scoped via body.svp-crumbs-ref — tablet/desktop styles unchanged.
 */
@media (max-width: 1024px) {
	body.svp-crumbs-ref header .wrap {
		padding-left: 16px;
		padding-right: 16px;
	}
}

@media (max-width: 767px) {
	body.svp-crumbs-ref .phero .wrap.crumbs {
		display: flex;
		align-items: center;
		flex-wrap: nowrap;
		gap: 0;
		width: 100%;
		max-width: var(--maxw, 1160px);
		margin: 0 auto;
		box-sizing: border-box;
		text-align: left;
		font-size: 0.78rem;
		font-weight: 400;
		line-height: 1.4;
		color: var(--soft);
		padding: 12px 16px;
	}

	body.svp-crumbs-ref .phero .wrap.crumbs a {
		color: var(--muted);
		font-weight: 400;
		white-space: nowrap;
		flex-shrink: 0;
	}

	body.svp-crumbs-ref .phero .wrap.crumbs a:hover {
		color: var(--teal);
	}

	body.svp-crumbs-ref .phero .wrap.crumbs .sp {
		margin: 0 8px;
		color: var(--soft);
		flex-shrink: 0;
	}

	body.svp-crumbs-ref .phero .wrap.crumbs b {
		color: var(--navy);
		font-weight: 600;
		min-width: 0;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	/* Mobile header — match /vat-return-software-features/ reference */
	body.svp-crumbs-ref header {
		overflow: visible;
	}

	body.svp-crumbs-ref header .nav {
		display: flex;
		align-items: center;
		justify-content: space-between;
		height: 76px;
		min-height: 76px;
		gap: 12px;
		flex-wrap: nowrap;
		position: relative;
	}

	body.svp-crumbs-ref header .logo {
		flex: 0 0 auto;
		display: flex;
		align-items: center;
	}

	body.svp-crumbs-ref header .logo img {
		height: 46px;
		width: auto;
		display: block;
	}

	body.svp-crumbs-ref header nav.links {
		display: none;
	}

	body.svp-crumbs-ref header nav.links.open {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
		background: #fff;
		border-bottom: 1px solid var(--line);
		padding: 20px 24px;
		gap: 14px;
		z-index: 99;
		box-shadow: 0 8px 24px rgba(13, 40, 85, 0.08);
		white-space: normal;
	}

	body.svp-crumbs-ref header nav.links.open a {
		white-space: normal;
		width: 100%;
		padding: 6px 0;
		font-size: 1rem;
	}

	body.svp-crumbs-ref header .nav-cta {
		display: flex;
		align-items: center;
		gap: 12px;
		flex: 0 0 auto;
		flex-shrink: 0;
	}

	body.svp-crumbs-ref header .nav-cta .btn-login,
	body.svp-crumbs-ref header .nav-cta .login {
		display: none;
	}

	body.svp-crumbs-ref header .nav-cta .btn-primary {
		height: 42px;
		padding: 0 14px;
		font-size: 0.88rem;
		font-weight: 600;
		box-sizing: border-box;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		border-radius: 10px;
		white-space: nowrap;
	}

	body.svp-crumbs-ref header .menu-btn {
		display: flex;
		flex: 0 0 auto;
		box-sizing: border-box;
		background: none;
		border: 0;
		cursor: pointer;
		width: 42px;
		height: 42px;
		padding: 0;
		align-items: center;
		justify-content: center;
		flex-shrink: 0;
		flex-direction: column;
		gap: 5px;
	}

	body.svp-crumbs-ref header .menu-btn span {
		display: block;
		width: 22px;
		height: 2px;
		background: var(--navy);
		margin: 0;
		flex-shrink: 0;
	}

	body.svp-crumbs-ref header .menu-btn[aria-expanded="true"] {
		position: relative;
		justify-content: center;
	}

	body.svp-crumbs-ref header .menu-btn[aria-expanded="true"] span {
		position: absolute;
		margin: 0;
		left: 50%;
		top: 50%;
		margin-left: -11px;
		margin-top: -1px;
	}

	body.svp-crumbs-ref header .menu-btn[aria-expanded="true"] span:nth-child(1) {
		transform: rotate(45deg);
	}

	body.svp-crumbs-ref header .menu-btn[aria-expanded="true"] span:nth-child(2) {
		opacity: 0;
	}

	body.svp-crumbs-ref header .menu-btn[aria-expanded="true"] span:nth-child(3) {
		transform: rotate(-45deg);
	}
}

@media (max-width: 480px) {
	body.svp-crumbs-ref header .logo img {
		height: 40px;
	}

	body.svp-crumbs-ref header .nav-cta .btn-primary {
		height: 42px;
		padding: 0 12px;
		font-size: 0.82rem;
	}
}