/* Subtle placeholders share the store palette without flashing. */
:root{--skeleton-base:color-mix(in srgb,var(--theme-font,#3b352a) 6%,var(--theme-background,#fffdf5));--skeleton-surface:color-mix(in srgb,var(--theme-background,#fffdf5) 98%,var(--theme-font,#3b352a));--skeleton-border:color-mix(in srgb,var(--theme-font,#3b352a) 7%,var(--theme-background,#fffdf5));--skeleton-light:color-mix(in srgb,var(--theme-background,#fffdf5) 68%,transparent)}
.skeleton-block,.skeleton-text{position:relative;overflow:hidden;isolation:isolate;background:var(--skeleton-base)!important;border-radius:8px;color:transparent!important;pointer-events:none;box-shadow:none}
.skeleton-block{display:block;min-height:14px}
.skeleton-block:after,.skeleton-text:after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(100deg,transparent 15%,var(--skeleton-light) 50%,transparent 85%);opacity:.55;animation:skeleton-shimmer 2.8s ease-in-out infinite}
.skeleton-text{min-height:16px;min-width:64px;max-width:100%}
.skeleton-text>*{visibility:hidden}
.skeleton-product{display:flex;flex-direction:column;gap:13px;padding:15px;border:1px solid var(--skeleton-border);border-radius:18px;background:var(--skeleton-surface);min-width:0;box-shadow:0 4px 18px #00000003}
.skeleton-product .skeleton-image{width:100%;aspect-ratio:1/1;min-height:100px;border-radius:13px}
.skeleton-product .skeleton-line{height:13px;width:85%;min-height:13px;border-radius:6px}
.skeleton-product .skeleton-line+.skeleton-line{width:68%}
.skeleton-product .skeleton-short{width:46%;height:17px;border-radius:7px}
.skeleton-product .skeleton-action{height:38px;margin-top:8px;border-radius:11px}
.skeleton-table-cell{padding:18px 14px!important}
.skeleton-table-cell .skeleton-block{height:13px;min-height:13px;width:82%;min-width:30px;border-radius:6px}
.skeleton-table-row:nth-child(even) .skeleton-block{width:64%}
.skeleton-product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:14px}
.skeleton-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@keyframes skeleton-shimmer{0%,15%{transform:translateX(-100%)}85%,100%{transform:translateX(100%)}}
@media(max-width:600px){.skeleton-product{padding:11px;gap:11px;border-radius:14px}.skeleton-product .skeleton-image{border-radius:10px}.skeleton-table-cell{padding:15px 12px!important}}
@media(prefers-reduced-motion:reduce){.skeleton-block:after,.skeleton-text:after{animation:none;display:none}}
@media(forced-colors:active){.skeleton-block,.skeleton-text{border:1px solid GrayText}.skeleton-block:after,.skeleton-text:after{display:none}}