.catalog-toast{
  position:fixed;
  right:24px;
  bottom:24px;
  z-index:3600;
  display:flex;
  align-items:center;
  gap:10px;
  max-width:min(390px,calc(100vw - 32px));
  padding:14px 18px;
  border:1px solid #c99b35;
  border-radius:14px;
  background:#11151a;
  color:#f7f1e7;
  box-shadow:0 16px 42px rgba(0,0,0,.34);
  font:600 14px/1.35 Montserrat,sans-serif;
  opacity:0;
  transform:translateY(12px);
  transition:opacity .2s ease,transform .2s ease;
  pointer-events:none;
  margin:0;
}
.catalog-toast[hidden]{display:none}
.catalog-toast.show{opacity:1;transform:translateY(0)}
.catalog-toast-in-dialog{position:fixed;top:max(18px,7vh);right:max(72px,calc(3vw + 58px));bottom:auto;left:auto;z-index:20;max-width:min(390px,calc(94vw - 110px))}
.catalog-toast::before{content:'✓';display:grid;place-items:center;flex:0 0 24px;height:24px;border-radius:50%;background:#d9aa45;color:#090b0e;font-size:14px;font-weight:800}
.catalog-toast-neutral{border-color:#4b535d}
.catalog-toast-neutral::before{content:'−';background:#68717c;color:#fff}
.catalog-toast-error{border-color:#c96767}
.catalog-toast-error::before{content:'!';background:#c96767;color:#fff}
@media(max-width:720px){.catalog-toast{right:14px;left:14px;bottom:calc(76px + env(safe-area-inset-bottom));max-width:none;justify-content:flex-start}.catalog-toast-in-dialog{top:12px;right:58px;bottom:auto;left:12px;max-width:none}}
@media(prefers-reduced-motion:reduce){.catalog-toast{transition:none}}