/* ── Sporty Walki: Strona Gal – sekcje ── v1.1 ── */



/* ================================================================

   SHELL LAYOUT – dwukolumnowy (treść + sidebar prawy)

   Analogicznie do football-page.css (has-left-sidebar)

   ================================================================ */



body.page-template-template-szablon-sportowy .nt-main .nt-shell.has-right-sidebar {

  display: flex;

  flex-direction: row;

  flex-wrap: wrap;

  align-items: flex-start;

  gap: 0;

  width: min(1200px, 100% - 40px);

  margin-left: auto;

  margin-right: auto;

  padding-top: 0;

  padding-bottom: 40px;

}



/* Sekcje pluginu: cała szerokość minus sidebar */

body.page-template-template-szablon-sportowy .nt-main .nt-shell.has-right-sidebar .nt-shell__content-sections {

  flex: 1 1 0;

  min-width: 0;

  padding-right: 28px;

}



/* Elementor treść: cała dostępna szerokość pod sekcjami + sidebarem */

body.page-template-template-szablon-sportowy .nt-main .nt-shell.has-right-sidebar .nt-shell__content-elementor {

  flex: 0 0 100%;

  min-width: 0;

  order: 3;

}



/* Sidebar stały (nie WP widget) */

.swf-sport-sidebar {

  width: 240px;

  min-width: 200px;

  flex-shrink: 0;

  border-left: 1px solid var(--nt-border, #c8dfd5);

  padding-left: 24px;

  padding-top: 0;

  display: flex;

  flex-direction: column;

  gap: 1.5rem;

}



/* ================================================================

   WSPÓLNY NAGŁÓWEK SEKCJI

   ================================================================ */



.swf-section {

  max-width: 100%;

  margin: 0 0 2.5rem;

}



.swf-section__header {

  display: flex;

  align-items: center;

  gap: .75rem;

  margin-bottom: 1.25rem;

}



.swf-section__title {

  margin: 0;

  font-family: 'Barlow Condensed', sans-serif;

  font-size: 1.5rem;

  font-weight: 700;

  color: var(--nt-primary-dark, #024a36);

  text-transform: uppercase;

  letter-spacing: .06em;

  display: flex;

  align-items: center;

  gap: .55rem;

}



.swf-section__title::before {

  content: '';

  display: inline-block;

  width: 5px;

  height: 1.25em;

  border-radius: 3px;

  background: var(--nt-primary, #03674B);

  flex-shrink: 0;

}



.swf-section__nav {

  display: flex;

  gap: .4rem;

  margin-left: auto;

}



/* ================================================================

   RELACJE I WYNIKI

   ================================================================ */



.swf-relacje__viewport {

  overflow: hidden;

}



.swf-relacje__track {

  display: flex;

  gap: 16px;

  overflow-x: auto;

  scroll-behavior: smooth;

  -ms-overflow-style: none;

  scrollbar-width: none;

  padding-bottom: 6px;

}



.swf-relacje__track::-webkit-scrollbar {

  display: none;

}



.swf-relacje__card {

  flex: 0 0 200px;

  border-radius: 14px;

  overflow: hidden;

  background: var(--nt-surface, #fff);

  border: 1px solid var(--nt-border, #c8dfd5);

  box-shadow: 0 4px 18px rgba(3, 103, 75, 0.07);

  transition: transform .22s ease, box-shadow .22s ease;

  display: flex;

  flex-direction: column;

  text-decoration: none;

  color: inherit;

}



.swf-relacje__card--linked:hover {

  transform: translateY(-5px);

  box-shadow: 0 14px 36px rgba(3, 103, 75, 0.16);

}



.swf-relacje__thumb-wrap {

  position: relative;

  width: 100%;

  aspect-ratio: 16 / 9;

  background: linear-gradient(145deg, #0b2319 0%, #024a36 60%, #03674B 100%);

  overflow: hidden;

  flex-shrink: 0;

}



.swf-relacje__thumb {

  width: 100%;

  height: 100%;

  object-fit: cover;

  display: block;

  transition: transform .38s ease;

}



.swf-relacje__card--linked:hover .swf-relacje__thumb {

  transform: scale(1.05);

}



.swf-relacje__thumb-placeholder {

  width: 100%;

  height: 100%;

  display: flex;

  align-items: center;

  justify-content: center;

}



.swf-relacje__body {

  padding: .85rem 1rem .6rem;

  display: flex;

  flex-direction: column;

  gap: .4rem;

  flex: 1;

}



.swf-relacje__name {

  font-size: .88rem;

  font-weight: 700;

  color: var(--nt-text, #11243a);

  line-height: 1.3;

  margin: 0;

}



.swf-relacje__date {

  display: flex;

  align-items: center;

  gap: .35rem;

  font-size: .75rem;

  color: var(--nt-muted, #5a7e6e);

  font-weight: 600;

}



.swf-relacje__date svg {

  flex-shrink: 0;

  color: var(--nt-primary, #03674B);

}



.swf-relacje__footer {

  padding: .5rem 1rem .65rem;

  border-top: 1px solid var(--nt-border, #c8dfd5);

}



.swf-relacje__karta-link {

  display: inline-flex;

  align-items: center;

  gap: .3rem;

  font-size: .75rem;

  font-weight: 700;

  color: var(--nt-primary, #03674B);

  text-decoration: underline;

  text-underline-offset: 3px;

  transition: color .15s;

}



.swf-relacje__karta-link:hover {

  color: var(--nt-primary-dark, #024a36);

}



/* ================================================================

   KALENDARZ

   ================================================================ */



.swf-calendar {

  background: var(--nt-surface, #fff);

  border: 1px solid var(--nt-border, #c8dfd5);

  border-radius: 18px;

  overflow: hidden;

  box-shadow: 0 4px 22px rgba(3, 103, 75, 0.07);

}



.swf-calendar__nav {

  display: flex;

  align-items: center;

  justify-content: space-between;

  padding: 1rem 1.25rem;

  background: linear-gradient(135deg, #024a36 0%, #03674B 100%);

  color: #fff;

}



.swf-calendar__month-label {

  font-family: 'Barlow Condensed', sans-serif;

  font-size: 1.2rem;

  font-weight: 700;

  text-transform: uppercase;

  letter-spacing: .08em;

  color: #fff;

}



.swf-calendar__btn {

  display: inline-flex;

  align-items: center;

  justify-content: center;

  width: 34px;

  height: 34px;

  border: 1.5px solid rgba(255, 255, 255, .35);

  border-radius: 10px;

  background: transparent;

  color: #fff;

  cursor: pointer;

  transition: background .15s, border-color .15s;

  flex-shrink: 0;

}



.swf-calendar__btn:hover {

  background: rgba(255, 255, 255, .18);

  border-color: rgba(255, 255, 255, .75);

}



.swf-calendar__grid-header {

  display: grid;

  grid-template-columns: repeat(7, 1fr);

  background: var(--nt-surface-soft, #e8f5ef);

  border-bottom: 1px solid var(--nt-border, #c8dfd5);

}



.swf-calendar__day-name {

  padding: .55rem 0;

  text-align: center;

  font-size: .68rem;

  font-weight: 700;

  text-transform: uppercase;

  letter-spacing: .06em;

  color: var(--nt-muted, #5a7e6e);

}



.swf-calendar__grid {

  display: grid;

  grid-template-columns: repeat(7, 1fr);

  gap: 1px;

  background: var(--nt-border, #c8dfd5);

}



.swf-calendar__cell {

  background: var(--nt-surface, #fff);

  min-height: 64px;

  padding: .45rem .45rem .3rem;

  position: relative;

  display: flex;

  flex-direction: column;

  align-items: flex-start;

  transition: background .15s;

}



.swf-calendar__cell--other-month {

  background: #f8faf9;

}



.swf-calendar__cell--other-month .swf-calendar__cell-num {

  color: #bfcfc9;

}



.swf-calendar__cell--today .swf-calendar__cell-num {

  background: var(--nt-primary, #03674B);

  color: #fff;

  font-weight: 800;

}



.swf-calendar__cell--has-event {

  background: linear-gradient(175deg, #eefaf4 0%, var(--nt-surface, #fff) 55%);

}



.swf-calendar__cell-num {

  font-size: .78rem;

  font-weight: 700;

  color: var(--nt-text, #11243a);

  width: 24px;

  height: 24px;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 50%;

  flex-shrink: 0;

  line-height: 1;

}



.swf-calendar__events {

  display: flex;

  flex-direction: column;

  gap: 2px;

  margin-top: 4px;

  width: 100%;

}



.swf-calendar__event-dot {

  display: block;

  width: 100%;

  font-size: .59rem;

  font-weight: 700;

  line-height: 1.25;

  padding: 2px 5px;

  border-radius: 4px;

  background: var(--nt-primary, #03674B);

  color: #fff;

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

  text-decoration: none;

  transition: background .15s;

}



.swf-calendar__event-dot:hover {

  background: var(--nt-primary-dark, #024a36);

}



.swf-calendar__event-dot--plain {

  background: rgba(3, 103, 75, .13);

  color: var(--nt-primary-dark, #024a36);

  cursor: default;

}



/* Mobile: only dot, no label */

@media (max-width: 480px) {

  .swf-calendar__event-dot {

    display: none;

  }



  .swf-calendar__cell--has-event .swf-calendar__events::after {

    content: '';

    display: block;

    width: 6px;

    height: 6px;

    border-radius: 50%;

    background: var(--nt-primary, #03674B);

    margin: 2px auto 0;

  }

}



/* ================================================================

   LISTA GALI

   ================================================================ */



.swf-lista-gal__group-title {

  display: flex;

  align-items: center;

  gap: .5rem;

  font-family: 'Barlow Condensed', sans-serif;

  font-size: .95rem;

  font-weight: 700;

  text-transform: uppercase;

  letter-spacing: .07em;

  color: var(--nt-muted, #5a7e6e);

  margin: 0 0 .625rem;

  padding-bottom: .4rem;

  border-bottom: 1px solid var(--nt-border, #c8dfd5);

}



.swf-lista-gal__group-title svg {

  color: var(--nt-primary, #03674B);

  flex-shrink: 0;

}



.swf-lista-gal__list {

  display: flex;

  flex-direction: column;

  margin: 0 0 1.75rem;

  border: 1px solid var(--nt-border, #c8dfd5);

  border-radius: 14px;

  overflow: hidden;

}



.swf-lista-gal__item {

  display: grid;

  grid-template-columns: 88px 1fr auto;

  gap: .875rem;

  align-items: center;

  padding: .75rem 1rem;

  background: var(--nt-surface, #fff);

  border-bottom: 1px solid var(--nt-border, #c8dfd5);

  text-decoration: none;

  color: inherit;

  transition: background .15s;

}



.swf-lista-gal__item:last-child {

  border-bottom: none;

}



.swf-lista-gal__item--linked:hover {

  background: var(--nt-surface-soft, #e8f5ef);

}



.swf-lista-gal__item--linked:hover .swf-lista-gal__name {

  color: var(--nt-primary, #03674B);

}



.swf-lista-gal__thumb-wrap {

  width: 88px;

  height: 64px;

  border-radius: 8px;

  overflow: hidden;

  background: linear-gradient(145deg, #0b2319 0%, #024a36 80%, #03674B 100%);

  flex-shrink: 0;

  display: flex;

  align-items: center;

  justify-content: center;

}



.swf-lista-gal__thumb {

  width: 100%;

  height: 100%;

  object-fit: cover;

  display: block;

}



.swf-lista-gal__info {

  display: flex;

  flex-direction: column;

  gap: .25rem;

  min-width: 0;

}



.swf-lista-gal__name {

  font-size: .92rem;

  font-weight: 700;

  color: var(--nt-text, #11243a);

  margin: 0;

  transition: color .15s;

  line-height: 1.25;

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

}



.swf-lista-gal__name--featured::after {

  content: ' ★';

  color: #f59e0b;

  font-size: .8em;

}



.swf-lista-gal__meta {

  display: flex;

  flex-wrap: wrap;

  align-items: center;

  gap: .5rem;

  font-size: .75rem;

  color: var(--nt-muted, #5a7e6e);

  font-weight: 600;

}



.swf-lista-gal__meta-icon {

  display: inline-flex;

  align-items: center;

  gap: .25rem;

}



.swf-lista-gal__meta-icon svg {

  color: var(--nt-primary, #03674B);

  flex-shrink: 0;

}



.swf-lista-gal__badge {

  display: inline-flex;

  align-items: center;

  padding: 2px 8px;

  border-radius: 9999px;

  font-size: .65rem;

  font-weight: 700;

  text-transform: uppercase;

  letter-spacing: .05em;

}



.swf-lista-gal__badge--upcoming {

  background: rgba(3, 103, 75, .1);

  color: var(--nt-primary-dark, #024a36);

  border: 1px solid var(--nt-border, #c8dfd5);

}



.swf-lista-gal__badge--past {

  background: #f3f4f6;

  color: #6b7280;

  border: 1px solid #e5e7eb;

}



.swf-lista-gal__arrow {

  flex-shrink: 0;

  color: var(--nt-border, #c8dfd5);

  transition: color .15s, transform .15s;

}



.swf-lista-gal__item--linked:hover .swf-lista-gal__arrow {

  color: var(--nt-primary, #03674B);

  transform: translateX(3px);

}



/* ================================================================

   SIDEBAR – Widgets (kalendarz + newsy)

   ================================================================ */



.swf-sidebar-widget {

  background: var(--nt-surface, #fff);

  border: 1px solid var(--nt-border, #c8dfd5);

  border-radius: 16px;

  overflow: hidden;

}



.swf-sidebar-widget__title {

  display: flex;

  align-items: center;

  gap: .45rem;

  padding: .875rem 1rem;

  font-family: 'Barlow Condensed', sans-serif;

  font-size: .9rem;

  font-weight: 700;

  text-transform: uppercase;

  letter-spacing: .07em;

  color: var(--nt-primary-dark, #024a36);

  background: var(--nt-surface-soft, #e8f5ef);

  border-bottom: 1px solid var(--nt-border, #c8dfd5);

}



.swf-sidebar-widget__title svg {

  color: var(--nt-primary, #03674B);

  flex-shrink: 0;

}



/* ── Kompaktowy kalendarz sidebar ── */



.swf-cal-sb__hero {

  position: relative;

  width: 100%;

  aspect-ratio: 16 / 9;

  overflow: hidden;

}



.swf-cal-sb__hero-img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  display: block;

}



.swf-cal-sb__hero-overlay {

  position: absolute;

  inset: 0;

  background: linear-gradient(to top, rgba(2, 30, 15, .88) 0%, rgba(2, 30, 15, .3) 55%, transparent 100%);

  display: flex;

  flex-direction: column;

  justify-content: flex-end;

  padding: .75rem;

  gap: .2rem;

}



.swf-cal-sb__hero-name {

  font-size: .8rem;

  font-weight: 700;

  color: #fff;

  line-height: 1.2;

  text-shadow: 0 1px 6px rgba(0,0,0,.6);

}



.swf-cal-sb__hero-date {

  font-size: .68rem;

  font-weight: 600;

  color: rgba(255, 255, 255, .8);

}



.swf-cal-sb__nav {

  display: flex;

  align-items: center;

  justify-content: space-between;

  padding: .625rem .875rem;

  background: linear-gradient(135deg, #024a36 0%, #03674B 100%);

}



.swf-cal-sb__month-label {

  font-family: 'Barlow Condensed', sans-serif;

  font-size: .95rem;

  font-weight: 700;

  text-transform: uppercase;

  letter-spacing: .07em;

  color: #fff;

}



.swf-cal-sb__btn {

  display: inline-flex;

  align-items: center;

  justify-content: center;

  width: 26px;

  height: 26px;

  border: 1.5px solid rgba(255, 255, 255, .35);

  border-radius: 7px;

  background: transparent;

  color: #fff;

  cursor: pointer;

  transition: background .15s;

}



.swf-cal-sb__btn:hover {

  background: rgba(255, 255, 255, .18);

}



.swf-cal-sb__header {

  display: grid;

  grid-template-columns: repeat(7, 1fr);

  background: var(--nt-surface-soft, #e8f5ef);

  border-bottom: 1px solid var(--nt-border, #c8dfd5);

}



.swf-cal-sb__header span {

  padding: .3rem 0;

  text-align: center;

  font-size: .6rem;

  font-weight: 700;

  text-transform: uppercase;

  letter-spacing: .05em;

  color: var(--nt-muted, #5a7e6e);

}



.swf-cal-sb__grid {

  display: grid;

  grid-template-columns: repeat(7, 1fr);

  gap: 1px;

  background: var(--nt-border, #c8dfd5);

}



.swf-cal-sb__cell {

  background: var(--nt-surface, #fff);

  min-height: 34px;

  padding: .25rem;

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  gap: 2px;

  position: relative;

}



.swf-cal-sb__cell--other {

  background: #f8faf9;

}



.swf-cal-sb__cell--other .swf-cal-sb__cell-num {

  color: #cdd8d3;

}



.swf-cal-sb__cell--today .swf-cal-sb__cell-num {

  background: var(--nt-primary, #03674B);

  color: #fff;

  font-weight: 800;

}



.swf-cal-sb__cell--event {

  background: linear-gradient(175deg, #eefaf4 0%, var(--nt-surface, #fff) 70%);

}



.swf-cal-sb__cell--linked:hover {

  background: var(--nt-surface-soft, #e8f5ef);

}



.swf-cal-sb__cell-num {

  font-size: .68rem;

  font-weight: 700;

  color: var(--nt-text, #11243a);

  width: 20px;

  height: 20px;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 50%;

  line-height: 1;

  flex-shrink: 0;

}



.swf-cal-sb__event-indicator {

  display: block;

  width: 5px;

  height: 5px;

  border-radius: 50%;

  background: var(--nt-primary, #03674B);

  flex-shrink: 0;

}



/* ── Tooltip kalendarza ── */

.swf-cal-sb-tt {

  position: fixed;

  z-index: 9999;

  background: #fff;

  border: 1px solid var(--nt-border, #c8dfd5);

  border-radius: 8px;

  box-shadow: 0 6px 20px rgba(0,0,0,.13), 0 1px 4px rgba(0,0,0,.08);

  padding: 0;

  min-width: 180px;

  max-width: 240px;

  pointer-events: none;

  opacity: 0;

  transform: translateY(4px);

  transition: opacity .1s ease, transform .1s ease;

}

.swf-cal-sb-tt.is-visible {

  opacity: 1;

  transform: translateY(0);

}

.swf-cal-sb-tt__item {

  display: flex;

  flex-direction: column;

  gap: 3px;

  padding: 10px 13px;

  border-bottom: 1px solid var(--nt-border, #c8dfd5);

}

.swf-cal-sb-tt__item:last-child {

  border-bottom: none;

}

.swf-cal-sb-tt__name {

  font-size: .8rem;

  font-weight: 700;

  color: var(--nt-text, #11243a);

  line-height: 1.3;

}

.swf-cal-sb-tt__meta {

  font-size: .72rem;

  color: var(--nt-muted, #5a7e6e);

  display: flex;

  align-items: center;

  gap: 4px;

}

.swf-cal-sb-tt__link-hint {

  font-size: .68rem;

  color: var(--nt-primary, #03674B);

  font-weight: 600;

  margin-top: 2px;

}



/* ── Pusta lista gal ── */

.swf-lista-gal__empty {

  padding: 1.5rem 1rem;

  color: var(--nt-muted, #5a7e6e);

  font-size: .9rem;

  text-align: center;

  border: 1px dashed var(--nt-border, #c8dfd5);

  border-radius: 8px;

  margin: 0;

}



/* ── Przycisk rozwiń ── */

.swf-lista-gal__expand-btn {

  display: flex;

  align-items: center;

  gap: 6px;

  margin: .75rem auto 0;

  padding: .55rem 1.25rem;

  background: var(--nt-surface-soft, #e8f5ef);

  color: var(--nt-primary, #03674B);

  border: 1px solid var(--nt-border, #c8dfd5);

  border-radius: 6px;

  font-size: .82rem;

  font-weight: 600;

  cursor: pointer;

  transition: background .15s, color .15s;

  font-family: inherit;

}

.swf-lista-gal__expand-btn:hover,

.swf-lista-gal__expand-btn.is-open {

  background: var(--nt-primary, #03674B);

  color: #fff;

  border-color: var(--nt-primary, #03674B);

}

.swf-lista-gal__expand-btn svg {

  flex-shrink: 0;

  transition: transform .2s;

}

.swf-lista-gal__expand-btn.is-open svg {

  transform: rotate(180deg);

}



/* ── Newsy sidebar ── */



.swf-sidebar-news__list {

  display: flex;

  flex-direction: column;

}



.swf-sidebar-news__item {

  display: grid;

  grid-template-columns: 60px 1fr;

  gap: .625rem;

  align-items: center;

  padding: .625rem .875rem;

  text-decoration: none;

  color: inherit;

  border-bottom: 1px solid var(--nt-border, #c8dfd5);

  transition: background .15s;

}



.swf-sidebar-news__item:last-child {

  border-bottom: none;

}



.swf-sidebar-news__item:hover {

  background: var(--nt-surface-soft, #e8f5ef);

}



.swf-sidebar-news__thumb-wrap {

  width: 60px;

  height: 45px;

  border-radius: 6px;

  overflow: hidden;

  flex-shrink: 0;

}



.swf-sidebar-news__thumb {

  width: 100%;

  height: 100%;

  object-fit: cover;

  display: block;

}



.swf-sidebar-news__info {

  display: flex;

  flex-direction: column;

  gap: .2rem;

  min-width: 0;

}



.swf-sidebar-news__headline {

  margin: 0;

  font-size: .75rem;

  font-weight: 700;

  color: var(--nt-text, #11243a);

  line-height: 1.3;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

  overflow: hidden;

  transition: color .15s;

}



.swf-sidebar-news__item:hover .swf-sidebar-news__headline {

  color: var(--nt-primary, #03674B);

}



.swf-sidebar-news__date {

  display: flex;

  align-items: center;

  gap: .2rem;

  font-size: .65rem;

  font-weight: 600;

  color: var(--nt-muted, #5a7e6e);

}



.swf-sidebar-news__date svg {

  color: var(--nt-primary, #03674B);

  flex-shrink: 0;

}



/* Zarządzanie display thumb przez JS-generated img */

.swf-sidebar-news__thumb-wrap img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  display: block;

}



/* ================================================================

   RESPONSIVE

   ================================================================ */



@media (max-width: 1024px) {

  body.page-template-template-szablon-sportowy .nt-main .nt-shell.has-right-sidebar {

    width: calc(100% - 30px);

  }

  .swf-sport-sidebar {

    width: 208px;

    min-width: 192px;

    padding-left: 18px;

  }

}



@media (max-width: 860px) {

  body.page-template-template-szablon-sportowy .nt-main .nt-shell.has-right-sidebar {

    flex-direction: column;

    width: calc(100% - 24px);

    gap: 0;

  }

  body.page-template-template-szablon-sportowy .nt-main .nt-shell.has-right-sidebar .nt-shell__content-sections {

    padding-right: 0;

    width: 100%;

    order: 1;

  }

  .swf-sport-sidebar {

    width: 100%;

    min-width: 0;

    border-left: none;

    border-top: 1px solid var(--nt-border, #c8dfd5);

    padding-left: 0;

    padding-top: 1.5rem;

    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 1rem;

    order: 2;

  }

  body.page-template-template-szablon-sportowy .nt-main .nt-shell.has-right-sidebar .nt-shell__content-elementor {

    order: 3;

    width: 100%;

    border-top: 1px solid var(--nt-border, #c8dfd5);

    padding-top: 1.5rem;

  }

}



@media (max-width: 560px) {

  .swf-sport-sidebar {

    grid-template-columns: 1fr;

  }

}



/* ================================================================

   RESPONSIVE – sekcje główne

   ================================================================ */



@media (max-width: 700px) {

  .swf-relacje__card {

    flex: 0 0 170px;

  }



  .swf-calendar__cell {

    min-height: 50px;

    padding: .3rem .25rem;

  }



  .swf-calendar__cell-num {

    font-size: .7rem;

    width: 20px;

    height: 20px;

  }



  .swf-calendar__event-dot {

    font-size: .52rem;

    padding: 1px 3px;

  }



  .swf-lista-gal__item {

    grid-template-columns: 68px 1fr auto;

    gap: .625rem;

  }



  .swf-lista-gal__thumb-wrap {

    width: 68px;

    height: 50px;

  }

}



@media (max-width: 480px) {

  .swf-relacje__card {

    flex: 0 0 150px;

  }



  .swf-calendar__month-label {

    font-size: 1rem;

  }



  .swf-calendar__cell {

    min-height: 40px;

  }



  .swf-lista-gal__item {

    grid-template-columns: 56px 1fr auto;

    gap: .5rem;

  }



  .swf-lista-gal__thumb-wrap {

    width: 56px;

    height: 42px;

    border-radius: 6px;

  }



  .swf-lista-gal__badge {

    display: none;

  }

}