/*! page-realizacje-m: mobile layer for /realizacje/ (ADR 0019). All rules < 900px only; desktop untouched. */
@media (max-width:899.98px){
  /* --- hero: flatten so the sticky filter bar can stick for the whole page (containing block = main) --- */
  .rz > .fe-hero,.rz .rz-hero__inner{display:contents}
  .rz .fe-hero__glow,.rz .fe-hero__grid,.rz .fe-crumbs{display:none}
  .rz .rz-hero__inner > .fe-eyebrow{margin:96px 20px 0;font-size:12px}
  .rz .rz-hero__inner > .fe-eyebrow::after{content:" \00b7  2026"}
  /* H1: keep the existing single <h1> (desktop copy), show the short mobile title */
  .rz .rz-h1{margin:14px 20px 0;max-width:none;font-size:0;line-height:0;letter-spacing:0}
  .rz .rz-h1::before{content:"Realizacje";display:block;font-size:52px;line-height:.9;letter-spacing:-0.055em}
  .rz .rz-hero__inner > .fe-lede{margin:14px 20px 0;max-width:none;font-size:16px;line-height:1.55}

  /* --- sticky filter chips --- */
  .rz .rz-tabs{position:sticky;top:76px;z-index:5;margin:8px 0 0;padding:16px 16px 12px;flex-wrap:nowrap;gap:8px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;background:linear-gradient(180deg,#0a0c10 70%,rgba(10,12,16,0))}
  .rz .rz-tabs::-webkit-scrollbar{display:none}
  .rz .rz-tabs .fe-pill{flex:none;gap:0;height:40px;padding:0 16px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);color:#d7dbe4;font-size:14px;font-weight:600;white-space:nowrap}
  .rz .rz-tabs .fe-pill[aria-selected="true"]{background:#fff;border-color:#fff;color:#050914}
  .rz .rz-tabs .fe-pill__count{margin-left:6px;color:inherit;opacity:.55;font-size:inherit}
  .rz .rz-tabs .fe-pill[aria-selected="true"] .fe-pill__count{color:inherit}
  /* prototype order: Wszystkie / E-commerce / SaaS / AI, then the extra "Strony firmowe" chip */
  .rz .rz-tabs [data-filter-value="all"]{order:0}
  .rz .rz-tabs [data-filter-value="ecom"]{order:1}
  .rz .rz-tabs [data-filter-value="saas"]{order:2}
  .rz .rz-tabs [data-filter-value="ai"]{order:3}
  .rz .rz-tabs [data-filter-value="www"]{order:4}

  /* --- cards: full width, 400px, image + gradient + text overlay --- */
  .rz-list-wrap{padding:4px 12px 72px}
  .rz-grid{grid-template-columns:minmax(0,1fr);gap:12px}
  .rz-card{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:flex-end;gap:10px;height:400px;padding:20px;border-radius:30px;background:#0d131e;border:1px solid rgba(255,255,255,.1);box-shadow:0 30px 80px rgba(0,0,0,.45)}
  /* the media link dissolves so image + tag join the card flow (still a link for assistive tech / no-JS) */
  .rz-card__media{display:contents}
  .rz-card__media img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;border-radius:0}
  .rz-card__media:hover img{transform:none}
  .rz-card::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(5,9,20,0) 30%,rgba(5,9,20,.8) 62%,rgba(5,9,20,.97) 85%);pointer-events:none}
  /* glass arrow */
  .rz-card::after{content:"";position:absolute;top:14px;right:14px;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.14) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M3 13L13 3M13 3H7M13 3v6' stroke='%23fff' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E") center/14px 14px no-repeat;border:1px solid rgba(255,255,255,.25);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:none}
  .rz-card__pills{position:static;display:block;order:0}
  .rz-card__pills .rz-glass:nth-child(n+2){display:none}
  .rz-card__pills .rz-glass{display:inline-block;padding:5px 10px;font-size:11px;line-height:1.35}
  .rz-card__body{flex:0 0 auto;order:1;gap:10px;padding:0;min-width:0}
  .rz-card__t{font-size:26px;line-height:1.02;letter-spacing:-0.035em}
  .rz-card__t a{color:#fff}
  /* whole card is the tap target (case study link; the bottom sheet intercepts on mobile) */
  .rz-card__t a::after{content:"";position:absolute;inset:0;z-index:2}
  .rz-card__d{margin:0;font-size:14px;line-height:1.5;color:#c3c8d3;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}
  .rz-metrics,.rz-tags,.rz-card__acts{display:none}
  .rz-card:active{transform:scale(.985)}
  .rz-card{transition:transform 140ms cubic-bezier(0.23,1,0.32,1)}

  /* --- "Więcej realizacji" list --- */
  .rz-more{margin-top:56px;gap:20px;padding:0 8px}
  .rz-more__h{font-size:38px}
  .rz-more__lede{font-size:16px}
}
@media (max-width:899.98px) and (prefers-reduced-motion:reduce){
  .rz-card{transition:none}
  .rz-card:active{transform:none}
}
@media (max-width:899.98px) and (prefers-reduced-transparency:reduce){
  .rz .rz-card::after,.rz .rz-glass{-webkit-backdrop-filter:none;backdrop-filter:none;background-color:#12161f}
}