/* =====================================================================
   Uzantıya özel domain sayfaları (/domain/com-tr …) — 2026-09-28, SEO
   Şablon: templates/verilink/pages/domain-uzanti.tpl · metinler $_LANG['vltld']
   Hero ve arama paneli domain-pages.css'ten (diğer domain sayfalarıyla aynı görünüm).
   ===================================================================== */

/* Arama: kutunun sağında sabit uzantı etiketi */
.vltd-ara-kutu { position: relative; margin-bottom: 16px; }
.vltd-ara-kutu .form-control {
    height: 52px; border-radius: 12px; border: 1px solid var(--vld-line);
    font-size: 16px; color: var(--vld-ink); box-shadow: none; padding: 0 110px 0 16px;
}
.vltd-ara-kutu .form-control:focus { border-color: var(--vld-purple); box-shadow: 0 0 0 3px rgba(69, 83, 199, .12); }
.vltd-ara-kutu .uzanti {
    position: absolute; right: 8px; top: 8px; bottom: 8px; display: flex; align-items: center;
    padding: 0 14px; border-radius: 9px; background: rgba(69, 83, 199, .08);
    color: var(--vld-purple); font-weight: 800; font-size: 15px; pointer-events: none;
}

.vltd-section { padding: 56px 0; }
.vltd-section.acik { background: var(--vld-bg); }
.vltd-head { text-align: center; max-width: 720px; margin: 40px auto 20px; }
.vltd-section > .container > .vltd-head:first-child { margin-top: 0; }
.vltd-head h2 { margin: 0 0 8px; font-size: 28px; font-weight: 800; color: var(--vld-ink); }
.vltd-head p { margin: 0; font-size: 15px; color: var(--vld-muted); }

/* Fiyat kutuları (minmax(0,1fr): dar ekranda taşma tuzağına karşı) */
.vltd-fiyatlar { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; max-width: 960px; margin: 0 auto; }
.vltd-fiyat {
    display: flex; flex-direction: column; gap: 6px; padding: 22px; border-radius: var(--vld-radius);
    background: #fff; border: 1px solid var(--vld-line); text-align: center; min-width: 0;
}
.vltd-fiyat .etiket { font-size: 12.5px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--vld-purple); }
.vltd-fiyat .tutar { font-size: 14px; color: var(--vld-muted); }
.vltd-fiyat .tutar strong { font-size: 28px; font-weight: 800; color: var(--vld-ink); }
.vltd-fiyat .not { font-size: 13px; color: var(--vld-muted); line-height: 1.5; }

/* Uzantı bilgileri */
.vltd-bilgi { max-width: 960px; margin: 32px auto 0; }
.vltd-bilgi h2 { font-size: 22px; font-weight: 800; color: var(--vld-ink); margin: 0 0 14px; text-align: center; }
.vltd-bilgi dl { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 0; }
.vltd-bilgi dl > div { padding: 16px 18px; border-radius: 12px; background: var(--vld-bg); border: 1px solid var(--vld-line); min-width: 0; }
.vltd-bilgi dt { font-size: 14.5px; font-weight: 700; color: var(--vld-ink); margin-bottom: 4px; }
.vltd-bilgi dd { margin: 0; font-size: 14px; line-height: 1.6; color: var(--vld-muted); }

/* SSS (genel .vl-faq-item stilleri style.css'ten) */
.vltd-sss { max-width: 880px; margin: 0 auto; }

/* Diğer uzantılar */
.vltd-diger { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 12px; }
.vltd-diger a {
    display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 18px 12px; border-radius: 14px;
    background: #fff; border: 1px solid var(--vld-line); text-align: center; text-decoration: none !important; min-width: 0;
}
.vltd-diger a:hover { border-color: var(--vld-purple); }
.vltd-diger i { color: var(--vld-purple); font-size: 18px; }
.vltd-diger strong { font-size: 19px; font-weight: 800; color: var(--vld-ink); }
.vltd-diger .kim { font-size: 12.5px; line-height: 1.4; color: var(--vld-muted); }
.vltd-diger .tutar { font-size: 14px; font-weight: 700; color: var(--vld-purple); }
.vltd-baglanti { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px 22px; margin-top: 24px; }
.vltd-baglanti a { font-size: 14.5px; font-weight: 700; color: var(--vld-purple); }
.vltd-baglanti i { margin-right: 6px; }

@media (max-width: 991.98px) {
    .vltd-diger { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 767.98px) {
    .vltd-section { padding: 40px 0; }
    .vltd-fiyatlar, .vltd-bilgi dl { grid-template-columns: minmax(0, 1fr); }
    .vltd-diger { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .vltd-head h2 { font-size: 23px; }
}