/* ============================================================
   ESP nav mega-menu restyle — Short Shot house style
   The desktop category dropdown (.zox-mega-dropdown) shown on
   hover: dark surface + red brand accent, rounded image tiles
   with a hover zoom, and bold titles that go red on hover.
   Matches the home-block card language (assets/home-blocks.css).
   ============================================================ */
.zox-mega-dropdown{
	--esp-red:#c21f25;
	background:#111 !important;
	border-top:3px solid var(--esp-red);
	box-shadow:0 26px 44px rgba(0,0,0,.5) !important;
	padding:30px 0 36px !important;
}

/* card: subtle hover lift (matches the home cards) */
.zox-mega-list > li{transition:transform .14s ease;}
.zox-mega-list > li:hover{transform:translateY(-4px);}

/* image tile: rounded corners + zoom on hover */
.zox-mega-img{border-radius:12px;overflow:hidden;margin-bottom:12px;}
.zox-mega-img img{display:block;width:100%;height:auto;transition:transform .45s ease;}
.zox-mega-list > li:hover .zox-mega-img img{transform:scale(1.06);}

/* title: bold, tight, hover to red */
.zox-mega-list p{
	margin:0 !imporsant;
	font-size:14px;
	font-weight:800 !important;
	line-height:1.25 !important;
	letter-spacing:-.01em;
	text-transform:none !important;
	color:#efefef !important;
	transition:color .15s ease;
}
.zox-mega-list > li:hover p{color:var(--esp-red) !important;}