/* =====================================================
   Sellzoa Header — Dynamic Mega Menu Styles
   Author: Piyush Lal
   ===================================================== */

#sellzoa-header .sz-mega-menu {
	position: absolute !important;
	top: 100% !important;
	left: 0 !important;
	background: #ffffff !important;
	border: 1px solid #e2e8f0 !important;
	border-radius: 0 0 10px 10px !important;
	box-shadow: 0 12px 35px rgba(0, 0, 0, 0.08) !important;
	display: flex !important;
	z-index: 9999 !important;
	opacity: 0 !important;
	visibility: hidden !important;
	transform: translateY(-4px) !important;
	transition: opacity var(--sz-transition), visibility var(--sz-transition), transform var(--sz-transition), width 0.15s ease !important;
	height: auto !important;
	max-height: 420px !important;
	overflow: hidden !important;
	width: 230px !important;
	min-width: 230px !important;
}

#sellzoa-header .sz-mega-trigger:hover .sz-mega-menu,
#sellzoa-header .sz-mega-trigger.open .sz-mega-menu {
	opacity: 1 !important;
	visibility: visible !important;
	transform: translateY(0) !important;
}

#sellzoa-header .sz-mcol {
	display: flex !important;
	flex-direction: column !important;
	background: #ffffff !important;
	max-height: 420px !important;
	overflow: hidden !important;
}

/* Hide Secondary and Tertiary columns by default */
#sellzoa-header .sz-mcol-secondary,
#sellzoa-header .sz-mcol-tertiary {
	display: none !important;
	width: 0 !important;
	max-width: 0 !important;
	opacity: 0 !important;
	overflow: hidden !important;
	visibility: hidden !important;
	border: none !important;
}

/* Mid Panel and Sub-Sub Panel Layout */
#sellzoa-header .sz-mega-mid-panel,
#sellzoa-header .sz-mega-ss-panel {
	display: none !important;
	flex-direction: column !important;
	max-height: 420px !important;
	width: 100% !important;
}

#sellzoa-header .sz-mega-mid-panel.active,
#sellzoa-header .sz-mega-ss-panel.active {
	display: flex !important;
}

#sellzoa-header .sz-mega-col-title {
	font-size: 11.5px !important;
	font-weight: 700 !important;
	letter-spacing: 0.6px !important;
	text-transform: uppercase !important;
	color: #000000 !important;
	padding: 16px 20px 12px !important;
	background: #ffffff !important;
	flex-shrink: 0 !important;
}

/* Scrollable category list inside columns */
#sellzoa-header .sz-mega-cat-list,
#sellzoa-header .sz-mega-sub-list,
#sellzoa-header .sz-mega-ss-list {
	flex: 1 1 auto !important;
	max-height: 370px !important;
	overflow-y: auto !important;
	padding: 4px 0 !important;
}

/* Custom Scrollbar for Col 1 (Exact Image 1/2/3 Match) */
#sellzoa-header .sz-mega-cat-list::-webkit-scrollbar,
#sellzoa-header .sz-mega-sub-list::-webkit-scrollbar,
#sellzoa-header .sz-mega-ss-list::-webkit-scrollbar {
	width: 5px !important;
}
#sellzoa-header .sz-mega-cat-list::-webkit-scrollbar-track,
#sellzoa-header .sz-mega-sub-list::-webkit-scrollbar-track,
#sellzoa-header .sz-mega-ss-list::-webkit-scrollbar-track {
	background: #f0f2ff !important;
}
#sellzoa-header .sz-mega-cat-list::-webkit-scrollbar-thumb,
#sellzoa-header .sz-mega-sub-list::-webkit-scrollbar-thumb,
#sellzoa-header .sz-mega-ss-list::-webkit-scrollbar-thumb {
	background: #b8c4ff !important;
	border-radius: 3px !important;
}

/* Items in Col 1 & Col 2 */
#sellzoa-header .sz-mega-cat-item,
#sellzoa-header .sz-mega-sub-item {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	padding: 10px 20px !important;
	font-size: 13.5px !important;
	font-weight: 400 !important;
	color: #222222 !important;
	text-decoration: none !important;
	cursor: pointer !important;
	border-right: 3px solid transparent !important;
	transition: background 0.15s, color 0.15s !important;
}

#sellzoa-header .sz-mega-cat-item:hover,
#sellzoa-header .sz-mega-cat-item.active,
#sellzoa-header .sz-mega-sub-item:hover,
#sellzoa-header .sz-mega-sub-item.active {
	background: #f4f5ff !important;
	color: #4f46e5 !important;
	border-right-color: #4f46e5 !important;
	font-weight: 500 !important;
}

#sellzoa-header .sz-mega-arrow {
	font-size: 14px !important;
	color: #bbbbbb !important;
	font-weight: 400 !important;
}
#sellzoa-header .sz-mega-cat-item.active .sz-mega-arrow,
#sellzoa-header .sz-mega-sub-item.active .sz-mega-arrow {
	color: #4f46e5 !important;
}

/* Col 3 Items */
#sellzoa-header .sz-mega-ss-list {
	list-style: none !important;
	padding: 4px 0 !important;
}

#sellzoa-header .sz-mega-ss-item {
	display: block !important;
	padding: 9px 20px !important;
	font-size: 13.5px !important;
	font-weight: 400 !important;
	color: #333333 !important;
	text-decoration: none !important;
	transition: color 0.15s !important;
}
#sellzoa-header .sz-mega-ss-item:hover {
	color: #4f46e5 !important;
}

/* Dynamic Width Modes (1, 2, or 3 Columns) */
#sellzoa-header .sz-mega-menu,
#sellzoa-header .sz-mega-menu.sz-mview-single {
	width: 230px !important;
	min-width: 230px !important;
	max-width: 230px !important;
	background: #ffffff !important;
}
#sellzoa-header .sz-mega-menu .sz-mcol-primary,
#sellzoa-header .sz-mega-menu.sz-mview-single .sz-mcol-primary {
	width: 230px !important;
	border-right: none !important;
	background: #ffffff !important;
}
#sellzoa-header .sz-mega-menu .sz-mcol-secondary,
#sellzoa-header .sz-mega-menu .sz-mcol-tertiary,
#sellzoa-header .sz-mega-menu.sz-mview-single .sz-mcol-secondary,
#sellzoa-header .sz-mega-menu.sz-mview-single .sz-mcol-tertiary {
	display: none !important;
	width: 0 !important;
	max-width: 0 !important;
}

#sellzoa-header .sz-mega-menu.sz-mview-double {
	width: 460px !important;
	min-width: 460px !important;
	max-width: 460px !important;
	background: #ffffff !important;
}
#sellzoa-header .sz-mega-menu.sz-mview-double .sz-mcol-primary {
	width: 230px !important;
	border-right: 1px solid #e2e8f0 !important;
	background: #ffffff !important;
}
#sellzoa-header .sz-mega-menu.sz-mview-double .sz-mcol-secondary {
	width: 230px !important;
	max-width: 230px !important;
	border-right: none !important;
	display: flex !important;
	opacity: 1 !important;
	visibility: visible !important;
	background: #ffffff !important;
}
#sellzoa-header .sz-mega-menu.sz-mview-double .sz-mcol-tertiary {
	display: none !important;
	width: 0 !important;
	max-width: 0 !important;
}

#sellzoa-header .sz-mega-menu.sz-mview-triple {
	width: 690px !important;
	min-width: 690px !important;
	max-width: 690px !important;
	background: #ffffff !important;
}
#sellzoa-header .sz-mega-menu.sz-mview-triple .sz-mcol-primary {
	width: 230px !important;
	border-right: 1px solid #e2e8f0 !important;
	background: #ffffff !important;
}
#sellzoa-header .sz-mega-menu.sz-mview-triple .sz-mcol-secondary {
	width: 230px !important;
	max-width: 230px !important;
	border-right: 1px solid #e2e8f0 !important;
	display: flex !important;
	opacity: 1 !important;
	visibility: visible !important;
	background: #ffffff !important;
}
#sellzoa-header .sz-mega-menu.sz-mview-triple .sz-mcol-tertiary {
	width: 230px !important;
	max-width: 230px !important;
	display: flex !important;
	opacity: 1 !important;
	visibility: visible !important;
	background: #ffffff !important;
}