.trifood-home .demo-showcase{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:20px;align-items:center}.tf-demo-real{margin:0;width:100%;min-width:0;position:relative}.tf-demo-real>a{position:relative;display:block;width:calc(100% + 120px);margin-left:-80px;aspect-ratio:1672/941;animation:tf-demo-float 6s ease-in-out infinite}.tf-demo-real img{display:block;width:100%;height:auto;mask-image:linear-gradient(to right,transparent,#000 10%,#000 95%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 10%,#000 95%,transparent)}.tf-demo-order-glow,.tf-demo-sales-glow{position:absolute;border-radius:16px;pointer-events:none;box-shadow:0 0 0 0 #ee203e00;animation:tf-demo-pulse 4s ease-in-out infinite}.tf-demo-order-glow{left:35%;top:37%;width:18%;height:9%}.tf-demo-sales-glow{left:74%;top:59%;width:20%;height:9%;animation-delay:2s}.tf-demo-slug{display:flex;flex-wrap:wrap;gap:3px;align-items:center;width:fit-content;max-width:100%;padding:14px 16px;border:1px dashed #b4283c;border-radius:14px;background:#18121a;margin:22px 0;font:clamp(11px,1.1vw,14px)/1.6 monospace;overflow-wrap:anywhere}.tf-demo-slug strong{color:#ff354d}.tf-demo-slug small{display:block;flex-basis:100%;font:10px/1.5 Inter,sans-serif;color:#a99da8}.demo-showcase>div{min-width:0;position:relative;z-index:2}@keyframes tf-demo-float{50%{transform:translateY(-9px)}}@keyframes tf-demo-pulse{50%{box-shadow:0 0 20px 2px #ef263726}}@media(max-width:960px){.trifood-home .demo-showcase{grid-template-columns:1fr}.tf-demo-real>a{width:100%;margin:0}.tf-demo-real{max-width:760px;margin:auto}}@media(max-width:500px){.tf-demo-real>a{width:calc(100% + 32px);margin-left:-16px}.trifood-home .demo-showcase{overflow:hidden;padding-block:32px}.tf-demo-slug{font-size:12px}}@media(prefers-reduced-motion:reduce){.tf-demo-real>a,.tf-demo-order-glow,.tf-demo-sales-glow{animation:none}}
.tf-demo-real{position:relative;animation:tf-demo-float 6s ease-in-out infinite}.tf-demo-real>a{animation:none}.tf-demo-order-glow,.tf-demo-sales-glow{display:none}.tf-demo-live-order,.tf-demo-live-sales{position:absolute;z-index:4;display:flex;align-items:center;gap:8px;border:1px solid #a99c91;background:linear-gradient(145deg,#34251f,#100e10);box-shadow:0 5px 18px #0008;color:white;border-radius:15px;padding:10px 12px;text-align:left;cursor:pointer;font-family:Inter,sans-serif;transition:transform .2s,box-shadow .2s}.tf-demo-live-order{left:calc(35% - 80px + 42px);top:37%;width:calc(18% + 22px);min-width:170px;min-height:55px}.tf-demo-live-sales{left:calc(74% - 80px + 89px);top:59%;width:calc(20% + 24px);min-width:175px;min-height:55px}.tf-demo-live-order small,.tf-demo-live-sales small{display:block;color:#c3b8b3;font-size:8px;letter-spacing:.04em;white-space:nowrap}.tf-demo-live-order b,.tf-demo-live-sales b{display:block;font-size:11px;margin-top:5px;white-space:nowrap}.demo-symbol{display:grid;place-items:center;width:30px;height:30px;flex:none;border-radius:10px;background:#634000;color:#ffc224;font-size:22px}.tf-demo-live-sales .demo-symbol{background:#034b20;color:#16e050}.tf-demo-live-order i{width:8px;height:8px;border-radius:50%;background:#16e050;box-shadow:0 0 10px #16e050}.tf-demo-live-sales em{color:#ffa900;font-style:normal;margin-left:auto}.tf-demo-live-order:hover,.tf-demo-live-sales:hover{transform:translateY(-4px) scale(1.04);box-shadow:0 8px 25px #e91b343a}.tf-demo-live-order:focus-visible,.tf-demo-live-sales:focus-visible{outline:3px solid white;outline-offset:3px}@media(max-width:960px){.tf-demo-live-order{left:35%;width:18%}.tf-demo-live-sales{left:74%;width:20%}}@media(max-width:600px){.tf-demo-live-order,.tf-demo-live-sales{padding:6px;gap:5px;min-height:40px;min-width:125px;border-radius:10px}.tf-demo-live-order{left:22%;top:36%}.tf-demo-live-sales{left:auto;right:0;top:59%}.tf-demo-live-order small,.tf-demo-live-sales small{font-size:6px}.tf-demo-live-order b,.tf-demo-live-sales b{font-size:8px}.demo-symbol{width:23px;height:23px;font-size:17px}.tf-demo-live-order i{width:6px;height:6px}}@media(prefers-reduced-motion:reduce){.tf-demo-real{animation:none}}
/* Keep live badges inside their bounds across screen sizes. */
.tf-demo-live-order,.tf-demo-live-sales{box-sizing:border-box;max-width:44%;overflow:hidden;min-width:0;transform:none}.tf-demo-live-order{width:210px}.tf-demo-live-sales{width:210px;right:0;left:auto}.tf-demo-live-order>span:not(.demo-symbol),.tf-demo-live-sales>span:not(.demo-symbol){flex:1;min-width:0}.tf-demo-live-order small,.tf-demo-live-sales small{font-size:8px;white-space:normal;line-height:1.3}.tf-demo-live-order b{font-size:11px;white-space:normal;overflow-wrap:anywhere;line-height:1.35}.tf-demo-live-sales b{font-size:12px;white-space:nowrap;font-variant-numeric:tabular-nums}.tf-demo-live-order i{flex:none}.tf-demo-live-sales em.tf-sales-bars{display:flex;align-items:flex-end;gap:3px;width:23px;height:23px;flex:0 0 23px;margin-left:3px;overflow:hidden}.tf-sales-bars i{display:block;flex:1;background:#ffb000;border-radius:2px;height:40%;transform-origin:bottom;animation:tf-bar-level 1.4s ease-in-out infinite alternate}.tf-sales-bars i:nth-child(2){height:65%;animation-delay:-.5s}.tf-sales-bars i:nth-child(3){height:95%;animation-delay:-.9s}.is-counting .tf-sales-bars i{animation-duration:.35s}.tf-demo-live-order:hover,.tf-demo-live-sales:hover{transform:translateY(-2px);box-shadow:0 8px 20px #e91b343a}@keyframes tf-bar-level{from{transform:scaleY(.4)}to{transform:scaleY(1)}}@media(max-width:960px){.tf-demo-live-order{left:28%;top:37%}.tf-demo-live-sales{right:0;left:auto}}@media(max-width:600px){.tf-demo-live-order{left:10%;top:36%;width:42%;max-width:42%;padding:7px;gap:5px}.tf-demo-live-sales{right:0;left:auto;top:59%;width:42%;max-width:42%;padding:7px;gap:5px}.tf-demo-live-order small,.tf-demo-live-sales small{font-size:6px}.tf-demo-live-order b{font-size:9px;line-height:1.35}.tf-demo-live-sales b{font-size:10px}.tf-demo-live-sales em.tf-sales-bars{width:18px;height:19px;flex-basis:18px;gap:2px}.demo-symbol{width:23px;height:23px;flex-basis:23px}.tf-demo-live-order i{width:5px;height:5px}}@media(prefers-reduced-motion:reduce){.tf-sales-bars i{animation:none}}