.of4-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:18px;gap:18px}.of4-card{display:grid;grid-template-columns:1.35fr 1fr;border-radius:20px;overflow:hidden;background:#fff;border:1px solid var(--cs-border);box-shadow:var(--cs-shadow-sm);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.of4-card:hover{transform:translateY(-4px);box-shadow:var(--cs-shadow-md);border-color:rgba(83,91,254,.28)}.of4-body{padding:22px 22px 18px;display:flex;flex-direction:column}.of4-head{display:flex;align-items:center;gap:9px;margin-bottom:12px;flex-wrap:wrap}.of4-flag{font-size:1.3rem;line-height:1}.of4-head h3{margin:0;font-size:1.05rem;font-weight:800;letter-spacing:-.02em;color:var(--cs-ink)}.of4-badge{padding:4px 10px;border-radius:100px;font-size:.62rem;font-weight:800;letter-spacing:.03em;text-transform:uppercase}.of4-badge--amber{background:#fef3c7;color:#92400e}.of4-badge--blue{background:#dbeafe;color:#1e40af}.of4-badge--teal{background:#ccfbf1;color:#0f766e}.of4-badge--maroon{background:var(--cs-qatar-maroon-soft);color:var(--cs-qatar-maroon)}.of4-badge--violet{background:#ede9fe;color:#6d28d9}.of4-badge--cyan{background:rgba(0,168,214,.1);color:var(--cs-accent-dark)}.of4-addr{margin:0 0 14px;font-size:.78rem;line-height:1.65;color:var(--cs-muted)}.of4-row{display:flex;align-items:center;gap:9px;margin-bottom:8px;font-size:.82rem;font-weight:700;color:var(--cs-ink);text-decoration:none}.of4-row svg{flex-shrink:0}.of4-row svg,.of4-row:hover{color:var(--cs-primary)}.of4-links{display:flex;flex-direction:column;gap:8px;margin-top:auto;padding-top:14px;border-top:1px solid var(--cs-border)}.of4-detail,.of4-maplink{display:inline-flex;align-items:center;gap:6px;font-size:.72rem;font-weight:800;text-decoration:none;transition:gap .15s ease}.of4-maplink{color:var(--cs-primary)}.of4-maplink:hover{gap:9px}.of4-detail{color:var(--cs-muted)}.of4-detail:hover{color:var(--cs-primary);gap:9px}.of4-media{position:relative;min-height:100%}.of4-media img{width:100%;height:100%;object-fit:cover;display:block}.of4-media__ribbon{position:absolute;top:12px;right:12px;padding:5px 11px;border-radius:100px;background:var(--cs-qatar-maroon);color:#fff;font-size:.58rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;box-shadow:0 4px 12px rgba(138,21,56,.35)}.of4-card--primary{border-color:rgba(138,21,56,.35)}.of4-card--primary:hover{border-color:rgba(138,21,56,.55)}@media(max-width:1000px){.of4-grid{grid-template-columns:1fr}}@media(max-width:560px){.of4-card{grid-template-columns:1fr}.of4-media{min-height:180px;order:-1}}