@import url('./tokens.css');
@import url('./document.css');
@import url('./base.css');
@import url('./components.css?v=20261004followup1');
@import url('./shells.css?v=20261004followup1');

@import url('./features.css?v=20261004followup1');

/* The Mini App itself renders every Shop/Platform screen in the browser. */
.uw-miniapp-host { width: 100%; min-height: 100dvh; margin: 0; padding: 0; }
.uw-miniapp-frame { display: block; width: 100%; height: 100dvh; min-height: 640px; border: 0; background: #f5f7fb; }

/* 2026-10-04 follow-up: one storefront skeleton -> real iframe. */
.uw-miniapp-host{position:relative;background:var(--uw-color-canvas,#f6f8fb)}
.uw-miniapp-host.is-loading .uw-miniapp-frame{opacity:0;pointer-events:none}
.uw-miniapp-host.is-ready .uw-miniapp-frame{opacity:1;transition:opacity .12s ease}
.uw-miniapp-host>.uw-shop-first-paint{position:absolute;inset:0;z-index:2;min-height:100dvh}

/* Host-specific first paint: shop domains never render the generic platform card. */
html[data-ustore-host="shop"] .uw-launch--platform{display:none!important}
html:not([data-ustore-host="shop"]) .uw-initial-shop-skeleton{display:none!important}