:root {
			--mrbus-header-height: 146px;
		}

		html {
			scroll-behavior: smooth;
			scroll-padding-top: var(--mrbus-header-height);
		}

		body {
			margin: 0;
			padding-top: var(--mrbus-header-height);
		}

		body.admin-bar .mrbus-header {
			top: 32px;
		}

		@media (max-width: 782px) {
			body.admin-bar .mrbus-header {
				top: 46px;
			}
		}

		.mrbus-header,
		.mrbus-header * {
			box-sizing: border-box;
		}

		.mrbus-header {
			position: fixed;
			top: 0;
			left: 0;
			right: 0;
			z-index: 999999;
			width: 100%;
			font-family: Arial, Helvetica, sans-serif;
			background:
				radial-gradient(circle at 8% 0%, rgba(19,168,238,.18), transparent 32%),
				radial-gradient(circle at 88% 0%, rgba(138,21,56,.12), transparent 28%),
				linear-gradient(180deg, rgba(248,253,255,.98), rgba(234,248,255,.96));
			backdrop-filter: blur(18px);
			-webkit-backdrop-filter: blur(18px);
			border-bottom: 1px solid rgba(7,95,159,.14);
			box-shadow: 0 14px 36px rgba(4,74,130,.11);
		}

		.mrbus-header:after {
			content: '';
			position: absolute;
			left: 0;
			right: 0;
			bottom: 0;
			height: 4px;
			background: linear-gradient(90deg,#8A1538 0%,#9B1B47 48%,#FFFFFF 100%);
		}

		.mrbus-header-shell {
			width: calc(100% - 2cm);
			max-width: 1920px;
			margin: 0 auto;
		}

		.mrbus-header-top {
			display: flex;
			align-items: center;
			justify-content: space-between;
			gap: 18px;
			padding: 8px 0;
			color: #38536d;
			font-size: 13px;
			line-height: 1.4;
		}

		.mrbus-header-top-left,
		.mrbus-header-top-right {
			display: flex;
			align-items: center;
			flex-wrap: wrap;
			gap: 12px;
		}

		.mrbus-header-pill {
			display: inline-flex;
			align-items: center;
			gap: 7px;
			padding: 7px 11px;
			border-radius: 999px;
			background: rgba(255,255,255,.84);
			border: 1px solid rgba(196,232,255,.95);
			color: #38536d;
			text-decoration: none !important;
			font-weight: 800;
			box-shadow: 0 8px 18px rgba(5,103,180,.06);
			white-space: nowrap;
		}

		.mrbus-header-pill:hover {
			color: #075fb0;
		}

		.mrbus-socials {
			display: flex;
			align-items: center;
			gap: 8px;
		}

		.mrbus-socials a {
			width: 34px;
			height: 34px;
			display: inline-flex;
			align-items: center;
			justify-content: center;
			border-radius: 12px;
			background: #ffffff;
			border: 1px solid rgba(196,232,255,.96);
			color: #075fb0;
			text-decoration: none !important;
			box-shadow: 0 8px 18px rgba(5,103,180,.08);
			transition: .2s ease;
		}

		.mrbus-socials a:hover {
			transform: translateY(-2px);
			color: #ffffff;
			background: linear-gradient(135deg,#075fb0,#13a8ee);
			border-color: transparent;
		}

		.mrbus-socials svg {
			width: 17px;
			height: 17px;
			fill: currentColor;
		}

		.mrbus-header-main {
			position: relative;
			display: grid;
			grid-template-columns: auto minmax(0, 1fr) auto;
			align-items: center;
			gap: 18px;
			padding: 13px 0 17px;
		}

		.mrbus-brand {
			display: inline-flex;
			align-items: center;
			gap: 12px;
			text-decoration: none !important;
			min-width: max-content;
		}

		.mrbus-brand-mark {
			width: 54px;
			height: 54px;
			border-radius: 19px;
			display: inline-flex;
			align-items: center;
			justify-content: center;
			background:
				radial-gradient(circle at 35% 20%, rgba(255,255,255,.28), transparent 34%),
				linear-gradient(135deg,#063b70,#13a8ee);
			box-shadow: 0 16px 34px rgba(5,103,180,.22);
			color: #ffffff;
			font-weight: 950;
			font-size: 18px;
			letter-spacing: -.6px;
			position: relative;
			overflow: hidden;
		}

		.mrbus-brand-mark:after {
			content: '';
			position: absolute;
			width: 42px;
			height: 5px;
			border-radius: 999px;
			background: linear-gradient(90deg,#8A1538,#FFFFFF);
			bottom: 8px;
			left: 50%;
			transform: translateX(-50%);
		}

		.mrbus-brand-text {
			display: flex;
			flex-direction: column;
			line-height: 1;
		}

		.mrbus-logo-line {
			display: inline-flex;
			align-items: baseline;
			gap: 6px;
			font-weight: 950;
			font-size: 31px;
			letter-spacing: -.9px;
		}

		.mrbus-logo-line .mrbus-blue {
			color: #075fb0;
		}

		.mrbus-logo-line .mrbus-red {
			color: #8A1538;
		}

		.mrbus-tagline {
			margin-top: 6px;
			color: #49647b;
			font-size: 12.5px;
			font-weight: 850;
			letter-spacing: .2px;
		}

		.mrbus-nav {
			display: flex;
			align-items: center;
			justify-content: center;
			gap: 4px;
			padding: 6px;
			border-radius: 20px;
			background: rgba(255,255,255,.58);
			border: 1px solid rgba(196,232,255,.76);
			box-shadow: inset 0 1px 0 rgba(255,255,255,.75);
			min-width: 0;
		}

		.mrbus-nav a {
			position: relative;
			display: inline-flex;
			align-items: center;
			padding: 10px 10px;
			border-radius: 14px;
			color: #143855;
			font-size: 13.5px;
			font-weight: 900;
			line-height: 1.2;
			text-decoration: none !important;
			transition: .2s ease;
			border-bottom: 0 !important;
			white-space: nowrap;
		}

		.mrbus-nav a:hover,
		.mrbus-nav a:focus {
			color: #075fb0;
			background: #ffffff;
			box-shadow: 0 10px 22px rgba(5,103,180,.10);
			transform: translateY(-1px);
		}

		.mrbus-header-actions {
			display: flex;
			align-items: center;
			justify-content: flex-end;
			gap: 10px;
			min-width: max-content;
		}

		.mrbus-header-btn {
			display: inline-flex;
			align-items: center;
			justify-content: center;
			min-height: 45px;
			padding: 12px 15px;
			border-radius: 15px;
			font-size: 14px;
			font-weight: 950;
			text-decoration: none !important;
			border-bottom: 0 !important;
			transition: .2s ease;
			white-space: nowrap;
		}

		.mrbus-header-btn:hover {
			transform: translateY(-2px);
		}

		.mrbus-header-btn-primary {
			color: #ffffff !important;
			background: linear-gradient(135deg,#075fb0,#13a8ee);
			box-shadow: 0 12px 28px rgba(5,103,180,.20);
		}

		.mrbus-header-btn-secondary {
			color: #075fb0 !important;
			background: #ffffff;
			border: 1px solid #bfe8ff;
			box-shadow: 0 10px 22px rgba(5,103,180,.08);
		}

		.mrbus-mobile-toggle {
			position: absolute;
			opacity: 0;
			pointer-events: none;
		}

		.mrbus-mobile-button {
			display: none;
			width: 46px;
			height: 46px;
			border-radius: 15px;
			background: #ffffff;
			border: 1px solid #bfe8ff;
			align-items: center;
			justify-content: center;
			cursor: pointer;
			box-shadow: 0 10px 22px rgba(5,103,180,.08);
		}

		.mrbus-mobile-button span,
		.mrbus-mobile-button span:before,
		.mrbus-mobile-button span:after {
			display: block;
			width: 22px;
			height: 2px;
			border-radius: 99px;
			background: #075fb0;
			position: relative;
			content: '';
			transition: .2s ease;
		}

		.mrbus-mobile-button span:before {
			position: absolute;
			top: -7px;
		}

		.mrbus-mobile-button span:after {
			position: absolute;
			top: 7px;
		}

		.mrbus-mobile-toggle:checked + .mrbus-mobile-button span {
			background: transparent;
		}

		.mrbus-mobile-toggle:checked + .mrbus-mobile-button span:before {
			top: 0;
			transform: rotate(45deg);
		}

		.mrbus-mobile-toggle:checked + .mrbus-mobile-button span:after {
			top: 0;
			transform: rotate(-45deg);
		}

		@media (max-width: 1380px) {
			.mrbus-header-shell {
				width: calc(100% - 44px);
			}

			.mrbus-logo-line {
				font-size: 28px;
			}

			.mrbus-nav a {
				font-size: 13px;
				padding: 9px 8px;
			}

			.mrbus-header-btn {
				padding: 11px 13px;
			}
		}

		@media (max-width: 1220px) {
			:root {
				--mrbus-header-height: 114px;
			}

			.mrbus-header-main {
				grid-template-columns: auto auto;
				justify-content: space-between;
			}

			.mrbus-mobile-button {
				display: inline-flex;
			}

			.mrbus-nav,
			.mrbus-header-actions {
				display: none;
			}

			.mrbus-mobile-toggle:checked ~ .mrbus-nav {
				display: grid;
				position: absolute;
				left: 0;
				right: 0;
				top: calc(100% + 12px);
				grid-template-columns: 1fr;
				gap: 8px;
				padding: 16px;
				border-radius: 24px 24px 0 0;
				background: rgba(255,255,255,.99);
				border: 1px solid rgba(196,232,255,.96);
				border-bottom: 0;
				box-shadow: 0 22px 58px rgba(4,74,130,.16);
			}

			.mrbus-mobile-toggle:checked ~ .mrbus-header-actions {
				display: grid;
				position: absolute;
				left: 0;
				right: 0;
				top: calc(100% + 338px);
				grid-template-columns: 1fr;
				gap: 10px;
				padding: 0 16px 18px;
				background: rgba(255,255,255,.99);
				border-left: 1px solid rgba(196,232,255,.96);
				border-right: 1px solid rgba(196,232,255,.96);
				border-bottom: 1px solid rgba(196,232,255,.96);
				border-radius: 0 0 24px 24px;
				box-shadow: 0 22px 58px rgba(4,74,130,.16);
			}

			.mrbus-mobile-toggle:checked ~ .mrbus-nav a,
			.mrbus-mobile-toggle:checked ~ .mrbus-header-actions a {
				width: 100%;
			}
		}

		@media (max-width: 800px) {
			:root {
				--mrbus-header-height: 105px;
			}

			.mrbus-header-shell {
				width: calc(100% - 18px);
			}

			.mrbus-header-top {
				justify-content: center;
				text-align: center;
				padding: 7px 0;
			}

			.mrbus-header-top-left {
				display: none;
			}

			.mrbus-header-top-right {
				justify-content: center;
			}

			.mrbus-header-main {
				padding: 10px 0 14px;
			}

			.mrbus-logo-line {
				font-size: 25px;
			}

			.mrbus-brand-mark {
				width: 46px;
				height: 46px;
				border-radius: 16px;
			}

			.mrbus-tagline {
				font-size: 11px;
			}

			.mrbus-mobile-toggle:checked ~ .mrbus-nav {
				top: calc(100% + 10px);
			}

			.mrbus-mobile-toggle:checked ~ .mrbus-header-actions {
				top: calc(100% + 336px);
			}
		}

		@media (max-width: 480px) {
			:root {
				--mrbus-header-height: 98px;
			}

			.mrbus-brand {
				gap: 9px;
			}

			.mrbus-logo-line {
				font-size: 22px;
			}

			.mrbus-tagline {
				display: none;
			}

			.mrbus-socials a {
				width: 32px;
				height: 32px;
			}

			.mrbus-header-main {
				gap: 10px;
			}
		}

/* MR BUS Qatar v1.1 corporate logo and Qatar-flag accent refinement */
.mrbus-header:after{
	background:linear-gradient(90deg,#8A1538 0%,#9B1B47 54%,#ffffff 100%) !important;
}
.mrbus-brand-mark{
	width:60px !important;
	height:60px !important;
	border-radius:20px !important;
	background:linear-gradient(135deg,#8A1538 0%,#5f0a28 100%) !important;
	box-shadow:0 18px 38px rgba(138,21,56,.28) !important;
	border:1px solid rgba(255,255,255,.60) !important;
}
.mrbus-brand-mark > span{position:relative;z-index:2;}
.mrbus-brand-mark:before{
	content:'';
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	width:19px;
	background:#ffffff;
	clip-path:polygon(0 0,100% 6%,0 12%,100% 18%,0 24%,100% 30%,0 36%,100% 42%,0 48%,100% 54%,0 60%,100% 66%,0 72%,100% 78%,0 84%,100% 90%,0 96%,100% 100%,0 100%);
	opacity:.98;
}
.mrbus-brand-mark:after{
	content:'QA' !important;
	position:absolute !important;
	right:8px !important;
	bottom:7px !important;
	left:auto !important;
	width:auto !important;
	height:auto !important;
	border-radius:999px !important;
	padding:3px 6px !important;
	background:rgba(255,255,255,.18) !important;
	color:#ffffff !important;
	font-size:9px !important;
	font-weight:950 !important;
	letter-spacing:.5px !important;
	transform:none !important;
}
.mrbus-logo-line .mrbus-red{color:#8A1538 !important;}
.mrbus-header-btn-primary,
.mrbus-socials a:hover{
	background:linear-gradient(135deg,#8A1538,#9B1B47) !important;
}
.mrbus-header-btn-secondary:hover,
.mrbus-nav a:hover,
.mrbus-nav a:focus,
.mrbus-header-pill:hover{color:#8A1538 !important;}

/* MR BUS Qatar corporate flag-color override */
:root{--mrbus-qatar-maroon:#8A1538;--mrbus-qatar-maroon-2:#9B1B47;--mrbus-qatar-maroon-dark:#5d0f29;--mrbus-qatar-white:#ffffff;}
.mrbus-header:after{background:linear-gradient(90deg,#8A1538 0%,#9B1B47 52%,#ffffff 100%) !important;}
.mrbus-brand{gap:14px !important;}
.mrbus-brand-mark{
  width:62px !important;height:62px !important;border-radius:20px !important;
  background:linear-gradient(135deg,#5d0f29 0%,#8A1538 52%,#a32152 100%) !important;
  color:#fff !important;box-shadow:0 16px 32px rgba(138,21,56,.26), inset 0 1px 0 rgba(255,255,255,.32) !important;
  border:1px solid rgba(255,255,255,.52) !important;overflow:hidden !important;position:relative !important;
}
.mrbus-brand-mark:before{
  content:'' !important;position:absolute !important;left:-6px !important;top:0 !important;width:23px !important;height:100% !important;
  background:linear-gradient(180deg,#fff,#f6f7fb) !important;
  clip-path:polygon(0 0,100% 7%,42% 14%,100% 21%,42% 28%,100% 35%,42% 42%,100% 49%,42% 56%,100% 63%,42% 70%,100% 77%,42% 84%,100% 91%,0 100%) !important;
  opacity:.98 !important;z-index:1 !important;
}
.mrbus-brand-mark:after{
  content:'' !important;position:absolute !important;right:7px !important;bottom:7px !important;width:11px !important;height:11px !important;border-radius:999px !important;background:#fff !important;opacity:.72 !important;box-shadow:0 0 0 6px rgba(255,255,255,.1) !important;
}
.mrbus-brand-mark > span{position:relative !important;z-index:2 !important;font-weight:950 !important;letter-spacing:-.04em !important;font-size:22px !important;padding-left:8px !important;}
.mrbus-logo-line .mrbus-red{color:#8A1538 !important;font-weight:950 !important;letter-spacing:.06em !important;}
.mrbus-header-btn-primary,.mrbus-nav a:hover{background:linear-gradient(135deg,#8A1538,#9B1B47) !important;color:#fff !important;}
.mrbus-header-btn-secondary{border-color:rgba(138,21,56,.24) !important;color:#8A1538 !important;}
.mrbus-socials a:hover{background:#8A1538 !important;color:#fff !important;}
@media(max-width:560px){.mrbus-brand-mark{width:52px !important;height:52px !important;border-radius:17px !important}.mrbus-brand-mark > span{font-size:19px !important}}


/* MR BUS Qatar v1.2 corporate logo and source-clean frontend refinements */
body.admin-bar .mrbus-header{top:0!important;}
html{margin-top:0!important;}
.mrbus-brand{gap:14px;}
.mrbus-brand-mark{
    width:66px!important;
    height:58px!important;
    border-radius:18px!important;
    background:
        linear-gradient(90deg,#ffffff 0 31%,#8A1538 31% 100%)!important;
    border:1px solid rgba(138,21,56,.22)!important;
    box-shadow:0 18px 42px rgba(138,21,56,.18), inset 0 1px 0 rgba(255,255,255,.82)!important;
    color:#ffffff!important;
}
.mrbus-brand-mark:before{
    content:'';
    position:absolute;
    left:18px;
    top:0;
    bottom:0;
    width:16px;
    background:
        linear-gradient(135deg, transparent 0 24%, #8A1538 24% 36%, transparent 36% 48%, #8A1538 48% 60%, transparent 60% 72%, #8A1538 72% 84%, transparent 84%);
    opacity:1;
}
.mrbus-brand-mark:after{
    display:none!important;
}
.mrbus-brand-mark span{
    position:relative;
    z-index:2;
    font-size:20px;
    letter-spacing:-1px;
    color:#073763;
    margin-left:-22px;
    text-shadow:0 1px 0 rgba(255,255,255,.55);
}
.mrbus-brand-mark em{
    position:absolute;
    right:8px;
    bottom:6px;
    z-index:2;
    font-style:normal;
    font-size:10px;
    font-weight:950;
    letter-spacing:.8px;
    color:#ffffff;
    opacity:.94;
}
.mrbus-logo-line{font-size:33px!important;letter-spacing:-1.1px!important;}
.mrbus-logo-line .mrbus-blue{color:#073763!important;}
.mrbus-logo-line .mrbus-red{color:#8A1538!important;margin-left:3px;}
.mrbus-tagline{font-size:12px!important;color:#3b536b!important;letter-spacing:.1px!important;}
.mrbus-header-btn-primary{box-shadow:0 14px 28px rgba(138,21,56,.2)!important;}


/* MR BUS Qatar v1.3 supplied header logo */
.mrbus-brand-image-shell{
	width:78px;
	height:78px;
	min-width:78px;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	padding:3px;
	border-radius:18px;
	background:rgba(255,255,255,.94);
	border:1px solid rgba(138,21,56,.22);
	box-shadow:0 16px 34px rgba(138,21,56,.14),0 10px 24px rgba(5,103,180,.08);
	overflow:hidden;
}
.mrbus-brand-logo-image{
	display:block;
	width:100%;
	height:100%;
	object-fit:contain;
	filter:drop-shadow(0 6px 8px rgba(6,35,60,.10));
}
.mrbus-brand-mark{display:none!important;}
@media(max-width:1280px){
	:root{--mrbus-header-height:152px;}
	.mrbus-brand-image-shell{width:70px;height:70px;min-width:70px;}
	.mrbus-logo-line{font-size:27px;}
	.mrbus-tagline{font-size:11.5px;}
}
@media(max-width:900px){
	:root{--mrbus-header-height:124px;}
	.mrbus-brand-image-shell{width:58px;height:58px;min-width:58px;border-radius:15px;}
}
@media(max-width:560px){
	.mrbus-brand-image-shell{width:54px;height:54px;min-width:54px;}
}


/* MR BUS Qatar v1.7 header buttons: quote and WhatsApp separated like the reference layout */
.mrbus-header-actions{
	display:flex!important;
	align-items:center!important;
	gap:12px!important;
}
.mrbus-header-btn-secondary{
	background:#ffffff!important;
	color:#073763!important;
	border:1px solid rgba(196,232,255,.95)!important;
	box-shadow:0 12px 24px rgba(4,74,130,.08)!important;
}
.mrbus-header-btn-whatsapp{
	background:linear-gradient(135deg,#087a3a,#0aa85a)!important;
	color:#ffffff!important;
	border:1px solid rgba(10,168,90,.15)!important;
	box-shadow:0 16px 30px rgba(10,126,72,.22)!important;
}
.mrbus-header-btn-whatsapp:hover{
	transform:translateY(-1px);
	box-shadow:0 20px 36px rgba(10,126,72,.28)!important;
}
@media(max-width:980px){
	.mrbus-header-actions{gap:8px!important;}
	.mrbus-header-btn-whatsapp,.mrbus-header-btn-secondary{padding:10px 13px!important;}
}


/* MR BUS Qatar v1.8 global WhatsApp route trigger */
.mrbus-header-actions{display:flex!important;align-items:center!important;gap:12px!important;}
.mrbus-header-btn{cursor:pointer!important;}
.mrbus-header-btn-whatsapp{
	background:linear-gradient(135deg,#087a3a,#0aa85a)!important;
	color:#fff!important;
	border:1px solid rgba(10,168,90,.18)!important;
	box-shadow:0 16px 30px rgba(10,126,72,.22)!important;
}
.mrbus-header-btn-whatsapp:hover{transform:translateY(-1px);box-shadow:0 20px 36px rgba(10,126,72,.28)!important;}


/* MR BUS Qatar v2.0 separated header actions */
.mrbus-header-actions{display:flex!important;align-items:center!important;gap:12px!important;}
.mrbus-header-actions .mrbus-header-btn{cursor:pointer!important;border:0;white-space:nowrap;}
.mrbus-header-btn-secondary{background:#fff!important;color:#073763!important;border:1px solid rgba(196,232,255,.95)!important;box-shadow:0 12px 24px rgba(4,74,130,.08)!important;}
.mrbus-header-btn-whatsapp{background:linear-gradient(135deg,#087a3a,#0aa85a)!important;color:#fff!important;border:1px solid rgba(10,168,90,.18)!important;box-shadow:0 16px 30px rgba(10,126,72,.22)!important;}

.mrbus-header-actions a.mrbus-header-btn{text-decoration:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;}
