#anasayfa-hakkimizda {
    background-color: var(--background-color); 
    background-image: radial-gradient(circle, rgba(0, 0, 0, 0.07) 1px, transparent 1px);
    background-size: 10px 10px; 
    overflow-x: hidden;
    margin: 3% 0 3% 0;
  }
  

/* ANA SAYFA NAV */
/*! header start  */
.header {
  background-color: rgba(0, 0, 0, 0.235) ;
  box-shadow: 0px 0px 17px -2px rgba(83, 83, 83, 0.75);
}

.header .navbar a {
  color: rgb(255, 255, 255);
  border-bottom: 0.1rem solid transparent;
}

.header .navbar .active,
.header .navbar a:hover {
  border-color: rgb(255, 255, 255);
}

.header .buttons button {
  color:white;
}

.header #cart-btn i{
  color: white ;
}


@media (max-width: 768px) {
  .header #menu-btn {
    display: inline-block;
  }

  .header .navbar {
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 20px 14px 0px rgba(0, 0, 0, 0.396); /* Daha hafif gölge */
  }
    
  .header .navbar a:active {

    color: rgb(0, 0, 0); /* Hoverda metin rengi */
  }

  .header .navbar a:hover {
    color: rgb(0, 0, 0); /* Hoverda metin rengi */
    border-bottom: 1px solid #000000; /* Menü öğeleri arasına çizgi */
  }

  .header .navbar a {
    border-bottom: 1px solid #7272726e; /* Menü öğeleri arasına çizgi */
    color: #000000;
  }
}