/* Tienda — listado, ficha, carrito, checkout */

/* Layout 2 cols con sidebar de filtros */
.cc-shop { display: grid; gap: 22px; grid-template-columns: 1fr; }
@media (min-width: 900px) { .cc-shop { grid-template-columns: 240px 1fr; gap: 30px; } }
.cc-shop__filters { background: #fff; border-radius: var(--cc-radius); padding: 18px; box-shadow: var(--cc-shadow); }
.cc-shop__filters h3 { font-size: .9rem; text-transform: uppercase; letter-spacing: .08em; color: var(--cc-text-2); }
.cc-shop__filters ul li a { display: block; padding: 6px 0; color: var(--cc-text); }
.cc-shop__filters ul li.is-active a { color: var(--cc-cta); font-weight: 600; }

/* Toolbar */
.cc-shop__toolbar {
  display: flex; flex-wrap: wrap; gap: 10px; align-items: center; justify-content: space-between;
  margin-bottom: 14px;
}
.cc-shop__count { color: var(--cc-text-2); font-size: .9rem; }
.cc-shop__sort select { padding: 8px 12px; border-radius: 999px; border: 1px solid var(--cc-border); background: #fff; }

/* Product card */
.cc-card {
  position: relative; background: #fff; border-radius: var(--cc-radius);
  overflow: hidden; display: flex; flex-direction: column;
  box-shadow: var(--cc-shadow); transition: transform .15s, box-shadow .2s;
}
.cc-card:hover { transform: translateY(-3px); box-shadow: var(--cc-shadow-h); }
.cc-card__img { position: relative; display: block; aspect-ratio: 1/1; background: var(--cc-bg); overflow: hidden; }
.cc-card__img img { width: 100%; height: 100%; object-fit: cover; transition: transform .3s; }
.cc-card:hover .cc-card__img img { transform: scale(1.03); }
.cc-card__body { padding: 14px; display: flex; flex-direction: column; gap: 8px; flex: 1; }
.cc-card__brand { font-size: .75rem; text-transform: uppercase; letter-spacing: .06em; color: var(--cc-text-2); margin: 0; }
.cc-card__title { font-size: .95rem; margin: 0; line-height: 1.3; min-height: 2.4em; }
.cc-card__title a { color: var(--cc-text); }
.cc-card__title a:hover { color: var(--cc-cta); }
.cc-card__price { font-size: 1.05rem; font-weight: 700; margin: 0; display: flex; gap: 8px; align-items: baseline; }
.cc-price__now { color: var(--cc-text); }
.cc-price__old { color: var(--cc-text-mut); text-decoration: line-through; font-weight: 400; font-size: .9rem; }

.cc-card__fav {
  position: absolute; top: 8px; right: 8px; z-index: 2;
  background: rgba(255,255,255,.92); border: 0; width: 36px; height: 36px;
  border-radius: 999px; font-size: 1.1rem; box-shadow: var(--cc-shadow);
}
.cc-card__fav.is-fav { background: var(--cc-cta); color: #fff; }

.cc-tag {
  position: absolute; top: 8px; left: 8px;
  background: var(--cc-cta); color: #fff; font-size: .7rem;
  padding: 4px 10px; border-radius: 999px; font-weight: 700; letter-spacing: .04em;
}
.cc-tag--agotado { background: var(--cc-text-2); top: auto; bottom: 8px; left: 8px; }

/* Single producto */
.cc-product { display: grid; gap: 26px; grid-template-columns: 1fr; }
@media (min-width: 900px) { .cc-product { grid-template-columns: 1.05fr .95fr; gap: 40px; } }
.cc-product__gallery .cc-product__main {
  border-radius: var(--cc-radius); overflow: hidden; background: #fff; box-shadow: var(--cc-shadow);
  aspect-ratio: 1/1;
}
.cc-product__main img { width: 100%; height: 100%; object-fit: cover; }
.cc-product__thumbs { display: flex; gap: 8px; margin-top: 10px; flex-wrap: wrap; }
.cc-product__thumbs img { width: 60px; height: 60px; object-fit: cover; border-radius: 8px; border: 1px solid var(--cc-border); cursor: pointer; }

.cc-product__info h1 { font-size: 1.7rem; }
.cc-product__brand { color: var(--cc-text-2); font-size: .9rem; text-transform: uppercase; letter-spacing: .06em; }
.cc-product__price { font-size: 1.8rem; font-weight: 700; margin: 14px 0; display: flex; gap: 12px; align-items: baseline; flex-wrap: wrap; }
.cc-product__price .cc-price__old { font-size: 1.1rem; }
.cc-product__desc { color: var(--cc-text); }
.cc-product__qty { display: inline-flex; align-items: center; gap: 8px; margin-right: 12px; }
.cc-product__qty button {
  width: 36px; height: 36px; border-radius: 999px; border: 1px solid var(--cc-border); background: #fff; font-size: 1.1rem;
}
.cc-product__qty input {
  width: 56px; text-align: center; padding: 8px 4px; border-radius: 8px; border: 1px solid var(--cc-border);
}
.cc-product__actions { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin: 18px 0; }
.cc-product__meta { color: var(--cc-text-2); font-size: .9rem; margin-top: 14px; }
.cc-product__meta a { color: var(--cc-cta); }

/* Carrito */
.cc-cart { display: grid; gap: 22px; grid-template-columns: 1fr; }
@media (min-width: 900px) { .cc-cart { grid-template-columns: 1.6fr .9fr; gap: 30px; } }
.cc-cart__items { background: #fff; border-radius: var(--cc-radius); padding: 14px; box-shadow: var(--cc-shadow); }
.cc-cart__item {
  display: grid; grid-template-columns: 70px 1fr auto; gap: 12px; align-items: center;
  padding: 12px 4px; border-bottom: 1px solid var(--cc-border);
}
.cc-cart__item:last-child { border-bottom: 0; }
.cc-cart__item img { width: 70px; height: 70px; border-radius: 10px; object-fit: cover; }
.cc-cart__item h4 { margin: 0; font-size: .95rem; }
.cc-cart__item .cc-price__now { font-weight: 700; }
.cc-cart__item .cc-product__qty { margin: 6px 0 0; }

.cc-cart__summary { background: #fff; border-radius: var(--cc-radius); padding: 18px; box-shadow: var(--cc-shadow); height: fit-content; }
.cc-cart__summary h3 { margin-top: 0; }
.cc-cart__summary dl { display: grid; grid-template-columns: 1fr auto; gap: 6px 16px; margin: 12px 0; }
.cc-cart__summary dt { color: var(--cc-text-2); }
.cc-cart__summary dd { margin: 0; text-align: right; font-weight: 500; }
.cc-cart__summary .cc-total { font-size: 1.2rem; font-weight: 700; }
.cc-cart__progress { margin: 14px 0; }
.cc-cart__progress .bar { height: 8px; background: var(--cc-bg); border-radius: 999px; overflow: hidden; }
.cc-cart__progress .bar > span { display: block; height: 100%; background: var(--cc-cta); transition: width .3s; }
.cc-cart__progress p { font-size: .85rem; color: var(--cc-text-2); margin: 6px 0 0; }
.cc-cart__empty { text-align: center; padding: 40px 20px; }

/* Checkout */
.cc-checkout { display: grid; gap: 22px; grid-template-columns: 1fr; }
@media (min-width: 900px) { .cc-checkout { grid-template-columns: 1.4fr 1fr; gap: 30px; } }
.cc-checkout__form, .cc-checkout__resumen { background: #fff; padding: 22px; border-radius: var(--cc-radius); box-shadow: var(--cc-shadow); }

/* Confirmación */
.cc-confirm { background: #fff; padding: 30px; border-radius: var(--cc-radius); box-shadow: var(--cc-shadow); text-align: center; }
.cc-confirm__alias { background: var(--cc-bg); padding: 18px; border-radius: var(--cc-radius-s); margin: 16px 0; font-size: 1.1rem; font-weight: 700; }

/* Quiero vender */
.cc-mayorista { background: #fff; padding: 24px; border-radius: var(--cc-radius); box-shadow: var(--cc-shadow); max-width: 680px; margin: 0 auto; }

/* Login panel */
.cc-panel-login { max-width: 380px; margin: 60px auto; background: #fff; padding: 30px; border-radius: var(--cc-radius); box-shadow: var(--cc-shadow); }