/* Porównaj Stacje — wide blocks and manufacturer assets. New file: cache-safe. */

/* 1. Wide blocks break out of the narrow prose column on desktop.
      The prose column starts at the container's left edge, so widening it by
      (sidebar + gap) reaches the full ~1180px container and never overflows. */
@media (min-width: 1001px) {
  .psc-content > .psc-data > .ps-table-wrap,
  .psc-content > .psc-data > .psc-chart {
    width: calc(100% + 318px);
    max-width: calc(100% + 318px);
  }
  .pss-content > table {
    width: calc(100% + 308px);
    max-width: calc(100% + 308px);
  }
}

/* 2. Editor tables keep their own horizontal scroller and readable cells. */
.pss-content > table { overscroll-behavior-inline: contain; -webkit-overflow-scrolling: touch; }
.pss-content > table th,
.pss-content > table td { min-width: 132px; padding: 12px 14px; vertical-align: top; }
.pss-content > table caption { padding: 12px 2px; color: var(--ps-muted); text-align: left; }

/* 3. Row actions must never be clipped or squeezed out of reach. */
.ps-product-table tbody td:last-child,
.ps-product-table thead th:last-child { min-width: 174px; }
.ps-offer-table tbody td:last-child,
.ps-offer-table thead th:last-child { min-width: 174px; }
.ps-table-cta { white-space: normal; overflow-wrap: anywhere; hyphens: auto; }

/* 4. Manufacturer asset trio: identical tiles on every review page. */
.psc-brand-assets__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.psc-asset { display: flex; min-width: 0; margin: 0; flex-direction: column; overflow: hidden; border: 1px solid var(--ps-line); border-radius: 16px; background: #fff; box-shadow: 0 12px 30px rgba(16,42,67,.07); }
.psc-asset__frame { display: grid; width: 100%; aspect-ratio: 8 / 5; place-items: center; overflow: hidden; background: #fff; border-bottom: 1px solid var(--ps-line); }
.psc-asset__frame img { display: block; width: 100%; height: 100%; padding: 16px; object-fit: contain; object-position: center; }
.psc-asset--shot .psc-asset__frame img { padding: 0; }
.psc-asset figcaption { display: flex; min-height: 96px; flex: 1; flex-direction: column; gap: 5px; padding: 14px 16px; color: var(--ps-muted); font-size: .69rem; line-height: 1.45; }
.psc-asset figcaption b { color: var(--ps-navy); font-size: .74rem; }
.psc-asset figcaption a { color: var(--ps-green); font-weight: 800; text-decoration: underline; }

@media (max-width: 900px) { .psc-brand-assets__grid { grid-template-columns: 1fr; } .psc-asset figcaption { min-height: 0; } }

/* 5. Brand logo on brand hub pages, same card as the review tiles. */
.psc-brand-mark { display: grid; max-width: 420px; margin: 0 0 26px; place-items: center; overflow: hidden; border: 1px solid var(--ps-line); border-radius: 16px; background: #fff; }
.psc-brand-mark img { display: block; width: 100%; height: auto; padding: 18px; object-fit: contain; }