/* =========================
   CART PAGE
========================= */

.cart-page {

  background: #eef1f5 !important;
  color: #111827 !important;

}


/* Ana kutu */

.cart-page .checkout-container {

  max-width: 1340px;

  margin: 40px auto;

  padding: 0 20px;

  display: flex;

  gap: 30px;

}



/* Sol alan */

.cart-page .checkout-main {

  flex: 2;

  background: #fff;

  padding: 35px;

  border-radius: 24px;

  box-shadow: 0 15px 40px rgba(0, 0, 0, .08);

}



/* Sağ alan */

.cart-page .checkout-sidebar {

  flex: 1;

  background: #fff;

  padding: 30px;

  border-radius: 24px;

  box-shadow: 0 15px 40px rgba(0, 0, 0, .08);

  height: max-content;

}



/* Adımlar */

.cart-page .checkout-steps-boxes {

  display: flex;

  gap: 15px;

  margin-bottom: 30px;

}


.cart-page .step-box {

  flex: 1;

  background: #fdfdfd;

  border: 1px solid #eaeaea;

  border-radius: 12px;

  padding: 20px;

  text-align: center;

  color: #888;

  font-size: 14px;

  font-weight: 600;

}


.cart-page .step-num {

  width: 32px;

  height: 32px;

  line-height: 32px;

  margin: auto auto 8px;

  background: #eaeaea;

  color: #666;

  border-radius: 50%;

}


.cart-page .step-box.active {

  background: #111827;

  color: #fff;

}



/* Tablo */

.cart-page .cart-table {

  width: 100%;

  border-collapse: collapse;

  background: #fff;

}



.cart-page .cart-table th {

  padding: 16px;

  background: #111827;

  color: #fff;

  text-align: left;

}



.cart-page .cart-table td {

  padding: 18px 16px;

  border-bottom: 1px solid #eee;

  color: #333;

}



/* Adet */

.cart-page .cart-quantity {

  display: flex;

  align-items: center;

  gap: 10px;

}



.cart-page .qty-number {

  font-weight: bold;

}



/* Özet */

.cart-page .summary-header {

  background: #111827;

  color: #fff;

  padding: 20px;

  border-radius: 12px 12px 0 0;

  font-weight: bold;

}



.cart-page .summary-body {

  padding: 20px;

}



.cart-page .feature {

  display: flex;

  justify-content: space-between;

  margin-bottom: 12px;

  color: #555;

}



.cart-page .price-line {

  display: flex;

  justify-content: space-between;

  padding: 15px 20px;

  border-top: 1px solid #eee;

}



.cart-page .total-line {

  display: flex;

  justify-content: space-between;

  padding: 20px;

  background: #f8fafc;

  font-size: 22px;

  font-weight: bold;

}



/* Buton */

.cart-page .checkout-button {

  display: block;

  width: 100%;

  margin-top: 20px;

  padding: 15px;

  background: #111827;

  color: #fff;

  text-align: center;

  border-radius: 10px;

  text-decoration: none;

}



/* Mobil */

@media(max-width:900px) {

  .cart-page .checkout-container {

    flex-direction: column;

  }

}