/* MC4-compatible solar connector collection: MCB qualification framework. */
.viox-mc4-maker {
	--mcb-ink: #1b2027;
	--mcb-copy: #3b4652;
	--mcb-muted: #687482;
	--mcb-border: #e1e6ec;
	--mcb-soft: #f5f7fa;
	--mcb-red: #d71920;
}
body.page-id-14828 .viox-page-shell,
body.page-id-14828 .viox-page-shell > .entry-content {
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

.viox-mc4-maker .mc4-hero-stage > img { object-position: center; }

.viox-mc4-maker .vm-actions .viox-mcb-button,
.viox-mc4-maker .vm-final .viox-mcb-button {
	min-height: 52px;
	padding: 0 26px;
	border-radius: 4px;
	font-size: 13px;
	font-weight: 700;
	line-height: 1;
}

.viox-mc4-maker .vm-actions .viox-mcb-button {
	border: 1px solid var(--viox-red) !important;
	background: var(--viox-red) !important;
	color: #fff !important;
}

.viox-mc4-maker .vm-actions .viox-mcb-button--secondary {
	border-color: rgba(255,255,255,.45) !important;
	background: transparent !important;
}

.viox-mc4-maker .vm-final .viox-mcb-button {
	border: 1px solid #fff !important;
	background: #fff !important;
	color: var(--viox-dark) !important;
}

.viox-mc4-maker .vm-actions .viox-mcb-button::before,
.viox-mc4-maker .vm-final .viox-mcb-button::before {
	position: absolute;
	z-index: -1;
	inset: 0;
	background: #fff;
	content: "";
	transform: scaleX(0);
	transform-origin: left center;
	transition: transform .25s ease;
}

.viox-mc4-maker .vm-actions .viox-mcb-button--secondary::before { background: var(--viox-red); }
.viox-mc4-maker .vm-final .viox-mcb-button::before { background: var(--viox-dark); }
.viox-mc4-maker .vm-actions .viox-mcb-button:hover::before,
.viox-mc4-maker .vm-actions .viox-mcb-button:focus-visible::before,
.viox-mc4-maker .vm-final .viox-mcb-button:hover::before,
.viox-mc4-maker .vm-final .viox-mcb-button:focus-visible::before { transform: scaleX(1); }
.viox-mc4-maker .vm-actions .viox-mcb-button:not(.viox-mcb-button--secondary):hover,
.viox-mc4-maker .vm-actions .viox-mcb-button:not(.viox-mcb-button--secondary):focus-visible { color: var(--viox-dark) !important; }
.viox-mc4-maker .vm-actions .viox-mcb-button--secondary:hover,
.viox-mc4-maker .vm-actions .viox-mcb-button--secondary:focus-visible,
.viox-mc4-maker .vm-final .viox-mcb-button:hover,
.viox-mc4-maker .vm-final .viox-mcb-button:focus-visible { color: #fff !important; }

.viox-mc4-maker .vm-series-panel figure {
	display: grid;
	place-items: center;
	background: #f7f9fb;
}

.viox-mc4-maker .vm-series-panel figure img {
	width: 100%;
	height: 100%;
	padding: clamp(18px,3vw,42px);
	object-fit: contain;
}

.mc4-products { background: var(--mcb-soft); }
.mc4-products .viox-mcb-series-card__media img { object-fit: contain; }
.mc4-products .viox-mcb-series-card__body { min-height: 224px; }

.mc4-data { background: #fff; }
.mc4-table-wrap { overflow-x: auto; border: 1px solid var(--viox-border); background: #fff; }
.mc4-table-wrap:focus-visible { outline: 3px solid var(--viox-red); outline-offset: 3px; }
.mc4-table { width: 100%; min-width: 920px; border-collapse: collapse; color: var(--viox-text); font-size: 13px; line-height: 1.5; }
.mc4-table th,
.mc4-table td { padding: 17px 18px; border-right: 1px solid var(--viox-border); border-bottom: 1px solid var(--viox-border); text-align: left; vertical-align: middle; }
.mc4-table tr:last-child > * { border-bottom: 0; }
.mc4-table tr > *:last-child { border-right: 0; }
.mc4-table thead th { background: var(--viox-dark); color: #fff; font-size: 11px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.mc4-table tbody th { color: var(--viox-heading); font-weight: 700; }
.mc4-table a { color: var(--viox-red); font-weight: 700; text-decoration: none; }

.mc4-scope-note,
.mc4-trademark-note {
	margin-top: 24px;
	padding: 22px 24px;
	background: var(--viox-warning-bg);
	color: #58420d;
	font-size: 13px;
	line-height: 1.65;
}

.mc4-related { background: #fff; }
.mc4-related > div > div:last-child { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); border-top: 1px solid var(--viox-border); border-left: 1px solid var(--viox-border); }
.mc4-related a { min-height: 150px; padding: 28px; border-right: 1px solid var(--viox-border); border-bottom: 1px solid var(--viox-border); color: var(--viox-heading); text-decoration: none; }
.mc4-related a > strong,
.mc4-related a > span { display: block; }
.mc4-related a > strong { font-size: 16px; }
.mc4-related a > span { margin-top: 10px; color: var(--viox-muted); font-size: 12px; }
.mc4-related a:hover > strong,
.mc4-related a:focus-visible > strong { color: var(--viox-red); }

.viox-mc4-maker a:focus-visible,
.viox-mc4-maker button:focus-visible,
.viox-mc4-maker summary:focus-visible {
	outline: none !important;
	outline-offset: 0 !important;
	box-shadow: none !important;
}

.viox-mc4-maker a:focus,
.viox-mc4-maker button:focus,
.viox-mc4-maker summary:focus {
	outline: none !important;
	box-shadow: none !important;
}

.viox-mc4-maker .vm-faq summary:focus,
.viox-mc4-maker .vm-faq summary:focus-visible { color: var(--viox-red); }

@media (max-width:1100px) {
	.mc4-related > div > div:last-child { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width:560px) {
	.mc4-related > div > div:last-child { grid-template-columns: 1fr; }
	.viox-mc4-maker .vm-actions .viox-mcb-button,
	.viox-mc4-maker .vm-final .viox-mcb-button { width: 100%; }
	.mc4-table th,
	.mc4-table td { padding: 15px 14px; }
}

@media (prefers-reduced-motion:reduce) {
	.viox-mc4-maker *,
	.viox-mc4-maker *::before,
	.viox-mc4-maker *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; }
}