.lmx-csp-overlay{
  position:fixed; inset:0; background:rgba(0,0,0,.35); z-index:99998;
}
.lmx-csp-drawer{
  position:fixed; top:0; right:-420px; width:380px; max-width:calc(100vw - 24px); height:100vh;
  background:#fff; z-index:99999; box-shadow:-8px 0 28px rgba(0,0,0,.14);
  transition:right .25s ease; padding:20px 18px 18px;
}
.lmx-csp-drawer.is-open{ right:0; }
.lmx-csp-close{
  position:absolute; top:8px; right:10px; border:0; background:transparent; font-size:28px; line-height:1; cursor:pointer;
}
.lmx-csp-body{ display:flex; flex-direction:column; gap:16px; margin-top:18px; }
.lmx-csp-media-wrap{ text-align:center; }
.lmx-csp-image{ max-width:100%; height:auto; border-radius:12px; }
.lmx-csp-copy{ display:flex; flex-direction:column; gap:10px; }
.lmx-csp-badge{
  display:inline-block; align-self:flex-start; background:#111827; color:#fff; border-radius:999px; padding:6px 10px;
  font-size:12px; font-weight:700;
}
.lmx-csp-title{ margin:0; font-size:22px; line-height:1.25; }
.lmx-csp-message{ margin:0; color:#374151; font-size:15px; line-height:1.5; white-space:pre-line; }
.lmx-csp-price{ font-size:18px; font-weight:700; }
.lmx-csp-price ins{ text-decoration:none; }
.lmx-csp-actions{ display:flex; gap:10px; flex-wrap:wrap; }
.lmx-csp-actions .button{ cursor:pointer; }
.lmx-csp-status{ font-size:13px; color:#166534; }
@media (max-width:480px){
  .lmx-csp-drawer{ width:100vw; max-width:100vw; }
}