/* v5.1 — footer button "FATELI EMPIRE · FATELI APP" + its small choice list (opens upwards, above the footer links) */
.brand-menu{position:relative;display:flex;justify-content:center;margin:2px 0 0}
.brand-toggle{display:inline-flex;align-items:center;gap:8px;border:1px solid #663044;background:transparent;color:#663044;border-radius:100px;padding:8px 16px;font:10px Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;transition:background .25s,color .25s}
.brand-toggle:hover,.brand-menu.is-open .brand-toggle{background:#663044;color:#fff8ef}
.brand-chev{width:10px;height:6px;transition:transform .25s}
.brand-menu.is-open .brand-chev{transform:rotate(180deg)}
.brand-list{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);z-index:30;margin:0;padding:6px;list-style:none;min-width:210px;background:#faf8f4;border:1px solid #d5b29a88;border-radius:18px;box-shadow:0 12px 30px #522e2430}
.brand-list[hidden]{display:none}
.brand-list a{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:11px 14px;border-radius:12px;color:var(--ink);text-decoration:none;font:11px Arial,sans-serif;letter-spacing:.14em;white-space:nowrap}
.brand-list a:hover,.brand-list a:focus-visible{background:#efc5ca66}
.brand-list a svg{width:13px;height:13px;flex-shrink:0}
[dir="rtl"] .brand-list a svg{transform:scaleX(-1)}
@media(max-width:700px){.brand-toggle{font-size:9px;padding:7px 14px}.brand-menu{margin-top:0}}