/* Header and real-product fallback fixes. */
.dm-header__inner {
	grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto;
	gap: 18px;
}

.dm-header__brand {
	width: 176px;
	min-width: 146px;
}

.dm-header__logo {
	max-height: 58px;
}

.dm-header__nav {
	min-width: 0;
}

.dm-header__nav--left {
	justify-self: start;
}

.dm-header__nav--right {
	justify-self: end;
}

.dm-nav {
	gap: clamp(12px, 1.8vw, 24px);
	min-width: 0;
}

.dm-nav a,
.dm-nav__link {
	white-space: nowrap;
}

.dm-header__actions {
	justify-self: end;
	min-width: max-content;
}

.dm-empty--products {
	grid-column: 1 / -1;
	padding: 34px;
	border: 1px solid var(--color-stroke);
	background: #fff;
	color: #6a584a;
	text-align: center;
}

.dm-empty--products h2 {
	margin: 0 0 8px;
	color: var(--color-brand-brown);
	font-family: var(--font-display);
	font-size: 34px;
	line-height: 1.05;
}

.dm-empty--products p {
	margin: 0;
}

@media (max-width: 1180px) {
	.dm-header__inner {
		width: min(100% - 24px, 1120px);
		gap: 12px;
	}

	.dm-header__brand {
		width: 150px;
	}

	.dm-header__logo {
		max-height: 50px;
	}

	.dm-nav {
		gap: 12px;
	}

	.dm-nav a,
	.dm-nav__link {
		font-size: 12px;
		letter-spacing: .08em;
	}

	.dm-icon-btn,
	.dm-burger {
		width: 38px;
		height: 38px;
	}
}

@media (max-width: 1040px) {
	.dm-header__inner {
		height: 76px;
		grid-template-columns: auto 1fr auto;
	}

	.header_menu,
	.dm-header__nav {
		display: none;
	}

	.dm-header__brand {
		justify-self: start;
		margin-right: auto;
		width: 148px;
		min-width: 128px;
	}

	.dm-header__actions {
		grid-column: 3;
		gap: 10px;
	}

	.dm-header__actions .dm-burger {
		margin-left: 0 !important;
		flex: 0 0 42px;
	}

	.dm-header__logo {
		max-height: 48px;
	}

	.dm-burger {
		display: grid;
	}

	.dm-mega {
		display: none;
	}
}

@media (max-width: 767px) {
	.dm-header__actions {
		gap: 6px;
	}

	.dm-header__actions .dm-burger {
		margin-left: 0 !important;
	}
}

@media (max-width: 620px) {
	.dm-header__inner {
		width: min(100% - 20px, 620px);
		gap: 8px;
	}

	.dm-header__brand {
		width: 124px;
		min-width: 112px;
	}

	.dm-header__logo {
		max-height: 42px;
	}

	.dm-header__actions {
		gap: 4px;
	}

	.dm-header__actions .dm-burger {
		margin-left: 0 !important;
	}

	.dm-icon-btn,
	.dm-burger {
		width: 34px;
		height: 34px;
	}

	.dm-icon-btn span[aria-hidden="true"] {
		font-size: 18px;
	}

	.dm-header__count {
		top: -2px;
		right: -2px;
	}
}