/* Card-only Paldeck. The page itself owns scrolling; no nested catalog shell. */
.catalog-results-layout {
  width: min(calc(100% - 2rem), 1680px);
  max-width: none;
}

.catalog-results-layout .results {
  min-width: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
}

.paldeck-list-heading {
  min-height: 3.4rem;
  padding: 0 .25rem .7rem;
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: .8rem;
  border-bottom: 1px solid rgba(183, 216, 219, .34);
}

.paldeck-list-heading p {
  margin: 0 0 .08rem;
  color: #7edee4;
  font-size: .58rem;
  font-weight: 800;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.paldeck-list-heading h2 {
  margin: 0;
  font-size: 1rem;
  letter-spacing: .01em;
}

.paldeck-list-actions > span {
  padding-bottom: 0;
  color: #82979a;
  font-size: .68rem;
  font-weight: 650;
  letter-spacing: .01em;
  line-height: 1;
  white-space: nowrap;
}

.catalog-results-layout .pal-grid {
  min-height: 0;
  padding: 1rem .4rem .4rem;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-content: start;
  gap: .78rem;
  overflow: visible;
  perspective: none;
}

.catalog-results-layout .pal-card {
  --pal-accent: #28d8ea;
  --pal-card-shape: polygon(
    0 0,
    calc(100% - 13px) 0,
    100% 13px,
    100% 100%,
    0 100%
  );
  position: relative;
  isolation: isolate;
  min-width: 0;
  min-height: 8rem;
  width: 100%;
  padding: .68rem 8.05rem .58rem .8rem;
  display: grid;
  align-items: stretch;
  overflow: visible;
  content-visibility: auto;
  contain-intrinsic-size: auto 8rem;
  color: #e8f1f2;
  text-decoration: none;
  border: 1px solid transparent;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  text-align: left;
  transform: perspective(900px) rotateX(var(--tilt-x, 0deg)) rotateY(var(--tilt-y, 0deg)) scale(var(--pal-tilt-scale, 1));
  transform-style: preserve-3d;
  transition:
    transform 160ms cubic-bezier(.2, .72, .25, 1),
    color 220ms ease,
    border-color 240ms ease,
    box-shadow 280ms cubic-bezier(.2, .72, .25, 1);
}

.catalog-results-layout .pal-card.is-tilting {
  --pal-tilt-scale: 1.006;
  transition-duration: 70ms, 220ms, 240ms, 280ms;
  will-change: transform;
}

.catalog-results-layout .pal-card::before,
.catalog-results-layout .pal-card::after {
  position: absolute;
  inset: 0;
  z-index: -2;
  content: "";
  pointer-events: none;
}

.catalog-results-layout .pal-card::before {
  background:
    linear-gradient(90deg, rgba(5, 13, 17, .74), rgba(8, 18, 22, .62)),
    url("../../../Image/Background/technology-info-header-bg.png") center / cover no-repeat,
    linear-gradient(90deg, #0d1519, #1a2226);
  box-shadow: inset 0 0 0 1px rgba(159, 171, 173, .1);
  clip-path: var(--pal-card-shape);
}

.catalog-results-layout .pal-card::after {
  z-index: -1;
  opacity: 0;
  background:
    linear-gradient(90deg, color-mix(in srgb, var(--pal-accent) 24%, rgba(5, 18, 24, .7)), rgba(5, 17, 23, .64) 72%),
    url("../../../Image/Background/technology-info-header-bg.png") center / cover no-repeat,
    linear-gradient(90deg, color-mix(in srgb, var(--pal-accent) 27%, #07161d), rgba(7, 24, 31, .9) 72%);
  clip-path: var(--pal-card-shape);
  transition: opacity 280ms cubic-bezier(.2, .72, .25, 1);
  will-change: opacity;
}

.catalog-results-layout .pal-card:hover,
.catalog-results-layout .pal-card:focus-visible {
  z-index: 3;
  content-visibility: visible;
  color: #fff;
  outline: 0;
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--pal-accent) 28%, transparent), 0 0 19px color-mix(in srgb, var(--pal-accent) 24%, transparent), 0 10px 24px rgba(0, 0, 0, .32);
}

.catalog-results-layout .pal-card:hover::after,
.catalog-results-layout .pal-card:focus-visible::after {
  opacity: 1;
  transition-duration: 340ms;
}