/* DNS Tech Company alan adi vitrini (/domain/pricing, 12 Kas 2026). Taban: dnsb-sayfa.css (dd bilesenleri). Burada yalniz da- bilesenleri. */
.da { --da-tr: #c8102e; }
.da :where(ul, ol, dl, dd, p, h1, h2, h3) { margin: 0; padding: 0; }
.da :where(ul, ol) { list-style: none; }

/* Ust bant: arama kutusu */
.da-ara { position: relative; display: flex; align-items: center; gap: 8px; margin-top: 26px; max-width: 620px; padding: 8px; border-radius: 14px;
  background: #fff; box-shadow: 0 18px 40px rgba(4, 16, 28, .28); }
.da-ara__ikon { flex: none; width: 36px; text-align: center; color: var(--dd-soluk); font-size: 17px; }
.da-ara input[type="text"] { flex: 1; min-width: 0; height: 46px; border: 0; outline: 0; background: transparent; font: inherit; font-size: 17px; font-weight: 600; color: var(--dd-baslik); }
.da-ara input[type="text"]::placeholder { color: #8aa0b2; font-weight: 500; }
.da-ara__dugme { flex: none; min-height: 46px; }
.da-ara:focus-within { box-shadow: 0 0 0 3px var(--dd-sicak), 0 18px 40px rgba(4, 16, 28, .28); }
.da-transfer { margin-top: 18px !important; font-size: 14px; }
.da-transfer a { color: #9fd0ff; font-weight: 600; text-decoration: none; }
.da-transfer a:hover, .da-transfer a:focus { color: #fff; text-decoration: underline; }
.da-transfer i { margin-right: 6px; }

/* Ust bant: ornek sonuc paneli */
.da-sonuc { display: grid; gap: 8px; margin-top: 16px !important; }
.da-sonuc li { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; align-items: center; gap: 12px; padding: 11px 14px; border-radius: 10px; background: var(--dd-zemin); font-size: 14px; }
.da-sonuc__ad { color: var(--dd-soluk); font-family: Menlo, Consolas, monospace; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.da-sonuc__ad b { color: var(--dd-baslik); }
.da-sonuc__fiyat { font-weight: 800; color: var(--dd-baslik); }
.da-sonuc__durum { display: inline-flex; align-items: center; gap: 6px; font-size: 12.5px; font-weight: 700; }
.da-sonuc .is-uygun .da-sonuc__durum { color: var(--dd-yesil); }
.da-sonuc .is-alinmis { opacity: .75; }
.da-sonuc .is-alinmis .da-sonuc__durum { color: #b42318; }

/* Uzanti kartlari */
.da-kartlar { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }
.da-kart { position: relative; display: flex; flex-direction: column; padding: 24px 20px 20px; background: #fff; border: 1px solid var(--dd-cizgi); border-radius: var(--dd-k);
  box-shadow: var(--dd-golge); transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease; }
.da-kart:hover { transform: translateY(-2px); box-shadow: var(--dd-golge-3); border-color: #b9cfe2; }
.da-kart[hidden] { display: none; }
.da-kart--one { border-color: var(--dd-mavi); box-shadow: 0 0 0 1px var(--dd-mavi), var(--dd-golge); }
.da-kart__rozet { position: absolute; top: -11px; left: 20px; padding: 3px 10px; border-radius: 999px; background: var(--dd-mavi); color: #fff; font-size: 11.5px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.da-kart__rozet--new { background: var(--da-tr); }
.da-kart__rozet--sale { background: var(--dd-sicak); color: var(--dd-lacivert); }
.da-kart__rozet--satir { position: static; margin-left: 8px; vertical-align: middle; font-size: 10.5px; }
.da .da-kart__ext { font-size: 26px; font-weight: 800; letter-spacing: -.02em; color: var(--dd-baslik); line-height: 1.15; word-break: break-word; }
.da-kart__aciklama { margin-top: 6px !important; min-height: 2.9em; font-size: 13.5px; line-height: 1.45; color: var(--dd-soluk); }
.da-kart__fiyat { margin-top: 16px !important; display: flex; align-items: baseline; flex-wrap: wrap; gap: 6px; }
.da-kart__fiyat strong { font-size: 24px; font-weight: 800; color: var(--dd-baslik); letter-spacing: -.01em; }
.da-kart__fiyat span { font-size: 13px; color: var(--dd-soluk); }
.da-kart__satir { display: grid; gap: 4px; margin-top: 12px !important; padding-top: 12px; border-top: 1px dashed var(--dd-cizgi); font-size: 13.5px; }
.da-kart__satir > div { display: flex; justify-content: space-between; gap: 8px; }
.da-kart__satir dt { font-weight: 500; color: var(--dd-soluk); }
.da-kart__satir dd { font-weight: 700; color: var(--dd-baslik); text-align: right; }
.da .is-ucretsiz { color: var(--dd-yesil) !important; font-weight: 700; }
.da-kart__not { margin-top: 10px !important; font-size: 12.5px; font-weight: 600; color: var(--dd-yesil); }
.da-kart__not i { margin-right: 4px; }
.da-kart__al { margin-top: auto; width: 100%; }
.da-kart__satir, .da-kart__not { margin-bottom: 16px !important; }
.da-kart__satir + .da-kart__not { margin-top: -6px !important; }

/* .tr bolumu */
.da-tr { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 40px; align-items: center; padding: 40px; border-radius: var(--dd-k);
  background: linear-gradient(135deg, #fff 0%, #fff6f6 100%); border: 1px solid #f3d6d9; }
.da-tr__metin .dd-koruma__ikon { background: var(--da-tr); margin-bottom: 16px; }
.da .da-tr h2 { font-size: clamp(24px, 1.2vw + 18px, 32px); line-height: 1.25; font-weight: 800; }
.da-tr__metin p { margin-top: 12px !important; color: var(--dd-metin); }
.da-tr__liste { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.da-tr__liste a { display: flex; justify-content: space-between; align-items: center; gap: 8px; padding: 14px 16px; border-radius: 12px; background: #fff;
  border: 1px solid var(--dd-cizgi); color: var(--dd-baslik); text-decoration: none; transition: border-color .15s ease, box-shadow .15s ease; }
.da-tr__liste a:hover, .da-tr__liste a:focus { border-color: var(--da-tr); box-shadow: var(--dd-golge); }
.da-tr__liste b { font-size: 17px; font-weight: 800; }
.da-tr__liste span { font-size: 14px; font-weight: 700; color: var(--dd-soluk); }

/* Nasil calisir: dort adim tek satir */
.da .dd-adimlar { grid-template-columns: repeat(4, minmax(0, 1fr)); }

/* Tema sayfa basindaki baslik ust bantta tekrar ediyor; kirinti kalir (magaza sayfalari gibi). */
body:has(#dnsb-alanadi) .dnsb-sayfa-basi__baslik { display: none; }

/* Tablo */
.da-tablo td, .da-tablo th { white-space: nowrap; }
.da-tablo tbody th { color: var(--dd-baslik); font-weight: 800; font-size: 15px; }
.da-tablo .dd-tablo__grup th { text-align: left; background: var(--dd-zemin); color: var(--dd-baslik); font-size: 13px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.da-tablo .dd-tablo__grup th span { margin-left: 8px; text-transform: none; letter-spacing: 0; font-weight: 500; color: var(--dd-soluk); }

.da .dd-son__not a { color: #9fd0ff; }

@media (max-width: 1199px) {
  .da-kartlar { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 991px) {
  .da-kartlar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .da .dd-adimlar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .da-tr { grid-template-columns: minmax(0, 1fr); padding: 28px; gap: 24px; }
}
@media (max-width: 767px) {
  .da-ara { flex-wrap: wrap; padding: 8px; }
  .da-ara__ikon { display: none; }
  .da-ara input[type="text"] { flex-basis: 100%; padding: 0 8px; }
  .da-ara__dugme { width: 100%; }
  .da-kartlar { grid-template-columns: minmax(0, 1fr); }
  .da .dd-adimlar { grid-template-columns: minmax(0, 1fr); }
  .da-kart__aciklama { min-height: 0; }
  .da-tr__liste { grid-template-columns: minmax(0, 1fr); }
  .da-sonuc li { grid-template-columns: minmax(0, 1fr) auto; }
  .da-sonuc__fiyat { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  .da-kart, .da-tr__liste a { transition: none; }
  .da-kart:hover { transform: none; }
}