
:root{--mx-bg:#050507;--mx-bg2:#0c0d12;--mx-text:#e9e9ef;--mx-muted:rgba(233,233,239,.72);--mx-ac:#ffb400;--mx-ac2:#ff3b3b;--mx-radius:18px}
.jpt-mx-wrap{color:var(--mx-text);background:radial-gradient(1200px 600px at 20% -10%, rgba(255,180,0,.15), transparent 55%),radial-gradient(900px 500px at 85% 0%, rgba(255,59,59,.12), transparent 60%),linear-gradient(180deg,var(--mx-bg),var(--mx-bg2));padding:28px 16px 42px;border-radius:22px;border:1px solid rgba(255,255,255,.06);box-shadow:0 18px 60px rgba(0,0,0,.55)}
.jpt-mx-hero{max-width:1100px;margin:0 auto 16px}.jpt-mx-hero-title{font-size:34px;font-weight:900}.jpt-mx-hero-sub{color:var(--mx-muted);margin-top:6px}
.jpt-mx-filters{max-width:1100px;margin:14px auto 18px;display:grid;grid-template-columns:1.2fr .8fr .8fr auto;gap:10px;padding:12px;border-radius:var(--mx-radius);background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}
.jpt-mx-field input,.jpt-mx-field select{width:100%;background:rgba(0,0,0,.25);color:var(--mx-text);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:12px 12px;outline:none}
.jpt-mx-btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 14px;border-radius:14px;border:1px solid rgba(255,180,0,.35);background:linear-gradient(180deg, rgba(255,180,0,.95), rgba(255,140,0,.85));color:#140b00;font-weight:900;text-decoration:none;cursor:pointer;box-shadow:0 10px 28px rgba(255,180,0,.18)}
.jpt-mx-btn.ghost{background:rgba(255,255,255,.06);color:var(--mx-text);border:1px solid rgba(255,255,255,.14);box-shadow:none}
.jpt-mx-empty{max-width:1100px;margin:0 auto;padding:16px;border-radius:var(--mx-radius);background:rgba(255,255,255,.04);border:1px dashed rgba(255,255,255,.16);color:var(--mx-muted)}
.jpt-mx-grid{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.jpt-mx-card{border-radius:var(--mx-radius);background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.10);overflow:hidden;box-shadow:0 20px 70px rgba(0,0,0,.45)}
.jpt-mx-thumb{display:block;position:relative;aspect-ratio:16/10;background:#0a0a0f}
.jpt-mx-thumb-img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.02)}
.jpt-mx-thumb-glow{position:absolute;inset:0;background:radial-gradient(600px 220px at 30% 10%, rgba(255,180,0,.26), transparent 60%);pointer-events:none;mix-blend-mode:screen}
.jpt-mx-thumb-ph{height:100%;display:flex;align-items:center;justify-content:center;color:rgba(233,233,239,.55)}
.jpt-mx-card-body{padding:14px}.jpt-mx-title{font-weight:900;font-size:16px;line-height:1.2}.jpt-mx-price{margin-top:8px;font-size:18px;font-weight:950;color:var(--mx-ac)}
.jpt-mx-meta{margin-top:10px;display:flex;flex-wrap:wrap;gap:8px;color:var(--mx-muted);font-size:12px}
.jpt-mx-meta span{padding:6px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.10);background:rgba(0,0,0,.18)}
.jpt-mx-footer{margin-top:12px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.jpt-mx-plate{display:inline-flex;align-items:center;border-radius:10px;overflow:hidden;border:1px solid rgba(0,0,0,.35);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.jpt-mx-plate .nl{background:#0b3aa6;color:#fff;font-weight:900;padding:7px 8px;font-size:12px}
.jpt-mx-plate .nr{background:#f8d24b;color:#111;font-weight:1000;letter-spacing:1px;padding:7px 10px;font-size:12px}
.jpt-mx-detail{max-width:1100px;margin:0 auto}.jpt-mx-back{color:rgba(233,233,239,.75);text-decoration:none;display:inline-block;margin-bottom:10px}
.jpt-mx-detail-title{font-size:30px;font-weight:950;margin-top:6px}
.jpt-mx-detail-sub{display:flex;align-items:center;gap:12px;margin-top:10px;flex-wrap:wrap}
.jpt-mx-detail-price{font-size:22px;font-weight:950;color:var(--mx-ac)}
.jpt-mx-detail-grid{margin-top:14px;display:grid;grid-template-columns:1.35fr .65fr;gap:14px}
.jpt-mx-gallery{border-radius:var(--mx-radius);background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.10);overflow:hidden;position:relative}
.jpt-mx-gallery-main{width:100%;aspect-ratio:16/10;object-fit:cover;display:block}
.jpt-mx-gallery-strip{display:flex;gap:8px;padding:10px;overflow:auto;border-top:1px solid rgba(255,255,255,.08);background:rgba(0,0,0,.18)}
.jpt-mx-thumbbtn{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);border-radius:12px;padding:0;overflow:hidden;cursor:pointer;min-width:88px;height:58px}
.jpt-mx-thumbbtn img{width:100%;height:100%;object-fit:cover;display:block}
.jpt-mx-zoom{position:absolute;right:12px;bottom:84px;padding:10px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:rgba(0,0,0,.35);color:var(--mx-text);cursor:pointer}
.jpt-mx-specs{border-radius:var(--mx-radius);background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.10);padding:14px}
.jpt-mx-specs-title{font-weight:950;font-size:16px;margin-bottom:10px}
.jpt-mx-specrow{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.07);color:var(--mx-muted)}
.jpt-mx-specrow b{color:var(--mx-text);font-weight:900}.jpt-mx-specrow:last-child{border-bottom:none}
.jpt-mx-cta{display:flex;gap:10px;margin-top:12px}
.jpt-mx-desc{margin-top:14px;border-radius:var(--mx-radius);background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.10);padding:14px}
.jpt-mx-desc-title{font-weight:950;font-size:16px;margin-bottom:10px}
.jpt-mx-desc-body{color:rgba(233,233,239,.88)}
@media(max-width:980px){.jpt-mx-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.jpt-mx-detail-grid{grid-template-columns:1fr}.jpt-mx-zoom{bottom:12px}}
@media(max-width:640px){.jpt-mx-hero-title{font-size:28px}.jpt-mx-filters{grid-template-columns:1fr}.jpt-mx-grid{grid-template-columns:1fr}}
