:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#101828;background:#f6f8fb;--blue:#1677ff;--line:#e4e9f0;--muted:#667085}*{box-sizing:border-box}body{margin:0;background:#f6f8fb}button,input{font:inherit}button{cursor:pointer}header{height:66px;background:#fffffff0;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 26px;position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.logo{font-size:22px;font-weight:950;border:0;background:transparent;padding:0;color:#101828;cursor:pointer;display:inline-flex;align-items:center;letter-spacing:-.5px}.logo:hover{opacity:.78}.logo:focus-visible{outline:3px solid rgba(22,119,255,.22);outline-offset:6px;border-radius:8px}.logo span{color:var(--blue)}.top-actions{display:flex;gap:8px}.ghost,.dark,.primary,.secondary{border-radius:12px;padding:10px 13px;font-weight:850;border:1px solid var(--line)}.ghost,.secondary{background:#fff;color:#344054}.dark{background:#111827;color:#fff;border:0}.primary{background:var(--blue);color:#fff;border:0}main{max-width:1180px;margin:auto;padding:26px 18px 110px}.hero{background:linear-gradient(135deg,#fff,#edf5ff);border:1px solid var(--line);border-radius:28px;padding:34px;box-shadow:0 12px 34px #1018280d}.hero h1{font-size:clamp(32px,5vw,58px);line-height:1.02;letter-spacing:-3px;margin:14px 0}.hero p{color:var(--muted);max-width:620px}.hero input,.auth-card input{width:100%;max-width:650px;height:48px;border:1px solid var(--line);border-radius:14px;padding:0 14px;background:#fff;outline:none}.badge,.live,.soon,.chip{display:inline-flex;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:900}.badge,.live{background:#e8f2ff;color:#1769c2}.soon{background:#f2f4f7;color:#667085}.categories,.storage-tabs{display:flex;gap:8px;overflow:auto;padding:18px 0 12px}.categories button,.storage-tabs button{white-space:nowrap;border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 13px;font-weight:800;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease}.categories button:hover,.storage-tabs button:hover{transform:translateY(-1px);border-color:#b8cef0;box-shadow:0 6px 16px #1677ff1a}.categories button:focus-visible,.storage-tabs button:focus-visible{outline:3px solid rgba(22,119,255,.18);outline-offset:2px}.categories button.active,.storage-tabs button.active{background:var(--blue);color:#fff;border-color:var(--blue)}.section-title,.status-head,.sim-title,.ghead,.detailtop,.modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-title{margin:24px 0 12px}.section-title h2,.detail h2{margin:0}.section-title span,.status-head span,.sim-title span{color:var(--muted);font-size:12px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.card{position:relative;background:#fff;border:1px solid var(--line);border-radius:22px;padding:16px;min-height:235px;box-shadow:0 8px 28px #1018280a;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.card:hover{transform:translateY(-3px);border-color:#c8d8ec;box-shadow:0 14px 34px #10182817}.card .live,.card .soon{position:absolute;right:12px;top:12px}.heart{position:absolute;left:12px;top:12px;border:1px solid var(--line);background:#fff;width:34px;height:34px;border-radius:50%;font-size:18px}.heart.on{color:#e33}.visual{height:132px;display:grid;place-items:center;font-size:58px;overflow:hidden}.product-art{width:100%;height:100%;display:grid;place-items:center;position:relative}.phone-shell{width:74px;height:118px;border-radius:20px;background:linear-gradient(145deg,#e9eef5,#aeb8c6);border:4px solid #20242b;box-shadow:inset 0 0 0 2px #ffffff8c,0 12px 25px #1018282e;position:relative;transform:rotate(-7deg)}.phone-shell:after{content:"";position:absolute;inset:6px;border-radius:13px;background:linear-gradient(160deg,#d8eaff,#b9c7ff 45%,#eef3ff)}.phone-cams{position:absolute;z-index:2;left:10px;top:12px;width:35px;height:39px;border-radius:12px;background:#eef2f7eb;display:grid;grid-template-columns:repeat(2,13px);grid-auto-rows:13px;gap:3px;padding:4px}.phone-cams i{display:block;border-radius:50%;background:#17191d;border:2px solid #8792a2}.phone-cams i:nth-child(3){grid-column:1}.phone-island{position:absolute;z-index:3;width:24px;height:7px;background:#14171b;border-radius:999px;left:50%;transform:translate(-50%);top:8px}.phone-shell b{position:absolute;z-index:4;right:9px;bottom:10px;font-size:18px;color:#fff;text-shadow:0 1px 5px rgba(0,0,0,.28)}.tablet-shell{width:105px;height:86px;border:5px solid #24272d;border-radius:14px;background:#cbd8ed;padding:5px;box-shadow:0 10px 22px #10182829;transform:rotate(-4deg)}.tablet-shell span,.laptop-screen span,.imac-screen span{display:block;width:100%;height:100%;border-radius:7px;background:linear-gradient(135deg,#bde1ff,#d6c9ff 55%,#f3f6ff)}.laptop-art{align-content:center}.laptop-screen{width:112px;height:70px;border:5px solid #2c3138;border-radius:10px 10px 5px 5px;background:#d5dbe4;padding:4px}.laptop-base{width:130px;height:9px;border-radius:2px 2px 10px 10px;background:linear-gradient(#bcc4cf,#7f8997);margin-top:2px}.watch-art{position:relative}.watch-band{width:34px;height:118px;border-radius:20px;background:#252930}.watch-face{position:absolute;width:62px;height:69px;border-radius:18px;background:#111827;border:4px solid #9aa4b2;display:grid;place-items:center;box-shadow:0 8px 18px #10182833}.watch-face span{font-size:26px;color:#72b8ff}.pods-art{position:relative}.pod{position:absolute;width:16px;height:48px;border-radius:12px 12px 10px 10px;background:#fff;border:2px solid #d7dde6;top:20px;box-shadow:0 5px 12px #10182814}.pod:before{content:"";position:absolute;width:21px;height:21px;border-radius:50%;background:#fff;border:2px solid #d7dde6;top:-7px;left:-4px}.p1{left:42%;transform:rotate(-7deg)}.p2{right:42%;transform:rotate(7deg)}.pods-case{position:absolute;width:78px;height:48px;border-radius:18px;background:#fff;border:2px solid #d7dde6;bottom:12px;box-shadow:0 8px 18px #1018281c}.imac-screen{width:110px;height:70px;border:5px solid #d9dee6;border-radius:9px;background:#fff;padding:4px}.imac-stand{width:34px;height:25px;border-bottom:7px solid #a7b0bc;margin-top:2px}.generic-art{font-size:58px}.card h3{margin:5px 0}.card p,.detail p,.modal p,.seller-card p{color:var(--muted)}.detail{margin-top:22px;background:#fff;border:1px solid var(--line);border-radius:25px;padding:20px}.close,.modal-head button{border:0;background:#f2f4f7;border-radius:10px;width:36px;height:36px}.notice,.banner,.note{padding:12px 14px;border-radius:13px;background:#f4f8ff;color:#245c9e;margin-top:12px}.banner{position:sticky;top:78px;z-index:15}.status-card{background:#f8fafc;border:1px solid var(--line);border-radius:22px;padding:14px;margin-top:16px}.status-head h3,.sim-title h3{margin:0}.sim-section{margin-top:15px}.color-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.group{background:#fff;border:1px solid var(--line);border-radius:17px;overflow:hidden}.ghead{padding:12px 14px;border-bottom:1px solid var(--line)}.offer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid #eef1f5}.offer:last-child{border-bottom:0}.offer.best{background:#f7fbff}.offer-main{display:flex;gap:10px;align-items:center}.rank{width:36px;height:36px;border-radius:11px;background:#eef5ff;color:#1677ff;display:grid;place-items:center;font-weight:950}.offer.best .rank{background:#1677ff;color:#fff}.meta{font-size:11px;color:var(--muted);margin-top:4px}.offer-side{display:flex;align-items:center;gap:10px}.price{font-size:18px;font-weight:950;white-space:nowrap}.offer-side button{border:0;background:#1677ff;color:#fff;border-radius:10px;padding:8px 10px;font-size:11px;font-weight:850}.empty{background:#fff;border:1px solid var(--line);border-radius:22px;padding:38px;text-align:center;display:grid;gap:5px;color:var(--muted)}.empty b{font-size:18px;color:#101828}.seller-card,.auth-card{background:#fff;border:1px solid var(--line);border-radius:21px;padding:18px;margin-top:12px}.seller-card h4{margin:0 0 8px}.seller-card a{color:var(--blue)}.profile-hero{background:linear-gradient(135deg,#111827,#1e3a5f);color:#fff;border-radius:25px;padding:24px;display:flex;justify-content:space-between}.profile-hero h2{margin:0}.profile-hero p{color:#cbd5e1}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:13px}.metrics div{background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px}.metrics strong{font-size:24px;display:block}.metrics span{font-size:12px;color:var(--muted)}.auth-tabs{display:flex;gap:6px;background:#f2f4f7;padding:4px;border-radius:13px;margin:12px 0}.auth-tabs button{flex:1;border:0;background:transparent;border-radius:10px;padding:9px;font-weight:850}.auth-tabs button.active{background:#fff}.auth-card input{max-width:none;margin:5px 0}.modal-bg{position:fixed;inset:0;background:#0f172a7a;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);z-index:100;display:grid;place-items:center;padding:18px}.modal{width:min(500px,100%);background:#fff;border-radius:25px;padding:22px;box-shadow:0 30px 100px #0000004d}.modal-head h3{margin:0}.bigprice{font-size:34px;font-weight:950;margin:18px 0}.bigprice small{font-size:14px;color:var(--muted)}.option{border:1px solid var(--line);border-radius:16px;padding:14px;display:flex;justify-content:space-between;align-items:center}.option small{display:block;color:var(--muted);margin-top:4px}.note{background:#fff6df;color:#795900;margin-bottom:12px}nav{position:fixed;z-index:30;bottom:12px;left:50%;transform:translate(-50%);background:#fffffff2;border:1px solid var(--line);border-radius:18px;padding:6px;display:flex;gap:3px;box-shadow:0 14px 40px #1018281f}nav button{border:0;background:transparent;border-radius:13px;padding:8px 14px;color:#667085;font-size:11px;font-weight:800}nav button b{display:block;font-size:17px}nav button.active{background:#eef5ff;color:#1677ff}@media(max-width:900px){.grid{grid-template-columns:repeat(2,1fr)}.color-grid{grid-template-columns:1fr}}@media(max-width:620px){header{padding:0 14px}.top-actions .ghost{display:none}.hero{padding:24px 18px}.hero h1{letter-spacing:-2px}.grid{grid-template-columns:1fr 1fr;gap:9px}.card{min-height:190px;padding:12px}.visual{height:95px}.offer{align-items:flex-start}.offer-side{flex-direction:column;align-items:flex-end}.profile-hero{flex-direction:column;gap:14px}.metrics{grid-template-columns:1fr}.detail{padding:13px}.status-card{padding:10px}nav{width:calc(100% - 18px);justify-content:space-around}nav button{padding:8px 9px}.top-actions .dark{padding:9px 10px}}.modal-input{width:100%;height:48px;border:1px solid var(--line);border-radius:14px;padding:0 14px;background:#fff;outline:none;margin:8px 0 14px}.modal-input:focus{border-color:#9fc7ff;box-shadow:0 0 0 3px #1677ff1a}.auth-action{width:100%;margin-top:10px}.auth-action:disabled{opacity:.6;cursor:not-allowed}.forgot-button{width:100%;margin-top:8px;border:0;background:transparent;color:var(--blue);font-weight:850;padding:10px;border-radius:10px}.forgot-button:hover{background:#eef5ff}.auth-note{margin:8px 0 2px;padding:10px 12px;border-radius:12px;background:#f4f8ff;color:#245c9e;font-size:13px}.group-color{display:block;margin-top:3px;color:var(--muted);font-weight:700}.offer-copy{min-width:0}.spec-pills{display:flex;flex-wrap:wrap;gap:6px;margin:7px 0 5px}.spec-pills span{display:inline-flex;align-items:center;min-height:24px;padding:3px 8px;border-radius:999px;background:#f2f4f7;border:1px solid #e6eaf0;color:#475467;font-size:11px;font-weight:800;white-space:nowrap}.spec-pills span.strong{background:#eef5ff;border-color:#d9e9ff;color:#1769c2}.meta-strong{font-weight:800;color:#344054}.part-number{font-size:11px;color:#475467;margin-top:4px;font-weight:750}@media(max-width:620px){.spec-pills{gap:5px;margin-top:6px}.spec-pills span{font-size:10px;padding:3px 7px}.offer-main{align-items:flex-start}.offer-copy{max-width:100%}}.review-offer{outline:1px solid rgba(18,118,255,.18);outline-offset:-1px}.reviewer-seller{font-weight:900;color:#101828}.review-box{margin-top:9px;padding:9px 10px;border-radius:12px;background:#f8fafc;border:1px dashed #cbd5e1;display:flex;flex-wrap:wrap;gap:7px 10px;align-items:center;font-size:11px}.review-box a{font-weight:800;text-decoration:none}.review-box span{color:#475467;font-weight:700}.review-label{width:100%;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#667085}.review-box details{width:100%}.review-box summary{cursor:pointer;font-weight:800;color:#344054}.review-box pre{white-space:pre-wrap;word-break:break-word;margin:8px 0 0;padding:8px;border-radius:8px;background:#fff;border:1px solid #eaecf0;font-size:10px;line-height:1.35;max-height:180px;overflow:auto}.review-badge{display:inline-flex;align-items:center;justify-content:center;padding:7px 9px;border-radius:10px;background:#111827;color:#fff;font-size:10px;font-weight:900;letter-spacing:.08em}.premium-plans{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:8px}.premium-plan{border:1px solid var(--line);border-radius:18px;padding:16px;background:#fff}.premium-plan.featured{background:linear-gradient(145deg,#f7fbff,#fff);border-color:#cfe0f7}.premium-plan h4{margin:8px 0}.premium-plan .primary{width:100%;margin-top:10px}.referral-actions{display:grid;gap:10px;margin-top:12px}.referral-row{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;border:1px solid var(--line);border-radius:14px;padding:10px}.referral-link{text-decoration:none;text-align:center}.modal-input{width:100%;border:1px solid var(--line);border-radius:12px;padding:11px 12px;background:#fff;outline:none}.modal-input:focus{border-color:#9abfed;box-shadow:0 0 0 3px #1677ff1a}button:disabled{cursor:not-allowed;opacity:.55}@media(max-width:760px){.premium-plans,.referral-row{grid-template-columns:1fr}.referral-row .primary,.referral-row .secondary,.referral-link{width:100%}}.public-seller-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px;align-items:center}.public-seller-links a{display:inline-flex;align-items:center;justify-content:center;padding:7px 10px;border-radius:10px;background:#eef5ff;color:#0b67d1;text-decoration:none;font-weight:800;font-size:13px}.public-seller-links span{font-size:13px;color:#667085}.free-access-badge{display:inline-flex;align-items:center;justify-content:center;padding:7px 10px;border-radius:999px;background:#ecfdf3;color:#027a48;font-weight:800;font-size:12px;white-space:nowrap}
