.mock-storefront[data-v-302b7ce8]{background:var(--bg-surface);border:1px solid var(--border-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow:hidden}.mock-storefront__toolbar[data-v-302b7ce8]{align-items:center;background:var(--bg-surface-raised);border-bottom:1px solid var(--border-primary);display:flex;justify-content:space-between;padding:10px 16px}.mock-storefront__device[data-v-302b7ce8]{background:var(--bg-surface);border:1px solid var(--border-primary);display:inline-flex;font-size:11.5px;padding:2px}.mock-storefront__device[data-v-302b7ce8],.mock-storefront__device button[data-v-302b7ce8]{border-radius:var(--radius-pill);color:var(--text-tertiary)}.mock-storefront__device button[data-v-302b7ce8]{background:none;border:none;cursor:pointer;font:inherit;font-size:11.5px;padding:4px 10px;transition:background var(--transition-fast),color var(--transition-fast)}.mock-storefront__device button[data-v-302b7ce8]:hover{color:var(--text-primary)}.mock-storefront__device .is-active[data-v-302b7ce8]{background:var(--text-primary);color:var(--text-inverted)}.mock-storefront__publish[data-v-302b7ce8]{background:var(--color-accent);border-radius:var(--radius-md);color:#fff;font-size:11.5px;font-weight:500;padding:5px 12px}.mock-storefront__viewport[data-v-302b7ce8]{background:var(--bg-surface);padding:24px}.mock-storefront__canvas[data-v-302b7ce8]{margin:0 auto;max-width:100%;transition:max-width .42s cubic-bezier(.4,0,.2,1)}.mock-storefront__canvas.is-tablet[data-v-302b7ce8]{max-width:560px}.mock-storefront__canvas.is-mobile[data-v-302b7ce8]{max-width:320px}.mock-storefront__hero[data-v-302b7ce8]{align-items:flex-end;border-radius:var(--radius-md);display:flex;margin-bottom:18px;min-height:184px;outline:0 solid transparent;outline-offset:4px;overflow:hidden;padding:28px 24px;position:relative;transition:outline-color var(--transition-fast),outline-width var(--transition-fast)}.mock-storefront__grid.is-editing[data-v-302b7ce8],.mock-storefront__hero.is-editing[data-v-302b7ce8]{border-radius:var(--radius-md);outline:2px solid var(--color-accent);outline-offset:4px}.mock-storefront__hero-img[data-v-302b7ce8]{height:100%;inset:0;-o-object-fit:cover;object-fit:cover;position:absolute;width:100%}.mock-storefront__hero[data-v-302b7ce8]:after{background:linear-gradient(105deg,#14100c9e,#14100c1f 70%);content:"";inset:0;position:absolute}.mock-storefront__hero-overlay[data-v-302b7ce8]{position:relative;z-index:1}.mock-storefront__badge[data-v-302b7ce8]{background:#ffffffeb;border-radius:var(--radius-pill);color:#14100c;display:inline-block;font-size:10px;font-weight:600;letter-spacing:.02em;margin-bottom:12px;padding:3px 8px}.mock-storefront__headline-text[data-v-302b7ce8]{color:#fff;font-family:var(--font-display);font-size:22px;font-weight:700;letter-spacing:-.02em;line-height:1.1;margin-bottom:4px;text-shadow:0 1px 12px rgba(0,0,0,.35)}.mock-storefront__sub-text[data-v-302b7ce8]{color:#ffffffd9;font-size:12px;margin-bottom:16px;text-shadow:0 1px 10px rgba(0,0,0,.4)}.mock-storefront__buttons[data-v-302b7ce8]{display:flex;gap:8px}.mock-storefront__btn[data-v-302b7ce8]{background:#ffffffeb;border:1px solid transparent;border-radius:var(--radius-sm);color:#14100c;font-size:11px;font-weight:500;padding:6px 13px}.mock-storefront__btn.is-primary[data-v-302b7ce8]{background:#14100c;border-color:#14100c;color:#fff}.mock-storefront__grid[data-v-302b7ce8]{display:grid;gap:10px;grid-template-columns:repeat(3,1fr);outline:0 solid transparent;transition:outline-color var(--transition-fast)}.mock-storefront__canvas.is-tablet .mock-storefront__grid[data-v-302b7ce8]{grid-template-columns:repeat(2,1fr)}.mock-storefront__canvas.is-mobile .mock-storefront__grid[data-v-302b7ce8]{grid-template-columns:1fr}.mock-storefront__canvas.is-mobile .mock-storefront__headline-text[data-v-302b7ce8]{font-size:18px}.mock-storefront__product-img[data-v-302b7ce8]{aspect-ratio:4/5;border-radius:var(--radius-sm);margin-bottom:8px;overflow:hidden;position:relative}.mock-storefront__product-img img[data-v-302b7ce8]{height:100%;inset:0;-o-object-fit:cover;object-fit:cover;position:absolute;width:100%}.mock-img--a[data-v-302b7ce8]{background:linear-gradient(135deg,#dbe4f0,#b6c5dc)}.mock-img--b[data-v-302b7ce8]{background:linear-gradient(135deg,#e8e0d4,#ccbfa9)}.mock-img--c[data-v-302b7ce8]{background:linear-gradient(135deg,#d4e3d8,#a8c0b0)}.mock-storefront__product-name[data-v-302b7ce8]{color:var(--text-primary);font-size:12px;font-weight:500;line-height:1.3}.mock-storefront__product-price[data-v-302b7ce8]{color:var(--text-tertiary);font-family:var(--font-mono);font-size:11px;margin-top:2px}.mock-storefront__editor[data-v-302b7ce8]{background:var(--bg-surface-raised);border-top:1px solid var(--border-primary);display:flex;gap:6px;overflow-x:auto;padding:12px 16px}.mock-storefront__editor-chip[data-v-302b7ce8]{background:var(--bg-surface);border:1px solid var(--border-primary);border-radius:var(--radius-pill);color:var(--text-tertiary);cursor:pointer;font-family:inherit;font-size:11.5px;padding:4px 10px;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast);white-space:nowrap}.mock-storefront__editor-chip[data-v-302b7ce8]:hover:not(:disabled){border-color:var(--border-secondary);color:var(--text-primary)}.mock-storefront__editor-chip[data-v-302b7ce8]:disabled{cursor:default;opacity:.7}.mock-storefront__editor-chip.is-active[data-v-302b7ce8]{background:var(--text-primary);border-color:var(--text-primary);color:var(--text-inverted)}