/*Sadece Telefonla Sipariş, Kıyaslama Listene Ekle, Favorilere Ekle, Fiyat Düşünce Haber Ver
Butonlarının Rengini Değiştirir.*/


.urun_ekstra_butonlar ul li,
.urun_taglari ul li {
  display: inline-block;
  padding: 4px 10px;
  margin: 3px 6px;
  border-radius: 6px;
  font-size: 14px;
  color: white;
  font-weight: 600;
  cursor: pointer;
  user-select: none;
  transition: background-color 0.3s ease;
}

/* 1. pembe */
.urun_ekstra_butonlar ul li:nth-child(1),
.urun_taglari ul li:nth-child(1) {
  background-color: #00d1a8;
}

/* 2. turuncu */
.urun_ekstra_butonlar ul li:nth-child(2),
.urun_taglari ul li:nth-child(2) {
  background-color: #fdff84;
}

/* 3. mor */
.urun_ekstra_butonlar ul li:nth-child(3),
.urun_taglari ul li:nth-child(3) {
  background-color: #e198ff;
}

/* 4. mavi */
.urun_ekstra_butonlar ul li:nth-child(4),
.urun_taglari ul li:nth-child(4) {
  background-color: #76c8ff;
}

/* 5. yeşil */
.urun_ekstra_butonlar ul li:nth-child(5),
.urun_taglari ul li:nth-child(5) {
  background-color: #27AE60;
}

/* Hover */
.urun_ekstra_butonlar ul li:hover,
.urun_taglari ul li:hover {
  filter: brightness(1.1);
}






/* Sadece ürün tagları için tek tip background color yapar */

.urun_taglari ul li {
  background-color: #efefef !important; /* İstediğin tek tip renk */
  color: white; /* Yazı rengini kontrast için beyaz yapalım */
  transition: background-color 0.3s ease;
}

/* İstersen hover efekti */
.urun_taglari ul li:hover {
  background-color: #999999 !important; /* Biraz açık pembe ton hover için */
  cursor: pointer;
}

/* İstediğiniz kodu buraya yazın, bu kod Tüm Özellikleri görüntüleyin butonuna aittir.  */

#specsFullList {
  display: inline-block;
  padding: 8px 18px;
  background: linear-gradient(45deg, #FB1462, #FF6B8A);
  color: white;
  font-weight: 600;
  font-size: 0.95rem;
  border-radius: 24px;
  text-decoration: none;
  box-shadow: 0 3px 10px rgba(251, 20, 98, 0.5);
  transition: background 0.3s ease, transform 0.2s ease;
  user-select: none;
}

#specsFullList:hover {
  background: linear-gradient(45deg, #FF6B8A, #FB1462);
  transform: scale(1.05);
  box-shadow: 0 5px 15px rgba(251, 20, 98, 0.7);
  cursor: pointer;
}

#specsFullList:active {
  transform: scale(0.95);
}