@charset "UTF-8";
@import url("./main.css");
/* Live site: layout + sections — same rules as the editor under /styles */

/* אתר חי: בלי סיידבר — רוחב מלא */
.app-layout--live {
  max-width: 100%;
}

/* תמונת נושא: מסגרת אחת עם overflow — כמו בעורך, בלי רקע על ה־img (שקיפות/קצוות שבורים) */
.app-layout--live .hero-media {
  max-width: min(100%, 560px);
  width: 100%;
  margin-inline: auto;
  border-radius: 20px;
  overflow: hidden;
  box-sizing: border-box;
  background: #eef0f4;
}

/* תמונת נושא גדולה (לא רק ממד מוגבל של 343px מהעורך) */
.app-layout--live .hero-media img {
  max-width: min(100%, 560px);
  width: 100%;
  height: auto;
  min-height: 240px;
  max-height: min(80vh, 620px);
  object-fit: cover;
  object-position: center;
  display: block;
  border-radius: 0;
  background: transparent;
  box-sizing: border-box;
}

/* מובייל + סרגל אייקונים: מקור אמת ב־gui/styles/main.css (נטען גם בעורך ללא shared) */