/* =========================================================================
 * responsive.css — breakpoint overrides not already covered locally
 * ========================================================================= */

@media (max-width: 860px) {
	.lb-nav__toggle { display: inline-block; }
	.lb-nav__menu {
		display: none;
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
		background: #fff;
		border-bottom: 1px solid var(--lb-border);
		flex-direction: column;
		gap: 0;
		padding: var(--lb-s-2) var(--lb-s-3);
		box-shadow: var(--lb-shadow);
	}
	.lb-nav__menu.is-open { display: flex; }
	.lb-nav__menu li { width: 100%; }
	.lb-nav__menu a { padding: 0.7rem 0; display: block; width: 100%; }
	.lb-nav__menu .sub-menu {
		position: static;
		display: block;
		box-shadow: none;
		border: none;
		padding: 0 0 0 var(--lb-s-2);
		background: transparent;
	}
	.lb-header__brand img,
	.lb-header__brand svg { height: 44px; }
}

@media (max-width: 600px) {
	.lb-section { padding-block: var(--lb-s-4); }
	.lb-section__title { font-size: 1.4rem; }
}