* { box-sizing: border-box; margin: 0; padding: 0; }
body { font-family: Arial, sans-serif; background:#f7f6f2; color:#1f2d2e; direction: rtl; line-height:1.6; }

.container { max-width: 1100px; margin: 0 auto; padding: 24px; }

.topbar { background: rgba(255,255,255,0.7); backdrop-filter: blur(8px); }
.topbar-left {
  display: flex; gap: 10px; align-items: center;
  justify-content: flex-start; /* “שמאל למעלה” ויזואלית */
  padding: 10px 16px;
  direction: ltr; /* גורם לקבוצה להישאר שמאלית באמת גם ב-RTL */
}
.topbar-link { display:flex; gap:8px; align-items:center; text-decoration:none; color: inherit; }
.icon-link img, .topbar-link img { width: 18px; height: 18px; }

.site-header {
  position: sticky; top: 0;
  display:flex; align-items:center; justify-content: space-between;
  padding: 14px 16px;
  background: #fff;
  border-bottom: 1px solid rgba(0,0,0,0.06);
}
.brand { text-decoration:none; color:inherit; font-weight:700; letter-spacing:2px; }

.site-nav { display:flex; gap:14px; align-items:center; }
.site-nav a { text-decoration:none; color:inherit; opacity:0.85; }
.site-nav a:hover { opacity:1; }

.nav-toggle { display:none; background:transparent; border:0; font-size: 22px; }

.hero { padding: 64px 0; }
.hero h1 { font-size: 42px; }
.hero p { margin-top: 12px; opacity: 0.85; }

.footer { padding: 24px; text-align:center; opacity:0.7; }

/* Mobile */
@media (max-width: 820px) {
  .nav-toggle { display:block; }
  .site-nav { display:none; flex-direction: column; align-items: flex-start; gap: 10px; padding: 12px 0; }
  .site-nav.is-open { display:flex; }
}