/* SummerToons — homepage layout fixes (2026-09-12, r2)
   Loaded AFTER mauve-toons.css, same selectors/specificity, so it overrides
   by plain source order — no !important needed.

   WHY THIS IS A SEPARATE, REVISIONED FILE (not just an edit to
   mauve-toons.css): mauve-toons.css is served through Cloudflare with
   `cache-control: max-age=315360000` and CF ignores the `?ver=` query string
   for CSS, so an in-place edit to that file does not reliably reach real
   visitors and there is no CF purge access on this site. The identical rules
   below ALSO exist in mauve-toons.css itself (so the canonical source stays
   correct/consistent for anyone reading it), but this small file — at a URL
   Cloudflare has never cached before — is what actually delivers the change.
   Bump the filename (r1 -> r2 -> ...) the same way chat.rN.css does whenever
   these bytes change again.

   r2 (2026-09-12): removed `.st-home > .st-rank-panel { grid-row: 4; }`.
   Popüler Seriler is no longer a direct child of .st-home — homepage.php now
   nests it inside .st-sidebar together with Canlı Sohbet, and chat.rN.css
   places .st-sidebar itself (a single independent flex column). That rule
   sharing Yeni Bölümler's grid row was the root cause of the giant gap
   between Canlı Sohbet and Popüler Seriler: a shared grid row is always as
   tall as its tallest item, and Yeni Bölümler is far taller than the chat
   panel, so Popüler Seriler's own row only started after all of that height. */

/* --- Yeni Bölümler cover: full artwork, no crop, no distortion --- */
.mauve-update-cover {
  aspect-ratio: 1170 / 1540;
}
.mauve-update-cover img {
  object-fit: contain;
}

/* --- Tablet / Dar Masaüstü (900px - 1100px): Yeni Bölümler = 2 sütun --- */
@media (min-width: 900px) and (max-width: 1100px) {
  .st-home .st-updates-main .mauve-latest-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* --- Geniş Masaüstü (>=1101px): Yeni Bölümler = 3 sütun --- */
@media (min-width: 1101px) {
  .st-home > .st-new-panel { grid-row: 5; }
  .st-home > .mauve-continue-section { grid-row: 6; }

  .st-home .st-updates-main .mauve-latest-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 20px 16px;
  }
}