/* Static demo only. Original Retail CSS is loaded solely by demo pages. */
body[data-theme]{box-sizing:border-box}body[data-theme] *,body[data-theme] *:before,body[data-theme] *:after{box-sizing:inherit}
body[data-theme="clean"]{--shop-primary:#5b7057;--shop-accent:#e7ece6}body[data-theme="boutique"]{--shop-primary:#98472e;--shop-accent:#eadfcc}body[data-theme="compact"]{--shop-primary:#2e5d3a;--shop-accent:#e8f2e9}
.demo-bar{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;padding:10px 24px;background:var(--shop-accent);font-size:13px}.demo-bar a{min-height:24px}.demo-notice{font-size:13px;color:var(--visual-muted)}.demo-detail{padding:0 16px 14px}.demo-detail summary{cursor:pointer;min-height:44px;display:flex;align-items:center;text-decoration:underline}.demo-detail p{margin:8px 0!important}.demo-detail a{display:inline-flex;align-items:center;min-height:44px}.demo-panel{display:none;padding:24px;background:var(--shop-accent);border:1px solid var(--visual-line);scroll-margin-top:20px}.demo-panel:target{display:block}.demo-panel a{display:inline-flex;min-height:44px;align-items:center}.shop-home section[id]{scroll-margin-top:20px}
@media(max-width:600px){.demo-bar{padding:8px 16px;font-size:12px}.demo-bar span{flex:1 1 200px}}

/* Owner-approved declaration cleanup: demo pages only. */
body[data-visual-storefront="true"] .shop-home{padding-bottom:24px}body[data-visual-storefront="true"] .shop-footer{padding:24px 40px}.demo-panels{display:contents}.shop-footer p{margin:10px 0}.shop-footer>a{margin-top:8px}
@media(max-width:600px){body[data-visual-storefront="true"] .shop-footer{padding:24px 16px}}