/* Demo-only parts: demo bar, popup, toast, and a light brand look for the sample shop (a real client gets their own design). */
.dm-bar{display:flex;flex-wrap:wrap;gap:8px 14px;justify-content:space-between;align-items:center;padding:8px 16px;background:#1c1b19;color:#f2efe9;font:13px/1.4 Inter,system-ui,sans-serif}
.dm-bar b{background:#f2c230;color:#1c1b19;border-radius:6px;padding:1px 7px;margin-right:6px;font-size:12px}
.dm-bar nav{display:flex;gap:4px;align-items:center}
.dm-bar a,.dm-bar button{color:#f2efe9;text-decoration:none;padding:4px 10px;border-radius:8px;font:500 13px Inter,system-ui,sans-serif;background:none;border:0;cursor:pointer;margin:0;width:auto}
.dm-bar a.on{background:#ffffff1f;font-weight:600}
.dm-bar button{border:1px solid #ffffff33}
.dm-pop{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:16px;background:#1c1b1966}
.dm-box{background:#fff;color:#1c1b19;border-radius:16px;padding:22px;max-width:380px;width:100%;box-shadow:0 20px 50px #0003;font:15px/1.5 Inter,system-ui,sans-serif}
.dm-box h2{font:800 19px Manrope,Inter,sans-serif;margin:10px 0 6px}.dm-box p{margin:0 0 16px;color:#4a4843}
.dm-tag{display:inline-block;background:#fbefd9;color:#a86400;border-radius:99px;padding:2px 10px;font-size:12px;font-weight:600}
.dm-box button{width:auto;margin:0}
.dm-toast{position:fixed;right:16px;bottom:16px;z-index:40;max-width:360px;background:#1c1b19;color:#fff;border-radius:14px;padding:14px 40px 14px 16px;font:14px/1.45 Inter,system-ui,sans-serif;box-shadow:0 14px 40px #0004;transform:translateY(140%);transition:transform .4s cubic-bezier(.2,.9,.3,1.2)}
.dm-toast.in{transform:none}.dm-toast p{margin:0 0 6px}.dm-toast a{color:#f2c230;font-weight:600}
.dm-toast button{position:absolute;top:6px;right:6px;background:none;border:0;color:#fff;font-size:20px;padding:4px 10px;width:auto;margin:0;cursor:pointer}
@media(max-width:520px){.dm-toast{left:16px;right:16px;max-width:none}.dm-bar>span{font-size:12px}}
@media(prefers-reduced-motion:reduce){.dm-toast{transition:none}}