:root{--bg: #f7efe5;--surface: rgba(255, 255, 255, .82);--surface-strong: #fffaf6;--ink: #1f1712;--muted: #69584d;--line: rgba(122, 92, 73, .16);--accent: #ee4d2d;--accent-2: #ff8c42;--chip: rgba(238, 77, 45, .1);--shadow: 0 24px 60px rgba(25, 18, 12, .1);--hero-glow: radial-gradient(circle at top left, rgba(255, 161, 89, .28), transparent 34%)}:root[data-theme=ocean]{--bg: #edf7f7;--surface: rgba(255, 255, 255, .84);--surface-strong: #f8ffff;--ink: #10232a;--muted: #4f6c75;--line: rgba(55, 108, 124, .16);--accent: #0d9488;--accent-2: #38bdf8;--chip: rgba(13, 148, 136, .12);--shadow: 0 24px 60px rgba(11, 35, 40, .1);--hero-glow: radial-gradient(circle at top left, rgba(56, 189, 248, .22), transparent 34%)}:root[data-theme=night]{--bg: #0f1720;--surface: rgba(18, 25, 35, .82);--surface-strong: #162131;--ink: #f4efe9;--muted: #96a9b8;--line: rgba(146, 168, 186, .18);--accent: #f97316;--accent-2: #fb923c;--chip: rgba(249, 115, 22, .16);--shadow: 0 24px 60px rgba(0, 0, 0, .32);--hero-glow: radial-gradient(circle at top left, rgba(249, 115, 22, .2), transparent 34%)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink);background:var(--hero-glow),radial-gradient(circle at top right,rgba(255,255,255,.55),transparent 22%),linear-gradient(180deg,var(--bg) 0%,color-mix(in srgb,var(--bg) 82%,white) 100%);transition:background .2s ease,color .2s ease}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input,select,textarea{font:inherit}.wrap{width:min(1220px,calc(100% - 28px));margin:0 auto}.topbar{position:sticky;top:12px;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:16px;margin:12px auto 0;padding:14px 16px;width:min(1220px,calc(100% - 28px));background:color-mix(in srgb,var(--surface) 90%,white);backdrop-filter:blur(18px);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow)}.brand{display:flex;align-items:center;gap:12px;min-width:0}.brand-mark{width:46px;height:46px;border-radius:16px;display:grid;place-items:center;color:#fff;font-weight:900;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:inset 0 1px #ffffff40}.brand p{margin:0}.brand .name{font-size:1.05rem;font-weight:900;letter-spacing:-.02em}.brand .sub{color:var(--muted);font-size:.82rem}.topbar-right{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap}.nav{display:flex;gap:8px;flex-wrap:wrap}.nav a{padding:10px 14px;border-radius:999px;color:var(--muted);font-weight:700}.nav a:hover{background:var(--surface-strong);color:var(--ink)}.palette-picker{display:flex;gap:8px;align-items:center;padding:8px;border-radius:999px;background:var(--surface-strong);border:1px solid var(--line)}.palette-picker button{border:1px solid var(--line);width:34px;height:34px;border-radius:999px;cursor:pointer;position:relative;background:transparent}.palette-picker button[data-choice=warm]{background:linear-gradient(135deg,#ee4d2d,#ffb15c)}.palette-picker button[data-choice=ocean]{background:linear-gradient(135deg,#0d9488,#38bdf8)}.palette-picker button[data-choice=night]{background:linear-gradient(135deg,#0f1720,#f97316)}.palette-picker button.is-active:after{content:"";position:absolute;inset:-4px;border-radius:inherit;border:2px solid color-mix(in srgb,var(--ink) 70%,white)}.hero,.panel,.product-card,.shelf-card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}.hero{position:relative;overflow:hidden;border-radius:34px;padding:34px}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.38),transparent 42%);pointer-events:none}.panel{border-radius:24px;padding:24px}.grid{display:grid;gap:20px}.hero-grid{grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr)}.products{grid-template-columns:repeat(4,minmax(0,1fr))}.stack{display:grid;gap:14px}.shelf-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shelf-card{border-radius:28px;padding:22px;display:grid;gap:18px}.shelf-items{display:grid;gap:14px}.shelf-item{display:grid;grid-template-columns:84px minmax(0,1fr);gap:14px;align-items:center;padding:12px;border-radius:20px;background:color-mix(in srgb,var(--surface-strong) 94%,transparent);border:1px solid var(--line)}.product-card{overflow:hidden;border-radius:26px;display:grid}.product-card .body{padding:18px}.pill-row{display:flex;flex-wrap:wrap;gap:10px}.pill{padding:10px 14px;border-radius:999px;background:var(--surface-strong);border:1px solid var(--line);color:var(--muted);font-weight:700}.pill:hover,.pill.active{background:var(--ink);border-color:var(--ink);color:#fff}.search{display:grid;grid-template-columns:1fr auto;gap:10px;padding:12px;border-radius:20px;background:var(--surface-strong);border:1px solid var(--line)}.search input{padding:8px;border:none;outline:none;background:transparent;color:var(--ink)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border-radius:14px;border:1px solid transparent;font-weight:800;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.btn:hover{transform:translateY(-1px)}.btn.accent{color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 18px 30px color-mix(in srgb,var(--accent) 24%,transparent)}.btn.alt{color:var(--ink);background:var(--surface-strong);border-color:var(--line)}.badge{display:inline-flex;align-items:center;padding:7px 10px;border-radius:999px;background:var(--chip);color:var(--accent);font-size:.8rem;font-weight:800}.section-title{margin:0 0 8px;font-size:clamp(2rem,4vw,3.6rem);line-height:.98;letter-spacing:-.045em}.lead{margin:0;color:var(--muted);font-size:1.04rem;line-height:1.7}.eyebrow{margin:0;color:var(--muted);font-size:.84rem;text-transform:uppercase;letter-spacing:.14em;font-weight:800}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.metric{padding:14px;border-radius:20px;background:var(--surface-strong);border:1px solid var(--line)}.metric strong{display:block;font-size:1.5rem;letter-spacing:-.04em}.metric span{display:block;margin-top:4px;color:var(--muted);font-size:.92rem}.price{font-size:1.5rem;font-weight:900;letter-spacing:-.04em}.price-old{color:var(--muted);text-decoration:line-through;font-size:.92rem}.muted{color:var(--muted)}.footer{padding:50px 0 70px;color:var(--muted);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}@media(max-width:1100px){.products{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:980px){.topbar,.hero-grid,.shelf-grid,.metrics,.products{grid-template-columns:1fr}.topbar{position:static;flex-direction:column;align-items:flex-start}.topbar-right{width:100%;justify-content:space-between}}@media(max-width:720px){.search{grid-template-columns:1fr}.shelf-item{grid-template-columns:72px minmax(0,1fr)}}