#fuxion-overlay {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0);
    z-index: 99998;
    transition: background 0.3s;
}
#fuxion-overlay.activo {
    display: block;
    background: rgba(0,0,0,0.45);
}
#fuxion-sheet {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    max-width: 560px;
    margin: 0 auto;
    background: #ffffff;
    border-radius: 20px 20px 0 0;
    box-shadow: 0 -4px 24px rgba(0,0,0,0.12);
    z-index: 99999;
    transform: translateY(100%);
    transition: transform 0.35s cubic-bezier(0.32,0.72,0,1);
}
#fuxion-sheet.abierto { transform: translateY(0); }
.fxs-handle { display:flex; justify-content:center; padding:12px 0 6px; }
.fxs-handle span { width:36px; height:4px; background:#e0e0e0; border-radius:4px; display:block; }
.fxs-body { padding:6px 20px 32px; }
.fxs-top { display:flex; align-items:center; gap:12px; margin-bottom:14px; }
.fxs-check {
    width:34px; height:34px; background:#22c55e; border-radius:50%;
    display:flex; align-items:center; justify-content:center; flex-shrink:0;
}
.fxs-wsp-oculto {
    opacity: 0 !important;
    pointer-events: none !important;
    transition: opacity 0.25s;
}
.fxs-check svg { width:18px; height:18px; stroke:#fff; fill:none; stroke-width:2.5; }
.fxs-titulo { font-family:'Poppins',sans-serif; font-size:16px; font-weight:700; color:#0D1B2A; margin:0; }
.fxs-sub    { font-family:'Poppins',sans-serif; font-size:12px; color:#888; margin:2px 0 0; }
.fxs-producto {
    display:flex; align-items:center; gap:12px;
    background:#f0f8ff; border:1px solid #cce5f5;
    border-radius:12px; padding:10px 12px; margin-bottom:14px;
}
.fxs-producto img {
    width:52px; height:52px; object-fit:contain;
    border-radius:8px; background:#fff; flex-shrink:0;
}
.fxs-pnombre   { font-family:'Poppins',sans-serif; font-size:13px; font-weight:600; color:#0D1B2A; margin:0; }
.fxs-pcantidad { font-family:'Poppins',sans-serif; font-size:11px; color:#888; margin:3px 0 0; }
.fxs-pprecio   { font-family:'Poppins',sans-serif; font-size:15px; font-weight:800; color:#009FDB; margin-left:auto; flex-shrink:0; }
.fxs-btns { display:flex; gap:10px; }
.fxs-btn-main {
    flex:1; background:#009FDB; color:#fff !important;
    border:none; border-radius:12px; padding:13px 10px;
    font-family:'Poppins',sans-serif; font-size:14px; font-weight:600;
    cursor:pointer; text-align:center; text-decoration:none;
    display:block; transition:background 0.2s;
}
.fxs-btn-main:hover { background:#0072BC; color:#fff !important; text-decoration:none; }
.fxs-btn-sec {
    flex:1; background:#fff; color:#009FDB;
    border:2px solid #009FDB; border-radius:12px; padding:13px 10px;
    font-family:'Poppins',sans-serif; font-size:14px; font-weight:600;
    cursor:pointer; text-align:center; transition:all 0.2s;
}
.fxs-btn-sec:hover { background:#f0f8ff; }
.fxs-progreso { height:3px; background:#eee; border-radius:2px; margin-top:14px; overflow:hidden; }
.fxs-progreso-barra { height:100%; background:#009FDB; border-radius:2px; width:100%; }