/* Drawn mock-up scenes (store-scenes.js). The SVG fills the card; text boxes (.zone) sit on it in cqw. */
.tpl .sc-art{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:0}
.tpl .zone{position:absolute;z-index:1;gap:.4cqw;padding:0}
.tpl .zone .e{max-width:100%}
/* texture over the drawing and the print: one small tiled bitmap per card */
.tpl .sc-grain{position:absolute;inset:0;z-index:2;pointer-events:none;background:url(/assets/grain.png) 0 0/22cqw;mix-blend-mode:overlay;opacity:var(--grain,.32)}
.t-neon-tuong-gach{--grain:.5}.t-story-dien-thoai,.t-slide-man-chieu{--grain:.18}.t-tui-giay,.t-bia-sach-3d{--grain:.42}

/* 1. shop sign */
.t-bien-hieu-nha-pho .sc-sign{color:var(--signink);gap:.6cqw;justify-content:center}
.t-bien-hieu-nha-pho .e-name{text-shadow:0 .35cqw 0 rgba(0,0,0,.28)}
.t-bien-hieu-nha-pho .e-top,.t-bien-hieu-nha-pho .e-line{opacity:.92}
/* 2. coffee cup sleeve */
.t-ly-ca-phe .sc-cup{color:var(--print);gap:.3cqw}
.t-ly-ca-phe .e-tag{border-top:.25cqw solid currentColor;padding-top:.8cqw;margin-top:.6cqw}
/* 3. book cover */
.t-bia-sach-3d .sc-book{color:var(--foil);gap:.4cqw}
.t-bia-sach-3d .e-title,.t-bia-sach-3d .e-title2{text-shadow:0 .12cqw 0 rgba(0,0,0,.35),0 -.08cqw 0 rgba(255,255,255,.18)}
.t-bia-sach-3d .e-sub{opacity:.85}
/* 4. lì xì: gold foil letters */
.t-bao-li-xi .sc-lixi{gap:.4cqw}
.t-bao-li-xi .sc-lixi .e{color:#f2cd6f;background:linear-gradient(170deg,#fff4c4 0%,#efc65e 38%,#c08d2f 62%,#f6d983 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 .18cqw 0 rgba(90,0,10,.45))}
.t-bao-li-xi .e-year{margin-top:1.6cqw}
/* 5. neon: glowing tubes */
.t-neon-tuong-gach .sc-neon{gap:.6cqw}
.t-neon-tuong-gach .neon{color:#fff6fb;text-shadow:0 0 .35cqw #fff,0 0 1cqw var(--neon),0 0 2.2cqw var(--neon),0 0 4.5cqw var(--neon),0 0 8cqw var(--neon)}
.t-neon-tuong-gach .neon2{color:#f2fffd;text-shadow:0 0 .3cqw #fff,0 0 .9cqw var(--neon2),0 0 2cqw var(--neon2),0 0 4cqw var(--neon2)}
/* 6. phone story */
.t-story-dien-thoai .sc-story{color:#fff;gap:.8cqw;text-shadow:0 .3cqw 1.2cqw rgba(0,0,0,.25)}
.t-story-dien-thoai .e-kicker{background:#fff;color:var(--s3);padding:.5cqw 1.6cqw;border-radius:9cqw;text-shadow:none}
/* 7. slide */
.t-slide-man-chieu .sc-slide{color:var(--sink);align-items:flex-start;text-align:left;gap:.5cqw}
.t-slide-man-chieu .e-kicker{color:var(--accent)}
.t-slide-man-chieu .e-sub{opacity:.75;margin-top:1.4cqw}
/* 8. wedding card */
.t-thiep-cuoi-phong-bi .sc-card{color:var(--ink);gap:.4cqw}
.t-thiep-cuoi-phong-bi .e-amp{color:var(--accent)}
.t-thiep-cuoi-phong-bi .e-eyebrow{margin-bottom:1.6cqw;opacity:.8}
/* 9. game console LCD */
.t-may-choi-game .sc-lcd{color:var(--lcdink);gap:.6cqw}
.t-may-choi-game .e-press{animation:sc-blink 1.2s steps(2,start) infinite}
@keyframes sc-blink{to{visibility:hidden}}
@media (prefers-reduced-motion:reduce){.t-may-choi-game .e-press{animation:none}}
/* 10. notebook */
.t-vo-o-li .sc-note{color:var(--ink);gap:.6cqw}
.t-vo-o-li .e-kicker{background:var(--d2);color:#fff;padding:.5cqw 2cqw;border-radius:9cqw}
.t-vo-o-li .e-title2{color:var(--accent)}
/* 11. billboard */
.t-bang-quang-cao .sc-ad{color:var(--adink);align-items:flex-start;text-align:left;gap:.4cqw}
.t-bang-quang-cao .e-kicker{background:var(--adink);color:var(--ad);padding:.4cqw 1.4cqw}
/* 12. paper bag */
.t-tui-giay .sc-bag{color:var(--print);gap:.8cqw}
.t-tui-giay .rl{width:14cqw;height:.3cqw;background:currentColor;opacity:.6;margin:.6cqw auto}