/* Per-child visual themes: no model-supplied CSS or HTML, only validated hex colors. */
.mini-shop-storefront[data-mini-shop-template] {
  background: var(--shop-background, #f5f6fb);
  color: #1b2740;
  border-radius: 22px;
  padding: clamp(12px, 2vw, 30px);
}
.mini-shop-storefront[data-mini-shop-template] .button-primary {
  background: var(--shop-accent, #6477ff);
  border-color: var(--shop-accent, #6477ff);
  color: #fff;
}
.mini-shop-storefront[data-mini-shop-template] .glass-card {
  background: rgba(255, 255, 255, .89);
  color: inherit;
}
.mini-shop-storefront[data-mini-shop-template="midnight"] { color: white; }
.mini-shop-storefront[data-mini-shop-template="midnight"] .glass-card {
  color: white;
  background: rgba(8, 15, 36, .83);
  border: 1px solid rgba(255,255,255,.16);
}
.mini-shop-storefront[data-mini-shop-template="midnight"] .text-secondary {
  color: rgba(255,255,255,.78);
}
.mini-shop-storefront[data-mini-shop-template="gallery"] .mini-shop-storefront__grid {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 270px), 1fr));
  gap: 22px;
}
.mini-shop-storefront[data-mini-shop-template="gallery"] .mini-shop-storefront__media {
  min-height: 180px;
  border-radius: 18px;
}
.mini-shop-storefront[data-mini-shop-template="minimal"] .glass-card {
  box-shadow: none;
  border: 1px solid rgba(30,44,77,.12);
}