/* ==========================================================================
   AltunakarDesk ürün sitesi — TASARIM KATMANI (2026-10-27)

   NEDEN: Tuna: "uzak destek ile ilgili olan bütün sayfaları daha profesyonel,
   daha albenili yap." Sayfaların içeriği ve akışı aynı kaldı; bu dosya bütün
   /uzak-destek sayfalarına tek bir görsel dil getirir:
     · Gece mavisi bantlar (sayfa başlığı, güvenlik, çağrı, alt bilgi) ile açık
       içerik bölümleri arasında belirgin ritim. Renk, sitenin tema rengi
       (#072a52) ve kt- mavisinden türetildi; logodaki kehribar yalnız "bağlı"
       işaretinde kullanılır.
     · Tek yazı ailesi (Inter, büyük boyda optik "Display" kesimi), sıkı başlık
       aralığı, büyük harfli üst etiket yok.
     · Ürünün kendisi görsel: numara ile bağlantı kartı, adres defteri, onay
       penceresi. Ana sayfada fotoğraflı üç kapı.
   YÜKLEME: _ortak.php · uds_ust() içinde ud-site.css'ten SONRA tek <link>.
   KOYU TEMA: html[data-theme="dark"] — gece bantları iki temada da koyu;
   yüzeyler kt- jetonlarından (kendiliğinden döner).
   GERİ ALMA: _ortak.php'deki ud-tasarim.css <link> satırını silmek yeter
   (sayfa işaretlemesi eski CSS ile de düzgün görünür); tam geri dönüş için
   ~/Desktop/Yedekler/uzak-destek-tasarim-oncesi-20261027/canli/.
   ÖNEK: udt-  (yalnız bu katmanın yeni öğeleri)
   ========================================================================== */

body.uds {
    --udt-gece:        #061a33;
    --udt-gece-2:      #0b2a50;
    --udt-gece-cizgi:  rgba(255, 255, 255, .12);
    --udt-gece-yazi:   rgba(255, 255, 255, .74);
    --udt-gece-soluk:  rgba(255, 255, 255, .56);
    --udt-buz:         #f2f5f9;
    --udt-cizgi:       #dfe5ee;
    --udt-kehribar:    #f4b400;
    --udt-r:           16px;
    --udt-r-dugme:     10px;
    font-optical-sizing: auto;
}
html[data-theme="dark"] body.uds {
    --udt-gece:   #071427;
    --udt-gece-2: #0c2140;
    --udt-buz:    var(--kt-yuzey-2);
    --udt-cizgi:  var(--kt-cizgi);
}

/* == 1 · Yazı ============================================================= */
body.uds :is(h1, h2) { letter-spacing: -.03em; text-wrap: balance; }
body.uds h3 { letter-spacing: -.018em; }
body.uds p { text-wrap: pretty; }

/* Üst etiket: büyük harf ve harf aralığı yok; bölümün adını sakin bir renkle söyler. */
body.uds .uds-ust-yazi {
    display: inline-flex; align-items: center; gap: 10px;
    margin-bottom: 14px;
    font-size: 14.5px; font-weight: 600; letter-spacing: 0; text-transform: none;
    color: var(--kt-aksan-600);
}
body.uds .uds-ust-yazi::before { content: ""; width: 18px; height: 2px; border-radius: 2px; background: currentColor; }
html[data-theme="dark"] body.uds .uds-ust-yazi { color: var(--kt-aksan-300); }

/* == 2 · Düğmeler ========================================================= */
body.uds .kt-dugme { border-radius: var(--udt-r-dugme); min-height: 48px; font-weight: 600; }
body.uds .kt-dugme.kucuk { border-radius: 9px; min-height: 40px; }
body.uds .kt-dugme:hover { transform: none; }
body.uds .kt-dugme:not(.hat) { box-shadow: 0 1px 0 rgba(255, 255, 255, .18) inset, 0 6px 16px -8px rgba(var(--kt-aksan-rgb), .7); }
body.uds .kt-dugme:not(.hat):hover { box-shadow: 0 1px 0 rgba(255, 255, 255, .18) inset, 0 10px 22px -10px rgba(var(--kt-aksan-rgb), .85); }
body.uds .kt-dugme.hat { border-color: var(--udt-cizgi); background: var(--kt-yuzey-1); }
body.uds .kt-dugme.hat:hover { border-color: var(--kt-aksan-300); background: var(--kt-yuzey-1); color: var(--kt-aksan-700); }
html[data-theme="dark"] body.uds .kt-dugme.hat:hover { color: var(--kt-aksan-300); }

/* == 3 · Üst şerit ve başlık ============================================== */
body.uds .uds-serit { background: var(--udt-gece); }
body.uds .uds-bas { background: color-mix(in srgb, var(--kt-yuzey-1) 94%, transparent); border-bottom-color: var(--udt-cizgi); }
body.uds .uds-bas-ic { min-height: 70px; }
body.uds .uds-logo span { font-size: 19.5px; letter-spacing: -.025em; }
body.uds .uds-logo img { border-radius: 10px; box-shadow: 0 0 0 1px rgba(0, 0, 0, .06), 0 4px 10px -4px rgba(0, 0, 0, .35); }
@media (min-width: 1101px) {
    body.uds .uds-menu ul a { position: relative; padding: 10px 10px; border-radius: 0; background: none !important; color: var(--kt-murekkep); }
    body.uds .uds-menu ul a::after {
        content: ""; position: absolute; left: 10px; right: 10px; bottom: 2px; height: 2px; border-radius: 2px;
        background: var(--kt-aksan-600); transform: scaleX(0); transition: transform var(--kt-hiz);
    }
    body.uds .uds-menu ul a:hover::after { transform: scaleX(.5); }
    body.uds .uds-menu ul a[aria-current="page"] { color: var(--kt-aksan-600); }
    body.uds .uds-menu ul a[aria-current="page"]::after { transform: scaleX(1); }
    html[data-theme="dark"] body.uds .uds-menu ul a[aria-current="page"] { color: var(--kt-aksan-300); }
}
@media (prefers-reduced-motion: reduce) { body.uds .uds-menu ul a::after { transition: none; } }
body.uds .uds-tema, body.uds .uds-ac { border-color: var(--udt-cizgi); border-radius: 9px; }

/* == 4 · Alt sayfa başlığı: gece bandı ==================================== */
body.uds .uds-sayfa-bas {
    isolation: isolate;
    padding: clamp(44px, 5.5vw, 84px) 0 clamp(44px, 5vw, 76px);
    background:
        radial-gradient(760px 420px at 92% 10%, rgba(43, 122, 228, .34), transparent 70%),
        radial-gradient(520px 320px at 0% 100%, rgba(43, 122, 228, .14), transparent 70%),
        linear-gradient(165deg, var(--udt-gece) 0%, var(--udt-gece-2) 100%);
    border-bottom: 0;
    color: #fff;
}
/* İnce ızgara dokusu: yalnız sağ üstte, metnin arkasına düşmez. */
body.uds .uds-sayfa-bas::after {
    content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
    background-image: linear-gradient(rgba(255, 255, 255, .05) 1px, transparent 1px),
                      linear-gradient(90deg, rgba(255, 255, 255, .05) 1px, transparent 1px);
    background-size: 48px 48px;
    -webkit-mask-image: radial-gradient(ellipse 60% 80% at 85% 20%, #000, transparent 72%);
            mask-image: radial-gradient(ellipse 60% 80% at 85% 20%, #000, transparent 72%);
}
body.uds .uds-sayfa-bas h1 { color: #fff; font-size: clamp(32px, 4.6vw, 56px); font-weight: 700; line-height: 1.06; letter-spacing: -.035em; margin-bottom: 18px; }
body.uds .uds-sayfa-bas .uds-giris { color: var(--udt-gece-yazi); font-size: clamp(16.5px, 1.35vw, 19px); line-height: 1.6; }
body.uds .uds-sayfa-bas .uds-giris a { color: #fff; }
body.uds .uds-sayfa-bas .uds-yol, body.uds .uds-sayfa-bas .uds-yol a { color: var(--udt-gece-soluk); }
body.uds .uds-sayfa-bas .uds-yol a:hover { color: #fff; }
body.uds .uds-sayfa-bas .uds-yol li + li::before { color: rgba(255, 255, 255, .35); }
body.uds .uds-sayfa-bas .uds-yol li[aria-current] { color: rgba(255, 255, 255, .86); }
body.uds .uds-sayfa-bas .uds-etiket {
    background: rgba(255, 255, 255, .08); color: #fff;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .16);
}
body.uds .uds-sayfa-bas .uds-etiket i { color: var(--udt-kehribar); }
body.uds .uds-sayfa-metin .kt-dugme.hat,
body.uds .uds-sayfa-bas > .kt-kap > .kt-dugme-sira .kt-dugme.hat {
    background: rgba(255, 255, 255, .06); color: #fff; border-color: rgba(255, 255, 255, .3);
}
body.uds .uds-sayfa-metin .kt-dugme.hat:hover { background: rgba(255, 255, 255, .14); border-color: rgba(255, 255, 255, .55); color: #fff; }
body.uds .uds-sayfa-metin :is(p, li) a:not(.kt-dugme) { color: #fff; }
/* Formlu başlıklar (hesap oluştur, şifre sayfaları): soldaki metin açık renkli, sağdaki form kartı kendi renklerinde. */
body.uds .uds-sayfa-bas .uds-form-yan h1 { color: #fff; }
body.uds .uds-sayfa-bas .uds-form-yan :is(p, .uds-guncel) { color: var(--udt-gece-yazi); }
body.uds .uds-sayfa-bas :is(.uds-sayfa-metin, .uds-form-yan) .uds-madde b { color: #fff; }
body.uds .uds-sayfa-bas :is(.uds-sayfa-metin, .uds-form-yan) .uds-madde span { color: var(--udt-gece-yazi); }
body.uds .uds-sayfa-bas :is(.uds-sayfa-metin, .uds-form-yan) .uds-madde i { color: var(--kt-aksan-300); }
body.uds .uds-sayfa-bas .uds-form-yan a:not(.kt-dugme) { color: #fff; text-decoration-color: rgba(255, 255, 255, .45); }
body.uds .uds-sayfa-bas .uds-form { color: var(--kt-murekkep); box-shadow: 0 0 0 1px rgba(255, 255, 255, .08), 0 40px 80px -36px rgba(0, 0, 0, .7); }
body.uds .uds-sayfa-bas .uds-form :is(h2, h3, label, legend) { color: var(--kt-murekkep); }
/* Görsel: ince ışık halkası, arkadaki renkli plaka yerine derinlik gölgesi. */
body.uds .uds-sayfa-gorsel::before { display: none; }
body.uds .uds-sayfa-gorsel img {
    border-radius: 18px;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, .16), 0 40px 80px -30px rgba(0, 0, 0, .7), 0 20px 60px -30px rgba(43, 122, 228, .6);
}

/* == 5 · Bölümler ========================================================= */
body.uds .uds-bolum.gri, body.uds .kt-bolum.gri { background: var(--udt-buz); }
body.uds .kt-bolum.gri + .kt-bolum.gri,
body.uds .uds-bolum.gri + .uds-bolum.gri { border-top: 1px solid var(--udt-cizgi); }
body.uds .uds-bolum-bas h2 { font-size: clamp(27px, 3.3vw, 42px); font-weight: 700; line-height: 1.1; }
body.uds .uds-bolum-bas p { font-size: clamp(16px, 1.2vw, 18px); line-height: 1.6; }
/* Geniş ekranda başlık solda, açıklama sağda (tam genişlikli bölümlerde). */
@media (min-width: 1000px) {
    body.uds .kt-kap > .uds-bolum-bas:not(.orta) {
        max-width: none;
        display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); grid-template-rows: auto auto;
        column-gap: clamp(40px, 6vw, 96px); align-items: end;
        margin-bottom: clamp(32px, 3.6vw, 52px);
    }
    body.uds .kt-kap > .uds-bolum-bas:not(.orta) > :not(p) { grid-column: 1; }
    body.uds .kt-kap > .uds-bolum-bas:not(.orta) > .uds-ust-yazi { justify-self: start; }
    body.uds .kt-kap > .uds-bolum-bas:not(.orta) > h2 { margin-bottom: 0; max-width: 20ch; }
    body.uds .kt-kap > .uds-bolum-bas:not(.orta) > p { grid-column: 2; grid-row: 1 / span 2; align-self: end; max-width: 52ch; }
}

/* == 6 · Kartlar ========================================================== */
body.uds .uds-kart {
    padding: 26px; border-radius: var(--udt-r);
    border-color: var(--udt-cizgi); box-shadow: none;
}
body.uds a.uds-kart:hover { transform: none; border-color: var(--kt-aksan-300); box-shadow: 0 18px 40px -24px rgba(6, 26, 51, .35); }
body.uds .uds-kart-ikon,
body.uds .uds-ozet i {
    background: linear-gradient(160deg, var(--kt-aksan-50), var(--kt-aksan-100));
    box-shadow: inset 0 0 0 1px rgba(var(--kt-aksan-rgb), .14);
    color: var(--kt-aksan-600);
}
html[data-theme="dark"] body.uds :is(.uds-kart-ikon, .uds-ozet i) { color: var(--kt-aksan-300); }
body.uds .uds-kart h3 { font-size: 17.5px; font-weight: 650; }
body.uds .uds-kart p { font-size: 15px; }
body.uds .udt-uclu { grid-template-columns: repeat(3, minmax(0, 1fr)); }
@media (max-width: 900px) { body.uds .udt-uclu { grid-template-columns: 1fr; } }
body.uds .udt-sira { margin-top: 32px; }

/* Özellik özeti (ana sayfa): kutusuz, ince çizgili dört sütun. */
body.uds .uds-ozet { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0 clamp(20px, 2.6vw, 36px); }
body.uds .uds-ozet a {
    grid-template-columns: 1fr; gap: 12px;
    padding: 24px 0 26px; border: 0; border-top: 1px solid var(--udt-cizgi); border-radius: 0; background: none;
}
body.uds .uds-ozet a:hover { box-shadow: none; border-top-color: var(--kt-aksan-600); }
body.uds .uds-ozet a:hover b { color: var(--kt-aksan-600); }
html[data-theme="dark"] body.uds .uds-ozet a:hover b { color: var(--kt-aksan-300); }
body.uds .uds-ozet i { width: 42px; height: 42px; border-radius: 11px; }
body.uds .uds-ozet b { font-size: 16px; font-weight: 650; margin-bottom: 4px; letter-spacing: -.012em; transition: color var(--kt-hiz); }
body.uds .uds-ozet span { font-size: 14.5px; line-height: 1.55; }
@media (max-width: 1000px) { body.uds .uds-ozet { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 520px)  { body.uds .uds-ozet { grid-template-columns: 1fr; } body.uds .uds-ozet a { grid-template-columns: 42px 1fr; gap: 16px; padding: 18px 0; } }
body.uds .uds-tumu a { display: inline-flex; align-items: center; gap: 8px; }

/* Maddeler, pano (adres defteri) */
body.uds .uds-madde li i { color: var(--kt-aksan-600); }
body.uds .uds-pano { border-radius: 20px; border-color: var(--udt-cizgi); background: var(--kt-yuzey-1); box-shadow: 0 30px 70px -40px rgba(6, 26, 51, .45); }
body.uds .uds-defter { border-color: var(--udt-cizgi); border-radius: 12px; }
body.uds .uds-defter-satir i.on { background: #22a35a; box-shadow: 0 0 0 3px rgba(34, 163, 90, .18); }

/* == 7 · Gece bantları (güvenlik, kapanış, çağrı) ========================= */
html body.kt.uds .kt-bolum.udt-gece,
html body.kt.uds .kt-bolum.koyu.udt-gece {
    --kt-siyah: var(--udt-gece);
    --kt-ters: #fff;
    --kt-ters-sis: var(--udt-gece-yazi);
    --kt-cizgi-ters: var(--udt-gece-cizgi);
    position: relative; isolation: isolate; overflow: hidden;
    background:
        radial-gradient(700px 380px at 100% 0%, rgba(43, 122, 228, .28), transparent 70%),
        linear-gradient(165deg, var(--udt-gece), var(--udt-gece-2));
    color: #fff; border-top: 0;
}
html body.kt.uds .udt-gece :is(.kt-h2, h2, h3) { color: #fff; }
html body.kt.uds .udt-gece .kt-giris { color: var(--udt-gece-yazi); }
html body.kt.uds .udt-gece .ud-guvenlik-izgara i {
    background: rgba(255, 255, 255, .07); color: var(--kt-aksan-300);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .12);
}
html body.kt.uds .udt-gece .ud-guvenlik-izgara p { color: var(--udt-gece-yazi); }
html body.kt.uds .udt-gece .ud-guvenlik-izgara > div { border-top-color: var(--udt-gece-cizgi); }
html body.kt.uds .udt-gece .uds-tumu { margin-top: 32px; }
html body.kt.uds .udt-gece .uds-tumu a { color: #fff; }
html body.kt.uds .udt-gece .uds-tumu a i { color: var(--udt-kehribar); }
html body.kt.uds .udt-gece .kt-dugme.hat { background: rgba(255, 255, 255, .06); color: #fff; border-color: rgba(255, 255, 255, .3); }
html body.kt.uds .udt-gece .kt-dugme.hat:hover { background: rgba(255, 255, 255, .14); border-color: rgba(255, 255, 255, .55); color: #fff; }
html body.kt.uds .udt-gece a:focus-visible { outline-color: var(--kt-aksan-300); }

/* Kapanış bandı (ana sayfa son bölüm) */
html body.kt.uds .ud-kapanis.udt-gece { padding: clamp(48px, 5vw, 72px) 0; }
html body.kt.uds .ud-kapanis.udt-gece .ud-kapanis-ic .kt-h2 { color: #fff; }
html body.kt.uds .ud-kapanis.udt-gece .ud-kapanis-ic > img { box-shadow: 0 0 0 1px rgba(255, 255, 255, .14), 0 16px 30px -14px rgba(0, 0, 0, .7); }

/* Sayfa sonu çağrı bandı (uds_cagri) */
body.uds .uds-cagri {
    position: relative; isolation: isolate; overflow: hidden;
    border-radius: 22px;
    background:
        radial-gradient(520px 300px at 100% 0%, rgba(43, 122, 228, .4), transparent 70%),
        linear-gradient(165deg, var(--udt-gece), var(--udt-gece-2));
    box-shadow: 0 40px 80px -50px rgba(6, 26, 51, .8);
}
body.uds .uds-cagri::after {
    content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
    background-image: linear-gradient(rgba(255, 255, 255, .05) 1px, transparent 1px),
                      linear-gradient(90deg, rgba(255, 255, 255, .05) 1px, transparent 1px);
    background-size: 40px 40px;
    -webkit-mask-image: linear-gradient(90deg, transparent 30%, #000);
            mask-image: linear-gradient(90deg, transparent 30%, #000);
}
body.uds .uds-cagri img { box-shadow: 0 0 0 1px rgba(255, 255, 255, .14), 0 16px 30px -14px rgba(0, 0, 0, .7); }
body.uds .uds-cagri p { color: var(--udt-gece-yazi); }
body.uds .uds-cagri .kt-dugme:not(.hat) { box-shadow: 0 10px 24px -12px rgba(0, 0, 0, .6); }

/* == 8 · SSS ============================================================== */
body.uds .kt-sss details { border-color: var(--udt-cizgi); border-radius: 14px; box-shadow: none; }
body.uds .kt-sss details[open] { border-color: var(--kt-aksan-200); box-shadow: 0 18px 40px -30px rgba(6, 26, 51, .45); }
body.uds .kt-sss summary { padding: 19px 22px; font-size: 16.5px; }
body.uds .kt-sss summary::after {
    content: ""; width: 10px; height: 10px; flex: none; margin-right: 4px;
    border-right: 2px solid var(--kt-aksan-600); border-bottom: 2px solid var(--kt-aksan-600);
    transform: translateY(-3px) rotate(45deg);
}
body.uds .kt-sss details[open] summary::after { transform: translateY(2px) rotate(-135deg); }
body.uds .kt-sss p { padding: 0 22px 22px; font-size: 15.5px; }

body.uds .udt-sss { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: clamp(32px, 6vw, 96px); align-items: start; }
body.uds .udt-sss .kt-sss { max-width: none; margin: 0; }
body.uds .udt-sss-bas { position: sticky; top: 104px; }
body.uds .udt-sss-bas .kt-h2 { text-align: left; margin-bottom: 14px; }
body.uds .udt-sss-bas p { color: var(--kt-sis); font-size: 16.5px; line-height: 1.6; margin: 0 0 24px; max-width: 40ch; }
@media (max-width: 900px) { body.uds .udt-sss { grid-template-columns: 1fr; } body.uds .udt-sss-bas { position: static; } }

/* == 9 · Alt bilgi ======================================================== */
body.uds .uds-alt { background: #04122a; }
html[data-theme="dark"] body.uds .uds-alt { background: #050d1c; }
body.uds .uds-alt h2 { text-transform: none; letter-spacing: 0; font-size: 14.5px; font-weight: 650; }
body.uds .uds-alt-ust { padding: 64px 0 44px; }
body.uds .uds-alt-marka .uds-logo img { box-shadow: 0 0 0 1px rgba(255, 255, 255, .12); }

/* == 10 · Formlar ve paneller (hesap, ödeme) ============================== */
body.uds .uds-form input:not([type="checkbox"]):not([type="radio"]),
body.uds .uds-form select,
body.uds .uds-form textarea { border-radius: 10px; }
body.uds .uds-form :is(input, select, textarea):focus { border-color: var(--kt-aksan-500); box-shadow: 0 0 0 4px rgba(var(--kt-aksan-rgb), .14); outline: none; }


/* ==========================================================================
   ANA SAYFA (/uzak-destek)
   ========================================================================== */

/* -- Kahraman: yörünge görseli kalır (simsiyah zemin "çok karanlık" bulunmuştu),
      perde siyah yerine gece mavisi; film çerçevesi ve bağlantı kartı. -------- */
body.uds .ud-kahraman { background: var(--udt-gece); }
body.uds .ud-yorunge::after {
    background:
        linear-gradient(90deg, rgba(6, 26, 51, .94) 0%, rgba(6, 26, 51, .8) 32%, rgba(6, 26, 51, .34) 60%, rgba(6, 26, 51, .16) 100%),
        linear-gradient(180deg, rgba(6, 26, 51, .55) 0%, rgba(6, 26, 51, 0) 24%, rgba(6, 26, 51, 0) 66%, rgba(6, 26, 51, .94) 100%);
}
@media (max-width: 980px) {
    body.uds .ud-yorunge::after {
        background: linear-gradient(180deg, rgba(6, 26, 51, .62) 0%, rgba(6, 26, 51, .42) 45%, rgba(6, 26, 51, .16) 62%, rgba(6, 26, 51, .6) 80%, rgba(6, 26, 51, .94) 100%);
    }
}
body.uds .ud-kahraman h1 { font-weight: 700; letter-spacing: -.04em; }
body.uds .ud-ana-dugme { border-radius: 14px; }
body.uds .ud-film { border-radius: 18px; box-shadow: 0 0 0 1px rgba(255, 255, 255, .16), 0 50px 100px -30px rgba(0, 0, 0, .85), 0 24px 80px -24px rgba(43, 122, 228, .65); }
body.uds .ud-ray { border-top-color: rgba(255, 255, 255, .12); }
body.uds .ud-ray i { color: var(--udt-kehribar); }

/* -- Üç kapı: fotoğraflı ---------------------------------------------------- */
.udt-kapilar { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(16px, 2vw, 26px); }
.udt-kapi {
    position: relative; display: flex; flex-direction: column; overflow: hidden;
    border-radius: 20px; background: var(--kt-yuzey-1); border: 1px solid var(--udt-cizgi);
    color: inherit; text-decoration: none;
    transition: border-color var(--kt-hiz), box-shadow var(--kt-hiz);
}
.udt-kapi:hover { border-color: var(--kt-aksan-300); box-shadow: 0 30px 60px -36px rgba(6, 26, 51, .5); text-decoration: none; }
.udt-kapi picture { display: block; aspect-ratio: 16 / 10; overflow: hidden; background: var(--udt-buz); }
.udt-kapi img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .6s cubic-bezier(.2, .7, .2, 1); }
.udt-kapi:hover img { transform: scale(1.035); }
@media (prefers-reduced-motion: reduce) { .udt-kapi img { transition: none; } .udt-kapi:hover img { transform: none; } }
.udt-kapi-metin { position: relative; display: flex; flex-direction: column; flex: 1; padding: 34px 26px 26px; }
/* Simge rozeti fotoğrafın alt kenarına biner. */
.udt-kapi > .udt-kapi-ikon {
    display: grid; place-items: center; position: relative; z-index: 1;
    width: 52px; height: 52px; margin: -26px 0 0 22px; border-radius: 14px;
    background: var(--kt-yuzey-1); color: var(--kt-aksan-600); font-size: 20px;
    box-shadow: 0 0 0 1px var(--udt-cizgi), 0 12px 24px -12px rgba(6, 26, 51, .45);
}
html[data-theme="dark"] .udt-kapi > .udt-kapi-ikon { color: var(--kt-aksan-300); }
.udt-kapi > .udt-kapi-ikon + .udt-kapi-metin { padding-top: 16px; }
.udt-kapi h3 { margin: 0 0 10px; font-size: 20px; font-weight: 680; letter-spacing: -.02em; color: var(--kt-murekkep); }
.udt-kapi p { margin: 0 0 20px; font-size: 15px; line-height: 1.6; color: var(--kt-sis); }
.udt-kapi-bag { margin-top: auto; display: inline-flex; align-items: center; gap: 8px; font-size: 15px; font-weight: 650; color: var(--kt-aksan-600); }
html[data-theme="dark"] .udt-kapi-bag { color: var(--kt-aksan-300); }
.udt-kapi-bag i { transition: transform var(--kt-hiz); }
.udt-kapi:hover .udt-kapi-bag i { transform: translateX(3px); }
@media (max-width: 900px) {
    .udt-kapilar { grid-template-columns: 1fr; }
    .udt-kapi picture { aspect-ratio: 16 / 8; }
}
/* Dik tablet: fotoğraf solda, metin sağda (tek sütunda fotoğraflar çok yer kaplamasın). */
@media (min-width: 600px) and (max-width: 900px) {
    .udt-kapi { display: grid; grid-template-columns: minmax(0, 38%) minmax(0, 1fr); grid-template-rows: auto 1fr; }
    .udt-kapi picture { grid-row: 1 / span 2; aspect-ratio: auto; height: 100%; }
    .udt-kapi > .udt-kapi-ikon { margin: 24px 0 0 26px; }
    .udt-kapi > .udt-kapi-ikon + .udt-kapi-metin { padding-top: 14px; }
}

/* -- Kurulum rehberi: video + kurulum desteği kartı; yazılı adımlar katlanır --- */
.udt-rehber-ust { display: grid; grid-template-columns: minmax(0, 1fr) minmax(260px, 320px); gap: clamp(20px, 3vw, 40px); align-items: start; }
.udt-rehber-ust > .uds-video-film, .udt-rehber-ust > figure { margin-top: 0; margin-bottom: 0; max-width: none; }
.udt-rehber-ust > .ud-kurulum-video-not { grid-column: 1; margin: -8px 0 0; }
.udt-rehber-yardim {
    grid-column: 2; grid-row: 1 / span 2;
    display: flex; flex-direction: column; gap: 12px;
    padding: 26px; border-radius: 18px;
    background: var(--udt-buz); border: 1px solid var(--udt-cizgi);
}
.udt-rehber-yardim-ikon { display: grid; place-items: center; width: 46px; height: 46px; border-radius: 13px; background: linear-gradient(160deg, #0a5ecb, #072a52); color: #fff; font-size: 18px; }
.udt-rehber-yardim h3 { margin: 6px 0 0; font-size: 19px; font-weight: 680; color: var(--kt-murekkep); }
.udt-rehber-yardim p { margin: 0 0 6px; font-size: 14.5px; line-height: 1.6; color: var(--kt-sis); }
.udt-rehber-yardim .kt-dugme { width: 100%; }
@media (max-width: 1000px) {
    .udt-rehber-ust { grid-template-columns: 1fr; }
    .udt-rehber-yardim { grid-column: 1; grid-row: auto; }
}
/* Katlanır yazılı adımlar (ana sayfa) */
.udt-adim-katlan { margin-top: clamp(20px, 2.4vw, 32px); }
.udt-adim-katlan > summary {
    display: flex; align-items: center; justify-content: space-between; gap: 16px;
    min-height: 62px; padding: 0 22px; cursor: pointer; list-style: none;
    border-radius: 14px; border: 1px solid var(--udt-cizgi); background: var(--kt-yuzey-1);
    font-size: 16.5px; font-weight: 650; color: var(--kt-murekkep);
    transition: border-color var(--kt-hiz);
}
.udt-adim-katlan > summary::-webkit-details-marker { display: none; }
.udt-adim-katlan > summary:hover { border-color: var(--kt-aksan-300); }
.udt-adim-katlan > summary span { min-width: 0; }
.udt-adim-katlan > summary small { margin-left: auto; font-size: 14px; font-weight: 500; color: var(--kt-sis); white-space: nowrap; }
.udt-adim-katlan > summary::after {
    content: ""; width: 10px; height: 10px; flex: none;
    border-right: 2px solid var(--kt-aksan-600); border-bottom: 2px solid var(--kt-aksan-600);
    transform: translateY(-3px) rotate(45deg); transition: transform var(--kt-hiz);
}
.udt-adim-katlan[open] > summary::after { transform: translateY(2px) rotate(-135deg); }
.udt-adim-katlan[open] > summary { border-color: var(--kt-aksan-200); }
.udt-adim-katlan > .ud-adimlar { margin-top: 8px; }
body.uds #kurulum .ud-ekran { border-radius: 14px; }

/* -- Altunakar'dan destek: adımlar + destek hattı kartı -------------------- */
.udt-destek { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(360px, .95fr); gap: clamp(32px, 5vw, 72px); align-items: start; } /* 2026-10-30: form kartı için sağ sütun genişledi (eski 1.35fr / 300px .65fr) */
.udt-destek .uds-bolum-bas { max-width: 640px; }
.udt-destek .ud-uc { grid-template-columns: 1fr; gap: 0; margin-top: 8px; }
.udt-destek .ud-uc li {
    display: grid; grid-template-columns: 64px minmax(0, 1fr); column-gap: 8px;
    padding: 22px 0; border-top: 1px solid var(--udt-cizgi);
}
.udt-destek .ud-uc li:first-child { border-top-color: var(--udt-cizgi); }
.udt-destek .ud-uc-no { grid-row: span 2; margin: 0; font-size: 44px; font-weight: 300; line-height: .9; }
.udt-destek .ud-uc h3 { margin-bottom: 6px; font-size: 19px; }
.udt-destek .ud-uc p { max-width: 58ch; }
.udt-hat {
    position: sticky; top: 104px;
    display: flex; flex-direction: column; gap: 14px;
    padding: 30px; border-radius: 22px; color: #fff; overflow: hidden; isolation: isolate;
    background:
        radial-gradient(360px 240px at 100% 0%, rgba(43, 122, 228, .45), transparent 70%),
        linear-gradient(165deg, var(--udt-gece), var(--udt-gece-2));
    box-shadow: 0 40px 70px -40px rgba(6, 26, 51, .9);
}
.udt-hat-ikon { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 14px; background: rgba(255, 255, 255, .08); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .14); color: var(--udt-kehribar); font-size: 19px; }
.udt-hat h3 { margin: 6px 0 0; font-size: 22px; font-weight: 700; color: #fff; }
.udt-hat p { margin: 0; color: var(--udt-gece-yazi); font-size: 15px; line-height: 1.6; }
.udt-hat-tel {
    display: flex; align-items: center; justify-content: center; gap: 12px; min-height: 58px; margin-top: 8px;
    border-radius: 12px; background: #fff; color: var(--udt-gece) !important; text-decoration: none;
    font-size: 21px; font-weight: 700; letter-spacing: -.01em; font-variant-numeric: tabular-nums;
    transition: background var(--kt-hiz);
}
.udt-hat-tel:hover { background: var(--kt-aksan-50); text-decoration: none; }
.udt-hat-tel i { font-size: 17px; color: var(--kt-aksan-600); }
html body.kt.uds .udt-hat .kt-dugme.hat { width: 100%; background: rgba(255, 255, 255, .06); color: #fff; border-color: rgba(255, 255, 255, .3); }
html body.kt.uds .udt-hat .kt-dugme.hat:hover { background: rgba(255, 255, 255, .14); border-color: rgba(255, 255, 255, .55); }
.udt-hat-madde { list-style: none; margin: 8px 0 0; padding: 16px 0 0; border-top: 1px solid var(--udt-gece-cizgi); display: grid; gap: 10px; font-size: 14.5px; color: var(--udt-gece-yazi); }
.udt-hat-madde li { display: flex; gap: 10px; align-items: baseline; }
.udt-hat-madde i { color: #4ade80; font-size: 13px; }
.udt-hat a:focus-visible { outline: 2px solid var(--kt-aksan-300); outline-offset: 3px; }
@media (max-width: 900px) { .udt-destek { grid-template-columns: 1fr; } .udt-hat { position: static; } }
@media (max-width: 480px) { .udt-destek .ud-uc li { grid-template-columns: 48px minmax(0, 1fr); } .udt-destek .ud-uc-no { font-size: 36px; } }

/* -- Kişisel kullanım bölümü ------------------------------------------------ */
body.uds #hesap .uds-yan { gap: clamp(32px, 6vw, 96px); }

@media (max-width: 620px) {
    body.uds .uds-sayfa-bas h1 { font-size: clamp(30px, 8.4vw, 40px); }
    body.uds .udt-hat { padding: 24px; }
}

/* Çağrı bandında ikincil düğme: gece zemininde saydam (yukarıdaki .kt-dugme.hat yüzeyini ezer). */
body.uds .uds-cagri .kt-dugme.hat { background: rgba(255, 255, 255, .06); border-color: rgba(255, 255, 255, .4); color: #fff !important; }
body.uds .uds-cagri .kt-dugme.hat:hover { background: rgba(255, 255, 255, .14); border-color: rgba(255, 255, 255, .6); }

/* Küçük başlıklar: büyük harf yerine cümle düzeni (içindekiler, fiyat grupları, hesap paneli). */
body.uds :is(.uds-icindekiler b, .uds-fiyat-grup-bas b, .uds-hesap-stat span) { text-transform: none; letter-spacing: 0; font-size: 14px; }
body.uds .uds-hesap-tablo th { text-transform: none; letter-spacing: 0; font-size: 13px; }
/* Gece bandı ile alt bilgi art arda gelirse (formlu kısa sayfalar) ince bir ayraç. */
body.uds .uds-alt { border-top: 1px solid rgba(255, 255, 255, .07); }
body.uds :is(.uds-fiyat-rozet, .uds-karsilastirma tr.grup th) { text-transform: none; letter-spacing: 0; }

/* == 11 · Fiyatlandırma (yalnız görünüm; fiyatlandirma.php işaretlemesi ve v2 video satırları aynı) == */
/* Kart maddelerinde sayı ve ad tek satırda: "3 kullanıcı" (uds-madde'nin blok <b>'si burada satır içi). */
body.uds .uds-fiyat-kart .uds-madde b { display: inline; font-weight: 700; color: var(--kt-murekkep); }
body.uds .uds-fiyat-kart .uds-madde li { align-items: baseline; }
/* Yarım sütundaki adımlar (deneme ve satın alma süreci yan yana): dikey dizi. */
body.uds .uds-yan .ud-uc { grid-template-columns: 1fr; gap: 0; margin-top: 18px; }
body.uds .uds-yan .ud-uc li { display: grid; grid-template-columns: 56px minmax(0, 1fr); column-gap: 6px; padding: 18px 0; border-top: 1px solid var(--udt-cizgi); }
body.uds .uds-yan .ud-uc li:first-child { border-top-color: var(--kt-aksan-600); }
body.uds .uds-yan .ud-uc-no { grid-row: span 2; margin: 0; font-size: 38px; font-weight: 300; line-height: .95; }
body.uds .uds-yan .ud-uc h3 { margin-bottom: 4px; font-size: 18px; }
body.uds .uds-yan .ud-uc p { max-width: none; }
body.uds .uds-yan .uds-madde + .kt-dugme-sira { margin-top: 28px; }
/* Başlığı solda duran bölümlerde SSS listesi de sola hizalı. */
body.uds .kt-kap > .uds-bolum-bas:not(.orta) + .kt-sss { margin-left: 0; }
body.uds .uds-yan:has(.ud-uc) { align-items: start; }


/* ==========================================================================
   2026-10-30 · UZAK DESTEK TALEP FORMU (#destek, uzak-destek.php + _destek.php)
   Eski destek hattı kartının (.udt-hat) gece mavisi zemininde form; gönderim
   sonrası aynı kartta "Şimdi ne yapmalısınız?". Kart artık uzun olduğu için
   yapışkan değil. GERİ ALMA: bu bloğu sil + .udt-destek sütun oranını eski hâline al.
   ========================================================================== */
.udt-talep { position: relative; top: auto; gap: 18px; }
.udt-talep-bas { display: flex; gap: 14px; align-items: flex-start; }
.udt-talep-bas h3 { margin: 2px 0 4px; }
.udt-talep-bas p { font-size: 14.5px; }
.udt-talep-hata { display: flex; gap: 10px; align-items: flex-start; padding: 12px 14px; border-radius: 12px;
    background: rgba(248, 113, 113, .12); border: 1px solid rgba(248, 113, 113, .45); color: #fecaca; font-size: 14px; line-height: 1.5; }
.udt-talep-form { display: grid; gap: 14px; }
.udt-iki { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.udt-alan { display: grid; gap: 6px; margin: 0; }
.udt-alan label, .udt-konu legend { font-size: 13.5px; font-weight: 600; color: #fff; margin: 0; }
.udt-alan em { font-style: normal; font-weight: 500; color: var(--udt-gece-soluk); margin-left: 4px; }
.udt-alan input, .udt-alan textarea {
    width: 100%; min-height: 46px; padding: 11px 14px; border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, .18); background: rgba(255, 255, 255, .06);
    color: #fff; font: inherit; font-size: 15px; transition: border-color var(--kt-hiz), background var(--kt-hiz), box-shadow var(--kt-hiz); }
.udt-alan textarea { min-height: 72px; resize: vertical; }
.udt-alan input::placeholder, .udt-alan textarea::placeholder { color: rgba(255, 255, 255, .38); }
.udt-alan input:focus, .udt-alan textarea:focus { outline: none; border-color: var(--kt-aksan-400); background: rgba(255, 255, 255, .09); box-shadow: 0 0 0 4px rgba(var(--kt-aksan-rgb), .3); }
.udt-alan.hatali input, .udt-alan.hatali textarea { border-color: #f87171; }
.udt-numara { font-variant-numeric: tabular-nums; letter-spacing: .06em; font-size: 17px !important; font-weight: 600; }
.udt-alan small { font-size: 12.5px; color: var(--udt-gece-soluk); line-height: 1.45; }
.udt-konu { border: 0; margin: 0; padding: 0; min-width: 0; }
.udt-konu legend { margin-bottom: 8px; float: none; width: auto; padding: 0; }
.udt-konu.hatali legend { color: #fca5a5; }
.udt-konu-sec { display: flex; flex-wrap: wrap; gap: 8px; }
.udt-konu-sec label { position: relative; margin: 0; }
.udt-konu-sec input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.udt-konu-sec span { display: inline-flex; align-items: center; gap: 7px; padding: 8px 13px; border-radius: 100px;
    border: 1px solid rgba(255, 255, 255, .18); font-size: 13.5px; color: rgba(255, 255, 255, .82); cursor: pointer;
    transition: background var(--kt-hiz), color var(--kt-hiz), border-color var(--kt-hiz); }
.udt-konu-sec span i { font-size: 12px; color: var(--kt-aksan-300); }
.udt-konu-sec span:hover { border-color: rgba(255, 255, 255, .4); }
.udt-konu-sec input:checked + span { background: #fff; color: var(--udt-gece); border-color: #fff; font-weight: 600; }
.udt-konu-sec input:checked + span i { color: var(--kt-aksan-600); }
.udt-konu-sec input:focus-visible + span { outline: 2px solid var(--kt-aksan-300); outline-offset: 2px; }
.udt-onay { display: grid; grid-template-columns: 20px 1fr; gap: 10px; font-size: 13px; line-height: 1.5; color: var(--udt-gece-yazi); margin: 0; }
.udt-onay input { width: 17px; height: 17px; margin: 2px 0 0; accent-color: var(--kt-aksan-500); }
.udt-onay a { color: var(--kt-aksan-300); }
.udt-onay.hatali span { color: #fca5a5; }
html body.kt.uds .udt-gonder { width: 100%; min-height: 54px; font-size: 16px; }
.udt-talep-alt { padding-top: 14px; border-top: 1px solid var(--udt-gece-cizgi); font-size: 14px; color: var(--udt-gece-yazi); text-align: center; line-height: 1.7; }
.udt-talep-alt a { color: #fff; font-weight: 600; text-decoration: none; white-space: nowrap; }
.udt-talep-alt a:hover { text-decoration: underline; }
.udt-talep-alt i { margin-right: 5px; }
.udt-talep-alt .fa-whatsapp { color: #4ade80; }
/* gönderim sonrası */
.udt-tamam-ikon { display: grid; place-items: center; width: 56px; height: 56px; border-radius: 50%; background: rgba(74, 222, 128, .14);
    color: #4ade80; font-size: 24px; box-shadow: inset 0 0 0 1px rgba(74, 222, 128, .35); }
.udt-talep h3#udtTamamBaslik { margin: 0 0 6px; }
.udt-talep-no { display: inline-block; margin-top: 2px; padding: 3px 10px; border-radius: 8px; background: rgba(255, 255, 255, .08);
    font-variant-numeric: tabular-nums; font-weight: 700; color: #fff; letter-spacing: .03em; }
.udt-talep p b { color: #fff; }
.udt-simdi { padding: 16px 18px; border-radius: 14px; background: rgba(255, 255, 255, .05); border: 1px solid var(--udt-gece-cizgi); }
.udt-simdi > b { display: block; margin-bottom: 10px; color: #fff; font-size: 14.5px; }
.udt-simdi ol { margin: 0; padding: 0; list-style: none; display: grid; gap: 10px; counter-reset: udts; }
.udt-simdi li { display: grid; grid-template-columns: 26px 1fr; gap: 10px; font-size: 14.5px; line-height: 1.45; color: var(--udt-gece-yazi); counter-increment: udts; }
.udt-simdi li::before { content: counter(udts); display: grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; background: var(--kt-aksan-500); color: #fff; font-size: 13px; font-weight: 700; }
.udt-simdi li strong { color: #fff; }
@media (max-width: 640px) { .udt-iki { grid-template-columns: 1fr; } }

/* -- Uzaktan destek hizmet satışı (2026-10-30) ------------------------------
   Destek bölümünde mesai satırı + hizmet alanları; ödeme sayfasında alan hatası. */
.udt-mesai { display: flex; gap: 10px; align-items: baseline; max-width: 640px; margin: 18px 0 0; padding: 12px 14px;
    border: 1px solid var(--udt-cizgi); border-radius: 12px; background: var(--kt-yuzey-1); color: var(--kt-murekkep); font-size: 14px; line-height: 1.5; }
.udt-mesai i { color: var(--kt-aksan-600); }
.udt-alanlar { margin-top: clamp(40px, 6vw, 64px); }
.udt-alanlar h3 { margin: 0 0 18px; font-size: 20px; }
.udt-alanlar ul { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 12px; margin: 0; padding: 0; list-style: none; }
.udt-alanlar li { display: grid; grid-template-columns: 40px minmax(0, 1fr); gap: 12px; align-items: start; padding: 16px;
    border: 1px solid var(--udt-cizgi); border-radius: var(--udt-r); background: var(--kt-yuzey-1); }
.udt-alanlar li > i { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 11px;
    background: var(--kt-aksan-50); color: var(--kt-aksan-600); font-size: 16px; }
.udt-alanlar h4 { margin: 0 0 4px; font-size: 15.5px; font-weight: 650; color: var(--kt-murekkep); }
.udt-alanlar p { margin: 0; font-size: 13.5px; line-height: 1.5; color: var(--kt-sis); }
.uds-alan.hatali input, .uds-alan.hatali textarea { border-color: #dc2626; }
.uds-onay.hatali span { color: #b91c1c; }

/* ==========================================================================
   2026-10-30 · ANA SAYFA SADE DÜZEN (uzak-destek.php; Tuna "1. seçeneği yap")
   Kişisel kullanım bölümünde uydurma adres defteri çizimi yerine programın gerçek
   penceresi (img/altunakardesk/ud-pencere). Kurulum rehberi (#kurulum) indirince
   açılır: js/ud-site.js sonu. Geri alma: ~/Desktop/Yedekler/uzak-destek-sade-ve-menu-oncesi-20261030/
   ========================================================================== */
body.uds .udt-gercek-pencere { margin: 0; padding: 0; background: none; border: 0; box-shadow: none; }
body.uds .udt-gercek-pencere img {
    display: block; width: 100%; height: auto; border-radius: var(--kt-r-l, 14px);
    box-shadow: 0 0 0 1px var(--udt-cizgi, rgba(0, 0, 0, .08)), 0 30px 80px -40px rgba(10, 30, 70, .45);
}