.cc_brin7rjy_5ERsdi2b2u .cat-card {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: block;
  aspect-ratio: var(--gorsel-eb, auto);
  grid-column: span var(--cat-col-span, 1);
  grid-row: span var(--cat-row-span, 1);
}

.cc_brin7rjy_5ERsdi2b2u .cat-card-img {
  width: 100%;
  height: 100%;
  object-fit: var(--gorsel-sigdirma, cover);
  display: block;
}

.cc_brin7rjy_5ERsdi2b2u .cat-card-img-mobile {
  display: none;
}

.cc_brin7rjy_5ERsdi2b2u .cat-card-img-placeholder {
  width: 100%;
  height: 100%;
  background-color: #e5e5e5;
}

.cc_brin7rjy_5ERsdi2b2u .cat-card-gradient {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0) 22.748%,
    rgba(0, 0, 0, 0.8) 100%
  );
  pointer-events: none;
}

.cc_brin7rjy_5ERsdi2b2u .cat-card-overlay {
  position: absolute;
  inset: 16px;
  display: var(--cat-overlay-display, flex);
  flex-direction: column;
  justify-content: var(--cat-overlay-justify, flex-end);
  align-items: var(--cat-overlay-align, flex-start);
  gap: 8px;
}

.cc_brin7rjy_5ERsdi2b2u .cat-card-texts {
  display: flex;
  flex-direction: column;
  align-items: inherit;
  gap: 0;
}

.cc_brin7rjy_5ERsdi2b2u .cat-card-title {
  line-height: 1.35;
  display: block;
}

.cc_brin7rjy_5ERsdi2b2u .cat-card-subtitle {
  line-height: 1.35;
  display: block;
}

.cc_brin7rjy_5ERsdi2b2u .cat-card-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: var(--cat-btn-height, 48px);
  padding: 8px 16px;
  border: 1px solid currentColor;
  background-color: rgba(255, 255, 255, 0.32);
  text-decoration: none;
  cursor: pointer;
  white-space: nowrap;
}

@media (max-width: 768px) {
  .cc_brin7rjy_5ERsdi2b2u .cat-card {
    aspect-ratio: var(--gorsel-eb-mobil, var(--gorsel-eb, auto));
    grid-column: span var(--cat-col-span-mobile, 1);
    grid-row: span var(--cat-row-span-mobile, 1);
  }

  .cc_brin7rjy_5ERsdi2b2u .cat-card-img-desktop {
    display: none;
  }

  .cc_brin7rjy_5ERsdi2b2u .cat-card-img-mobile {
    display: block;
  }
}