/**
 * DELTITECH menus (v1.0.243) — see assets/js/dt-nav.js.
 *
 * 1. Desktop mega menu (≥1200px): one paper card under the header that
 *    morphs between panels; panels slide in the direction of travel.
 * 2. Feature cards (newest pair, best seller) — menus and drawer.
 * 3. Mobile drawer: drill-down screens.
 */

/* =========================================================================
 * 1. Mega menu
 * ====================================================================== */

/* Glozin's own drop-downs stay hidden once the mega menu is running. */
html body.dt-nav-on .site-header__desktop .primary-navigation li.dt-mega-host > ul.sub-menu {
	display: none !important;
}

/* The open item keeps the header's ink pill (custom-animations-v6.css §1). */
html body.dt-nav-on .site-header__desktop .primary-navigation .nav-menu > li.is-mega-open > a {
	color: transparent !important;
	transform: translateY(-1px);
}

html body.dt-nav-on .site-header__desktop .primary-navigation .nav-menu > li.is-mega-open > a::after {
	transform: translate3d(0, 0, 0) scale(1);
}

html body .dt-mega {
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	z-index: 60;
	height: 0;
	pointer-events: none;
	font-size: 15px;
	text-align: left;
}

html body .dt-mega__scrim {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 100vh;
	background: rgba(14, 16, 14, 0.16);
	opacity: 0;
	transition: opacity 0.35s var(--ease);
}

html body .dt-mega.is-open .dt-mega__scrim {
	opacity: 1;
	pointer-events: auto;
}

html body .dt-mega__stage {
	position: absolute;
	top: 10px;
	left: 0;
	width: var(--w, 1000px);
	height: var(--h, 300px);
	overflow: hidden;
	border-radius: 30px;
	background: var(--paper);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.8), 0 2px 6px rgba(10, 10, 10, 0.05), 0 40px 90px -36px rgba(10, 10, 10, 0.42);
	opacity: 0;
	transform: translate3d(var(--x, 0), 0, 0);
	transition:
		transform 0.5s var(--ease),
		width 0.5s var(--ease),
		height 0.5s var(--ease),
		border-radius 0.5s var(--ease),
		opacity 0.22s var(--ease);
}

html body .dt-mega.is-open .dt-mega__stage {
	opacity: 1;
	pointer-events: auto;
}

html body .dt-mega__stage.no-morph {
	transition: opacity 0.22s var(--ease);
}

html body .dt-mega.is-narrow .dt-mega__stage {
	border-radius: 24px;
}

html body .dt-mega .dt-ambient i:nth-child(1) {
	top: -220px;
	left: -160px;
	width: 520px;
	height: 520px;
	opacity: 0.6;
}

html body .dt-mega .dt-ambient i:nth-child(2) {
	top: -200px;
	right: -140px;
	opacity: 0.5;
}

html body .dt-mega .dt-ambient i:nth-child(3) {
	display: none;
}

/* Panes. */
html body .dt-mega__pane {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	opacity: 0;
	transition: opacity 0.28s var(--ease), transform 0.5s var(--ease);
}

html body .dt-mega__pane[hidden] {
	display: none;
}

html body .dt-mega__pane.from-r {
	transform: translate3d(48px, 0, 0);
}

html body .dt-mega__pane.from-l {
	transform: translate3d(-48px, 0, 0);
}

html body .dt-mega__pane.is-on {
	opacity: 1;
	transform: none;
}

html body .dt-mega__pane.is-out {
	pointer-events: none;
	transition-duration: 0.2s, 0.4s;
}

html body .dt-mega__pane.is-out.to-l {
	transform: translate3d(-48px, 0, 0);
}

html body .dt-mega__pane.is-out.to-r {
	transform: translate3d(48px, 0, 0);
}

html body .dt-mega__inner {
	padding: 30px 34px 0;
}

html body .dt-mega__pane.is-narrow .dt-mega__inner {
	padding: 14px;
}

/* First-open: rows rise in. */
html body .dt-mega__pane.is-on li {
	animation: dt-mega-in 0.5s var(--ease) var(--d, 0s) both;
}

@keyframes dt-mega-in {
	from {
		opacity: 0;
		transform: translate3d(0, 8px, 0);
	}
}

html body .dt-mega__grid {
	display: grid;
	gap: 36px;
	padding-bottom: 26px;
}

html body .dt-mega__grid--shop {
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.9fr);
}

html body .dt-mega__grid--brands {
	grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr);
}

html body .dt-mega__grid--gender {
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.6fr);
}

html body .dt-mega .dt-eyebrow a {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

html body .dt-mega .dt-eyebrow a .dt-i {
	width: 14px;
	height: 14px;
}

html body .dt-mega__eyebrow-2 {
	margin-top: 26px !important;
}

/* Large rows (collections, featured). */
html body .dt-mega__big li + li {
	margin-top: 2px;
}

html body .dt-ui .dt-mega__big a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 8px 12px 8px 0;
	border-radius: 14px;
	color: var(--ink);
	font: 700 24px/1.15 var(--display);
	letter-spacing: -0.035em;
	transition: color 0.2s var(--ease), padding 0.35s var(--ease);
}

html body .dt-ui .dt-mega__big a .dt-i {
	width: 20px;
	height: 20px;
	opacity: 0;
	transform: translateX(-10px);
	transition: opacity 0.25s, transform 0.4s var(--ease);
}

html body .dt-ui .dt-mega__big a:hover,
html body .dt-ui .dt-mega__big a:focus-visible {
	padding-left: 6px;
	color: var(--ink);
}

html body .dt-ui .dt-mega__big a:hover .dt-i,
html body .dt-ui .dt-mega__big a:focus-visible .dt-i {
	opacity: 1;
	transform: none;
}

html body .dt-mega__big:hover a:not(:hover) {
	color: var(--soft);
}

/* Regular rows with counts. */
html body .dt-ui .dt-mega__links a {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 9px 0;
	color: var(--ink-2);
	font: 600 16px/1.2 var(--display);
	letter-spacing: -0.015em;
	transition: color 0.2s, transform 0.35s var(--ease);
}

html body .dt-ui .dt-mega__links a:hover {
	color: var(--ink);
	transform: translateX(4px);
}

html body .dt-mega__links b {
	padding: 4px 8px;
	border-radius: 999px;
	background: rgba(10, 10, 10, 0.06);
	color: var(--muted);
	font: 700 11px/1 var(--body);
}

html body .dt-mega__chips {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

html body .dt-ui .dt-mega__chips .dt-chip {
	height: 38px;
	padding: 0 14px;
	font-size: 13.5px;
}

html body .dt-mega__feats {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
}

/* Brands: logo grid + detail. */
html body .dt-mega__brands {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 8px;
}

html body .dt-ui .dt-mega__brand {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 8px 10px 8px 8px;
	border-radius: 18px;
	color: var(--ink);
	transition: background 0.25s var(--ease), box-shadow 0.25s var(--ease), transform 0.4s var(--spring);
}

html body .dt-ui .dt-mega__brand.is-on,
html body .dt-ui .dt-mega__brand:focus-visible {
	background: #fff;
	box-shadow: inset 0 0 0 1px var(--line), 0 14px 30px -20px rgba(10, 10, 10, 0.4);
}

html body .dt-ui .dt-mega__brand .dt-logo,
html body .dt-ui .dt-mega__logos .dt-logo {
	width: 46px;
	height: 46px;
}

html body .dt-ui .dt-mega__brand .dt-logo img,
html body .dt-ui .dt-mnav .dt-logo img {
	width: 92%;
	height: 92%;
}

html body .dt-mega__brand-text {
	display: flex;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
}

html body .dt-mega__brand-text span {
	overflow: hidden;
	font: 600 14px/1.2 var(--display);
	text-overflow: ellipsis;
	white-space: nowrap;
}

html body .dt-mega__brand-text small {
	color: var(--muted);
	font: 500 11.5px/1.2 var(--body);
}

html body .dt-mega__bds {
	position: relative;
	min-width: 0;
	padding: 20px 22px 22px;
	border-radius: 24px;
	background: rgba(255, 255, 255, 0.62);
	box-shadow: inset 0 0 0 1px var(--line);
}

html body .dt-mega__bd[hidden] {
	display: none;
}

html body .dt-mega__bd.is-on {
	animation: dt-mega-bd 0.45s var(--ease) both;
}

@keyframes dt-mega-bd {
	from {
		opacity: 0;
		transform: translate3d(14px, 0, 0);
	}
}

html body .dt-mega__bd-head {
	display: flex;
	align-items: center;
	gap: 14px;
	margin-bottom: 20px;
}

html body .dt-ui .dt-logo--lg {
	width: 58px;
	height: 58px;
	border-radius: 18px;
}

html body .dt-mega__bd-title {
	display: flex;
	flex: 1;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
}

html body .dt-mega__bd-title strong {
	font: 800 26px/1.05 var(--display);
	letter-spacing: -0.04em;
}

html body .dt-mega__bd-title small {
	color: var(--muted);
	font: 500 13px/1.2 var(--body);
}

html body .dt-ui .dt-mega__bd-all {
	height: 44px;
	padding: 0 18px;
	font-size: 13.5px;
}

html body .dt-mega__models {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px;
}

html body .dt-ui .dt-mega__models a {
	display: flex;
	flex-direction: column;
	gap: 6px;
	color: var(--ink);
}

html body .dt-mega__model-media {
	display: block;
	overflow: hidden;
	aspect-ratio: 4 / 3;
	border-radius: 16px;
	background: var(--stone);
}

html body .dt-mega__model-media img,
html body .dt-mnav__model-media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	mix-blend-mode: multiply;
	transition: transform 0.7s var(--ease);
}

html body .dt-mega__models a:hover img {
	transform: scale(1.07) rotate(-2deg);
}

html body .dt-mega__model-name {
	overflow: hidden;
	padding: 0 2px;
	font: 600 14px/1.2 var(--display);
	text-overflow: ellipsis;
	white-space: nowrap;
}

html body .dt-mega__models small {
	margin-top: -4px;
	padding: 0 2px;
	color: var(--muted);
	font: 500 11.5px/1.2 var(--body);
}

/* Men / Women brand logos. */
html body .dt-mega__logos {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 8px;
}

html body .dt-ui .dt-mega__logos a {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 6px;
	padding: 10px 6px 9px;
	border-radius: 18px;
	background: rgba(255, 255, 255, 0.66);
	box-shadow: inset 0 0 0 1px var(--line);
	color: var(--ink-2);
	font: 600 12px/1.2 var(--body);
	text-align: center;
	transition: background 0.2s, transform 0.4s var(--spring), box-shadow 0.25s;
}

html body .dt-ui .dt-mega__logos a:hover {
	background: #fff;
	box-shadow: inset 0 0 0 1px var(--line-2), 0 12px 26px -18px rgba(10, 10, 10, 0.4);
	transform: translateY(-2px);
}

html body .dt-mega__logos .dt-logo {
	background: transparent;
	box-shadow: none;
}

html body .dt-mega__logos span:last-child {
	overflow: hidden;
	max-width: 100%;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* Compact list (Help). */
html body .dt-ui .dt-mega__list a {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 8px;
	border-radius: 16px;
	color: var(--ink);
	font: 600 15px/1.2 var(--display);
	letter-spacing: -0.01em;
	transition: background 0.2s;
}

html body .dt-ui .dt-mega__list a:hover,
html body .dt-ui .dt-mega__list a:focus-visible {
	background: #fff;
	box-shadow: inset 0 0 0 1px var(--line);
}

html body .dt-mega__ic {
	display: grid;
	flex: none;
	place-items: center;
	width: 38px;
	height: 38px;
	border-radius: 12px;
	background: var(--glass-bg);
	box-shadow: var(--glass-shadow);
}

html body .dt-mega__ic .dt-i {
	width: 18px;
	height: 18px;
}

html body .dt-mega__note {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 8px 4px 2px !important;
	padding: 12px 8px 4px;
	border-top: 1px solid var(--line);
	color: var(--muted);
	font: 500 12.5px/1.35 var(--body);
}

html body .dt-mega__note .dt-i {
	width: 16px;
	height: 16px;
	color: var(--green-deep);
}

/* Policy strip. */
html body .dt-mega__strip {
	display: flex;
	align-items: center;
	gap: 28px;
	margin: 0 -34px;
	padding: 14px 34px;
	border-top: 1px solid var(--line);
	background: rgba(255, 255, 255, 0.5);
	color: var(--ink-2);
	font: 600 12.5px/1.2 var(--body);
}

html body .dt-mega__strip > * {
	display: inline-flex;
	align-items: center;
	gap: 8px;
}

html body .dt-mega__strip .dt-i {
	width: 17px;
	height: 17px;
	color: var(--green-deep);
}

html body .dt-ui .dt-mega__strip a {
	margin-left: auto;
	color: var(--ink);
}

html body .dt-ui .dt-mega__strip a .dt-i {
	color: var(--ink);
}

html body .dt-ui .dt-mega__strip .dt-mega__go {
	width: 15px;
	height: 15px;
	transition: transform 0.35s var(--ease);
}

html body .dt-ui .dt-mega__strip a:hover .dt-mega__go {
	transform: translateX(3px);
}

/* =========================================================================
 * 2. Feature cards
 * ====================================================================== */

html body .dt-ui .dt-feat {
	position: relative;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	min-width: 0;
	border-radius: 24px;
	background: #fff;
	box-shadow: inset 0 0 0 1px var(--line), 0 18px 40px -30px rgba(10, 10, 10, 0.4);
	color: var(--ink);
	transition: transform 0.5s var(--spring), box-shadow 0.35s var(--ease);
}

html body .dt-ui .dt-feat:hover {
	box-shadow: inset 0 0 0 1px var(--line-2), 0 28px 50px -30px rgba(10, 10, 10, 0.5);
	transform: translateY(-3px);
}

html body .dt-feat__media {
	display: block;
	overflow: hidden;
	aspect-ratio: 5 / 4;
	background: var(--stone);
}

html body .dt-feat__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	mix-blend-mode: multiply;
	transition: transform 0.9s var(--ease);
}

html body .dt-ui .dt-feat:hover .dt-feat__media img {
	transform: scale(1.06) rotate(-2deg);
}

html body .dt-feat__tag {
	position: absolute;
	top: 12px;
	left: 12px;
	display: inline-flex;
	align-items: center;
	gap: 7px;
	height: 30px;
	padding: 0 12px;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.86);
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.9), 0 6px 14px -8px rgba(10, 10, 10, 0.3);
	color: var(--ink);
	font: 700 11px/1 var(--body);
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

html body .dt-feat__tag .dt-i {
	width: 13px;
	height: 13px;
}

html body .dt-feat__body {
	display: flex;
	flex: 1;
	flex-direction: column;
	gap: 3px;
	padding: 14px 16px 16px;
}

html body .dt-feat__brand {
	color: var(--muted);
	font: 600 11px/1.2 var(--body);
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

html body .dt-feat__name {
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	font: 700 15px/1.25 var(--display);
	letter-spacing: -0.02em;
}

html body .dt-feat__foot {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	margin-top: auto;
	padding-top: 8px;
}

html body .dt-feat__price {
	font: 700 14px/1 var(--body);
}

html body .dt-feat__price del,
html body .dt-feat__price del * {
	color: var(--soft);
	font-weight: 500;
}

html body .dt-feat__price ins {
	margin-left: 4px;
	color: var(--green-deep);
	text-decoration: none;
}

html body .dt-feat__cta {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: var(--ink);
	font: 600 12.5px/1 var(--body);
}

html body .dt-feat__cta .dt-i {
	width: 15px;
	height: 15px;
	transition: transform 0.35s var(--ease);
}

html body .dt-ui .dt-feat:hover .dt-feat__cta .dt-i {
	transform: translateX(3px);
}

/* Wide variant (a brand without models): photo beside the details. */
html body .dt-ui .dt-feat--wide {
	display: grid;
	grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr);
}

html body .dt-feat--wide .dt-feat__media {
	aspect-ratio: 4 / 3;
}

html body .dt-feat--wide .dt-feat__body {
	justify-content: center;
	gap: 6px;
	padding: 20px;
}

html body .dt-feat--wide .dt-feat__name {
	font-size: 18px;
	-webkit-line-clamp: 3;
}

html body .dt-feat--wide .dt-feat__foot {
	flex-direction: column;
	align-items: flex-start;
	gap: 14px;
	margin-top: 8px;
}

/* Row variant (drawer root). */
html body .dt-ui .dt-feat--row {
	flex-direction: row;
	align-items: stretch;
}

html body .dt-feat--row .dt-feat__media {
	flex: none;
	width: 116px;
	aspect-ratio: auto;
}

html body .dt-feat--row .dt-feat__tag {
	position: static;
	align-self: flex-start;
	height: 24px;
	margin-bottom: 6px;
	padding: 0 10px;
	box-shadow: inset 0 0 0 1px var(--line);
}

html body .dt-feat--row .dt-feat__body {
	padding: 12px 14px;
}

html body .dt-ui .dt-feat--row {
	display: grid;
	grid-template-columns: 116px minmax(0, 1fr);
}

html body .dt-feat--row .dt-feat__tag {
	grid-column: 2;
	grid-row: 1;
	justify-self: start;
	margin: 12px 14px 0;
}

html body .dt-feat--row .dt-feat__media {
	grid-row: 1 / span 2;
}

html body .dt-feat--row .dt-feat__body {
	grid-column: 2;
	padding-top: 8px;
}

/* =========================================================================
 * 3. Mobile drawer
 * ====================================================================== */

html body .dt-mnav {
	--dt-w: 440px;
}

@media (max-width: 559px) {
	html body .dt-mnav {
		--inset: 8px;
		--dt-w: 100vw;
	}
}

html body .dt-mnav__head {
	min-height: 70px;
	padding: 14px 14px 8px 22px;
}

html body .dt-mnav__brandmark {
	display: flex;
	flex: 1;
	align-items: center;
}

html body .dt-mnav__brandmark img {
	width: auto;
	height: 34px;
	max-width: 180px;
	object-fit: contain;
}

html body .dt-mnav__brandmark strong {
	font: 800 20px/1 var(--display);
	letter-spacing: -0.03em;
}

html body .dt-mnav__screens {
	position: relative;
	z-index: 1;
	flex: 1;
	min-height: 0;
	overflow: hidden;
}

html body .dt-mnav__screen {
	position: absolute;
	inset: 0;
	display: flex;
	flex-direction: column;
	transition: transform 0.48s var(--sheet), opacity 0.32s var(--ease);
}

html body .dt-mnav__screen[hidden] {
	display: none;
}

html body .dt-mnav__screen.is-right {
	opacity: 0;
	transform: translate3d(100%, 0, 0);
}

html body .dt-mnav__screen.is-left {
	opacity: 0;
	transform: translate3d(-26%, 0, 0);
}

html body .dt-mnav__screen.is-on {
	opacity: 1;
	transform: none;
}

html body .dt-mnav__scroll {
	padding: 6px 22px calc(26px + env(safe-area-inset-bottom, 0px));
}

/* Entrance stagger. */
html body .dt-mnav.is-open .dt-mnav__screen.is-on :is(.dt-mnav__list > li, .dt-mnav__brands > li, .dt-mnav__models > li) {
	animation: dt-mnav-in 0.55s var(--ease) var(--d, 0s) both;
}

@keyframes dt-mnav-in {
	from {
		opacity: 0;
		transform: translate3d(-14px, 0, 0);
	}
}

/* Search + account. */
html body .dt-ui .dt-mnav__search {
	display: flex;
	align-items: center;
	gap: 12px;
	width: 100%;
	height: 52px;
	margin: 0 0 12px;
	padding: 0 18px;
	border-radius: 999px;
	background: #fff;
	box-shadow: inset 0 0 0 1px var(--line-2), 0 10px 26px -20px rgba(10, 10, 10, 0.35);
	color: var(--soft);
	font: 500 15px/1 var(--body);
	text-align: left;
}

html body .dt-mnav__search .dt-i {
	width: 19px;
	height: 19px;
	color: var(--muted);
}

html body .dt-ui .dt-mnav__acct {
	display: flex;
	align-items: center;
	gap: 12px;
	width: 100%;
	margin: 0 0 18px;
	padding: 10px 14px 10px 10px;
	border-radius: 22px;
	background: var(--glass-bg);
	box-shadow: var(--glass-shadow);
	color: var(--ink);
	text-align: left;
	transition: transform 0.4s var(--spring);
}

html body .dt-ui .dt-mnav__acct:active {
	transform: scale(0.98);
}

html body .dt-mnav__acct > .dt-i {
	width: 18px;
	height: 18px;
	color: var(--soft);
}

html body .dt-mnav__acct-ic {
	display: grid;
	flex: none;
	place-items: center;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: var(--stone);
}

html body .dt-mnav__acct-ic--me {
	background: radial-gradient(circle at 30% 25%, #fff, var(--dt-p-d3f5da, #d3f5da) 55%, var(--dt-p-9fe3ae, #9fe3ae));
	color: var(--dt-p-0f4a1d, #0f4a1d);
	font: 800 16px/1 var(--display);
}

html body .dt-mnav__acct-text {
	display: flex;
	flex: 1;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
}

html body .dt-mnav__acct-text strong {
	font: 700 15.5px/1.2 var(--display);
	letter-spacing: -0.015em;
}

html body .dt-mnav__acct-text small {
	color: var(--muted);
	font: 500 12.5px/1.2 var(--body);
}

/* Rows. */
html body .dt-ui .dt-mnav__row {
	display: flex;
	align-items: center;
	gap: 12px;
	width: 100%;
	padding: 13px 4px;
	border-bottom: 1px solid var(--line);
	color: var(--ink);
	font: 600 18px/1.2 var(--display);
	letter-spacing: -0.02em;
	text-align: left;
}

html body .dt-ui .dt-mnav__row--big {
	padding: 10px 4px;
	border-bottom: 0;
	font: 800 32px/1.08 var(--display);
	letter-spacing: -0.045em;
}

html body .dt-mnav__label {
	flex: 1;
	min-width: 0;
}

html body .dt-mnav__row--big .dt-dot {
	margin-right: auto;
	margin-left: -2px;
}

html body .dt-mnav__row--big .dt-mnav__label {
	flex: 0 1 auto;
}

html body .dt-mnav__row--big .dt-mnav__chev {
	margin-left: auto;
}

html body .dt-ui .dt-mnav__chev {
	width: 22px;
	height: 22px;
	color: var(--soft);
	transition: transform 0.35s var(--ease), color 0.2s;
}

html body .dt-ui .dt-mnav__row:active .dt-mnav__chev {
	color: var(--ink);
	transform: translateX(3px);
}

html body .dt-ui .dt-mnav__go {
	width: 18px;
	height: 18px;
	color: var(--soft);
}

html body .dt-mnav__count {
	padding: 4px 9px;
	border-radius: 999px;
	background: rgba(10, 10, 10, 0.06);
	color: var(--muted);
	font: 700 11.5px/1 var(--body);
}

html body .dt-mnav__ic {
	display: grid;
	flex: none;
	place-items: center;
	width: 40px;
	height: 40px;
	border-radius: 13px;
	background: var(--glass-bg);
	box-shadow: var(--glass-shadow);
}

html body .dt-mnav__ic .dt-i {
	width: 18px;
	height: 18px;
}

html body .dt-mnav__list--sub {
	margin-bottom: 22px !important;
}

/* Sections. */
html body .dt-mnav__sec {
	margin-top: 26px;
}

html body .dt-mnav__chips {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

html body .dt-ui .dt-mnav__logos {
	margin: 0 -22px;
	padding: 2px 22px 8px;
}

html body .dt-ui .dt-mnav__logo {
	display: flex;
	flex: none;
	flex-direction: column;
	align-items: center;
	gap: 6px;
	width: 82px;
	padding: 10px 6px 9px;
	border-radius: 20px;
	background: rgba(255, 255, 255, 0.72);
	box-shadow: inset 0 0 0 1px var(--line);
	color: var(--ink-2);
	font: 600 11.5px/1.2 var(--body);
}

html body .dt-mnav__logo .dt-logo,
html body .dt-mnav__glogos .dt-logo {
	width: 50px;
	height: 40px;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}

html body .dt-mnav__logo span:last-child {
	overflow: hidden;
	max-width: 100%;
	text-overflow: ellipsis;
	white-space: nowrap;
}

html body .dt-mnav__note {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-top: 24px !important;
	padding: 14px 16px;
	border-radius: 18px;
	background: rgba(var(--dt-p-4cd964-rgb, 76, 217, 100), 0.1);
	color: var(--dt-p-13652a, #13652a);
	font: 600 13px/1.35 var(--body);
}

html body .dt-mnav__note .dt-i {
	width: 19px;
	height: 19px;
}

/* Sub-screen header. */
html body .dt-mnav__shead {
	flex: none;
	padding: 0 22px 8px;
}

html body .dt-ui .dt-mnav__back {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	margin: 0 0 6px -8px;
	padding: 7px 12px 7px 6px;
	border-radius: 999px;
	color: var(--muted);
	font: 600 14px/1 var(--body);
	transition: background 0.2s, color 0.2s;
}

html body .dt-ui .dt-mnav__back:hover,
html body .dt-ui .dt-mnav__back:active {
	background: var(--stone);
	color: var(--ink);
}

html body .dt-mnav__back .dt-i {
	width: 18px;
	height: 18px;
}

html body .dt-mnav__stitle {
	font: 800 34px/1.05 var(--display);
	letter-spacing: -0.045em;
}

/* Brands. */
html body .dt-mnav__brands {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 8px;
}

html body .dt-ui .dt-mnav__brand,
html body .dt-ui .dt-mnav__bhead {
	display: flex;
	align-items: center;
	gap: 10px;
	width: 100%;
	padding: 8px 10px 8px 8px;
	border-radius: 18px;
	background: rgba(255, 255, 255, 0.72);
	box-shadow: inset 0 0 0 1px var(--line);
	color: var(--ink);
	text-align: left;
}

html body .dt-mnav__brand .dt-logo {
	width: 44px;
	height: 44px;
	box-shadow: none;
}

html body .dt-mnav__brand-text {
	display: flex;
	flex: 1;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
}

html body .dt-mnav__brand-text span {
	overflow: hidden;
	font: 700 14.5px/1.2 var(--display);
	letter-spacing: -0.01em;
	text-overflow: ellipsis;
	white-space: nowrap;
}

html body .dt-mnav__brand-text small {
	color: var(--muted);
	font: 500 11.5px/1.2 var(--body);
}

html body .dt-ui .dt-mnav__all {
	margin-top: 18px;
}

html body .dt-ui .dt-mnav__bhead {
	margin-bottom: 22px;
	padding: 12px 16px 12px 12px;
	border-radius: 22px;
	background: var(--glass-bg);
	box-shadow: var(--glass-shadow);
}

html body .dt-mnav__bhead .dt-mnav__brand-text span {
	font-size: 17px;
}

html body .dt-mnav__models li + li {
	margin-top: 8px;
}

html body .dt-ui .dt-mnav__models a {
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 6px 12px 6px 6px;
	border-radius: 20px;
	background: rgba(255, 255, 255, 0.72);
	box-shadow: inset 0 0 0 1px var(--line);
	color: var(--ink);
}

html body .dt-mnav__model-media {
	display: block;
	flex: none;
	overflow: hidden;
	width: 72px;
	height: 72px;
	border-radius: 15px;
	background: var(--stone);
}

html body .dt-mnav__glogos {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 8px;
}

html body .dt-ui .dt-mnav__glogos a {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 6px;
	padding: 10px 6px 9px;
	border-radius: 18px;
	background: rgba(255, 255, 255, 0.72);
	box-shadow: inset 0 0 0 1px var(--line);
	color: var(--ink-2);
	font: 600 11.5px/1.2 var(--body);
}

html body .dt-mnav__feats {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
}

html body .dt-mnav__feats .dt-feat__body {
	padding: 12px;
}

html body .dt-mnav__feats .dt-feat__cta {
	display: none;
}

@media (prefers-reduced-motion: reduce) {
	html body .dt-mega *,
	html body .dt-mnav * {
		animation: none !important;
	}

	html body .dt-mega__stage,
	html body .dt-mega__pane,
	html body .dt-mnav__screen {
		transition-duration: 0.01ms !important;
	}
}