/* Popup powitalny B2C/B2B — 1:1 z handoffem (Kreator nadruku.dc.html, linie 24-75).
   Kolor magenta z tokenu marki modułu (--fc-magenta), fallback = wartość z projektu (#c400a0). */

.fc-wgate{
  position:fixed; inset:0; z-index:2147483000;
  background:rgba(30,20,28,.55); backdrop-filter:blur(3px); -webkit-backdrop-filter:blur(3px);
  display:flex; align-items:center; justify-content:center; padding:24px;
  font-family:'Poppins',system-ui,sans-serif; color:#2c2c31; overflow:auto;
}
.fc-wgate[hidden]{ display:none !important; }
.fc-wgate *{ box-sizing:border-box; }

.fc-wgate__card{
  width:100%; max-width:600px; background:#fff; border-radius:24px;
  padding:44px 46px 38px; box-shadow:0 30px 80px rgba(0,0,0,.25);
  position:relative; margin:auto; outline:none;
}

.fc-wgate__x{
  position:absolute; top:20px; right:20px; width:36px; height:36px; border:none;
  border-radius:10px; background:#f2f2f4; color:#8a8a92; cursor:pointer;
  display:flex; align-items:center; justify-content:center; padding:0;
}
.fc-wgate__x:hover{ background:#e9e9ec; }

.fc-wgate__eyebrow{ display:flex; align-items:center; gap:12px; margin-bottom:16px; }
.fc-wgate__bar{ width:34px; height:3px; background:var(--fc-magenta,#c400a0); border-radius:2px; flex-shrink:0; }
.fc-wgate__eyebrow span:last-child{ font-size:13px; font-weight:700; letter-spacing:2px; color:var(--fc-magenta,#c400a0); }

.fc-wgate__title{ margin:0 0 14px; font-size:29px; font-weight:800; letter-spacing:-.6px; color:#2b2b30; line-height:1.15; }
.fc-wgate__desc{ margin:0 0 30px; font-size:16px; color:#6a6a72; line-height:1.6; max-width:480px; }

.fc-wgate__opts{ display:flex; flex-direction:column; gap:16px; }

/* ---- Firma / B2B ---- */
.fc-wgate__b2b{
  display:block; text-decoration:none; border:2px solid var(--fc-magenta,#c400a0);
  background:#fdf3fa; border-radius:18px; padding:26px 26px 24px; position:relative; color:inherit;
}
.fc-wgate__pill{
  position:absolute; top:-12px; left:26px; background:var(--fc-magenta,#c400a0); color:#fff;
  font-size:11.5px; font-weight:700; letter-spacing:1px; text-transform:uppercase;
  border-radius:999px; padding:5px 13px;
}
.fc-wgate__b2bhead{ display:flex; align-items:center; gap:16px; margin-bottom:18px; }
.fc-wgate__ico{ display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.fc-wgate__ico--b2b{ width:52px; height:52px; border-radius:13px; background:var(--fc-magenta,#c400a0); color:#fff; }
.fc-wgate__b2btx{ flex:1; min-width:0; }
.fc-wgate__optt{ display:block; font-size:19px; font-weight:800; color:#2b2b30; letter-spacing:-.3px; }
.fc-wgate__optd{ display:block; font-size:14.5px; color:#6a6a72; line-height:1.5; margin-top:2px; }

.fc-wgate__benefits{ display:grid; grid-template-columns:1fr 1fr; gap:11px 20px; margin-bottom:22px; }
.fc-wgate__benefit{ display:flex; align-items:center; gap:9px; font-size:14.5px; font-weight:600; color:#3a3a40; }
.fc-wgate__benefit svg{ color:var(--fc-magenta,#c400a0); flex-shrink:0; }

.fc-wgate__b2bcta{
  display:flex; align-items:center; justify-content:center; gap:9px;
  background:var(--fc-magenta,#c400a0); color:#fff; border-radius:12px; padding:15px;
  font-size:16px; font-weight:700;
}

/* ---- Prywatnie / B2C ---- */
.fc-wgate__b2c{
  display:flex; align-items:center; gap:18px; text-align:left; cursor:pointer;
  font-family:inherit; border:1.5px solid #ececf0; background:#fff; border-radius:18px; padding:22px 24px;
}
.fc-wgate__b2c:hover{ border-color:#d9d9e0; }
.fc-wgate__ico--b2c{ width:48px; height:48px; border-radius:13px; background:#f2f2f4; color:#8a8a92; }
.fc-wgate__b2ctx{ flex:1; min-width:0; }
.fc-wgate__b2ctx .fc-wgate__optt{ font-size:17px; font-weight:700; }
.fc-wgate__next{
  display:inline-flex; align-items:center; gap:7px; white-space:nowrap;
  color:#3a3a40; font-size:15px; font-weight:700; flex-shrink:0;
}

/* Blokada scrolla tła gdy popup otwarty. */
body.fc-wgate-open{ overflow:hidden; }

/* ---- Mobile ≤560px: karta musi się zmieścić, overlay scrollowalny, zero poziomego scrolla ---- */
@media (max-width:560px){
  .fc-wgate{ padding:14px; align-items:flex-start; }
  .fc-wgate__card{ padding:28px 22px 24px; }
  .fc-wgate__title{ font-size:24px; }
  .fc-wgate__desc{ font-size:15px; margin-bottom:24px; }
  .fc-wgate__benefits{ grid-template-columns:1fr; gap:10px; }
  .fc-wgate__b2c{ flex-wrap:wrap; gap:12px 16px; }
  .fc-wgate__next{ width:100%; justify-content:flex-end; }
}