/* Small boutique identifiers retain each brand's official colors. */
.merchant-brand { display:inline-flex; align-items:center; gap:7px; min-width:0; max-width:100%; vertical-align:middle; }
.merchant-name { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.merchant-logo { display:inline-grid; place-items:center; position:relative; flex:0 0 18px; width:18px; height:18px; overflow:hidden; border-radius:4px; background:#fff; box-shadow:0 0 0 1px rgba(54,40,32,.07); font:600 10px/1 system-ui,sans-serif; letter-spacing:0; color:#75665d; text-transform:none; }
.merchant-logo::before { content:attr(data-initial); }
.merchant-logo img { position:absolute; inset:0; width:100%; height:100%; object-fit:contain; }
.merchant-logo.is-loaded::before { content:none; }
#simple-detail-merchant .merchant-logo, #drawer-merchant .merchant-logo { flex-basis:20px; width:20px; height:20px; }
body[data-experience-mode="simple"] .wish-merchant { display:flex; }
@media(max-width:420px) { body[data-experience-mode="simple"] .wish-merchant { gap:5px; } body[data-experience-mode="simple"] .wish-merchant .merchant-logo { flex-basis:16px; width:16px; height:16px; border-radius:3px; } }