/* SyokBox Landing V3.11 */

/* No intrusive fixed buy bar on mobile. */
.sticky-buy{display:none!important}
.faq{padding-bottom:60px!important}
footer{padding-bottom:35px!important}

/* Reward / campaign swipe cards */
.poster-carousel article{overflow:visible!important;border-radius:16px!important;background:#fff!important}
.poster-carousel img{border:1px solid #e5eaf3;border-radius:16px;overflow:hidden;aspect-ratio:4/5;object-fit:cover}
.poster-meta{position:relative;display:flex;align-items:center;justify-content:center;min-height:44px;padding:9px 5px 3px;text-align:center}
.poster-meta b{font-size:12px;line-height:1.2;color:#122457;font-weight:800}
.premium-badge{position:absolute;right:5px;top:-10px;background:#fff0bf;color:#9a6500;border:1px solid #f5d77a;border-radius:999px;font-size:7px;font-weight:800;letter-spacing:.05em;padding:3px 5px;box-shadow:0 3px 10px rgba(132,91,0,.08)}

/* Portal screenshot patches: preserve the user's original screens and change numbers only. */
.portal-pane{position:absolute!important}
.dashboard-performance-fix{position:absolute;left:4.1%;right:4.1%;top:43.05%;height:8.1%;background:#fff;border:1px solid #e7ebf3;border-radius:3.4%;display:grid;grid-template-columns:repeat(4,1fr);z-index:4;overflow:hidden}
.dashboard-performance-fix>div{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-right:1px solid #edf0f5}
.dashboard-performance-fix>div:last-child{border-right:0}
.dashboard-performance-fix b{font-size:clamp(9px,2.3vw,17px);color:#2451d8;line-height:1;font-weight:800}
.dashboard-performance-fix span{font-size:clamp(4.5px,1.05vw,8px);color:#77839c;line-height:1.05;white-space:nowrap}
.customers-total-fix{position:absolute;right:4.7%;top:31.0%;z-index:5;background:#fff;color:#77839c;font-size:clamp(6px,1.45vw,10px);line-height:1;padding:2px 0 2px 5px}
.aiman-phone-fix{position:absolute;left:7.8%;top:61.05%;z-index:5;background:#fff;color:#53627f;font-size:clamp(6px,1.42vw,10px);line-height:1;padding:2px 8px 2px 0;white-space:nowrap}

/* Recent purchase social proof */
.purchase-proof{position:fixed;left:14px;right:14px;top:calc(env(safe-area-inset-top) + 78px);z-index:120;max-width:520px;margin:auto;background:#fff;border:1px solid #e6ebf4;border-radius:16px;box-shadow:0 15px 38px rgba(19,45,105,.16);padding:11px 42px 11px 11px;display:flex;align-items:center;gap:10px;transform:translateY(-18px);opacity:0;pointer-events:none;transition:opacity .28s ease,transform .28s ease}
.purchase-proof.show{opacity:1;transform:translateY(0);pointer-events:auto}
.purchase-proof img{width:42px;height:42px;object-fit:contain;flex:none;background:#fff;border-radius:11px;border:1px solid #edf1f7;padding:5px}
.purchase-proof div{min-width:0;display:flex;flex-direction:column;gap:1px}
.purchase-proof b{font-size:12px;line-height:1.2;color:#102356;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.purchase-proof span{font-size:11px;line-height:1.25;color:#485671}
.purchase-proof span strong{color:#2451d8}
.purchase-proof small{font-size:9px;color:#8a94a8;margin-top:2px}
.purchase-proof button{position:absolute;right:10px;top:9px;border:0;background:transparent;color:#8a94a8;font-size:22px;line-height:1;cursor:pointer}

@media(min-width:760px){.purchase-proof{left:28px;right:auto;top:88px;width:360px}}
