/* Sayfa düzeni */
.sepetim-container {
  width: 100% !important;
  padding: 40px 20px !important;
  box-sizing: border-box !important;
}

.sepetim-row {
   display: flex !important;
  flex-wrap: wrap !important;
  gap: 20px !important;
  align-items: flex-start;

  /* Ortalamak için eklenenler */
  max-width: 1400px !important; /* veya 1000px, 960px vs. */
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Sol ve sağ alanlar */
.sepetim-left {
  flex: 1 1 65% !important;
}

.sepetim-right {
  flex: 1 1 30% !important;
}

/* Başlıklar */
.sepetim-title,
.sepetim-summary-title {
  font-size: 1.9rem !important;
  margin-bottom: 20px !important;
  font-weight: bold !important;
}

/* Ürün kartı */
.sepetim-card {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  background-color: #fff !important;
  border: 1px solid #dee2e6 !important;
  border-radius: 8px !important;
  padding: 16px !important;
  margin-bottom: 6px !important;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.05) !important;
}

/* Ürün görseli */
.sepetim-image {
  width: 80px !important;
  height: 80px !important;
  object-fit: cover !important;
  border-radius: 4px !important;
}

/* Ürün bilgisi */
.sepetim-info {
  flex-grow: 1 !important;
  margin-left: 16px !important;
}

.sepetim-info h5 {
  font-size: 1.8rem !important;
  margin-bottom: 4px !important;
}

.sepetim-info small {
  color: #6c757d !important;
}

/* Adet sayacı */
.sepetim-quantity {
  display: flex !important;
  align-items: center !important;
  margin-right: 16px !important;
}

.sepetim-quantity-btn {
  width: 28px !important;
  height: 28px !important;
  font-size: 1.8rem !important;
  padding: 0 !important;
  text-align: center !important;
  border: 1px solid #ced4da !important;
  background-color: #fff !important;
  color: #212529 !important;
  border-radius: 4px !important;
  cursor: pointer !important;
  transition: background-color 0.2s ease !important;
}

.sepetim-quantity-btn:hover {
  background-color: #e9ecef !important;
}

.sepetim-quantity-count {
  margin: 0 8px !important;
  font-weight: bold !important;
  font-size: 1.8rem;
}

/* Fiyat */
.sepetim-price {
  font-weight: bold !important;
  font-size: 1.8rem !important;
  margin-right: 16px !important;
}

/* Silme ikonu */
.sepetim-delete {
  color: #dc3545 !important;
  background: none !important;
  border: none !important;
  font-size: 1.8rem !important;
  cursor: pointer !important;
  transition: color 0.2s ease !important;
}

.sepetim-delete:hover {
  color: #a71d2a !important;
}

/* Sipariş özeti */
.sepetim-summary {
  background-color: #f8f9fa !important;
  border: 1px solid #dee2e6 !important;
  border-radius: 8px !important;
  padding: 24px !important;
}

.sepetim-summary-list {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.sepetim-summary-list li {
  display: flex !important;
  justify-content: space-between !important;
  padding: 8px 0 !important;
  border-bottom: 1px solid #dee2e6 !important;
  font-size: 1.6rem;
}

.sepetim-summary-list li:last-child {
  border-bottom: none !important;
  font-size: 1.5rem;
}

.sepetim-total {
  font-size: 1.8rem !important;
  font-weight: bold !important;
  margin-bottom: 10px;
}

/* Siparişi tamamla butonu */
.sepetim-button {
  margin-top: 20px !important;
  width: 100% !important;
  padding: 12px !important;
  font-size: 1.8rem !important;
  background-color: #198754 !important;
  color: #fff !important;
  border: none !important;
  border-radius: 4px !important;
  cursor: pointer !important;
  transition: background-color 0.2s ease !important;
  white-space: nowrap;

}


.sepetim-button:hover {
  background-color: #157347 !important;
}

.alisveris-button {
  margin-top: 20px !important;
  width: 100% !important;
  padding: 6px !important;
  font-size: 1.8rem !important;
  background-color: #19875400 !important;
  color: #05a086 !important;
  border-radius: 4px !important;
  cursor: pointer !important;
  border:  2px solid #056969 !important;
  flex-wrap: wrap!important;
  text-align: center;
  white-space: nowrap;

}

.alisveris-button:hover {
  margin-top: 20px !important;
  width: 100% !important;
  padding: 6px !important;
  font-size: 1.8rem !important;
  background-color: #056969 !important;
  color: #f6f5f5 !important;
  border-radius: 4px !important;
  cursor: pointer !important;
  border:  2px solid #056969 !important;;
}