/* Satış Noktalarımız card: white rounded tile (CustomerReviews card language) that hugs its logo
   with the same padding on every card, so the space between logos is equal along the strip.
   Sizes come from the section: --og-sp-base (logo base height), scaled down on mobile. */
.cc_wzwkmulo_N6Z8sLkKmr .og-sp-logo {
  --og-sp-h: calc(var(--og-sp-base, 36px) * 0.8);
  --og-sp-tile-h: 76px;
  --og-sp-pad: 22px;
  --og-sp-max-w: 130px;
  flex-shrink: 0;
  height: var(--og-sp-tile-h);
  padding: 0 var(--og-sp-pad);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--og-radius-card);
  background: var(--og-sp-card, #ffffff);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.cc_wzwkmulo_N6Z8sLkKmr .og-sp-logo:hover, .cc_wzwkmulo_N6Z8sLkKmr .og-sp-logo:focus-visible {
  transform: translateY(-2px);
  box-shadow: 0 6px 18px rgba(68, 68, 4, 0.08);
}

/* Equal-area height (factor from the component), capped so very wide or tall logos stay in the
   card; the width comes from the logo's own ratio, so the box never adds empty space */
.cc_wzwkmulo_N6Z8sLkKmr .og-sp-logo__art {
  display: block;
  height: min(
    calc(var(--og-sp-h) * var(--og-sp-hf, 1)),
    calc(var(--og-sp-tile-h) - 24px),
    calc(var(--og-sp-max-w) / var(--og-sp-r, 3))
  );
  aspect-ratio: var(--og-sp-r, 3);
}

.cc_wzwkmulo_N6Z8sLkKmr .og-sp-logo__art img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: contain;
}

@media (min-width: 1024px) {
  .cc_wzwkmulo_N6Z8sLkKmr .og-sp-logo {
    --og-sp-h: var(--og-sp-base, 36px);
    --og-sp-tile-h: 92px;
    --og-sp-pad: 30px;
    --og-sp-max-w: 160px;
  }
}