:root{--mux-surface:var(--rd-bg-2);--mux-line:var(--rd-line);--mux-text:var(--rd-text);--mux-accent:var(--rd-accent);--mux-ink:#ffffff}
.mux-bar{display:none}.mux-dialog{box-sizing:border-box;border:1px solid var(--mux-line,#425066);border-radius:22px;background:var(--mux-surface,#152033);color:var(--mux-text,#fff);font:inherit;padding:24px;width:min(94vw,520px);max-height:80dvh;overflow:auto;overscroll-behavior:contain;text-align:right;box-shadow:0 20px 80px #0008;z-index:2147483001}.mux-dialog::backdrop{background:#0009;backdrop-filter:blur(3px)}.mux-dialog *,.mux-bar *,.mux-brands *{box-sizing:border-box}.mux-dialog h2{font:inherit;font-size:21px;font-weight:800;line-height:1.7;margin:8px 0 12px}.mux-dialog p{font-size:14px;line-height:1.9;margin:12px 0;color:inherit}.mux-close{display:block;margin-inline-start:auto;border:1px solid var(--mux-line,#425066);background:transparent;color:inherit;border-radius:50%;width:44px;height:44px;font:inherit;font-size:24px;cursor:pointer}.mux-links{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mux-links a,.mux-primary,.mux-secondary{display:flex;align-items:center;justify-content:center;min-height:48px;padding:12px;border-radius:12px;font:inherit;font-size:14px;font-weight:700;text-decoration:none;line-height:1.6;text-align:center;white-space:normal}.mux-links a,.mux-secondary{background:transparent;color:inherit;border:1px solid var(--mux-line,#425066)}.mux-primary{background:var(--mux-accent,#eac269);color:var(--mux-ink,#151515)!important;border:0}.mux-secondary{width:100%;cursor:pointer;margin-top:10px}.mux-dialog a:focus-visible,.mux-dialog button:focus-visible,.mux-bar a:focus-visible{outline:3px solid var(--mux-accent,#eac269);outline-offset:3px}.mux-tag{font-size:12px;opacity:.75}.mux-brands{color:var(--mux-text,#fff);max-width:1150px;margin:24px auto;padding:0 16px;text-align:center;direction:rtl}.mux-brands>h1,.mux-brands>p{color:inherit}.mux-brand-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.mux-card{border:1px solid var(--mux-line,#425066);border-top:3px solid var(--card-accent);padding:24px 18px;border-radius:16px;background:var(--mux-surface,#152033);color:var(--mux-text,#fff);min-width:0}.mux-card img{object-fit:contain;width:100%;max-width:200px;height:76px;margin:0 auto 16px;display:block}.mux-card h2{font-size:21px;margin:10px 0}.mux-card p{font-size:14px;line-height:1.9}.mux-card .mux-primary{background:var(--card-accent);color:var(--card-ink)!important}.mux-brands-note{line-height:1.9;font-size:13px;margin:24px auto;max-width:700px}.mux-card a{margin-top:12px}
@media(max-width:767px){html:has(.mux-bar){scroll-padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))}body:has(.mux-bar){padding-bottom:calc(92px + env(safe-area-inset-bottom,0px))!important}.mobile-footer-bar,.sh-tab,#custom-popup-dialog{display:none!important}.mux-bar{position:fixed;inset:auto 0 0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch;direction:rtl;background:var(--mux-surface,#152033);color:var(--mux-text,#fff);border-top:1px solid var(--mux-line,#425066);padding:6px 4px calc(6px + env(safe-area-inset-bottom,0px));box-shadow:0 -8px 25px #0003;z-index:1000;isolation:isolate;font:inherit}.mux-bar a{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-height:58px;min-width:0;text-decoration:none;color:inherit;font-size:11px;line-height:1.5;padding:5px 2px;border-radius:12px;white-space:normal;text-align:center}.mux-bar svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.mux-bar .mux-entry{background:var(--mux-accent,#eac269);color:var(--mux-ink,#151515);font-weight:800;margin-top:-17px;min-height:75px;box-shadow:0 -4px 16px #0002;border:3px solid var(--mux-surface,#152033)}.mux-bar [aria-current=page]:not(.mux-entry){background:var(--mux-line,#425066)}.mux-dialog[data-sheet]{margin:auto auto calc(88px + env(safe-area-inset-bottom,0px));max-height:calc(100dvh - 125px)}.mux-brand-grid{grid-template-columns:1fr}.mux-brands{margin-top:12px}.mux-dialog .mux-primary{width:100%}}
@media(min-width:768px) and (max-width:1000px){.mux-brand-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:no-preference){.mux-dialog[open]{animation:mux-in .18s ease-out}@keyframes mux-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}}
