.demo-banner{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px 18px;padding:10px 16px;background:#7a2545;color:#fff;font-size:.85rem}.demo-banner button{background:#fff;color:#7a2545;border:1px solid #fff;border-radius:6px;padding:6px 10px}.demo-banner span{max-width:620px}.demo-profiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.demo-profiles section{padding:16px;border:1px solid var(--border);border-radius:10px}.demo-profiles code{overflow-wrap:anywhere}.demo-checkout label{display:block;margin:12px 0}.demo-checkout input[readonly]{background:#f7f2ef}.demo-checkout .badge{display:inline-block;margin-bottom:10px}@media(max-width:600px){.demo-profiles{grid-template-columns:1fr}.demo-banner{text-align:center}}

.demo-banner{justify-content:space-between}.demo-banner>button{margin-left:auto}.demo-suggest{animation:demoSuggest 2.8s ease-in-out infinite}@keyframes demoSuggest{0%,100%{box-shadow:0 0 0 0 #7a254500;transform:translateY(0)}50%{box-shadow:0 0 0 5px #7a25451a;transform:translateY(-1px)}}@media(prefers-reduced-motion:reduce){.demo-suggest{animation:none}}

/* The evaluation strip follows the same content width as the storefront. */
.demo-banner{display:block;padding:0;background:#efe2e7;color:#653149;border-bottom:1px solid #dfc7d1;text-align:left;font-size:.72rem;line-height:1.4}
.demo-banner-inner{max-width:1240px;width:100%;margin:auto;padding:8px 32px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px}
.demo-banner-inner>span{max-width:none;min-width:0;overflow-wrap:anywhere}.demo-banner button{font-size:.75rem;white-space:nowrap;padding:6px 10px;border-color:#d7b9c6;color:#653149;background:#fff9fc}
@media(max-width:700px){.demo-banner-inner{padding:8px 18px;gap:10px}.demo-banner{font-size:.68rem}}