/* ── CART ICON ── */
.zs-cart-btn{position:relative;display:flex;align-items:center;gap:6px;background:none;border:none;cursor:pointer;color:#0F1A12;padding:6px 10px;border-radius:8px;transition:background .15s;text-decoration:none;font-family:inherit}
.zs-cart-btn:hover{background:#f0fdf4}
.zs-cart-icon{width:20px;height:20px;stroke:#0F1A12;fill:none;stroke-width:1.5}
.zs-cart-count{position:absolute;top:-4px;right:-4px;width:18px;height:18px;background:#6DB872;color:#0F1A12;border-radius:50%;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;display:none}
.zs-cart-count.visible{display:flex}

/* ── DRAWER ── */
.cart-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:8000;opacity:0;pointer-events:none;transition:opacity .25s;backdrop-filter:blur(4px)}
.cart-overlay.open{opacity:1;pointer-events:all}
.cart-drawer{position:fixed;top:0;right:0;bottom:0;width:420px;max-width:100vw;background:#fff;z-index:8001;display:flex;flex-direction:column;transform:translateX(100%);transition:transform .3s cubic-bezier(.32,.72,0,1);box-shadow:-8px 0 40px rgba(0,0,0,.15)}
.cart-drawer.open{transform:translateX(0)}
.cart-drawer-header{padding:20px 20px 16px;border-bottom:1px solid #f3f4f6;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0}
.cart-drawer-title{font-size:16px;font-weight:700;color:#111;display:flex;align-items:center;gap:8px}
.cart-drawer-close{width:32px;height:32px;border:none;background:#f3f4f6;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#6b7280;transition:all .15s}
.cart-drawer-close:hover{background:#fee2e2;color:#ef4444}
.cart-drawer-body{flex:1;overflow-y:auto;padding:16px 20px}
.cart-drawer-footer{padding:16px 20px;border-top:1px solid #f3f4f6;flex-shrink:0;background:#fff}

/* Items */
.cart-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;color:#9ca3af;text-align:center;gap:12px}
.cart-empty svg{color:#e5e7eb}
.cart-item{display:grid;grid-template-columns:64px 1fr auto;gap:12px;padding:14px 0;border-bottom:1px solid #f9fafb;align-items:start}
.cart-item:last-child{border-bottom:none}
.cart-item-img{width:64px;height:64px;object-fit:cover;border-radius:10px;background:#f3f4f6}
.cart-item-name{font-size:13px;font-weight:600;color:#111;margin-bottom:4px;line-height:1.3}
.cart-item-price-unit{font-size:11px;color:#9ca3af;margin-bottom:8px}
.cart-item-qty{display:flex;align-items:center;gap:6px}
.cart-qty-btn{width:26px;height:26px;border:1px solid #e5e7eb;border-radius:6px;background:#f9fafb;cursor:pointer;font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:center;transition:all .1s}
.cart-qty-btn:hover{background:#f0fdf4;border-color:#6DB872}
.cart-qty-val{width:56px;text-align:center;font-size:14px;font-weight:700;color:#111;border:1px solid #e5e7eb;border-radius:6px;padding:4px 6px}
.cart-qty-unit{font-size:13px;font-weight:600;color:#374151}
.cart-item-subtotal{font-size:13px;font-weight:700;color:#111;white-space:nowrap}
.cart-item-remove{background:none;border:none;color:#d1d5db;cursor:pointer;font-size:14px;padding:2px;transition:color .1s;display:block;margin-top:4px;text-align:right}
.cart-item-remove:hover{color:#ef4444}

/* Footer */
.cart-total-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.cart-total-label{font-size:14px;color:#6b7280}
.cart-total-amount{font-size:22px;font-weight:700;color:#0F1A12}
.cart-bizum-hint{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;padding:10px 12px;font-size:12px;color:#166534;margin-bottom:12px;line-height:1.5}
.btn-cart-checkout{display:block;width:100%;padding:14px;background:#0F1A12;color:#6DB872;border:none;border-radius:10px;font-size:15px;font-weight:700;cursor:pointer;text-align:center;text-decoration:none;transition:opacity .15s}
.btn-cart-checkout:hover{opacity:.9}
.btn-cart-empty-all{display:block;text-align:center;font-size:12px;color:#9ca3af;margin-top:10px;cursor:pointer;background:none;border:none;width:100%}
.btn-cart-empty-all:hover{color:#ef4444}

/* Botón añadir al carrito */
.btn-add-cart{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:13px 20px;background:#0F1A12;color:#6DB872;border:none;border-radius:10px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s;margin-bottom:8px;font-family:inherit}
.btn-add-cart:hover{background:#1e3a24}
.btn-add-cart.added{background:#6DB872;color:#0F1A12}
.cart-gram-selector{display:flex;align-items:center;gap:8px;margin-bottom:10px}
.cart-gram-selector label{font-size:12px;font-weight:600;color:#374151;white-space:nowrap}
.cart-gram-input{flex:1;border:1px solid #e5e7eb;border-radius:8px;padding:9px 12px;font-size:14px;color:#111;background:#f9fafb;outline:none;text-align:center}
.cart-gram-input:focus{border-color:#6DB872;background:#fff}
.cart-gram-steps{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}
.cart-gram-step{padding:5px 12px;border:1px solid #e5e7eb;border-radius:6px;font-size:12px;font-weight:600;color:#374151;cursor:pointer;background:#f9fafb;transition:all .1s}
.cart-gram-step:hover,.cart-gram-step.active{background:#f0fdf4;border-color:#6DB872;color:#0F1A12}

@media(max-width:480px){
    .cart-drawer{width:100vw}
}