.mde-pix-overlay { position: fixed; inset: 0; z-index: 1000; display: none; place-items: center; padding: 20px;
    background: rgba(10,30,12,.62); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }
  .mde-pix-overlay.is-open { display: grid; animation: mdePixFade .25s ease both; }
  .mde-pix-card { position: relative; box-sizing: border-box; width: 100%; max-width: 440px; background: #fff; border-radius: 28px;
    padding: 32px 28px 28px; display: flex; flex-direction: column; gap: 16px; box-shadow: 0 30px 80px rgba(0,0,0,.35);
    animation: mdePixPop .5s cubic-bezier(.3,1.4,.5,1) both; }
  .mde-pix-grab { display: none; width: 40px; height: 5px; border-radius: 99px; background: rgba(19,64,21,.18); align-self: center; }
  .mde-pix-top { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
  .mde-pix-badge { display: inline-flex; align-items: center; gap: 8px; padding: 8px 14px; border-radius: 999px; background: #e6efc8;
    color: #134015; font: 600 14px 'Work Sans', sans-serif; white-space: nowrap; }
  .mde-pix-close { flex: none; width: 44px; height: 44px; border: 0; border-radius: 50%; background: #eef3e6; color: #134015;
    font: 600 20px 'Work Sans', sans-serif; cursor: pointer; margin: -12px -12px 0 0; }
  .mde-pix-title { margin: 0; font: 700 28px/1.2 'Lora', serif; color: #134015; text-wrap: balance; }
  .mde-pix-text { margin: 0; font: 400 17px/1.5 'Work Sans', sans-serif; color: #2f402f; text-wrap: pretty; }
  .mde-pix-actions { display: flex; flex-direction: column; gap: 10px; margin-top: 6px; }
  .mde-pix-btn { width: 100%; padding: 0 16px; border-radius: 999px; cursor: pointer; font-family: 'Work Sans', sans-serif; }
  .mde-pix-btn--primary { min-height: 58px; border: 0; background: #9fbf16; color: #134015; font-size: 17px; font-weight: 700; }
  .mde-pix-btn--primary:hover { background: #b0d01f; }
  .mde-pix-btn--ghost { min-height: 52px; border: 1px solid rgba(19,64,21,.2); background: transparent; color: #134015; font-size: 16px; font-weight: 600; }
  .mde-pix-btn--ghost:hover { background: #f3f6ec; }

  /* Celular: painel inferior */
  @media (max-width: 599px) {
    .mde-pix-overlay { padding: 0; -webkit-backdrop-filter: none; backdrop-filter: none; }
    .mde-pix-overlay.is-open { display: flex; flex-direction: column; justify-content: flex-end; }
    .mde-pix-card { max-width: none; max-height: 92dvh; overflow-y: auto; border-radius: 24px 24px 0 0;
      padding: 10px 20px calc(20px + env(safe-area-inset-bottom)); gap: 14px; box-shadow: 0 -12px 40px rgba(0,0,0,.25);
      animation: mdePixUp .38s cubic-bezier(.2,.9,.3,1) both; }
    .mde-pix-grab { display: block; }
    .mde-pix-close { margin: 0; }
    .mde-pix-badge { padding: 7px 12px; gap: 6px; }
    .mde-pix-title { font-size: 24px; margin-top: 2px; }
    .mde-pix-text { font-size: 16px; }
    .mde-pix-actions { margin-top: 4px; }
    .mde-pix-btn--primary { min-height: 56px; font-size: 16px; }
  }

  @keyframes mdePixFade { from { opacity: 0 } to { opacity: 1 } }
  @keyframes mdePixUp { from { transform: translateY(100%) } to { transform: none } }
  @keyframes mdePixPop { 0% { transform: translateY(30px) scale(.6); opacity: 0 } 70% { transform: translateY(-6px) scale(1.04); opacity: 1 } 100% { transform: none; opacity: 1 } }
  @media (prefers-reduced-motion: reduce) { .mde-pix-overlay.is-open, .mde-pix-card { animation: none !important; } }


.mde-pix-close{display:grid;place-items:center;padding:0}