/* Lokamo :: /zamowienia-online. Kalkulator prowizji w jezyku kalkulatora przedruku z /menu-qr
   (pola po lewej, ciemna karta wyniku), blok ograniczen i dwie zakladki w scenie hero. */
.zo-calc{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.9fr);gap:20px;margin-top:56px;align-items:stretch}
.zo-calc__in{display:flex;flex-direction:column;gap:10px}
.zo-rng{padding:22px 24px 18px;border:1px solid var(--line);border-radius:16px;background:#fff}
.zo-rng__h{display:flex;align-items:baseline;justify-content:space-between;gap:16px}
.zo-rng label{font-size:17px;font-weight:560;letter-spacing:-.01em}
.zo-rng output{font-size:22px;font-weight:500;letter-spacing:-.02em;white-space:nowrap}
.zo-rng p{font-size:14.5px;line-height:1.45;color:var(--steel)}
.zo-rng input{--f:.2;display:block;width:100%;height:44px;margin:4px 0 2px;background:transparent;-webkit-appearance:none;appearance:none;cursor:pointer}
.zo-rng input::-webkit-slider-runnable-track{height:4px;border-radius:99px;background:linear-gradient(90deg,var(--ink) calc(var(--f) * 100%),#DADADF calc(var(--f) * 100%))}
.zo-rng input::-webkit-slider-thumb{width:26px;height:26px;margin-top:-11px;border-radius:50%;background:#fff;box-shadow:0 0 0 1px rgba(13,13,15,.2),0 2px 8px rgba(13,13,15,.22);-webkit-appearance:none;appearance:none}
.zo-rng input::-moz-range-track{height:4px;border-radius:99px;background:#DADADF}
.zo-rng input::-moz-range-progress{height:4px;border-radius:99px;background:var(--ink)}
.zo-rng input::-moz-range-thumb{width:26px;height:26px;border:0;border-radius:50%;background:#fff;box-shadow:0 0 0 1px rgba(13,13,15,.2),0 2px 8px rgba(13,13,15,.22)}
.zo-rng input:focus-visible{outline:2px solid var(--cobalt);outline-offset:2px;border-radius:8px}
.zo-calc__sum{position:relative;display:flex;flex-direction:column;padding:32px;border-radius:20px;background:var(--ink);color:#fff;overflow:hidden}
.zo-calc__sum::after{content:"";position:absolute;right:-120px;top:-120px;width:340px;height:340px;background:var(--tone);-webkit-mask:var(--ring) center/contain no-repeat;mask:var(--ring) center/contain no-repeat;pointer-events:none}
.zo-calc__sum>*{position:relative;z-index:1}
.zo-calc__k{font-size:11.5px;letter-spacing:.07em;text-transform:uppercase;color:var(--mist)}
.zo-calc__big{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px;margin-top:14px}
.zo-calc__big b{font-size:clamp(56px,6vw,80px);font-weight:500;letter-spacing:-.05em;line-height:1}
.zo-calc__big span{font-size:15px;color:var(--mist)}
.zo-calc__dl{display:flex;flex-direction:column;gap:10px;margin:26px 0 0;padding-top:18px;border-top:1px solid var(--d-line2)}
.zo-calc__dl div{display:flex;justify-content:space-between;gap:16px;font-size:15px}
.zo-calc__dl dt{color:var(--d-text)}
.zo-calc__dl dd{margin:0;text-align:right;color:#fff}
.zo-calc__note{margin-top:auto;padding-top:22px;font-size:13.5px;line-height:1.55;color:var(--mist)}
.zo-vis .gx__tabs{grid-template-columns:repeat(2,minmax(0,1fr))}
.zo-calc__dl .zo-plus dd{color:var(--d-cobalt-t,#8FA0FF);font-weight:560}
.zo-lim{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:48px}
.zo-lim>div{padding:24px 24px 22px;border:1px solid var(--line);border-radius:16px;background:#fff}
.zo-lim h3{font-size:18px;font-weight:560;letter-spacing:-.015em;line-height:1.3}
.zo-lim p{margin-top:8px;font-size:15px;line-height:1.55;color:var(--steel)}
@media (max-width:999px){.zo-calc{grid-template-columns:1fr;gap:28px}}
@media (max-width:640px){.zo-rng{padding:18px 18px 14px}.zo-calc__sum{padding:26px}.zo-lim{grid-template-columns:1fr}}
.zo-case-sec{padding:72px 0 0}
.zo-case{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:32px 36px;border:1px solid var(--line);border-radius:20px;background:#fff}
.zo-case__t{margin-top:12px;font-size:clamp(22px,2.2vw,30px);font-weight:560;letter-spacing:-.025em;line-height:1.15;text-wrap:balance}
.zo-case__txt>p:last-child{margin-top:10px;max-width:60ch;font-size:16px;line-height:1.55;color:var(--steel)}
.zo-case__btn{flex:none}
@media (max-width:760px){.zo-case{flex-direction:column;align-items:flex-start;padding:26px}.zo-case-sec{padding:56px 0 0}}