/* Enjazat Misr homepage - black & gold, RTL, responsive */
.em-home {
  --em-black: #111111;
  --em-black-2: #1b1b1b;
  --em-gold: #c9a45c;
  --em-gold-light: #e7cc8b;
  --em-text: #202020;
  --em-muted: #777;
  --em-border: #e9e3d6;
  direction: rtl;
  color: var(--em-text);
  font-family: inherit;
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 16px 24px;
  line-height: 1.75;
}
.em-home * { box-sizing: border-box; }
.em-home a { text-decoration: none; }
.em-masthead {
  background: var(--em-black);
  color: #fff;
  border-bottom: 3px solid var(--em-gold);
  padding: 22px 26px;
  display: flex; align-items: center; justify-content: space-between; gap: 16px;
}
.em-brand { display:flex; align-items:center; gap:14px; }
.em-brand-mark {
  display:flex; align-items:center; justify-content:center;
  width:54px; height:54px; border:1px solid var(--em-gold);
  color:var(--em-gold-light); font-size:30px; font-weight:800;
  border-radius:5px; background:#181818;
}
.em-brand-name { color:var(--em-gold-light); font-size:clamp(25px,3vw,36px); font-weight:800; line-height:1.2; }
.em-brand-tagline { color:#d4d4d4; font-size:13px; margin-top:5px; }
.em-masthead-note { color:#d9c28d; font-size:14px; }
.em-nav {
  display:flex; align-items:center; gap:0; flex-wrap:wrap;
  background:#202020; border-bottom:1px solid #3c3424;
}
.em-nav a { color:#f5f1e8; padding:12px 17px; font-size:14px; transition:background .2s,color .2s; }
.em-nav a:hover, .em-nav a:focus { background:var(--em-gold); color:#111; }
.em-welcome { display:flex; align-items:center; gap:12px; padding:17px 2px 8px; color:#555; }
.em-welcome p { margin:0; font-size:14px; }
.em-gold-line { display:inline-block; width:34px; height:3px; background:var(--em-gold); flex:0 0 34px; }
.em-featured-section, .em-latest-section, .em-category-section { margin-top:26px; }
.em-section-heading {
  display:flex; align-items:center; gap:14px; margin:0 0 15px;
  border-bottom:1px solid var(--em-border); padding-bottom:10px;
}
.em-section-heading h2 { margin:0; color:var(--em-black); font-size:22px; font-weight:800; line-height:1.4; }
.em-section-heading h2:before {
  content:""; display:inline-block; width:5px; height:23px;
  background:var(--em-gold); margin-left:10px; vertical-align:-5px;
}
.em-section-heading > span { height:1px; background:var(--em-border); flex:1; }
.em-section-heading > a { color:#80601e; font-size:13px; white-space:nowrap; }
.em-card {
  min-width:0; background:#fff; border:1px solid #eee9df; border-radius:7px;
  overflow:hidden; display:flex; flex-direction:column; height:100%;
  transition:transform .18s ease, box-shadow .18s ease;
}
.em-card:hover { transform:translateY(-2px); box-shadow:0 8px 24px rgba(0,0,0,.08); }
.em-card-image { display:block; aspect-ratio:16/10; overflow:hidden; background:#f1eee7; }
.em-card-image img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .25s ease; }
.em-card:hover .em-card-image img { transform:scale(1.025); }
.em-image-placeholder {
  min-height:150px; display:flex; align-items:center; justify-content:center;
  color:#9c7a36; background:linear-gradient(135deg,#171717,#34302a); font-weight:700;
}
.em-card-content { padding:14px 15px 16px; display:flex; flex-direction:column; align-items:flex-start; flex:1; }
.em-category { color:#8b6826; font-size:12px; font-weight:700; margin-bottom:5px; }
.em-card h3 { margin:0 0 8px; font-size:17px; line-height:1.6; font-weight:750; }
.em-card h3 a { color:#202020; }
.em-card h3 a:hover { color:#8a6724; }
.em-meta { color:var(--em-muted); font-size:12px; margin-top:auto; }
.em-card p { color:#555; font-size:14px; margin:10px 0; }
.em-read-more { display:inline-flex; gap:8px; align-items:center; color:#795a1c; font-weight:700; font-size:13px; margin-top:8px; }
.em-card-featured { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); border-color:#e4d8bd; }
.em-card-featured .em-card-image { aspect-ratio:auto; min-height:300px; }
.em-card-featured .em-card-content { padding:clamp(18px,3vw,32px); justify-content:center; }
.em-card-featured h3 { font-size:clamp(23px,3vw,34px); line-height:1.5; }
.em-card-featured .em-category { background:#f7f0df; padding:4px 9px; border-radius:3px; }
.em-card-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:17px; }
.em-card-grid-3 { grid-template-columns:repeat(3,minmax(0,1fr)); }
.em-empty { background:#faf8f3; padding:18px; border-right:3px solid var(--em-gold); }
.em-footer { margin-top:38px; padding:28px 22px 18px; background:var(--em-black); color:#ddd; text-align:center; border-top:3px solid var(--em-gold); }
.em-footer-brand { color:var(--em-gold-light); font-weight:800; font-size:22px; }
.em-footer-brand span { display:block; color:#aaa; font-size:10px; letter-spacing:2px; direction:ltr; }
.em-footer p { font-size:13px; margin:10px 0 15px; color:#ccc; }
.em-footer-links { display:flex; justify-content:center; gap:20px; flex-wrap:wrap; margin-bottom:14px; }
.em-footer a { color:#e1c783; font-size:13px; }
.em-footer small { color:#aaa; font-size:11px; }
@media (max-width: 900px) {
  .em-card-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .em-card-grid-3 { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .em-nav { overflow-x:auto; flex-wrap:nowrap; }
  .em-nav a { white-space:nowrap; padding:11px 13px; }
}
@media (max-width: 640px) {
  .em-home { padding:0 10px 18px; }
  .em-masthead { padding:16px 14px; }
  .em-brand-mark { width:45px; height:45px; font-size:25px; }
  .em-brand-name { font-size:25px; }
  .em-masthead-note { display:none; }
  .em-card-featured { display:flex; }
  .em-card-featured .em-card-image { aspect-ratio:16/10; min-height:0; }
  .em-card-featured .em-card-content { padding:17px; }
  .em-card-featured h3 { font-size:22px; }
  .em-card-grid, .em-card-grid-3 { grid-template-columns:repeat(2,minmax(0,1fr)); gap:11px; }
  .em-card-content { padding:11px; }
  .em-card h3 { font-size:15px; line-height:1.55; }
  .em-section-heading h2 { font-size:19px; }
  .em-welcome p { font-size:12px; }
}
@media (max-width: 390px) {
  .em-card-grid, .em-card-grid-3 { grid-template-columns:1fr; }
}