/* ===== BODY ===== */

body{

  background:#111;

  color:#ccc;

  font-family:'Cormorant Garamond', serif;

  min-height:100vh;

  overflow-x:hidden;

  margin:0;

  padding:0;
}

/* ===== CONTENEDOR ===== */

.cart-container{

  width:95%;

  max-width:1000px;

  margin:auto;

  padding:60px 40px;
}

/* ===== SUBTITLE ===== */

.cart-subtitle{

  margin-top:15px;

  margin-bottom:45px;

  color:#666;

  font-family:'Inconsolata', monospace;

  letter-spacing:2px;
}

/* ===== ITEMS ===== */

.cart-item{

  display:flex;

  align-items:center;

  gap:25px;

  background:rgba(10,10,10,0.75);

  border:1px solid rgba(255,255,255,0.08);

  padding:20px;

  margin-bottom:20px;

  transition:0.3s;
}

.cart-item:hover{

  border-color:#5a0000;

  transform:translateY(-2px);
}

/* ===== IMAGEN ===== */

.cart-item img{

  width:140px;

  height:90px;

  object-fit:cover;

  display:block;

  filter:
    grayscale(100%)
    contrast(120%)
    brightness(0.8);
}

/* ===== INFO ===== */

.cart-info{

  flex:1;
}

.cart-info h3{

  margin-bottom:10px;

  color:#bbb;

  font-weight:400;
}

.cart-info p{

  color:#777;

  font-family:'Inconsolata', monospace;
}

/* ===== BOTONES ===== */

.remove-btn,
.checkout-btn,
.add-cart{

  display:flex;

  align-items:center;

  justify-content:center;

  min-height:52px;

  padding:14px 22px;

  border:1px solid rgba(255,255,255,0.08);

  background:rgba(255,255,255,0.03);

  color:#888;

  text-decoration:none;

  font-family:'Inconsolata', monospace;

  letter-spacing:2px;

  font-size:0.85rem;

  cursor:pointer;

  transition:
    0.25s ease,
    transform 0.12s ease;

  appearance:none;

  -webkit-appearance:none;

  outline:none;

  box-shadow:none;
}

/* ===== HOVER ===== */

.remove-btn:hover,
.checkout-btn:hover,
.add-cart:hover{

  color:#ddd;

  border-color:#5a0000;

  background:rgba(90,0,0,0.12);

  transform:translateY(-2px);
}

/* ===== CLICK ===== */

.remove-btn:active,
.checkout-btn:active,
.add-cart:active{

  transform:scale(0.96);

  background:rgba(90,0,0,0.22);

  border-color:#7a0000;
}

/* ===== TOTAL ===== */

.cart-total{

  margin-top:40px;

  text-align:right;

  font-size:1.4rem;

  color:#bbb;
}

/* ===== CHECKOUT ===== */

.checkout-btn{

  width:100%;

  margin-top:30px;

  padding:18px;
}

/* ===== CARRITO VACÍO ===== */

.empty-cart{

  text-align:center;

  padding:60px 20px;

  color:#666;

  border:1px dashed rgba(255,255,255,0.08);

  font-family:'Inconsolata', monospace;
}

/* ===== VOLVER ===== */

.back-link{

  display:inline-block;

  margin-bottom:35px;

  color:#666 !important;

  text-decoration:none;

  font-family:'Inconsolata', monospace;

  letter-spacing:2px;

  transition:0.3s;
}

.back-link:hover{

  color:#aaa !important;

  transform:translateX(-3px);
}

/* ===== RESPONSIVE ===== */

@media(max-width:768px){

  .cart-item{

    flex-direction:column;

    align-items:flex-start;
  }

  .cart-item img{

    width:100%;

    height:220px;
  }

  .cart-total{

    text-align:left;
  }

  .cart-container{

    padding:40px 20px;
  }

}