/* ============================================================
 * DESKTOP / Large Screens — 1025px to 1200px
 * Devices: standard laptops, monitors up to FHD
 *
 * Strategy:
 *   - This is the BASE design — most rules already in styles.css apply
 *   - Use this file only for fine-tuning between 1025-1200
 *   - Above 1200, treat as same as 1200 (cap content width)
 * ============================================================ */

@media screen and (min-width: 1025px) and (max-width: 1200px) {

  /* === GLOBAL LAYOUT === */
  .wrap { padding-left: 40px; padding-right: 40px; max-width: 1180px; }

  /* === HEADER === */
  .site-header .inner { padding: 16px 40px; }
  .nav-v2 .nav-link, .nav-v2 .nav-trigger { padding: 10px 12px; font-size: 13.5px; }

  /* === HERO === */
  .hero-slider h1 { font-size: 124px !important; }

  /* === HOMEPAGE === */
  .cam-row { grid-template-columns: 1fr 2fr; gap: 20px; }
  .events-combined { height: 460px; }
  .cam-tile-big { height: 460px; }
  .wx-row { grid-template-columns: 5fr 5fr 6fr; }
  .wx-row.wx-row-2 { grid-template-columns: 1fr 1fr; }

  /* === LISTING PAGES === */
  .sc-card, .ek-card { grid-template-columns: 320px 1fr 280px; }

  /* === ETKİNLİKLER === */
  .ev-grid { grid-template-columns: 1fr 1fr !important; gap: 28px !important; }
  .ev-cards { grid-template-columns: repeat(3, 1fr); }

  /* === BURSA === */
  .bursa-hero h1 { font-size: 128px !important; }

  /* === SPONSORLUK === */
  .rs-grid { grid-template-columns: repeat(4, 1fr) !important; grid-auto-rows: 460px !important; }

  /* === FOOTER === */
  .site-footer .top { grid-template-columns: 1.3fr 1fr 1fr minmax(310px, 1.4fr); gap: 40px; }

}

/* Above 1200px → cap content but keep design intact (matches base styles.css) */
@media screen and (min-width: 1201px) {
  .wrap { max-width: 1320px; }
}