/* nunshen-ui — site header (header.php, site-header.js). Brand: CORE SANS, crème + black, 1 px hairlines, radius 1 px,
   no letter-spacing; colour only for the tea-family dots. Desktop ≥ 1025 px: promo band + logo / search / utilities +
   rubriques with full-width panels. Below: promo band + burger / logo / cart + full-width search; full-screen menu with
   levels. Always fixed; once the page scrolls the band slides away (and the desktop logo row gets lower).
   No transform / filter on .nui-hd: the side cart panel inside it is position: fixed and must stay relative to the viewport. */

.nui-has-hd {
	--nui-hd-band: 32px;
	--nui-hd-main: 58px;
	--nui-hd-search: 56px;
	--nui-hd-nav: 0px;
	--nui-hd-main-compact: 58px;
	--nui-hd-ease: cubic-bezier(.2, .7, .2, 1);
	scroll-padding-top: calc(var(--nui-hd-main) + var(--nui-hd-search) + var(--nui-hd-nav) + 16px);
}
@media (min-width: 1025px) {
	.nui-has-hd {
		--nui-hd-band: 34px;
		--nui-hd-main: 76px;
		--nui-hd-search: 0px;
		--nui-hd-nav: 50px;
		--nui-hd-main-compact: 62px;
	}
}

/* the Elementor template around the header: no box of its own */
.nui-hd-tpl,
.nui-hd-tpl > .elementor-widget-shortcode,
.nui-hd-tpl .elementor-shortcode { display: contents; }
.nui-hd-spacer { height: calc(var(--nui-hd-band) + var(--nui-hd-main) + var(--nui-hd-search) + var(--nui-hd-nav)); }

.nui-hd {
	position: fixed;
	z-index: 100; /* above the sticky buy bar (99), under the side cart panel, the search sheet and popups */
	top: 0;
	left: 0;
	right: 0;
	font-family: var(--nui-font, "CORE SANS", sans-serif);
	font-weight: var(--nui-w-regular, 400);
	color: var(--nui-black, #000);
	background: var(--nui-creme, #F4F0EC);
	box-shadow: 0 1px 0 rgba(0, 0, 0, .05), 0 6px 18px rgba(0, 0, 0, .07);
	transition: top .3s var(--nui-hd-ease);
	-webkit-font-smoothing: antialiased;
}
.admin-bar .nui-hd { top: 32px; }
@media (max-width: 782px) { .admin-bar .nui-hd { top: 46px; } }
.nui-hd.is-compact { top: calc(-1 * var(--nui-hd-band)); }
.admin-bar .nui-hd.is-compact { top: calc(32px - var(--nui-hd-band)); }
.nui-hd *:not(.nui-hd__cart *),
.nui-hd *:not(.nui-hd__cart *)::before,
.nui-hd *:not(.nui-hd__cart *)::after { box-sizing: border-box; }
/* the generic resets below never reach the Elementor cart widget moved into .nui-hd__cart (its side cart keeps its look) */
.nui-hd svg:not(.nui-hd__cart *) { display: block; width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.15; stroke-linecap: round; stroke-linejoin: round; }
.nui-hd svg.nui-fmt { stroke: none; fill: currentColor; }
.nui-hd a:not(.nui-hd__cart *) { color: inherit; text-decoration: none; }
.nui-hd ul:not(.nui-hd__cart *) { margin: 0; padding: 0; list-style: none; }
.nui-hd p:not(.nui-hd__cart *) { margin: 0; }
.nui-hd button:not(.nui-hd__cart *) {
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: none;
	color: inherit;
	font: inherit;
	line-height: inherit;
	text-transform: none;
	letter-spacing: 0;
	cursor: pointer;
}
.nui-hd button:not(.nui-hd__search, .nui-hd__cart *),
.nui-hd button:not(.nui-hd__search, .nui-hd__cart *):hover,
.nui-hd button:not(.nui-hd__search, .nui-hd__cart *):focus { border: 0 !important; background: none; color: inherit; box-shadow: none; } /* the kit restyles buttons */
.nui-hd :focus-visible { outline: 2px solid var(--nui-black, #000); outline-offset: 2px; }
.nui-hd .screen-reader-text {
	position: absolute !important;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
	border: 0;
}

/* ---- promo band (scrolling in a faded window, pauses on hover; still for reduced motion) -------------------------------------------- */
.nui-hd__band {
	position: relative;
	height: var(--nui-hd-band);
	overflow: hidden;
	background: var(--nui-black, #000);
	color: #fff;
	font-size: 13px;
	font-weight: var(--nui-w-bold, 600);
	line-height: var(--nui-hd-band);
	white-space: nowrap;
}
.nui-hd__band-window { /* the text runs in a 600 px window with faded edges (the old header's), full width on phones */
	max-width: 600px;
	height: 100%;
	margin: 0 auto;
	overflow: hidden;
	-webkit-mask-image: linear-gradient(to right, transparent 0, #000 80px, #000 calc(100% - 80px), transparent 100%);
	mask-image: linear-gradient(to right, transparent 0, #000 80px, #000 calc(100% - 80px), transparent 100%);
}
.nui-hd__band-track { display: flex; width: max-content; animation: nui-hd-band 22s linear infinite; }
.nui-hd__band:hover .nui-hd__band-track { animation-play-state: paused; }
.nui-hd__band-run { display: flex; flex: none; }
.nui-hd__band-msg { flex: none; padding: 0 60px; }
@keyframes nui-hd-band { to { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce) {
	.nui-hd__band-track { animation: none; width: auto; justify-content: center; }
	.nui-hd__band-run + .nui-hd__band-run,
	.nui-hd__band-msg:nth-child(n+2) { display: none; }
}

/* ---- logo row ------------------------------------------------------------------------------------------------------ */
.nui-hd__main {
	position: relative;
	display: grid;
	grid-template-columns: 52px 1fr 52px;
	grid-template-rows: var(--nui-hd-main) var(--nui-hd-search);
	align-items: center;
	padding: 0 4px;
}
.nui-hd__burger { display: grid; place-items: center; width: 44px; height: 44px; }
.nui-hd__burger svg { width: 26px; height: 26px; }
.nui-hd__burger { grid-column: 1; grid-row: 1; justify-self: start; }
.nui-hd__logo { grid-column: 2; grid-row: 1; justify-self: center; display: block; }
.nui-hd__logo img { display: block; width: auto; height: 28px; }
.nui-hd__utils { grid-column: 3; grid-row: 1; display: flex; align-items: center; justify-content: flex-end; }
.nui-hd__util { display: none; }

/* search: a button that looks like a field and opens the search sheet (nunshen-search) */
.nui-hd__search {
	grid-column: 1 / -1;
	grid-row: 2;
	align-self: start;
	margin: 0 12px !important;
	display: flex !important;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	height: 44px;
	padding: 0 14px 0 16px !important;
	border: 1px solid #DAD3CB !important; /* discreet: warm off-white field, soft hairline (owner's choice "A", 2026-10-14) */
	border-radius: var(--nui-radius, 1px) !important;
	background: #FBF9F6 !important;
	color: #8A837C !important;
	font-size: 15px;
	font-weight: var(--nui-w-light, 200);
	text-align: left;
	box-shadow: none !important;
	transition: border-color .2s ease;
}
.nui-hd__search svg { flex: none; color: #4A4541; }
.nui-hd__search-text { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@media (max-width: 1024px) { /* shorter example on phones */
	.nui-hd__search-text { font-size: 0; }
	.nui-hd__search-text::before { content: attr(data-short); font-size: 15px; }
}
.nui-hd__search:hover,
.nui-hd__search:focus { border-color: #B9B1A8 !important; background: #FBF9F6 !important; color: #8A837C !important; }

/* cart: Elementor "Menu panier" widget moved here by header.php (keeps the side cart and its fragments) */
.nui-hd__cart { display: flex; align-items: center; }
.nui-hd__cart .elementor-widget-woocommerce-menu-cart { position: static !important; z-index: auto !important; width: auto !important; max-width: none !important; margin: 0 !important; }
.nui-hd__cart .elementor-menu-cart__toggle_wrapper,
.nui-hd__cart .elementor-menu-cart__toggle { margin: 0 !important; padding: 0 !important; }
.nui-hd .nui-hd__cart .elementor-menu-cart__toggle_button {
	position: relative;
	display: flex !important;
	align-items: center;
	gap: 8px;
	min-width: 44px;
	height: 44px;
	justify-content: center;
	padding: 0 !important;
	border: 0 !important;
	background: none !important;
	color: var(--nui-black, #000) !important;
	font-family: inherit;
	font-size: 14px;
	font-weight: var(--nui-w-regular, 400);
	line-height: 1;
}
.nui-hd .nui-hd__cart .elementor-button-icon { position: relative; display: block; margin: 0 !important; font-size: 24px !important; }
.nui-hd .nui-hd__cart .elementor-button-icon svg { width: 24px !important; height: 24px !important; }
.nui-hd .nui-hd__cart .elementor-button-icon svg path,
.nui-hd .nui-hd__cart .elementor-button-icon svg rect { stroke-width: 52px; }
.nui-hd .nui-hd__cart .elementor-button-icon-qty[data-counter] {
	position: absolute;
	top: -6px;
	right: -9px;
	display: grid;
	place-items: center;
	min-width: 17px;
	height: 17px;
	padding: 0 4px;
	border-radius: 9px;
	background: var(--nui-black, #000) !important;
	color: #fff !important;
	font-size: 10px;
	font-weight: var(--nui-w-bold, 600);
	line-height: 1;
}
.nui-hd .nui-hd__cart .elementor-button-icon-qty[data-counter="0"] { display: none !important; }
.nui-hd .nui-hd__cart .elementor-menu-cart__toggle .elementor-button-text { display: none; }

/* ---- navigation: phones / tablets = full-screen menu with levels --------------------------------------------------- */
.nui-hd__nav {
	position: fixed;
	z-index: 3;
	inset: 0;
	display: flex;
	flex-direction: column;
	overflow: hidden auto;
	overscroll-behavior: contain;
	background: var(--nui-creme, #F4F0EC);
	visibility: hidden;
	opacity: 0;
	transform: translateX(-24px);
	transition: opacity .25s var(--nui-hd-ease), transform .3s var(--nui-hd-ease), visibility 0s linear .3s;
}
.nui-hd.is-menu-open .nui-hd__nav { visibility: visible; opacity: 1; transform: none; transition: opacity .25s var(--nui-hd-ease), transform .3s var(--nui-hd-ease), visibility 0s; }
.admin-bar .nui-hd__nav { top: 46px; }
html.nui-hd-locked,
html.nui-hd-locked body { overflow: hidden !important; }

.nui-hd__bar {
	display: flex;
	flex: none;
	align-items: center;
	justify-content: space-between;
	height: 58px;
	padding: 0 8px 0 12px;
	border-bottom: 1px solid var(--nui-line, #E3DED8);
}
.nui-hd__bar--drawer { justify-content: center; position: relative; }
.nui-hd__bar--drawer .nui-hd__close { position: absolute; left: 8px; top: 7px; }
.nui-hd__drawer-logo img { display: block; height: 26px; width: auto; }
.nui-hd__close,
.nui-hd__back { display: flex; align-items: center; gap: 4px; min-width: 44px; height: 44px; justify-content: center; }
.nui-hd__back { padding-right: 10px !important; font-size: 15px; }

.nui-hd__menu { flex: none; padding: 8px 0 !important; }
.nui-hd__item { border-bottom: 1px solid var(--nui-line, #E3DED8); }
.nui-hd__top {
	display: flex !important;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	min-height: 60px;
	padding: 0 20px 0 24px !important;
	font-size: 16px !important; /* same size for the rubriques that are buttons (reset above) and the plain links */
	font-weight: var(--nui-w-regular, 400);
	text-align: left;
}
.nui-hd__top svg { width: 20px; height: 20px; }
.nui-hd__top > svg:first-of-type:not(:last-of-type) { display: none; } /* the desktop "down" caret */

/* level 2: slides over the menu */
.nui-hd__panel {
	position: fixed;
	z-index: 2;
	inset: 0;
	display: flex;
	flex-direction: column;
	overflow: hidden auto;
	overscroll-behavior: contain;
	background: var(--nui-creme, #F4F0EC);
	visibility: hidden;
	transform: translateX(100%);
	transition: transform .32s var(--nui-hd-ease), visibility 0s linear .32s;
}
.admin-bar .nui-hd__panel { top: 46px; }
.nui-hd__item.is-open > .nui-hd__panel { visibility: visible; transform: none; transition: transform .32s var(--nui-hd-ease), visibility 0s; }
.nui-hd__panel-in { padding: 8px 0 32px; }
.nui-hd__panel-title { padding: 14px 24px 10px; font-size: 26px; font-weight: var(--nui-w-regular, 400); line-height: 1.15; text-transform: uppercase; }
.nui-hd__all {
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 54px;
	margin: 6px 16px 10px;
	padding: 0 16px 0 18px;
	background: var(--nui-black, #000);
	color: #fff !important;
	font-size: 15px;
	font-weight: var(--nui-w-bold, 600);
}
.nui-hd__all svg { width: 20px; height: 20px; }
.nui-hd__group { border-bottom: 1px solid var(--nui-line, #E3DED8); }
.nui-hd__group-title { display: none; }
.nui-hd__group-toggle {
	display: flex !important;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	min-height: 56px;
	padding: 0 20px 0 24px !important;
	font-size: 17px;
	text-align: left;
}
.nui-hd__group-toggle svg { width: 18px; height: 18px; transition: transform .25s var(--nui-hd-ease); }
.nui-hd__group-toggle[aria-expanded="true"] svg { transform: rotate(45deg); }
.nui-hd__links { display: none; padding: 0 0 12px !important; }
.nui-hd__group.is-open .nui-hd__links,
.nui-hd__group--open .nui-hd__links { display: block; }
.nui-hd__group--open .nui-hd__group-toggle { display: none !important; }
.nui-hd__group--open .nui-hd__group-title { display: block; padding: 18px 24px 6px; font-size: 12px; font-weight: var(--nui-w-bold, 600); text-transform: uppercase; color: #6E6A66; }
.nui-hd__link {
	display: flex;
	align-items: center;
	gap: 12px;
	min-height: 46px;
	padding: 0 24px 0 36px;
	font-size: 16px;
	font-weight: var(--nui-w-light, 200);
}
.nui-hd__group--open .nui-hd__link { padding-left: 24px; font-size: 17px; font-weight: var(--nui-w-regular, 400); }
.nui-hd__group--dots .nui-hd__link:not(:has(.nui-dot))::before { content: ""; flex: none; width: 10px; }
.nui-hd__link--more { font-weight: var(--nui-w-bold, 600) !important; }
.nui-hd__link--more svg { width: 16px; height: 16px; }
.nui-dot { flex: none; width: 10px; height: 10px; border-radius: 50%; background: #C9C3BC; }
.nui-dot--vert { background: var(--nui-the-vert, #A6B340); }
.nui-dot--noir { background: var(--nui-the-noir, #7D4E5B); }
.nui-dot--oolong { background: var(--nui-oolong, #5F8289); }
.nui-dot--blanc { background: var(--nui-the-blanc, #C2C7CA); }
.nui-dot--pu-erh { background: var(--nui-pu-erh, #696056); }
.nui-dot--infusion { background: var(--nui-infusion, #D2BA92); }
.nui-dot--rooibos { background: var(--nui-rooibos, #F39662); }
.nui-dot--jaune { background: var(--nui-the-jaune, #F4CF81); }
.nui-hd svg.nui-fmt { flex: none; width: 22px; height: 24px; }

.nui-hd__tile { display: grid; grid-template-columns: 96px 1fr; grid-template-rows: auto auto 1fr; column-gap: 16px; margin: 20px 16px 0; padding: 12px; background: #fff; }
.nui-hd__tile-img { grid-row: 1 / 4; display: block; aspect-ratio: 4 / 5; overflow: hidden; background: var(--nui-line, #E3DED8); }
.nui-hd__tile-img img { display: block; width: 100%; height: 100%; object-fit: cover; }
.nui-hd__tile-kicker { align-self: end; margin-top: 4px; font-size: 12px; font-weight: var(--nui-w-bold, 600); text-transform: uppercase; color: #6E6A66; }
.nui-hd__tile-title { margin-top: 4px; font-size: 18px; line-height: 1.25; }

.nui-hd__foot { flex: none; margin-top: auto; padding: 20px 24px calc(28px + env(safe-area-inset-bottom, 0px)); }
.nui-hd__foot-shop,
.nui-hd__foot-link { display: flex; align-items: center; gap: 14px; min-height: 48px; font-size: 16px; }
.nui-hd__foot-shop span { display: flex; flex-direction: column; gap: 3px; }
.nui-hd__foot-shop strong { font-weight: var(--nui-w-regular, 400); }
.nui-hd__foot-shop small { font-size: 13px; font-weight: var(--nui-w-light, 200); color: #6E6A66; }
.nui-hd__lang { display: flex; align-items: center; gap: 10px; min-height: 48px; font-size: 15px; }
.nui-hd__lang a,
.nui-hd__lang-cur { display: grid; place-items: center; min-width: 32px; height: 32px; }
.nui-hd__lang-cur { font-weight: var(--nui-w-bold, 600); text-decoration: underline; text-underline-offset: 5px; }
.nui-hd__lang a { color: #6E6A66; }
.nui-hd__nav-lang { display: none; }

/* tablets: the menu is a drawer on the left */
@media (min-width: 768px) and (max-width: 1024px) {
	.nui-hd__nav,
	.nui-hd__panel { right: auto; width: 440px; }
	.nui-hd__veil { z-index: 99; }
	.nui-hd__search { margin: 0 20px !important; }
	/* the page veil can't cover the header's own rows (it is under the header): the header dims them itself */
	.nui-hd::after { content: ""; position: fixed; z-index: 2; inset: 0; background: rgba(32, 26, 20, .28); opacity: 0; visibility: hidden; transition: opacity .25s ease, visibility 0s linear .25s; }
	.nui-hd.is-menu-open::after { opacity: 1; visibility: visible; transition: opacity .25s ease, visibility 0s; }
}

/* veil over the page under the open menu (desktop panels, tablet drawer) */
.nui-hd__veil {
	position: fixed;
	z-index: 98;
	inset: 0;
	background: rgba(32, 26, 20, .28);
	opacity: 0;
	visibility: hidden;
	transition: opacity .2s ease, visibility 0s linear .2s;
}
.nui-hd__veil.is-on { opacity: 1; visibility: visible; transition: opacity .2s ease, visibility 0s; }

/* ---- desktop --------------------------------------------------------------------------------------------------------- */
@media (min-width: 1025px) {
	.nui-hd.is-compact .nui-hd__main { grid-template-rows: var(--nui-hd-main-compact); }
	.nui-hd__main {
		grid-template-columns: 1fr minmax(320px, 560px) 1fr;
		grid-template-rows: var(--nui-hd-main);
		column-gap: 32px;
		padding: 0 clamp(24px, 3vw, 48px);
		transition: grid-template-rows .3s var(--nui-hd-ease);
	}
	.nui-hd__burger { display: none; }
	.nui-hd__logo { grid-column: 1; justify-self: start; }
	.nui-hd__logo img { height: 34px; transition: height .3s var(--nui-hd-ease); }
	.nui-hd.is-compact .nui-hd__logo img { height: 28px; }
	.nui-hd__search { grid-column: 2; grid-row: 1; align-self: center; height: 46px; margin: 0 !important; padding: 0 16px 0 20px !important; }
	.nui-hd__utils { gap: 26px; }
	.nui-hd__util { display: flex; align-items: center; gap: 8px; height: 44px; font-size: 14px; white-space: nowrap; }
	.nui-hd__util svg { width: 24px; height: 24px; }
	.nui-hd__util:hover span,
	.nui-hd__cart .elementor-menu-cart__toggle_button:hover::after { text-decoration: underline; text-underline-offset: 5px; }
	.nui-hd .nui-hd__cart .elementor-menu-cart__toggle_button::after { content: var(--nui-cart-label, "Panier"); }

	.nui-hd__nav {
		position: static;
		z-index: auto;
		display: block;
		height: var(--nui-hd-nav);
		overflow: visible;
		border-top: 1px solid var(--nui-line, #E3DED8);
		visibility: visible;
		opacity: 1;
		transform: none;
		transition: none;
	}
	.nui-hd__bar,
	.nui-hd__foot,
	.nui-hd__panel-title { display: none; }
	.nui-hd__nav-lang { position: absolute; right: clamp(24px, 3vw, 48px); bottom: 0; display: flex; align-items: center; height: var(--nui-hd-nav); }
	.nui-hd__nav-lang .nui-hd__lang { gap: 4px; min-height: 0; font-size: 13px; }
	.nui-hd__nav-lang .nui-hd__lang a,
	.nui-hd__nav-lang .nui-hd__lang-cur { min-width: 26px; height: 32px; }
	.nui-hd__menu { display: flex; justify-content: center; align-items: center; gap: 4px; height: 100%; padding: 0 140px !important; }
	.nui-hd__item { display: flex; align-items: center; height: 100%; border: 0; }
	.nui-hd__top {
		position: relative;
		gap: 6px;
		width: auto;
		min-height: 0;
		height: 100%;
		padding: 0 16px !important;
		font-size: 16px !important;
		white-space: nowrap;
	}
	.nui-hd__top > svg:first-of-type:not(:last-of-type) { display: block; width: 14px; height: 14px; transition: transform .25s var(--nui-hd-ease); }
	.nui-hd__top > svg:last-of-type { display: none; }
	.nui-hd__top::after { /* underline of the open / hovered rubrique */
		content: "";
		position: absolute;
		left: 16px;
		right: 16px;
		bottom: 12px;
		height: 1px;
		background: currentColor;
		transform: scaleX(0);
		transform-origin: left;
		transition: transform .25s var(--nui-hd-ease);
	}
	.nui-hd__top:hover::after,
	.nui-hd__item.is-open > .nui-hd__top::after { transform: scaleX(1); }
	.nui-hd__item.is-open > .nui-hd__top > svg:first-of-type { transform: rotate(180deg); }

	/* full-width panel under the rubriques */
	.nui-hd__panel {
		position: absolute;
		z-index: 1;
		inset: auto 0 auto 0;
		top: 100%;
		display: block;
		max-height: calc(100vh - var(--nui-hd-band) - var(--nui-hd-main) - var(--nui-hd-nav) - 24px);
		overflow: auto;
		border-top: 1px solid var(--nui-line, #E3DED8);
		background: var(--nui-creme, #F4F0EC);
		box-shadow: 0 16px 28px -16px rgba(0, 0, 0, .16);
		opacity: 0;
		visibility: hidden;
		transform: none;
		transition: opacity .18s ease, visibility 0s linear .18s;
	}
	.nui-hd__panel::before { /* no gap between the rubrique and its panel */
		content: "";
		position: absolute;
		left: 0;
		right: 0;
		bottom: 100%;
		height: 2px;
	}
	.nui-hd__item.is-open > .nui-hd__panel { opacity: 1; visibility: visible; transform: none; transition: opacity .18s ease, visibility 0s; }
	.nui-hd__item.is-open > .nui-hd__panel .nui-hd__panel-in { animation: nui-hd-in .28s var(--nui-hd-ease) both; }
	@keyframes nui-hd-in { from { opacity: 0; transform: translateY(-6px); } }
	/* moving from one open rubrique to another: the next panel replaces the previous one at once (no fade, no gap) */
	.nui-hd.is-switching .nui-hd__panel { transition: none; }
	.nui-hd.is-switching .nui-hd__item.is-open > .nui-hd__panel .nui-hd__panel-in { animation: none; }
	.nui-hd__panel-in {
		display: grid;
		grid-template-columns: 1fr auto;
		grid-template-areas: "all all" "cols tile";
		column-gap: 56px;
		max-width: 1320px;
		margin: 0 auto;
		padding: 30px clamp(24px, 3vw, 48px) 40px;
	}
	.nui-hd__all {
		grid-area: all;
		justify-self: start;
		gap: 10px;
		min-height: 0;
		margin: 0 0 26px;
		padding: 0 0 4px;
		border-bottom: 1px solid currentColor;
		background: none;
		color: var(--nui-black, #000) !important;
		font-size: 14px;
		text-transform: uppercase;
	}
	.nui-hd__all svg { width: 16px; height: 16px; transition: transform .2s ease; }
	.nui-hd__all:hover svg { transform: translateX(4px); }
	.nui-hd__cols { grid-area: cols; display: grid; grid-auto-flow: column; grid-auto-columns: minmax(150px, 210px); column-gap: 40px; align-content: start; justify-content: start; }
	.nui-hd__group { border: 0; }
	.nui-hd__group + .nui-hd__group { margin-top: 26px; }
	.nui-hd__group-toggle { display: none !important; }
	.nui-hd .nui-hd__group-title,
	.nui-hd .nui-hd__group--open .nui-hd__group-title {
		display: block;
		margin: 0 0 12px;
		padding: 0;
		font-size: 12px;
		font-weight: var(--nui-w-bold, 600);
		line-height: 1.4;
		text-transform: uppercase;
		color: var(--nui-black, #000);
	}
	a.nui-hd__group-title:hover { text-decoration: underline; text-underline-offset: 4px; }
	.nui-hd__links { display: block; padding: 0 !important; }
	.nui-hd__link,
	.nui-hd__group--open .nui-hd__link {
		gap: 10px;
		min-height: 0;
		padding: 5px 0;
		font-size: 15px;
		font-weight: var(--nui-w-light, 200);
		line-height: 1.35;
	}
	.nui-hd__group--dots .nui-hd__link { font-weight: var(--nui-w-regular, 400); }
	.nui-hd__group--dots .nui-hd__link:not(:has(.nui-dot))::before { content: ""; flex: none; width: 9px; } /* keep the names aligned */
	.nui-hd__group--muted .nui-hd__link { color: #45403B; }
	.nui-hd__link:hover span { text-decoration: underline; text-underline-offset: 4px; text-decoration-thickness: 1px; }
	.nui-dot { width: 9px; height: 9px; }
	.nui-hd svg.nui-fmt { width: 20px; height: 22px; margin: -2px 0; }
	.nui-hd__link--more { margin-top: 6px; }

	.nui-hd__tile { grid-area: tile; display: block; width: 264px; margin: 0; padding: 0; background: none; }
	.nui-hd__tile + .nui-hd__tile { display: none; }
	.nui-hd__tile-img { display: block; aspect-ratio: 4 / 5; margin-bottom: 14px; }
	.nui-hd__tile-img img { transition: transform .6s var(--nui-hd-ease); }
	.nui-hd__tile:hover .nui-hd__tile-img img { transform: scale(1.03); }
	.nui-hd__tile-kicker { display: block; margin: 0 0 4px; }
	.nui-hd__tile-title { display: block; margin: 0; font-size: 19px; }
	.nui-hd__tile:hover .nui-hd__tile-title { text-decoration: underline; text-underline-offset: 5px; text-decoration-thickness: 1px; }
}
@media (min-width: 1025px) and (max-width: 1240px) {
	.nui-hd__menu { padding: 0 96px 0 16px !important; justify-content: flex-start; }
	.nui-hd__top { padding: 0 11px !important; }
	.nui-hd__top::after { left: 11px; right: 11px; }
	.nui-hd__utils { gap: 18px; }
	.nui-hd__util--shop span { display: none; }
	.nui-hd__tile { width: 220px; }
}

@media (prefers-reduced-motion: reduce) {
	.nui-hd,
	.nui-hd *,
	.nui-hd__veil { transition-duration: 0s !important; animation-duration: 0s !important; }
	.nui-hd__band-track { animation: none !important; }
}
@media print {
	.nui-hd,
	.nui-hd__veil { display: none !important; }
	.nui-hd-spacer { height: 0; }
}