/* ================================
   FEED – base
   ================================ */

/* Demo profile badge (feed + promo) */
.regioner-feed__badge-demo,
.regioner-feed__meta-badge--demo{
  display: inline-block;
  font-size: 10px;
  font-weight: 600;
  line-height: 1;
  padding: 3px 8px;
  color: #7c5c00;
  background: #fef3c74f;
  border-radius: 4px;
  letter-spacing: 0.02em;
}

.regioner-feed{
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

.regioner-feed__list{
  list-style: none;
  margin: 0;
  padding: 0;
  display:flex;
  flex-direction: column;
  gap: 20px;
}

.regioner-feed__item{ margin: 0; }

.regioner-feed__card{
  display:flex;
  flex-direction: column;
  gap: 8px;
  padding: 10px;
  border-radius: 12px;
  background:#fff;
}

.regioner-feed__card:hover{
  box-shadow: 0 10px 15px -3px rgba(0,0,0,.05);
  border-color: #e2e8f0;
}

/* ================================
   Layout: 2 kolumny (thumb | main)
   ================================ */

.regioner-feed__middle-row{
  display: grid !important;
  grid-template-columns: 1fr;
  gap: 14px;
}

.regioner-feed__item--has-thumb .regioner-feed__middle-row{
  grid-template-columns: 240px minmax(0,1fr) !important;
  align-items: stretch;
}

.regioner-feed__card--insert{
  background: #f6fff3;
}

.regioner-feed__card--insert .regioner-feed__middle-row{
  grid-template-columns: 240px minmax(0,1fr);
  align-items: stretch;
}

.regioner-feed__card--insert .regioner-feed__row--footer{
  margin-top: auto;
  display: flex;
  justify-content: flex-end;
}

.regioner-feed__card--insert .regioner-feed__media{
  grid-column: 1;
  min-height: 140px;
}

.regioner-feed__card--insert .regioner-feed__main{
  grid-column: 1 / -1;
  display: flex;
  flex-direction: column;
}

.regioner-feed__card--insert .regioner-feed__media + .regioner-feed__main{
  grid-column: 2;
}

.regioner-feed__card--insert .regioner-feed__thumb-img{
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
  border-radius: 7px;
}

.regioner-feed__card--insert .regioner-feed__more-link{
  color: #fff;
  background: #215772d4;
}

.regioner-feed__insert-toggle{
  color: #0284c7;
  cursor: pointer;
  font-weight: 600;
  white-space: nowrap;
}
.regioner-feed__insert-toggle:hover{
  text-decoration: underline;
}

.regioner-feed__card--insert .regioner-feed__content{
  display: flex;
  flex-direction: column;
  -webkit-line-clamp: unset;
  -webkit-box-orient: unset;
  overflow: visible;
}

/* Collapsible content in insert card – show ~6 lines when collapsed */
.regioner-feed__content--insert-collapsible:not(.is-expanded) .regioner-feed__content-inner{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
  overflow: hidden;
}

.regioner-feed__content--insert-collapsible.is-expanded .regioner-feed__content-inner{
  display: block;
  -webkit-line-clamp: unset;
  overflow: visible;
}

@media (max-width: 720px){
  .regioner-feed__card--insert .regioner-feed__middle-row{
    grid-template-columns: 1fr;
  }

  .regioner-feed__card--insert .regioner-feed__media + .regioner-feed__main{
    grid-column: 1;
  }
}

.regioner-feed__item--no-thumb .regioner-feed__media{ display:none !important; }
.regioner-feed__item--no-thumb .regioner-feed__middle-row{ display:block !important; }

.regioner-feed__media{
  align-self: stretch;
  min-height: 100%;
  padding: 8px;
}

.regioner-feed__thumb-link{
  position: relative;
  display:block;
  width:100%;
  height:100%;
  border-radius: 7px;
  overflow:hidden;
}

.regioner-feed__thumb-img,
.regioner-feed__thumb-placeholder{
  width:100%;
  height:100%;
  display:block;
  object-fit: none;
  border-radius: 7px;
}

.regioner-feed__thumb-placeholder{
  background:#f3f4f6;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#cbd5e1;
}

/* ================================
   Main column
   ================================ */

.regioner-feed__main{
  flex: 1;
  min-width: 0;
  display:flex;
  flex-direction: column;
  min-height: 0;
  gap: 8px;
}

.regioner-feed__row--content{
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
}

/* ================================
   Header / badges / meta
   ================================ */

.regioner-feed__header-row,
.regioner-feed__header-row--top{
  display:flex;
  align-items:center;
  justify-content: space-between;
  margin-bottom: 8px;
  font-size: 11px;
}

.regioner-feed__header-left{
  display:flex;
  align-items:center;
  gap: 8px;
}

.regioner-feed__badge-type,
.regioner-feed__badge-source{
  display:inline-flex;
  align-items:center;
  padding: 2px;
  border-radius: 6px;
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
}

.regioner-feed__badge-type{ color:#0284c7; }
.regioner-feed__badge-source{
  padding: 3px 0;
  border: none;
  border-radius: 0;
  background: transparent;
  color:#475569;
  font-size: 11px;
  font-weight: 500;
  text-transform: none;
  letter-spacing: 0;
}

.regioner-feed__badge-source a{
  color: inherit;
  text-decoration: none;
  transition: color .18s ease;
}

.regioner-feed__badge-source a:hover{
  color: #0369a1;
}

.regioner-feed__badge-source--promo{
  border: none;
  background: transparent;
  color: #075985;
}

.regioner-feed__meta-badge{
  color:#94a3b8;
  font-size: 11px;
  font-variant-numeric: tabular-nums;
}

/* ================================
   Publisher / logo
   ================================ */

.regioner-feed__logo-overlay{
  display:inline-flex;
  align-items:center;
  max-height: 32px;
  margin-right: 8px;
}

.regioner-feed__logo-overlay-img{
  max-height: 32px;
  width:auto;
  max-width: 140px;
  object-fit: contain;
}

.regioner-feed__meta-line{
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: .75rem;
  min-width: 0;
}

.regioner-feed__place{
  font-size: .775rem;
  line-height: 1.4;
  color:#4b5563;
  font-weight: 300;
  min-width: 0;
}

.regioner-feed__place a{
  font-weight: 400;
  text-decoration:none;
  color:#111827;
}
.regioner-feed__place a:hover{ text-decoration: underline; }

.regioner-feed__place-rss{
  font-size: .75rem;
  font-weight: 300;
  text-transform: uppercase;
  letter-spacing: .04em;
  color:#a5a833;
}

/* ================================
   Title / content
   ================================ */

.regioner-feed__title{
  margin: 0 0 6px 0;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.4;
  color:#1e293b;
}

.regioner-feed__title a{
  color: inherit;
  text-decoration:none;
  transition: color .2s;
}
.regioner-feed__title a:hover{ color:#0284c7; }

.regioner-feed__content{
  font-size: 14px;
  line-height: 1.5;
  color:#475569;
  margin-bottom: 4px;
  overflow: hidden;
}
/* Non-collapsible content: clamp to 3 lines */
.regioner-feed__content:not(.regioner-feed__content--collapsible){
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
/* Full excerpt — no clamp, no collapse */
.regioner-feed__content.regioner-feed__content--full{
  display: block !important;
  -webkit-line-clamp: unset !important;
  -webkit-box-orient: unset !important;
  overflow: visible !important;
}

/* ── Excerpt: company — max-height collapse ── */
.regioner-feed__content--clamped .regioner-feed__excerpt-inner {
  max-height: 4.65em; /* ~3 linie przy line-height 1.55 */
  overflow: hidden;
  transition: max-height .3s ease;
}
.regioner-feed__content--clamped.is-expanded .regioner-feed__excerpt-inner {
  max-height: 2000px; /* arbitralnie duża — płynna animacja */
}
.regioner-feed__excerpt-toggle {
  background: none;
  border: none;
  color: var(--rf-accent, #0284c7);
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  padding: 4px 0 0;
  margin: 0;
  display: block;
  text-align: right;
}
.regioner-feed__excerpt-toggle:hover {
  text-decoration: underline;
}
/* RSS: brak toggle */
.regioner-feed__card.is-rss .regioner-feed__excerpt-toggle {
  display: none !important;
}

/* Category promo – 3 lines instead of 2 */
.regioner-feed__item--promo-category .regioner-feed__content--promo{ -webkit-line-clamp: 3; }

/* Welcome/empty variants */
.regioner-feed__content--welcome{ -webkit-line-clamp: 4; }
.regioner-feed__item--empty .regioner-feed__content--welcome{
  -webkit-line-clamp: unset;
}

.regioner-feed__card--cta .regioner-directory__list--feed-cta{
  display: grid;
  grid-template-columns: 1fr !important;
  gap: 16px;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  min-width: 0;
}

.regioner-feed__card--cta .regioner-directory-card{
  width: 100%;
  min-width: 0;
}

.regioner-feed__card--cta .regioner-directory__list--feed-cta > .regioner-directory-card{
  grid-column: auto !important;
}

.regioner-feed__cta-row .regioner-directory-card{
  margin: 0;
}

.regioner-feed__card--cta{
  padding: 16px 18px;
  overflow: visible;
}

.regioner-feed__item--section .regioner-feedbar2{
  margin-top: 70px;
  background: linear-gradient(180deg, rgba(219, 234, 254, 0.6), rgba(191, 219, 254, 0.35));
  border: 1px solid rgba(59, 130, 246, 0.16);
  box-shadow: 0 10px 24px rgba(59, 130, 246, 0.08);
}

.regioner-feed__item--empty .regioner-feed__content{
  display:block;
  -webkit-line-clamp: unset;
  overflow: visible;
}

.regioner-feed__item--empty .regioner-feed__card{
  background: linear-gradient(180deg, rgba(254, 242, 242, 0.9), rgba(254, 226, 226, 0.6));
  border-color: rgba(248, 113, 113, 0.22);
}

.regioner-feed__item--empty .regioner-feed__content,
.regioner-feed__item--empty .regioner-feed__title{
  padding-left: 18px;
  padding-right: 18px;
}

.regioner-feed__item--welcome .regioner-feed__card{
  border: 1px solid #e5e7eb;
}
.regioner-feed__item--welcome .regioner-btn{ text-decoration: none; }

/* Welcome item — improved layout */
.regioner-feed__item--welcome .regioner-feed__main{
  padding: 6px 24px 6px 4px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
}

.regioner-feed__item--welcome .regioner-feed__title{
  font-size: 17px;
  font-weight: 700;
  line-height: 1.3;
  margin: 0;
  color: #1e293b;
}

.regioner-feed__item--welcome .regioner-feed__content--welcome{
  -webkit-line-clamp: unset;
  font-size: 14px;
  line-height: 1.65;
  color: #475569;
  margin: 0;
}

.regioner-feed__item--welcome .regioner-feed__footer-row{
  margin-top: 4px;
}

.regioner-feed__item--welcome .regioner-feed__actions{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.regioner-feed__item--welcome .regioner-feed__media{
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px;
}

.regioner-feed__item--welcome .regioner-feed__thumb-img{
  border-radius: 12px;
  object-fit: contain;
  max-height: 180px;
  width: auto;
}

@media (max-width: 768px){
  .regioner-feed__item--welcome .regioner-feed__main{
    padding: 4px 12px 8px;
  }

  .regioner-feed__item--welcome .regioner-feed__thumb-img{
    max-height: 180px;
  }
}

/* ================================
   Expand (NON-RSS) – przycisk na końcu treści
   Kompatybilne z: .regioner-feed__expand oraz .regioner-feed__more-toggle
   ================================ */

.regioner-feed__content--collapsible{
  position: relative;
  height: 100%;
  min-height: 0;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

.regioner-feed__content--collapsible .regioner-feed__content-inner{
  min-height: 0;
  flex: 1 1 auto;
}

.regioner-feed__expand,
.regioner-feed__more-toggle{
    position: static;
    right: auto;
    bottom: auto;
    align-self: flex-end;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 6px 0 0 auto !important;
    width: auto !important;
    padding: 4px 10px;
    border-radius: 5px;
    font-size: 12px;
    font-weight: 300;
    line-height: 1;
    border: none;
    background: #e5e7eb;
    color: #2e2e2e;
    cursor: pointer;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    transition: background-color .12s ease, box-shadow .12s ease;
}

.regioner-feed__expand:hover,
.regioner-feed__more-toggle:hover{
  background:#dde3e9;
  box-shadow: none;
  color: #2e2e2e;
  border: none;
}

.regioner-feed__expand:focus,
.regioner-feed__more-toggle:focus{
  background:#dde3e9!important;
  box-shadow: none;
  color: #2e2e2e;
  border: none;
}

.regioner-feed__expand:focus-visible,
.regioner-feed__more-toggle:focus-visible{
  outline:none;
  box-shadow: 0 0 0 2px rgba(148,163,184,.35);
}

.regioner-feed__expand.is-hidden,
.regioner-feed__more-toggle.is-hidden,
.regioner-feed__gallery-toggle.is-hidden{ display:none !important; }

/* ── Article / "Czytaj więcej" ── */
.regioner-feed__article-wrap{
  margin-top: 8px;
}
.regioner-feed__read-more-btn{
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background: none;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  padding: 5px 14px;
  font-size: 13px;
  font-weight: 600;
  color: #2563eb;
  cursor: pointer;
  transition: background .15s, border-color .15s;
}
.regioner-feed__read-more-btn:hover{
  background: #eff6ff;
  border-color: #93c5fd;
}
.regioner-feed__article{
  margin-top: 10px;
  padding: 14px 16px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  font-size: 14px;
  line-height: 1.65;
  color: #334155;
}
.regioner-feed__article p{ margin: 0 0 8px; }
.regioner-feed__article p:last-child{ margin-bottom: 0; }
.regioner-feed__article a{ color: #2563eb; text-decoration: underline; }
.regioner-feed__article h3{ font-size: 16px; font-weight: 700; margin: 0 0 6px; }
.regioner-feed__article--single{
  background: transparent;
  border: none;
  border-radius: 0;
  padding: 14px 0 0;
  margin-top: 8px;
  border-top: 1px solid #e2e8f0;
}
.regioner-feed__article h4{ font-size: 14px; font-weight: 700; margin: 0 0 4px; }
.regioner-feed__article blockquote{
  margin: 8px 0;
  padding: 8px 14px;
  border-left: 3px solid #cbd5e1;
  color: #475569;
  font-style: italic;
}

/* ── Link warning modal ── */
.regioner-link-warning{
  position: fixed;
  inset: 0;
  z-index: 99999;
  display: flex;
  align-items: center;
  justify-content: center;
}
.regioner-link-warning[hidden]{ display: none !important; }
.regioner-link-warning__backdrop{
  position: absolute;
  inset: 0;
  background: rgba(15,23,42,0.5);
}
.regioner-link-warning__card{
  position: relative;
  background: #fff;
  border-radius: 14px;
  padding: 28px 32px;
  max-width: 440px;
  width: 90%;
  box-shadow: 0 20px 50px rgba(0,0,0,0.18);
  text-align: center;
}
.regioner-link-warning__title{
  font-size: 18px;
  font-weight: 700;
  margin: 0 0 8px;
  color: #1e293b;
}
.regioner-link-warning__text{
  font-size: 14px;
  color: #475569;
  margin: 0 0 14px;
  line-height: 1.5;
}
.regioner-link-warning__url{
  display: block;
  background: #f1f5f9;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  padding: 8px 12px;
  font-size: 13px;
  color: #334155;
  word-break: break-all;
  margin-bottom: 18px;
}
.regioner-link-warning__actions{
  display: flex;
  gap: 10px;
  justify-content: center;
}
.regioner-link-warning__btn{
  padding: 8px 20px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  border: none;
  transition: background .15s;
}
.regioner-link-warning__btn--go{
  background: #2563eb;
  color: #fff;
}
.regioner-link-warning__btn--go:hover{ background: #1d4ed8; }
.regioner-link-warning__btn--cancel{
  background: #f1f5f9;
  color: #475569;
}
.regioner-link-warning__btn--cancel:hover{ background: #e2e8f0; }

.regioner-feed__card.is-expanded .regioner-feed__row--content{ overflow: visible; }
.regioner-feed__card.is-expanded .regioner-feed__content--collapsible .regioner-feed__content-inner{
  padding-right: 0;
  overflow: visible;
}

@media (max-width: 520px){
  .regioner-feed__content--collapsible .regioner-feed__content-inner{ padding-right: 0; }
  .regioner-feed__expand,
  .regioner-feed__more-toggle{ padding: 4px 8px; }
}

/* ================================
   Thumb CTA: domyślnie mały plus (TOP-LEFT),
   hover: pasek na dole na całą szerokość z tekstem
   ================================ */

.regioner-feed__thumb-cta,
.regioner-feed__thumb-cta *{ pointer-events:none; }

.regioner-feed__thumb-cta{
  position: absolute;
  z-index: 6;

  left: 10px;
  top: 10px;

  width: 34px;
  height: 34px;
  padding: 0;

  display:inline-flex !important;
  align-items:center;
  justify-content:center;

  border-radius: 10px;
  background: rgba(0,0,0,.41);
  color:#fff;

  font-size: 0 !important;
  line-height: 1;

  overflow:hidden;
  white-space: nowrap;

  transition:
    left .18s ease, right .18s ease, top .18s ease, bottom .18s ease,
    width .18s ease, height .18s ease, padding .18s ease, border-radius .18s ease,
    background-color .18s ease, transform .18s ease;
}

.regioner-feed__thumb-cta::before{
  content:"+";
  font-size: 20px;
  font-weight: 200;
  line-height: 1;
  color:#fff;
}

.regioner-feed__thumb-link:hover .regioner-feed__thumb-cta{
  left: 10px;
  right: 10px;
  top: auto;
  bottom: 10px;

  width: auto;
  height: auto;
  padding: 8px 12px;

  border-radius: 12px;
  background: rgba(0,0,0,.85);
  transform: translateY(-1px);

  font-size: 12px !important;
  font-weight: 700;
  justify-content: flex-start;
  gap: 8px;
}

@media (hover: none){
  .regioner-feed__thumb-link:active .regioner-feed__thumb-cta,
  .regioner-feed__thumb-link:focus  .regioner-feed__thumb-cta{
    left: 10px;
    right: 10px;
    top: auto;
    bottom: 10px;
    width:auto;
    height:auto;
    padding: 8px 12px;
    border-radius: 12px;
    font-size: 12px !important;
    font-weight: 700;
    justify-content: flex-start;
    gap: 8px;
  }
}

.regioner-feed__thumb-more{
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 7;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 8px;
  border-radius: 10px;
  background: rgba(15,23,42,.78);
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
}

.regioner-feed__thumb-more-icon{
  width: 24px;
  height: 24px;
  display: block;
  filter: brightness(0) invert(1);
}

.regioner-feed__gallery-hidden{
  display: none !important;
}

.regioner-feed__row--gallery{
  margin: 2px 0 4px;
}

.regioner-feed__gallery{
  position: relative;
}

.regioner-feed__gallery-inner{
  overflow: hidden;
  max-height: 224px;
  border-radius: 12px;
  transition: max-height .25s ease;
}
/* Single image: show taller preview before expand */
.regioner-feed__gallery:has(.regioner-feed__gallery-grid--single) .regioner-feed__gallery-inner{
  max-height: 480px;
}

.regioner-feed__gallery.is-expanded .regioner-feed__gallery-inner{
  max-height: none;
}

.regioner-feed__gallery-grid{
  display: grid;
  gap: 8px;
  width: 100%;
}

.regioner-feed__gallery-grid--single{
  grid-template-columns: minmax(0,1fr);
}

.regioner-feed__gallery-grid--double{
  grid-template-columns: repeat(2, minmax(0,1fr));
}

.regioner-feed__gallery-grid--mosaic{
  grid-template-columns: repeat(3, minmax(0,1fr));
  grid-auto-rows: 92px;
}

.regioner-feed__gallery-grid--mosaic .regioner-feed__gallery-link:first-child{
  grid-column: span 2;
  grid-row: span 2;
}

.regioner-feed__gallery-link{
  display: block;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
  background: #e2e8f0;
}

.regioner-feed__gallery-grid--single .regioner-feed__gallery-link{
  aspect-ratio: auto;
  max-height: 480px;
  overflow: hidden;
}
.regioner-feed__gallery-grid--single .regioner-feed__gallery-img{
  width: 100%;
  height: 100%;
  max-height: 480px;
  object-fit: cover;
}
/* Contain mode: transparent background */
.regioner-feed__gallery--contain .regioner-feed__gallery-link{
  background: transparent;
}
.regioner-feed__gallery--contain .regioner-feed__gallery-inner{
  background: transparent;
}
.regioner-feed__gallery--contain{
  background: transparent;
}
/* After expand: show full image */
.regioner-feed__gallery.is-expanded .regioner-feed__gallery-grid--single .regioner-feed__gallery-link{
  max-height: none;
}
.regioner-feed__gallery.is-expanded .regioner-feed__gallery-grid--single .regioner-feed__gallery-img{
  max-height: none;
  height: auto;
  object-fit: contain;
}

.regioner-feed__gallery-grid--double .regioner-feed__gallery-link{
  aspect-ratio: 4 / 3;
}

.regioner-feed__gallery-img{
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.regioner-feed__gallery-toggle{
  position: absolute;
  right: 10px;
  bottom: 10px;
  border: 1px solid #fff;
  background: #000;
  color: #fff;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  padding: 7px 12px;
  cursor: pointer;
  transition: transform .15s ease, background-color .15s ease, box-shadow .15s ease;
}

.regioner-feed__gallery-toggle:hover,
.regioner-feed__gallery-toggle:active,
.regioner-feed__gallery-toggle:focus{
  background: #000;
  color: #fff;
  border-color: #fff;
  transform: translateY(-1px);
  box-shadow: 0 8px 20px rgba(15,23,42,.18);
}

.regioner-feed__gallery-toggle:focus-visible{
  outline: none;
  box-shadow: 0 0 0 2px rgba(255,255,255,.6), 0 8px 20px rgba(15,23,42,.18);
}

.regioner-feed__gallery.is-expanded .regioner-feed__gallery-toggle{
  background: #000;
  color: #fff;
  border-color: #fff;
}

/* ================================
   Buttons base + emoji
   ================================ */

.regioner-feed__btn{
  appearance:none;
  border: 1px solid transparent;
  background: transparent;
  cursor:pointer;
  padding: 4px 8px;
  border-radius: 6px;
  font-size: 13px;
  color:#64748b;
  transition: all .2s;
  display:inline-flex;
  align-items:center;
  gap: 5px;
}

.regioner-feed__btn:hover{
  background:#f8fafc;
  color:#334155;
}

img.emoji,
img.emojioneemoji{
  display:inline-block;
  margin: 0 !important;
  width: 16px !important;
  height: 16px !important;
}

/* ================================
   Promo (jedna wersja – bez dubli)
   ================================ */

.regioner-feed__item--promo .regioner-feed__card{
  display:flex !important;
  flex-direction: row !important;
  align-items:flex-start;
  gap: 16px;
  background-color: #f0f9ffd9;
}

.regioner-feed__item--promo .regioner-feed__media{
  flex: 0 0 240px;
  width: 240px;
  align-self: stretch;
  border-radius: 12px;
  overflow:hidden;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.regioner-feed__item--promo-kb .regioner-feed__media{
  flex: 0 0 240px;
  width: 240px;
}

.regioner-feed__item--promo .regioner-feed__thumb-img{
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
}

.regioner-feed__item--promo .regioner-feed__thumb-img.img{
  border-radius: 12px;
}

.regioner-feed__item--promo .regioner-feed__main{
  flex: 1;
  min-width: 0;
  display:flex;
  flex-direction: column;
}

@media (max-width: 900px){
  .regioner-feed__list{ gap: 12px; }

  .regioner-feed__card{
    padding: 10px 10px 9px;
    border-radius: 7px;
    box-shadow: 0 8px 24px rgba(15,23,42,.04);
    gap: 6px;
  }

  .regioner-feed__title{
    font-size: 15px;
    line-height: 1.35;
    margin: 2px 0 4px;
  }

  .regioner-feed__content{
    font-size: 13px;
    line-height: 1.45;
    -webkit-line-clamp: 3;
  }

  .regioner-feed__item--promo .regioner-feed__card{
    gap: 10px;
    border-radius: 16px;
    border: 1px solid #e5e7eb;
  }

  .regioner-feed__item--promo .regioner-feed__media{
    flex: 0 0 auto;
    width: 100%;
    height: auto;
    border-radius: 12px;
  }
  .regioner-feed__item--promo .regioner-feed__thumb-link{
    height: 180px;
    display: block;
  }
  .regioner-feed__item--promo .regioner-feed__thumb-img{
    width: 100%;
    height: 100%;
    object-fit: contain;
  }

  .regioner-feed__item--promo .regioner-feed__content{ -webkit-line-clamp: 5; }
}

/* ================================
   Desktop: stała wysokość 240 (bez welcome/empty/promo)
   ================================ */

@media (min-width: 769px){
  .regioner-feed__item:not(.regioner-feed__item--welcome):not(.regioner-feed__item--empty):not(.regioner-feed__item--promo) > .regioner-feed__card{
    min-height: 200px;
    height: auto;
  }
  .regioner-feed__item:not(.regioner-feed__item--welcome):not(.regioner-feed__item--empty):not(.regioner-feed__item--promo) > .regioner-feed__card.is-expanded{
    height: auto;
  }

  .regioner-feed__item--has-thumb .regioner-feed__middle-row{ height: 100%; }
  .regioner-feed__item--has-thumb .regioner-feed__main{ height: 100%; min-height: 0; }
}

/* ================================
   RWD: układ miniatury pod treścią
   ================================ */

@media (max-width: 768px){
  .regioner-feed__item--has-thumb .regioner-feed__middle-row{
    grid-template-columns: 1fr !important;
  }

  .regioner-feed__thumb-link{ height: 180px; }

  .regioner-feed__gallery-grid--double{
    grid-template-columns: 1fr;
  }

  .regioner-feed__gallery-grid--mosaic{
    grid-template-columns: repeat(2, minmax(0,1fr));
    grid-auto-rows: 92px;
  }

  .regioner-feed__gallery-grid--mosaic .regioner-feed__gallery-link:first-child{
    grid-column: span 2;
    grid-row: span 2;
  }

  .regioner-feed__gallery-toggle{
    right: 8px;
    bottom: 8px;
    font-size: 11px;
    padding: 6px 10px;
  }
}

@media (min-width: 769px){
  .regioner-feed__gallery-grid--mosaic{
    grid-auto-rows: 106px;
  }
}

/* ================================
   LIGHTBOX – jedna wersja
   ================================ */

html.regioner-no-scroll,
body.regioner-no-scroll{ overflow:hidden !important; }

.regioner-lightbox{
  position: fixed !important;
  inset: 0 !important;
  z-index: 999999 !important;
  display:none !important;
}
.regioner-lightbox.is-open{ display:block !important; }

.regioner-lightbox__backdrop{
  position:absolute !important;
  inset:0 !important;
  background: rgba(15,23,42,.78) !important;
}

.regioner-lightbox__panel{
  position:absolute !important;
  inset: 24px !important;
  margin:auto !important;
  max-width: 1100px !important;
  max-height: calc(100vh - 48px) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding: 14px !important;
  border-radius: 14px !important;
}

.regioner-lightbox__img{
  display:block !important;
  max-width: 100% !important;
  max-height: calc(100vh - 96px) !important;
  width:auto !important;
  height:auto !important;
  object-fit: contain !important;
  border-radius: 12px !important;
}

.regioner-lightbox__close {
  position:absolute !important;
  top: 28px !important;
  right: 18px !important;
  border-radius: 12px !important;
  background: #000!important;
  color:#fff !important;
  width: 38px;
  height: 38px;
  font-size: 26px !important;
  line-height: 1 !important;
  cursor:pointer !important;
  border: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.regioner-lightbox__close:active {
   background: #000!important; 
    color:#fff !important;
}

button.regioner-lightbox__close:focus {
    background: #000!important;
    color:#fff !important;
}

.regioner-lightbox__nav{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 42px;
  height: 42px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.35);
  background: rgba(15,23,42,.65);
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 2;
}

.regioner-lightbox__nav--prev{
  left: 18px;
}

.regioner-lightbox__nav--next{
  right: 18px;
}

.regioner-lightbox__nav:hover{
  background: rgba(15,23,42,.9);
}

.regioner-lightbox__counter{
  position: absolute;
  left: 50%;
  bottom: 12px;
  transform: translateX(-50%);
  min-width: 74px;
  text-align: center;
  border-radius: 999px;
  background: rgba(15,23,42,.76);
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  padding: 7px 10px;
}

@media (max-width: 640px){
  .regioner-lightbox__panel{
    inset: 12px !important;
  }

  .regioner-lightbox__close{
    top: 16px !important;
    right: 12px !important;
  }

  .regioner-lightbox__nav{
    width: 38px;
    height: 38px;
  }

  .regioner-lightbox__nav--prev{
    left: 8px;
  }

  .regioner-lightbox__nav--next{
    right: 8px;
  }
}

/* ================================
   FOOTER UX (Twoja wersja: reactions + share2 + CTA)
   ================================ */

.regioner-feed__row--footer{
  display:flex;
  align-items:center;
  gap: 12px;
  margin-top: auto;
  padding-top: 12px;
}

.regioner-feed__footer-left{
  display:flex;
  align-items:center;
  gap: 10px;
  flex-wrap: nowrap;
  min-width: 0;
  flex: 1 1 auto;
}

.regioner-feed__reactions{
  display:inline-flex;
  align-items:center;
  gap: 8px;
}

.regioner-feed__btn--reaction{
  background: none;
  border: none;
  border-radius: 12px;
  padding: 7px 10px;
  display:inline-flex;
  align-items:center;
  gap: 8px;
  color:#334155;
  line-height: 1;
}

.regioner-feed__btn--reaction:hover{
  background: none;
  border: none;
}

.regioner-feed__btn--reaction .wd-reaction-icon{
  width:18px;
  height:18px;
  margin-right: 0;
}

.regioner-feed__btn-count{
  font-size: 12px;
  font-weight: 700;
  min-width: 10px;
  color:#0f172a;
  opacity: .85;
}

.regioner-feed__btn--reaction.is-active{
  background: none;
  border: none;
  color:#0f172a;
  box-shadow: none;
}
.regioner-feed__btn--reaction.is-active .regioner-feed__btn-count{ color:#0f172a; opacity:1; }
.regioner-feed__btn--reaction.is-active .wd-reaction-icon{ filter: none; }

.regioner-feed__share2{ position: relative; margin-left: auto; }

.regioner-feed__share2-trigger{
  display:inline-flex;
  align-items:center;
  gap: 8px;
  padding: 7px 10px;
  border-radius: 12px;
  border: none;
  background: transparent;
  color:#334155;
  cursor:pointer;
  font-size: 13px;
  font-weight: 650;
}

.regioner-feed__share2-trigger img{
  width: 18px;
  height: 18px;
  display:block;
  opacity: .9;
}

.regioner-feed__share2-trigger:hover{
  border-color:#cbd5e1;
  box-shadow: 0 8px 20px rgba(15,23,42,.06);
    background: #f4f4f4;
    color:#2e2e2e;
}

.regioner-feed__share2-trigger:active{
  border-color:#cbd5e1;
  box-shadow: 0 8px 20px rgba(15,23,42,.06);
    background: #f4f4f4;
    color:#2e2e2e;
}

.regioner-feed__share2-trigger:focus{
  border-color:#cbd5e1;
  box-shadow: 0 8px 20px rgba(15,23,42,.06);
    background: #f4f4f4;
    color:#2e2e2e;
}

.regioner-feed__share2-item:focus {
     background: #f4f4f4;
    color:#2e2e2e;
}

.regioner-feed__share2-menu{
  position:absolute;
  left: 0;
  bottom: calc(100% + 10px);
  min-width: 210px;
  background:#fff;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  box-shadow: 0 18px 45px rgba(15,23,42,.14);
  padding: 6px;
  display:none;
  z-index: 200;
}

.regioner-feed__share2.is-open .regioner-feed__share2-menu{ display:block; }

.regioner-feed__share2-item{
  width:100%;
  border:0;
  background:transparent;
  cursor:pointer;
  display:flex;
  align-items:center;
  gap: 10px;
  padding: 10px 10px;
  border-radius: 10px;
  font-size: 13px;
  color:#0f172a;
  text-align:left;
}

.regioner-feed__share2-item img{
  width: 18px;
  height: 18px;
  display:block;
  opacity:.9;
}

.regioner-feed__share2-item:hover{ background:#f1f5f9;color:#0284c7; }
.regioner-feed__share2-item.is-copied{ background: rgba(34,197,94,.12); }

.regioner-feed__cta{
  flex: 0 0 auto;
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 8px;
}

/* External link button */
.regioner-feed__ext-link{
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 4px 10px;
  border-radius: 8px;
  flex-shrink: 0;
  font-size: 12px;
  font-weight: 500;
  color: #475569;
  background: #f1f5f9;
  text-decoration: none;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: background .15s, color .15s;
}
.regioner-feed__ext-link:hover{
  background: #e2e8f0;
  color: #1e293b;
}
.regioner-feed__ext-link svg{
  flex-shrink: 0;
}
.regioner-feed__ext-link-text{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
}

.regioner-feed__more-link--primary{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 5px 13px;
  border-radius: 12px;
  font-size: 13px;
  font-weight: 300;
  text-decoration:none;
    color: #0584c7;
    background: #f0f9ff;
}

.regioner-feed__more-link--primary:hover{
  transform: translateY(-1px);
    color: #2e2e2e;
}

@media (max-width: 520px){
  .regioner-feed__row--footer{ flex-wrap: wrap; }
}

/* ================================
   PATCH: data (prawy górny róg) + CTA (lewy dół) + publisher (elegancko)
   ================================ */

/* 1) DATA: przyklejona do prawego górnego rogu karty */
.regioner-feed__card{
  position: relative;
}

.regioner-feed__row--badges{
  position: relative;
}

.regioner-feed__row--badges .regioner-feed__meta-badge{
  position: absolute;
  top: 0;
  right: 0;
  margin-left: 0 !important;
  font-variant-numeric: tabular-nums;
  line-height: 1;
}

/* Żeby badge’y nie wchodziły pod datę */
.regioner-feed__badges{
  padding-right: 20px; /* dostosuj jeśli data długa */
}

/* 2) IKONA POWIĘKSZANIA: lewy dolny róg (spoczynek),
      hover bez zmian (pasek na dole) */
.regioner-feed__thumb-cta{
  left: 10px !important;
  top: auto !important;
  bottom: 10px !important;
}

/* 3) PUBLISHER: jedna linia, ikona + wyróżniona nazwa firmy */
.regioner-feed__row--publisher{
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

/* Delikatny “chip” z ikoną i nazwą */
.regioner-feed__place{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 10px;
  border-radius: 12px;
  font-weight: 600;     /* wyróżnienie */
  color: #0f172a;
  min-width: 0;
}

/* Link firmy: czytelny i elegancki, z elipsą */
.regioner-feed__place a{
  color: inherit;
  font-weight: 700;
  text-decoration: none;
  min-width: 0;

  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 52vw;
}

.regioner-feed__place a:hover{
  text-decoration: underline;
}

.regioner-feed__item--promo .regioner-feed__place--promo{
  padding-left: 0;
}

/* Dopisek RSS zostaje, ale bardziej spójny */
.regioner-feed__place-rss{
  margin-left: 6px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .04em;
  color: #64748b;
}

/* Mobile: niech chip się mieści */
@media (max-width: 520px){
  .regioner-feed__badges{ padding-right: 98px; }
  .regioner-feed__place a{ max-width: 64vw; }
}

/* ================================
   FIX: liczniki reakcji (data-role) zawsze widoczne
   ================================ */

/* liczniki w Twoim HTML: span[data-role="plus-count"|"minus-count"|"heart-count"] */
.regioner-feed__btn span[data-role]{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 10px;
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
  color: inherit;          /* dziedziczy z przycisku */
  opacity: .9;
}

/* jeśli używasz nowego wariantu pilli (.regioner-feed__btn--reaction) */
.regioner-feed__btn--reaction .regioner-feed__btn-count{
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
  opacity: .9;
}

/* aktywne (ciemne tło): licznik ma być biały */
.regioner-feed__btn.is-active span[data-role],
.regioner-feed__btn--reaction.is-active .regioner-feed__btn-count{
  color: #2e2e2e;
  opacity: .95;
}

/* =========================================================
   TOP-RIGHT META: publikujący w prawym górnym rogu,
   data pod spodem (desktop)
   ========================================================= */
@media (min-width: 769px){

  /* prawa kolumna ma być "kotwicą" dla absolutów */
  .regioner-feed__main{
    position: relative;
  }

  /* 1) PUBLISHER -> prawy górny róg */
  .regioner-feed__row--publisher{
    position: absolute;
    top: 0;
    right: 0;

    margin: 0;
    padding: 0;

    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;

    /* żeby nie łamało się brzydko */
    max-width: 60%;
    white-space: nowrap;
  }

  /* podbijamy czytelność nazwy firmy + układ elegancki */
  .regioner-feed__row--publisher .regioner-feed__meta-line{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    justify-content: flex-end;
  }

  .regioner-feed__row--publisher .regioner-feed__place{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-weight: 800;
    color: #0f172a;
    font-size: 12.5px;
    line-height: 1;
  }

  /* jeśli link do firmy — też wyraźny */
  .regioner-feed__row--publisher .regioner-feed__place a{
    color: inherit;
    font-weight: 800;
    text-decoration: none;
  }
  .regioner-feed__row--publisher .regioner-feed__place a:hover{
    text-decoration: underline;
  }


  /* jeśli jest logo, to kropka jest zbędna */
  .regioner-feed__row--publisher .regioner-feed__logo-overlay + .regioner-feed__meta-line .regioner-feed__place::before{
    display: none;
  }

  /* logo w tej linii — kompakt */
  .regioner-feed__logo-overlay{
    max-height: 22px;
    margin-right: 0;
  }
  .regioner-feed__logo-overlay-img{
    max-height: 22px;
    max-width: 120px;
  }

  /* 2) DATA -> prawy róg pod publisherem */
  .regioner-feed__row--badges .regioner-feed__meta-badge{
    position: absolute;
    top: 20px;    /* pod publisherem */
    right: 0;

    margin: 0;
    padding: 0;

    font-size: 11px;
    color: #94a3b8;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
  }

  /* badges zostają po lewej */
  .regioner-feed__row--badges{
    justify-content: flex-start;
  }
}

/* TOPLINE: badge lewo + publisher prawo */
.regioner-feed__row--badges{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 12px;
}

/* publisher chip (prawa strona) */
.regioner-feed__publisher-chip{
  display:inline-flex;
  align-items:center;
  justify-content:flex-end;
  gap: 8px;
  min-width: 0;
  max-width: 400px;
}

.regioner-feed__publisher-logo{ flex: 0 0 auto; }
.regioner-feed__publisher-logo-img{
  max-width: 50px;
  max-height: 32px;
  object-fit: contain;
  background: #fff;
  border-radius: 5px;
}

.regioner-feed__publisher-name{
  min-width: 0;
  font-size: 12.5px;
  font-weight: 400;
  color: #1d427d;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.regioner-feed__publisher-name a{
  color: #2e2e2e;
  text-decoration: none;
  font-size: 14px;
  font-weight: 600;
}
.regioner-feed__publisher-name a:hover{ text-decoration: none; }

.regioner-feed__publisher-tag{
    flex: 0 0 auto;
    font-size: 11px;
    padding: 0 3px 0 0;
    font-weight: 200;
    color: #e7a83e;
}

/* dateline: osobny wiersz, prawa strona */
.regioner-feed__row--date{
  display:flex;
  justify-content:flex-end;
  margin-top: 0;
}
.regioner-feed__row--date .regioner-feed__meta-badge{
  font-size: 11px;
  color: #94a3b8;
}

.regioner-feed__row--date.has-inline-title{
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
}

.regioner-feed__row--date.has-inline-title .regioner-feed__date-title{
  flex: 1 1 auto;
  min-width: 0;
}

.regioner-feed__row--date.has-inline-title .regioner-feed__date-title .regioner-feed__title{
  margin: 0;
}

.regioner-feed__row--date.has-inline-title .regioner-feed__date-meta{
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 4px;
}

/* Expanded – zawsze pokazuj całość (bez względu na to gdzie clamp był ustawiony) */
.regioner-feed__card.is-expanded .regioner-feed__content--collapsible .regioner-feed__content-inner,
.regioner-feed__content--collapsible.is-expanded .regioner-feed__content-inner{
  max-height: none !important;
  overflow: visible !important;
  -webkit-line-clamp: unset !important;
  display: block !important;
}

/* Optional: po rozwinięciu nie rezerwuj miejsca na chip */
.regioner-feed__card.is-expanded .regioner-feed__content--collapsible .regioner-feed__content-inner{
  padding-right: 0 !important;
}

/* Collapsible nie dziedziczy clamp z .regioner-feed__content */
.regioner-feed__content--collapsible{
  display: flex;
  flex-direction: column;
  align-items: stretch;
  -webkit-line-clamp: unset;
  -webkit-box-orient: unset;
  overflow: visible;
}

/* Clamp robimy na inner w stanie zwiniętym */
.regioner-feed__content--collapsible:not(.is-expanded) .regioner-feed__content-inner{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6; /* ile chcesz na zwiniętym */
  overflow: hidden;
}

/* Rozwinięty: pełna treść */
.regioner-feed__content--collapsible.is-expanded .regioner-feed__content-inner{
  display: block;
  -webkit-line-clamp: unset;
  overflow: visible;
}

/* ================================
   KEBAB MENU (3 kropki) – opcje wpisu
   ================================ */

.regioner-feed__top-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap: 10px;
  min-width: 0;
}

.regioner-feed__menu{
  position: relative;
  flex: 0 0 auto;
}

.regioner-feed__menu-btn{
  width: 30px;
  height: 30px;
  border-radius: 12px;
  border: 0px solid #e2e8f0;
  background: transparent;
  color: #0f172a;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  line-height: 1;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  transition: box-shadow .12s ease, transform .12s ease, border-color .12s ease, background-color .12s ease;
}

.regioner-feed__menu-btn:hover{
  background: #f8fafc;
  transform: translateY(-1px);
}

.regioner-feed__menu.is-open .regioner-feed__menu-btn{
  border-color: #0284c7;
  box-shadow: 0 0 0 3px rgba(2,132,199,.18);
}

.regioner-feed__menu-list{
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  min-width: 220px;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  box-shadow: 0 18px 45px rgba(15,23,42,.14);
  padding: 6px;
  display: none;
  z-index: 400;
}

.regioner-feed__menu.is-open .regioner-feed__menu-list{
  display: block;
}

.regioner-feed__menu-item{
  width: 100%;
  border: 0;
  background: transparent;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 10px;
  border-radius: 10px;
  font-size: 13px;
  color: #0f172a;
  text-align: left;
  text-decoration: none;
}

.regioner-feed__menu-item--title{
  display: none;
}

.regioner-feed__menu-item:hover{
  background: #f1f5f9;
  color: #0284c7;
}

.regioner-feed__menu-item:focus{
  outline: none;
  background: #f1f5f9;
}

.regioner-feed__menu-item.is-danger{
  color: #b91c1c;
}

.regioner-feed__menu-item.is-danger:hover{
  background: rgba(185,28,28,.08);
  color: #b91c1c;
}

/* ================================
   REPORT MODAL – zgłaszanie wpisów
   ================================ */

.regioner-report{
  position: fixed;
  inset: 0;
  z-index: 999999;
  display: none;
}

.regioner-report.is-open{
  display: block;
}

.regioner-report__backdrop{
  position: absolute;
  inset: 0;
  background: rgba(15,23,42,.62);
}

.regioner-report__panel{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: min(620px, calc(100vw - 32px));
  max-height: calc(100vh - 32px);
  overflow: auto;
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 28px 70px rgba(15,23,42,.22);
  padding: 16px;
}

.regioner-report__head{
  display:flex;
  align-items:flex-start;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 12px;
}

.regioner-report__title{
  margin: 0;
  font-size: 16px;
  font-weight: 800;
  color: #0f172a;
}

.regioner-report__close{
  appearance:none;
  border: 1px solid #e2e8f0;
  background: #fff;
  cursor:pointer;
  border-radius: 12px;
  width: 38px;
  height: 38px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size: 22px;
  line-height: 1;
  color:#0f172a;
}

.regioner-report__close:hover{
  background:#f8fafc;
}

.regioner-report__note{
  font-size: 13px;
  line-height: 1.45;
  color: #475569;
  margin: 0 0 12px 0;
}

.regioner-report__reasons{
  display:flex;
  flex-direction: column;
  gap: 8px;
  margin: 12px 0;
}

.regioner-report__reason{
  display:flex;
  align-items:flex-start;
  gap: 10px;
  padding: 10px 10px;
  border-radius: 12px;
  border: 1px solid #e2e8f0;
  background:#fff;
}

.regioner-report__reason:hover{
  background:#f8fafc;
}

.regioner-report__reason input{
  margin-top: 3px;
}

.regioner-report__fields{
  display:flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 12px;
}

.regioner-report__field label{
  display:block;
  font-size: 12px;
  font-weight: 800;
  color:#0f172a;
  margin: 0 0 6px 0;
}

.regioner-report__field input,
.regioner-report__field textarea{
  width: 100%;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  padding: 10px 12px;
  font-size: 14px;
  color:#0f172a;
  background:#fff;
}

.regioner-report__field textarea{
  min-height: 110px;
  resize: vertical;
}

.regioner-report__hint{
  font-size: 12px;
  color:#64748b;
  margin-top: 6px;
}

.regioner-report__actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap: 10px;
  margin-top: 14px;
}

.regioner-report__btn{
  appearance:none;
  border: 0;
  border-radius: 12px;
  padding: 10px 14px;
  font-size: 14px;
  font-weight: 800;
  cursor:pointer;
}

.regioner-report__btn--ghost{
  background:#f1f5f9;
  color:#0f172a;
}

.regioner-report__btn--primary{
  background:#0284c7;
  color:#fff;
}

.regioner-report__btn[disabled]{
  opacity:.6;
  cursor: not-allowed;
}

/* ================================
   TOAST – potwierdzenie "Ukryto wpis"
   ================================ */

.regioner-toast{
  position: fixed;
  left: 16px;
  bottom: 16px;
  z-index: 999999;
  background: rgba(15,23,42,.96);
  color:#fff;
  padding: 10px 12px;
  border-radius: 14px;
  display:flex;
  align-items:center;
  gap: 12px;
  box-shadow: 0 18px 45px rgba(15,23,42,.25);
  max-width: min(520px, calc(100vw - 32px));
}

.regioner-toast__text{
  font-size: 13px;
  line-height: 1.35;
  margin: 0;
}

.regioner-toast__btn{
  appearance:none;
  border: 1px solid rgba(255,255,255,.18);
  background: rgba(255,255,255,.08);
  color:#fff;
  cursor:pointer;
  border-radius: 12px;
  padding: 8px 10px;
  font-size: 13px;
  font-weight: 800;
}

.regioner-toast__btn:hover{
  background: rgba(255,255,255,.14);
}

/* =====================================
   Expand toggles: unified style
   ===================================== */
.regioner-feed__gallery-toggle,
.regioner-feed__gallery-toggle:hover,
.regioner-feed__gallery-toggle:active,
.regioner-feed__gallery-toggle:focus,
.regioner-feed__gallery-toggle:focus-visible,
.regioner-feed__gallery.is-expanded .regioner-feed__gallery-toggle,
.regioner-feed__gallery.is-expanded .regioner-feed__gallery-toggle:hover,
.regioner-feed__gallery.is-expanded .regioner-feed__gallery-toggle:active,
.regioner-feed__gallery.is-expanded .regioner-feed__gallery-toggle:focus,
.regioner-feed__gallery.is-expanded .regioner-feed__gallery-toggle:focus-visible{
  background: #5bb2dfa8 !important;
  color: #fff !important;
  border: none !important;
  border-left: none !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  transform: none !important;
  text-decoration: none !important;
}

/* Gallery-only cards: toggle styled like content "Rozwiń" button */
.regioner-feed__item--gallery-only .regioner-feed__gallery-toggle,
.regioner-feed__item--gallery-only .regioner-feed__gallery-toggle:hover,
.regioner-feed__item--gallery-only .regioner-feed__gallery-toggle:active,
.regioner-feed__item--gallery-only .regioner-feed__gallery-toggle:focus,
.regioner-feed__item--gallery-only .regioner-feed__gallery-toggle:focus-visible,
.regioner-feed__item--gallery-only .regioner-feed__gallery.is-expanded .regioner-feed__gallery-toggle,
.regioner-feed__item--gallery-only .regioner-feed__gallery.is-expanded .regioner-feed__gallery-toggle:hover,
.regioner-feed__item--gallery-only .regioner-feed__gallery.is-expanded .regioner-feed__gallery-toggle:active,
.regioner-feed__item--gallery-only .regioner-feed__gallery.is-expanded .regioner-feed__gallery-toggle:focus,
.regioner-feed__item--gallery-only .regioner-feed__gallery.is-expanded .regioner-feed__gallery-toggle:focus-visible{
  background: #e5e7eb !important;
  color: #2e2e2e !important;
  border: none !important;
  border-radius: 5px !important;
  font-weight: 300 !important;
  font-size: 12px !important;
  line-height: 1 !important;
  padding: 4px 10px !important;
  box-shadow: none !important;
  transform: none !important;
  text-decoration: none !important;
}

/* Keep all feed expand/collapse controls with consistent 5px radius */
.regioner-feed__expand,
.regioner-feed__more-toggle,
.regioner-feed__gallery-toggle{
  border-radius: 5px !important;
}

@media (min-width: 992px) {
  .regioner-feed__item--has-thumb .regioner-feed__middle-row,
  .regioner-feed__card--insert .regioner-feed__middle-row{
    grid-template-columns: 240px minmax(0,1fr) !important;
  }

  .regioner-feed__item:not(.regioner-feed__item--gallery-only) > .regioner-feed__card.is-company{
    height: 240px;
  }

  .regioner-feed__item:not(.regioner-feed__item--gallery-only) > .regioner-feed__card.is-company.is-expanded{
    height: auto;
  }

  .regioner-feed__item--has-thumb .regioner-feed__media{
    min-height: 0;
    align-self: start;
  }

  .regioner-feed__item--has-thumb .regioner-feed__thumb-link{
    height: 220px;
    aspect-ratio: auto;
  }

  .regioner-feed__item--has-thumb .regioner-feed__thumb-img,
  .regioner-feed__item--has-thumb .regioner-feed__thumb-placeholder{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    border-radius: 12px;
  }

  .regioner-feed__item--has-thumb .regioner-feed__thumb-link:hover .regioner-feed__thumb-img{
    object-fit: contain;
    background: #f1f5f9;
  }

  .regioner-feed__item--promo.regioner-feed__item--has-thumb .regioner-feed__thumb-img{
    object-fit: contain;
  }

  /* Desktop/company: tytuł pełny, treść tylko w dostępnej przestrzeni. */
  .regioner-feed__card.is-company .regioner-feed__title,
  .regioner-feed__card.is-company .regioner-feed__title a{
    display: block;
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
  }

  .regioner-feed__card.is-company .regioner-feed__content--collapsible:not(.is-expanded) .regioner-feed__content-inner{
    display: block;
    -webkit-box-orient: initial;
    -webkit-line-clamp: unset;
    max-height: 100%;
    overflow: hidden;
  }

  /* Promo (desktop): CTA in bottom-right corner with button-like styling */
  .regioner-feed__item--promo .regioner-feed__card{
    align-items: stretch;
  }

  .regioner-feed__item--promo .regioner-feed__main{
    min-height: 200px;
  }

  .regioner-feed__item--promo .regioner-feed__actions--promo{
    margin-top: auto;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    gap: 8px;
  }

  .regioner-feed__item--promo .regioner-feed__more-link--promo{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 6px 12px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.2;
    text-decoration: none;
    color: #fff;
    background: #0284c7;
    border: none;
    box-shadow: none;
    transition: background-color .15s ease, color .15s ease;
  }

  .regioner-feed__item--promo .regioner-feed__more-link--promo:hover,
  .regioner-feed__item--promo .regioner-feed__more-link--promo:focus,
  .regioner-feed__item--promo .regioner-feed__more-link--promo:active,
  .regioner-feed__item--promo .regioner-feed__more-link--promo:focus-visible{
    color: #fff;
    background: #0369a1;
    text-decoration: none;
    box-shadow: none;
    transform: none;
  }
}

/* ================================
   Skeleton loader
   ================================ */

@keyframes regioner-skeleton-shimmer {
  0%   { background-position: -400px 0; }
  100% { background-position: 400px 0; }
}

.regioner-feed__loader {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.regioner-feed__skeleton {
  padding: 10px;
  border-radius: 12px;
  background: #fff;
}

.regioner-feed__skeleton-header {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
}

.regioner-feed__skeleton-avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: linear-gradient(90deg, #e5e7eb 25%, #f3f4f6 50%, #e5e7eb 75%);
  background-size: 800px 100%;
  animation: regioner-skeleton-shimmer 1.5s infinite linear;
  flex-shrink: 0;
}

.regioner-feed__skeleton-meta {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.regioner-feed__skeleton-line {
  height: 10px;
  border-radius: 5px;
  background: linear-gradient(90deg, #e5e7eb 25%, #f3f4f6 50%, #e5e7eb 75%);
  background-size: 800px 100%;
  animation: regioner-skeleton-shimmer 1.5s infinite linear;
  width: 100%;
}

.regioner-feed__skeleton-line--title { width: 45%; height: 12px; }
.regioner-feed__skeleton-line--date  { width: 30%; height: 9px; }
.regioner-feed__skeleton-line--short { width: 60%; }

.regioner-feed__skeleton-body {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

/* === Badge-type overlay on thumbnail (non-promo only) ===
   To revert: remove this block + regioner-feed-badge-overlay.js + its enqueue. */

/* Media needs positioning context for the overlay */
.regioner-feed__item:not(.regioner-feed__item--promo) .regioner-feed__media {
  position: relative;
}

/* Desktop overlay */
.regioner-feed__badge-type--overlay {
  position: absolute;
  top: 14px;
  left: 14px;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  background: rgba(255, 255, 255, 0.92);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  padding: 3px 8px;
  border-radius: 6px;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  color: #0284c7;
  pointer-events: none;
  line-height: 1.4;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
  white-space: nowrap;
  max-width: calc(100% - 28px);
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Mobile: compact badge flush to corner */
@media (max-width: 768px) {
  .regioner-feed__badge-type--overlay {
    top: 0;
    left: 0;
    font-size: 8px;
    padding: 2px 5px;
    border-radius: 7px 0 6px 0;
    max-width: 80%;
    box-shadow: none;
  }
}

/* ================================
   Desktop card polish
   ================================ */

/* Brak cienia na karcie (czysty look) */
.regioner-feed__card {
  box-shadow: none;
}

/* Thumb: cover domyślnie, contain na hover */
.regioner-feed__item--has-thumb .regioner-feed__thumb-img {
  object-fit: cover;
}
.regioner-feed__item--has-thumb .regioner-feed__thumb-link:hover .regioner-feed__thumb-img {
  object-fit: contain;
  background: #f1f5f9;
}

/* Promo karty: zawsze contain */
.regioner-feed__item--promo-category .regioner-feed__thumb-img,
.regioner-feed__item--promo-place .regioner-feed__thumb-img {
  object-fit: contain;
}

/* Reakcje: bez obramowania */
.regioner-feed__btn--reaction {
  border: none;
  background: transparent;
}

/* CTA: spójny styl desktop + mobile */
.regioner-feed__more-link--primary {
  border: none !important;
  border-radius: 8px !important;
  font-size: 12px !important;
  padding: 5px 14px !important;
  background: #f0f9ff !important;
  color: #0584c7 !important;
  font-weight: 300 !important;
}

/* Zajawka RSS: <p> margin fix */
.regioner-feed__content--rss p {
  margin-bottom: 7px;
}
.regioner-feed__content--rss p:last-child {
  margin-bottom: 0;
}

/* Zajawka: RSS 1 linia */
.regioner-feed__content--rss {
  -webkit-line-clamp: 1;
}

/* ── Mobile: RSS vs Company content ── */
@media (max-width: 768px) {
  /* RSS: ukryj zajawkę, zostaw tylko tytuł */
  .regioner-feed__card.is-rss .regioner-feed__row--content {
    display: none !important;
  }

  /* Company mobile: mniejszy max-height (2 linie) */
  .regioner-feed__card.is-company .regioner-feed__content--clamped .regioner-feed__excerpt-inner {
    max-height: 3.1em;
  }
}

/* ════════════════════════════════════════════════════════
   UX POLISH — spacing, typography, visual hierarchy
   ════════════════════════════════════════════════════════ */

/* Card: white, no border */
.regioner-feed__card {
  padding: 14px 16px;
  gap: 10px;
  border: none;
  background: #fff;
  box-shadow: none;
}
.regioner-feed__card:hover {
  border: none;
  box-shadow: none;
}

/* Rows: slightly more space */
.regioner-feed__main { gap: 10px; }

/* Topline: publisher lewo, badge+czas+menu prawo */
.regioner-feed__row--badges {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding-bottom: 8px;
  margin-bottom: 4px;
  border-bottom: 1px solid #f0f4f8;
  position: static !important;
}
.regioner-feed__row--badges .regioner-feed__publisher-chip {
  max-width: none;
  justify-content: flex-start;
  flex-shrink: 1;
  min-width: 0;
}
.regioner-feed__row--badges .regioner-feed__top-actions {
  margin-left: auto;
  flex-shrink: 0;
  gap: 2px;
}

/* Badge type: delikatny, bez tła */
.regioner-feed__badge-type {
  padding: 0 !important;
  border-radius: 0 !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  color: #0284c7 !important;
  background: transparent !important;
  letter-spacing: 0.02em;
}
/* Ukryj badge source (kategoria) */
.regioner-feed__badge-source {
  display: none;
}

/* Publisher name: bolder + expand on hover */
.regioner-feed__publisher-name {
  font-size: 13px;
  font-weight: 600;
  color: #1e293b;
  position: relative;
}
.regioner-feed__publisher-name:hover {
  overflow: visible !important;
  z-index: 10;
  max-width: none !important;
}
.regioner-feed__publisher-name a {
  font-weight: 700;
  color: #1e293b;
}
.regioner-feed__publisher-name a:hover {
  color: #0284c7;
}
.regioner-feed__publisher-name:hover a {
  background: #fff;
  outline: 6px solid #fff;
  margin-right: 13px;
}

/* Date: more readable */
.regioner-feed__meta-badge {
  font-size: 12px;
  color: #64748b;
}

/* Title: tighter, modern */
.regioner-feed__title {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: -0.01em;
  color: #1e293b;
}
.regioner-feed__title a:hover {
  color: #0284c7;
}

/* Content: slightly roomier line-height */
.regioner-feed__content,
.regioner-feed__excerpt-inner {
  line-height: 1.55;
}

/* Thumbnail: cover domyślnie */
.regioner-feed__thumb-img {
  object-fit: cover;
}
/* Wszystkie miniatury: ograniczona wysokość, cover */
.regioner-feed__thumb-link {
  max-height: 180px;
}
/* Promo kategorii: ikona widoczna w całości */
.regioner-feed__item--promo-category .regioner-feed__thumb-img {
  object-fit: contain;
  background: #f8fafc;
}

/* Footer: separator + tighter */
.regioner-feed__row--footer {
  padding-top: 10px;
  border-top: 1px solid #f1f5f9;
  gap: 10px;
}

/* CTA button: bez tła, link */
.regioner-feed__more-link--primary {
  padding: 6px 0 !important;
  border-radius: 0 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  background: transparent !important;
  color: #0284c7 !important;
  border: none !important;
  box-shadow: none !important;
  transition: color .12s ease;
}
.regioner-feed__more-link--primary:hover {
  background: transparent !important;
  color: #0369a1 !important;
}

/* Reaction buttons: larger touch targets */
.regioner-feed__btn {
  padding: 5px 8px;
  border-radius: 8px;
  transition: background .12s ease;
}
.regioner-feed__btn:hover {
  background: #f1f5f9;
}
.regioner-feed__btn.is-active {
  background: #dbeafe;
  color: #0284c7;
}

/* Czas inline w top-actions (między nazwą a menu) */
.regioner-feed__topline-time {
  display: inline-block !important;
  font-size: 12px;
  color: #94a3b8;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Ukryj stary wiersz z datą */
.regioner-feed__row--date {
  display: none !important;
}

/* RSS cards */
.regioner-feed__card.is-rss {
  background: #fff;
}

/* ════════════════════════════════════════════════════════
   RSS card refinements
   ════════════════════════════════════════════════════════ */

/* RSS: align */
.regioner-feed__item--has-thumb .regioner-feed__card.is-rss .regioner-feed__middle-row {
  align-items: start !important;
}

/* Wszystkie miniatury: 200px */
.regioner-feed__item--has-thumb .regioner-feed__middle-row,
.regioner-feed__card--insert .regioner-feed__middle-row,
.regioner-feed__item--promo.regioner-feed__item--has-thumb .regioner-feed__middle-row {
  grid-template-columns: 200px minmax(0,1fr) !important;
}
/* Promo + KB: miniatura 200px (flex) */
.regioner-feed__item--promo .regioner-feed__media,
.regioner-feed__item--promo-kb .regioner-feed__media {
  flex: 0 0 200px !important;
  width: 200px !important;
}

/* Zajawka RSS: dokładnie 1 linia, bez "Rozwiń" */
.regioner-feed__card.is-rss .regioner-feed__row--content {
  display: block !important;
}
.regioner-feed__card.is-rss .regioner-feed__content {
  display: -webkit-box !important;
  -webkit-line-clamp: 1 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}
.regioner-feed__card.is-rss .regioner-feed__excerpt-inner {
  display: -webkit-box !important;
  -webkit-line-clamp: 1 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}
.regioner-feed__card.is-rss .regioner-feed__content-toggle,
.regioner-feed__card.is-rss .regioner-feed__excerpt-toggle {
  display: none !important;
}

/* Footer RSS: kompaktowy */
.regioner-feed__card.is-rss .regioner-feed__row--footer {
  padding-top: 6px;
  gap: 8px;
}

/* ── Premium profiles carousel ── */
.regioner-feed__carousel-track {
    display: flex;
    gap: 10px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    padding-bottom: 2px;
    width: 0;
    min-width: 100%;
}
.regioner-feed__carousel-track::-webkit-scrollbar { display: none; }
.regioner-feed__carousel-inner {
    display: flex;
    gap: 10px;
    animation: regioner-scroll-left 30s linear infinite;
}
.regioner-feed__carousel-inner:hover {
    animation-play-state: paused;
}
@keyframes regioner-scroll-left {
    0%   { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}
.regioner-feed__carousel-card {
    flex: 0 0 150px;
    scroll-snap-align: start;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    text-decoration: none;
    padding: 14px 8px 12px;
    border-radius: 10px;
    border: none;
    background: transparent;
    transition: background 0.2s;
}
.regioner-feed__carousel-card:hover {
    background: #f8fafc;
}
.regioner-feed__carousel-logo {
    width: 72px;
    height: 72px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    margin-bottom: 10px;
    flex-shrink: 0;
}
.regioner-feed__carousel-logo img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}
.regioner-feed__carousel-name {
    font-size: 11px;
    font-weight: 600;
    color: #0f172a;
    margin-top: 4px;
    line-height: 1.3;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 6px;
    flex: 1;
    word-break: break-word;
}
.regioner-feed__carousel-btn {
    font-size: 10px;
    font-weight: 600;
    color: #1e3a5f;
    padding: 0;
    margin-top: 6px;
    border: none;
    background: none;
    white-space: nowrap;
    transition: color 0.2s;
}
.regioner-feed__carousel-card:hover .regioner-feed__carousel-btn {
    color: #0284c7;
}

/* Karta CTA w karuzeli — granatowa */
.regioner-feed__carousel-card--cta {
    background: linear-gradient(135deg, #0f172a 0%, #1e3a5f 100%);
    border-radius: 10px;
}
.regioner-feed__carousel-card--cta:hover {
    background: linear-gradient(135deg, #1e293b 0%, #1e4976 100%);
}
.regioner-feed__carousel-logo--cta {
    background: transparent;
    width: 68px;
    height: 68px;
}
.regioner-feed__carousel-logo--cta img {
    filter: drop-shadow(0 4px 8px rgba(0,0,0,0.3));
}
.regioner-feed__carousel-name--cta {
    color: #fff;
    font-size: 11px;
    font-weight: 700;
}
.regioner-feed__carousel-btn--cta {
    color: #38bdf8;
}
.regioner-feed__carousel-card--cta:hover .regioner-feed__carousel-btn--cta {
    color: #7dd3fc;
}

/* ════════════════════════════════════════════════════════
   Mobile: promo cards full-width (same as RSS/activity)
   Overrides !important rules from lines 2702-2710 that
   force 200px image column even on narrow screens.
   ════════════════════════════════════════════════════════ */
@media (max-width: 768px) {
    /* Stack vertically (override row !important from line 1007) */
    .regioner-feed__item--promo .regioner-feed__card {
        flex-direction: column !important;
    }

    /* Image full-width (override 200px !important from line 2708) */
    .regioner-feed__item--promo .regioner-feed__media,
    .regioner-feed__item--promo-kb .regioner-feed__media {
        flex: 0 0 auto !important;
        width: 100% !important;
    }

    /* Grid full-width (override 200px grid from line 2703) */
    .regioner-feed__item--promo.regioner-feed__item--has-thumb .regioner-feed__middle-row {
        grid-template-columns: 1fr !important;
    }

    /* Consistent card padding with regular cards */
    .regioner-feed__item--promo .regioner-feed__card {
        padding: 10px 10px 9px;
        border-radius: 7px;
    }

    /* Thumbnail height consistent with regular cards */
    .regioner-feed__item--promo .regioner-feed__thumb-link {
        height: 180px;
        display: block;
    }

    .regioner-feed__item--promo .regioner-feed__thumb-img {
        width: 100% !important;
        height: 100%;
        object-fit: contain;
    }
}