/* M4X STORE V11 — Minimal Commerce */
:root,
html,
html[data-m4x-theme]{
  --bg:#f7f8fb!important;
  --panel:#fff!important;
  --panel2:#f8f9fc!important;
  --line:#e7e9ef!important;
  --text:#12151c!important;
  --muted:#7b8290!important;
  --ok:#0b9f67!important;
  --bad:#df4d5b!important;
  --warn:#a66a00!important;
  --v8-accent:#5b5cf0!important;
  --v8-accent2:#7b61ff!important;
  color-scheme:light;
}
html body,
html[data-m4x-theme] body{
  margin:0;
  background:#f7f8fb!important;
  color:var(--text)!important;
}
*{box-sizing:border-box}
.wrap{max-width:1180px;margin:auto;padding:10px 16px 96px}
.muted{color:var(--muted)!important}

/* Header */
.top{
  position:sticky;top:0;z-index:30;
  display:flex;align-items:center;gap:8px;
  min-height:58px;padding:8px 0;
  background:rgba(247,248,251,.92)!important;
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}
.brand{font-size:23px;font-weight:1000;letter-spacing:-1.3px;color:#11141b;white-space:nowrap}
.brand span{opacity:1;color:#11141b}
.top .btn,.top .btn.ghost{
  background:#fff!important;color:#171a22!important;border:1px solid var(--line)!important;
  box-shadow:none!important
}
.cartQuick,.m4xBell{
  min-width:42px;height:42px;border-radius:14px!important;padding:0 10px!important
}
.cartQuick{margin-left:auto!important}
.m4xBell{position:relative}
.m4xBell .badge{position:absolute;right:-5px;top:-5px}
.top #accountQuick{
  min-height:42px;max-width:220px;padding:8px 12px!important;border-radius:14px!important;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px
}

/* Controls */
.btn{
  border:1px solid transparent;border-radius:12px;padding:9px 13px;font-weight:850;
  background:#171a22!important;color:#fff!important;box-shadow:none!important
}
.btn.ghost{background:#fff!important;color:#232732!important;border-color:var(--line)!important}
.btn.bad{background:#fff1f2!important;color:#c33a49!important;border-color:#ffd9de!important}
.btn.okbtn{background:#ecfaf4!important;color:#08764f!important;border-color:#cef0df!important}
.btn:disabled{opacity:.45}
.search,.input,.textarea,.select{
  width:100%;background:#fff!important;color:#151820!important;border:1px solid var(--line)!important;
  border-radius:14px;padding:12px 14px;box-shadow:none!important;outline:none
}
.search:focus,.input:focus,.textarea:focus,.select:focus{
  border-color:#b7b9ff!important;box-shadow:0 0 0 3px rgba(91,92,240,.07)!important
}
.search::placeholder,.input::placeholder,.textarea::placeholder{color:#a3a8b1}

/* Store */
.m4x-minimal{
  display:flex;flex-direction:column;gap:12px
}
.m4x-minimal-intro{
  display:flex;align-items:flex-end;justify-content:space-between;gap:18px;
  padding:20px 2px 8px
}
.m4x-minimal-intro h1{
  margin:0;font-size:clamp(31px,5vw,46px);line-height:1;letter-spacing:-2px
}
.m4x-minimal-intro p{
  margin:8px 0 0;color:var(--muted);font-size:14px;line-height:1.5;max-width:550px
}
.m4x-mini-wallet{
  flex:0 0 auto;display:flex;align-items:center;gap:9px;
  background:#fff;border:1px solid var(--line);border-radius:15px;padding:10px 12px
}
.m4x-mini-wallet span{font-size:18px}
.m4x-mini-wallet small{display:block;color:var(--muted);font-size:10px}
.m4x-mini-wallet b{font-size:13px}

.m4x-promo-strip{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:11px 14px;border:1px solid #e3e2ff;border-radius:14px;
  background:linear-gradient(90deg,#faf9ff,#f5f4ff);font-size:13px
}
.m4x-promo-strip b{color:#5b5cf0}
.m4x-searchrow{margin-top:2px}
.m4x-searchrow .search{height:50px;font-size:15px}

.cats{
  display:flex;gap:8px;overflow:auto;padding:2px 0 2px;scrollbar-width:none
}
.cats::-webkit-scrollbar{display:none}
.chip{
  white-space:nowrap;min-height:39px;padding:0 14px;border-radius:12px!important;
  border:1px solid var(--line)!important;background:#fff!important;color:#343944!important;
  font-size:12px;font-weight:800;box-shadow:none!important
}
.chip.active{
  background:#171a22!important;color:#fff!important;border-color:#171a22!important
}

.m4x-min-head{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  margin-top:4px
}
.m4x-min-head h2{margin:0;font-size:20px;letter-spacing:-.5px}
.m4x-min-head button{
  border:0;background:transparent;color:#6f7580;font-size:12px;font-weight:800;padding:7px
}

.m4x-min-grid{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px
}
.m4x-min-card{
  border:1px solid var(--line)!important;border-radius:17px!important;overflow:hidden;
  background:#fff!important;box-shadow:none!important
}
.m4x-min-card .cover{aspect-ratio:1.18;background-color:#eef0f4}
.m4x-min-card .pill{
  left:8px;top:8px;border-radius:8px;padding:5px 7px;font-size:9px;
  background:rgba(17,20,27,.74);color:#fff
}
.m4x-min-card .pill.right{left:auto;right:8px;background:#0b9f67}
.m4x-min-card .cardbody{padding:11px}
.m4x-min-card .name{
  min-height:36px;font-size:14px;font-weight:900;line-height:1.3
}
.m4x-min-card .m4x-min-meta{font-size:10px;color:#8b919d;margin-top:4px}
.m4x-min-card .price{font-size:16px;font-weight:1000;margin-top:8px;color:#11151c}
.m4x-min-card .m4x-min-buy{
  width:100%;margin-top:9px;min-height:39px;border-radius:11px
}
.m4x-min-card .m4x-min-owned{
  background:#fff!important;color:#171a22!important;border-color:#cfd3dc!important
}

.m4x-min-links{
  display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:6px
}
.m4x-min-links button{
  border:1px solid var(--line);background:#fff;border-radius:14px;padding:12px;
  text-align:left;color:#1e232d;min-height:72px
}
.m4x-min-links b{display:block;font-size:13px}
.m4x-min-links small{display:block;color:var(--muted);font-size:10px;margin-top:4px}

/* Other pages */
.card,.item,.sheet,.stat,.meta>div{
  background:#fff!important;color:#151820!important;border-color:var(--line)!important;
  box-shadow:none!important
}
.item{border-radius:16px}
.modal{background:rgba(17,20,27,.28)!important;backdrop-filter:blur(6px)}
.sheet{border-radius:24px}
.notice{background:#fff8e8!important;color:#775315!important;border-color:#f0dda9!important}
.updatebar{background:#eefaf4!important;border-color:#c9ebda!important;color:#176845!important}
.profileHead,.quoteBox,.quotedMsg,.replyComposer,.pinnedChat{
  background:#fff!important;color:#171a22!important;border-color:var(--line)!important
}
.accountBadge{background:#f4f5f8;color:#4a505c;border-color:#e3e5ea}
.chatBubble{background:#fff!important;color:#171a22!important;border-color:var(--line)!important;box-shadow:none!important}
.chatMessage.mine .chatBubble{background:#f4f5ff!important}
.chatComposer{background:rgba(255,255,255,.96)!important;border-color:var(--line)!important;box-shadow:none!important}
.chatComposer textarea{color:#171a22!important}
.chatIconBtn{background:#fff!important;color:#343944!important;border-color:var(--line)!important}

/* 5-item bottom navigation: notifications moved to bell */
.bottomnav{
  position:fixed;left:50%;transform:translateX(-50%);bottom:7px;z-index:50;
  width:min(620px,calc(100% - 16px));
  display:grid!important;grid-template-columns:repeat(5,1fr)!important;gap:2px;
  padding:5px;border:1px solid var(--line)!important;border-radius:18px;
  background:rgba(255,255,255,.95)!important;
  backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
  box-shadow:0 10px 28px rgba(28,33,45,.08)!important
}
.bottomnav .navbtn[data-view="notifications"]{display:none!important}
.navbtn{
  border:0;background:transparent!important;color:#7b818e!important;
  padding:8px 2px!important;border-radius:13px;font-size:9px!important;font-weight:800
}
.navbtn::before{display:block;font-size:15px;line-height:1;margin-bottom:4px}
.navbtn[data-view="store"]::before{content:'⌂'}
.navbtn[data-view="library"]::before{content:'▦'}
.navbtn[data-view="rewards"]::before{content:'✓'}
.navbtn[data-view="community"]::before{content:'♙'}
.navbtn[data-view="account"]::before{content:'○'}
.navbtn.active{background:#f1f2f6!important;color:#171a22!important}

/* Hide old theme selector on Account so the minimal skin stays consistent */
.themePicker{display:none!important}
.profileV8>.item b:first-child{display:none}

@media(max-width:900px){
  .m4x-min-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:700px){
  .wrap{padding:7px 10px 90px}
  .top{min-height:54px}
  .brand{font-size:20px}
  .cartQuick,.m4xBell{min-width:38px;height:38px;padding:0 8px!important}
  .top #accountQuick{min-height:38px;max-width:42vw;padding:7px 10px!important;font-size:10px}
  .m4x-minimal-intro{padding-top:14px;align-items:flex-start}
  .m4x-minimal-intro h1{font-size:33px}
  .m4x-minimal-intro p{font-size:12px}
  .m4x-mini-wallet{display:none}
  .m4x-promo-strip{padding:10px 11px;font-size:11px}
  .m4x-searchrow .search{height:47px}
  .chip{min-height:38px;padding:0 12px;font-size:11px}
  .m4x-min-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .m4x-min-card .cardbody{padding:9px}
  .m4x-min-card .name{font-size:12px;min-height:32px}
  .m4x-min-card .price{font-size:14px}
  .m4x-min-card .m4x-min-buy{font-size:11px;min-height:36px;padding:7px}
  .m4x-min-links{grid-template-columns:1fr 1fr}
  .bottomnav{width:calc(100% - 12px);padding:4px}
}