/* LittleWiz — JV page in design A "Studio". Loaded after sales.css + oto-a.css on body.jv-a; only changes the look. */
.jv-a .dr-topbar { background: var(--ink); color: #fff; }
.jv-a .jv-tag { background: var(--sun); color: var(--ink); border: 2px solid var(--ink); box-shadow: 2px 2px 0 var(--ink); font-size: 11px; padding: 5px 8px; }
.jv-a .s-top .btn.ghost.sm { background: #fff; color: var(--ink); border: 2px solid var(--ink); border-radius: 999px; box-shadow: 2px 3px 0 var(--ink); font-weight: 800; }

/* hero */
.jv-a .jv-badge { background: #fff; border: 2px solid var(--ink); color: var(--ink); box-shadow: 2px 2px 0 var(--ink); }
.jv-a .jv-strip li { background: #fff; border: 2px solid var(--ink); border-radius: 12px; box-shadow: 2px 2px 0 var(--ink); color: var(--ink); font-weight: 700; }
.jv-a .jv-strip li:nth-child(1) { background: #e9f9f1; } .jv-a .jv-strip li:nth-child(2) { background: #e7f4ff; }
.jv-a .jv-strip li:nth-child(3) { background: #fff3c4; } .jv-a .jv-strip li:nth-child(4) { background: #ffe7ef; }
.jv-a .jv-count-label { color: var(--coral); }
.jv-a .jv-count-boxes div { background: var(--ink); border: 2px solid var(--ink); box-shadow: 4px 5px 0 var(--coral); }
.jv-a .jv-count-boxes b { color: var(--sun); }
.jv-a .jv-facts div { background: #fff; border: 2px solid var(--ink); border-radius: 16px; box-shadow: 3px 4px 0 var(--ink); }
.jv-a .jv-facts div:nth-child(3n+2) { background: #fff9e8; } .jv-a .jv-facts div:nth-child(3n+3) { background: #f2f8ff; }
.jv-a .jv-facts b { color: var(--ink); } .jv-a .jv-facts span { color: #6a7390; }

/* chain, steps, cards */
.jv-a .jv-chain > div:not(.arr) { border: 2px solid var(--ink) !important; box-shadow: 4px 5px 0 var(--ink); border-radius: 18px; background: #fff; }
.jv-a .jv-chain .win { background: #e9f9f1 !important; }
.jv-a .jv-chain b { color: var(--ink); } .jv-a .jv-chain .arr { color: var(--coral); }
.jv-a .jv-step, .jv-a .jv-swipe, .jv-a .jv-review, .jv-a .jv-table-wrap, .jv-a .jv-contact {
  border: 2px solid var(--ink); border-radius: 20px; box-shadow: 5px 6px 0 var(--ink); background: #fff; }
.jv-a .jv-step-n { color: var(--coral); }
.jv-a .jv-review img { border: 2px solid var(--ink); }

/* funnel table */
.jv-a .jv-table th { background: var(--ink); }
.jv-a .jv-table td { border-top: 1px dashed rgba(29,43,79,.18); }
.jv-a .jv-table tr:nth-child(even) td { background: #fdf6ea; }
.jv-a .jv-table .num { color: var(--ink); }
.jv-a .jv-table .you, .jv-a .jv-step-foot .you { background: #e9f9f1; color: #138a5e; border: 2px solid var(--ink); }
.jv-a .jv-prod img { border: 2px solid var(--ink); border-radius: 8px; }
.jv-a .jv-prod b { color: var(--ink); }
.jv-a .jv-total { background: var(--ink); border: 2px solid var(--ink); box-shadow: 5px 6px 0 var(--coral); }
.jv-a .jv-total b.hl { color: var(--sun); }

/* prizes */
.jv-a .jv-prizes div { border: 2px solid var(--ink); box-shadow: 4px 5px 0 var(--ink); }
.jv-a .jv-prizes .p1 { background: #fff3c4; box-shadow: 6px 7px 0 var(--ink); }
.jv-a .jv-prizes .p2 { background: #f2f8ff; } .jv-a .jv-prizes .p3 { background: #fff3f6; }
.jv-a .jv-prizes b { color: var(--ink); }

/* timeline */
.jv-a .jv-time { border-left: 4px dashed rgba(29,43,79,.3); }
.jv-a .jv-time .dot { background: var(--coral); border: 2px solid var(--ink); box-shadow: 0 0 0 4px var(--paper); }
.jv-a .jv-time b { color: var(--ink); }

/* assets + swipes + copy boxes */
.jv-a .jv-assets figure { border: 2px solid var(--ink); box-shadow: 4px 5px 0 var(--ink); }
.jv-a .jv-assets img { border: 1px solid #e3e6ef; }
.jv-a .copy-box { background: #fdf6ea; border: 2px solid var(--ink); border-radius: 12px; }
.jv-a .jv-body pre { background: #fdf6ea; border: 2px solid var(--ink); }
.jv-a .copy, .jv-a .jv-assets figcaption a.btn { background: var(--sun); color: var(--ink); border: 2px solid var(--ink); box-shadow: 2px 2px 0 var(--ink); font-weight: 800; }
.jv-a .jv-swipe h3 { color: var(--ink); }

/* contact */
.jv-a .jv-contact { border-style: solid; }
.jv-a .jv-mail a { color: var(--coral); }
.jv-a .dr-list li::marker { color: var(--coral); }

@media (max-width: 720px) { .jv-a .jv-table tr { border-top: 6px solid var(--paper); } }
.jv-a .jv-vsl-frame { border: 3px solid var(--ink); box-shadow: 8px 9px 0 var(--ink); }
.jv-a .jv-vsl-label { color: var(--ink); }
.jv-a .jv-vsl-note a { color: var(--coral); font-weight: 800; }
.jv-a .s-top.jv-top { background: rgba(253,246,234,.94); border-bottom: 2px solid var(--ink); box-shadow: 0 4px 0 rgba(29,43,79,.08); }

/* vendor bonuses */
.jv-a .jv-bonus-sec { background: #fff3c4; background-image: radial-gradient(rgba(29,43,79,.07) 1px, transparent 1px); background-size: 22px 22px; border-top: 2px solid var(--ink); border-bottom: 2px solid var(--ink); }
.jv-a .jv-bonus-hero img { border: 2px solid var(--ink); box-shadow: 6px 7px 0 var(--ink); }
.jv-a .jv-bonus-card { border: 2px solid var(--ink); box-shadow: 4px 5px 0 var(--ink); }
.jv-a .jv-bonus-card img { border: 2px solid var(--ink); }
.jv-a .jv-bonus-card b { color: var(--ink); }
.jv-a .jv-bonus-n { color: var(--coral); }
.jv-a .jv-bonus-c { background: #e9f9f1; border: 1.5px solid var(--ink); color: var(--ink); }
.jv-a .jv-bonus-btn { background: var(--mint); border: 2px solid var(--ink); box-shadow: 4px 5px 0 var(--ink); border-radius: 999px; }
.jv-a .jv-bonus-btn:hover { box-shadow: 6px 7px 0 var(--ink); }

/* balanced headline wrapping — no lone word on the last line */
.jv-a h1, .jv-a h2, .jv-a .dr-center { text-wrap: balance; }
.jv-a .jv-access { background: var(--coral); color: #fff; border: 2px solid var(--ink); box-shadow: 2px 2px 0 var(--ink); font-weight: 800; border-radius: 999px; }