:root{--primary:#0ea5e9;--primary-dark:#0284c7;--dark:#0f172a;--dark2:#1e293b;--text:#334155;--border:#334155;--green:#10b981;--orange:#f97316}*,:after,:before{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,sans-serif;background:var(--dark);color:#e2e8f0;min-height:100vh}nav{position:-webkit-sticky;position:sticky;top:0;z-index:200;background:var(--dark);border-bottom:1px solid #1e293b;justify-content:space-between;padding:0 5%;height:64px;box-shadow:0 2px 24px rgba(0,0,0,.5)}.nav-left,nav{display:flex;align-items:center}.nav-left{gap:24px}.nav-logo{color:#fff;font-size:1.35rem;font-weight:900;letter-spacing:-.5px;text-decoration:none}.nav-logo span{color:var(--primary)}.back-link{color:#64748b;font-size:.82rem;text-decoration:none;font-weight:500;display:flex;align-items:center;gap:5px;transition:color .2s}.back-link:hover{color:var(--primary)}.nav-right{display:flex;align-items:center;gap:1rem}.lang-toggle{display:flex;gap:5px}.lang-btn{background:transparent;border:1px solid #334155;color:#94a3b8;padding:4px 11px;border-radius:20px;cursor:pointer;font-size:.78rem;font-weight:700;font-family:inherit;transition:all .2s}.lang-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.page-header{background:linear-gradient(135deg,var(--dark) 0,var(--dark2) 60%,#081c38 100%);padding:72px 5% 60px;text-align:center;position:relative;overflow:hidden}.page-header:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 60% 60% at 60% 40%,rgba(249,115,22,.12) 0,transparent 70%);pointer-events:none}.page-header-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(249,115,22,.12);border:1px solid rgba(249,115,22,.3);color:var(--orange);padding:6px 20px;border-radius:20px;font-size:.8rem;font-weight:700;letter-spacing:.5px;margin-bottom:22px}.page-header h1{color:#fff;font-size:clamp(2rem,5vw,3.2rem);font-weight:900;line-height:1.12;margin-bottom:14px;letter-spacing:-1.5px}.page-header h1 span{color:var(--orange)}.page-header p{color:#94a3b8;font-size:1rem;max-width:540px;margin:0 auto;line-height:1.75}.main{max-width:1340px;margin:0 auto;padding:48px 4% 100px}.controls{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:32px}.search-wrap{position:relative;flex:1 1;min-width:220px;max-width:380px}.search-wrap input{width:100%;padding:12px 16px 12px 44px;border-radius:10px;border:1px solid #1e293b;background:#1e293b;color:#e2e8f0;font-size:.93rem;font-family:inherit;outline:none;transition:border .2s}.search-wrap input:focus{border-color:var(--primary)}.search-wrap:before{content:"🔍";position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:.9rem;pointer-events:none}.tab-bar{display:flex;flex-wrap:wrap;gap:8px}.tab-btn{padding:9px 18px;border-radius:20px;border:1px solid #1e293b;background:transparent;color:#94a3b8;cursor:pointer;font-size:.82rem;font-weight:700;font-family:inherit;transition:all .2s}.tab-btn:hover{border-color:var(--primary);color:var(--primary)}.tab-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.count-badge{margin-left:auto;color:#475569;font-size:.82rem;white-space:nowrap}.parts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:16px;gap:16px}.part-card{background:var(--dark2);border:1px solid #1e293b;border-radius:14px;padding:22px 22px 18px;display:flex;flex-direction:column;gap:10px;transition:border-color .2s,transform .15s}.part-card:hover{border-color:#334155;transform:translateY(-2px)}.cat-badge{display:inline-flex;align-items:center;gap:5px;font-size:.7rem;font-weight:700;letter-spacing:.4px;padding:3px 10px;border-radius:12px;align-self:flex-start}.cat-iphone-battery{background:rgba(14,165,233,.12);color:var(--primary)}.cat-iphone-display{background:rgba(139,92,246,.12);color:#a78bfa}.cat-samsung-battery{background:rgba(16,185,129,.12);color:var(--green)}.cat-samsung-display{background:rgba(249,115,22,.12);color:var(--orange)}.part-model{color:#fff;font-size:1rem;font-weight:700;line-height:1.3}.part-note{color:#64748b;font-size:.78rem;line-height:1.5;min-height:18px}.part-price-row{display:flex;align-items:flex-end;justify-content:space-between;margin-top:4px}.part-price{color:#fff;font-size:1.35rem;font-weight:900;letter-spacing:-.5px}.part-price span{color:#64748b;font-size:.8rem;font-weight:400}.order-btn{background:var(--orange);color:#fff;border:none;cursor:pointer;padding:9px 18px;border-radius:8px;font-size:.82rem;font-weight:700;font-family:inherit;transition:opacity .2s;white-space:nowrap}.order-btn:hover{opacity:.88}.no-results{grid-column:1/-1;text-align:center;padding:80px 20px;color:#475569}.no-results p{font-size:1rem;margin-top:12px}.info-strip{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:36px}.info-chip{background:var(--dark2);border:1px solid #1e293b;border-radius:10px;padding:12px 18px;font-size:.82rem;color:#94a3b8;display:flex;align-items:center;gap:8px}.info-chip strong{color:#e2e8f0}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.75);display:none;align-items:center;justify-content:center;z-index:500;padding:20px}.modal-overlay.open{display:flex}.modal{background:var(--dark2);border:1px solid #334155;border-radius:18px;padding:36px 40px;max-width:500px;width:100%;position:relative;max-height:90vh;overflow-y:auto}.modal-close{position:absolute;top:16px;right:18px;background:transparent;border:none;color:#64748b;cursor:pointer;font-size:1.4rem;line-height:1;transition:color .2s}.modal-close:hover{color:#e2e8f0}.modal h2{color:#fff;font-size:1.2rem;font-weight:800;margin-bottom:6px}.modal-part-info{background:#0f172a;border-radius:10px;padding:14px 16px;margin-bottom:24px}.modal-part-info .mpi-cat{font-size:.72rem;font-weight:700;margin-bottom:5px}.modal-part-info .mpi-model{color:#fff;font-size:1rem;font-weight:700}.modal-part-info .mpi-note{color:#64748b;font-size:.8rem;margin-top:2px}.modal-part-info .mpi-price{color:var(--orange);font-size:1.3rem;font-weight:900;margin-top:8px}.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.form-group label{color:#94a3b8;font-size:.8rem;font-weight:600}.form-group input,.form-group select,.form-group textarea{padding:12px 16px;border-radius:9px;border:1px solid #334155;background:#0f172a;color:#e2e8f0;font-size:.93rem;font-family:inherit;outline:none;transition:border .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--orange)}.form-group textarea{resize:vertical;min-height:70px}.form-row-2{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.submit-btn{width:100%;padding:15px;background:var(--orange);color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:800;font-family:inherit;cursor:pointer;transition:opacity .2s;margin-top:6px}.submit-btn:hover{opacity:.9}.submit-btn:disabled{opacity:.5;cursor:default}.modal-success{text-align:center;padding:20px 0}.modal-success .ms-icon{font-size:3rem;margin-bottom:14px}.modal-success h3{color:#fff;font-size:1.2rem;font-weight:800;margin-bottom:8px}.modal-success p{color:#94a3b8;font-size:.9rem;line-height:1.7}.modal-success .ms-ref{color:var(--orange);font-weight:700;font-size:1rem;margin-top:10px}footer{background:var(--dark2);border-top:1px solid #1e293b;padding:36px 5%;text-align:center}footer p{color:#475569;font-size:.82rem}footer a{color:var(--primary);text-decoration:none}@media(max-width:640px){.modal{padding:28px 22px}.form-row-2{grid-template-columns:1fr}.controls{flex-direction:column;align-items:stretch}.search-wrap{max-width:100%}}