/* Readable menus and progression screens. Scoped away from the combat HUD. */
/* The decorative glow must not create a wider, horizontally scrolling page. */
.page::before {max-width:100vw;}
body:has(.loadoutScreen:not(.hidden)) #wizardAudioControls {visibility:hidden;}
:is(.loadoutScreen,.spellbookShell,.exploreMasteryShell,.exploreVendorShopShell) {
  --screen-copy:13px;
  color:var(--ui-text);
  font-family:var(--ui-font);
  line-height:1.45;
}
:is(.loadoutScreen,.spellbookShell,.exploreMasteryShell,.exploreVendorShopShell) :is(button,select,input) {
  font-family:var(--ui-font);
}
:is(.loadoutScreen,.spellbookShell,.exploreMasteryShell,.exploreVendorShopShell) :is(button,select,input):focus-visible {
  outline:2px solid var(--ui-focus);
  outline-offset:3px;
}
:is(.loadoutScreen,.spellbookShell,.exploreMasteryShell,.exploreVendorShopShell) :is(p,small,strong) {
  overflow-wrap:anywhere;
}

/* Wizard hub: keep descriptions in the document flow, without nested tiny scrollboxes. */
.loadoutScreen {
  width:min(1320px,100%);
  padding:clamp(12px,2vw,24px);
  border-color:var(--ui-border);
  background:linear-gradient(145deg,var(--ui-surface),var(--ui-bg));
}
.loadoutHeader {display:block;text-align:left;padding:4px 2px 16px;}
.loadoutHeader h1 {font-size:clamp(24px,3vw,34px);}
.loadoutHeader p {font-size:13px;color:var(--ui-muted);}
.loadoutNavigation {
  position:sticky;top:8px;z-index:20;display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;
  padding:6px;margin-bottom:18px;border:1px solid var(--ui-divider);border-radius:12px;
  background:var(--ui-bg);box-shadow:0 6px 16px #0003;
}
.loadoutTabs {min-width:0;justify-self:stretch;justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;border:0;border-radius:8px;padding:3px;background:none;}
.loadoutTabs .loadoutTab {flex:0 0 auto;white-space:nowrap;}
.loadoutNavigation>button {min-height:42px;margin:0;border-radius:8px;}
.loadoutNavigation #storeOpenButton {border-color:var(--ui-divider);}
html:has(.loadoutScreen:not(.hidden)) {scroll-padding-top:90px;}
.loadoutScreen [role="tabpanel"]:focus-visible {outline:2px solid var(--ui-focus);outline-offset:3px;}
.loadoutTab,.collectionSectionTab {min-height:42px;padding:10px 18px;border-radius:8px;font-size:13px;font-weight:700;}
.loadoutTab.active,.collectionSectionTab.active {background:var(--ui-raised);border-color:var(--ui-gold);color:var(--ui-gold);}
.loadoutScreen[data-focus="appearance"] .loadoutStudio,
.loadoutScreen[data-focus="loadout"] .loadoutStudio {grid-template-columns:minmax(240px,.55fr) minmax(0,1fr);align-items:start;}
.loadoutScreen[data-focus="loadout"] .buildPanel {grid-column:auto;}
@media(min-width:901px) {
  .loadoutScreen[data-focus="loadout"] .characterStagePanel {position:sticky;top:90px;}
}
.loadoutSidePanel,.schoolMasteryPanel,.collectionPanel {background:var(--ui-bg);border-color:var(--ui-divider);padding:18px;}
.loadoutScreen .panelHeading {gap:4px;margin-bottom:16px;}
.loadoutScreen .panelHeading span,.appearanceSectionLabel span {font-size:11px;color:var(--ui-gold);letter-spacing:.08em;}
.loadoutScreen .panelHeading strong {font-size:19px;}
.appearanceSectionLabel {align-items:flex-start;flex-direction:column;gap:5px;}
.appearanceSectionLabel small {font-size:12px;line-height:1.5;text-align:left;color:var(--ui-muted);}
.appearanceFields label {grid-template-columns:90px minmax(0,1fr);padding:10px;font-size:13px;}
.appearanceFields select,.loadoutEditorGrid select {min-height:42px;font-size:13px;background:var(--ui-surface);color:var(--ui-text);}
.characterSaveRow,.loadoutSaveRow {flex-wrap:wrap;gap:12px;font-size:12px;line-height:1.5;color:var(--ui-muted);}
.loadoutScreen :is(.characterSaveRow,.loadoutSaveRow) .primaryButton {min-height:42px;padding:10px 16px;font-size:13px;}
.loadoutScreen .stageName {background:#111a2ee8;border-color:var(--ui-border);}
.loadoutScreen .stageName span {font-size:12px;color:var(--ui-muted);}
.loadoutScreen .loadoutEditorGrid {grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.loadoutScreen .loadoutChoice {padding:12px;min-width:0;gap:8px;background:var(--ui-surface);border-color:var(--ui-divider);}
.loadoutScreen .loadoutChoice>span {font-size:12px;color:var(--ui-gold);}
.loadoutScreen .loadoutChoice :is(.choiceDetail,small) {min-height:0;max-height:none;overflow:visible;font-size:12px;line-height:1.55;color:var(--ui-muted);}
.loadoutScreen .identityCard {min-width:0;background:var(--ui-surface);border-color:var(--ui-divider);}
.loadoutScreen .identityCard span,.loadoutScreen .abilitySummary span {font-size:10px;color:var(--ui-gold);}
.loadoutScreen .identityCard strong,.loadoutScreen .abilitySummary strong {font-size:14px;line-height:1.4;}
.loadoutScreen .identityCard small {font-size:12px;color:var(--ui-muted);line-height:1.5;}

/* Collection cards and services share the same reading scale and action rhythm. */
.collectionTabRow {border-radius:12px;background:var(--ui-bg);}
.collectionHeader p,.compactMasteryHeader p,
.collectionPanel :is(.inventoryShopHeader,.packShopHeader,.cosmeticShopHeader) p {font-size:13px;line-height:1.6;color:var(--ui-muted);}
.collectionPanel :is(.inventoryShopHeader,.packShopHeader,.cosmeticShopHeader) {align-items:flex-start;flex-wrap:wrap;gap:12px;}
.collectionPanel .inventoryStatus {font-size:12px;line-height:1.5;}
.collectionCard,.collectionPanel :is(.inventoryItemCard,.cosmeticItemCard,.masteryServiceCard,.packStoreCard) {background:var(--ui-surface);border-color:var(--ui-divider);padding:16px;}
.collectionCard p,.collectionPanel :is(.inventoryItemCard,.cosmeticText,.masteryServiceCard,.packStoreCopy) p {min-height:0;font-size:13px;line-height:1.6;color:var(--ui-muted);}
.collectionCard>strong,.collectionPanel :is(.inventoryItemTop,.cosmeticText,.masteryServiceTop) strong {font-size:16px;line-height:1.4;}
.collectionType,.collectionPanel :is(.inventoryItemTop b,.cosmeticText span,.cosmeticItemActions>b,.masteryServiceTop>b,.packOdds,.inventoryCopyNote,.inventoryTypeHeader small) {font-size:11px;line-height:1.5;letter-spacing:.025em;}
.collectionPanel :is(.inventoryItemTop,.masteryServiceTop) {flex-wrap:wrap;}
.collectionPanel :is(.smallButton,.primaryButton,.recycleButton) {min-height:40px;padding:9px 13px;font-size:12px;white-space:normal;line-height:1.4;}
.collectionPanel .cosmeticItemCard {grid-template-columns:46px minmax(0,1fr);}
.collectionPanel .cosmeticItemActions {grid-column:2;flex-direction:row;align-items:center;flex-wrap:wrap;}
.collectionGold,.masteryPoints {padding:12px 18px;background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:12px;}
.collectionGold span,.masteryPoints span {font-size:11px;color:var(--ui-gold);}
.collectionGold small,.masteryPoints small {font-size:12px;color:var(--ui-muted);}
.loadoutScreen .masterySchoolButton {padding:10px;font-size:13px;line-height:1.4;}
.loadoutScreen .masteryNode p,.loadoutScreen .masteryBranch small,.loadoutScreen .masteryTreeGuide p {font-size:13px;line-height:1.6;color:var(--ui-muted);}
.loadoutScreen .masteryNodeHead {flex-wrap:wrap;}
.loadoutScreen .masteryNodeHead strong {font-size:16px;}
.loadoutScreen .masteryContentCard,.exploreMasteryShell .masteryContentCard {grid-template-columns:36px minmax(0,1fr);padding:10px;min-height:64px;}
.loadoutScreen .masteryContentText strong,.exploreMasteryShell .masteryContentText strong {font-size:13px;line-height:1.4;}
.loadoutScreen .masteryContentText small,.exploreMasteryShell .masteryContentText small {font-size:11px;line-height:1.4;letter-spacing:.025em;}
.loadoutScreen .masteryContentCard.locked .masteryContentText {opacity:.85;}
.loadoutScreen .masteryNode:not(.reached):not(.next)>:is(.masteryNodeHead,p) {opacity:.85;}

/* Use the viewport for reading screens instead of the scaled playfield. */
:is(.spellbookPanel,.exploreMasteryPanel,.exploreVendorShopPanel) {position:fixed;inset:0;z-index:200;}
:is(.spellbookShell,.exploreMasteryShell,.exploreVendorShopShell) {
  width:min(1320px,calc(100vw - 32px));
  height:min(900px,calc(100dvh - 32px));
  max-height:calc(100dvh - 32px);
  padding:18px;
  gap:14px;
  border-radius:18px;
  grid-template-rows:auto minmax(0,1fr) auto;
}
:is(.spellbookClose,.exploreMasteryClose,.exploreVendorShopClose) {z-index:5;width:38px;height:38px;top:16px;right:16px;}
.spellbookTitleBlock>small,.spellbookDiscovery>small {font-size:12px;line-height:1.5;color:var(--ui-muted);}
.spellbookTitleBlock>span,.spellbookDiscovery>span,.spellbookSectionHead span,.spellbookDetailState {font-size:10px;letter-spacing:.1em;}
.spellbookBody {grid-template-columns:166px minmax(0,1fr) 340px;gap:12px;}
.spellbookFilters,.spellbookLibrary,.spellbookDetails {padding:12px;background:var(--ui-bg);border-color:var(--ui-divider);}
.spellbookFilters>button {min-height:42px;padding:9px 8px;font-size:12px;line-height:1.3;}
.spellbookFilterLore span {font-size:10px;}
.spellbookFilterLore p {font-size:12px;line-height:1.6;color:var(--ui-muted);}
.spellbookSectionHead>small {font-size:12px;color:var(--ui-muted);}
.spellbookGrid {grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:10px;}
.spellbookCard {min-height:96px;grid-template-columns:46px minmax(0,1fr);padding:11px;gap:6px 10px;}
.spellbookCardCopy strong {font-size:14px;line-height:1.3;white-space:normal;overflow:visible;}
.spellbookCardCopy small {font-size:11px;line-height:1.4;color:var(--ui-muted);}
.spellbookCardState {font-size:10px;padding:3px 7px;line-height:1.3;letter-spacing:0;}
.spellbookCard.locked {opacity:1;filter:saturate(.5);}
.spellbookCard.locked .spellbookCardState {color:#c6becf;border-color:#61556c;}
.spellbookDetails {gap:12px;}
.spellbookDetails>* {flex-shrink:0;}
#spellbookDetailName {font:700 22px/1.2 Georgia,serif;color:var(--ui-gold);}
#spellbookDetailSchool {font-size:12px;line-height:1.4;color:var(--ui-muted);}
.spellbookDetailTags span {font-size:11px;line-height:1.3;letter-spacing:0;padding:5px 8px;}
.spellbookDetailStat {padding:6px 2px;min-height:30px;}
.spellbookDetailStat small {font-size:12px;color:var(--ui-muted);}
.spellbookDetailStat strong {font-size:13px;line-height:1.4;}
.spellbookDetailStat em,.spellbookDetailStat.empty {font-size:11px;line-height:1.5;color:var(--ui-muted);}
.spellbookDetailSummary {font:13px/1.65 var(--ui-font);color:var(--ui-text);}
.spellbookUnlockSource {padding:12px;gap:5px;}
.spellbookUnlockSource span {font-size:10px;}
.spellbookUnlockSource strong {font-size:12px;line-height:1.6;color:var(--ui-gold);}
.spellbookEquipActions {gap:8px;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));}
.spellbookEquipButton {min-height:42px;padding:9px;font-size:12px;line-height:1.4;}
.spellbookLoadout {padding:12px;gap:12px;}
.spellbookLoadoutHead>div {display:flex;flex-wrap:wrap;gap:4px 10px;}
.spellbookLoadoutHead span {font-size:10px;}
.spellbookLoadoutHead strong {font-size:16px;}
.spellbookLoadoutHead small {display:block;flex-basis:100%;font-size:12px;line-height:1.5;color:var(--ui-muted);}
.spellbookSaveButton {min-height:42px;padding:10px 18px;font-size:13px;flex-shrink:0;}
.spellbookLoadoutSlots>button {min-height:58px;padding:9px;gap:4px 8px;}
.spellbookLoadoutSlots span {font-size:10px;color:var(--ui-muted);}
.spellbookLoadoutSlots strong {white-space:normal;font-size:12px;line-height:1.4;}
.spellbookLoadoutSlots kbd {font-size:10px;min-width:30px;height:30px;border-radius:8px;}
.spellbookFooterHint {position:static;justify-content:flex-end;font-size:11px;color:var(--ui-muted);}
.spellbookFooterHint kbd {font-size:10px;}
.spellbookEmpty {font-size:13px;color:var(--ui-muted);}

/* Mastery details must remain scrollable even with many rewards and branch choices. */
.exploreMasteryBody {grid-template-columns:190px minmax(0,1fr) 330px;gap:12px;}
.exploreMasteryBody>* {min-width:0;}
.exploreMasteryDetails {display:flex;flex-direction:column;overflow:auto;gap:12px;}
.exploreMasteryDetails>* {flex-shrink:0;}
.exploreMasteryDetailRewards {overflow:visible;}
.exploreMasteryActionArea {margin-top:auto;}
.exploreMasterySchoolButton {border-radius:10px;}
.exploreMasteryNodeReward strong {white-space:normal;line-height:1.4;}
.exploreMasteryNodeReward small,.exploreMasteryChoiceHead small {font-size:11px;line-height:1.5;letter-spacing:.02em;}
.exploreMasteryNodeAction,.exploreMasteryChoiceAction,.exploreMasteryPrimaryAction,.exploreMasteryResetButton {min-height:42px;line-height:1.4;border-radius:8px;}
.exploreMasteryResetButton {background:var(--ui-surface);color:var(--ui-muted);border-color:var(--ui-divider);box-shadow:none;}
.exploreMasteryChoice p {font-size:13px;line-height:1.6;}

/* Merchant stock is a readable list; the transaction footer never covers stock. */
.exploreVendorShopColumns {min-height:0;gap:12px;}
.exploreVendorShopPane {min-height:0;max-height:none;}
.exploreVendorShopFilters {flex-wrap:wrap;overflow:visible;gap:6px;}
.exploreVendorShopFilters button {min-height:36px;font-size:12px;line-height:1.3;}
.exploreVendorShopGrid {grid-template-columns:1fr;}
.exploreVendorShopSlot {grid-template-columns:48px minmax(0,1fr) auto;min-height:82px;padding:12px;gap:12px;}
.exploreVendorShopSlotIcon {width:46px;height:46px;}
.exploreVendorShopSlotCopy strong {font-size:14px;line-height:1.4;white-space:normal;}
.exploreVendorShopSlotCopy small {font-size:12px;line-height:1.5;color:var(--ui-muted);}
.exploreVendorShopSlotBadge {font-size:12px;line-height:1.4;padding:5px 8px;}
.exploreVendorShopSlot.unaffordable,.exploreVendorShopSlot.unsellable {opacity:.9;}
.exploreVendorShopIdentity small,.exploreVendorShopPaneHead small {font-size:12px;line-height:1.5;color:var(--ui-muted);}
.exploreVendorShopDetails {position:relative;bottom:auto;grid-template-columns:minmax(0,1fr) minmax(280px,.72fr);padding:14px;gap:16px;max-height:42dvh;overflow:auto;}
.exploreVendorShopDetailsCopy p {font-size:13px;line-height:1.6;color:var(--ui-text);}
.exploreVendorShopDetailsEyebrow,.exploreVendorShopEyebrow {font-size:10px;}
.exploreVendorShopDetailsCopy strong {font-size:22px;line-height:1.25;}
.exploreVendorShopItemMeta,.exploreVendorShopActionStatus {font-size:12px;line-height:1.5;color:var(--ui-muted);}
.exploreVendorShopTransaction {padding:12px;gap:8px;}
.exploreVendorShopTransactionLabel,.exploreVendorShopTotalPanel>span:first-child {font-size:12px;letter-spacing:.025em;}
.exploreVendorShopQuantityRow {grid-template-columns:40px minmax(0,1fr) 40px;}
.exploreVendorShopQuantityRow::before,.exploreVendorShopTotalPanel::before {display:none;}
.exploreVendorShopQuantityRow {padding:0;background:none;}
.exploreVendorShopQuantityRow :is(input,.smallButton) {background:var(--ui-surface);border-color:var(--ui-border);border-radius:8px;}
.exploreVendorShopTotalPanel {background:var(--ui-surface);}
.exploreVendorShopTotalValue em {font-size:12px;}
.exploreVendorShopQuantityRow :is(input,.smallButton) {min-height:40px;font-size:16px;}
.exploreVendorShopQtyPresets .smallButton {min-height:36px;font-size:12px;}
/* The old PNG button includes a baked-in label. Use live text so it cannot collide
   with quantities, translations, pending messages, or a narrow transaction pane. */
#exploreVendorShopTransaction #exploreVendorShopActionButton {
  width:100%;min-width:0;min-height:44px;height:auto;max-height:none;margin:2px 0 0;padding:12px;
  border:1px solid #b99555!important;
  background:linear-gradient(180deg,#745730,#47341e)!important;
  color:#fff1cc;font:700 14px/1.4 var(--ui-font);letter-spacing:0;text-shadow:none;
}
#exploreVendorShopActionButton[data-shop-action]::before {content:attr(data-shop-action);text-transform:capitalize;margin-right:6px;}
.exploreVendorShopHint,.exploreVendorShopHint kbd {font-size:11px;color:var(--ui-muted);}
.exploreVendorSaleConfirmCard p {font-size:13px;line-height:1.6;}

/* At tablet sizes, scroll the whole modal. Hidden fixed rows cannot strand actions. */
@media(max-width:1050px) {
  .spellbookBody {grid-template-columns:140px minmax(0,1fr) 300px;}
  .spellbookGrid {grid-template-columns:1fr;}
  .exploreMasteryBody {grid-template-columns:165px minmax(0,1fr) 290px;grid-template-areas:none;}
  .exploreMasteryBody>* {grid-area:auto;}
  .exploreMasteryNodeHead {grid-template-columns:auto minmax(0,1fr);}
  .exploreMasteryNodeHead i {justify-self:start;grid-column:2;}
}
@media(max-width:900px) {
  .loadoutScreen[data-focus="appearance"] .loadoutStudio,
  .loadoutScreen[data-focus="loadout"] .loadoutStudio {grid-template-columns:1fr;}
  .loadoutScreen[data-focus="loadout"] .characterStagePanel {width:100%;max-width:360px;justify-self:center;}
  .loadoutScreen #characterPreview {max-height:250px;object-fit:contain;}
  .loadoutNavigation {grid-template-columns:1fr 1fr;}
  .loadoutNavigation .loadoutTabs {grid-row:2;grid-column:1/-1;}
  .loadoutNavigation>button {justify-self:start;}
  .loadoutNavigation #storeOpenButton {justify-self:end;}
  html:has(.loadoutScreen:not(.hidden)) {scroll-padding-top:140px;}
  :is(.spellbookShell,.exploreMasteryShell,.exploreVendorShopShell) {display:block;overflow:auto;padding:14px;}
  .spellbookHeader,.exploreMasteryHeader,.exploreVendorShopHeader {margin-bottom:14px;}
  .spellbookBody,.exploreMasteryBody {display:flex;flex-direction:column;overflow:visible;gap:14px;}
  .spellbookFilters {display:flex;flex-direction:row;flex-wrap:wrap;gap:6px;overflow:visible;}
  .spellbookFilters>button {flex:1 1 130px;}
  .spellbookFilterLore {display:none;}
  .spellbookLibrary {min-height:0;}
  .spellbookGrid {grid-template-columns:repeat(2,minmax(0,1fr));max-height:400px;}
  .spellbookDetails {min-height:0;overflow:visible;}
  .spellbookLoadout {margin-top:14px;}
  .exploreMasterySchoolList {display:flex;flex-wrap:wrap;overflow:visible;}
  .exploreMasterySchoolButton {flex:1 1 180px;}
  .exploreMasteryTree {max-height:520px;}
  .exploreMasteryDetails {overflow:visible;}
  .exploreMasteryFooterHint {margin-top:14px;}
  .exploreVendorShopColumns {grid-template-columns:1fr 1fr;overflow:visible;}
  .exploreVendorShopPane {min-height:240px;max-height:420px;}
  .exploreVendorShopDetails {margin-top:14px;max-height:none;overflow:visible;grid-template-columns:minmax(0,1fr) minmax(260px,.9fr);}
  .exploreVendorShopSlot {grid-template-columns:42px minmax(0,1fr);gap:8px;}
  .exploreVendorShopSlotBadge {grid-column:2;justify-self:start;}
}
@media(max-height:650px) and (min-width:901px) {
  :is(.spellbookShell,.exploreMasteryShell,.exploreVendorShopShell) {overflow-y:auto;}
  .spellbookShell,.exploreMasteryShell {grid-template-rows:auto minmax(400px,1fr) auto;}
  .exploreVendorShopShell {grid-template-rows:auto minmax(300px,1fr) auto;}
  .spellbookBody,.exploreMasteryBody {min-height:400px;}
  .exploreVendorShopColumns {min-height:300px;}
  .exploreVendorShopDetails {max-height:none;overflow:visible;}
}
@media(max-width:600px) {
  .loadoutTabs {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;overflow:visible;}
  .loadoutTabs .loadoutTab {white-space:normal;}
  html:has(.loadoutScreen:not(.hidden)) {scroll-padding-top:190px;}
  .loadoutTab {padding:9px;}
  .loadoutScreen .loadoutEditorGrid,.collectionGrid,.inventoryEquipmentGrid,.cosmeticInventory {grid-template-columns:1fr;}
  .appearanceFields label {grid-template-columns:1fr;}
  .collectionPanel .packStoreCard {grid-template-columns:68px minmax(0,1fr);gap:14px;}
  .collectionPanel .packStoreRune {width:48px;height:48px;margin:auto;}
  .collectionPanel .packStoreCard>button {grid-column:1/-1;}
  :is(.spellbookShell,.exploreMasteryShell,.exploreVendorShopShell) {width:calc(100vw - 12px);height:calc(100dvh - 12px);max-height:calc(100dvh - 12px);padding:12px;}
  .spellbookHeader,.exploreVendorShopHeader {flex-direction:column;padding-right:44px;}
  .spellbookDiscovery {justify-items:start;margin:0;}
  .spellbookGrid {grid-template-columns:1fr;}
  .spellbookLoadoutSlots {grid-template-columns:repeat(2,minmax(0,1fr));}
  .spellbookLoadoutSlots>button:last-child {grid-column:1/-1;}
  .spellbookLoadoutHead {flex-direction:column;align-items:stretch;}
  .exploreMasteryHeader {grid-template-columns:1fr;padding-right:40px;}
  .exploreMasterySummaryBadge {min-width:0;}
  .exploreMasteryTitleBlock {padding:12px;}
  .exploreMasteryTitleBlock strong {font-size:24px;}
  .exploreMasterySchoolButton {flex-basis:130px;}
  .exploreMasteryCenterHead {flex-direction:column;}
  .exploreMasteryChoiceRow {grid-template-columns:minmax(0,1fr);}
  .exploreVendorShopColumns,.exploreVendorShopDetails {grid-template-columns:1fr;}
  .exploreVendorShopPane {min-height:240px;max-height:380px;}
  .exploreVendorShopSlot {grid-template-columns:46px minmax(0,1fr) auto;}
  .exploreVendorShopSlotBadge {grid-column:auto;}
  .exploreVendorShopWallet {min-width:0;padding:8px 12px;}
}