/* „Co robimy”: wyspa z odłamkami gaśnie przed opisem usługi, żeby nie wchodziła na tekst. */
@media(min-width:701px){#oferta.shatter-ready .shatter-gl{-webkit-mask-image:linear-gradient(90deg,#000 50%,transparent 62%),linear-gradient(transparent 26%,#000 40%);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,#000 50%,transparent 62%),linear-gradient(transparent 26%,#000 40%);mask-composite:intersect}}
@media(max-width:700px){#oferta.shatter-ready .shatter-gl{-webkit-mask-image:linear-gradient(transparent 16%,#000 26%);mask-image:linear-gradient(transparent 16%,#000 26%)}}
.shard-labels{position:absolute;inset:0;z-index:4;pointer-events:none;overflow:hidden}
.shard-label{position:absolute;left:0;top:0;display:flex;align-items:center;gap:7px;margin:0;padding:5px 11px 5px 8px;border:1px solid #c9b0ff40;border-radius:999px;background:#140c24d9;color:#d9cbe8;font:500 15px/1.1 'Barlow Condensed','Arial Narrow',sans-serif;letter-spacing:.02em;white-space:nowrap;cursor:pointer;pointer-events:auto;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:opacity .35s,background .3s,border-color .3s,color .3s;will-change:transform,opacity}
.shard-label small{font:600 11px/1 'Source Sans 3',Arial,sans-serif;letter-spacing:.12em;color:#ffa457}
.shard-label span{display:none}
.shard-label.active span{display:inline}
.shard-label:hover{border-color:#c9b0ff99;color:#fff}
.shard-label.active{background:#f5821f;border-color:#f5821f;color:#1c0e07;font-size:17px}
.shard-label.active small{color:#1c0e07}
.shard-label::after{content:'';position:absolute;left:50%;top:100%;width:1px;height:14px;background:linear-gradient(#c9b0ff80,transparent)}
.shard-label.active::after{background:linear-gradient(#f5821f,transparent)}
@media(max-width:700px){.shard-label{font-size:13px}.shard-label.active{font-size:14px}}
@media(prefers-reduced-motion:reduce){.shard-label{transition:none}}