.externalActionDestination {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--dirck-color-text-muted, var(--muted));
  font-size: 12px;
  font-weight: 750;
  line-height: 1.4;
}

.externalActionIcon {
  flex: 0 0 auto;
  font-size: 0.95em;
}

.storeProdDestination {
  margin-bottom: 5px;
  color: var(--dirck-color-text-muted, var(--muted));
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.06em;
  line-height: 1.35;
  text-transform: uppercase;
}

.storeProdCard {
  min-width: 0;
}

.storeProdName,
.storeProdDesc,
.storeProdCta,
.storeProdDestination {
  overflow-wrap: anywhere;
}

.externalFallbackOverlay {
  position: fixed;
  z-index: 2400;
  inset: 0;
  display: grid;
  place-items: center;
  padding:
    max(20px, env(safe-area-inset-top))
    max(16px, env(safe-area-inset-right))
    max(20px, env(safe-area-inset-bottom))
    max(16px, env(safe-area-inset-left));
  background: rgba(6, 13, 8, 0.76);
  backdrop-filter: blur(8px);
}

.externalFallbackDialog {
  width: min(100%, 460px);
  max-height: min(88dvh, 620px);
  overflow-y: auto;
  padding: clamp(22px, 6vw, 32px);
  border: 1px solid var(--dirck-color-border, var(--border));
  border-radius: 24px;
  background: var(--dirck-color-surface-raised, var(--panel));
  box-shadow: var(--dirck-shadow-lg, 0 24px 72px rgba(0, 0, 0, 0.38));
  color: var(--dirck-color-text, var(--text));
}

.externalFallbackEyebrow {
  margin-bottom: 8px;
  color: var(--dirck-color-accent-warm, var(--accentGold));
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}

.externalFallbackDialog h2 {
  margin: 0;
  font-size: clamp(22px, 6vw, 30px);
  line-height: 1.14;
}

.externalFallbackDialog > p {
  margin: 14px 0 0;
  color: var(--dirck-color-text-muted, var(--muted));
  font-size: 15px;
  line-height: 1.6;
}

.externalFallbackStatus:empty {
  display: none;
}

.externalFallbackActions {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
  margin-top: 22px;
}

.externalFallbackActions .dirckButton {
  min-width: 0;
  min-height: 48px;
  white-space: normal;
}

@media (min-width: 440px) {
  .externalFallbackActions {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 720px) {
  .storeProductGrid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 360px) {
  .storeProductGrid {
    grid-template-columns: minmax(0, 1fr);
  }

  .storeProdImgWrap {
    aspect-ratio: 16 / 10;
  }
}

@media (prefers-reduced-motion: reduce) {
  .externalFallbackOverlay,
  .externalFallbackDialog {
    animation: none !important;
    transition: none !important;
  }
}