#header.g17-header {
	position: fixed;
	inset: var(--g17-admin-offset, 0px) 0 auto;
	z-index: 999;
	height: var(--g17-header-height);
	background: #050608;
	border-bottom: 1px solid var(--g17-line);
	color: var(--g17-text);
	backdrop-filter: blur(12px);
}

/* Reserve the header's space on every page, including the WordPress toolbar. */
#main-container { padding-top: var(--g17-header-height); }
body.admin-bar { --g17-admin-offset: 32px; }
html { scroll-padding-top: calc(var(--g17-header-height) + 62px); }
@media (max-width: 782px) {
	body.admin-bar { --g17-admin-offset: 46px; }
	body.admin-bar #wpadminbar { position: fixed; }
}

.g17-header__bar {
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	align-items: center;
	height: 100%;
	padding: 0 clamp(18px, 3vw, 52px);
}

.g17-header__cluster {
	display: flex;
	align-items: center;
	gap: 8px;
}

.g17-header__cluster--end {
	justify-content: flex-end;
}

.g17-brand {
	display: grid;
	place-items: center;
	min-width: 96px;
}

.g17-brand .custom-logo-link {
	display: block;
	padding: 0;
	background: transparent;
	line-height: 0;
}

.g17-brand .custom-logo {
	width: 104px;
	height: 104px;
	object-fit: contain;
	mix-blend-mode: screen;
}

.g17-brand__text {
	color: var(--g17-text);
	font: 800 22px/1 var(--g17-display);
	letter-spacing: .08em;
	text-transform: uppercase;
}

.g17-icon-button {
	display: inline-grid;
	position: relative;
	place-items: center;
	width: 44px;
	height: 44px;
	padding: 0;
	color: var(--g17-text);
	background: transparent;
	border: 1px solid transparent;
	border-radius: 50%;
	cursor: pointer;
	transition: color .18s ease, border-color .18s ease, background .18s ease;
}

.g17-icon-button:hover {
	color: var(--g17-accent);
	border-color: var(--g17-line);
	background: var(--g17-panel);
}

.g17-icon-button:focus-visible,
.g17-menu a:focus-visible,
.g17-menu summary:focus-visible,
.g17-search input:focus-visible,
.g17-search button:focus-visible {
	outline: 2px solid var(--g17-focus);
	outline-offset: 3px;
}

.g17-icon-button svg {
	width: 23px;
	height: 23px;
	fill: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.8;
}

.g17-icon-button:disabled {
	opacity: .4;
	cursor: not-allowed;
}

.g17-market {
	margin-right: 8px;
	color: var(--g17-muted);
	font: 700 12px/1 var(--g17-display);
	letter-spacing: .12em;
}

.g17-language {
	width: 160px;
	max-width: 160px;
	font-size: 13px;
}

.g17-language .trp-shortcode-switcher__wrapper {
	--bg: var(--g17-panel) !important;
	--bg-hover: var(--g17-panel-2) !important;
	--text: var(--g17-text) !important;
	--text-hover: var(--g17-text) !important;
	--border: 1px solid var(--g17-line) !important;
	--border-color: var(--g17-line) !important;
	--border-radius: 0 !important;
}

.g17-language .trp-language-switcher {
	box-shadow: none !important;
}

.g17-cart__count {
	position: absolute;
	top: 3px;
	right: 1px;
	display: grid;
	place-items: center;
	min-width: 18px;
	height: 18px;
	padding: 0 4px;
	color: #fff;
	background: var(--g17-action);
	border-radius: 9px;
	font-size: 10px;
	font-weight: 800;
}

.g17-drawer,
.g17-search {
	position: fixed;
	inset: 0;
	z-index: 10000;
	width: 100vw;
	max-width: none;
	height: 100dvh;
	max-height: none;
	padding: 0;
	background: transparent;
	border: 0;
	color: var(--g17-text);
}

.g17-drawer::backdrop,
.g17-search::backdrop {
	background: rgba(0, 0, 0, .7);
}

.g17-drawer__overlay {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	padding: 0;
	background: transparent;
	border: 0;
}

.g17-drawer__panel {
	position: relative;
	display: flex;
	flex-direction: column;
	width: min(100%, var(--g17-drawer-width));
	height: 100%;
	background: var(--g17-bg);
	border-right: 1px solid var(--g17-line);
	box-shadow: 28px 0 80px rgba(0, 0, 0, .42);
	overflow: auto;
}

.g17-drawer__top,
.g17-search__top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 88px;
	padding: 18px 24px;
	border-bottom: 1px solid var(--g17-line);
}

.g17-drawer__top strong,
.g17-search__top strong {
	font: 800 18px/1 var(--g17-display);
	letter-spacing: .1em;
	text-transform: uppercase;
}

.g17-drawer__nav {
	padding: 8px 24px 30px;
}

.g17-menu,
.g17-menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.g17-menu > li {
	border-bottom: 1px solid var(--g17-line);
}

.g17-menu a,
.g17-menu summary {
	display: flex;
	align-items: center;
	min-height: 58px;
	color: var(--g17-text);
	font: 600 18px/1.3 var(--g17-body);
	letter-spacing: .045em;
	text-decoration: none;
	cursor: pointer;
}

.g17-menu a:hover,
.g17-menu summary:hover {
	color: var(--g17-accent);
}

.g17-menu summary {
	justify-content: space-between;
	list-style: none;
}

.g17-menu summary::-webkit-details-marker {
	display: none;
}

.g17-menu summary::after {
	content: "+";
	color: var(--g17-accent);
	font-size: 22px;
	font-weight: 400;
}

.g17-menu details[open] summary::after {
	content: "−";
}

.g17-menu ul {
	padding: 0 0 12px 18px;
	border-left: 2px solid var(--g17-accent-dark);
}

.g17-menu ul a {
	min-height: 42px;
	color: var(--g17-muted);
	font-size: 13px;
}

.g17-drawer__footer {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-top: auto;
	padding: 22px 24px;
	color: var(--g17-muted);
	background: var(--g17-panel);
	border-top: 1px solid var(--g17-line);
	font-size: 13px;
}

.g17-drawer__footer a {
	color: var(--g17-text);
}

.g17-language--drawer {
	width: 100%;
	max-width: none;
}

.g17-language--drawer .trp-shortcode-switcher__wrapper {
	width: 100%;
}

.g17-language--drawer .trp-language-item {
	min-height: 44px;
}

.g17-search {
	display: none;
	place-items: start center;
	padding: clamp(72px, 13vh, 160px) 18px 18px;
	background: rgba(0, 0, 0, .72);
}

.g17-search[open] {
	display: grid;
}

.g17-search__panel {
	width: min(760px, 100%);
	background: var(--g17-panel);
	border: 1px solid var(--g17-line);
	box-shadow: 0 28px 90px rgba(0, 0, 0, .55);
}

.g17-search__form {
	padding: 30px;
}

.g17-search__form label {
	display: block;
	margin-bottom: 10px;
	color: var(--g17-muted);
	font-size: 13px;
}

.g17-search__form > div {
	display: grid;
	grid-template-columns: 1fr auto;
}

.g17-search input {
	min-width: 0;
	height: 54px;
	padding: 0 16px;
	color: var(--g17-text);
	background: var(--g17-bg);
	border: 1px solid var(--g17-line);
	border-radius: 0;
}

.g17-search button[type="submit"] {
	height: 54px;
	padding: 0 26px;
	color: #fff;
	background: var(--g17-action);
	border: 0;
	border-radius: 0;
	font: 800 13px/1 var(--g17-display);
	letter-spacing: .08em;
	text-transform: uppercase;
	cursor: pointer;
}

body.g17-lock {
	overflow: hidden;
}

@media (prefers-reduced-motion: reduce) {
	.g17-icon-button {
		transition: none;
	}
}

.g17-language .trp-language-item-name { overflow:visible; text-overflow:clip; white-space:nowrap; }