/* NSV 3.1.8 - Media center horizontal tabs */
.nsv-home-media-tabs-section{
	--nsv-tabs-accent:var(--nsv-home-custom-accent,var(--nsv-primary,#0f766e));
}
.nsv-media-tabs{
	margin-top:clamp(18px,3vw,32px);
}
.nsv-media-tabs-nav{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:12px;
	flex-wrap:wrap;
	margin:0 auto clamp(18px,3vw,28px);
}
.nsv-media-tab-button{
	border:1px solid rgba(15,118,110,.10);
	background:rgba(255,255,255,.82);
	color:var(--nsv-text,#1f2937);
	border-radius:999px;
	min-height:46px;
	padding:10px 18px;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:8px;
	font-weight:800;
	cursor:pointer;
	box-shadow:0 12px 32px rgba(15,23,42,.07);
	transition:transform .2s ease,box-shadow .2s ease,background .2s ease,color .2s ease;
}
.nsv-media-tab-button:hover,
.nsv-media-tab-button.is-active{
	background:var(--nsv-tabs-accent);
	color:#fff;
	transform:translateY(-2px);
	box-shadow:0 18px 38px rgba(15,118,110,.22);
}
.nsv-media-tab-icon{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:24px;
	height:24px;
}
.nsv-media-tabs-panels{
	position:relative;
}
.nsv-media-tab-panel{
	animation:nsvMediaPanelFade .25s ease both;
}
.nsv-media-tab-panel[hidden]{
	display:none !important;
}
@keyframes nsvMediaPanelFade{
	from{opacity:0;transform:translateY(8px)}
	to{opacity:1;transform:translateY(0)}
}
.nsv-media-panel-card{
	position:relative;
	display:grid;
	grid-template-columns:auto minmax(0,1fr) auto;
	align-items:center;
	gap:18px;
	padding:clamp(18px,3vw,28px);
	border-radius:28px;
	background:rgba(255,255,255,.88);
	box-shadow:0 20px 60px rgba(15,23,42,.08);
	border:1px solid rgba(15,118,110,.08);
	overflow:hidden;
}
.nsv-media-panel-card::before{
	content:"";
	position:absolute;
	inset-inline-start:0;
	top:0;
	bottom:0;
	width:5px;
	background:var(--nsv-media-card-color,var(--nsv-tabs-accent));
	opacity:.9;
}
.nsv-media-panel-icon{
	width:62px;
	height:62px;
	border-radius:22px;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:28px;
	background:linear-gradient(135deg,rgba(15,118,110,.12),rgba(245,158,11,.12));
}
.nsv-media-panel-content h3,
.nsv-media-mini-card h3{
	margin:0 0 8px;
	color:var(--nsv-primary,#0f766e);
	font-size:clamp(20px,2vw,26px);
}
.nsv-media-panel-content p,
.nsv-media-mini-card p{
	margin:0;
	color:var(--nsv-muted,#667085);
	line-height:1.9;
}
.nsv-media-panel-link{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:8px;
	padding:12px 18px;
	border-radius:999px;
	background:var(--nsv-media-card-color,var(--nsv-tabs-accent));
	color:#fff;
	font-weight:800;
	text-decoration:none;
	white-space:nowrap;
}
.nsv-media-mini-grid,
.nsv-media-stats-grid{
	display:grid;
	grid-template-columns:repeat(3,minmax(0,1fr));
	gap:16px;
}
.nsv-media-mini-card,
.nsv-media-stat-card{
	border-radius:26px;
	background:rgba(255,255,255,.88);
	box-shadow:0 18px 46px rgba(15,23,42,.07);
	border:1px solid rgba(15,118,110,.08);
	padding:24px;
	text-align:center;
}
.nsv-media-mini-card > span{
	width:46px;
	height:46px;
	border-radius:18px;
	display:flex;
	align-items:center;
	justify-content:center;
	margin:0 auto 14px;
	background:linear-gradient(135deg,rgba(15,118,110,.12),rgba(245,158,11,.12));
	color:var(--nsv-primary,#0f766e);
	font-weight:900;
}
.nsv-media-stats-grid{
	grid-template-columns:repeat(4,minmax(0,1fr));
}
.nsv-media-stat-card strong{
	display:block;
	font-size:clamp(28px,4vw,44px);
	color:var(--nsv-primary,#0f766e);
	line-height:1;
	margin-bottom:10px;
}
.nsv-media-stat-card span{
	color:var(--nsv-muted,#667085);
	font-weight:800;
}
@media(max-width:768px){
	.nsv-media-tabs-nav{
		justify-content:flex-start;
		flex-wrap:nowrap;
		overflow-x:auto;
		padding:4px 4px 12px;
		scroll-snap-type:x mandatory;
		-webkit-overflow-scrolling:touch;
	}
	.nsv-media-tabs-nav::-webkit-scrollbar{display:none}
	.nsv-media-tab-button{
		flex:0 0 auto;
		scroll-snap-align:center;
		min-height:44px;
		padding:9px 15px;
		font-size:14px;
	}
	.nsv-media-panel-card{
		grid-template-columns:1fr;
		text-align:center;
		justify-items:center;
	}
	.nsv-media-panel-card::before{
		width:auto;
		height:5px;
		inset-inline:22px;
		bottom:auto;
		border-radius:999px;
	}
	.nsv-media-panel-link{
		width:100%;
	}
	.nsv-media-mini-grid,
	.nsv-media-stats-grid{
		grid-template-columns:1fr;
	}
}
@media(min-width:769px) and (max-width:1024px){
	.nsv-media-mini-grid,
	.nsv-media-stats-grid{
		grid-template-columns:repeat(2,minmax(0,1fr));
	}
}