/* Page theme */
.mo-theme-dark { color:var(--e-global-color-text); }
.mo-theme-dark .mo-specs-heading { margin:0 0 30px 0; }

/* Cards Columns */
.mo-columns{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin:0 0 50px 0; }
.mo-col{ background:#1c1c1c; }
.mo-col-media{ display: flex; align-items: center; min-height: 225px; margin-bottom:30px; overflow:hidden; }
.mo-col-media-inner{ width:100%; height:100%; display:flex; align-items:center; justify-content:center; }
.mo-col-media img{ width:100%; height:100%; object-fit:cover; display:block; }
.mo-ph{ width:100px; height:100px; border-radius:50%; background:#151515; display:flex; align-items:center; justify-content:center; font-size:22px; color:#888; }
.mo-col-row{ display:flex; flex-direction:column; margin-bottom:20px; padding: 0 20px;}
.mo-col-row select{ width:100%; background:#1c1c1c; color:#f4f4f4; border:1px solid #424242; border-radius:30px; padding:15px 25px; }
/* Controls */
.mo-controls{ display:flex; flex-wrap:wrap; gap:20px; justify-content:center; margin:0 0 50px 0; }
.mo-toggle{ display:inline-flex; align-items:center; gap:8px; background:#424242; border:1px solid #7C7C7C; padding:15px 20px; border-radius:999px; justify-content: center; }
.mo-toggle input{ accent-color:#B4933B; }


/* Table */
.mo-compare-table-wrap{ width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch; font-size:clamp(1.1250rem, 0.0000vw + 1.1250rem, 1.1250rem); }
.mo-compare-table{ width:100%; border-collapse:separate; border-spacing:0; min-width: 760px; }
.mo-compare-table th, .mo-compare-table td{border:none; padding:20px 10px; vertical-align:top; text-align:left;  }
.mo-compare-table thead th{ background:#151515; position:sticky; top:0; z-index:2; }
.mo-compare-table .mo-field{ width:220px; color:#bdbdbd; }
.mo-compare-table .mo-img{ width:120px; height:auto; display:block; border-radius:8px; }
.mo-compare-table tr.highlight-different td{ background:#B4933B; }    /* highlight differences */
.mo-compare-table tr.is-equal.hide-same{ display:none; }   /* hide similarities */

/* Sticky first column */
/* .mo-compare-table thead th:first-child,
.mo-compare-table tbody td:first-child{
  position:sticky; left:0; z-index:3; color:#7C7C7C;
}
 */
/* Responsive */
@media (max-width: 900px){
 .mo-cards{ grid-template-columns: 1fr; }
	.mo-columns{ grid-template-columns: 1fr;gap: 10px; margin: 0 0 30px 0;}
}
@media (max-width: 480px){
	.mo-controls .mo-toggle,.mo-controls .mo-compare-clear{
		width:100%;
	}
}