.site-header {position: relative;z-index: 10;}
.brand-bar {background-color: #f5f1ed;background-image: url("../images/company-header-background.png");background-position: center;background-size: cover;background-repeat: no-repeat;}
.brand-bar__container {display: flex;align-items: center;gap: 1.5rem;position: relative;}
.brand-bar__logo-link {flex: 0 0 180px;}
.brand-bar__logo {max-width: none;}
.brand-bar__content {flex: 1;}
.brand-bar__row {display: flex;align-items: flex-start;justify-content: space-between;gap: 1rem;}
.brand-bar__title {margin: 0;color: #8d542d;font-size: 1.75rem;font-weight: 700;line-height: 1.15;}
.brand-bar__subtitle {margin: 0.5rem 0 0;color: var(--color-text-muted);font-size: 1.125rem;line-height: 1.2;}
.brand-bar__badges {display: flex;align-items: center;gap: 0.75rem;padding-top: 0.25rem;}
.brand-bar__badges img {width: 20px;height: 20px;}
.brand-bar__meta {display: flex;gap: 1.5rem;margin-top: 0.875rem;color: var(--color-text-muted);font-size: 1rem;line-height: 1.5;position: relative;}
.brand-bar__meta a {color: var(--color-text-muted);}
.nav-shell {width: 100%;}
.site-navbar {background: var(--color-primary);}
.site-navbar__container {align-items: center;gap: 1rem;min-height: 48px;}
.site-navbar__menu {display: flex;gap: 2rem;margin-right: auto;}
.site-navbar__link {padding: 0.75rem 0;color: #fff;font-size: 1rem;font-weight: 500;line-height: 1.5;}
.site-navbar__link:hover,
.site-navbar__link:focus,
.site-navbar__link.is-active {color: #fff;opacity: 1;}
.site-navbar__search {display: flex;align-items: center;gap: 0.625rem;border-radius: var(--radius-pill);background: #fff;padding: 0.5rem 1rem;min-width: 240px;}
.site-navbar__search input {flex: 1;border: 0;outline: 0;padding: 0;color: var(--color-text);font-size: 0.875rem;}
.site-navbar__search input::placeholder {color: rgb(10 10 10 / 0.5);}
.site-navbar__search button {padding: 0;border: 0;background-color: unset;}
.site-navbar__search img {width: 16px;height: 16px;}
.site-navbar__dropdown {border: 1px solid var(--color-border);border-radius: 12px;padding: 0.5rem;}
.site-navbar__dropdown .dropdown-item {border-radius: 8px;padding: 0.625rem 0.875rem;font-size: 0.9375rem;}
.site-navbar__dropdown .dropdown-item:hover,
.site-navbar__dropdown .dropdown-item:focus {background: #f3ede8;}
.site-navbar__toggler {border: 0;box-shadow: none;}
.site-offcanvas {max-width: 320px;}
.site-offcanvas__title {margin: 0;color: var(--color-heading);font-size: 1.25rem;font-weight: 700;}
.site-offcanvas__menu {display: flex;flex-direction: column;gap: 1rem;}
.site-offcanvas__item {display: flex;flex-direction: column;gap: 0.75rem;}
.site-offcanvas__menu a {color: var(--color-text);font-size: 1rem;font-weight: 500;}
.site-offcanvas__toggle {display: flex;align-items: center;justify-content: space-between;padding: 0;width: 100%;color: var(--color-text);font-size: 1rem;font-weight: 500;line-height: 1.5;text-align: left;border: 0;background-color: transparent;}
.site-offcanvas__toggle img {width: 16px;height: 16px;transition: transform var(--transition-base);}
.site-offcanvas__toggle[aria-expanded="true"] img {transform: rotate(180deg);}
.site-offcanvas__submenu {display: flex;flex-direction: column;gap: 0.75rem;border-left: 2px solid #ede3db;padding-left: 1rem;}
.site-offcanvas__submenu a {color: var(--color-text-muted);font-size: 0.9375rem;font-weight: 500;}
.qcode_box{position: absolute;left: 20%;top: 50%; transform: translateY(-65%);display: flex;align-items: center;justify-content: center;gap: 1rem;}
.qcode_box img{width: 72px;height: 72px;}
@media (max-width: 1399.98px) {
	.site-navbar__menu {gap: 1.5rem;}
	.qcode_box{left: 28%;}
}
@media (max-width: 1199.98px) {
	.brand-bar__title {font-size: 1.5rem;}
	.brand-bar__meta {flex-wrap: wrap;gap: 0.75rem 1.5rem;}
}
@media (max-width: 991.98px) {
	.site-navbar__container {min-height: 64px;}
	.site-navbar__brand {color: #fff;font-size: 1rem;font-weight: 700;letter-spacing: 0.08em;width: 90px;}
	.site-navbar .navbar-collapse {display: none;}
	.brand-bar__container,
	.brand-bar__row {align-items: flex-start;}
	.brand-bar__container {flex-direction: column;}
	.brand-bar__logo-link {flex-basis: auto;}
	.brand-bar__badges {display: none;}
}
@media (max-width: 767.98px) {
	.brand-bar__container {padding-top: 1rem;padding-bottom: 1rem;}
	/* .brand-bar__logo {width: 132px;} */
	.brand-bar__title {font-size: 1.25rem;}
	.brand-bar__subtitle,
	.brand-bar__meta {font-size: 0.9375rem;}
}
@media (max-width: 575.98px) {
	.brand-bar__meta {flex-direction: column;gap: 0.375rem;}
}
@media (max-width: 360px) {
	.brand-bar__title {font-size: 1.0625rem;}
}