/* ── Üretim sayfaları: içerik görsel merkeze hizalama ── */

/*
  Sayfa yapısı: [leftSide] [centerPage] [rightSide 400px]
  rightSide daha geniş olduğu için centerPage sola kayıyor.
  leftSide'ı rightSide ile eşitleyerek (400px) gerçek görsel merkez sağlanır.
*/

/* .page footer'a kadar uzasın */
.breadcrumb ~ .page {
    flex: 1;
}

@media only screen and (min-width: 1201px) {
    .page {
        justify-content: center !important;
    }
    .leftSide {
        width: 400px !important;
        min-width: 400px !important;
    }
    .centerPage {
        margin: 0 !important;
    }
}

/* h1: ortala ve rengi #848484 — masaüstü + mobil */
.page h1 {
    text-align: center !important;
    color: #848484 !important;
}

/* lab-header h1: kalın, beyaz */
.lab-header h1 {
    font-weight: 700 !important;
    color: #fff !important;
    text-transform: uppercase !important;
    letter-spacing: 0.18em !important;
}