/* ============================================================
   Find Your Engine v3 — scoped styles (φορτώνει μόνο με το section)
   Αριστερά: selector (maker → family → model). Δεξιά: panel μηχανής
   με info (38%) + related projects (62%). Mobile: selector κλείνει σε
   breadcrumb μετά την επιλογή. Παλέτα: red #B12028, black #111.
   ============================================================ */

.page-template-template-engines #content.overflow-hidden { overflow: clip !important; }

/* ---------- στήλες ---------- */
#find-your-engine .fye-body { --bs-gutter-x: 16px; align-items: stretch; }
@media (min-width: 992px) {
	#find-your-engine .fye-col-left  { flex: 0 0 auto; width: 38%; }
	#find-your-engine .fye-col-right { flex: 0 0 auto; width: 62%; }
}
#find-your-engine .fye-box {
	background: #fff;
	border: 1px solid #E5E5E5;
	border-radius: 12px;
	height: 100%;
}

/* =====================================================================
   LEFT CARD
   ===================================================================== */
#find-your-engine .fye-left { padding: clamp(22px, 1.823vw, 35px); }
#find-your-engine .fye-title {
	font-size: clamp(22px, 1.563vw, 30px); font-weight: 700; color: #111; line-height: 1.2; margin: 0 0 6px;
}
#find-your-engine .fye-subtitle {
	font-size: clamp(13px, 0.885vw, 17px); color: #555; margin: 0 0 clamp(16px, 1.25vw, 24px);
}

/* breadcrumb (mobile, μετά την επιλογή) */
#find-your-engine .fye-crumb {
	display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap;
}
#find-your-engine .fye-crumb-path { font-size: clamp(14px, 0.938vw, 18px); font-weight: 700; color: #111; }
#find-your-engine .fye-crumb-path .fye-crumb-sep { color: #9A9A9A; font-weight: 400; margin: 0 6px; }
#find-your-engine .fye-crumb-change {
	background: transparent; border: 0; padding: 0; cursor: pointer;
	font-size: clamp(13px, 0.833vw, 16px); font-weight: 700; color: #B12028; text-decoration: underline; text-underline-offset: 3px;
}
@media (max-width: 991px) {
	#find-your-engine .fye-left.is-collapsed #fye-selector { display: none; }
	#find-your-engine .fye-left.is-collapsed .fye-crumb { display: flex !important; }
}
@media (min-width: 992px) {
	#find-your-engine .fye-crumb { display: none !important; }
}

/* search */
#find-your-engine .fye-search { margin-bottom: clamp(16px, 1.25vw, 24px); }
#find-your-engine .fye-search input {
	width: 100%; border: 1px solid #DADFE1; background: #fff; border-radius: 999px;
	padding: clamp(10px, 0.729vw, 14px) clamp(52px, 3.125vw, 60px) clamp(10px, 0.729vw, 14px) clamp(16px, 1.146vw, 22px);
	font-size: clamp(14px, 0.885vw, 17px); font-weight: 500; color: #111; outline: none;
}
#find-your-engine .fye-search input::placeholder { color: rgba(0, 0, 0, 0.24); }
#find-your-engine .fye-search input:focus { border-color: #757576; }
#find-your-engine .fye-search button {
	position: absolute; right: 5px; top: 50%; transform: translateY(-50%);
	width: clamp(32px, 2.24vw, 43px); height: clamp(32px, 2.24vw, 43px); border-radius: 50%;
	background: #000; border: 0; cursor: pointer; display: flex; align-items: center; justify-content: center;
}
#find-your-engine .fye-search button svg { width: clamp(13px, 1vw, 19px); height: auto; }

/* makers */
#find-your-engine .fye-makers { display: flex; flex-wrap: wrap; gap: clamp(6px, 0.5vw, 10px); margin-bottom: clamp(18px, 1.302vw, 25px); }
#find-your-engine .fye-maker {
	border: 1px solid #DADFE1; background: #fff; color: #333; border-radius: 6px;
	padding: clamp(10px, 0.729vw, 14px) clamp(10px, 0.729vw, 14px);
	font-size: clamp(14px, 0.885vw, 17px); font-weight: 500; cursor: pointer; white-space: nowrap;
	transition: border-color .2s ease, color .2s ease, background .2s ease;
}
#find-your-engine .fye-maker:hover { border-color: #B12028; color: #B12028; }
#find-your-engine .fye-maker.is-active { border-color: #B12028; color: #B12028; background: rgba(177, 32, 40, .04); }
@media (min-width: 1400px) {
	#find-your-engine .fye-makers { flex-wrap: nowrap; }
	#find-your-engine .fye-maker { flex: 0 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; }
}
@media (min-width: 1400px) and (max-width: 1520px) {
	#find-your-engine .fye-maker { font-size: 13px; padding-left: 9px; padding-right: 9px; }
}

/* family tabs */
#find-your-engine .fye-tabs {
	display: flex; flex-wrap: wrap; gap: clamp(4px, 0.417vw, 8px);
	border-bottom: 1px solid #E5E5E5; margin-bottom: clamp(14px, 1.042vw, 20px);
}
#find-your-engine .fye-tab {
	background: transparent; border: 0; border-bottom: 2px solid transparent; margin-bottom: -1px;
	padding: clamp(10px, 0.729vw, 14px) clamp(14px, 1.042vw, 20px);
	font-size: clamp(13px, 0.781vw, 15px); font-weight: 500; color: #333; cursor: pointer; white-space: nowrap;
	transition: color .2s ease, border-color .2s ease;
}
#find-your-engine .fye-tab:hover { color: #B12028; }
#find-your-engine .fye-tab.is-active { color: #B12028; border-bottom-color: #B12028; }

#find-your-engine .fye-list-label {
	font-size: clamp(12px, 0.729vw, 14px); font-weight: 700; letter-spacing: .06em; text-transform: uppercase;
	color: #B12028; margin-bottom: 10px;
}

/* models list — 2 στήλες */
#find-your-engine .fye-models {
	display: grid; grid-template-columns: 1fr 1fr; margin: 0; padding: 0;
	border: 1px solid #E5E5E5; border-radius: 8px; overflow: hidden; background: #fff;
}
#find-your-engine .fye-models > li { list-style: none; min-width: 0; border-bottom: 1px solid #EEEEEE; }
#find-your-engine .fye-models > li:nth-child(odd) { border-right: 1px solid #EEEEEE; }
#find-your-engine .fye-models > li.is-extra { display: none; }
#find-your-engine .fye-series-group.is-expanded .fye-models > li.is-extra { display: block; }
#find-your-engine .fye-model {
	display: flex; align-items: center; justify-content: space-between; gap: 10px; width: 100%;
	text-align: left; background: transparent; border: 0;
	padding: clamp(13px, 0.938vw, 18px) clamp(14px, 1.146vw, 22px);
	font-size: clamp(13px, 0.833vw, 16px); font-weight: 500; color: #111; cursor: pointer; min-width: 0;
	transition: background .2s ease, color .2s ease;
}
#find-your-engine .fye-model:hover { background: #FAFAFA; }
#find-your-engine .fye-model-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#find-your-engine .fye-model-name small { color: #888; font-weight: 400; }
#find-your-engine .fye-model-icon {
	flex-shrink: 0; color: #9A9A9A; display: inline-flex; align-items: center; justify-content: center;
	width: clamp(20px, 1.302vw, 25px); height: clamp(20px, 1.302vw, 25px);
}
#find-your-engine .fye-model-icon svg { overflow: visible; display: block; }
#find-your-engine .fye-model.is-active { background: rgba(177, 32, 40, .06); color: #B12028; }
#find-your-engine .fye-model.is-active .fye-model-icon { color: #B12028; }
#find-your-engine .fye-model.is-active .fye-model-icon svg { width: 100%; height: 100%; }
#find-your-engine .fye-noresults {
	grid-column: 1 / -1; padding: clamp(28px, 2.083vw, 40px) 16px; text-align: center; color: #757576;
	font-size: clamp(13px, 0.833vw, 16px); font-weight: 500;
}

/* "View all … models" */
#find-your-engine .fye-btn-outline {
	width: 100%; margin-top: clamp(14px, 1.042vw, 20px); background: #fff; border: 1px solid #B12028; border-radius: 6px;
	color: #B12028; padding: clamp(12px, 0.833vw, 16px) clamp(16px, 1.146vw, 22px);
	font-size: clamp(13px, 0.781vw, 15px); font-weight: 500; cursor: pointer;
	display: inline-flex; align-items: center; justify-content: center; gap: 10px; transition: background .2s ease;
}
#find-your-engine .fye-btn-outline:hover { background: rgba(177, 32, 40, .05); }
#find-your-engine .fye-btn-outline svg { width: clamp(21px, 1.458vw, 28px); height: auto; flex-shrink: 0; }

/* =====================================================================
   RIGHT PANEL
   ===================================================================== */
#find-your-engine .fye-panel { padding: clamp(24px, 2.083vw, 40px); }

#find-your-engine .fye-panel-placeholder {
	display: none; text-align: center; color: #757576;
	font-size: clamp(14px, 0.938vw, 18px); font-weight: 500; padding: clamp(80px, 8.333vw, 160px) 10px;
}
#find-your-engine .fye-panel.is-empty .fye-panel-placeholder { display: block; }
#find-your-engine .fye-panel.is-empty > *:not(.fye-panel-placeholder) { display: none !important; }
#find-your-engine .fye-engine[hidden] { display: none; }

/* engine grid: info | projects, CTA κάτω από το info */
#find-your-engine .fye-engine-grid {
	display: grid;
	grid-template-columns: minmax(0, 38fr) minmax(0, 62fr);
	grid-template-rows: auto 1fr;
	column-gap: clamp(24px, 2.083vw, 40px);
	row-gap: clamp(18px, 1.458vw, 28px);
	height: 100%;
}
#find-your-engine .fye-engine-info     { grid-column: 1; grid-row: 1; min-width: 0; }
#find-your-engine .fye-engine-projects { grid-column: 2; grid-row: 1 / span 2; min-width: 0; border-left: 1px solid #E5E5E5; padding-left: clamp(24px, 2.083vw, 40px); }
#find-your-engine .fye-cta-btn         { grid-column: 1; grid-row: 2; align-self: start; justify-self: start; }
#find-your-engine .fye-engine-grid.no-projects { grid-template-columns: 1fr; }
#find-your-engine .fye-engine-grid.no-projects .fye-engine-projects { display: none; }

/* info */
#find-your-engine .fye-panel-brand {
	font-size: clamp(13px, 0.833vw, 16px); font-weight: 700; letter-spacing: .06em; text-transform: uppercase;
	color: #B12028; margin-bottom: clamp(6px, 0.521vw, 10px);
}
#find-your-engine .fye-panel-title {
	font-size: clamp(30px, 2.344vw, 45px); font-weight: 700; color: #111; line-height: 1.1; margin: 0 0 clamp(14px, 1.146vw, 22px);
}
#find-your-engine .fye-statement-title {
	font-size: clamp(15px, 0.99vw, 19px); font-weight: 700; color: #111; line-height: 1.3; margin: 0 0 4px;
}
#find-your-engine .fye-tagline {
	font-size: clamp(13px, 0.833vw, 16px); color: #555; margin: 0 0 clamp(10px, 0.833vw, 16px);
}
#find-your-engine .fye-statement {
	font-size: clamp(12px, 0.729vw, 14px); color: #333; line-height: 1.65;
}
#find-your-engine .fye-statement p { margin: 0 0 .9em; }
#find-your-engine .fye-statement p:last-child { margin-bottom: 0; }
#find-your-engine .fye-keywords {
	margin: clamp(12px, 0.938vw, 18px) 0 0;
	font-size: clamp(12px, 0.729vw, 14px); font-weight: 500; color: #333; line-height: 1.7;
}
#find-your-engine .fye-keywords a { color: #333; text-decoration: none; }
#find-your-engine .fye-keywords a:hover { color: #B12028; }
#find-your-engine .fye-dot { color: #B12028; margin: 0 7px; }

#find-your-engine .fye-link {
	display: inline-flex; align-items: center; gap: 8px; margin-top: clamp(12px, 0.938vw, 18px);
	font-size: clamp(11px, 0.677vw, 13px); font-weight: 700; color: #B12028; text-decoration: none;
	background: transparent; border: 0; padding: 0; cursor: pointer;
}
#find-your-engine .fye-link:hover { text-decoration: underline; }
#find-your-engine .fye-link svg { width: clamp(19px, 1.354vw, 26px); height: auto; flex-shrink: 0; }

/* CTA button */
#find-your-engine .fye-btn-red {
	display: inline-flex; align-items: center; gap: 12px; background: #B12028; color: #fff; border-radius: 8px;
	padding: clamp(11px, 0.781vw, 15px) clamp(16px, 1.25vw, 24px);
	font-size: clamp(13px, 0.781vw, 15px); font-weight: 700; text-decoration: none; transition: opacity .2s ease;
}
#find-your-engine .fye-btn-red:hover { opacity: .9; color: #fff; }
#find-your-engine .fye-btn-red svg { width: clamp(17px, 1.2vw, 23px); height: auto; flex-shrink: 0; }

/* projects */
#find-your-engine .fye-colhead {
	font-size: clamp(12px, 0.781vw, 15px); font-weight: 700; letter-spacing: .06em; text-transform: uppercase;
	color: #B12028; margin-bottom: clamp(12px, 0.938vw, 18px);
}
#find-your-engine .fye-projects {
	display: flex; flex-direction: column; gap: clamp(12px, 0.938vw, 18px); margin: 0; padding: 0;
}
/* κατακόρυφη λίστα: εικόνα αριστερά, τίτλος + link δεξιά */
#find-your-engine .fye-project {
	list-style: none; min-width: 0;
	display: grid; grid-template-columns: auto minmax(0, 1fr); grid-template-rows: auto auto;
	column-gap: clamp(12px, 0.938vw, 18px); align-content: start;
}
#find-your-engine .fye-project.is-extra { display: none; }
#find-your-engine .fye-engine-projects.is-expanded .fye-project.is-extra { display: grid; }
#find-your-engine .fye-project-thumb {
	grid-row: 1 / span 2; display: block; width: clamp(96px, 7.3vw, 140px); aspect-ratio: 16 / 10;
	border-radius: 6px; overflow: hidden; background: #EEE; margin: 0;
}
#find-your-engine .fye-project-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
#find-your-engine .fye-project-title {
	grid-column: 2; grid-row: 1; align-self: start;
	font-size: clamp(12px, 0.729vw, 14px); font-weight: 700; color: #111; line-height: 1.3; text-decoration: none;
	overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
}
#find-your-engine .fye-project-title:hover { color: #B12028; }
#find-your-engine .fye-project .fye-link { grid-column: 2; grid-row: 2; align-self: start; margin-top: 6px; }
#find-your-engine .fye-projects-more { margin-top: clamp(14px, 1.042vw, 20px); }

/* =====================================================================
   RESPONSIVE
   ===================================================================== */
@media (max-width: 991px) {
	#find-your-engine .fye-box { height: auto; }
	#find-your-engine .fye-body { row-gap: 16px; }
	#find-your-engine .fye-panel-placeholder { padding: clamp(40px, 8vw, 80px) 10px; }
	/* mobile σειρά: info → projects → CTA */
	#find-your-engine .fye-engine-grid { display: flex; flex-direction: column; gap: 22px; height: auto; }
	#find-your-engine .fye-engine-projects { border-left: 0; padding-left: 0; border-top: 1px solid #E5E5E5; padding-top: 22px; }
	#find-your-engine .fye-cta-btn { order: 3; width: 100%; justify-content: center; }
}
@media (max-width: 575px) {
	#find-your-engine .fye-models { grid-template-columns: 1fr; }
	#find-your-engine .fye-models > li:nth-child(odd) { border-right: 0; }
	#find-your-engine .fye-left, #find-your-engine .fye-panel { padding: 18px 16px; }
}