/* Konfigurator doboru rozmiaru. Bez frameworka — ~4 kB, ładowany tylko tam, gdzie jest używany. */
.ag-konfigurator{--ag-k-marka:#0f5c48;--ag-k-akcent:#e8734a;--ag-k-obrys:#dfe4e2;--ag-k-tlo:#f4f6f5;--ag-k-przygaszony:#54635e;
  border:1px solid var(--ag-k-obrys);border-radius:14px;background:#fff;padding:1.5rem;margin:0 0 2rem}
.ag-konfigurator[hidden]{display:none}
.ag-konfigurator__tytul{margin:0 0 .35rem;font-size:1.3rem;line-height:1.25;font-weight:700}
.ag-konfigurator__wstep{margin:0 0 1.4rem;color:var(--ag-k-przygaszony);font-size:.95rem}

.ag-konfigurator__kroki{list-style:none;margin:0;padding:0;display:grid;gap:1.4rem}
.ag-krok{display:flex;gap:.9rem;align-items:flex-start}
.ag-krok__numer{flex:0 0 1.75rem;width:1.75rem;height:1.75rem;border-radius:50%;background:var(--ag-k-marka);color:#fff;
  display:grid;place-items:center;font-size:.9rem;font-weight:700;margin-top:.1rem}
.ag-krok__tresc{flex:1 1 auto;min-width:0}
.ag-krok__pytanie{display:block;font-weight:600;margin-bottom:.6rem;font-size:1rem}
.ag-krok__podpowiedz{margin:.5rem 0 0;font-size:.84rem;color:var(--ag-k-przygaszony);line-height:1.45}

.ag-waga{display:flex;align-items:center;gap:.5rem;max-width:12rem}
.ag-waga__pole{flex:1 1 auto;min-width:0;font-size:1.25rem;font-weight:600;padding:.65rem .75rem;
  border:2px solid var(--ag-k-obrys);border-radius:9px;background:#fff;color:inherit;font-family:inherit;-moz-appearance:textfield}
.ag-waga__pole::-webkit-outer-spin-button,.ag-waga__pole::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.ag-waga__pole:focus{outline:none;border-color:var(--ag-k-marka);box-shadow:0 0 0 3px rgba(15,92,72,.15)}
.ag-waga__jednostka{font-size:1.05rem;font-weight:600;color:var(--ag-k-przygaszony)}

.ag-wybor{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;max-width:26rem}
.ag-wybor__opcja{display:flex;flex-direction:column;gap:.15rem;align-items:flex-start;text-align:left;
  padding:.75rem .9rem;border:2px solid var(--ag-k-obrys);border-radius:9px;background:#fff;cursor:pointer;
  font-family:inherit;color:inherit;line-height:1.3}
.ag-wybor__opcja:hover{border-color:#b9c5c1}
.ag-wybor__opcja:focus-visible{outline:none;border-color:var(--ag-k-marka);box-shadow:0 0 0 3px rgba(15,92,72,.15)}
.ag-wybor__opcja--wybrana{border-color:var(--ag-k-marka);background:#eef5f2}
.ag-wybor__nazwa{font-weight:600;font-size:1rem}
.ag-wybor__opis{font-size:.8rem;color:var(--ag-k-przygaszony)}

/* Wynik */
.ag-wynik{margin-top:1.5rem}
.ag-wynik[hidden]{display:none}
.ag-wynik__karta{border-radius:11px;padding:1.15rem;border:2px solid var(--ag-k-marka);background:#eef5f2}
.ag-wynik--przyblizona .ag-wynik__karta,.ag-wynik__karta.ag-wynik--przyblizona{border-color:#c98a2e;background:#fdf6e9}
.ag-wynik__karta.ag-wynik--zastepcza{border-color:var(--ag-k-marka);background:#eef5f2}
.ag-wynik__etykieta{margin:0 0 .2rem;font-size:.72rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--ag-k-marka)}
.ag-wynik--przyblizona .ag-wynik__etykieta{color:#8a5a12}
.ag-wynik__naglowek{margin:0 0 .5rem;font-size:1.2rem;line-height:1.25;font-weight:700}
.ag-wynik__wyjasnienie{margin:0;font-size:.92rem;line-height:1.5;color:#2c3a35}
.ag-wynik__ostrzezenie{margin:.7rem 0 0;font-size:.87rem;line-height:1.45;padding:.6rem .75rem;border-radius:7px;
  background:rgba(201,138,46,.14);color:#6d4708}
.ag-wynik__zakup{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:1rem}
.ag-wynik__cena{font-size:1.45rem;font-weight:700}
.ag-wynik__do-koszyka{flex:1 0 100%;font-size:.9rem;font-weight:600;color:var(--ag-k-marka)}

/* Przyciski stylujemy WYŁĄCZNIE wewnątrz konfiguratora. Bez tego ograniczenia
   reguła nadpisywała przyciski motywu, a użyta w niej zmienna --ag-k-* jest
   zadeklarowana tylko na .ag-konfigurator — poza nim tło znikało zupełnie. */
.ag-konfigurator .ag-przycisk{display:inline-block;background:var(--ag-k-marka);color:#fff;border:0;border-radius:8px;
  padding:.8rem 1.35rem;font-weight:600;font-size:.98rem;font-family:inherit;cursor:pointer;text-decoration:none;line-height:1.2}
.ag-konfigurator .ag-przycisk:hover{background:#0a4436}
.ag-konfigurator .ag-przycisk:disabled{opacity:.75;cursor:default}
.ag-konfigurator .ag-przycisk--gotowe{background:#2f7d5f}
.ag-konfigurator .ag-przycisk--akcent{background:var(--ag-k-akcent)}
.ag-konfigurator .ag-przycisk--akcent:hover{background:#d2603a}

/* Alternatywa: zestaw */
.ag-wynik__zestaw{margin-top:.85rem;padding:1.05rem;border:1px dashed var(--ag-k-akcent);border-radius:11px;background:#fdf3ef}
.ag-wynik__zestaw-tytul{margin:0 0 .25rem;font-weight:700;font-size:1rem}
.ag-wynik__zestaw-opis{margin:0 0 .6rem;font-size:.88rem;color:var(--ag-k-przygaszony);line-height:1.45}
.ag-wynik__zestaw-cena{margin:0 0 .8rem;font-size:1.25rem;font-weight:700}
.ag-wynik__zestaw-zysk{display:inline-block;font-size:.78rem;font-weight:600;color:#a03c14;background:#fbe0d5;
  padding:.15rem .5rem;border-radius:5px;vertical-align:middle}

.ag-konfigurator__bezjs{font-size:.92rem;line-height:1.55}
.ag-konfigurator__bezjs ul{padding-left:1.1rem}

@media (max-width:480px){
  .ag-konfigurator{padding:1.15rem}
  .ag-wybor{grid-template-columns:1fr}
  .ag-waga{max-width:100%}
}