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

.klyra-header {
	position: relative;
	z-index: 20;
	width: 100%;
	color: inherit;
	font-family: inherit;
}

.klyra-header.is-full-bleed {
	width: 100vw;
	max-width: 100vw;
	margin-right: calc(50% - 50vw);
	margin-left: calc(50% - 50vw);
}

.klyra-header.is-sticky {
	position: sticky;
}

.klyra-header-inner {
	width: 100%;
	max-width: min(var(--klyra-header-content-width, 1600px), calc(100vw - 48px));
	margin-inline: auto;
	padding-right: 24px;
	padding-left: 24px;
}

.klyra-benefit-strip,
.klyra-main-header {
	width: 100%;
	background-color: transparent;
}

.klyra-benefit-strip {
	background-color: #580711;
	padding-block: 15px;
}

.klyra-main-header {
	background-color: #fff;
}

.klyra-benefit-list {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	align-items: center;
}

.klyra-benefit-item {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: .6em;
	min-width: 0;
	color: #fff;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.2;
	text-transform: uppercase;
	text-decoration: none;
}

.klyra-benefit-icon,
.klyra-action,
.klyra-menu-toggle,
.klyra-drawer-close,
.klyra-search-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
}

.klyra-benefit-icon {
	color: #b98a3e;
	font-size: 18px;
}

.klyra-benefit-icon svg,
.klyra-action svg,
.klyra-menu-toggle svg,
.klyra-drawer-close svg,
.klyra-search-button svg {
	display: block;
	width: 1em;
	height: 1em;
	fill: currentColor;
}

.klyra-main-header > .klyra-header-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	min-height: 92px;
}

.klyra-brand {
	display: inline-flex;
	flex: 0 0 auto;
	align-items: center;
	color: inherit;
	text-decoration: none;
}

.klyra-logo-image {
	display: block;
	width: 110px;
	max-width: 100%;
	height: auto;
}

.klyra-brand-text {
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	line-height: 1;
	width: 110px;
}

.klyra-logo-title,
.klyra-logo-tagline {
	display: block;
	color: inherit;
}

.klyra-logo-title {
	color: #6a2b16;
	font-size: 50px;
	font-weight: 400;
	line-height: .82;
}

.klyra-logo-tagline {
	color: #6a2b16;
	font-size: 7px;
	font-weight: 500;
	letter-spacing: 3.2px;
	line-height: 1;
	text-transform: uppercase;
}

.klyra-desktop-navigation {
	display: flex;
	flex: 1 1 auto;
	min-width: 0;
	justify-content: center;
}

.klyra-navigation > ul,
.klyra-navigation .klyra-menu {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 0 18px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.klyra-navigation li {
	position: relative;
	margin: 0;
	padding: 0;
	list-style: none;
}

.klyra-navigation a {
	display: flex;
	align-items: center;
	gap: .35em;
	color: #1a1a1a;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.2;
	text-transform: uppercase;
	text-decoration: none;
	white-space: nowrap;
}

.klyra-menu-arrow {
	display: inline-block;
	flex: 0 0 auto;
	width: 6px;
	height: 6px;
	margin-top: -3px;
	border: solid currentColor;
	border-width: 0 1.5px 1.5px 0;
	transform: rotate(45deg);
}

.klyra-navigation .menu-item-has-children > a::after {
	content: "";
	display: inline-block;
	flex: 0 0 auto;
	width: 6px;
	height: 6px;
	margin-top: -3px;
	border: solid currentColor;
	border-width: 0 1.5px 1.5px 0;
	transform: rotate(45deg);
}

.klyra-navigation .sub-menu .menu-item-has-children > a::after {
	margin-top: 0;
	margin-left: auto;
	transform: rotate(-45deg);
}

.klyra-navigation .sub-menu {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 30;
	display: block;
	min-width: 190px;
	margin: 0;
	padding: 8px 0;
	visibility: hidden;
	opacity: 0;
	transform: translateY(8px);
	transition: opacity .2s ease, transform .2s ease, visibility .2s ease;
	list-style: none;
	background-color: var(--e-global-color-background, #fff);
}

.klyra-navigation .sub-menu .sub-menu {
	top: 0;
	left: 100%;
}

.klyra-navigation li:hover > .sub-menu,
.klyra-navigation li:focus-within > .sub-menu {
	visibility: visible;
	opacity: 1;
	transform: translateY(0);
}

.klyra-navigation .sub-menu a {
	display: flex;
	width: 100%;
	white-space: normal;
}

.klyra-header-tools {
	display: flex;
	flex: 0 0 auto;
	align-items: center;
	gap: 18px;
}

.klyra-search {
	display: flex;
	align-items: stretch;
	min-width: 0;
	background: transparent;
	border: 1px solid #ddd;
	overflow: hidden;
	width: 245px;
}

.klyra-search-input {
	min-width: 0;
	width: 100%;
	margin: 0;
	border: 0;
	outline: 0;
	background: transparent;
	color: inherit;
	font: inherit;
	font-size: 12px;
	padding: 11px 12px;
}

.klyra-search-button,
.klyra-menu-toggle,
.klyra-drawer-close {
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	color: inherit;
	cursor: pointer;
}

.klyra-search-button {
	flex: 0 0 auto;
	padding-inline: .85em;
	color: #7b1422;
}

.klyra-actions {
	display: flex;
	align-items: center;
	gap: 14px;
}

.klyra-action {
	position: relative;
	color: #7b1422;
	text-decoration: none;
	font-size: 22px;
}

.klyra-action-badge {
	position: absolute;
	top: -.65em;
	right: -.7em;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 1.45em;
	height: 1.45em;
	padding-inline: .3em;
	border-radius: 999px;
	font-size: .55em;
	line-height: 1;
	background-color: #650c18;
	color: #fff;
}

.klyra-mobile-only,
.klyra-mobile-drawer,
.klyra-drawer-overlay {
	display: none;
}

.klyra-mobile-drawer {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1002;
	width: min(88vw, 420px);
	height: 100dvh;
	overflow-y: auto;
	background-color: var(--e-global-color-background, #fff);
	transform: translateX(-105%);
	transition: transform .3s ease;
	padding: 24px;
}

.klyra-mobile-drawer.is-open {
	transform: translateX(0);
}

.klyra-drawer-overlay {
	position: fixed;
	inset: 0;
	z-index: 1001;
	background: rgba(0, 0, 0, .45);
}

.klyra-drawer-overlay.is-open {
	display: block;
}

.klyra-drawer-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	margin-bottom: 24px;
}

.klyra-drawer-close {
	font-size: 24px;
}

.klyra-mobile-drawer .klyra-search {
	width: 100%;
	margin-bottom: 20px;
}

.klyra-mobile-drawer .klyra-navigation > ul,
.klyra-mobile-drawer .klyra-navigation .klyra-menu {
	display: block;
}

.klyra-mobile-drawer .klyra-navigation a {
	justify-content: space-between;
	white-space: normal;
}

.klyra-mobile-drawer .klyra-navigation .sub-menu {
	position: static;
	display: none;
	min-width: 0;
	visibility: visible;
	opacity: 1;
	transform: none;
	box-shadow: none;
}

.klyra-mobile-drawer .klyra-navigation .sub-menu .menu-item-has-children > a::after {
	margin-top: -3px;
	margin-left: 0;
	transform: rotate(45deg);
}

.klyra-mobile-drawer .klyra-navigation li:hover > .sub-menu,
.klyra-mobile-drawer .klyra-navigation li:focus-within > .sub-menu {
	display: block;
}

.klyra-menu-toggle .klyra-close-icon {
	display: none;
}

body.klyra-drawer-open {
	overflow: hidden;
}

@media (max-width: 1024px) {
	.klyra-breakpoint-tablet .klyra-desktop-only {
		display: none !important;
	}

	.klyra-breakpoint-tablet .klyra-mobile-only {
		display: inline-flex;
	}

	.klyra-breakpoint-tablet .klyra-main-header > .klyra-header-inner {
		display: grid;
		grid-template-columns: 1fr auto 1fr;
		min-height: 74px;
	}

	.klyra-breakpoint-tablet .klyra-header-inner {
		max-width: 100%;
		padding-right: 24px;
		padding-left: 24px;
	}

	.klyra-breakpoint-tablet .klyra-logo-image,
	.klyra-breakpoint-tablet .klyra-brand-text {
		width: 96px;
	}

	.klyra-breakpoint-tablet .klyra-header-tools {
		justify-self: end;
	}

	.klyra-breakpoint-tablet .klyra-mobile-drawer {
		display: block;
	}

	.klyra-breakpoint-tablet[data-benefit-mode="carousel"] .klyra-benefit-list {
		display: block;
	}

	.klyra-breakpoint-tablet[data-benefit-mode="carousel"] .klyra-benefit-item {
		display: none;
	}

	.klyra-breakpoint-tablet[data-benefit-mode="carousel"] .klyra-benefit-item.is-active {
		display: flex;
	}

	.klyra-breakpoint-tablet[data-benefit-mode="scroll"] .klyra-benefit-list {
		display: flex;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		scrollbar-width: none;
	}

	.klyra-breakpoint-tablet[data-benefit-mode="scroll"] .klyra-benefit-item {
		flex: 0 0 85%;
		scroll-snap-align: center;
	}

	.klyra-breakpoint-tablet[data-benefit-mode="stack"] .klyra-benefit-list {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 767px) {
	.klyra-breakpoint-mobile .klyra-desktop-only {
		display: none !important;
	}

	.klyra-breakpoint-mobile .klyra-mobile-only {
		display: inline-flex;
	}

	.klyra-breakpoint-mobile .klyra-main-header > .klyra-header-inner {
		display: grid;
		grid-template-columns: 1fr auto 1fr;
		min-height: 66px;
	}

	.klyra-breakpoint-mobile .klyra-header-inner {
		max-width: 100%;
		padding-right: 16px;
		padding-left: 16px;
	}

	.klyra-breakpoint-mobile .klyra-logo-image,
	.klyra-breakpoint-mobile .klyra-brand-text {
		width: 84px;
	}

	.klyra-breakpoint-mobile .klyra-action {
		font-size: 20px;
	}

	.klyra-breakpoint-mobile .klyra-header-tools {
		justify-self: end;
	}

	.klyra-breakpoint-mobile .klyra-mobile-drawer {
		display: block;
	}

	.klyra-breakpoint-mobile[data-benefit-mode="carousel"] .klyra-benefit-list {
		display: block;
	}

	.klyra-breakpoint-mobile[data-benefit-mode="carousel"] .klyra-benefit-item {
		display: none;
	}

	.klyra-breakpoint-mobile[data-benefit-mode="carousel"] .klyra-benefit-item.is-active {
		display: flex;
	}

	.klyra-breakpoint-mobile[data-benefit-mode="scroll"] .klyra-benefit-list {
		display: flex;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		scrollbar-width: none;
	}

	.klyra-breakpoint-mobile[data-benefit-mode="scroll"] .klyra-benefit-item {
		flex: 0 0 85%;
		scroll-snap-align: center;
	}

	.klyra-breakpoint-mobile[data-benefit-mode="stack"] .klyra-benefit-list {
		grid-template-columns: 1fr;
	}
}

@media (prefers-reduced-motion: reduce) {
	.klyra-mobile-drawer,
	.klyra-navigation .sub-menu {
		transition: none;
	}
}

/* v1.26 desktop menu readability + fit fix. */
@media (min-width: 1025px) {
	.klyra-header .klyra-header-inner {
		width: 100%;
		max-width: min(var(--klyra-header-content-width, 1600px), calc(100vw - 40px));
		margin-inline: auto;
		padding-left: 20px;
		padding-right: 20px;
	}

	.klyra-header .klyra-main-header > .klyra-header-inner {
		display: grid;
		grid-template-columns: auto minmax(0, 1fr) auto;
		align-items: center;
		gap: clamp(12px, 1vw, 20px);
		min-height: 94px;
	}

	.klyra-header .klyra-brand,
	.klyra-header .klyra-desktop-navigation,
	.klyra-header .klyra-header-tools {
		min-width: 0;
	}

	.klyra-header .klyra-desktop-navigation {
		overflow: visible;
	}

	.klyra-header .klyra-navigation > ul,
	.klyra-header .klyra-navigation .klyra-menu {
		flex-wrap: nowrap;
		gap: 0 clamp(10px, .78vw, 16px);
	}

	.klyra-header .klyra-navigation a {
		font-size: 14px;
		font-weight: 600;
		line-height: 1.2;
		white-space: nowrap;
	}

	.klyra-header .klyra-header-tools {
		gap: clamp(9px, .72vw, 13px);
		padding-right: 4px;
	}

	.klyra-header .klyra-search {
		width: clamp(175px, 12.2vw, 235px);
		min-width: 155px;
	}

	.klyra-header .klyra-search-input {
		padding: 10px 9px;
		font-size: 11.5px;
	}

	.klyra-header .klyra-actions {
		flex: 0 0 auto;
		gap: clamp(9px, .68vw, 13px);
		padding-right: 2px;
	}

	.klyra-header .klyra-action {
		font-size: clamp(19px, 1.15vw, 22px);
	}

	.klyra-header .klyra-action-badge {
		right: -.42em;
	}
}

/* Full desktop: larger, comfortable menu text matching the visual scale. */
@media (min-width: 1440px) {
	.klyra-header .klyra-navigation > ul,
	.klyra-header .klyra-navigation .klyra-menu {
		gap: 0 clamp(13px, .82vw, 18px);
	}

	.klyra-header .klyra-navigation a {
		font-size: 15px;
	}

	.klyra-header .klyra-search {
		width: clamp(210px, 13vw, 255px);
	}

	.klyra-header .klyra-search-input {
		font-size: 12px;
	}
}

/* Smaller laptops: retain readability while preventing wrapping/overflow. */
@media (min-width: 1025px) and (max-width: 1279px) {
	.klyra-header .klyra-main-header > .klyra-header-inner {
		gap: 9px;
	}

	.klyra-header .klyra-logo-image,
	.klyra-header .klyra-brand-text {
		width: 96px;
	}

	.klyra-header .klyra-navigation > ul,
	.klyra-header .klyra-navigation .klyra-menu {
		gap: 0 7px;
	}

	.klyra-header .klyra-navigation a {
		font-size: 12.5px;
	}

	.klyra-header .klyra-search {
		width: 145px;
		min-width: 130px;
	}

	.klyra-header .klyra-search-input {
		font-size: 10.5px;
		padding-inline: 7px;
	}

	.klyra-header .klyra-header-tools,
	.klyra-header .klyra-actions {
		gap: 8px;
	}
}

/* v1.27 PC navigation normalization.
 * Dedicated variables deliberately win over older Elementor typography/gap values
 * so existing header instances cannot become oversized after plugin updates.
 */
@media (min-width: 1025px) {
	.klyra-header .klyra-main-header > .klyra-header-inner {
		grid-template-columns: auto minmax(0, 1fr) auto;
		gap: 18px;
		min-height: 90px;
	}

	.klyra-header .klyra-desktop-navigation {
		display: flex;
		align-items: center;
		justify-content: center;
		min-width: 0;
		width: 100%;
	}

	.klyra-header .klyra-navigation,
	.klyra-header .klyra-navigation > ul,
	.klyra-header .klyra-navigation .klyra-menu {
		min-width: 0;
	}

	.klyra-header .klyra-navigation > ul,
	.klyra-header .klyra-navigation .klyra-menu {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-wrap: nowrap !important;
		column-gap: var(--klyra-desktop-menu-gap, 20px) !important;
		row-gap: 0 !important;
		width: auto;
		max-width: 100%;
	}

	.klyra-header .klyra-navigation > ul > li > a,
	.klyra-header .klyra-navigation .klyra-menu > li > a {
		font-size: var(--klyra-desktop-menu-size, 15px) !important;
		line-height: 1.2 !important;
		font-weight: 600;
		white-space: nowrap;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.klyra-header .klyra-navigation .sub-menu a {
		font-size: 13px !important;
		line-height: 1.35 !important;
	}

	.klyra-header .klyra-header-tools {
		flex-shrink: 0;
		min-width: 0;
	}

	.klyra-header .klyra-search {
		flex: 0 1 auto;
	}
}

/* Medium desktop/laptop: keep text readable without pushing search/actions out. */
@media (min-width: 1025px) and (max-width: 1439px) {
	.klyra-header {
		--klyra-desktop-menu-size: 14px;
		--klyra-desktop-menu-gap: 14px;
	}

	.klyra-header .klyra-main-header > .klyra-header-inner {
		gap: 12px;
	}

	.klyra-header .klyra-search {
		width: clamp(155px, 14vw, 210px) !important;
	}
}

/* Small laptops: modest reduction only; never the tiny menu from older versions. */
@media (min-width: 1025px) and (max-width: 1199px) {
	.klyra-header {
		--klyra-desktop-menu-size: 13px;
		--klyra-desktop-menu-gap: 10px;
	}

	.klyra-header .klyra-logo-image,
	.klyra-header .klyra-brand-text {
		width: 90px;
	}

	.klyra-header .klyra-search {
		width: 140px !important;
		min-width: 130px;
	}
}

/* v1.35 full-width editorial mega menu */
.klyra-main-header{position:relative;}
.klyra-mega-menu-layer{
	position:absolute;
	top:100%;
	left:0;
	right:0;
	z-index:80;
	pointer-events:none;
}
.klyra-mega-panel{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	visibility:hidden;
	opacity:0;
	transform:translateY(8px);
	pointer-events:none;
	background:#fff;
	border-top:1px solid rgba(0,0,0,.05);
	transition:opacity .18s ease, transform .18s ease, visibility .18s ease;
}
.klyra-mega-panel.is-open{
	visibility:visible;
	opacity:1;
	transform:translateY(0);
	pointer-events:auto;
}
.klyra-mega-panel__inner{
	width:100%;
	max-width:1500px;
	margin:0 auto;
	padding:30px 38px 38px;
}
.klyra-mega-grid{
	display:grid;
	grid-template-columns:repeat(var(--klyra-mega-cols,5),minmax(0,1fr));
	column-gap:54px;
	align-items:start;
}
.klyra-mega-column{
	display:flex;
	flex-direction:column;
	row-gap:22px;
	min-width:0;
}
.klyra-mega-group{min-width:0;}
.klyra-mega-group__title{
	display:block;
	margin:0 0 12px;
	color:#111;
	font-size:12px;
	font-weight:700;
	line-height:1.3;
	letter-spacing:4px;
	text-transform:uppercase;
	text-decoration:none;
	white-space:normal;
}
a.klyra-mega-group__title{cursor:pointer;}
.klyra-mega-group__links{
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	gap:0;
}
.klyra-mega-group__links a{
	display:block;
	width:auto;
	padding:2px 0;
	color:#222;
	font-size:15px;
	font-weight:400;
	line-height:1.75;
	text-transform:none;
	text-decoration:none;
	white-space:normal;
}
.klyra-mega-group__links a:hover,
.klyra-mega-group__links a:focus-visible,
a.klyra-mega-group__title:hover,
a.klyra-mega-group__title:focus-visible{color:#7b1422;}
.klyra-mega-trigger > a{position:relative;}
.klyra-mega-trigger.is-mega-open > a::before{
	content:"";
	position:absolute;
	left:0;
	right:0;
	bottom:-10px;
	height:2px;
	background:#111;
}
.klyra-mega-trigger > .sub-menu{display:none!important;}

/* Keep the desktop menu aligned like the supplied reference. */
@media (min-width:1025px){
	.klyra-header.has-klyra-mega .klyra-main-header > .klyra-header-inner{
		min-height:92px;
	}
	.klyra-header.has-klyra-mega .klyra-navigation > ul > li > a,
	.klyra-header.has-klyra-mega .klyra-navigation .klyra-menu > li > a{
		font-size:15px!important;
		font-weight:600;
		text-transform:uppercase;
	}
	.klyra-header.has-klyra-mega .klyra-navigation > ul,
	.klyra-header.has-klyra-mega .klyra-navigation .klyra-menu{
		column-gap:22px!important;
	}
}
@media (min-width:1025px) and (max-width:1399px){
	.klyra-header.has-klyra-mega .klyra-navigation > ul > li > a,
	.klyra-header.has-klyra-mega .klyra-navigation .klyra-menu > li > a{font-size:14px!important;}
	.klyra-header.has-klyra-mega .klyra-navigation > ul,
	.klyra-header.has-klyra-mega .klyra-navigation .klyra-menu{column-gap:16px!important;}
	.klyra-mega-panel__inner{padding-left:28px;padding-right:28px;}
	.klyra-mega-grid{column-gap:34px;}
	.klyra-mega-group__links a{font-size:14px;}
}

/* Mobile mega navigation inside the existing off-canvas drawer. */
.klyra-mobile-mega-list{display:flex;flex-direction:column;gap:0;}
.klyra-mobile-mega-item{border-bottom:1px solid rgba(0,0,0,.1);}
.klyra-mobile-mega-item summary{
	position:relative;
	list-style:none;
	cursor:pointer;
	padding:14px 28px 14px 0;
	font-size:15px;
	font-weight:700;
	line-height:1.25;
	text-transform:uppercase;
}
.klyra-mobile-mega-item summary::-webkit-details-marker{display:none;}
.klyra-mobile-mega-item summary::after{
	content:"+";
	position:absolute;
	right:2px;
	top:50%;
	transform:translateY(-50%);
	font-size:20px;
	font-weight:400;
}
.klyra-mobile-mega-item[open] summary::after{content:"−";}
.klyra-mobile-mega-content{padding:0 0 14px;}
.klyra-mobile-mega-group{padding:8px 0;}
.klyra-mobile-mega-heading{
	display:block;
	margin-bottom:5px;
	color:#111;
	font-size:11px;
	font-weight:700;
	letter-spacing:2.5px;
	text-transform:uppercase;
	text-decoration:none;
}
.klyra-mobile-mega-link{
	display:block;
	padding:5px 0;
	color:#333;
	font-size:14px;
	line-height:1.4;
	text-decoration:none;
	text-transform:none;
}
