/* ==========================================================================
   CYBERZ — Ortak başlık/etiket stilleri (.head, .linkplay, .btn--lg, bölüm sayacı)
   HTML : index.html → "tüm bölümler" bölümü
   CSS  : css/home/00-base.css
   ========================================================================== */

/* --------------------------------------------------------------------------
   SHARED HEADINGS
   -------------------------------------------------------------------------- */
/* Her bolum basligina Raw Energy hatti "iner": ustte kisa dikey akim
   cizgisi, sagda dosya numarasi. Girisin konduisi sayfa boyunca surer. */
main{ counter-reset:sec; }
main > section:not(.hero){ counter-increment:sec; }
.head{
    position:relative;
    display:flex; flex-direction:column; gap:16px;
    max-width:66ch;
    margin-bottom:clamp(36px,4.5vw,64px);
}
.head::before{
    content:''; width:1px; height:22px; margin-bottom:-4px;
    background:linear-gradient(to bottom,var(--energy),transparent);
}
.head::after{
    content:counter(sec,decimal-leading-zero);
    position:absolute; right:0; top:2px;
    font-family:var(--font-mono); font-size:.6875rem;
    letter-spacing:.2em; color:var(--fg-3);
}
.head h2{ margin:0; }
.head p{ margin:0; }
.head--center{ margin-inline:auto; text-align:center; align-items:center; }
.head--center .lede{ margin-inline:auto; }
.head--center::after{ display:none; }
.head--row{
    max-width:none;
    flex-direction:row; align-items:flex-end; justify-content:space-between;
    gap:32px; flex-wrap:wrap;
}
.head--row::before, .head--row::after{ display:none; }
.head--row > div{ max-width:66ch; display:flex; flex-direction:column; gap:14px; }

.hot{ color:var(--energy); }

/* Buyuk cikis butonlari — final CTA icin */
.btn--lg{ min-height:60px; padding:16px 38px; font-size:.875rem; }

/* Uclu hiyerarside ucuncu eylem: buton degil, isaretli baglanti */
.linkplay{
    display:inline-flex; align-items:center; gap:11px;
    min-height:48px;
    font-family:var(--font-display); font-size:.75rem; font-weight:700;
    letter-spacing:.14em; text-transform:uppercase;
    color:var(--fg-2);
}
.linkplay__ico{
    display:inline-flex; align-items:center; justify-content:center;
    width:30px; height:30px; flex-shrink:0;
    border:1px solid var(--line-2);
    border-radius:50%;
    transition:border-color var(--t) var(--ease), background var(--t) var(--ease);
}
.linkplay__ico svg{ width:9px; height:10px; margin-left:2px; }
.linkplay:hover{ color:var(--energy); }
.linkplay:hover .linkplay__ico{ border-color:var(--energy); background:var(--energy-a); }