*{box-sizing:border-box;}.mp{background:#121212;min-height:100vh;font-family:system-ui,-apple-system,sans-serif;overflow-x:hidden;}.mp-hero{text-align:center;padding:80px 20px 40px;border-bottom:1px solid #1e1e1e;position:relative;overflow:hidden;}.mp-hero::before{display:none;}.mp-hero h1{font-size:clamp(2rem,5vw,3.2rem);font-weight:900;color:#fff;letter-spacing:.08em;margin:0 0 10px;text-transform:uppercase;font-family:'Rajdhani',system-ui,sans-serif;}.mp-hero h1 span{color:#f59e0b;}.mp-hero p{color:#ffffff !important;font-size:.92rem;margin:0;}.mp-hero p strong{color:#f59e0b;}.mp-bar{max-width:1400px;margin:0 auto;padding:28px 24px 0;}.mp-search-row{position:relative;margin-bottom:18px;}.mp-sico{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#aaa;pointer-events:none;}.mp-search{width:100%;background:#1e1e1e;border:1.5px solid #333;border-radius:0;padding:13px 18px 13px 48px;color:#fff;font-size:.95rem;outline:none;transition:border-color .2s;}.mp-search:focus{border-color:#f59e0b88;}.mp-search::placeholder{color:#aaa;}.mp-chips{display:flex;flex-wrap:wrap;gap:8px;padding-bottom:20px;align-items:center;}.mp-chip{border-radius:0px;font-size:.82rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;border:1.5px solid #2a2a2a;background:#1c1c1c;color:#484848;transition:border-color .18s,background .18s,box-shadow .18s;white-space:nowrap;display:flex;align-items:center;justify-content:center;width:96px;height:52px;overflow:hidden;padding:0 10px;}.mp-chip:hover{border-color:#f59e0b88;background:#f59e0b0a;}.mp-chip.active{border-color:#f59e0b;background:#f59e0b12;}.mp-chip[data-brand="All"]{font-size:.88rem;letter-spacing:.06em;width:64px;}.mp-chip[data-brand="All"].active{background:#f59e0b;color:#000;border-color:#f59e0b;box-shadow:0 0 14px rgba(245,158,11,.35);}.mp-chip-svg{display:block;width:76px;height:50px;transition:fill .2s,opacity .2s,filter .2s;fill:var(--lc,#888);opacity:.6;filter:saturate(.6);}.mp-chip:hover .mp-chip-svg{opacity:1;filter:saturate(1.2) brightness(1.1);}.mp-chip.active .mp-chip-svg{opacity:1;filter:saturate(1.4) brightness(1.2);}.mp-chip-img{display:block;max-width:76px;max-height:40px;width:auto;height:auto;object-fit:contain;opacity:.65;filter:saturate(.8) brightness(.9);transition:opacity .2s,filter .2s;}.mp-chip:hover .mp-chip-img{opacity:1;filter:saturate(1.1) brightness(1.05);}.mp-chip.active .mp-chip-img{opacity:1;filter:saturate(1.3) brightness(1.1) ;}.mp-rbar{max-width:1400px;margin:0 auto;padding:4px 24px 16px;font-size:.8rem;color:#fff;}.mp-rbar strong{color:#f59e0b;}.mp-grid{max-width:1400px;margin:0 auto;padding:24px 24px 16px;display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px;}.mp-card{background:#1e1e1e;border:1px solid #2a2a2a;overflow:hidden;display:flex;flex-direction:column;transition:border-color .2s,box-shadow .2s;position:relative;}.mp-card:hover{border-color:#f59e0b66;box-shadow:0 0 0 1px #f59e0b22;}.mp-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:transparent;transition:background .2s;z-index:2;}.mp-card:hover::before{background:#f59e0b;}.mp-card-img{height:230px;position:relative;overflow:hidden;background:#181818;display:flex;align-items:center;justify-content:center;}.mp-card-img img.mp-phone-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform .4s ease;}.mp-card:hover .mp-phone-img{transform:scale(1.08);}.mp-card-img::after{content:'';position:absolute;bottom:0;left:0;right:0;height:80px;background:linear-gradient(to bottom,transparent,rgba(0,0,0,.8));pointer-events:none;}.mp-card-img .mp-logo-wrap{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;z-index:1;}.mp-logo-wrap img{width:110px;max-height:52px;object-fit:contain;opacity:.75;}.mp-badge{display:none;}.mp-card-body{padding:14px 16px 10px;flex:1;border-top:1px solid #272727;}.mp-card-brand{font-size:.58rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;margin-bottom:4px;}.mp-card-name{font-size:.93rem;font-weight:700;color:#fff;line-height:1.3;margin-bottom:10px;font-family:'Rajdhani',sans-serif;letter-spacing:.02em;}.mp-tags{display:flex;flex-wrap:wrap;gap:3px;}.mp-tag{font-size:.58rem;font-weight:600;padding:2px 7px;background:transparent;color:#ccc;border:1px solid #3a3a3a;letter-spacing:.02em;}.mp-card-foot{padding:12px 16px 16px;border-top:1px solid #272727;}.mp-det-btn{width:100%;padding:10px;font-size:.68rem;font-weight:800;letter-spacing:.14em;border:1px solid #3a3a3a;background:transparent;color:#fff;cursor:pointer;transition:background .18s,color .18s,border-color .18s;display:flex;align-items:center;justify-content:center;gap:6px;text-transform:uppercase;font-family:'Inter',sans-serif;}.mp-det-btn:hover{background:#f59e0b;color:#000;border-color:#f59e0b;}.mp-det-btn svg{transition:transform .2s;}.mp-det-btn:hover svg{transform:translateX(3px);}.mp-empty{text-align:center;padding:80px 20px;grid-column:1/-1;display:none;}.mp-overlay{position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.88);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;padding:16px;opacity:0;pointer-events:none;transition:opacity .22s;}.mp-overlay.open{opacity:1;pointer-events:all;}.mp-modal{background:#181818;border:1px solid #2e2e2e;border-top:2px solid #f59e0b;border-radius:0;width:min(960px,100%);max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 40px 120px rgba(0,0,0,.95);transform:translateY(20px);transition:transform .25s;}.mp-overlay.open .mp-modal{transform:translateY(0);}.mp-modal-head{display:flex;align-items:center;justify-content:space-between;padding:16px 22px;border-bottom:1px solid #242424;flex-shrink:0;gap:10px;background:#181818;}.mp-nav-btn{padding:7px 16px;border-radius:0;font-size:.68rem;font-weight:700;letter-spacing:.1em;border:1px solid #3a3a3a;background:transparent;color:#fff;cursor:pointer;transition:all .15s;white-space:nowrap;text-transform:uppercase;font-family:'Inter',sans-serif;}.mp-nav-btn:hover:not(:disabled){border-color:#f59e0b;color:#f59e0b;background:#f59e0b0a;}.mp-nav-btn:disabled{opacity:.2;cursor:not-allowed;}.mp-mtitle-wrap{flex:1;text-align:center;min-width:0;padding:0 12px;}.mp-mbrand{font-size:.6rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase;margin-bottom:4px;}.mp-mname{font-size:1.15rem;font-weight:800;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:'Rajdhani',sans-serif;letter-spacing:.04em;}.mp-close{width:32px;height:32px;border-radius:0;border:1px solid #3a3a3a;background:transparent;color:#fff;cursor:pointer;font-size:.85rem;display:flex;align-items:center;justify-content:center;transition:all .15s;flex-shrink:0;}.mp-close:hover{background:#f59e0b;color:#000;border-color:#f59e0b;}.mp-modal-body{display:flex;overflow:hidden;flex:1;min-height:0;}.mp-mleft{width:300px;flex-shrink:0;position:relative;overflow:hidden;border-right:1px solid #242424;display:flex;align-items:center;justify-content:center;background:#141414;}.mp-mleft-img{position:relative;z-index:1;width:auto;height:100%;max-height:100%;max-width:100%;object-fit:contain;object-position:center;display:block;}.mp-mleft-logo{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;z-index:1;}.mp-mleft-logo img{width:140px;max-height:66px;object-fit:contain;opacity:.75;}.mp-mleft-btag{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);font-size:.6rem;font-weight:800;letter-spacing:.18em;padding:4px 14px;border-radius:0;text-transform:uppercase;white-space:nowrap;z-index:2;font-family:'Inter',sans-serif;}.mp-mleft-overlay{position:absolute;bottom:0;left:0;right:0;height:80px;background:linear-gradient(to bottom,transparent,rgba(0,0,0,.8));pointer-events:none;z-index:1;}.mp-mright{flex:1;padding:28px;overflow-y:auto;min-width:0;background:#181818;}.mp-mright::-webkit-scrollbar{width:3px;}.mp-mright::-webkit-scrollbar-thumb{background:#f59e0b44;}.mp-msec-title{font-size:.58rem;font-weight:800;color:#f59e0b;letter-spacing:.22em;text-transform:uppercase;margin:0 0 16px;font-family:'Inter',sans-serif;}.mp-flist{display:flex;flex-direction:column;gap:4px;}.mp-fitem{display:flex;align-items:center;gap:12px;padding:11px 16px;background:#1e1e1e;border:1px solid #272727;border-left:2px solid #f59e0b22;font-size:.82rem;color:#ccc;font-weight:500;transition:border-left-color .15s,background .15s;font-family:'Inter',sans-serif;}.mp-fitem:hover{background:#222;border-left-color:#f59e0b;}.mp-fdot{width:5px;height:5px;border-radius:50%;background:#f59e0b;flex-shrink:0;}.mp-fcount{margin-top:18px;font-size:.72rem;color:#aaa;font-family:'Inter',sans-serif;}@media(max-width:680px){.mp-modal-body{flex-direction:column;}.mp-mleft{width:100%;height:220px;border-right:none;border-bottom:1px solid #222;}.mp-grid{padding:0 12px 60px;}.mp-bar,.mp-rbar{padding-left:12px;padding-right:12px;}}.mp-chip[data-brand="Samsung"] .mp-chip-img{max-width:96px;max-height:52px;width:96px;transform:scale(1.4);opacity:.9;}.mp-chip[data-brand="OPPO"] .mp-chip-img{max-width:72px;max-height:46px;width:72px;}.mp-chip[data-brand="Vivo"] .mp-chip-img{max-width:68px;max-height:46px;width:68px;}#mp-pagination{max-width:100%;overflow-x:hidden;}#mp-pg-numbers{max-width:100%;min-width:0;overflow-x:hidden;}