/* Scoped to catalogue rows, including filtered and progressively loaded cards. */
#lista-realizacji [data-case-study-card] {
  position: relative;
  background: transparent;
}
#lista-realizacji [data-case-study-card]::before {
  content: "";
  position: absolute;
  top: -1px; left: 0; right: 0;
  height: 1px;
  background: #c8ff3d;
  pointer-events: none;
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform .65s cubic-bezier(.22,1,.36,1);
}
#lista-realizacji [data-case-study-card] h2 { transition: color .4s ease; }
#lista-realizacji [data-case-study-card] > span:last-child {
  background: transparent !important;
  transition: color .4s ease, border-color .4s ease;
}
#lista-realizacji [data-case-study-card] > span:last-child svg {
  transition: transform .55s cubic-bezier(.22,1,.36,1);
}
#lista-realizacji [data-case-study-card]:focus-visible::before { transform: scaleX(1); }
@media (hover: hover) and (min-width: 768px) {
  #lista-realizacji [data-case-study-card]:hover::before { transform: scaleX(1); }
  #lista-realizacji [data-case-study-card]:hover > span:last-child { color: #c8ff3d; border-color: #c8ff3d; }
  #lista-realizacji [data-case-study-card]:hover > span:last-child svg { transform: translate(3px,-3px); }
}
#lista-realizacji [data-case-study-card] > div.relative.grid > div:first-child > div.grid > span {
  padding: 24px 18px;
}
#lista-realizacji [data-case-study-card] > div.relative.grid > div:first-child > div.grid > span > img {
  width: 100%;
  max-width: 180px;
  height: 100px;
  max-height: 100px;
  object-fit: contain;
  object-position: center;
}
@media (max-width: 767px) {
  #lista-realizacji [data-case-study-card] { border-top-color: rgba(255,255,255,.27); }
  #lista-realizacji [data-case-study-card][data-catalogue-current] { background: transparent; border-top-color: rgba(255,255,255,.27); }
  #lista-realizacji [data-case-study-card][data-catalogue-current]::before { transform: scaleX(1); }
  #lista-realizacji [data-case-study-card][data-catalogue-current] h2 { color: #c8ff3d; }
  #lista-realizacji [data-case-study-card][data-catalogue-current] > span:last-child {
    border-color: rgba(200,255,61,.65); color: #c8ff3d;
  }
  #lista-realizacji [data-case-study-card][data-catalogue-current] > span:last-child svg { transform: translate(3px,-3px); }
  #lista-realizacji [data-case-study-card] > div.relative.grid { min-height: 180px; }
}
@media (max-width: 767px) and (hover: none) {
  #lista-realizacji [data-case-study-card]:not([data-catalogue-current]):not(:focus-visible) h2 { color: #fff; }
  #lista-realizacji [data-case-study-card]:not([data-catalogue-current]):not(:focus-visible) > span:last-child {
    background-color: transparent; border-color: rgba(255,255,255,.15); color: rgba(255,255,255,.45);
  }
}
@media (prefers-reduced-motion: reduce) {
  #lista-realizacji [data-case-study-card], #lista-realizacji [data-case-study-card]::before, #lista-realizacji [data-case-study-card] * { transition: none !important; }
  #lista-realizacji [data-case-study-card] > span:last-child svg { transform: none !important; }
}

@media (max-width: 767px) {
  #lista-realizacji [data-case-study-card] > span:last-child { display: none; }
}