.vc-moda-nav{
	margin:0 0 18px;
	padding:14px 16px 12px;
	background:#fff;
	border:1px solid #e6eaf0;
	border-radius:12px;
}
.vc-moda-nav__row{
	display:flex;
	flex-wrap:wrap;
	gap:8px;
	align-items:center;
	margin:0 0 10px;
}
.vc-moda-nav__row:last-child{margin-bottom:0}
.vc-moda-nav__label{
	flex:0 0 auto;
	min-width:5.5rem;
	font-size:12px;
	font-weight:700;
	letter-spacing:.06em;
	text-transform:uppercase;
	color:#0445AF;
}
.vc-moda-nav__chips{
	display:flex;
	flex-wrap:wrap;
	gap:8px;
}
.vc-moda-nav__chip{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:44px;
	padding:0 16px;
	border:1px solid #c9d4e8;
	border-radius:999px;
	background:#f7f9fc;
	color:#10243e;
	font-size:16px;
	font-weight:600;
	line-height:1.2;
	text-decoration:none;
	white-space:nowrap;
}
.vc-moda-nav__chip:hover,
.vc-moda-nav__chip:focus-visible{
	border-color:#0445AF;
	color:#0445AF;
	background:#eef4ff;
	outline:2px solid #04B8D8;
	outline-offset:2px;
}
.vc-moda-nav__chip.is-active{
	background:#0445AF;
	border-color:#0445AF;
	color:#fff;
}
.vc-moda-filters{
	margin:12px 0 0;
	padding-top:12px;
	border-top:1px solid #e6eaf0;
}
.vc-moda-filters__group{margin:0 0 12px}
.vc-moda-filters__group:last-child{margin-bottom:0}
.vc-moda-filters__title{
	margin:0 0 8px;
	font-size:12px;
	font-weight:700;
	letter-spacing:.06em;
	text-transform:uppercase;
	color:#0445AF;
}
.vc-moda-filters__sizes{
	display:flex;
	flex-wrap:wrap;
	gap:6px;
}
.vc-moda-filters__size{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-width:44px;
	min-height:44px;
	padding:0 10px;
	border:1px solid #d5dbe6;
	border-radius:8px;
	background:#fff;
	color:#10243e;
	font-size:14px;
	font-weight:600;
	text-decoration:none;
}
.vc-moda-filters__size.is-active{
	background:#FFC532;
	border-color:#e6b01c;
	color:#111;
}
.vc-moda-filters__colors{
	display:flex;
	flex-wrap:wrap;
	gap:8px;
}
.vc-moda-filters__color{
	display:inline-flex;
	align-items:center;
	gap:8px;
	min-height:44px;
	padding:0 12px 0 8px;
	border:1px solid #d5dbe6;
	border-radius:999px;
	background:#fff;
	color:#10243e;
	font-size:14px;
	font-weight:600;
	text-decoration:none;
}
.vc-moda-filters__color.is-active{
	border-color:#0445AF;
	box-shadow:0 0 0 2px #04B8D8;
}
.vc-moda-filters__swatch{
	width:18px;
	height:18px;
	border-radius:50%;
	border:1px solid rgba(0,0,0,.18);
	background:#ccc;
}
.vc-moda-filters__swatch.is-white{background:#fff}
.vc-moda-filters__swatch.is-black{background:#111}
.vc-moda-filters__swatch.is-blu{background:#1d4ed8}
.vc-moda-filters__swatch.is-rosso{background:#c8102e}
.vc-moda-filters__swatch.is-verde{background:#15803d}
.vc-moda-filters__swatch.is-giallo{background:#eab308}
.vc-moda-filters__swatch.is-beige{background:#d4b896}
.vc-moda-filters__swatch.is-grigio{background:#6b7280}
.vc-moda-filters__swatch.is-marrone{background:#7c4a1e}
.vc-moda-filters__swatch.is-rosa{background:#ec4899}
.vc-moda-filters__swatch.is-viola{background:#7c3aed}
.vc-moda-filters__swatch.is-arancio{background:#f97316}
.vc-moda-filters__swatch.is-crema{background:#f5e6c8}
.vc-moda-filters__swatch.is-navy{background:#1e3a5f}
.vc-moda-filters__swatch.is-fantasia{
	background:conic-gradient(#0445AF,#FFC532,#04B8D8,#c8102e,#15803d);
}
@media (max-width:781px){
	.vc-moda-nav{padding:12px}
	.vc-moda-nav__label{min-width:100%;margin-bottom:2px}
	.vc-moda-nav__chips,.vc-moda-filters__sizes,.vc-moda-filters__colors{
		flex-wrap:nowrap;
		overflow-x:auto;
		-webkit-overflow-scrolling:touch;
		padding-bottom:4px;
		touch-action:pan-x;
	}
}
