/* Жалюзибра — всплывающая карточка акции (внизу слева).
   Стили изолированы префиксом .zp, чтобы не конфликтовать с Mobirise. */

.zp{
  position:fixed;left:22px;bottom:22px;z-index:99970;
  width:min(340px,calc(100vw - 32px));
  background:#fff;border-radius:16px;padding:18px 20px 20px;
  box-shadow:0 18px 50px rgba(20,24,32,.28);
  font:15px/1.45 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:#232323;
  opacity:0;transform:translateY(18px);transition:opacity .35s ease,transform .35s ease;
}
.zp--on{opacity:1;transform:none}
.zp__accent{position:absolute;inset:0 auto 0 0;width:6px;border-radius:16px 0 0 16px;background:#6592e6}
.zp__title{margin:0 0 6px;font-size:17px;font-weight:600;padding-right:26px}
.zp__text{margin:0;color:#4a4a4a;font-size:14px}
.zp__note{margin:10px 0 0;font-size:13px;color:#a33;font-weight:600}
.zp__btn{
  display:inline-block;margin-top:14px;padding:11px 20px;border-radius:999px;
  background:#6592e6;color:#fff;text-decoration:none;font-size:14px;font-weight:500;border:0;cursor:pointer;
}
.zp__btn:hover{filter:brightness(.93)}
.zp__close{
  position:absolute;top:10px;right:10px;width:28px;height:28px;border:0;border-radius:50%;
  background:#f1f4f9;color:#5a6472;font-size:15px;line-height:1;cursor:pointer;
}
.zp__close:hover{background:#e6ebf3}

@media (max-width:560px){
  .zp{left:12px;right:12px;bottom:12px;width:auto;padding:16px 16px 18px}
}
@media (prefers-reduced-motion:reduce){
  .zp{transition:none;transform:none;opacity:1}
}