/* Initial storefront loading reserves the real layout without status banners. */
.storefront.is-booting .catalog-tools,
.storefront.is-booting #connection-status{visibility:hidden}
.hero-image.is-media-pending{visibility:hidden}
.catalog-skeleton{position:relative;overflow:hidden;min-width:0;border:1px solid #57daba16;border-radius:22px;background:#192e4066;pointer-events:none}
.catalog-skeleton-image{aspect-ratio:3/2;background:#9bafb60a}
.catalog-skeleton-content{display:grid;gap:15px;padding:22px 24px 26px}
.catalog-skeleton-line{height:12px;border-radius:6px;background:#9bafb611;width:85%}
.catalog-skeleton-line.short{width:42%;height:10px}
.catalog-skeleton-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:24px}
.catalog-skeleton-price{width:30%;height:22px;border-radius:6px;background:#9bafb611}
.catalog-skeleton-button{width:36%;height:42px;border-radius:14px;background:#57daba0c}
.catalog-skeleton::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 25%,#c5fff807 46%,transparent 67%);transform:translateX(-100%);animation:catalog-skeleton-sweep 2.4s ease-in-out infinite}
@keyframes catalog-skeleton-sweep{to{transform:translateX(100%)}}
@media(prefers-reduced-motion:reduce){.catalog-skeleton::after{animation:none;display:none}}