#produkt.prd.zelkoty .prd-hero,
#produkt.prd.zelkoty .prd-hero--bez-zdjec {
  display: block;
  grid-template-columns: minmax(0, 1fr);
}
#produkt.prd.zelkoty .prd-info h1 { margin: 0 0 8px; }
#produkt.prd.zelkoty .zk-lead {
  margin: 0 0 18px;
  color: var(--prd-txt);
  font-size: 15px;
  line-height: 1.45;
}
#produkt.prd.zelkoty .zk-kroki {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}
#produkt.prd.zelkoty .zk-krok {
  border: 1px solid var(--prd-line);
  border-radius: var(--prd-r-lg);
  background: #fff;
}
#produkt.prd.zelkoty .zk-krok.is-open { border-color: #e7d5ea; }
#produkt.prd.zelkoty .zk-krok-nag {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  padding: 12px 14px;
}
#produkt.prd.zelkoty .zk-nr {
  display: grid;
  place-items: center;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: var(--prd-soft);
  color: var(--prd-plum);
  font-size: 13px;
  font-weight: 700;
}
#produkt.prd.zelkoty .zk-krok.is-done .zk-nr {
  background: var(--prd-pink);
  color: var(--color-on-primary);
}
#produkt.prd.zelkoty .zk-krok-tytul { font-weight: 650; font-size: 15px; }
#produkt.prd.zelkoty .zk-zmien,
#produkt.prd.zelkoty .zk-wybrane { display: none; }
#produkt.prd.zelkoty .zk-panel { padding: 0 14px 14px; }
#produkt.prd.zelkoty .zk-opcje {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(148px, 1fr));
  gap: 8px;
}
#produkt.prd.zelkoty .zk-opcja {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-height: 64px;
  margin: 0;
  padding: 10px 12px;
  border: 1px solid var(--prd-line);
  border-radius: var(--prd-r);
  background: #fff;
  color: var(--prd-ink);
  text-align: start;
  cursor: pointer;
}
#produkt.prd.zelkoty .zk-opcja input { position: absolute; opacity: 0; pointer-events: none; }
#produkt.prd.zelkoty .zk-opcja strong { font-size: 14px; font-weight: 650; }
#produkt.prd.zelkoty .zk-opcja small { color: var(--prd-muted); font-size: 12px; line-height: 1.3; }
#produkt.prd.zelkoty .zk-opcja:hover { border-color: #d7b7d4; background: var(--prd-hover); }
#produkt.prd.zelkoty .zk-opcja:has(input:checked),
#produkt.prd.zelkoty .zk-opcja.is-wybrany {
  border-color: var(--prd-pink);
  background: #fff7fb;
  box-shadow: inset 0 0 0 1px var(--prd-pink);
}
#produkt.prd.zelkoty .zk-szukaj {
  width: 100%;
  margin: 0 0 10px;
  padding: 10px 12px;
  border: 1px solid var(--prd-line);
  border-radius: var(--prd-r);
  font: 400 14px/1.3 var(--font-base, "Barlow", sans-serif);
  color: var(--prd-ink);
}
#produkt.prd.zelkoty .zk-siatka {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(92px, 1fr));
  gap: 8px;
  max-height: 360px;
  overflow: auto;
  padding: 2px;
}
#produkt.prd.zelkoty .zk-probka {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  margin: 0;
  padding: 8px 6px;
  border: 1px solid var(--prd-line);
  border-radius: var(--prd-r);
  background: #fff;
  cursor: pointer;
}
#produkt.prd.zelkoty .zk-probka i {
  display: block;
  width: 100%;
  height: 52px;
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, .12);
}
#produkt.prd.zelkoty .zk-probka span {
  font-size: 11px;
  line-height: 1.2;
  text-align: center;
  color: var(--prd-txt);
}
#produkt.prd.zelkoty .zk-probka.is-wybrany {
  border-color: var(--prd-pink);
  box-shadow: inset 0 0 0 1px var(--prd-pink);
}
#produkt.prd.zelkoty .zk-wiecej {
  margin-top: 10px;
}
#produkt.prd.zelkoty .zk-pusty {
  margin: 8px 0 0;
  color: var(--prd-muted);
  font-size: 14px;
}
#produkt.prd.zelkoty .zk-podsumowanie {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin: 0 0 14px;
  padding: 0;
  list-style: none;
  font-size: 13px;
  color: var(--prd-txt);
}
#produkt.prd.zelkoty .zk-podsumowanie li {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}
#produkt.prd.zelkoty .zk-podsumowanie b { font-weight: 600; color: var(--prd-ink); text-align: end; }
#produkt.prd.zelkoty .prd-btn--glowny:disabled {
  opacity: .45;
  cursor: not-allowed;
}
#produkt.prd.zelkoty .zk-uwaga {
  margin: 12px 0 0;
  color: var(--prd-muted);
  font-size: 12px;
  line-height: 1.4;
}