@media (min-width: 993px) {
	.main-navigation .primary-menu > li.cp-mega-advanced-enabled {
		position: static;
		--cp-mega-rgb: 155, 89, 182;
		--cp-mega-rgb-soft: 187, 119, 214;
		--cp-mega-accent: #9b59b6;
		--cp-mega-accent-light: #d8b4fe;
		/* Keep mega image visually lighter so it won't dominate content */
		--cp-mega-media-w: clamp(180px, 16vw, 230px);
	}

	.main-navigation .primary-menu > li.cp-mega-advanced-enabled.cp-mega-theme-crimson {
		--cp-mega-rgb: 220, 38, 38;
		--cp-mega-rgb-soft: 252, 165, 165;
		--cp-mega-accent: #dc2626;
		--cp-mega-accent-light: #fecaca;
	}

	.main-navigation .primary-menu > li.cp-mega-advanced-enabled.cp-mega-theme-azure {
		--cp-mega-rgb: 2, 132, 199;
		--cp-mega-rgb-soft: 125, 211, 252;
		--cp-mega-accent: #0284c7;
		--cp-mega-accent-light: #bae6fd;
	}

	/* Keep top-nav affordance consistent: advanced mega also shows caret */
	.main-navigation .primary-menu > li.cp-mega-advanced-enabled > a::after {
		content: '';
		display: inline-block;
		margin-left: 0.35em;
		width: 0;
		height: 0;
		border-left: 4px solid transparent;
		border-right: 4px solid transparent;
		border-top: 5px solid currentColor;
		vertical-align: 0.2em;
		opacity: 0.8;
		transition: transform 150ms ease;
	}

	/* Match normal top-nav active visuals for advanced mega items */
	.main-navigation .primary-menu > li.cp-mega-advanced-enabled:hover > a,
	.main-navigation .primary-menu > li.cp-mega-advanced-enabled:focus-within > a,
	.main-navigation .primary-menu > li.cp-mega-advanced-enabled.mega-open > a,
	.main-navigation .primary-menu > li.cp-mega-advanced-enabled.current-menu-item > a {
		color: var(--cp-mega-accent-light);
		background-color: rgba(var(--cp-mega-rgb), 0.1);
		border-radius: var(--radius-sm);
	}

	.main-navigation .primary-menu > li.cp-mega-advanced-enabled:hover > a::after,
	.main-navigation .primary-menu > li.cp-mega-advanced-enabled:focus-within > a::after,
	.main-navigation .primary-menu > li.cp-mega-advanced-enabled.mega-open > a::after {
		transform: rotate(180deg);
	}

	[dir="rtl"] .main-navigation .primary-menu > li.cp-mega-advanced-enabled > a::after {
		margin-left: 0;
		margin-right: 0.35em;
	}

	.main-navigation .primary-menu > li.cp-mega-advanced-enabled > ul.sub-menu {
		display: none !important;
	}

	.main-navigation .primary-menu > li.cp-mega-advanced-enabled > .cp-mega-advanced-panel {
		display: none;
		position: fixed;
		left: 50%;
		top: var(--header-height);
		transform: translateX(-50%);
		width: 100vw;
		background: var(--color-surface);
		border-top: 2px solid var(--cp-mega-accent);
		border-bottom: 1px solid var(--color-border);
		box-shadow: var(--shadow-lg), 0 0 24px rgba(var(--cp-mega-rgb), 0.12);
		z-index: 999;
	}

	.main-navigation .primary-menu > li.cp-mega-advanced-enabled:hover > .cp-mega-advanced-panel,
	.main-navigation .primary-menu > li.cp-mega-advanced-enabled:focus-within > .cp-mega-advanced-panel,
	.main-navigation .primary-menu > li.cp-mega-advanced-enabled.mega-open > .cp-mega-advanced-panel {
		display: block;
	}

	.cp-mega-advanced-inner {
		max-width: var(--container-max);
		margin: 0 auto;
		padding: var(--space-lg) var(--container-pad);
		display: grid;
		grid-template-columns: 1fr 1fr var(--cp-mega-media-w);
		gap: var(--space-lg);
		align-items: start;
	}

	.cp-mega-layout-grid-2 .cp-mega-advanced-inner {
		grid-template-columns: 1fr 1fr;
	}

	.cp-mega-layout-grid-4 .cp-mega-advanced-inner {
		grid-template-columns: 1fr 1fr 1fr var(--cp-mega-media-w);
	}

	.cp-mega-layout-media-left .cp-mega-advanced-inner {
		grid-template-columns: var(--cp-mega-media-w) 1fr 1fr;
	}

	.cp-mega-layout-media-left .cp-mega-advanced-media {
		order: -1;
	}

	.main-navigation .primary-menu > li.cp-mega-advanced-enabled.cp-mega-image-left .cp-mega-advanced-media {
		order: -1;
		justify-self: start;
	}

	.main-navigation .primary-menu > li.cp-mega-advanced-enabled.cp-mega-image-right .cp-mega-advanced-media {
		order: 3;
		justify-self: end;
	}

	.main-navigation .primary-menu > li.cp-mega-advanced-enabled.cp-mega-image-hide .cp-mega-advanced-media {
		display: none;
	}

	.main-navigation .primary-menu > li.cp-mega-advanced-enabled.cp-mega-image-hide .cp-mega-advanced-inner {
		grid-template-columns: 1fr 1fr;
	}

	.main-navigation .primary-menu > li.cp-mega-advanced-enabled.cp-mega-layout-grid-4.cp-mega-image-hide .cp-mega-advanced-inner {
		grid-template-columns: 1fr 1fr 1fr;
	}

	.cp-mega-advanced-headline {
		margin: 0 0 var(--space-sm);
		font-size: clamp(1.12rem, 1.1vw, 1.28rem);
		color: var(--color-text-heading);
	}

	.cp-mega-advanced-subheadline {
		margin: 0 0 var(--space-md);
		color: var(--color-text-muted);
		font-size: clamp(0.92rem, 0.8vw, 1rem);
	}

	.cp-mega-advanced-cta {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		height: 36px;
		padding: 0 14px;
		border-radius: var(--radius-full);
		background: rgba(var(--cp-mega-rgb), 0.18);
		border: 1px solid rgba(var(--cp-mega-rgb), 0.5);
		color: var(--cp-mega-accent-light);
		font-size: 12px;
		font-weight: var(--fw-semibold);
	}

	.cp-mega-advanced-nav {
		min-width: 0;
	}

	.cp-mega-advanced-columns {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
		gap: 12px;
	}

	.cp-mega-advanced-col {
		min-width: 0;
		padding: 7px;
		border: 1px solid rgba(var(--cp-mega-rgb), 0.2);
		border-radius: var(--radius-md);
		background: linear-gradient(180deg, rgba(20, 20, 38, 0.92), rgba(12, 12, 24, 0.9));
		box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.02);
	}

	.cp-mega-advanced-col-title {
		display: block;
		padding: 7px 10px 6px;
		border-radius: var(--radius-sm);
		font-size: 0.68rem;
		font-weight: var(--fw-bold);
		text-transform: uppercase;
		letter-spacing: 0.09em;
		color: var(--cp-mega-accent-light);
		background: linear-gradient(135deg, rgba(var(--cp-mega-rgb), 0.2), rgba(var(--cp-mega-rgb), 0.06));
		border: 1px solid rgba(var(--cp-mega-rgb-soft), 0.3);
	}

	.cp-mega-advanced-col-links {
		list-style: none;
		margin: 7px 0 0;
		padding: 0;
		max-height: min(44vh, 380px);
		overflow-y: auto;
		overflow-x: hidden;
		display: grid;
		gap: 2px;
		scrollbar-width: thin;
		scrollbar-color: var(--scrollbar-thumb-color) var(--scrollbar-track);
	}

	.cp-mega-advanced-col-links > li,
	.cp-mega-advanced-col-sub-links > li {
		list-style: none;
	}

	.cp-mega-advanced-col-links > li > a {
		display: block;
		padding: 5px 7px;
		border-radius: var(--radius-sm);
		color: var(--color-text);
		font-size: 0.72rem;
		font-weight: var(--fw-semibold);
		line-height: 1.32;
		letter-spacing: 0.01em;
		text-transform: uppercase;
		word-break: break-word;
	}

	.cp-mega-advanced-col-links > li > a:hover,
	.cp-mega-advanced-col-links > li > a:focus-visible,
	.cp-mega-advanced-col-sub-links a:hover,
	.cp-mega-advanced-col-sub-links a:focus-visible {
		background: rgba(var(--cp-mega-rgb), 0.1);
		color: var(--cp-mega-accent-light);
	}

	.cp-mega-advanced-col-sub-links {
		list-style: none;
		margin: 3px 0 4px;
		padding: 0 0 0 10px;
		display: grid;
		gap: 2px;
	}

	.cp-mega-advanced-col-sub-links a {
		display: block;
		padding: 3px 5px;
		border-radius: var(--radius-sm);
		color: var(--color-text-muted);
		font-size: 0.69rem;
		font-weight: var(--fw-medium);
		line-height: 1.28;
		text-transform: none;
		word-break: break-word;
	}

	.cp-mega-advanced-col-links::-webkit-scrollbar {
		width: var(--scrollbar-size);
		height: var(--scrollbar-size);
	}

	.cp-mega-advanced-col-links::-webkit-scrollbar-track {
		background: var(--scrollbar-track);
		border-radius: 999px;
	}

	.cp-mega-advanced-col-links::-webkit-scrollbar-thumb {
		background: var(--scrollbar-thumb);
		border-radius: 999px;
		border: 1px solid rgba(255, 255, 255, 0.08);
	}

	@media (hover: hover) {
		.cp-mega-advanced-col-links::-webkit-scrollbar-thumb:hover {
			background: var(--scrollbar-thumb-hover);
		}
	}

	.cp-mega-advanced-image {
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center center;
		border-radius: var(--radius-md);
		border: 1px solid var(--color-border);
	}

	.cp-mega-advanced-media {
		aspect-ratio: 3 / 4;
		overflow: hidden;
		width: min(100%, var(--cp-mega-media-w));
		max-width: 100%;
	}

	.main-navigation .primary-menu > li.cp-mega-advanced-enabled.cp-mega-ratio-1-1 .cp-mega-advanced-media {
		aspect-ratio: 1 / 1;
	}

	.main-navigation .primary-menu > li.cp-mega-advanced-enabled.cp-mega-ratio-3-4 .cp-mega-advanced-media {
		aspect-ratio: 3 / 4;
	}

	.main-navigation .primary-menu > li.cp-mega-advanced-enabled.cp-mega-ratio-4-5 .cp-mega-advanced-media {
		aspect-ratio: 4 / 5;
	}

	.main-navigation .primary-menu > li.cp-mega-advanced-enabled.cp-mega-focus-top .cp-mega-advanced-image {
		object-position: center top;
	}

	.main-navigation .primary-menu > li.cp-mega-advanced-enabled.cp-mega-focus-center .cp-mega-advanced-image {
		object-position: center center;
	}

	.main-navigation .primary-menu > li.cp-mega-advanced-enabled.cp-mega-focus-bottom .cp-mega-advanced-image {
		object-position: center bottom;
	}

	/* Custom HTML sample styles (cosplay commerce cards) */
	.cp-mega-advanced-html {
		margin-top: var(--space-md);
	}

	.cp-mega-html-grid {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 10px;
	}

	.cp-mega-card {
		display: block;
		padding: 12px 14px;
		border-radius: var(--radius-md);
		border: 1px solid rgba(var(--cp-mega-rgb), 0.28);
		background: linear-gradient(180deg, rgba(var(--cp-mega-rgb), 0.1), rgba(var(--cp-mega-rgb), 0.04));
		color: var(--color-text);
		text-decoration: none;
	}

	.cp-mega-card:hover,
	.cp-mega-card:focus-visible {
		border-color: rgba(var(--cp-mega-rgb-soft), 0.65);
		background: linear-gradient(180deg, rgba(var(--cp-mega-rgb), 0.16), rgba(var(--cp-mega-rgb), 0.07));
		color: var(--color-text-heading);
	}

	.cp-mega-card__badge {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		height: 18px;
		padding: 0 6px;
		border-radius: var(--radius-full);
		font-size: 10px;
		font-weight: 700;
		letter-spacing: 0.03em;
		text-transform: uppercase;
		color: #fff;
		background: var(--cp-mega-accent);
		margin-bottom: 6px;
	}

	.cp-mega-card__title {
		display: block;
		font-size: 14px;
		color: var(--color-text-heading);
		margin-bottom: 4px;
	}

	.cp-mega-card__desc {
		display: block;
		font-size: 12px;
		color: var(--color-text-muted);
		line-height: 1.45;
	}

	.cp-mega-promo {
		padding: 12px;
		border: 1px solid rgba(var(--cp-mega-rgb), 0.3);
		border-radius: var(--radius-md);
		background: linear-gradient(135deg, rgba(var(--cp-mega-rgb), 0.16), rgba(26, 26, 46, 0.75));
	}

	.cp-mega-promo__kicker {
		display: inline-flex;
		height: 18px;
		padding: 0 7px;
		border-radius: var(--radius-full);
		font-size: 10px;
		font-weight: 700;
		letter-spacing: 0.03em;
		text-transform: uppercase;
		color: #fff;
		background: var(--cp-mega-accent);
	}

	.cp-mega-promo__title {
		margin: 8px 0 6px;
		font-size: var(--fs-sm);
		color: var(--color-text-heading);
	}

	.cp-mega-promo__text {
		margin: 0 0 10px;
		font-size: var(--fs-xs);
		color: var(--color-text-muted);
		line-height: 1.45;
	}

	.cp-mega-promo__actions {
		display: flex;
		flex-wrap: wrap;
		gap: 8px;
	}

	.cp-mega-chip {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		height: 26px;
		padding: 0 10px;
		border-radius: var(--radius-full);
		font-size: 11px;
		color: var(--cp-mega-accent-light);
		border: 1px solid rgba(var(--cp-mega-rgb-soft), 0.45);
		background: rgba(var(--cp-mega-rgb), 0.08);
	}

	.cp-mega-character-grid {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 10px;
	}

	.cp-mega-character {
		display: block;
		padding: 12px 14px;
		border-radius: var(--radius-md);
		border: 1px solid rgba(var(--cp-mega-rgb), 0.24);
		background: rgba(12, 12, 26, 0.75);
		color: var(--color-text);
	}

	.cp-mega-character:hover,
	.cp-mega-character:focus-visible {
		border-color: rgba(var(--cp-mega-rgb-soft), 0.6);
		background: rgba(var(--cp-mega-rgb), 0.1);
		color: var(--color-text-heading);
	}

	.cp-mega-character strong {
		display: block;
		font-size: 14px;
		color: var(--color-text-heading);
		margin-bottom: 3px;
	}

	.cp-mega-character span {
		display: block;
		font-size: 12px;
		color: var(--color-text-muted);
	}

	.cp-mega-editorial {
		display: grid;
		gap: 8px;
	}

	.cp-mega-editorial a {
		display: block;
		padding: 10px 12px;
		border-radius: var(--radius-sm);
		border: 1px solid rgba(var(--cp-mega-rgb), 0.2);
		color: var(--color-text);
		font-size: 14px;
		background: rgba(12, 12, 24, 0.5);
	}

	.cp-mega-editorial a:hover,
	.cp-mega-editorial a:focus-visible {
		border-color: rgba(var(--cp-mega-rgb-soft), 0.55);
		background: rgba(var(--cp-mega-rgb), 0.1);
		color: var(--cp-mega-accent-light);
	}
}