/* ==========================================================================
   MakeAdera Header Stylesheet
   Author: aderaDev
   ========================================================================== */

/* Header Root Reset & Base */
.makeadera-site-header {
	width: 100%;
	position: relative;
	z-index: 999;
	background-color: var(--makeadera-color-white, #FFFFFF);
	font-family: var(--makeadera-font-primary, 'Inter', sans-serif);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
	transition: box-shadow 0.3s ease;
}

.makeadera-site-header.is-scrolled {
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

/* Base Container */
.makeadera-header-container,
.makeadera-announcement-container,
.makeadera-contact-container {
	max-width: 1440px;
	margin: 0 auto;
	padding: 0 24px;
	display: flex;
	align-items: center;
	overflow: visible !important;
}

/* ==========================================================================
   0. TOP MOBILE MARQUEE TICKER BAR (Right-to-Left Moving Text Animation)
   ========================================================================== */
.makeadera-top-ticker-bar {
	display: none;
	background-color: #222528 !important;
	color: #FFFFFF !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
	overflow: hidden !important;
	white-space: nowrap !important;
	padding: 8px 0 !important;
	font-family: var(--makeadera-font-primary, 'Inter', sans-serif) !important;
	font-size: 12px !important;
	position: relative !important;
	width: 100% !important;
	box-sizing: border-box !important;
}

.makeadera-ticker-track {
	display: flex !important;
	width: max-content !important;
	animation: makeaderaMarquee 25s linear infinite !important;
	will-change: transform !important;
}

.makeadera-top-ticker-bar:hover .makeadera-ticker-track,
.makeadera-top-ticker-bar:active .makeadera-ticker-track {
	animation-play-state: paused !important;
}

.makeadera-ticker-group {
	display: flex !important;
	align-items: center !important;
	white-space: nowrap !important;
}

.makeadera-ticker-item {
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
	padding: 0 12px !important;
	color: #E3E4E5 !important;
	font-size: 12px !important;
}

.makeadera-ticker-item strong {
	color: #FFFFFF !important;
	font-weight: 600 !important;
}

.makeadera-ticker-item a {
	color: #FFFFFF !important;
	text-decoration: none !important;
}

.makeadera-ticker-icon {
	width: 14px !important;
	height: 14px !important;
	display: inline-block !important;
	opacity: 0.85 !important;
	filter: brightness(0) invert(1) !important;
}

.makeadera-ticker-divider {
	color: rgba(255, 255, 255, 0.35) !important;
	font-weight: 300 !important;
	padding: 0 6px !important;
}

@keyframes makeaderaMarquee {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(-50%);
	}
}

/* ==========================================================================
   1. TOP MAIN HEADER BAR
   ========================================================================== */
.makeadera-header-main {
	background-color: var(--makeadera-color-white, #FFFFFF);
	border-bottom: 1px solid var(--makeadera-color-slate-light, #E3E4E5);
	padding: 16px 0 !important;
	overflow: visible !important;
}

.makeadera-header-container {
	justify-content: space-between;
	gap: 20px;
}

.makeadera-header-top-row {
	display: flex;
	align-items: center;
}

.makeadera-mobile-controls {
	display: none;
}

/* Logo */
.makeadera-header-logo {
	display: flex;
	align-items: center;
	flex-shrink: 0;
}

.makeadera-logo-link {
	display: inline-block;
	text-decoration: none;
}

.makeadera-logo-img {
	height: 38px;
	width: auto;
	display: block;
	object-fit: contain;
}

/* Primary Navigation Menu (Desktop) */
.makeadera-header-nav {
	display: flex;
	align-items: center;
}

.makeadera-mobile-account-wrap {
	display: none;
}

.makeadera-menu {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
	gap: 28px;
}

.makeadera-menu li {
	position: relative;
	margin: 0;
	padding: 0;
}

.makeadera-menu li a {
	font-family: var(--makeadera-font-primary, 'Inter', sans-serif) !important;
	font-size: 14px;
	font-weight: 600;
	color: var(--makeadera-color-slate-dark, #494D53);
	text-decoration: none;
	padding: 8px 0;
	display: flex;
	align-items: center;
	gap: 6px;
	transition: color 0.2s ease;
}

.makeadera-menu li a:hover,
.makeadera-menu li.current-menu-item > a {
	color: var(--makeadera-color-accent-red, #B20017);
}

.dropdown-arrow {
	font-size: 8px;
	color: var(--makeadera-color-gray-mid, #858689);
	transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), color 0.2s ease;
}

.makeadera-menu li.has-dropdown:hover .dropdown-arrow {
	transform: rotate(180deg);
	color: var(--makeadera-color-accent-red, #B20017);
}

/* Dropdown Sub-menu (Desktop) */
.makeadera-menu .sub-menu {
	position: absolute;
	top: 100%;
	left: 0;
	background-color: var(--makeadera-color-white, #FFFFFF);
	min-width: 220px;
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
	border-radius: 8px;
	border: 1px solid var(--makeadera-color-slate-light, #E3E4E5);
	list-style: none;
	padding: 8px 0;
	margin: 8px 0 0 0;
	opacity: 0;
	visibility: hidden;
	transform: translateY(10px);
	transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
	z-index: 100;
}

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

.makeadera-menu .sub-menu li a {
	padding: 10px 18px;
	font-size: 13px;
	font-weight: 500;
	color: var(--makeadera-color-charcoal, #222528);
	font-family: var(--makeadera-font-primary, 'Inter', sans-serif) !important;
}

.makeadera-menu .sub-menu li a:hover {
	background-color: var(--makeadera-color-bg-soft, #F6F7F7);
	color: var(--makeadera-color-accent-red, #B20017);
}

/* Right Actions Section */
.makeadera-header-actions {
	display: flex;
	align-items: center;
	gap: 16px;
	flex-shrink: 0;
	overflow: visible !important;
}

/* ==========================================================================
   SEARCH BAR INPUT RE-DESIGN
   ========================================================================== */
.makeadera-search-form {
	margin: 0 !important;
	padding: 2px 0 !important;
	display: flex !important;
	align-items: center !important;
	overflow: visible !important;
}

.makeadera-search-input-wrap {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	background-color: #F3F5F8 !important;
	border: 2px solid #E5E8EC !important;
	border-radius: 10px !important;
	height: 48px !important;
	width: 320px !important;
	padding: 3px 3px 3px 18px !important;
	box-sizing: border-box !important;
	position: relative !important;
	transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
	overflow: visible !important;
}

.makeadera-search-input-wrap:focus-within {
	border-color: #454950 !important;
	box-shadow: 0 0 0 2px rgba(69, 73, 80, 0.1) !important;
}

.makeadera-search-field,
input[type="search"].makeadera-search-field {
	flex: 1 !important;
	border: none !important;
	background: transparent !important;
	padding: 0 8px 0 0 !important;
	margin: 0 !important;
	box-shadow: none !important;
	outline: none !important;
	font-family: var(--makeadera-font-primary, 'Inter', sans-serif) !important;
	font-size: 15px !important;
	font-weight: 500 !important;
	color: #454950 !important;
	-webkit-appearance: none !important;
	appearance: none !important;
	height: 100% !important;
	line-height: normal !important;
}

.makeadera-search-field::placeholder {
	color: #5C6270 !important;
	font-weight: 400 !important;
	opacity: 1 !important;
}

/* Native search "clear" (×) button — restyled to brand colors via mask */
.makeadera-search-field::-webkit-search-cancel-button {
	-webkit-appearance: none !important;
	appearance: none !important;
	width: 14px !important;
	height: 14px !important;
	flex-shrink: 0 !important;
	margin: 0 4px 0 6px !important;
	cursor: pointer !important;
	background-color: var(--makeadera-color-slate-dark, #494D53) !important;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 6l12 12M18 6L6 18' stroke='%23000' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center / contain !important;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 6l12 12M18 6L6 18' stroke='%23000' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center / contain !important;
	transition: background-color 0.2s ease !important;
}

.makeadera-search-field::-webkit-search-cancel-button:hover {
	background-color: var(--makeadera-color-accent-red, #B20017) !important;
}

/* Hide legacy IE/old-Edge clear icon (would double up with the styled one) */
.makeadera-search-field::-ms-clear {
	display: none !important;
}

.makeadera-search-submit,
button.makeadera-search-submit {
	background-color: #454950 !important;
	border: none !important;
	height: 36px !important;
	width: 36px !important;
	min-width: 36px !important;
	border-radius: 10px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	cursor: pointer !important;
	padding: 0 !important;
	margin: 0 !important;
	box-shadow: none !important;
	flex-shrink: 0 !important;
	transition: background-color 0.2s ease !important;
}

.makeadera-search-submit:hover {
	background-color: #222528 !important;
}

.makeadera-search-submit svg {
	width: 18px !important;
	height: 18px !important;
	display: block !important;
}

/* ==========================================================================
   HEADER LIVE SEARCH RESULTS DROPDOWN
   ========================================================================== */
.makeadera-header-search-results {
	position: absolute !important;
	top: calc(100% + 8px) !important;
	left: 0 !important;
	right: 0 !important;
	width: 100% !important;
	min-width: 360px !important;
	background: #111317 !important;
	border: 1px solid rgba(255, 255, 255, 0.12) !important;
	border-radius: 12px !important;
	box-shadow: 0 16px 36px rgba(0, 0, 0, 0.45), 0 4px 12px rgba(0, 0, 0, 0.3) !important;
	z-index: 9999 !important;
	display: none !important;
	overflow: hidden !important;
	backdrop-filter: blur(12px) !important;
	-webkit-backdrop-filter: blur(12px) !important;
}

.makeadera-header-search-results.is-active {
	display: block !important;
	animation: maSearchFadeIn 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

@keyframes maSearchFadeIn {
	from {
		opacity: 0;
		transform: translateY(-6px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.ma-header-search-loading {
	padding: 18px 16px !important;
	font-family: var(--makeadera-font-primary, 'Inter', sans-serif) !important;
	font-size: 13px !important;
	color: #9EA5B1 !important;
	display: flex !important;
	align-items: center !important;
	gap: 10px !important;
}

.ma-header-search-spinner {
	width: 14px !important;
	height: 14px !important;
	border: 2px solid rgba(255, 255, 255, 0.2) !important;
	border-top-color: #FFFFFF !important;
	border-radius: 50% !important;
	animation: maSearchSpin 0.6s linear infinite !important;
}

@keyframes maSearchSpin {
	to { transform: rotate(360deg); }
}

.ma-header-search-empty {
	padding: 18px 16px !important;
	font-family: var(--makeadera-font-primary, 'Inter', sans-serif) !important;
	font-size: 13px !important;
	color: #9EA5B1 !important;
	text-align: center !important;
}

.ma-header-search-empty strong {
	color: #FFFFFF !important;
}

.ma-header-search-count {
	padding: 10px 16px 6px 16px !important;
	font-family: var(--makeadera-font-mono, 'JetBrains Mono', monospace) !important;
	font-size: 10px !important;
	font-weight: 600 !important;
	letter-spacing: 0.8px !important;
	text-transform: uppercase !important;
	color: #727B8C !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.ma-header-search-list {
	max-height: 380px !important;
	overflow-y: auto !important;
	margin: 0 !important;
	padding: 0 !important;
}

.ma-header-search-item {
	display: flex !important;
	align-items: center !important;
	gap: 12px !important;
	padding: 10px 16px !important;
	text-decoration: none !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
	transition: background-color 0.15s ease !important;
}

.ma-header-search-item:last-child {
	border-bottom: none !important;
}

.ma-header-search-item:hover,
.ma-header-search-item.is-focused {
	background-color: rgba(255, 255, 255, 0.08) !important;
}

.ma-header-search-thumb {
	width: 40px !important;
	height: 40px !important;
	border-radius: 6px !important;
	background-color: #1A1D24 !important;
	flex-shrink: 0 !important;
	overflow: hidden !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.ma-header-search-thumb img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	display: block !important;
}

.ma-header-search-info {
	flex: 1 !important;
	min-width: 0 !important;
}

.ma-header-search-title {
	font-family: var(--makeadera-font-primary, 'Inter', sans-serif) !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	color: #F3F5F8 !important;
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	line-height: 1.3 !important;
}

.ma-header-search-meta {
	display: flex !important;
	align-items: center !important;
	gap: 10px !important;
	margin-top: 3px !important;
}

.ma-header-search-sku {
	font-family: var(--makeadera-font-mono, 'JetBrains Mono', monospace) !important;
	font-size: 11px !important;
	color: #9EA5B1 !important;
	background: rgba(255, 255, 255, 0.06) !important;
	padding: 2px 6px !important;
	border-radius: 4px !important;
}

.ma-header-search-price {
	font-family: var(--makeadera-font-primary, 'Inter', sans-serif) !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	color: #4CAF50 !important;
}

.ma-header-search-footer {
	display: block !important;
	padding: 11px 16px !important;
	background-color: #181C23 !important;
	border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
	font-family: var(--makeadera-font-primary, 'Inter', sans-serif) !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	color: #FFFFFF !important;
	text-align: center !important;
	text-decoration: none !important;
	transition: background-color 0.15s ease, color 0.15s ease !important;
}

.ma-header-search-footer:hover {
	background-color: #222730 !important;
	color: #FFFFFF !important;
}

/* ==========================================================================
   CART & REQUEST ACCOUNT BUTTONS
   ========================================================================== */
.makeadera-cart-btn {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	position: relative !important;
	width: 48px !important;
	height: 48px !important;
	border: 2px solid #E5E8EC !important;
	border-radius: 10px !important;
	background-color: #FFFFFF !important;
	text-decoration: none !important;
	box-sizing: border-box !important;
	flex-shrink: 0 !important;
	transition: all 0.2s ease !important;
}

.makeadera-cart-btn:hover {
	border-color: #C8CDD5 !important;
	background-color: #F8F9FA !important;
}

.makeadera-cart-icon {
	width: 22px !important;
	height: 22px !important;
	display: block !important;
}

.makeadera-cart-dot {
	display: none !important;
}

.makeadera-account-btn {
	font-family: var(--makeadera-font-primary, 'Inter', sans-serif) !important;
	background-color: #454950 !important;
	color: #FFFFFF !important;
	font-size: 15px !important;
	font-weight: 700 !important;
	padding: 0 24px !important;
	height: 48px !important;
	line-height: 42px !important;
	border-radius: 14px !important;
	border: 2px solid #75787E !important;
	text-decoration: none !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	white-space: nowrap !important;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) !important;
	box-sizing: border-box !important;
	flex-shrink: 0 !important;
	transition: all 0.25s ease !important;
}

.makeadera-account-btn:hover {
	background-color: #B20017 !important;
	border-color: #D4384B !important;
	color: #FFFFFF !important;
}

/* Mobile Toggle Hamburger Button */
.makeadera-mobile-toggle {
	display: none;
	flex-direction: column;
	justify-content: center;
	gap: 5px;
	width: 48px;
	height: 48px;
	background: #FFFFFF;
	border: 2px solid #E5E8EC;
	border-radius: 10px;
	padding: 10px;
	cursor: pointer;
	transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
	box-sizing: border-box;
}

.makeadera-mobile-toggle:hover {
	border-color: #454950;
	background-color: #F8F9FA;
}

.hamburger-bar {
	width: 100%;
	height: 2.5px;
	background-color: #454950;
	border-radius: 2px;
	transition: transform 0.45s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.35s ease, background-color 0.3s ease;
	transform-origin: center;
}

.makeadera-mobile-toggle.is-active .hamburger-bar:nth-child(1) {
	transform: translateY(7.5px) rotate(45deg);
	background-color: #B20017;
}

.makeadera-mobile-toggle.is-active .hamburger-bar:nth-child(2) {
	opacity: 0;
}

.makeadera-mobile-toggle.is-active .hamburger-bar:nth-child(3) {
	transform: translateY(-7.5px) rotate(-45deg);
	background-color: #B20017;
}

/* ==========================================================================
   2. MIDDLE DARK ANNOUNCEMENT / CERTIFICATION BAR
   ========================================================================== */
.makeadera-announcement-bar,
.makeadera-announcement-bar * {
	font-family: var(--makeadera-font-mono, 'JetBrains Mono', monospace) !important;
}

.makeadera-announcement-bar {
	background: #25282C !important;
	color: #D0D1D3 !important;
	padding: 12px 0 !important;
}

.makeadera-announcement-container {
	justify-content: space-between !important;
	font-size: 11px !important;
	letter-spacing: 0.04em !important;
}

.makeadera-announcement-text {
	display: flex !important;
	align-items: center !important;
	gap: 6px !important;
	color: rgba(255, 255, 255, 0.85) !important;
	font-weight: 500 !important;
	font-family: var(--makeadera-font-mono, 'JetBrains Mono', monospace) !important;
}

/* Certification Badges List */
.makeadera-badges-list {
	display: flex !important;
	align-items: center !important;
	gap: 12px !important;
}

.makeadera-badge-item {
	display: inline-flex !important;
	align-items: center !important;
	gap: 10px !important;
	background-color: #3F434A !important;
	border: 2px solid #575B63 !important;
	padding: 8px 18px !important;
	border-radius: 14px !important;
	font-family: var(--makeadera-font-mono, 'JetBrains Mono', monospace) !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	letter-spacing: 0.12em !important;
	color: #FFFFFF !important;
	text-transform: uppercase !important;
	white-space: nowrap !important;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25) !important;
	transition: all 0.2s ease !important;
	margin: 0 !important;
}

.makeadera-badge-item:hover {
	background-color: #484C55 !important;
	border-color: #6C707A !important;
}

.makeadera-badge-item .makeadera-badge-text,
.makeadera-badge-item span {
	background: transparent !important;
	border: none !important;
	padding: 0 !important;
	margin: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	font-family: inherit !important;
	font-size: inherit !important;
	font-weight: inherit !important;
	letter-spacing: inherit !important;
	color: inherit !important;
}

.makeadera-badge-icon {
	width: 20px !important;
	height: 20px !important;
	display: block !important;
	flex-shrink: 0 !important;
	opacity: 0.9 !important;
}

/* ==========================================================================
   3. BOTTOM CONTACT INFORMATION BAR (Inter Font)
   ========================================================================== */
.makeadera-contact-bar,
.makeadera-contact-bar * {
	font-family: var(--makeadera-font-primary, 'Inter', sans-serif);
}

.makeadera-contact-bar {
	background-color: var(--makeadera-color-white, #FFFFFF) !important;
	border-top: 1px solid var(--makeadera-color-slate-light, #E3E4E5) !important;
	border-bottom: 1px solid var(--makeadera-color-slate-light, #E3E4E5) !important;
	padding: 10px 0 !important;
	font-size: 13px !important;
}

.makeadera-contact-container {
	justify-content: center !important;
	gap: 24px !important;
	color: var(--makeadera-color-slate-dark, #494D53) !important;
}

.makeadera-contact-item {
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
}

.makeadera-contact-icon {
	width: 15px !important;
	height: 15px !important;
	display: block !important;
	opacity: 0.75 !important;
}

.phone-item .phone-number {
	font-size: 15px !important;
	font-weight: 700 !important;
	color: var(--makeadera-color-charcoal, #222528) !important;
}

.makeadera-contact-divider {
	color: var(--makeadera-color-border-light, #D0D1D3) !important;
	font-weight: 300 !important;
}

.hours-item span {
	color: var(--makeadera-color-gray-mid, #858689) !important;
}

.email-item a {
	color: var(--makeadera-color-slate-dark, #494D53) !important;
	text-decoration: none !important;
	transition: color 0.2s ease !important;
}

.email-item a:hover {
	color: var(--makeadera-color-accent-red, #B20017) !important;
}

/* ==========================================================================
   CLEAN & UNCLUTTERED RESPONSIVE MEDIA QUERIES (Threshold <= 1280px)
   ========================================================================== */

/* Tablet & Mobile Screens (<= 1280px - Fixing 1028px overlap & overflow!) */
@media (max-width: 1280px) {
	.makeadera-top-ticker-bar {
		display: block !important;
	}

	.makeadera-contact-bar {
		display: none !important;
	}

	.makeadera-header-main {
		padding: 12px 0 !important;
	}

	.makeadera-header-container {
		flex-direction: column !important;
		align-items: stretch !important;
		gap: 10px !important;
	}

	/* Row 1: Logo on Left, Cart + Hamburger on Right (IN 1 SINGLE ROW) */
	.makeadera-header-top-row {
		display: flex !important;
		align-items: center !important;
		justify-content: space-between !important;
		width: 100% !important;
	}

	.makeadera-header-logo {
		width: auto;
	}

	.makeadera-header-logo .makeadera-logo-img {
		height: 36px !important;
	}

	.makeadera-mobile-controls {
		display: flex !important;
		align-items: center !important;
		gap: 10px !important;
	}

	.makeadera-mobile-toggle {
		display: flex !important;
		width: 44px !important;
		height: 44px !important;
	}

	.mobile-cart-btn {
		width: 44px !important;
		height: 44px !important;
	}

	/* Hide Desktop duplicate actions on Mobile */
	.desktop-cart-btn,
	.desktop-account-btn {
		display: none !important;
	}

	.makeadera-header-actions {
		width: 100% !important;
		display: block !important;
	}

	/* Row 2: Search Bar Full Width */
	.makeadera-search-form {
		width: 100% !important;
		margin-top: 4px !important;
	}

	.makeadera-search-input-wrap {
		width: 100% !important;
		height: 44px !important;
	}

	/* Mobile Menu Drawer */
	.makeadera-header-nav {
		display: block !important;
		width: 100% !important;
		background-color: #FFFFFF !important;
		border-radius: 10px !important;
		border: 1px solid var(--makeadera-color-slate-light, #E3E4E5) !important;
		box-shadow: 0 14px 35px rgba(0, 0, 0, 0.09) !important;
		box-sizing: border-box !important;
		margin-top: 6px !important;
		max-height: 0 !important;
		opacity: 0 !important;
		visibility: hidden !important;
		overflow: hidden !important;
		padding: 0 16px !important;
		transform: translateY(-12px) scale(0.98) !important;
		transition: max-height 0.48s cubic-bezier(0.16, 1, 0.3, 1),
		            opacity 0.4s cubic-bezier(0.16, 1, 0.3, 1),
		            transform 0.48s cubic-bezier(0.16, 1, 0.3, 1),
		            padding 0.45s cubic-bezier(0.16, 1, 0.3, 1),
		            visibility 0.48s !important;
	}

	.makeadera-header-nav.is-active {
		max-height: 1000px !important;
		opacity: 1 !important;
		visibility: visible !important;
		padding: 16px !important;
		transform: translateY(0) scale(1) !important;
	}

	.makeadera-mobile-account-wrap {
		display: block !important;
		margin-bottom: 14px;
	}

	.mobile-account-btn {
		width: 100% !important;
		height: 44px !important;
	}

	.makeadera-menu {
		flex-direction: column;
		align-items: stretch;
		gap: 0;
		width: 100%;
	}

	.makeadera-menu li {
		width: 100%;
		border-bottom: 1px solid #F0F2F5;
	}

	.makeadera-menu li:last-child {
		border-bottom: none;
	}

	.makeadera-menu li a {
		padding: 14px 6px;
		font-size: 15px;
		justify-content: space-between;
		color: #222528;
		transition: color 0.2s ease;
	}

	/* Ultra-Smooth Sub-menu Accordion Expansion */
	.makeadera-menu .sub-menu {
		position: static !important;
		opacity: 0 !important;
		visibility: hidden !important;
		max-height: 0 !important;
		overflow: hidden !important;
		transform: translateY(-6px) !important;
		box-shadow: none !important;
		border: none !important;
		border-left: 2px solid var(--makeadera-color-accent-red, #B20017) !important;
		border-radius: 0 !important;
		padding: 0 0 0 14px !important;
		margin: 0 0 0 8px !important;
		background-color: #FAFBFD !important;
		transition: max-height 0.42s cubic-bezier(0.16, 1, 0.3, 1),
		            opacity 0.38s ease,
		            transform 0.42s cubic-bezier(0.16, 1, 0.3, 1),
		            padding 0.38s ease,
		            margin 0.38s ease !important;
	}

	.makeadera-menu li.has-dropdown.is-open > .sub-menu {
		opacity: 1 !important;
		visibility: visible !important;
		max-height: 400px !important;
		padding: 6px 0 8px 14px !important;
		margin: 4px 0 10px 8px !important;
		transform: translateY(0) !important;
	}

	/* Announcement Bar: Clean Horizontal Scroll Row for Badges */
	.makeadera-announcement-bar {
		padding: 10px 0 !important;
	}

	.makeadera-announcement-container {
		flex-direction: column !important;
		align-items: center !important;
		gap: 8px !important;
		padding: 0 16px !important;
	}

	.makeadera-announcement-text {
		font-size: 10px !important;
		text-align: center !important;
		line-height: 1.3 !important;
	}

	.makeadera-badges-list {
		width: 100% !important;
		display: flex !important;
		flex-wrap: nowrap !important;
		overflow-x: auto !important;
		-webkit-overflow-scrolling: touch !important;
		scrollbar-width: none !important;
		gap: 8px !important;
		padding: 4px 0 6px 0 !important;
	}

	.makeadera-badges-list::-webkit-scrollbar {
		display: none !important;
	}

	.makeadera-badge-item {
		font-size: 11px !important;
		padding: 6px 14px !important;
		letter-spacing: 0.08em !important;
		flex-shrink: 0 !important;
		border-radius: 12px !important;
	}

	.makeadera-badge-icon {
		width: 16px !important;
		height: 16px !important;
	}

	/* Center badges when they fit; auto margins collapse when the row overflows so scrolling still works */
	.makeadera-badges-list .makeadera-badge-item:first-child {
		margin-left: auto !important;
	}

	.makeadera-badges-list .makeadera-badge-item:last-child {
		margin-right: auto !important;
	}
}

/* Tablet Range (641px - 1280px): Search Bar Inline in Top Row (Logo | Search | Cart + Hamburger) */
@media (min-width: 641px) and (max-width: 1280px) {
	.makeadera-header-container {
		flex-direction: row !important;
		flex-wrap: wrap !important;
		align-items: center !important;
		gap: 14px !important;
	}

	/* Flatten wrappers so logo, search, and mobile controls become siblings in one flex row */
	.makeadera-header-top-row,
	.makeadera-header-actions {
		display: contents !important;
	}

	.makeadera-header-logo {
		order: 1 !important;
	}

	.makeadera-search-form {
		order: 2 !important;
		flex: 1 1 auto !important;
		width: auto !important;
		min-width: 0 !important;
		margin-top: 0 !important;
	}

	.makeadera-mobile-controls {
		order: 3 !important;
	}

	/* Nav drawer drops to its own full-width row below */
	.makeadera-header-nav {
		order: 4 !important;
		width: 100% !important;
	}
}

/* Mobile Small Devices (<= 640px) */
@media (max-width: 640px) {
	.makeadera-header-container {
		padding: 0 16px !important;
	}

	.makeadera-header-logo .makeadera-logo-img {
		height: 34px !important;
	}

	.mobile-cart-btn {
		width: 42px !important;
		height: 42px !important;
	}

	.makeadera-mobile-toggle {
		width: 42px !important;
		height: 42px !important;
	}
}