/* CategoryBannerItem: demo gk.css .banner + index.html .kat-banner .banner (2:1) */
.cc_plpval9i_0Pv8fRWtre .gk-kbo {
  position: relative;
  display: block;
  overflow: hidden;
  isolation: isolate;
  aspect-ratio: 2 / 1;
  border-radius: 12px;
  background: var(--gk-vurgu-acik);
}
@media (min-width: 1024px) {
  .cc_plpval9i_0Pv8fRWtre .gk-kbo {
    border-radius: var(--gk-r-buyuk);
  }
}
.cc_plpval9i_0Pv8fRWtre .gk-kbo-resim, .cc_plpval9i_0Pv8fRWtre .gk-kbo-resim img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
}
.cc_plpval9i_0Pv8fRWtre .gk-kbo-resim img {
  transition: transform 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
}
.cc_plpval9i_0Pv8fRWtre a.gk-kbo:hover .gk-kbo-resim img {
  transform: scale(1.025);
}
.cc_plpval9i_0Pv8fRWtre a.gk-kbo:focus-visible {
  outline: 3px solid var(--gk-vurgu);
  outline-offset: 3px;
}
.cc_plpval9i_0Pv8fRWtre .gk-kbo-ad {
  position: absolute;
  left: 12px;
  bottom: 12px;
  max-width: calc(100% - 24px);
  padding: 6px 12px;
  border-radius: var(--gk-hap);
  background: var(--gk-zemin);
  color: var(--gk-metin);
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
}
.cc_plpval9i_0Pv8fRWtre .gk-kbo-bos {
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  color: var(--gk-soluk);
  font-size: 13px;
}
@media (prefers-reduced-motion: reduce) {
  .cc_plpval9i_0Pv8fRWtre .gk-kbo-resim img {
    transition: none;
  }
  .cc_plpval9i_0Pv8fRWtre a.gk-kbo:hover .gk-kbo-resim img {
    transform: none;
  }
}