/* Satici sayfalari. Tablo bicimi tools.css'ten geliyor. */

.sa-basi { margin-bottom: 18px; }

.sa-marka {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
}

.sa-logo {
  height: 34px;
  width: auto;
  max-width: 150px;
  object-fit: contain;
}

.sa-basi h1 { margin: 0; }

.sa-blok { margin-bottom: 26px; }

.sa-blok-basi {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 9px;
}

.sa-blok-basi h2 {
  margin: 0;
  font-size: 1.15rem;
  font-weight: 700;
}

.sa-rozetler { display: flex; flex-wrap: wrap; gap: 6px; }

.sa-rozet {
  display: inline-block;
  padding: 2px 9px 3px;
  border-radius: var(--r-tam);
  font-size: .7rem;
  font-weight: 700;
}

.sa-rozet--ucuz {
  background: rgba(58, 208, 125, .13);
  color: var(--ucuz-green);
  box-shadow: inset 0 0 0 1px rgba(58, 208, 125, .3);
}

.sa-rozet--yuksek {
  background: rgba(242, 88, 94, .12);
  color: var(--ucuz-red);
  box-shadow: inset 0 0 0 1px rgba(242, 88, 94, .3);
}

.sa-rozet--not {
  background: var(--ucuz-yukselti);
  color: var(--ucuz-sonuk);
  box-shadow: inset 0 0 0 1px var(--ucuz-border);
}

.sa-tablo { width: 100%; }
.sa-tablo td, .sa-tablo th { vertical-align: middle; }
.sa-tablo .num { font-variant-numeric: tabular-nums; white-space: nowrap; }

.sa-sunucu { font-weight: 600; white-space: nowrap; }

.sa-fiyat {
  font-family: var(--yt-sayi);
  font-weight: 600;
  color: var(--ucuz-metin2);
}

.sa-en-iyi { color: var(--ucuz-gold); font-weight: 700; }

.sa-rakip { font-size: .8rem; color: var(--ucuz-sonuk); line-height: 1.2; }

.sa-rakip-fiyat {
  display: block;
  font-family: var(--yt-sayi);
  font-size: .7rem;
  color: var(--ucuz-sonuk2);
}

.sa-bu-site {
  font-weight: 700;
  font-size: .72rem;
  color: var(--ucuz-gold);
}

.sa-dipnot {
  margin: 9px 0 0;
  font-size: .74rem;
  color: var(--ucuz-sonuk2);
}

.sa-bos {
  padding: 24px 16px;
  text-align: center;
  font-size: .88rem;
  color: var(--ucuz-sonuk);
  border: 1px dashed var(--ucuz-border);
  border-radius: var(--r-lg);
  margin-bottom: 20px;
}

.sa-liste { display: flex; flex-wrap: wrap; gap: 6px; }

.sa-bag {
  padding: 3px 11px 4px;
  border: 1px solid var(--ucuz-border);
  border-radius: var(--r-tam);
  background: var(--ucuz-panel);
  color: var(--ucuz-metin2);
  font-size: .78rem;
  font-weight: 600;
  text-decoration: none;
}

.sa-bag:hover {
  border-color: var(--ucuz-gold-cizgi);
  background: var(--ucuz-gold-zayif);
  color: var(--ucuz-gold);
}

.sa-dis { margin-top: 14px; }

.sa-dis-bag {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 7px 16px;
  border-radius: var(--r-tam);
  border: 1px solid var(--ucuz-border-guc);
  background: var(--ucuz-yukselti);
  color: var(--ucuz-metin);
  font-size: .84rem;
  font-weight: 600;
  text-decoration: none;
}

.sa-dis-bag:hover { color: var(--ucuz-gold); border-color: var(--ucuz-gold-cizgi); }

@media (max-width: 575.98px) {
  .sa-basi h1 { font-size: 1.4rem; }
  .sa-logo { height: 28px; }
  .sa-rakip { font-size: .72rem; }
}