/* =============================================================================
   MASAÜSTÜ / MONİTÖR  (≥ 1280px)
   UX: Klasik sabit genişlikli "sayfa" (1240px), 3 sütunlu ana sayfa, fareyle açılan
   mega menüler, yoğun bilgi; tüm istatistik sütunları görünür.
   ========================================================================== */
.wrap { max-width: 1240px; }

/* Ortadaki içerik bir "kâğıt" gibi: hafif gölgeli açık zemin */
.site-main {
    background: var(--sheet); border-left: 1px solid var(--line); border-right: 1px solid var(--line);
    box-shadow: 0 0 24px rgba(19, 37, 60, .08); padding: 14px 14px 26px;
}

.page { display: grid; gap: var(--gap); align-items: start; }
.page--home { grid-template-columns: 214px minmax(0, 1fr) 300px; grid-template-areas: "left main right"; }
.page--two { grid-template-columns: minmax(0, 1fr) 300px; grid-template-areas: "main right"; }
.page--forum { grid-template-columns: minmax(0, 1fr) 280px; grid-template-areas: "main right"; }
.page--full { grid-template-columns: minmax(0, 1fr); grid-template-areas: "main"; }
.col-main { grid-area: main; min-width: 0; }
.col-left { grid-area: left; min-width: 0; }
.col-right { grid-area: right; min-width: 0; }

/* Yan sütunlar sayfa kaydırılırken üstte kalır (uzun içeriklerde) */
.page--two .col-right, .page--forum .col-right { position: sticky; top: 10px; }
.page--two .col-right:has(> :nth-child(5)), .page--forum .col-right:has(> :nth-child(5)) { position: static; }

/* Sol sütundaki dar widget'lar */
.col-left .box__title { font-size: .82rem; }
.col-left .qvat__out { grid-template-columns: 1fr; }
.col-left .qvat__out div { display: flex; justify-content: space-between; align-items: baseline; text-align: left; }
.col-left .qvat__row--split { grid-template-columns: 1fr; }

/* Mega menüler: fareyle ya da klavye odağıyla açılır */
.mnav__item.has-mega:hover > .mega,
.mnav__item.has-mega:focus-within > .mega,
.mnav__item.is-open > .mega { display: flex; }
.mnav__item:nth-last-child(-n+3) > .mega { left: auto; right: 0; }

.headline__title { font-size: 1.75rem; }
.hide-desktop { display: none !important; }