/* Hosted preview controls. Not part of the customer template. */
.demo-bar.preview-toolbar { gap: 22px; justify-content: space-between; padding: 10px max(22px, calc((100vw - 1296px) / 2)); flex-wrap: wrap; font-size: 11px; }
.preview-toolbar .preview-label { white-space: nowrap; max-width: none; }
.preview-toolbar .preview-layouts { display:flex; gap: 16px; align-items:center; }
.preview-toolbar a { white-space:nowrap; max-width:none; }
.preview-toolbar [aria-current="page"] { color: #d8dfb3; text-decoration-thickness: 2px; }
.preview-toolbar .preview-buy { padding: 7px 12px; border: 1px solid #788b80; border-radius: 3px; text-decoration: none; }
.preview-toolbar a:hover { color:#d8dfb3; }
@media (max-width:600px) { .demo-bar.preview-toolbar { gap: 9px 14px; padding: 10px 18px; } .preview-toolbar .preview-label { width:100%; justify-content:center; font-size:10px; letter-spacing:.5px; } .preview-toolbar .preview-layouts { gap:12px; } }
@media print { .demo-bar.preview-toolbar { display:none !important; } }