/* ================= TOP MENU ================= */
.top-menu{
  background:#111;
  font-size:13px;
}

.top-menu a{
  color:#fff;
  margin-left:20px;
  text-decoration:none;
}

/* ================= HEADER ================= */
.header-main{
  background:#fff;
  border-bottom:1px solid #e5e5e5;

  position:relative;
  z-index:99999; /* 🔥 her şeyin üstünde */
}

/* ================= LOGO ================= */
.logo-img{
  height:99px;
}

/* ================= SEARCH ================= */
.search-box{
  background:#f1f1f1;
  border-radius:30px;
}

.search-box input{
  border:none;
  background:transparent;
  padding:10px;
  outline:none;
}

.search-btn{
  color:#555;
}

/* ================= ICONS ================= */
.header-icons .nav-icon{
  margin-left:18px;
  font-size:15px;
  display:flex;
  align-items:center;
  gap:6px;
  color:#111;
  text-decoration:none;
}

.header-icons i{
  font-size:18px;
}

/* ================= USER AVATAR ================= */
.user-avatar{
  width:28px;
  height:28px;
  border-radius:50%;
  object-fit:cover;
}

/* ================= DROPDOWN FIX ================= */
.dropdown-menu{
  z-index:100000 !important;
}

/* ================= CATEGORY BAR ================= */
.category-bar{
  background:#fff;
  border-bottom:1px solid #e5e5e5;

  position:relative;
  z-index:5; /* header'ın altında */
}

/* ================= DESKTOP ================= */
@media (min-width:992px){
  .desktop{
    display:flex !important;
  }

  .mobile{
    display:none !important;
  }
}

/* ================= MOBILE ================= */
.desktop{
  display:none;
}

.mobile{
  display:flex;
}

/* ================= FLOATING WHATSAPP ================= */
.whatsapp-float{
  position:fixed;
  right:20px;
  bottom:20px;
  width:56px;
  height:56px;

  background:#25d366;
  color:#fff;
  border-radius:50%;

  display:flex;
  align-items:center;
  justify-content:center;

  font-size:28px;
  box-shadow:0 10px 25px rgba(0,0,0,.25);
  z-index:9999;

  transition:all .25s ease;
  text-decoration:none;
}

.whatsapp-float:hover{
  transform:scale(1.08);
  box-shadow:0 14px 30px rgba(0,0,0,.35);
}

/* ================= MOBILE WHATSAPP ================= */
@media (max-width:768px){
  .whatsapp-float{
    bottom:80px;
    right:16px;
  }
}

/* ================= ÜRÜN ETKİLEŞİM ================= */
.urun-etkilesim .nav-pills .nav-link{
  border-radius:12px;
  padding:10px 16px;
  background:#f3f4f6;
  color:#111;
}

.urun-etkilesim .nav-pills .nav-link.active{
  background:#111;
  color:#fff;
}