/* Nowoczesne znaczniki z ikonami Phosphor (duotone). Ładowany po light.css, nadpisuje wcześniejsze style znaczników. */
.ic{width:1.2em;height:1.2em;flex:none;display:inline-block}
/* ===== znacznik: jasny kafelek + ikona w kolorze akcentu ===== */
.chip{--tone:#0176d3;--tint:#e8f2fc;display:inline-grid;place-items:center;width:52px;height:52px;border-radius:16px;background:var(--tint);color:var(--tone);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--tone) 14%,transparent);flex:none;transition:transform .25s,background .25s,color .25s}
.chip .ic{width:30px;height:30px}
.chip.sm{width:42px;height:42px;border-radius:13px}.chip.sm .ic{width:25px;height:25px}
.chip.xs{width:30px;height:30px;border-radius:10px;box-shadow:none}.chip.xs .ic{width:19px;height:19px}
.chip.lg{width:64px;height:64px;border-radius:20px}.chip.lg .ic{width:38px;height:38px}
/* kolory akcentów w kolejności: niebieski, zielony, bursztynowy, fiolet */
.rgrid .rcard:nth-child(4n+2) .chip,.qt li:nth-child(4n+2) .chip,.kroki .ks:nth-child(4n+2) .chip,.mi-grid .mi:nth-child(4n+2) .chip{--tone:#2e844a;--tint:#e8f5ec}
.rgrid .rcard:nth-child(4n+3) .chip,.qt li:nth-child(4n+3) .chip,.kroki .ks:nth-child(4n+3) .chip,.mi-grid .mi:nth-child(4n+3) .chip{--tone:#b86e00;--tint:#fdf1dc}
.rgrid .rcard:nth-child(4n+4) .chip,.qt li:nth-child(4n+4) .chip,.kroki .ks:nth-child(4n+4) .chip,.mi-grid .mi:nth-child(4n+4) .chip{--tone:#5a2db2;--tint:#f0eafb}
.plan.free .chip{--tone:#2e844a;--tint:#e8f5ec}
.bc:nth-child(2) h4 .chip{--tone:#2e844a;--tint:#e8f5ec}.bc:nth-child(3) h4 .chip{--tone:#b86e00;--tint:#fdf1dc}
.mp.free .chip{--tone:#2e844a;--tint:#e8f5ec}
.rcard:hover .chip,.mi:hover .chip,.qt li a:hover .chip{transform:scale(1.08) rotate(-4deg)}
/* na zdjęciach: szklany znacznik z białą ikoną */
.chip.tl,.mt .chip,.bp-img .chip{background:rgba(255,255,255,.24);color:#fff;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.5)}
.chip.tl{position:absolute;left:14px;top:14px;z-index:3}
/* inne miejsca z ikonami */
.fc .ic{width:22px;height:22px;color:#0176d3}
.mq .ic{width:22px;height:22px;color:#0176d3}
.pc .ic{width:20px;height:20px;color:#2e844a}
.kick .ic{width:20px;height:20px;color:#0176d3}
.ibtn .ic{width:22px;height:22px;color:#111}
.plan .chip.lg{margin-bottom:2px}
/* ptaszki na listach: pełna ikona check-circle w kolorze zieleni */
.vd .chk li:before,.plan li:before{content:"";width:20px;height:20px;top:3px;background:#2e844a;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24Zm45.66 85.66-56 56a8 8 0 0 1-11.32 0l-24-24a8 8 0 0 1 11.32-11.32L112 148.69l50.34-50.35a8 8 0 0 1 11.32 11.32Z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24Zm45.66 85.66-56 56a8 8 0 0 1-11.32 0l-24-24a8 8 0 0 1 11.32-11.32L112 148.69l50.34-50.35a8 8 0 0 1 11.32 11.32Z'/%3E%3C/svg%3E") center/contain no-repeat}
/* zdjęcie cysterny: kadr na pojazd */
a.tile[data-branza=gazowa] .ph,.mt[href$="gazowa"] .ph{background-position:center 72%,0 0}
#bp-gazowa .bp-img{background-position:0 0,center 72%}