.phone {
	display: block!important;
}
main {
	--spacing-2xl:15px;
}
hgroup h1, hgroup h1 * {
	max-width: calc(100vw - 130px);
	 overflow:hidden; 
        white-space:nowrap; 
        text-overflow: ellipsis;
}

hgroup .button {
	padding-left: 5px;
	padding-right: 5px;
	min-width: 44px;
	text-align: center;
}
hgroup .button > * {
	margin: auto;
}
.no-phone {
	display: none!important;
}
h1 {
	font-size:44px;
	line-height: 1;
}
h3.jumbo {
	font-size: 20px;
}

nav {
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
}
/*nav, nav ul {
	flex-wrap: wrap!important; 
}*/
 
nav ul li:nth-child(n+10){
	/* styles */
	display: none;
}
@media (max-width: 550px) {
	nav ul li:nth-child(n+9){
		/* styles */
		display: none;
	}
}

@media (max-width: 520px) {
	nav ul li:nth-child(n+8){
		/* styles */
		display: none;
	}
}

@media (max-width: 490px) {
	nav ul li:nth-child(n+8){
		/* styles */
		display: none;
	}
}

@media (max-width: 460px) {
	nav ul li:nth-child(n+7){
		/* styles */
		display: none;
	}
}
@media (max-width: 430px) {
	nav ul li:nth-child(n+6){
		/* styles */
		display: none;
	}
}
@media (max-width: 400px) {
	nav ul li:nth-child(n+5){
		/* styles */
		display: none;
	}
}
nav, nav ul {
	gap:2px!important;
}
nav ul li a {
	min-width: 60px!important;
}
nav ul li a .text {
		 overflow:hidden; 
        white-space:nowrap; 
        text-overflow: ellipsis;
	max-width: 50px;
}
header {
	position: fixed;
	left: 0px;
	right: 0px;
	bottom: 0px;
	padding: 10px 5px;
	padding-top: 30px;
	margin: 0px;
	width: 100%;
	top: auto;
	display: flex;
	flex-direction: column;
	
		background: linear-gradient(to top, color-mix(in srgb, var(--lightcolor, #fffbf0) 90%, transparent) 50%, color-mix(in srgb, var(--lightcolor, #fffbf0) 0%, transparent) 100%);
}
main {
	background: none!important;
	
	
}
nav ul li a span.text {
	font-size:10px;
}
section, .big-hug {
	max-width: 100%;
	overflow-x: auto;
}

section, .big-hug {
	margin-left: -10px;
	padding: 10px 0px;
	max-width: calc(100% + 20px);
	overflow-x: auto;
	overflow-y: hidden;
	scroll-snap-type: x mandatory;
	scroll-behavior: smooth;
	-webkit-overflow-scrolling: touch;
	scroll-padding-left: 16px; /* optioneel: als je padding/ruimte wilt bij snap */
}
section > *:first-child, .big-hug > *:first-child {
	margin-left: 10px;
}
section > *, .big-hug > *{
	min-width: 300px;
	scroll-snap-align: start;
	scroll-snap-stop: always; /* optioneel: voorkomt “doorslippen” op sommige browsers */
}
header nav {
	transition: 0.2s ease all;
}
body:not([scrolled-bottom=true]):has(#dashboard) header nav,
body[scroll-direction="down"]:not([scrolled-bottom=true]):not([scrolled-hundreds="0"]) header nav {
	transform: translateY(85px);
}

.phone-v {
	flex-direction: column;
}