:root{color-scheme:light;--demo-bg: #f3f0e9;--demo-panel: #fffdf8;--demo-line: #d8d1c4;--demo-ink: #2c2f29;--demo-muted: #6c6b64;--demo-accent: #0c6d5f;--demo-accent-soft: #cde6e2;--demo-shadow: 0 18px 44px rgba(62, 61, 54, .14);--font-head: "Fraunces", "Times New Roman", serif;--font-body: "Instrument Sans", "Segoe UI", sans-serif}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{font-family:var(--font-body);color:var(--demo-ink);background:radial-gradient(circle at 92% 6%,rgba(12,109,95,.16),transparent 22%),radial-gradient(circle at 12% 20%,rgba(212,152,61,.16),transparent 24%),linear-gradient(180deg,#f6f4ef 0%,var(--demo-bg) 100%)}h1,h2,h3,p{margin:0}a{color:inherit;text-decoration:none}button{font:inherit}.demo-shell{width:min(1280px,calc(100vw - 24px));margin:0 auto;padding:18px 0 72px}.demo-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;border:1px solid var(--demo-line);border-radius:20px;background:#ffffffc7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--demo-shadow)}.demo-header strong{font-family:var(--font-head);font-size:1.2rem}.build-chip{color:var(--demo-muted);font-size:.86rem;background:var(--demo-panel);border:1px solid var(--demo-line);border-radius:999px;padding:6px 10px}.eyebrow{font-size:.76rem;letter-spacing:.08em;text-transform:uppercase;color:var(--demo-muted)}.category-strip{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.category-pill{border:1px solid var(--demo-line);border-radius:999px;padding:8px 14px;background:#ffffffb8;color:var(--demo-muted);transition:.14s ease}.category-pill:hover,.category-pill.is-active{color:var(--demo-ink);border-color:#0c6d5f66;background:var(--demo-accent-soft)}.demo-main{display:grid;gap:20px}.hero,.category-card,.product-card,.category-header,.product-page-shell,.related-section,.featured-grid,.empty-state{border:1px solid var(--demo-line);border-radius:20px;background:var(--demo-panel);box-shadow:var(--demo-shadow)}.hero,.category-header,.product-page-shell,.empty-state{padding:24px}.hero{display:grid;grid-template-columns:1.4fr 1fr;gap:18px}.hero h1,.category-header h1,.product-page-copy h1{font-family:var(--font-head);font-size:clamp(1.7rem,3vw,2.4rem);letter-spacing:-.03em;margin:8px 0 10px}.hero p,.category-header p,.product-page-copy p,.category-card p,.product-meta p,.product-page-hint{color:var(--demo-muted);line-height:1.5}.hero-stat-grid{display:grid;gap:12px}.hero-stat-grid div{border:1px solid var(--demo-line);border-radius:14px;padding:14px;background:linear-gradient(160deg,#fff,#f6f3ec)}.hero-stat-grid strong{display:block;font-size:1.2rem;font-family:var(--font-head)}.hero-stat-grid span{color:var(--demo-muted);font-size:.92rem}.category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.category-card{padding:16px;display:grid;gap:10px}.category-card h2,.section-head h2{font-family:var(--font-head);letter-spacing:-.02em}.category-foot{display:flex;align-items:center;justify-content:space-between;color:var(--demo-muted);font-size:.9rem}.category-foot a,.section-head a,.ghost-link{color:var(--demo-accent);font-weight:600}.featured-grid,.related-section{padding:16px;display:grid;gap:14px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-head span{color:var(--demo-muted)}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.product-card{overflow:hidden}.product-card-link{display:grid;gap:12px;padding:12px;min-height:100%}.product-card-link:hover{background:#faf8f2}.product-image,.product-page-image{border-radius:14px;border:1px solid rgba(44,47,41,.12);background-size:cover;background-position:center}.product-image{height:130px}.product-meta{display:grid;gap:8px}.product-meta h3{font-family:var(--font-head)}.product-badge{font-size:.74rem;letter-spacing:.07em;text-transform:uppercase;color:var(--demo-accent)}.product-stats{display:flex;justify-content:space-between;gap:10px;font-size:.88rem;color:var(--demo-muted)}.product-page-shell{display:grid;grid-template-columns:1fr 1.3fr;gap:20px}.product-page-image{min-height:340px}.product-page-copy{display:grid;gap:14px}.product-page-stats{display:flex;flex-wrap:wrap;gap:12px;color:var(--demo-muted)}.price{color:var(--demo-ink);font-size:1.4rem;font-family:var(--font-head)}.product-page-actions{display:flex;flex-wrap:wrap;gap:10px}.product-page-actions button{border:0;border-radius:12px;padding:11px 16px;font-weight:600;cursor:pointer;background:var(--demo-accent);color:#f6fffe}.product-page-actions button.secondary{background:#0c6d5f1f;color:var(--demo-accent)}.product-page-hint{border-top:1px solid var(--demo-line);padding-top:12px;font-size:.9rem}.category-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.empty-state{text-align:center;display:grid;gap:12px}.empty-state a{color:var(--demo-accent);font-weight:700}.product-card[data-tone=tone-1] .product-image,.product-page-image[data-tone=tone-1]{background-image:linear-gradient(145deg,#d3e7e4,#f2f7f4)}.product-card[data-tone=tone-2] .product-image,.product-page-image[data-tone=tone-2]{background-image:linear-gradient(145deg,#f3dfcb,#f8f2ea)}.product-card[data-tone=tone-3] .product-image,.product-page-image[data-tone=tone-3]{background-image:linear-gradient(145deg,#dad7ee,#f2f0f9)}.product-card[data-tone=tone-4] .product-image,.product-page-image[data-tone=tone-4]{background-image:linear-gradient(145deg,#d6e2cd,#f3f7ef)}.product-card[data-tone=tone-5] .product-image,.product-page-image[data-tone=tone-5]{background-image:linear-gradient(145deg,#d9e8ef,#f2f7fa)}.product-card[data-tone=tone-6] .product-image,.product-page-image[data-tone=tone-6]{background-image:linear-gradient(145deg,#e9d8d2,#f8f1ef)}@media(max-width:960px){.demo-shell{width:min(1280px,calc(100vw - 14px))}.hero,.product-page-shell{grid-template-columns:1fr}.demo-header{padding:12px 14px}}