UI fixes (colors, favicon) and codebase comment cleanup

components/kalkulator/KalkulatorClient.tsx

@@ -149,15 +149,12 @@ export function KalkulatorClient({ products }: Props) {
   return (
     <main className="bg-slate-50 min-h-screen py-12">
       <div className={`mx-auto px-4 sm:px-6 transition-all duration-500 ${step === 3 ? 'max-w-5xl' : 'max-w-2xl'}`}>
-        {/* Header */}
         <div className="text-center mb-8">
           <h1 className="text-3xl font-extrabold text-primary font-heading mb-2">
             Dobierz urządzenie
           </h1>
           <p className="text-text-muted">Odpowiedz na {STEPS.length} krótkich pytań — pokażemy Ci najlepsze opcje z naszej oferty</p>
         </div>
-
-        {/* Pasek postępu */}
         <div className="flex items-center mb-8">
           {STEPS.map((s, i) => (
             <div key={s} className="flex items-start flex-1 last:flex-none">
@@ -175,11 +172,7 @@ export function KalkulatorClient({ products }: Props) {
             </div>
           ))}
         </div>
-
-        {/* Karty kroków */}
         <div className="bg-white rounded-2xl border border-border p-6 md:p-8">
-
-          {/* Krok 0: Pomieszczenie */}
           {step === 0 && (
             <div className="flex flex-col gap-6">
               <div className="flex items-center gap-3 mb-2">
@@ -191,8 +184,6 @@ export function KalkulatorClient({ products }: Props) {
                   <p className="text-xs text-text-muted">Metraż i warunki</p>
                 </div>
               </div>
-
-              {/* Lista pomieszczeń */}
               <div className="flex flex-col gap-3">
                 {pomieszczenia.map((p, i) => (
                   <div key={i} className="bg-slate-50 rounded-xl border border-border p-4">
@@ -247,8 +238,6 @@ export function KalkulatorClient({ products }: Props) {
                   + Dodaj kolejne pomieszczenie
                 </button>
               )}
-
-              {/* Ograniczenie szerokości */}
               <div className="bg-slate-50 border border-border rounded-xl p-4">
                 <div className="flex items-start justify-between gap-3 mb-2">
                   <div>
@@ -385,8 +374,6 @@ export function KalkulatorClient({ products }: Props) {
               </div>
             </div>
           )}
-
-          {/* Krok 2: Instalacja */}
           {step === 1 && (
             <div className="flex flex-col gap-6">
               <div className="flex items-center gap-3 mb-2">
@@ -461,8 +448,6 @@ export function KalkulatorClient({ products }: Props) {
               </div>
             </div>
           )}
-
-          {/* Krok 3: Budżet */}
           {step === 2 && (
             <div className="flex flex-col gap-6">
               <div className="flex items-center gap-3 mb-2">
@@ -560,7 +545,6 @@ export function KalkulatorClient({ products }: Props) {
 
           {step === 2 && (
             <div className="flex flex-col gap-6">
-              {/* Podsumowanie */}
               <div className="bg-slate-50 rounded-2xl border border-border p-5">
                 <h2 className="text-lg font-bold text-primary font-heading mb-4">
                   Dopasowane klimatyzatory
@@ -603,8 +587,6 @@ export function KalkulatorClient({ products }: Props) {
               </div>
             </div>
           )}
-
-          {/* Nawigacja */}
           <div className="flex justify-between mt-8 pt-6 border-t border-border">
             {step > 0 ? (
               <button onClick={() => setStep(s => s - 1)}