/* "Completá el look" en el carrito — Qiara. Mismo estilo que complete-look.css */
.cart-look {
  margin: 8px 0 32px;
  padding: 20px 16px;
  border: 1px solid #000;
  background: #fff;
  color: #000;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.cart-look, .cart-look * { box-sizing: border-box; }
/* Vacía hasta que el JS la arma */
.cart-look:empty { display: none; }

.cart-look .cl-title {
  margin: 0 0 4px;
  font-family: inherit;
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .04em;
}
.cart-look .cl-subtitle { margin: 0 0 16px; font-size: 14px; }

.cart-look .cl-items {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.cart-look .cl-item { display: flex; flex-direction: column; gap: 6px; min-width: 0; }

.cart-look .cl-img { position: relative; display: block; }
.cart-look .cl-img img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;
  object-fit: cover;
}
.cart-look .cl-offer {
  position: absolute;
  top: 4px;
  left: 4px;
  padding: 2px 6px;
  background: #29f064;
  color: #000;
  font-size: 11px;
  font-weight: 700;
}

.cart-look .cl-name {
  color: inherit;
  font-size: 13px;
  line-height: 1.25;
  text-decoration: none;
}
.cart-look .cl-prices { display: flex; flex-wrap: wrap; gap: 0 6px; align-items: baseline; }
.cart-look .cl-price { font-weight: 700; font-size: 14px; }
.cart-look .cl-compare { font-size: 12px; opacity: .5; }

.cart-look .cl-add {
  margin-top: auto;
  padding: 10px 4px;
  border: 1px solid #000;
  background: #000;
  color: #fff;
  font-family: inherit;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .04em;
  cursor: pointer;
}
.cart-look .cl-add:disabled { opacity: .5; cursor: default; }

.cart-look .cl-error { margin-top: 12px; color: #c00; font-size: 13px; }