body:not(.tutor-screen-frontend-dashboard) header.nav {
	--paper: #f2f0e3;
	--paper-warm: #ebe2ce;
	--paper-dark: #ddd2b6;
	--bone: #faf7ef;
	--ink: #15140f;
	--ink-soft: #2a2620;
	--ink-mute: #5a5448;
	--ink-faint: #8b8676;
	--accent: #ed6f5c;
	--accent-soft: #f08e7c;
	--mustard: #e9b94a;
	--olive: #6e7448;
	--line: rgba(21, 20, 15, 0.23);
	--line-soft: rgba(21, 20, 15, 0.12);
	--display: "Inter Tight", "Alexandria", sans-serif;
	--body: "Inter", "IBM Plex Sans Arabic", sans-serif;
	--mono: "JetBrains Mono", "IBM Plex Mono", monospace;
	--serif: "Playfair Display", serif;
	position: relative;
	inset: auto;
	z-index: 100;
	width: min(100% - 128px, 1360px);
	height: 93px;
	margin: 0 auto;
	padding: 0;
	color: var(--ink);
	background: transparent;
	border: 0;
	border-bottom: 1px solid var(--line);
	border-radius: 0;
	box-shadow: none;
	font-family: var(--body);
}
body:not(.tutor-screen-frontend-dashboard) .nav__logo {
	gap: 0;
	margin-left: auto;
}
body:not(.tutor-screen-frontend-dashboard) .nav__logo-text {
	color: var(--ink);
	font:
		800 27px / 1 "Inter Tight",
		"Alexandria",
		sans-serif;
	letter-spacing: -0.065em;
	text-transform: lowercase;
	white-space: nowrap;
	align-items: baseline;
}
body:not(.tutor-screen-frontend-dashboard) .nav__logo-name {
	color: var(--ink) !important;
}
body:not(.tutor-screen-frontend-dashboard) .nav__logo-domain {
	margin-inline-start: 1px;
	color: var(--accent);
	font-family: inherit;
	font-size: 0.56em;
	font-weight: inherit;
	line-height: inherit;
	letter-spacing: -0.065em;
}
body:not(.tutor-screen-frontend-dashboard) .nav__links {
	position: absolute;
	top: 50%;
	left: 50%;
	display: flex;
	gap: 34px;
	padding: 0;
	background: transparent;
	border: 0;
	transform: translate(-50%, -50%);
}
body:not(.tutor-screen-frontend-dashboard) .nav__links a {
	width: auto;
	padding: 0;
	color: var(--ink);
	font: 600 13px / 1.4 var(--body);
	letter-spacing: 0;
	border: 0;
}
body:not(.tutor-screen-frontend-dashboard) .nav__links a::after {
	display: none;
}
body:not(.tutor-screen-frontend-dashboard) .nav__links a:hover,
body:not(.tutor-screen-frontend-dashboard) .nav__links a.is-active {
	color: var(--accent) !important;
}
body:not(.tutor-screen-frontend-dashboard) header.nav a.nav__cta {
	position: relative;
	padding: 10px 20px;
	color: var(--ink);
	background: transparent;
	border: 1px solid var(--ink);
	border-radius: 999px;
	box-shadow: none;
	font: 700 12px / 1.4 var(--body);
	letter-spacing: 0;
}
body:not(.tutor-screen-frontend-dashboard) header.nav a.nav__cta::before {
	display: none;
}
body:not(.tutor-screen-frontend-dashboard) header.nav a.nav__cta:hover {
	color: var(--paper) !important;
	background: var(--ink);
	transform: translateY(-1px);
}
body:not(.tutor-screen-frontend-dashboard) .nav__avatar-mark {
	color: var(--bone);
	background: var(--accent);
}
body:not(.tutor-screen-frontend-dashboard) .nav__user-menu {
	background: var(--bone);
	border-color: var(--line-soft);
	box-shadow: 0 14px 26px var(--line-soft);
}
body:not(.tutor-screen-frontend-dashboard) .nav__toggle span {
	background: var(--ink);
}

body:not(.tutor-screen-frontend-dashboard) .commerccy-site-footer {
	--paper: #f2f0e3;
	--ink: #15140f;
	--ink-faint: #8b8676;
	--accent: #ed6f5c;
	--line: rgba(21, 20, 15, 0.23);
	--display: "Inter Tight", "Alexandria", sans-serif;
	width: 100%;
	padding: 22px clamp(24px, 5vw, 64px);
	color: var(--ink);
	background: var(--paper);
	border-top: 1px solid var(--line);
}
body:not(.tutor-screen-frontend-dashboard) .commerccy-site-footer__inner {
	display: flex;
	width: min(100%, 1360px);
	align-items: center;
	justify-content: space-between;
	gap: 16px 24px;
	margin-inline: auto;
}
body:not(.tutor-screen-frontend-dashboard) .commerccy-site-footer__brand {
	color: var(--ink);
	font:
		800 18px / 1 "Inter Tight",
		"Alexandria",
		sans-serif;
	letter-spacing: -0.065em;
	text-decoration: none;
}
body:not(.tutor-screen-frontend-dashboard) .commerccy-site-footer__brand span {
	color: var(--accent);
	font-family: inherit;
	font-size: 0.56em;
	font-weight: inherit;
	letter-spacing: -0.065em;
}
body:not(.tutor-screen-frontend-dashboard) .commerccy-site-footer__copyright {
	color: var(--ink-faint);
	font:
		11px / 1.5 "JetBrains Mono",
		"IBM Plex Mono",
		monospace;
}

@media (max-width: 1279px) {
	body:not(.tutor-screen-frontend-dashboard) header.nav {
		width: min(100% - 88px, 1360px);
	}
}
@media (max-width: 1079px) {
	body:not(.tutor-screen-frontend-dashboard) header.nav {
		width: calc(100% - 64px);
	}
	body:not(.tutor-screen-frontend-dashboard) .nav__links {
		display: none;
	}
}
@media (max-width: 680px) {
	body:not(.tutor-screen-frontend-dashboard) header.nav {
		width: calc(100% - 40px);
		height: 75px;
	}
	body:not(.tutor-screen-frontend-dashboard) .nav__logo-text {
		font-size: 27px;
	}
	body:not(.tutor-screen-frontend-dashboard) .nav__links {
		top: 75px;
		right: 0;
		left: 0;
		z-index: 99;
		display: flex;
		flex-direction: column;
		gap: 0;
		max-height: calc(100dvh - 75px);
		padding: 8px 20px;
		overflow-y: auto;
		background: var(--paper);
		border-bottom: 1px solid var(--line);
		transform: translateY(-120%);
		opacity: 0;
		pointer-events: none;
	}
	body:not(.tutor-screen-frontend-dashboard) header.nav.is-open .nav__links {
		transform: translateY(0);
		opacity: 1;
		pointer-events: auto;
	}
	body:not(.tutor-screen-frontend-dashboard) .nav__links a {
		display: block;
		width: 100%;
		padding: 13px 0;
	}
	body:not(.tutor-screen-frontend-dashboard) .commerccy-site-footer {
		padding: 20px;
	}
	body:not(.tutor-screen-frontend-dashboard) .commerccy-site-footer__inner {
		align-items: flex-start;
		flex-direction: column;
		gap: 8px;
	}
}