/* Shared storefront empty states. Scoped classes never affect the admin UI. */
.store-empty-state {
  box-sizing: border-box;
  grid-column: 1 / -1;
  flex: 0 0 100%;
  width: 100%;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0;
  padding: clamp(40px, 5vw, 72px) 24px;
  text-align: center;
  color: var(--editorial-ink, #161616);
}
.store-empty-state__icon {
  display: grid;
  place-items: center;
  width: 72px;
  height: 72px;
  margin-bottom: 20px;
  border-radius: 50%;
  background: var(--editorial-paper, #f6f5f2);
  color: #62615d;
}
.store-empty-state__icon svg { display: block; width: 34px; height: 34px; }
.store-empty-state__copy { width: 100%; max-width: 34rem; }
.store-empty-state__title {
  margin: 0 0 10px;
  color: inherit;
  font: 500 clamp(19px, 2vw, 23px) / 1.4 var(--editorial-font, Arial, sans-serif);
  letter-spacing: .015em;
  overflow-wrap: anywhere;
}
.store-empty-state__description {
  margin: 0;
  color: #66645f;
  font: 400 14px / 1.8 var(--editorial-font, Arial, sans-serif);
  overflow-wrap: anywhere;
}
.store-empty-state__actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 12px 24px; margin-top: 24px; }
.store-empty-state__button, .store-empty-state__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 10px 24px;
  border: 1px solid #171717;
  border-radius: 0;
  background: #171717;
  color: #fff;
  font: 500 13px / 1.5 var(--editorial-font, Arial, sans-serif);
  text-decoration: none;
  text-align: center;
  transition: background-color .15s ease;
  overflow-wrap: anywhere;
}
.store-empty-state__button:hover { color: #fff; background: #3c3b37; border-color: #3c3b37; text-decoration: none; }
.store-empty-state__link { padding-inline: 4px; border-color: transparent; background: transparent; color: #333; text-decoration: underline; text-underline-offset: 4px; }
.store-empty-state__link:hover { background: transparent; color: #000; }
.store-empty-state__button:focus-visible, .store-empty-state__link:focus-visible { outline: 2px solid #62615d; outline-offset: 4px; }
.store-empty-state--compact { padding: 40px 20px; }
.store-empty-state--compact .store-empty-state__icon { width: 60px; height: 60px; margin-bottom: 16px; }
.store-empty-state--compact .store-empty-state__title { font-size: 19px; }
.store-empty-state-host { display: flex; align-items: center; flex: 1; }
body.page-categories--editorial .editorial-plp__grid > .store-empty-state { grid-column: 1 / -1; max-width: none; width: 100%; margin-top: 0; }
body.page-categories--editorial .editorial-plp__main:has(.editorial-plp__grid > .store-empty-state) .editorial-plp__story { margin-top: 16px; }
@media (max-width: 575.98px) {
  .store-empty-state { padding: 36px 16px; }
  .store-empty-state__actions { width: 100%; flex-direction: column; gap: 8px; }
  .store-empty-state__button { width: 100%; max-width: 280px; }
  .store-empty-state__icon { width: 60px; height: 60px; margin-bottom: 16px; }
}
@media (prefers-reduced-motion: reduce) { .store-empty-state__button, .store-empty-state__link { transition: none; } }