/* ==========================================================================
   Dent Express – header modern
   Toate regulile sunt prefixate cu .dx- ca să nu afecteze restul temei.
   ========================================================================== */

:root {
	--dx-green: #2f9e3f;
	--dx-green-dark: #1d7a2c;
	--dx-green-soft: #eaf7ec;
	--dx-blue: #2b72f0;
	--dx-blue-dark: #0d3fb0;
	--dx-ink: #1b2a52;
	--dx-ink-soft: #5b6475;
	--dx-line: #e7ebf0;
	--dx-chip: #f2f4f7;
	--dx-radius: 18px;
	--dx-shadow: 0 10px 30px rgba(20, 40, 80, .08), 0 2px 6px rgba(20, 40, 80, .05);
	--dx-h: 124px;
	--dx-top: 16px;
	--dx-admin: 0px;
}

body.admin-bar { --dx-admin: 32px; }
@media (max-width: 782px) { body.admin-bar { --dx-admin: 46px; } }

/* Headerul vechi nu mai este randat; conținutul nu mai are nevoie de spațiu rezervat de JS-ul temei. */
body.dx-header-on .btContentWrap { padding-top: 0 !important; }
body.dx-header-on .mainHeader,
body.dx-header-on .btVerticalHeaderTop { display: none !important; }

.dx-header-wrap,
.dx-header-wrap *,
.dx-search,
.dx-search *,
.dx-drawer,
.dx-drawer * { box-sizing: border-box; }

.dx-header-wrap .screen-reader-text,
.dx-search .screen-reader-text,
.dx-drawer .screen-reader-text {
	position: absolute !important;
	width: 1px; height: 1px;
	margin: -1px; padding: 0;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
	border: 0;
}

.dx-ico { width: 22px; height: 22px; display: block; flex: none; }

/* ---------- Wrapper ---------- */
/* Tema are overflow pe containerul paginii, deci „position: sticky” nu funcționează;
   la scroll, header.js fixează bara și păstrează înălțimea wrapperului (fără salt de conținut). */
.dx-header-wrap {
	position: relative;
	z-index: 1000;
	padding: var(--dx-top) 16px 14px;
}
.dx-header-wrap.is-stuck .dx-header {
	position: fixed;
	top: calc(var(--dx-admin) + 8px);
	left: 16px;
	right: 16px;
	animation: dx-drop .25s ease;
}

.dx-skip-link {
	position: absolute;
	left: 24px; top: -60px;
	z-index: 2;
	padding: 10px 16px;
	border-radius: 10px;
	background: var(--dx-ink);
	color: #fff !important;
	font-weight: 600;
	pointer-events: auto;
	text-decoration: none;
}
.dx-skip-link:focus { top: 8px; }

/* ---------- Bara principală ---------- */
.dx-header {
	pointer-events: auto;
	max-width: 1880px;
	margin: 0 auto;
	min-height: var(--dx-h);
	display: flex;
	align-items: center;
	gap: 20px;
	padding: 6px 30px 6px 22px;
	background: #fff;
	border-radius: var(--dx-radius);
	box-shadow: var(--dx-shadow);
	color: var(--dx-ink);
	font-size: 16px;
	line-height: 1.25;
	text-align: left;
	transition: box-shadow .25s ease, min-height .25s ease;
}
.dx-header-wrap.is-stuck .dx-header {
	--dx-h: 80px;
	box-shadow: 0 14px 34px rgba(20, 40, 80, .12), 0 2px 6px rgba(20, 40, 80, .06);
}

.dx-header a { text-decoration: none; }
.dx-header button,
.dx-search button,
.dx-drawer button {
	font: inherit;
	margin: 0;
	cursor: pointer;
	-webkit-appearance: none;
	appearance: none;
}

:where(.dx-header-wrap, .dx-search, .dx-drawer) :focus-visible {
	outline: 3px solid rgba(43, 114, 240, .55);
	outline-offset: 3px;
}

/* ---------- Logo (originalul temei, doar dimensionat) ---------- */
.dx-logo { flex: none; display: flex; align-items: center; margin-right: 20px; }
.dx-logo a { display: block; line-height: 0; }
.dx-logo img {
	/* Imaginea logo-ului are margini transparente (sus ~21%, jos ~18%, stânga ~7%).
	   Logo-ul nu e modificat: doar le compensăm cu margini negative ca să apară mai mare. */
	--dx-logo-h: 132px;
	display: block;
	height: var(--dx-logo-h);
	width: auto;
	max-width: none;
	margin: calc(var(--dx-logo-h) * -.215) 0 calc(var(--dx-logo-h) * -.18) calc(var(--dx-logo-h) * -.12);
	transition: height .25s ease, margin .25s ease;
}
.dx-header-wrap.is-stuck .dx-logo img { --dx-logo-h: 112px; }

.dx-sep {
	flex: none;
	width: 1px;
	height: 80px;
	background: var(--dx-line);
}

/* ---------- Navigație ---------- */
.dx-nav { flex: 1 1 auto; min-width: 0; display: flex; justify-content: center; }

.dx-menu,
.dx-menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.dx-nav .dx-menu {
	display: flex;
	align-items: center;
	gap: 14px;
}
.dx-nav .dx-menu > li { position: relative; margin: 0; padding: 0; }
.dx-nav .dx-menu > li::before,
.dx-nav .dx-menu > li::after { display: none; }

.dx-nav .dx-menu > li > a {
	position: relative;
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 14px 22px;
	border-radius: 16px;
	color: var(--dx-ink);
	font-size: 17px;
	font-weight: 500;
	white-space: nowrap;
	transition: background-color .2s ease, color .2s ease;
}
.dx-nav-ico { display: inline-flex; color: var(--dx-ink); transition: color .2s ease; }
.dx-nav-ico .dx-ico { width: 24px; height: 24px; }
.dx-nav-caret { display: inline-flex; margin-left: -2px; }
.dx-nav-caret .dx-ico { width: 18px; height: 18px; transition: transform .2s ease; }

.dx-nav .dx-menu > li > a:hover,
.dx-nav .dx-menu > li:focus-within > a {
	background: #f5f9f6;
	color: var(--dx-green-dark);
}
.dx-nav .dx-menu > li > a:hover .dx-nav-ico { color: var(--dx-green); }

/* Element activ: fundal verde foarte deschis, colțuri rotunjite, accent verde discret */
.dx-nav .dx-menu > li.current-menu-item > a,
.dx-nav .dx-menu > li.current-menu-ancestor > a,
.dx-nav .dx-menu > li.current_page_item > a,
.dx-nav .dx-menu > li.current_page_ancestor > a {
	background: var(--dx-green-soft);
	color: var(--dx-green-dark);
	font-weight: 600;
	box-shadow: 0 6px 16px rgba(47, 158, 63, .10);
}
/* Linia verde de sub elementul activ */
.dx-nav .dx-menu > li.current-menu-item > a::after,
.dx-nav .dx-menu > li.current-menu-ancestor > a::after,
.dx-nav .dx-menu > li.current_page_item > a::after,
.dx-nav .dx-menu > li.current_page_ancestor > a::after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: -12px;
	width: 46px;
	height: 4px;
	border-radius: 4px;
	background: var(--dx-green);
	transform: translateX(-50%);
}
.dx-nav .dx-menu > li.current-menu-item > a .dx-nav-ico,
.dx-nav .dx-menu > li.current-menu-ancestor > a .dx-nav-ico,
.dx-nav .dx-menu > li.current_page_item > a .dx-nav-ico,
.dx-nav .dx-menu > li.current_page_ancestor > a .dx-nav-ico { color: var(--dx-green-dark); }

/* Submeniu (apare automat dacă se adaugă subpagini în Aspect > Meniuri) */
.dx-nav .dx-menu .sub-menu {
	position: absolute;
	top: calc(100% + 12px);
	left: 0;
	min-width: 240px;
	padding: 8px;
	background: #fff;
	border-radius: 14px;
	box-shadow: var(--dx-shadow);
	opacity: 0;
	visibility: hidden;
	transform: translateY(6px);
	transition: opacity .2s ease, transform .2s ease, visibility .2s;
	z-index: 5;
}
.dx-nav .dx-menu .sub-menu::before {
	content: "";
	position: absolute;
	left: 0; right: 0; top: -14px;
	height: 14px;
}
.dx-nav .dx-menu > li:hover > .sub-menu,
.dx-nav .dx-menu > li:focus-within > .sub-menu {
	opacity: 1;
	visibility: visible;
	transform: none;
}
.dx-nav .dx-menu > li:hover .dx-nav-caret .dx-ico,
.dx-nav .dx-menu > li:focus-within .dx-nav-caret .dx-ico { transform: rotate(180deg); }
.dx-nav .dx-menu .sub-menu a {
	display: block;
	padding: 10px 14px;
	border-radius: 10px;
	color: var(--dx-ink);
	font-size: 15px;
}
.dx-nav .dx-menu .sub-menu a:hover,
.dx-nav .dx-menu .sub-menu a:focus-visible,
.dx-nav .dx-menu .sub-menu .current-menu-item > a {
	background: var(--dx-green-soft);
	color: var(--dx-green-dark);
}

/* ---------- Acțiuni ---------- */
.dx-actions {
	flex: none;
	display: flex;
	align-items: center;
	gap: 14px;
}

/* Buton telefon */
.dx-call {
	display: inline-flex;
	align-items: center;
	gap: 16px;
	min-height: 82px;
	padding: 8px 20px 8px 26px;
	border-radius: 18px;
	background: linear-gradient(135deg, #3fb53a 0%, #1fa047 55%, #108a3c 100%);
	color: #fff !important;
	box-shadow: 0 10px 24px rgba(47, 158, 63, .32);
	transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
}
.dx-call:hover,
.dx-call:focus-visible {
	transform: translateY(-2px);
	box-shadow: 0 16px 30px rgba(47, 158, 63, .38);
	filter: saturate(1.08);
}
.dx-call-ico .dx-ico { width: 44px; height: 44px; color: #fff; }
.dx-call-text { display: flex; flex-direction: column; gap: 5px; }
.dx-call-text strong { font-size: 18px; font-weight: 700; letter-spacing: .01em; color: #fff; white-space: nowrap; }
.dx-call-text small { font-size: 15px; font-weight: 500; opacity: .95; color: #fff; }
.dx-call-short { display: none; font-weight: 700; }
.dx-call-arrow { display: inline-flex; margin-left: 4px; }
.dx-call-arrow .dx-ico { width: 18px; height: 18px; color: #fff; }

/* Program */
.dx-hours {
	display: inline-flex;
	align-items: center;
	gap: 14px;
	min-height: 82px;
	padding: 0 22px 0 20px;
	border-radius: 18px;
	background: #f6f8fa;
}
.dx-hours-ico .dx-ico { width: 44px; height: 44px; color: var(--dx-green); stroke-width: 1.6; }
.dx-hours-text { display: flex; flex-direction: column; gap: 3px; }
.dx-hours-text strong { font-size: 17px; font-weight: 700; color: var(--dx-ink); white-space: nowrap; }
.dx-hours-text small { font-size: 15px; color: var(--dx-ink-soft); white-space: nowrap; }

.dx-sep-social { height: 44px; }

/* Social */
.dx-social {
	display: flex;
	align-items: center;
	gap: 10px;
	list-style: none;
	margin: 0;
	padding: 0;
}
.dx-social li { margin: 0; padding: 0; }
.dx-social li::before { display: none; }
.dx-social-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 46px;
	height: 46px;
	border-radius: 50%;
	background: #f1f3f6;
	color: var(--dx-ink) !important;
	transition: background-color .2s ease, color .2s ease, transform .2s ease;
}
.dx-social-link .dx-ico { width: 20px; height: 20px; }
.dx-social-link:hover,
.dx-social-link:focus-visible { color: #fff !important; transform: translateY(-2px); }
.dx-social-facebook:hover, .dx-social-facebook:focus-visible,
.dx-social-linkedin:hover, .dx-social-linkedin:focus-visible { background: var(--dx-blue); }
.dx-social-twitter:hover, .dx-social-twitter:focus-visible,
.dx-social-pinterest:hover, .dx-social-pinterest:focus-visible { background: var(--dx-green); }

/* Căutare */
.dx-search-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 74px;
	height: 74px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: linear-gradient(145deg, #1f7be8 0%, #1259d0 55%, #0a3ba8 100%);
	color: #fff;
	box-shadow: 0 10px 24px rgba(43, 114, 240, .35);
	transition: transform .2s ease, box-shadow .2s ease;
}
.dx-search-btn .dx-ico { width: 30px; height: 30px; stroke-width: 2.4; }
.dx-search-btn:hover,
.dx-search-btn:focus-visible { transform: translateY(-2px); box-shadow: 0 14px 30px rgba(43, 114, 240, .42); }

.dx-burger {
	display: none;
	align-items: center;
	justify-content: center;
	width: 52px;
	height: 52px;
	padding: 0;
	border: 1px solid var(--dx-line);
	border-radius: 14px;
	background: #fff;
	color: var(--dx-ink);
}
.dx-burger .dx-ico { width: 26px; height: 26px; }

.dx-icon-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: var(--dx-chip);
	color: var(--dx-ink);
}
.dx-icon-btn:hover { background: #e7eaef; }

/* ---------- Dialog căutare ---------- */
.dx-search[hidden],
.dx-drawer[hidden] { display: none !important; }

.dx-search {
	position: fixed;
	inset: 0;
	z-index: 100000;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	padding: calc(var(--dx-admin) + 110px) 16px 16px;
}
.dx-search-backdrop,
.dx-drawer-backdrop {
	position: absolute;
	inset: 0;
	background: rgba(15, 25, 45, .45);
	-webkit-backdrop-filter: blur(4px);
	backdrop-filter: blur(4px);
	animation: dx-fade .2s ease;
}
.dx-search-box {
	position: relative;
	text-align: left;
	width: 100%;
	max-width: 720px;
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 14px;
	background: #fff;
	border-radius: var(--dx-radius);
	box-shadow: 0 24px 60px rgba(15, 25, 45, .25);
	animation: dx-drop .22s ease;
}
.dx-search-form {
	position: relative;
	flex: 1;
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 0;
}
.dx-search-form-ico {
	position: absolute;
	left: 16px;
	top: 50%;
	transform: translateY(-50%);
	color: var(--dx-ink-soft);
	pointer-events: none;
}
.dx-search-form input[type="search"] {
	flex: 1;
	width: 100%;
	height: 56px;
	margin: 0;
	padding: 0 16px 0 50px;
	border: 1px solid var(--dx-line);
	border-radius: 14px;
	background: #f8fafc;
	color: var(--dx-ink);
	font: inherit;
	font-size: 17px;
	box-shadow: none;
}
.dx-search-form input[type="search"]:focus {
	outline: none;
	border-color: var(--dx-blue);
	background: #fff;
	box-shadow: 0 0 0 4px rgba(43, 114, 240, .15);
}
.dx-search-submit {
	height: 56px;
	padding: 0 24px;
	border: 0;
	border-radius: 14px;
	background: linear-gradient(145deg, #3b86ff 0%, var(--dx-blue) 45%, var(--dx-blue-dark) 100%);
	color: #fff;
	font-weight: 600;
}

/* ---------- Panou mobil ---------- */
.dx-drawer {
	position: fixed;
	inset: 0;
	z-index: 100000;
}
.dx-drawer-panel {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: min(400px, 100%);
	display: flex;
	flex-direction: column;
	padding: calc(var(--dx-admin) + 16px) 18px 24px;
	background: #fff;
	border-radius: var(--dx-radius) 0 0 var(--dx-radius);
	box-shadow: -20px 0 50px rgba(15, 25, 45, .2);
	overflow-y: auto;
	overscroll-behavior: contain;
	text-align: left;
	animation: dx-slide .28s cubic-bezier(.2, .8, .2, 1);
}
.dx-drawer-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 4px 4px 14px;
	border-bottom: 1px solid var(--dx-line);
	margin-bottom: 10px;
}
.dx-drawer-title { font-size: 18px; font-weight: 700; color: var(--dx-ink); }

.dx-drawer-nav .dx-menu > li { margin: 0; padding: 0; }
.dx-drawer-nav .dx-menu > li::before { display: none; }
.dx-drawer-nav .dx-menu a {
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 14px 12px;
	border-radius: 14px;
	color: var(--dx-ink);
	font-size: 17px;
	font-weight: 500;
	text-decoration: none;
}
.dx-drawer-nav .dx-menu a:hover { background: #f5f9f6; color: var(--dx-green-dark); }
.dx-drawer-nav .dx-menu > li.current-menu-item > a,
.dx-drawer-nav .dx-menu > li.current_page_item > a,
.dx-drawer-nav .dx-menu > li.current-menu-ancestor > a {
	background: var(--dx-green-soft);
	color: var(--dx-green-dark);
	font-weight: 600;
	box-shadow: inset 3px 0 0 var(--dx-green);
}
.dx-drawer-nav .dx-menu > li.current-menu-item > a .dx-nav-ico,
.dx-drawer-nav .dx-menu > li.current_page_item > a .dx-nav-ico { color: var(--dx-green); }
.dx-drawer-nav .dx-nav-caret { margin-left: auto; }
.dx-drawer-nav .sub-menu { padding-left: 50px; }
.dx-drawer-nav .sub-menu a { font-size: 15.5px; padding: 10px 12px; }

.dx-drawer-foot {
	display: flex;
	flex-direction: column;
	gap: 12px;
	margin-top: auto;
	padding-top: 20px;
}
.dx-call-block,
.dx-hours-block { width: 100%; }
.dx-call-block .dx-call-arrow { margin-left: auto; }
.dx-drawer .dx-social { justify-content: center; padding-top: 6px; }

html.dx-lock,
html.dx-lock body { overflow: hidden; }

@keyframes dx-fade { from { opacity: 0; } }
@keyframes dx-drop { from { opacity: 0; transform: translateY(-10px); } }
@keyframes dx-slide { from { transform: translateX(100%); } }

/* ---------- Responsive ---------- */

/* Desktop mai îngust: socialele se mută doar în panou, programul rămâne */
@media (max-width: 1799px) {
	.dx-header .dx-social,
	.dx-header .dx-sep-social { display: none; }
	.dx-header { gap: 14px; }
	.dx-nav .dx-menu > li > a { padding: 12px 14px; }
}

@media (max-width: 1499px) {
	.dx-header .dx-hours { display: none; }
	.dx-nav .dx-menu { gap: 2px; }
	.dx-nav .dx-menu > li > a { gap: 8px; padding: 12px 12px; }
}

/* Tabletă: logo + telefon + căutare + hamburger */
@media (max-width: 1199px) {
	:root { --dx-h: 84px; }
	.dx-header { padding: 10px 12px 10px 18px; justify-content: space-between; }
	.dx-header .dx-nav,
	.dx-header > .dx-sep { display: none; }
	.dx-burger { display: inline-flex; }
	.dx-logo img { --dx-logo-h: 112px; }
	.dx-call { min-height: 60px; padding: 8px 16px; gap: 12px; }
	.dx-call-ico .dx-ico { width: 28px; height: 28px; }
	.dx-search-btn { width: 52px; height: 52px; box-shadow: 0 6px 16px rgba(43, 114, 240, .3); }
	.dx-search-btn .dx-ico { width: 24px; height: 24px; }
	.dx-actions { gap: 10px; }
}

/* Mobil: logo + buton apel + hamburger */
@media (max-width: 640px) {
	:root { --dx-h: 80px; --dx-top: 10px; }
	.dx-header-wrap { padding-left: 10px; padding-right: 10px; }
	.dx-header-wrap.is-stuck .dx-header { left: 10px; right: 10px; }
	.dx-header { padding: 6px 8px 6px 8px; gap: 8px; border-radius: 16px; }
	.dx-logo { flex: 1 1 auto; min-width: 0; margin-right: 0; }
	.dx-logo img,
	.dx-header-wrap.is-stuck .dx-logo img { --dx-logo-h: 100px; }
	.dx-header .dx-search-btn { display: none; }
	.dx-header .dx-call { min-height: 48px; padding: 0 14px; gap: 8px; border-radius: 14px; }
	.dx-header .dx-call-text,
	.dx-header .dx-call-arrow { display: none; }
	.dx-header .dx-call-short { display: inline; font-size: 15px; }
	.dx-header .dx-call-ico .dx-ico { width: 22px; height: 22px; }
	.dx-burger { width: 48px; height: 48px; }
	.dx-search { padding-top: calc(var(--dx-admin) + 90px); }
	.dx-search-box { flex-wrap: wrap; padding: 10px; }
	.dx-search-submit { padding: 0 16px; }
}

@media (max-width: 360px) {
	.dx-header .dx-call-short { display: none; }
	.dx-header .dx-call { padding: 0 12px; }
}

@media (prefers-reduced-motion: reduce) {
	.dx-header-wrap *,
	.dx-search *,
	.dx-drawer * {
		animation: none !important;
		transition: none !important;
	}
}
/* Reference layout: floating pill navigation over the home hero. */
:root {
 --dx-green: #00bd42;
 --dx-green-dark: #009c38;
 --dx-green-soft: #e2f6ec;
 --dx-ink: #073477;
 --dx-ink-soft: #567098;
 --dx-radius: 18px;
 --dx-h: 104px;
 --dx-top: 32px;
 --dx-shadow: 0 8px 22px rgba(0, 105, 210, .24);
}
.dx-header-wrap { padding: var(--dx-top) 3.65vw 0; }
.dx-header { border-radius: 999px; max-width: 1840px; gap: 16px; padding: 10px 30px; background: rgba(255,255,255,.97); }
.dx-header > .dx-sep { display: none; }
.dx-logo { margin-right: 12px; }
.dx-logo img { --dx-logo-h: 132px; }
.dx-nav .dx-menu { gap: 6px; }
.dx-nav .dx-menu > li > a { padding: 18px 14px; gap: 10px; font-size: 16px; border-radius: 24px; }
.dx-nav .dx-menu > li.current-menu-item > a::after,
.dx-nav .dx-menu > li.current-menu-ancestor > a::after,
.dx-nav .dx-menu > li.current_page_item > a::after,
.dx-nav .dx-menu > li.current_page_ancestor > a::after { bottom: -16px; width: 44px; }
.dx-actions { gap: 14px; }
.dx-header .dx-social, .dx-header .dx-sep-social { display: none; }
.dx-call { min-height: 78px; padding: 10px 23px; gap: 18px; border-radius: 999px; background: linear-gradient(135deg,#00d53d,#00b63d 55%,#008b39); box-shadow: 0 7px 15px rgba(0,186,63,.28); }
.dx-call-ico .dx-ico { width: 38px; height: 38px; }
.dx-call-text { gap: 6px; }
.dx-call-text strong { font-size: 18px; }
.dx-call-text small { font-size: 15px; }
.dx-hours { min-height: 78px; padding: 0 20px; border-radius: 30px; background: #f2f5f9; }
.dx-hours-ico .dx-ico { width: 42px; height: 42px; }
.dx-hours-text strong { font-size: 16px; }
.dx-hours-text small { font-size: 14px; }
.dx-search-btn { width: 76px; height: 76px; border-radius: 50%; background: linear-gradient(145deg,#009ff2,#0050bc); box-shadow: 0 6px 14px rgba(0,103,214,.28); }
.dx-header-wrap.is-stuck .dx-header { left: 3.65vw; right: 3.65vw; }
@media (min-width: 1200px) {
 body.dx-header-over-hero .dx-header-wrap { position: absolute; top: 0; left: 0; right: 0; }
 body.dx-header-over-hero .btPageWrap { position: relative; }
}
@media (min-width: 1500px) and (max-width: 1740px) {
 .dx-header { padding: 10px 20px; gap: 10px; }
 .dx-logo { margin-right: 0; }
 .dx-logo img { --dx-logo-h: 112px; }
 .dx-nav .dx-menu > li > a { padding: 16px 9px; gap: 7px; font-size: 15px; }
 .dx-call { padding: 10px 17px; gap: 12px; }
 .dx-hours { padding: 0 14px; gap: 10px; }
 .dx-actions { gap: 10px; }
 .dx-search-btn { width: 66px; height: 66px; }
}
@media (min-width: 1200px) and (max-width: 1499px) {
 .dx-header { padding: 10px 20px; gap: 10px; }
 .dx-logo { margin-right: 0; }
 .dx-logo img { --dx-logo-h: 108px; }
 .dx-nav .dx-menu > li > a { padding: 16px 9px; font-size: 14px; gap: 6px; }
 .dx-nav-ico .dx-ico { width: 21px; height: 21px; }
 .dx-header .dx-call { padding: 10px 18px; gap: 10px; min-height: 64px; }
 .dx-header .dx-call-ico .dx-ico { width: 28px; height: 28px; }
 .dx-header .dx-call-text strong { font-size: 16px; }
 .dx-header .dx-call-text small { font-size: 13px; }
 .dx-search-btn { width: 60px; height: 60px; }
}
@media (max-width: 1199px) {
 :root { --dx-h: 84px; --dx-top: 16px; }
 .dx-header-wrap { padding: var(--dx-top) 16px 14px; }
 .dx-header { padding: 10px 16px; }
 .dx-logo img { --dx-logo-h: 112px; }
 .dx-header .dx-call { min-height: 60px; padding: 8px 16px; gap: 12px; }
 .dx-header .dx-call-ico .dx-ico { width: 28px; height: 28px; }
 .dx-search-btn { width: 52px; height: 52px; }
}
@media (max-width: 640px) {
 :root { --dx-h: 76px; --dx-top: 10px; }
 .dx-header-wrap { padding: 10px 10px 12px; }
 .dx-header { padding: 8px 10px; gap: 6px; border-radius: 28px; }
 .dx-logo { margin-right: 0; }
 .dx-logo img, .dx-header-wrap.is-stuck .dx-logo img { --dx-logo-h: 88px; }
 .dx-header .dx-call { min-height: 46px; padding: 0 12px; gap: 7px; }
 .dx-header .dx-call-ico .dx-ico { width: 22px; height: 22px; }
 .dx-actions { gap: 6px; }
 .dx-header-wrap.is-stuck .dx-header { left: 10px; right: 10px; }
}

/* Remove the space reserved by the theme above the replacement menu. */
body.dx-header-on .btPageWrap { margin-top: 0 !important; padding-top: 0 !important; }

/* The page background starts at the viewport edge; the menu keeps its inset. */
body.dx-header-on { margin: 0 !important; padding-top: 0 !important; }
html.dx-no-toolbar-gap { margin-top: 0 !important; padding-top: 0 !important; }
/* Remove only the top spacing of builder containers around the hero.
   The floating menu keeps its own 32px inset over the photograph. */
body.dx-header-over-hero :is(
 .btContentWrap,
 .btContentHolder,
 .btContent,
 .bt_bb_wrapper,
 .bt_bb_section,
 .bt_bb_port,
 .bt_bb_cell,
 .bt_bb_row_wrapper,
 .bt_bb_row,
 .bt_bb_column,
 .bt_bb_column_content
):has(.dx-hero) {
 margin-top: 0 !important;
 padding-top: 0 !important;
}
body.dx-header-over-hero .dx-hero {
 margin-top: 0 !important;
 border-top: 0 !important;
}
/* Keep the mobile header close to the photo without a blank band. */
@media (max-width: 640px) {
 .dx-header-wrap { padding: 8px 10px; }
 .dx-header { min-height: 68px; border-radius: 22px; }
 .dx-logo img, .dx-header-wrap.is-stuck .dx-logo img { --dx-logo-h: 84px; }
 .dx-header .dx-call { min-height: 44px; }
 .dx-burger { width: 44px; height: 44px; border-radius: 14px; }
}
/* Mobile: start the photograph directly below the navigation bar. */
@media (max-width: 1199px) {
 body.dx-header-over-hero .dx-header-wrap { padding-bottom: 0; }
 body.dx-header-over-hero #dx-main-content { padding-top: 0 !important; margin-top: 0 !important; }
 body.dx-header-over-hero .dx-hero { padding-top: 0 !important; }
 body.dx-header-over-hero .dx-hero-art--photo { margin-top: 0 !important; }
}
/* Mobile overlay: the photo continues behind the floating navigation. */
@media (max-width: 1199px) {
 body.dx-header-over-hero .btPageWrap { position: relative; }
 body.dx-header-over-hero .dx-header-wrap {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding-bottom: 0;
 }
 body.dx-header-over-hero .dx-hero-art--photo,
 body.dx-header-over-hero .dx-hero--full .dx-hero-art--photo {
  width: 100%;
  aspect-ratio: 1.65 / 1;
  background-position: right center;
 }
}
@media (max-width: 640px) {
 body.dx-header-over-hero .dx-hero-art--photo,
 body.dx-header-over-hero .dx-hero--full .dx-hero-art--photo {
  aspect-ratio: 1.55 / 1;
  background-position: right center;
 }
}
/* New transparent logo has no old theme-logo padding to compensate. */
.dx-header .dx-logo img.dx-brand-logo {
 display: block;
 width: 270px;
 height: auto;
 max-width: 100%;
 margin: 0;
 object-fit: contain;
}
.dx-header-wrap.is-stuck .dx-header .dx-logo img.dx-brand-logo { width: 225px; }
@media (min-width: 1200px) and (max-width: 1740px) {
 .dx-header .dx-logo img.dx-brand-logo { width: 225px; }
}
@media (max-width: 1199px) {
 .dx-header .dx-logo img.dx-brand-logo { width: 210px; }
}
@media (max-width: 640px) {
 .dx-header .dx-logo { flex: 1 1 auto; min-width: 0; }
 .dx-header .dx-logo img.dx-brand-logo,
 .dx-header-wrap.is-stuck .dx-header .dx-logo img.dx-brand-logo { width: 160px; max-width: 100%; }
}
/* Blue glass navigation and red emergency call, matching the new reference. */
.dx-header {
 isolation: isolate;
 position: relative;
 max-width: 2100px;
 min-height: 136px;
 padding: 12px 20px 12px 52px;
 gap: 20px;
 border: 1px solid rgba(255,255,255,.85);
 border-radius: 80px;
 background: linear-gradient(105deg,#fafdff 0%,#fff 65%,#f6f9ff 85%,#009eea 100%);
 box-shadow: 0 12px 28px rgba(0,117,211,.28),inset 0 2px 3px #fff;
}
.dx-header::before {
 content: "";
 position: absolute;
 inset: -1px;
 z-index: -1;
 border-radius: inherit;
 background: linear-gradient(120deg,#008be7,#00d5f5 5%,transparent 5.2%,transparent 92%,#00cdef 96%,#0084dc);
 pointer-events: none;
}
.dx-header-wrap { padding-left: 1%; padding-right: 1%; }
.dx-header-wrap.is-stuck .dx-header { left: 1%; right: 1%; min-height: 96px; }
.dx-header .dx-logo { margin-right: 0; flex: 0 1 420px; }
.dx-header .dx-logo img.dx-brand-logo { width: 420px; }
.dx-nav { justify-content: space-evenly; }
.dx-nav .dx-menu { gap: 0; width: 100%; justify-content: center; }
.dx-nav .dx-menu > li + li { border-left: 1px solid #d5e4f6; }
.dx-nav .dx-menu > li > a { padding: 20px 18px; gap: 12px; font-size: 18px; color: #073477; border-radius: 28px; }
.dx-nav-ico .dx-ico { width: 32px; height: 32px; }
.dx-nav .dx-menu > li:is(.current-menu-item,.current-menu-ancestor,.current_page_item,.current_page_ancestor) > a {
 color: #fff;
 background: linear-gradient(115deg,#0047bc 5%,#008fe9 58%,#00d7e8);
 box-shadow: 0 6px 15px rgba(0,183,226,.45),inset 0 2px 4px rgba(255,255,255,.8);
 border: 1px solid #a4f4ff;
}
.dx-nav .dx-menu > li:is(.current-menu-item,.current-menu-ancestor,.current_page_item,.current_page_ancestor) > a .dx-nav-ico { color: #fff; }
.dx-nav .dx-menu > li:is(.current-menu-item,.current-menu-ancestor,.current_page_item,.current_page_ancestor) > a::after { display: none; }
.dx-header .dx-hours { display: none; }
.dx-header .dx-call {
 min-height: 104px;
 padding: 12px 26px 12px 14px;
 gap: 18px;
 border-radius: 65px 65px 22px 65px;
 border: 2px solid rgba(255,255,255,.8);
 background: linear-gradient(155deg,#ff1642 0%,#f50022 42%,#d60005 100%);
 box-shadow: 0 0 19px rgba(255,0,62,.5),inset 0 3px 7px rgba(255,255,255,.45);
}
.dx-header .dx-call-ico { display: flex; align-items: center; justify-content: center; width: 74px; height: 74px; flex: none; border-radius: 50%; background: linear-gradient(140deg,#ff1439,#e3000c); box-shadow: inset 0 2px 3px rgba(255,255,255,.45); }
.dx-header .dx-call-ico .dx-ico { width: 42px; height: 42px; }
.dx-header .dx-call-text { gap: 6px; }
.dx-header .dx-call-text small { order: -1; font-size: 20px; font-weight: 600; }
.dx-header .dx-call-text strong { font-size: 30px; letter-spacing: -.015em; }
.dx-header .dx-call-arrow .dx-ico { width: 24px; height: 24px; }
.dx-header .dx-search-btn { width: 96px; height: 96px; background: #fff; color: #0061f2; box-shadow: 0 0 22px rgba(0,204,255,.5); }
.dx-header .dx-search-btn .dx-ico { width: 38px; height: 38px; }
.dx-drawer .dx-call { background: linear-gradient(135deg,#ff1642,#d60005); box-shadow: 0 7px 18px rgba(230,0,40,.22); }
.dx-drawer-nav .dx-menu > li:is(.current-menu-item,.current_page_item,.current-menu-ancestor) > a { background: #e8f5ff; color: #005acb; box-shadow: inset 3px 0 #008ae9; }
@media (min-width: 1200px) and (max-width: 1799px) {
 .dx-header { min-height: 108px; padding: 10px 16px 10px 30px; gap: 12px; }
 .dx-header .dx-logo { flex-basis: 280px; }
 .dx-header .dx-logo img.dx-brand-logo { width: 280px; }
 .dx-nav .dx-menu > li > a { font-size: 15px; padding: 17px 12px; gap: 8px; }
 .dx-nav-ico .dx-ico { width: 26px; height: 26px; }
 .dx-header .dx-call { min-height: 80px; padding: 8px 18px 8px 10px; gap: 12px; }
 .dx-header .dx-call-ico { width: 54px; height: 54px; }
 .dx-header .dx-call-text strong { font-size: 23px; }
 .dx-header .dx-call-text small { font-size: 15px; }
 .dx-header .dx-search-btn { width: 72px; height: 72px; }
}
@media (min-width: 1200px) and (max-width: 1399px) {
 .dx-header .dx-logo { flex-basis: 220px; }
 .dx-header .dx-logo img.dx-brand-logo { width: 220px; }
 .dx-nav .dx-menu > li > a { padding: 16px 8px; font-size: 14px; gap: 6px; }
 .dx-nav-ico .dx-ico { width: 23px; height: 23px; }
 .dx-header .dx-call-text strong { font-size: 20px; }
 .dx-header .dx-call-ico { width: 44px; height: 44px; }
 .dx-header .dx-call-ico .dx-ico { width: 28px; height: 28px; }
 .dx-header .dx-search-btn { width: 60px; height: 60px; }
}
@media (max-width: 1199px) {
 .dx-header { min-height: 84px; padding: 10px 16px 10px 24px; gap: 12px; }
 .dx-header .dx-logo { flex: 1 1 auto; min-width: 0; }
 .dx-header .dx-logo img.dx-brand-logo { width: 230px; }
 .dx-header .dx-call { min-height: 60px; padding: 7px 16px 7px 8px; gap: 10px; border-radius: 35px; }
 .dx-header .dx-call-ico { width: 40px; height: 40px; }
 .dx-header .dx-call-ico .dx-ico { width: 24px; height: 24px; }
 .dx-header .dx-call-text strong { font-size: 18px; }
 .dx-header .dx-call-text small { font-size: 12px; }
 .dx-header .dx-search-btn { width: 52px; height: 52px; }
 .dx-header .dx-search-btn .dx-ico { width: 26px; height: 26px; }
}
@media (max-width: 640px) {
 .dx-header-wrap { padding-left: 8px; padding-right: 8px; }
 .dx-header { min-height: 70px; padding: 8px 10px 8px 18px; gap: 8px; border-radius: 28px; }
 .dx-header .dx-logo img.dx-brand-logo,
 .dx-header-wrap.is-stuck .dx-header .dx-logo img.dx-brand-logo { width: 160px; }
 .dx-header .dx-call { min-height: 44px; padding: 5px 12px 5px 5px; gap: 5px; border-width: 1px; }
 .dx-header .dx-call-ico { width: 30px; height: 30px; }
 .dx-header .dx-call-ico .dx-ico { width: 20px; height: 20px; }
 .dx-header .dx-call-short { font-size: 13px; }
 .dx-header .dx-actions { gap: 6px; }
 .dx-header-wrap.is-stuck .dx-header { min-height: 70px; left: 8px; right: 8px; }
 .dx-header .dx-burger { width: 42px; height: 42px; background: #edf7ff; color: #005acb; }
}
/* Reference silhouette: swept left edge, blue tail and slanted emergency tab. */
@media (min-width: 1200px) {
 .dx-header {
  border: 0;
  border-radius: 10px 80px 80px 85px / 10px 65px 65px 125px;
  background: linear-gradient(105deg,#0076d8 0%,#00d4f5 5%,#fafcff 5.1%,#fff 76%,#f7f9ff 84%,#0085dc 94%,#6edcef 100%);
  box-shadow: 0 12px 25px rgba(0,117,211,.25);
 }
 .dx-header::before {
  inset: 0 6% 0 28px;
  border-radius: 18px 90px 26px 95px / 16px 110px 30px 135px;
  background: linear-gradient(100deg,#fff 0%,#fcfdff 80%,rgba(242,245,255,.94) 94%,rgba(232,239,255,.4) 100%);
  box-shadow: inset 0 2px 2px rgba(255,255,255,.85);
  transform: none;
 }
 .dx-header::after {
  content: "";
  position: absolute;
  z-index: -2;
  top: 0;
  right: 0;
  bottom: 0;
  width: 14%;
  border-radius: 0 80px 80px 0;
  background: linear-gradient(135deg,#005bcb 5%,#009ce4 65%,#5edce9);
  pointer-events: none;
 }
 .dx-header .dx-actions { gap: 26px; }
 .dx-header .dx-call {
  position: relative;
  isolation: isolate;
  border: 0;
  border-radius: 28px 58px 12px 48px;
  background: transparent;
  box-shadow: none;
  padding-right: 32px;
  filter: drop-shadow(0 0 10px rgba(255,0,50,.48));
 }
 .dx-header .dx-call::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0 -6px 0 0;
  border-radius: 30px 36px 12px 42px;
  transform: skewX(23deg);
  background: linear-gradient(165deg,#ff1239 0%,#f50020 45%,#d90008 100%);
  border-top: 5px solid rgba(255,255,255,.9);
  border-left: 6px solid rgba(255,255,255,.9);
  box-shadow: inset 0 4px 6px rgba(255,255,255,.25),inset 0 -3px 5px rgba(160,0,0,.2);
  pointer-events: none;
 }
 .dx-header .dx-call-ico { position: relative; margin-left: 4px; }
 .dx-header .dx-search-btn {
  position: relative;
  flex: none;
  box-shadow: 0 0 0 14px rgba(237,251,255,.6),0 0 0 25px rgba(150,225,248,.25),0 8px 20px rgba(0,80,180,.2);
 }
 .dx-header .dx-search-btn::before {
  content: "";
  position: absolute;
  inset: -14px;
  border-radius: 50%;
  border-top: 5px solid rgba(255,255,255,.75);
  pointer-events: none;
 }
 .dx-nav .dx-menu > li > a { border-radius: 21px; }
 .dx-nav .dx-menu > li + li { border-left-color: rgba(213,228,246,.45); }
}
@media (min-width: 1200px) and (max-width: 1799px) {
 .dx-header .dx-actions { gap: 22px; }
 .dx-header .dx-search-btn { box-shadow: 0 0 0 12px rgba(237,251,255,.6),0 0 0 20px rgba(150,225,248,.25),0 8px 20px rgba(0,80,180,.2); }
}

/* Exact swept left silhouette drawn independently of the logo dimensions. */
@media (min-width: 1200px) {
 .dx-header {
  border-radius: 0 80px 80px 0;
  padding-left: 76px;
  background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22150%22%20height%3D%22114%22%20viewBox%3D%220%200%20150%20114%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22b%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220.3%22%20y2%3D%221%22%3E%3Cstop%20stop-color%3D%22%230054c9%22%2F%3E%3Cstop%20offset%3D%22.63%22%20stop-color%3D%22%23008ee6%22%2F%3E%3Cstop%20offset%3D%22.86%22%20stop-color%3D%22%2300d2f3%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23a9f3fa%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22w%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%221%22%20y2%3D%221%22%3E%3Cstop%20stop-color%3D%22%23fff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fcfdff%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url%28%23b%29%22%20d%3D%22M10%200H150V114H79C35%20114%209%2077%201%2021C-1%207%200%200%2010%200Z%22%2F%3E%3Cpath%20fill%3D%22url%28%23w%29%22%20d%3D%22M48%200H150V114H108C78%20114%2062%20100%2049%2073C39%2053%2030%2028%2029%2015C28%205%2035%200%2048%200Z%22%2F%3E%3C%2Fsvg%3E'), linear-gradient(90deg,transparent 0,transparent 149px,#fcfdff 149px,#fff 76%,#f4f8ff 82%,transparent 91%,transparent 100%);
  background-position: left top,left top;
  background-size: 150px 100%,100% 100%;
  background-repeat: no-repeat;
 }
 .dx-header::before {
  left: 149px;
  right: 6%;
  border-radius: 0 90px 26px 0 / 0 110px 30px 0;
  box-shadow: none;
 }
}
@media (min-width: 1200px) and (max-width: 1799px) {
 .dx-header {
  padding-left: 62px;
  background-size: 120px 100%,100% 100%;
  background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22150%22%20height%3D%22114%22%20viewBox%3D%220%200%20150%20114%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22b%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220.3%22%20y2%3D%221%22%3E%3Cstop%20stop-color%3D%22%230054c9%22%2F%3E%3Cstop%20offset%3D%22.63%22%20stop-color%3D%22%23008ee6%22%2F%3E%3Cstop%20offset%3D%22.86%22%20stop-color%3D%22%2300d2f3%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23a9f3fa%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22w%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%221%22%20y2%3D%221%22%3E%3Cstop%20stop-color%3D%22%23fff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fcfdff%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url%28%23b%29%22%20d%3D%22M10%200H150V114H79C35%20114%209%2077%201%2021C-1%207%200%200%2010%200Z%22%2F%3E%3Cpath%20fill%3D%22url%28%23w%29%22%20d%3D%22M48%200H150V114H108C78%20114%2062%20100%2049%2073C39%2053%2030%2028%2029%2015C28%205%2035%200%2048%200Z%22%2F%3E%3C%2Fsvg%3E'), linear-gradient(90deg,transparent 0,transparent 119px,#fcfdff 119px,#fff 76%,#f4f8ff 82%,transparent 91%,transparent 100%);
 }
 .dx-header::before { left: 119px; }
}
/* Reference right end: thin white lip, straight slant and soft search halo. */
@media (min-width: 1200px) {
 .dx-header { padding-right: 26px; }
 .dx-header::before {
  right: 7.7%;
  border-top-right-radius: 74px 108px;
  border-bottom-right-radius: 16px 18px;
 }
 .dx-header::after {
  width: 17%;
  background: linear-gradient(125deg,#0052bd 0%,#0082d0 55%,#53c8e7 100%);
 }
 .dx-header .dx-actions { gap: 44px; }
 .dx-header .dx-call {
  min-height: 98px;
  padding: 10px 30px 10px 10px;
  gap: 16px;
 }
 .dx-header .dx-call::before {
  inset: 0 -4px 0 -2px;
  border-radius: 24px 30px 9px 35px;
  transform: skewX(22deg);
  border-top-width: 5px;
  border-left-width: 6px;
  background: linear-gradient(160deg,#ff1234 0%,#ed0018 46%,#d40000 100%);
  box-shadow: inset 0 3px 4px rgba(255,255,255,.32),inset 0 -2px 3px rgba(160,0,0,.16);
 }
 .dx-header .dx-call-ico {
  width: 70px;
  height: 70px;
  margin-left: 0;
  background: linear-gradient(145deg,#ff1534,#ed0011);
  box-shadow: inset 0 2px 3px rgba(255,255,255,.24);
 }
 .dx-header .dx-call-text small { font-size: 20px; font-weight: 500; }
 .dx-header .dx-call-text strong { font-size: 30px; }
 .dx-header .dx-search-btn {
  width: 90px;
  height: 90px;
  background: #fff;
  box-shadow: 0 0 0 15px rgba(236,249,255,.77),0 0 0 25px rgba(178,231,248,.28),0 10px 20px rgba(0,69,137,.12);
 }
 .dx-header .dx-search-btn::before { inset: -15px; border-top: 0; background: transparent; }
 .dx-header .dx-search-btn .dx-ico { width: 36px; height: 36px; }
}
@media (min-width: 1200px) and (max-width: 1799px) {
 .dx-header { padding-right: 23px; }
 .dx-header .dx-actions { gap: 34px; }
 .dx-header .dx-call { min-height: 82px; padding: 8px 24px 8px 8px; gap: 12px; }
 .dx-header .dx-call-ico { width: 54px; height: 54px; }
 .dx-header .dx-call-text small { font-size: 16px; }
 .dx-header .dx-call-text strong { font-size: 24px; }
 .dx-header .dx-search-btn { width: 72px; height: 72px; box-shadow: 0 0 0 12px rgba(236,249,255,.77),0 0 0 20px rgba(178,231,248,.28),0 8px 18px rgba(0,69,137,.12); }
}
@media (min-width: 1200px) and (max-width: 1399px) {
 .dx-header .dx-actions { gap: 28px; }
 .dx-header .dx-call-text strong { font-size: 20px; }
 .dx-header .dx-call-text small { font-size: 14px; }
 .dx-header .dx-call-ico { width: 44px; height: 44px; }
 .dx-header .dx-search-btn { width: 60px; height: 60px; }
}
/* Navigation items without vertical dividers. */
.dx-header .dx-nav .dx-menu > li + li { border-left: 0; }
/* Keep the area outside the swept left contour transparent. */
@media (min-width: 1200px) {
 .dx-header {
  background-color: transparent !important;
  border-bottom-left-radius: 85px 125px;
  border-top-left-radius: 10px;
 }
}
/* Transparent right termination and the reference emergency-button outline. */
@media (min-width: 1200px) {
 .dx-header {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  box-shadow: none;
  filter: drop-shadow(0 10px 13px rgba(0,100,180,.18));
 }
 .dx-header::after {
  right: 0;
  width: 18%;
  border-radius: 0 70px 70px 0;
  background: linear-gradient(115deg,#0044ac 0%,#0075c6 40%,rgba(44,185,224,.65) 74%,rgba(117,222,239,.12) 94%,transparent 100%);
  -webkit-mask-image: linear-gradient(90deg,#000 0%,#000 75%,transparent 100%);
  mask-image: linear-gradient(90deg,#000 0%,#000 75%,transparent 100%);
 }
 .dx-header .dx-call::before {
  border-radius: 22px 29px 8px 34px;
  transform: skewX(23deg);
  border-top: 5px solid rgba(255,255,255,.95);
  border-left: 6px solid rgba(255,255,255,.95);
  background: linear-gradient(160deg,#ff1233 0%,#f0001d 37%,#e0000a 75%,#d70000 100%);
  box-shadow: inset 0 4px 5px rgba(255,255,255,.23),0 3px 0 rgba(255,80,112,.3);
 }
 .dx-header .dx-call { filter: drop-shadow(0 0 9px rgba(255,0,50,.43)); }
 .dx-header .dx-call-ico {
  background: linear-gradient(145deg,#ff1436,#ec0018);
  box-shadow: inset 0 2px 3px rgba(255,255,255,.15);
 }
 .dx-header .dx-search-btn {
  box-shadow: 0 0 0 15px rgba(239,250,255,.7),0 0 0 25px rgba(190,232,246,.13),0 8px 18px rgba(0,69,137,.1);
 }
}
@media (min-width: 1200px) and (max-width: 1799px) {
 .dx-header .dx-search-btn { box-shadow: 0 0 0 12px rgba(239,250,255,.7),0 0 0 20px rgba(190,232,246,.13),0 8px 18px rgba(0,69,137,.1); }
}

/* Custom button contour traced from the supplied reference. */
@media (min-width: 1200px) {
 .dx-header .dx-call {
  min-height: 96px;
  padding: 10px 30px 10px 12px;
  border: 0;
  background: transparent;
  border-radius: 0;
  filter: drop-shadow(0 0 9px rgba(255,0,50,.45));
 }
 .dx-header .dx-call::before {
  inset: -5px -13px -5px -10px;
  transform: none;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20400%20110%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22red%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%22.6%22%20y2%3D%221%22%3E%3Cstop%20stop-color%3D%22%23ff1035%22%2F%3E%3Cstop%20offset%3D%22.45%22%20stop-color%3D%22%23f00020%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23dc0008%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22rim%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%22.6%22%20y2%3D%221%22%3E%3Cstop%20stop-color%3D%22%23fff%22%2F%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%23ffdae1%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23ff4a65%22%20stop-opacity%3D%22.25%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22shine%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%221%22%3E%3Cstop%20stop-color%3D%22%23fff%22%20stop-opacity%3D%22.23%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fff%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M29%207H316C338%207%20351%2017%20360%2037L391%2093Q396%20103%20382%20103H70C39%20103%2027%2092%2018%2069L6%2031C1%2015%2010%207%2029%207Z%22%20fill%3D%22url%28%23red%29%22%20stroke%3D%22url%28%23rim%29%22%20stroke-width%3D%226%22%2F%3E%3Cpath%20d%3D%22M32%2015H312Q340%2015%20352%2038L365%2062C330%2047%20323%2027%20290%2025H39Q17%2025%2020%2046L13%2030Q10%2015%2032%2015Z%22%20fill%3D%22url%28%23shine%29%22%2F%3E%3C%2Fsvg%3E') center / 100% 100% no-repeat;
 }
 .dx-header .dx-call-ico { width: 66px; height: 66px; }
 .dx-header .dx-call-text { gap: 4px; }
 .dx-header .dx-call-text small { font-size: 20px; font-weight: 500; line-height: 1.2; }
 .dx-header .dx-call-text strong { font-size: 30px; line-height: 1.15; }
 .dx-header .dx-call-arrow { margin-left: 5px; }
 .dx-header .dx-call-arrow .dx-ico { width: 24px; height: 24px; stroke-width: 3; }
}
@media (min-width: 1200px) and (max-width: 1799px) {
 .dx-header .dx-call { min-height: 82px; padding: 8px 25px 8px 8px; }
 .dx-header .dx-call-ico { width: 54px; height: 54px; }
 .dx-header .dx-call-text small { font-size: 16px; }
 .dx-header .dx-call-text strong { font-size: 24px; }
}
@media (min-width: 1200px) and (max-width: 1399px) {
 .dx-header .dx-call-ico { width: 44px; height: 44px; }
 .dx-header .dx-call-text small { font-size: 14px; }
 .dx-header .dx-call-text strong { font-size: 20px; }
}

/* Reference correction: white highlight inside the red edge, dark blue tail. */
@media (min-width: 1200px) {
 .dx-header .dx-call::before {
  background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20400%20110%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22r%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%22.5%22%20y2%3D%221%22%3E%3Cstop%20stop-color%3D%22%23ff1234%22%2F%3E%3Cstop%20offset%3D%22.42%22%20stop-color%3D%22%23f20021%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23dc0005%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22w%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%221%22%20y2%3D%22.4%22%3E%3Cstop%20stop-color%3D%22%23fff%22%2F%3E%3Cstop%20offset%3D%22.7%22%20stop-color%3D%22%23fff%22%20stop-opacity%3D%22.9%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fff%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22s%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%221%22%3E%3Cstop%20stop-color%3D%22%23fff%22%20stop-opacity%3D%22.18%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fff%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M30%205H316C339%205%20350%2014%20360%2036L391%2094Q395%20103%20383%20103H71C42%20103%2027%2093%2018%2069L5%2032Q-2%205%2030%205Z%22%20fill%3D%22url%28%23r%29%22%2F%3E%3Cpath%20d%3D%22M28%2014H311Q340%2014%20351%2034%22%20fill%3D%22none%22%20stroke%3D%22url%28%23w%29%22%20stroke-width%3D%226%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M31%2014Q9%2014%2015%2034L24%2059%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%226%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M44%2021H307Q336%2021%20348%2042L356%2057Q326%2030%20296%2030H48Q28%2030%2028%2044Q20%2022%2044%2021Z%22%20fill%3D%22url%28%23s%29%22%2F%3E%3C%2Fsvg%3E');
  inset: -6px -13px -4px -10px;
 }
 .dx-header .dx-call { filter: drop-shadow(0 0 8px rgba(255,0,50,.42)); }
 .dx-header .dx-call-ico {
  background: linear-gradient(145deg,#ff1739,#ed001b);
  box-shadow: inset 0 2px 3px rgba(255,255,255,.18);
 }
 .dx-header::after {
  background: linear-gradient(110deg,#0044ae 0%,#005bbb 42%,rgba(0,140,207,.8) 73%,rgba(91,206,231,.2) 92%,transparent 100%);
 }
 .dx-header::before {
  background: linear-gradient(100deg,#fff 0%,#fcfdff 80%,rgba(242,245,255,.9) 94%,rgba(232,239,255,.27) 100%);
 }
 .dx-header .dx-search-btn { box-shadow: 0 0 0 15px rgba(239,250,255,.78),0 0 0 25px rgba(190,232,246,.12); }
}
@media (min-width: 1200px) and (max-width: 1799px) {
 .dx-header .dx-search-btn { box-shadow: 0 0 0 12px rgba(239,250,255,.78),0 0 0 20px rgba(190,232,246,.12); }
}
/* Compact desktop proportions from the full-width reference. */
@media (min-width: 1200px) {
 .dx-header { min-height: 104px; padding-top: 8px; padding-bottom: 8px; gap: 16px; }
 .dx-header .dx-logo { flex: 0 1 340px; }
 .dx-header .dx-logo img.dx-brand-logo { width: 340px; }
 .dx-nav .dx-menu > li > a { padding: 16px 14px; gap: 10px; font-size: 16px; }
 .dx-nav-ico .dx-ico { width: 27px; height: 27px; }
 .dx-header .dx-call { min-height: 82px; padding: 8px 26px 8px 10px; gap: 14px; }
 .dx-header .dx-call-ico { width: 56px; height: 56px; }
 .dx-header .dx-call-ico .dx-ico { width: 34px; height: 34px; }
 .dx-header .dx-call-text small { font-size: 18px; }
 .dx-header .dx-call-text strong { font-size: 27px; }
 .dx-header .dx-search-btn { width: 76px; height: 76px; box-shadow: 0 0 0 12px rgba(239,250,255,.78),0 0 0 21px rgba(190,232,246,.12); }
 .dx-header .dx-search-btn .dx-ico { width: 31px; height: 31px; }
 .dx-header .dx-actions { gap: 34px; }
}
@media (min-width: 1200px) and (max-width: 1799px) {
 .dx-header { min-height: 92px; gap: 12px; }
 .dx-header .dx-logo { flex-basis: 265px; }
 .dx-header .dx-logo img.dx-brand-logo { width: 265px; }
 .dx-nav .dx-menu > li > a { padding: 14px 10px; font-size: 14px; gap: 8px; }
 .dx-nav-ico .dx-ico { width: 24px; height: 24px; }
 .dx-header .dx-call { min-height: 72px; padding: 7px 23px 7px 8px; gap: 12px; }
 .dx-header .dx-call-ico { width: 48px; height: 48px; }
 .dx-header .dx-call-ico .dx-ico { width: 30px; height: 30px; }
 .dx-header .dx-call-text small { font-size: 15px; }
 .dx-header .dx-call-text strong { font-size: 23px; }
 .dx-header .dx-search-btn { width: 64px; height: 64px; }
 .dx-header .dx-actions { gap: 28px; }
}
@media (min-width: 1200px) and (max-width: 1399px) {
 .dx-header .dx-logo { flex-basis: 210px; }
 .dx-header .dx-logo img.dx-brand-logo { width: 210px; }
 .dx-nav .dx-menu > li > a { padding: 13px 8px; gap: 6px; }
 .dx-header .dx-call-text strong { font-size: 20px; }
 .dx-header .dx-call-text small { font-size: 14px; }
 .dx-header .dx-call-ico { width: 42px; height: 42px; }
 .dx-header .dx-search-btn { width: 58px; height: 58px; }
}

/* Rounded upper-right shoulder with a continuous slanted red edge. */
@media (min-width: 1200px) {
 .dx-header .dx-call::before {
  background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20400%20110%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22red%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%22.4%22%20y2%3D%221%22%3E%3Cstop%20stop-color%3D%22%23ff1233%22%2F%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%23f00020%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23dc0007%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22lip%22%3E%3Cstop%20stop-color%3D%22%23fff%22%2F%3E%3Cstop%20offset%3D%22.68%22%20stop-color%3D%22%23fff%22%20stop-opacity%3D%22.9%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fff%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22gloss%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%221%22%3E%3Cstop%20stop-color%3D%22%23fff%22%20stop-opacity%3D%22.2%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fff%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M30%206H306C337%206%20347%2017%20359%2041L389%2091Q395%20102%20381%20102H70C40%20102%2026%2091%2018%2068L6%2032Q-1%206%2030%206Z%22%20fill%3D%22url%28%23red%29%22%2F%3E%3Cpath%20d%3D%22M27%2015H301Q330%2015%20343%2030%22%20fill%3D%22none%22%20stroke%3D%22url%28%23lip%29%22%20stroke-width%3D%226%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M30%2015Q10%2015%2016%2035L23%2055%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%226%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M49%2022H298C326%2022%20337%2026%20349%2046L358%2062C337%2047%20324%2031%20293%2030H48Q27%2030%2028%2043Q20%2022%2049%2022Z%22%20fill%3D%22url%28%23gloss%29%22%2F%3E%3C%2Fsvg%3E');
 }
 .dx-header::before {
  right: 6.4%;
  border-top-right-radius: 72px 95px;
  border-bottom-right-radius: 10px 12px;
  background: linear-gradient(100deg,#fff 0%,#fcfdff 78%,rgba(242,245,255,.88) 91%,rgba(224,232,255,.38) 100%);
 }
}

/* Mobile uses the same swept silhouette and red contour as desktop. */
@media (max-width: 1199px) {
 .dx-header {
  background-color: transparent;
  background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22150%22%20height%3D%22114%22%20viewBox%3D%220%200%20150%20114%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22b%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220.3%22%20y2%3D%221%22%3E%3Cstop%20stop-color%3D%22%230054c9%22%2F%3E%3Cstop%20offset%3D%22.63%22%20stop-color%3D%22%23008ee6%22%2F%3E%3Cstop%20offset%3D%22.86%22%20stop-color%3D%22%2300d2f3%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23a9f3fa%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22w%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%221%22%20y2%3D%221%22%3E%3Cstop%20stop-color%3D%22%23fff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fcfdff%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url%28%23b%29%22%20d%3D%22M10%200H150V114H79C35%20114%209%2077%201%2021C-1%207%200%200%2010%200Z%22%2F%3E%3Cpath%20fill%3D%22url%28%23w%29%22%20d%3D%22M48%200H150V114H108C78%20114%2062%20100%2049%2073C39%2053%2030%2028%2029%2015C28%205%2035%200%2048%200Z%22%2F%3E%3C%2Fsvg%3E'),linear-gradient(90deg,transparent 59px,#fcfdff 59px,#fff 73%,transparent 93%);
  background-position: left top;
  background-size: 60px 100%,100% 100%;
  background-repeat: no-repeat;
  border: 0;
  border-radius: 8px 38px 38px 43px / 8px 40px 40px 70px;
  padding-left: 28px;
 }
 .dx-header::before {
  inset: 0 15% 0 59px;
  border-radius: 0 40px 8px 0;
  background: linear-gradient(100deg,#fcfdff 65%,rgba(235,243,255,.7));
 }
 .dx-header::after {
  content: "";
  position: absolute;
  z-index: -2;
  inset: 0 0 0 auto;
  width: 28%;
  border-radius: 0 40px 40px 0;
  background: linear-gradient(110deg,#0052b9,#008fd7 65%,rgba(107,219,239,.25));
  pointer-events: none;
 }
 .dx-header .dx-call {
  position: relative;
  isolation: isolate;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  filter: drop-shadow(0 0 5px rgba(255,0,50,.35));
 }
 .dx-header .dx-call::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: -3px -5px -3px -4px;
  background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20400%20110%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22red%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%22.4%22%20y2%3D%221%22%3E%3Cstop%20stop-color%3D%22%23ff1233%22%2F%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%23f00020%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23dc0007%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22lip%22%3E%3Cstop%20stop-color%3D%22%23fff%22%2F%3E%3Cstop%20offset%3D%22.68%22%20stop-color%3D%22%23fff%22%20stop-opacity%3D%22.9%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fff%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22gloss%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%221%22%3E%3Cstop%20stop-color%3D%22%23fff%22%20stop-opacity%3D%22.2%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fff%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M30%206H306C337%206%20347%2017%20359%2041L389%2091Q395%20102%20381%20102H70C40%20102%2026%2091%2018%2068L6%2032Q-1%206%2030%206Z%22%20fill%3D%22url%28%23red%29%22%2F%3E%3Cpath%20d%3D%22M27%2015H301Q330%2015%20343%2030%22%20fill%3D%22none%22%20stroke%3D%22url%28%23lip%29%22%20stroke-width%3D%226%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M30%2015Q10%2015%2016%2035L23%2055%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%226%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M49%2022H298C326%2022%20337%2026%20349%2046L358%2062C337%2047%20324%2031%20293%2030H48Q27%2030%2028%2043Q20%2022%2049%2022Z%22%20fill%3D%22url%28%23gloss%29%22%2F%3E%3C%2Fsvg%3E') center / 100% 100% no-repeat;
  pointer-events: none;
 }
 .dx-header .dx-burger {
  border: 0;
  border-radius: 50%;
  background: #fff;
  color: #0061e9;
  box-shadow: 0 0 0 5px rgba(239,250,255,.6);
 }
}
@media (max-width: 640px) {
 .dx-header { padding: 8px 12px 8px 25px; }
 .dx-header .dx-actions { gap: 14px; }
 .dx-header .dx-call { padding: 5px 10px 5px 5px; }
 .dx-header .dx-logo img.dx-brand-logo,
 .dx-header-wrap.is-stuck .dx-header .dx-logo img.dx-brand-logo { width: 150px; }
 .dx-header .dx-burger { width: 38px; height: 38px; }
}
/* Tail correction: dark blue above, transparent termination below the red tip. */
@media (min-width: 1200px) {
 .dx-header::after {
  background: linear-gradient(110deg,#0046ac 0%,#0067bf 52%,rgba(33,168,216,.7) 80%,transparent 100%);
  -webkit-mask-image: linear-gradient(90deg,#000 75%,transparent 100%),linear-gradient(180deg,#000 0%,#000 75%,transparent 100%);
  mask-image: linear-gradient(90deg,#000 75%,transparent 100%),linear-gradient(180deg,#000 0%,#000 75%,transparent 100%);
  -webkit-mask-composite: source-in;
  mask-composite: intersect;
 }
 .dx-header::before {
  right: 6.4%;
  border-bottom-right-radius: 16px 10px;
  background: linear-gradient(100deg,#fff 0%,#fcfdff 78%,rgba(242,245,255,.83) 91%,rgba(211,224,255,.22) 100%);
 }
 .dx-header .dx-call::before { inset: -6px -13px -4px -10px; }
}

/* White wave follows the call button instead of ending as a vertical panel. */
@media (min-width: 1200px) {
 .dx-header .dx-call::after {
  content: "";
  position: absolute;
  z-index: -2;
  inset: -14px -28px -13px -12px;
  background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20430%20130%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22wave%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%22.7%22%20y2%3D%221%22%3E%3Cstop%20stop-color%3D%22%23fff%22%20stop-opacity%3D%22.95%22%2F%3E%3Cstop%20offset%3D%22.43%22%20stop-color%3D%22%23e9eeff%22%20stop-opacity%3D%22.78%22%2F%3E%3Cstop%20offset%3D%22.75%22%20stop-color%3D%22%23cddcff%22%20stop-opacity%3D%22.56%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23eef0ff%22%20stop-opacity%3D%22.32%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M0%200H304C340%200%20354%2015%20368%2046L407%20112Q416%20130%20391%20130H0Z%22%20fill%3D%22url%28%23wave%29%22%2F%3E%3Cpath%20d%3D%22M0%201H304C340%201%20354%2016%20368%2046%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-opacity%3D%22.65%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E') center / 100% 100% no-repeat;
  pointer-events: none;
 }
 .dx-header::before {
  right: 22%;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  background: linear-gradient(90deg,#fcfdff 85%,rgba(252,253,255,.8));
 }
}
/* Extend the white wave visibly beyond the red button tip. */
@media (min-width: 1200px) {
 .dx-header .dx-call::after { right: -44px; bottom: -17px; }
}
/* Match the model: a narrow white ribbon, with a small rounded overhang. */
@media (min-width: 1200px) {
 .dx-header .dx-call::after {
  top: -10px;
  right: -27px;
  bottom: -10px;
  left: -12px;
  opacity: .92;
 }
}

/* White ribbon: continuous curved shoulder and rounded extension beyond red. */
@media (min-width: 1200px) {
 .dx-header .dx-call::after {
  inset: -11px -30px -11px -12px;
  opacity: 1;
  background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20430%20130%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22w%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%22.8%22%20y2%3D%221%22%3E%3Cstop%20stop-color%3D%22%23fff%22%20stop-opacity%3D%22.98%22%2F%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%23edf0ff%22%20stop-opacity%3D%22.85%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23dce4ff%22%20stop-opacity%3D%22.56%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M0%200H310C341%200%20358%2012%20372%2042L417%20111Q425%20127%20408%20127H0Z%22%20fill%3D%22url%28%23w%29%22%2F%3E%3Cpath%20d%3D%22M0%201H310C341%201%20358%2013%20372%2042%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-opacity%3D%22.8%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E');
 }
}

/* Remove the rectangular glow and give the ribbon its own rounded silhouette. */
@media (min-width: 1200px) {
 .dx-header .dx-call,
 .dx-header .dx-call:hover,
 .dx-header .dx-call:focus-visible { filter: none; box-shadow: none; }
 .dx-header .dx-call::before { filter: drop-shadow(0 0 7px rgba(255,0,50,.38)); }
 .dx-header .dx-call::after {
  background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20430%20130%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22w%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%22.8%22%20y2%3D%221%22%3E%3Cstop%20stop-color%3D%22%23fff%22%2F%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%23edf0ff%22%20stop-opacity%3D%22.85%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23dce4ff%22%20stop-opacity%3D%22.5%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M33%200H310C341%200%20358%2012%20372%2042L417%20111Q425%20127%20408%20127H76C42%20127%2024%20112%2013%2079L3%2038Q-7%200%2033%200Z%22%20fill%3D%22url%28%23w%29%22%2F%3E%3C%2Fsvg%3E');
  filter: none;
  box-shadow: none;
 }
 .dx-header::before {
  right: 22%;
  background: linear-gradient(90deg,#fcfdff 75%,rgba(252,253,255,.94) 90%,transparent 100%);
 }
}

/* Mobile call button: remove rectangular filter and retain the swept shape. */
@media (max-width: 1199px) {
 .dx-header .dx-call,
 .dx-header .dx-call:hover,
 .dx-header .dx-call:focus-visible {
  filter: none;
  box-shadow: none;
  background: transparent;
  border: 0;
  transform: none;
 }
 .dx-header .dx-call::before {
  inset: -2px -6px -2px -3px;
  filter: drop-shadow(0 2px 4px rgba(220,0,30,.22));
 }
 .dx-header .dx-call::after {
  content: "";
  position: absolute;
  z-index: -2;
  inset: -5px -11px -5px -5px;
  background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20430%20130%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22w%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%22.8%22%20y2%3D%221%22%3E%3Cstop%20stop-color%3D%22%23fff%22%2F%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%23edf0ff%22%20stop-opacity%3D%22.85%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23dce4ff%22%20stop-opacity%3D%22.5%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M33%200H310C341%200%20358%2012%20372%2042L417%20111Q425%20127%20408%20127H76C42%20127%2024%20112%2013%2079L3%2038Q-7%200%2033%200Z%22%20fill%3D%22url%28%23w%29%22%2F%3E%3C%2Fsvg%3E') center / 100% 100% no-repeat;
  pointer-events: none;
 }
 .dx-header .dx-call-ico { background: transparent; box-shadow: none; }
}
@media (max-width: 640px) {
 .dx-header { min-height: 68px; padding: 8px 12px 8px 23px; gap: 8px; }
 .dx-header .dx-actions { flex: none; gap: 16px; }
 .dx-header .dx-call { min-height: 40px; padding: 5px 11px 5px 5px; gap: 4px; }
 .dx-header .dx-call-ico { width: 25px; height: 25px; }
 .dx-header .dx-call-ico .dx-ico { width: 19px; height: 19px; }
 .dx-header .dx-call-short { font-size: 12px; line-height: 1; }
 .dx-header .dx-logo img.dx-brand-logo,
 .dx-header-wrap.is-stuck .dx-header .dx-logo img.dx-brand-logo { width: 150px; height: auto; max-width: 100%; }
 .dx-header .dx-burger { width: 36px; height: 36px; }
}
@media (max-width: 360px) {
 .dx-header .dx-call-short { display: inline; }
 .dx-header .dx-call { padding-right: 8px; }
 .dx-header .dx-logo img.dx-brand-logo,
 .dx-header-wrap.is-stuck .dx-header .dx-logo img.dx-brand-logo { width: 125px; }
}
/* Smaller desktop navigation; mobile rules stay unchanged. */
@media (min-width: 1200px) {
 .dx-header { min-height: 88px; padding-top: 6px; padding-bottom: 6px; gap: 12px; }
 .dx-header .dx-logo { flex-basis: 285px; }
 .dx-header .dx-logo img.dx-brand-logo { width: 285px; }
 .dx-nav .dx-menu > li > a { padding: 13px 12px; gap: 8px; font-size: 15px; border-radius: 18px; }
 .dx-nav-ico .dx-ico { width: 24px; height: 24px; }
 .dx-header .dx-call { min-height: 68px; padding: 6px 23px 6px 8px; gap: 11px; }
 .dx-header .dx-call-ico { width: 46px; height: 46px; }
 .dx-header .dx-call-ico .dx-ico { width: 28px; height: 28px; }
 .dx-header .dx-call-text small { font-size: 15px; }
 .dx-header .dx-call-text strong { font-size: 23px; }
 .dx-header .dx-search-btn { width: 60px; height: 60px; box-shadow: 0 0 0 10px rgba(239,250,255,.78),0 0 0 17px rgba(190,232,246,.12); }
 .dx-header .dx-search-btn .dx-ico { width: 27px; height: 27px; }
 .dx-header .dx-actions { gap: 29px; }
 .dx-header-wrap.is-stuck .dx-header { min-height: 80px; }
 .dx-header-wrap.is-stuck .dx-header .dx-logo img.dx-brand-logo { width: 240px; }
}
@media (min-width: 1200px) and (max-width: 1799px) {
 .dx-header { min-height: 80px; gap: 10px; }
 .dx-header .dx-logo { flex-basis: 230px; }
 .dx-header .dx-logo img.dx-brand-logo { width: 230px; }
 .dx-nav .dx-menu > li > a { padding: 12px 9px; font-size: 14px; gap: 7px; }
 .dx-nav-ico .dx-ico { width: 22px; height: 22px; }
 .dx-header .dx-call { min-height: 60px; padding: 6px 20px 6px 7px; gap: 9px; }
 .dx-header .dx-call-ico { width: 40px; height: 40px; }
 .dx-header .dx-call-text small { font-size: 13px; }
 .dx-header .dx-call-text strong { font-size: 20px; }
 .dx-header .dx-search-btn { width: 54px; height: 54px; }
 .dx-header .dx-actions { gap: 25px; }
}
@media (min-width: 1200px) and (max-width: 1399px) {
 .dx-header .dx-logo { flex-basis: 195px; }
 .dx-header .dx-logo img.dx-brand-logo { width: 195px; }
 .dx-nav .dx-menu > li > a { padding: 11px 7px; font-size: 13px; }
 .dx-header .dx-call-text strong { font-size: 19px; }
}
/* Keep the blue tail behind search, without a rectangular block behind call. */
@media (min-width: 1200px) {
 .dx-header::after { width: 10%; }
 .dx-header::before {
  right: 10%;
  border-radius: 0;
  background: #fcfdff;
 }
}
/* Mobile: keep blue confined to the round menu end. */
@media (max-width: 1199px) {
 .dx-header::after { width: 15%; }
 .dx-header::before {
  right: 15%;
  border-radius: 0;
  background: #fcfdff;
 }
}
/* Remove the blue rectangular layer at every screen width. */
.dx-header::after { display: none !important; }
.dx-header::before {
 right: 0;
 border-top-right-radius: 60px;
 border-bottom-right-radius: 60px;
 background: linear-gradient(90deg,#fcfdff 0%,#fcfdff 83%,rgba(242,249,255,.9) 91%,rgba(226,244,255,.25) 98%,transparent 100%);
}

/* Compact shaped blue tail, as in the full-menu reference. */
.dx-header::after {
 display: block !important;
 content: "";
 position: absolute;
 z-index: -1;
 top: 0;
 right: 0;
 bottom: 0;
 left: auto;
 width: 150px;
 border-radius: 0;
 background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20200%2080%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22b%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%221%22%20y2%3D%22.7%22%3E%3Cstop%20stop-color%3D%22%230051bd%22%2F%3E%3Cstop%20offset%3D%22.55%22%20stop-color%3D%22%23008ce5%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2360dfef%22%20stop-opacity%3D%22.55%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M0%200H160C182%200%20200%2018%20200%2040S182%2080%20160%2080H66C78%2080%2077%2072%2069%2056L47%2020C38%205%2027%200%200%200Z%22%20fill%3D%22url%28%23b%29%22%2F%3E%3C%2Fsvg%3E') center / 100% 100% no-repeat;
 -webkit-mask-image: none;
 mask-image: none;
 pointer-events: none;
}
.dx-header::before { z-index: -2; }
@media (max-width: 1199px) {
 .dx-header::after { width: 92px; }
}
/* Round the header background itself, not just the blue decorative layer. */
.dx-header {
 border-top-right-radius: 999px;
 border-bottom-right-radius: 999px;
 background-clip: padding-box;
}
.dx-header::before {
 border-top-right-radius: 999px;
 border-bottom-right-radius: 999px;
}
/* No rectangular frame or container shadow outside the shaped header. */
body.dx-header-on .dx-header-wrap {
 background: transparent !important;
 border: 0 !important;
 box-shadow: none !important;
}
body.dx-header-on .dx-header,
body.dx-header-on .dx-header-wrap.is-stuck .dx-header {
 background-color: transparent !important;
 border: 0 !important;
 outline: 0;
 box-shadow: none !important;
 filter: none !important;
}
body.dx-header-on .dx-header::before,
body.dx-header-on .dx-header::after {
 box-shadow: none !important;
 filter: none !important;
}
/* More breathing room between desktop navigation buttons. */
@media (min-width: 1200px) {
 .dx-header .dx-nav .dx-menu { gap: clamp(14px,1.5vw,30px); }
}
@media (min-width: 1200px) and (max-width: 1399px) {
 .dx-header .dx-nav .dx-menu { gap: 12px; }
}