/* Localized captions sit directly on the existing, caption-cleared source
   timber. Keep their complete font boxes inside each native header strip. */
body.desktop-client #panel[data-native-panel=shop] .native-shop-layout :is(.native-merchant-title,.merchant-menu-title,.merchant-count-title){
 box-sizing:border-box;display:flex;align-items:center;justify-content:flex-start;
 margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;
 font-family:var(--font-title);font-weight:600;font-size:11px;line-height:18px;
 letter-spacing:.025em;color:#ead6af;text-shadow:0 1px 0 #382619;
 white-space:nowrap;overflow:hidden;text-overflow:clip;
}
body.desktop-client #panel[data-native-panel=shop] .native-merchant-board>.native-merchant-title{
 left:47px;top:6px;width:207px;height:20px;font-size:12px;line-height:20px;
}
body.desktop-client #panel[data-native-panel=shop] .native-merchant-menu>.merchant-menu-title{
 left:30px;top:2px;width:226px;height:18px;
}
body.desktop-client #panel[data-native-panel=shop] .native-item-count>.merchant-count-title{
 left:27px;top:4px;width:92px;height:18px;
}
/* The source list sockets are 31px, including their rim. Scale the complete
   sprite into the well instead of clipping a default 46px item image. */
body.desktop-client #panel[data-native-panel=shop] .merchant-item-list .native-item-icon{
 display:inline-flex;align-items:center;justify-content:center;flex:0 0 31px;
 width:31px;height:31px;margin:0;padding:0;
}
body.desktop-client #panel[data-native-panel=shop] .merchant-selected-icon .native-item-icon{
 display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;margin:0;padding:0;
}
body.desktop-client #panel[data-native-panel=shop] :is(.merchant-item-list,.merchant-selected-icon) .native-item-icon>span{
 display:block;position:static;flex:none;margin:0;padding:0;background-repeat:no-repeat;
}
/* The native item well stays fixed while its complete stock scrolls within it.
   Mouse wheel, keyboard and one-finger dragging share the same continuous list. */
body.desktop-client #panel[data-native-panel=shop] .merchant-item-list{
 display:flex;flex-direction:column;box-sizing:border-box;
 overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;touch-action:pan-y;
 scrollbar-width:thin;scrollbar-color:#948363 #111710;scroll-padding-block:4px;
}
body.desktop-client #panel[data-native-panel=shop] .merchant-item-list>button{
 flex:0 0 auto;box-sizing:border-box;min-height:36.6px;width:100%;
}
body.desktop-client #panel[data-native-panel=shop] .merchant-item-list:focus-visible{
 outline:1px solid #cfb888;outline-offset:-2px;
}
body.desktop-client #panel[data-native-panel=shop] .merchant-pages{font-size:9px;gap:2px}
body.desktop-client #panel[data-native-panel=shop] .merchant-pages button{padding:2px 6px}
body.desktop-client.touch-client #panel[data-native-panel=shop] .merchant-item-list>button{min-height:44px}