:root {
  color-scheme: light;
  --page: #f4f7f5;
  --surface: #ffffff;
  --line: #dce4df;
}

* { box-sizing: border-box; }

body {
  min-height: 100vh;
  margin: 0;
  background: var(--page);
  font: 15px/1.6 -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", sans-serif;
}

.store-shell {
  width: min(760px, 100%);
  min-height: 100vh;
  margin: 0 auto;
  padding: max(20px, env(safe-area-inset-top)) 20px max(20px, env(safe-area-inset-bottom));
}

.store-promo {
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: var(--surface);
}

.store-promo[hidden] { display: none; }

.store-promo-item img {
  display: block;
  width: 100%;
  max-height: min(620px, 75vh);
  object-fit: contain;
}

.store-promo-items { display: grid; }
.store-promo-item { min-width: 0; }
.store-promo-item + .store-promo-item { border-top: 1px solid var(--line); }
.store-promo-item p { margin: 0; padding: 20px; white-space: pre-wrap; overflow-wrap: anywhere; }
.store-promo-item img + p { border-top: 1px solid var(--line); }

@media (max-width: 620px) {
  .store-shell { padding-inline: 16px; }
  .store-promo-item p { padding: 16px; }
}