/* ApexResell kit: shared pieces for every client site (demo bar, mobile contact bar, lightbox, reveal). */
.ax-demo{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;padding:9px 16px;background:#0b0b0a;color:#d9d6cf;font:500 13px/1.3 system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:.01em;position:relative;z-index:30}
.ax-demo__dot{width:7px;height:7px;border-radius:99px;background:#d7fe51;box-shadow:0 0 0 4px rgba(215,254,81,.15)}
.ax-demo__cta{color:#d7fe51;font-weight:600;text-decoration:underline;text-underline-offset:.2em;text-decoration-thickness:.08em}
.ax-demo__short{display:none}
@media (max-width:767px){.ax-demo{flex-wrap:nowrap;justify-content:space-between;gap:8px;padding:8px 16px;font-size:13px}.ax-demo__long{display:none}.ax-demo__short{display:inline}.ax-demo__cta{white-space:nowrap}}
.ax-cbar{display:none}
@media (max-width:767px){
  .ax-cbar{display:grid;grid-template-columns:repeat(3,1fr);position:fixed;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:40;border-radius:22px;padding:6px;gap:6px;background:var(--cbar-bg,#11100e);box-shadow:0 10px 30px -12px rgba(0,0,0,.45)}
  .ax-cbar a{display:flex;flex-direction:column;align-items:center;gap:3px;padding:9px 4px;border-radius:16px;color:#f3efe8;text-decoration:none;font:600 13px/1 system-ui,-apple-system,"Segoe UI",sans-serif}
  .ax-cbar a:first-child{background:var(--accent,#db6a3e);color:var(--accent-ink,#1a0e08)}
  .ax-cbar{border-radius:0;left:0;right:0;bottom:0;padding:6px 6px calc(6px + env(safe-area-inset-bottom))}
  .ax-cbar a{border-radius:0}
  .ax-cbar{transition:transform .35s cubic-bezier(.22,1,.36,1)}
  .ax-cbar.is-away{transform:translateY(110%)}
  .ax-cbar svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
  body{padding-bottom:88px}
}
[data-reveal]{opacity:0;transform:translateY(36px);filter:blur(8px);transition:opacity .9s cubic-bezier(.32,.72,0,1),transform .9s cubic-bezier(.32,.72,0,1),filter .9s cubic-bezier(.32,.72,0,1);transition-delay:var(--d,0ms)}
[data-reveal].is-in{opacity:1;transform:none;filter:none}
@media (prefers-reduced-motion:reduce){[data-reveal]{opacity:1;transform:none;filter:none;transition:none}}
.ax-lb{position:fixed;inset:0;z-index:60;display:grid;place-items:center;background:rgba(8,8,7,.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .45s cubic-bezier(.32,.72,0,1),visibility 0s linear .45s}
.ax-lb.is-open{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .45s cubic-bezier(.32,.72,0,1),visibility 0s}
.ax-lb img{max-width:min(92vw,1200px);max-height:84dvh;border-radius:18px;transform:scale(.96);transition:transform .6s cubic-bezier(.32,.72,0,1)}
.ax-lb.is-open img{transform:none}
.ax-lb button{position:absolute;width:48px;height:48px;border-radius:99px;border:0;background:rgba(255,255,255,.1);color:#fff;font-size:22px;cursor:pointer;display:grid;place-items:center;transition:background .3s cubic-bezier(.32,.72,0,1)}
.ax-lb button:hover{background:rgba(255,255,255,.2)}
.ax-lb .ax-lb__x{top:18px;right:18px}.ax-lb .ax-lb__p{left:14px;top:50%}.ax-lb .ax-lb__n{right:14px;top:50%}
.ax-lb figcaption{position:absolute;bottom:22px;left:0;right:0;text-align:center;color:#cfcac2;font:500 14px/1.4 system-ui,sans-serif}
/* demo bar: "how to activate" window */
button.ax-demo__cta{background:none;border:0;padding:4px 2px;margin:-4px -2px;font:inherit;font-weight:600;color:#d7fe51;cursor:pointer}
.ax-act{position:fixed;inset:0;z-index:2147483000;display:flex;align-items:center;justify-content:center;padding:16px;font:400 15px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif}
.ax-act[hidden]{display:none}
.ax-act__bg{position:absolute;inset:0;background:rgba(8,8,8,.62);backdrop-filter:blur(4px)}
.ax-act__box{position:relative;width:100%;max-width:440px;max-height:calc(100dvh - 32px);overflow:auto;background:#fff;color:#14171c;border-radius:22px;padding:28px 24px 22px;box-shadow:0 30px 80px rgba(0,0,0,.35);animation:axIn .28s cubic-bezier(.2,.8,.2,1)}
@keyframes axIn{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}
.ax-act__x{position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:99px;border:0;background:#f1f2f4;color:#14171c;font-size:22px;line-height:1;cursor:pointer}
.ax-act__tag{display:inline-flex;align-items:center;gap:8px;margin:0 0 10px;padding:5px 12px;border-radius:99px;background:#0b0b0a;color:#e8e6e0;font-size:12px;font-weight:600}
.ax-act__t{margin:0 0 14px;font-size:22px;line-height:1.2;font-weight:800;letter-spacing:-.01em;padding-right:36px}
.ax-act__steps{margin:0 0 18px;padding:0;list-style:none;counter-reset:s}
.ax-act__steps li{counter-increment:s;position:relative;padding:0 0 12px 40px}
.ax-act__steps li::before{content:counter(s);position:absolute;left:0;top:0;width:28px;height:28px;border-radius:99px;background:#d7fe51;color:#0b0b0a;font-weight:800;font-size:14px;display:flex;align-items:center;justify-content:center}
.ax-act__btns{display:flex;gap:8px;flex-wrap:wrap}
.ax-act__b{flex:1 1 30%;min-width:110px;text-align:center;padding:12px 10px;border-radius:99px;font-weight:700;text-decoration:none;color:#fff}
.ax-act__b--vb{background:#7360f2;flex-basis:60%}.ax-act__b--tel{background:#14171c}
.ax-act__ph{margin:12px 0 0;text-align:center;color:#5b616b;font-size:13px}
html.ax-act-on,html.ax-act-on body{overflow:hidden}
