/* Build 390 — menu suspenso do consumidor, compartilhado entre Marketplace e PWA da loja */
.market-customer-menu-trigger{display:inline-flex!important}
.market-customer-menu-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.48);z-index:1195;opacity:0;transition:opacity .2s ease}
.market-customer-menu-backdrop.is-open{opacity:1}
.market-customer-menu{position:fixed;z-index:1200;top:0;bottom:0;left:0;width:min(360px,88vw);background:#fff;transform:translateX(-102%);transition:transform .24s ease;box-shadow:20px 0 48px rgba(15,23,42,.18);display:flex;flex-direction:column;color:#101828;padding-top:env(safe-area-inset-top)}
.market-customer-menu.is-open{transform:translateX(0)}
.market-customer-menu>header{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 18px;border-bottom:1px solid #eaecf0}
.market-customer-menu-brand{display:grid;gap:2px;min-width:0}
.market-customer-menu-brand strong{font-size:17px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.market-customer-menu-brand small{font-size:13px;color:#667085}
.market-customer-menu>header>button{width:40px;height:40px;border:0;border-radius:8px;background:#f2f4f7;color:#344054;display:grid;place-items:center;cursor:pointer;flex:0 0 auto}
.market-customer-menu-user{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:12px;padding:17px 18px;border-bottom:1px solid #eaecf0}
.market-customer-menu-user>span{width:48px;height:48px;border-radius:9px;background:var(--color-primary,#ea010b);color:var(--color-primary-contrast,#fff);display:grid;place-items:center;font-weight:900;font-size:18px}
.market-customer-menu-user>div{display:grid;gap:2px;min-width:0}
.market-customer-menu-user strong{font-size:16px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.market-customer-menu-user small{font-size:13.5px;color:#667085;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.market-customer-menu nav{padding:8px 8px 14px;overflow:auto;display:grid;align-content:start;gap:1px;flex:1}
.market-customer-menu nav a,.market-customer-menu nav button,.market-customer-menu footer a{width:100%;min-height:50px;display:grid;grid-template-columns:27px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 11px;border:0;border-radius:7px;background:transparent;color:#1d2939;text-decoration:none;text-align:left;font:inherit;cursor:pointer}
.market-customer-menu nav a:hover,.market-customer-menu nav button:hover{background:#f8fafc}
.market-customer-menu nav a svg,.market-customer-menu nav button svg,.market-customer-menu footer a svg{color:var(--color-primary,#ea010b)}
.market-customer-menu nav a>span,.market-customer-menu nav button>span,.market-customer-menu footer a>span{font-size:15.5px;font-weight:700;line-height:1.3}
.market-customer-menu nav a>small{font-size:11.5px;color:#98a2b3;font-weight:700}
.market-customer-menu footer{padding:10px 8px calc(12px + env(safe-area-inset-bottom));border-top:1px solid #eaecf0}
.market-customer-menu footer a{color:#b42318}
.market-customer-menu footer a svg{color:#b42318}
.market-customer-menu-guest{padding:28px 18px;display:grid;gap:10px;text-align:center}
.market-customer-menu-guest>span{width:56px;height:56px;margin:0 auto 4px;border-radius:12px;background:#f2f4f7;color:var(--color-primary,#ea010b);display:grid;place-items:center}
.market-customer-menu-guest strong{font-size:19px}
.market-customer-menu-guest p{margin:0 0 8px;color:#667085;font-size:14.5px;line-height:1.5}
.market-customer-menu-guest .button{width:100%;min-height:44px;border-radius:7px}
html.market-customer-menu-open,html.market-customer-menu-open body{overflow:hidden}
@media(min-width:900px){.market-customer-menu{width:340px}}
/* Botões do menu nas páginas nativas onde o cabeçalho principal fica oculto */
.marketplace-body .consumer-pagebar-actions{justify-self:end;display:flex;align-items:center;gap:2px}
.marketplace-body .consumer-pagebar-actions .consumer-pagebar-action,.marketplace-body .consumer-pagebar-menu-left{width:40px;height:40px;border:0;border-radius:8px;background:transparent;color:#344054;display:grid;place-items:center;cursor:pointer}
.marketplace-body .consumer-pagebar-menu-left{justify-self:start!important}
.marketplace-body .market-referral-native-head{display:grid;grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;gap:10px}
.marketplace-body .market-referral-native-head>button{width:40px;height:40px;border:0;border-radius:8px;background:#fff;color:#344054;display:grid;place-items:center;cursor:pointer;justify-self:end}