/* ═══════════════════════════════════════════════════════════════════════════
   v734175 — O CUPOM RESPONDE AO TOQUE.

   José: "o cupom deveria ter uma ação ao clicar?". Tinha: copiava o código e
   trocava o texto por "copiado ✓" por 2 s dentro da própria cápsula — pequeno
   demais para ser notado, e sem dizer O QUE fazer com o código copiado.

   Agora: copia (como antes) + toast na base com o código e o próximo passo +
   botão "Como usar" que abre uma folha de três passos, com o texto EXATO dos
   botões do checkout ("Finalizar" → "Tenho um cupom"). Cupom automático não
   pede código: o toast diz que entra sozinho. Texto de interface é promessa:
   os rótulos foram conferidos em shop/checkout.php (idcoCupomAbreV733778).
   ═══════════════════════════════════════════════════════════════════════════ */
#idlkCupomToastV734175{position:fixed;left:12px;right:12px;bottom:calc(84px + env(safe-area-inset-bottom,0px));z-index:2147483400;display:none;align-items:center;gap:10px;padding:11px 12px 11px 14px;border-radius:16px;background:#0C0C0E;color:#fff;border:1px solid rgba(215,255,1,.35);box-shadow:0 12px 34px rgba(0,0,0,.5);font-family:inherit;transform:translateY(12px);opacity:0;transition:transform .22s cubic-bezier(.3,1.3,.5,1),opacity .18s}
#idlkCupomToastV734175.on{display:flex}#idlkCupomToastV734175.vivo{transform:none;opacity:1}
#idlkCupomToastV734175 .ic{flex:0 0 auto;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:rgba(215,255,1,.14);color:#D7FF01}
#idlkCupomToastV734175 .ic svg{width:16px;height:16px}
#idlkCupomToastV734175 .tx{flex:1;min-width:0;font-size:12.5px;line-height:1.25}
#idlkCupomToastV734175 .tx b{display:block;font-size:13px;font-weight:900}
#idlkCupomToastV734175 .tx span{color:rgba(255,255,255,.7);font-weight:700}
#idlkCupomToastV734175 button{flex:0 0 auto;min-height:36px;min-width:0;padding:0 12px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);color:#fff;font:inherit;font-size:12px;font-weight:900;cursor:pointer}
#idlkCupomSheetV734175{position:fixed;inset:0;z-index:2147483401;display:none;align-items:flex-end;background:rgba(0,0,0,.55);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
#idlkCupomSheetV734175.on{display:flex}
#idlkCupomSheetV734175 .sh{width:100%;max-width:520px;margin:0 auto;background:#111215;color:#fff;border-radius:22px 22px 0 0;padding:14px 18px calc(18px + env(safe-area-inset-bottom,0px));border-top:1px solid rgba(255,255,255,.12);transform:translateY(24px);transition:transform .22s cubic-bezier(.3,1.3,.5,1)}
#idlkCupomSheetV734175.vivo .sh{transform:none}
#idlkCupomSheetV734175 .al{width:38px;height:4px;border-radius:99px;background:rgba(255,255,255,.22);margin:0 auto 12px}
#idlkCupomSheetV734175 h4{margin:0 0 4px;font-size:16px;font-weight:950;letter-spacing:-.2px}
#idlkCupomSheetV734175 .cod{display:inline-flex;align-items:center;gap:8px;margin:6px 0 12px;padding:6px 12px;border-radius:999px;border:1px dashed rgba(215,255,1,.5);color:#D7FF01;font-weight:950;letter-spacing:.06em;font-size:13px}
#idlkCupomSheetV734175 .cod svg{width:14px;height:14px}
#idlkCupomSheetV734175 ol{margin:0 0 14px;padding:0;list-style:none;display:grid;gap:9px}
#idlkCupomSheetV734175 li{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;line-height:1.3;color:rgba(255,255,255,.86)}
#idlkCupomSheetV734175 li i{flex:0 0 22px;height:22px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:11px;font-weight:950;background:rgba(215,255,1,.14);color:#D7FF01}
#idlkCupomSheetV734175 .bt{display:flex;gap:8px}
#idlkCupomSheetV734175 .bt button{flex:1;min-height:46px;border-radius:14px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.07);color:#fff;font:inherit;font-size:14px;font-weight:900;cursor:pointer}
#idlkCupomSheetV734175 .bt button.ok{background:#D7FF01;color:#0A0B0C;border-color:#D7FF01}