{"id":439,"date":"2026-03-01T17:53:40","date_gmt":"2026-03-01T16:53:40","guid":{"rendered":"https:\/\/sterylizacja-grudziadz.pl\/?page_id=439"},"modified":"2026-03-01T18:12:57","modified_gmt":"2026-03-01T17:12:57","slug":"zgloszenie-umowa-sporal","status":"publish","type":"page","link":"https:\/\/sterylizacja-grudziadz.pl\/index.php\/zgloszenie-umowa-sporal\/","title":{"rendered":""},"content":{"rendered":"\n<!-- =========================\nALKU-MED | TOP (FIXED PREMIUM - STABLE FOR WP)\nPODMIANA 1:1 (LOGO x2+)\n========================= -->\n<style>\n\/* HARD RESET tylko dla headera \u2013 zapobiega konfliktom z motywem *\/\n.alku-header, .alku-header *{\n  box-sizing: border-box !important;\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Arial, sans-serif !important;\n}\n\n\/* WRAPPER *\/\n.alku-header{\n  width: 100%;\n  background: #ffffff;\n  position: relative;\n  z-index: 1000001;\n  overflow-x: clip;\n}\n\n\/* TOP BAR *\/\n.alku-topbar{\n  width: 100%;\n  border-bottom: 1px solid #e5e7eb;\n  background: #ffffff;\n  position: relative;\n  z-index: 1000002;\n}\n\n.alku-container{\n  max-width: 1400px;\n  margin: 0 auto;\n  padding: 18px 24px; \/* lekko wi\u0119kszy padding pod du\u017ce logo *\/\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 18px;\n  flex-wrap: nowrap;\n  position: relative;\n  z-index: 1000003;\n}\n\n\/* LOGO \u2013 WERSJA ULTRA CZYTELNA (2x+) *\/\n.alku-logo{\n  display: flex;\n  align-items: center;\n  gap: 14px;\n  min-width: 260px;\n  flex: 0 0 auto;\n  position: relative;\n  z-index: 1000004;\n}\n\n.alku-logo img{\n  height: 120px !important;\n  width: auto !important;\n  max-height: 120px !important;\n  opacity: 1 !important;\n  filter: none !important;\n  display: block !important;\n  position: relative;\n  z-index: 1000005;\n}\n\n\/* MENU CENTRALNE *\/\n.alku-menu{\n  display: flex;\n  align-items: center;\n  gap: 32px;\n  justify-content: center;\n  flex: 1 1 auto;\n  min-width: 0;\n}\n\n.alku-menu a{\n  text-decoration: none !important;\n  font-size: 16px !important;\n  font-weight: 800 !important;\n  letter-spacing: 0.04em;\n  color: #0b1220 !important;\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  padding: 8px 4px;\n  transition: all .2s ease;\n  border-bottom: 2px solid transparent;\n  white-space: nowrap;\n}\n\n.alku-menu a:hover{\n  border-bottom: 2px solid #0b1220;\n  transform: translateY(-1px);\n}\n\n.alku-menu svg{\n  width: 18px;\n  height: 18px;\n  flex: 0 0 auto;\n}\n\n\/* PANEL KLIENTA *\/\n.alku-right{\n  min-width: 220px;\n  display: flex;\n  justify-content: flex-end;\n  flex: 0 0 auto;\n}\n\n.alku-panel-btn{\n  background: #0b1220;\n  color: #ffffff !important;\n  padding: 14px 26px;\n  border-radius: 999px;\n  font-weight: 900;\n  font-size: 15px;\n  text-decoration: none !important;\n  letter-spacing: 0.03em;\n  transition: all .2s ease;\n  border: 1px solid #0b1220;\n  white-space: nowrap;\n}\n\n.alku-panel-btn:hover{\n  background: #111827;\n  transform: translateY(-1px);\n  box-shadow: 0 10px 25px rgba(0,0,0,0.15);\n}\n\n\/* BANER *\/\n.alku-banner-wrap{\n  width: 100%;\n  padding: 24px;\n}\n\n.alku-banner{\n  max-width: 1200px;\n  margin: 0 auto;\n  background: #f6e3e3;\n  border: 1px solid #f1b5b5;\n  border-radius: 22px;\n  padding: 34px 40px;\n  display: grid;\n  grid-template-columns: 60px 1fr;\n  align-items: center;\n  gap: 18px;\n}\n\n.alku-banner-icon{\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.alku-banner-icon svg{\n  width: 28px;\n  height: 28px;\n  color: #111827;\n}\n\n.alku-banner-text{\n  font-size: clamp(22px, 2.4vw, 32px);\n  font-weight: 900;\n  line-height: 1.35;\n  color: #0b1220;\n  text-align: center;\n  letter-spacing: -0.01em;\n}\n\n.alku-banner-text .highlight{\n  color: #e11d2e;\n}\n\n\/* TABLET *\/\n@media (max-width: 900px){\n  .alku-container{\n    padding: 14px 16px;\n    gap: 12px;\n  }\n  .alku-logo{\n    min-width: unset;\n  }\n  .alku-logo img{\n    height: 90px !important;\n    max-height: 90px !important;\n  }\n  .alku-right{\n    min-width: unset;\n  }\n  .alku-panel-btn{\n    padding: 12px 18px;\n    font-size: 14px;\n  }\n  .alku-menu{\n    gap: 18px;\n  }\n}\n\n\/* MOBILE \u2013 nadal stabilny uk\u0142ad *\/\n@media (max-width: 640px){\n  .alku-container{\n    flex-wrap: wrap;\n    align-items: center;\n  }\n\n  .alku-logo{\n    flex: 1 1 auto;\n    min-width: 0;\n  }\n\n  .alku-logo img{\n    height: 56px !important;\n    max-height: 56px !important;\n  }\n\n  .alku-right{\n    flex: 0 0 auto;\n  }\n\n  .alku-menu{\n    order: 3;\n    flex: 0 0 100%;\n    justify-content: flex-start;\n    gap: 10px;\n    padding-top: 10px;\n    margin-top: 8px;\n    border-top: 1px solid #eef2f7;\n    overflow-x: auto;\n    -webkit-overflow-scrolling: touch;\n    scrollbar-width: none;\n  }\n  .alku-menu::-webkit-scrollbar{ display:none; }\n\n  .alku-menu a{\n    border-bottom: 0;\n    padding: 10px 12px;\n    border-radius: 999px;\n    background: rgba(2,6,23,.04);\n    border: 1px solid rgba(2,6,23,.10);\n    font-size: 14px !important;\n  }\n  .alku-menu a:hover{\n    transform:none;\n    border-bottom: 0;\n    border-color: rgba(2,6,23,.22);\n  }\n\n  .alku-banner-wrap{\n    padding: 16px;\n  }\n  .alku-banner{\n    grid-template-columns: 1fr;\n    padding: 18px 16px;\n    gap: 10px;\n    border-radius: 18px;\n  }\n  .alku-banner-icon{\n    margin-bottom: 4px;\n  }\n  .alku-banner-text{\n    font-size: 18px;\n    line-height: 1.35;\n  }\n}\n<\/style>\n\n<div class=\"alku-header\">\n\n  <div class=\"alku-topbar\">\n    <div class=\"alku-container\">\n\n      <!-- LOGO -->\n      <div class=\"alku-logo\">\n        <img decoding=\"async\" src=\"\/wp-content\/grafiki\/logoR.png\" alt=\"ALKU-MED Medicine &amp; Cosmetology\">\n      <\/div>\n\n      <!-- MENU -->\n      <nav class=\"alku-menu\">\n        <a href=\"https:\/\/sterylizacja-grudziadz.pl\/\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\">\n            <path d=\"M12 2l7 4v6c0 5-3 9-7 10-4-1-7-5-7-10V6l7-4z\" stroke=\"currentColor\" stroke-width=\"2\"><\/path>\n          <\/svg>\n          STERYLIZACJA\n        <\/a>\n\n        <a href=\"https:\/\/sterylizacja-grudziadz.pl\/\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\">\n            <path d=\"M10 2v6l-5 9a4 4 0 0 0 3.5 6h7A4 4 0 0 0 19 17l-5-9V2\" stroke=\"currentColor\" stroke-width=\"2\"><\/path>\n          <\/svg>\n          TESTY SPORAL-A\n        <\/a>\n      <\/nav>\n\n      <!-- PANEL KLIENTA -->\n      <div class=\"alku-right\">\n        <a href=\"https:\/\/sterylizacja-grudziadz.pl\/index.php\/panel-klienta-2\/\" class=\"alku-panel-btn\">\n          PANEL KLIENTA\n        <\/a>\n      <\/div>\n\n    <\/div>\n  <\/div>\n\n  <div class=\"alku-banner-wrap\">\n    <div class=\"alku-banner\">\n      <div class=\"alku-banner-icon\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\">\n          <path d=\"M12 2a7 7 0 0 0-4 12c.7.7 1 1.5 1 2.5h6c0-1 .3-1.8 1-2.5A7 7 0 0 0 12 2z\" stroke=\"currentColor\" stroke-width=\"2\"><\/path>\n        <\/svg>\n      <\/div>\n      <div class=\"alku-banner-text\">\n        Koniec ze stresem podczas kontroli \u2013\n        <span class=\"highlight\">sprawd\u017a<\/span>, jakie rozwi\u0105zania przygotowali\u015bmy dla Ciebie.\n      <\/div>\n    <\/div>\n  <\/div>\n\n<\/div>\n\n\n\n<!-- =========================================================\nALKU-MED | STRONA: \"Chc\u0119 podpisa\u0107 umow\u0119 na badania laboratoryjne SPORAL-A\"\nWERSJA: FULL PAGE (sp\u00f3jno\u015b\u0107: SPORAL-A = zielony)\nFORMULARZ: Web3Forms (BEZ PHP) + obowi\u0105zkowy wyb\u00f3r pakietu\n========================================================= -->\n<section class=\"alkuSporalContractPage\" id=\"alku-umowa-sporal-a-page\">\n  <style>\n    .alkuSporalContractPage, .alkuSporalContractPage *{ box-sizing:border-box; }\n    .alkuSporalContractPage{\n      --green:#16a34a;\n      --ink:#0b1220;\n      --muted:#334155;\n      --line: rgba(2,6,23,.10);\n      --shadow: 0 18px 50px rgba(2,6,23,.06);\n      width:100%;\n      background:#fff;\n      color:var(--ink);\n      font-family:-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Arial,sans-serif;\n    }\n    .alkuSporalContractPage a{ text-decoration:none !important; }\n\n    .alkuSporalContractPage .wrap{\n      max-width: 1180px;\n      margin: 0 auto;\n      padding: 0 16px;\n    }\n\n    \/* HERO *\/\n    .alkuHero{ padding: 22px 0 10px; }\n    .alkuHero .heroCard{\n      border: 1px solid var(--line);\n      border-radius: 26px;\n      background:#fff;\n      box-shadow: var(--shadow);\n      padding: 28px 26px;\n      position:relative;\n      overflow:hidden;\n    }\n    .alkuHero .heroCard:before{\n      content:\"\";\n      position:absolute;\n      right:-240px;\n      top:-260px;\n      width: 620px;\n      height: 620px;\n      background: radial-gradient(circle at 30% 30%, rgba(22,163,74,.12), transparent 62%);\n      pointer-events:none;\n    }\n    .alkuHero .kicker{\n      display:inline-flex;\n      align-items:center;\n      gap: 10px;\n      font-weight: 950;\n      letter-spacing: .02em;\n      color: var(--green);\n      text-transform: uppercase;\n      font-size: 13px;\n      background: rgba(22,163,74,.08);\n      border: 1px solid rgba(22,163,74,.16);\n      padding: 8px 12px;\n      border-radius: 999px;\n      position:relative;\n      z-index:1;\n    }\n    .alkuHero .kdot{\n      width: 10px; height: 10px;\n      border-radius:999px;\n      background: var(--green);\n      box-shadow: 0 10px 22px rgba(22,163,74,.28);\n    }\n    .alkuHero h1{\n      margin: 14px 0 10px;\n      font-size: clamp(34px, 4vw, 64px);\n      line-height: 1.02;\n      letter-spacing: -0.035em;\n      font-weight: 950;\n      position:relative;\n      z-index:1;\n    }\n    .alkuHero .lead{\n      margin: 0;\n      font-size: 18px;\n      line-height: 1.8;\n      color: var(--muted);\n      font-weight: 750;\n      max-width: 98ch;\n      position:relative;\n      z-index:1;\n    }\n    .alkuHero .heroActions{\n      margin-top: 18px;\n      display:flex;\n      gap: 12px;\n      flex-wrap: wrap;\n      align-items:center;\n      position:relative;\n      z-index:1;\n    }\n\n    \/* BUTTONS *\/\n    .alkuBtn{\n      display:inline-flex;\n      align-items:center;\n      justify-content:center;\n      border-radius: 16px;\n      padding: 14px 18px;\n      font-weight: 950;\n      letter-spacing: .01em;\n      font-size: 16px;\n      transition: transform .14s ease, box-shadow .14s ease, filter .14s ease;\n      white-space: nowrap;\n      min-width: 240px;\n      border: 0;\n      cursor: pointer;\n    }\n    .alkuBtn.primary{\n      background: var(--green);\n      color:#fff !important;\n      border: 1px solid rgba(22,163,74,.20);\n      box-shadow: 0 18px 40px rgba(22,163,74,.18);\n    }\n    .alkuBtn.primary:hover{\n      transform: translateY(-1px);\n      box-shadow: 0 22px 50px rgba(22,163,74,.24);\n      filter: brightness(1.02);\n    }\n    .alkuBtn.ghost{\n      background:#fff;\n      color: var(--ink) !important;\n      border: 1px solid rgba(2,6,23,.16);\n    }\n    .alkuBtn.ghost:hover{\n      transform: translateY(-1px);\n      box-shadow: 0 18px 40px rgba(2,6,23,.10);\n    }\n\n    \/* SECTIONS *\/\n    .alkuSection{ padding: 12px 0 10px; }\n    .alkuGrid2{\n      display:grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 14px;\n    }\n    .alkuCard{\n      border: 1px solid var(--line);\n      border-radius: 22px;\n      background:#fff;\n      box-shadow: var(--shadow);\n      padding: 18px;\n      position:relative;\n      overflow:hidden;\n    }\n    .alkuCard:before{\n      content:\"\";\n      position:absolute;\n      right:-240px;\n      top:-260px;\n      width: 620px;\n      height: 620px;\n      background: radial-gradient(circle at 30% 30%, rgba(22,163,74,.10), transparent 62%);\n      pointer-events:none;\n    }\n    .alkuCard h2{\n      margin: 6px 0 10px;\n      font-size: clamp(24px, 2.6vw, 38px);\n      line-height: 1.1;\n      font-weight: 950;\n      letter-spacing: -0.03em;\n      position:relative;\n      z-index:1;\n    }\n    .alkuCard .sub{\n      margin: 0 0 12px;\n      color: var(--muted);\n      font-size: 16px;\n      line-height: 1.75;\n      font-weight: 750;\n      position:relative;\n      z-index:1;\n    }\n\n    \/* PACK CARDS *\/\n    .packGrid{\n      position:relative;\n      z-index:1;\n      display:grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 12px;\n      margin-top: 8px;\n    }\n    .pack{\n      border-radius: 18px;\n      border: 1px solid rgba(2,6,23,.10);\n      background: rgba(255,255,255,.92);\n      padding: 14px 14px;\n      position: relative;\n      overflow:hidden;\n      transition: transform .14s ease, box-shadow .14s ease, border-color .14s ease;\n      cursor:pointer;\n      min-height: 170px;\n    }\n    .pack:before{\n      content:\"\";\n      position:absolute;\n      right:-140px;\n      top:-160px;\n      width: 340px;\n      height: 340px;\n      background: radial-gradient(circle at 30% 30%, rgba(22,163,74,.12), transparent 62%);\n      pointer-events:none;\n    }\n    .pack .name{\n      font-weight: 950;\n      letter-spacing: -0.01em;\n      margin: 0 0 6px;\n      font-size: 18px;\n      position:relative;\n      z-index:1;\n    }\n    .pack .meta{\n      color: var(--muted);\n      font-weight: 750;\n      font-size: 14px;\n      line-height: 1.65;\n      position:relative;\n      z-index:1;\n      margin: 0;\n    }\n    .pack .price{\n      margin-top: 10px;\n      font-weight: 950;\n      color: var(--green);\n      position:relative;\n      z-index:1;\n    }\n    .pack.selected{\n      border-color: rgba(22,163,74,.60);\n      box-shadow: 0 18px 44px rgba(22,163,74,.18);\n      transform: translateY(-1px);\n      outline: 0;\n    }\n    .pack.selected .badge{\n      display:inline-flex;\n    }\n    .badge{\n      display:none;\n      align-items:center;\n      gap:8px;\n      margin-top: 10px;\n      padding: 8px 10px;\n      border-radius: 999px;\n      background: rgba(22,163,74,.10);\n      border: 1px solid rgba(22,163,74,.18);\n      font-weight: 950;\n      font-size: 12px;\n      color: rgba(2,6,23,.86);\n      position:relative;\n      z-index:1;\n      width: fit-content;\n    }\n    .badge .dot{\n      width: 9px; height: 9px; border-radius:999px;\n      background: var(--green);\n      box-shadow: 0 10px 22px rgba(22,163,74,.24);\n    }\n\n    \/* FORM *\/\n    .alkuFormWrap{ padding: 10px 0 34px; }\n    .alkuFormCard{\n      border:1px solid var(--line);\n      border-radius: 22px;\n      background:#fff;\n      box-shadow: var(--shadow);\n      padding: 18px;\n      position:relative;\n      overflow:hidden;\n    }\n    .alkuFormCard:before{\n      content:\"\";\n      position:absolute;\n      right:-240px;\n      top:-260px;\n      width: 620px;\n      height: 620px;\n      background: radial-gradient(circle at 30% 30%, rgba(22,163,74,.12), transparent 62%);\n      pointer-events:none;\n    }\n    .alkuFormCard h2{\n      margin: 6px 0 6px;\n      font-size: clamp(26px, 2.7vw, 40px);\n      line-height: 1.08;\n      font-weight: 950;\n      letter-spacing: -0.03em;\n      position:relative;\n      z-index:1;\n    }\n    .alkuFormCard .sub{\n      margin: 0 0 10px;\n      color: var(--muted);\n      font-size: 16px;\n      line-height: 1.75;\n      font-weight: 750;\n      max-width: 98ch;\n      position:relative;\n      z-index:1;\n    }\n    .alkuFormCard .grid{\n      display:grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 14px;\n      position:relative;\n      z-index:1;\n    }\n    .alkuFormCard .full{ grid-column: 1 \/ -1; }\n    .alkuFormCard label{\n      display:block;\n      font-size: 14px;\n      font-weight: 900;\n      margin: 10px 0 6px;\n    }\n    .alkuFormCard input[type=\"text\"],\n    .alkuFormCard input[type=\"email\"],\n    .alkuFormCard input[type=\"tel\"],\n    .alkuFormCard textarea,\n    .alkuFormCard select{\n      width:100%;\n      padding: 13px 12px;\n      border-radius: 14px;\n      border: 1px solid rgba(2,6,23,.14);\n      background:#fff;\n      font-size: 16px;\n      font-weight: 700;\n      color: var(--ink);\n      outline:none;\n      transition: border-color .15s ease, box-shadow .15s ease;\n    }\n    .alkuFormCard textarea{ min-height: 120px; resize: vertical; }\n    .alkuFormCard input:focus,\n    .alkuFormCard textarea:focus,\n    .alkuFormCard select:focus{\n      border-color: rgba(22,163,74,.55);\n      box-shadow: 0 0 0 4px rgba(22,163,74,.12);\n    }\n    .alkuFormCard .hint{\n      margin: 8px 0 0;\n      font-size: 14px;\n      line-height: 1.6;\n      color:#475569;\n      font-weight: 650;\n    }\n\n    \/* dynamic plan summary *\/\n    .planSummary{\n      margin-top: 12px;\n      border-radius: 18px;\n      border: 1px solid rgba(22,163,74,.22);\n      background: linear-gradient(180deg, rgba(22,163,74,.07), rgba(22,163,74,.02));\n      padding: 14px 14px;\n      display:none;\n    }\n    .planSummary .t{\n      font-weight: 950;\n      margin: 0 0 6px;\n      letter-spacing: -0.01em;\n    }\n    .planSummary .rows{\n      display:flex;\n      flex-direction: column;\n      gap: 10px;\n      margin-top: 10px;\n    }\n    .planSummary .row{\n      display:flex;\n      gap: 10px;\n      align-items:flex-start;\n      padding: 10px 10px;\n      border-radius: 14px;\n      background: rgba(255,255,255,.85);\n      border: 1px solid rgba(2,6,23,.08);\n    }\n    .planSummary .tick{\n      width: 24px; height:24px;\n      border-radius:999px;\n      border: 2px solid rgba(22,163,74,.60);\n      display:flex;\n      align-items:center;\n      justify-content:center;\n      flex: 0 0 24px;\n      margin-top: 2px;\n    }\n    .planSummary .tick svg{ width: 14px; height: 14px; stroke: var(--green); stroke-width: 3; fill:none; }\n    .planSummary .txt{\n      font-size: 14px;\n      line-height: 1.65;\n      font-weight: 750;\n      color: var(--muted);\n    }\n    .planSummary .txt b{ color: var(--ink); font-weight: 950; }\n\n    .alkuFormCard .checks{\n      margin-top: 14px;\n      display:flex;\n      flex-direction: column;\n      gap: 10px;\n      padding-top: 12px;\n      border-top: 1px solid var(--line);\n      position:relative;\n      z-index:1;\n    }\n    .alkuFormCard .check{\n      display:flex;\n      gap: 10px;\n      align-items:flex-start;\n      font-size: 15px;\n      line-height: 1.6;\n      font-weight: 700;\n      color: var(--ink);\n    }\n    .alkuFormCard .check input{\n      margin-top: 3px;\n      width: 18px; height: 18px;\n      flex: 0 0 18px;\n      accent-color: var(--green);\n      cursor:pointer;\n    }\n    .alkuFormCard .check small{\n      display:block;\n      color:#475569;\n      font-weight: 650;\n      margin-top: 4px;\n    }\n    .alkuFormCard .check small b{ color: var(--ink); font-weight: 950; }\n\n    .alkuFormCard .actions{\n      margin-top: 16px;\n      display:flex;\n      gap: 12px;\n      flex-wrap: wrap;\n      align-items:center;\n      justify-content: space-between;\n      position:relative;\n      z-index:1;\n    }\n    .alkuFormCard .status{\n      font-size: 14px;\n      line-height: 1.6;\n      font-weight: 800;\n      color: var(--muted);\n      flex: 1 1 auto;\n      min-width: 220px;\n    }\n    .alkuFormCard .status.ok{ color:#166534; }\n    .alkuFormCard .status.err{ color:#b91c1c; }\n\n    .alkuThanks{ display:none; position:relative; z-index:1; padding: 6px 2px 2px; }\n    .alkuThanks .box{\n      border-radius: 18px;\n      border: 1px solid rgba(22,163,74,.25);\n      background: linear-gradient(180deg, rgba(22,163,74,.08), rgba(22,163,74,.02));\n      padding: 18px 16px;\n    }\n    .alkuThanks .t{\n      margin: 0 0 6px;\n      font-size: 22px;\n      font-weight: 950;\n      letter-spacing: -0.01em;\n    }\n    .alkuThanks .d{\n      margin: 0;\n      font-size: 16px;\n      line-height: 1.75;\n      color: var(--muted);\n      font-weight: 750;\n      max-width: 98ch;\n    }\n    .alkuThanks .cta{\n      margin-top: 14px;\n      display:flex;\n      gap: 10px;\n      flex-wrap: wrap;\n      align-items:center;\n    }\n\n    \/* MOBILE *\/\n    @media (max-width: 980px){\n      .alkuGrid2{ grid-template-columns: 1fr; }\n      .packGrid{ grid-template-columns: 1fr; }\n      .pack{ min-height: unset; }\n    }\n    @media (max-width: 820px){\n      .alkuBtn{ width:100%; min-width: unset; }\n      .alkuHero .heroActions{ gap: 10px; }\n      .alkuFormCard .grid{ grid-template-columns: 1fr; }\n      .alkuFormCard .actions{ gap: 10px; }\n      .alkuThanks .cta .alkuBtn{ width:100%; }\n    }\n  <\/style>\n\n  <!-- HERO -->\n  <div class=\"alkuHero\">\n    <div class=\"wrap\">\n      <div class=\"heroCard\">\n        <div class=\"kicker\"><span class=\"kdot\"><\/span> SPORAL-A \u2014 umowa B2B<\/div>\n        <h1>Chc\u0119 podpisa\u0107 umow\u0119 na badania laboratoryjne SPORAL-A<\/h1>\n        <p class=\"lead\">\n          Wybierz wariant wsp\u00f3\u0142pracy i wype\u0142nij formularz. Po weryfikacji zg\u0142oszenia przygotujemy dokumenty do podpisu\n          oraz ustalimy harmonogram test\u00f3w. Wyniki i raporty b\u0119d\u0105 uporz\u0105dkowane pod potrzeby dokumentacji i kontroli.\n        <\/p>\n\n        <div class=\"heroActions\">\n          <a class=\"alkuBtn primary\" href=\"#formularz\">Przejd\u017a do formularza<\/a>\n          <a class=\"alkuBtn ghost\" href=\"https:\/\/sterylizacja-grudziadz.pl\/index.php\/sporal\/\">Zobacz ofert\u0119 SPORAL-A<\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- WYB\u00d3R PAKIETU -->\n  <div class=\"alkuSection\">\n    <div class=\"wrap\">\n      <div class=\"alkuCard\" id=\"pakiety\">\n        <h2>Wybierz pakiet umowy<\/h2>\n        <p class=\"sub\">Wyb\u00f3r pakietu jest wymagany \u2014 po zaznaczeniu warunki pojawi\u0105 si\u0119 r\u00f3wnie\u017c w formularzu.<\/p>\n\n        <div class=\"packGrid\" role=\"list\">\n          <div class=\"pack selected\" role=\"listitem\" tabindex=\"0\" data-plan=\"Podstawowy\">\n            <div class=\"name\">Podstawowy<\/div>\n            <p class=\"meta\">Test co 365 dni \u2022 2 testy w 2 lata<\/p>\n            <div class=\"price\">139 z\u0142 \/ test + 10 z\u0142 kr\u0105\u017cek<\/div>\n            <div class=\"badge\"><span class=\"dot\"><\/span>Wybrany pakiet<\/div>\n          <\/div>\n\n          <div class=\"pack\" role=\"listitem\" tabindex=\"0\" data-plan=\"Rozszerzony\">\n            <div class=\"name\">Rozszerzony<\/div>\n            <p class=\"meta\">Test co 180 dni \u2022 4 testy w 2 lata<\/p>\n            <div class=\"price\">99 z\u0142 \/ test + 10 z\u0142 kr\u0105\u017cek<\/div>\n            <div class=\"badge\"><span class=\"dot\"><\/span>Wybrany pakiet<\/div>\n          <\/div>\n\n          <div class=\"pack\" role=\"listitem\" tabindex=\"0\" data-plan=\"Kompleksowy\">\n            <div class=\"name\">Kompleksowy<\/div>\n            <p class=\"meta\">Test co 90 dni \u2022 8 test\u00f3w w 2 lata<\/p>\n            <div class=\"price\">49 z\u0142 \/ test + 10 z\u0142 kr\u0105\u017cek<\/div>\n            <div class=\"badge\"><span class=\"dot\"><\/span>Wybrany pakiet<\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"planSummary\" id=\"planSummary\">\n          <div class=\"t\" id=\"planSummaryTitle\">Wybrany pakiet: Podstawowy<\/div>\n          <div class=\"rows\" id=\"planSummaryRows\"><\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- FORMULARZ -->\n  <div class=\"alkuFormWrap\" id=\"formularz\">\n    <div class=\"wrap\">\n      <div class=\"alkuFormCard\">\n        <h2>Formularz \u2014 umowa SPORAL-A<\/h2>\n        <p class=\"sub\">\n          Wype\u0142nij dane i wybierz pakiet. To nie jest jeszcze umowa \u2014 w\u0142a\u015bciwe dokumenty do podpisu otrzymasz e-mailem po weryfikacji zg\u0142oszenia.\n        <\/p>\n\n        <form id=\"alkuSporalContractForm\" novalidate>\n          <!-- Web3Forms -->\n          <!-- \u2705 PODMIENIONY KLUCZ -->\n          <input type=\"hidden\" name=\"access_key\" value=\"d6ce63b3-72fb-49de-80f9-8377bac18815\">\n          <input type=\"hidden\" name=\"subject\" value=\"ALKU-MED \u2014 Zg\u0142oszenie: umowa SPORAL-A\">\n          <input type=\"hidden\" name=\"from_name\" value=\"ALKU-MED | SPORAL-A (umowa)\">\n          <input type=\"hidden\" name=\"replyto\" value=\"\">\n          <input type=\"checkbox\" name=\"botcheck\" style=\"display:none\">\n\n          <!-- wybrany pakiet (uzupe\u0142nia JS) -->\n          <input type=\"hidden\" name=\"pakiet_sporal\" id=\"pakiet_sporal\" value=\"Podstawowy\">\n\n          <div class=\"grid\">\n            <div class=\"full\">\n              <label>Nazwa firmy<\/label>\n              <input name=\"firma\" type=\"text\" required placeholder=\"np. Beauty Studio XYZ\">\n            <\/div>\n\n            <div class=\"full\">\n              <label>Ulica, nr domu \/ mieszkania<\/label>\n              <input name=\"ulica\" type=\"text\" required placeholder=\"np. Sienkiewicza 12\/3\">\n            <\/div>\n\n            <div>\n              <label>Kod pocztowy<\/label>\n              <input name=\"kod\" type=\"text\" required placeholder=\"np. 86-300\">\n            <\/div>\n\n            <div>\n              <label>Miejscowo\u015b\u0107<\/label>\n              <input name=\"miasto\" type=\"text\" required placeholder=\"np. Grudzi\u0105dz\">\n            <\/div>\n\n            <div>\n              <label>NIP<\/label>\n              <input name=\"nip\" type=\"text\" required placeholder=\"np. 1234567890\">\n              <div class=\"hint\">Wpisz 10 cyfr (bez spacji i my\u015blnik\u00f3w).<\/div>\n            <\/div>\n\n            <div>\n              <label>Numer telefonu<\/label>\n              <input name=\"telefon\" type=\"tel\" required placeholder=\"np. +48 600 000 000\">\n            <\/div>\n\n            <div class=\"full\">\n              <label>Adres e-mail<\/label>\n              <input name=\"email\" type=\"email\" required placeholder=\"np. kontakt@twojafirma.pl\">\n            <\/div>\n\n            <div class=\"full\">\n              <label>Wybrany pakiet umowy SPORAL-A<\/label>\n              <select name=\"pakiet_sporal_select\" id=\"pakiet_sporal_select\" required>\n                <option value=\"Podstawowy\" selected>Podstawowy<\/option>\n                <option value=\"Rozszerzony\">Rozszerzony<\/option>\n                <option value=\"Kompleksowy\">Kompleksowy<\/option>\n              <\/select>\n              <div class=\"hint\">Pakiet musi by\u0107 wybrany \u2014 warunki zobaczysz powy\u017cej oraz w podsumowaniu poni\u017cej.<\/div>\n\n              <div class=\"planSummary\" id=\"planSummaryInForm\" style=\"display:block; margin-top:12px;\">\n                <div class=\"t\" id=\"planSummaryTitleInForm\">Wybrany pakiet: Podstawowy<\/div>\n                <div class=\"rows\" id=\"planSummaryRowsInForm\"><\/div>\n              <\/div>\n            <\/div>\n\n            <div class=\"full\">\n              <label>Uwagi (opcjonalnie)<\/label>\n              <textarea name=\"uwagi\" placeholder=\"Np. preferowany termin kontaktu, spos\u00f3b odbioru zestawu, dodatkowe informacje\u2026\"><\/textarea>\n            <\/div>\n\n            <div class=\"full checks\">\n              <label style=\"margin:0 0 2px;\">Zgody i potwierdzenia<\/label>\n\n              <div class=\"check\">\n                <input type=\"checkbox\" id=\"zg_rodo\" required>\n                <div>Wyra\u017cam zgod\u0119 na przetwarzanie danych na potrzeby przygotowania oferty i dokument\u00f3w umowy.<\/div>\n              <\/div>\n\n              <div class=\"check\">\n                <input type=\"checkbox\" id=\"zg_elektr\" required>\n                <div>\n                  Wyra\u017cam zgod\u0119 na zawarcie umowy w formie elektronicznej.\n                  <small><b>To nie jest jeszcze umowa<\/b> \u2014 w\u0142a\u015bciwy dokument do podpisu otrzymam e-mailem po weryfikacji zg\u0142oszenia.<\/small>\n                <\/div>\n              <\/div>\n\n              <div class=\"check\">\n                <input type=\"checkbox\" id=\"zg_kontakt\" required>\n                <div>Wyra\u017cam zgod\u0119 na kontakt telefoniczny\/e-mail w celu przedstawienia oferty i doprecyzowania warunk\u00f3w.<\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n\n          <div class=\"actions\">\n            <button class=\"alkuBtn primary\" type=\"submit\">Wy\u015blij zg\u0142oszenie<\/button>\n            <a class=\"alkuBtn ghost\" href=\"https:\/\/sterylizacja-grudziadz.pl\/index.php\/sporal\/\">Powr\u00f3t do oferty SPORAL-A<\/a>\n            <div class=\"status\" id=\"sporalStatus\" aria-live=\"polite\"><\/div>\n          <\/div>\n        <\/form>\n\n        <!-- PODZI\u0118KOWANIE -->\n        <div class=\"alkuThanks\" id=\"sporalThanks\" aria-live=\"polite\">\n          <div class=\"box\">\n            <div class=\"t\">Dzi\u0119kujemy! Zg\u0142oszenie zosta\u0142o wys\u0142ane.<\/div>\n            <p class=\"d\">\n              Skontaktujemy si\u0119, aby potwierdzi\u0107 dane i przygotowa\u0107 dokumenty do podpisu.\n              To nie jest jeszcze umowa \u2014 w\u0142a\u015bciwy dokument otrzymasz e-mailem po weryfikacji.\n            <\/p>\n            <div class=\"cta\">\n              <a class=\"alkuBtn primary\" href=\"https:\/\/sterylizacja-grudziadz.pl\/index.php\/sporal\/\">\n                Zobacz ofert\u0119 SPORAL-A\n              <\/a>\n              <button class=\"alkuBtn ghost\" type=\"button\" id=\"sporalAgain\">Wy\u015blij kolejne zg\u0142oszenie<\/button>\n            <\/div>\n          <\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <script>\n    (function(){\n      const root = document.getElementById('alku-umowa-sporal-a-page');\n      if(!root) return;\n\n      const packs = Array.from(root.querySelectorAll('.pack'));\n      const summaryTop = root.querySelector('#planSummary');\n      const summaryTopTitle = root.querySelector('#planSummaryTitle');\n      const summaryTopRows = root.querySelector('#planSummaryRows');\n\n      const form = root.querySelector('#alkuSporalContractForm');\n      const statusEl = root.querySelector('#sporalStatus');\n      const thanksEl = root.querySelector('#sporalThanks');\n      const againBtn = root.querySelector('#sporalAgain');\n\n      const sel = root.querySelector('#pakiet_sporal_select');\n      const hiddenPlan = root.querySelector('#pakiet_sporal');\n\n      const summaryFormTitle = root.querySelector('#planSummaryTitleInForm');\n      const summaryFormRows = root.querySelector('#planSummaryRowsInForm');\n\n      const PLANS = {\n        \"Podstawowy\": [\n          \"<b>Minimalny czas trwania umowy:<\/b> 2 lata\",\n          \"<b>Cz\u0119stotliwo\u015b\u0107 testu SPORAL-A:<\/b> 365 dni (2 testy w trakcie umowy)\",\n          \"<b>Cena za 1 test:<\/b> 139 z\u0142\",\n          \"<b>Cena kr\u0105\u017cka testowego:<\/b> 10 z\u0142\",\n          \"<b>Faktura:<\/b> na koniec miesi\u0105ca, w kt\u00f3rym wykonano test\"\n        ],\n        \"Rozszerzony\": [\n          \"<b>Minimalny czas trwania umowy:<\/b> 2 lata\",\n          \"<b>Cz\u0119stotliwo\u015b\u0107 testu SPORAL-A:<\/b> co 180 dni (4 testy w trakcie umowy)\",\n          \"<b>Cena za 1 test:<\/b> 99 z\u0142\",\n          \"<b>Cena kr\u0105\u017cka testowego:<\/b> 10 z\u0142\",\n          \"<b>Faktura:<\/b> na koniec miesi\u0105ca, w kt\u00f3rym wykonano test\"\n        ],\n        \"Kompleksowy\": [\n          \"<b>Minimalny czas trwania umowy:<\/b> 2 lata\",\n          \"<b>Cz\u0119stotliwo\u015b\u0107 testu SPORAL-A:<\/b> co 90 dni (8 test\u00f3w w trakcie umowy)\",\n          \"<b>Cena za 1 test:<\/b> 49 z\u0142\",\n          \"<b>Cena kr\u0105\u017cka testowego:<\/b> 10 z\u0142\",\n          \"<b>Faktura:<\/b> na koniec miesi\u0105ca, w kt\u00f3rym wykonano test\"\n        ]\n      };\n\n      const tick = `<span class=\"tick\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/span>`;\n\n      function setStatus(msg, type){\n        statusEl.textContent = msg || '';\n        statusEl.classList.remove('ok','err');\n        if(type) statusEl.classList.add(type);\n      }\n      function onlyDigits(s){ return (s||'').replace(\/\\D+\/g,''); }\n\n      function renderSummary(plan){\n        const items = PLANS[plan] || [];\n        const html = items.map(x => `<div class=\"row\">${tick}<div class=\"txt\">${x}<\/div><\/div>`).join(\"\");\n        summaryTopTitle.textContent = \"Wybrany pakiet: \" + plan;\n        summaryTopRows.innerHTML = html;\n        summaryTop.style.display = 'block';\n\n        summaryFormTitle.textContent = \"Wybrany pakiet: \" + plan;\n        summaryFormRows.innerHTML = html;\n      }\n\n      function selectPlan(plan){\n        packs.forEach(p=>{\n          const is = (p.dataset.plan === plan);\n          p.classList.toggle('selected', is);\n        });\n\n        if(sel) sel.value = plan;\n        if(hiddenPlan) hiddenPlan.value = plan;\n\n        renderSummary(plan);\n      }\n\n      selectPlan(\"Podstawowy\");\n\n      packs.forEach(p=>{\n        p.addEventListener('click', ()=> selectPlan(p.dataset.plan));\n        p.addEventListener('keydown', (e)=>{\n          if(e.key === 'Enter' || e.key === ' '){\n            e.preventDefault();\n            selectPlan(p.dataset.plan);\n          }\n        });\n      });\n\n      if(sel){\n        sel.addEventListener('change', ()=> selectPlan(sel.value));\n      }\n\n      if(againBtn){\n        againBtn.addEventListener('click', ()=>{\n          thanksEl.style.display = 'none';\n          form.style.display = '';\n          setStatus('');\n          form.scrollIntoView({ behavior:'smooth', block:'start' });\n        });\n      }\n\n      form.addEventListener('submit', async (e)=>{\n        e.preventDefault();\n        setStatus('');\n\n        const fd = new FormData(form);\n\n        const nip = onlyDigits(fd.get('nip'));\n        if(nip.length !== 10){\n          setStatus('NIP powinien mie\u0107 10 cyfr (bez spacji i znak\u00f3w).', 'err');\n          return;\n        }\n        fd.set('nip', nip);\n\n        const email = String(fd.get('email')||'').trim();\n        fd.set('replyto', email);\n\n        const plan = String(hiddenPlan.value || sel.value || '').trim();\n        if(!plan){\n          setStatus('Wybierz pakiet umowy SPORAL-A.', 'err');\n          return;\n        }\n        fd.set('pakiet_sporal', plan);\n\n        const items = (PLANS[plan] || []).map(x => x.replace(\/<[^>]+>\/g,''));\n        const addInfo = \"\\n\\n--- WYBRANY PAKIET SPORAL-A ---\\n\" + plan + \"\\n\" + items.map(x => \"- \" + x).join(\"\\n\") + \"\\n\";\n        const oldUwagi = String(fd.get('uwagi') || '');\n        fd.set('uwagi', (oldUwagi ? oldUwagi : '') + addInfo);\n\n        setStatus('Wysy\u0142am zg\u0142oszenie\u2026');\n\n        try{\n          const res = await fetch('https:\/\/api.web3forms.com\/submit', { method:'POST', body: fd });\n          const json = await res.json().catch(()=>null);\n          if(!res.ok || !json || !json.success){\n            throw new Error('B\u0142\u0105d wysy\u0142ki.');\n          }\n\n          form.reset();\n          selectPlan(\"Podstawowy\");\n\n          form.style.display = 'none';\n          thanksEl.style.display = 'block';\n          setStatus('');\n          thanksEl.scrollIntoView({ behavior:'smooth', block:'start' });\n\n        }catch(err){\n          setStatus('Nie uda\u0142o si\u0119 wys\u0142a\u0107 zg\u0142oszenia. Spr\u00f3buj ponownie lub skontaktuj si\u0119 z nami.', 'err');\n        }\n      });\n    })();\n  <\/script>\n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>STERYLIZACJA TESTY SPORAL-A PANEL KLIENTA Koniec ze stresem podczas kontroli \u2013 sprawd\u017a, jakie rozwi\u0105zania przygotowali\u015bmy dla Ciebie. SPORAL-A \u2014 umowa [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-439","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"\u0141ukasz Che\u0142miniak","author_link":"https:\/\/sterylizacja-grudziadz.pl\/index.php\/author\/admin\/"},"uagb_comment_info":0,"uagb_excerpt":"STERYLIZACJA TESTY SPORAL-A PANEL KLIENTA Koniec ze stresem podczas kontroli \u2013 sprawd\u017a, jakie rozwi\u0105zania przygotowali\u015bmy dla Ciebie. SPORAL-A \u2014 umowa [&hellip;]","_links":{"self":[{"href":"https:\/\/sterylizacja-grudziadz.pl\/index.php\/wp-json\/wp\/v2\/pages\/439","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sterylizacja-grudziadz.pl\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sterylizacja-grudziadz.pl\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sterylizacja-grudziadz.pl\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sterylizacja-grudziadz.pl\/index.php\/wp-json\/wp\/v2\/comments?post=439"}],"version-history":[{"count":6,"href":"https:\/\/sterylizacja-grudziadz.pl\/index.php\/wp-json\/wp\/v2\/pages\/439\/revisions"}],"predecessor-version":[{"id":452,"href":"https:\/\/sterylizacja-grudziadz.pl\/index.php\/wp-json\/wp\/v2\/pages\/439\/revisions\/452"}],"wp:attachment":[{"href":"https:\/\/sterylizacja-grudziadz.pl\/index.php\/wp-json\/wp\/v2\/media?parent=439"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}