/* Reelzign family header: one bar for Reelocal, Reelshop, Reelstory and reelzign.com.
   Markup lives in each page (see the comment block above <header class="rzh">); behaviour in reelzign-header.js.
   Only the accent changes per app, set by data-app on the header. A copy of this file ships on reelzign.com
   (site repo, /shared/reelzign-header.css); keep the two identical. */
.rzh{--rzh-ink:#f4f4f6;--rzh-muted:#a3a3ae;--rzh-faint:#787884;--rzh-line:rgba(255,255,255,.09);--rzh-panel:#141418;--rzh-hover:rgba(255,255,255,.06);--rzh-accent:#CC3F17;--rzh-accent-hover:#B23510;
  position:relative;z-index:30;background:var(--rzh-bg,transparent);border-bottom:1px solid var(--rzh-border,var(--rzh-line));color:var(--rzh-ink);font-family:inherit;line-height:1.2;-webkit-font-smoothing:antialiased}
.rzh[data-app="reelocal"]{--rzh-accent:#CC3F17;--rzh-accent-hover:#B23510}
.rzh[data-app="reelshop"]{--rzh-accent:#7E47F2;--rzh-accent-hover:#6B35DE}
.rzh[data-app="reelstory"]{--rzh-accent:#177A82;--rzh-accent-hover:#12666D}
.rzh[data-app="reelzign"]{--rzh-accent:#BF41A9;--rzh-accent-hover:#A63592}
.rzh--sticky{position:sticky;top:0}
.rzh *{box-sizing:border-box}
.rzh-in{max-width:var(--rzh-max,1180px);margin:0 auto;padding:12px var(--rzh-pad,24px);min-height:64px;display:flex;align-items:center;gap:18px}

/* brand: tile + name + "by Reelzign" */
.rzh-brand{display:flex;align-items:center;gap:10px;flex:none;color:var(--rzh-ink);text-decoration:none}
.rzh-tile{display:block;width:30px;height:30px;border-radius:8px;flex:none}
.rzh-name{display:block;font-size:15px;font-weight:650;letter-spacing:-.01em;line-height:1;color:var(--rzh-ink);white-space:nowrap}
.rzh-by{display:block;margin-top:3px;font-size:11px;font-weight:500;letter-spacing:0;color:var(--rzh-faint)}

/* dropdowns */
.rzh-dd{position:relative;flex:none}
.rzh-pill{display:inline-flex;align-items:center;gap:6px;margin:0;padding:6px 12px;border:1px solid var(--rzh-line);border-radius:999px;background:transparent;color:var(--rzh-muted);font:inherit;font-size:13px;font-weight:500;line-height:1.2;cursor:pointer;transition:color .15s,border-color .15s}
.rzh-pill:hover,.rzh-pill[aria-expanded="true"]{color:var(--rzh-ink);border-color:rgba(255,255,255,.22)}
.rzh-chev{width:10px;height:10px;flex:none;transition:transform .15s}
[aria-expanded="true"]>.rzh-chev{transform:rotate(180deg)}
.rzh-menu{position:absolute;top:calc(100% + 8px);left:0;z-index:50;width:300px;max-width:calc(100vw - 32px);padding:6px;border:1px solid var(--rzh-line);border-radius:12px;background:var(--rzh-panel);box-shadow:0 18px 40px rgba(0,0,0,.5);text-align:left}
.rzh-menu[hidden],.rzh-sheet[hidden]{display:none}
.rzh-menu--right{left:auto;right:0}
.rzh-mi{display:flex;align-items:center;gap:10px;padding:9px;border-radius:8px;color:var(--rzh-ink);font-size:14px;font-weight:500;line-height:1.25;text-decoration:none}
.rzh-mi:hover,.rzh-mi:focus-visible{background:var(--rzh-hover);color:var(--rzh-ink)}
.rzh-mi img{display:block;width:26px;height:26px;border-radius:7px;flex:none}
.rzh-mi small{display:block;margin-top:2px;font-size:12px;font-weight:400;color:var(--rzh-faint)}
.rzh-act{margin-left:auto;padding-left:8px;font-size:12px;color:var(--rzh-muted);white-space:nowrap}
.rzh-mi[aria-current="page"] .rzh-act{color:var(--rzh-ink)}
.rzh-sep{height:1px;margin:6px 2px;background:var(--rzh-line)}
.rzh-note{margin:0;padding:8px 9px 4px;font-size:12px;color:var(--rzh-faint)}
.rzh-note--foot{padding:6px 9px}

/* right side: page links, Sign in, buy button */
.rzh-links{display:flex;align-items:center;gap:22px;margin-left:auto}
.rzh-links a{color:var(--rzh-muted);font-size:14px;font-weight:500;text-decoration:none;white-space:nowrap;transition:color .15s}
.rzh-links a:hover{color:var(--rzh-ink)}
.rzh-signin{flex:none;margin:0;padding:0;border:0;background:none;color:var(--rzh-ink);font:inherit;font-size:14px;font-weight:500;text-decoration:none;white-space:nowrap;cursor:pointer;display:inline-flex;align-items:center;gap:6px}
.rzh-signin:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}
.rzh-links+.rzh-signin,.rzh-links+.rzh-dd{margin-left:4px}
.rzh .nav-cta{flex:none;display:inline-flex;align-items:center;gap:6px;padding:9px 16px!important;border:0;border-radius:999px;background:var(--rzh-accent);color:#fff!important;font-family:inherit;font-size:14px;font-weight:600;line-height:1.2;text-decoration:none;white-space:nowrap;box-shadow:none;transition:background .15s}
.rzh .nav-cta:hover{background:var(--rzh-accent-hover);color:#fff!important}

/* phone menu button + sheet */
.rzh-burger{display:none;flex:none;width:36px;height:36px;margin:0;padding:0;border:1px solid var(--rzh-line);border-radius:8px;background:transparent;color:var(--rzh-muted);cursor:pointer;place-items:center}
.rzh-burger:hover,.rzh-burger[aria-expanded="true"]{color:var(--rzh-ink);border-color:rgba(255,255,255,.22)}
.rzh-burger svg{width:18px;height:18px}
.rzh-sheet{position:absolute;left:0;right:0;top:100%;z-index:50;max-height:calc(100vh - 72px);overflow-y:auto;padding:6px 16px 18px;border-bottom:1px solid var(--rzh-line);background:var(--rzh-panel);box-shadow:0 18px 40px rgba(0,0,0,.5)}
.rzh-sheet h4{margin:14px 0 6px;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--rzh-faint)}
.rzh-sheet .rzh-mi{padding:10px 9px}
.rzh-sheet-cta{display:block;margin-top:14px;padding:12px 16px;border-radius:999px;background:var(--rzh-accent);color:#fff;font-size:15px;font-weight:600;text-align:center;text-decoration:none}
.rzh-sheet-cta:hover{background:var(--rzh-accent-hover);color:#fff}

.rzh :focus-visible{outline:2px solid #fff;outline-offset:2px}

@media (max-width:980px){.rzh-links{gap:16px}.rzh-in{gap:14px}}
@media (max-width:768px){
  .rzh-in{padding:10px 16px;min-height:58px;gap:12px}
  .rzh-apps,.rzh-links,.rzh-in>.nav-cta{display:none!important}
  .rzh-burger{display:grid}
  .rzh-in>.rzh-signin,.rzh-in>.rzh-signwrap{margin-left:auto}
  .rzh-tile{width:28px;height:28px;border-radius:7px}
}
@media (min-width:769px){.rzh-sheet{display:none!important}}
@media (prefers-reduced-motion:reduce){.rzh *{transition:none!important}}
.rzh-push{margin-left:auto}