/* MU World V2 pages/market: page group "market" (Chợ vật phẩm). Scope every rule under
   body[data-mu-preview][data-mu-page="<slug>"]: mall-shop (+ popup mua #modal-popup mounted on body),
   mall-shop_sell. Builds on market.css (.mk-*) and shared-ui.css (.mu-v2-*); never edits them.
   Goal: one frame on iPhone 12 Pro (portrait ~390x664, landscape ~844x300), no page scroll:
   header + filters stay fixed, the list/card scrolls inside its own box. */

/* ======================================================================= */
/* /mall/shop.shtml                                                        */
/* ======================================================================= */
body[data-mu-preview][data-mu-page="mall-shop"] #index_content {
  display: flex;
  flex-direction: column;
  height: 100% !important; /* v2.css sets height:auto!important on #index_content */
  min-height: 0 !important;
}
body[data-mu-preview][data-mu-page="mall-shop"] #index_content > .neo-unified-page {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
  margin-top: 0 !important;
  padding: 0 !important;
}
body[data-mu-preview][data-mu-page="mall-shop"] .mk-page,
body[data-mu-preview][data-mu-page="mall-shop"] .mk-layer {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
body[data-mu-preview][data-mu-page="mall-shop"] .mk-layer > .mk-v2-stage {
  flex: 1 1 auto;
  min-height: 0;
  grid-template-rows: minmax(0, 1fr) !important;
  align-items: stretch !important;
}
body[data-mu-preview][data-mu-page="mall-shop"] .mk-v2-main {
  display: flex;
  flex-direction: column;
  min-height: 0;
}
body[data-mu-preview][data-mu-page="mall-shop"] .mk-neo-hero,
body[data-mu-preview][data-mu-page="mall-shop"] .mk-filter-bar { flex: none; }
/* The list is the only scrolling region of the page. */
body[data-mu-preview][data-mu-page="mall-shop"] #t-shop_list {
  flex: 1 1 auto;
  min-height: 120px !important;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: #776342 #11151b;
  padding-bottom: 4px;
}
body[data-mu-preview][data-mu-page="mall-shop"] #t-shop_list.t-disabled { opacity: .55; pointer-events: none; }

/* Header: Back | icon + title/subtitle | actions (shared .mu-v2-page-heading grid). */
body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mk-neo-hero {
  margin-bottom: 10px !important;
  padding: 10px 14px !important;
}
body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mk-neo-title-left { gap: 10px !important; }
body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mk-neo-title-icon { width: 36px !important; height: 36px !important; font-size: 15px !important; }
/* Soát đồng bộ 26/09: header chuẩn = header Nạp (Back + tiêu đề + mô tả), không icon trang như các nhóm khác. */
body[data-mu-preview]:is([data-mu-page="mall-shop"],[data-mu-page="mall-shop_sell"]) #index_content .mu-v2-page-heading .mk-neo-title-icon { display: none !important; }
body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mu-v2-page-heading-title h1.mk-neo-title {
  font: 800 clamp(19px, 2.7vw, 24px)/1.15 var(--mu-font-head) !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}
body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mu-v2-page-heading-title p.mk-neo-subtitle {
  display: block !important;
  font: 500 11px/1.35 var(--mu-font-body) !important;
}
body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mu-v2-page-heading > .mu-v2-page-heading-actions {
  display: flex !important;
  flex-wrap: nowrap;
  align-items: stretch;
  gap: 6px !important;
  width: auto;
}
body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mk-neo-rule-btn {
  min-height: 44px !important;
  padding: 8px 12px !important;
  border-radius: 6px !important;
  gap: 6px !important;
  font: 600 12px/1.25 var(--mu-font-body) !important;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
}
body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mk-neo-rule-btn i { font-size: 13px; }
body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mk-neo-rule-btn:focus-visible { outline: 2px solid var(--mu-popup-gold) !important; outline-offset: 2px; }
/* The V1 label-swapping toggle is kept in the DOM (its click handler drives the list) but replaced by the shared
   .mu-v2-tabs segmented control (colours/gradient come from shared-ui.css). Only layout is overridden here:
   the tabs sit inline in the heading actions instead of on their own 12px-margin row. */
body[data-mu-preview][data-mu-page="mall-shop"] #index_content #mkBrowseToggle { display: none !important; }
body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mu-v2-tabs.mk-v2-seg {
  flex: 0 0 auto;
  width: auto !important; /* shared portrait rule stretches every action to 100% */
  margin: 0;
  overflow: hidden;
}
body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mu-v2-tabs.mk-v2-seg > button {
  min-height: 44px;
  min-width: 64px;
  padding: 0 12px !important;
  font-size: 12px !important;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
}
body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mu-v2-tabs.mk-v2-seg > button:focus-visible { outline: 2px solid var(--mu-popup-gold); outline-offset: -2px; }

/* Filters: charcoal fields, 16px text so iOS never zooms, 44px touch targets. */
body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mk-filter-bar { margin-bottom: 8px !important; }
body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mk-filter-row { gap: 6px !important; }
body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mk-filter-row > .mk-neo-select,
body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mk-search-input {
  min-height: 44px !important;
  border-radius: 6px !important;
  font: 500 16px/1.3 var(--mu-font-body) !important;
}
body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mk-filter-row > .mk-neo-select { flex: 1 1 150px; }
body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mk-search-wrap { gap: 6px; }
body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mk-search-btn {
  min-width: 44px !important;
  min-height: 44px !important;
  border-radius: 6px !important;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
}

/* Cards. */
body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mkl-wrap { --mkl-card-radius: 6px !important; }
body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mk-item-card { position: relative; }
/* Small card actions keep a 30px glyph but a 44px+ hit area (::after extends 8px around the button). */
body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mk-card-action-btn {
  position: relative;
  width: 30px !important;
  height: 30px !important;
  font-size: 11px !important;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
}
body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mk-card-action-btn::after {
  content: '';
  position: absolute;
  top: -8px; right: -8px; bottom: -8px; left: -8px;
}
body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mk-card-actions { gap: 8px !important; padding: 4px 6px !important; }
body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mk-buy-btn {
  min-height: 44px !important;
  padding: 8px 8px !important;
  font: 700 12px/1.25 var(--mu-font-body) !important;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
}
body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mk-buy-btn:focus-visible { outline: 2px solid var(--mu-popup-gold); outline-offset: -2px; }
/* Listings younger than 3 minutes: badge with a countdown, price button dimmed until it opens. */
body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mk-v2-wait {
  position: absolute;
  top: 6px;
  left: 6px;
  z-index: 2;
  padding: 3px 7px;
  border: 1px solid #8b744c;
  border-radius: 5px;
  background: #2b2620;
  color: #f0d59e;
  font: 600 10px/1.2 var(--mu-font-body);
  font-variant-numeric: tabular-nums;
  pointer-events: none;
  white-space: nowrap;
}
body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mk-item-card.mk-v2-pending .mk-buy-btn {
  color: #8c8168 !important;
  background: #2a2b2a !important;
  border-top-color: #4d432f !important;
}
/* Empty state and "Mine" hint. */
body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mkl-empty.mu-v2-empty {
  display: grid;
  justify-items: center;
  gap: 10px;
  padding: 26px 14px !important;
  font: 400 13px/1.5 var(--mu-font-body) !important;
}
body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mkl-empty .mk-v2-empty-icon { width: 36px; height: 36px; fill: #7b7f85; opacity: .6; }
body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mkl-empty p { margin: 0; max-width: 34ch; }
body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mk-v2-mine-hint { margin: 0 0 8px; }
body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mkl-pager { margin: 8px 0 4px !important; }
body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mkl-page-btn { min-height: 44px !important; min-width: 44px; }

/* Rules / filter picker overlays (in-flow overlays that popup-gesture.js pins to the viewport). */
body[data-mu-preview][data-mu-page="mall-shop"] #index_content :is(.mk-rules-modal, .mk-picker-modal).is-open { padding: 12px; }
body[data-mu-preview][data-mu-page="mall-shop"] #index_content :is(.mk-rules-dialog, .mk-picker-dialog) {
  width: min(480px, 100%) !important;
  padding: 14px 16px 16px !important;
  max-height: calc(var(--mu-h, 100dvh) - 24px) !important;
}
body[data-mu-preview][data-mu-page="mall-shop"] #index_content :is(.mk-rules-head, .mk-picker-head) { margin-bottom: 8px; padding-right: 0; }
body[data-mu-preview][data-mu-page="mall-shop"] #index_content :is(.mk-rules-title-label, .mk-picker-title) {
  font: 700 17px/1.3 var(--mu-font-head) !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}
body[data-mu-preview][data-mu-page="mall-shop"] #index_content :is(.mk-rules-title-sub, .mk-picker-sub) { font: 500 11px/1.4 var(--mu-font-body) !important; }
body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mk-rule-row { padding: 10px 0; }
body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mk-rule-num { width: 26px; height: 26px; border-radius: 7px; font: 700 12px/1 var(--mu-font-head); }
body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mk-rule-text { font: 400 13px/1.5 var(--mu-font-body) !important; }
body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mk-rule-text a { color: var(--mu-popup-gold) !important; text-decoration: underline; text-underline-offset: 2px; }
body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mk-picker-grid { gap: 7px; }
body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mk-picker-group { margin-top: 6px; color: #b9b8b5 !important; font: 600 11px/1.3 var(--mu-font-body); letter-spacing: 0; text-transform: none; }
body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mk-picker-opt {
  min-height: 44px !important;
  padding: 8px 12px !important;
  font: 600 13px/1.3 var(--mu-font-body) !important;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
}
body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mk-picker-opt:focus-visible { outline: 2px solid var(--mu-popup-gold); outline-offset: 2px; }

/* Quick tip bubble (appended to body by shop.tpl). */
body[data-mu-preview][data-mu-page="mall-shop"] .mk-tip-bubble {
  z-index: 12050 !important;
  border: 1px solid var(--mu-popup-border);
  border-radius: 6px !important;
  background: var(--mu-popup-bg) !important;
  color: var(--mu-popup-text) !important;
  box-shadow: 0 8px 20px rgba(0, 0, 0, .6) !important;
  font: 600 12px/1.3 var(--mu-font-body) !important;
}

/* ---- Purchase popup: #modal-popup.mk-shop-popup (mounted on body by SPAY) ---- */
body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .modal-dialog {
  width: min(640px, calc(100vw - 24px)) !important;
  max-width: min(640px, calc(100vw - 24px)) !important;
}
/* One X only: the shell's .spay-neo-close (shop_buy.tpl hides it in V1; V2 shows it and drops the in-body X). */
body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .spay-neo-close { display: grid !important; }
body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .modal-header.mu-v2-modal-head { display: none !important; }
body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .mkb-hd-close { display: none !important; }
body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .modal-body,
body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .modal-content > .spay-neo-close + .modal-body { padding: 0 !important; }
body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .mkb-outer {
  border: 0 !important;
  border-radius: 0 !important;
}
body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .mkb-hd {
  min-height: 56px;
  padding: 12px 58px 12px 14px !important;
  gap: 10px !important;
}
body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .mkb-hd-icon { width: 36px !important; height: 36px !important; font-size: 14px !important; }
body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .mkb-hd-title {
  font: 700 18px/1.3 var(--mu-font-head) !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}
body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .mkb-hd-sub { font: 500 11px/1.4 var(--mu-font-body) !important; }
body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .mkb-price-alert {
  margin: 10px 14px 0 !important;
  padding: 10px 12px !important;
  border: 1px solid #6b5b40 !important;
  border-left: 3px solid #d5b77a !important;
  border-radius: 7px !important;
  background: #2a2620 !important;
  color: #eee4d1 !important;
  box-shadow: none !important;
  text-align: left !important;
  font: 400 13px/1.5 var(--mu-font-body) !important;
}
/* The price-changed line sits above the header, so it must clear the corner X. */
body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .mkb-wrap > .mkb-price-alert:first-child { margin-right: 60px !important; }
body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .mkb-price-alert b { color: #f2d49b; }
body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .mkb-price-alert i { color: #d5b77a; }
body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .mkb-items { max-height: none !important; padding: 12px !important; gap: 6px !important; }
body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .mkb-items--single .mkb-slot { width: 96px !important; height: 96px !important; border-radius: 8px !important; }
body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .mkb-cell { padding: 9px 12px !important; gap: 2px !important; }
body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .mkb-cell-label {
  font: 600 11px/1.3 var(--mu-font-body) !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}
body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .mkb-cell-val { font: 700 15px/1.25 var(--mu-font-head) !important; overflow-wrap: anywhere; }
body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .mkb-silver { font: 600 11px/1.2 var(--mu-font-body) !important; letter-spacing: 0 !important; text-transform: none !important; }
/* "This listing is yours": charcoal row with the shared success accent (#5f9a72, .mu-v2-notice.is-success). */
body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .mkb-mine-row {
  border-top: 1px solid #665438 !important;
  background: #171e22 !important;
  color: var(--mu-popup-text) !important;
  font: 500 12px/1.45 var(--mu-font-body) !important;
}
body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .mkb-mine-row i { color: #5f9a72; }
body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .mkb-form {
  padding: 12px 14px max(14px, env(safe-area-inset-bottom)) !important;
  gap: 10px !important;
}
body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .mkb-pass-wrap { padding: 10px !important; }
body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .mkb-pass-wrap .mb-3 { margin-bottom: 0 !important; }
body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .mk-v2-field-label {
  display: block;
  margin: 0 0 5px;
  color: #b9b8b5;
  font: 600 12px/1.3 var(--mu-font-body);
}
body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .mk-v2-buy-notice { margin: 0; }
body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .mk-v2-buy-notice strong { font-variant-numeric: tabular-nums; }
body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .mkb-form .mu-v2-confirm-check { margin: 0; }
body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .mkb-submit-wrap > div { flex: 1 1 auto; width: 100%; margin: 0 !important; }
body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .mkb-submit-wrap > div > div { margin: 0 !important; }
body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .mkb-submit-wrap :is(.btn, button, input[type="submit"]) {
  text-transform: none !important;
  letter-spacing: 0 !important;
  font-size: 13px !important;
}
body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .mkb-submit-wrap :is(.btn, button, input[type="submit"]):is(:disabled, [disabled]) {
  opacity: .45 !important;
  filter: grayscale(.35);
  cursor: not-allowed;
}
body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .mkb-submit-wrap :is(.btn, button):focus-visible { outline: 2px solid var(--mu-popup-gold) !important; outline-offset: 2px; }
/* Error state (listing gone / unreadable): title, notice, Close. */
body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .mkb-wrap.mk-v2-buy-error {
  display: grid;
  gap: 12px;
  padding: 14px 14px max(14px, env(safe-area-inset-bottom)) !important;
}
body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .mk-v2-buy-error h2 {
  margin: 0;
  padding-right: 48px;
  color: var(--mu-popup-text) !important;
  font: 700 18px/1.3 var(--mu-font-head) !important;
}
body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .mk-v2-buy-error .mkb-price-alert { margin: 0 !important; }
body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .mk-v2-buy-error .mu-v2-btn { width: 100%; min-height: 44px; }

/* ======================================================================= */
/* /mall/shop_sell.shtml                                                   */
/* ======================================================================= */
body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content {
  display: flex;
  flex-direction: column;
  height: 100% !important; /* v2.css sets height:auto!important on #index_content */
  min-height: 0 !important;
}
body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content > .neo-unified-page {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
  margin-top: 0 !important;
  padding: 0 !important;
}
body[data-mu-preview][data-mu-page="mall-shop_sell"] .mkss-page {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
  padding: 0 !important;
  color: #f5f0e6;
}
body[data-mu-preview][data-mu-page="mall-shop_sell"] .mkss-page::before { display: none !important; }
body[data-mu-preview][data-mu-page="mall-shop_sell"] .mkss-layer {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
body[data-mu-preview][data-mu-page="mall-shop_sell"] .mkss-layer > .mk-v2-stage {
  flex: 1 1 auto;
  min-height: 0;
  grid-template-rows: minmax(0, 1fr) !important;
  align-items: stretch !important;
}
body[data-mu-preview][data-mu-page="mall-shop_sell"] .mk-v2-main {
  display: flex;
  flex-direction: column;
  min-height: 0;
}
body[data-mu-preview][data-mu-page="mall-shop_sell"] .mkss-layer > .mk-neo-hero { flex: none; }
/* Header (same grid as the marketplace). */
body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mk-neo-hero {
  margin-bottom: 10px !important;
  padding: 10px 14px !important;
}
body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mk-neo-title-left { gap: 10px !important; }
body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mk-neo-title-icon { width: 36px !important; height: 36px !important; font-size: 15px !important; }
body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mu-v2-page-heading-title h1.mk-neo-title {
  font: 800 clamp(19px, 2.7vw, 24px)/1.15 var(--mu-font-head) !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}
body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mu-v2-page-heading-title p.mk-neo-subtitle {
  display: block !important;
  font: 500 11px/1.35 var(--mu-font-body) !important;
}
body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mu-v2-page-heading > .mu-v2-page-heading-actions {
  display: flex !important;
  flex-wrap: nowrap;
  align-items: stretch;
  gap: 6px !important;
  width: auto;
}
body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mk-neo-rule-btn {
  min-height: 44px !important;
  padding: 8px 12px !important;
  border-radius: 6px !important;
  gap: 6px !important;
  font: 600 12px/1.25 var(--mu-font-body) !important;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
}
body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mk-neo-rule-btn i { font-size: 13px; }
body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mk-neo-rule-btn:focus-visible { outline: 2px solid var(--mu-popup-gold) !important; outline-offset: 2px; }

/* The single card holds items + form; it scrolls inside if the frame is too low. */
body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mkss-card {
  flex: 0 1 auto;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: #776342 #11151b;
  margin: 0 !important;
  padding: 12px !important;
  border: 1px solid #6e5a3b;
  border-radius: 7px;
  background: #1c2227;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mk-v2-sec-label {
  display: block;
  margin: 0 0 6px;
  color: #b9b8b5;
  font: 600 12px/1.3 var(--mu-font-body);
}
body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mkss-items {
  justify-content: flex-start;
  gap: 6px;
  padding: 8px;
  margin-bottom: 12px;
  border: 1px solid #5e5142;
  border-bottom: 1px solid #5e5142;
  border-radius: 6px;
  background: #152134;
  box-shadow: none;
}
body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mkss-items .t-item {
  width: 52px;
  height: 52px;
  border: 1px solid #5e5142;
  border-radius: 5px;
  background: #1b2b43;
  box-shadow: none;
}
body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mkss-form-wrap { max-width: 560px; }
body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mkss-form-wrap .mb-3.mb-xl-4,
body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mkss-row-3 .mb-3 { margin-bottom: 0 !important; }
body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mkss-row-3 { gap: 10px; }
body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mk-v2-field-label {
  display: block;
  margin: 0 0 5px;
  color: #b9b8b5;
  font: 600 12px/1.3 var(--mu-font-body);
}
body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mkss-form-wrap .form-control,
body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mkss-form-wrap input[type="text"],
body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mkss-form-wrap input[type="password"] {
  min-height: 44px;
  border: 1px solid #6e5a3b !important;
  border-radius: 6px !important;
  background: #10151b !important;
  color: #f5f0e6 !important;
  box-shadow: none !important;
  font: 400 16px/1.4 var(--mu-font-body) !important;
}
body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mkss-form-wrap :is(.form-control, input[type="text"], input[type="password"]):focus {
  border-color: var(--mu-popup-gold) !important;
  box-shadow: 0 0 0 2px rgba(231, 197, 137, .25) !important;
}
body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mkss-form-wrap ::placeholder { color: #7f858a !important; }
body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mkss-char-trigger {
  min-height: 44px;
  padding: 10px 12px;
  border: 1px solid #6e5a3b;
  border-radius: 6px;
  background: #10151b;
  color: #f5f0e6;
  box-shadow: none;
  font: 600 14px/1.3 var(--mu-font-body);
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
}
body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mkss-char-trigger i { color: var(--mu-popup-gold); }
body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mkss-char-trigger:focus-visible { outline: 2px solid var(--mu-popup-gold); outline-offset: 2px; }
body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mkss-help-chip {
  margin: 0;
  padding: 5px 0 0;
  border: 0;
  background: transparent;
  color: #b9b8b5 !important;
  font: 400 12px/1.4 var(--mu-font-body);
}
body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mkss-help-chip b { color: #f2d49b; font-variant-numeric: tabular-nums; }
/* Terms live in the confirmation popup in V2 (one explicit consent instead of two tiny checkboxes). */
body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mk-v2-hidden-term { display: none !important; }
body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mkss-alert.warn {
  margin: 10px 0 0;
  padding: 9px 12px;
  border: 1px solid #6b5b40;
  border-left: 3px solid #d5b77a;
  border-radius: 7px;
  background: #2a2620;
  color: #eee4d1;
  box-shadow: none;
  font: 400 12px/1.5 var(--mu-font-body);
}
body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mkss-alert.warn a { color: var(--mu-popup-gold) !important; text-decoration: underline; text-underline-offset: 2px; }
body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mk-v2-fee-line {
  margin: 10px 0 0;
  color: #c9c4ba;
  text-align: center;
  font: 400 12px/1.4 var(--mu-font-body);
}
body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mk-v2-fee-line strong { color: #f2d49b; font-variant-numeric: tabular-nums; }
body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mkss-submit-wrap { margin-top: 10px; }
body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mkss-submit-btn {
  min-height: 44px;
  width: min(360px, 100%);
  border: 1px solid #efcf92;
  border-radius: 6px;
  background: linear-gradient(120deg, #f2d9a6, #cba46a);
  color: #21190e;
  box-shadow: none;
  font: 700 13px/1.3 var(--mu-font-body);
  letter-spacing: 0;
  text-transform: none;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
}
body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mkss-submit-btn:is(:disabled, [disabled]) { opacity: .45; cursor: not-allowed; }
body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mkss-submit-btn:focus-visible { outline: 2px solid var(--mu-popup-gold); outline-offset: 2px; }
/* Empty state: nothing selected yet. */
body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mkss-card.mk-v2-empty-card {
  display: grid;
  justify-items: center;
  gap: 10px;
  padding: 26px 14px !important;
  border-style: dashed;
  text-align: center;
}
body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mk-v2-empty-icon { width: 36px; height: 36px; fill: #7b7f85; opacity: .6; }
body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mk-v2-empty-title { margin: 0; color: #f5f0e6; font: 700 16px/1.3 var(--mu-font-head); }
body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mk-v2-empty-card .mkss-alert.warn {
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: #b9b8b5;
  font: 400 13px/1.5 var(--mu-font-body);
}
body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mk-v2-empty-card .mkss-alert.warn a { display: none; }
body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mk-v2-empty-card .mu-v2-btn { min-height: 44px; }

/* Rules / character picker overlays: same frame as the marketplace popups. */
body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content :is(.mkss-rules-modal, .mkss-char-modal) {
  background: rgba(5, 9, 14, .86) !important;
  border-radius: 0;
}
body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content :is(.mkss-rules-modal, .mkss-char-modal).is-open {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px;
}
body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content :is(.mkss-rules-dialog, .mkss-char-dialog) {
  width: min(480px, 100%);
  height: auto;
  min-height: 0;
  max-height: calc(var(--mu-h, 100dvh) - 24px);
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 14px 16px 16px;
  border: 1px solid var(--mu-popup-border);
  border-radius: 10px;
  background: var(--mu-popup-bg);
  color: var(--mu-popup-text);
  box-shadow: 0 18px 48px rgba(0, 0, 0, .55);
}
body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mkss-rules-head { margin-bottom: 8px; }
body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mkss-rules-title-icon {
  width: 36px;
  height: 36px;
  border: 1px solid #8b744c;
  border-radius: 5px;
  background: #3a3021;
  color: var(--mu-popup-gold);
  box-shadow: none;
}
body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mkss-rules-title-label {
  color: var(--mu-popup-text);
  font: 700 17px/1.3 var(--mu-font-head);
  letter-spacing: 0;
  text-transform: none;
}
body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mkss-rules-title-sub { color: var(--mu-popup-muted); font: 500 11px/1.4 var(--mu-font-body); }
body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mkss-rule-row { padding: 10px 0; border-color: #5d513f; }
body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mkss-rule-num {
  width: 26px;
  height: 26px;
  border: 1px solid #77603f;
  border-radius: 7px;
  background: #332c22;
  color: #ebca8d;
  box-shadow: none;
  font: 700 12px/1 var(--mu-font-head);
}
body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mkss-rule-text { color: #e1dcd1; font: 400 13px/1.5 var(--mu-font-body); }
body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mkss-char-grid { gap: 8px; }
body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mkss-char-opt {
  min-height: 44px;
  padding: 8px 12px;
  border: 1px solid #62543d;
  border-radius: 6px;
  background: #252b2e;
  color: #f5f0e6;
  box-shadow: none;
  font: 600 13px/1.3 var(--mu-font-body);
  overflow-wrap: anywhere;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
}
body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mkss-char-opt.is-active {
  border-color: #e1bd7e;
  background: #e7c589;
  color: #231a0f;
}
body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mkss-char-opt:focus-visible { outline: 2px solid var(--mu-popup-gold); outline-offset: 2px; }

/* ======================================================================= */
/* Phone portrait (iPhone 12 Pro 390x664): bottom sheets, 3-column grid.  */
/* ======================================================================= */
@media (max-width: 700px) and (orientation: portrait) {
  body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mk-neo-hero,
  body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mk-neo-hero { padding: 9px 10px !important; margin-bottom: 8px !important; }
  body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mu-v2-page-heading > .mu-v2-page-heading-actions,
  body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mu-v2-page-heading > .mu-v2-page-heading-actions { width: 100%; }
  body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mu-v2-tabs.mk-v2-seg { flex: 0 0 auto; min-width: 0; }
  body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mu-v2-tabs.mk-v2-seg > button { flex: 0 1 auto; min-width: 58px; padding: 0 9px !important; }
  /* shop.tpl portrait CSS forces width:auto!important on .mk-neo-rule-btn; pin the icon buttons to a real 44px square. */
  body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mk-neo-rule-btn.mk-v2-icon-btn,
  body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mk-neo-rule-btn.mk-v2-icon-btn {
    flex: 0 0 44px !important;
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    padding: 0 !important;
    justify-content: center;
  }
  body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mk-neo-rule-btn .mk-v2-btn-label,
  body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mk-neo-rule-btn .mk-v2-btn-label {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mk-v2-icon-btn .mk-v2-btn-label,
  body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mk-v2-icon-btn .mk-v2-btn-label { display: none; }
  body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mk-neo-rule-btn-sell,
  body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mk-neo-rule-btn:not(.mk-v2-icon-btn) { flex: 1 1 auto !important; width: auto !important; min-width: 0 !important; padding: 8px 6px !important; overflow: hidden; }
  body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mk-filter-row > .mk-neo-select { flex: 1 1 0 !important; min-width: 0 !important; }
  body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mk-search-wrap { flex: 0 0 100% !important; margin-top: 0 !important; }
  body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mkl-wrap {
    --mkl-card-min: 112px !important;
    --mkl-slot-size: 40px !important;
    --mkl-grid-gap: 8px !important;
    --mkl-items-pad-top: 8px !important;
    --mkl-items-pad-x: 6px !important;
    --mkl-items-pad-bottom: 6px !important;
    --mkl-actions-min-h: 28px !important;
  }
  body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mkl-grid:not(.mu-single-card) { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 8px !important; }
  body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mk-card-action-btn { width: 28px !important; height: 28px !important; } /* + 8px ::after each side = 44px hit area */
  body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mk-buy-btn { min-height: 44px !important; font-size: 11px !important; padding: 6px 4px !important; }
  body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mk-filter-bar { margin-bottom: 6px !important; }
  body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mkl-pager { margin: 6px 0 2px !important; }
  body[data-mu-preview][data-mu-page="mall-shop"] #index_content :is(.mk-rules-modal, .mk-picker-modal).is-open,
  body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content :is(.mkss-rules-modal, .mkss-char-modal).is-open {
    align-items: flex-end !important;
    justify-content: center !important;
    padding: 0 !important;
  }
  body[data-mu-preview][data-mu-page="mall-shop"] #index_content :is(.mk-rules-dialog, .mk-picker-dialog),
  body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content :is(.mkss-rules-dialog, .mkss-char-dialog) {
    width: 100% !important;
    max-width: 100% !important;
    max-height: min(78dvh, calc(var(--mu-h, 100dvh) - 40px)) !important;
    border-radius: 13px 13px 0 0 !important;
    padding: 12px 14px max(16px, env(safe-area-inset-bottom)) !important;
  }
  body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .modal-dialog {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
  }
  body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .mkb-hd { padding-top: 22px !important; }
  body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .mkb-items { min-height: 0 !important; padding: 10px !important; }
  body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .mkb-items--single .mkb-slot { width: 72px !important; height: 72px !important; }
  body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mkss-card { padding: 6px 10px 8px !important; }
  body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mkss-items { margin-bottom: 6px; padding: 6px; }
  body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mkss-items .t-item { width: 40px; height: 40px; }
  body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mkss-row-3 { grid-template-columns: 1fr; gap: 8px; }
  body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mkss-help-chip { padding-top: 3px; font-size: 11px; }
  body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mk-v2-fee-line { margin-top: 6px; }
  body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mkss-submit-wrap { margin-top: 6px; }
  body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mkss-alert.warn { margin-top: 6px; padding: 7px 10px; }
}

/* ======================================================================= */
/* Phone landscape (iPhone 12 Pro ~844x300): compact header, one row of   */
/* cards, right-hand panels.                                               */
/* ======================================================================= */
@media (max-height: 520px) and (min-width: 600px) and (orientation: landscape) {
  body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mk-neo-hero,
  body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mk-neo-hero { padding: 6px 10px !important; margin-bottom: 6px !important; }
  body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mk-neo-title-icon,
  body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mk-neo-title-icon { width: 30px !important; height: 30px !important; font-size: 12px !important; }
  body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mu-v2-page-heading-title h1.mk-neo-title,
  body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mu-v2-page-heading-title h1.mk-neo-title { font-size: 17px !important; }
  body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mu-v2-page-heading-title p.mk-neo-subtitle,
  body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mu-v2-page-heading-title p.mk-neo-subtitle { display: block !important; font-size: 10px !important; }
  /* Touch targets stay 44px even in the low landscape frame; the header saves height through padding only. */
  body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mk-neo-rule-btn,
  body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mk-neo-rule-btn { min-height: 44px !important; padding: 6px 10px !important; }
  body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mk-neo-rule-btn.mk-v2-icon-btn,
  body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mk-neo-rule-btn.mk-v2-icon-btn { width: 44px; min-width: 44px; padding: 0 !important; justify-content: center; }
  body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mk-v2-icon-btn .mk-v2-btn-label,
  body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mk-v2-icon-btn .mk-v2-btn-label { display: none; }
  body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mk-filter-bar { margin-bottom: 6px !important; }
  body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mk-search-wrap { flex: 1 1 200px; }
  body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mkl-wrap {
    --mkl-card-min: 138px !important;
    --mkl-slot-size: 40px !important;
    --mkl-grid-gap: 8px !important;
    --mkl-items-pad-top: 8px !important;
    --mkl-items-pad-x: 6px !important;
    --mkl-items-pad-bottom: 6px !important;
    --mkl-actions-min-h: 28px !important;
  }
  body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mkl-grid:not(.mu-single-card) { grid-template-columns: repeat(auto-fill, minmax(138px, 1fr)) !important; gap: 8px !important; }
  body[data-mu-preview][data-mu-page="mall-shop"] #index_content :is(.mk-rules-modal, .mk-picker-modal).is-open,
  body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content :is(.mkss-rules-modal, .mkss-char-modal).is-open {
    justify-content: flex-end !important;
    align-items: stretch !important;
    padding: 5px !important;
  }
  body[data-mu-preview][data-mu-page="mall-shop"] #index_content :is(.mk-rules-dialog, .mk-picker-dialog),
  body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content :is(.mkss-rules-dialog, .mkss-char-dialog) {
    width: min(460px, 100%) !important;
    max-height: 100% !important;
    border-radius: 9px !important;
    padding: 10px 14px 12px !important;
  }
  body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mk-picker-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .modal-dialog {
    width: min(540px, 64vw) !important;
    max-width: min(540px, 64vw) !important;
    margin: 5px 5px 5px auto !important;
  }
  body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .mkb-hd { min-height: 48px; padding: 8px 52px 8px 12px !important; }
  body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .mkb-items { padding: 8px !important; }
  body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .mkb-items--single .mkb-slot { width: 64px !important; height: 64px !important; }
  body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .mkb-cell { padding: 6px 10px !important; }
  body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .mkb-form { padding: 10px 12px !important; gap: 8px !important; }
  /* Two columns: items strip on the left, form on the right; fee + Post share the last row. */
  body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mkss-card:not(.mk-v2-empty-card):not([hidden]) {
    display: grid;
    grid-template-columns: 150px minmax(0, 1fr);
    grid-template-rows: auto minmax(0, 1fr);
    column-gap: 12px;
    align-items: start;
    padding: 8px 10px !important;
  }
  body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mkss-card:not(.mk-v2-empty-card) > .mk-v2-sec-label { grid-column: 1; grid-row: 1; }
  body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mkss-card:not(.mk-v2-empty-card) > .mkss-items {
    grid-column: 1;
    grid-row: 2;
    margin: 0;
    padding: 6px;
    align-content: flex-start;
    align-self: stretch;
  }
  body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mkss-items .t-item { width: 40px; height: 40px; }
  body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mkss-card:not(.mk-v2-empty-card) > .mkss-form-wrap { grid-column: 2; grid-row: 1 / span 2; max-width: none; margin: 0; }
  body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mkss-form-wrap form {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    column-gap: 10px;
    align-items: center;
  }
  body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mkss-form-wrap form > input[type="hidden"] { display: none; }
  body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mkss-row-3 { grid-column: 1 / -1; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; align-items: start; }
  body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mkss-form-wrap form > .mkss-alert.warn { grid-column: 1; margin: 6px 0 0; padding: 6px 10px; }
  body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mk-v2-fee-line { grid-column: 1; margin: 6px 0 0; text-align: left; }
  body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mkss-submit-wrap { grid-column: 2; grid-row: 2 / span 2; margin: 6px 0 0; justify-content: flex-end; }
  body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mkss-submit-btn { width: 200px; }
  body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mk-v2-sell-error { grid-column: 1 / -1; }
}

/* ======================================================================= */
/* Wave 2 (26/09): one frame on iPhone 12 Pro, charcoal item grids,         */
/* in-place Web Chest picker on the sell page.                             */
/* ======================================================================= */
/* Long option lists scroll inside the sheet, never the page. */
body[data-mu-preview][data-mu-page="mall-shop"] #index_content :is(.mk-rules-dialog, .mk-picker-dialog) {
  overflow-y: auto !important;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
}
/* "Mine" hint: muted gold accent (no blue in the market pages), one short line. */
body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mk-v2-mine-hint {
  --mu-notice-accent: #b89b66;
  padding: 8px 10px;
  font-size: 12px;
  line-height: 1.4;
}
/* Rarity strip on top of a card keeps the item name colour but thinner. */
body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mk-card-accent { height: 2px !important; opacity: .85; }
/* Header buttons toggled with [hidden] must really disappear (V1 portrait CSS forces display:inline-flex!important). */
body[data-mu-preview][data-mu-page^="mall-shop"] #index_content .mk-neo-rule-btn[hidden] { display: none !important; }

/* ---- Purchase popup: centred <=540px on PC, charcoal item well (no navy). ---- */
body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .modal-dialog {
  width: min(540px, calc(100vw - 24px)) !important;
  max-width: min(540px, calc(100vw - 24px)) !important;
}
body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .mkb-items {
  background: #12171c !important;
  border-color: #3f3829 !important;
}
body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .mkb-slot {
  border: 1px solid #4b4234 !important;
  border-radius: 6px !important;
  background: #1c2126 !important;
  box-shadow: none !important;
}
body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .mkb-items:not(.mkb-items--single) .mkb-slot { width: 52px !important; height: 52px !important; }
body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .mkb-items { flex-basis: 32% !important; width: 32% !important; align-content: center !important; }

/* ---- Sell page: Web Chest picker (step 1). ---- */
body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mkss-card[hidden] { display: none !important; }
body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mk-v2-pick[hidden] { display: none !important; }
body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mk-v2-pick:not([hidden]) {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 10px;
  border: 1px solid #6e5a3b;
  border-radius: 7px;
  background: #1c2227;
}
body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mk-v2-pick-head {
  flex: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  min-width: 0;
}
body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mk-v2-pick-title {
  margin: 0;
  min-width: 0;
  color: #f5f0e6;
  font: 700 15px/1.3 var(--mu-font-head);
  outline: none;
}
body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mk-v2-pick-count {
  flex: none;
  padding: 4px 10px;
  border: 1px solid #6e5a3b;
  border-radius: 999px;
  background: #151a1f;
  color: #e7c78d;
  font: 600 12px/1.3 var(--mu-font-body);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mk-v2-pick-count.is-full { border-color: #e7c78d; }
body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mk-v2-pick-count.is-bump { animation: mkV2Bump .45s ease; border-color: #e7c78d; background: #3a3021; }
@keyframes mkV2Bump { 0%, 100% { transform: none; } 30% { transform: scale(1.08); } }
/* The grid takes every free pixel of the frame and scrolls inside; cells keep one size. */
body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mk-v2-pick-grid {
  flex: 1 1 auto;
  min-height: 0;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(58px, 1fr));
  grid-auto-rows: max-content;
  align-content: start;
  gap: 6px;
  padding: 6px;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: #776342 #11151b;
  border: 1px solid #3f3829;
  border-radius: 6px;
  background: #10151b;
}
body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mk-v2-pick-grid > .t-item {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
  height: auto;
  aspect-ratio: 1 / 1;
  min-height: 52px;
  margin: 0;
  border: 1px solid #3f3a31;
  border-radius: 6px;
  background: #1c2126;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
  -webkit-user-select: none;
  user-select: none;
}
@supports not (aspect-ratio: 1 / 1) {
  body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mk-v2-pick-grid > .t-item { height: 58px; }
}
body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mk-v2-pick-grid > .t-item > img {
  max-width: 84%;
  max-height: 84%;
  object-fit: contain;
  pointer-events: none;
}
@media (hover: hover) {
  body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mk-v2-pick-grid > .t-item:hover:not(.t-item-disable) { border-color: #8a7a5c; background: #24292e; }
}
body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mk-v2-pick-grid > .t-item:focus-visible { outline: 2px solid var(--mu-popup-gold); outline-offset: 1px; }
body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mk-v2-pick-grid > .t-item.t-item-selected {
  border-color: #e7c78d;
  background: #2e2819;
  box-shadow: inset 0 0 0 1px #e7c78d;
}
body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mk-v2-pick-grid > .t-item.t-item-selected::after {
  content: '';
  position: absolute;
  top: 3px;
  right: 3px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #e7c78d url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.2l2.6 2.5L12 5.4' fill='none' stroke='%23231a0f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 12px no-repeat;
}
body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mk-v2-pick-grid > .t-item.t-item-disable { opacity: .38; cursor: not-allowed; }
/* Status cell: always the last cell of the grid (loading / end / empty / error). */
body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mk-v2-pick-status {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 40px;
  padding: 4px 6px;
  color: #b9b8b5;
  text-align: center;
  font: 500 12px/1.4 var(--mu-font-body);
}
body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mk-v2-pick-status:empty { display: none; }
body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mk-v2-pick-status.is-empty {
  flex-direction: column;
  min-height: 100%;
  padding: 18px 12px;
}
body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mk-v2-pick[data-state="empty"] .mk-v2-pick-grid { align-content: stretch; }
body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mk-v2-pick-status.is-empty strong { color: #f5f0e6; font: 700 15px/1.3 var(--mu-font-head); }
body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mk-v2-pick-status.is-empty span { max-width: 34ch; }
body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mk-v2-pick-status .mk-v2-empty-icon { width: 34px; height: 34px; fill: #7b7f85; opacity: .6; }
body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mk-v2-pick-status.is-error .mu-v2-btn { min-height: 40px; padding: 6px 14px; }
body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mk-v2-spin {
  width: 16px;
  height: 16px;
  border: 2px solid #5b4c34;
  border-top-color: #e7c78d;
  border-radius: 50%;
  animation: mkV2Spin .8s linear infinite;
}
@keyframes mkV2Spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) {
  body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mk-v2-spin { animation-duration: 2.4s; }
}
body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mk-v2-pick-foot {
  flex: none;
  display: flex;
  gap: 8px;
  justify-content: flex-end;
  margin: 0;
}
body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mk-v2-pick-foot .mu-v2-btn[hidden] { display: none !important; }
body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mk-v2-pick-foot .mu-v2-btn { min-height: 44px; min-width: 120px; }
body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mk-v2-pick-foot .mk-v2-pick-next:disabled { opacity: .45; cursor: not-allowed; filter: grayscale(.35); }

/* Sell form: the item strip is charcoal like every other item well. */
body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mkss-items { background: #10151b; border-color: #3f3829; }
body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mkss-items .t-item { background: #1c2126; border-color: #3f3a31; }

/* ---- Phone portrait ---- */
@media (max-width: 700px) and (orientation: portrait) {
  body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mk-v2-pick:not([hidden]) { padding: 8px; gap: 6px; }
  body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mk-v2-pick-grid { grid-template-columns: repeat(auto-fill, minmax(54px, 1fr)); }
  body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mk-v2-pick-foot .mu-v2-btn { flex: 1 1 0; min-width: 0; }
  /* Picking: only icon actions remain, so they share the title row. */
  body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mk-neo-title-row.mk-v2-picking > .mu-v2-page-heading-actions { width: auto; }
  body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .mkb-items { flex-basis: auto !important; width: 100% !important; }
}

/* ---- Phone landscape (844x300): filters in a left column, list gets the full height. ---- */
@media (max-height: 520px) and (min-width: 600px) and (orientation: landscape) {
  body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mk-v2-main {
    display: grid !important;
    grid-template-columns: minmax(180px, 30%) minmax(0, 1fr);
    grid-template-rows: minmax(0, 1fr);
    column-gap: 8px;
    min-height: 0;
  }
  body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mk-v2-main > .mk-filter-bar { grid-column: 1; grid-row: 1; margin: 0 !important; min-height: 0; overflow: auto; }
  body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mk-v2-main > #t-shop_list { grid-column: 2; grid-row: 1; min-height: 0 !important; height: 100%; }
  body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mk-filter-row { flex-direction: column !important; flex-wrap: nowrap !important; align-items: stretch !important; }
  body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mk-filter-row > .mk-neo-select { flex: none !important; width: 100% !important; }
  body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mk-search-wrap { flex: none !important; width: 100%; margin: 0 !important; }
  body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mk-v2-mine-hint { padding: 6px 10px; margin-bottom: 6px; }
  body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mkl-empty.mu-v2-empty { gap: 6px; padding: 12px !important; }
  body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mkl-empty .mk-v2-empty-icon { width: 28px; height: 28px; }
  body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mkl-grid:not(.mu-single-card) { grid-template-columns: repeat(auto-fill, minmax(128px, 1fr)) !important; }
  /* Purchase: right-hand panel; items strip on the left, consent + Buy share the last row. */
  body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .modal-dialog {
    width: min(540px, 66vw) !important;
    max-width: min(540px, 66vw) !important;
    margin: 5px 5px 5px auto !important;
  }
  body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .mkb-hd { min-height: 44px; padding: 6px 52px 6px 10px !important; }
  body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .mkb-hd-icon { width: 30px !important; height: 30px !important; }
  body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .mkb-hd-title { font-size: 16px !important; }
  body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .mkb-hd-sub { display: none; }
  body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .mkb-items {
    flex: 0 0 132px !important;
    width: 132px !important;
    max-height: none !important;
    align-content: flex-start !important;
    padding: 6px !important;
    gap: 4px !important;
    overflow-y: auto !important;
  }
  body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .mkb-items:not(.mkb-items--single) .mkb-slot { width: 38px !important; height: 38px !important; }
  body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .mkb-cell { padding: 4px 10px !important; gap: 0 !important; }
  body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .mkb-cell-val { font-size: 14px !important; }
  body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .mkb-form {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    align-items: center;
    gap: 6px 8px !important;
    padding: 6px 10px 8px !important;
  }
  body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .mkb-form > :is(.mkb-pass-wrap, .mk-v2-buy-notices) { grid-column: 1 / -1; }
  body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .mkb-pass-wrap { padding: 0 !important; border: 0 !important; background: transparent !important; }
  body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .mkb-pass-wrap .mk-v2-field-label { display: none; }
  body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .mkb-mine-row { padding: 5px 10px !important; }
  body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .mkb-form .mu-v2-confirm-check { grid-column: 1; font-size: 12px; }
  body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .mkb-submit-wrap { grid-column: 2; }
  body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .mk-v2-buy-notices:empty { display: none !important; }

  /* Sell picker: title, counter and buttons on one row; the grid gets the rest. */
  body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mk-v2-pick:not([hidden]) {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-rows: auto minmax(0, 1fr);
    gap: 6px 10px;
    padding: 6px 8px;
  }
  body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mk-v2-pick-head { grid-column: 1; grid-row: 1; justify-content: flex-start; }
  body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mk-v2-pick-foot { grid-column: 2; grid-row: 1; }
  body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mk-v2-pick-grid { grid-column: 1 / -1; grid-row: 2; grid-template-columns: repeat(auto-fill, minmax(52px, 1fr)); }
  body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mk-v2-pick-status.is-empty { padding: 8px; gap: 4px; }
  body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mk-v2-pick-status .mk-v2-empty-icon { width: 26px; height: 26px; }
}

/* ---- Wave 2, round 2 fixes ---- */
/* Stack-count badge ("x3") must sit on its own slot, not fly to the page corner. */
body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content :is(.mkss-items, .mk-v2-pick-grid) .t-item { position: relative; }
body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content :is(.mkss-items, .mk-v2-pick-grid) .t-item-overlap {
  position: absolute;
  right: 2px;
  bottom: 2px;
  top: auto;
  left: auto;
  z-index: 1;
  pointer-events: none;
}
body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content :is(.mkss-items, .mk-v2-pick-grid) .t-item-overlap > span {
  position: static !important;
  display: block;
  padding: 0 4px !important;
  border: 1px solid #6e5a3b;
  border-radius: 4px !important;
  background: #151a1f !important;
  color: #f2d49b !important;
  font: 700 10px/1.4 var(--mu-font-body) !important;
}
body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mk-v2-pick-grid > .t-item { -webkit-touch-callout: none; }
/* Picker title: main.css enlarges every h2, keep the block-title scale (15px). */
body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mk-v2-pick-title {
  font: 700 15px/1.3 var(--mu-font-head) !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}
body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mk-v2-pick-titlebox { min-width: 0; }
body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mk-v2-pick-hint { margin: 1px 0 0; color: #b9b8b5; font: 400 11px/1.35 var(--mu-font-body); }
/* The password help chip advertises a 50 Silver fee that shop_sell.php never charges (fee = 10 + JoH);
   the field label already says "optional", so V2 leaves the chip out. */
body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mkss-row-3 > div:last-child > .mkss-help-chip { display: none !important; }

/* Shop, landscape: search button stays inside the left filter column. */
@media (max-height: 520px) and (min-width: 600px) and (orientation: landscape) {
  body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mk-search-wrap { display: flex !important; gap: 6px; min-width: 0; }
  body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mk-search-wrap .mk-search-input { flex: 1 1 auto !important; width: auto !important; min-width: 0 !important; }
  body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mk-search-wrap .mk-search-btn { flex: 0 0 44px !important; }
  body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mk-v2-mine-hint { font-size: 11.5px; line-height: 1.3; }
  body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mkl-empty .mk-v2-empty-icon { display: none; }
  body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mkl-empty.mu-v2-empty { padding: 10px !important; }
  body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .modal-dialog { align-items: center !important; }
  body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .modal-content { width: 100% !important; height: auto !important; }
  body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mk-v2-pick-hint { display: none; }
  /* Sell form: smaller item strip, compact labels and alert so the whole form fits 844x300. */
  body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mkss-card:not(.mk-v2-empty-card):not([hidden]) { grid-template-columns: 128px minmax(0, 1fr); }
  body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mkss-items { gap: 4px; padding: 4px !important; }
  body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mkss-items .t-item { width: 36px !important; height: 36px !important; }
  body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mk-v2-field-label { margin-bottom: 3px; font-size: 11px; }
  body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mkss-form-wrap form > .mkss-alert.warn { margin-top: 4px; padding: 5px 9px; font-size: 11.5px; }
  body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mk-v2-fee-line { margin-top: 4px; font-size: 11.5px; }
  body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mkss-help-chip { padding-top: 2px; font-size: 11px; }
}
@media (max-width: 700px) and (orientation: portrait) {
  /* The PC width rule above is later in the file: the phone sheet is full width again. */
  body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .modal-dialog { width: 100% !important; max-width: 100% !important; margin: 0 !important; }
}
@media (max-height: 520px) and (min-width: 600px) and (orientation: landscape) {
  body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mkl-empty.mu-v2-empty { min-height: 0 !important; height: auto !important; }
  body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mkl-foot { margin: 0 !important; }
  body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mkl-wrap > .mkl-grid { margin-bottom: 4px !important; }
}

/* ---- Wave 2, round 3: Safari parity ---- */
/* WebKit paints a native (white) select unless appearance is reset; draw the chevron ourselves. */
body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mk-filter-row > select.mk-neo-select {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  /* Right padding 28px + chevron at 10px: "Tất cả chủng tộc" (134px at 16px) fits the half-width select on a 390px phone. */
  padding: 0 28px 0 12px !important;
  border: 1px solid #6e5a3b !important;
  background: #10151b url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23e7c78d' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 10px center / 12px 8px !important;
  color: #f5f0e6 !important;
  -webkit-text-fill-color: #f5f0e6;
  box-shadow: none !important;
  text-overflow: ellipsis;
}
body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mk-filter-row > select.mk-neo-select:focus-visible { outline: 2px solid var(--mu-popup-gold); outline-offset: 1px; }
/* WebKit does not resolve a % max-height inside an aspect-ratio grid cell: cap the icon in px too. */
body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mk-v2-pick-grid > .t-item { overflow: hidden; }
body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mk-v2-pick-grid > .t-item > img {
  width: auto !important;
  height: auto !important;
  max-width: 84% !important;
  max-height: 46px !important;
}
body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mk-v2-pick-grid > .t-item > .t-item_lock { pointer-events: none; }

/* Listing confirmation in the 844x300 frame: summary as a 2x2 grid so consent + buttons stay visible. */
@media (max-height: 520px) and (min-width: 600px) and (orientation: landscape) {
  body[data-mu-preview][data-mu-page="mall-shop_sell"] .mu-v2-popup-dialog.mu-v2-confirm { gap: 7px !important; padding: 10px 14px !important; overflow-y: auto; }
  body[data-mu-preview][data-mu-page="mall-shop_sell"] .mu-v2-confirm-title { font-size: 16px !important; }
  body[data-mu-preview][data-mu-page="mall-shop_sell"] .mu-v2-confirm-body { gap: 7px; }
  body[data-mu-preview][data-mu-page="mall-shop_sell"] .mu-v2-confirm-html { font-size: 12px; line-height: 1.4; }
  body[data-mu-preview][data-mu-page="mall-shop_sell"] .mu-v2-confirm-html p { margin-bottom: 2px; }
  body[data-mu-preview][data-mu-page="mall-shop_sell"] .mu-v2-confirm-summary { grid-template-columns: 1fr 1fr; gap: 6px 14px; padding: 7px 10px; }
  body[data-mu-preview][data-mu-page="mall-shop_sell"] .mu-v2-confirm-summary > div { display: block; }
  body[data-mu-preview][data-mu-page="mall-shop_sell"] .mu-v2-confirm-summary dt { font-size: 11px; }
  body[data-mu-preview][data-mu-page="mall-shop_sell"] .mu-v2-confirm-summary dd { font-size: 14px; text-align: left; }
  body[data-mu-preview][data-mu-page="mall-shop_sell"] .mu-v2-confirm-actions .mu-v2-btn { min-height: 44px; }
}
@media (min-width: 1024px) and (min-height: 600px) {
  body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mk-v2-pick-grid { grid-template-columns: repeat(auto-fill, minmax(72px, 1fr)); gap: 8px; padding: 8px; }
  body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mk-v2-pick-grid > .t-item > img { max-height: 60px !important; }
}

/* ======================================================================= */
/* Wave 2, review round: fixes proven on screenshots.                       */
/* ======================================================================= */
/* Header actions toggled with [hidden]: unify.css forces display:inline-flex !important with a (1,12,1)
   selector, so this one carries two ID-weight :not() to win. market.js also sets an inline !important. */
body[data-mu-preview][data-mu-page^="mall-shop"] #index_content .mu-v2-page-heading-actions > :is(a, button)[hidden]:not(#mk-v2-never-a):not(#mk-v2-never-b),
body[data-mu-preview][data-mu-page^="mall-shop"] #index_content .mk-neo-title-actions > :is(a, button)[hidden]:not(#mk-v2-never-a):not(#mk-v2-never-b) { display: none !important; }

/* Listing cards: charcoal item wells (V1 paints them navy #1e3462). */
body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mk-card-items .t-item {
  background: #1c2126 !important;
  border: 1px solid #3f3a31 !important;
  box-shadow: none !important;
}
body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mk-card-items .t-item > span { color: #e4c386 !important; }
/* Password lock icon: V1 inline orange (#e07d00) becomes the muted gold of the page. */
body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mk-card-action-btn[style*="e07d00"] { color: #d5b77a !important; }

/* Money consent checkboxes (purchase popup + listing confirmation): charcoal box, gold edge, gold tick. */
body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .mu-v2-confirm-check input[type="checkbox"],
body[data-mu-preview][data-mu-page="mall-shop_sell"] .mu-v2-confirm-check input[type="checkbox"] {
  -webkit-appearance: none;
  appearance: none;
  flex: none;
  width: 22px !important;
  height: 22px !important;
  min-width: 22px;
  min-height: 22px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1.5px solid #9b7e50 !important;
  border-radius: 5px !important;
  background: #141b20 no-repeat center / 15px 15px !important;
  box-shadow: none !important;
  cursor: pointer;
  transition: background-color .12s, border-color .12s;
}
body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .mu-v2-confirm-check input[type="checkbox"]:checked,
body[data-mu-preview][data-mu-page="mall-shop_sell"] .mu-v2-confirm-check input[type="checkbox"]:checked {
  border-color: #e7c78d !important;
  background-color: #e7c78d !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.2 8.4l3 3 6.6-6.8' fill='none' stroke='%23201a10' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}
body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .mu-v2-confirm-check input[type="checkbox"]:focus-visible,
body[data-mu-preview][data-mu-page="mall-shop_sell"] .mu-v2-confirm-check input[type="checkbox"]:focus-visible { outline: 2px solid #e7c78d; outline-offset: 2px; }
body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .mu-v2-confirm-check input[type="checkbox"]:disabled { opacity: .45; cursor: not-allowed; }
/* The whole consent row is the tap target (>= 44px). */
body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .mkb-form .mu-v2-confirm-check,
body[data-mu-preview][data-mu-page="mall-shop_sell"] .mu-v2-confirm-check { align-items: center; min-height: 44px; }

/* Empty Web Chest in step 1: "Back to Market" takes the Continue slot. */
body[data-mu-preview][data-mu-page="mall-shop_sell"] #index_content .mk-v2-pick[data-state="empty"] .mk-v2-pick-market { flex: 1 1 auto; }

/* Purchase popup in the 844x300 frame: a right-hand panel the full height of the screen, the X inside its header. */
@media (max-height: 520px) and (min-width: 600px) and (orientation: landscape) {
  body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .modal-dialog {
    align-items: stretch !important;
    height: calc(100% - 10px) !important;
    min-height: calc(100% - 10px) !important;
  }
  body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .modal-content { height: 100% !important; max-height: 100% !important; }
  body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .modal-body {
    flex: 1 1 auto !important;
    max-height: none !important;
    display: flex !important;
    flex-direction: column;
    min-height: 0;
  }
  body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup :is(.mkb-wrap, .mkb-outer) {
    flex: 1 1 auto;
    display: flex !important;
    flex-direction: column;
    min-height: 0;
  }
  body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .mkb-body { flex: 1 1 auto; min-height: 0; }
  body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .mkb-meta { min-height: 0; }
  body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .mkb-form { margin-top: auto !important; }
  body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .mkb-hd { min-height: 56px; padding: 8px 56px 8px 12px !important; }
  body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .spay-neo-close { top: 8px !important; right: 8px !important; }
}
/* 844x300: the consent row goes back to its natural height so Cancel / List stay inside the frame. */
@media (max-height: 520px) and (min-width: 600px) and (orientation: landscape) {
  body[data-mu-preview][data-mu-page="mall-shop_sell"] .mu-v2-confirm-check { min-height: 0; }
}
/* Đợt 3 (chủ web chốt 26/09): phân trang chung muV2.pager (market.js shopPager, kiểu ở shared-ui.css) là con cuối
   .mkl-wrap, dính đáy vùng cuộn #t-shop_list ở mọi khung → luôn thấy, vẫn nằm dưới món cuối; .mkl-pager cũ ẩn. */
body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mkl-wrap > .mu-v2-pager {
  position: -webkit-sticky;
  position: sticky;
  bottom: -4px; /* phủ cả đệm dưới 4px của #t-shop_list */
  z-index: 3;
  margin-top: 8px;
  border: 1px solid #2a3036;
  border-radius: 8px;
}
/* Sửa cuối đợt 3: popup "không thể bán" (shop_sell.invalid.tpl, market.js hookRawSwal gắn swal-neo-*) nằm ở <body>
   nên luật .alert Hắc kim của #index_content (shared-ui.css) không tới: khối .alert-danger hồng Bootstrap → thẻ thông
   báo than viền đỏ trầm như .mu-v2-notice.is-error; dãy ô đồ (.t-item-view_list, main.css cố định 520px) co theo tấm,
   ô 56px cùng kiểu lưới V2. Chỉ popup do móc gắn (.mk-v2-raw-content) bỏ đệm 0 1.6em của .swal2-content (SweetAlert2
   10.9) để thẻ thông báo rộng bằng hàng nút; SPAY.alert thường không đổi. */
body[data-mu-preview]:is([data-mu-page^="mall-"],[data-mu-page="inventory-web"]) .swal2-popup.swal-neo-dialog .swal2-content.mk-v2-raw-content { padding: 0 !important; }
body[data-mu-preview]:is([data-mu-page^="mall-"],[data-mu-page="inventory-web"]) .swal2-popup.swal-neo-dialog .swal2-html-container .alert {
  margin: 0 0 10px !important;
  padding: 10px 12px !important;
  border: 1px solid #3a3f45 !important;
  border-left: 3px solid var(--mu-popup-border) !important;
  border-radius: 7px !important;
  background: #1a2026 !important;
  color: #eee7d8 !important;
  box-shadow: none !important;
  font: 400 13px/1.5 var(--mu-font-body) !important;
  text-align: left !important;
}
body[data-mu-preview]:is([data-mu-page^="mall-"],[data-mu-page="inventory-web"]) .swal2-popup.swal-neo-dialog .swal2-html-container .alert-danger { border-left-color: var(--mu-danger) !important; }
body[data-mu-preview]:is([data-mu-page^="mall-"],[data-mu-page="inventory-web"]) .swal2-popup.swal-neo-dialog .swal2-html-container .alert-warning { border-left-color: #d5b77a !important; }
body[data-mu-preview]:is([data-mu-page^="mall-"],[data-mu-page="inventory-web"]) .swal2-popup.swal-neo-dialog .swal2-html-container .t-item-view_list {
  width: auto;
  max-width: 100%;
  justify-content: center;
  gap: 6px;
}
body[data-mu-preview]:is([data-mu-page^="mall-"],[data-mu-page="inventory-web"]) .swal2-popup.swal-neo-dialog .swal2-html-container .t-item-view_list .t-item {
  width: 56px;
  height: 56px;
  margin: 0;
  border: 1px solid #3a3f45;
  border-radius: 6px;
  background-color: #1c2126;
  line-height: 56px;
}

/* 27/09: readable listings and a compact review step. V2 item market only. */
body[data-mu-preview][data-mu-page="mall-shop"] .mk-r-steps {
  display:flex; align-items:center; flex:none; gap:20px; list-style:none;
  margin:0 0 14px; padding:0 4px; color:#a6aaa9; font:500 12px/1.4 var(--mu-font-body);
}
body[data-mu-preview][data-mu-page="mall-shop"] .mk-r-steps li { display:flex; align-items:center; gap:7px; }
body[data-mu-preview][data-mu-page="mall-shop"] .mk-r-step-number { display:grid; place-items:center; width:23px; height:23px; flex:none; border:1px solid #4b453a; border-radius:50%; font-size:11px; }
body[data-mu-preview][data-mu-page="mall-shop"] .mk-r-steps .is-current { color:#ecd09d; }
body[data-mu-preview][data-mu-page="mall-shop"] .is-current .mk-r-step-number { background:#e6c58c; border-color:#e6c58c; color:#241c10; font-weight:700; }
body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mk-neo-hero { margin-bottom:12px!important; }
body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mk-filter-bar { padding:10px; border:1px solid #393a35; border-radius:10px; background:#171d21; margin-bottom:14px!important; }
body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mkl-grid,
body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mkl-grid.mu-single-card { grid-template-columns:repeat(auto-fill,minmax(230px,1fr))!important; justify-content:start!important; align-items:start; gap:14px!important; }
body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mkl-grid.mu-single-card { grid-template-columns:minmax(0,270px)!important; }
body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mkl-wrap { --mkl-card-min:230px!important; }
body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mk-item-card { border-color:#514733!important; border-radius:12px!important; background:#1b2125!important; transform:none!important; }
body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mk-card-items { position:relative; height:128px!important; padding:12px!important; --mkl-slot-size:48px!important; --mkl-slot-gap:4px; background:radial-gradient(ellipse at 50% 65%,#343127 0%,#1b2226 68%)!important; }
body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mk-card-items .t-item { background:#161c2080!important; border-color:#52493280!important; border-radius:8px!important; }
body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mk-r-order { position:absolute; top:10px; left:12px; color:#9d9f9a; font:500 10px/1.4 var(--mu-font-body); }
body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mk-r-card-copy { padding:12px 14px 0; min-width:0; }
body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mk-r-card-title { font:700 15px/1.4 var(--mu-font-head)!important; color:#f5eddf!important; margin:0 0 5px!important; text-transform:none!important; overflow-wrap:anywhere; }
body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mk-r-bundle { font-size:11px; color:#b4b4b1; }
body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mk-card-action-btn::after { display:none!important; }
body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mk-card-action-btn.mk-r-seller { display:flex; justify-content:flex-start; gap:7px; width:100%!important; height:auto!important; min-height:32px; border:0!important; padding:0!important; color:#bfb7a7!important; background:transparent!important; font:500 12px/1.4 var(--mu-font-body)!important; transform:none!important; }
body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mk-r-seller span { overflow-wrap:anywhere; }
body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mk-card-actions { flex-wrap:wrap!important; justify-content:flex-start!important; padding:0 14px 10px!important; background:transparent!important; gap:2px 10px!important; overflow:visible!important; }
body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mk-card-action-btn.mk-r-similar { width:auto!important; height:36px!important; gap:6px; padding:0!important; border:0!important; background:transparent!important; color:#dec393!important; font:500 11px/1.3 var(--mu-font-body)!important; transform:none!important; }
body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mk-r-date { color:#919a9c; font:400 10px/1.4 var(--mu-font-body); }
body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mk-r-card-footer { padding:11px 14px 14px; border-top:1px solid #383c38; display:flex; align-items:center; justify-content:space-between; gap:8px; }
body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mk-r-price { color:#efce95; font:700 17px/1.3 var(--mu-font-head); font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mk-r-card-footer .mk-buy-btn { width:auto!important; min-height:42px!important; flex:none; padding:10px 15px!important; border:1px solid #d8b477!important; border-radius:7px!important; font-size:12px!important; }
body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mk-item-card :focus-visible { outline:2px solid #efce95!important; outline-offset:2px; }

/* Natural-height dialog: avoid stretching small amounts into four large cells. */
body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup.show { display:flex!important; align-items:center!important; justify-content:center!important; }
body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .modal-dialog { width:min(520px,calc(100vw - 28px))!important; max-width:min(520px,calc(100vw - 28px))!important; height:auto!important; min-height:0!important; margin:auto!important; align-items:center!important; }
body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .modal-content { height:auto!important; max-height:calc(100dvh - 28px)!important; border-radius:14px!important; overflow:hidden!important; }
body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .modal-body { display:block!important; overflow:auto!important; max-height:calc(100dvh - 28px)!important; padding:0!important; }
body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup :is(.mkb-wrap,.mkb-outer) { display:block!important; flex:none!important; height:auto!important; min-height:0!important; }
body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .mkb-outer { overflow:visible!important; }
body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .mkb-hd { min-height:66px!important; padding:12px 64px 12px 16px!important; background:#242a2b!important; }
body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .mkb-hd-sub { display:block!important; font-size:11px!important; }
body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .mk-r-steps { margin:0!important; padding:12px 16px!important; gap:14px; font-size:10px; border-bottom:1px solid #383c36; }
body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .mk-r-step-number { width:20px; height:20px; font-size:10px; }
body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .mk-r-summary { display:flex; align-items:center; gap:14px; padding:14px 16px 8px; }
body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .mkb-items { flex:0 0 90px!important; width:90px!important; min-height:0!important; max-height:130px!important; padding:0!important; gap:4px!important; border:0!important; border-radius:8px; overflow-y:auto!important; background:transparent!important; align-content:center!important; }
body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .mkb-items--single .mkb-slot { width:88px!important; height:88px!important; }
body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .mkb-items:not(.mkb-items--single) .mkb-slot { width:42px!important; height:42px!important; }
body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .mk-r-description { min-width:0; flex:1; }
body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .mk-r-description h3 { margin:0 0 8px!important; font:700 16px/1.4 var(--mu-font-head)!important; color:#f4ecdf!important; overflow-wrap:anywhere; }
body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .mk-r-description .mkb-cell { display:flex!important; flex-direction:row!important; justify-content:flex-start!important; gap:8px!important; border:0!important; padding:2px 0!important; }
body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .mk-r-description .mkb-cell-val { font:600 12px/1.4 var(--mu-font-body)!important; }
body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .mk-r-description .mkb-cell-label { font-size:12px!important; }
body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .mk-r-details { margin:0 16px 10px; border-bottom:1px solid #383c36; }
body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .mk-r-details summary { padding:10px 0; color:#e7c78d; cursor:pointer; font:500 12px/1.4 var(--mu-font-body); }
body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .mk-r-details-body { max-height:220px; overflow:auto; overscroll-behavior:contain; padding:10px; margin-bottom:10px; border-radius:8px; background:#10161c; font:400 12px/1.6 var(--mu-font-body); }
body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .mk-r-details-body section+section { margin-top:14px; padding-top:10px; border-top:1px solid #3c403d; }
body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .mkb-body { display:block!important; flex:none!important; }
body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .mkb-grid4 { display:flex!important; flex-direction:column!important; flex:none!important; padding:0 16px 10px; gap:7px; }
body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .mkb-grid4 .mkb-cell { flex-direction:row!important; justify-content:space-between!important; align-items:baseline; border:0!important; gap:12px!important; padding:0!important; }
body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .mkb-grid4 .mkb-cell-label { font-size:12px!important; font-weight:400!important; }
body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .mkb-grid4 .mkb-cell-val { font:600 14px/1.4 var(--mu-font-body)!important; font-variant-numeric:tabular-nums; }
body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .mkb-grid4 .mk-r-total .mkb-cell-val { font:700 23px/1.3 var(--mu-font-head)!important; }
body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .mkb-grid4 .mk-r-after .mkb-cell-val { color:#acd0b1!important; }
body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .mkb-form { position:sticky; bottom:0; z-index:2; display:flex!important; flex-direction:column!important; gap:10px!important; margin:0!important; padding:12px 16px max(14px,env(safe-area-inset-bottom))!important; background:#20262a!important; border-top:1px solid #4b4537!important; }
body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .mk-r-delivery { margin:0; color:#b7b9b4; font:400 11px/1.4 var(--mu-font-body); }
body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .mk-v2-buy-notices:empty { display:none!important; }
body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .mkb-form .mu-v2-confirm-check { font:500 12px/1.5 var(--mu-font-body)!important; min-height:32px!important; gap:10px!important; }
body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .mu-v2-confirm-check input[type="checkbox"] { width:22px!important; height:22px!important; min-width:22px!important; flex:0 0 22px!important; }
body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .mkb-submit-wrap { display:flex!important; gap:10px; align-items:center; }
body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .mkb-submit-wrap .mk-r-cancel { width:auto!important; flex:0 0 96px!important; min-height:44px!important; background:#282e30!important; color:#e1c998!important; border:1px solid #6c5a3c!important; box-shadow:none!important; }
body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .mkb-submit-wrap .btn { min-height:44px!important; }
@media(max-width:700px) and (orientation:portrait) {
  body[data-mu-preview][data-mu-page="mall-shop"] .mk-r-steps { justify-content:space-between; gap:5px; margin-bottom:10px; font-size:10px; }
  body[data-mu-preview][data-mu-page="mall-shop"] .mk-r-steps li { gap:5px; }
  body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mkl-grid,
  body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mkl-grid.mu-single-card { grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:10px!important; }
  body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mk-r-card-copy { padding:10px 10px 0; }
  body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mk-r-card-title { font-size:13px!important; }
  body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mk-card-actions { padding:0 10px 8px!important; }
  body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mk-r-card-footer { padding:10px; flex-direction:column; align-items:stretch; }
  body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mk-r-price { font-size:17px; }
  body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mk-r-card-footer .mk-buy-btn { width:100%!important; }
  body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup.show { display:flex!important; align-items:flex-end!important; }
  body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .modal-dialog { width:100%!important; max-width:100%!important; margin:0!important; align-self:flex-end; }
  body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .modal-content { border-radius:16px 16px 0 0!important; max-height:82dvh!important; }
  body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .modal-body { max-height:82dvh!important; }
  body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .mkb-hd { padding-top:20px!important; }
  body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .mk-r-steps { gap:6px; padding:10px 12px!important; }
}
@media(max-height:520px) and (min-width:600px) and (orientation:landscape) {
  body[data-mu-preview][data-mu-page="mall-shop"] .mk-layer > .mk-r-steps { margin-bottom:8px; }
  body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mk-filter-bar { padding:8px; }
  body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mkl-grid,
  body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mkl-grid.mu-single-card { grid-template-columns:repeat(auto-fill,minmax(215px,1fr))!important; }
  body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mk-card-items { height:88px!important; --mkl-slot-size:30px!important; }
  body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mk-r-card-copy { padding-top:8px; }
  body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mk-card-actions { padding-bottom:4px!important; }
  body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mk-r-card-footer { padding-top:8px; padding-bottom:8px; }
  body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .modal-dialog { margin:6px 6px 6px auto!important; width:min(580px,78vw)!important; max-width:min(580px,78vw)!important; }
  body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .modal-content,
  body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .modal-body { max-height:calc(100dvh - 12px)!important; }
  body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .mkb-outer.mk-r-purchase { display:grid!important; grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
  body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup :is(.mkb-hd,.mk-r-steps,.mkb-form) { grid-column:1/-1; }
  body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .mkb-hd { min-height:52px!important; padding:8px 60px 8px 12px!important; }
  body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .mk-r-steps { padding:7px 12px!important; }
  body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .mk-r-summary { grid-column:1; padding:10px 8px 0 12px; gap:8px; }
  body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .mkb-items { width:56px!important; flex-basis:56px!important; }
  body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .mkb-items--single .mkb-slot { width:54px!important; height:64px!important; }
  body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .mk-r-description h3 { font-size:13px!important; margin-bottom:3px!important; }
  body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .mk-r-description .mkb-cell { flex-wrap:wrap; gap:3px 6px!important; }
  body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .mk-r-details { grid-column:1; margin:0 12px 6px; }
  body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .mkb-body { grid-column:2; grid-row:3/5; align-self:center; }
  body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .mkb-grid4 { padding:10px 12px; gap:8px; }
  body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .mkb-grid4 .mkb-cell-val { font-size:12px!important; }
  body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .mkb-grid4 .mk-r-total .mkb-cell-val { font-size:20px!important; }
  body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .mkb-form { display:grid!important; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:6px 10px!important; padding:8px 12px!important; }
  body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .mk-r-delivery { grid-column:1/-1; }
  body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .mkb-submit-wrap { grid-column:2; gap:6px; }
  body[data-mu-preview][data-mu-page="mall-shop"] #modal-popup.mk-shop-popup .mkb-submit-wrap .mk-r-cancel { flex-basis:78px!important; padding:8px!important; font-size:11px!important; white-space:nowrap!important; }
}

/* Compact item cards: one image stage, level badge, quiet secondary actions. */

  body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mk-layer > .mk-r-steps { display:none!important; }
  body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mk-neo-hero { margin-bottom:8px!important; }
  body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mk-filter-bar { padding:6px!important; margin-bottom:8px!important; border-radius:7px!important; }
  body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mkl-wrap { --mkl-card-min:150px!important; --mkl-grid-gap:8px!important; }
  body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mkl-grid, body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mkl-grid.mu-single-card { grid-template-columns:repeat(auto-fill,minmax(150px,1fr))!important; gap:8px!important; align-items:stretch!important; }
  body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mk-item-card { display:flex!important; flex-direction:column!important; min-width:0!important; border:1px solid #383d3b!important; border-radius:9px!important; background:#1b2225!important; box-shadow:none!important; position:relative; }
  body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mk-item-card:hover, body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mk-item-card:focus-within { border-color:#88734d!important; }
  body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mk-card-accent { height:2px!important; opacity:.7; flex:none; }
  body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mk-card-items { position:relative; height:84px!important; padding:7px 38px 5px 8px!important; display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; grid-template-rows:repeat(2,minmax(0,1fr))!important; gap:3px!important; min-width:0; background:radial-gradient(ellipse at 46% 65%,#30372e 0%,#1b2225 75%)!important; }
  body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mk-card-items .t-item { width:100%!important; height:100%!important; min-width:0; min-height:0; border:0!important; border-radius:4px!important; box-shadow:none!important; background:#ffffff04!important; }
  body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mk-r-single .mk-card-items .t-item { background:transparent!important; }
  body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mk-card-items .t-item > img { width:auto!important; height:auto!important; max-width:94%!important; max-height:94%!important; object-fit:contain!important; }
  body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mk-r-level { position:absolute; top:7px; right:7px; color:#f2d69e; background:#c8a26316; border:1px solid #c8a26335; border-radius:5px; padding:2px 5px; font:700 11px/16px var(--mu-font-body); pointer-events:none; }
  body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mk-card-actions { position:absolute!important; top:44px!important; right:5px!important; width:auto!important; display:flex!important; min-height:0!important; margin:0!important; padding:0!important; background:transparent!important; }
  body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mk-card-action-btn.mk-r-similar { width:28px!important; height:28px!important; padding:0!important; justify-content:center!important; border-radius:5px!important; color:#b7b5a9!important; background:transparent!important; box-shadow:none!important; font-size:11px!important; }
  body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mk-card-action-btn.mk-r-similar:hover { color:#f2d69e!important; background:#ffffff0a!important; }
  body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mk-r-similar span, body[data-mu-preview][data-mu-page="mall-shop"] #index_content :is(.mk-r-order,.mk-r-date,.mk-r-bundle) { display:none!important; }
  body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mk-r-card-copy { padding:4px 8px 5px!important; min-width:0; }
  body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mk-r-card-title { height:30px; margin:0!important; font:600 11px/15px var(--mu-font-body)!important; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; overflow-wrap:anywhere; color:#edece5!important; }
  body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mk-card-action-btn.mk-r-seller { height:20px!important; min-height:20px!important; font:400 10px/16px var(--mu-font-body)!important; gap:4px!important; color:#a7ada9!important; box-shadow:none!important; }
  body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mk-r-seller i { font-size:9px; opacity:.65; }
  body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mk-r-seller span { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
  body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mk-r-card-footer { display:flex!important; flex-direction:row!important; align-items:center!important; padding:5px 6px 5px 8px!important; gap:4px!important; min-height:40px; margin-top:auto; border-top:1px solid #ffffff09!important; background:#151c1f; }
  body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mk-r-price { display:flex; flex-wrap:wrap; align-items:baseline; gap:0 3px; min-width:0; font:700 13px/16px var(--mu-font-head)!important; }
  body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mk-r-price-number { white-space:nowrap; }
  body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mk-r-unit { font:400 9px/12px var(--mu-font-body); color:#b6aa8f; }
  body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mk-r-card-footer .mk-buy-btn { width:30px!important; height:30px!important; min-height:30px!important; padding:0!important; border:1px solid #c7a46755!important; border-radius:6px!important; font-size:12px!important; display:grid!important; place-items:center; flex:0 0 30px!important; background:#c7a46720!important; color:#eed09a!important; box-shadow:none!important; }
  body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mk-r-card-footer .mk-buy-btn:hover { background:#c7a46740!important; }
  body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mk-r-buy-label { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }

@media(max-width:700px) and (orientation:portrait) {

    body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mkl-grid, body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mkl-grid.mu-single-card { grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:6px!important; }
    body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mk-r-card-copy { padding-left:6px!important; padding-right:6px!important; }
    body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mk-r-card-footer { padding-left:6px!important; }
    body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mk-r-price { font-size:12px!important; }

}
@media(max-width:359px) and (orientation:portrait) {
  body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mkl-grid,
  body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mkl-grid.mu-single-card { grid-template-columns:repeat(2,minmax(0,1fr))!important; }
}
@media(max-height:520px) and (min-width:600px) and (orientation:landscape) {
  body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mkl-grid,
  body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mkl-grid.mu-single-card { grid-template-columns:repeat(auto-fill,minmax(128px,1fr))!important; }
  body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mk-card-items { height:70px!important; }
}

/* Secondary seller action shares the image rail; item name and price stay primary. */
body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mk-card-items { height:84px!important; }
body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mk-card-actions { top:32px!important; }
body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mk-card-action-btn.mk-r-similar { width:26px!important; height:24px!important; }
body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mk-card-action-btn.mk-r-seller {
  position:absolute!important; top:59px; right:5px; z-index:1;
  display:grid!important; place-items:center!important; justify-content:center!important; align-items:center!important;
  width:26px!important; height:24px!important; min-height:24px!important;
  margin:0!important; padding:0!important; border:0!important; border-radius:5px!important;
  background:transparent!important; color:#a7ada9!important; box-shadow:none!important;
}
body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mk-r-seller span { display:none!important; }
body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mk-r-seller i { font-size:11px; opacity:1; }
body[data-mu-preview][data-mu-page="mall-shop"] #index_content .mk-card-action-btn.mk-r-seller:hover { color:#f2d69e!important; background:#ffffff0a!important; }