/* Wyprane3City — /realizacje/: filmy z realnych zleceń (rolki Pawła z Drive, 16.09.2026).
   Pionowe 9:16, wyciszone w pętli gdy w kadrze; klik = dźwięk (pozostałe się wyciszają). */
.w3cFilmySiatka{display:grid;grid-template-columns:repeat(3,minmax(0,300px));justify-content:center;gap:22px 20px;margin-top:30px}
.w3cFilm{margin:0;display:flex;flex-direction:column;gap:10px}
.w3cFilmKadr{position:relative;aspect-ratio:9/16;border-radius:18px;overflow:hidden;cursor:pointer;
  background:#0b1624;border:1px solid rgb(168 192 216/.16);
  box-shadow:0 18px 44px rgb(0 0 0/.45);transition:transform .3s cubic-bezier(.22,.8,.18,1),border-color .3s,box-shadow .3s}
.w3cFilmKadr video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.w3cFilmKadr::after{content:"";position:absolute;inset:auto 0 0;height:34%;pointer-events:none;
  background:linear-gradient(transparent,rgb(4 12 24/.55))}
.w3cFilmKadr:hover{transform:translateY(-4px);border-color:rgb(41 211 255/.5);box-shadow:0 22px 50px rgb(0 0 0/.5),0 0 28px rgb(41 211 255/.22)}
/* ikona głośnika: przekreślona gdy wyciszone */
.w3cFilmDzwiek{position:absolute;z-index:2;right:10px;bottom:10px;width:34px;height:34px;border-radius:50%;
  background:rgb(6 17 31/.7) center/18px no-repeat;border:1px solid rgb(255 255 255/.2);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e9f4fc' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 5 6 9H2v6h4l5 4V5z'/%3E%3Cpath d='m23 9-6 6M17 9l6 6'/%3E%3C/svg%3E")}
.w3cFilm.maDzwiek .w3cFilmDzwiek{border-color:rgb(41 211 255/.7);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2329d3ff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 5 6 9H2v6h4l5 4V5z'/%3E%3Cpath d='M15.5 8.5a5 5 0 0 1 0 7M19 5a10 10 0 0 1 0 14'/%3E%3C/svg%3E")}
.w3cFilm figcaption{font-size:15px;line-height:1.35;font-weight:700;color:#e6f0f8}
/* samotny ostatni film w rzędzie → na środek (13 filmów: 3 kol. zostaje 1, 2 kol. zostaje 1) */
.w3cFilm:last-child:nth-child(3n+1){grid-column:2}
@media (max-width:620px){.w3cFilmySiatka{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px}.w3cFilm figcaption{font-size:13px}
  .w3cFilm:last-child:nth-child(3n+1){grid-column:auto}
  .w3cFilm:last-child:nth-child(2n+1){grid-column:1/-1;justify-self:center;width:calc(50% - 5px)}}
@media (prefers-reduced-motion:reduce){.w3cFilmKadr{transition:none}.w3cFilmKadr:hover{transform:none}}