/** GRZ region preferences premium layer v5. */

body.grz-region-preferences-page .grz-region-page {
	position: relative;
	min-height: 720px;
	padding: 34px 0 76px;
	background: transparent;
}
body.grz-region-preferences-page .grz-region-page__container {
	width: min(calc(100% - 48px), var(--grz-customer-max));
	margin-inline: auto;
}
body.grz-region-preferences-page .grz-region-back {
	color: rgba(255,255,255,.78);
	text-shadow: 0 2px 16px rgba(1,7,18,.4);
}
body.grz-region-preferences-page .grz-region-back:hover,
body.grz-region-preferences-page .grz-region-back:focus-visible { color: #fff; }
body.grz-region-preferences-page .grz-region-hero {
	min-height: 116px;
	align-items: center;
	margin-bottom: 16px;
}
body.grz-region-preferences-page .grz-region-hero h1 {
	color: #fff;
	font-family: "Manrope", "Inter", ui-sans-serif, system-ui, sans-serif;
	font-size: clamp(27px, 3vw, 34px);
	font-weight: 790;
	letter-spacing: -.045em;
	text-shadow: 0 4px 24px rgba(2,9,21,.36);
}
body.grz-region-preferences-page .grz-region-hero p {
	color: rgba(255,255,255,.76);
	font-size: .86rem;
}
body.grz-region-preferences-page .grz-region-hero__status {
	border: 1px solid rgba(255,255,255,.25);
	border-radius: 10px;
	background: rgba(5,20,40,.34);
	box-shadow: 0 12px 30px rgba(2,10,22,.13);
	color: #fff;
	backdrop-filter: blur(14px);
}
body.grz-region-preferences-page .grz-region-hero__country { color: #fff; }
body.grz-region-preferences-page .grz-region-hero__status .grz-region-token {
	border-color: rgba(255,255,255,.22);
	background: rgba(255,255,255,.11);
	color: #fff;
}
body.grz-region-preferences-page .grz-region-form { gap: 16px; }
body.grz-region-preferences-page .grz-region-quick-grid { gap: 16px; }
body.grz-region-preferences-page .grz-region-panel {
	border: 1px solid var(--grz-customer-line);
	border-radius: 12px;
	background: var(--grz-customer-pearl);
	box-shadow: var(--grz-customer-shadow);
	backdrop-filter: blur(18px);
}
body.grz-region-preferences-page .grz-region-panel__icon {
	border-radius: 8px;
	background: #eaf3ff;
	color: #0762e6;
}
body.grz-region-preferences-page .grz-region-panel__head h2 {
	color: #15223b;
	font-family: "Manrope", "Inter", ui-sans-serif, system-ui, sans-serif;
}
body.grz-region-preferences-page .grz-region-panel__head p { color: #6f7d91; }
body.grz-region-preferences-page .grz-region-quick-grid .grz-region-choice,
body.grz-region-preferences-page .grz-region-country {
	border-color: #dce5f1;
	border-radius: 8px;
	background: rgba(255,255,255,.72);
}
body.grz-region-preferences-page .grz-region-quick-grid .grz-region-choice:hover,
body.grz-region-preferences-page .grz-region-country:hover {
	border-color: #b8cff0;
	background: #f8fbff;
	box-shadow: 0 8px 20px rgba(16, 49, 91, .07);
}
body.grz-region-preferences-page .grz-region-quick-grid .grz-region-choice.is-selected,
body.grz-region-preferences-page .grz-region-quick-grid .grz-region-choice:has(input:checked),
body.grz-region-preferences-page .grz-region-country.is-selected,
body.grz-region-preferences-page .grz-region-country:has(input:checked) {
	border-color: #6fa9ef;
	background: linear-gradient(135deg, #f5f9ff, #eaf3ff);
	box-shadow: inset 0 0 0 1px rgba(7,98,230,.08), 0 8px 20px rgba(16,49,91,.06);
}
body.grz-region-preferences-page .grz-region-continent {
	border: 1px solid #e1e8f1;
	border-radius: 9px;
	background: rgba(248,250,253,.82);
}
body.grz-region-preferences-page .grz-region-continent__head { border-color: #e1e8f1; }
body.grz-region-preferences-page .grz-region-country-search input {
	border-color: #d5e0ed;
	border-radius: 8px;
	background: #fff;
}
body.grz-region-preferences-page .grz-region-country-search input:focus {
	border-color: #7aaef1;
	box-shadow: 0 0 0 3px rgba(7,98,230,.1);
}
body.grz-region-preferences-page .grz-region-actionbar {
	bottom: 14px;
	border: 1px solid rgba(255,255,255,.76);
	border-radius: 11px;
	background: rgba(252,253,255,.97);
	box-shadow: 0 18px 48px rgba(7,25,52,.17);
	backdrop-filter: blur(18px);
}
body.grz-region-preferences-page .grz-region-save {
	border-radius: 7px;
	background: linear-gradient(135deg, #0875ff, #075dd8);
	box-shadow: 0 10px 24px rgba(0,83,207,.24);
}
body.grz-region-preferences-page .grz-region-save:hover,
body.grz-region-preferences-page .grz-region-save:focus-visible { background: #0758c7; }

@media (max-width: 760px) {
	body.grz-region-preferences-page .grz-region-page { padding: 20px 0 38px; }
	body.grz-region-preferences-page .grz-region-page__container {
		width: min(calc(100% - 24px), var(--grz-customer-max));
		padding-bottom: calc(164px + env(safe-area-inset-bottom, 0px));
	}
	body.grz-region-preferences-page .grz-region-hero {
		min-height: 106px;
		align-items: flex-start;
		gap: 12px;
		margin-bottom: 12px;
	}
	body.grz-region-preferences-page .grz-region-hero h1 { font-size: 25px; }
	body.grz-region-preferences-page .grz-region-hero__status { align-self: stretch; }
	body.grz-region-preferences-page .grz-region-panel { border-radius: 10px; }
	body.grz-region-preferences-page .grz-region-actionbar {
		inset-inline: max(10px, env(safe-area-inset-left, 0px)) max(10px, env(safe-area-inset-right, 0px));
		bottom: max(8px, env(safe-area-inset-bottom, 0px));
		border-radius: 11px;
		padding: 9px;
	}
}

@media (max-width: 420px) {
	body.grz-region-preferences-page .grz-region-hero__status { padding: 8px 10px; }
	body.grz-region-preferences-page .grz-region-panel { padding: 14px; }
	body.grz-region-preferences-page .grz-region-actionbar__selection strong { max-width: 112px; }
}

