/* Front + Editor Styles (leicht) */
/* Desktop Grid: 1 groß links (2 Reihen), rechts 2x2 */
.mgb-mosaic{
  display:grid;
  grid-template-columns:2fr 1fr 1fr;
  grid-template-rows:repeat(2, minmax(0,1fr));
  gap:24px;
  align-items:stretch
}
.mgb-item{position:relative;display:block;overflow:hidden}
.mgb-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}
.mgb-hero{grid-row:1 / span 2;grid-column:1 / 2}
@media (min-width:1024px){
  .mgb-hero{height:400px;min-height:400px}
  .mgb-item:not(.mgb-hero){height:calc((400px - 24px)/2);min-height:calc((400px - 24px)/2)}
}
.mgb-item:hover img{transform:scale(1.02)}
.mgb-more .mgb-badge{position:absolute;right:12px;bottom:12px;background:rgba(0,0,0,.55);color:#fff;padding:8px 12px;font-weight:600;font-size:14px;backdrop-filter:saturate(120%) blur(4px)}

/* Mobile: hero full width, below two square tiles (2 columns). Hide r2 and r4 on mobile. */
@media (max-width:1023.98px){
  .mgb-mosaic{
    grid-template-columns:1fr 1fr;
    grid-template-rows:auto;
    gap:24px;
  }
  .mgb-hero{
    grid-column:1 / span 2;
    height:auto;min-height:auto;
    aspect-ratio:16/9; /* keeps nice hero ratio on mobile */
  }
  .mgb-item{height:auto;min-height:auto}
  .mgb-square{aspect-ratio:1/1}
  .mgb-hide-mobile{display:none !important}
  /* Badge stays on the left square nicely */
}

/* Optional rounded */
.mgb-rounded .mgb-item{border-radius:12px}

/* Editor */
.mgb-mosaic.editor{min-height:180px;background:repeating-linear-gradient(45deg,#fafafa,#fafafa 10px,#f6f6f6 10px,#f6f6f6 20px);padding:6px}
.mgb-thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;margin-top:8px}
.mgb-thumb{position:relative;border:1px solid #e5e5e5;border-radius:8px;overflow:hidden;background:#fff}
.mgb-thumb img{display:block;width:100%;height:90px;object-fit:cover}
.mgb-thumb-actions{display:flex;gap:4px;justify-content:space-between;padding:6px}

/* Ensure overlay sits above sticky headers */
.mgb-overlay{z-index:2147483647 !important}