:root {
  /* Zmienne globalne */
  --visx-glass-bg: rgba(255, 255, 255, .08);
  --visx-glass-br: 24px;
  --visx-glass-bd-color: rgba(255, 255, 255, .16);
  --visx-glass-bd: 1px solid var(--visx-glass-bd-color);
  --visx-shadow: 0 10px 30px rgba(0, 0, 0, .18);
  --visx-gap: clamp(16px, 2vw, 28px);
  --visx-watermark-color: rgba(0, 0, 0, .06);
  --visx-current-max: 1200px;
  --visx-tl-max: 1200px;
}

.visx { --visx-lines: 3; }
.visx * { box-sizing: border-box; }

/* === Nagłówki === */
.visx-current__heading {
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  font-size: 2rem;
  letter-spacing: 0.05em;
  color: #374151;
  text-transform: uppercase;
  border-left: 20px solid #374151;
  padding-left: 0.75rem;
  margin-bottom: 1rem;
}

.visx-filters__heading {
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  font-size: 1.75rem;
  letter-spacing: 0.05em;
  color: #374151;
  text-transform: uppercase;
  border-left: 20px solid #374151;
  padding-left: 0.75rem;
  margin: 2rem 0 1rem;
}

/* === Sekcja Bieżąca === */
.visx-current {
  max-width: var(--visx-current-max);
  margin: 0 auto calc(var(--visx-gap) * 2);
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  gap: var(--visx-gap);
  align-items: center;
}
.visx-cur__body {
  background: var(--visx-glass-bg);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: var(--visx-glass-br);
  padding: var(--visx-gap);
  box-shadow: var(--visx-shadow);
}

/* === Filtry === */
.visx-filters {
  font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  --vx-ink: #111111;
  --vx-ink-weak: #1f2937;
  --vx-ink-muted: #4b5563;
  color: var(--vx-ink);
  background: rgba(255, 255, 255, 0.56) !important;
  border: 3px solid rgba(245, 245, 245, 0.16);
  border-radius: var(--visx-glass-br);
  padding: clamp(10px,1.6vw,16px);
  margin-bottom: 20px;
  display: grid !important;
  grid-auto-flow: row;
  grid-template-columns: 1fr 1fr 1fr auto;
  column-gap: 18px;
  row-gap: 12px;
}
.visx-filters--outline {
    align-items: start;
}
.visx-filters > label {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin: 0;
  min-width: 0;
  color: var(--vx-ink-weak);
}
.visx-filters--outline label {
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    text-align: left !important;
}

.visx-filters input.visx-f-author::placeholder { color: var(--vx-ink-muted); }
.visx-filters select option { color: #111111; }

.visx-filters select.visx-f-year,
.visx-filters select.visx-f-place,
.visx-filters input.visx-f-author {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  height: 42px;
  border: 1px solid #d1d5db;
  color: #111111;
  border-radius: 14px;
}
.visx-filters select.visx-f-year,
.visx-filters select.visx-f-place {
  padding: 8px 44px 8px 12px;
  line-height: 1.25;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  appearance: none; -webkit-appearance: none; -moz-appearance: none;
  background-image:
    linear-gradient(45deg, transparent 50%, #6b7280 50%),
    linear-gradient(135deg, #6b7280 50%, transparent 50%);
  background-position:
    calc(100% - 18px) 50%,
    calc(100% - 14px) 50%;
  background-size: 6px 6px, 6px 6px;
  background-repeat: no-repeat;
}
.visx-filters input.visx-f-author { line-height: 42px; padding: 0 14px;}
@supports (-webkit-appearance:none) {
  .visx-filters select.visx-f-year, .visx-filters select.visx-f-place { padding-top: 9px; padding-bottom: 9px; }
}

.visx-filters select:focus,
.visx-filters input:focus {
  outline: none;
  border-color: #9ca3af;
  box-shadow: 0 0 0 3px rgba(156, 163, 175, .35);
  background: rgba(255, 255, 255, .10);
}
.visx-filters .visx-f-reset {
  grid-column: 4;
  align-self: end;
  justify-self: end;
  white-space: nowrap;
  background: black;
  color: white;
  border-radius: 14px; padding: 10px 14px; font-weight: 600; cursor: pointer; border: 1px solid transparent;
}

/* Ikony dla filtrów */
.visx-filters--outline label[data-filter="year"]::before,
.visx-filters--outline label[data-filter="place"]::before,
.visx-filters--outline label[data-filter="author"]::before {
    content: ""; display: inline-block; width: 16px; height: 16px; margin: 0;
    background-size: contain; background-repeat: no-repeat; flex-shrink: 0; opacity: 0.8;
}
.visx-filters--outline label[data-filter="year"]::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='15' rx='2' ry='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3C/svg%3E"); }
.visx-filters--outline label[data-filter="place"]::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E"); }
.visx-filters--outline label[data-filter="author"]::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M23 21v-2a4 4 0 0 0-3-3.87'/%3E%3Cpath d='M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E"); }
.visx-filters--outline label:hover::before { opacity: 1; transition: opacity 0.2s ease; }

/* === Timeline i Karty === */
.visx-tl { max-width: var(--visx-tl-max); margin: 0 auto; display: grid; gap: calc(var(--visx-gap) * 2); }
.visx-list { list-style: none; padding: 0; margin: 0; display: grid; gap: var(--visx-gap); position: relative; z-index: 1; }
.visx-card {
  display: grid; grid-template-columns: 1fr; gap: var(--visx-gap);
  background: var(--visx-glass-bg);
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: var(--visx-glass-br);
  padding: clamp(12px, 2vw, 18px); box-shadow: var(--visx-shadow);
}

/* === Media (obrazki) === */
.visx-card__media, .visx-cur__media {
  --visx-media-w: 4; --visx-media-h: 3; --visx-media-radius: 14px;
  position: relative; display: block; width: 100%;
  aspect-ratio: calc(var(--visx-media-w) / var(--visx-media-h));
  overflow: hidden; border-radius: var(--visx-media-radius); background: #e5e7eb;
}
.visx-card__media .visx-thumb, .visx-cur__media .visx-thumb {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
  transition: transform 0.4s ease-out; /* <-- DODAJ TĘ LINIĘ */
}
/* === Efekt hover na zdjęciach w kartach === */
.visx-current:hover .visx-thumb,
.visx-card:hover .visx-thumb {
  transform: scale(1.05);
}
@supports not (aspect-ratio: 1 / 1){
  .visx-card__media::before{ content: ""; display: block; padding-top: calc(var(--visx-media-h) / var(--visx-media-w) * 100%); }
  .visx-card__media .visx-thumb{ position:absolute; inset:0; }
}

/* === Meta dane (data, miejsce, autor) + IKONY === */
/* NOWY KOD (po zmianie) */
.visx-meta__item, .visx-meta .visx-badge {
  display: flex; 
  align-items: flex-start; 
  max-width: 100%;
}
.visx-meta__item { font-size: 14px; line-height: 1.35; color: #374151; }

.visx-meta__text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.visx-badge { font-size: 12px; font-weight: 800; letter-spacing: .03em; padding: 4px 10px; border-radius: 999px; background: #111; color: #fff; width: max-content; }
.visx-title { margin: .2em 0 .4em; line-height: 1.1; }
.visx-title a { text-decoration: none; color: inherit; }
.visx-excerpt { display: -webkit-box; -webkit-line-clamp: var(--visx-lines, 3); -webkit-box-orient: vertical; overflow: hidden; opacity: .95; margin-bottom: 1rem; }
.visx-btn { display: inline-block; padding: .7em 1.1em; border-radius: 999px; text-decoration: none; background:var(--visx-btn-bg, #111); color:var(--visx-btn-color, #fff); box-shadow: var(--visx-shadow); }

/* Ikony dla meta danych */
/* Ikony dla meta danych */
.visx-meta__item[data-type="place"]::before,
.visx-meta__item[data-type="date"]::before,
.visx-meta__item[data-type="authors"]::before {
    content: ""; display: inline-block; width: 14px; height: 14px; margin-right: 8px;
    background-size: contain; background-repeat: no-repeat; vertical-align: top; margin-top: 2px; flex-shrink: 0;
    opacity: 0.7; transition: opacity 0.2s ease;
}

/* ZMIENIONA IKONA MIEJSCA (taka sama jak w filtrze) */
.visx-meta__item[data-type="place"]::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E");
}

/* ZMIENIONA IKONA DATY (taka sama jak w filtrze) */
.visx-meta__item[data-type="date"]::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='15' rx='2' ry='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3C/svg%3E");
}

/* IKONA AUTORÓW (już wcześniej zmieniona) */
.visx-meta__item[data-type="authors"]::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M23 21v-2a4 4 0 0 0-3-3.87'/%3E%3Cpath d='M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E");
}

.visx-meta:hover .visx-meta__item::before {
    opacity: 1;
}

/* === Znak wodny (Watermark) === */
.visx-year { position: relative; overflow: visible; --visx-wm-outside: 18px; }
.visx-year__watermark {
  position: absolute; top: 50%;
  transform: translateY(-50%) rotate(-12deg);
  font-size: clamp(72px, 22vw, 220px); font-weight: 800; line-height: .9; white-space: nowrap;
  color: var(--visx-watermark-color); pointer-events: none; user-select: none; z-index: 0;
}
.visx-year:nth-of-type(even) .visx-year__watermark { right: calc(-1 * var(--visx-wm-outside)); left: auto; text-align: right; }
.visx-year:nth-of-type(odd) .visx-year__watermark { left: calc(-1 * var(--visx-wm-outside)); right: auto; text-align: left; }

/* === Inne i responsywność === */
.vis-reveal-out { opacity: .2; transform: translateY(6px); transition: opacity .16s ease, transform .16s ease; }
.vis-reveal-in { opacity: 1; transform: translateY(0); transition: opacity .28s ease, transform .28s ease; }
.visx-more { text-align: center; margin: 16px 0 8px; }
.sr-only { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 1px, 1px) !important; white-space: nowrap !important; border: 0 !important; }

@media (max-width: 960px){
  .visx-filters { grid-template-columns: 1fr 1fr; }
  .visx-filters .visx-f-reset { grid-column: 2; justify-self: end; }
}
@media (max-width: 900px){
  .visx-current { grid-template-columns: 1fr; }
  .visx-list { grid-template-columns: 1fr; }
  .visx-year { --visx-wm-outside: 10px; }
  .visx-year__watermark { font-size: clamp(56px, 18vw, 160px); }
}
@media (max-width: 600px){
  .visx-filters { grid-template-columns: 1fr; }
  .visx-filters .visx-f-reset { grid-column: 1; justify-self: stretch; }
  .visx-year { --visx-wm-outside: 6px; }
  .visx-year__watermark { font-size: clamp(44px, 16vw, 120px); }
}

:root {
  /* Zmienne globalne */
  --visx-glass-bg: rgba(255, 255, 255, .08);
  --visx-glass-br: 24px;
  --visx-glass-bd-color: rgba(255, 255, 255, .16);
  --visx-shadow: 0 10px 30px rgba(0, 0, 0, .18);
  --visx-gap: clamp(16px, 2vw, 28px);
  --visx-watermark-color: rgba(0, 0, 0, .06);
  --visx-current-max: 1200px;
  --visx-tl-max: 1200px;
}

.visx { --visx-lines: 3; }
.visx * { box-sizing: border-box; }

/* === Nagłówki === */
.visx-current__heading,
.visx-filters__heading {
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  letter-spacing: 0.05em;
  color: #374151;
  text-transform: uppercase;
  border-left: 20px solid #374151;
  padding-left: 0.75rem;
  margin-bottom: 1rem;
}
.visx-current__heading { font-size: 2rem; }
.visx-filters__heading { font-size: 1.75rem; margin-top: 2rem; }

/* === Sekcja Bieżąca === */
.visx-current {
  max-width: var(--visx-current-max);
  margin: 0 auto calc(var(--visx-gap) * 2);
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  gap: var(--visx-gap);
  align-items: center;
}
.visx-cur__body {
  background: var(--visx-glass-bg);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: var(--visx-glass-br);
  padding: var(--visx-gap);
  box-shadow: var(--visx-shadow);
}

/* === Filtry === */
.visx-filters {
  font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  color: #111;
  background: rgba(255, 255, 255, 0.56) !important;
  border: 3px solid rgba(245, 245, 245, 0.16);
  border-radius: var(--visx-glass-br);
  padding: clamp(10px,1.6vw,16px);
  margin-bottom: 20px;
  display: grid !important;
  grid-template-columns: 1fr 1fr 1fr auto;
  column-gap: 18px;
  row-gap: 12px;
}
.visx-filters--outline { align-items: start; }
.visx-filters > label {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin: 0;
  min-width: 0;
  color: #1f2937;
}
.visx-filters--outline label {
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  text-align: left !important;
}
.visx-filters input::placeholder { color: #4b5563; }
.visx-filters select option { color: #111; }

.visx-filters select,
.visx-filters input {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  height: 42px;
  border: 1px solid #d1d5db;
  color: #111;
  border-radius: 14px;
}
.visx-filters select {
  padding: 8px 44px 8px 12px;
  line-height: 1.25;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  appearance: none; -webkit-appearance: none; -moz-appearance: none;
  background-image:
    linear-gradient(45deg, transparent 50%, #6b7280 50%),
    linear-gradient(135deg, #6b7280 50%, transparent 50%);
  background-position: calc(100% - 18px) 50%, calc(100% - 14px) 50%;
  background-size: 6px 6px, 6px 6px;
  background-repeat: no-repeat;
}
.visx-filters input { line-height: 42px; padding: 0 14px;}
.visx-filters select:focus,
.visx-filters input:focus {
  outline: none; border-color: #9ca3af;
  box-shadow: 0 0 0 3px rgba(156, 163, 175, .35);
  background: rgba(255, 255, 255, .10);
}
.visx-filters .visx-f-reset {
  grid-column: 4; align-self: end; justify-self: end; white-space: nowrap;
  background: black; color: white; border: 0;
  border-radius: 14px; padding: 10px 14px; font-weight: 600; cursor: pointer;
}

/* Ikony dla filtrów */
.visx-filters--outline label[data-filter]::before {
    content: ""; display: inline-block; width: 16px; height: 16px; margin: 0;
    background-size: contain; background-repeat: no-repeat; flex-shrink: 0; opacity: 0.8;
}
.visx-filters--outline label[data-filter="year"]::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='15' rx='2' ry='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3C/svg%3E"); }
.visx-filters--outline label[data-filter="place"]::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E"); }
.visx-filters--outline label[data-filter="author"]::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M23 21v-2a4 4 0 0 0-3-3.87'/%3E%3Cpath d='M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E"); }
.visx-filters--outline label:hover::before { opacity: 1; transition: opacity 0.2s ease; }

/* === Timeline i Karty === */
.visx-tl { max-width: var(--visx-tl-max); margin: 0 auto; display: grid; gap: calc(var(--visx-gap) * 2); }
.visx-list { list-style: none; padding: 0; margin: 0; display: grid; gap: var(--visx-gap); position: relative; z-index: 1; }
.visx-card {
  display: grid;
  /* KLUCZOWA POPRAWKA: Układ dwukolumnowy na desktopie */
  grid-template-columns: 360px 1fr;
  gap: var(--visx-gap);
  background: var(--visx-glass-bg);
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: var(--visx-glass-br);
  padding: clamp(12px, 2vw, 18px); box-shadow: var(--visx-shadow);
  align-items: center;
}

/* === Media (obrazki) === */
.visx-card__media, .visx-cur__media {
  display: block; width: 100%; aspect-ratio: 4 / 3;
  overflow: hidden; border-radius: 14px; background: #e5e7eb;
}
.visx-card__media .visx-thumb, .visx-cur__media .visx-thumb {
  width: 100%; height: 100%; display: block; object-fit: cover; object-position: center;
}

/* === Meta dane (data, miejsce, autor) === */
.visx-meta { display: grid; grid-template-columns: 1fr; row-gap: 6px; }
.visx-meta__item, .visx-meta .visx-badge {
  display: flex; align-items: flex-start; max-width: 100%;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.visx-meta__item { font-size: 14px; line-height: 1.35; color: #374151; }
.visx-badge { font-size: 12px; font-weight: 800; letter-spacing: .03em; padding: 4px 10px; border-radius: 999px; background: #111; color: #fff; width: max-content; }
.visx-title { margin: .2em 0 .4em; line-height: 1.1; }
.visx-title a { text-decoration: none; color: inherit; }
.visx-excerpt { display: -webkit-box; -webkit-line-clamp: var(--visx-lines, 3); -webkit-box-orient: vertical; overflow: hidden; opacity: .95; margin-bottom: 1rem; }
.visx-btn { display: inline-block; padding: .7em 1.1em; border-radius: 999px; text-decoration: none; background:var(--visx-btn-bg, #111); color:var(--visx-btn-color, #fff); box-shadow: var(--visx-shadow); }

/* === Znak wodny (Watermark) === */
.visx-year { position: relative; overflow: visible; --visx-wm-outside: 18px; }
.visx-year__watermark {
  position: absolute; top: 50%;
  transform: translateY(-50%) rotate(-12deg);
  font-size: clamp(72px, 22vw, 220px); font-weight: 800; line-height: .9; white-space: nowrap;
  color: var(--visx-watermark-color); pointer-events: none; user-select: none; z-index: 0;
}
.visx-year:nth-of-type(even) .visx-year__watermark { right: calc(-1 * var(--visx-wm-outside)); left: auto; text-align: right; }
.visx-year:nth-of-type(odd) .visx-year__watermark { left: calc(-1 * var(--visx-wm-outside)); right: auto; text-align: left; }

/* === Inne i responsywność === */
.visx-more { text-align: center; margin: 16px 0 8px; }
.sr-only { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 1px, 1px) !important; white-space: nowrap !important; border: 0 !important; }

@media (max-width: 960px){
  .visx-filters { grid-template-columns: 1fr 1fr; }
  .visx-filters .visx-f-reset { grid-column: 2; justify-self: end; }
}
@media (max-width: 900px){
  .visx-current { grid-template-columns: 1fr; }
  /* KLUCZOWA POPRAWKA: Układ jednokolumnowy na mobile */
  .visx-card { grid-template-columns: 1fr; }
  .visx-list { grid-template-columns: 1fr; }
  .visx-year { --visx-wm-outside: 10px; }
  .visx-year__watermark { font-size: clamp(56px, 18vw, 160px); }
}
@media (max-width: 600px){
  .visx-filters { grid-template-columns: 1fr; }
  .visx-filters .visx-f-reset { grid-column: 1; justify-self: stretch; }
  .visx-year { --visx-wm-outside: 6px; }
  .visx-year__watermark { font-size: clamp(44px, 16vw, 120px); }
}

/* === Komunikat o braku wyników === */
.visx-no-results {
  padding: 40px 20px;
  text-align: center;
  font-size: 1.1rem;
  color: #555;
  background: rgba(0, 0, 0, 0.02);
  border-radius: var(--visx-glass-br, 24px);
  width: 100%;
}

/* === Wskaźnik ładowania (Spinner) v0.9.0 === */
@keyframes visx-spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

.visx-tl {
  position: relative;
  min-height: 200px; /* Zapobiega "skakaniu" layoutu, gdy spinner jest widoczny */
}

.visx-tl::before,
.visx-tl::after {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease-in-out;
}

.visx-tl.is-loading::before {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(255, 255, 255, 0.7);
  border-radius: var(--visx-glass-br, 24px);
  z-index: 10;
  opacity: 1;
}

.visx-tl.is-loading::after {
  content: '';
  position: absolute;
  top: 100px; /* Stała pozycja od góry */
  left: 50%;
  transform: translateX(-50%);
  width: 40px;
  height: 40px;
  border: 4px solid rgba(0, 0, 0, 0.1);
  border-top-color: #333;
  border-radius: 50%;
  animation: visx-spin 1s linear infinite;
  z-index: 11;
  opacity: 1;
}

/* === Poprawka strzałki w filtrze "Autor" (Finalna) === */

/* 1. Dodajemy naszą niestandardową strzałkę jako tło i robimy na nią miejsce */
.visx-filters input.visx-f-author {
  background-image: linear-gradient(45deg, transparent 50%, #6b7280 50%),
    linear-gradient(135deg, #6b7280 50%, transparent 50%);
  background-position: calc(100% - 18px) 50%, calc(100% - 14px) 50%;
  background-size: 6px 6px, 6px 6px;
  background-repeat: no-repeat;
  padding-right: 44px;
}

/* 2. Siłowo ukrywamy domyślną strzałkę przeglądarki (np. Chrome/Edge) */
.visx-filters input.visx-f-author::-webkit-calendar-picker-indicator {
  display: none !important;
  opacity: 0 !important;
  pointer-events: none !important;
  -webkit-appearance: none;
}