/*
 * Referans .collection-card (1440 genişlik): 700px kart, 270 + 361 sütun, 18/22 iç
 * boşluk, 14px radius, yarı saydam yeşil zemin. Renkler koyu vitrin token'larından.
 */
.cc_mfkw8zzp_pheREc7M5W .xomage-science-product {
  display: grid;
  grid-template-columns: minmax(0, 0.75fr) minmax(0, 1fr);
  column-gap: 1.375rem;
  align-items: center;
  padding: 1.125rem 1.375rem;
  border: 1px solid var(--xomage-science-deep-line);
  border-radius: 14px;
  background: var(--xomage-science-deep-card);
  color: var(--xomage-science-deep-text);
  /* This scoped rule wins over the global reveal selector. Keep entrance
   * properties here as well, otherwise cards jump directly to their end state. */
  transition: border-color 0.2s ease, background-color 0.2s ease,
    opacity 1s var(--xomage-science-ease, cubic-bezier(.22, 1, .36, 1)) var(--science-delay, 0ms),
    translate 1.2s var(--xomage-science-ease, cubic-bezier(.22, 1, .36, 1)) var(--science-delay, 0ms);
}

/* Keep the card entrance in its own compiled stylesheet, including in Studio. */
@media (prefers-reduced-motion: no-preference) {
  .cc_mfkw8zzp_pheREc7M5W .xomage-science-product[data-science-motion="pending"] { opacity: 0; translate: 0 1.875rem; }
  .cc_mfkw8zzp_pheREc7M5W .xomage-science-product[data-science-motion="visible"], .cc_mfkw8zzp_pheREc7M5W .xomage-science-product[data-science-motion]:focus-within { opacity: 1; translate: 0 0; }
}

@media (max-width: 767px) and (prefers-reduced-motion: no-preference) {
  .cc_mfkw8zzp_pheREc7M5W .xomage-science-product[data-science-motion="pending"] { translate: 0 1.25rem; }
}

@media (prefers-reduced-motion: reduce) {
  .cc_mfkw8zzp_pheREc7M5W .xomage-science-product[data-science-motion] { opacity: 1; translate: none; transition: none; }
}

.cc_mfkw8zzp_pheREc7M5W .xomage-science-product--selected {
  border-color: var(--xomage-science-deep-accent);
  background: var(--xomage-science-deep-card-active);
}

.cc_mfkw8zzp_pheREc7M5W .xomage-science-product__media {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
}

.cc_mfkw8zzp_pheREc7M5W .xomage-science-product__photo { display: block; }

.cc_mfkw8zzp_pheREc7M5W .xomage-science-product__photo img {
  display: block;
  width: 100%;
  max-width: 11.25rem;
  height: 8.25rem;
  object-fit: contain;
}

.cc_mfkw8zzp_pheREc7M5W .xomage-science-product__label {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  padding: 0.375rem;
  border: 1px solid var(--xomage-science-deep-line-soft);
  border-radius: 4px;
  background: var(--xomage-science-deep-chip);
  color: var(--xomage-science-deep-soft);
}

.cc_mfkw8zzp_pheREc7M5W .xomage-science-product__toggle {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.625rem 0.5rem 0.875rem;
  border: 1px solid var(--xomage-science-deep-line-soft);
  border-radius: 22px;
  background: var(--xomage-science-deep-chip);
  color: var(--xomage-science-deep-text);
  cursor: pointer;
}

.cc_mfkw8zzp_pheREc7M5W .xomage-science-product__toggle b {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 50%;
  background: var(--xomage-science-deep-text);
  color: var(--xomage-science-deep);
}

.cc_mfkw8zzp_pheREc7M5W .xomage-science-product__toggle:focus-visible, .cc_mfkw8zzp_pheREc7M5W .xomage-science-product a:focus-visible {
  outline: 2px solid var(--xomage-science-deep-accent);
  outline-offset: 3px;
}

.cc_mfkw8zzp_pheREc7M5W .xomage-science-product__source { margin: 0 0 0.5rem; color: var(--xomage-science-deep-muted); }
.cc_mfkw8zzp_pheREc7M5W .xomage-science-product__name { margin: 0; }
.cc_mfkw8zzp_pheREc7M5W .xomage-science-product__name a { color: inherit; text-decoration: none; }

.cc_mfkw8zzp_pheREc7M5W .xomage-science-product__link {
  display: flex;
  justify-content: space-between;
  max-width: 14.375rem;
  margin-top: 0.75rem;
  padding-top: 0.5rem;
  color: var(--xomage-science-deep-soft);
  text-decoration: none;
}

.cc_mfkw8zzp_pheREc7M5W .xomage-science-product__link:hover { color: var(--xomage-science-deep-text); }

.cc_mfkw8zzp_pheREc7M5W .xomage-science-product__details {
  grid-column: 1 / -1;
  margin-top: 1.25rem;
  padding-top: 1.25rem;
  border-top: 1px solid var(--xomage-science-deep-line-soft);
}

.cc_mfkw8zzp_pheREc7M5W .xomage-science-product__details[hidden] { display: none; }
.cc_mfkw8zzp_pheREc7M5W .xomage-science-product__subtitle { margin: 0 0 0.5rem; color: var(--xomage-science-deep-text); }
.cc_mfkw8zzp_pheREc7M5W .xomage-science-product__description { margin: 0 0 0.75rem; color: var(--xomage-science-deep-soft); }

.cc_mfkw8zzp_pheREc7M5W .xomage-science-product__facts {
  display: grid;
  gap: 0.375rem;
  margin: 0;
  padding: 0;
  list-style: none;
  color: var(--xomage-science-deep-soft);
}

.cc_mfkw8zzp_pheREc7M5W .xomage-science-product__facts li::before {
  content: "";
  display: inline-block;
  width: 0.25rem;
  height: 0.25rem;
  margin-right: 0.625rem;
  border-radius: 50%;
  background: var(--xomage-science-deep-accent);
  vertical-align: middle;
}

/* Masaüstünde ayrıntı ebeveynin sol panelinde; kart içinde tekrar edilmez. */
@media (min-width: 1024px) {
  .cc_mfkw8zzp_pheREc7M5W .xomage-science-product__details { display: none; }
}

@media (max-width: 1023px) {
  .cc_mfkw8zzp_pheREc7M5W .xomage-science-product__label { display: block; }
}

@media (max-width: 479px) {
  .cc_mfkw8zzp_pheREc7M5W .xomage-science-product { grid-template-columns: 1fr; row-gap: 1rem; text-align: left; }
}
.cc_mfkw8zzp_pheREc7M5W .xomage-overview-card { min-width: 0; color: var(--xomage-science-ink); }
.cc_mfkw8zzp_pheREc7M5W .xomage-overview-card a { color: inherit; text-decoration: none; }
.cc_mfkw8zzp_pheREc7M5W .xomage-overview-card__image { display: block; overflow: hidden; aspect-ratio: 215/187; background: var(--xomage-science-faq-bg); border-radius: .625rem; transition: box-shadow .6s; }
.cc_mfkw8zzp_pheREc7M5W .xomage-overview-card__image img { width: 100%; height: 100%; object-fit: contain; display: block; transition: transform .65s var(--xomage-science-ease); }
.cc_mfkw8zzp_pheREc7M5W .xomage-overview-card__image picture { display: block; width: 100%; height: 100%; }
.cc_mfkw8zzp_pheREc7M5W .xomage-overview-card__source { margin: 1.375rem 0 .625rem; color: var(--xomage-science-muted); letter-spacing: .08em; }
.cc_mfkw8zzp_pheREc7M5W .xomage-overview-card h3 { margin: 0; }
.cc_mfkw8zzp_pheREc7M5W .xomage-overview-card__subtitle { margin: .75rem 0 0; color: var(--xomage-science-muted); }
.cc_mfkw8zzp_pheREc7M5W .xomage-overview-card__link { display: flex; align-items: center; gap: 1rem; min-height: 2.75rem; margin-top: .875rem; }
.cc_mfkw8zzp_pheREc7M5W .xomage-overview-card__link span { transition: transform .5s; }
@media(hover:hover) and (prefers-reduced-motion:no-preference) { .cc_mfkw8zzp_pheREc7M5W .xomage-overview-card:hover img { transform: scale(1.04); } .cc_mfkw8zzp_pheREc7M5W .xomage-overview-card:hover .xomage-overview-card__link span { transform: translate(.1875rem,-.1875rem); } }
@media(max-width:760px) { .cc_mfkw8zzp_pheREc7M5W .xomage-overview-card__image { aspect-ratio: 1; } .cc_mfkw8zzp_pheREc7M5W .xomage-overview-card__source { margin-top: 1rem; } }
@media(prefers-reduced-motion:reduce) { .cc_mfkw8zzp_pheREc7M5W .xomage-overview-card__image, .cc_mfkw8zzp_pheREc7M5W .xomage-overview-card__image img, .cc_mfkw8zzp_pheREc7M5W .xomage-overview-card__link span { transition: none; } }
.cc_mfkw8zzp_pheREc7M5W .xomage-overview-card.xomage-overview-card--catalog { color: inherit; }
.cc_mfkw8zzp_pheREc7M5W .xomage-overview-card--catalog .xomage-overview-card__image { aspect-ratio: 1148/718; }
.cc_mfkw8zzp_pheREc7M5W .xomage-overview-card--catalog .xomage-overview-card__source, .cc_mfkw8zzp_pheREc7M5W .xomage-overview-card--catalog .xomage-overview-card__subtitle { color: inherit; opacity: .75; }
@media(max-width:760px) { .cc_mfkw8zzp_pheREc7M5W .xomage-overview-card--catalog .xomage-overview-card__image { aspect-ratio: 323/190; } }