/* =========================================================
   PVANetwork — premium dark theme (v2026.10)
   Loaded last; restyles the whole site.
   ========================================================= */
:root, [data-theme="dark"], [data-theme="light"] {
  color-scheme: dark;
  --pv-bg: #060A18;
  --pv-bg2: #0A1024;
  --pv-surface: #0D1430;
  --pv-surface2: #121A3B;
  --pv-line: rgba(140,155,255,.14);
  --pv-line2: rgba(140,155,255,.24);
  --pv-text: #EEF1FF;
  --pv-text2: #B4BCDD;
  --pv-text3: #8590BA;
  --pv-blue: #5B6CFF;
  --pv-violet: #8B5CF6;
  --pv-cyan: #38BDF8;
  --pv-gold: #F5B942;
  --pv-gold2: #FFD978;
  --pv-green: #22C55E;
  --pv-grad: linear-gradient(135deg, #5B6CFF 0%, #8B5CF6 100%);
  --pv-grad-text: linear-gradient(90deg, #8E9BFF 0%, #B794FF 55%, #7DD3FC 100%);
  --pv-gold-grad: linear-gradient(135deg, #FFD978 0%, #F0A928 100%);
  --pv-radius: 18px;
  --pv-shadow: 0 20px 50px -20px rgba(0,0,0,.6), 0 0 0 1px var(--pv-line);
  --pv-display: 'Plus Jakarta Sans', 'Inter', system-ui, sans-serif;

  /* legacy tokens used by the older stylesheets */
  --primary: #5B6CFF; --primary-dark: #4453E6; --primary-mid: #8B5CF6; --primary-light: #1A1F4A;
  --accent: #F5B942; --accent-light: #2A2310;
  --success: #22C55E; --success-light: #0F2A1E; --warning: #F5B942; --warning-light: #2A2310;
  --bg: #060A18; --bg2: #0A1024; --bg3: #0F1631; --surface: #0D1430; --surface2: #121A3B;
  --border: #1C2550; --border2: #27315F;
  --text1: #EEF1FF; --text2: #B4BCDD; --text3: #8590BA; --text4: #5F6A96;
  --shadow-sm: 0 1px 3px rgba(0,0,0,.4); --shadow: 0 8px 24px rgba(0,0,0,.4); --shadow-lg: 0 18px 44px rgba(0,0,0,.5); --shadow-xl: 0 28px 64px rgba(0,0,0,.55);
  --nav-h: 72px;
}

html { scroll-padding-top: 88px; }
html.pvn-lock, html.pvn-lock body { overflow: hidden; }
body.pvn {
  background: var(--pv-bg) !important;
  color: var(--pv-text);
  font-family: 'Inter', system-ui, sans-serif;
  background-image:
    radial-gradient(1100px 600px at 85% -10%, rgba(139,92,246,.13), transparent 60%),
    radial-gradient(900px 600px at -10% 10%, rgba(91,108,255,.12), transparent 60%) !important;
  background-repeat: no-repeat !important;
}
body.pvn h1, body.pvn h2, body.pvn h3, body.pvn h4,
body.pvn .title, body.pvn .pd-hero h1, body.pvn .page-hero h1 { font-family: var(--pv-display); letter-spacing: -.02em; }
body.pvn ::selection { background: rgba(91,108,255,.45); color: #fff; }
body.pvn :focus-visible { outline: 2px solid var(--pv-gold); outline-offset: 3px; border-radius: 6px; }
.pi { width: 1.1em; height: 1.1em; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; flex-shrink: 0; vertical-align: -.18em; }
.pvn-container { width: 100%; max-width: 1240px; margin: 0 auto; padding: 0 24px; }
body.pvn .container { max-width: 1240px; }
.pvn-grad { background: var(--pv-grad-text); -webkit-background-clip: text; background-clip: text; color: transparent; }

/* ---------- buttons ---------- */
.pvn-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 42px; padding: 0 18px; border-radius: 12px; font: 600 .92rem/1 'Inter', sans-serif; border: 1px solid transparent; text-decoration: none; white-space: nowrap; cursor: pointer; transition: transform .18s, box-shadow .18s, background .18s, border-color .18s, color .18s; color: #fff; background: none; }
.pvn-btn:hover { transform: translateY(-1px); }
.pvn-btn-lg { height: 52px; padding: 0 24px; border-radius: 14px; font-size: 1rem; }
.pvn-btn-primary { background: var(--pv-grad); box-shadow: 0 10px 30px -8px rgba(91,108,255,.65), inset 0 1px 0 rgba(255,255,255,.2); }
.pvn-btn-primary:hover { box-shadow: 0 16px 40px -10px rgba(139,92,246,.8), inset 0 1px 0 rgba(255,255,255,.25); }
.pvn-btn-gold { background: var(--pv-gold-grad); color: #1A1204; box-shadow: 0 8px 24px -8px rgba(245,185,66,.6), inset 0 1px 0 rgba(255,255,255,.4); }
.pvn-btn-outline { border-color: var(--pv-line2); background: rgba(255,255,255,.03); color: var(--pv-text); }
.pvn-btn-outline:hover { border-color: rgba(139,155,255,.55); background: rgba(91,108,255,.1); }
.pvn-btn-ghost { color: var(--pv-text2); border-color: var(--pv-line); background: rgba(255,255,255,.02); }
.pvn-btn-ghost:hover { color: #fff; border-color: rgba(37,211,102,.5); }
.pvn-btn-ghost .pi[fill="currentColor"] { color: #25D366; }
.pvn-btn-wa { background: #1FAF54; }
.pvn-btn-tg { background: #229ED9; }
.pvn-center { text-align: center; margin-top: 40px; }

/* ---------- header ---------- */
.pvn-nav { position: fixed; inset: 0 0 auto 0; z-index: 1000; height: var(--nav-h); background: rgba(6,10,24,.72); backdrop-filter: saturate(160%) blur(18px); -webkit-backdrop-filter: saturate(160%) blur(18px); border-bottom: 1px solid transparent; transition: background .25s, border-color .25s, box-shadow .25s; }
.pvn-nav.is-scrolled { background: rgba(6,10,24,.9); border-bottom-color: var(--pv-line); box-shadow: 0 10px 30px -18px rgba(0,0,0,.9); }
.pvn-nav-in { max-width: 1240px; margin: 0 auto; padding: 0 24px; height: 100%; display: flex; align-items: center; gap: 28px; }
.pvn-logo { display: inline-flex; align-items: center; gap: 10px; text-decoration: none; color: #fff; font: 800 1.28rem/1 var(--pv-display); letter-spacing: -.02em; flex-shrink: 0; }
.pvn-logo img { width: 38px; height: 38px; border-radius: 11px; box-shadow: 0 6px 18px -6px rgba(91,108,255,.8); }
.pvn-logo b { font-weight: 800; background: var(--pv-grad-text); -webkit-background-clip: text; background-clip: text; color: transparent; }
.pvn-links { display: flex; align-items: center; gap: 4px; flex: 1; }
.pvn-link { position: relative; display: inline-flex; align-items: center; gap: 6px; padding: 9px 13px; border-radius: 10px; color: var(--pv-text2); font: 500 .93rem/1 'Inter', sans-serif; text-decoration: none; background: none; border: 0; cursor: pointer; transition: color .15s, background .15s; }
.pvn-link:hover, .pvn-dd.open .pvn-dd-btn { color: #fff; background: rgba(255,255,255,.05); }
.pvn-link.is-active { color: #fff; }
.pvn-link.is-active::after { content: ""; position: absolute; left: 13px; right: 13px; bottom: 2px; height: 2px; border-radius: 2px; background: var(--pv-gold-grad); }
.pvn-dd-btn .pi-chev { width: 15px; height: 15px; transition: transform .2s; }
.pvn-dd.open .pi-chev { transform: rotate(180deg); }
.pvn-actions { display: flex; align-items: center; gap: 10px; margin-left: auto; }
.pvn-burger { display: none; width: 44px; height: 44px; border-radius: 12px; border: 1px solid var(--pv-line2); background: rgba(255,255,255,.03); flex-direction: column; align-items: center; justify-content: center; gap: 4px; cursor: pointer; }
.pvn-burger span { width: 18px; height: 2px; border-radius: 2px; background: #fff; }

/* mega menu */
.pvn-dd { position: static; }
.pvn-mega { position: absolute; top: calc(var(--nav-h) - 6px); left: 50%; transform: translate(-50%, 8px); width: min(1180px, calc(100vw - 32px)); opacity: 0; visibility: hidden; pointer-events: none; transition: opacity .2s, transform .2s, visibility .2s; z-index: 5; }
.pvn-dd.open .pvn-mega { opacity: 1; visibility: visible; pointer-events: auto; transform: translate(-50%, 0); }
.pvn-mega-in { background: linear-gradient(180deg, #0F1736, #0B1128); border: 1px solid var(--pv-line2); border-radius: 22px; box-shadow: 0 40px 80px -30px rgba(0,0,0,.9), 0 0 0 1px rgba(255,255,255,.02) inset; overflow: hidden; }
.pvn-mega-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 4px; padding: 22px; max-height: min(64vh, 560px); overflow: auto; }
.pvn-mcol { padding: 4px 6px; }
.pvn-mh { display: flex; align-items: center; gap: 8px; color: var(--pv-gold); font: 700 .72rem/1 'Inter', sans-serif; text-transform: uppercase; letter-spacing: .1em; padding: 6px 8px 12px; border-bottom: 1px solid var(--pv-line); margin-bottom: 8px; }
.pvn-mh .pi { width: 15px; height: 15px; }
.pvn-mi { display: grid; grid-template-columns: 28px 1fr; grid-template-rows: auto auto; column-gap: 10px; align-items: center; padding: 7px 8px; border-radius: 10px; text-decoration: none; transition: background .15s; }
.pvn-mi:hover { background: rgba(91,108,255,.12); }
.pvn-mi-ico, .pvn-q-ico { width: 28px; height: 28px; border-radius: 8px; background: #fff; display: grid; place-items: center; grid-row: span 2; box-shadow: 0 2px 8px rgba(0,0,0,.3); }
.pvn-mi-ico svg, .pvn-q-ico svg { width: 17px; height: 17px; }
.pvn-mi-t { color: var(--pv-text); font: 600 .86rem/1.2 'Inter', sans-serif; }
.pvn-mi-p { color: var(--pv-text3); font-size: .72rem; line-height: 1.2; }
.pvn-mega-foot { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 14px 24px; border-top: 1px solid var(--pv-line); background: rgba(91,108,255,.06); color: var(--pv-text2); font-size: .85rem; }
.pvn-mega-foot span { display: inline-flex; align-items: center; gap: 8px; }
.pvn-mega-foot .pi { color: var(--pv-gold); }
.pvn-mega-all { color: #fff; font-weight: 600; text-decoration: none; display: inline-flex; align-items: center; gap: 6px; }
.pvn-mega-all:hover { color: var(--pv-gold2); }

/* drawer */
.pvn-drawer { position: fixed; inset: 0; z-index: 2000; visibility: hidden; }
.pvn-drawer.open { visibility: visible; }
.pvn-drawer-bg { position: absolute; inset: 0; background: rgba(2,4,12,.7); backdrop-filter: blur(4px); opacity: 0; transition: opacity .25s; }
.pvn-drawer.open .pvn-drawer-bg { opacity: 1; }
.pvn-drawer-panel { position: absolute; top: 0; right: 0; bottom: 0; width: min(380px, 88vw); background: #0A1026; border-left: 1px solid var(--pv-line2); padding: 16px 16px 28px; overflow-y: auto; transform: translateX(100%); transition: transform .3s cubic-bezier(.2,.8,.2,1); }
.pvn-drawer.open .pvn-drawer-panel { transform: none; }
.pvn-drawer-top { display: flex; align-items: center; justify-content: space-between; padding: 4px 4px 16px; border-bottom: 1px solid var(--pv-line); margin-bottom: 10px; }
.pvn-x { width: 40px; height: 40px; border-radius: 11px; border: 1px solid var(--pv-line2); background: transparent; color: #fff; display: grid; place-items: center; cursor: pointer; }
.pvn-dlink { display: flex; align-items: center; gap: 12px; padding: 12px 12px; border-radius: 12px; color: var(--pv-text); text-decoration: none; font-weight: 600; }
.pvn-dlink .pi { color: var(--pv-text3); }
.pvn-dlink:hover, .pvn-dlink.is-active { background: rgba(91,108,255,.12); }
.pvn-dlink.is-active .pi { color: var(--pv-gold); }
.pvn-dgroup-h { color: var(--pv-text3); font-size: .7rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; padding: 16px 12px 6px; }
.pvn-dcat { border-radius: 12px; }
.pvn-dcat summary { list-style: none; display: flex; align-items: center; gap: 12px; padding: 12px; border-radius: 12px; cursor: pointer; color: var(--pv-text); font-weight: 600; }
.pvn-dcat summary::-webkit-details-marker { display: none; }
.pvn-dcat summary > .pi:first-child { color: var(--pv-gold); }
.pvn-dcat summary span { flex: 1; }
.pvn-dcat[open] summary { background: rgba(255,255,255,.04); }
.pvn-dcat[open] .pi-chev { transform: rotate(180deg); }
.pvn-dlinks { display: grid; grid-template-columns: 1fr 1fr; gap: 4px; padding: 8px 4px 10px; }
.pvn-dlinks a { display: flex; align-items: center; gap: 8px; padding: 8px; border-radius: 10px; color: var(--pv-text2); text-decoration: none; font-size: .86rem; }
.pvn-dlinks a:hover { background: rgba(91,108,255,.1); color: #fff; }
.pvn-dlinks .pvn-mi-ico { width: 24px; height: 24px; grid-row: auto; }
.pvn-dlinks .pvn-mi-ico svg { width: 14px; height: 14px; }
.pvn-drawer-cta { display: grid; gap: 10px; margin-top: 20px; padding-top: 18px; border-top: 1px solid var(--pv-line); }
.pvn-drawer-cta .pvn-btn { height: 48px; width: 100%; }

/* ---------- section scaffolding ---------- */
.pvn-sec { padding: 96px 0; position: relative; }
.pvn-sec-alt { background: linear-gradient(180deg, rgba(13,20,48,.0), rgba(13,20,48,.65) 18%, rgba(13,20,48,.65) 82%, rgba(13,20,48,0)); }
.pvn-head { text-align: center; max-width: 720px; margin: 0 auto 48px; }
.pvn-head h2 { font: 800 clamp(1.9rem, 3.6vw, 2.75rem)/1.12 var(--pv-display); color: #fff; margin: 14px 0 14px; letter-spacing: -.025em; }
.pvn-head p { color: var(--pv-text2); font-size: 1.05rem; line-height: 1.65; }
.pvn-eyebrow, .pvn-tag-gold { display: inline-flex; align-items: center; gap: 8px; padding: 7px 14px; border-radius: 999px; font: 700 .74rem/1 'Inter', sans-serif; letter-spacing: .12em; text-transform: uppercase; color: var(--pv-gold); background: rgba(245,185,66,.09); border: 1px solid rgba(245,185,66,.32); }

/* ---------- hero ---------- */
.pvn-hero { position: relative; padding: calc(var(--nav-h) + 64px) 0 72px; overflow: hidden; }
.pvn-hero-bg { position: absolute; inset: 0; pointer-events: none; }
.pvn-hero-bg .g1 { position: absolute; width: 640px; height: 640px; right: -140px; top: -120px; background: radial-gradient(circle, rgba(139,92,246,.35), transparent 65%); filter: blur(10px); }
.pvn-hero-bg .g2 { position: absolute; width: 560px; height: 560px; left: -200px; bottom: -220px; background: radial-gradient(circle, rgba(91,108,255,.3), transparent 65%); }
.pvn-hero-bg .grid { position: absolute; inset: 0; background-image: linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px); background-size: 56px 56px; mask-image: radial-gradient(ellipse 80% 70% at 50% 30%, #000 30%, transparent 75%); -webkit-mask-image: radial-gradient(ellipse 80% 70% at 50% 30%, #000 30%, transparent 75%); }
.pvn-hero-in { position: relative; display: grid; grid-template-columns: 1.08fr .92fr; gap: 56px; align-items: center; }
.pvn-hero-tags { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 22px; }
.pvn-tag-soft { display: inline-flex; align-items: center; gap: 8px; padding: 7px 14px; border-radius: 999px; font-size: .8rem; font-weight: 600; color: var(--pv-text2); background: rgba(255,255,255,.04); border: 1px solid var(--pv-line); }
.pvn-dot, .pvn-instock i, .pvn-live i { width: 8px; height: 8px; border-radius: 50%; background: var(--pv-green); box-shadow: 0 0 0 0 rgba(34,197,94,.6); animation: pvnPulse 2s infinite; display: inline-block; }
@keyframes pvnPulse { 0% { box-shadow: 0 0 0 0 rgba(34,197,94,.55); } 70% { box-shadow: 0 0 0 8px rgba(34,197,94,0); } 100% { box-shadow: 0 0 0 0 rgba(34,197,94,0); } }
.pvn-hero h1 { font: 800 clamp(2.4rem, 5.2vw, 4rem)/1.04 var(--pv-display); color: #fff; letter-spacing: -.035em; margin: 0 0 20px; }
.pvn-hero h1 .pvn-grad { display: block; }
.pvn-lead { color: var(--pv-text2); font-size: 1.12rem; line-height: 1.7; max-width: 590px; margin: 0 0 28px; }
.pvn-tiles { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 30px; max-width: 600px; }
.pvn-tile { display: flex; gap: 12px; align-items: flex-start; padding: 14px 16px; border-radius: 14px; background: linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.015)); border: 1px solid var(--pv-line); transition: border-color .2s, transform .2s; }
.pvn-tile:hover { border-color: rgba(139,155,255,.4); transform: translateY(-2px); }
.pvn-tile-ic { width: 36px; height: 36px; padding: 8px; border-radius: 10px; color: #fff; background: var(--pv-grad); box-shadow: 0 8px 20px -8px rgba(91,108,255,.8); }
.pvn-tile b { display: block; color: #fff; font-size: .95rem; font-weight: 700; margin-bottom: 2px; }
.pvn-tile span { color: var(--pv-text3); font-size: .82rem; line-height: 1.4; }
.pvn-hero-cta { display: flex; flex-wrap: wrap; gap: 12px; }
.pvn-hstats { display: grid; grid-template-columns: repeat(4, auto); justify-content: start; gap: 0; margin-top: 36px; padding-top: 26px; border-top: 1px solid var(--pv-line); }
.pvn-hstat { padding: 0 26px; border-left: 1px solid var(--pv-line); }
.pvn-hstat:first-child { padding-left: 0; border-left: 0; }
.pvn-hstat b { display: block; font: 800 1.7rem/1 var(--pv-display); color: #fff; }
.pvn-hstat b small { font-size: .95rem; color: var(--pv-gold); margin-left: 1px; }
.pvn-hstat span { display: block; margin-top: 6px; color: var(--pv-text3); font-size: .8rem; }

/* order desk widget */
.pvn-hero-visual { position: relative; padding: 24px 10px; }
.pvn-desk { position: relative; border-radius: 24px; padding: 18px; background: linear-gradient(180deg, rgba(20,28,64,.92), rgba(11,16,38,.94)); border: 1px solid var(--pv-line2); box-shadow: 0 50px 100px -40px rgba(0,0,0,.95), 0 0 0 1px rgba(255,255,255,.03) inset, 0 0 80px -30px rgba(139,92,246,.6); }
.pvn-desk::before { content: ""; position: absolute; inset: -1px; border-radius: 24px; padding: 1px; background: linear-gradient(140deg, rgba(139,92,246,.7), transparent 40%, transparent 60%, rgba(245,185,66,.55)); -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none; }
.pvn-desk-head { display: flex; align-items: center; justify-content: space-between; padding: 2px 4px 14px; }
.pvn-desk-title { display: inline-flex; align-items: center; gap: 8px; color: #fff; font-weight: 700; font-size: .95rem; }
.pvn-desk-title .pi { color: var(--pv-gold); }
.pvn-live { display: inline-flex; align-items: center; gap: 7px; font-size: .75rem; font-weight: 700; color: #86EFAC; padding: 5px 10px; border-radius: 999px; background: rgba(34,197,94,.1); border: 1px solid rgba(34,197,94,.3); }
.pvn-desk-main { border-radius: 18px; padding: 18px; background: rgba(6,10,24,.6); border: 1px solid var(--pv-line); }
.pvn-desk-row { display: flex; justify-content: space-between; color: var(--pv-text3); font-size: .78rem; margin-bottom: 12px; }
.pvn-desk-id b { color: var(--pv-text2); font-weight: 700; }
.pvn-desk-prod { display: flex; align-items: center; gap: 12px; }
.pvn-desk-prod .pvn-q-ico { width: 46px; height: 46px; border-radius: 13px; }
.pvn-desk-prod .pvn-q-ico svg { width: 26px; height: 26px; }
.pvn-desk-prod .pvn-q-n { color: #fff; font-weight: 700; font-size: 1.05rem; flex: 1; }
.pvn-desk-prod .pvn-q-n small { display: block; color: var(--pv-text3); font-weight: 500; font-size: .78rem; margin-top: 3px; }
.pvn-desk-prod .pvn-q-p { display: none; }
.pvn-progress { height: 8px; border-radius: 8px; background: rgba(255,255,255,.06); margin: 18px 0 14px; overflow: hidden; }
.pvn-progress span { display: block; height: 100%; width: 0; border-radius: 8px; background: linear-gradient(90deg, #5B6CFF, #8B5CF6, #F5B942); transition: width .9s cubic-bezier(.3,.8,.3,1); }
.pvn-steps { display: grid; grid-template-columns: 1fr 1fr; gap: 8px 14px; }
.pvn-step { display: flex; align-items: center; gap: 8px; color: var(--pv-text3); font-size: .8rem; transition: color .3s; }
.pvn-step i { width: 16px; height: 16px; border-radius: 50%; border: 2px solid rgba(255,255,255,.18); flex-shrink: 0; transition: all .3s; position: relative; }
.pvn-step.now { color: #fff; }
.pvn-step.now i { border-color: var(--pv-gold); box-shadow: 0 0 0 4px rgba(245,185,66,.15); }
.pvn-step.done { color: var(--pv-text2); }
.pvn-step.done i { border-color: var(--pv-green); background: var(--pv-green); }
.pvn-step.done i::after { content: ""; position: absolute; left: 4px; top: 1px; width: 4px; height: 7px; border: solid #04120a; border-width: 0 2px 2px 0; transform: rotate(45deg); }
.pvn-desk-total { display: flex; align-items: baseline; gap: 10px; margin-top: 16px; padding-top: 14px; border-top: 1px dashed var(--pv-line2); }
.pvn-desk-total span { color: var(--pv-text3); font-size: .85rem; }
.pvn-desk-total b { font: 800 1.9rem/1 var(--pv-display); color: #fff; }
.pvn-desk-total em { margin-left: auto; font-style: normal; font-size: .78rem; font-weight: 700; color: var(--pv-gold); padding: 5px 10px; border-radius: 999px; background: rgba(245,185,66,.1); }
.pvn-desk-total em.ok { color: #86EFAC; background: rgba(34,197,94,.12); }
.pvn-queue { display: grid; gap: 6px; margin-top: 12px; }
.pvn-q { display: flex; align-items: center; gap: 10px; padding: 8px 10px; border-radius: 12px; border: 1px solid transparent; transition: background .3s, border-color .3s; }
.pvn-q.is-current { background: rgba(91,108,255,.12); border-color: rgba(91,108,255,.35); }
.pvn-q-n { flex: 1; color: var(--pv-text2); font-size: .84rem; font-weight: 600; }
.pvn-q-n small { color: var(--pv-text3); font-weight: 500; margin-left: 6px; font-size: .74rem; }
.pvn-q-p { color: #fff; font-weight: 700; font-size: .86rem; }
.pvn-float { position: absolute; display: flex; align-items: center; gap: 10px; padding: 10px 14px; border-radius: 14px; background: rgba(13,20,48,.92); border: 1px solid var(--pv-line2); box-shadow: 0 20px 40px -18px rgba(0,0,0,.9); backdrop-filter: blur(8px); animation: pvnFloat 6s ease-in-out infinite; }
.pvn-float .pi { width: 34px; height: 34px; padding: 8px; border-radius: 10px; color: #1A1204; background: var(--pv-gold-grad); }
.pvn-float span { font-size: .74rem; color: var(--pv-text3); line-height: 1.3; }
.pvn-float b { display: block; color: #fff; font-size: .84rem; }
.pvn-float.f1 { top: -6px; left: -30px; }
.pvn-float.f2 { bottom: -22px; right: -18px; animation-delay: -3s; }
.pvn-float.f2 .pi { background: var(--pv-grad); color: #fff; }
@keyframes pvnFloat { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-8px); } }

/* logo strip */
.pvn-strip { border-top: 1px solid var(--pv-line); border-bottom: 1px solid var(--pv-line); background: rgba(10,16,36,.6); padding: 22px 0; }
.pvn-strip-label { text-align: center; color: var(--pv-text3); font-size: .78rem; text-transform: uppercase; letter-spacing: .14em; font-weight: 600; margin-bottom: 16px; }
.pvn-marquee { overflow: hidden; mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); -webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); }
.pvn-marquee-in { display: flex; gap: 12px; width: max-content; animation: pvnMarq 48s linear infinite; }
.pvn-marquee:hover .pvn-marquee-in { animation-play-state: paused; }
@keyframes pvnMarq { to { transform: translateX(-50%); } }
.pvn-chip { display: inline-flex; align-items: center; gap: 10px; padding: 9px 16px 9px 9px; border-radius: 999px; background: rgba(255,255,255,.03); border: 1px solid var(--pv-line); color: var(--pv-text2); text-decoration: none; font-weight: 600; font-size: .88rem; white-space: nowrap; }
.pvn-chip svg { width: 28px; height: 28px; padding: 5px; border-radius: 50%; background: #fff; }
.pvn-chip:hover { color: #fff; border-color: var(--pv-line2); }

/* pricing */
.pvn-tabs { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin: -12px auto 36px; padding: 6px; width: max-content; max-width: 100%; border-radius: 16px; background: rgba(255,255,255,.03); border: 1px solid var(--pv-line); }
.pvn-tabs button { height: 38px; padding: 0 16px; border-radius: 11px; border: 0; background: none; color: var(--pv-text2); font: 600 .88rem/1 'Inter', sans-serif; cursor: pointer; }
.pvn-tabs button:hover { color: #fff; }
.pvn-tabs button.is-active { color: #fff; background: var(--pv-grad); box-shadow: 0 8px 20px -10px rgba(91,108,255,.9); }
.pvn-cards { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.pvn-card { position: relative; display: flex; flex-direction: column; padding: 22px; border-radius: var(--pv-radius); background: linear-gradient(180deg, rgba(20,28,64,.75), rgba(12,18,42,.85)); border: 1px solid var(--pv-line); transition: transform .25s, border-color .25s, box-shadow .25s; }
.pvn-card[hidden] { display: none; }
.pvn-card:hover { transform: translateY(-4px); border-color: rgba(139,155,255,.4); box-shadow: 0 30px 60px -30px rgba(91,108,255,.55); }
.pvn-card-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px; }
.pvn-card-ico { width: 48px; height: 48px; border-radius: 14px; background: #fff; display: grid; place-items: center; box-shadow: 0 10px 24px -10px var(--c, #5B6CFF); }
.pvn-card-ico svg { width: 26px; height: 26px; }
.pvn-pill { padding: 5px 10px; border-radius: 999px; font-size: .72rem; font-weight: 700; white-space: nowrap; border: 1px solid; }
.pvn-pill-gold { color: var(--pv-gold2); background: rgba(245,185,66,.1); border-color: rgba(245,185,66,.35); }
.pvn-pill-hot { color: #FDA4AF; background: rgba(244,63,94,.1); border-color: rgba(244,63,94,.3); }
.pvn-pill-pop { color: #C4B5FD; background: rgba(139,92,246,.12); border-color: rgba(139,92,246,.35); }
.pvn-pill-trend { color: #7DD3FC; background: rgba(56,189,248,.1); border-color: rgba(56,189,248,.3); }
.pvn-pill-soft { color: var(--pv-text2); background: rgba(255,255,255,.04); border-color: var(--pv-line2); }
.pvn-card h3 { font: 700 1.1rem/1.3 var(--pv-display); color: #fff; margin: 0 0 6px; }
.pvn-card-cat { color: var(--pv-text3); font-size: .8rem; display: flex; align-items: center; gap: 6px; }
.pvn-instock { display: inline-flex; align-items: center; gap: 6px; color: #86EFAC; font-weight: 600; }
.pvn-instock i { width: 6px; height: 6px; }
.pvn-price { display: flex; align-items: baseline; gap: 6px; margin: 18px 0 2px; }
.pvn-price b { font: 800 2.1rem/1 var(--pv-display); color: #fff; letter-spacing: -.03em; }
.pvn-price span { color: var(--pv-text3); font-size: .85rem; }
.pvn-unit { color: var(--pv-gold); font-size: .8rem; font-weight: 600; }
.pvn-feats { list-style: none; margin: 18px 0 22px; padding: 16px 0 0; border-top: 1px solid var(--pv-line); display: grid; gap: 9px; flex: 1; }
.pvn-feats li { display: flex; align-items: center; gap: 9px; color: var(--pv-text2); font-size: .86rem; }
.pvn-feats .pi { width: 16px; height: 16px; padding: 2px; border-radius: 50%; color: #04120a; background: var(--pv-green); stroke-width: 3; }
.pvn-btn-card { width: 100%; height: 44px; border-color: var(--pv-line2); background: rgba(91,108,255,.08); }
.pvn-card:hover .pvn-btn-card { background: var(--pv-grad); border-color: transparent; }

/* why */
.pvn-why-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.pvn-why { position: relative; padding: 30px; border-radius: 22px; background: linear-gradient(180deg, rgba(20,28,64,.6), rgba(12,18,42,.7)); border: 1px solid var(--pv-line); overflow: hidden; }
.pvn-why::after { content: ""; position: absolute; width: 220px; height: 220px; right: -90px; top: -90px; background: radial-gradient(circle, rgba(139,92,246,.22), transparent 70%); }
.pvn-why-ic { width: 52px; height: 52px; padding: 13px; border-radius: 15px; color: #fff; background: var(--pv-grad); box-shadow: 0 14px 30px -12px rgba(91,108,255,.9); margin-bottom: 20px; }
.pvn-why h3 { font: 700 1.25rem/1.3 var(--pv-display); color: #fff; margin: 0 0 10px; }
.pvn-why p { color: var(--pv-text2); line-height: 1.65; font-size: .95rem; margin: 0 0 18px; }
.pvn-why ul { list-style: none; padding: 0; margin: 0 0 22px; display: grid; gap: 9px; }
.pvn-why li { display: flex; gap: 9px; align-items: center; color: var(--pv-text2); font-size: .9rem; }
.pvn-why li .pi { color: var(--pv-gold); }
.pvn-why-stat { display: flex; align-items: baseline; gap: 10px; padding-top: 18px; border-top: 1px solid var(--pv-line); }
.pvn-why-stat b { font: 800 1.8rem/1 var(--pv-display); background: var(--pv-gold-grad); -webkit-background-clip: text; background-clip: text; color: transparent; }
.pvn-why-stat span { color: var(--pv-text3); font-size: .85rem; }
.pvn-how-wrap { margin-top: 56px; padding: 34px; border-radius: 24px; border: 1px solid var(--pv-line); background: rgba(6,10,24,.5); }
.pvn-how-head { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; margin-bottom: 26px; }
.pvn-how-head h3 { font: 700 1.5rem/1.2 var(--pv-display); color: #fff; margin: 0; }
.pvn-how-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; counter-reset: s; }
.pvn-how { position: relative; padding: 22px; border-radius: 18px; background: rgba(255,255,255,.025); border: 1px solid var(--pv-line); }
.pvn-how-n { position: absolute; top: 18px; right: 20px; font: 800 2rem/1 var(--pv-display); color: rgba(139,155,255,.18); }
.pvn-how-ic { width: 42px; height: 42px; padding: 10px; border-radius: 12px; color: var(--pv-gold); background: rgba(245,185,66,.1); border: 1px solid rgba(245,185,66,.25); margin-bottom: 14px; }
.pvn-how h4 { color: #fff; font: 700 1.05rem/1.3 var(--pv-display); margin: 0 0 6px; }
.pvn-how p { color: var(--pv-text2); font-size: .9rem; line-height: 1.6; margin: 0; }

/* who */
.pvn-who { display: grid; grid-template-columns: 1.1fr .9fr; gap: 56px; align-items: center; }
.pvn-who-copy h2 { font: 800 clamp(1.9rem, 3.4vw, 2.6rem)/1.12 var(--pv-display); color: #fff; margin: 16px 0; }
.pvn-who-copy > p { color: var(--pv-text2); line-height: 1.75; font-size: 1.03rem; margin: 0 0 20px; }
.pvn-who-copy strong { color: #fff; }
.pvn-checks { list-style: none; padding: 0; margin: 0 0 30px; display: grid; gap: 12px; }
.pvn-checks li { display: flex; gap: 12px; align-items: center; color: var(--pv-text); }
.pvn-checks .pi { width: 22px; height: 22px; padding: 4px; border-radius: 50%; color: #fff; background: var(--pv-grad); stroke-width: 3; }
.pvn-facts { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.pvn-fact { padding: 26px 22px; border-radius: 20px; background: linear-gradient(180deg, rgba(20,28,64,.7), rgba(12,18,42,.8)); border: 1px solid var(--pv-line); }
.pvn-fact:nth-child(2), .pvn-fact:nth-child(4) { transform: translateY(24px); }
.pvn-fact .pi { width: 40px; height: 40px; padding: 9px; border-radius: 12px; color: var(--pv-gold); background: rgba(245,185,66,.1); margin-bottom: 18px; }
.pvn-fact b { display: block; font: 800 2rem/1 var(--pv-display); color: #fff; margin-bottom: 8px; }
.pvn-fact span { color: var(--pv-text3); font-size: .88rem; line-height: 1.45; }

/* command center */
#faq-section + .pvn-sec { padding-top: 40px; }
.pvn-cmd { position: relative; overflow: hidden; padding: 64px 48px 40px; border-radius: 32px; background: linear-gradient(160deg, #141C48 0%, #0C1230 55%, #160F38 100%); border: 1px solid var(--pv-line2); box-shadow: 0 60px 120px -60px rgba(91,108,255,.6); }
.pvn-cmd-glow { position: absolute; inset: -40% -10% auto; height: 120%; background: radial-gradient(600px 300px at 50% 0%, rgba(139,92,246,.35), transparent 70%); pointer-events: none; }
.pvn-cmd .pvn-head { position: relative; margin-bottom: 36px; }
.pvn-cmd-grid { position: relative; display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.pvn-act { display: flex; flex-direction: column; gap: 6px; padding: 24px 22px; border-radius: 20px; text-decoration: none; background: rgba(6,10,24,.55); border: 1px solid var(--pv-line); transition: transform .2s, border-color .2s, background .2s; }
.pvn-act:hover { transform: translateY(-4px); border-color: rgba(139,155,255,.45); background: rgba(6,10,24,.8); }
.pvn-act > .pi { width: 46px; height: 46px; padding: 11px; border-radius: 14px; color: #fff; margin-bottom: 12px; }
.pvn-act-wa > .pi { background: #1FAF54; } .pvn-act-tg > .pi { background: #229ED9; } .pvn-act-shop > .pi { background: var(--pv-grad); } .pvn-act-mail > .pi { background: var(--pv-gold-grad); color: #1A1204; }
.pvn-act b { color: #fff; font: 700 1.05rem/1.3 var(--pv-display); }
.pvn-act span { color: var(--pv-text3); font-size: .86rem; }
.pvn-act em { margin-top: 12px; font-style: normal; color: var(--pv-text2); font-weight: 600; font-size: .86rem; display: inline-flex; align-items: center; gap: 6px; }
.pvn-act:hover em { color: var(--pv-gold2); }
.pvn-cmd-foot { position: relative; display: flex; flex-wrap: wrap; justify-content: center; gap: 12px 28px; margin-top: 30px; padding-top: 24px; border-top: 1px solid var(--pv-line); color: var(--pv-text2); font-size: .88rem; }
.pvn-cmd-foot > span { display: inline-flex; align-items: center; gap: 8px; }
.pvn-cmd-foot .pi { color: var(--pv-gold); }
.pvn-cmd-promo { padding: 6px 14px; border-radius: 999px; background: rgba(245,185,66,.08); border: 1px dashed rgba(245,185,66,.4); color: var(--pv-gold2) !important; }
.pvn-cmd-promo b { color: #fff; }

/* footer */
.pvn-footer { position: relative; margin-top: 40px; padding: 72px 0 28px; background: linear-gradient(180deg, #070C1E, #04070F); border-top: 1px solid var(--pv-line); }
.pvn-footer::before { content: ""; position: absolute; top: -1px; left: 10%; right: 10%; height: 1px; background: linear-gradient(90deg, transparent, rgba(139,92,246,.7), rgba(245,185,66,.6), transparent); }
.pvn-foot-grid { display: grid; grid-template-columns: 1.4fr .9fr 1.1fr .9fr 1.5fr; gap: 36px; }
.pvn-foot-brand p { color: var(--pv-text3); font-size: .9rem; line-height: 1.7; margin: 16px 0 20px; max-width: 320px; }
.pvn-foot-social { display: flex; gap: 10px; margin-bottom: 20px; }
.pvn-foot-social a { width: 40px; height: 40px; display: grid; place-items: center; border-radius: 12px; border: 1px solid var(--pv-line2); color: var(--pv-text2); background: rgba(255,255,255,.03); transition: all .2s; }
.pvn-foot-social a:hover { color: #fff; border-color: rgba(139,155,255,.6); background: rgba(91,108,255,.15); }
.pvn-badge-gold { display: inline-flex; align-items: center; gap: 8px; padding: 7px 12px; border-radius: 10px; color: var(--pv-gold2); background: rgba(245,185,66,.08); border: 1px solid rgba(245,185,66,.25); font-size: .78rem; font-weight: 600; }
.pvn-foot-col h4 { color: #fff; font: 700 .95rem/1 var(--pv-display); margin: 6px 0 18px; }
.pvn-foot-col ul { list-style: none; padding: 0; margin: 0; display: grid; gap: 11px; }
.pvn-foot-col a { color: var(--pv-text3); text-decoration: none; font-size: .9rem; transition: color .15s; }
.pvn-foot-col a:hover { color: #fff; }
.pvn-fc { display: flex; gap: 12px; align-items: flex-start; margin-bottom: 14px; color: var(--pv-text3) !important; font-size: .82rem; overflow-wrap: anywhere; }
.pvn-fc > .pi { width: 34px; height: 34px; padding: 8px; border-radius: 10px; background: rgba(255,255,255,.04); border: 1px solid var(--pv-line); color: var(--pv-text2); }
.pvn-fc b { display: block; color: var(--pv-text); font-size: .86rem; margin-bottom: 2px; }
.pvn-fc:hover b { color: var(--pv-gold2); }
.pvn-fc-static:hover b { color: var(--pv-text); }
.pvn-footer .pay-methods { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 10px; margin: 44px 0 0; padding: 22px 0; border-top: 1px solid var(--pv-line); border-bottom: 1px solid var(--pv-line); color: var(--pv-text3); font-size: .82rem; }
.pvn-footer .pay-methods b { color: var(--pv-text2); margin-right: 6px; }
.pvn-footer .pay-methods .pm { display: inline-flex; align-items: center; gap: 6px; padding: 6px 11px; border-radius: 9px; background: rgba(255,255,255,.03); border: 1px solid var(--pv-line); color: var(--pv-text2); }
.pvn-foot-bottom { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 10px; padding-top: 22px; color: var(--pv-text3); font-size: .8rem; }

/* =========================================================
   Legacy components → PVANetwork look (inner pages)
   ========================================================= */
body.pvn .ticker { display: none; }
body.pvn-inner .page-hero, body.pvn-inner .pd-hero, body.pvn-inner .post-hero { padding-top: calc(var(--nav-h) + 36px) !important; }
body.pvn .page-hero { position: relative; background: none !important; }
body.pvn .page-hero::before { content: ""; position: absolute; inset: 0; pointer-events: none; background: radial-gradient(700px 320px at 50% 0%, rgba(139,92,246,.2), transparent 70%); }
body.pvn .page-hero h1, body.pvn .pd-hero h1, body.pvn .post-hero h1 { color: #fff !important; font-weight: 800; letter-spacing: -.03em; }
body.pvn .page-hero h1 em, body.pvn .pd-hero h1 em, body.pvn .title em, body.pvn h2 em, body.pvn h1 em, body.pvn .faq-head h2 em { font-style: normal; background: var(--pv-grad-text); -webkit-background-clip: text; background-clip: text; color: transparent !important; }
body.pvn .page-hero p, body.pvn .pd-hero p { color: var(--pv-text2) !important; }
body.pvn .page-hero-badge, body.pvn .section-badge, body.pvn .eyebrow, body.pvn .mk-kicker, body.pvn .faq-eyebrow {
  display: inline-flex !important; align-items: center; gap: 7px; padding: 7px 14px !important; border-radius: 999px !important; color: var(--pv-gold) !important;
  background: rgba(245,185,66,.09) !important; border: 1px solid rgba(245,185,66,.32) !important; font-weight: 700 !important; font-size: .74rem !important; letter-spacing: .12em !important; text-transform: uppercase; }
body.pvn .eyebrow::before, body.pvn .eyebrow::after { display: none !important; }
body.pvn .pd-hero .container, body.pvn .post-hero .container { background: linear-gradient(160deg, rgba(20,28,64,.85), rgba(10,16,38,.9)) !important; border: 1px solid var(--pv-line2) !important; box-shadow: 0 40px 80px -50px rgba(91,108,255,.6); }

/* buttons */
body.pvn .btn-primary, body.pvn .pk-order, body.pvn .order-btn, body.pvn .side-btn, body.pvn .co-pay, body.pvn button.btn-primary {
  background: var(--pv-grad) !important; color: #fff !important; border: 0 !important; box-shadow: 0 10px 26px -10px rgba(91,108,255,.8) !important; }
body.pvn .btn-primary:hover, body.pvn .pk-order:hover { filter: brightness(1.08); }
body.pvn .btn-outline, body.pvn .btn-secondary, body.pvn .view-pkg-btn { color: #fff !important; border: 1px solid var(--pv-line2) !important; background: rgba(255,255,255,.03) !important; }
body.pvn .btn-outline:hover, body.pvn .view-pkg-btn:hover { border-color: rgba(139,155,255,.55) !important; background: rgba(91,108,255,.12) !important; }

/* cards (catalog, packages, features) */
body.pvn .mk-card, body.pvn .pk-card, body.pvn .feat-card, body.pvn .feature-card, body.pvn .mk-benefit, body.pvn .contact-card, body.pvn .blog-card, body.pvn .side-card, body.pvn .co-card, body.pvn .astat, body.pvn .how-card, body.pvn .step-item, body.pvn .legal-content, body.pvn .mk-rel a, body.pvn .faq-group {
  background: linear-gradient(180deg, rgba(20,28,64,.7), rgba(12,18,42,.82)) !important; border: 1px solid var(--pv-line) !important; border-radius: var(--pv-radius) !important; box-shadow: none !important; }
body.pvn .mk-card:hover, body.pvn .pk-card:hover, body.pvn .blog-card:hover, body.pvn .contact-card:hover, body.pvn .feat-card:hover, body.pvn .mk-rel a:hover { border-color: rgba(139,155,255,.42) !important; box-shadow: 0 28px 56px -30px rgba(91,108,255,.6) !important; transform: translateY(-3px); }
body.pvn .pk-card { transition: transform .25s, border-color .25s, box-shadow .25s; }
body.pvn .pk-badge { background: var(--pv-gold-grad) !important; color: #1A1204 !important; box-shadow: 0 6px 16px -6px rgba(245,185,66,.7); }
body.pvn .pk-price b, body.pvn .mk-price b { color: #fff !important; font-family: var(--pv-display); }
body.pvn .mk-active { color: #86EFAC !important; background: rgba(34,197,94,.1) !important; border-color: rgba(34,197,94,.3) !important; }
body.pvn .mk-ico, body.pvn .contact-card-icon { border-radius: 14px !important; }
body.pvn .pk-tabs button, body.pvn .mk-chip, body.pvn .cat-chip, body.pvn .co-tabs button { border-radius: 11px !important; background: rgba(255,255,255,.03) !important; border: 1px solid var(--pv-line2) !important; color: var(--pv-text2) !important; }
body.pvn .pk-tabs button.active, body.pvn .mk-chip.active, body.pvn .cat-chip.active, body.pvn .co-tabs button.active { background: var(--pv-grad) !important; border-color: transparent !important; color: #fff !important; }
body.pvn .mk-search input, body.pvn input[type="text"], body.pvn input[type="email"], body.pvn input[type="number"], body.pvn select, body.pvn textarea { background: rgba(6,10,24,.7) !important; border: 1px solid var(--pv-line2) !important; color: #fff !important; border-radius: 12px; }
body.pvn .feat-icon, body.pvn .feature-icon, body.pvn .t-ico, body.pvn .stat-ico { background: var(--pv-grad) !important; color: #fff !important; border-radius: 13px !important; }
body.pvn .astat-num, body.pvn .stat-num { color: #fff !important; font-family: var(--pv-display); }
body.pvn .mk-sec.alt, body.pvn .bg-soft { background: linear-gradient(180deg, rgba(13,20,48,0), rgba(13,20,48,.6) 20%, rgba(13,20,48,.6) 80%, rgba(13,20,48,0)) !important; }
body.pvn .mk-trust > div, body.pvn .pd-trust > * { background: rgba(255,255,255,.03) !important; border: 1px solid var(--pv-line) !important; border-radius: 14px !important; }

/* FAQ */
body.pvn .faq-mini { background: none !important; }
body.pvn .faq-item { background: linear-gradient(180deg, rgba(20,28,64,.55), rgba(12,18,42,.7)) !important; border: 1px solid var(--pv-line) !important; border-radius: 16px !important; box-shadow: none !important; }
body.pvn .faq-item.open { border-color: rgba(139,155,255,.4) !important; box-shadow: 0 20px 40px -30px rgba(91,108,255,.7) !important; }
body.pvn .faq-num { background: var(--pv-grad) !important; color: #fff !important; }
body.pvn .faq-q { color: #fff !important; }
body.pvn .faq-answer p { color: var(--pv-text2) !important; }
body.pvn .faq-plus { border-color: var(--pv-line2) !important; color: var(--pv-gold) !important; }
body.pvn .faq-cta { background: linear-gradient(160deg, #141C48, #0C1230) !important; border: 1px solid var(--pv-line2) !important; }

/* CTA blocks on inner pages */
body.pvn .cta-banner, body.pvn .cta-section .container > div, body.pvn .quick-order-box { background: linear-gradient(160deg, #141C48 0%, #0C1230 55%, #160F38 100%) !important; border: 1px solid var(--pv-line2) !important; border-radius: 28px !important; box-shadow: 0 50px 100px -60px rgba(91,108,255,.7) !important; }
body.pvn .cta-section { background: none !important; }

/* blog / article */
body.pvn .post-body, body.pvn .post-body p, body.pvn .post-body li { color: var(--pv-text2); }
body.pvn .post-body h2, body.pvn .post-body h3 { color: #fff; }
body.pvn .post-body a, body.pvn .legal-content a { color: #A5B0FF; }
body.pvn .bc-cat, body.pvn .post-cat { background: rgba(245,185,66,.1) !important; color: var(--pv-gold) !important; }

/* floating chat */
body.pvn .float-chat { left: auto !important; right: 18px !important; bottom: 18px !important; top: auto !important; transform: none !important; flex-direction: column; }
body.pvn .float-wa { display: none !important; }

/* order modal */
body.pvn .modal { background: #0D1430 !important; border: 1px solid var(--pv-line2) !important; border-radius: 22px !important; }
body.pvn .qty-preset.active { background: var(--pv-grad) !important; color: #fff !important; border-color: transparent !important; }

/* hide legacy nav remnants */
body.pvn .theme-toggle, body.pvn > nav.nav, body.pvn .nav-drawer { display: none !important; }
body.pvn .pwa-pop { background: #0D1430 !important; border: 1px solid var(--pv-line2) !important; }

/* reviews */
body.pvn .rv-card { background: linear-gradient(180deg, rgba(20,28,64,.7), rgba(12,18,42,.82)) !important; border: 1px solid var(--pv-line) !important; }
body.pvn .rv-stars svg { fill: var(--pv-gold) !important; }

/* =========================================================
   Responsive
   ========================================================= */
@media (max-width: 1180px) {
  .pvn-links .pvn-link { padding: 9px 10px; }
  .pvn-mega-grid { grid-template-columns: repeat(3, 1fr); }
  .pvn-cards { grid-template-columns: repeat(3, 1fr); }
  .pvn-foot-grid { grid-template-columns: 1.4fr 1fr 1fr; }
  .pvn-foot-brand { grid-column: 1 / -1; }
  .pvn-foot-brand p { max-width: 560px; }
}
@media (max-width: 1024px) {
  .pvn-links, .pvn-hide-sm { display: none; }
  .pvn-burger { display: inline-flex; }
  .pvn-hero-in { grid-template-columns: 1fr; gap: 48px; }
  .pvn-hero-visual { max-width: 520px; width: 100%; margin: 0 auto; }
  .pvn-why-grid, .pvn-how-grid { grid-template-columns: 1fr; }
  .pvn-who { grid-template-columns: 1fr; gap: 40px; }
  .pvn-cmd-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 760px) {
  :root, [data-theme="dark"], [data-theme="light"] { --nav-h: 64px; }
  .pvn-container, .pvn-nav-in { padding: 0 16px; }
  .pvn-nav-in { gap: 12px; }
  .pvn-logo { font-size: 1.12rem; }
  .pvn-logo img { width: 34px; height: 34px; }
  .pvn-actions .pvn-btn-gold { height: 40px; padding: 0 14px; }
  .pvn-sec { padding: 68px 0; }
  .pvn-hero { padding: calc(var(--nav-h) + 36px) 0 56px; }
  .pvn-lead { font-size: 1.02rem; }
  .pvn-tiles { grid-template-columns: 1fr; }
  .pvn-hero-cta .pvn-btn { flex: 1 1 100%; }
  .pvn-hstats { grid-template-columns: 1fr 1fr; gap: 18px 0; }
  .pvn-hstat:nth-child(3) { padding-left: 0; border-left: 0; }
  .pvn-float.f1 { left: -4px; top: -14px; }
  .pvn-float.f2 { right: -4px; bottom: -8px; }
  .pvn-cards { grid-template-columns: 1fr; }
  .pvn-tabs { width: 100%; flex-wrap: nowrap; overflow-x: auto; justify-content: flex-start; scrollbar-width: none; }
  .pvn-tabs::-webkit-scrollbar { display: none; }
  .pvn-tabs button { flex-shrink: 0; }
  .pvn-why, .pvn-how-wrap { padding: 22px; }
  .pvn-facts { gap: 12px; }
  .pvn-fact { padding: 20px 16px; }
  .pvn-fact:nth-child(2), .pvn-fact:nth-child(4) { transform: none; }
  .pvn-fact b { font-size: 1.6rem; }
  .pvn-cmd { padding: 44px 18px 28px; border-radius: 24px; }
  .pvn-cmd-grid { grid-template-columns: 1fr; }
  .pvn-foot-grid { grid-template-columns: 1fr 1fr; gap: 28px 20px; }
  .pvn-foot-contact { grid-column: 1 / -1; }
  .pvn-foot-bottom { flex-direction: column; text-align: center; align-items: center; }
}
@media (max-width: 380px) {
  .pvn-actions .pvn-btn-gold span { display: none; }
  .pvn-actions .pvn-btn-gold { width: 42px; padding: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .pvn-marquee-in, .pvn-float, .pvn-dot, .pvn-instock i, .pvn-live i { animation: none !important; }
}

/* fixes */
body.pvn .side-svc .sv-ico { flex: 0 0 28px; width: 28px; height: 28px; display: grid; place-items: center; border-radius: 8px; background: #fff; }
body.pvn .side-svc .sv-ico svg { width: 16px; height: 16px; }
.pvn-cmd-foot > span.pvn-cmd-promo { display: inline-block; text-align: center; line-height: 1.6; }
@media (max-width: 760px) {
  .pvn-cards:not(.is-filtered) .pvn-card:nth-child(n+7) { display: none; }
  .pvn-cmd-promo { border-radius: 14px; }
}
html.pvn-lock .float-chat { display: none !important; }
.pvn-mh { letter-spacing: .06em; white-space: nowrap; }
@media (max-width: 1180px) { .pvn-mh { white-space: normal; } }

/* =========================================================
   v2 — brand palette from the PVAnetwork logo + e-commerce UI
   ========================================================= */
:root, [data-theme="dark"], [data-theme="light"] {
  --pv-blue: #3B82F6; --pv-violet: #A855F7; --pv-cyan: #22D3EE;
  --pv-grad: linear-gradient(120deg, #9333EA 0%, #3B82F6 55%, #06B6D4 100%);
  --pv-grad-text: linear-gradient(90deg, #C084FC 0%, #60A5FA 50%, #22D3EE 100%);
  --pv-line: rgba(96,165,250,.14); --pv-line2: rgba(96,165,250,.26);
  --primary: #3B82F6; --primary-dark: #60A5FA; --primary-mid: #A855F7;
}
body.pvn { background-image:
    radial-gradient(1000px 560px at 88% -8%, rgba(147,51,234,.16), transparent 60%),
    radial-gradient(900px 600px at -10% 12%, rgba(6,182,212,.10), transparent 60%) !important; }
.pvn-logo { gap: 8px; font-size: 1.32rem; }
.pvn-logo img { width: 44px; height: 44px; border-radius: 0; box-shadow: none; filter: drop-shadow(0 0 10px rgba(59,130,246,.45)); }
.pvn-logo b { font-weight: 800; }
.pvn-btn-primary { box-shadow: 0 10px 30px -8px rgba(59,130,246,.65), inset 0 1px 0 rgba(255,255,255,.22); }

/* ---------- global network ---------- */
.pvn-net-sec { position: relative; padding: 84px 0 70px; border-top: 1px solid var(--pv-line); background: linear-gradient(180deg, rgba(8,12,34,.85), rgba(6,10,24,0)); overflow: hidden; }
.pvn-net { position: relative; width: 100%; max-width: 1080px; margin: -8px auto 0; aspect-ratio: 1000 / 560; }
.pvn-net-svg { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.pvn-net-svg .globe { fill: none; stroke: rgba(96,165,250,.13); stroke-width: 1; }
.pvn-net-svg .globe circle { stroke: rgba(96,165,250,.22); }
.pvn-net-svg .ln-core { fill: none; stroke: url(#pvnLg); stroke-width: 1.6; stroke-opacity: .75; stroke-dasharray: 5 7; animation: pvnDash 14s linear infinite; }
.pvn-net-svg .glow path { fill: none; stroke: url(#pvnLg); stroke-width: 4; stroke-opacity: .35; }
.pvn-net-svg .ln-mesh { fill: none; stroke: rgba(129,140,248,.32); stroke-width: 1.1; }
.pvn-net-svg .ln-dust { stroke: rgba(96,165,250,.16); stroke-width: 1; }
.pvn-net-svg .dust { fill: #60A5FA; opacity: .75; animation: pvnTw 3.6s ease-in-out infinite; }
.pvn-net-svg .dust.d1 { fill: #C084FC; animation-delay: -1.2s; }
.pvn-net-svg .dust.d2 { fill: #22D3EE; animation-delay: -2.4s; }
.pvn-net-svg .pulse { fill: #E0F2FE; filter: drop-shadow(0 0 4px #22D3EE) drop-shadow(0 0 8px #3B82F6); }
.pvn-net-svg .pulse.p2 { fill: #F5D0FE; filter: drop-shadow(0 0 4px #C084FC); }
@keyframes pvnDash { to { stroke-dashoffset: -240; } }
@keyframes pvnTw { 0%,100% { opacity: .35; } 50% { opacity: 1; } }
.pvn-net-core { position: absolute; left: 50%; top: 50%; width: 19%; aspect-ratio: 1; transform: translate(-50%, -50%); display: grid; place-items: center; border-radius: 50%; background: radial-gradient(circle at 50% 40%, #121B46, #070B20 70%); border: 1px solid rgba(96,165,250,.35); box-shadow: 0 0 0 10px rgba(59,130,246,.06), 0 0 60px rgba(59,130,246,.45), 0 0 120px rgba(147,51,234,.3); }
.pvn-net-core img { width: 74%; height: auto; filter: drop-shadow(0 0 14px rgba(34,211,238,.45)); }
.pvn-net-core .ring { position: absolute; inset: -14%; border-radius: 50%; border: 1px solid rgba(34,211,238,.35); animation: pvnRing 3.2s ease-out infinite; }
.pvn-net-core .ring.r2 { animation-delay: -1.6s; border-color: rgba(192,132,252,.35); }
@keyframes pvnRing { 0% { transform: scale(.85); opacity: .9; } 100% { transform: scale(1.35); opacity: 0; } }
.pvn-node { position: absolute; transform: translate(-50%, -50%); display: flex; flex-direction: column; align-items: center; gap: 7px; text-decoration: none; z-index: 2; }
.pvn-node-ico { width: 58px; height: 58px; border-radius: 50%; display: grid; place-items: center; background: #fff; box-shadow: 0 0 0 4px rgba(59,130,246,.18), 0 0 0 1px rgba(255,255,255,.6), 0 10px 28px -6px rgba(59,130,246,.7); transition: transform .25s, box-shadow .25s; animation: pvnBob 5s ease-in-out infinite; animation-delay: var(--d, 0s); }
.pvn-node-ico svg { width: 28px; height: 28px; }
.pvn-node b { font-size: .76rem; font-weight: 600; color: var(--pv-text2); padding: 3px 9px; border-radius: 999px; background: rgba(6,10,24,.75); border: 1px solid var(--pv-line); white-space: nowrap; }
.pvn-node:hover .pvn-node-ico { transform: scale(1.12); box-shadow: 0 0 0 6px rgba(34,211,238,.25), 0 0 34px rgba(34,211,238,.7); }
.pvn-node:hover b { color: #fff; border-color: rgba(34,211,238,.5); }
@keyframes pvnBob { 0%,100% { translate: 0 0; } 50% { translate: 0 -6px; } }
.pvn-net-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; max-width: 980px; margin: 26px auto 0; }
.pvn-net-stats div { text-align: center; padding: 18px 12px; border-radius: 16px; background: rgba(255,255,255,.025); border: 1px solid var(--pv-line); }
.pvn-net-stats b { display: block; font: 800 1.7rem/1 var(--pv-display); background: var(--pv-grad-text); -webkit-background-clip: text; background-clip: text; color: transparent; }
.pvn-net-stats span { display: block; margin-top: 6px; color: var(--pv-text3); font-size: .82rem; }

/* ---------- inner page banners (store style, left aligned) ---------- */
body.pvn-inner .page-hero { text-align: left !important; padding-bottom: 40px !important; }
body.pvn-inner .page-hero .container { position: relative; text-align: left !important; max-width: 1240px; padding: 44px 48px !important; border-radius: 26px !important; overflow: hidden;
  background: linear-gradient(120deg, rgba(20,26,70,.95), rgba(10,14,40,.95) 60%, rgba(30,14,60,.9)) !important; border: 1px solid var(--pv-line2) !important; box-shadow: 0 40px 80px -50px rgba(59,130,246,.7) !important; }
body.pvn-inner .page-hero .container::after { content: ""; position: absolute; right: -40px; top: 50%; width: 360px; height: 360px; transform: translateY(-50%); background: url(/logo-mark.png?v=2) center/contain no-repeat; opacity: .16; pointer-events: none; }
body.pvn-inner .page-hero h1 { font-size: clamp(2rem, 4vw, 3rem) !important; margin-left: 0 !important; }
body.pvn-inner .page-hero p { margin-left: 0 !important; max-width: 620px; }
body.pvn-inner .page-hero::before { display: none; }

/* ---------- product page (PDP) ---------- */
.pvn-pd { padding: calc(var(--nav-h) + 28px) 0 30px !important; background: none !important; }
.pvn-pd .pvn-container { background: none !important; border: 0 !important; box-shadow: none !important; }
.pvn-crumbs { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; font-size: .84rem; color: var(--pv-text3); margin-bottom: 20px; }
.pvn-crumbs a { color: var(--pv-text2); text-decoration: none; } .pvn-crumbs a:hover { color: #fff; }
.pvn-crumbs span { color: #fff; } .pvn-crumb-sep { width: 13px; height: 13px; transform: rotate(-90deg); opacity: .6; }
.pvn-pd-grid { display: grid; grid-template-columns: .95fr 1.05fr; gap: 44px; align-items: start; }
.pvn-pd-media { position: relative; aspect-ratio: 1 / .86; border-radius: 26px; overflow: hidden; display: grid; place-items: center; border: 1px solid var(--pv-line2);
  background: radial-gradient(circle at 50% 42%, color-mix(in srgb, var(--b) 40%, transparent), transparent 60%), linear-gradient(160deg, #111A44, #080C22); }
.pvn-pd-media::before { content: ""; position: absolute; inset: 0; background-image: radial-gradient(rgba(96,165,250,.25) 1px, transparent 1.5px); background-size: 22px 22px; mask-image: radial-gradient(circle at 50% 45%, transparent 20%, #000 75%); -webkit-mask-image: radial-gradient(circle at 50% 45%, transparent 20%, #000 75%); }
.pvn-pd-icon { position: relative; width: 38%; aspect-ratio: 1; border-radius: 30%; background: #fff; display: grid; place-items: center; box-shadow: 0 30px 60px -20px color-mix(in srgb, var(--b) 80%, #000), 0 0 0 10px rgba(255,255,255,.05); }
.pvn-pd-icon svg { width: 56%; height: 56%; }
.pvn-pd-ribbon { position: absolute; top: 18px; left: 18px; display: inline-flex; gap: 6px; align-items: center; padding: 7px 12px; border-radius: 10px; font-size: .78rem; font-weight: 700; color: #fff; background: var(--pv-grad); z-index: 1; }
.pvn-pd-stock { position: absolute; top: 18px; right: 18px; display: inline-flex; gap: 7px; align-items: center; padding: 7px 12px; border-radius: 10px; font-size: .78rem; font-weight: 700; color: #86EFAC; background: rgba(6,10,24,.7); border: 1px solid rgba(34,197,94,.35); z-index: 1; }
.pvn-pd-stock i { width: 7px; height: 7px; border-radius: 50%; background: var(--pv-green); animation: pvnPulse 2s infinite; }
.pvn-pd-watermark { position: absolute; right: 18px; bottom: 64px; width: 54px; height: 54px; opacity: .7; }
.pvn-pd-thumbs { position: absolute; left: 14px; right: 14px; bottom: 14px; display: flex; gap: 8px; justify-content: center; flex-wrap: wrap; }
.pvn-pd-thumbs span { padding: 6px 11px; border-radius: 9px; font-size: .74rem; font-weight: 600; color: var(--pv-text2); background: rgba(6,10,24,.72); border: 1px solid var(--pv-line); }
.pvn-pd-thumbs span:first-child { color: #fff; border-color: rgba(59,130,246,.6); }
.pvn-pd-cat { font-size: .78rem; color: var(--pv-text3); text-transform: uppercase; letter-spacing: .1em; font-weight: 600; }
.pvn-pd h1 { font: 800 clamp(1.9rem, 3.4vw, 2.7rem)/1.1 var(--pv-display) !important; margin: 10px 0 12px; text-align: left; }
.pvn-pd-rating { display: flex; align-items: center; gap: 3px; flex-wrap: wrap; }
.pvn-star { width: 17px; height: 17px; fill: #FBBF24; stroke: #FBBF24; }
.pvn-pd-rating b { margin: 0 8px 0 6px; color: #fff; } .pvn-pd-rating span { color: var(--pv-text3); font-size: .85rem; }
.pvn-pd-desc { color: var(--pv-text2) !important; line-height: 1.7; margin: 16px 0 20px; text-align: left; max-width: none !important; }
.pvn-pd-price { display: flex; align-items: stretch; gap: 14px; flex-wrap: wrap; padding: 18px 20px; border-radius: 18px; background: rgba(255,255,255,.03); border: 1px solid var(--pv-line); }
.pvn-pd-price > div:first-child { flex: 1; }
.pvn-pd-price span { display: block; color: var(--pv-text3); font-size: .8rem; margin-bottom: 4px; }
.pvn-pd-price b { font: 800 2.4rem/1 var(--pv-display); color: #fff; } .pvn-pd-price small { color: var(--pv-text3); margin-left: 4px; }
.pvn-pd-pack { padding-left: 18px; border-left: 1px dashed var(--pv-line2); }
.pvn-pd-pack b { font-size: 1.5rem; background: var(--pv-grad-text); -webkit-background-clip: text; background-clip: text; color: transparent; }
.pvn-pd-cta { display: flex; gap: 12px; flex-wrap: wrap; margin: 20px 0; }
.pvn-pd-cta .pvn-btn { flex: 1 1 220px; }
.pvn-pd-perks { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.pvn-pd-perks > div { display: flex; gap: 11px; align-items: flex-start; padding: 12px; border-radius: 14px; background: rgba(255,255,255,.02); border: 1px solid var(--pv-line); }
.pvn-pd-perks .pi { width: 32px; height: 32px; padding: 7px; border-radius: 10px; color: #22D3EE; background: rgba(34,211,238,.1); }
.pvn-pd-perks span { font-size: .8rem; color: var(--pv-text3); line-height: 1.35; } .pvn-pd-perks b { display: block; color: #fff; font-size: .88rem; }

/* ---------- package cards → store SKU tiles ---------- */
body.pvn .pk-grid { gap: 16px !important; }
body.pvn .pk-card { position: relative; display: flex !important; flex-direction: column; padding: 0 !important; overflow: hidden; border-radius: 20px !important; background: #0B1130 !important; }
body.pvn .pk-card .pk-top { order: 0; display: flex !important; align-items: center; justify-content: space-between; padding: 14px 16px !important; margin: 0 !important; background: linear-gradient(120deg, rgba(147,51,234,.22), rgba(59,130,246,.18)); border-bottom: 1px solid var(--pv-line); }
body.pvn .pk-card .pk-top .mk-ico { width: 34px !important; height: 34px !important; border-radius: 10px !important; background: #fff !important; }
body.pvn .pk-card .mk-active { font-size: 0 !important; padding: 0 !important; background: none !important; border: 0 !important; }
body.pvn .pk-card .mk-active::after { content: "In stock"; font-size: .72rem; font-weight: 700; color: #86EFAC; padding: 5px 10px; border-radius: 999px; background: rgba(34,197,94,.12); border: 1px solid rgba(34,197,94,.3); }
body.pvn .pk-card h4 { padding: 16px 18px 0; margin: 0 !important; color: #fff !important; font: 700 1.05rem/1.2 var(--pv-display) !important; }
body.pvn .pk-card .pk-qty { padding: 4px 18px 0; color: var(--pv-text3) !important; font-size: .8rem !important; }
body.pvn .pk-card .mk-divider { display: none !important; }
body.pvn .pk-card .pk-price { padding: 14px 18px 4px; font: 800 2.2rem/1 var(--pv-display) !important; color: #fff !important; letter-spacing: -.03em; }
body.pvn .pk-card .pk-price .usd { font-size: .9rem !important; color: var(--pv-text3) !important; margin-right: 4px; vertical-align: .9em; }
body.pvn .pk-card .mk-meta { margin: 12px 18px 0 !important; display: grid !important; grid-template-columns: repeat(3, 1fr); border: 1px solid var(--pv-line) !important; border-radius: 12px !important; overflow: hidden; background: rgba(255,255,255,.02) !important; padding: 0 !important; gap: 0 !important; }
body.pvn .pk-card .mk-meta > div { padding: 9px 6px !important; text-align: center; border-left: 1px solid var(--pv-line); background: none !important; }
body.pvn .pk-card .mk-meta > div:first-child { border-left: 0; }
body.pvn .pk-card .mk-meta span { display: block; font-size: .64rem !important; text-transform: uppercase; letter-spacing: .06em; color: var(--pv-text3) !important; }
body.pvn .pk-card .mk-meta strong { font-size: .8rem !important; color: #fff !important; } body.pvn .pk-card .mk-meta strong.g { color: #86EFAC !important; }
body.pvn .pk-card .pk-feats { padding: 14px 18px 0 !important; margin: 0 !important; flex: 1; }
body.pvn .pk-card .pk-feats li { color: var(--pv-text2) !important; font-size: .84rem !important; }
body.pvn .pk-card .pk-foot { margin: 16px 0 0 !important; padding: 14px 16px 16px !important; border-top: 1px solid var(--pv-line); background: rgba(6,10,24,.5); display: grid !important; grid-template-columns: auto 1fr; gap: 10px !important; align-items: center; }
body.pvn .pk-card .qty { border: 1px solid var(--pv-line2) !important; border-radius: 12px !important; background: rgba(255,255,255,.03) !important; height: 44px; }
body.pvn .pk-card .qty input { background: transparent !important; border: 0 !important; width: 36px !important; }
body.pvn .pk-card .qty button { background: none !important; color: #fff !important; border: 0 !important; }
body.pvn .pk-card .pk-order { height: 44px; border-radius: 12px !important; width: 100%; }
body.pvn .pk-card .pk-badge { position: absolute !important; top: 14px !important; left: 50% !important; transform: translateX(-50%); z-index: 2; border-radius: 999px !important; font-size: .7rem !important; padding: 4px 10px !important; }

/* ---------- services catalog → product tiles ---------- */
body.pvn .mk-grid { gap: 18px !important; }
body.pvn .mk-card { padding: 0 !important; overflow: hidden; display: flex !important; flex-direction: column; border-radius: 20px !important; background: #0B1130 !important; }
body.pvn .mk-card .mk-card-top { position: relative; height: 128px; margin: 0 !important; display: grid !important; place-items: center; border-bottom: 1px solid var(--pv-line);
  background: radial-gradient(circle at 50% 55%, color-mix(in srgb, var(--b) 45%, transparent), transparent 62%), linear-gradient(160deg, #141D4C, #0A0F2A) !important; }
body.pvn .mk-card .mk-card-top::before { content: ""; position: absolute; inset: 0; background-image: radial-gradient(rgba(96,165,250,.22) 1px, transparent 1.5px); background-size: 18px 18px; mask-image: radial-gradient(circle, transparent 30%, #000 80%); -webkit-mask-image: radial-gradient(circle, transparent 30%, #000 80%); }
body.pvn .mk-card .mk-card-top .mk-ico { position: relative; width: 66px !important; height: 66px !important; border-radius: 20px !important; background: #fff !important; box-shadow: 0 16px 34px -12px color-mix(in srgb, var(--b) 85%, #000) !important; transition: transform .3s; }
body.pvn .mk-card .mk-card-top .mk-ico svg { width: 34px !important; height: 34px !important; }
body.pvn .mk-card:hover .mk-card-top .mk-ico { transform: scale(1.08) rotate(-4deg); }
body.pvn .mk-card .mk-active { position: absolute !important; top: 12px; left: 12px; font-size: .68rem !important; }
body.pvn .mk-card h3 { padding: 16px 18px 0; margin: 0 !important; color: #fff !important; font: 700 1.02rem/1.3 var(--pv-display) !important; }
body.pvn .mk-card h3::after { content: "\2605\2605\2605\2605\2605"; display: block; margin-top: 6px; font-size: .78rem; letter-spacing: 2px; color: #FBBF24; }
body.pvn .mk-card .cat { padding: 2px 18px 0; color: var(--pv-text3) !important; font-size: .78rem !important; order: -0; }
body.pvn .mk-card .mk-tags { padding: 10px 18px 0; } body.pvn .mk-card .mk-tag { background: rgba(59,130,246,.1) !important; color: #93C5FD !important; border: 1px solid rgba(59,130,246,.25) !important; border-radius: 8px !important; }
body.pvn .mk-card .mk-divider { display: none !important; }
body.pvn .mk-card .mk-price { padding: 14px 18px 0; margin: 0 !important; }
body.pvn .mk-card .mk-price b { font-size: 1.9rem !important; }
body.pvn .mk-card .mk-meta { margin: 12px 18px 0 !important; border-top: 1px solid var(--pv-line); padding-top: 10px !important; }
body.pvn .mk-card .mk-meta > div { background: none !important; }
body.pvn .mk-card .mk-go { margin: 14px 18px 18px !important; border-radius: 12px !important; background: var(--pv-grad) !important; color: #fff !important; }

/* related products on PDP */
body.pvn .mk-rel a { border-radius: 18px !important; }

@media (max-width: 1024px) {
  .pvn-pd-grid { grid-template-columns: 1fr; gap: 26px; }
  .pvn-pd-media { aspect-ratio: 16 / 10; }
  .pvn-node-ico { width: 46px; height: 46px; } .pvn-node-ico svg { width: 22px; height: 22px; }
}
@media (max-width: 760px) {
  .pvn-net-sec { padding: 60px 0 48px; }
  .pvn-net { aspect-ratio: 1000 / 640; margin-top: 0; }
  .pvn-node-ico { width: 34px; height: 34px; box-shadow: 0 0 0 3px rgba(59,130,246,.18), 0 6px 14px -4px rgba(59,130,246,.7); }
  .pvn-node-ico svg { width: 17px; height: 17px; }
  .pvn-node b { display: none; }
  .pvn-net-core { width: 24%; }
  .pvn-net-stats { grid-template-columns: 1fr 1fr; gap: 10px; }
  body.pvn-inner .page-hero .container { padding: 30px 20px !important; border-radius: 20px !important; }
  body.pvn-inner .page-hero .container::after { width: 200px; height: 200px; right: -60px; opacity: .1; }
  .pvn-pd-perks { grid-template-columns: 1fr; }
  .pvn-pd-price b { font-size: 2rem; }
  .pvn-pd-pack { padding-left: 0; border-left: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .pvn-net-svg .ln-core, .pvn-net-svg .dust, .pvn-node-ico, .pvn-net-core .ring { animation: none !important; }
  .pvn-net-svg .pulses { display: none; }
}
.pvn-pd-info, .pvn-pd-info * { text-align: left !important; }
.pvn-pd-info .pvn-pd-cta .pvn-btn, .pvn-pd-info .pvn-btn span { text-align: center !important; }
.pvn-pd-info h1 { margin-left: 0 !important; margin-right: 0 !important; }
.pvn-pd-price { justify-content: flex-start; }
body.pvn .pk-card .pk-badge { top: 18px !important; left: 60px !important; transform: none !important; }
body.pvn .pk-card .mk-meta span { font-size: .58rem !important; letter-spacing: .03em; white-space: nowrap; }
body.pvn .mk-card .mk-card-top .mk-ico { justify-self: center; align-self: center; margin: 0 !important; grid-area: 1 / 1; }
body.pvn .mk-card .mk-card-top { grid-template: 1fr / 1fr; }
body.pvn .pk-card .pk-badge { width: auto !important; right: auto !important; }
@media (max-width: 760px) {
  .pvn-pd-media { aspect-ratio: 1 / .92; }
  .pvn-pd-icon { width: 36%; margin-bottom: 30px; }
  .pvn-pd-watermark { display: none; }
  .pvn-pd-thumbs span { padding: 5px 8px; font-size: .7rem; }
}

/* v3 — mega menu with country column, tawk coexistence */
.pvn-mega-grid { grid-template-columns: 1fr 1fr 2fr 1fr 1fr 1fr; }
.pvn-mcol-wide .pvn-mcountry { display: grid; grid-template-columns: 1fr 1fr; column-gap: 4px; }
.pvn-msub { grid-column: 1 / -1; color: var(--pv-text3); font-size: .7rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; padding: 8px 8px 4px; }
.pvn-msub:first-child { padding-top: 0; }
body.pvn .float-chat { left: 18px !important; right: auto !important; bottom: 18px !important; }
@media (max-width: 1180px) { .pvn-mega-grid { grid-template-columns: repeat(3, 1fr); } .pvn-mcol-wide { grid-column: span 2; } }
.pvn-mega-grid { max-height: min(74vh, 660px); padding: 18px; }
.pvn-mi { padding: 5px 8px; }
.pvn-mi-t { font-size: .83rem; }
body.pvn .pk-tabs { display: flex !important; flex-wrap: wrap; justify-content: center; gap: 8px; max-width: 100%; }
body.pvn .pk-tabs button { flex: 0 1 auto; white-space: normal; max-width: 100%; }
@media (max-width: 760px) { body.pvn .pk-tabs button { flex: 1 1 calc(50% - 8px); } }

/* v4 — split Services link / arrow, chat placement */
.pvn-dd { display: inline-flex; align-items: center; }
.pvn-dd-link { padding-right: 6px; }
.pvn-dd-btn { display: inline-grid; place-items: center; width: 30px; height: 30px; margin-left: -2px; border-radius: 9px; border: 1px solid transparent; background: none; color: var(--pv-text2); cursor: pointer; transition: background .15s, color .15s, border-color .15s; }
.pvn-dd-btn:hover, .pvn-dd.open .pvn-dd-btn { color: #fff; background: rgba(255,255,255,.06); border-color: var(--pv-line2); }
.pvn-dd-btn .pi-chev { width: 16px; height: 16px; transition: transform .2s; }
.pvn-dd.open .pvn-dd-btn .pi-chev { transform: rotate(180deg); }
.pvn-dd.open .pvn-dd-link { color: #fff; }
.pvn-dsvc { display: flex; align-items: center; gap: 6px; }
.pvn-dsvc .pvn-dlink { flex: 1; }
.pvn-dsvc-btn { width: 44px; height: 44px; flex-shrink: 0; display: grid; place-items: center; border-radius: 12px; border: 1px solid var(--pv-line2); background: rgba(255,255,255,.03); color: #fff; cursor: pointer; }
.pvn-dsvc-btn .pi-chev { transition: transform .2s; }
.pvn-dsvc-btn.open { background: rgba(59,130,246,.15); border-color: rgba(96,165,250,.5); }
.pvn-dsvc-btn.open .pi-chev { transform: rotate(180deg); }
.pvn-dsvc-list { padding: 4px 0 6px 10px; margin: 2px 0 6px 18px; border-left: 1px solid var(--pv-line2); }
.pvn-dsvc-list[hidden] { display: none; }
/* WhatsApp + Telegram: bottom-left on every screen; Tawk chat keeps bottom-right */
body.pvn .float-chat { position: fixed !important; left: 20px !important; right: auto !important; bottom: 20px !important; top: auto !important; transform: none !important; flex-direction: column; z-index: 9990; }
@media (max-width: 640px) { body.pvn .float-chat { left: 12px !important; bottom: 14px !important; } }
body.pvn .float-chat .fc-tip { left: calc(100% + 12px) !important; right: auto !important; }

/* =========================================================
   v5 — colourful background + colourful icons
   ========================================================= */
:root, [data-theme="dark"], [data-theme="light"] {
  --g1: linear-gradient(135deg, #8B5CF6, #EC4899);
  --g2: linear-gradient(135deg, #06B6D4, #3B82F6);
  --g3: linear-gradient(135deg, #F5B942, #EF4444);
  --g4: linear-gradient(135deg, #10B981, #06B6D4);
  --g5: linear-gradient(135deg, #6366F1, #A855F7);
  --g6: linear-gradient(135deg, #F43F5E, #F97316);
}
/* colourful page background (fixed aurora) */
body.pvn { background-color: #060A1C !important; }
body.pvn::before { content: ""; position: fixed; inset: 0; z-index: -1; pointer-events: none;
  background:
    radial-gradient(900px 600px at 8% 8%, rgba(139,92,246,.28), transparent 60%),
    radial-gradient(800px 520px at 95% 12%, rgba(6,182,212,.22), transparent 60%),
    radial-gradient(760px 560px at 85% 78%, rgba(236,72,153,.18), transparent 60%),
    radial-gradient(820px 600px at 10% 92%, rgba(59,130,246,.24), transparent 60%),
    radial-gradient(600px 400px at 50% 50%, rgba(16,185,129,.08), transparent 70%); }
body.pvn::after { content: ""; position: fixed; inset: 0; z-index: -1; pointer-events: none; opacity: .5;
  background-image: radial-gradient(rgba(148,163,255,.18) 1px, transparent 1.4px); background-size: 28px 28px;
  mask-image: linear-gradient(180deg, #000, transparent 70%); -webkit-mask-image: linear-gradient(180deg, #000, transparent 70%); }
.pvn-sec-alt { background: linear-gradient(180deg, transparent, rgba(99,102,241,.10) 15%, rgba(236,72,153,.07) 60%, transparent) !important; }
.pvn-net-sec { background: linear-gradient(180deg, rgba(14,10,46,.6), rgba(8,22,48,.35) 60%, transparent) !important; }
#pricing { background: linear-gradient(180deg, transparent, rgba(6,182,212,.07) 30%, rgba(139,92,246,.08) 70%, transparent); }
.pvn-cmd { background: linear-gradient(135deg, #2A1B6B 0%, #102A5C 45%, #0B3B4F 75%, #3B1550 100%) !important; }
.pvn-footer { background: linear-gradient(180deg, #0A0E2A, #05060F) !important; }
body.pvn .mk-sec.alt, body.pvn .bg-soft { background: linear-gradient(180deg, transparent, rgba(99,102,241,.10) 20%, rgba(6,182,212,.07) 80%, transparent) !important; }

/* coloured icon chips — cycle through 6 gradients */
.pvn-tile:nth-child(6n+1) .pvn-tile-ic, .pvn-why:nth-child(6n+1) .pvn-why-ic, .pvn-how:nth-child(6n+1) .pvn-how-ic, .pvn-fact:nth-child(6n+1) .pi, .pvn-pd-perks > div:nth-child(6n+1) .pi { background: var(--g1) !important; }
.pvn-tile:nth-child(6n+2) .pvn-tile-ic, .pvn-why:nth-child(6n+2) .pvn-why-ic, .pvn-how:nth-child(6n+2) .pvn-how-ic, .pvn-fact:nth-child(6n+2) .pi, .pvn-pd-perks > div:nth-child(6n+2) .pi { background: var(--g2) !important; }
.pvn-tile:nth-child(6n+3) .pvn-tile-ic, .pvn-why:nth-child(6n+3) .pvn-why-ic, .pvn-how:nth-child(6n+3) .pvn-how-ic, .pvn-fact:nth-child(6n+3) .pi, .pvn-pd-perks > div:nth-child(6n+3) .pi { background: var(--g3) !important; }
.pvn-tile:nth-child(6n+4) .pvn-tile-ic, .pvn-fact:nth-child(6n+4) .pi, .pvn-pd-perks > div:nth-child(6n+4) .pi { background: var(--g4) !important; }
.pvn-how-ic, .pvn-fact .pi, .pvn-pd-perks .pi { color: #fff !important; border: 0 !important; box-shadow: 0 10px 22px -10px rgba(0,0,0,.8); }
.pvn-why-ic { box-shadow: 0 14px 30px -12px rgba(236,72,153,.6) !important; }
/* section eyebrow icons & check marks */
.pvn-why li .pi { color: #22D3EE; } .pvn-why:nth-child(2) li .pi { color: #F472B6; } .pvn-why:nth-child(3) li .pi { color: #FBBF24; }
.pvn-why-stat b { background: var(--g6); -webkit-background-clip: text; background-clip: text; }
.pvn-why:nth-child(2) .pvn-why-stat b { background: var(--g2); -webkit-background-clip: text; background-clip: text; }
.pvn-why:nth-child(3) .pvn-why-stat b { background: var(--g4); -webkit-background-clip: text; background-clip: text; }
.pvn-checks li:nth-child(4n+1) .pi { background: var(--g1); } .pvn-checks li:nth-child(4n+2) .pi { background: var(--g2); }
.pvn-checks li:nth-child(4n+3) .pi { background: var(--g3); } .pvn-checks li:nth-child(4n+4) .pi { background: var(--g4); }
/* mega menu + drawer headers */
.pvn-mcol:nth-child(1) .pvn-mh, .pvn-dcat:nth-of-type(1) summary > .pi:first-child { color: #F472B6; }
.pvn-mcol:nth-child(2) .pvn-mh, .pvn-dcat:nth-of-type(2) summary > .pi:first-child { color: #A78BFA; }
.pvn-mcol:nth-child(3) .pvn-mh, .pvn-dcat:nth-of-type(3) summary > .pi:first-child { color: #22D3EE; }
.pvn-mcol:nth-child(4) .pvn-mh, .pvn-dcat:nth-of-type(4) summary > .pi:first-child { color: #34D399; }
.pvn-mcol:nth-child(5) .pvn-mh, .pvn-dcat:nth-of-type(5) summary > .pi:first-child { color: #FB923C; }
.pvn-mcol:nth-child(6) .pvn-mh, .pvn-dcat:nth-of-type(6) summary > .pi:first-child { color: #60A5FA; }
.pvn-dlink:nth-of-type(1) .pi { color: #F472B6; }
.pvn-drawer-panel > .pvn-dlink .pi, .pvn-dsvc .pvn-dlink .pi { color: #A78BFA; }
/* footer + float + stats */
.pvn-fc:nth-of-type(1) > .pi { color: #fff; background: #1FAF54; border-color: transparent; }
.pvn-fc:nth-of-type(2) > .pi { color: #fff; background: #229ED9; border-color: transparent; }
.pvn-fc:nth-of-type(3) > .pi { color: #fff; background: var(--g6); border-color: transparent; }
.pvn-fc:nth-of-type(4) > .pi { color: #fff; background: var(--g5); border-color: transparent; }
.pvn-foot-social a:nth-child(1) { color: #25D366; } .pvn-foot-social a:nth-child(2) { color: #26A5E4; } .pvn-foot-social a:nth-child(3) { color: #F87171; }
.pvn-hstat:nth-child(1) b small { color: #FBBF24; } .pvn-hstat:nth-child(2) b small { color: #F472B6; } .pvn-hstat:nth-child(4) b small { color: #22D3EE; }
.pvn-net-stats div:nth-child(1) b { background: var(--g1); -webkit-background-clip: text; background-clip: text; }
.pvn-net-stats div:nth-child(2) b { background: var(--g2); -webkit-background-clip: text; background-clip: text; }
.pvn-net-stats div:nth-child(3) b { background: var(--g3); -webkit-background-clip: text; background-clip: text; }
.pvn-net-stats div:nth-child(4) b { background: var(--g4); -webkit-background-clip: text; background-clip: text; }
.pvn-cmd-foot .pi:nth-of-type(1) { color: #34D399; }
.pvn-mega-foot .pi, .pvn-badge-gold .pi { color: #FBBF24; }
/* legacy inner-page icons */
body.pvn .mk-benefit:nth-child(4n+1) .e, body.pvn .feat-card:nth-child(6n+1) .feat-icon, body.pvn .mk-trust > div:nth-child(4n+1) .t-ico, body.pvn .contact-card:nth-child(3n+1) .contact-card-icon { background: var(--g1) !important; color: #fff !important; }
body.pvn .mk-benefit:nth-child(4n+2) .e, body.pvn .feat-card:nth-child(6n+2) .feat-icon, body.pvn .mk-trust > div:nth-child(4n+2) .t-ico, body.pvn .contact-card:nth-child(3n+2) .contact-card-icon { background: var(--g2) !important; color: #fff !important; }
body.pvn .mk-benefit:nth-child(4n+3) .e, body.pvn .feat-card:nth-child(6n+3) .feat-icon, body.pvn .mk-trust > div:nth-child(4n+3) .t-ico, body.pvn .contact-card:nth-child(3n+3) .contact-card-icon { background: var(--g3) !important; color: #fff !important; }
body.pvn .mk-benefit:nth-child(4n+4) .e, body.pvn .feat-card:nth-child(6n+4) .feat-icon, body.pvn .mk-trust > div:nth-child(4n+4) .t-ico { background: var(--g4) !important; color: #fff !important; }
body.pvn .feat-card:nth-child(6n+5) .feat-icon { background: var(--g5) !important; } body.pvn .feat-card:nth-child(6n+6) .feat-icon { background: var(--g6) !important; }
body.pvn .mk-benefit .e { width: 46px; height: 46px; border-radius: 13px !important; display: grid; place-items: center; }
body.pvn .mk-chip:not(.active) .ic { color: #A78BFA; }
body.pvn .page-hero-badge .ic, body.pvn .mk-kicker .ic { color: #FBBF24; }
/* pricing cards: coloured top accent per brand */
.pvn-card:nth-child(6n+1) { border-top: 2px solid #A855F7 !important; } .pvn-card:nth-child(6n+2) { border-top: 2px solid #EC4899 !important; }
.pvn-card:nth-child(6n+3) { border-top: 2px solid #3B82F6 !important; } .pvn-card:nth-child(6n+4) { border-top: 2px solid #06B6D4 !important; }
.pvn-card:nth-child(6n+5) { border-top: 2px solid #10B981 !important; } .pvn-card:nth-child(6n+6) { border-top: 2px solid #F5B942 !important; }

/* SEO content block */
.pvn-seo-in { max-width: 1100px; margin: 0 auto; padding: 34px; border-radius: 24px; background: linear-gradient(160deg, rgba(30,24,80,.55), rgba(10,20,48,.55)); border: 1px solid var(--pv-line2); }
.pvn-seo-in h2 { font: 800 clamp(1.4rem, 2.6vw, 1.9rem)/1.2 var(--pv-display); color: #fff; margin: 0 0 12px; }
.pvn-seo-in > p { color: var(--pv-text2); line-height: 1.75; margin: 0 0 22px; }
.pvn-seo-in strong { color: #fff; }
.pvn-seo-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.pvn-seo-grid > div { padding: 18px 20px; border-radius: 16px; background: rgba(6,10,24,.45); border: 1px solid var(--pv-line); }
.pvn-seo-grid > div:nth-child(1) { border-top: 2px solid #A855F7; } .pvn-seo-grid > div:nth-child(2) { border-top: 2px solid #22D3EE; }
.pvn-seo-grid > div:nth-child(3) { border-top: 2px solid #F5B942; } .pvn-seo-grid > div:nth-child(4) { border-top: 2px solid #10B981; }
.pvn-seo-grid h3 { font: 700 1.02rem/1.3 var(--pv-display); color: #fff; margin: 0 0 8px; }
.pvn-seo-grid p, .pvn-seo-grid li { color: var(--pv-text2); font-size: .9rem; line-height: 1.65; }
.pvn-seo-grid ul { margin: 0; padding-left: 18px; }
@media (max-width: 760px) { .pvn-seo-in { padding: 22px 16px; } .pvn-seo-grid { grid-template-columns: 1fr; } }

/* v6 — theme toggle, install card, white sections in dark mode */
.pvn-theme { width: 42px; height: 42px; flex-shrink: 0; display: inline-grid; place-items: center; border-radius: 12px; border: 1px solid var(--pv-line2); background: rgba(255,255,255,.03); color: #FBBF24; cursor: pointer; transition: transform .2s, background .2s; }
.pvn-theme:hover { transform: rotate(-12deg); background: rgba(255,255,255,.07); }
.pvn-theme .pi { width: 19px; height: 19px; }
.pvn-theme .i-moon { display: none; }
html[data-theme="light"] .pvn-theme .i-sun { display: none; }
html[data-theme="light"] .pvn-theme .i-moon { display: block; color: #6366F1; }
.pvn-install { display: flex; align-items: center; gap: 12px; padding: 12px; border-radius: 16px; background: linear-gradient(135deg, rgba(99,102,241,.16), rgba(6,182,212,.10)); border: 1px solid var(--pv-line2); margin-top: 16px; }
.pvn-install img { width: 46px; height: 46px; border-radius: 50%; flex-shrink: 0; box-shadow: 0 6px 18px -6px rgba(59,130,246,.7); }
.pvn-install-t { flex: 1; min-width: 0; line-height: 1.3; }
.pvn-install-t b { display: block; color: #fff; font-size: .9rem; }
.pvn-install-t span { display: block; color: var(--pv-text3); font-size: .76rem; }
.pvn-install-btn { display: inline-flex; align-items: center; gap: 6px; height: 36px; padding: 0 14px; border-radius: 10px; border: 0; cursor: pointer; color: #fff; font: 700 .82rem/1 'Inter', sans-serif; background: var(--pv-grad); box-shadow: 0 8px 20px -8px rgba(59,130,246,.8); flex-shrink: 0; }
.pvn-install-btn .pi { width: 15px; height: 15px; }
.pvn-install-btn[hidden], .pvn-install:has(.pvn-install-btn[hidden]) { display: none; }
.pvn-foot-brand .pvn-install { max-width: 340px; }
.pvn-drawer-cta .pvn-install { margin-top: 4px; }
/* white sections in dark mode */
body.pvn section.pvn-light { position: relative; background: radial-gradient(700px 320px at 8% 0%, rgba(139,92,246,.09), transparent 60%), radial-gradient(700px 320px at 92% 100%, rgba(6,182,212,.09), transparent 60%), linear-gradient(180deg, #FFFFFF, #F3F5FD) !important; color: #0D1330; }
body.pvn section.pvn-light + section.pvn-light { border-top: 1px solid #E6EAF5; }
html[data-theme="light"] body.pvn section.pvn-light { background: radial-gradient(700px 320px at 8% 0%, rgba(139,92,246,.07), transparent 60%), #FFFFFF !important; }
@media (max-width: 760px) { .pvn-actions .pvn-theme { width: 40px; height: 40px; } }
@media (max-width: 380px) { .pvn-actions .pvn-theme { width: 36px; } }

/* ===== light theme (toggle) + light sections inside dark mode — generated ===== */
html[data-theme="light"] {--pv-text:#0D1330;--pv-text2:#46507A;--pv-text3:#6B7499;--pv-line:#E6EAF5;--pv-line2:#D5DBEF;--text1:#0D1330;--text2:#46507A;--text3:#6B7499;--text4:#98A0C0;--bg:#F4F6FD;--bg2:#FFFFFF;--bg3:#EEF1FA;--surface:#FFFFFF;--surface2:#F7F9FE;--border:#E6EAF5;--border2:#D5DBEF;--primary-light:#EEF2FF;--success-light:#0F2A1E;--pv-grad-text:linear-gradient(90deg,#7C3AED 0%,#60A5FA 55%,#0891B2 100%);color-scheme:light;}
body.pvn .pvn-light {--pv-text:#0D1330;--pv-text2:#46507A;--pv-text3:#6B7499;--pv-line:#E6EAF5;--pv-line2:#D5DBEF;--text1:#0D1330;--text2:#46507A;--text3:#6B7499;--text4:#98A0C0;--bg:#F4F6FD;--bg2:#FFFFFF;--bg3:#EEF1FA;--surface:#FFFFFF;--surface2:#F7F9FE;--border:#E6EAF5;--border2:#D5DBEF;--primary-light:#EEF2FF;--success-light:#0F2A1E;--pv-grad-text:linear-gradient(90deg,#7C3AED 0%,#60A5FA 55%,#0891B2 100%);color-scheme:light;}
html[data-theme="light"] body.pvn .pvn-head h2, html[data-theme="light"] body.pvn .pvn-who-copy h2, html[data-theme="light"] body.pvn .pvn-card h3, html[data-theme="light"] body.pvn .pvn-price b, html[data-theme="light"] body.pvn .pvn-fact b, html[data-theme="light"] body.pvn .pvn-who-copy strong, html[data-theme="light"] body.pvn .pvn-why h3, html[data-theme="light"] body.pvn .pvn-how-head h3, html[data-theme="light"] body.pvn .pvn-how h4, html[data-theme="light"] body.pvn .pvn-seo-in h2, html[data-theme="light"] body.pvn .pvn-seo-in strong, html[data-theme="light"] body.pvn .pvn-seo-grid h3, html[data-theme="light"] body.pvn .mk-head h2, body.pvn .pvn-light .pvn-head h2, body.pvn .pvn-light .pvn-who-copy h2, body.pvn .pvn-light .pvn-card h3, body.pvn .pvn-light .pvn-price b, body.pvn .pvn-light .pvn-fact b, body.pvn .pvn-light .pvn-who-copy strong, body.pvn .pvn-light .pvn-why h3, body.pvn .pvn-light .pvn-how-head h3, body.pvn .pvn-light .pvn-how h4, body.pvn .pvn-light .pvn-seo-in h2, body.pvn .pvn-light .pvn-seo-in strong, body.pvn .pvn-light .pvn-seo-grid h3, body.pvn .pvn-light .mk-head h2 {color:#0D1330 !important;}
html[data-theme="light"] body.pvn .pvn-eyebrow, html[data-theme="light"] body.pvn .pvn-tag-gold, html[data-theme="light"] body.pvn .mk-kicker, html[data-theme="light"] body.pvn .page-hero-badge, html[data-theme="light"] body.pvn .faq-eyebrow, body.pvn .pvn-light .pvn-eyebrow, body.pvn .pvn-light .pvn-tag-gold, body.pvn .pvn-light .mk-kicker, body.pvn .pvn-light .page-hero-badge, body.pvn .pvn-light .faq-eyebrow {color:#F5C55A !important;background:#FFF7E6 !important;border-color:#F5D08A !important;}
html[data-theme="light"] body.pvn .pvn-tabs, body.pvn .pvn-light .pvn-tabs {background:#FFFFFF;border-color:#E3E8F5;box-shadow:0 8px 24px -18px rgba(30,41,99,.4);}
html[data-theme="light"] body.pvn .pvn-tabs button:not(.is-active), body.pvn .pvn-light .pvn-tabs button:not(.is-active) {color:#46507A;}
html[data-theme="light"] body.pvn .pvn-tabs button:not(.is-active):hover, body.pvn .pvn-light .pvn-tabs button:not(.is-active):hover {color:#0D1330;background:#F1F4FF;}
html[data-theme="light"] body.pvn .pvn-card, body.pvn .pvn-light .pvn-card {background:#FFFFFF !important;border:1px solid #E6EAF5 !important;box-shadow:0 14px 34px -22px rgba(30,41,99,.35) !important;background:#FFFFFF !important;}
html[data-theme="light"] body.pvn .pvn-card:hover, body.pvn .pvn-light .pvn-card:hover {box-shadow:0 26px 50px -26px rgba(59,130,246,.45) !important;border-color:#C7D2FE !important;}
html[data-theme="light"] body.pvn .pvn-card-ico, html[data-theme="light"] body.pvn .pvn-mi-ico, body.pvn .pvn-light .pvn-card-ico, body.pvn .pvn-light .pvn-mi-ico {box-shadow:0 0 0 1px #E6EAF5, 0 8px 18px -10px rgba(30,41,99,.4);}
html[data-theme="light"] body.pvn .pvn-unit, body.pvn .pvn-light .pvn-unit {color:#F5C55A;}
html[data-theme="light"] body.pvn .pvn-feats, body.pvn .pvn-light .pvn-feats {border-top-color:#EEF1F8;}
html[data-theme="light"] body.pvn .pvn-instock, body.pvn .pvn-light .pvn-instock {color:#059669;}
html[data-theme="light"] body.pvn .pvn-pill-gold, body.pvn .pvn-light .pvn-pill-gold {color:#F5C55A;background:#FFF7E6;border-color:#F5D08A;}
html[data-theme="light"] body.pvn .pvn-pill-hot, body.pvn .pvn-light .pvn-pill-hot {color:#E11D48;background:#FFF1F3;border-color:#FECDD3;}
html[data-theme="light"] body.pvn .pvn-pill-pop, body.pvn .pvn-light .pvn-pill-pop {color:#7C3AED;background:#F5F3FF;border-color:#DDD6FE;}
html[data-theme="light"] body.pvn .pvn-pill-trend, body.pvn .pvn-light .pvn-pill-trend {color:#0284C7;background:#F0F9FF;border-color:#BAE6FD;}
html[data-theme="light"] body.pvn .pvn-pill-soft, body.pvn .pvn-light .pvn-pill-soft {color:#46507A;background:#F1F4FF;border-color:#DCE2F5;}
html[data-theme="light"] body.pvn .pvn-btn-card, body.pvn .pvn-light .pvn-btn-card {color:#1E2A6B;background:#F1F4FF;border-color:#DCE2F5;}
html[data-theme="light"] body.pvn .pvn-card:hover .pvn-btn-card, body.pvn .pvn-light .pvn-card:hover .pvn-btn-card {color:#fff;}
html[data-theme="light"] body.pvn .pvn-btn-outline, body.pvn .pvn-light .pvn-btn-outline {color:#1E2A6B;background:#FFFFFF;border-color:#D5DBEF;}
html[data-theme="light"] body.pvn .pvn-btn-outline:hover, body.pvn .pvn-light .pvn-btn-outline:hover {border-color:#A5B4FC;background:#EEF2FF;}
html[data-theme="light"] body.pvn .pvn-fact, body.pvn .pvn-light .pvn-fact {background:#FFFFFF !important;border:1px solid #E6EAF5 !important;box-shadow:0 14px 34px -22px rgba(30,41,99,.35) !important;}
html[data-theme="light"] body.pvn .pvn-checks li, body.pvn .pvn-light .pvn-checks li {color:#0D1330;}
html[data-theme="light"] body.pvn .pvn-why, html[data-theme="light"] body.pvn .pvn-how-wrap, body.pvn .pvn-light .pvn-why, body.pvn .pvn-light .pvn-how-wrap {background:#FFFFFF !important;border:1px solid #E6EAF5 !important;box-shadow:0 14px 34px -22px rgba(30,41,99,.35) !important;}
html[data-theme="light"] body.pvn .pvn-why::after, body.pvn .pvn-light .pvn-why::after {opacity:.35;}
html[data-theme="light"] body.pvn .pvn-how, body.pvn .pvn-light .pvn-how {background:#F7F9FE;border-color:#E6EAF5;}
html[data-theme="light"] body.pvn .pvn-how-n, body.pvn .pvn-light .pvn-how-n {color:rgba(99,102,241,.18);}
html[data-theme="light"] body.pvn .pvn-seo-in, body.pvn .pvn-light .pvn-seo-in {background:#FFFFFF;border-color:#E3E8F5;box-shadow:0 20px 50px -34px rgba(30,41,99,.45);}
html[data-theme="light"] body.pvn .pvn-seo-grid > div, body.pvn .pvn-light .pvn-seo-grid > div {background:#F7F9FE;border-color:#E6EAF5;}
html[data-theme="light"] body.pvn .pk-card, body.pvn .pvn-light .pk-card {background:#FFFFFF !important;border:1px solid #E6EAF5 !important;box-shadow:0 14px 34px -22px rgba(30,41,99,.35) !important;background:#FFFFFF !important;}
html[data-theme="light"] body.pvn .pk-card .pk-top, body.pvn .pvn-light .pk-card .pk-top {background:linear-gradient(120deg,rgba(147,51,234,.08),rgba(59,130,246,.08)) !important;border-bottom-color:#EEF1F8 !important;}
html[data-theme="light"] body.pvn .pk-card h4, html[data-theme="light"] body.pvn .pk-card .pk-price, html[data-theme="light"] body.pvn .pk-card .mk-meta strong, html[data-theme="light"] body.pvn .pk-price b, body.pvn .pvn-light .pk-card h4, body.pvn .pvn-light .pk-card .pk-price, body.pvn .pvn-light .pk-card .mk-meta strong, body.pvn .pvn-light .pk-price b {color:#0D1330 !important;}
html[data-theme="light"] body.pvn .pk-card .mk-meta, body.pvn .pvn-light .pk-card .mk-meta {background:#F7F9FE !important;border-color:#E6EAF5 !important;}
html[data-theme="light"] body.pvn .pk-card .mk-meta > div, body.pvn .pvn-light .pk-card .mk-meta > div {border-left-color:#E6EAF5 !important;}
html[data-theme="light"] body.pvn .pk-card .mk-meta strong.g, body.pvn .pvn-light .pk-card .mk-meta strong.g {color:#059669 !important;}
html[data-theme="light"] body.pvn .pk-card .pk-foot, body.pvn .pvn-light .pk-card .pk-foot {background:#F7F9FE !important;border-top-color:#EEF1F8 !important;}
html[data-theme="light"] body.pvn .pk-card .qty, body.pvn .pvn-light .pk-card .qty {background:#FFFFFF !important;border-color:#D5DBEF !important;}
html[data-theme="light"] body.pvn .pk-card .qty input, html[data-theme="light"] body.pvn .pk-card .qty button, body.pvn .pvn-light .pk-card .qty input, body.pvn .pvn-light .pk-card .qty button {color:#0D1330 !important;}
html[data-theme="light"] body.pvn .pk-tabs button:not(.active), body.pvn .pvn-light .pk-tabs button:not(.active) {background:#FFFFFF !important;border-color:#D5DBEF !important;color:#46507A !important;}
html[data-theme="light"] body.pvn .pk-note, body.pvn .pvn-light .pk-note {color:#6B7499;}
html[data-theme="light"] body.pvn .mk-head p, body.pvn .pvn-light .mk-head p {color:#46507A;}
html[data-theme="light"] body.pvn .mk-card, body.pvn .pvn-light .mk-card {background:#FFFFFF !important;border:1px solid #E6EAF5 !important;box-shadow:0 14px 34px -22px rgba(30,41,99,.35) !important;background:#FFFFFF !important;}
html[data-theme="light"] body.pvn .mk-card h3, html[data-theme="light"] body.pvn .mk-price b, body.pvn .pvn-light .mk-card h3, body.pvn .pvn-light .mk-price b {color:#0D1330 !important;}
html[data-theme="light"] body.pvn .mk-card .mk-meta, body.pvn .pvn-light .mk-card .mk-meta {border-top-color:#EEF1F8 !important;}
html[data-theme="light"] body.pvn .mk-card .mk-meta strong, body.pvn .pvn-light .mk-card .mk-meta strong {color:#0D1330;}
html[data-theme="light"] body.pvn .mk-card .mk-tag, body.pvn .pvn-light .mk-card .mk-tag {background:#EEF2FF !important;color:#4338CA !important;border-color:#C7D2FE !important;}
html[data-theme="light"] body.pvn .mk-chip:not(.active), body.pvn .pvn-light .mk-chip:not(.active) {background:#FFFFFF !important;border-color:#D5DBEF !important;color:#46507A !important;}
html[data-theme="light"] body.pvn .mk-search input, body.pvn .pvn-light .mk-search input {background:#FFFFFF !important;border-color:#D5DBEF !important;color:#0D1330 !important;}
html[data-theme="light"] body.pvn .mk-trust > div, body.pvn .pvn-light .mk-trust > div {background:#FFFFFF !important;border-color:#E6EAF5 !important;}
html[data-theme="light"] body.pvn .mk-trust strong, body.pvn .pvn-light .mk-trust strong {color:#0D1330;}
html[data-theme="light"] body.pvn .mk-count, body.pvn .pvn-light .mk-count {color:#6B7499;}
html[data-theme="light"] body.pvn .mk-rel a, html[data-theme="light"] body.pvn .mk-related a, body.pvn .pvn-light .mk-rel a, body.pvn .pvn-light .mk-related a {background:#FFFFFF !important;border:1px solid #E6EAF5 !important;box-shadow:0 14px 34px -22px rgba(30,41,99,.35) !important;}
html[data-theme="light"] body.pvn .mk-related span, body.pvn .pvn-light .mk-related span {color:#0D1330;}
html[data-theme="light"] body.pvn {background-color:#F4F6FD !important;color:#0D1330;}
html[data-theme="light"] body.pvn::before {opacity:.55;}
html[data-theme="light"] body.pvn::after {background-image:radial-gradient(rgba(79,70,229,.14) 1px,transparent 1.4px);}
html[data-theme="light"] body.pvn .pvn-nav {background:rgba(255,255,255,.82);border-bottom-color:#E6EAF5;}
html[data-theme="light"] body.pvn .pvn-nav.is-scrolled {background:rgba(255,255,255,.95);box-shadow:0 10px 30px -20px rgba(30,41,99,.5);}
html[data-theme="light"] body.pvn .pvn-logo {color:#0D1330;}
html[data-theme="light"] body.pvn .pvn-link {color:#46507A;}
html[data-theme="light"] body.pvn .pvn-link:hover, html[data-theme="light"] body.pvn .pvn-link.is-active, html[data-theme="light"] body.pvn .pvn-dd.open .pvn-dd-link {color:#0D1330;background:#F1F4FF;}
html[data-theme="light"] body.pvn .pvn-link.is-active {background:none;}
html[data-theme="light"] body.pvn .pvn-dd-btn {color:#46507A;}
html[data-theme="light"] body.pvn .pvn-dd-btn:hover, html[data-theme="light"] body.pvn .pvn-dd.open .pvn-dd-btn {color:#0D1330;background:#F1F4FF;border-color:#DCE2F5;}
html[data-theme="light"] body.pvn .pvn-btn-ghost {color:#1E2A6B;background:#FFFFFF;border-color:#DCE2F5;}
html[data-theme="light"] body.pvn .pvn-burger, html[data-theme="light"] body.pvn .pvn-theme {background:#FFFFFF;border-color:#D5DBEF;color:#1E2A6B;}
html[data-theme="light"] body.pvn .pvn-burger span {background:#0D1330;}
html[data-theme="light"] body.pvn .pvn-mega-in {background:#FFFFFF;border-color:#E3E8F5;box-shadow:0 40px 80px -40px rgba(30,41,99,.45);}
html[data-theme="light"] body.pvn .pvn-mi-t {color:#0D1330;}
html[data-theme="light"] body.pvn .pvn-mi:hover {background:#F1F4FF;}
html[data-theme="light"] body.pvn .pvn-mh {border-bottom-color:#EEF1F8;}
html[data-theme="light"] body.pvn .pvn-mega-foot {background:#F7F9FE;border-top-color:#EEF1F8;color:#46507A;}
html[data-theme="light"] body.pvn .pvn-mega-all {color:#1E2A6B;}
html[data-theme="light"] body.pvn .pvn-drawer-panel {background:#FFFFFF;border-left-color:#E3E8F5;}
html[data-theme="light"] body.pvn .pvn-dlink, html[data-theme="light"] body.pvn .pvn-dcat summary {color:#0D1330;}
html[data-theme="light"] body.pvn .pvn-dlink:hover, html[data-theme="light"] body.pvn .pvn-dlink.is-active, html[data-theme="light"] body.pvn .pvn-dcat[open] summary {background:#F1F4FF;}
html[data-theme="light"] body.pvn .pvn-dlinks a {color:#46507A;}
html[data-theme="light"] body.pvn .pvn-x, html[data-theme="light"] body.pvn .pvn-dsvc-btn {background:#FFFFFF;border-color:#D5DBEF;color:#0D1330;}
html[data-theme="light"] body.pvn .pvn-hero h1, html[data-theme="light"] body.pvn .pvn-tile b, html[data-theme="light"] body.pvn .pvn-hstat b {color:#0D1330;}
html[data-theme="light"] body.pvn .pvn-tile {background:#FFFFFF;border-color:#E6EAF5;box-shadow:0 10px 26px -20px rgba(30,41,99,.4);}
html[data-theme="light"] body.pvn .pvn-tag-soft {background:#FFFFFF;border-color:#E3E8F5;color:#46507A;}
html[data-theme="light"] body.pvn .pvn-hero-bg .grid {background-image:linear-gradient(rgba(30,41,99,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(30,41,99,.05) 1px,transparent 1px);}
html[data-theme="light"] body.pvn .pvn-sec-alt, html[data-theme="light"] body.pvn #pricing {background:transparent !important;}
html[data-theme="light"] body.pvn .pvn-net-sec {background:linear-gradient(160deg,#0B1033,#0A1A3A 55%,#1A0F3C) !important;border-top:0;}
html[data-theme="light"] body.pvn .pvn-net-sec, html[data-theme="light"] body.pvn .pvn-cmd, html[data-theme="light"] body.pvn .pvn-desk, html[data-theme="light"] body.pvn .pvn-float, html[data-theme="light"] body.pvn .pvn-footer, html[data-theme="light"] body.pvn .page-hero .container, html[data-theme="light"] body.pvn .pvn-pd-media, html[data-theme="light"] body.pvn .faq-cta, html[data-theme="light"] body.pvn .pvn-hero-visual {--pv-text:#EEF1FF;--pv-text2:#B4BCDD;--pv-text3:#8590BA;--pv-line:rgba(96,165,250,.14);--pv-line2:rgba(96,165,250,.26);--text1:#EEF1FF;--text2:#B4BCDD;--text3:#8590BA;--surface:#0D1430;--surface2:#121A3B;--border:#1C2550;--border2:#27315F;--pv-grad-text:linear-gradient(90deg,#C084FC 0%,#60A5FA 50%,#22D3EE 100%);color-scheme:dark;}
html[data-theme="light"] body.pvn .pvn-net-sec .pvn-head h2 {color:#fff !important;}
html[data-theme="light"] body.pvn .pvn-net-sec .pvn-eyebrow {color:#F5B942 !important;background:rgba(245,185,66,.09) !important;border-color:rgba(245,185,66,.32) !important;}
html[data-theme="light"] body.pvn .page-hero .page-hero-badge {color:#F5B942 !important;background:rgba(245,185,66,.09) !important;border-color:rgba(245,185,66,.32) !important;}
html[data-theme="light"] body.pvn .pvn-cmd .pvn-head h2 {color:#fff !important;}
html[data-theme="light"] body.pvn .pvn-cmd .pvn-eyebrow {color:#F5B942 !important;background:rgba(245,185,66,.09) !important;border-color:rgba(245,185,66,.32) !important;}
html[data-theme="light"] body.pvn .pvn-net-stats div {background:rgba(255,255,255,.04);}
html[data-theme="light"] body.pvn .faq-item {background:#FFFFFF !important;border:1px solid #E6EAF5 !important;box-shadow:0 14px 34px -22px rgba(30,41,99,.35) !important;}
html[data-theme="light"] body.pvn .faq-q, html[data-theme="light"] body.pvn .faq-head h2, html[data-theme="light"] body.pvn .pvn-pd h1, html[data-theme="light"] body.pvn .pvn-pd-rating b, html[data-theme="light"] body.pvn .pvn-pd-price b, html[data-theme="light"] body.pvn .pvn-pd-perks b, html[data-theme="light"] body.pvn .pvn-crumbs span, html[data-theme="light"] body.pvn .post-body h2, html[data-theme="light"] body.pvn .post-body h3, html[data-theme="light"] body.pvn .astat-num, html[data-theme="light"] body.pvn .stat-num {color:#0D1330 !important;}
html[data-theme="light"] body.pvn .faq-answer p, html[data-theme="light"] body.pvn .faq-head p {color:#46507A !important;}
html[data-theme="light"] body.pvn .faq-plus {border-color:#D5DBEF !important;}
html[data-theme="light"] body.pvn .pvn-pd-price, html[data-theme="light"] body.pvn .pvn-pd-perks > div {background:#FFFFFF;border-color:#E6EAF5;}
html[data-theme="light"] body.pvn .mk-benefit, html[data-theme="light"] body.pvn .feat-card, html[data-theme="light"] body.pvn .feature-card, html[data-theme="light"] body.pvn .contact-card, html[data-theme="light"] body.pvn .blog-card, html[data-theme="light"] body.pvn .side-card, html[data-theme="light"] body.pvn .co-card, html[data-theme="light"] body.pvn .astat, html[data-theme="light"] body.pvn .how-card, html[data-theme="light"] body.pvn .step-item, html[data-theme="light"] body.pvn .legal-content, html[data-theme="light"] body.pvn .faq-group, html[data-theme="light"] body.pvn .rv-card, html[data-theme="light"] body.pvn .quick-order-box, html[data-theme="light"] body.pvn .wa-card, html[data-theme="light"] body.pvn .tg-card {background:#FFFFFF !important;border:1px solid #E6EAF5 !important;box-shadow:0 14px 34px -22px rgba(30,41,99,.35) !important;}
html[data-theme="light"] body.pvn .post-body p, html[data-theme="light"] body.pvn .post-body li, html[data-theme="light"] body.pvn .legal-content p, html[data-theme="light"] body.pvn .legal-content li {color:#46507A;}
html[data-theme="light"] body.pvn .mk-benefit h4, html[data-theme="light"] body.pvn .feat-card h3, html[data-theme="light"] body.pvn .feat-card h4, html[data-theme="light"] body.pvn .contact-card-title, html[data-theme="light"] body.pvn .blog-card h3, html[data-theme="light"] body.pvn .side-card h3, html[data-theme="light"] body.pvn .side-card h4, html[data-theme="light"] body.pvn .legal-content h2, html[data-theme="light"] body.pvn .legal-content h3, html[data-theme="light"] body.pvn .co-card h3, html[data-theme="light"] body.pvn .faq-group-title {color:#0D1330 !important;}
html[data-theme="light"] body.pvn input, html[data-theme="light"] body.pvn select, html[data-theme="light"] body.pvn textarea {background:#FFFFFF !important;color:#0D1330 !important;border-color:#D5DBEF !important;}
html[data-theme="light"] body.pvn .modal {background:#FFFFFF !important;border-color:#E3E8F5 !important;}
html[data-theme="light"] body.pvn .pwa-pop {background:#FFFFFF !important;border-color:#E3E8F5 !important;color:#0D1330;}
html[data-theme="light"] body.pvn .pvn-install {background:linear-gradient(135deg,#EEF2FF,#F5F3FF);border-color:#DCE2F5;}
html[data-theme="light"] body.pvn .pvn-install b {color:#0D1330;}
@media (max-width: 520px) {
  .pvn-nav-in { gap: 8px; }
  .pvn-actions { gap: 6px; }
  .pvn-actions .pvn-btn-gold { width: 40px; height: 40px; padding: 0; }
  .pvn-actions .pvn-btn-gold span { display: none; }
  .pvn-logo { font-size: 1.05rem; gap: 6px; }
  .pvn-logo img { width: 36px; height: 36px; }
  .pvn-burger { width: 40px; height: 40px; }
}

/* v7 — View Details buttons, header install, install popup */
body.pvn .pvn-card .pvn-btn-card, html[data-theme="light"] body.pvn .pvn-card .pvn-btn-card, body.pvn .pvn-light .pvn-card .pvn-btn-card {
  position: relative; height: 46px; border-radius: 13px; font-weight: 700; letter-spacing: .01em;
  border: 1.5px solid transparent !important; color: #fff !important;
  background: linear-gradient(#0E1536, #0E1536) padding-box, linear-gradient(120deg, #A855F7, #3B82F6, #06B6D4) border-box !important;
  box-shadow: 0 8px 22px -14px rgba(59,130,246,.9); transition: background .25s, box-shadow .25s, transform .2s; }
body.pvn .pvn-card .pvn-btn-card .pi { transition: transform .2s; }
body.pvn .pvn-card:hover .pvn-btn-card, body.pvn .pvn-card .pvn-btn-card:hover, body.pvn .pvn-card .pvn-btn-card:focus-visible,
html[data-theme="light"] body.pvn .pvn-card:hover .pvn-btn-card, html[data-theme="light"] body.pvn .pvn-card .pvn-btn-card:hover {
  color: #fff !important; background: linear-gradient(120deg, #9333EA, #3B82F6 55%, #06B6D4) padding-box, linear-gradient(120deg, #9333EA, #3B82F6, #06B6D4) border-box !important;
  box-shadow: 0 14px 30px -12px rgba(59,130,246,.85); }
body.pvn .pvn-card:hover .pvn-btn-card .pi { transform: translateX(3px); }
html[data-theme="light"] body.pvn .pvn-card .pvn-btn-card, body.pvn .pvn-light .pvn-card .pvn-btn-card {
  color: #1E2A6B !important; background: linear-gradient(#FFFFFF, #FFFFFF) padding-box, linear-gradient(120deg, #A855F7, #3B82F6, #06B6D4) border-box !important; box-shadow: 0 8px 20px -16px rgba(30,41,99,.6); }
/* header install */
.pvn-btn-install { color: #fff; border-color: rgba(96,165,250,.35); background: linear-gradient(120deg, rgba(147,51,234,.22), rgba(6,182,212,.18)); }
.pvn-btn-install:hover { border-color: rgba(96,165,250,.7); box-shadow: 0 8px 22px -10px rgba(59,130,246,.8); }
.pvn-btn-install .pi { color: #22D3EE; }
html[data-theme="light"] .pvn-btn-install { color: #1E2A6B; background: linear-gradient(120deg, #F5F3FF, #ECFEFF); border-color: #C7D2FE; }
html[data-theme="light"] .pvn-btn-install .pi { color: #0891B2; }
.pvn-btn-install[hidden] { display: none !important; }
@media (max-width: 1280px) { .pvn-actions .pvn-btn-ghost { width: 42px; padding: 0; } .pvn-actions .pvn-btn-ghost span { display: none; } }
@media (max-width: 1120px) { .pvn-links .pvn-link { padding: 9px 8px; font-size: .88rem; } .pvn-nav-in { gap: 18px; } }
/* install popup */
.pvn-pop { position: fixed; top: calc(var(--nav-h) + 14px); right: 22px; z-index: 99990; width: min(420px, calc(100vw - 24px)); display: flex; gap: 14px; align-items: flex-start; padding: 18px 18px 16px; border-radius: 20px;
  background: linear-gradient(150deg, rgba(30,24,86,.97), rgba(10,18,46,.97)); border: 1px solid rgba(96,165,250,.35); color: #EEF1FF;
  box-shadow: 0 30px 70px -20px rgba(0,0,0,.75), 0 0 0 1px rgba(255,255,255,.04) inset; backdrop-filter: blur(12px);
  transform: translateY(-14px) scale(.98); opacity: 0; pointer-events: none; transition: transform .45s cubic-bezier(.2,.9,.3,1), opacity .35s; }
.pvn-pop.show { transform: none; opacity: 1; pointer-events: auto; }
.pvn-pop::before { content: ""; position: absolute; inset: 0 0 auto; height: 3px; border-radius: 20px 20px 0 0; background: linear-gradient(90deg, #A855F7, #3B82F6, #06B6D4); }
.pvn-pop img { width: 54px; height: 54px; border-radius: 50%; flex-shrink: 0; box-shadow: 0 8px 22px -6px rgba(59,130,246,.8); }
.pvn-pop-t { flex: 1; min-width: 0; }
.pvn-pop-t b { display: block; font: 700 1rem/1.3 var(--pv-display); color: #fff; padding-right: 22px; }
.pvn-pop-t span { display: block; margin-top: 4px; font-size: .84rem; line-height: 1.5; color: #B4BCDD; }
.pvn-pop-a { display: flex; gap: 8px; margin-top: 12px; }
.pvn-pop-i { display: inline-flex; align-items: center; gap: 7px; height: 38px; padding: 0 16px; border: 0; border-radius: 11px; cursor: pointer; color: #fff; font: 700 .86rem/1 'Inter', sans-serif; background: linear-gradient(120deg, #9333EA, #3B82F6, #06B6D4); box-shadow: 0 10px 22px -10px rgba(59,130,246,.9); }
.pvn-pop-i svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }
.pvn-pop-n { height: 38px; padding: 0 14px; border-radius: 11px; cursor: pointer; color: #B4BCDD; background: transparent; border: 1px solid rgba(96,165,250,.3); font: 600 .84rem/1 'Inter', sans-serif; }
.pvn-pop-n:hover { color: #fff; border-color: rgba(96,165,250,.6); }
.pvn-pop-x { position: absolute; top: 10px; right: 10px; width: 28px; height: 28px; border-radius: 50%; border: 0; cursor: pointer; color: #B4BCDD; background: rgba(255,255,255,.08); font-size: 18px; line-height: 1; }
.pvn-pop-x:hover { color: #fff; background: rgba(255,255,255,.16); }
html[data-theme="light"] .pvn-pop { background: rgba(255,255,255,.98); border-color: #DCE2F5; color: #0D1330; box-shadow: 0 30px 70px -24px rgba(30,41,99,.45); }
html[data-theme="light"] .pvn-pop-t b { color: #0D1330; } html[data-theme="light"] .pvn-pop-t span { color: #46507A; }
html[data-theme="light"] .pvn-pop-n { color: #46507A; border-color: #D5DBEF; } html[data-theme="light"] .pvn-pop-x { color: #46507A; background: #F1F4FF; }
body.pvn .pwa-pop { display: none !important; }
@media (max-width: 640px) { .pvn-pop { right: 12px; left: 12px; width: auto; top: calc(var(--nav-h) + 10px); } }
@media (prefers-reduced-motion: reduce) { .pvn-pop { transition: opacity .2s; transform: none; } }
.pvn-link { white-space: nowrap; }
@media (max-width: 1440px) { .pvn-actions .pvn-btn-ghost { width: 42px; padding: 0; } .pvn-actions .pvn-btn-ghost span { display: none; } }

/* v8 — header WhatsApp button: solid brand green, crisp */
body.pvn .pvn-actions .pvn-btn-ghost { color: #fff !important; background: linear-gradient(135deg, #25D366, #128C7E) !important; border: 1px solid rgba(255,255,255,.18) !important;
  box-shadow: 0 8px 22px -10px rgba(37,211,102,.85), inset 0 1px 0 rgba(255,255,255,.25) !important; opacity: 1 !important; filter: none !important; }
body.pvn .pvn-actions .pvn-btn-ghost .pi { color: #fff !important; width: 20px; height: 20px; opacity: 1; }
body.pvn .pvn-actions .pvn-btn-ghost:hover { transform: translateY(-1px); box-shadow: 0 12px 28px -10px rgba(37,211,102,1), inset 0 1px 0 rgba(255,255,255,.3) !important; }
html[data-theme="light"] body.pvn .pvn-actions .pvn-btn-ghost { color: #fff !important; background: linear-gradient(135deg, #25D366, #128C7E) !important; border-color: transparent !important; }