/* ===== Kompyuter videokursi e'loni (tezyoz-vk.js) — A/B/C sinovi. AVTOMATIK YIG'ILGAN: _i18n_work/vk_ab/build_vk.py
   A = Kursgacha/Kursdan keyin surgichi, B = 10 ko'nikma plitkalari, C = Kompyuter sizga nima beradi (kimsiz?).
   Tahrir a.css/b.css/c.css da qilinadi, keyin skript qayta ishga tushiriladi. ===== */
/* tabrik oynalaridagi bitta qator (umumiy) */
.ovk-line { display:flex; align-items:center; justify-content:center; gap:6px 12px; flex-wrap:wrap; margin-top:14px; padding-top:12px; border-top:1px solid var(--border); font-size:13.5px; color:var(--muted); }
.ovk-line a { font-weight:800; color:var(--accent); }

/* ---------- variant A ---------- */
.ovk.ovk-va { --ink:#141b3d; --pyl:#ffd23f; --gr:#eceef3; --grt:#6b7186; position:relative; margin:24px 0; padding:18px 20px 16px; border-radius:20px; background:var(--surface, #fff); border:1px solid var(--border, #e3e6ee); color:var(--text, #141b3d); overflow:hidden; isolation:isolate; }
:root[data-theme="dark"] .ovk.ovk-va { --gr:#1f2436; --grt:#8a91ab; }
.tz-grid > .ovk.ovk-va { grid-column:1 / -1; margin:0; }
.ovk-va .ovk-x { position:absolute; top:12px; right:12px; width:30px; height:30px; border:none; border-radius:9px; background:var(--gr); color:var(--grt); display:grid; place-items:center; cursor:pointer; z-index:3; }
.ovk-va .ovk-x:hover { color:var(--text, #141b3d); }
.ovk-va .ovk-x svg { width:14px; height:14px; fill:none; stroke:currentColor; stroke-width:2.4; stroke-linecap:round; }
.ovk-va .ovk-hd { padding-right:40px; margin-bottom:12px; }
.ovk-va .ovk-top { display:flex; flex-wrap:wrap; align-items:center; gap:6px 10px; }
.ovk-va .ovk-kick { display:inline-block; padding:4px 9px; border-radius:7px; background:var(--ink); color:#fff; font:800 11px var(--font-display),system-ui; letter-spacing:.09em; text-transform:uppercase; }
.ovk-va .ovk-h { margin:8px 0 0; font:900 clamp(19px, 2.1vw, 25px)/1.1 var(--font-display),system-ui; letter-spacing:-.01em; text-transform:uppercase; color:var(--text, #141b3d); }
.ovk-va .ovk-h em { font-style:normal; padding:0 .18em; border-radius:6px; background:var(--pyl); color:var(--ink); -webkit-box-decoration-break:clone; box-decoration-break:clone; }
.ovk-va .ovk-uq { padding:3px 9px; border:2px solid var(--ink); border-radius:8px; transform:rotate(-2deg); font:900 11px/1.25 var(--font-display),system-ui; letter-spacing:.03em; text-transform:uppercase; color:var(--ink); background:var(--pyl); }
.ovk-va .ovk-cmp { --p:50%; position:relative; display:grid; border-radius:16px; overflow:hidden; cursor:ew-resize; touch-action:pan-y; user-select:none; -webkit-user-select:none; }
.ovk-va .ovk-ly { grid-area:1 / 1; display:flex; flex-direction:column; padding:36px 16px 12px; }
.ovk-va .ovk-b { background:var(--gr); color:var(--grt); }
.ovk-va .ovk-a { background:var(--ink); color:#fff; clip-path:inset(0 0 0 var(--p)); }
.ovk-va .ovk-lb { position:absolute; top:10px; padding:3px 9px; border-radius:20px; font:900 11px var(--font-display),system-ui; letter-spacing:.1em; text-transform:uppercase; }
.ovk-va .ovk-b .ovk-lb { left:14px; background:rgba(107,113,134,.16); color:var(--grt); }
.ovk-va .ovk-a .ovk-lb { right:14px; background:var(--pyl); color:var(--ink); }
.ovk-va .ovk-ly ul { margin:0; padding:0; list-style:none; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); grid-auto-rows:minmax(0,1fr); gap:8px 16px; flex:1; }
.ovk-va .ovk-ly li { display:flex; gap:8px; align-items:center; font-size:13px; line-height:1.3; }
.ovk-va .ovk-a li { font-weight:700; }
.ovk-va .ovk-ic { flex:none; display:grid; place-items:center; width:22px; height:22px; border-radius:50%; }
.ovk-va .ovk-ic svg { width:14px; height:14px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.ovk-va .ovk-b .ovk-ic { background:rgba(107,113,134,.14); }
.ovk-va .ovk-a .ovk-ic { background:var(--pyl); color:var(--ink); }
.ovk-va .ovk-a .ovk-ic svg { stroke-width:2.8; }
.ovk-va .ovk-hd2 { position:absolute; top:0; bottom:0; left:var(--p); width:0; z-index:2; outline:none; }
.ovk-va .ovk-hd2::before { content:""; position:absolute; top:0; bottom:0; left:-1.5px; width:3px; background:var(--pyl); }
.ovk-va .ovk-kn { position:absolute; top:50%; left:0; display:grid; place-items:center; width:38px; height:38px; margin:-19px 0 0 -19px; border-radius:50%; background:var(--pyl); color:var(--ink); border:3px solid var(--ink); box-shadow:0 4px 14px rgba(20,27,61,.3); transition:transform .15s; }
.ovk-va .ovk-kn svg { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:2.6; stroke-linecap:round; stroke-linejoin:round; }
.ovk-va .ovk-cmp:hover .ovk-kn, .ovk-va .ovk-hd2:focus-visible .ovk-kn { transform:scale(1.08); }
.ovk-va .ovk-hd2:focus-visible .ovk-kn { outline:3px solid var(--accent, #5b5bd6); outline-offset:2px; }
.ovk-va .ovk-hint { position:absolute; bottom:8px; left:0; transform:translateX(-50%); padding:3px 8px; border-radius:6px; background:var(--ink); color:#fff; font:800 11px var(--font-display),system-ui; white-space:nowrap; pointer-events:none; transition:opacity .3s; }
.ovk-va .ovk-cmp.used .ovk-hint { opacity:0; }
.ovk-va .ovk-ft { display:flex; align-items:center; justify-content:space-between; gap:10px 18px; flex-wrap:wrap; margin-top:12px; }
.ovk-va .ovk-more { flex:1 1 240px; margin:0; font-size:13px; line-height:1.4; color:var(--muted, #5d647a); }
.ovk-va .ovk-cta { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.ovk-va .ovk-b1, .ovk-va .ovk-b2 { display:inline-flex; align-items:center; justify-content:center; gap:8px; height:46px; padding:0 17px; border-radius:12px; font:800 14.5px var(--font-display),system-ui; text-decoration:none; transition:transform .12s, background .12s, border-color .12s; }
.ovk-va .ovk-b1 { background:var(--ink); color:#fff; }
.ovk-va .ovk-b1:hover { color:#fff; text-decoration:none; transform:translateY(-1px); background:#232c5c; }
:root[data-theme="dark"] .ovk-va .ovk-b1 { background:var(--pyl); color:var(--ink); }
.ovk-va .ovk-pi { flex:none; width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:2.3; stroke-linejoin:round; stroke-linecap:round; transition:transform .2s; }
.ovk-va .ovk-b1:hover .ovk-pi { transform:translateX(3px); }
.ovk-va .ovk-b2 { border:1.5px solid var(--border, #d8dce6); color:var(--text, #141b3d); }
.ovk-va .ovk-b2 svg { flex:none; width:17px; height:17px; fill:none; stroke:currentColor; stroke-width:1.9; stroke-linejoin:round; stroke-linecap:round; }
.ovk-va .ovk-b2:hover { color:var(--text, #141b3d); text-decoration:none; border-color:var(--text, #141b3d); }
.ovk-va .ovk-price { --stub:44px; display:inline-flex; }
.ovk-va .ovk-tk { display:flex; align-items:stretch; height:46px; border-radius:12px; overflow:hidden; background:var(--ink);
  -webkit-mask:radial-gradient(circle 8px at calc(100% - var(--stub)) 0, #0000 96%, #000 100%), radial-gradient(circle 8px at calc(100% - var(--stub)) 100%, #0000 96%, #000 100%);
  -webkit-mask-composite:source-in;
  mask:radial-gradient(circle 8px at calc(100% - var(--stub)) 0, #0000 96%, #000 100%), radial-gradient(circle 8px at calc(100% - var(--stub)) 100%, #0000 96%, #000 100%);
  mask-composite:intersect; }
.ovk-va .ovk-pm { display:flex; flex-direction:column; justify-content:center; padding:0 14px 0 15px; line-height:1.05; color:#fff; }
.ovk-va .ovk-pm small { font:800 9px var(--font-display),system-ui; letter-spacing:.14em; text-transform:uppercase; color:#aab3d6; }
.ovk-va .ovk-pm b { margin-top:3px; font:900 19px var(--font-display),system-ui; letter-spacing:-.015em; white-space:nowrap; }
.ovk-va .ovk-pm b i { font-style:normal; font-size:12.5px; font-weight:800; color:#aab3d6; }
.ovk-va .ovk-ps { flex:none; display:grid; place-items:center; width:var(--stub); color:var(--ink); background:var(--pyl) repeating-linear-gradient(#0000 0 4px, rgba(20,27,61,.35) 4px 8px) left / 1.5px 100% no-repeat; }
.ovk-va .ovk-ps svg { width:21px; height:21px; fill:none; stroke:currentColor; stroke-width:1.9; stroke-linejoin:round; stroke-linecap:round; }
@media (max-width:1100px){
.ovk-va .ovk-ly ul { grid-template-columns:repeat(2,minmax(0,1fr)); }
.ovk-va .ovk-ly li:nth-child(9) { grid-column:1 / -1; }

}
@media (max-width:820px){
.ovk.ovk-va { padding:14px 14px 14px; border-radius:18px; }
.ovk-va .ovk-hd { padding-right:34px; margin-bottom:10px; }
.ovk-va .ovk-h { font-size:min(22px, 5.8vw); }
.ovk-va .ovk-ly { padding:32px 10px 10px; }
.ovk-va .ovk-lb { top:8px; font-size:10px; }
.ovk-va .ovk-b .ovk-lb { left:10px; }
.ovk-va .ovk-a .ovk-lb { right:10px; }
.ovk-va .ovk-ly ul { grid-template-columns:1fr; gap:5px; }
.ovk-va .ovk-ly li:nth-child(9) { grid-column:auto; }
.ovk-va .ovk-ly li { gap:7px; font-size:12.5px; line-height:1.25; }
.ovk-va .ovk-ic { width:19px; height:19px; }
.ovk-va .ovk-ic svg { width:12px; height:12px; }
.ovk-va .ovk-kn { width:34px; height:34px; margin:-17px 0 0 -17px; }
.ovk-va .ovk-ft { margin-top:10px; gap:8px; }
.ovk-va .ovk-more { flex-basis:100%; font-size:12.5px; }
.ovk-va .ovk-cta { width:100%; gap:8px; }
.ovk-va .ovk-b1 { flex:1 1 100%; order:-1; }
.ovk-va .ovk-b2 { flex:1 1 auto; padding:0 12px; }
.ovk-va .ovk-price { --stub:36px; }
.ovk-va .ovk-pm { padding:0 10px 0 12px; }
.ovk-va .ovk-pm b { font-size:17px; }
.ovk-va .ovk-ps svg { width:18px; height:18px; }

}
@media (max-width:560px){
.ovk-va .ovk-kick, .ovk-va .ovk-more { display:none; }
.ovk-va .ovk-uq { font-size:10px; }
.ovk-va .ovk-h { margin-top:7px; }
.ovk-va .ovk-ly li { font-size:12px; }

}
@media (prefers-reduced-motion:reduce){
.ovk-va .ovk-b1, .ovk-va .ovk-pi, .ovk-va .ovk-kn, .ovk-va .ovk-hint { transition:none; }
 }


/* ---------- variant B ---------- */
.ovk.ovk-vb { --pbg:#141b3d; --pyl:#ffd23f; position:relative; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,430px); align-items:center; gap:28px; margin:24px 0; padding:24px 26px 24px 28px; border-radius:20px; background:var(--pbg); color:#fff; overflow:hidden; isolation:isolate; }
.tz-grid > .ovk.ovk-vb { grid-column:1 / -1; margin:0; }
.ovk-vb .ovk-x { position:absolute; top:10px; right:10px; width:30px; height:30px; border:none; border-radius:9px; background:rgba(255,255,255,.08); color:#cfd5ea; display:grid; place-items:center; cursor:pointer; z-index:2; }
.ovk-vb .ovk-x:hover { background:rgba(255,255,255,.16); color:#fff; }
.ovk-vb .ovk-x svg { width:14px; height:14px; fill:none; stroke:currentColor; stroke-width:2.4; stroke-linecap:round; }
.ovk-vb .ovk-tx { min-width:0; container-type:inline-size; }
.ovk-vb .ovk-top { display:flex; flex-wrap:wrap; align-items:center; gap:6px 10px; }
.ovk-vb .ovk-kick { display:inline-block; padding:4px 9px; border-radius:7px; background:rgba(255,255,255,.1); color:#dfe4f5; font:800 11px var(--font-display),system-ui; letter-spacing:.09em; text-transform:uppercase; }
.ovk-vb .ovk-uq { display:inline-flex; align-items:center; gap:7px; color:var(--pyl); font:800 12.5px/1.3 var(--font-display),system-ui; }
.ovk-vb .ovk-uq i { flex:none; width:7px; height:7px; border-radius:50%; background:var(--pyl); box-shadow:0 0 0 0 rgba(255,210,63,.55); animation:ovkPulse_b 2.2s infinite; }
@keyframes ovkPulse_b { 0% { box-shadow:0 0 0 0 rgba(255,210,63,.55); } 70%,100% { box-shadow:0 0 0 8px rgba(255,210,63,0); } }
.ovk-vb .ovk-h { margin:12px 0 10px; font:900 min(34px, 7.4cqw)/1.06 var(--font-display),system-ui; letter-spacing:-.01em; text-transform:uppercase; color:#fff; }
.ovk-vb .ovk-h em { font-style:normal; color:var(--pyl); }
.ovk-vb .ovk-sub { margin:0 0 16px; max-width:520px; font-size:14.5px; line-height:1.5; color:#c9d0e8; }
.ovk-vb .ovk-cta { display:flex; align-items:center; gap:10px 12px; flex-wrap:wrap; }
.ovk-vb .ovk-b1, .ovk-vb .ovk-b2 { display:inline-flex; align-items:center; gap:8px; padding:11px 17px; border-radius:12px; font:800 14.5px var(--font-display),system-ui; text-decoration:none; transition:transform .12s, background .12s, border-color .12s; }
.ovk-vb .ovk-b1 { background:var(--pyl); color:#141b3d; }
.ovk-vb .ovk-b1:hover { color:#141b3d; text-decoration:none; transform:translateY(-1px); background:#ffdc66; }
.ovk-vb .ovk-pi { flex:none; width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:2.3; stroke-linejoin:round; stroke-linecap:round; transition:transform .2s; }
.ovk-vb .ovk-b1:hover .ovk-pi { transform:translateX(3px); }
.ovk-vb .ovk-b2 { border:1.5px solid rgba(255,255,255,.35); color:#fff; }
.ovk-vb .ovk-b2 svg { flex:none; width:17px; height:17px; fill:none; stroke:currentColor; stroke-width:1.9; stroke-linejoin:round; stroke-linecap:round; }
.ovk-vb .ovk-b2:hover { color:#fff; text-decoration:none; border-color:#fff; }
.ovk-vb .ovk-price { --stub:44px; display:inline-flex; }
.ovk-vb .ovk-tk { display:flex; align-items:stretch; height:50px; border-radius:12px; overflow:hidden; background:#fff;
  -webkit-mask:radial-gradient(circle 8px at calc(100% - var(--stub)) 0, #0000 96%, #000 100%), radial-gradient(circle 8px at calc(100% - var(--stub)) 100%, #0000 96%, #000 100%);
  -webkit-mask-composite:source-in;
  mask:radial-gradient(circle 8px at calc(100% - var(--stub)) 0, #0000 96%, #000 100%), radial-gradient(circle 8px at calc(100% - var(--stub)) 100%, #0000 96%, #000 100%);
  mask-composite:intersect; }
.ovk-vb .ovk-pm { display:flex; flex-direction:column; justify-content:center; padding:0 14px 0 15px; line-height:1.05; color:#141b3d; }
.ovk-vb .ovk-pm small { font:800 9px var(--font-display),system-ui; letter-spacing:.14em; text-transform:uppercase; color:#7a819e; }
.ovk-vb .ovk-pm b { margin-top:3px; font:900 20px var(--font-display),system-ui; letter-spacing:-.015em; white-space:nowrap; }
.ovk-vb .ovk-pm b i { font-style:normal; font-size:12.5px; font-weight:800; color:#7a819e; }
.ovk-vb .ovk-ps { flex:none; display:grid; place-items:center; width:var(--stub); color:#141b3d; }
.ovk-vb .ovk-ps { background:var(--pyl) repeating-linear-gradient(#0000 0 4px, rgba(20,27,61,.35) 4px 8px) left / 1.5px 100% no-repeat; }
.ovk-vb .ovk-ps svg { width:21px; height:21px; fill:none; stroke:currentColor; stroke-width:1.9; stroke-linejoin:round; stroke-linecap:round; }
.ovk-vb .ovk-sk { min-width:0; padding:16px 16px 14px; border-radius:16px; background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.09); margin-right:22px; }
.ovk-vb .ovk-gt { display:flex; align-items:baseline; justify-content:space-between; gap:10px; font:900 12px var(--font-display),system-ui; letter-spacing:.08em; text-transform:uppercase; color:#dfe4f5; }
.ovk-vb .ovk-cn { flex:none; font:900 15px var(--font-display),system-ui; letter-spacing:0; color:var(--pyl); font-variant-numeric:tabular-nums; }
.ovk-vb .ovk-bar { height:4px; margin:9px 0 12px; border-radius:4px; background:rgba(255,255,255,.1); overflow:hidden; }
.ovk-vb .ovk-bar i { display:block; width:0; height:100%; border-radius:4px; background:var(--pyl); transition:width .35s ease; }
.ovk-vb .ovk-g { margin:0; padding:0; list-style:none; display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:8px; }
.ovk-vb .ovk-t { position:relative; display:flex; flex-direction:column; align-items:center; gap:7px; min-width:0; padding:11px 4px 9px; border-radius:12px; background:rgba(255,255,255,.04); border:1.5px solid rgba(255,255,255,.08); text-align:center; transition:border-color .25s, background .25s; }
.ovk-vb .ovk-ti { display:grid; place-items:center; width:34px; height:34px; border-radius:10px; background:rgba(255,255,255,.08); color:#cfd5ea; transition:background .25s, color .25s, transform .25s; }
.ovk-vb .ovk-ti svg { width:19px; height:19px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linejoin:round; stroke-linecap:round; }
.ovk-vb .ovk-lt { display:grid; place-items:center; width:22px; height:22px; border-radius:5px; color:#fff; font:900 13px/1 var(--font-display),system-ui; }
.ovk-vb .ovk-tn { font:700 11px/1.2 var(--font-display),system-ui; color:#c9d0e8; overflow-wrap:normal; word-break:normal; transition:color .25s; }
.ovk-vb .ovk-tn small { display:block; margin-top:2px; font-size:10px; font-weight:700; color:#8f98bd; }
.ovk-vb .ovk-ck { position:absolute; top:-6px; right:-6px; width:18px; height:18px; padding:3px; border-radius:50%; background:var(--pyl); fill:none; stroke:#141b3d; stroke-width:3.4; stroke-linecap:round; stroke-linejoin:round; opacity:0; transform:scale(.4); transition:opacity .2s, transform .25s cubic-bezier(.3,1.6,.5,1); }
.ovk-vb .ovk-t.on { border-color:rgba(255,210,63,.75); background:rgba(255,210,63,.08); }
.ovk-vb .ovk-t.on .ovk-ti { background:rgba(255,210,63,.16); color:var(--pyl); transform:scale(1.06); }
.ovk-vb .ovk-t.on .ovk-tn { color:#fff; }
.ovk-vb .ovk-t.on .ovk-ck { opacity:1; transform:scale(1); }
.ovk-vb .ovk-more .ovk-ti { background:var(--pyl); color:#141b3d; }
.ovk-vb .ovk-more .ovk-tn { color:var(--pyl); }
.ovk-vb .ovk-t.ovk-more.on .ovk-ti { background:var(--pyl); color:#141b3d; }
@media (max-width:1100px){
.ovk.ovk-vb { grid-template-columns:1fr; gap:18px; padding:22px 22px; }
.ovk-vb .ovk-tx { padding-right:30px; }
.ovk-vb .ovk-sk { margin-right:0; }

}
@media (max-width:820px){
.ovk.ovk-vb { padding:18px 16px; gap:14px; }
.ovk-vb .ovk-tx { padding-right:24px; }
.ovk-vb .ovk-h { margin-top:10px; font-size:min(30px, 8cqw); }
.ovk-vb .ovk-sub { font-size:14px; }
.ovk-vb .ovk-b1, .ovk-vb .ovk-b2 { flex:1 1 auto; justify-content:center; }
.ovk-vb .ovk-cta { gap:10px; }
.ovk-vb .ovk-price { --stub:36px; }
.ovk-vb .ovk-tk { height:46px; }
.ovk-vb .ovk-pm { padding:0 10px 0 12px; }
.ovk-vb .ovk-pm b { font-size:17px; }
.ovk-vb .ovk-ps svg { width:18px; height:18px; }
.ovk-vb .ovk-sk { padding:12px; }
.ovk-vb .ovk-g { display:flex; flex-wrap:wrap; gap:6px; }
.ovk-vb .ovk-t { flex-direction:row; gap:6px; padding:4px 9px 4px 4px; border-radius:10px; text-align:left; }
.ovk-vb .ovk-ti { width:24px; height:24px; border-radius:7px; }
.ovk-vb .ovk-ti svg { width:14px; height:14px; }
.ovk-vb .ovk-lt { width:16px; height:16px; border-radius:4px; font-size:10px; }
.ovk-vb .ovk-tn { font-size:12px; }
.ovk-vb .ovk-tn small { display:inline; margin:0 0 0 4px; font-size:11px; }
.ovk-vb .ovk-ck { top:-5px; right:-5px; width:15px; height:15px; padding:2.5px; }

}
@media (max-width:1100px){
.ovk-vb .ovk-sub { display:none; }
.ovk-vb .ovk-h { margin-bottom:14px; }
 }
@media (max-width:560px){
.ovk-vb .ovk-kick { display:none; }
.ovk-vb .ovk-uq { font-size:11.5px; }
.ovk-vb .ovk-h { margin:8px 0 12px; font-size:min(24px, 6.4vw); }
.ovk-vb .ovk-b1 { flex:1 1 100%; }
.ovk-vb .ovk-b2 { flex:1 1 auto; justify-content:center; }
.ovk-vb .ovk-sk { padding:10px; }
.ovk-vb .ovk-gt { font-size:10.5px; }
.ovk-vb .ovk-bar { margin:7px 0 9px; }
.ovk-vb .ovk-g { gap:5px; }
.ovk-vb .ovk-t { padding:3px 8px 3px 3px; }
.ovk-vb .ovk-ti { width:22px; height:22px; }
.ovk-vb .ovk-tn { font-size:11.5px; }
.ovk-vb .ovk-tn small { display:none; }

}
@media (prefers-reduced-motion:reduce){
.ovk-vb .ovk-b1, .ovk-vb .ovk-pi, .ovk-vb .ovk-t, .ovk-vb .ovk-ti, .ovk-vb .ovk-ck, .ovk-vb .ovk-bar i { transition:none; }
.ovk-vb .ovk-uq i { animation:none; }
 }


/* ---------- variant C ---------- */
.ovk.ovk-vc { --ink:#141b3d; --pyl:#ffd23f; position:relative; margin:24px 0; padding:18px 20px 16px; border-radius:20px; background:var(--pyl); color:var(--ink); overflow:hidden; isolation:isolate; }
.tz-grid > .ovk.ovk-vc { grid-column:1 / -1; margin:0; }
.ovk-vc .ovk-x { position:absolute; top:12px; right:12px; width:30px; height:30px; border:none; border-radius:9px; background:rgba(20,27,61,.1); color:var(--ink); display:grid; place-items:center; cursor:pointer; z-index:3; }
.ovk-vc .ovk-x:hover { background:rgba(20,27,61,.18); }
.ovk-vc .ovk-x svg { width:14px; height:14px; fill:none; stroke:currentColor; stroke-width:2.4; stroke-linecap:round; }
.ovk-vc .ovk-top { display:flex; flex-wrap:wrap; align-items:center; gap:6px 10px; padding-right:40px; }
.ovk-vc .ovk-kick { display:inline-block; padding:4px 9px; border-radius:7px; background:var(--ink); color:#fff; font:800 11px var(--font-display),system-ui; letter-spacing:.09em; text-transform:uppercase; }
.ovk-vc .ovk-uq { font:900 11.5px/1.25 var(--font-display),system-ui; letter-spacing:.04em; text-transform:uppercase; color:var(--ink); }
.ovk-vc .ovk-uq::before { content:"★ "; }
.ovk-vc .ovk-main { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.15fr); gap:18px; align-items:stretch; margin-top:12px; }
.ovk-vc .ovk-h { margin:0 0 12px; font:900 clamp(22px, 2.5vw, 30px)/1.06 var(--font-display),system-ui; letter-spacing:-.01em; text-transform:uppercase; color:var(--ink); }
.ovk-vc .ovk-h em { font-style:normal; padding:0 .16em; border-radius:6px; background:var(--ink); color:var(--pyl); -webkit-box-decoration-break:clone; box-decoration-break:clone; }
.ovk-vc .ovk-who { display:block; margin-bottom:7px; font:900 11px var(--font-display),system-ui; letter-spacing:.1em; text-transform:uppercase; opacity:.7; }
.ovk-vc .ovk-tabs { display:flex; flex-wrap:wrap; gap:6px; }
.ovk-vc .ovk-tab { padding:8px 13px; border-radius:10px; border:2px solid var(--ink); background:transparent; color:var(--ink); font:800 13.5px var(--font-display),system-ui; cursor:pointer; transition:background .15s, color .15s; }
.ovk-vc .ovk-tab:hover { background:rgba(20,27,61,.08); }
.ovk-vc .ovk-tab[aria-selected="true"] { background:var(--ink); color:#fff; }
.ovk-vc .ovk-tab:focus-visible { outline:3px solid #fff; outline-offset:2px; }
.ovk-vc .ovk-pn { display:flex; flex-direction:column; justify-content:center; gap:12px; padding:16px 18px; border-radius:16px; background:#fff; border:2px solid var(--ink); box-shadow:5px 5px 0 var(--ink); }
.ovk-vc .ovk-pt { margin:0; font:700 15px/1.45 var(--font-body, system-ui),system-ui; color:var(--ink); animation:ovkIn_c .35s ease; }
@keyframes ovkIn_c { from { opacity:0; transform:translateY(6px); } to { opacity:1; transform:none; } }
.ovk-vc .ovk-chips { display:flex; flex-wrap:wrap; gap:6px; }
.ovk-vc .ovk-chip { display:inline-flex; align-items:center; gap:7px; padding:3px 10px 3px 4px; white-space:nowrap; border-radius:11px; background:#fff; border:1.5px solid rgba(20,27,61,.14); font:800 12.5px var(--font-display),system-ui; color:var(--ink); }
.ovk-vc .ovk-ci { flex:none; display:grid; place-items:center; width:26px; height:26px; }
.ovk-vc .ovk-ci svg { width:26px; height:26px; display:block; }
.ovk-vc .ovk-ft { display:flex; align-items:center; justify-content:space-between; gap:10px 18px; flex-wrap:wrap; margin-top:14px; }
.ovk-vc .ovk-all { flex:1 1 260px; margin:0; font-size:13px; line-height:1.4; color:var(--ink); opacity:.8; }
.ovk-vc .ovk-cta { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.ovk-vc .ovk-b1, .ovk-vc .ovk-b2 { display:inline-flex; align-items:center; justify-content:center; gap:8px; height:46px; padding:0 17px; border-radius:12px; font:800 14.5px var(--font-display),system-ui; text-decoration:none; transition:transform .12s, background .12s; }
.ovk-vc .ovk-b1 { background:var(--ink); color:#fff; }
.ovk-vc .ovk-b1:hover { color:#fff; text-decoration:none; transform:translateY(-1px); background:#232c5c; }
.ovk-vc .ovk-pi { flex:none; width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:2.3; stroke-linejoin:round; stroke-linecap:round; transition:transform .2s; }
.ovk-vc .ovk-b1:hover .ovk-pi { transform:translateX(3px); }
.ovk-vc .ovk-b2 { border:2px solid var(--ink); color:var(--ink); }
.ovk-vc .ovk-b2 svg { flex:none; width:17px; height:17px; fill:none; stroke:currentColor; stroke-width:1.9; stroke-linejoin:round; stroke-linecap:round; }
.ovk-vc .ovk-b2:hover { color:var(--ink); text-decoration:none; background:rgba(20,27,61,.08); }
.ovk-vc .ovk-price { position:relative; display:inline-flex; margin:0 6px 0 2px; }
.ovk-vc .ovk-tk { display:flex; align-items:center; height:46px; padding:0 14px; border-radius:12px; background:#fff; border:2px solid var(--ink); box-shadow:4px 4px 0 var(--ink); }
.ovk-vc .ovk-pm { display:block; line-height:1; color:var(--ink); }
.ovk-vc .ovk-pm small { position:absolute; top:-9px; left:10px; padding:2px 7px; border-radius:6px; background:var(--ink); color:var(--pyl); font:900 9.5px/1.3 var(--font-display),system-ui; letter-spacing:.12em; text-transform:uppercase; white-space:nowrap; }
.ovk-vc .ovk-pm b { display:block; margin-top:3px; font:900 23px var(--font-display),system-ui; letter-spacing:-.02em; white-space:nowrap; }
.ovk-vc .ovk-pm b i { font-style:normal; font-size:13px; font-weight:800; letter-spacing:0; color:#5d647a; }
.ovk-vc .ovk-ps { display:none; }
@media (max-width:1150px){
.ovk-vc .ovk-main { grid-template-columns:1fr; gap:12px; }
.ovk-vc .ovk-h { margin-bottom:10px; }

}
@media (max-width:820px){
.ovk.ovk-vc { padding:14px; border-radius:18px; }
.ovk-vc .ovk-top { padding-right:34px; }
.ovk-vc .ovk-h { font-size:min(24px, 6.2vw); }
.ovk-vc .ovk-tab { padding:6px 10px; font-size:12.5px; }
.ovk-vc .ovk-pn { padding:12px 13px; gap:9px; box-shadow:4px 4px 0 var(--ink); }
.ovk-vc .ovk-pt { font-size:13.5px; }
.ovk-vc .ovk-ft { margin-top:12px; gap:8px; }
.ovk-vc .ovk-all { flex-basis:100%; font-size:12.5px; }
.ovk-vc .ovk-cta { width:100%; gap:8px; }
.ovk-vc .ovk-b1 { flex:1 1 100%; order:-1; }
.ovk-vc .ovk-b2 { flex:1 1 auto; padding:0 12px; }
.ovk-vc .ovk-cta { row-gap:14px; }
.ovk-vc .ovk-tk { box-shadow:3px 3px 0 var(--ink); padding:0 12px; }
.ovk-vc .ovk-pm b { font-size:20px; }
.ovk-vc .ovk-ci, .ovk-vc .ovk-ci svg { width:24px; height:24px; }

}
@media (max-width:560px){
.ovk-vc .ovk-chips { gap:5px; }
.ovk-vc .ovk-chip { gap:5px; padding:2px 8px 2px 3px; font-size:11.5px; border-radius:9px; }
.ovk-vc .ovk-ci, .ovk-vc .ovk-ci svg { width:20px !important; height:20px !important; }
.ovk-vc .ovk-kick, .ovk-vc .ovk-all { display:none; }
.ovk-vc .ovk-uq { font-size:10.5px; }
.ovk-vc .ovk-main { margin-top:8px; }

}
@media (min-width:1151px) and (max-width:1320px){
.ovk-vc .ovk-pn { padding:14px; }
.ovk-vc .ovk-chips { gap:5px; }
.ovk-vc .ovk-chip { gap:6px; padding:3px 8px 3px 3px; font-size:12px; }

}
@media (max-width:560px){
.ovk-vc .ovk-chips { display:grid; grid-template-columns:1fr 1fr; }
.ovk-vc .ovk-chip:nth-child(3) { grid-column:1 / -1; }

}
@media (prefers-reduced-motion:reduce){
.ovk-vc .ovk-pt { animation:none; }
.ovk-vc .ovk-b1, .ovk-vc .ovk-pi, .ovk-vc .ovk-tab { transition:none; }
 }