* { box-sizing: border-box; }
body { margin: 0; font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; background: #0f1115; color: #e8eaed; }
.wrap { max-width: 720px; margin: 0 auto; min-height: 100vh; display: flex; flex-direction: column; }
model-viewer { width: 100%; height: 60vh; background: radial-gradient(circle at 50% 30%, #1d2330, #0f1115); }
.info { padding: 20px 18px 32px; }
.cat { font-size: 13px; letter-spacing: .08em; text-transform: uppercase; color: #8ab4f8; }
h1 { margin: 6px 0 4px; font-size: 24px; }
.price { font-size: 20px; font-weight: 600; color: #34d399; margin: 8px 0; }
.desc { color: #b6bcc6; line-height: 1.5; }
.ar-btn { display: inline-flex; align-items: center; gap: 8px; background: #8ab4f8; color: #0f1115;
          border: none; padding: 14px 22px; border-radius: 999px; font-size: 16px; font-weight: 600; cursor: pointer; }
.hint { margin-top: 14px; font-size: 13px; color: #8b919c; }
.ar-fallback { margin: 14px 18px 0; padding: 14px 16px; border: 1px solid #2a3140; border-radius: 12px;
               background: #171a21; color: #b6bcc6; font-size: 14px; display: flex; flex-direction: column; gap: 6px; }
.ar-fallback strong { color: #e8eaed; }
.store-link { display: inline-block; margin-top: 18px; color: #8ab4f8; text-decoration: none; font-size: 14px; }
.empty { padding: 40px 18px; text-align: center; color: #b6bcc6; }