/* FlixGlow Mobile Header — isolated styles; desktop header/plugin untouched. */
.fgm-header { display:none; width:100%; position:relative; z-index:99999; margin:0; padding:0; font-family:inherit; }
.fgm-header, .fgm-header * { box-sizing:border-box; }
.fgm-header .fgm-bar { min-height:72px; width:100%; display:flex; align-items:center; justify-content:space-between; gap:14px; padding:9px 16px; background:#10131c; }
.fgm-header .fgm-brand { display:flex; align-items:center; min-width:0; max-width:calc(100% - 62px); text-decoration:none; color:#fff; }
.fgm-header .fgm-brand img { display:block; width:auto; height:auto; max-width:min(220px, 100%); max-height:54px; object-fit:contain; object-position:left center; }
.fgm-header .fgm-brand-mark { color:#ff3158; font-size:23px; margin-right:7px; }
.fgm-header .fgm-brand-name { color:#fff; font-size:25px; font-weight:800; letter-spacing:-1px; }
.fgm-header .fgm-brand-name span { color:#ff3158; }
.fgm-header .fgm-toggle { width:46px; height:46px; flex:0 0 46px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:5px; border:1px solid rgba(255,255,255,.2); border-radius:10px; background:transparent; padding:0; cursor:pointer; }
.fgm-header .fgm-toggle span { display:block; width:21px; height:2px; border-radius:2px; background:#fff; }
.fgm-header .fgm-backdrop { position:fixed; inset:0; z-index:99998; background:rgba(0,0,0,.62); }
.fgm-header .fgm-panel { position:fixed; z-index:99999; top:0; right:0; width:min(86vw, 360px); height:100dvh; overflow-y:auto; padding:20px; background:#111522; color:#fff; box-shadow:-12px 0 35px rgba(0,0,0,.25); transform:translateX(105%); visibility:hidden; transition:transform .25s ease, visibility .25s ease; }
.fgm-header.fgm-open .fgm-panel { transform:translateX(0); visibility:visible; }
.fgm-header .fgm-panel-head { display:flex; align-items:center; justify-content:space-between; padding-bottom:18px; border-bottom:1px solid rgba(255,255,255,.13); font-size:18px; font-weight:700; }
.fgm-header .fgm-close { border:0; background:transparent; color:#fff; font-size:30px; line-height:1; cursor:pointer; padding:2px 6px; }
.fgm-header .fgm-links { padding:12px 0 20px; }
.fgm-header .fgm-menu, .fgm-header .fgm-menu ul { list-style:none; margin:0; padding:0; }
.fgm-header .fgm-menu li { display:block; margin:0; padding:0; border-bottom:1px solid rgba(255,255,255,.09); }
.fgm-header .fgm-menu a { display:flex; align-items:center; min-height:52px; padding:12px 4px; color:#fff; text-decoration:none; font-size:16px; font-weight:600; }
.fgm-header .fgm-menu a:hover, .fgm-header .fgm-menu .current-menu-item > a { color:#ff4568; }
.fgm-header .fgm-menu .sub-menu { padding-left:16px; border-top:1px solid rgba(255,255,255,.08); }
.fgm-header .fgm-actions { display:grid; grid-template-columns:1fr; gap:11px; padding-top:8px; }
.fgm-header .fgm-button { display:flex; justify-content:center; align-items:center; min-height:48px; padding:12px 18px; border-radius:9px; text-decoration:none; font-size:15px; font-weight:700; }
.fgm-header .fgm-login { color:#fff; border:1px solid rgba(255,255,255,.35); background:transparent; }
.fgm-header .fgm-join { color:#fff; border:1px solid #ff3158; background:#ff3158; }
body.fgm-menu-open { overflow:hidden; }
@media (max-width:767px) { .fgm-header { display:block; } }
@media (min-width:768px) { .fgm-header { display:none !important; } }
@media (prefers-reduced-motion:reduce) { .fgm-header .fgm-panel { transition:none; } }