/* Layout */
body.nav-open {
	overflow: hidden;
}

body.nav-open::after {
	content: '';
	position: fixed;
	width: 100%;
	height: 100%;
	inset: 0;
	background-color: rgba(0, 0, 0, 0.1);
	backdrop-filter: blur(30px);
	z-index: 11;
}

.header__container {
	--topNavXSpacing: 0.825rem;
	--topNavYSpacing: 0.75rem;
	--mobileNavXSpacing: 0;
	--mobileNavYSpacing: 0.75rem;
	--mobileMenuXSpacing: 1rem;
	--mobileMenuYSpacing: 0.5rem;
	--dropdownwidth: 230px;
	--dropdownyspacing: 1.5rem;
	--dropdownxspacing: 2rem;
	--dropdownlinkspacing: 0.5rem;
	position: relative;
	width: 100%;
	z-index: 12;
	box-shadow: 15px 25px 60px rgba(0, 0, 0, 0);
	transition: background 200ms ease-in-out, box-shadow 200ms ease-in-out;
}

.header__container[data-topbar-fixed=true] .header__bottom {
	width: 100%;
	z-index: 12;
	box-shadow: 15px 25px 60px rgba(0, 0, 0, 0);
}

.header_inline {
	padding-left: 35px;
	padding-right: 15px;
	margin-top: 20px;
	transition: top 500ms ease-in-out, background 200ms ease;
}

.header__container[data-fixed='true'].header-scroll[data-topbar-fixed=false],
.header__container[data-fixed='true'].header-scroll[data-topbar-fixed=true] .header__bottom,
.header__container.scroll-up.header-scroll[data-topbar-fixed=false],
.header__container[data-float='true']{
	position: fixed;
}

.header__container[data-fixed='true'][data-scroll='true'].header-scroll[data-topbar-fixed=false],
.header__container[data-fixed='true'][data-scroll='true'].header-scroll[data-topbar-fixed=true] .header__bottom {
	top: -100%;
}

.header__container[data-fixed='true'][data-scroll='true'].scroll-up[data-topbar-fixed=false],
.header__container[data-fixed='true'][data-scroll='true'].scroll-down[data-topbar-fixed=false],
.header__container[data-fixed='true'][data-scroll='true'].scroll-up[data-topbar-fixed=true] .header__bottom,
.header__container[data-fixed='true'][data-scroll='true'].scroll-down[data-topbar-fixed=true] .header__bottom {
	top: -100%;
	transition: top 500ms ease-in-out, background 200ms ease;
}

.header__container[data-fixed='true'][data-scroll='true'].scroll-up[data-topbar-fixed=true] .header__inline,
.header__container[data-fixed='true'][data-scroll='true'].scroll-down[data-topbar-fixed=true] .header__inline {
	transition: background 200ms ease;
}

.header__container[data-fixed='true'][data-scroll='true'].scroll-up[data-topbar-fixed=false],
.header__container[data-fixed='true'][data-scroll='false'][data-topbar-fixed=false],
.header__container[data-fixed='true'][data-scroll='true'].scroll-up[data-topbar-fixed=true] .header__bottom,
.header__container[data-fixed='true'][data-scroll='false'][data-topbar-fixed=true] .header__bottom {
	top: 0;
}

.header__container[data-transparent='true'] {
	position: absolute;
	top: 0;
}

.header__container .header__top {
	position: relative;
	z-index: 10;
}

.header__container[data-topbar-fixed=true] .header__top {
	display: block;
	position: relative;
	z-index: 3;
	transform: translateY(0);
}

.header__container.header-scroll[data-topbar-fixed=true] .header__top {
	transform: translateY(-100%);
	display: none;
}

.header__wrapper {
	display: flex;
	margin: 0 auto;
	align-items: center;
}

.header__menu--top {
	display: flex;
	width: 100%;
	position: relative;
	z-index: 101;
	align-items: center;
}

.header__wrapper--top:not([data-length='1']) .header__menu--top .header__menu--top {
	width: auto;
}

.header__menu--align-justify .header__menu--top {
	justify-content: space-between;
}

.header__menu--align-center .header__menu--top {
	justify-content: center;
}

.header__menu--align-right .header__menu--top,
.header__menu--align-justify[data-length='1'] .header__menu--top {
	justify-content: flex-end;
}

.header__menu--align-justify[data-length='1'][data-icons-position='left'] .header__menu--top,
.header__menu--align-justify[data-length='1'][data-icons-position='right'] .header__menu--top {
	justify-content: space-between;
}

.header__container[data-float='false'] .header__logo-col,
.header__container:not([data-layout='mobile']) .header__logo-col,
.header__container[data-float='true'] .header__logo-col {
	margin: 28px 0;
}

.header__button-col {
	/* 	margin: calc(var(--desktopnavyspacing) / 2) 0; */
	margin-left: var(--desktopnavxspacing);
}

.header__search-col {
	margin: calc(var(--desktopnavyspacing) / 2) 0;
	margin-left: calc(var(--desktopnavxspacing) / 2);
}

.header__container--left .header__search-col.buttons-false {
	margin-left: var(--desktopnavxspacing);
}

/* Language switcher */

.header__menu-item--language-switcher .header__menu-submenu {
	padding: 0.5rem 0;
	width: fit-content;
	overflow: hidden;
	min-width: 150px;
}

/* Logo */

.header__logo img {
	display: block;
	height: auto;
	max-width: 100%;
}

.header__container[data-fixed='true'].header-scroll .header__logo-default.logo-hide,
.header__logo-image.header__logo-scroll {
	display: none;
}

.header__container[data-fixed='true'].header-scroll .header__logo-image.header__logo-scroll {
	display: block;
}

/* Menu */

.header__menu-container--mobile {
	display: none;
}

.header__menu--mobile {
	position: fixed;
	z-index: 99;
	top: var(--navHeight);
	right: 0;
	left: 0;
	display: none;
	width: 100%;
	height: 100vh;
	overflow: hidden scroll;
	padding: 0;
	border-top: 1px solid #eaeaea;
}

[data-float='true'] .header__menu--mobile {
	width: calc(100% - 30px);
	left: 0;
	height: calc(100vh - var(--navHeight));
	margin-left: auto;
	margin-right: auto;
}

@media(min-width: 576px) {
	[data-float='true'] .header__menu--mobile {
		max-width: 510px;
	}
}

@media(min-width: 768px) {
	[data-float='true'] .header__menu--mobile {
		max-width: 690px;
	}
}

@media(min-width: 992px) {
	[data-float='true'] .header__menu--mobile {
		max-width: 930px;
	}
}

@media(min-width: 1200px) {
	[data-float='true'] .header__menu--mobile {
		max-width: 1110px;
	}
}
.header__menu-link,
.header__menu-item svg,
.header__menu-item svg g,
.header__menu-item svg path {
	transition: color, fill 0.25s ease-in-out;
}

/* Menu items */

.header__menu-item {
	position: relative;
	display: inline-flex;
	align-items: center;
	transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
}
.header__container:not([data-layout='mobile']) .header__menu-item {
	border-radius: 10px;
}
/* Menu items - top level */
.has-next-false {
	margin: 0 calc(var(--topNavXSpacing) * -0.975);
}

.header__menu--desktop:not(.header__menu--top) .header__menu-item--depth-1>.header__menu-link {
	padding-top: var(--desktopnavyspacing);
	padding-bottom: var(--desktopnavyspacing);
	padding-left: var(--desktopnavxspacing);
	padding-right: var(--desktopnavxspacing);
}

.header__menu--top .header__menu-wrapper {
	gap: 0 !important;
}
.header__menu--top .header__menu-item--depth-1>.header__menu-link {
	padding: 5px 10px;
	opacity: 1;
	transition: opacity 0.15s ease-in-out;
	will-change: transform, opacity;
	line-height: 125% !important;
	letter-spacing: 0.1px;
}
.header__menu--top .header__menu-item--depth-1>.header__menu-link:hover {
	opacity: 0.75;
}

.header__menu.header__menu--top>div:first-child>ul:first-child>li:first-child>a,
.header__menu.header__menu--top>div:first-child>ul:first-child>li:first-child>button {
	padding-left: 0;
}

.header__menu.header__menu--top>div:last-child>ul:last-child>li:last-child>a,
.header__menu.header__menu--top>div:last-child>ul:last-child>li:last-child>button {
	padding-right: 0;
}

/*  Top bar - announcement */
.header__menu-announcement a {
	color: inherit;
	text-decoration: underline;
}

.header__menu-announcement a:hover {
	color: inherit;
	text-decoration: underline;
	opacity: 0.65;
}

.header__menu-announcement :last-child {
	margin-bottom: 0;
}

/*  Top bar - menu */

.top-bar-mobile {
	margin-top: var(--mobileMenuYSpacing);
}

/* Menu items - submenus */

.header__menu-submenu {
	position: absolute;
	z-index: 99;
	top: calc(100% + 35px);
	left: 0;
	width: var(--dropdownwidth);
	text-align: left;
	padding: 20px;
	box-shadow: -10px -10px 25px 0 rgba(248, 249, 250, 0.05), 10px 10px 25px 0 rgba(1, 1, 1, 0.10);
	visibility: hidden;
	opacity: 0;
	display: flex;
	flex-direction: column;
	gap: 10px;
	backdrop-filter: blur(50px);
}

.header__menu-submenu--level-2:before {
	content: '';
	position: absolute;
	top: -35px;
	left: 0;
	width: 100%;
	height: 35px;
	background-color: transparent;
}

.header__menu-item--open > .header__menu-submenu {
	visibility: visible;
	opacity: 1;
}

.header__menu-item--depth-1:last-child>.header__menu-submenu {
	right: 0;
	left: auto;
}

.header__container:not([data-layout='mobile']) .header__menu-item:not([data-mega=true]) .header__menu-submenu.header__menu-submenu--level-2 {
	left: calc((var(--dropdownxspacing) * -1) + var(--desktopnavxspacing));
}

.header__menu-submenu--level-3 {
	top: calc((var(--dropdownyspacing) * -0.9) - var(--border-size));
	left: calc(100% + 1px);
}

.header__menu--top .header__menu-submenu {
	padding: calc(var(--dropdownyspacing) * 0.5) 0;
	width: calc(var(--dropdownwidth) / 1.5);
}

.header__menu--top .header__menu-submenu .header__menu-link {
	padding: var(--dropdownlinkspacing) calc(var(--dropdownxspacing) * 0.5);
}

.header__menu--top .header__menu-submenu--level-3 {
	top: calc(((var(--dropdownyspacing) * 0.5) * -1) - var(--border-size));
	left: 100%;
}

/* .header__menu-item--depth-1:nth-last-child(-n + 2) .header__menu-submenu--level-3 {
top: 0;
right: 100%;
left: auto;
} */

.header__menu-submenu .header__menu-item {
	width: 100%;
	/* 	background-color: inherit; */
}

.header__menu-submenu .header__menu-link {
	display: inline-flex;
	flex: 1;
	align-items: center;
	padding: var(--dropdownlinkspacing) var(--dropdownxspacing);
}

.header__menu-link:focus,
.header__menu-link:focus-visible {
	z-index: 1;
	outline-offset: 2px;
}

.header__menu-back svg {
	margin-right: 10px;
}

/* Menu icons */

.header__container:not([data-layout='mobile']) .header__menu-submenu .header__menu-child-toggle {
	margin-left: auto;
}

.header__container:not([data-layout='mobile']) .header__menu-submenu .header__menu-child-toggle {
	transform: rotate(-90deg);
}

.header__top-menu .header__menu-child-toggle {
	margin-left: 2px;
}

.header__menu-toggle {
	display: none;
}

.header__menu-toggle svg {
	width: 26px;
}

/* Search */

.hs-search-field__desktop .hs-search-field__input {
	width: 400px !important;
	border: none !important;
	height: var(--size) !important;
	max-width: none !important;
	min-height: var(--size) !important;
	position: absolute;
	right: 0;
	bottom: 0;
	opacity: 1;
}

.header__container:not([data-layout='mobile']) .hs-search-field__form .btn-wrapper,
.header__container:not([data-layout='mobile']) .hs-search-field__form button,
.header__wrapper-blog .hs-search-field__form button {
	padding: 0;
	width: 100%;
	justify-content: center;
	text-align: center;
}

.search--icon {
	position: relative;
	z-index: 1;
	border-color: transparent !important;
}

.hs-search-field__mobile {
	margin-top: var(--mobileMenuYSpacing);
	padding: var(--mobileMenuYSpacing) var(--mobileMenuXSpacing);
}

.hs-search-field__mobile form {
	position: relative;
}

.hs-search-field__mobile .btn-wrapper {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	height: 100%;
	display: flex;
	align-items: center;
}

.hs-search-field__mobile .btn-wrapper .cta-button {
	padding: 0 10px 0 15px;
	min-height: 100%;
}

.hs-search-field__mobile input:not([type='radio']):not([type='checkbox']):not([type='file']):not([type='submit']) {
	padding-left: 38px;
	border: none;
}

.header__container .cta-group,
.header__container .header__menu-col {
	opacity: 1;
	transition-delay: 0.25s;
	transition: opacity 0.15s ease-in-out;
}

.header__menu-col.m-left-auto {
	margin-left: 30px;
}

.header__container.search-open .cta-group,
.header__container.search-open .header__menu-col {
	opacity: 0;
}

.header__container:not([data-layout='mobile']) .header__wrapper {
	position: relative;
}

.header__container:not([data-layout='mobile']) .search,
.header__wrapper-blog .search {
	z-index: 2;
	position: relative;
	width: var(--size);
	height: var(--size);
}

.header__container:not([data-layout='mobile']) .closed .hs-search-field__input,
.header__wrapper-blog .closed .hs-search-field__input {
	padding: 0 !important;
	opacity: 0;
	width: 100% !important;
}

.header__container:not([data-layout='mobile']) .closed .hs-search-field__input::placeholder,
.header__wrapper-blog .closed .hs-search-field__input::placeholder {
	color: transparent;
}

/* Social Icons */
.header__container .sr-social {
	list-style: none;
	list-style-type: none;
	padding: 0;
	margin: 0;
	align-items: center;
	display: inline-flex;
	gap: 15px;
}

.header__container .sr-social.p-left {
	margin-right: calc(var(--topNavXSpacing) * 0.5);
}

.header__container .sr-social.p-center {
	margin: calc(var(--topNavXSpacing) * 0.5);
}

.header__container .sr-social.p-right {
	margin-left: calc(var(--topNavXSpacing) * 0.5);
}

.header__container .sr-social a {
	opacity: 1;
	display: inline-flex;
	transition: opacity 0.25s ease-in-out;
	will-change: opacity;
}

.header__container .sr-social a:hover {
	opacity: 0.75;
}

.header__container .sr-social svg {
	color: var(--f);
	fill: var(--f);
}

.header__container .icon-bg {
	align-items: center;
	justify-content: center;
	border-radius: 100%;
	background: var(--b);
	height: var(--h);
	width: var(--w);
}

/* button reset */
.no-button {
	background: none;
	border: none;
	border-radius: 0;
	color: inherit;
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
	letter-spacing: inherit;
	line-height: inherit;
	margin-bottom: 0;
	padding: 0;
	text-align: left;
	text-decoration: none;
	outline-offset: 5px;
	cursor: pointer;
}

/* Skip to content button */
.skip-main {
	left: -999px;
	position: absolute;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
	z-index: -999;
}

.skip-main:focus,
.skip-main:active {
	left: 0;
	top: 10px;
	height: auto;
	overflow: auto;
	margin: 0 auto;
	padding: 10px;
	border-radius: 100px;
	text-align: center;
	font-size: 1.2em;
	z-index: 999;
	width: 300px;
	right: 0;
}

.header__container:not([data-layout='mobile']) .m-left-auto {
	margin-right: auto;
}

.header__container:not([data-layout='mobile']) .m-right-auto {
	margin-left: auto;
}

.header__container:not([data-layout='mobile']) .m-center-auto {
	margin-left: auto;
	margin-right: auto;
}

/* Mega Menu */
.header__container:not([data-layout='mobile']) .header__menu-item[data-mega='true'] {
	position: static;
}

/* .header__container:not([data-layout='mobile']) [data-mega='true'] .header__menu-submenu .header__menu-item {
margin: 1px;
} */

.header__container:not([data-layout='mobile']) .header__menu-item[data-mega='true'] .header__menu-item--depth-2 {
	display: block;
}

.header__container:not([data-layout='mobile']) .header__menu-item[data-mega='true'] .header__menu-submenu--level-2 {
	display: flex;
}

.header__container:not([data-layout='mobile']) .header__menu-item[data-mega='true'] .header__menu-submenu {
	width: 100%;
}

/* .header__container:not([data-layout='mobile']) .header__menu-item[data-mega='true'] .header__menu-submenu--level-2>.header__menu-item:not(:first-child) {
border-left: 1px solid #e5e7ea;
} */

.header__container:not([data-layout='mobile']) .header__menu-item[data-mega='true'] .header__menu-submenu--level-3 {
	position: static;
	border: none !important;
	padding: 0;
	box-shadow: none;
	opacity: 1;
	transition: none;
	visibility: visible;
	pointer-events: none;
}

.header__container:not([data-layout='mobile']) .header__menu-item[data-mega='true'].header__menu-item--open .header__menu-submenu--level-3 {
	pointer-events: all;
	opacity: 1;
}

/* .header__container:not([data-layout='mobile']) .header__menu-item[data-mega='true'] .header__menu-submenu button.header__menu-link {
width: calc(100% - var(--dropdownxspacing) * 2);
font-weight: bold !important;
cursor: auto;
} */

.header__container:not([data-layout='mobile']) [data-mega='true'] .header__menu-item--depth-2 .header__menu-child-toggle {
	display: none;
}

.header__container:not([data-layout='mobile']) .header__menu-item--depth-1[data-mega='true'] > .header__menu-link:after {
	content: '';
	width: 0;
	height: 0;
	position: absolute;
	left: 50%;
	top: 75%;
	transform: translateX(-50%);
	width: 100%;
	height: 100%;
	background: transparent;
	visibility: hidden;
	opacity: 0;
}

.header__container:not([data-layout='mobile']) .header__menu-item--depth-1[data-mega='true'].header__menu-item--open > .header__menu-link:after {
	visibility: visible;
	opacity: 1;
}

/* Mobile menu */
.header__container[data-layout='mobile'] .header__top:not(.header__top-announcement) {
	display: none;
}

.header__container[data-layout='mobile'] .header__logo-col {
	padding-right: 2rem;
}

.header__container[data-layout='mobile'] .header__menu--desktop {
	display: none;
}

.header__container[data-layout='mobile'] .header__menu-col {
	margin-left: auto;
}

.header__container[data-layout='mobile'] .header__menu-container--mobile {
	display: block;
}

.header__container[data-layout='mobile'] .header__menu--show {
	display: block;
}

.header__container[data-layout='mobile'] .header__menu-item {
	width: 100%;
	text-align: left;
	position: static;
	justify-content: space-between;
}

.header__container[data-layout='mobile'] .header__menu-submenu .header__menu-item {
	border-radius: 5px;
}
.header__container[data-layout='mobile'] .header__menu-link {
	width: 100%;
	padding: 20px;
	display: flex;
	align-items: center;
	/*     justify-content: space-between; */
	box-sizing: border-box;
}
.header__container[data-layout='mobile'] .header__menu-submenu .header__menu-link {
	padding: 12px 10px;
}

/* .header__container[data-layout='mobile'] .header__menu-submenu--level-2>li {
margin-bottom: calc(var(--mobileMenuYSpacing) * 2);
} */

.header__container[data-layout='mobile'] .header__menu-back {
	background: none;
	border: none;
	justify-content: start;
}

.header__container[data-layout='mobile'] .header__menu-item--button {
	padding: 25px;
	margin-top: auto;
}

.header__container[data-layout='mobile'] .header__menu-submenu .header__menu-item {
	padding: 0;
}

.header__container[data-layout='mobile'] .header__menu-submenu,
.header__container[data-layout='mobile'] .header__menu-submenu--level-3,
.header__container[data-layout='mobile'] .header__menu-item--depth-1:nth-last-child(-n + 2) .header__menu-submenu--level-3 {
	position: static;
	width: 100%;
	border: none;
}

.header__container[data-layout='mobile'] .header__menu-child-toggle svg {
	margin-left: 0;
}

.header__container[data-layout='mobile'] .header__menu-child-toggle {
	transform-origin: 50% 50%;
	transition: transform 0.4s;
	will-change: transform;
}
.header__container[data-layout=mobile] .header__menu-item--open > .header__menu-link .header__menu-child-toggle {
	transform: rotate(180deg);
}

.header__container[data-layout='mobile'] .header__menu-toggle--show {
	display: block;
}

.header__container[data-layout='mobile'] .hidden-phone {
	display: none !important;
}

.header__container[data-layout='mobile'] .header__menu-container--mobile .cta-group {
	flex-direction: column;
	align-items: flex-start;
}

[data-layout='desktop'] .logo_mobile,
.header__container[data-fixed='true'][data-layout='desktop'].header-scroll .header__logo-image.header__logo-scroll.logo_mobile,
.header__container[data-fixed='true'][data-layout='mobile'].header-scroll .header__logo-image.header__logo-scroll:not(.logo_mobile):not(.logo_mobile_scroll),
[data-layout='mobile'] [data-mobile='true'] .header__logo-image:not(.logo_mobile) {
	display: none;
}
.header__container[data-layout='mobile'] .header__menu-item--depth-1 > .header__menu-link .menu_icon {
	display: none;
}


/* Blog Nav */
.header_styles {
	position: relative;
	z-index: 2;
}

.header__wrapper-blog {
	display: flex;
	align-items: center;
	margin-top: -1.1875rem;
	padding: 34px 15px 15px;
	flex-direction: column;
	opacity: 1;
	transition: opacity 0.3s ease, margin-top 0.3s ease, background-color 200ms ease;
	transition-delay: 0s;
}

.header_styles .header__wrapper-blog {
	position: absolute;
	margin-top: 0;
	left: 0;
	width: 100%;
}

.header_styles:has(.header__wrapper-blog) .container {
	position: relative;
}

.scroll-down .header__wrapper-blog {
	margin-top: -1.875rem;
	opacity: 0;
	transition: opacity 0.3s ease, margin-top 0.3s ease, background-color 200ms ease;
	transition-delay: 0.5s;
}
.header__wrapper-blog > div:first-child {
	display: flex;
	align-items: center;
	gap: 1rem;
	width: 100%;
}

.header__wrapper-blog .blog-links {
	margin-left: auto;
	display: flex;
	align-items: center;
	overflow: hidden;
	width: 100%;
	justify-content: flex-end;
}

.header__wrapper-blog .blog-links ul {
	padding: 0;
	margin: 0;
	list-style: none;
	display: flex;
	align-items: center;
	gap: 0.5rem;
	display: none;
}

.header__wrapper-blog .blog-links .blog-tags {
	padding: 0.25rem 0.5rem;
	white-space: pre;
}

.header__wrapper-blog .blog-links .blog-tags-dropdown-btn {
	display: none;
	padding: 0.25rem 0.5rem;
	outline-color: transparent;
	border: none;
	align-items: center;
	gap: 0.5rem;
}

.header__wrapper-blog .blog-tags-dropdown {
	display: grid;
	grid-template-rows: 0fr;
	transition: grid-template-rows 0.3s ease-in-out;
}

.header__wrapper-blog .blog-tags-dropdown.open {
	grid-template-rows: 1fr;
	transition: grid-template-rows 0.3s ease-in-out;
}

.header__container[data-layout='desktop'] .header__wrapper-blog .blog-links ul.lg {
	max-width: 500px;
	overflow-y: hidden;
	overflow-x: auto;
	scrollbar-width: thin;
	padding-bottom: 4px;
	padding-top: 2px;
	display: flex;
}

.header__container[data-layout='mobile'] .header__wrapper-blog .blog-links ul.md {
	flex-wrap: wrap;
	display: flex;
	padding-top: 1rem;
	padding-bottom: 2px;
}

.header__container[data-layout='mobile'] .blog-tags-dropdown-btn {
	display: flex;
}

.header__wrapper-blog .header__search-col:not(.closed) .search--icon {
	filter: invert(1);
	transition: filter 0.2s ease;
}
.header__wrapper-blog .hs-search-field__input {
	width: 250px !important;
	border: none !important;
	height: var(--size) !important;
	max-width: none !important;
	min-height: var(--size) !important;
	position: absolute;
	right: 0;
	bottom: 0;
	opacity: 1;
}

.header__wrapper-blog .hs-search-field__input::-webkit-search-results-decoration,
.header__wrapper-blog .hs-search-field__input::-webkit-search-cancel-button {
	-webkit-appearance: none;
	appearance: none;
	border: none;
	cursor: pointer;
	color: #fff;
	padding: 0;
}

/* New Css */
/* ===== CARD ===== */
.header__container:not([data-layout=mobile]) .header__menu-item[data-mega=true] .header__menu-submenu--level-2 {
	display: flex;
	flex-direction: row;
	padding: 0;
	gap: 0;
	max-width: 1100px;
	left: 50%;
	transform: translateX(-50%);
	backdrop-filter: blur(50px);
	overflow: hidden;
}
.header__container:not([data-layout=mobile]) .header__menu-item[data-mega=true] .header__menu-submenu--level-2 .header__menu-submenu {
	background-color: transparent !important;
}
.header__container:not([data-layout=mobile]) .header__menu-item[data-mega=true] .header__menu-submenu--level-2 .header__menu-submenu:after {
	content: none;
}
.header__container:not([data-layout=mobile]) .header__menu-item[data-mega=true] .mega_innr_wrap {
	display: flex;
	width: 100%;
	padding: 50px;
}
.header__container:not([data-layout=mobile]) .header__menu-item[data-mega=true] .header__menu-submenu--level-3 .mega_innr_wrap {
	display: block;
	padding: 0;
}
.header__container:not([data-layout=mobile]) .header__menu-item[data-mega=true] .header__menu-item--depth-2 {
	display: block;
	margin: 0;
	padding: 0;
	background: transparent !important;
}
.header__container:not([data-layout=mobile]) .header__menu-item[data-mega=true] .header__menu-item--depth-2 > .header__menu-link {
	padding: 0 15px 10px;
	margin-bottom: 10px;
	position: relative;
	width: 100%;
}
.header__container:not([data-layout=mobile]) .header__menu-item[data-mega=true] .header__menu-item--depth-2 > .header__menu-link:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
	height: 2px;
	border-radius: 5px;
	transition: all 0.5s ease;
}
.header__container:not([data-layout=mobile]) .header__menu-item[data-mega=true] .header__menu-item--depth-2:hover > .header__menu-link:after {
	width: 100%;
}
.header__container:not([data-layout=mobile]) .header__menu-item[data-mega=true] .header__menu-submenu--level-3 {
	gap: 10px;
}
.header__container:not([data-layout=mobile]) .header__menu-item[data-mega=true] .header__menu-item--depth-3 > .header__menu-link {
	padding: 7px 15px;
	display: block;
}
.menu_desc {
	margin: 0;
}
.header__container:not([data-layout=mobile]) .header__menu-item[data-mega=false] > .card_menu_wrap {
	width: 500px;
	left: 50% !important;
	transform: translateX(-50%);
}
.header__container:not([data-layout=mobile]) .card_menu_wrap {
	display: flex;
	gap: 20px;
	flex-direction: row;
	justify-content: space-between;
}
.header__container:not([data-layout=mobile]) .card_menu_wrap > .mega_innr_wrap {
	width: calc(40% - 10px);
}
.header__container:not([data-layout=mobile]) .card_menu_wrap > .menu_card {
	width: calc(60% - 10px);
}
.header__container:not([data-layout=mobile]) .header__menu-item[data-mega=true] .card_menu_wrap > .mega_innr_wrap {
	width: calc(60% - 10px);
}
.header__container:not([data-layout=mobile]) .header__menu-item[data-mega=true] .card_menu_wrap > .menu_card {
	width: calc(40% - 10px);
}


/* .header__container[data-layout=mobile] .header__menu-item[data-mega=true] .menu_card {
display: none;
} */
.header__container[data-layout=mobile] .header__menu-item[data-mega=true] .header__menu-item--depth-3 > .header__menu-link {
	display: block;
}
.header__container[data-layout=mobile] .header__menu-submenu--level-2 .header__menu-submenu {
	display: block !important;
	padding: 0;
}
.header__container[data-layout=mobile] .header__menu-submenu--level-2 .header__menu-child-toggle {
	display: none;
}




@media (max-width: 1199px) and (min-width: 992px) {
	.header__menu--desktop:not(.header__menu--top) .header__menu-wrapper {
		gap: 4px !important;
	}
	.header__menu--desktop:not(.header__menu--top) .header__menu-item--depth-1 > .header__menu-link {
		padding-left: 8px;
		padding-right: 8px;
	}
}

/* Mobile Fixed CTA */
.header__container[data-layout=desktop] .hidden-desktop {
	display: none !important;
}

@media(min-width: 501px){
	.header__container[data-layout=mobile] .mobile-fixed-button {
		display:none;
	}
}
.header__container[data-layout=mobile] .mobile-fixed-button {
	position: fixed;
	bottom: 0;
	left: 0;
	padding: 24px;
	width: 100%;
	margin: 0;
}

.header__container[data-layout=mobile] .mobile-fixed-button .btn-wrapper {
	width: 100%;
}

.header__container[data-layout=mobile] .mobile-fixed-button .cta_button,
.header__container[data-layout=mobile] .mobile-fixed-button .cta-button{
	display: flex;
	align-items: center;
	justify-content: center;
}

.header__container[data-layout=mobile] .mobile-fixed-button {
	opacity: 0;
	pointer-events: none;
	transition: opacity .3s ease, visibility .3s ease;
	visibility: hidden;
}

.header__container[data-layout=mobile] .mobile-fixed-button.show {
	opacity: 1;
	pointer-events: all;
	visibility: visible;
}

/* new css */

.header__container .countdown-blocks {
	display:flex;
	align-items:flex-start;
	gap: 8px;
	flex-wrap:nowrap
}

.header__container .countdown-block {
	display:flex;
	flex-direction:column;
	align-items:center;
}

.header__container .countdown-value {
	line-height:1;
}

.header__container .countdown-label {
	opacity: .7;
	font-size: 12px;
	line-height: normal;
}

.header__container .countdown-separator {
	font-weight:700;
	line-height:1;
	padding:0 .125rem;
}

.header__container .countdown-expired {
	font-weight:600;
}

.header__container .offer-content p:last-child {
	margin: 0;
}

.header__container .offer-content p a {
	color: inherit;
}

.header__container .header__countdown{
	gap: 8px;
}

/* ---- Phone nav (2026-10-25): the sales number beside the menu button, the top bar's offer at the top of the page on
   phones until the visitor scrolls, and the sticky button clear of Safari's bottom bar. Mobile layout only
   (data-layout=mobile, below the header's Mobile Breakpoint). The offer also stays in the open menu, as before.
   Every rule below that has to beat an existing header rule does it by specificity, not by source order, because the
   HubSpot minifier may reorder rules. ---- */
.header__container .header__call { display: none; }
.header__container[data-layout='mobile'] .header__menu-col { display: flex; align-items: center; }
.header__container[data-layout='mobile'] .header__call {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	margin-right: 16px;
	padding: 0 2px;
	font-family: var(--button_font, inherit);
	font-size: 16px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: -.01em;
	white-space: nowrap;
	text-decoration: none;
	color: var(--heading);
}
/* With the number in the row, the logo column's 2rem right padding would push the row past 382px and shrink the logo
   (Jewel360 144px to 131px). 12px keeps the logo at full size; the number and menu stay right-aligned. */
.header__container[data-layout='mobile'] .header__wrapper--bottom:has(.header__call) > .header__logo-col { padding-right: 12px; }

/* The offer, one 40px line. Menu and countdown bars are hidden on phones by the header's own rule; these show them.
   Only those two bar types: a "none" bar renders an empty wrapper, which must stay hidden. */
.header__container[data-layout='mobile'][data-phone-offer='true'] .header__top.header__top-menu,
.header__container[data-layout='mobile'][data-phone-offer='true'] .header__top.header__top-countdown { display: block; height: 40px; overflow: hidden; }
.header__container[data-layout='mobile'][data-phone-offer='true'] .header__top .header__menu--desktop { display: block; }
/* menu bars: the first group is the offer; the utility links (support, phone, sign in) stay in the menu drawer */
.header__container[data-layout='mobile'][data-phone-offer='true'] .header__top .header__menu--top + .header__menu--top { display: none; }
.header__container[data-layout='mobile'][data-phone-offer='true'] .header__top .container,
.header__container[data-layout='mobile'][data-phone-offer='true'] .header__top .header__wrapper--top,
.header__container[data-layout='mobile'][data-phone-offer='true'] .header__top .header__menu--top,
.header__container[data-layout='mobile'][data-phone-offer='true'] .header__top .header__menu-wrapper,
.header__container[data-layout='mobile'][data-phone-offer='true'] .header__top .header__menu-item { display: block; width: 100%; max-width: 100%; min-width: 0; height: 40px; padding: 0; margin: 0; }
.header__container[data-layout='mobile'][data-phone-offer='true'] .header__top .header__menu-link,
.header__container[data-layout='mobile'][data-phone-offer='true'] .header__top .header__menu-offer > a {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 40px;
	padding: 0 16px !important; /* the top bar's own link rules zero it */
	font-size: 13px;
	line-height: 1.2;
}
.header__container[data-layout='mobile'][data-phone-offer='true'] .header__top .header__menu-link-span,
.header__container[data-layout='mobile'][data-phone-offer='true'] .header__top .menu_link_span,
.header__container[data-layout='mobile'][data-phone-offer='true'] .header__top .header__menu-offer span {
	display: block;
	min-width: 0;
	max-width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
/* countdown bars: the offer, then days and hours left. The bar's padding comes from the header's own style block, which
   HubSpot scopes with the module wrapper's ID, so the padding needs !important. Its .flex-wrap class sets wrap with
   !important inside the theme's base layer, which no unlayered rule can beat; a zero flex-basis on the offer keeps the
   timer on the same line anyway (lines break on the items' base sizes). */
.header__container[data-layout='mobile'][data-phone-offer='true'] .header__top .header__countdown {
	align-items: center;
	gap: 10px;
	height: 40px;
	padding: 0 16px !important;
	margin: 0;
	font-size: 13px;
	line-height: 1.2;
}
.header__container[data-layout='mobile'][data-phone-offer='true'] .header__top .offer-content { flex: 1 1 0%; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0; }
.header__container[data-layout='mobile'][data-phone-offer='true'] .header__top .offer-content * { white-space: nowrap; }
/* an offer written as a paragraph (ThriftCart): the paragraph is what overflows, so it carries the ellipsis */
.header__container[data-layout='mobile'][data-phone-offer='true'] .header__top .offer-content > p,
.header__container[data-layout='mobile'][data-phone-offer='true'] .header__top .offer-content > div { display: block; margin: 0; min-width: 0; max-width: 100%; overflow: hidden; text-overflow: ellipsis; }
.header__container[data-layout='mobile'][data-phone-offer='true'] .header__top .hero-countdown-timer { flex: 0 0 auto; margin: 0; }
.header__container[data-layout='mobile'][data-phone-offer='true'] .header__top .countdown-blocks { display: flex; gap: 6px; align-items: baseline; }
.header__container[data-layout='mobile'][data-phone-offer='true'] .header__top .countdown-blocks > :nth-child(n+4),
.header__container[data-layout='mobile'][data-phone-offer='true'] .header__top .countdown-separator,
.header__container[data-layout='mobile'][data-phone-offer='true'] .header__top .countdown-label { display: none; }
.header__container[data-layout='mobile'][data-phone-offer='true'] .header__top .countdown-block { display: block; padding: 0; margin: 0; min-width: 0; }
.header__container[data-layout='mobile'][data-phone-offer='true'] .header__top .countdown-value { font-size: 13px; font-weight: 700; line-height: 1.2; font-variant-numeric: tabular-nums; }
.header__container[data-layout='mobile'][data-phone-offer='true'] .header__top .countdown-value[data-unit='days']::after { content: 'd'; }
.header__container[data-layout='mobile'][data-phone-offer='true'] .header__top .countdown-value[data-unit='hours']::after { content: 'h'; }
/* announcement bars already show on phones at their full height (two lines or more); this makes them the same one line.
   The scroll hide below covers them too. */
.header__container[data-layout='mobile'][data-phone-offer='true'] .header__top-announcement .header__menu-announcement {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 40px;
	padding: 0 16px !important; /* the header's own style block sets it with the wrapper ID */
	overflow: hidden;
	font-size: 13px;
	line-height: 1.2;
}
.header__container[data-layout='mobile'][data-phone-offer='true'] .header__top-announcement .header__menu-announcement > * {
	display: block;
	min-width: 0;
	max-width: 100%;
	margin: 0;
	padding: 0;
	font-size: 13px;
	line-height: 1.2;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.header__container[data-layout='mobile'][data-phone-offer='true'] .header__top-announcement .header__menu-announcement > * * { font-size: inherit; line-height: inherit; white-space: nowrap; }
.header__container[data-layout='mobile'][data-phone-offer='true'] .header__top-announcement .header__menu-announcement > * ~ * { display: none; }

/* The page starts 40px lower while the offer shows, so the bar never covers more of the hero than the header does today.
   A spacer right after the header does it: the header is fixed with no top, so padding above it would move it too.
   No bar rendered (no offer set, or a "none" bar): no spacer. Browsers without :has() keep the spacer. */
.header__offer-spacer { display: none; }
.header__container[data-layout='mobile'][data-phone-offer='true'] + .header__offer-spacer { display: block; height: 40px; }
.header__container[data-layout='mobile'][data-phone-offer='true']:not(:has(.header__top-menu, .header__top-countdown, .header__top-announcement)) + .header__offer-spacer { display: none; }
/* Scrolling hides the bar, as on desktop. Restated because the show rule above outranks the header's own hide rule, and
   hidden out of flow instead of display:none: module.js re-measures the bar while scrolled (on open in Cigars, eTailPet,
   MusicShop360 and LikeSew; on resize in all seven) and subtracts it from the header height to place the menu drawer.
   A display:none bar measures 0, which opened the drawer 40px below the header (74px on eTailPet today). */
.header__container.header-scroll[data-layout='mobile'][data-phone-offer='true'] .header__top.header__top-menu,
.header__container.header-scroll[data-layout='mobile'][data-phone-offer='true'] .header__top.header__top-countdown,
.header__container.header-scroll[data-layout='mobile'][data-phone-offer='true'] .header__top.header__top-announcement { display: block; position: absolute; top: 0; left: 0; right: 0; visibility: hidden; pointer-events: none; }

/* Sticky button: Safari on iPhone floats its address bar over the bottom ~76px of the page, which hid most of the
   button (its bottom edge sat 52px under the bar at 382x678). iOS only; other browsers keep the 24px gap. */
@supports (-webkit-touch-callout: none) {
	/* 10/25 22:10, measured on the iPhone Duo: env(safe-area-inset-bottom) already includes Safari's floating toolbar (~104px full, ~82px collapsed), so the fixed 76px counted it twice and left ~112px of page between the button and the toolbar. Now the button sits 12px above the safe area: ~24px clear of the toolbar, and it follows the toolbar as it collapses. */
	.header__container[data-layout=mobile] .mobile-fixed-button { padding-bottom: calc(12px + env(safe-area-inset-bottom, 0px)); }
}

/* 10/25 22:35: the theme hides the sticky above 500px (@media (min-width: 501px) display:none), which left landscape phones, the
   unfolded iPhone Duo and tablets (501-991px, still the phone header) with no CTA at all. Show it across the whole phone header
   when it has a CTA; above 500px it is a centered button rather than a full-width bar. */
@media (min-width: 501px) {
	.header__container[data-layout=mobile] .mobile-fixed-button:has(a, button, form) { display: block; left: 50%; width: min(100%, 448px); transform: translateX(-50%); }
}

/* 10/25 22:45 (Miles): on short screens (phones in landscape, about 330-430px tall) the sticky took too much of the view.
   No sticky at 500px tall or less; portrait phones, the unfolded Duo and tablets keep it. */
@media (max-height: 500px) {
	.header__container[data-layout=mobile] .mobile-fixed-button { display: none !important; }
}