.axo-sp-root{
  --axo-accent:#2563eb;--axo-bg:#fff;--axo-text:#0f172a;--axo-border:#dbe3ee;--axo-radius:18px;
  position:fixed;z-index:999999;bottom:24px;width:min(405px,calc(100vw - 28px));opacity:0;transform:translateY(18px);
  transition:opacity .28s ease,transform .28s ease;pointer-events:none;font-family:inherit
}
.axo-sp-root.bottom-left{left:24px}.axo-sp-root.bottom-right{right:24px}
.axo-sp-root.is-visible{opacity:1;transform:translateY(0);pointer-events:auto}
.axo-sp-card{position:relative;display:flex;align-items:center;gap:14px;background:var(--axo-bg);color:var(--axo-text);
  border:1px solid var(--axo-border);border-radius:var(--axo-radius);box-shadow:0 12px 35px rgba(15,23,42,.12);
  padding:14px 38px 14px 18px;min-height:100px}
.axo-sp-img{width:60px;height:60px;object-fit:contain;border:1px solid var(--axo-border);border-radius:16px;background:#fff;padding:5px;flex:none}
.axo-sp-copy{min-width:0;line-height:1.25}.axo-sp-title{font-size:16px;font-weight:600;margin-bottom:4px}
.axo-sp-product{display:inline-block;font-size:16px;font-weight:700;color:var(--axo-accent);text-decoration:none;max-width:230px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.axo-sp-time{display:flex;align-items:center;gap:7px;margin-top:5px;font-size:13px;opacity:.68}
.axo-sp-shield{display:inline-grid;place-items:center;width:15px;height:15px;border:1.5px solid #16a34a;border-radius:50%;color:#16a34a;font-size:10px;font-weight:800}
.axo-sp-close{position:absolute;right:12px;top:8px;border:0;background:transparent;color:#94a3b8;font-size:25px;line-height:1;cursor:pointer;padding:2px}
@media (max-width:767px){
  .axo-sp-root.bottom-left{
    left:16px;
    right:auto;
    bottom:var(--axo-mobile-bottom,92px);
  }
  .axo-sp-root.bottom-right{
    right:16px;
    left:auto;
    bottom:var(--axo-mobile-bottom,92px);
  }
  .axo-sp-root{
    width:min(270px,calc(100vw - 32px));
  }
  .axo-sp-card{
    min-height:68px;
    padding:8px 29px 8px 8px;
    gap:8px;
    border-radius:14px;
    box-shadow:0 7px 20px rgba(15,23,42,.13);
  }
  .axo-sp-img{
    width:42px;
    height:42px;
    border-radius:11px;
    padding:3px;
  }
  .axo-sp-copy{line-height:1.12}
  .axo-sp-title{
    font-size:12px;
    margin-bottom:2px;
    white-space:nowrap;
  }
  .axo-sp-product{
    font-size:13px;
    max-width:160px;
  }
  .axo-sp-location{
    margin-top:2px;
    font-size:10px;
    gap:4px;
  }
  .axo-sp-pin{font-size:7px}
  .axo-sp-time{
    margin-top:2px;
    font-size:10px;
    gap:4px;
  }
  .axo-sp-shield{
    width:13px;
    height:13px;
    font-size:8px;
  }
  .axo-sp-root .axo-sp-close{
    right:5px !important;
    top:4px !important;
    width:22px !important;
    height:22px !important;
    font-size:18px !important;
    line-height:22px !important;
  }
}
@media (max-width:360px){
  .axo-sp-root{
    width:min(258px,calc(100vw - 24px));
  }
  .axo-sp-root.bottom-left{left:12px}
  .axo-sp-root.bottom-right{right:12px}
  .axo-sp-product{max-width:150px}
}
@media (prefers-reduced-motion:reduce){.axo-sp-root{transition:none}}

.axo-sp-location{
  display:flex;
  align-items:center;
  gap:6px;
  margin-top:5px;
  font-size:12px;
  line-height:1.2;
  opacity:.72;
}
.axo-sp-pin{
  color:var(--axo-accent);
  font-size:9px;
}
.axo-sp-root .axo-sp-close{
  appearance:none !important;
  -webkit-appearance:none !important;
  position:absolute !important;
  left:auto !important;
  right:10px !important;
  top:8px !important;
  width:28px !important;
  height:28px !important;
  min-width:0 !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:50% !important;
  background:transparent !important;
  box-shadow:none !important;
  color:#94a3b8 !important;
  font:400 23px/28px Arial,sans-serif !important;
  text-align:center !important;
  cursor:pointer !important;
}
.axo-sp-root .axo-sp-close:hover{
  background:rgba(148,163,184,.12) !important;
}