#luz-calc{
  /* ---- KOLORY MARKI LuZ Cleaner ---- */
  --luz-primary:#071b36;   /* granat */
  --luz-accent:#078acb;    /* niebieski */
  --luz-ink:#071b36;
  --luz-muted:#6b7785;
  --luz-soft:#e6f0f4;      /* jasne tło */
  --luz-sel:#eef9fd;       /* zaznaczenie */
  --luz-line:#e2eaf0;      /* obramowania */
  --luz-head:'Quicksand',sans-serif;
  --luz-body:'Open Sans',sans-serif;
  font-family:var(--luz-body);font-size:15px;color:var(--luz-ink);line-height:1.5;max-width:1400px;margin:0 auto;box-sizing:border-box
}
#luz-calc *,#luz-calc *::before,#luz-calc *::after{box-sizing:inherit}
#luz-calc button,#luz-calc input{font:inherit;color:inherit}
#luz-calc :focus-visible{outline:2px solid var(--luz-accent);outline-offset:2px}

/* zakładki – pasek jak w eco-time */
#luz-calc .luzc-tabs{display:flex;justify-content:center;align-items:center;gap:18px;flex-wrap:wrap;background:#f6f8fa;padding:12px;margin-bottom:22px}
#luz-calc .luzc-tab{border:0;background:none;padding:9px 16px;border-radius:4px;cursor:pointer;font-size:19px;color:var(--luz-accent)}
#luz-calc .luzc-tab[aria-selected="true"]{background:var(--luz-primary);color:#fff}

#luz-calc .luzc-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(300px,1fr);gap:36px;align-items:start}

/* kroki – strzałki */
#luz-calc .luzc-steps{display:flex;margin:0 0 18px;padding:0;list-style:none}
#luz-calc .luzc-steps li{flex:1;min-width:0}
#luz-calc .luzc-steps li+li{margin-left:-14px}
#luz-calc .luzc-step{width:100%;height:40px;border:0;cursor:pointer;background:var(--luz-soft);color:var(--luz-accent);font-size:15px;padding:0 22px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  clip-path:polygon(0 0,calc(100% - 18px) 0,100% 50%,calc(100% - 18px) 100%,0 100%,18px 50%)}
#luz-calc .luzc-steps li:first-child .luzc-step{clip-path:polygon(0 0,calc(100% - 18px) 0,100% 50%,calc(100% - 18px) 100%,0 100%);border-radius:3px 0 0 3px}
#luz-calc .luzc-steps li:last-child .luzc-step{clip-path:polygon(0 0,100% 0,100% 100%,0 100%,18px 50%);border-radius:0 3px 3px 0}
#luz-calc .luzc-step[aria-current="step"]{background:var(--luz-accent);color:#fff}
#luz-calc .luzc-step .has{font-size:12px}

/* metraż */
#luz-calc .luzc-area{margin:0 0 18px}
#luz-calc .luzc-area label{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
#luz-calc .luzc-area input[type=number]{width:62px;padding:5px 6px;border:1px solid #ced4da;border-radius:4px;background:#fff;text-align:center}
#luz-calc .luzc-area input[type=range]{width:100%;margin:14px 0 4px;accent-color:var(--luz-accent)}
#luz-calc .luzc-area .scale{display:flex;justify-content:space-between;font-size:11px;color:var(--luz-muted)}

/* częstotliwość */
#luz-calc .luzc-freq{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:20px}
#luz-calc .luzc-freq .lbl{margin-right:4px}
#luz-calc .luzc-freq button{flex:1 1 130px;border:1px solid var(--luz-accent);background:#fff;color:var(--luz-accent);border-radius:4px;padding:7px 10px;cursor:pointer}
#luz-calc .luzc-freq button[aria-pressed="true"]{background:var(--luz-accent);color:#fff}

/* pakiety */
#luz-calc .luzc-band{background:var(--luz-soft);text-align:center;font-family:var(--luz-head);font-size:22px;font-weight:600;color:var(--luz-primary);padding:8px;margin-bottom:22px}
#luz-calc .luzc-pkgs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-bottom:12px}
#luz-calc .luzc-pkg{position:relative;border:1px solid #d5dde3;background:#fff;border-radius:2px;padding:26px 16px 18px;cursor:pointer;text-align:center;display:flex;flex-direction:column;align-items:stretch}
#luz-calc .luzc-pkg[aria-pressed="true"]{border-color:var(--luz-accent);box-shadow:0 0 0 1px var(--luz-accent);background:var(--luz-sel)}
#luz-calc .luzc-pkg .pk{font-size:15px;color:#555}
#luz-calc .luzc-pkg .nm{font-family:var(--luz-head);font-size:26px;font-weight:500;line-height:1.2}
#luz-calc .luzc-pkg .pr{font-family:var(--luz-head);font-size:20px;font-weight:600;color:var(--luz-accent);margin:10px 0 4px}
#luz-calc .luzc-pkg .ds{font-size:13px;color:var(--luz-muted)}
#luz-calc .luzc-pkg ul{list-style:none;margin:14px 0 0;padding:14px 0 0;border-top:1px dashed #b9c3cb;text-align:left}
#luz-calc .luzc-pkg li{padding:3px 0 3px 28px;position:relative}
#luz-calc .luzc-pkg li::before{content:"";position:absolute;left:6px;top:9px;width:11px;height:6px;border-left:2.5px solid var(--luz-accent);border-bottom:2.5px solid var(--luz-accent);transform:rotate(-45deg)}
#luz-calc .luzc-pkg .ex{font-size:12px;color:var(--luz-muted);margin-top:auto;padding-top:12px;text-align:left}
#luz-calc .luzc-pkg .ex b{color:var(--luz-ink)}
#luz-calc .luzc-badge{position:absolute;top:-11px;left:50%;transform:translateX(-50%);white-space:nowrap;background:var(--luz-accent);color:#fff;font-size:12px;font-weight:600;padding:2px 12px;border-radius:20px}
#luz-calc .luzc-rate{font-size:13px;color:var(--luz-muted);text-align:center;margin:6px 0 0}

/* kafle okien / tapicerki */
#luz-calc .luzc-check{display:flex;gap:6px;align-items:center;cursor:pointer;margin-bottom:10px}
#luz-calc .luzc-check input{accent-color:var(--luz-accent)}
#luz-calc .luzc-check small{color:var(--luz-muted);font-style:italic;font-size:14px}
#luz-calc .luzc-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
#luz-calc .luzc-card{border:1px solid #d5dde3;background:#fff;display:flex;flex-direction:column;padding:0 0 14px}
#luz-calc .luzc-card.on{border-color:var(--luz-accent);box-shadow:0 0 0 1px var(--luz-accent)}
#luz-calc .luzc-card .img{border:0;background:none;cursor:pointer;padding:26px 20px;color:var(--luz-accent);display:block;width:100%}
#luz-calc .luzc-card svg{width:100%;height:150px}
#luz-calc .luzc-card .t{display:flex;justify-content:space-between;gap:8px;padding:0 14px 10px;align-items:baseline}
#luz-calc .luzc-card .t b{font-weight:600;font-size:15px}
#luz-calc .luzc-card .t span{color:#555;white-space:nowrap;font-size:14px}
#luz-calc .luzc-card .luzc-qty{margin:0 14px}

/* licznik */
#luz-calc .luzc-qty{display:flex;align-items:center;border:1px solid #ced4da;border-radius:4px;background:#fff;width:max-content}
#luz-calc .luzc-qty button{width:32px;height:32px;border:0;background:none;cursor:pointer;font-size:18px;color:var(--luz-accent)}
#luz-calc .luzc-qty input{width:44px;height:32px;border:0;text-align:center;-moz-appearance:textfield}
#luz-calc .luzc-qty input::-webkit-inner-spin-button{-webkit-appearance:none}
#luz-calc .luzc-qty .u{font-size:13px;color:var(--luz-muted);padding-right:2px}

/* usługi dodatkowe */
#luz-calc .luzc-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 14px;border-bottom:1px solid #dee2e6}
#luz-calc .luzc-row.on{background:var(--luz-sel)}
#luz-calc .luzc-row span{color:#666;font-size:14px}
#luz-calc .luzc-note{font-style:italic;color:#555;margin-top:16px}

/* nawigacja */
#luz-calc .luzc-nav{display:flex;justify-content:center;gap:12px;margin-top:26px}
#luz-calc .luzc-btn{border:0;border-radius:20px;padding:7px 18px;cursor:pointer;background:var(--luz-accent);color:#fff;text-decoration:none;display:inline-block;text-align:center;font-size:15px}
#luz-calc .luzc-btn.ghost{background:#fff;color:var(--luz-ink);border:1px solid #ced4da}
#luz-calc .luzc-btn[hidden]{display:none}

/* podsumowanie – jak w eco-time */
#luz-calc .luzc-sum{position:sticky;top:24px;border:1px solid #e5ebef;border-radius:14px;padding:28px 26px;background:#fff;box-shadow:0 2px 12px rgba(7,27,54,.06)}
#luz-calc .luzc-lines{list-style:none;margin:0 0 14px;padding:0;font-size:14px;max-height:280px;overflow:auto}
#luz-calc .luzc-lines li{display:flex;justify-content:space-between;gap:10px;padding:4px 0}
#luz-calc .luzc-lines li b{white-space:nowrap;font-weight:600}
#luz-calc .luzc-lines li.grp{font-family:var(--luz-head);font-weight:700;font-size:16px;padding-top:10px}
#luz-calc .luzc-tot{background:#f6f8fa;padding:14px 16px;text-align:right}
#luz-calc .luzc-tot .sm{font-size:13px;color:#666;margin-bottom:6px}
#luz-calc .luzc-tot .big{font-family:var(--luz-head);font-size:24px;font-weight:700;color:var(--luz-primary)}
#luz-calc .luzc-lead{text-align:center;color:var(--luz-accent);margin:14px 0}
#luz-calc .luzc-warn,#luz-calc .luzc-ok{font-size:14px;padding:6px 10px;border:1px solid;margin-bottom:10px}
#luz-calc .luzc-warn{background:#fff6d9;border-color:#fbe7a5;color:#5c4400}
#luz-calc .luzc-ok{background:var(--luz-sel);border-color:#cde8f5;color:var(--luz-primary)}
#luz-calc .luzc-cta{width:100%;border-radius:4px;padding:11px 18px;font-weight:600;margin-top:6px}

/* formularz e-mail */
#luz-calc .luzc-mail{border-top:1px solid var(--luz-line);margin-top:20px;padding-top:18px;display:flex;flex-direction:column;gap:9px}
#luz-calc .luzc-mail h5{font-family:var(--luz-head);font-size:16px;font-weight:700;margin:0 0 2px;color:var(--luz-primary)}
#luz-calc .luzc-mail input[type=text],#luz-calc .luzc-mail input[type=email],#luz-calc .luzc-mail input[type=tel]{width:100%;padding:9px 11px;border:1px solid #ced4da;border-radius:4px;background:#fff;font-size:14px}
#luz-calc .luzc-mail input:focus{border-color:var(--luz-accent);outline:none;box-shadow:0 0 0 2px var(--luz-sel)}
#luz-calc .luzc-mail .consent{display:flex;gap:8px;align-items:flex-start;font-size:12px;color:var(--luz-muted);line-height:1.4}
#luz-calc .luzc-mail .consent input{margin-top:2px;width:16px;height:16px;flex:none;accent-color:var(--luz-accent)}
#luz-calc .luzc-mail .consent a{color:var(--luz-accent)}
#luz-calc .luzc-mail .hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
#luz-calc .luzc-mail button[type=submit]{border:1.5px solid var(--luz-primary);border-radius:4px;padding:10px 16px;background:#fff;color:var(--luz-primary);font-weight:600;cursor:pointer}
#luz-calc .luzc-mail button[type=submit]:hover{background:var(--luz-sel)}
#luz-calc .luzc-cta{background:var(--luz-accent);color:#fff}
#luz-calc .luzc-mail button[disabled]{opacity:.6;cursor:wait}
#luz-calc .luzc-msg{font-size:13px;margin:0;min-height:1em}
#luz-calc .luzc-msg.ok{color:#1f7a3d}
#luz-calc .luzc-msg.err{color:#b42318}

/* mobile */
#luz-calc .luzc-bar{display:none}
@media (max-width:1100px){
  #luz-calc .luzc-pkgs,#luz-calc .luzc-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
  #luz-calc .luzc-grid{grid-template-columns:minmax(0,1fr)}
  #luz-calc .luzc-area .scale span:nth-child(even){display:none}
  #luz-calc .luzc-sum{position:static}
  #luz-calc .luzc-tab{font-size:16px}
  #luz-calc .luzc-step{font-size:12px;padding:0 20px}
  #luz-calc .luzc-bar{position:fixed;left:12px;right:12px;bottom:12px;z-index:999;background:var(--luz-primary);color:#fff;border-radius:12px;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 8px 24px rgba(0,0,0,.25);transition:transform .2s}
  #luz-calc .luzc-bar[data-hidden="true"]{transform:translateY(140%)}
  #luz-calc .luzc-bar button{background:var(--luz-accent);color:#fff;border:0;border-radius:8px;padding:8px 12px;cursor:pointer}
}
@media (max-width:600px){
  #luz-calc .luzc-pkgs,#luz-calc .luzc-cards{grid-template-columns:1fr}
  #luz-calc .luzc-steps li .luzc-step{font-size:11px;padding:0 16px 0 20px}
}
@media (prefers-reduced-motion:reduce){#luz-calc *{transition:none!important}}