/*! masaüstü ekranlar //////////////////////////////////////////////////////////////////////////////////////////////////////////// */


@media (max-width: 1440px) {


  header{
    background-color: #fffff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 5%;
    margin: 2rem 7%;}

    nav a {
      margin-left: 10px; color: #505050; border-bottom: 1px solid #fff;}

      nav a:hover { margin-left:10px;color: red;border-bottom: 1px solid #c1272d}

      ul {
        list-style-type: none; /* Liste işaretlerini kaldırır */
        padding: 0; /* Varsayılan padding'i kaldırır */
        margin: 0; /* Varsayılan margin'i kaldırır */
      }

      .header-button {
        padding: 8px 18px; /* İçerik etrafında boşluk oluşturur */
        font-size: 14px; /* Yazı boyutunu belirler */
      }

      .logo form{
        flex: 2 2 20rem;
        padding: 0rem 2rem;
        width: 100%;
        text-align:center; }

   
        /* Chat pencere stili */
        .chat-window {
          width: 250px;


        }



/* Gönder butonu */
#sendMessage {

  margin-left: -50px;
}

.nav {

  font-size: 2em;
  padding: 5px;
}




}

/*! tabeletler //////////////////////////////////////////////////////////////////////////////////////////////////////////// */

@media (max-width: 1024px) {
 #navbar{
  display: none;
}


#header_sepet{

  display: none;

}


.nav {

  font-size: 1em;
  padding: 5px;
}

.main-image-container {
  position: relative;
  width: 80%;
}

.item {

 width: 100%;

}


.teklif-container {
  max-width: 100%;

}





}




/*! mobil telefonşar //////////////////////////////////////////////////////////////////////////////////////////////////////////// */



@media (max-width: 480px) {
 #navbar{
  display: none;
}

#header_sepet{

  display: none;

}

.main-image-container {
  position: relative;
  width: 100%;
}


.teklif-container {
  max-width: 100%;

}





}

/* === ÜRÜN KARTI — mobilde rozetleri görselin sol-üstüne sabitle === */
@media (max-width: 900px){
  .urun .urun-head{ position: relative; }
  .urun .urun-head a{ display:block; }
  .urun .urun-head a img{ display:block; width:100%; height:auto; }

  .urun .urun-head .ikolar{
    position: absolute !important;
    top: 8px !important;
    left: 8px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
    z-index: 5 !important;
    pointer-events: none !important; /* tıklama alttaki linke geçsin */
  }

  /* 60% genişliği iptal et, rozetleri içerik kadar yap */
  .urun .urun-head .kargo,
  .urun .urun-head .hizli{
    width: auto !important;
    max-width: calc(100% - 16px) !important;
    padding: 6px 10px !important;
    display: inline-flex !important;
    align-items: center;
    gap: 6px;
    font-size: 11px;
    line-height: 1;
    border-radius: 6px;
    background: rgba(193,39,45,.92);
    color: #fff;
    border: 1px solid rgba(255,255,255,.85);
    box-shadow: 0 2px 10px rgba(0,0,0,.12);
    white-space: nowrap;
    pointer-events: none;
  }
}