/* polish.css — masaustu gorsel cila (>=1025px). Diger CSS'lerden SONRA yuklenir.
   1) Ultra-genis ekranda icerik kenarlara yapismasin: --gut = icerik 1728px'i gecince iki yandan ortalar
      (1920'de tam 96px = mevcut --pad, yani 1920 ve alti DEGISMEZ).
   2) Rakam seridi metni bolum kenarlariyla (96px) ayni hizaya gelir.
   3) .btn :active durumu. */
@media (min-width:1025px){
  :root{--gut:max(clamp(20px,6vw,96px),calc((100vw - 1728px)/2))}

  .sec,.cta,.foot,.page-hero{padding-left:var(--gut);padding-right:var(--gut)}
  .nav{padding-left:max(clamp(20px,4vw,56px),calc(var(--gut) - 40px));padding-right:max(clamp(20px,4vw,56px),calc(var(--gut) - 40px))}

  /* hero: yazi + ses dugmesi icerik kolonuna hizali (video tam genislik kalir) */
  .chap{left:var(--gut)}
  .sound{left:max(clamp(20px,4vw,56px),calc(var(--gut) - 40px))}

  /* surec sahnesi */
  .proc__stage{padding-left:var(--gut);padding-right:var(--gut)}
  .proc__dots{left:var(--gut)}

  /* rakam seridi: kenar boslugu + ilk hucre metni bolum basligiyla hizali */
  .strip{padding-inline:var(--gut);border-inline:0;
    background:linear-gradient(var(--line),var(--line)) content-box,linear-gradient(var(--bg),var(--bg)) padding-box}
  .strip div:first-child{padding-left:0}

  /* hizmet kartlari: <a> sarmalayici article'i germiyordu; aciklama 2 satira sarinca
     komsu kartlarin altinda gri (--line) serit kaliyordu. Kartlar esit yukseklikte dolsun. */
  .cards>a{display:flex}
  .cards>a>article{flex:1}
}

/* buton: basili durum (hover'daki yukselme + golge basinca geri gelir) */
.btn:active{transform:translateY(0);box-shadow:0 4px 18px rgba(228,27,32,.4)}