/**
 * GetnDrive Header preferences H1a (Visual Rebrand 0.2.10.69, ADR-288).
 *
 * One compact trigger and one panel for rental country, language and the read-only display currency, on the desktop
 * Header (`#primary-menu`) and in the mobile drawer (`#mobile-drawer`). The desktop panel is a popover under the
 * trigger; in the drawer the panel opens inline and takes the drawer's own type and colour, like the market control it
 * replaces. The moved Workbench switcher (`nav.sch-lang-switcher`) is restyled here as a list of language options;
 * its hrefs and markup belong to the route owners.
 *
 * A separate file: the main, lockup and shell stylesheets are SHA-frozen by the rendered-evidence checkers.
 *
 * H1b (0.2.10.71): the desktop panel is wider and short — three fields (country, language, read-only currency) in one
 * row, the country and language options in lists that open under that row one at a time, and Save at the end. See the
 * "H1b compact panel" section at the end of this file, which overrides the H1a panel geometry above.
 */

/* ---- Flags added for the planned UAE and Turkey rows (decorative; the row text carries the meaning) ---- */

body.getndrive-visual-rebrand .gnd-flag--ae {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 12'%3E%3Cpath fill='%2300732F' d='M0 0h18v4H0z'/%3E%3Cpath fill='%23FFFFFF' d='M0 4h18v4H0z'/%3E%3Cpath fill='%23000000' d='M0 8h18v4H0z'/%3E%3Cpath fill='%23FF0000' d='M0 0h4.5v12H0z'/%3E%3C/svg%3E");
}

body.getndrive-visual-rebrand .gnd-flag--tr {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 12'%3E%3Cpath fill='%23E30A17' d='M0 0h18v12H0z'/%3E%3Ccircle cx='6.6' cy='6' r='3' fill='%23FFFFFF'/%3E%3Ccircle cx='7.35' cy='6' r='2.4' fill='%23E30A17'/%3E%3Cpath fill='%23FFFFFF' d='M9.06 6l1.04-.34V4.57l.64.89 1.03-.34-.64.88.64.88-1.03-.34-.64.89V6.34z'/%3E%3C/svg%3E");
}

/* ---- List item and disclosure ---- */

body.getndrive-visual-rebrand .gnd-nav-prefs {
	position: relative;
	display: flex;
	align-items: center;
	min-width: 0;
	list-style: none;
}

/* A hairline sets the preferences control apart from the page links (the market control had the same). */
body.getndrive-visual-rebrand .main-navigation .gnd-nav-prefs::before {
	content: "";
	flex: 0 0 1px;
	width: 1px;
	height: 22px;
	margin-right: 8px;
	background: rgba(16, 32, 51, 0.14);
}

@media (min-width: 1025px) and (max-width: 1199px) {
	body.getndrive-visual-rebrand #main-header #primary-menu > li.gnd-nav-prefs {
		margin-left: 8px;
	}
}

body.getndrive-visual-rebrand details.gnd-prefs {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
}

body.getndrive-visual-rebrand .gnd-prefs__trigger {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	box-sizing: border-box;
	min-height: 40px;
	margin: 0;
	padding: 0 10px;
	border: 1px solid transparent;
	border-radius: 8px;
	background: transparent;
	color: var(--gnd-ink);
	font: inherit;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: 0;
	white-space: nowrap;
	list-style: none;
	cursor: pointer;
	-webkit-user-select: none;
	user-select: none;
}

body.getndrive-visual-rebrand .gnd-prefs__trigger::-webkit-details-marker,
body.getndrive-visual-rebrand .gnd-prefs__trigger::marker {
	display: none;
	content: "";
}

body.getndrive-visual-rebrand .gnd-prefs__trigger:hover,
body.getndrive-visual-rebrand details.gnd-prefs[open] > .gnd-prefs__trigger {
	border-color: rgba(16, 32, 51, 0.08);
	background: rgba(11, 31, 58, 0.05);
}

body.getndrive-visual-rebrand .gnd-prefs__trigger:focus-visible,
body.getndrive-visual-rebrand .gnd-prefs__close:focus-visible,
body.getndrive-visual-rebrand .gnd-prefs__save:focus-visible,
body.getndrive-visual-rebrand .gnd-prefs .sch-lang-switcher a:focus-visible,
body.getndrive-visual-rebrand .gnd-prefs__radio:focus-visible {
	outline: 3px solid var(--gnd-teal);
	outline-offset: 2px;
}

body.getndrive-visual-rebrand .gnd-prefs__dot {
	color: var(--gnd-muted);
	font-weight: 600;
}

body.getndrive-visual-rebrand .gnd-prefs__currency {
	font-weight: 600;
}

body.getndrive-visual-rebrand .gnd-prefs__caret {
	flex: 0 0 auto;
	width: 7px;
	height: 7px;
	margin: -4px 1px 0 1px;
	border-right: 1.75px solid currentColor;
	border-bottom: 1.75px solid currentColor;
	opacity: 0.72;
	transform: rotate(45deg);
	transition: transform 0.15s ease;
}

body.getndrive-visual-rebrand details.gnd-prefs[open] > .gnd-prefs__trigger .gnd-prefs__caret {
	margin-top: 3px;
	transform: rotate(-135deg);
}

/* ---- Panel (desktop popover) ---- */

body.getndrive-visual-rebrand .gnd-prefs__panel {
	position: absolute;
	z-index: 60;
	top: calc(100% + 8px);
	right: 0;
	display: grid;
	gap: 14px;
	box-sizing: border-box;
	width: 360px;
	max-width: calc(100vw - 32px);
	max-height: calc(100vh - 110px);
	overflow-y: auto;
	padding: 16px;
	border: 1px solid rgba(16, 32, 51, 0.1);
	border-radius: 12px;
	background: #ffffff;
	box-shadow: 0 22px 48px -24px rgba(11, 31, 58, 0.42), 0 2px 6px rgba(11, 31, 58, 0.06);
	color: var(--gnd-ink);
	font-size: 15px;
	font-weight: 400;
	line-height: 1.3;
	text-align: left;
	white-space: normal;
	cursor: auto;
}

body.getndrive-visual-rebrand .gnd-prefs__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
}

body.getndrive-visual-rebrand .gnd-prefs__panel p {
	margin: 0 !important;
	padding: 0 !important;
}

body.getndrive-visual-rebrand .gnd-prefs__panel p.gnd-prefs__title {
	color: var(--gnd-ink);
	font-size: 16px;
	font-weight: 800;
	line-height: 1.25;
}

body.getndrive-visual-rebrand .gnd-prefs__close,
body.getndrive-visual-rebrand .gnd-prefs__close:hover,
body.getndrive-visual-rebrand .gnd-prefs__close:active,
body.getndrive-visual-rebrand .gnd-prefs__close:focus {
	-webkit-appearance: none;
	appearance: none;
	position: relative;
	flex: 0 0 auto;
	width: 40px;
	height: 40px;
	margin: -8px -8px -8px 0;
	padding: 0;
	border: 0;
	border-radius: 8px;
	background: transparent;
	box-shadow: none;
	color: var(--gnd-muted);
	cursor: pointer;
}

body.getndrive-visual-rebrand .gnd-prefs__close:hover {
	background: rgba(11, 31, 58, 0.06);
}

body.getndrive-visual-rebrand .gnd-prefs__close[hidden],
body.getndrive-visual-rebrand .gnd-prefs__save[hidden] {
	display: none !important;
}

body.getndrive-visual-rebrand .gnd-prefs__close-icon::before,
body.getndrive-visual-rebrand .gnd-prefs__close-icon::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 14px;
	height: 1.8px;
	margin: -0.9px 0 0 -7px;
	border-radius: 1px;
	background: currentColor;
	transform: rotate(45deg);
}

body.getndrive-visual-rebrand .gnd-prefs__close-icon::after {
	transform: rotate(-45deg);
}

body.getndrive-visual-rebrand .gnd-prefs__field {
	display: grid;
	gap: 6px;
	min-width: 0;
	margin: 0;
	padding: 0;
	border: 0;
}

body.getndrive-visual-rebrand .gnd-prefs__label,
body.getndrive-visual-rebrand .gnd-prefs__panel p.gnd-prefs__label {
	float: none;
	width: auto;
	margin: 0 0 2px !important;
	padding: 0 !important;
	color: var(--gnd-muted);
	font-size: 12.5px;
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: 0.02em;
}

body.getndrive-visual-rebrand .gnd-prefs__countries {
	display: grid;
	gap: 4px;
}

body.getndrive-visual-rebrand .gnd-prefs__country {
	display: grid;
	grid-template-columns: 16px 18px minmax(0, 1fr) auto;
	align-items: center;
	gap: 10px;
	box-sizing: border-box;
	min-height: 40px;
	margin: 0;
	padding: 6px 10px;
	border: 1px solid rgba(16, 32, 51, 0.1);
	border-radius: 8px;
	background: #ffffff;
	font-size: 14.5px;
	font-weight: 400;
	line-height: 1.25;
	cursor: default;
}

body.getndrive-visual-rebrand .gnd-prefs__country.is-current {
	border-color: var(--gnd-teal-deep);
	background: rgba(27, 174, 159, 0.1);
}

body.getndrive-visual-rebrand .gnd-prefs__radio {
	width: 16px;
	height: 16px;
	margin: 0;
	accent-color: var(--gnd-teal-deep);
}

body.getndrive-visual-rebrand .gnd-prefs__country-name {
	overflow: hidden;
	font-weight: 700;
	text-overflow: ellipsis;
	white-space: nowrap;
}

body.getndrive-visual-rebrand .gnd-prefs__country-state {
	color: var(--gnd-muted);
	font-size: 12.5px;
	font-weight: 600;
	text-align: right;
}

body.getndrive-visual-rebrand .gnd-prefs__country.is-current .gnd-prefs__country-state {
	color: var(--gnd-teal-deep);
	font-weight: 700;
}

/* Planned countries: readable, visibly unavailable, never interactive. */
body.getndrive-visual-rebrand .gnd-prefs__country.is-soon .gnd-prefs__country-name {
	color: var(--gnd-muted);
	font-weight: 600;
}

body.getndrive-visual-rebrand .gnd-prefs__country.is-soon .gnd-flag {
	opacity: 0.7;
	filter: saturate(0.55);
}

/* ---- Language options: the moved Workbench switcher ---- */

body.getndrive-visual-rebrand .gnd-prefs .sch-lang-switcher {
	position: static;
	display: grid;
	gap: 4px;
	width: auto;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: none;
	box-shadow: none;
	backdrop-filter: none;
	-webkit-backdrop-filter: none;
}

body.getndrive-visual-rebrand .gnd-prefs .sch-lang-switcher a,
body.getndrive-visual-rebrand .gnd-prefs .sch-lang-switcher a:visited {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 10px;
	box-sizing: border-box;
	min-width: 0;
	height: auto;
	min-height: 44px;
	margin: 0;
	padding: 6px 12px;
	border: 1px solid rgba(16, 32, 51, 0.16);
	border-radius: 8px;
	background: #ffffff;
	color: var(--gnd-ink);
	font-size: 15px;
	font-weight: 600;
	line-height: 1.25;
	letter-spacing: 0;
	text-decoration: none !important;
	text-transform: none;
}

body.getndrive-visual-rebrand .gnd-prefs .sch-lang-switcher a::before {
	content: "";
	flex: 0 0 auto;
	box-sizing: border-box;
	width: 16px;
	height: 16px;
	border: 1.5px solid rgba(16, 32, 51, 0.45);
	border-radius: 50%;
	background: #ffffff;
}

body.getndrive-visual-rebrand .gnd-prefs .sch-lang-switcher a:hover {
	border-color: rgba(16, 32, 51, 0.32);
	background: rgba(11, 31, 58, 0.04);
	color: var(--gnd-ink);
}

/* Selected: the current language without the script, the chosen option with it. */
body.getndrive-visual-rebrand .gnd-prefs .sch-lang-switcher:not([role="radiogroup"]) a.is-active,
body.getndrive-visual-rebrand .gnd-prefs .sch-lang-switcher a[aria-checked="true"] {
	border-color: var(--gnd-teal-deep);
	background: rgba(27, 174, 159, 0.1);
	color: var(--gnd-ink);
}

body.getndrive-visual-rebrand .gnd-prefs .sch-lang-switcher:not([role="radiogroup"]) a.is-active::before,
body.getndrive-visual-rebrand .gnd-prefs .sch-lang-switcher a[aria-checked="true"]::before {
	border: 5px solid var(--gnd-teal-deep);
}

body.getndrive-visual-rebrand .gnd-prefs__panel p.gnd-prefs__notice {
	margin: 2px 0 0 !important;
	color: var(--gnd-muted);
	font-size: 13px;
	line-height: 1.35;
}

body.getndrive-visual-rebrand .gnd-prefs__panel p.gnd-prefs__value {
	box-sizing: border-box;
	min-height: 40px;
	padding: 10px 12px !important;
	border-radius: 8px;
	background: rgba(11, 31, 58, 0.05);
	color: var(--gnd-ink);
	font-size: 15px;
	font-weight: 600;
}

body.getndrive-visual-rebrand .gnd-prefs__save,
body.getndrive-visual-rebrand .gnd-prefs__save:hover,
body.getndrive-visual-rebrand .gnd-prefs__save:active,
body.getndrive-visual-rebrand .gnd-prefs__save:focus {
	-webkit-appearance: none;
	appearance: none;
	display: block;
	box-sizing: border-box;
	width: 100%;
	min-height: 46px;
	margin: 2px 0 0;
	padding: 0 16px;
	border: 0;
	border-radius: 8px;
	background: var(--gnd-teal-deep);
	box-shadow: none;
	color: #ffffff;
	font: inherit;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.2;
	text-transform: none;
	cursor: pointer;
}

body.getndrive-visual-rebrand .gnd-prefs__save:hover {
	filter: brightness(0.94);
}

/* ---- Drawer: full entry row, panel inline in the drawer's own colours ---- */

body.getndrive-visual-rebrand #mobile-drawer .gnd-nav-prefs,
body.getndrive-visual-rebrand #mobile-drawer details.gnd-prefs {
	display: block;
	width: 100%;
}

body.getndrive-visual-rebrand #mobile-drawer .gnd-prefs__trigger {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	gap: 2px 10px;
	width: 100%;
	min-height: 44px;
	padding: 0.6em 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	color: inherit;
	font-size: inherit;
	font-weight: inherit;
	white-space: normal;
}

body.getndrive-visual-rebrand #mobile-drawer details.gnd-prefs[open] > .gnd-prefs__trigger {
	background: transparent;
}

body.getndrive-visual-rebrand #mobile-drawer .gnd-prefs__entry-label {
	grid-column: 1;
}

body.getndrive-visual-rebrand #mobile-drawer .gnd-prefs__entry-value {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	grid-column: 1;
	opacity: 0.78;
	font-size: 0.88em;
}

body.getndrive-visual-rebrand #mobile-drawer .gnd-prefs__caret {
	grid-column: 2;
	grid-row: 1 / span 2;
}

body.getndrive-visual-rebrand #mobile-drawer .gnd-prefs__trigger:focus-visible {
	outline-color: currentColor;
}

body.getndrive-visual-rebrand #mobile-drawer .gnd-prefs__panel {
	position: static;
	width: auto;
	max-width: none;
	max-height: none;
	overflow: visible;
	margin: 0 0 12px;
	padding: 4px 0 6px;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	color: inherit;
}

body.getndrive-visual-rebrand #mobile-drawer .gnd-prefs__head {
	display: none;
}

body.getndrive-visual-rebrand #mobile-drawer .gnd-prefs__label,
body.getndrive-visual-rebrand #mobile-drawer .gnd-prefs__panel p.gnd-prefs__label,
body.getndrive-visual-rebrand #mobile-drawer .gnd-prefs__panel p.gnd-prefs__notice {
	color: inherit;
	opacity: 0.78;
}

body.getndrive-visual-rebrand #mobile-drawer .gnd-prefs__country,
body.getndrive-visual-rebrand #mobile-drawer .gnd-prefs .sch-lang-switcher a,
body.getndrive-visual-rebrand #mobile-drawer .gnd-prefs .sch-lang-switcher a:visited {
	min-height: 44px;
	border-color: rgba(255, 255, 255, 0.24);
	background: transparent;
	color: inherit;
}

body.getndrive-visual-rebrand #mobile-drawer .gnd-prefs .sch-lang-switcher a::before {
	border-color: currentColor;
	background: transparent;
}

body.getndrive-visual-rebrand #mobile-drawer .gnd-prefs__country.is-current,
body.getndrive-visual-rebrand #mobile-drawer .gnd-prefs .sch-lang-switcher:not([role="radiogroup"]) a.is-active,
body.getndrive-visual-rebrand #mobile-drawer .gnd-prefs .sch-lang-switcher a[aria-checked="true"] {
	border-color: var(--gnd-teal);
	background: rgba(27, 174, 159, 0.16);
	color: inherit;
}

body.getndrive-visual-rebrand #mobile-drawer .gnd-prefs .sch-lang-switcher:not([role="radiogroup"]) a.is-active::before,
body.getndrive-visual-rebrand #mobile-drawer .gnd-prefs .sch-lang-switcher a[aria-checked="true"]::before {
	border-color: var(--gnd-teal);
}

body.getndrive-visual-rebrand #mobile-drawer .gnd-prefs__country-state,
body.getndrive-visual-rebrand #mobile-drawer .gnd-prefs__country.is-soon .gnd-prefs__country-name,
body.getndrive-visual-rebrand #mobile-drawer .gnd-prefs__country.is-current .gnd-prefs__country-state {
	color: inherit;
	opacity: 0.8;
}

body.getndrive-visual-rebrand #mobile-drawer .gnd-prefs__panel p.gnd-prefs__value {
	background: rgba(255, 255, 255, 0.08);
	color: inherit;
}

body.getndrive-visual-rebrand #mobile-drawer .gnd-prefs__save:focus-visible {
	outline-color: #ffffff;
}

/* Narrow phones: the country status moves under the name instead of squeezing it. */
@media (max-width: 359px) {
	body.getndrive-visual-rebrand #mobile-drawer .gnd-prefs__country {
		grid-template-columns: 16px 18px minmax(0, 1fr);
	}

	body.getndrive-visual-rebrand #mobile-drawer .gnd-prefs__country-state {
		grid-column: 3;
		text-align: left;
	}
}

/* =====================================================================================================================
   H1b compact panel (Visual Rebrand 0.2.10.71)

   Geometry goal (H1b brief, hard gate): with the panel open, and with either option list expanded, the panel must not
   intersect the homepage search shell or the homepage market line at 1280×720, 1280×900, 1440×900 and 1600×900.
   The H1a column was 360 × ~620 px; this panel is 600 px wide and about 210 px tall closed, about 350 px with the
   country list open, so it ends well above the search on every homepage layout measured.
   ===================================================================================================================== */

body.getndrive-visual-rebrand .gnd-prefs__panel {
	width: 600px;
	gap: 12px;
	padding: 16px 16px 14px;
}

body.getndrive-visual-rebrand .gnd-prefs__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	grid-template-areas:
		"country language currency"
		"clist clist clist"
		"llist llist llist"
		"save save save";
	/* Column gap only: the rows of hidden lists would otherwise add empty gaps; items carry their own top margin. */
	gap: 0 10px;
	align-items: start;
	min-width: 0;
}

body.getndrive-visual-rebrand .gnd-prefs__field--country { grid-area: country; }
body.getndrive-visual-rebrand .gnd-prefs__field--language { grid-area: language; }
body.getndrive-visual-rebrand .gnd-prefs__field--currency { grid-area: currency; }
body.getndrive-visual-rebrand .gnd-prefs__list--country { grid-area: clist; }
body.getndrive-visual-rebrand .gnd-prefs__list--language { grid-area: llist; }

body.getndrive-visual-rebrand .gnd-prefs__grid .gnd-prefs__field {
	gap: 4px;
}

/* Field boxes: the same 44 px box for the two buttons, the no-JS static values and the read-only currency. */
body.getndrive-visual-rebrand .gnd-prefs__select,
body.getndrive-visual-rebrand .gnd-prefs__select:hover,
body.getndrive-visual-rebrand .gnd-prefs__select:active,
body.getndrive-visual-rebrand .gnd-prefs__select:focus,
body.getndrive-visual-rebrand .gnd-prefs__panel p.gnd-prefs__static,
body.getndrive-visual-rebrand .gnd-prefs__panel p.gnd-prefs__value {
	-webkit-appearance: none;
	appearance: none;
	display: flex;
	align-items: center;
	gap: 8px;
	box-sizing: border-box;
	width: 100%;
	min-width: 0;
	min-height: 44px;
	margin: 0 !important;
	padding: 0 12px !important;
	border: 1px solid rgba(16, 32, 51, 0.16);
	border-radius: 8px;
	background: #ffffff;
	box-shadow: none;
	color: var(--gnd-ink);
	font: inherit;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: 0;
	text-align: left;
	text-transform: none;
	white-space: nowrap;
}

body.getndrive-visual-rebrand .gnd-prefs__select {
	cursor: pointer;
}

body.getndrive-visual-rebrand .gnd-prefs__select:hover {
	border-color: rgba(16, 32, 51, 0.32);
	background: rgba(11, 31, 58, 0.03);
}

body.getndrive-visual-rebrand .gnd-prefs__select[aria-expanded="true"] {
	border-color: var(--gnd-teal-deep);
	box-shadow: 0 0 0 1px var(--gnd-teal-deep);
}

body.getndrive-visual-rebrand .gnd-prefs__select:focus-visible {
	outline: 3px solid var(--gnd-teal);
	outline-offset: 2px;
}

body.getndrive-visual-rebrand .gnd-prefs__select-value,
body.getndrive-visual-rebrand .gnd-prefs__panel p.gnd-prefs__static {
	display: flex;
	align-items: center;
	gap: 8px;
	min-width: 0;
}

body.getndrive-visual-rebrand .gnd-prefs__select-value {
	flex: 1 1 auto;
}

body.getndrive-visual-rebrand .gnd-prefs__value-text {
	overflow: hidden;
	text-overflow: ellipsis;
}

body.getndrive-visual-rebrand .gnd-prefs__select .gnd-prefs__caret {
	margin-left: auto;
}

body.getndrive-visual-rebrand .gnd-prefs__select[aria-expanded="true"] .gnd-prefs__caret {
	margin-top: 3px;
	transform: rotate(-135deg);
}

/* No-JS static values read as text, not as boxes that look clickable. */
body.getndrive-visual-rebrand .gnd-prefs__panel p.gnd-prefs__static {
	border-color: transparent;
	padding-left: 0 !important;
	background: transparent;
}

/* Read-only currency: tinted, no caret, never a button. */
body.getndrive-visual-rebrand .gnd-prefs__panel p.gnd-prefs__value {
	display: block;
	padding-top: 12px !important;
	border-color: transparent;
	background: rgba(11, 31, 58, 0.05);
	overflow: hidden;
	text-overflow: ellipsis;
}

body.getndrive-visual-rebrand .gnd-prefs__select[hidden],
body.getndrive-visual-rebrand .gnd-prefs__panel p.gnd-prefs__static[hidden],
body.getndrive-visual-rebrand .gnd-prefs__list[hidden] {
	display: none !important;
}

/* Option lists: under the field row, full panel width, one open at a time (all visible without JavaScript). */
body.getndrive-visual-rebrand .gnd-prefs__list {
	min-width: 0;
	margin: 10px 0 0;
	padding: 8px;
	border: 1px solid rgba(16, 32, 51, 0.1);
	border-radius: 10px;
	background: #f7fafa;
}

body.getndrive-visual-rebrand fieldset.gnd-prefs__list {
	min-inline-size: 0;
}

body.getndrive-visual-rebrand .gnd-prefs__list .gnd-prefs__countries {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 6px;
}

body.getndrive-visual-rebrand .gnd-prefs__list .sch-lang-switcher {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 6px;
}

body.getndrive-visual-rebrand .gnd-prefs__list .gnd-prefs__notice {
	grid-column: 1 / -1;
}

body.getndrive-visual-rebrand .gnd-prefs__list .gnd-prefs__country {
	min-height: 40px;
}

body.getndrive-visual-rebrand .gnd-prefs__save,
body.getndrive-visual-rebrand .gnd-prefs__save:hover,
body.getndrive-visual-rebrand .gnd-prefs__save:active,
body.getndrive-visual-rebrand .gnd-prefs__save:focus {
	grid-area: save;
	justify-self: end;
	width: auto;
	min-width: 168px;
	min-height: 44px;
	margin: 14px 0 0;
}

/* ---- Drawer (phones and tablets): one column, each list directly under its own field ---- */

body.getndrive-visual-rebrand #mobile-drawer .gnd-prefs__panel {
	width: auto;
}

body.getndrive-visual-rebrand #mobile-drawer .gnd-prefs__grid {
	grid-template-columns: minmax(0, 1fr);
	grid-template-areas:
		"country"
		"clist"
		"language"
		"llist"
		"currency"
		"save";
}

body.getndrive-visual-rebrand #mobile-drawer .gnd-prefs__field--language,
body.getndrive-visual-rebrand #mobile-drawer .gnd-prefs__field--currency {
	margin-top: 12px;
}

body.getndrive-visual-rebrand #mobile-drawer .gnd-prefs__select,
body.getndrive-visual-rebrand #mobile-drawer .gnd-prefs__select:hover,
body.getndrive-visual-rebrand #mobile-drawer .gnd-prefs__select:focus {
	border-color: rgba(255, 255, 255, 0.24);
	background: transparent;
	color: inherit;
}

body.getndrive-visual-rebrand #mobile-drawer .gnd-prefs__select[aria-expanded="true"] {
	border-color: var(--gnd-teal);
	box-shadow: 0 0 0 1px var(--gnd-teal);
}

body.getndrive-visual-rebrand #mobile-drawer .gnd-prefs__select:focus-visible {
	outline-color: currentColor;
}

body.getndrive-visual-rebrand #mobile-drawer .gnd-prefs__panel p.gnd-prefs__static {
	color: inherit;
}

body.getndrive-visual-rebrand #mobile-drawer .gnd-prefs__list {
	border-color: rgba(255, 255, 255, 0.16);
	background: rgba(255, 255, 255, 0.04);
}

body.getndrive-visual-rebrand #mobile-drawer .gnd-prefs__list .gnd-prefs__countries {
	grid-template-columns: minmax(0, 1fr);
}

body.getndrive-visual-rebrand #mobile-drawer .gnd-prefs__save,
body.getndrive-visual-rebrand #mobile-drawer .gnd-prefs__save:hover,
body.getndrive-visual-rebrand #mobile-drawer .gnd-prefs__save:focus {
	justify-self: stretch;
	width: 100%;
}

/* ---- Phone / tablet Header without JavaScript: the other-language link beside the menu button ---- */

/* Only when the <noscript> link is actually rendered (JavaScript off) does the toggle container become a row; with
   JavaScript the link is never parsed, `:has()` cannot match, and the Header is byte-for-byte styled as before. */
body.getndrive-visual-rebrand .mobile-toggle-open-container:has(.gnd-prefs-nojs) {
	display: flex !important;
	align-items: center;
}

body.getndrive-visual-rebrand .gnd-prefs-nojs {
	display: inline-flex;
	margin-right: 8px;
}

body.getndrive-visual-rebrand .gnd-prefs-nojs__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 44px;
	min-height: 44px;
	box-sizing: border-box;
	padding: 0 8px;
	border: 1px solid rgba(16, 32, 51, 0.16);
	border-radius: 8px;
	color: var(--gnd-ink) !important;
	font-size: 15px;
	font-weight: 700;
	text-decoration: none !important;
}

body.getndrive-visual-rebrand .gnd-prefs-nojs__link:focus-visible {
	outline: 3px solid var(--gnd-teal);
	outline-offset: 2px;
}

@media (min-width: 1025px) {
	body.getndrive-visual-rebrand .gnd-prefs-nojs {
		display: none;
	}
}

/* Narrow phones: keep the link clear of the logo's chevron. */
@media (max-width: 359px) {
	body.getndrive-visual-rebrand .gnd-prefs-nojs {
		margin-right: 4px;
	}

	body.getndrive-visual-rebrand .gnd-prefs-nojs__link {
		min-width: 36px;
		padding: 0 4px;
		font-size: 14px;
	}
}

@media (prefers-reduced-motion: reduce) {
	body.getndrive-visual-rebrand .gnd-prefs__caret {
		transition: none;
	}
}

/* =====================================================================================================================
   Site switcher (Visual Rebrand 0.2.10.74; ADR-291)

   The first field is the GetnDrive site: Global, Thailand and Georgia are links to their roots (the current one marked
   with aria-current and a check), then the four planned countries as inert text. The rows keep the H1b row box, so
   the panel geometry stays that of H1b plus one row. On Global and Georgia pages there is no currency field: the
   field row has two columns.
   ===================================================================================================================== */

body.getndrive-visual-rebrand .gnd-flag--global {
	border-radius: 50%;
	width: 14px;
	height: 14px;
	margin: 0 2px;
	box-shadow: none;
	background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230d7f77' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M2 12h20M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z'/%3E%3C/svg%3E") center / contain no-repeat;
}

body.getndrive-visual-rebrand #mobile-drawer .gnd-flag--global {
	filter: brightness(1.6);
}

body.getndrive-visual-rebrand ul.gnd-prefs__countries {
	margin: 0;
	padding: 0;
	list-style: none;
}

body.getndrive-visual-rebrand .gnd-prefs__site-item {
	margin: 0;
	padding: 0;
	min-width: 0;
}

body.getndrive-visual-rebrand .gnd-prefs__site-item > .gnd-prefs__country {
	height: 100%;
}

body.getndrive-visual-rebrand a.gnd-prefs__country,
body.getndrive-visual-rebrand a.gnd-prefs__country:visited {
	color: var(--gnd-ink);
	text-decoration: none;
	cursor: pointer;
}

body.getndrive-visual-rebrand a.gnd-prefs__country:hover {
	border-color: rgba(16, 32, 51, 0.32);
	background: rgba(11, 31, 58, 0.03);
}

body.getndrive-visual-rebrand a.gnd-prefs__country.is-current:hover {
	border-color: var(--gnd-teal-deep);
	background: rgba(27, 174, 159, 0.14);
}

body.getndrive-visual-rebrand a.gnd-prefs__country:focus-visible {
	outline: 3px solid var(--gnd-teal);
	outline-offset: 2px;
}

/* The current site's check is drawn here (decorative; aria-current carries the meaning). */
body.getndrive-visual-rebrand .gnd-prefs__country.is-current .gnd-prefs__site-mark::before {
	content: "\2713";
}

body.getndrive-visual-rebrand .gnd-prefs__site-mark {
	width: 16px;
	color: var(--gnd-teal-deep);
	font-size: 14px;
	font-weight: 800;
	line-height: 1;
	text-align: center;
}

/* Georgia while its pages are not public: text, with its status, never looks clickable. */
body.getndrive-visual-rebrand span.gnd-prefs__country.is-text .gnd-prefs__country-name {
	color: var(--gnd-muted);
	font-weight: 600;
}

body.getndrive-visual-rebrand .gnd-prefs__planned {
	margin-top: 8px !important;
	padding-top: 8px !important;
	border-top: 1px solid rgba(16, 32, 51, 0.1);
}

body.getndrive-visual-rebrand .gnd-prefs__panel--no-currency .gnd-prefs__grid {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	grid-template-areas:
		"country language"
		"clist clist"
		"llist llist"
		"save save";
}

body.getndrive-visual-rebrand #mobile-drawer a.gnd-prefs__country,
body.getndrive-visual-rebrand #mobile-drawer a.gnd-prefs__country:visited {
	color: inherit;
}

body.getndrive-visual-rebrand #mobile-drawer .gnd-prefs__site-mark {
	color: var(--gnd-teal);
}

body.getndrive-visual-rebrand #mobile-drawer .gnd-prefs__planned {
	border-top-color: rgba(255, 255, 255, 0.16);
}

body.getndrive-visual-rebrand #mobile-drawer .gnd-prefs__panel--no-currency .gnd-prefs__grid {
	grid-template-columns: minmax(0, 1fr);
	grid-template-areas:
		"country"
		"clist"
		"language"
		"llist"
		"save";
}

/* Site rows: the status sits under the name, so `GetnDrive Global` and `International homepage` are never cut. */
body.getndrive-visual-rebrand .gnd-prefs__sites .gnd-prefs__country {
	grid-template-columns: 16px 18px minmax(0, 1fr);
	row-gap: 1px;
	align-content: center;
}

body.getndrive-visual-rebrand .gnd-prefs__sites .gnd-prefs__country-state {
	grid-column: 3;
	text-align: left;
}

body.getndrive-visual-rebrand .gnd-prefs__sites .gnd-prefs__country-state:empty {
	display: none;
}

/* The four planned countries are information, not choices: a slimmer row keeps the open list clear of the Hero. */
body.getndrive-visual-rebrand .gnd-prefs__list .gnd-prefs__planned .gnd-prefs__country {
	min-height: 32px;
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: 13.5px;
}

/* 0.2.10.74 revision 3 — on a served Georgia page the read-only GEL hint takes the width its full name needs
   (`GEL · ₾ · грузинский лари` would otherwise be cut); the site and language selectors share the rest. Thailand keeps
   its three equal columns, and the drawer keeps its single column (its #mobile-drawer grid rule wins). */
body.getndrive-visual-rebrand .gnd-prefs__panel--local-gel .gnd-prefs__grid,
body.getndrive-visual-rebrand .gnd-prefs__panel--local-try .gnd-prefs__grid {
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) max-content;
}

/* =====================================================================================================================
   0.2.10.77 (Nik 2026-10-24, step 2) — compact Header panel, desktop only (the drawer keeps its own one-column layout).
   One small panel (≈ 320 px): GetnDrive site, language and the read-only currency line stacked, then Save. An open
   option list lies OVER the fields below it (absolutely placed in its own grid row) instead of growing the panel, so
   the open panel keeps its closed height (≈ 290 px) and ends well above the Global search and the country Hero.
   ===================================================================================================================== */
body.getndrive-visual-rebrand .gnd-prefs--primary .gnd-prefs__panel {
	width: 320px;
	max-height: none;
	overflow: visible;
	gap: 10px;
	padding: 14px 14px 12px;
}

body.getndrive-visual-rebrand .gnd-prefs--primary .gnd-prefs__panel .gnd-prefs__grid {
	position: relative;
	grid-template-columns: minmax(0, 1fr);
	grid-template-areas:
		"country"
		"clist"
		"language"
		"llist"
		"currency"
		"save";
	gap: 0;
}

body.getndrive-visual-rebrand .gnd-prefs--primary .gnd-prefs__field--language,
body.getndrive-visual-rebrand .gnd-prefs--primary .gnd-prefs__field--currency {
	margin-top: 10px;
}

body.getndrive-visual-rebrand .gnd-prefs--primary .gnd-prefs__select,
body.getndrive-visual-rebrand .gnd-prefs--primary .gnd-prefs__select:hover,
body.getndrive-visual-rebrand .gnd-prefs--primary .gnd-prefs__select:active,
body.getndrive-visual-rebrand .gnd-prefs--primary .gnd-prefs__select:focus,
body.getndrive-visual-rebrand .gnd-prefs--primary .gnd-prefs__panel p.gnd-prefs__value {
	min-height: 40px;
	font-size: 14.5px;
}

body.getndrive-visual-rebrand .gnd-prefs--primary .gnd-prefs__panel p.gnd-prefs__value {
	display: flex;
	align-items: center;
	padding-top: 0 !important;
	white-space: normal;
	font-weight: 600;
}

body.getndrive-visual-rebrand .gnd-prefs__value-note {
	color: var(--gnd-muted, #536273);
	font-weight: 500;
}

/* The open list: over the fields below, one column, compact rows, scrolls if it ever runs long. Only once the Header
   script has turned the values into select buttons (`:has(.gnd-prefs__select:not([hidden]))`); with JavaScript off
   the lists are static and visible, stay in the flow, and the panel simply grows — nothing is covered then. */
/* 0.2.10.80: the open list stays in the flow (it used to be absolutely placed over the fields below and covered the
   middle of the Save button at every window size). The panel grows by the list's height. H1b gate (Codex r5 review):
   the panel with either list open must not intersect the Global search shell or the Georgia search shell at 1280×720,
   1280×900, 1440×900 and 1600×900 — so the two options of each list sit side by side in one row (below). */
body.getndrive-visual-rebrand .gnd-prefs--primary:has(.gnd-prefs__select:not([hidden])) .gnd-prefs__list {
	position: static;
	margin: 4px 0 0;
	max-height: 320px;
	overflow-y: auto;
	padding: 6px;
	border: 1px solid rgba(16, 32, 51, 0.14);
	border-radius: 10px;
	background: #ffffff;
	box-shadow: 0 14px 32px rgba(11, 31, 58, 0.18);
}

/* 0.2.10.80: two options per row (Thailand · Georgia, English · Русский) keep the open panel short (H1b gate). */
body.getndrive-visual-rebrand .gnd-prefs--primary .gnd-prefs__list .gnd-prefs__countries,
body.getndrive-visual-rebrand .gnd-prefs--primary .gnd-prefs__list .sch-lang-switcher {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 4px;
}

body.getndrive-visual-rebrand .gnd-prefs--primary .gnd-prefs__list .gnd-prefs__country {
	min-height: 36px;
	padding-top: 4px;
	padding-bottom: 4px;
	border-color: transparent;
	/* 0.2.10.80: a half-width cell — mark, flag and the full name; the (empty) status column is dropped. */
	grid-template-columns: 14px 18px minmax(0, 1fr);
	gap: 6px;
	padding-right: 8px;
	padding-left: 8px;
}

body.getndrive-visual-rebrand .gnd-prefs--primary .gnd-prefs__list .gnd-prefs__country-state:empty {
	display: none;
}

body.getndrive-visual-rebrand .gnd-prefs--primary .gnd-prefs__sites .gnd-prefs__country-state {
	font-size: 12px;
	line-height: 1.25;
}

body.getndrive-visual-rebrand .gnd-prefs--primary .gnd-prefs__list .gnd-prefs__planned {
	margin-top: 4px;
	padding-top: 4px;
	border-top: 1px solid rgba(16, 32, 51, 0.08);
}

body.getndrive-visual-rebrand .gnd-prefs--primary .gnd-prefs__list .gnd-prefs__planned .gnd-prefs__country {
	min-height: 28px;
	font-size: 13px;
}

body.getndrive-visual-rebrand .gnd-prefs--primary .gnd-prefs__save,
body.getndrive-visual-rebrand .gnd-prefs--primary .gnd-prefs__save:hover,
body.getndrive-visual-rebrand .gnd-prefs--primary .gnd-prefs__save:active,
body.getndrive-visual-rebrand .gnd-prefs--primary .gnd-prefs__save:focus {
	justify-self: stretch;
	width: 100%;
	min-width: 0;
	min-height: 40px;
	margin-top: 12px;
}

/* ==========================================================================
   0.2.10.78 — Car / Moto country choice (Nik 2026-10-25)
   Outside Thailand and Georgia, `Car rental` / `Moto rental` open a short list that names the country of each link
   (getndrive_visual_rebrand_header_category_items()). A `<details>` disclosure styled like the other Header items.
   ========================================================================== */

body.getndrive-visual-rebrand .gnd-nav-category--choice {
	position: relative;
	display: flex;
	align-items: center;
	min-width: 0;
	list-style: none;
}

body.getndrive-visual-rebrand .gnd-nav-choice {
	position: relative;
	margin: 0;
	padding: 0;
	border: 0;
}

body.getndrive-visual-rebrand .gnd-nav-choice > summary {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	min-height: 40px;
	padding: 0 8px;
	border-radius: 8px;
	color: var(--gnd-ink, #102033);
	font-size: 15px;
	font-weight: 600;
	line-height: 1.2;
	white-space: nowrap;
	list-style: none;
	cursor: pointer;
}

body.getndrive-visual-rebrand .gnd-nav-choice > summary::-webkit-details-marker {
	display: none;
}

body.getndrive-visual-rebrand .gnd-nav-choice > summary:hover {
	color: var(--gnd-teal, #0f766e);
}

body.getndrive-visual-rebrand .gnd-nav-choice > summary:focus-visible {
	outline: 3px solid var(--gnd-teal, #0f766e);
	outline-offset: 2px;
}

body.getndrive-visual-rebrand .gnd-nav-choice__caret {
	width: 7px;
	height: 7px;
	margin-top: -3px;
	border-right: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	transform: rotate(45deg);
	opacity: 0.7;
}

body.getndrive-visual-rebrand .gnd-nav-choice[open] > summary .gnd-nav-choice__caret {
	margin-top: 3px;
	transform: rotate(-135deg);
}

body.getndrive-visual-rebrand .gnd-nav-choice__list {
	position: absolute;
	z-index: 70;
	top: calc(100% + 6px);
	left: 0;
	display: grid;
	gap: 2px;
	box-sizing: border-box;
	min-width: 240px;
	margin: 0;
	padding: 6px;
	border: 1px solid rgba(16, 32, 51, 0.1);
	border-radius: 12px;
	background: #ffffff;
	box-shadow: 0 14px 34px rgba(16, 32, 51, 0.16);
	list-style: none;
}

body.getndrive-visual-rebrand .gnd-nav-choice__item {
	margin: 0;
	padding: 0;
	list-style: none;
}

body.getndrive-visual-rebrand .gnd-nav-choice__link,
body.getndrive-visual-rebrand .gnd-nav-choice__text {
	display: flex;
	align-items: center;
	gap: 10px;
	min-height: 40px;
	padding: 8px 10px;
	border-radius: 8px;
	color: var(--gnd-ink, #102033);
	font-size: 15px;
	font-weight: 600;
	line-height: 1.25;
	text-decoration: none;
}

body.getndrive-visual-rebrand .gnd-nav-choice__link:hover,
body.getndrive-visual-rebrand .gnd-nav-choice__link:focus-visible {
	background: rgba(15, 118, 110, 0.08);
	color: var(--gnd-ink, #102033);
}

body.getndrive-visual-rebrand .gnd-nav-choice__link:focus-visible {
	outline: 3px solid var(--gnd-teal, #0f766e);
	outline-offset: -1px;
}

body.getndrive-visual-rebrand .gnd-nav-choice__text {
	color: #5b6b7d;
	cursor: default;
}

body.getndrive-visual-rebrand .gnd-nav-choice__state {
	margin-left: auto;
	padding-left: 12px;
	color: #5b6b7d;
	font-size: 12.5px;
	font-weight: 500;
	white-space: nowrap;
}

/* Drawer: the list joins the flow under its label, indented, with the drawer's own type and colour. */
body.getndrive-visual-rebrand #mobile-drawer .gnd-nav-category--choice {
	display: block;
}

body.getndrive-visual-rebrand #mobile-drawer .gnd-nav-choice > summary {
	display: flex;
	justify-content: space-between;
	width: 100%;
	box-sizing: border-box;
	padding: 0.6em 0;
	color: inherit;
	font-size: inherit;
}

body.getndrive-visual-rebrand #mobile-drawer .gnd-nav-choice__list {
	position: static;
	min-width: 0;
	margin: 0 0 8px;
	padding: 2px 0 2px 12px;
	border: 0;
	border-left: 2px solid rgba(15, 118, 110, 0.25);
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}

body.getndrive-visual-rebrand #mobile-drawer .gnd-nav-choice__link,
body.getndrive-visual-rebrand #mobile-drawer .gnd-nav-choice__text {
	min-height: 44px;
	padding: 6px 8px;
	color: inherit;
	font-size: inherit;
}

body.getndrive-visual-rebrand #mobile-drawer .gnd-nav-choice__text,
body.getndrive-visual-rebrand #mobile-drawer .gnd-nav-choice__state {
	opacity: 0.8;
}

/* =====================================================================================================================
   0.2.10.82 — native country / language lists (Nik 2026-10-28). The script adds one ordinary `<select>` per field
   (the same 44 px box as the read-only currency line) and hides the custom value buttons and option lists.
   ===================================================================================================================== */

body.getndrive-visual-rebrand .gnd-prefs select.gnd-prefs__native {
	-webkit-appearance: none;
	appearance: none;
	display: block;
	box-sizing: border-box;
	width: 100%;
	min-width: 0;
	height: 44px;
	min-height: 44px;
	margin: 0;
	padding: 0 34px 0 12px;
	border: 1px solid rgba(16, 32, 51, 0.16);
	border-radius: 8px;
	background-color: #ffffff;
	background-image: linear-gradient(45deg, transparent 50%, var(--gnd-ink, #102033) 50%), linear-gradient(135deg, var(--gnd-ink, #102033) 50%, transparent 50%);
	background-position: calc(100% - 17px) 19px, calc(100% - 12px) 19px;
	background-size: 5px 5px, 5px 5px;
	background-repeat: no-repeat;
	box-shadow: none;
	color: var(--gnd-ink, #102033);
	font: inherit;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.2;
	text-overflow: ellipsis;
	cursor: pointer;
}

body.getndrive-visual-rebrand .gnd-prefs select.gnd-prefs__native:hover {
	border-color: rgba(16, 32, 51, 0.32);
}

body.getndrive-visual-rebrand .gnd-prefs select.gnd-prefs__native:focus-visible {
	outline: 3px solid var(--gnd-teal, #13a89e);
	outline-offset: 2px;
}

body.getndrive-visual-rebrand .gnd-prefs [data-gnd-prefs-static][hidden],
body.getndrive-visual-rebrand .gnd-prefs .gnd-prefs__select[hidden] {
	display: none !important;
}