/* ============ ÉLIXIR · Guardar el carrito (casilla en el carrito) ============ */
.cart-save{margin:0 0 16px;border:1px solid var(--line);border-radius:16px;background:var(--bg)}
.cs summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:8px 16px;cursor:pointer;list-style:none;font-weight:700;font-size:14px;color:var(--ink)}
.cs summary::-webkit-details-marker{display:none}
.cs-plus{position:relative;flex:none;width:24px;height:24px;border-radius:50%;box-shadow:inset 0 0 0 1px var(--line)}
.cs-plus::before,.cs-plus::after{content:"";position:absolute;left:7px;top:11px;width:10px;height:2px;background:var(--gold);transition:transform .25s var(--ease)}
.cs-plus::after{transform:rotate(90deg)}
.cs[open] .cs-plus::after{transform:rotate(0)}
.cs-form{padding:0 16px 16px}
.cs-lead{margin:0 0 16px}
.cs-field{display:flex;flex-direction:column;gap:4px;margin-bottom:12px;font-size:13px;font-weight:700;color:var(--muted)}
.cs-field input{font:inherit;font-size:16px;font-weight:400;color:var(--ink);background:var(--white);border:1px solid var(--line);border-radius:12px;min-height:48px;padding:12px 16px}
.cs-field input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px color-mix(in srgb,var(--gold) 18%,transparent)}
.cs-consent{margin:4px 0 12px}
.cs-err{margin:0 0 12px;font-size:13px;font-weight:700;color:#9b2c1f}
.drawer-foot .cs-btn{width:100%;margin:0;min-height:48px}
.cs-done{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;margin:0;padding:12px 16px;font-size:14px;color:var(--ink)}
.cs-done>span{color:var(--gold);font-weight:700}
.cs-link{padding:4px 0;border:0;background:none;font:inherit;font-size:13px;font-weight:700;color:var(--muted);text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.cs-restored{margin:0 0 12px;padding:12px 16px;border-radius:12px;background:var(--bg);font-size:14px;color:var(--ink)}
@media (hover:hover) and (pointer:fine){.cs-link:hover{color:var(--gold)}}
/* Con la casilla abierta el pie crece: en pantallas bajas el carrito se desplaza completo y el botón de pago siempre se alcanza */
@media (min-width:721px){.drawer{overflow-y:auto;overscroll-behavior:contain}.drawer-items{min-height:136px}}
