/* CarCompare EG — scoped, defensive against theme conflicts */
.cce-wrap { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important; color: #1a1a1a !important; max-width: 1100px; margin: 0 auto; }
.cce-wrap, .cce-wrap * { box-sizing: border-box !important; }

.cce-wrap .cce-header { background: linear-gradient(135deg,#0f2a5b,#1e60d8) !important; color:#fff !important; padding:24px !important; border-radius:14px !important; margin-bottom:16px !important; }
.cce-wrap .cce-header h2 { margin:0 !important; font-size:26px !important; color:#fff !important; line-height:1.2 !important; }
.cce-wrap .cce-tag { background:#ffd54a !important; color:#0f2a5b !important; padding:2px 8px !important; border-radius:6px !important; font-size:14px !important; margin-left:6px !important; }
.cce-wrap .cce-sub { margin:6px 0 0 !important; opacity:.9 !important; font-size:14px !important; color:#fff !important; }

.cce-wrap .cce-search { display:flex !important; flex-wrap: nowrap !important; gap:8px !important; margin-bottom:10px !important; align-items: stretch !important; }
.cce-wrap .cce-search input[type="text"] {
	flex: 1 1 auto !important;
	width: auto !important;
	min-width: 180px !important;
	max-width: none !important;
	height: 46px !important;
	padding: 10px 14px !important;
	border: 1px solid #d7dbe4 !important;
	border-radius: 10px !important;
	font-size: 15px !important;
	background: #fff !important;
	color: #1a1a1a !important;
	display: block !important;
	box-shadow: none !important;
	outline: none !important;
	margin: 0 !important;
	opacity: 1 !important;
	visibility: visible !important;
}
.cce-wrap .cce-search input[type="text"]::placeholder { color:#9ca3af !important; opacity:1 !important; }
.cce-wrap .cce-search select {
	flex: 0 0 auto !important;
	height: 46px !important;
	padding: 0 10px !important;
	border: 1px solid #d7dbe4 !important;
	border-radius: 10px !important;
	background: #fff !important;
	color: #1a1a1a !important;
	font-size: 14px !important;
	margin: 0 !important;
}
.cce-wrap .cce-search button {
	flex: 0 0 auto !important;
	height: 46px !important;
	padding: 0 20px !important;
	background: #1e60d8 !important;
	color: #fff !important;
	border: 0 !important;
	border-radius: 10px !important;
	font-weight: 600 !important;
	font-size: 14px !important;
	cursor: pointer !important;
	white-space: nowrap !important;
	line-height: 46px !important;
	margin: 0 !important;
	text-transform: none !important;
}
.cce-wrap .cce-search button:hover { background:#0f2a5b !important; }

.cce-wrap .cce-filters { display:flex !important; flex-wrap:wrap !important; gap:10px !important; align-items:center !important; margin-bottom:10px !important; }
.cce-wrap .cce-filters label { font-size:13px !important; color:#555 !important; display:flex !important; align-items:center !important; gap:6px !important; margin:0 !important; font-weight:400 !important; }
.cce-wrap .cce-filters input[type="number"] { width:120px !important; padding:8px 10px !important; border:1px solid #d7dbe4 !important; border-radius:8px !important; font-size:14px !important; background:#fff !important; color:#1a1a1a !important; height:auto !important; margin:0 !important; }
.cce-wrap .cce-sources { display:flex !important; gap:6px !important; flex-wrap:wrap !important; margin-left:auto !important; }
.cce-wrap .cce-chip { font-size:12px !important; padding:6px 10px !important; border-radius:999px !important; border:1px solid #d7dbe4 !important; background:#fff !important; color:#1a1a1a !important; cursor:pointer !important; user-select:none !important; display:inline-block !important; }
.cce-wrap .cce-chip.active { background:#1e60d8 !important; color:#fff !important; border-color:#1e60d8 !important; }

.cce-wrap .cce-stats { display:grid !important; grid-template-columns:repeat(4,1fr) !important; gap:10px !important; margin:12px 0 !important; }
.cce-wrap .cce-stats .cce-card { background:#fff !important; border:1px solid #e4e8f1 !important; border-radius:12px !important; padding:12px !important; }
.cce-wrap .cce-stats .k { font-size:11px !important; color:#6b7280 !important; text-transform:uppercase !important; letter-spacing:.5px !important; }
.cce-wrap .cce-stats .v { font-size:20px !important; font-weight:700 !important; margin-top:4px !important; color:#1a1a1a !important; }

.cce-wrap .cce-status { min-height:22px !important; margin:6px 0 !important; color:#555 !important; font-size:13px !important; }
.cce-wrap .cce-srcstatus { display:flex !important; flex-wrap:wrap !important; gap:6px !important; margin:4px 0 8px !important; }
.cce-wrap .cce-pill { font-size:11px !important; padding:4px 10px !important; border-radius:999px !important; font-weight:600 !important; border:1px solid transparent !important; }
.cce-wrap .cce-pill-ok { background:#e6f4ea !important; color:#1e7a3a !important; border-color:#b8e2c4 !important; }
.cce-wrap .cce-pill-warn { background:#fff4e5 !important; color:#8a5a00 !important; border-color:#f6d7a7 !important; }
.cce-wrap .cce-pill-err { background:#fdecec !important; color:#a62525 !important; border-color:#f4c2c2 !important; }
.cce-wrap .cce-openlinks { display:flex !important; flex-wrap:wrap !important; gap:8px !important; margin:4px 0 14px !important; }
.cce-wrap .cce-openlink { font-size:13px !important; padding:9px 14px !important; border-radius:10px !important; background:#fff !important; color:#1e60d8 !important; border:1px solid #d7dbe4 !important; text-decoration:none !important; font-weight:600 !important; display:inline-block !important; }
.cce-wrap .cce-openlink:hover { background:#1e60d8 !important; color:#fff !important; border-color:#1e60d8 !important; }

.cce-wrap .cce-results { display:grid !important; grid-template-columns:repeat(auto-fill,minmax(260px,1fr)) !important; gap:12px !important; padding-bottom:20px !important; }
.cce-wrap .cce-listing { background:#fff !important; border:1px solid #e4e8f1 !important; border-radius:12px !important; padding:12px !important; display:flex !important; flex-direction:column !important; gap:6px !important; }
.cce-wrap .cce-listing:hover { box-shadow:0 8px 22px rgba(15,42,91,.08) !important; transform:translateY(-2px) !important; transition:transform .08s ease !important; }
.cce-wrap .cce-title { font-weight:600 !important; font-size:14px !important; line-height:1.35 !important; color:#0f2a5b !important; }
.cce-wrap .cce-price { font-size:18px !important; font-weight:800 !important; color:#1e60d8 !important; }
.cce-wrap .cce-meta { display:flex !important; justify-content:space-between !important; font-size:12px !important; color:#6b7280 !important; }
.cce-wrap .cce-src { font-size:10px !important; font-weight:700 !important; text-transform:uppercase !important; letter-spacing:.5px !important; color:#fff !important; background:#0f2a5b !important; padding:3px 8px !important; border-radius:999px !important; width:fit-content !important; display:inline-block !important; }
.cce-wrap .cce-open { margin-top:auto !important; text-align:center !important; padding:7px 10px !important; background:#f0f3fa !important; color:#1e60d8 !important; text-decoration:none !important; border-radius:8px !important; font-size:13px !important; font-weight:600 !important; display:block !important; }
.cce-wrap .cce-open:hover { background:#e2e8f7 !important; }
.cce-wrap .cce-hidden { display:none !important; }

@media (max-width: 640px) {
	.cce-wrap .cce-search { flex-wrap: wrap !important; }
	.cce-wrap .cce-search input[type="text"] { flex-basis: 100% !important; }
	.cce-wrap .cce-stats { grid-template-columns:repeat(2,1fr) !important; }
}