/* Krok „Wyróżnij ogłoszenie" — 3 pakiety + Oferta Dnia (2026-09-30). Wspólny dla otoauta i osiedla.
   Zasada właściciela: nic nie „skacze" przy klikaniu — zaznaczenie zmienia tylko kolory i cień,
   obramowanie ma stałą grubość. Akcent portalu przez --zk-a (osiedle nadpisuje w swoim HTML). */
#ddPromoBox{ --zk-a:#FE5504; --zk-a-s:#FFF3EA; --zk-ink:#0e1320; --zk-mut:#667085; --zk-line:#e6e9ec; margin-top:22px }
#ddPromoBox .zk-tyt{ font-size:1.1rem; margin:0 0 4px; display:flex; gap:8px; align-items:center; color:var(--zk-ink) }
#ddPromoBox .zk-tyt i{ color:var(--zk-a) }
#ddPromoBox .zk-sub{ margin:0 0 14px; color:var(--zk-mut); font-size:13.5px; line-height:1.45 }
.zk-okres{ display:flex; gap:8px; align-items:center; flex-wrap:wrap; margin:0 0 16px }
.zk-okres span{ font-size:13px; color:var(--zk-mut); font-weight:600 }
.zk-okres button{ border:1.5px solid var(--zk-line); background:#fff; color:var(--zk-ink); border-radius:999px; padding:7px 16px; font-size:13.5px; font-weight:700; cursor:pointer; min-height:40px; font-family:inherit }
.zk-okres button.active{ background:var(--zk-a); border-color:var(--zk-a); color:#fff }
.zk-sek{ display:flex; align-items:center; gap:8px; font-size:15px; font-weight:800; color:var(--zk-ink); margin:18px 0 10px }
.zk-sek span{ display:inline-grid; place-items:center; width:22px; height:22px; border-radius:50%; background:var(--zk-a); color:#fff; font-size:12px }
.zk-sek small{ font-weight:500; color:var(--zk-mut); font-size:12.5px }
.zk-pakiety{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; align-items:stretch }
@media (max-width:760px){ .zk-pakiety{ grid-template-columns:1fr } }
.zk-pak{ position:relative; display:flex; flex-direction:column; gap:6px; border:2px solid var(--zk-line); border-radius:14px; padding:18px 16px 16px; background:#fff; cursor:pointer; transition:border-color .15s, box-shadow .15s, background .15s }
.zk-pak:hover{ border-color:var(--zk-a) }
.zk-pak.active{ border-color:var(--zk-a); background:var(--zk-a-s); box-shadow:0 10px 26px -14px rgba(254,85,4,.55) }
.zk-pak input{ position:absolute; top:14px; right:14px; width:18px; height:18px; accent-color:var(--zk-a) }
.zk-znak{ position:absolute; top:-11px; left:14px; background:var(--zk-a); color:#fff; font-size:10.5px; font-weight:800; letter-spacing:.04em; text-transform:uppercase; padding:3px 9px; border-radius:999px }
.zk-znak.ciemny{ background:#1f2530; border:1px solid #fff }
.zk-naz{ font-size:17px; font-weight:800; color:var(--zk-ink); display:flex; gap:7px; align-items:center }
.zk-naz i{ color:var(--zk-a) }
.zk-cena{ font-size:28px; font-weight:800; color:var(--zk-ink); letter-spacing:-.02em; line-height:1.05; font-variant-numeric:tabular-nums }
.zk-cena small{ font-size:12.5px; font-weight:600; color:var(--zk-mut); letter-spacing:0 }
.zk-osz{ font-size:12px; color:#15803d; font-weight:700; min-height:16px }
.zk-osz s{ color:var(--zk-mut); font-weight:600; margin-right:4px }
.zk-pak ul{ list-style:none; margin:6px 0 0; padding:0; display:flex; flex-direction:column; gap:5px; font-size:13px; color:var(--zk-ink) }
.zk-pak li{ display:flex; gap:7px; align-items:flex-start; line-height:1.35 }
.zk-pak li i{ color:var(--zk-a); margin-top:1px }
.zk-pak.max{ background:linear-gradient(180deg,#1f2530 0,#1f2530 88px,#fff 88px) }
.zk-pak.max.active{ background:linear-gradient(180deg,#1f2530 0,#1f2530 88px,var(--zk-a-s) 88px) }
.zk-pak.max .zk-naz, .zk-pak.max .zk-cena{ color:#fff }
.zk-pak.max .zk-naz i{ color:#ffd24c }
.zk-pak.max .zk-cena small{ color:#cfd6df }
.zk-otd{ border:2px dashed var(--zk-a); border-radius:14px; padding:16px; background:linear-gradient(180deg,#FFF7ED,#fff) }
.zk-otd.active{ border-style:solid; background:var(--zk-a-s) }
.zk-otd-t{ font-weight:800; color:var(--zk-ink); font-size:14.5px; display:flex; gap:7px; align-items:center }
.zk-otd-t i{ color:var(--zk-a) }
.zk-otd-m{ font-size:12.5px; color:var(--zk-mut); margin-top:3px }
.zk-otd-m b{ color:#B33A00 }
.zk-kal{ display:flex; flex-wrap:wrap; gap:7px; margin-top:12px }
.zk-lad{ font-size:12.5px; color:var(--zk-mut); padding:6px 0 }
.zk-dzien{ display:flex; flex-direction:column; align-items:center; gap:2px; min-width:70px; border:1.5px solid var(--zk-line); background:#fff; border-radius:10px; padding:8px 6px; cursor:pointer; font-family:inherit }
.zk-dzien b{ font-size:13px; color:var(--zk-ink) }
.zk-dzien small{ font-size:10.5px; color:var(--zk-mut) }
.zk-dzien:hover:not(:disabled){ border-color:var(--zk-a) }
.zk-dzien.wybrany{ background:var(--zk-a); border-color:var(--zk-a) }
.zk-dzien.wybrany b, .zk-dzien.wybrany small{ color:#fff }
.zk-dzien.zajety{ opacity:.45; cursor:not-allowed; background:#f6f7f9 }
.zk-otd-p{ margin-top:12px; padding:10px 12px; background:#fff; border-radius:9px; font-size:13px; color:var(--zk-ink) }
.zk-rez{ display:flex; align-items:center; gap:12px; margin-top:14px; border:1.5px solid var(--zk-line); border-radius:12px; padding:12px 14px; cursor:pointer; background:#fff }
.zk-rez:hover{ border-color:var(--zk-mut) }
.zk-rez.active{ border-color:var(--zk-ink); background:#f6f7f9 }
.zk-rez input{ width:18px; height:18px; accent-color:var(--zk-ink); flex:0 0 auto }
.zk-rez-t{ flex:1; display:flex; flex-direction:column }
.zk-rez-t b{ font-size:14px; color:var(--zk-ink) }
.zk-rez-t small{ font-size:12px; color:var(--zk-mut) }
.zk-rez-c{ font-weight:800; color:var(--zk-ink) }
.zk-suma{ margin-top:14px; padding:11px 14px; border-radius:10px; background:#f0fdf4; color:#166534; font-size:13.5px; line-height:1.45 }
.zk-suma.platne{ background:var(--zk-a-s); color:var(--zk-ink); border:1px solid var(--zk-a) }
.zk-suma small{ color:var(--zk-mut) }
.zk-zgoda{ display:flex; gap:9px; align-items:flex-start; margin-top:10px; padding:10px 12px; border:1px solid var(--zk-line); border-radius:10px; font-size:12.5px; line-height:1.5; color:var(--zk-ink); cursor:pointer; background:#fff }
.zk-zgoda input{ margin-top:2px; width:17px; height:17px; flex:0 0 17px; accent-color:var(--zk-a) }
.zk-zgoda.blad{ border-color:#dc2626; box-shadow:0 0 0 3px rgba(220,38,38,.18) }