@charset "UTF-8";
/* CSS Document */
.menu-container {
    display: flex;
}

.menu-item {
    cursor: pointer;
    margin-right: 10px;
}

.content {
    display: none;
	margin:12px;
}
.content span{
	font-size:20px;
	margin:3px;
	padding:3px;
   
}
.stok{
	font-size:10px;
	margin:3px;
	padding:3px;
   
}
.checkbox-container {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.checkbox-label {
    margin-left: 2px;
    font-size: 13px;
    cursor: pointer;
}

.checkbox-input {
    width: 20px;
    height: 20px;
    appearance: none;
    background-color: #fff;
    border: 2px solid #333;
    border-radius: 50%; /* Yuvarlak hale getir */
    cursor: pointer;
    position: relative; /* ::before için pozisyon belirleyici */
}

.checkbox-input:checked {
    background-color: #64b483; /* Seçiliyken arka plan rengi */
    border-color: #64b483; /* Seçiliyken kenar rengi */
}

/* Seçildiğinde iç daire */
.checkbox-input:checked::before {
    content: "";
    position: absolute;
    top: 3px;
    left: 3px;
    width: 14px;
    height: 14px;
    background-color: #fff;
    border-radius: 50%; /* İç daireyi yuvarlak yap */
}

.checkbox-input:hover {
    background-color: #ccc;
    border-color: #555;
}

.checkbox-input:disabled {
    background-color: #ccc; /* Arkaplan rengi */
    border-color: #ccc; /* Kenar rengi */
    cursor: not-allowed; /* İşaretçi */
}

.checkbox-input:disabled + .checkbox-label {
    color: #ccc; /* Yazı rengi */
}

.content ul {
    list-style: none; /* Noktalama işaretlerini kaldırır */
    padding: 0;
    margin: 0;
}

.content li {
    display: inline-block; /* Öğeleri yan yana gösterir */
    margin-right: 3px; /* Öğeler arasında boşluk bırakır */
}

.content li:first-child {
    margin-left: 0;
}

.eskifiyat {
	color: #999;
	text-decoration: line-through;
}
.adet-input {
  width: 50px;
  text-align: center;
  font-size: 16px;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 5px 10px;
  margin: 0 5px;
  box-sizing: border-box;
}

.arttir, .azalt {
  cursor: pointer;
  font-size: 18px;
  font-weight: bold;
  padding: 0 5px;
  border: 1px solid #ccc;
  border-radius: 4px;
  background-color: #f8f9fa;
  color: #495057;
}

.arttir:hover, .azalt:hover {
  background-color: #e2e6ea;
}

.adetinput-grup {
  display: flex;
  align-items: center;
}
.time-box {
    border: 2px solid #333;
    padding: 1px;
    margin: 2px;
    border-radius: 5px;
    text-align: center;
    background-color:#F2F2F2;
    display: inline-block; /* Veya flex kullanabilirsiniz */
    /* Sağlam bir temel genişlik tanımlayın */
    min-width: 65px;
}

.label {
    display: block;
    font-size: 12px;
    margin-top: 5px;
}
.cizgi{
border-right: 1px solid #bababa;
border-bottom: 1px solid #bababa;
border-top: 1px solid #bababa;
border-left: 1px solid #bababa;
}

/* Küçük cihazlar için stil tanımları (genellikle mobil cihazlar) */
@media only screen and (max-width: 768px) {
    .ec-single-sales-countdown {
        /* Flex container olarak ayarlayın */
        display: flex;
        justify-content: center; /* İçerik merkeze hizalansın */
        flex-wrap: wrap; /* Elemanlar sığmazsa alt satıra geçsin */
    }

    /* Mobil cihazlarda her .time-box'ın esneklik ayarını yapın */
    .time-box {
        /* Flex item olarak ayarlayın ve esneklik kazandırın */
        flex: 1 1 auto;
        margin: 2px; /* Daha az boşluk için margin'i azaltın */
    }
  /* Firefox için */
input[type='number'] {
  -moz-appearance: textfield;
}

/* Chrome, Safari ve Edge için */
input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}