/* ===== COOLECTION · Carrito de compra ===== */
:root{ --cart-ink:#0e1117; --cart-ink2:#141925; --cart-ember:#2ea35f; --cart-ember-soft:#79d2a0; --cart-paper:#f5f2ec; --cart-line:rgba(255,255,255,.14); }

.cart-fab{position:fixed;right:22px;bottom:22px;z-index:80;width:60px;height:60px;border-radius:50%;border:0;cursor:pointer;
  background:var(--ember,var(--cart-ember));color:#1a0f08;display:flex;align-items:center;justify-content:center;
  box-shadow:0 16px 40px -10px rgba(46,163,95,.65);transition:.25s}
.cart-fab:hover{transform:translateY(-3px) scale(1.04)}
.cart-fab svg{width:25px;height:25px}
.cart-fab .cart-count{position:absolute;top:-4px;right:-4px;min-width:23px;height:23px;padding:0 6px;border-radius:50px;
  background:var(--cart-ink);color:#fff;font:700 12px/23px 'Manrope',system-ui,sans-serif;text-align:center;
  border:2px solid var(--ember,var(--cart-ember));display:none}
.cart-fab.has .cart-count{display:block}
/* el botón del carrito se ve siempre */

.cart-ov{position:fixed;inset:0;z-index:90;background:rgba(6,8,12,.6);backdrop-filter:blur(3px);opacity:0;visibility:hidden;transition:.3s}
.cart-ov.show{opacity:1!important;visibility:visible!important}

.cart-panel{position:fixed;top:0;right:0;height:100%;width:min(420px,92vw);z-index:91;background:var(--ink,var(--cart-ink));
  border-left:1px solid var(--cart-line);display:flex;flex-direction:column;transform:translateX(102%);transition:transform .34s cubic-bezier(.22,1,.36,1);
  color:var(--cart-paper);font-family:'Manrope',system-ui,sans-serif}
.cart-panel.show{transform:translateX(0)!important}
.cart-head{display:flex;align-items:center;justify-content:space-between;padding:22px 24px;border-bottom:1px solid var(--cart-line)}
.cart-head h3{font-family:'Bebas Neue',Impact,sans-serif;font-weight:400;font-size:30px;letter-spacing:.04em;text-transform:uppercase;margin:0}
.cart-x{background:none;border:0;color:var(--cart-paper);cursor:pointer;opacity:.7;padding:6px;line-height:0}
.cart-x:hover{opacity:1;color:var(--cart-ember-soft)}
.cart-items{flex:1;overflow:auto;padding:10px 16px}
.cart-empty{padding:60px 24px;text-align:center;color:rgba(245,242,236,.6)}
.cart-empty a{color:var(--cart-ember-soft);font-weight:700}

.ci{display:grid;grid-template-columns:62px 1fr auto;gap:14px;padding:16px 8px;border-bottom:1px solid rgba(255,255,255,.08);align-items:center}
.ci-img{width:62px;height:80px;border-radius:8px;object-fit:cover;background:var(--cart-ink2)}
.ci-name{font-weight:700;font-size:15px;line-height:1.25}
.ci-price{font-size:13px;color:rgba(245,242,236,.6);margin-top:3px}
.ci-rm{background:none;border:0;color:rgba(245,242,236,.5);font-size:12px;cursor:pointer;margin-top:8px;padding:0;text-decoration:underline}
.ci-rm:hover{color:var(--cart-ember-soft)}
.ci-qty{display:flex;align-items:center;gap:8px}
.ci-qty button{width:28px;height:28px;border-radius:7px;border:1px solid var(--cart-line);background:var(--cart-ink2);color:var(--cart-paper);cursor:pointer;font-size:16px;line-height:1}
.ci-qty button:hover{border-color:var(--cart-ember);color:var(--cart-ember-soft)}
.ci-qty b{min-width:20px;text-align:center;font-size:15px}
.ci-line{font-weight:800;font-size:15px;text-align:right;margin-top:6px}

.cart-foot{padding:20px 24px 26px;border-top:1px solid var(--cart-line)}
.cart-sub{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px}
.cart-sub span{color:rgba(245,242,236,.7);font-size:14px}
.cart-sub b{font-family:'Bebas Neue',Impact,sans-serif;font-size:32px;letter-spacing:.02em}
.cart-note{font-size:12px;color:rgba(245,242,236,.5);margin-bottom:16px}
.cart-pay{width:100%;border:0;border-radius:50px;padding:16px;font-weight:800;font-size:15px;cursor:pointer;
  background:var(--cart-ember);color:#1a0f08;transition:.25s;display:flex;align-items:center;justify-content:center;gap:9px}
.cart-pay:hover{background:var(--cart-ember-soft);transform:translateY(-2px)}
.cart-pay:disabled{opacity:.6;cursor:default;transform:none}
.cart-err{color:#ff9b7a;font-size:13px;margin-top:12px;text-align:center;display:none}
.cart-secure{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:12px;font-size:11px;color:rgba(245,242,236,.45)}
.cart-secure svg{width:13px;height:13px}

/* feedback botón añadir */
.btn.added{background:#3a7d2c !important;color:#fff !important}