/*
 * VERKIÐ shared responsive shell adjustments.
 * Feature-specific responsive rules stay with their feature stylesheet.
 */

@media(max-width:980px){
	.verkid-site-header__inner{
		grid-template-columns:auto minmax(0,1fr) auto;
	}

	.verkid-site-nav{
		display:none;
	}

	.verkid-site-account span{
		display:none;
	}

	.verkid-site-footer__inner{
		grid-template-columns:1fr;
		align-items:start;
	}
}

@media(max-width:760px){
	:root{
		--verkid-site-gutter:16px;
	}

	.verkid-site-header__inner{
		grid-template-columns:auto 1fr auto;
		min-height:62px;
		gap:14px;
	}

	.verkid-site-brand{
		font-size:18px;
	}

	.verkid-site-header__search{
		min-width:0;
	}

	.verkid-content-shell{
		padding:42px 0 72px;
	}

	.verkid-site-footer__menu{
		flex-wrap:wrap;
	}
}