/* ReBrandMyAI shared preview bar. One file for every After and Before preview.
   Namespaced rbm-bar so no brand stylesheet can reach it. Brand pages read
   --rmai-themebar-height (set by rbm-bar.js) to position their own sticky navigation. */
.rbm-bar{position:sticky;top:0;z-index:100;background:#050914;color:#f2f7ff;font:500 13px/1.25 "Hanken Grotesk",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;border-bottom:1px solid #255499;box-shadow:0 5px 22px #07102328;-webkit-font-smoothing:antialiased;text-align:left;letter-spacing:0}
:root{--rmai-themebar-height:63px}
@media (max-width:760px){:root{--rmai-themebar-height:55px}}
.rbm-bar *,.rbm-bar *::before,.rbm-bar *::after{box-sizing:border-box}
.rbm-bar a{color:inherit;text-decoration:none}
.rbm-bar a:focus-visible{outline:2px solid #8fc4ff;outline-offset:3px;border-radius:6px}
.rbm-bar__inner{width:min(100% - 48px,1460px);margin:0 auto;min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:22px}
.rbm-bar__brand{display:flex;align-items:center;gap:11px;font-weight:800;letter-spacing:-.03em;font-size:15px;min-width:0;white-space:nowrap}
.rbm-bar__brand img{width:34px;height:34px;object-fit:contain;border-radius:6px;display:block;flex:none}
.rbm-bar__brand small{display:block;margin-top:4px;font-size:9px;font-weight:700;letter-spacing:.14em;color:#8baedb;text-transform:uppercase}
.rbm-bar__designer{font-size:12px;color:#9bb8de;white-space:nowrap}
.rbm-bar__designer strong{color:#fff;font-weight:700}
.rbm-bar__note{font-size:12px;color:#c6d6ee;max-width:560px}
.rbm-bar__note strong{color:#fff}
.rbm-bar__links{display:flex;gap:16px;align-items:center;flex-shrink:0}
.rbm-bar__case{font-size:12px;font-weight:700}
.rbm-bar__case:hover{text-decoration:underline;text-underline-offset:3px}
.rbm-bar__buy{display:inline-flex;align-items:center;padding:11px 16px;border-radius:8px;background:#1268ff;font-size:12px;font-weight:800;box-shadow:0 4px 18px #1268ff5a;white-space:nowrap}
.rbm-bar__buy:hover{background:#3483ff}
/* Before pages: an informational strip that scrolls away, so the draft's own sticky header is untouched. */
.rbm-bar--before{position:relative;background:#0b1424;border-bottom-color:#6b5a1f}
.rbm-bar--before .rbm-bar__brand small{color:#e6c25c}
.rbm-bar--before .rbm-bar__buy{background:#f2f6ff;color:#08142a;box-shadow:none}
.rbm-bar--before .rbm-bar__buy:hover{background:#fff}
@media (max-width:900px){.rbm-bar__designer{display:none}}
@media (max-width:760px){
 .rbm-bar__inner{width:calc(100% - 28px);min-height:54px;gap:10px}
 .rbm-bar__brand{font-size:12px;gap:9px}.rbm-bar__brand img{width:28px;height:28px}
 .rbm-bar__brand small{font-size:8px;letter-spacing:.12em;margin-top:3px}
 .rbm-bar__links{gap:10px}.rbm-bar__case{font-size:11px}
 .rbm-bar__buy{padding:9px 11px;font-size:11px}
 .rbm-bar--before .rbm-bar__inner{flex-wrap:wrap;padding:9px 0}
 .rbm-bar--before .rbm-bar__note{order:3;width:100%;max-width:none;font-size:11px}
}
@media (max-width:420px){.rbm-bar__case{display:none}}
@media print{.rbm-bar{display:none}}