/*
 * Mağaza kartı — issue #12. Figma 1440px çerçevesi (node 3:3216): 440×552
 * görsel, 6px köşe yarıçapı, görselin 24px altında "Flagship" etiketi, onun
 * altında konum.
 *
 * Genişlik kartın kendisinde: `IkasComponentRenderer` kartı `display: contents`
 * sarmalayıcıların altına koyduğu için şeridin gerçek flex öğesi bu eleman
 * (aynı gerekçe: CollectionCard/styles.css).
 */

.cc_g2xfyo6p_KQfAJ1VYC1 .store-card {
  display: flex;
  flex-direction: column;
  flex: 0 0 33%;
  width: calc(33vw - 33px);
  scroll-snap-align: start;
  color: var(--color-black);
  text-decoration: none;
}

.cc_g2xfyo6p_KQfAJ1VYC1 .store-card:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 4px;
}

.cc_g2xfyo6p_KQfAJ1VYC1 .store-card-media {
  display: block;
  overflow: hidden;
  /* Oran sabit — görsel yüklenmeden de yer kaplar, satır kaymaz. */
  aspect-ratio: 440 / 552;
  border-radius: var(--radius-media);
  background: var(--color-surface-muted);
}

.cc_g2xfyo6p_KQfAJ1VYC1 .store-card-media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.cc_g2xfyo6p_KQfAJ1VYC1 .store-card-label {
  display: block;
  margin-top: 24px;
  color: var(--color-ink);
  opacity: 0.6;
}

.cc_g2xfyo6p_KQfAJ1VYC1 .store-card-location {
  display: block;
  margin-top: 4px;
}

@media (max-width: 1023px) {
  .cc_g2xfyo6p_KQfAJ1VYC1 .store-card {
    flex-basis: 50%;
    width: calc(50vw - 32px);
  }

  .cc_g2xfyo6p_KQfAJ1VYC1 .store-card-label {
    margin-top: 16px;
  }
}

@media (max-width: 767px) {
  .cc_g2xfyo6p_KQfAJ1VYC1 .store-card {
    flex-basis: 85%;
    width: calc(85vw - 27px);
  }
}