/* Üst menüdeki "Tüm Kategoriler" dropdown butonunun arka plan rengini yeşil yapar */
.ust_ek .categories_tum .dropdown {
  background-color: #28a745 !important;
}

/* Alt footer'daki telif alanının arka plan rengini yeşil yapar */
#PM_alt .pm_telif {
  background-color: #28a745 !important;
}

/* Alt bilgi alanındaki ikon satırını mobilde responsive yapar, ikonların kaybolmasını engeller */
.infoarea .row {
  width: 100% !important;
  max-width: 1400px;
  flex-wrap: wrap;
  justify-content: center !important;
  margin-right: auto !important;
  margin-left: auto !important;
  background-color: #55c474;
}

/* Her ikonu mobilde 2'li, küçük ekranda yan yana sığacak şekilde ayarlar */
.infoarea .row > * {
  flex: 1 1 150px;
  text-align: center;
}

/* Ürün detay sayfasındaki normal (KDV hariç) fiyatın rengini, boyutunu ve kalınlığını ayarlar */
#PM_urun_detayi>.icerik .urun_bilgiler .urun_detay_orta .urun_fiyat .proPriceCont .proPrice .urun_fiyati {
  color: #101010 !important;
  font-size: 20px !important;
  font-weight: 400 !important;
}

/* Fiyat kutusunu dikey hizalar ve aralarına 10px boşluk ekler */
#PM_urun_detayi>.icerik .urun_bilgiler .urun_detay_orta .urun_fiyat .proPriceCont .proPrice {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* Ürün detay sayfasındaki KDV dahil fiyatı siyah, büyük (40px) ve kalın yapar */
#PM_urun_detayi>.icerik .urun_bilgiler .urun_detay_orta .urun_fiyat .proPriceCont .proPrice .urun_kdvdahil_fiyati {
  color: #000000 !important;
  font-size: 40px !important;
  font-weight: 700 !important;
}

/* Ürün açıklama ve özellikler tablosundaki ilk sütunun (başlık sütunu) genişliğini 250px olarak sabitler */
#PM_urun_detayi>.icerik .tab_container .urun_aciklama .table tr td:first-of-type, 
#PM_urun_detayi>.icerik .tab_container .urun_ozellikler .table tr td.baslik {
  width: 250px;
}


/* Mobilde yatay kaymayı ve sağdaki beyaz boşluğu engeller */
html, body {
  overflow-x: hidden;
  max-width: 100%;
}

/* Taşan her elementi kapsama alır */
* {
  box-sizing: border-box;
}


/* Kritik stok ikonunun üzerindeki etiketi düzgün Türkçe karakterle gösterir */
.urun .ikonlar .kitik_stok_urun_ikon::before {
  content: "Kritik Stok";
}

/* Telif kısmı (en alt) arka plan */
#PM_alt .pm_telif {
  background-color: #ffffff !important;
}

/* 4 ikon alanı ile alt menü linkleri arasına boşluk bırakır */
#PM_alt .row.alt-menuler {
  margin-top: 100px;
}


/* Footer sütunları arasına boşluk ekler, dış kenarları serbest bırakır */
.row.alt-menuler > div + div {
  padding-left: 50px;
}


/* İlk sütunu diğerlerinden geniş yapar */
.row.alt-menuler > div:first-child {
  flex: 0 0 40%;
  max-width: 40%;
}

/* Kalan 3 sütunu eşit böler */
.row.alt-menuler > div:not(:first-child) {
  flex: 0 0 20%;
  max-width: 20%;
}


/* Mobilde 4 sütunu alt alta 2'li sıraya getirir */
@media (max-width: 768px) {
  .row.alt-menuler > div:first-child,
  .row.alt-menuler > div:not(:first-child) {
    flex: 0 0 100%;
    max-width: 100%;
  }
}


