/* ZamówTaxi – kalkulator wycen v2.0 · motyw „taxi ticket”
 * Każda reguła ma podwójną klasę (.zt-calc.zt-calc) i !important (dodawane automatycznie),
 * żeby motyw strony nie nadpisywał wyglądu (np. globalne style przycisków i pól).
 */
.zt-calc.zt-calc {
	--zt-y: #FFC800;
	--zt-y-soft: #FFF3C2;
	--zt-ink: #141414;
	--zt-ink-2: #2A2A28;
	--zt-bg: #FFFFFF;
	--zt-soft: #F5F4F0;
	--zt-line: #E6E3DB;
	--zt-muted: #6F6B62;
	--zt-wa: #1DA851;
	--zt-err: #B42318;
	display: block !important;
	max-width: 520px !important;
	margin: 0 auto !important;
	color: var(--zt-ink) !important;
	font-family: inherit !important;
	font-size: 15px !important;
	line-height: 1.45 !important;
	text-align: left !important;
	scroll-margin-top: 90px !important;}
.zt-calc.zt-calc *, .zt-calc.zt-calc *::before, .zt-calc.zt-calc *::after { box-sizing: border-box !important; letter-spacing: normal !important; text-transform: none !important;}
.zt-calc.zt-calc [hidden][hidden], .zt-calc.zt-calc *[hidden][hidden] { display: none !important;}
.zt-calc.zt-calc :where(button, select, textarea, input:not([type="checkbox"]):not([type="radio"])) {
	all: unset !important;
	box-sizing: border-box !important;
	font-family: inherit !important;
	color: var(--zt-ink) !important;
	-webkit-tap-highlight-color: transparent !important;}
.zt-calc.zt-calc button { cursor: pointer !important; display: inline-flex !important; align-items: center !important; justify-content: center !important;}
.zt-calc.zt-calc svg { display: block !important; flex: 0 0 auto !important;}
.zt-calc.zt-calc h2, .zt-calc.zt-calc h3, .zt-calc.zt-calc p, .zt-calc.zt-calc ol, .zt-calc.zt-calc ul, .zt-calc.zt-calc li, .zt-calc.zt-calc dl, .zt-calc.zt-calc dt, .zt-calc.zt-calc dd, .zt-calc.zt-calc label { margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; font-family: inherit !important; list-style: none !important; line-height: 1.45 !important;}
.zt-calc.zt-calc li::before, .zt-calc.zt-calc li::after { content: none !important;}
.zt-calc.zt-calc a { text-decoration: none !important;}

/* ---------- Karta ---------- */
.zt-calc.zt-calc .zt-card { position: relative !important; overflow: hidden !important; border-radius: 22px !important; background: var(--zt-bg) !important; border: 1px solid var(--zt-line) !important; box-shadow: 0 2px 4px rgba(20,20,20,.04), 0 28px 60px -24px rgba(20,20,20,.35) !important;}
.zt-calc.zt-calc .zt-checker { height: 14px !important; background: repeating-conic-gradient(var(--zt-ink) 0 25%, var(--zt-y) 0 50%) 0 0 / 14px 14px !important;}

/* ---------- Góra ---------- */
.zt-calc.zt-calc .zt-top { padding: 18px 24px 6px !important;}
.zt-calc.zt-calc .zt-top-row { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 12px !important; margin-bottom: 12px !important;}
.zt-calc.zt-calc .zt-badge { display: inline-block !important; padding: 4px 10px !important; border-radius: 6px !important; background: var(--zt-y) !important; color: var(--zt-ink) !important; font-size: 12px !important; font-weight: 900 !important; letter-spacing: .22em !important; box-shadow: inset 0 -2px 0 rgba(0,0,0,.12) !important;}
.zt-calc.zt-calc .zt-lang { display: flex !important; align-items: center !important; gap: 4px !important; color: #B8B4AA !important; font-size: 13px !important;}
.zt-calc.zt-calc .zt-lang button { padding: 4px 4px !important; color: var(--zt-muted) !important; font-size: 13px !important; font-weight: 700 !important; border-bottom: 2px solid transparent !important;}
.zt-calc.zt-calc .zt-lang button.on { color: var(--zt-ink) !important; border-bottom-color: var(--zt-y) !important;}
.zt-calc.zt-calc .zt-title { color: var(--zt-ink) !important; font-size: 24px !important; font-weight: 800 !important; line-height: 1.2 !important;}
.zt-calc.zt-calc .zt-sub { margin-top: 6px !important; color: var(--zt-muted) !important; font-size: 13px !important;}

/* Kroki: numerowana oś */
.zt-calc.zt-calc .zt-steps { display: flex !important; align-items: center !important; gap: 0 !important; margin: 18px 0 2px !important;}
.zt-calc.zt-calc .zt-steps li { display: flex !important; align-items: center !important; gap: 8px !important; flex: 1 1 auto !important; color: var(--zt-muted) !important; font-size: 13px !important; font-weight: 700 !important;}
.zt-calc.zt-calc .zt-steps li:last-child { flex: 0 0 auto !important;}
.zt-calc.zt-calc .zt-steps li:not(:last-child)::after { content: "" !important; flex: 1 1 auto !important; height: 2px !important; margin: 0 10px !important; background: var(--zt-line) !important; border-radius: 2px !important;}
.zt-calc.zt-calc .zt-steps li.done:not(:last-child)::after { background: var(--zt-ink) !important;}
.zt-calc.zt-calc .zt-sn { display: grid !important; place-items: center !important; width: 26px !important; height: 26px !important; flex: 0 0 26px !important; border-radius: 50% !important; border: 2px solid var(--zt-line) !important; background: #fff !important; color: var(--zt-muted) !important; font-size: 12.5px !important; font-weight: 800 !important;}
.zt-calc.zt-calc .zt-sn svg { width: 14px !important; height: 14px !important; stroke-width: 3 !important;}
.zt-calc.zt-calc .zt-steps li.on { color: var(--zt-ink) !important;}
.zt-calc.zt-calc .zt-steps li.on .zt-sn { background: var(--zt-ink) !important; border-color: var(--zt-ink) !important; color: var(--zt-y) !important;}
.zt-calc.zt-calc .zt-steps li.done .zt-sn { background: var(--zt-y) !important; border-color: var(--zt-y) !important; color: var(--zt-ink) !important;}

/* ---------- Treść ---------- */
.zt-calc.zt-calc .zt-main { padding: 18px 24px 4px !important;}
.zt-calc.zt-calc .zt-h { margin-bottom: 4px !important; color: var(--zt-ink) !important; font-size: 20px !important; font-weight: 800 !important; line-height: 1.25 !important;}
.zt-calc.zt-calc .zt-hs { margin-bottom: 16px !important; color: var(--zt-muted) !important; font-size: 14px !important;}

/* Przełącznik rodzaju trasy (segmenty) */
.zt-calc.zt-calc .zt-seg { display: grid !important; grid-template-columns: repeat(4, 1fr) !important; gap: 4px !important; padding: 4px !important; margin-bottom: 18px !important; border-radius: 16px !important; background: var(--zt-soft) !important;}
.zt-calc.zt-calc .zt-seg button { flex-direction: column !important; gap: 6px !important; min-height: 72px !important; padding: 10px 4px 9px !important; border-radius: 12px !important; color: var(--zt-muted) !important; font-size: 12.5px !important; font-weight: 700 !important; line-height: 1.15 !important; text-align: center !important; transition: background .15s, color .15s, box-shadow .15s !important;}
.zt-calc.zt-calc .zt-seg button svg { width: 22px !important; height: 22px !important;}
.zt-calc.zt-calc .zt-seg button:hover { color: var(--zt-ink) !important;}
.zt-calc.zt-calc .zt-seg button.on { background: #fff !important; color: var(--zt-ink) !important; box-shadow: 0 1px 2px rgba(20,20,20,.08), 0 6px 14px -6px rgba(20,20,20,.25), inset 0 -3px 0 var(--zt-y) !important;}
.zt-calc.zt-calc .zt-seg button:focus-visible { outline: 3px solid rgba(255,200,0,.55) !important; outline-offset: 1px !important;}

/* Oś trasy */
.zt-calc.zt-calc .zt-route { position: relative !important; display: flex !important; flex-direction: column !important; gap: 10px !important;}
.zt-calc.zt-calc .zt-route::before { content: "" !important; position: absolute !important; left: 15px !important; top: 30px !important; bottom: 30px !important; border-left: 2px dashed #D3CFC5 !important;}
.zt-calc.zt-calc .zt-pt { position: relative !important; display: flex !important; align-items: center !important; gap: 12px !important;}
.zt-calc.zt-calc .zt-mark { position: relative !important; z-index: 1 !important; display: grid !important; place-items: center !important; width: 32px !important; height: 32px !important; flex: 0 0 32px !important; border-radius: 50% !important; background: #fff !important; border: 2px solid var(--zt-ink) !important;}
.zt-calc.zt-calc .zt-mark::after { content: "" !important; width: 10px !important; height: 10px !important; border-radius: 50% !important; background: var(--zt-ink) !important;}
.zt-calc.zt-calc .zt-pt.is-stop .zt-mark { width: 22px !important; height: 22px !important; flex-basis: 22px !important; margin: 0 5px !important; border-color: #BDB8AC !important;}
.zt-calc.zt-calc .zt-pt.is-stop .zt-mark::after { width: 6px !important; height: 6px !important; background: #BDB8AC !important;}
.zt-calc.zt-calc .zt-pt.is-end .zt-mark { border-radius: 10px !important; background: var(--zt-y) !important; border-color: var(--zt-y) !important;}
.zt-calc.zt-calc .zt-pt.is-ap .zt-mark { background: var(--zt-ink) !important; border-color: var(--zt-ink) !important; color: var(--zt-y) !important;}
.zt-calc.zt-calc .zt-pt.is-ap.is-end .zt-mark { background: var(--zt-y) !important; border-color: var(--zt-y) !important; color: var(--zt-ink) !important;}
.zt-calc.zt-calc .zt-pt.is-ap .zt-mark::after { content: none !important;}
.zt-calc.zt-calc .zt-pt.is-ap .zt-mark svg { width: 16px !important; height: 16px !important;}

.zt-calc.zt-calc .zt-field { position: relative !important; flex: 1 1 auto !important; min-width: 0 !important; display: block !important; padding: 8px 14px 9px !important; border: 1.5px solid var(--zt-line) !important; border-radius: 14px !important; background: #fff !important; transition: border-color .15s, box-shadow .15s !important;}
.zt-calc.zt-calc .zt-field:hover { border-color: #CFCABE !important;}
.zt-calc.zt-calc .zt-field:focus-within { border-color: var(--zt-ink) !important; box-shadow: 0 0 0 4px rgba(255,200,0,.35) !important;}
.zt-calc.zt-calc .zt-fl { display: block !important; margin-bottom: 1px !important; color: var(--zt-muted) !important; font-size: 11px !important; font-weight: 800 !important; letter-spacing: .08em !important; text-transform: uppercase !important;}
.zt-calc.zt-calc .zt-in { display: block !important; width: 100% !important; height: 24px !important; color: var(--zt-ink) !important; font-size: 15.5px !important; font-weight: 600 !important; line-height: 24px !important; background: transparent !important;}
.zt-calc.zt-calc .zt-in::placeholder { color: #A8A396 !important; font-weight: 500 !important; opacity: 1 !important;}
.zt-calc.zt-calc select.zt-in { padding-right: 26px !important; cursor: pointer !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important;}
.zt-calc.zt-calc .zt-sel::after { content: "" !important; position: absolute !important; right: 16px !important; top: 50% !important; width: 8px !important; height: 8px !important; border-right: 2px solid var(--zt-ink) !important; border-bottom: 2px solid var(--zt-ink) !important; transform: translateY(-30%) rotate(45deg) !important; pointer-events: none !important;}
.zt-calc.zt-calc .zt-ac input[data-idx] { padding-right: 34px !important;}
.zt-calc.zt-calc .zt-x { position: absolute !important; right: 8px !important; top: 50% !important; transform: translateY(-50%) !important; width: 30px !important; height: 30px !important; border-radius: 50% !important; color: var(--zt-muted) !important; font-size: 20px !important; line-height: 1 !important;}
.zt-calc.zt-calc .zt-x:hover { background: var(--zt-soft) !important; color: var(--zt-ink) !important;}
.zt-calc.zt-calc .zt-sugg { position: absolute !important; z-index: 9999 !important; left: -1px !important; right: -1px !important; top: calc(100% + 6px) !important; max-height: 280px !important; overflow: auto !important; padding: 6px !important; border: 1px solid var(--zt-line) !important; border-radius: 14px !important; background: #fff !important; box-shadow: 0 20px 40px -14px rgba(20,20,20,.35) !important;}
.zt-calc.zt-calc .zt-sugg li { padding: 10px 12px !important; border-radius: 9px !important; font-size: 14px !important; line-height: 1.35 !important; cursor: pointer !important;}
.zt-calc.zt-calc .zt-sugg li:hover, .zt-calc.zt-calc .zt-sugg li.on { background: var(--zt-y-soft) !important;}
.zt-calc.zt-calc .zt-sugg li.zt-empty { color: var(--zt-muted) !important; cursor: default !important; background: none !important;}
.zt-calc.zt-calc .zt-add { align-self: flex-start !important; gap: 8px !important; margin-left: 44px !important; padding: 6px 4px !important; color: var(--zt-ink) !important; font-size: 13.5px !important; font-weight: 700 !important;}
.zt-calc.zt-calc .zt-add svg { width: 22px !important; height: 22px !important; padding: 4px !important; border-radius: 50% !important; background: var(--zt-y-soft) !important; stroke-width: 2.5 !important;}
.zt-calc.zt-calc .zt-add:hover span { text-decoration: underline !important;}

/* Liczba osób */
.zt-calc.zt-calc .zt-pax { display: flex !important; align-items: center !important; gap: 12px !important; margin-top: 16px !important; padding: 10px 12px !important; border-radius: 14px !important; background: var(--zt-soft) !important;}
.zt-calc.zt-calc .zt-pax-ic { display: grid !important; place-items: center !important; width: 34px !important; height: 34px !important; flex: 0 0 34px !important; border-radius: 50% !important; background: #fff !important;}
.zt-calc.zt-calc .zt-pax-ic svg { width: 18px !important; height: 18px !important;}
.zt-calc.zt-calc .zt-pax-l { flex: 1 1 auto !important; display: flex !important; flex-direction: column !important; font-size: 14px !important; font-weight: 700 !important;}
.zt-calc.zt-calc .zt-pax-l small { color: var(--zt-muted) !important; font-size: 12px !important; font-weight: 500 !important;}
.zt-calc.zt-calc .zt-cnt { display: flex !important; align-items: center !important; gap: 4px !important;}
.zt-calc.zt-calc .zt-cnt button { width: 36px !important; height: 36px !important; border-radius: 50% !important; background: #fff !important; border: 1.5px solid var(--zt-line) !important; transition: background .15s, border-color .15s !important;}
.zt-calc.zt-calc .zt-cnt button svg { width: 16px !important; height: 16px !important; stroke-width: 2.4 !important;}
.zt-calc.zt-calc .zt-cnt button:hover { background: var(--zt-y) !important; border-color: var(--zt-y) !important;}
.zt-calc.zt-calc .zt-cnt output { display: block !important; width: 30px !important; text-align: center !important; font-size: 17px !important; font-weight: 800 !important; font-variant-numeric: tabular-nums !important;}

/* Termin */
.zt-calc.zt-calc .zt-grid2 { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 10px !important; margin-bottom: 10px !important;}
.zt-calc.zt-calc .zt-note { display: flex !important; gap: 10px !important; align-items: flex-start !important; margin-top: 12px !important; padding: 11px 14px !important; border-radius: 12px !important; background: #EDF7F0 !important; color: #1B4B30 !important; font-size: 13.5px !important;}
.zt-calc.zt-calc .zt-note svg { width: 18px !important; height: 18px !important; color: var(--zt-wa) !important; stroke-width: 2.6 !important;}

/* Podsumowanie + kontakt */
.zt-calc.zt-calc .zt-sum { margin-bottom: 16px !important; border-top: 1px dashed var(--zt-line) !important;}
.zt-calc.zt-calc .zt-sum > div { display: flex !important; justify-content: space-between !important; gap: 16px !important; padding: 9px 0 !important; border-bottom: 1px dashed var(--zt-line) !important; font-size: 14px !important;}
.zt-calc.zt-calc .zt-sum dt { flex: 0 0 auto !important; color: var(--zt-muted) !important;}
.zt-calc.zt-calc .zt-sum dd { text-align: right !important; font-weight: 700 !important;}
.zt-calc.zt-calc .zt-cta { display: grid !important; gap: 10px !important;}
.zt-calc.zt-calc .zt-btn { display: flex !important; align-items: center !important; justify-content: center !important; gap: 10px !important; height: 56px !important; padding: 0 20px !important; border-radius: 14px !important; font-size: 16px !important; font-weight: 800 !important; transition: filter .15s, transform .1s !important;}
.zt-calc.zt-calc .zt-btn svg { width: 22px !important; height: 22px !important;}
.zt-calc.zt-calc .zt-btn:active { transform: translateY(1px) !important;}
.zt-calc.zt-calc .zt-btn:hover { filter: brightness(1.08) !important;}
.zt-calc.zt-calc .zt-btn-wa { background: var(--zt-wa) !important; color: #fff !important; box-shadow: 0 12px 24px -12px rgba(29,168,81,.8) !important;}
.zt-calc.zt-calc .zt-btn-wa span, .zt-calc.zt-calc .zt-btn-call span { color: #fff !important;}
.zt-calc.zt-calc .zt-btn-call { background: var(--zt-ink) !important; color: #fff !important;}
.zt-calc.zt-calc .zt-btn-call svg { color: var(--zt-y) !important;}
.zt-calc.zt-calc .zt-alt { margin-top: 12px !important; color: var(--zt-muted) !important; font-size: 13.5px !important; text-align: center !important;}
.zt-calc.zt-calc .zt-tel2 { color: var(--zt-ink) !important; font-weight: 800 !important; border-bottom: 2px solid var(--zt-y) !important;}

.zt-calc.zt-calc .zt-err { margin-top: 12px !important; padding: 11px 14px !important; border-radius: 12px !important; background: #FEF0EE !important; color: var(--zt-err) !important; font-size: 14px !important; font-weight: 600 !important;}

/* ---------- Dół: przycisk + bilet z ceną ---------- */
.zt-calc.zt-calc .zt-foot { padding: 14px 24px 24px !important;}
.zt-calc.zt-calc .zt-nav { display: flex !important; align-items: center !important; gap: 12px !important;}
.zt-calc.zt-calc .zt-back { padding: 10px 6px !important; color: var(--zt-muted) !important; font-size: 14px !important; font-weight: 700 !important;}
.zt-calc.zt-calc .zt-back:hover { color: var(--zt-ink) !important;}
.zt-calc.zt-calc .zt-next { flex: 1 1 auto !important; gap: 10px !important; height: 58px !important; padding: 0 22px !important; border-radius: 16px !important; background: var(--zt-ink) !important; color: #fff !important; font-size: 16.5px !important; font-weight: 800 !important; transition: background .15s, transform .1s !important;}
.zt-calc.zt-calc .zt-next span { color: #fff !important;}
.zt-calc.zt-calc .zt-next svg { width: 22px !important; height: 22px !important; color: var(--zt-y) !important; stroke-width: 2.4 !important; transition: transform .2s !important;}
.zt-calc.zt-calc .zt-next:hover { background: #000 !important;}
.zt-calc.zt-calc .zt-next:hover svg { transform: translateX(3px) !important;}
.zt-calc.zt-calc .zt-next:active { transform: translateY(1px) !important;}

.zt-calc.zt-calc .zt-ticket { position: relative !important; display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 14px !important; margin-top: 14px !important; padding: 16px 22px !important; border-radius: 16px !important; background: var(--zt-soft) !important; transition: background .25s !important;}
.zt-calc.zt-calc .zt-ticket::before, .zt-calc.zt-calc .zt-ticket::after { content: "" !important; position: absolute !important; top: 50% !important; width: 18px !important; height: 18px !important; margin-top: -9px !important; border-radius: 50% !important; background: var(--zt-bg) !important;}
.zt-calc.zt-calc .zt-ticket::before { left: -9px !important;}
.zt-calc.zt-calc .zt-ticket::after { right: -9px !important;}
.zt-calc.zt-calc .zt-ticket.has-price { background: var(--zt-y) !important;}
.zt-calc.zt-calc .zt-tk-l { display: flex !important; flex-direction: column !important; gap: 3px !important; min-width: 0 !important;}
.zt-calc.zt-calc .zt-tk-label { color: var(--zt-ink) !important; font-size: 11.5px !important; font-weight: 900 !important; letter-spacing: .12em !important; text-transform: uppercase !important;}
.zt-calc.zt-calc .zt-tk-meta { color: rgba(20,20,20,.62) !important; font-size: 12.5px !important; font-weight: 600 !important;}
.zt-calc.zt-calc .zt-tk-r { display: flex !important; align-items: baseline !important; gap: 5px !important; padding-left: 16px !important; border-left: 2px dashed rgba(20,20,20,.18) !important; white-space: nowrap !important;}
.zt-calc.zt-calc .zt-tk-val { color: var(--zt-ink) !important; font-size: 34px !important; font-weight: 900 !important; line-height: 1 !important; font-variant-numeric: tabular-nums !important; transition: opacity .2s !important;}
.zt-calc.zt-calc .zt-tk-cur { color: var(--zt-ink) !important; font-size: 15px !important; font-weight: 800 !important;}
.zt-calc.zt-calc .zt-ticket.is-loading .zt-tk-val { opacity: .35 !important;}

@media (max-width: 440px) {
	.zt-calc.zt-calc .zt-top { padding: 16px 16px 4px !important;}
	.zt-calc.zt-calc .zt-main { padding: 16px 16px 4px !important;}
	.zt-calc.zt-calc .zt-foot { padding: 12px 16px 18px !important;}
	.zt-calc.zt-calc .zt-title { font-size: 21px !important;}
	.zt-calc.zt-calc .zt-steps .zt-st { font-size: 12px !important;}
	.zt-calc.zt-calc .zt-steps li:not(:last-child)::after { margin: 0 6px !important;}
	.zt-calc.zt-calc .zt-seg button { min-height: 68px !important; font-size: 11px !important;}
	.zt-calc.zt-calc .zt-seg button svg { width: 20px !important; height: 20px !important;}
	.zt-calc.zt-calc .zt-tk-val { font-size: 30px !important;}
	.zt-calc.zt-calc .zt-ticket { padding: 14px 18px !important;}
}
@media (prefers-reduced-motion: reduce) { .zt-calc.zt-calc * { transition: none !important;} }

/* v2.1: ładowanie podpowiedzi, „Zacznij od nowa” */
.zt-calc.zt-calc .zt-sugg li.zt-loading { display: flex !important; align-items: center !important; gap: 10px !important; color: var(--zt-muted) !important;}
.zt-calc.zt-calc .zt-spin { width: 16px !important; height: 16px !important; flex: 0 0 16px !important; border-radius: 50% !important; border: 2px solid var(--zt-line) !important; border-top-color: var(--zt-ink) !important; animation: zt-spin .7s linear infinite !important;}
@keyframes zt-spin { to { transform: rotate(360deg);} }
.zt-calc.zt-calc .zt-nav-end { justify-content: space-between !important;}
.zt-calc.zt-calc .zt-restart { gap: 6px !important; padding: 8px 12px !important; border-radius: 10px !important; border: 1.5px solid var(--zt-line) !important; color: var(--zt-ink) !important; font-size: 13.5px !important; font-weight: 700 !important; transition: border-color .15s, background .15s !important;}
.zt-calc.zt-calc .zt-restart:hover { border-color: var(--zt-ink) !important; background: var(--zt-soft) !important;}

/* v6.1: „Nie mam jeszcze konkretnej daty” */
.zt-calc.zt-calc .zt-toggle { display: flex !important; align-items: flex-start !important; gap: 12px !important; margin-bottom: 14px !important; padding: 12px 14px !important; border: 1.5px solid var(--zt-line) !important; border-radius: 14px !important; background: #fff !important; cursor: pointer !important; transition: border-color .15s, background .15s !important;}
.zt-calc.zt-calc .zt-toggle:hover { border-color: #CFCABE !important;}
.zt-calc.zt-calc .zt-toggle input { position: absolute !important; opacity: 0 !important; width: 1px !important; height: 1px !important; pointer-events: none !important;}
.zt-calc.zt-calc .zt-tg-box { display: grid !important; place-items: center !important; width: 22px !important; height: 22px !important; flex: 0 0 22px !important; margin-top: 1px !important; border-radius: 7px !important; border: 2px solid #C9C4B8 !important; background: #fff !important; color: transparent !important; transition: all .15s !important;}
.zt-calc.zt-calc .zt-tg-box svg { width: 14px !important; height: 14px !important; stroke-width: 3.2 !important;}
.zt-calc.zt-calc .zt-toggle input:checked + .zt-tg-box { background: var(--zt-ink) !important; border-color: var(--zt-ink) !important; color: var(--zt-y) !important;}
.zt-calc.zt-calc .zt-toggle input:focus-visible + .zt-tg-box { box-shadow: 0 0 0 4px rgba(255,200,0,.45) !important;}
.zt-calc.zt-calc .zt-toggle:has(input:checked) { border-color: var(--zt-ink) !important; background: var(--zt-y-soft) !important;}
.zt-calc.zt-calc .zt-tg-t { display: flex !important; flex-direction: column !important; gap: 2px !important; color: var(--zt-ink) !important; font-size: 14.5px !important; font-weight: 700 !important; line-height: 1.35 !important;}
.zt-calc.zt-calc .zt-tg-t small { color: var(--zt-muted) !important; font-size: 12.5px !important; font-weight: 500 !important;}