/* Klub Pictures — podstrona /turniej-bilardowy-warszawa/. Ten sam system co strona główna (style.css). */

/* Bile w prawej części kadru, nad tekstem sukno; zdjęcie przygaszone jak sala pod lampami (G9: ciemno, nie ponuro) */
.thero__shot img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 46%; transform: scale(calc(1.24 + var(--p, 0) * .08)); transform-origin: 0% 46%; filter: brightness(.74) saturate(.92); will-change: transform; }

/* ===== 3. Zasady ===== */
.trules { padding-top: 0; }
.trules .plist dd { font-size: 1.1875rem; }

/* ===== 4. Najbliższe terminy ===== */
.tdates { padding-top: 0; }
.tdates__head { display: flex; justify-content: space-between; align-items: end; gap: 16px 32px; flex-wrap: wrap; margin-bottom: clamp(24px, 3vw, 40px); }
.tdates__head > div { display: grid; gap: 16px; }
.tlist { border-top: 1px solid var(--c-line-2); }
.trow { display: grid; grid-template-columns: 120px 180px 1fr auto; align-items: center; gap: 16px 24px; padding-block: 18px; border-bottom: 1px solid var(--c-line); }
.trow__d { display: flex; align-items: baseline; gap: 8px; font-family: var(--f-mono); font-variant-numeric: tabular-nums; }
.trow__d b { font-weight: 500; font-size: 1.75rem; letter-spacing: -.03em; line-height: 1; color: var(--c-ink); }
.trow__d { font-size: 12px; letter-spacing: .1em; text-transform: uppercase; color: var(--c-ink-2); }
.trow__day { color: var(--c-ink-2); }
.trow__what { font-size: 1.0625rem; font-weight: 500; letter-spacing: -.01em; }
.trow__what small { display: block; margin-top: 2px; font-size: .875rem; font-weight: 400; letter-spacing: 0; color: var(--c-ink-2); }
.trow__tag { justify-self: end; padding: 5px 11px; border-radius: 999px; font: 500 11px var(--f-mono); letter-spacing: .08em; text-transform: uppercase; color: var(--c-lamp); box-shadow: inset 0 0 0 1px rgba(243, 198, 126, .5); white-space: nowrap; }
.trow__tag.is-live { color: var(--c-felt); box-shadow: inset 0 0 0 1px rgba(60, 203, 147, .6); }
.trow.is-next .trow__d b { color: var(--c-lamp); }
.trow--mpa .trow__what::before { content: "MPA"; display: inline-block; margin-right: 10px; padding: 2px 7px; border-radius: 6px; font: 500 10.5px var(--f-mono); letter-spacing: .08em; color: var(--c-bg); background: var(--c-lamp); vertical-align: 2px; }
.tdates__note { margin-top: 16px; }

/* ===== 5. Poza środą ===== */
.more2 { padding-top: 0; }
.more2 .h2 { margin: 14px 0 clamp(24px, 3vw, 40px); }
.more2__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.tcard { display: grid; align-content: start; gap: 12px; padding: clamp(22px, 2.6vw, 34px); border-radius: var(--r-lg); background: var(--c-surface); box-shadow: inset 0 0 0 1px var(--c-line); }
.tcard .h3 { font-size: 1.375rem; letter-spacing: -.02em; }
.tcard__next { margin-top: 6px; padding-top: 14px; border-top: 1px solid var(--c-line); font: 500 .9375rem var(--f-mono); color: var(--c-ink); }

/* ===== Tablet ===== */
@media (max-width: 1079px) {
  .trow { grid-template-columns: 100px 140px 1fr auto; }
}

/* ===== Telefon ===== */
@media (max-width: 759px) {
  .thero__shot img { object-position: 50% 50%; transform: scale(calc(1 + var(--p, 0) * .08)); transform-origin: 50% 50%; filter: brightness(.82) saturate(.95); }
  .trow { grid-template-columns: 64px 1fr auto; gap: 2px 14px; padding-block: 14px; }
  .trow__d { grid-row: 1 / span 2; flex-direction: column; gap: 4px; align-items: flex-start; font-size: 11px; }
  .trow__d b { font-size: 1.5rem; }
  .trow__day { grid-column: 2; grid-row: 1; font: 11px var(--f-mono); letter-spacing: .1em; text-transform: uppercase; color: var(--c-ink-3); }
  .trow__what { grid-column: 2; grid-row: 2; font-size: 1rem; }
  .trow__tag { grid-column: 3; grid-row: 1 / span 2; font-size: 10px; padding: 4px 8px; }
  .more2__grid { grid-template-columns: 1fr; gap: 14px; }
}