/* Medya CV — masaüstü: çalışma masası (kabuğun koyu mor başlığı + solda dizin), sağda önizleme kartı ve koyu doluluk paneli;
   vitrin: koyu kimlik şeridi + bölüm kartları + yapışkan teklif kartı. Kart dili: beyaz, 20 px köşe, ince kenar, hafif gölge. */
.cv-baslik-eylem { display: flex; gap: .6rem; flex: none; }
.cv-baslik-not { margin: .45rem 0 0; max-width: 40rem; font-size: .95rem; }
.masa-baslik .etiket a { text-decoration: none; }
.masa-baslik .etiket a:hover { text-decoration: underline; }
.masa-baslik .etiket span[aria-hidden] { opacity: .7; margin: 0 .2rem; }

/* Sağ sütun */
.cv-yan { display: flex; flex-direction: column; gap: 1.2rem; }
.cv-yan-alt { background: #fff; border: 1px solid var(--kenar); border-radius: var(--kose-buyuk); box-shadow: var(--golge); padding: 1.1rem 1.2rem; }
.cv-yan-alt.cv-koyu-panel { background: var(--patlican); border: 0; padding: 1.2rem 1.2rem 1.1rem; }
.cv-yan-alt .etiket { margin: 0 0 .45rem; }
.cv-yan-alt > p:last-child { margin-bottom: 0; }
.cv-yan-adres { overflow-wrap: anywhere; }
.cv-yan-yuzde { display: flex; align-items: baseline; gap: .4rem; margin: 0 0 .6rem; color: #d9cbe3; }
.cv-yan-yuzde .rakam { font-size: 2rem; font-weight: 800; line-height: 1; color: var(--sari); }
.cv-yan-bolumler { list-style: none; margin: .9rem 0 1rem; padding: 0; }
.cv-yan-bolumler a { display: flex; gap: .7rem; align-items: center; padding: .4rem .55rem; min-height: 44px; border-radius: 10px; text-decoration: none; font-size: .92rem; color: #fff !important; }
.cv-yan-bolumler a:hover { background: rgba(255, 255, 255, .08); }
.cv-yan-bolumler .no { width: 1.6rem; height: 1.6rem; flex: none; display: inline-flex; align-items: center; justify-content: center; border-radius: 999px; background: rgba(255, 255, 255, .14); font-size: .76rem; font-weight: 700; color: #fff; }
.cv-yan-bolumler .ad { flex: 1; }
.cv-yan-bolumler .isaret { font-size: .76rem; font-weight: 600; color: #ffd866; }
.cv-yan-bolumler .isaret.tamam { color: #9fe0bf; }
.cv-yan-bolumler a[aria-current=page] { background: rgba(255, 255, 255, .1); }
.cv-yan-bolumler a[aria-current=page] .ad { font-weight: 700; }
.cv-yan-bolumler a[aria-current=page] .no { background: var(--sari); color: var(--patlican); }

/* Özet ekranı */
.cv-doluluk { margin-bottom: 1.2rem; padding: 1.5rem 1.7rem 1.4rem; }
.cv-doluluk-ust { display: flex; justify-content: space-between; align-items: flex-start; gap: 1rem; }
.cv-doluluk-ust .damga { margin: 0; }
.cv-doluluk-satir { margin: 0 0 .9rem; display: flex; align-items: baseline; gap: .6rem; color: #d9cbe3; }
.cv-doluluk-yuzde { font-size: 2.8rem; line-height: 1; font-weight: 800; color: var(--sari); letter-spacing: -.02em; }
.cv-doluluk-sira { margin: 1rem 0 0; font-size: .95rem; color: #d9cbe3; }
.cv-doluluk-sira b { color: #fff; }
.cv-bolum-kart { background: #fff; border: 1px solid var(--kenar); border-radius: var(--kose-buyuk); box-shadow: var(--golge); padding: 1.4rem 0 .3rem; }
.cv-bolum-kart > .etiket, .cv-bolum-kart > h2 { padding: 0 1.4rem; }
.cv-bolum-kart > .etiket { margin: 0 0 .1rem; }
.cv-bolum-kart > h2 { font-size: 1.3rem; margin: 0 0 .7rem; }
.cv-bolum-liste { list-style: none; margin: 0; padding: 0; }
.cv-bolum-liste li { border-top: 1px solid var(--cizgi); }
.cv-bolum-liste a { display: grid; grid-template-columns: 2.4rem minmax(0, 1fr) 5.5rem 6rem; gap: 1rem; align-items: center; padding: .9rem 1.4rem; text-decoration: none; min-height: 64px; color: var(--murekkep); }
.cv-bolum-liste a:hover { background: var(--zemin-gri); }
.cv-bolum-liste .no { width: 36px; height: 36px; display: inline-flex; align-items: center; justify-content: center; border-radius: 999px; background: var(--mor); color: #fff; font-size: .9rem; font-weight: 700; }
.cv-bolum-ad b { display: block; font: 600 1.05rem/1.25 var(--sans); color: var(--murekkep); }
.cv-bolum-ad small { display: block; color: var(--gri); font-size: .85rem; margin-top: .15rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cv-bolum-ad small.cv-beyan { font-size: .74rem; margin-top: .2rem; }
.cv-bolum-liste .damga { justify-self: start; }
.cv-bolum-git { font-size: .9rem; text-align: right; color: var(--mor); font-weight: 600; }

/* Liste tabloları kart içinde */
.cv-tablo { background: #fff; border: 1px solid var(--kenar); border-radius: var(--kose-buyuk); box-shadow: var(--golge); border-collapse: separate; border-spacing: 0; overflow: hidden; }
.cv-tablo th { background: var(--kagit-koyu); }
.cv-tablo th:first-child { border-top-left-radius: 10px; }
.cv-tablo th:last-child { border-top-right-radius: 10px; }
.cv-tablo tbody tr:last-child td { border-bottom: 0; }
.cv-tablo .cv-islem { white-space: nowrap; text-align: right; }
.cv-tablo .cv-islem a { margin-right: .6rem; }
.cv-tablo tr.secili td { background: var(--mor-acik); }
.cv-tablo tr.secili td:first-child { box-shadow: inset 3px 0 0 var(--mor); }
.cv-tablo .cv-sira-hucre { width: 96px; padding-top: .3rem; padding-bottom: .3rem; }
.cv-tablo td { vertical-align: middle; }
.cv-tablo .sag { white-space: nowrap; }
.cv-tablo .cv-sil .dugme { font-size: .93rem; }
.cv-hesap-ad { color: var(--murekkep-2); overflow-wrap: anywhere; }
.cv-tablo-rakam .damga { margin: .2rem .3rem .1rem 0; }
.cv-marka-satir { grid-template-columns: 1fr 8rem; }

/* Görseller */
.cv-gorsel-izgara { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
.cv-gorsel-izgara li { background: var(--zemin-gri); border: 1px solid var(--kenar); border-radius: 16px; padding: .7rem; }
.cv-gorsel-izgara img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; border-radius: var(--kose); margin-bottom: .7rem; }
.cv-gorsel-aciklama { display: flex; gap: .4rem; flex-direction: column; align-items: stretch; }
.cv-gorsel-aciklama .alan { flex: 1; margin: 0; }
.cv-gorsel-aciklama .dugme { align-self: flex-start; min-height: 44px; padding: .5rem .9rem; font-size: .9rem; }
.cv-gorsel-alt { display: flex; justify-content: space-between; align-items: center; margin-top: .3rem; }

/* Paylaş */
.cv-paylas section { background: #fff; border: 1px solid var(--kenar); border-radius: var(--kose-buyuk); box-shadow: var(--golge); padding: 1.4rem 1.6rem; margin-bottom: 1.2rem; }
.cv-paylas section.cv-koyu-panel { background: var(--patlican); border: 0; padding: 1.6rem 1.7rem; }
.cv-paylas section > :last-child { margin-bottom: 0; }
.cv-paylas-baglanti .cv-hazir-adres { font-size: 1.3rem; margin: .1rem 0 1rem; }
.cv-paylas-baglanti .cv-hazir-adres a { text-decoration-color: var(--sari); }
.cv-paylas-qr { display: flex; gap: 1.6rem; align-items: center; }
.cv-paylas-qr img { width: 168px; height: 168px; flex: none; border: 1px solid var(--cizgi); border-radius: var(--kose); background: #fff; }

/* Sihirbaz ve teklif sayfası: koyu üst şerit + lila bant */
.cv-basla-ust { min-height: 0; }
.cv-basla-ust .sayfa-ust-icerik, .cv-teklif-ust .sayfa-ust-icerik { padding: 2.4rem 0 2.6rem; }
.cv-basla-ust h1, .cv-teklif-ust h1 { font-size: 2.5rem; font-weight: 800; margin-top: .2rem; }
.cv-teklif-ust { min-height: 0; }
.cv-ust-adimlar { list-style: none; margin: 0; padding: 0; display: grid; gap: .6rem; flex: none; width: 21rem; }
.cv-ust-adimlar li { display: grid; grid-template-columns: 36px 1fr; column-gap: .8rem; align-items: center; background: rgba(255, 255, 255, .08); border: 1px solid rgba(255, 255, 255, .14); border-radius: 14px; padding: .7rem .9rem; }
.cv-ust-adimlar span { grid-row: span 2; display: inline-flex; width: 36px; height: 36px; align-items: center; justify-content: center; border-radius: 999px; background: var(--sari); color: var(--patlican); font-weight: 700; }
.cv-ust-adimlar b { color: #fff; font-size: .98rem; }
.cv-ust-adimlar small { color: #d9cbe3; font-size: .8rem; }
.cv-basla-bant { padding: 2.2rem 0 5rem; margin-bottom: -5rem; }   /* alt bilginin üst boşluğu da lila kalsın */
.cv-basla { padding: 0 0 1rem; }
.cv-basla .cv-grup-no { width: 2rem; height: 2rem; font-size: .9rem; }
.cv-basla-alt { background: #fff; border: 1px solid var(--kenar); border-radius: var(--kose-buyuk); box-shadow: var(--golge); padding: 1rem 1.3rem; margin-top: 0; }
.cv-basla-yan { display: flex; flex-direction: column; gap: 1rem; }
.cv-basla-adres { margin: 0; }
.cv-teklif-sayfa { padding: 0 0 1rem; }

/* Sayfan hazır */
.cv-hazir-panel { padding: 1.8rem 1.9rem 1.6rem; margin-bottom: 1.2rem; }
.cv-hazir-panel h1 { color: #fff; font-size: 2.4rem; font-weight: 800; }
.cv-hazir-panel .cv-hazir-adres a { color: var(--sari); text-decoration-color: var(--sari); }
.cv-hazir-panel .cv-hazir-not { color: #d9cbe3; }
.cv-hazir-panel .cv-hazir-eylem { margin-bottom: 0; }
.cv-hazir > p:last-child { margin: 1.2rem 0 0; }

/* Vitrin */
body:has(.cv-vitrin) { background: var(--zemin-gri); }
.cv-sahip-serit .kap { display: flex; justify-content: space-between; align-items: center; gap: 1rem; padding: .6rem 0; }
.cv-sahip-serit .kap > p:last-child { display: flex; gap: .5rem; }
.cv-sahip-serit { background: var(--mor-koyu); border-bottom: 1px solid rgba(255, 255, 255, .12); }
.cv-v-ust { background: var(--patlican); color: #eadff1; }
.cv-v-ust-ic { display: grid; grid-template-columns: minmax(0, 1fr) 19rem; gap: 2.5rem; align-items: center; padding: 2.6rem 0 2.8rem; }
.cv-v-kim { display: grid; grid-template-columns: 168px minmax(0, 1fr); gap: 2.2rem; align-items: center; }
.cv-v-foto { width: 168px; height: 168px; object-fit: cover; border-radius: 999px; border: 4px solid var(--sari); background: #fff; }
.cv-v-foto.cv-foto-bos { font-size: 4rem; }
.cv-v-etiket { font: 600 .82rem/1.3 var(--sans); color: var(--sari); margin: 0 0 .4rem; }
.cv-v-kim h1 { margin: 0 0 .35rem; color: #fff; font-size: 2.7rem; font-weight: 800; overflow-wrap: anywhere; }
.cv-v-alt { font-size: 1rem; color: #fff; font-weight: 600; margin: 0 0 .8rem; }
.cv-v-tanitim { font-size: 1.05rem; line-height: 1.6; max-width: 40rem; color: #eadff1; margin: 0; }
.cv-v-paylas { display: flex; flex-wrap: wrap; gap: .6rem; margin: 1.3rem 0 0; }
.cv-v-paylas .dugme { min-height: 44px; }
.cv-v-sayilar { background: rgba(255, 255, 255, .07); border: 1px solid rgba(255, 255, 255, .14); border-radius: var(--kose-buyuk); padding: 1.1rem 1.3rem 1rem; }
.cv-v-sayilar dl { margin: 0; }
.cv-v-sayilar dl > div { display: flex; justify-content: space-between; align-items: baseline; gap: 1rem; padding: .55rem 0; border-bottom: 1px solid rgba(255, 255, 255, .12); }
.cv-v-sayilar dt { font-size: .9rem; color: #d9cbe3; }
.cv-v-sayilar dt small { display: block; font-size: .75rem; color: #b9a8c6; }
.cv-v-sayilar dd { margin: 0; font: 700 1.6rem/1 var(--sans); color: var(--sari); font-variant-numeric: tabular-nums; }
.cv-v-sayilar p { margin: .7rem 0 0; font-size: .76rem; color: #b9a8c6; }
.cv-v-govde { padding-top: 1.8rem; }
.cv-v-bolum { background: #fff; border: 1px solid var(--kenar); border-radius: var(--kose-buyuk); box-shadow: var(--golge); padding: 1.5rem 1.6rem; margin-bottom: 1.2rem; }
.cv-v-bolum > .etiket { margin: 0 0 .1rem; }
.cv-v-bolum > :last-child { margin-bottom: 0; }
.cv-v-baslik { font-size: 1.4rem; margin-bottom: .9rem; }
.cv-v-platformlar { display: grid; grid-template-columns: 1fr 1fr; gap: 0 2.2rem; }
.cv-v-kitle { display: grid; grid-template-columns: 1fr 1fr; gap: 0 2.2rem; }
.cv-v-kitle .cv-v-eksen:first-child { grid-row: span 2; }
.cv-v-dip { margin-top: 1.6rem; padding: 0 .2rem; }
.cv-v-kapanis { display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; margin-top: 1.4rem; background: var(--mor); color: #f3eafa; border-radius: var(--kose-buyuk); padding: 1.4rem 1.6rem; }
.cv-v-kapanis p { margin: 0; }
.cv-v-kapanis .cv-v-kapanis-baslik { font-size: 1.2rem; font-weight: 700; color: #fff; margin-bottom: .2rem; }
.cv-v-kapanis .dugme { flex: none; }
.cv-v-teklif .kutu { padding: 1.3rem; overflow: hidden; }
.cv-v-teklif .kutu-baslik { margin: -1.3rem -1.3rem 1rem; padding: .9rem 1.3rem; background: var(--mor-koyu); color: #fff; font-weight: 700; border-bottom: 0; }
.cv-v-teklif .kutu-baslik .mono { color: var(--sari); font-weight: 500; font-size: .88rem; }
.cv-v-teklif .form-satir { grid-template-columns: 1fr; }
.cv-v-teklif .secenekler span { min-height: 44px; padding: .4rem .65rem; font-size: .86rem; }

@media (max-width: 1100px) {
  .cv-v-ust-ic { grid-template-columns: 1fr; }
  .cv-ust-adimlar { width: 17rem; }
}
@media (max-width: 900px) {
  .cv-v-kim { grid-template-columns: 1fr; }
  .cv-v-platformlar, .cv-v-kitle, .cv-gorsel-izgara { grid-template-columns: 1fr; }
  .cv-bolum-liste a { grid-template-columns: 2.4rem 1fr; }
  .cv-ust-adimlar { display: none; }
  .cv-v-kapanis { flex-direction: column; align-items: flex-start; }
}