/* v9: większy DZK, nowocześniejszy formularz, elementy podnoszące konwersję */

/* ---------- DZK ---------- */
.dzk9b { display: none; }
.dzk9 { width: 150px !important; top: -128px !important; right: -10px !important; }
.hero7__form { margin-top: 104px !important; }
.hero7__form .quiz__hd { padding-right: 96px; }
@media (min-width: 1000px) {
  .dzk9 { display: none !important; }
  .hero7__form .quiz__hd { padding-right: 0; }
  .hero7 { padding-bottom: 120px !important; }
  .hero7__w { grid-template-columns: 1fr 500px !important; gap: 40px !important; align-items: start !important; }
  .hero7__form { margin-top: 0 !important; }
  .hero7__form .quiz { margin-right: 0 !important; }
  .dol9 { display: grid; grid-template-columns: 240px 1fr; gap: 10px; align-items: end; margin-top: 22px; }
  .dol9 .fakty9 { grid-template-columns: 1fr; margin: 0 0 40px; }
  .dzk9b { display: block; width: 330px; height: auto; margin: -40px 0 -160px auto; transform: scaleX(-1); filter: drop-shadow(0 24px 24px rgba(0,0,0,.45)); position: relative; z-index: 2; pointer-events: none; animation: dzk9 4s ease-in-out infinite; }
}
@media (min-width: 1280px) { .dzk9b { width: 380px; margin-right: -50px; } }
@keyframes dzk9 { 50% { translate: 0 -8px; } }

/* ---------- formularz ---------- */
.hero7__form .quiz { border: 0 !important; border-radius: 28px !important; padding: 22px !important; box-shadow: 0 0 0 1px rgba(255,255,255,.6), 0 0 0 7px rgba(255,198,41,.35), 0 40px 80px -30px rgba(0,0,0,.75) !important; background: #fff; }
.hero7__form .quiz::before { content: ""; position: absolute; left: 22px; right: 22px; top: 0; height: 5px; border-radius: 0 0 6px 6px; background: linear-gradient(90deg, var(--y), #2BBF73); }
.q9top { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-bottom: 12px; }
.q9live { display: inline-flex; align-items: center; gap: 8px; font-size: 12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: #146B43; }
.q9live i { width: 8px; height: 8px; border-radius: 50%; background: #2BBF73; box-shadow: 0 0 0 0 rgba(43,191,115,.6); animation: puls9 1.8s infinite; }
@keyframes puls9 { 70% { box-shadow: 0 0 0 8px rgba(43,191,115,0); } 100% { box-shadow: 0 0 0 0 rgba(43,191,115,0); } }
.q9czas { display: inline-flex; align-items: center; gap: 5px; font-size: 12.5px; font-weight: 700; color: #5B6762; background: #F2F4F1; border-radius: 99px; padding: 4px 10px; }
.q9czas svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; }
.hero7__form .quiz__dymek { background: none !important; padding: 0 !important; font-family: var(--fl); font-weight: 700; font-size: 22px !important; line-height: 1.15 !important; letter-spacing: -.01em; word-spacing: .08em; color: var(--k); }
.q9kroki { list-style: none; padding: 0; margin: 14px 0 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; counter-reset: k; }
.q9kroki li { counter-increment: k; font-size: 11.5px; font-weight: 700; color: #9AA39F; padding-top: 9px; position: relative; transition: color .3s; }
.q9kroki li::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 5px; border-radius: 99px; background: #ECEFEA; transition: background .4s; }
.quiz[data-k="1"] .q9kroki li:nth-child(-n+1), .quiz[data-k="2"] .q9kroki li:nth-child(-n+2), .quiz[data-k="3"] .q9kroki li:nth-child(-n+3), .quiz[data-k="4"] .q9kroki li, .quiz[data-k="5"] .q9kroki li { color: var(--k); }
.quiz[data-k="1"] .q9kroki li:nth-child(-n+1)::before, .quiz[data-k="2"] .q9kroki li:nth-child(-n+2)::before, .quiz[data-k="3"] .q9kroki li:nth-child(-n+3)::before, .quiz[data-k="4"] .q9kroki li::before, .quiz[data-k="5"] .q9kroki li::before { background: linear-gradient(90deg, #1F9D55, #2BBF73); }
.quiz:not([data-k]) .q9kroki li:first-child { color: var(--k); }
.quiz:not([data-k]) .q9kroki li:first-child::before { background: linear-gradient(90deg, #1F9D55, #2BBF73); }
.hero7__form .quiz__hd { margin-bottom: 16px !important; }

/* kafelki */
.hero7__form .temat, .hero7__form .opcja { border: 1.5px solid #E3E7E1 !important; box-shadow: 0 1px 0 rgba(0,0,0,.04) !important; border-radius: 18px !important; background: #fff; transition: transform .2s, border-color .2s, box-shadow .2s, background .2s !important; }
.hero7__form .temat:hover, .hero7__form .opcja:hover { border-color: #1F9D55 !important; transform: translateY(-2px) !important; box-shadow: 0 12px 24px -14px rgba(15,61,46,.45) !important; }
.hero7__form .temat:has(input:checked), .hero7__form .opcja:has(input:checked) { border-color: #1F9D55 !important; background: #EEF8F2 !important; box-shadow: inset 0 0 0 1px #1F9D55 !important; }
.hero7__form .temat b span { width: 30px; height: 30px; border-radius: 50%; display: grid; place-items: center; background: #F2F4F1; font-size: 14px; color: var(--k); transition: background .2s, transform .2s; }
.hero7__form .temat:hover b span { background: var(--y); transform: none; }
.hero7__form .temat__ik { background: #FFF7DC !important; border-radius: 14px !important; }
.hero7__form .temat--nw { border-style: dashed !important; background: #FBFAF4 !important; }
.hero7__form .opcja { padding: 16px 18px !important; font-weight: 700 !important; }
.hero7__form .krok legend:not(.sr) { font-family: var(--fl); font-weight: 700; font-size: 21px; letter-spacing: -.01em; word-spacing: .08em; }

/* liczenie */
.q9liczy { text-align: center; padding: 34px 10px 26px; animation: wjazd .3s; }
.q9kolo { width: 58px; height: 58px; margin: 0 auto 16px; border-radius: 50%; border: 5px solid #ECEFEA; border-top-color: #1F9D55; border-right-color: var(--y); animation: kreci9 .8s linear infinite; }
@keyframes kreci9 { to { transform: rotate(1turn); } }
.q9liczy b { font-family: var(--fl); font-size: 22px; font-weight: 700; }
.q9liczy ul { list-style: none; padding: 0; margin: 14px auto 0; display: grid; gap: 8px; max-width: 260px; text-align: left; }
.q9liczy li { font-size: 14.5px; font-weight: 600; color: #5B6762; display: flex; gap: 10px; align-items: center; opacity: .35; animation: lista9 .3s forwards; }
.q9liczy li::before { content: "✓"; width: 20px; height: 20px; border-radius: 50%; display: grid; place-items: center; background: #1F9D55; color: #fff; font-size: 11px; font-weight: 900; }
.q9liczy li:nth-child(1) { animation-delay: .3s; } .q9liczy li:nth-child(2) { animation-delay: .75s; } .q9liczy li:nth-child(3) { animation-delay: 1.2s; }
@keyframes lista9 { to { opacity: 1; color: var(--k); } }
.quiz--liczy .quiz__ft .wstecz { visibility: hidden; }

/* wynik: zakryte szczegóły + koszt czekania */
.krok--wynik #wDane div:nth-child(n+3) dd { filter: blur(6px); user-select: none; }
.q9zamek { display: flex; align-items: center; gap: 8px; margin: 10px 0 0; font-size: 13px; font-weight: 700; color: var(--y); }
.q9zamek svg { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 2; flex: none; }
.strata9 { margin-top: 14px; padding: 14px 16px; border-radius: 16px; background: #FFF1EC; border: 1.5px solid #FFC9B8; color: #6B1F0A; }
.strata9 b { display: block; font-size: 15px; line-height: 1.35; }
.strata9 span { display: block; margin-top: 4px; font-size: 13.5px; line-height: 1.4; }
.q9pod { margin: 8px 0 0; text-align: center; font-size: 13px; font-weight: 600; color: #5B6762; }
.hero7__form .pole input { border-radius: 14px !important; border: 1.5px solid #E3E7E1 !important; height: 52px; font-size: 16px; transition: border-color .2s, box-shadow .2s; }
.hero7__form .pole input:focus { border-color: #1F9D55 !important; box-shadow: 0 0 0 4px rgba(31,157,85,.15) !important; outline: 0; }
.hero7__form .btn--pelny { height: 60px; font-size: 17px !important; border-radius: 16px !important; animation: btn9 2.6s ease-in-out infinite; }
@keyframes btn9 { 0%, 80%, 100% { transform: none; } 88% { transform: scale(1.03); } }
.q9pelny { margin: 18px auto 0; text-align: left; max-width: 360px; }
.q9pelny div { background: #F2F4F1 !important; }

/* ---------- pasek na telefonie ---------- */
.q9bar { position: fixed; left: 12px; right: 12px; bottom: 12px; z-index: 60; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 10px 10px 18px; border-radius: 18px; background: var(--k); color: #fff; box-shadow: 0 0 0 2px var(--y), 0 18px 40px -10px rgba(0,0,0,.6); transform: translateY(140%); transition: transform .35s; text-decoration: none; }
.q9bar.on { transform: none; }
.q9bar b { display: block; font-size: 15px; } .q9bar small { display: block; font-size: 12px; color: #B9C8C0; }
.q9bar i { font-style: normal; font-weight: 800; background: var(--y); color: var(--k); border-radius: 12px; padding: 12px 16px; white-space: nowrap; }
@media (min-width: 1000px) { .q9bar { display: none; } }

/* ---------- okno przy wyjściu ---------- */
.q9exit { position: fixed; inset: 0; z-index: 100; display: grid; place-items: center; padding: 16px; background: rgba(10,15,13,.7); backdrop-filter: blur(4px); }
.q9exit[hidden] { display: none; }
.q9exit__box { position: relative; width: min(440px, 100%); background: #fff; border-radius: 26px; padding: 30px 26px 22px; text-align: center; box-shadow: 0 0 0 7px var(--y), 0 40px 80px -20px rgba(0,0,0,.6); animation: pop .4s; }
.q9exit__box img { width: 120px; height: auto; margin: -90px auto 6px; display: block; filter: drop-shadow(0 10px 12px rgba(0,0,0,.25)); }
.q9exit__box b { display: block; font-family: var(--fl); font-weight: 700; font-size: 26px; line-height: 1.1; word-spacing: .08em; color: var(--k); }
.q9exit__box p { color: #4A5550; font-size: 15.5px; line-height: 1.5; margin: 10px 0 18px; }
.q9exit__box .b7 { width: 100%; }
.q9exit__x { position: absolute; top: 10px; right: 12px; width: 36px; height: 36px; border: 0; border-radius: 50%; background: #F2F4F1; font-size: 22px; cursor: pointer; }
.q9exit__nie { margin-top: 10px; background: none; border: 0; font: inherit; font-size: 13.5px; color: #7A8580; cursor: pointer; text-decoration: underline; }
@media (max-width: 999px) {
  .hero7__form .quiz__hd { padding-right: 0 !important; }
  .dzk9 { top: -150px !important; }
  .q9top { padding-right: 112px; }
  .q9czas { display: none; }
}