/* SONTE Landing & Post-Login — shared styles
   Builds on ui_kits/b2b_portal/styles.css; this file adds landing-specific bits */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap");

:root{
  --blue:#53a7db; --turq:#0cb4ce; --dark:#141618; --dark2:#1b1d1f;
  --bg:#fff; --bg-soft:#fafafa; --bg-mute:#f7f7f7; --bd:#ececec;
  --yellow:#ffc42e; --orange:#ff7a00; --green:#00e676;
  --mute:#6b7480;
  --font:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  --mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  --grad:linear-gradient(90deg,var(--accent,#53a7db),var(--accent2,#0cb4ce));
  --grad-dark:linear-gradient(135deg,#0d1418 0%,#141618 60%,#1b2630 100%);
}
*,*::before,*::after{box-sizing:border-box;}
html,body{margin:0;padding:0;}
body{font-family:var(--font);color:var(--dark);background:#fff;-webkit-font-smoothing:antialiased;}
button{font-family:inherit;cursor:pointer;border:0;background:none;}
a{color:var(--accent,#53a7db);text-decoration:none;transition:color .15s;}
a:hover{color:var(--accent2,#0cb4ce);}

/* ===== Variant 1: Operator Console ===== */
.v-oc{background:#0a0e10;color:#f4f6f8;min-height:1500px;}
.v-oc .hdr{background:rgba(13,20,24,.85);border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(12px);position:sticky;top:0;z-index:50;}
.v-oc .hdr-in{display:flex;align-items:center;justify-content:space-between;padding:18px 56px;}
.v-oc .hdr-logo{height:28px;filter:brightness(0) invert(1);}
.v-oc .nav{display:flex;gap:32px;}
.v-oc .nav a{color:#cfd2d6;font-family:var(--mono);font-size:11.5px;letter-spacing:0.16em;text-transform:uppercase;}
.v-oc .nav a:hover{color:#fff;}
.v-oc .lang{display:flex;gap:0;border:1px solid rgba(255,255,255,.15);border-radius:6px;overflow:hidden;}
.v-oc .lang button{padding:6px 12px;font-family:var(--mono);font-size:11px;letter-spacing:0.18em;color:#8da0b1;background:transparent;}
.v-oc .lang button.act{background:var(--accent,#53a7db);color:#0a0e10;}

.v-oc .hero{position:relative;padding:72px 56px 96px;background:var(--grad-dark);overflow:hidden;isolation:isolate;}
.v-oc .hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(83,167,219,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(83,167,219,.09) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse at top right,#000 28%,transparent 78%);mask-image:radial-gradient(ellipse at top right,#000 28%,transparent 78%);}
.v-oc .hero::after{content:"";position:absolute;top:0;right:-8%;width:55%;height:100%;background:linear-gradient(115deg,transparent 44%,rgba(255,196,46,.22) 45.5%,rgba(255,196,46,.22) 47%,transparent 48%);pointer-events:none;}
.v-oc .hero-grid{position:relative;display:grid;grid-template-columns:1.4fr 1fr;gap:64px;align-items:center;z-index:1;max-width:1290px;margin:0 auto;}
.v-oc .hero-eb{display:inline-flex;gap:8px;align-items:center;font-family:var(--mono);font-size:11px;letter-spacing:0.22em;text-transform:uppercase;color:#88c5e8;margin-bottom:24px;}
.v-oc .hero h1{font-size:64px;line-height:1.02;letter-spacing:-0.025em;font-weight:700;color:#fff;margin:0 0 20px;}
.v-oc .hero h1 .grad{background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
.v-oc .hero p.lead{font-size:17px;color:#b9c2cc;line-height:1.6;max-width:36em;margin:0 0 32px;}
.v-oc .benefits{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:36px;}
.v-oc .ben{padding:16px 18px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:10px;border-left:2px solid var(--accent,#53a7db);}
.v-oc .ben-eb{font-family:var(--mono);font-size:10.5px;letter-spacing:0.18em;text-transform:uppercase;color:#8da0b1;margin-bottom:6px;}
.v-oc .ben-tit{font-size:14.5px;color:#fff;font-weight:600;letter-spacing:-0.01em;}

.v-oc .login{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:32px;backdrop-filter:blur(10px);}
.v-oc .login-stat{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.08);}
.v-oc .login-stat .label{font-family:var(--mono);font-size:10.5px;letter-spacing:0.22em;text-transform:uppercase;color:#88c5e8;}
.v-oc .login-stat .live{font-family:var(--mono);font-size:10.5px;letter-spacing:0.18em;text-transform:uppercase;color:#cfd2d6;display:flex;align-items:center;gap:8px;}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(0,230,118,.55);}70%{box-shadow:0 0 0 8px rgba(0,230,118,0);}100%{box-shadow:0 0 0 0 rgba(0,230,118,0);}}
.led{width:8px;height:8px;border-radius:50%;background:var(--green);animation:pulse 2.4s ease-out infinite;}
.v-oc .login h3{font-size:22px;font-weight:700;color:#fff;letter-spacing:-0.01em;margin:0 0 6px;}
.v-oc .login .sub{color:#8da0b1;font-size:13.5px;margin:0 0 22px;}
.v-oc .field{margin-bottom:14px;}
.v-oc .field label{display:block;font-family:var(--mono);font-size:10.5px;letter-spacing:0.18em;text-transform:uppercase;color:#88c5e8;margin-bottom:6px;}
.v-oc .field input{width:100%;padding:12px 14px;background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.12);border-radius:6px;font-family:inherit;font-size:14px;color:#fff;transition:border-color .15s;}
.v-oc .field input:focus{outline:none;border-color:var(--accent,#53a7db);box-shadow:0 0 0 3px rgba(83,167,219,.2);}
.v-oc .login .row{display:flex;justify-content:space-between;align-items:center;margin:8px 0 18px;}
.v-oc .login .row label{font-size:13px;color:#cfd2d6;display:flex;align-items:center;gap:8px;cursor:pointer;}
.v-oc .login .row a{font-size:13px;color:var(--accent,#53a7db);}
.v-oc .btn-prim{width:100%;padding:14px;background:var(--accent,#53a7db);color:#0a0e10;border-radius:6px;font-weight:700;font-size:14.5px;letter-spacing:0.02em;transition:all .15s;cursor:pointer;}
.v-oc .btn-prim:hover{background:var(--accent2,#0cb4ce);transform:translateY(-1px);box-shadow:0 12px 24px -10px rgba(83,167,219,.55);}
.v-oc .btn-sec{width:100%;padding:13px;background:transparent;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:6px;font-weight:600;font-size:13.5px;margin-top:10px;transition:all .15s;cursor:pointer;}
.v-oc .btn-sec:hover{border-color:var(--accent,#53a7db);color:var(--accent,#53a7db);}
.v-oc .login-divider{text-align:center;color:#8da0b1;font-family:var(--mono);font-size:10.5px;letter-spacing:0.22em;text-transform:uppercase;margin:18px 0 10px;position:relative;}
.v-oc .login-divider::before,.v-oc .login-divider::after{content:"";position:absolute;top:50%;width:42%;height:1px;background:rgba(255,255,255,.08);}
.v-oc .login-divider::before{left:0;}
.v-oc .login-divider::after{right:0;}

.v-oc .stats-bar{max-width:1290px;margin:0 auto;padding:0 56px;display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);background:rgba(0,0,0,.3);}
.v-oc .stat{padding:28px 24px;border-right:1px solid rgba(255,255,255,.06);}
.v-oc .stat:last-child{border-right:0;}
.v-oc .stat .label{font-family:var(--mono);font-size:10.5px;letter-spacing:0.22em;text-transform:uppercase;color:#88c5e8;margin-bottom:8px;}
.v-oc .stat .val{font-family:var(--mono);font-feature-settings:"tnum","zero";font-size:32px;font-weight:700;color:#fff;letter-spacing:-0.02em;}
.v-oc .stat .hint{font-size:12.5px;color:#8da0b1;margin-top:4px;}

.v-oc section{padding:80px 56px;}
.v-oc .sec-in{max-width:1290px;margin:0 auto;}
.v-oc .sec-eb{font-family:var(--mono);font-size:11px;letter-spacing:0.22em;text-transform:uppercase;color:var(--accent,#53a7db);margin-bottom:14px;}
.v-oc .sec-h2{font-size:42px;font-weight:700;letter-spacing:-0.02em;color:#fff;margin:0 0 16px;line-height:1.1;}
.v-oc .sec-lead{font-size:16.5px;color:#b9c2cc;line-height:1.6;max-width:38em;margin:0 0 48px;}

.v-oc .process{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;}
.v-oc .step{padding:32px 28px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:14px;position:relative;overflow:hidden;}
.v-oc .step::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--grad);}
.v-oc .step-num{font-family:var(--mono);font-size:64px;font-weight:700;color:var(--accent,#53a7db);line-height:1;letter-spacing:-0.04em;opacity:.85;margin-bottom:24px;display:block;}
.v-oc .step-tit{font-size:20px;font-weight:600;color:#fff;letter-spacing:-0.01em;margin:0 0 10px;}
.v-oc .step-desc{font-size:14.5px;color:#b9c2cc;line-height:1.55;margin:0;}
.v-oc .step-meta{margin-top:20px;padding-top:16px;border-top:1px solid rgba(255,255,255,.08);font-family:var(--mono);font-size:11px;letter-spacing:0.18em;text-transform:uppercase;color:#8da0b1;}

.v-oc .case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.v-oc .case{position:relative;border-radius:14px;overflow:hidden;background:#0d1418;border:1px solid rgba(255,255,255,.08);aspect-ratio:4/5;cursor:pointer;transition:transform .25s,border-color .2s;}
.v-oc .case:hover{transform:translateY(-4px);border-color:rgba(83,167,219,.4);}
.v-oc .case img{width:100%;height:100%;object-fit:cover;transition:transform .5s;}
.v-oc .case:hover img{transform:scale(1.05);}
.v-oc .case-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(13,20,24,.95) 100%);}
.v-oc .case-meta{position:absolute;left:24px;bottom:24px;right:24px;color:#fff;}
.v-oc .case-bdg{display:inline-block;font-family:var(--mono);font-size:10px;letter-spacing:0.22em;text-transform:uppercase;color:var(--accent,#53a7db);margin-bottom:8px;}
.v-oc .case-tit{font-size:19px;font-weight:600;letter-spacing:-0.01em;margin:0 0 6px;}
.v-oc .case-loc{font-size:13px;color:#cfd2d6;}

.v-oc .foot{background:#06090b;color:#cfd2d6;padding:64px 56px 32px;border-top:1px solid rgba(255,255,255,.08);}
.v-oc .foot-in{max-width:1290px;margin:0 auto;display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:48px;padding-bottom:36px;border-bottom:1px solid rgba(255,255,255,.06);}
.v-oc .foot-co{font-weight:600;color:#fff;font-size:18px;margin:0 0 8px;letter-spacing:-0.01em;}
.v-oc .foot-tag{color:var(--accent,#53a7db);font-style:italic;font-size:14px;margin:0 0 14px;}
.v-oc .foot p{margin:0 0 8px;font-size:14px;line-height:1.6;}
.v-oc .foot-h{font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:0.1em;font-size:11.5px;margin:0 0 16px;}
.v-oc .foot a{color:#cfd2d6;display:block;margin:6px 0;font-size:14px;}
.v-oc .foot-cp{text-align:center;color:#777;font-size:13px;font-family:var(--mono);letter-spacing:0.18em;text-transform:uppercase;margin:24px 0 0;}

/* ===== Variant 2: Marketing (light) ===== */
.v-mk{min-height:1500px;background:#fff;color:var(--dark);}
.v-mk .hdr{background:rgba(255,255,255,.95);border-bottom:1px solid var(--bd);backdrop-filter:blur(12px);position:sticky;top:0;z-index:50;}
.v-mk .hdr-in{display:flex;align-items:center;justify-content:space-between;padding:20px 56px;}
.v-mk .hdr-logo{height:30px;}
.v-mk .foot .foot-co img{height:32px;}
.v-mk .nav{display:flex;gap:34px;}
.v-mk .nav a{color:var(--dark2);font-size:14.5px;font-weight:500;}
.v-mk .nav a:hover{color:var(--accent,#53a7db);}
.v-mk .hdr-cta{display:flex;align-items:center;gap:14px;}
.v-mk .lang{display:flex;gap:0;border:1px solid var(--bd);border-radius:999px;overflow:hidden;}
.v-mk .lang button{padding:6px 12px;font-size:12px;font-weight:600;color:var(--mute);}
.v-mk .lang button.act{background:var(--dark);color:#fff;}
.v-mk .btn-pill{padding:10px 20px;background:var(--dark);color:#fff;border-radius:999px;font-size:13.5px;font-weight:600;transition:all .15s;}
.v-mk .btn-pill:hover{background:var(--accent,#53a7db);}

.v-mk .hero{position:relative;padding:80px 56px 100px;background:linear-gradient(180deg,#fafafa 0%,#fff 100%);overflow:hidden;}
.v-mk .hero::before{content:"";position:absolute;top:-200px;right:-200px;width:600px;height:600px;background:radial-gradient(circle,rgba(83,167,219,.12),transparent 70%);z-index:0;}
.v-mk .hero::after{content:"";position:absolute;top:0;right:-8%;width:55%;height:100%;background:linear-gradient(115deg,transparent 44%,rgba(255,196,46,.18) 45.5%,rgba(255,196,46,.18) 47%,transparent 48%);pointer-events:none;z-index:0;}
.v-mk .hero-grid{position:relative;display:grid;grid-template-columns:1.3fr 1fr;gap:80px;align-items:center;max-width:1290px;margin:0 auto;z-index:1;}

/* Hide Kadence entry-hero / page title on landing + rejestracja templates — page H1 lives inside .v-mk .hero. */
.page-template-page-landing-php .entry-hero,
.page-template-page-landing-php .entry-hero-container-inner,
.page-template-page-landing-php .page-title,
.page-template-page-landing-php .entry-header,
.page-template-page-rejestracja-php .entry-hero,
.page-template-page-rejestracja-php .entry-hero-container-inner,
.page-template-page-rejestracja-php .page-title,
.page-template-page-rejestracja-php .entry-header{display:none !important;}
.page-template-page-landing-php .site-main,
.page-template-page-landing-php .content-area,
.page-template-page-rejestracja-php .site-main,
.page-template-page-rejestracja-php .content-area{padding:0 !important;max-width:none !important;}
.page-template-page-landing-php .entry-content,
.page-template-page-rejestracja-php .entry-content{margin:0 !important;padding:0 !important;}
.page-template-page-landing-php .content-style-boxed .entry-content,
.page-template-page-rejestracja-php .content-style-boxed .entry-content,
.page-template-page-landing-php .single-content,
.page-template-page-rejestracja-php .single-content{background:transparent !important;box-shadow:none !important;border:0 !important;padding:0 !important;}
.page-template-page-rejestracja-php article,
.page-template-page-landing-php article{background:transparent !important;border:0 !important;padding:0 !important;margin:0 !important;}
.v-mk .hero-eb{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;background:#fff;border:1px solid var(--bd);border-radius:999px;font-size:12.5px;font-weight:600;color:var(--accent,#53a7db);margin-bottom:24px;box-shadow:0 4px 12px -4px rgba(20,22,24,.06);}
.v-mk .hero-eb .led{width:6px;height:6px;}
.v-mk .hero h1{font-size:68px;line-height:1.02;letter-spacing:-0.03em;font-weight:800;color:var(--dark);margin:0 0 20px;}
.v-mk .hero h1 .grad{background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
.v-mk .hero p.lead{font-size:18px;color:var(--mute);line-height:1.6;max-width:34em;margin:0 0 32px;}
.v-mk .benefits{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:36px;}
.v-mk .ben{padding:18px;background:#fff;border:1px solid var(--bd);border-radius:14px;display:flex;gap:14px;align-items:flex-start;transition:all .2s;}
.v-mk .ben:hover{border-color:rgba(83,167,219,.4);transform:translateY(-2px);box-shadow:0 18px 32px -16px rgba(20,22,24,.12);}
.v-mk .ben-icon{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,rgba(83,167,219,.15),rgba(12,180,206,.18));color:var(--accent,#53a7db);display:grid;place-items:center;flex-shrink:0;}
.v-mk .ben-tit{font-size:14.5px;color:var(--dark);font-weight:600;margin:0 0 4px;letter-spacing:-0.01em;}
.v-mk .ben-desc{font-size:13px;color:var(--mute);line-height:1.5;margin:0;}

.v-mk .login{background:#fff;border:1px solid var(--bd);border-radius:18px;padding:36px;box-shadow:0 24px 48px -22px rgba(20,22,24,.18);position:relative;z-index:2;}
.v-mk .login h3{font-size:28px;font-weight:700;color:var(--dark);letter-spacing:-0.02em;margin:0 0 8px;line-height:1.15;}
.v-mk .login .sub{color:var(--mute);font-size:14px;margin:0 0 24px;line-height:1.5;}
/* Reset Kadence/WP defaults inside our login form so .v-mk styles win without !important wars. */
.v-mk #loginform{margin:0;}
.v-mk #loginform p{margin:0;}
.v-mk .field{margin:0 0 20px;}
.v-mk .field label{display:block;font-family:var(--mono,"JetBrains Mono",ui-monospace,monospace);font-size:11px;font-weight:600;letter-spacing:0.18em;text-transform:uppercase;color:var(--dark2);margin:0 0 8px;}
.v-mk .field input,
.v-mk #loginform input[type="text"],
.v-mk #loginform input[type="email"],
.v-mk #loginform input[type="password"]{width:100%;padding:13px 14px;border:1px solid var(--bd);border-radius:10px;font-family:inherit;font-size:14.5px;color:var(--dark);background:var(--bg-soft);transition:all .15s;box-shadow:none;line-height:1.4;}
.v-mk .field input:focus,
.v-mk #loginform input[type="text"]:focus,
.v-mk #loginform input[type="email"]:focus,
.v-mk #loginform input[type="password"]:focus{outline:none;border-color:var(--accent,#53a7db);background:#fff;box-shadow:0 0 0 3px rgba(83,167,219,.15);}
.v-mk .login .row{display:flex;justify-content:space-between;align-items:center;margin:14px 0 24px;}
.v-mk .login .row label.remember{font-size:13px;color:var(--dark2);display:flex;align-items:center;gap:8px;cursor:pointer;text-transform:none;letter-spacing:0;font-family:inherit;font-weight:500;margin:0;}
.v-mk .login .row label.remember input[type="checkbox"]{width:auto;margin:0;accent-color:var(--accent,#53a7db);}
.v-mk .login .row a{font-size:13px;color:var(--accent,#53a7db);font-weight:500;}
.v-mk .login .row a:hover{color:var(--accent2,#0cb4ce);}
.v-mk .btn-prim,
.v-mk button.btn-prim,
.v-mk #loginform button[type="submit"]{display:block;width:100%;padding:14px 18px;background:var(--dark);color:#fff;border:0;border-radius:10px;font-family:inherit;font-weight:600;font-size:15px;letter-spacing:-0.005em;line-height:1.2;cursor:pointer;transition:all .15s;text-align:center;text-decoration:none;}
.v-mk .btn-prim:hover,
.v-mk button.btn-prim:hover,
.v-mk #loginform button[type="submit"]:hover{background:var(--accent,#53a7db);transform:translateY(-1px);box-shadow:0 12px 24px -10px rgba(83,167,219,.45);color:#fff;}
.v-mk .login-foot{margin-top:24px;padding-top:20px;border-top:1px solid var(--bd);font-size:13.5px;color:var(--mute);text-align:center;}
.v-mk .login-foot a{color:var(--accent,#53a7db);font-weight:600;}
.v-mk .login-foot a:hover{color:var(--accent2,#0cb4ce);}

.v-mk section{padding:96px 56px;}
.v-mk .sec-in{max-width:1290px;margin:0 auto;}
.v-mk .sec-h{text-align:center;margin-bottom:64px;}
.v-mk .sec-eb{font-size:12.5px;font-weight:700;letter-spacing:0.16em;text-transform:uppercase;color:var(--accent,#53a7db);margin-bottom:14px;}
.v-mk .sec-h2{font-size:48px;font-weight:800;letter-spacing:-0.025em;color:var(--dark);margin:0 0 18px;line-height:1.05;}
.v-mk .sec-lead{font-size:17px;color:var(--mute);line-height:1.6;max-width:36em;margin:0 auto;}

/* === Variant Rejestracja (.v-rj) — strona /rejestracja, dziedziczy z .v-mk === */
.v-mk.v-rj .hero{padding:64px 56px 80px;}
.v-mk.v-rj .hero-grid{grid-template-columns:1fr 1.2fr;gap:64px;align-items:start;}
.v-mk.v-rj .hero h1{font-size:54px;line-height:1.05;margin:0 0 18px;}
.v-mk.v-rj .lead{margin-bottom:32px;}
.v-mk.v-rj .rj-perks{list-style:none;margin:0 0 28px;padding:0;display:grid;gap:18px;}
.v-mk.v-rj .rj-perks li{display:flex;gap:14px;align-items:flex-start;font-size:14.5px;color:var(--dark2);line-height:1.55;}
.v-mk.v-rj .rj-perks li > span:last-child{display:flex;flex-direction:column;gap:2px;}
.v-mk.v-rj .rj-perks li strong{color:var(--dark);font-weight:600;font-size:15px;letter-spacing:-0.01em;}
.v-mk.v-rj .rj-perk-desc{font-size:13.5px;color:var(--mute);line-height:1.5;}
.v-mk.v-rj .rj-perk-num{flex-shrink:0;width:32px;height:32px;border-radius:50%;background:var(--grad);color:#fff;font-size:11px;font-weight:600;letter-spacing:0.06em;display:grid;place-items:center;}
.v-mk.v-rj .rj-foot-note{font-size:13.5px;color:var(--mute);margin:0;}
.v-mk.v-rj .rj-foot-note a{color:var(--accent,#53a7db);font-weight:600;}
.v-mk.v-rj .rj-card{padding:36px;}
.v-mk.v-rj .rj-card h3{font-size:24px;}

/* B2BKing form override — paruje stylistycznie z .v-mk .field */
.v-mk.v-rj .rj-form .b2bking_b2b_register_field,
.v-mk.v-rj .rj-form .b2bking-registration-form-step{margin-bottom:16px;}
.v-mk.v-rj .rj-form input[type="text"],
.v-mk.v-rj .rj-form input[type="email"],
.v-mk.v-rj .rj-form input[type="password"],
.v-mk.v-rj .rj-form input[type="tel"],
.v-mk.v-rj .rj-form input[type="number"],
.v-mk.v-rj .rj-form select,
.v-mk.v-rj .rj-form textarea{width:100%;padding:13px 14px;border:1px solid var(--bd);border-radius:10px;background:var(--bg-soft);font-family:inherit;font-size:14.5px;color:var(--dark);box-shadow:none;transition:all .15s;line-height:1.4;}
.v-mk.v-rj .rj-form input:focus,
.v-mk.v-rj .rj-form select:focus,
.v-mk.v-rj .rj-form textarea:focus{outline:none;border-color:var(--accent,#53a7db);background:#fff;box-shadow:0 0 0 3px rgba(83,167,219,.15);}
.v-mk.v-rj .rj-form label{display:block;font-family:var(--mono,"JetBrains Mono",ui-monospace,monospace);font-size:11px;font-weight:600;letter-spacing:0.18em;text-transform:uppercase;color:var(--dark2);margin:0 0 8px;}
.v-mk.v-rj .rj-form button[type="submit"],
.v-mk.v-rj .rj-form input[type="submit"],
.v-mk.v-rj .rj-form .b2bking_register_submit{width:100%;padding:14px 18px;background:var(--dark);color:#fff;border:0;border-radius:10px;font-family:inherit;font-weight:600;font-size:15px;cursor:pointer;transition:all .15s;text-transform:none;letter-spacing:-0.005em;}
.v-mk.v-rj .rj-form button[type="submit"]:hover,
.v-mk.v-rj .rj-form input[type="submit"]:hover,
.v-mk.v-rj .rj-form .b2bking_register_submit:hover{background:var(--accent,#53a7db);transform:translateY(-1px);box-shadow:0 12px 24px -10px rgba(83,167,219,.45);}
.v-mk.v-rj .rj-form .b2bking_b2b_register_choosegroup,
.v-mk.v-rj .rj-form .b2bking_b2b_register_field_select{display:block;}

.v-mk .process{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;position:relative;}
.v-mk .step{padding:32px 28px;background:#fff;border:1px solid var(--bd);border-radius:18px;position:relative;text-align:center;transition:all .2s;}
.v-mk .step:hover{transform:translateY(-4px);box-shadow:0 24px 48px -22px rgba(20,22,24,.18);border-color:rgba(83,167,219,.4);}
.v-mk .step-num{width:56px;height:56px;border-radius:50%;background:var(--grad);color:#fff;font-size:22px;font-weight:700;display:grid;place-items:center;margin:0 auto 20px;box-shadow:0 12px 24px -10px rgba(83,167,219,.5);}
.v-mk .step-tit{font-size:19px;font-weight:700;color:var(--dark);letter-spacing:-0.01em;margin:0 0 10px;}
.v-mk .step-desc{font-size:14.5px;color:var(--mute);line-height:1.6;margin:0;}

.v-mk .case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.v-mk .case{border-radius:18px;overflow:hidden;background:#fff;border:1px solid var(--bd);cursor:pointer;transition:all .25s;}
.v-mk .case:hover{transform:translateY(-4px);box-shadow:0 24px 48px -22px rgba(20,22,24,.18);border-color:rgba(83,167,219,.4);}
.v-mk .case-img{aspect-ratio:5/4;background:var(--bg-soft);overflow:hidden;}
.v-mk .case-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s;}
.v-mk .case:hover .case-img img{transform:scale(1.05);}
.v-mk .case-body{padding:22px;}
.v-mk .case-bdg{display:inline-block;padding:4px 10px;background:rgba(83,167,219,.1);border-radius:999px;font-size:11px;font-weight:600;letter-spacing:0.06em;color:var(--accent,#53a7db);text-transform:uppercase;margin-bottom:10px;}
.v-mk .case-tit{font-size:18px;font-weight:700;color:var(--dark);letter-spacing:-0.01em;margin:0 0 6px;}
.v-mk .case-loc{font-size:13.5px;color:var(--mute);margin:0;}

.v-mk .foot{background:var(--dark);color:#cfd2d6;padding:64px 56px 32px;}
.v-mk .foot-in{max-width:1290px;margin:0 auto;display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:48px;padding-bottom:36px;border-bottom:1px solid rgba(255,255,255,.08);}
.v-mk .foot-co{font-weight:600;color:#fff;font-size:18px;margin:0 0 8px;}
.v-mk .foot-tag{color:var(--accent,#53a7db);font-style:italic;font-size:14px;margin:0 0 14px;}
.v-mk .foot p{margin:0 0 8px;font-size:14px;line-height:1.6;}
.v-mk .foot-h{font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:0.1em;font-size:11.5px;margin:0 0 16px;}
.v-mk .foot a{color:#cfd2d6;display:block;margin:6px 0;font-size:14px;}
.v-mk .foot-cp{text-align:center;color:#777;font-size:13px;margin:24px 0 0;}

/* ===== Variant 3: Hybrid (dark hero, light body) ===== */
.v-hy{min-height:1500px;background:#fff;color:var(--dark);}
.v-hy .hdr{background:rgba(13,20,24,.92);border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(12px);position:sticky;top:0;z-index:50;}
.v-hy .hdr-in{display:flex;align-items:center;justify-content:space-between;padding:18px 56px;}
.v-hy .hdr-logo{height:28px;filter:brightness(0) invert(1);}
.v-hy .nav{display:flex;gap:32px;}
.v-hy .nav a{color:#cfd2d6;font-size:14px;font-weight:500;}
.v-hy .nav a:hover{color:#fff;}
.v-hy .lang{display:flex;border:1px solid rgba(255,255,255,.15);border-radius:999px;overflow:hidden;}
.v-hy .lang button{padding:6px 12px;font-size:12px;font-weight:600;color:#8da0b1;}
.v-hy .lang button.act{background:#fff;color:var(--dark);}

.v-hy .hero{position:relative;padding:80px 56px 100px;background:var(--grad-dark);color:#f4f6f8;overflow:hidden;isolation:isolate;}
.v-hy .hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(83,167,219,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(83,167,219,.09) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse at top right,#000 28%,transparent 78%);mask-image:radial-gradient(ellipse at top right,#000 28%,transparent 78%);}
.v-hy .hero::after{content:"";position:absolute;top:0;right:-8%;width:55%;height:100%;background:linear-gradient(115deg,transparent 44%,rgba(255,196,46,.22) 45.5%,rgba(255,196,46,.22) 47%,transparent 48%);pointer-events:none;}
.v-hy .hero-grid{position:relative;display:grid;grid-template-columns:1.3fr 1fr;gap:64px;align-items:center;max-width:1290px;margin:0 auto;z-index:1;}
.v-hy .hero-eb{display:inline-flex;gap:8px;align-items:center;font-family:var(--mono);font-size:11px;letter-spacing:0.22em;text-transform:uppercase;color:#88c5e8;margin-bottom:22px;}
.v-hy .hero h1{font-size:62px;line-height:1.04;letter-spacing:-0.025em;font-weight:700;color:#fff;margin:0 0 20px;}
.v-hy .hero h1 .grad{background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
.v-hy .hero p.lead{font-size:17px;color:#b9c2cc;line-height:1.6;max-width:34em;margin:0 0 28px;}
.v-hy .benefits-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px;}
.v-hy .ben-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:999px;color:#cfd2d6;font-size:13px;}
.v-hy .ben-pill svg{color:var(--accent,#53a7db);}

.v-hy .login{background:#fff;border-radius:16px;padding:32px;color:var(--dark);box-shadow:0 32px 64px -24px rgba(0,0,0,.5);}
.v-hy .login-stat{display:flex;align-items:center;gap:8px;font-family:var(--mono);font-size:10.5px;letter-spacing:0.2em;text-transform:uppercase;color:var(--accent,#53a7db);margin-bottom:14px;}
.v-hy .login h3{font-size:24px;font-weight:700;color:var(--dark);letter-spacing:-0.02em;margin:0 0 6px;}
.v-hy .login .sub{color:var(--mute);font-size:13.5px;margin:0 0 22px;}
.v-hy .field{margin-bottom:14px;}
.v-hy .field label{display:block;font-size:12.5px;font-weight:600;color:var(--dark2);margin-bottom:6px;}
.v-hy .field input{width:100%;padding:13px 14px;border:1px solid var(--bd);border-radius:8px;font-family:inherit;font-size:14.5px;color:var(--dark);background:var(--bg-soft);transition:all .15s;}
.v-hy .field input:focus{outline:none;border-color:var(--accent,#53a7db);background:#fff;box-shadow:0 0 0 3px rgba(83,167,219,.15);}
.v-hy .login .row{display:flex;justify-content:space-between;align-items:center;margin:6px 0 16px;}
.v-hy .login .row label{font-size:13px;color:var(--dark2);display:flex;align-items:center;gap:8px;cursor:pointer;}
.v-hy .login .row a{font-size:13px;color:var(--accent,#53a7db);font-weight:500;}
.v-hy .btn-prim{width:100%;padding:14px;background:var(--dark);color:#fff;border-radius:8px;font-weight:600;font-size:14.5px;transition:all .15s;cursor:pointer;}
.v-hy .btn-prim:hover{background:var(--accent,#53a7db);transform:translateY(-1px);box-shadow:0 12px 24px -10px rgba(83,167,219,.45);}
.v-hy .login-foot{margin-top:18px;padding-top:18px;border-top:1px solid var(--bd);font-size:13.5px;color:var(--mute);text-align:center;}
.v-hy .login-foot a{color:var(--accent,#53a7db);font-weight:600;}

.v-hy section{padding:84px 56px;}
.v-hy .sec-in{max-width:1290px;margin:0 auto;}
.v-hy .sec-eb{font-family:var(--mono);font-size:11px;letter-spacing:0.22em;text-transform:uppercase;color:var(--accent,#53a7db);margin-bottom:14px;}
.v-hy .sec-h2{font-size:42px;font-weight:700;letter-spacing:-0.02em;color:var(--dark);margin:0 0 14px;line-height:1.08;}
.v-hy .sec-lead{font-size:16.5px;color:var(--mute);line-height:1.6;max-width:36em;margin:0 0 48px;}

.v-hy .process{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid var(--bd);border-radius:18px;overflow:hidden;background:var(--bg-soft);}
.v-hy .step{padding:36px 32px;background:#fff;border-right:1px solid var(--bd);position:relative;}
.v-hy .step:last-child{border-right:0;}
.v-hy .step-num{font-family:var(--mono);font-size:11px;letter-spacing:0.22em;text-transform:uppercase;color:var(--accent,#53a7db);margin-bottom:16px;display:block;}
.v-hy .step-num span{display:inline-block;width:28px;height:28px;border-radius:50%;background:var(--grad);color:#fff;font-size:13px;font-weight:700;text-align:center;line-height:28px;margin-right:8px;letter-spacing:0;}
.v-hy .step-tit{font-size:20px;font-weight:700;color:var(--dark);letter-spacing:-0.01em;margin:0 0 10px;}
.v-hy .step-desc{font-size:14.5px;color:var(--mute);line-height:1.6;margin:0;}
.v-hy .step-meta{margin-top:18px;padding-top:14px;border-top:1px dashed var(--bd);font-size:12.5px;color:var(--accent,#53a7db);font-weight:600;}

.v-hy .case-grid{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:1fr 1fr;gap:16px;height:560px;}
.v-hy .case{position:relative;border-radius:14px;overflow:hidden;cursor:pointer;background:var(--bg-soft);}
.v-hy .case:nth-child(1){grid-row:1/3;}
.v-hy .case img{width:100%;height:100%;object-fit:cover;transition:transform .5s;}
.v-hy .case:hover img{transform:scale(1.05);}
.v-hy .case-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(13,20,24,.95) 100%);}
.v-hy .case-meta{position:absolute;left:20px;bottom:18px;right:20px;color:#fff;}
.v-hy .case-bdg{display:inline-block;padding:3px 9px;background:rgba(83,167,219,.85);border-radius:999px;font-size:10.5px;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;margin-bottom:8px;}
.v-hy .case-tit{font-size:17px;font-weight:600;letter-spacing:-0.01em;margin:0 0 4px;}
.v-hy .case-loc{font-size:12.5px;color:#cfd2d6;}

.v-hy .foot{background:var(--dark);color:#cfd2d6;padding:64px 56px 32px;}
.v-hy .foot-in{max-width:1290px;margin:0 auto;display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:48px;padding-bottom:36px;border-bottom:1px solid rgba(255,255,255,.08);}
.v-hy .foot-co{font-weight:600;color:#fff;font-size:18px;margin:0 0 8px;}
.v-hy .foot-tag{color:var(--accent,#53a7db);font-style:italic;font-size:14px;margin:0 0 14px;}
.v-hy .foot p{margin:0 0 8px;font-size:14px;line-height:1.6;}
.v-hy .foot-h{font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:0.1em;font-size:11.5px;margin:0 0 16px;}
.v-hy .foot a{color:#cfd2d6;display:block;margin:6px 0;font-size:14px;}
.v-hy .foot-cp{text-align:center;color:#777;font-size:13px;margin:24px 0 0;}

/* ===== Post-login: shared layout with sidebar ===== */
.app{display:grid;grid-template-columns:240px 1fr;min-height:1080px;background:var(--bg-soft);}
.sidebar{background:#fff;border-right:1px solid var(--bd);padding:24px 0;display:flex;flex-direction:column;}
.sb-logo{padding:0 24px 24px;border-bottom:1px solid var(--bd);margin-bottom:18px;}
.sb-logo img{height:26px;}
.sb-section{padding:0 12px;margin-bottom:14px;}
.sb-section-title{font-family:var(--mono);font-size:10px;letter-spacing:0.22em;text-transform:uppercase;color:var(--mute);padding:0 12px;margin-bottom:8px;}
.sb-link{display:flex;align-items:center;gap:12px;padding:9px 12px;border-radius:8px;color:var(--dark2);font-size:14px;font-weight:500;cursor:pointer;transition:all .12s;text-decoration:none;}
.sb-link:hover{background:var(--bg-soft);color:var(--accent,#53a7db);}
.sb-link.act{background:rgba(83,167,219,.1);color:var(--accent,#53a7db);}
.sb-link svg{flex-shrink:0;}
.sb-link .badge{margin-left:auto;background:var(--accent,#53a7db);color:#fff;font-family:var(--mono);font-size:10.5px;padding:1px 7px;border-radius:999px;font-weight:600;}
.sb-foot{margin-top:auto;padding:18px 24px;border-top:1px solid var(--bd);}
.sb-user{display:flex;align-items:center;gap:10px;padding:10px;background:var(--bg-soft);border-radius:10px;}
.sb-avatar{width:36px;height:36px;border-radius:50%;background:var(--grad);color:#fff;display:grid;place-items:center;font-weight:700;font-size:14px;flex-shrink:0;}
.sb-user-info{min-width:0;}
.sb-user-name{font-size:13px;font-weight:600;color:var(--dark);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.sb-user-role{font-size:11.5px;color:var(--mute);margin:0;}

.main{padding:32px 40px;}
.page-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:28px;padding-bottom:18px;border-bottom:1px solid var(--bd);}
.page-head h1{font-size:30px;font-weight:700;letter-spacing:-0.02em;color:var(--dark);margin:0 0 4px;}
.page-head .sub{color:var(--mute);font-size:14px;margin:0;}
.page-bcr{font-family:var(--mono);font-size:10.5px;letter-spacing:0.18em;text-transform:uppercase;color:var(--mute);margin-bottom:8px;display:flex;gap:8px;}
.page-bcr a{color:var(--accent,#53a7db);}

/* Cart */
.cart-grid{display:grid;grid-template-columns:1fr 360px;gap:32px;}
.cart-list{background:#fff;border:1px solid var(--bd);border-radius:14px;}
.cart-item{display:grid;grid-template-columns:88px 1fr auto auto auto;gap:20px;padding:20px;border-bottom:1px solid var(--bd);align-items:center;}
.cart-item:last-child{border-bottom:0;}
.cart-img{width:88px;height:88px;border-radius:8px;background:var(--bg-soft);overflow:hidden;}
.cart-img img{width:100%;height:100%;object-fit:cover;}
.cart-meta .cat{font-family:var(--mono);font-size:10.5px;letter-spacing:0.18em;text-transform:uppercase;color:var(--accent,#53a7db);margin-bottom:4px;}
.cart-meta h4{font-size:15px;font-weight:600;color:var(--dark);margin:0 0 4px;}
.cart-meta .sku{font-size:12.5px;color:var(--mute);font-family:var(--mono);}
.cart-qty{display:inline-flex;align-items:center;border:1px solid var(--bd);border-radius:6px;overflow:hidden;}
.cart-qty button{width:32px;height:36px;background:#fff;color:var(--dark2);font-size:16px;}
.cart-qty input{width:48px;height:36px;border:0;border-left:1px solid var(--bd);border-right:1px solid var(--bd);text-align:center;font-family:var(--mono);font-size:14px;}
.cart-price{font-family:var(--mono);font-feature-settings:"tnum","zero";font-size:15.5px;font-weight:700;color:var(--dark);min-width:90px;text-align:right;}
.cart-rm{color:var(--mute);width:32px;height:32px;border-radius:6px;display:grid;place-items:center;}
.cart-rm:hover{color:#ff3100;background:rgba(255,49,0,.08);}

.cart-summary{background:#fff;border:1px solid var(--bd);border-radius:14px;padding:24px;height:fit-content;position:sticky;top:24px;}
.cs-h{font-family:var(--mono);font-size:11px;letter-spacing:0.22em;text-transform:uppercase;color:var(--accent,#53a7db);margin-bottom:16px;}
.cs-row{display:flex;justify-content:space-between;padding:10px 0;font-size:14px;color:var(--dark2);}
.cs-row.total{border-top:2px solid var(--dark);margin-top:10px;padding-top:14px;font-size:18px;font-weight:700;color:var(--dark);}
.cs-row .num{font-family:var(--mono);font-feature-settings:"tnum","zero";}
.cs-disc{color:#ff7a00;}
.cs-btn{width:100%;padding:14px;background:var(--dark);color:#fff;border-radius:8px;font-weight:600;font-size:15px;margin-top:18px;transition:all .15s;}
.cs-btn:hover{background:var(--accent,#53a7db);transform:translateY(-1px);}
.cs-info{margin-top:14px;padding:12px 14px;background:rgba(83,167,219,.08);border-radius:8px;font-size:12.5px;color:var(--dark2);line-height:1.5;border-left:3px solid var(--accent,#53a7db);}

/* Orders */
.ord-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;}
.ord-stat{padding:18px 20px;background:#fff;border:1px solid var(--bd);border-radius:12px;border-left:3px solid var(--accent,#53a7db);}
.ord-stat .lab{font-family:var(--mono);font-size:10.5px;letter-spacing:0.18em;text-transform:uppercase;color:var(--mute);margin-bottom:6px;}
.ord-stat .val{font-family:var(--mono);font-feature-settings:"tnum","zero";font-size:24px;font-weight:700;color:var(--dark);letter-spacing:-0.01em;}
.ord-stat .hint{font-size:12px;color:var(--mute);margin-top:4px;}

.tbl{width:100%;background:#fff;border:1px solid var(--bd);border-radius:14px;border-collapse:separate;border-spacing:0;overflow:hidden;}
.tbl thead th{background:var(--bg-soft);font-family:var(--mono);font-size:10.5px;letter-spacing:0.18em;text-transform:uppercase;color:var(--mute);text-align:left;padding:14px 18px;border-bottom:1px solid var(--bd);font-weight:600;}
.tbl tbody td{padding:16px 18px;border-bottom:1px solid var(--bd);font-size:14px;color:var(--dark2);vertical-align:middle;}
.tbl tbody tr:last-child td{border-bottom:0;}
.tbl tbody tr:hover{background:var(--bg-soft);}
.tbl .num{font-family:var(--mono);font-feature-settings:"tnum","zero";color:var(--dark);}
.tbl .id{font-family:var(--mono);font-size:13px;color:var(--accent,#53a7db);font-weight:600;}
.status{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:11.5px;font-weight:600;letter-spacing:0.04em;}
.status.shipped{background:rgba(0,230,118,.12);color:#0a9b50;}
.status.proc{background:rgba(255,196,46,.18);color:#a8730a;}
.status.new{background:rgba(83,167,219,.12);color:var(--accent,#53a7db);}
.status.done{background:#f0f0f0;color:var(--mute);}

.row-act{display:flex;gap:6px;justify-content:flex-end;}
.row-btn{width:32px;height:32px;border-radius:6px;background:var(--bg-soft);color:var(--dark2);display:grid;place-items:center;transition:all .12s;}
.row-btn:hover{background:var(--accent,#53a7db);color:#fff;}

/* Downloads */
.dl-tabs{display:flex;gap:0;border-bottom:1px solid var(--bd);margin-bottom:24px;}
.dl-tab{padding:14px 22px;color:var(--mute);font-size:14px;font-weight:500;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .15s;cursor:pointer;}
.dl-tab.act{color:var(--accent,#53a7db);border-bottom-color:var(--accent,#53a7db);font-weight:600;}
.dl-tab:hover{color:var(--accent,#53a7db);}
.dl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.dl-card{padding:22px;background:#fff;border:1px solid var(--bd);border-radius:12px;display:flex;gap:16px;align-items:flex-start;transition:all .2s;cursor:pointer;}
.dl-card:hover{transform:translateY(-2px);box-shadow:0 18px 32px -16px rgba(20,22,24,.12);border-color:rgba(83,167,219,.4);}
.dl-icon{width:44px;height:44px;border-radius:10px;background:rgba(83,167,219,.1);color:var(--accent,#53a7db);display:grid;place-items:center;flex-shrink:0;}
.dl-card h4{font-size:14.5px;font-weight:600;color:var(--dark);margin:0 0 4px;}
.dl-card .meta{font-family:var(--mono);font-size:11px;letter-spacing:0.1em;text-transform:uppercase;color:var(--mute);}
.dl-card .file-size{font-family:var(--mono);font-size:11px;color:var(--mute);margin-top:4px;}

/* Account */
.acc-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;}
.acc-card{background:#fff;border:1px solid var(--bd);border-radius:14px;padding:24px;}
.acc-h{display:flex;justify-content:space-between;align-items:center;padding-bottom:14px;border-bottom:1px solid var(--bd);margin-bottom:18px;}
.acc-h h3{font-size:16px;font-weight:700;color:var(--dark);margin:0;letter-spacing:-0.01em;}
.acc-h a{font-size:13px;color:var(--accent,#53a7db);font-weight:500;}
.acc-row{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid var(--bg-soft);font-size:14px;}
.acc-row:last-child{border-bottom:0;}
.acc-row .lab{color:var(--mute);font-family:var(--mono);font-size:11.5px;letter-spacing:0.06em;text-transform:uppercase;}
.acc-row .val{color:var(--dark2);font-weight:500;text-align:right;}

/* Tweaks accent override */
[data-accent="turq"]{--accent:#0cb4ce;--accent2:#53a7db;}
[data-accent="yellow"]{--accent:#ffc42e;--accent2:#ff7a00;}
[data-accent="blue"]{--accent:#53a7db;--accent2:#0cb4ce;}

/* Mobile breakpoints — MUSI być na końcu pliku, żeby wygrać z base rules
   po cascade order (te same selektory `.v-mk .process` itp. miały
   większą specyficzność tylko przez kolejność, a base był później). */
@media (max-width: 900px){
    /* Hero: 2-col → 1-col, mniejszy padding/font-size; min-width:0 pozwala grid-cells kurczyć się poniżej min-content długich słów. */
    .v-mk .hero{padding:48px 20px 64px;}
    .v-mk .hero-grid{grid-template-columns:1fr;gap:40px;}
    .v-mk .hero-grid > *{min-width:0;}
    .v-mk .hero h1{font-size:40px;line-height:1.05;}
    .v-mk .hero p.lead{font-size:16px;max-width:none;}
    .v-mk .benefits{grid-template-columns:1fr;gap:12px;margin-top:28px;}
    .v-mk .ben{padding:14px 16px;}
    .v-mk .login{padding:24px;border-radius:14px;}
    .v-mk .login h3{font-size:22px;}
    /* "Zapamiętaj mnie" + "Odzyskaj hasło" stykają się przy wąskim viewport — pozwalamy zawinąć. */
    .v-mk .login .row{flex-wrap:wrap;gap:10px;}
    .v-mk #loginform input[type="text"],
    .v-mk #loginform input[type="email"],
    .v-mk #loginform input[type="password"]{font-size:16px;}

    /* Sekcje: padding 96/56 → 56/20, mniejsze nagłówki, kolumny stackują się. */
    .v-mk section{padding:56px 20px;}
    .v-mk .sec-h{margin-bottom:36px;}
    .v-mk .sec-h2{font-size:30px;}
    .v-mk .sec-lead{font-size:15px;}
    .v-mk .process{grid-template-columns:1fr;gap:14px;}
    .v-mk .step{padding:24px 20px;}
    .v-mk .case-grid{grid-template-columns:1fr;gap:16px;}
    .v-mk .foot{padding:48px 20px 24px;}
    .v-mk .foot-in{grid-template-columns:1fr;gap:32px;}

    /* Rejestracja (.v-rj) — istniejące override, plus dopasowanie paddingu. */
    .v-mk.v-rj .hero{padding:40px 20px 56px;}
    .v-mk.v-rj .hero-grid{grid-template-columns:1fr;gap:32px;}
    .v-mk.v-rj .hero h1{font-size:34px;}
    .v-mk.v-rj .rj-card{padding:24px;}
    .v-mk.v-rj .rj-perks li{font-size:14px;}
    .v-mk.v-rj .rj-perk-num{width:28px;height:28px;font-size:10.5px;}
    /* B2BKing form: defensywnie wymuszamy full-width na każdym polu i grupy radio/checkbox
       stackują się pionowo zamiast horyzontalnego flexa, gdy plugin renderuje swój markup. */
    .v-mk.v-rj .rj-form{max-width:100%;}
    .v-mk.v-rj .rj-form input,
    .v-mk.v-rj .rj-form select,
    .v-mk.v-rj .rj-form textarea{font-size:16px;max-width:100%;}
    .v-mk.v-rj .rj-form .b2bking_b2b_register_choosegroup{display:flex;flex-direction:column;gap:10px;}
    .v-mk.v-rj .rj-form .b2bking_b2b_register_choosegroup > *{width:100%;}
    .v-mk.v-rj .rj-form label{font-size:10.5px;}
}

@media (max-width: 480px){
    .v-mk .hero h1{font-size:34px;}
    .v-mk .sec-h2{font-size:26px;}
    .v-mk.v-rj .hero h1{font-size:30px;}
}