.mtf-widget{ font-family:'Tajawal',sans-serif; direction:rtl; text-align:right; }

.mtf-card{
	max-width:900px; margin:-50px auto 0; position:relative; z-index:10;
	background:#fff; border-radius:22px; padding:32px 36px;
	box-shadow:0 24px 60px rgba(22,33,62,.16);
}
.mtf-eyebrow{ display:inline-block; font-weight:700; font-size:12.5px; color:#FF6B4A; letter-spacing:.5px; margin-bottom:10px; }
.mtf-title{ font-family:'Changa',sans-serif; font-weight:700; font-size:22px; color:#16213E; margin:0 0 22px; }

.mtf-form{ display:flex; gap:16px; align-items:end; flex-wrap:wrap; }
.mtf-field{ flex:1; min-width:180px; display:flex; flex-direction:column; gap:8px; }
.mtf-field label{ font-size:13px; font-weight:700; color:#5B6478; }
.mtf-field select{
	padding:12px 14px; border-radius:12px; border:1.5px solid #E7E2D9; background:#FBF9F6;
	font-family:inherit; font-size:14.5px; color:#16213E; cursor:pointer;
}
.mtf-field select:focus{ outline:none; border-color:#17B8A6; }

.mtf-btn{
	background:#FF6B4A; color:#fff; border:0; border-radius:12px; padding:13px 28px;
	font-weight:700; font-size:15px; cursor:pointer; transition:all .2s ease; white-space:nowrap;
}
.mtf-btn:hover{ background:#E8532F; transform:translateY(-2px); }

.mtf-results{ max-width:1100px; margin:40px auto 0; padding:0 24px; }
.mtf-results-label{ font-size:14.5px; color:#5B6478; margin-bottom:18px; }
.mtf-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }

.mtf-result-card{
	display:block; background:#fff; border:1px solid #E7E2D9; border-radius:16px; overflow:hidden;
	text-decoration:none; transition:transform .25s ease, box-shadow .25s ease;
}
.mtf-result-card:hover{ transform:translateY(-5px); box-shadow:0 18px 36px rgba(22,33,62,.14); }
.mtf-result-media{ position:relative; aspect-ratio:4/3; background:#F5F2EC; overflow:hidden; }
.mtf-result-media img{ width:100%; height:100%; object-fit:cover; }
.mtf-result-fallback{ width:100%; height:100%; display:flex; align-items:center; justify-content:center; font-size:26px; color:#C9BD9E; }
.mtf-match-badge{
	position:absolute; top:10px; left:10px; background:#17B8A6; color:#fff; font-size:11px; font-weight:700;
	padding:4px 10px; border-radius:20px;
}
.mtf-result-body{ padding:16px; }
.mtf-result-city{ display:inline-block; font-size:11.5px; font-weight:700; color:#FF6B4A; margin-bottom:6px; }
.mtf-result-body h3{ font-family:'Changa',sans-serif; font-size:16px; color:#16213E; margin:0; line-height:1.4; }
.mtf-result-card:hover h3{ color:#FF6B4A; }

@media (max-width:900px){
	.mtf-card{ margin:-30px 16px 0; padding:24px 20px; }
	.mtf-form{ flex-direction:column; align-items:stretch; }
	.mtf-btn{ width:100%; }
	.mtf-grid{ grid-template-columns:repeat(2,1fr); }
}
@media (max-width:560px){
	.mtf-grid{ grid-template-columns:1fr; }
}