a{
	outline:none!important;
	text-decoration:none!important;
}
#mega .tagp,
#mega h4{
	color:#fff!important;
}
.navrow{
	border-top:1px solid var(--line);
	background:#fff;
	position:relative
}

.navrow .wrap{
	display:flex;
	align-items:center;
	gap:6px;
	height:54px
}

.catwrap{
	position:relative;
	flex-shrink:0;
	margin-right:8px
}

.catbtn{
	display:inline-flex;
	align-items:center;
	gap:9px;
	background:var(--red);
	color:#fff;
	padding:11px 20px;
	border-radius:12px;
	font-size:14px;
	font-weight:700;
	transition:background .2s;
	font-family:'Manrope',sans-serif
}

.catbtn:hover,.catwrap.open .catbtn{
	background:var(--red-dark)
}

.catbtn .chev2{
	font-size:14px;
	transition:transform .25s
}

.catwrap.open .catbtn .chev2{
	transform:rotate(180deg)
}

.nav{
	display:flex;
	align-items:center;
	gap:1px;
	flex:1
}

.nav a{
	font-size:13px;
	font-weight:700;
	color:var(--soft);
	padding:9px 12px;
	border-radius:8px;
	white-space:nowrap;
	transition:.15s;
	text-transform:uppercase;
	letter-spacing:.012em
}

.nav a:hover{
	background:var(--line-soft);
	color:var(--red)
}

.nav a.on{
	color:var(--red)
}

.cred{
	position:relative
}

.cred-pop{
	position:absolute;
	top:calc(100% + 10px);
	left:auto;
	right:0;
	width:286px;
	background:#fff;
	border:1px solid var(--line);
	border-radius:14px;
	box-shadow:var(--sh-lg);
	padding:7px;
	z-index:70;
	opacity:0;
	visibility:hidden;
	transform:translateY(-6px);
	transition:opacity .2s var(--ease),transform .2s var(--ease),visibility .2s
}

.cred.open .cred-pop,
.cred:hover .cred-pop{
	opacity:1;
	visibility:visible;
	transform:none
}

.cred-pop a{
	display:flex;
	align-items:center;
	gap:10px;
	padding:10px 12px;
	border-radius:10px;
	font-size:13.5px;
	font-weight:600;
	color:var(--soft);
	text-transform:none;
	letter-spacing:0;
	transition:background .15s
}

.cred-pop a:hover{
	background:var(--red-wash);
	color:var(--red)
}

.cred-pop a .ic{
	color:var(--red);
	font-size:16px
}

.cred-pop-label{
	padding:10px 12px 4px;
	font-size:11px;
	font-weight:800;
	letter-spacing:.05em;
	text-transform:uppercase;
	color:var(--muted)
}

.cred-pop-label:not(:first-child){
	margin-top:6px;
	border-top:1px solid var(--line-soft);
	padding-top:10px
}

.cred-pop a.cred-pop-sub{
	padding-left:22px;
	font-weight:600
}

.nav .cred.acc>a{
	color:var(--red)
}

.nav .cred.acc>a:hover{
	background:var(--red-wash)
}

.mega{
	position:absolute;
	top:calc(100% + 1px);
	left:0;
	right:0;
	background:#fff;
	border-top:1px solid var(--line);
	box-shadow:0 22px 40px -18px rgba(24,26,31,.28);
	z-index:65;
	opacity:0;
	visibility:hidden;
	transform:translateY(-8px);
	transition:opacity .22s var(--ease) .1s,transform .22s var(--ease) .1s,visibility 0s linear .32s
}

.navrow.megaopen .mega,
.mega.open,
.navrow:has(> .wrap > .catwrap:hover) .mega,
.navrow:has(> .mega:hover) .mega{
	opacity:1;
	visibility:visible;
	transform:none;
	transition:opacity .18s var(--ease),transform .18s var(--ease),visibility 0s
}

.mega-in{
	max-width:var(--maxw);
	margin:0 auto;
	padding:24px 24px 26px;
	display:grid;
	grid-template-columns:1fr 1fr 0.92fr;
	gap:30px
}

.mega-col h5{
	margin:0 0 12px;
	font-size:12px;
	font-weight:800;
	letter-spacing:.06em;
	text-transform:uppercase;
	color:var(--muted);
	font-family:'Onest',sans-serif;
	display:flex;
	align-items:center;
	gap:8px
}

.mega-col h5 .cnt{
	margin-left:auto;
	font-size:10.5px;
	font-weight:800;
	color:var(--faint);
	background:var(--line-soft);
	padding:2px 7px;
	border-radius:7px;
	letter-spacing:0
}

.mega-col ul{
	display:grid;
	gap:3px
}

.mega-col a{
	display:flex;
	align-items:center;
	gap:11px;
	padding:8px 9px;
	border-radius:11px;
	font-size:13.5px;
	font-weight:700;
	color:var(--ink);
	transition:background .15s,color .15s
}

.mega-col a .mi{
	width:34px;
	height:34px;
	border-radius:10px;
	background:var(--line-soft);
	color:var(--soft);
	display:grid;
	place-items:center;
	font-size:18px;
	flex-shrink:0;
	transition:background .15s,color .15s
}

.mega-col a .mi svg{
	width:18px;
	height:18px
}

.mega-col a:hover{
	background:var(--red-wash);
	color:var(--red)
}

.mega-col a:hover .mi{
	background:var(--red);
	color:#fff
}

.mega-col a .mi img{
	transition:filter .15s
}

.mega-col a:hover .mi img{
	filter:brightness(0) invert(1)
}

.mega-col a .col2{
	display:flex;
	flex-direction:column;
	line-height:1.25;
	min-width:0
}

.mega-col a .col2 .s3{
	font-size:11.5px;
	font-weight:600;
	color:var(--muted)
}

.mega-col a:hover .col2 .s3{
	color:var(--red)
}

.mega-tiers{
	display:flex;
	flex-wrap:wrap;
	gap:6px;
	margin:6px 0 4px;
	padding-left:45px
}

.mega-tiers a{
	display:inline-flex;
	align-items:center;
	padding:6px 12px;
	border-radius:999px;
	font-size:12px;
	font-weight:700;
	background:var(--plate);
	color:var(--soft);
	transition:.15s
}

.mega-tiers a:hover{
	background:var(--red);
	color:#fff!important;
}

.mega-promo{
	background:linear-gradient(150deg,#a5232e,var(--red-dark));
	border-radius:16px;
	padding:22px;
	color:#fff;
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	gap:14px;
	position:relative;
	overflow:hidden
}

.mega-promo::before{
	content:"";
	position:absolute;
	inset:0;
	background:radial-gradient(circle at 85% 15%,rgba(255,255,255,.16),transparent 55%)
}

.mega-promo .pi{
	position:absolute;
	right:-10px;
	bottom:-22px;
	width:140px;
	height:140px;
	opacity:.16;
	line-height:0
}

.mega-promo .pi svg{
	width:100%;
	height:100%
}

.mega-promo .tagp{
	position:relative;
	display:inline-flex;
	align-items:center;
	gap:6px;
	font-size:11px;
	font-weight:800;
	letter-spacing:.05em;
	text-transform:uppercase;
	background:rgba(255,255,255,.18);
	padding:5px 11px;
	border-radius:999px;
	align-self:flex-start
}

.mega-promo h4{
	margin:10px 0 0;
	font-size:22px;
	font-weight:800;
	letter-spacing:-.01em;
	position:relative;
	font-family:'Onest',sans-serif
}

.mega-promo p{
	margin:6px 0 0;
	font-size:13px;
	color:rgba(255,255,255,.88);
	line-height:1.5;
	position:relative;
	text-wrap:pretty
}

.mega-promo .go{
	align-self:flex-start;
	background:#fff;
	color:var(--red);
	padding:11px 18px;
	border-radius:11px;
	font-size:13.5px;
	font-weight:800;
	display:inline-flex;
	align-items:center;
	gap:7px;
	position:relative;
	transition:transform .15s,box-shadow .15s
}

.mega-promo .go:hover{
	transform:translateX(3px);
	box-shadow:0 8px 18px -8px rgba(0,0,0,.4)
}