.mobil{visibility: hidden;}
.web{visibility: visible;}
.resimler{margin-top:-290px !important;}
.madein{position:absolute;width:100px;margin-top:30px;margin-left:-130px !important;}
/* Masaüstü Sekmeler */
  .tabs {
    display: flex;
    margin-bottom: 0;
  }
  .tabsol
  {
    border-top-left-radius: 10px;
  }
  .tabsag
  {
    border-top-right-radius: 10px;
  }
  .tabs button {
    flex: 1;
    padding: 10px 15px;
    border: none;
    background: #F3F3F3;
    cursor: pointer;
	font-family: Quicksand, sans-serif;
    font-size:16px;
	font-weight: 700;
	height:70px;
  }
  .tabs button.active {
    background: #DEF7FF;
    border-bottom: 5px solid #008DD2;
  }
 
  .tab-content {
   margin:auto;
   border-top: none;
   padding: 20px;
   border:1px solid  lightgray;
   border-radius: 0 0 10px 10px;
  }

  .tabicerik
  {
  font-family: Quicksand, sans-serif;
   font-size:16px;
   font-weight:500 !important;
   color:black;
  }
 
  
  .tabicerikm
  {
  font-family: Quicksand, sans-serif;
   font-size:14px;
   font-weight:500 !important;
  }

  
  .tab-pane {display: none;}
  .tab-pane.active { display: block; }
  .tab-pane p {
    font-family: Quicksand, sans-serif;
   font-size:16px;
   font-weight:500 !important;
   color:black;
}

  /* Mobil Akordeon */
  .accordion .accordion-item {
    display: none; /* Başlangıçta gizli, mobilde media query ile gösterilecek */
    border: 1px solid #ddd;
    border-radius: 10px;
    margin-bottom: 10px;
  }
  .accordion .accordion-header {
    padding: 10px 15px;
    background: #f8f8f8;
    cursor: pointer;
    font-weight: 600;
  }
  .accordion .accordion-body {
    display: none;
    padding: 10px 15px;
    background: #fff;
  }
  .accordion .accordion-body.active {
    display: block;
  }

  /* Responsive ayarlar */
  @media (max-width: 768px) {
  .ozellikdiv{width:100%;margin-top:7px;margin-left:0px !important;}
  .mobilfiyat{text-align:center;}
    .tabs { display: none; }       /* Mobilde sekmeler gizle */
    .accordion .accordion-item { display: block; } /* Accordion göster */
	.tab-pane.active { display: none; }
	.tabweb{display:none;}
	.madein{position:absolute;width:70px;margin-top:20px;margin-left:-90px !important;}
  }
  
    @media (max-width: 991px) {
	.madein{position:absolute;width:50px;margin-top:20px;margin-left:-70px !important;}
  }

  @media (min-width: 769px) {
    .accordion { display: none; } /* Masaüstünde accordion gizle */
  }
  
  /* Büyük fotoğraf */
  .main-image {
    width: 100%;
    object-fit: contain;
    border: 1px solid #ccc;
    border-radius: 10px;
    margin-bottom: 10px;
  }

  /* Küçük fotoğraflar */
  .thumbnails {
    display: flex;
    gap: 10px;
    overflow-x: auto; /* mobilde kaydırma */
    padding-bottom: 0px;
	padding-top: 15px;
  }
  .thumbnails::-webkit-scrollbar { display: none; } /* scrollbar gizle */
  .thumbnails img {
    flex: 0 0 auto; /* mobilde flex shrink olmasın */
    width: 100px;
    height: 100px;
    object-fit: cover;
    border: 2px solid transparent;
    border-radius: 5px;
    cursor: pointer;
    transition: border 0.2s;
  }
  .thumbnails img.active {
    border-color: #008DD2;
  }

  /* Masaüstü için küçük resimleri ortala */
  @media(min-width: 769px) {
    .thumbnails {
      justify-content: center;
    }
  }
  
  .popup {
  display: none;
  position: fixed;
  top: 0; left: 0; right:0; bottom:0;
  background: rgba(0,0,0,0.8);
  justify-content: center;
  align-items: center;
  z-index: 9999;
}
.popup img {
  max-width: 90%;
  max-height: 90%;
  border-radius: 10px;
  transition: transform 0.3s ease;
}