/* ---- Checkout + video overlay v3 (2026-10-25) ---- */
.v3-offscreen { position: fixed; left: -9999px; top: 0; opacity: 0; }
.v3-h { display: grid; gap: 4px; margin: 0; font-size: .82rem; line-height: 1.3; }
.v3-h-l { opacity: .75; font-weight: 600; }
.v3-h-i { width: 100%; box-sizing: border-box; font: inherit; font-size: .95rem; padding: 8px 11px; border-radius: 10px; border: 1px solid rgba(127, 140, 170, .45); background: rgba(127, 140, 170, .08); color: inherit; }
.v3-h-i:focus { outline: 2px solid #6C5CE7; outline-offset: 1px; }
.v3-h.v3-need .v3-h-i { border-color: #FF6B6B; box-shadow: 0 0 0 2px rgba(255, 107, 107, .25); }
.v3-msg { margin: 0; font-size: .85rem; color: #E5484D; font-weight: 600; }
.v3-panel { display: grid; gap: 8px; margin: 0; padding: 12px; border-radius: 12px; border: 1px solid rgba(127, 140, 170, .35); background: rgba(127, 140, 170, .08); font-size: .9rem; line-height: 1.45; }
.v3-panel p { margin: 0; }
.v3-p-h b { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; letter-spacing: .04em; }
.v3-xm { display: block; text-align: center; text-decoration: none; font-weight: 800; padding: 11px 14px; border-radius: 12px; background: #00C2A8; color: #0F1B2D; }
.v3-xm:hover { background: #19D6BD; color: #0F1B2D; }
.v3-copies { display: flex; flex-wrap: wrap; gap: 6px; }
.v3-copy { font: inherit; font-size: .82rem; font-weight: 700; cursor: pointer; padding: 6px 10px; border-radius: 9px; border: 1px solid rgba(127, 140, 170, .5); background: transparent; color: inherit; }
.v3-copy.is-done { border-color: #00C2A8; color: #00A08A; }
.v3-ol { font-weight: 700; }
.v3-small { font-size: .78rem; opacity: .75; }
.v3-recent { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin: 0 0 14px; padding: 10px 14px; border-radius: 12px; border: 1px solid rgba(127, 140, 170, .35); background: rgba(127, 140, 170, .1); font-size: .9rem; }
.v3-recent-h { font-weight: 700; }
.v3-recent-a { font-weight: 700; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }
.v3-oact { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin: 4px 0 8px; }
.v3-oact .v3-xm { display: inline-block; }
#orderPage.is-paid .v3-oact { display: none; }
.v3-vid { margin: 0; }
.v3-vid video, video.v3-v { display: block; width: 100%; height: auto; aspect-ratio: 1 / 1; border-radius: 16px; background: #0b0d12; object-fit: cover; }

.v3-media { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr); gap: 28px; align-items: start; padding: 10px 0 34px; }
.v3-media h2 { margin: 0 0 10px; font-size: 24px; letter-spacing: -.01em; }
.v3-cap { margin: 8px 0 0; color: var(--mut); font-size: 14px; }
.v3-strip-row { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.v3-prod { display: grid; gap: 6px; text-decoration: none; color: var(--txt); background: linear-gradient(180deg, #121722, #0e121a); border: 1px solid var(--line); border-radius: 18px; padding: 10px; transition: transform .2s, border-color .2s; }
.v3-prod:hover { transform: translateY(-3px); border-color: #3a4566; }
.v3-prod b { font-size: 15px; line-height: 1.3; }
.v3-prod span { color: var(--mut); font-size: 13px; }
.v3-prod video.v3-v { border-radius: 12px; }
.card .v3-h { color: var(--txt); }
@media (max-width: 820px) { .v3-media { grid-template-columns: 1fr; gap: 20px; } }
@media (prefers-reduced-motion: reduce) { .v3-prod { transition: none; } .v3-prod:hover { transform: none; } }