.mx-mobile-cat-overlay{position:fixed;inset:0;z-index:2147482500;display:none;background:#0d0f12;color:#f4f4f4;font-family:Arial,Helvetica,sans-serif;overflow-y:auto;-webkit-overflow-scrolling:touch}
.mx-mobile-cat-overlay.open{display:block}
.mx-mobile-cat-overlay *{box-sizing:border-box}
.mxm-top{height:56px;background:#12151a;border-bottom:1px solid #242830;display:flex;align-items:center;padding:0 12px;gap:10px;position:sticky;top:0;z-index:8}
.mxm-back,.mxm-close,.mxm-search{width:36px;height:36px;border:1px solid #2f343d;border-radius:50%;background:#1a1e24;color:#fff;font-size:20px}
.mxm-back{visibility:hidden}.mx-mobile-cat-overlay.detail .mxm-back{visibility:visible}
.mxm-logo{font-size:18px;font-weight:1000;color:#fff}.mxm-logo span{color:#ef233c}.mxm-search{margin-left:auto;font-size:16px}
.mxm-view{display:none}.mxm-view.active{display:block}
.mxm-categories-head{padding:20px 14px 10px;background:#111419}.mxm-categories-head h2{margin:0;font-size:26px;color:#fff}.mxm-categories-head p{margin:6px 0 0;color:#9aa0aa;font-size:12px}
.mxm-strip{display:flex;gap:8px;overflow-x:auto;padding:12px 12px 4px;scrollbar-width:none;background:#111419}.mxm-strip::-webkit-scrollbar{display:none}
.mxm-mini{min-width:88px;border:1px solid #2b3038;background:#171b21;border-radius:14px;padding:6px;color:#fff}.mxm-mini img{width:100%;height:55px;object-fit:cover;border-radius:10px;display:block}.mxm-mini b{display:block;font-size:9px;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mxm-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:12px;background:#0d0f12}.mxm-cat{border:1px solid #292e36;background:#171b21;border-radius:16px;overflow:hidden;text-align:left;padding:0;box-shadow:0 8px 22px rgba(0,0,0,.18)}.mxm-cat img{width:100%;height:118px;object-fit:cover;display:block;background:#20242b}.mxm-cat-txt{padding:10px}.mxm-cat b{display:block;font-size:13px;color:#fff}.mxm-cat small{display:block;margin-top:3px;color:#9aa0aa;font-size:10px}
.mxm-hero{background:#14181e;margin:10px;border:1px solid #292e36;border-radius:18px;overflow:hidden}.mxm-cover{height:112px;background-position:center;background-size:cover;position:relative}.mxm-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(13,15,18,.96),rgba(13,15,18,.2))}
.mxm-info{position:relative;z-index:2;padding:0 14px 14px;margin-top:-28px}.mxm-icon{width:58px;height:58px;border-radius:16px;background:#1b2027;border:1px solid #343a44;padding:5px;box-shadow:0 6px 18px rgba(0,0,0,.28)}.mxm-icon img{width:100%;height:100%;object-fit:cover;border-radius:12px}.mxm-label{font-size:10px;color:#8f96a1;margin-top:8px}.mxm-title{font-size:22px;font-weight:1000;margin:2px 0 8px;color:#fff}.mxm-stats{display:flex;gap:14px;font-size:11px;color:#989faa}.mxm-stats b{color:#fff}
.mxm-section-title{padding:2px 14px 8px;font-size:12px;font-weight:900;color:#c6cbd2}.mxm-subs{display:flex;gap:10px;overflow-x:auto;padding:0 12px 14px;scrollbar-width:none}.mxm-subs::-webkit-scrollbar{display:none}.mxm-sub{min-width:96px;background:#191d23;border:1px solid #2c323b;border-radius:14px;padding:7px;cursor:pointer;color:#fff}.mxm-sub.active{border-color:#ef233c;background:#25161a}.mxm-sub img{width:100%;height:60px;object-fit:cover;border-radius:10px;display:block}.mxm-sub b{display:block;font-size:10px;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mxm-brands{display:none;padding:0 12px 12px;background:#14181e}.mxm-brands.show{display:block}.mxm-brands-title{font-size:11px;font-weight:900;color:#c6cbd2;margin:2px 0 8px}.mxm-brand-list{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}.mxm-brand-list::-webkit-scrollbar{display:none}.mxm-brand{border:1px solid #303640;background:#1a1f26;border-radius:999px;padding:9px 13px;font-size:10px;white-space:nowrap;color:#d7dbe0}.mxm-brand.active{border-color:#ef233c;background:#2b161b;color:#ff5a6c}
.mxm-quick{display:flex;gap:8px;overflow-x:auto;padding:0 10px 10px;scrollbar-width:none;background:#0d0f12}.mxm-quick::-webkit-scrollbar{display:none}.mxm-chip{border:1px solid #2d333c;background:#171b21;border-radius:999px;padding:10px 14px;font-size:11px;white-space:nowrap;color:#cfd3d8}.mxm-chip.active{background:#2a151a;color:#ff5a6c;border-color:#ef233c}.mxm-chip.filter{font-weight:900}
.mxm-products{padding:0 10px 18px;background:#0d0f12}.mxm-product{display:grid;grid-template-columns:120px minmax(0,1fr);gap:12px;background:#15191f;border:1px solid #292f38;border-radius:16px;padding:10px;margin-bottom:10px}.mxm-pic{height:120px;border-radius:12px;background:#20252c;display:grid;place-items:center;overflow:hidden}.mxm-pic img{width:90%;height:90%;object-fit:contain}.mxm-name{font-size:13px;font-weight:800;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#fff}.mxm-store{font-size:10px;color:#9299a4;margin-top:5px}.mxm-old{font-size:10px;color:#747b85;text-decoration:line-through;margin-top:8px}.mxm-price{font-size:20px;font-weight:1000;color:#fff}.mxm-offer{margin-top:9px;width:100%;border:0;background:#ef233c;color:#fff;border-radius:10px;padding:10px;font-size:10px;font-weight:900}.mxm-empty{padding:28px 18px;text-align:center;color:#9ca3ad;background:#15191f;border:1px solid #292f38;border-radius:16px}
.mxm-sheet-back{position:fixed;inset:0;background:rgba(0,0,0,.72);display:none;z-index:2147482600}.mxm-sheet-back.open{display:block}.mxm-sheet{position:absolute;left:0;right:0;bottom:0;background:#15191f;color:#f4f4f4;border-top:1px solid #2b313a;border-radius:22px 22px 0 0;padding:18px 16px 20px}.mxm-handle{width:44px;height:4px;border-radius:999px;background:#444b55;margin:0 auto 14px}.mxm-sheet h3{margin:0 0 12px;color:#fff}.mxm-row{display:flex;justify-content:space-between;align-items:center;padding:13px 0;border-bottom:1px solid #2b3038;font-size:13px;color:#d6dae0}.mxm-apply{width:100%;border:0;background:#ef233c;color:#fff;border-radius:999px;padding:13px;margin-top:16px;font-weight:900}.mxm-sheet-close{position:absolute;right:14px;top:14px;border:1px solid #303640;background:#1f242b;color:#fff;border-radius:50%;width:34px;height:34px}
@media(min-width:701px){
.mx-mobile-cat-overlay{background:#0d0f12}
.mxm-top{width:min(700px,100%);margin:0 auto}
.mxm-view{width:min(700px,100%);margin:0 auto}
.mxm-sheet{left:50%;right:auto;width:min(700px,100%);transform:translateX(-50%)}
}