.mco-t2-wrap {
	--mco-accent: #2563eb;
	--mco-text: #0f172a;
	--mco-muted: #64748b;
	--mco-border: #e2e8f0;
	--mco-radius: 14px;

	max-width: 1100px;
	margin: 0 auto;
	color: var(--mco-text);
}

.mco-t2-tabs {
	display: flex;
	gap: 8px;
	overflow-x: auto;
	margin-bottom: 14px;
}

.mco-t2-tab {
	border: 1px solid var(--mco-border);
	background: #fff;
	color: var(--mco-muted);
	border-radius: 999px;
	padding: 9px 15px;
	font-weight: 800;
	font-size: 13px;
	cursor: pointer;
	white-space: nowrap;
}

.mco-t2-tab.is-active { background: var(--mco-text); color: #fff; border-color: var(--mco-text); }
.mco-t2-tab:disabled { opacity: .45; cursor: not-allowed; }

.mco-t2-form {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	background: #fff;
	border: 1px solid var(--mco-border);
	border-radius: var(--mco-radius);
	padding: 14px;
	box-shadow: 0 10px 25px rgba(15, 23, 42, .06);
}

.mco-t2-form input {
	border: 1px solid var(--mco-border);
	border-radius: 10px;
	padding: 12px;
	font-size: 14px;
	flex: 1;
	min-width: 110px;
}

.mco-t2-submit {
	border: 0;
	border-radius: 10px;
	background: var(--mco-accent);
	color: #fff;
	font-weight: 800;
	padding: 0 20px;
	cursor: pointer;
}

.mco-t2-status { margin: 14px 0; color: var(--mco-muted); font-size: 14px; min-height: 20px; }

.mco-t2-results { display: flex; flex-direction: column; gap: 12px; }

.mco-t2-card {
	position: relative;
	display: grid;
	grid-template-columns: 1fr auto;
	align-items: center;
	gap: 14px;
	background: #fff;
	border: 1px solid var(--mco-border);
	border-radius: var(--mco-radius);
	padding: 16px;
	box-shadow: 0 6px 18px rgba(15, 23, 42, .05);
}

.mco-t2-card.is-cheapest { border-color: var(--mco-accent); box-shadow: 0 10px 26px rgba(37,99,235,.16); }

.mco-t2-badge {
	position: absolute;
	top: -10px;
	left: 14px;
	background: var(--mco-accent);
	color: #fff;
	font-size: 10px;
	font-weight: 800;
	border-radius: 999px;
	padding: 4px 10px;
}

.mco-t2-route { font-weight: 800; font-size: 16px; }
.mco-t2-meta { color: var(--mco-muted); font-size: 13px; margin-top: 4px; }
.mco-t2-bonus { color: #087a47; font-size: 12px; font-weight: 800; margin-top: 4px; }

.mco-t2-price-block { text-align: right; }
.mco-t2-price { font-size: 22px; font-weight: 900; }

.mco-t2-card-btn {
	display: inline-block;
	margin-top: 8px;
	background: var(--mco-text);
	color: #fff !important;
	text-decoration: none !important;
	border-radius: 10px;
	padding: 9px 16px;
	font-weight: 800;
	font-size: 13px;
}

@media (max-width: 700px) {
	.mco-t2-card { grid-template-columns: 1fr; text-align: left; }
	.mco-t2-price-block { text-align: left; }
}