.product-frame{--pf-card:var(--v3-receipt-bg,#fff);--pf-bar:var(--v3-bg,#fdfcf9);--pf-line:var(--v3-rule,#e6e1d5);--pf-line-2:var(--v3-rule-light,#d5cfc0);--pf-url-bg:var(--v3-bg-2,#f4f1e9);--pf-url-ink:var(--v3-ash,#52647b);--pf-accent:var(--v3-lime,#0f6b76);background:var(--pf-card);border:1px solid var(--pf-line-2);border-radius:14px;position:relative;overflow:hidden;box-shadow:0 24px 60px #0e20381a}.landing .product-frame{--pf-card:var(--c-card);--pf-bar:var(--c-paper);--pf-line:var(--c-line);--pf-line-2:var(--c-line-2);--pf-url-bg:var(--c-ivory);--pf-url-ink:var(--c-steel);--pf-accent:var(--c-gold);box-shadow:var(--sh-float)}.product-frame-bar{border-bottom:1px solid var(--pf-line);background:var(--pf-bar);align-items:center;gap:14px;padding:12px 18px;display:flex}.product-frame-dots{flex:none;gap:6px;display:flex}.product-frame-dots i{background:var(--pf-line-2);border-radius:50%;width:10px;height:10px}.product-frame-dots i:first-child{background:#e8927c}.product-frame-dots i:nth-child(2){background:var(--pf-accent)}.product-frame-dots i:nth-child(3){background:#7fb89a}.product-frame-url{text-align:center;max-width:420px;color:var(--pf-url-ink);background:var(--pf-url-bg);text-overflow:ellipsis;white-space:nowrap;border-radius:6px;flex:1;margin:0 auto;padding:6px 14px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:12px;overflow:hidden}.product-frame-spacer{flex:none;width:46px}.product-frame-body{padding:20px}.product-frame-note{border-top:1px solid var(--pf-line);background:var(--pf-bar);letter-spacing:.04em;color:var(--pf-url-ink);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;padding:10px 18px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:11.5px;display:flex}.product-frame-note a{color:var(--pf-accent);font-weight:600;text-decoration:none}.product-frame-note a:hover{text-decoration:underline}@media (max-width:700px){.product-frame-url{max-width:none;font-size:11px}.product-frame-spacer{display:none}.product-frame-body{padding:14px}}