/* Medya CV — ortak: basın kartı önizlemesi, vitrin bölümleri, A4 belge. Yalnız temel.css değişkenleri. */

/* Önizleme kartı */
.cv-kart { margin: 0; }
.cv-kart figcaption { margin-bottom: .5rem; }
.cv-kart-kagit { position: relative; background: #fff; border: 1px solid var(--kenar); border-radius: var(--kose-buyuk); box-shadow: var(--golge); padding: 1.3rem 1.35rem 1.1rem; }
.cv-kart-ust { display: flex; gap: .9rem; align-items: center; margin-bottom: .8rem; }
.cv-kart-foto { width: 64px; height: 64px; flex: none; object-fit: cover; border-radius: 999px; box-shadow: 0 0 0 3px #fff, 0 0 0 4px var(--mor-orta); }
.cv-kart-kim { min-width: 0; }
.cv-kart-ad { font: 700 1.3rem/1.15 var(--sans); margin: 0; overflow-wrap: anywhere; letter-spacing: -.01em; }
.cv-kart-alt { font-size: .85rem; color: var(--gri); margin: .3rem 0 0; }
.cv-kart-damga { margin: 0 0 .35rem; }
.cv-kart-dip { margin: .7rem 0 0; padding-top: .6rem; border-top: 1px solid var(--cizgi); font-size: .8rem; color: var(--gri); overflow-wrap: anywhere; line-height: 1.5; }
.cv-kart-dip .mono { font-size: .78rem; }
.cv-foto-bos { display: flex; align-items: center; justify-content: center; background: var(--mor-acik); color: var(--mor-koyu); font: 700 1.8rem/1 var(--sans); }
.cv-foto-buyuk { width: 120px; height: 120px; object-fit: cover; border-radius: 999px; box-shadow: 0 0 0 3px #fff, 0 0 0 4px var(--mor-orta); flex: none; }

/* Özet satırları: etiket solda (düz yazı, altında küçük açıklama), değer sağda; satırlar ince çizgiyle ayrılır */
.kunye dt { font-family: var(--sans); }
.cv-ozet > div { flex-wrap: wrap; justify-content: space-between; align-items: center; gap: .2rem 1rem; padding: .6rem 0; border-bottom: 1px solid var(--cizgi); }
.cv-ozet > div:last-child { border-bottom: 0; }
.cv-ozet .dolgu { display: none; }
.cv-ozet dt { font-size: .88rem; color: var(--murekkep-2); white-space: normal; min-width: 0; flex: 1 1 6rem; }
.cv-ozet dt small { display: block; font-size: .76rem; color: var(--gri); margin-top: .1rem; }
.cv-ozet dd { font: 600 .95rem/1.35 var(--sans); font-variant-numeric: tabular-nums; white-space: normal; overflow-wrap: anywhere; flex: 0 0 auto; max-width: 100%; margin-left: auto; text-align: right; }

/* Form grupları */
.cv-grup { background: #fff; border: 1px solid var(--kenar) !important; border-radius: var(--kose-buyuk); box-shadow: var(--golge); padding: 1.2rem 1.3rem .4rem !important; margin-bottom: 1.2rem !important; }
.cv-grup legend { font: 700 1.1rem/1.25 var(--sans); padding: 0 .6rem 0 0; margin-bottom: .9rem; display: flex; align-items: baseline; gap: .6rem; }
.cv-grup-no { flex: none; display: inline-flex; align-items: center; justify-content: center; width: 1.8rem; height: 1.8rem; font: 700 .85rem/1 var(--sans); color: #fff; background: var(--mor); border-radius: 999px; }
.cv-toplam { font-size: .8rem; color: var(--gri); }
.cv-toplam.asim { color: var(--hata-koyu); }
.cv-foto-satir { display: flex; gap: 1.2rem; align-items: flex-start; margin-bottom: 1.2rem; }
.cv-foto-satir > div { flex: 1; min-width: 0; }
.cv-yas-izgara { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 0 .6rem; }
.cv-sehir-satir { display: grid; grid-template-columns: 1.4rem minmax(0, 1fr) 7.5rem; gap: 0 .6rem; align-items: start; }
.cv-sehir-satir .no { padding-top: .8rem; color: var(--gri); font-size: .8rem; }
.cv-sehir-satir .alan { margin-bottom: .6rem; }
.cv-ust-bosluk { margin-top: 1.4rem; }
.cv-sil { display: inline; }
.cv-sil .dugme, .cv-sira .dugme { min-height: 44px; }
.cv-sira { display: inline-flex; gap: 0; }
.cv-sira .dugme { min-width: 44px; text-decoration: none; }
.cv-sira .dugme[disabled] { opacity: .3; }

/* Cetvel genişlikleri (satır içi stil yok; CSP) */
.cetvel.ince { height: 6px; border-width: 1px; background: var(--kagit-acik); }
.pay-0 { width: 0%; }
.pay-1 { width: 1%; }
.pay-2 { width: 2%; }
.pay-3 { width: 3%; }
.pay-4 { width: 4%; }
.pay-5 { width: 5%; }
.pay-6 { width: 6%; }
.pay-7 { width: 7%; }
.pay-8 { width: 8%; }
.pay-9 { width: 9%; }
.pay-10 { width: 10%; }
.pay-11 { width: 11%; }
.pay-12 { width: 12%; }
.pay-13 { width: 13%; }
.pay-14 { width: 14%; }
.pay-15 { width: 15%; }
.pay-16 { width: 16%; }
.pay-17 { width: 17%; }
.pay-18 { width: 18%; }
.pay-19 { width: 19%; }
.pay-20 { width: 20%; }
.pay-21 { width: 21%; }
.pay-22 { width: 22%; }
.pay-23 { width: 23%; }
.pay-24 { width: 24%; }
.pay-25 { width: 25%; }
.pay-26 { width: 26%; }
.pay-27 { width: 27%; }
.pay-28 { width: 28%; }
.pay-29 { width: 29%; }
.pay-30 { width: 30%; }
.pay-31 { width: 31%; }
.pay-32 { width: 32%; }
.pay-33 { width: 33%; }
.pay-34 { width: 34%; }
.pay-35 { width: 35%; }
.pay-36 { width: 36%; }
.pay-37 { width: 37%; }
.pay-38 { width: 38%; }
.pay-39 { width: 39%; }
.pay-40 { width: 40%; }
.pay-41 { width: 41%; }
.pay-42 { width: 42%; }
.pay-43 { width: 43%; }
.pay-44 { width: 44%; }
.pay-45 { width: 45%; }
.pay-46 { width: 46%; }
.pay-47 { width: 47%; }
.pay-48 { width: 48%; }
.pay-49 { width: 49%; }
.pay-50 { width: 50%; }
.pay-51 { width: 51%; }
.pay-52 { width: 52%; }
.pay-53 { width: 53%; }
.pay-54 { width: 54%; }
.pay-55 { width: 55%; }
.pay-56 { width: 56%; }
.pay-57 { width: 57%; }
.pay-58 { width: 58%; }
.pay-59 { width: 59%; }
.pay-60 { width: 60%; }
.pay-61 { width: 61%; }
.pay-62 { width: 62%; }
.pay-63 { width: 63%; }
.pay-64 { width: 64%; }
.pay-65 { width: 65%; }
.pay-66 { width: 66%; }
.pay-67 { width: 67%; }
.pay-68 { width: 68%; }
.pay-69 { width: 69%; }
.pay-70 { width: 70%; }
.pay-71 { width: 71%; }
.pay-72 { width: 72%; }
.pay-73 { width: 73%; }
.pay-74 { width: 74%; }
.pay-75 { width: 75%; }
.pay-76 { width: 76%; }
.pay-77 { width: 77%; }
.pay-78 { width: 78%; }
.pay-79 { width: 79%; }
.pay-80 { width: 80%; }
.pay-81 { width: 81%; }
.pay-82 { width: 82%; }
.pay-83 { width: 83%; }
.pay-84 { width: 84%; }
.pay-85 { width: 85%; }
.pay-86 { width: 86%; }
.pay-87 { width: 87%; }
.pay-88 { width: 88%; }
.pay-89 { width: 89%; }
.pay-90 { width: 90%; }
.pay-91 { width: 91%; }
.pay-92 { width: 92%; }
.pay-93 { width: 93%; }
.pay-94 { width: 94%; }
.pay-95 { width: 95%; }
.pay-96 { width: 96%; }
.pay-97 { width: 97%; }
.pay-98 { width: 98%; }
.pay-99 { width: 99%; }
.pay-100 { width: 100%; }

/* Vitrin bölümleri (masaüstü, mobil ve PDF ortak) */
.cv-v-platform { padding: .2rem 0 1rem; }
.cv-v-platform h3 { font-size: 1.15rem; margin: 0 0 .3rem; display: flex; gap: .6rem; align-items: baseline; flex-wrap: wrap; }
.cv-v-platform h3 .cv-hesap { font-size: .9rem; font-weight: 600; }
.cv-beyan { font-size: .74rem; color: var(--gri); margin: .25rem 0 0; }
.cv-v-eksen { margin-bottom: 1.1rem; }
.cv-v-eksen h3 { font-size: 1.05rem; margin: 0 0 .2rem; }
.cv-v-kitle .kunye > div { flex-wrap: wrap; padding-bottom: .15rem; }
.cv-cetvel-yer { flex-basis: 100%; text-align: left !important; padding: .1rem 0 .25rem; }
.cv-cetvel-yer .cetvel { display: block; }
.cv-v-paketler > div, .cv-v-isbirlikleri > div { flex-wrap: wrap; }
.cv-v-acik { flex-basis: 100%; text-align: left !important; white-space: normal !important; font: .88rem/1.45 var(--sans) !important; color: var(--murekkep-2); padding: 0 0 .3rem; }
.cv-v-ek { color: var(--gri-acik); }
.cv-v-galeri { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .75rem; }
.cv-v-galeri figure { margin: 0; }
.cv-v-galeri img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; border-radius: var(--kose); }
.cv-v-galeri figcaption { font-size: .8rem; color: var(--gri); margin-top: .35rem; }
.cv-v-dip { margin-top: 2rem; }
.cv-v-dip p { margin: 0 0 .4rem; }
.cv-aydinlatma { color: var(--murekkep-2); }
.cv-sahip-serit { background: var(--mor); color: #fff; }
.cv-sahip-serit a:not(.dugme) { color: var(--kagit-acik); }
.cv-sahip-serit .dugme { min-height: 40px; }
.cv-sahip-serit .dugme.ikincil { background: transparent; color: #fff; border-color: rgba(255, 255, 255, .5); }
.cv-sahip-serit .dugme.ikincil:hover { background: rgba(255, 255, 255, .12); color: #fff; border-color: #fff; }
.cv-sahip-serit .dugme:not(.ikincil) { background: var(--sari); color: var(--patlican); border-color: var(--sari); }
.cv-sahip-serit .dugme:not(.ikincil):hover { background: #ffc933; border-color: #ffc933; color: var(--patlican); }
.cv-sahip-serit p { margin: 0; }

/* Sayfan hazır */
.cv-hazir h1 { margin: .8rem 0 .5rem; }
.cv-hazir-adres { font-size: 1.15rem; margin: 0 0 .8rem; overflow-wrap: anywhere; }
.cv-hazir-adres a { text-decoration-thickness: 2px; text-decoration-color: var(--vurgu); }
.cv-hazir-not { color: var(--murekkep-2); max-width: 36rem; }
.cv-hazir-eylem { display: flex; gap: .6rem; flex-wrap: wrap; margin: 1.2rem 0 1.6rem; }
.cv-hazir-qr { display: flex; gap: 1.2rem; align-items: center; background: #fff; border: 1px solid var(--kenar); border-radius: var(--kose-buyuk); box-shadow: var(--golge); padding: 1rem 1.2rem; }
.cv-hazir-qr img { width: 132px; height: 132px; flex: none; }
.cv-hazir-qr p { margin: 0; }
.cv-hazir-eksik-baslik { font-size: 1.35rem; margin-top: 1.8rem; }
.cv-eksikler { list-style: none; margin: 0 0 1.4rem; padding: 0; background: #fff; border: 1px solid var(--kenar); border-radius: var(--kose-buyuk); box-shadow: var(--golge); overflow: hidden; }
.cv-eksikler li + li { border-top: 1px solid var(--cizgi); }
.cv-eksikler a { display: flex; gap: .8rem; align-items: center; min-height: 52px; padding: .6rem 1.1rem; text-decoration: none; color: var(--murekkep); }
.cv-eksikler a:hover { background: var(--zemin-gri); }
.cv-eksikler a > span:first-child { flex: 1; }
.cv-eksikler .m-ok { font: 400 1.4rem/1 var(--sans); color: var(--gri-acik); }
.cv-eksikler .cv-eksik-bolum { font-size: .8rem; color: var(--gri); }

/* A4 belge */
.cv-pdf-arac { display: flex; align-items: center; gap: 1rem; flex-wrap: wrap; max-width: 210mm; margin: 1.5rem auto 1rem; }
.cv-pdf-arac p { margin: 0; flex-basis: 100%; }
.cv-pdf-tarif { flex-basis: 100%; background: #fff; border: 1px solid var(--kenar); border-radius: var(--kose-buyuk); padding: .9rem 1rem; font-size: .92rem; }
.cv-pdf-tarif p + p { margin-top: .5rem; }
.cv-pdf { max-width: 210mm; margin: 0 auto 2rem; padding: 14mm; font-size: 10.5pt; line-height: 1.45; }
.cv-pdf h1 { font-size: 26pt; margin: .1rem 0 .2rem; }
.cv-pdf h2 { font-size: 12.5pt; margin: 1.1rem 0 .3rem; padding-bottom: .2rem; border-bottom: 1px solid var(--cizgi); color: var(--mor-koyu); }
.cv-pdf h3 { font-size: 10.5pt; }
.cv-pdf .kunye > div { padding: .18rem 0; }
.cv-pdf .kunye dt, .cv-pdf .kunye dd { font-size: 8.8pt; }
.cv-pdf-ust { display: flex; justify-content: space-between; gap: 1.5rem; align-items: flex-start; padding-bottom: .6rem; border-bottom: 1px solid var(--kenar); }
.cv-pdf-satir { font-size: 8pt; color: var(--gri); margin: 0; }
.cv-pdf-alt { margin: 0; color: var(--murekkep-2); font-size: 9.5pt; }
.cv-pdf-qr { margin: 0; text-align: center; flex: none; }
.cv-pdf-qr img { width: 28mm; height: 28mm; }
.cv-pdf-qr figcaption { font-size: 6.8pt; color: var(--gri); }
.cv-pdf-tanitim { margin: .7rem 0 0; }
.cv-pdf-izgara { display: grid; grid-template-columns: 1fr 1fr; gap: 0 8mm; }
.cv-pdf-galeri { display: grid; grid-template-columns: repeat(6, 1fr); gap: 2mm; }
.cv-pdf-galeri img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; }
.cv-pdf-dip { display: flex; justify-content: space-between; gap: 1rem; margin-top: 1.2rem; padding-top: .5rem; border-top: 1px solid var(--kenar); font-size: 7.5pt; color: var(--gri); }
.cv-pdf .cv-v-platform { padding-bottom: .4rem; }
.cv-pdf .uyari-bilgi { font-size: 7.5pt; }

/* Ekranda önizleme yazıları en az 13 px; yazdırmada pt ölçüleri */
@media screen {
  .cv-pdf .kunye dt, .cv-pdf .kunye dd, .cv-pdf-satir, .cv-pdf-qr figcaption, .cv-pdf-dip, .cv-pdf .uyari-bilgi, .cv-pdf .cv-beyan, .cv-pdf .cv-v-acik, .cv-pdf .cv-ozet dt small { font-size: 13px !important; }
  .cv-pdf { border-radius: var(--kose-buyuk); box-shadow: var(--golge); }
}
@page { size: A4; margin: 14mm; }
@media print {
  .manset, .kunye-alt, .sekmeler, .ust-cubuk, .cv-pdf-arac, .bildirim-serit, .atla, .m-eylem, .cv-sahip-serit, .cv-ornek-serit { display: none !important; }
  html, body, body.mobil { background: #fff !important; padding: 0 !important; min-height: 0 !important; }
  .sayfa, main { padding: 0 !important; }
  .cv-pdf { border: 0; padding: 0; max-width: none; margin: 0; background: #fff; }
  .cv-pdf a { text-decoration: none; }
  .cv-pdf h2 { break-after: avoid; }
  .cv-v-platform, .cv-v-eksen, .kunye > div { break-inside: avoid; }
  .cetvel > i { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
}

/* .alan > span kuralı ön/son ekli kutuyu bloğa çevirmesin */
.alan > .on-ek, .alan > .son-ek { display: flex; font-weight: 400; font-size: 1rem; margin-bottom: 0; }
.cv-v-paketler dt, .cv-v-isbirlikleri dt { white-space: normal; flex: 0 1 auto; min-width: 0; }

/* Türkçe dosya seçici (gerçek alan görünmez, etiketi düğme) */
.cv-dosya { position: relative; display: flex; align-items: center; gap: .8rem; flex-wrap: wrap; }
.cv-dosya-girdi { position: absolute; left: 0; top: 0; width: 1px; height: 1px; opacity: 0; overflow: hidden; }
.cv-dosya-girdi:focus-visible + .cv-dosya-dugme { outline: var(--odak); outline-offset: 2px; }
.cv-dosya-dugme { cursor: pointer; min-height: 44px; padding: .6rem 1.1rem; font-size: .95rem; }
.cv-dosya-ad { font-size: .88rem; color: var(--gri); overflow-wrap: anywhere; min-width: 0; }
.cv-dosya-ad:empty { display: none; }

/* Hazır mesajlar (Paylaş) */
.cv-mesajlar { list-style: none; margin: 0; padding: 0; display: grid; gap: .8rem; }
.cv-mesajlar li { background: var(--zemin-gri); border: 1px solid var(--cizgi); border-radius: var(--kose); padding: .8rem 1rem; }
.cv-mesaj-baslik { font-size: .82rem; font-weight: 600; color: var(--gri); margin: 0 0 .3rem; }
.cv-mesaj-metin { margin: 0 0 .6rem; overflow-wrap: anywhere; user-select: all; -webkit-user-select: all; }
.cv-mesajlar .dugme { min-height: 44px; padding: .5rem 1rem; font-size: .9rem; }

/* Kart biçimli fieldset: başlık kenarın üstüne binmesin */
.cv-grup > legend { float: left; width: 100%; padding: 0; }
.cv-grup > legend + * { clear: both; }

/* Örnek profil şeridi */
.cv-ornek-serit { background: var(--sari-acik); border-bottom: 1px solid #f1d98a; color: var(--murekkep); }
.cv-ornek-serit .kap, .cv-ornek-serit > div { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .75rem 0; }
.cv-ornek-serit p { margin: 0; font-size: .93rem; }
/* Teklif formunun alan kabı: örnek profilde disabled olur (form pasif). */
.cv-teklif-alanlar { border: 0; padding: 0; margin: 0; min-width: 0; }
.cv-teklif-alanlar:disabled { opacity: .6; }
body.mobil .cv-ornek-serit { margin: -1.1rem calc(-1 * var(--bosluk)) 1rem; padding: 0 var(--bosluk); }
body.mobil .cv-ornek-serit > div { flex-direction: column; align-items: stretch; }

/* Kanal alanları (sihirbaz + kanal ekle/düzenle): seçim kartları, kanal kartı, "Rakamlar nerede?" yolu, alan başına "!" */
.cv-kanal-sec { margin-bottom: 1.1rem; min-width: 0; }
.kanal-yol-ozet { list-style: none; margin: .2rem 0 1rem; padding: .85rem 1rem; display: grid; gap: .45rem; background: var(--kagit-koyu); border-radius: var(--kose); font-size: .88rem; line-height: 1.45; color: var(--murekkep-2); }
.kanal-yol-ozet li { display: flex; gap: .6rem; align-items: flex-start; }
.kanal-yol-ozet span { flex: none; width: 22px; height: 22px; border-radius: 50%; background: var(--mor); color: #fff; font: 700 .75rem/22px var(--sans); text-align: center; }

.kanal-kartlar { display: grid; grid-template-columns: repeat(auto-fill, minmax(118px, 1fr)); gap: .6rem; }
.kanal-kart { position: relative; display: block; }
.kanal-kart input { position: absolute; opacity: 0; inset: 0; margin: 0; cursor: pointer; z-index: 1; }
.kanal-kart-ic { position: relative; display: flex; flex-direction: column; align-items: flex-start; gap: .25rem; min-height: 100%; padding: .8rem .85rem .75rem; border: 1.5px solid var(--kenar-koyu); border-radius: var(--kose); background: var(--kagit-acik); transition: border-color .15s, box-shadow .15s, background .15s; }
.kanal-kart-ic b { font-size: .95rem; line-height: 1.2; }
.kanal-kart-ic small { font-size: .76rem; color: var(--gri); }
.kanal-kart:hover .kanal-kart-ic { border-color: var(--mor); }
.kanal-kart input:checked + .kanal-kart-ic { border-color: var(--mor); background: var(--mor-acik); box-shadow: 0 0 0 1px var(--mor) inset; }
.kanal-kart input:focus-visible + .kanal-kart-ic { outline: var(--odak); outline-offset: 2px; }
.kanal-tik { position: absolute; top: .55rem; right: .55rem; width: 22px; height: 22px; border-radius: 50%; border: 1.5px solid var(--kenar-koyu); color: transparent; font: 700 .75rem/19px var(--sans); text-align: center; background: #fff; }
.kanal-kart input:checked + .kanal-kart-ic .kanal-tik { background: var(--mor); border-color: var(--mor); color: #fff; }
.kanal-sil-not { display: block; margin-top: .3rem; font-size: .74rem; line-height: 1.35; color: var(--gri); }
.kanal-kart input:not(:checked) ~ .kanal-sil-not { color: var(--hata-koyu); font-weight: 600; }

.kanal-simge { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 10px; background: var(--patlican); color: #fff; font: 800 .8rem/1 var(--sans); letter-spacing: .02em; flex: none; }
.kanal-instagram { background: var(--mor); }
.kanal-tiktok { background: var(--murekkep); }
.kanal-youtube { background: var(--hata); }
.kanal-x { background: #3e3546; }
.kanal-twitch { background: #5b3f8f; }

.cv-kanal { border: 1px solid var(--kenar); border-radius: var(--kose-buyuk); background: var(--kagit-acik); box-shadow: var(--golge); padding: 1.1rem 1.2rem .4rem; margin: 0 0 1.1rem; min-width: 0; }
.cv-kanal[hidden], .cv-kart [data-onizle-kanal][hidden] { display: none; }
.kanal-bas { display: flex; align-items: center; gap: .75rem; margin-bottom: .9rem; }
.kanal-bas b { display: block; font-size: 1.08rem; line-height: 1.25; }
.kanal-bas small { display: block; font-size: .8rem; color: var(--gri); }

.kanal-nerede { background: var(--sari-acik); border-radius: var(--kose); padding: .8rem .95rem; margin: 0 0 1.1rem; }
.kanal-nerede-baslik { display: flex; align-items: center; gap: .5rem; margin: 0 0 .45rem; font-weight: 700; font-size: .9rem; }
.kanal-yol { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; align-items: center; gap: .35rem 1.1rem; font-size: .84rem; }
.kanal-yol li { position: relative; background: #fff; border: 1px solid #ecd78f; border-radius: 999px; padding: .2rem .65rem; font-weight: 600; color: var(--murekkep); }
.kanal-yol li + li::before { content: "›"; position: absolute; left: -.8rem; top: 50%; transform: translateY(-52%); color: var(--murekkep-2); font-weight: 700; }
.kanal-onkosul { margin: .6rem 0 0; font-size: .82rem; line-height: 1.5; color: var(--murekkep-2); }

.unlem-isaret { display: inline-flex; align-items: center; justify-content: center; flex: none; width: 20px; height: 20px; border-radius: 50%; background: var(--sari); color: var(--patlican); font: 800 .78rem/1 var(--sans); }

.cv-kanal-izgara { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 1rem; }
.cv-kanal-alan { position: relative; }
.kanal-etiket { display: flex; flex-wrap: wrap; align-items: center; gap: .35rem .45rem; margin-bottom: .4rem; padding-right: 30px; min-height: 22px; }
/* Yan yana iki alanda etiket iki satıra kayınca girişler aynı hizada kalsın */
@media (min-width: 700px) { .cv-kanal-izgara .kanal-etiket { min-height: 2.7rem; align-content: flex-end; } .cv-kanal-izgara .unlem > summary { top: auto; bottom: calc(100% - 2.7rem); } }
/* Dar sütunda (kanal düzenleme ekranı) iki sütun etiketleri üç satıra böler: tek sütun */
.cv-kanal { container-type: inline-size; }
@container (max-width: 560px) {
  .cv-kanal-izgara { grid-template-columns: 1fr; }
  .cv-kanal-izgara .kanal-etiket { min-height: 22px; align-content: normal; }
  .cv-kanal-izgara .unlem > summary { top: 0; bottom: auto; }
}
.kanal-etiket label { font-size: .9rem; font-weight: 600; }
.kanal-donem { font-size: .72rem; font-weight: 600; color: var(--mor); background: var(--mor-acik); border-radius: 999px; padding: .12rem .5rem; }
.cv-kanal-alan > small { display: block; margin-top: .3rem; font-size: .8rem; line-height: 1.45; color: var(--gri); }
.kanal-ara { display: flex; flex-wrap: wrap; align-items: baseline; gap: .2rem .6rem; margin: .4rem 0 .8rem; padding-top: .9rem; border-top: 1px dashed var(--kenar-koyu); font-size: .92rem; }
.kanal-ara span { font-size: .8rem; color: var(--gri); }

/* "!" düğmesi (alanın sağ üst köşesi): açınca nerede yazdığı (adımlar) ve markanın neden baktığı, etiketle giriş arasında */
.unlem { margin: 0; }
.unlem > summary { list-style: none; position: absolute; top: 0; right: 0; display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; border-radius: 50%; background: var(--sari); color: var(--patlican); font: 800 .8rem/1 var(--sans); cursor: pointer; }
.unlem > summary::-webkit-details-marker { display: none; }
.unlem > summary::after { content: ""; position: absolute; inset: -11px; }   /* 44 px dokunma alanı */
.unlem > summary::marker { content: ""; }
.unlem > summary:hover, .unlem[open] > summary { background: var(--patlican); color: var(--sari); }
.unlem > summary:focus-visible { outline: var(--odak); outline-offset: 2px; }
.unlem-kutu { margin: 0 0 .55rem; padding: .75rem .9rem; border-radius: var(--kose); background: var(--patlican); color: #f1e9f6; font-size: .83rem; line-height: 1.5; }
.unlem-baslik { margin: 0 0 .3rem; font-weight: 700; color: var(--sari); }
.unlem-kutu ol { margin: 0; padding-left: 1.15rem; }
.unlem-kutu li + li { margin-top: .2rem; }
.unlem-neden { margin: .55rem 0 0; padding-top: .5rem; border-top: 1px solid rgba(255, 255, 255, .15); }
.unlem-neden b { color: #fff; }

.kanal-dip { margin-top: .2rem; }
.kanal-dip p:first-child { display: flex; gap: .5rem; align-items: flex-start; margin: 0 0 .5rem; font-size: .86rem; line-height: 1.5; color: var(--murekkep-2); }
.cv-tablo-rakam { line-height: 1.6; }
.cv-kitle-nerede { list-style: none; margin: -.3rem 0 .9rem; padding: 0; font-size: .82rem; line-height: 1.55; color: var(--murekkep-2); }
.cv-kitle-nerede b { font-weight: 600; }
.cv-tarih { white-space: nowrap; }

/* Ortak yeni çizgi parçaları (masaüstü + mobil) */
/* Kart başlığı: dolu mor numara + küçük etiket + h2 (+ sağda sayı hapı) */
.cv-kart-bas { display: flex; align-items: center; gap: .9rem; margin: 0 0 1.1rem; }
.cv-kart-bas > div { flex: 1; min-width: 0; }
.cv-kart-bas .etiket { margin: 0 0 .1rem; }
.cv-kart-bas h2 { font-size: 1.3rem; margin: 0; }
.cv-kart-bas .damga { flex: none; margin: 0; }
.cv-no { flex: none; display: inline-flex; width: 36px; height: 36px; align-items: center; justify-content: center; border-radius: 999px; background: var(--mor); color: #fff; font-weight: 700; font-size: .95rem; }
.cv-form-kart { padding: 1.5rem 1.6rem; }
.cv-liste-kart { background: #fff; border: 1px solid var(--kenar); border-radius: var(--kose-buyuk); box-shadow: var(--golge); padding: 1.4rem 1.5rem 1.1rem; }
.cv-liste-kart .cv-tablo { border: 0; box-shadow: none; border-radius: 0; }
.cv-kart-dip-not { margin: .8rem 0 0; }

/* Koyu panel (fiyat hesaplayıcının sonuç paneli gibi): patlıcan zemin, beyaz yazı, sarı vurgu */
.cv-koyu-panel { background: var(--patlican); color: #eadff1; border: 0; border-radius: var(--kose-buyuk); box-shadow: var(--golge); }
.cv-koyu-panel a:not(.dugme) { color: #fff; }
.cv-koyu-panel a:not(.dugme):hover { color: var(--sari); }
.cv-koyu-etiket { font: 600 .78rem/1.3 var(--sans); color: var(--sari); margin: 0 0 .35rem; }
.cv-koyu-not { color: #cbbcd6; margin: .8rem 0 0; }
.cv-koyu-panel .cetvel { background: rgba(255, 255, 255, .14); }
.cv-koyu-panel .cetvel > i { background: var(--sari); }
.dugme.cv-koyu-ikincil { background: transparent; border-color: rgba(255, 255, 255, .45); color: #fff; }
.dugme.cv-koyu-ikincil:hover { background: rgba(255, 255, 255, .1); border-color: #fff; color: #fff; }