/* =========================
   TEMIZLET TABLET / DESKTOP RESPONSIVE CORE
   0-768px mobil tasarıma dokunmaz.
========================= */

@media (min-width:769px){
  :root{
    --tmz-desktop-x:clamp(32px,5vw,72px);
    --tmz-desktop-max:1440px;
    --tmz-readable:860px;
  }

  body{
    min-width:0;
  }

  #headerContainer{
    min-height:70px;
    background:#000;
  }

  .page{
    width:100%;
  }

  .container,
  .content,
  main.content,
  .section,
  .info-wrap,
  .updates,
  .cta,
  .apps-download,
  .cta-band{
    padding-left:var(--tmz-desktop-x);
    padding-right:var(--tmz-desktop-x);
  }

  .lead,
  .hero-text,
  .section-text,
  .section-subtext,
  .paragraph,
  .feature-text,
  .card-text,
  .mini-text,
  .legal{
    max-width:var(--tmz-readable);
  }
}

@media (min-width:1024px){
  .content,
  main.content,
  .container,
  .section,
  .info-wrap,
  .updates,
  .cta,
  .cta-band,
  .apps-download{
    max-width:var(--tmz-desktop-max);
    margin-left:auto;
    margin-right:auto;
  }

  .section-title,
  .hero-title,
  .title-xl,
  .section h2{
    font-size:clamp(48px,4.7vw,72px);
    line-height:1.02;
    letter-spacing:-2px;
  }

  .section-grid.two-col,
  .section-grid.two-col.reverse,
  .account-section,
  .feature-split{
    grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);
    gap:clamp(44px,5vw,72px);
  }

  .info-cards{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  .updates-cards{
    grid-template-columns:repeat(3, minmax(0, 1fr));
  }

  .apps-box{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}

@media (min-width:1280px){
  :root{
    --tmz-desktop-x:64px;
  }
}