/* The hero picture: real screenshots of the app (the office board, and the same board on a phone). */
.shots{position:relative;padding-bottom:28px}
.shot-window{margin:0;border-radius:12px;overflow:hidden;background:#fff;border:1px solid #ffffff1f;box-shadow:0 35px 80px #0005}
.shot-bar{height:26px;display:flex;align-items:center;gap:6px;padding:0 12px;background:#f3f4f6;border-bottom:1px solid #e5e7eb}
.shot-bar i{width:10px;height:10px;border-radius:50%;background:#f87171}
.shot-bar i:nth-child(2){background:#fbbf24}
.shot-bar i:nth-child(3){background:#34d399}
.shot-window img{display:block;width:100%;height:auto}
.shot-phone{position:absolute;right:-16px;bottom:-8px;width:27%;max-width:170px;height:auto;border:5px solid #1f2937;border-radius:18px;box-shadow:0 25px 50px #0006;background:#fff}
@media(max-width:780px){.shot-phone{right:8px;bottom:0;width:28%}}
/* "Try Demo" opening the sample shop */
[data-demo][aria-busy=true]{opacity:.6;pointer-events:none}
.demo-error{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:50;max-width:min(92vw,440px);background:#7f1d1d;color:#fff;padding:12px 16px;border-radius:8px;font:13px/1.5 'DM Sans',sans-serif;box-shadow:0 10px 30px #0004}