:root{--font-sans:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",Roboto,Helvetica,Arial,sans-serif;--color-bg:#fff;--color-bg-alt:#f5f5f7;--color-text:#1d1d1f;--color-text-muted:#6e6e73;--color-accent:#7a5a45;--color-accent-hover:#8a6a52;--color-border:#d2d2d7;--color-danger:#e53935;--color-success:#34c759;--radius:12px;--radius-lg:18px;--max-width:1200px;--shadow:0 4px 24px rgba(0,0,0,.06)}*{box-sizing:border-box}body,html{margin:0;padding:0;font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;line-height:1.47}a{color:inherit;text-decoration:none}h1,h2,h3{letter-spacing:-.015em;font-weight:600}.container{max-width:var(--max-width);margin:0 auto;padding:0 22px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:980px;padding:11px 22px;font-size:15px;font-weight:500;cursor:pointer;transition:background .2s ease,color .2s ease,transform .1s ease;font-family:inherit}.btn:active{transform:scale(.98)}.btn-primary{background:var(--color-accent);color:#fff}.btn-primary:hover{background:var(--color-accent-hover)}.btn-secondary{background:var(--color-bg-alt);color:var(--color-text)}.btn-secondary:hover{background:#e8e8ed}.btn-ghost{background:transparent;color:var(--color-accent);padding:8px 12px}.btn-ghost:hover{text-decoration:underline}.btn-block{width:100%}.btn:disabled{opacity:.5;cursor:not-allowed}.link-accent{color:var(--color-accent)}.link-accent:hover{text-decoration:underline}.card{background:var(--color-bg);padding:20px}.card,.input,.select,.textarea{border:1px solid var(--color-border);border-radius:var(--radius)}.input,.select,.textarea{width:100%;padding:12px 14px;font-size:15px;font-family:inherit;background:#fff;outline:none;transition:border-color .2s ease}.input:focus,.select:focus,.textarea:focus{border-color:var(--color-accent)}.field{margin-bottom:16px}.field label{display:block;font-size:13px;margin-bottom:6px}.badge,.field label{color:var(--color-text-muted)}.badge{display:inline-block;padding:3px 10px;border-radius:980px;font-size:12px;font-weight:500;background:var(--color-bg-alt)}.badge-success{background:rgba(52,199,89,.15);color:#1e7e34}.badge-warning{background:rgba(255,149,0,.15);color:#b26a00}.badge-danger{background:rgba(229,57,53,.12);color:var(--color-danger)}.badge-info{background:rgba(122,90,69,.12);color:var(--color-accent)}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:24px;gap:24px}.muted{color:var(--color-text-muted)}.text-center{text-align:center}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:50;background:hsla(0,0%,100%,.8);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid rgba(0,0,0,.08);height:48px}.site-header,.site-header nav{display:flex;align-items:center}.site-header nav{gap:28px;font-size:14px}.site-header .brand{font-weight:600;font-size:19px;display:inline-flex;align-items:center}.site-header .brand-logo{height:32px;width:auto;display:block}.site-header a:hover{color:#000}.hero{text-align:center;padding:80px 22px 60px;background:var(--color-bg-alt)}.hero h1{font-size:clamp(40px,7vw,72px);margin:0 0 8px}.hero p{font-size:clamp(19px,2.5vw,26px);color:var(--color-text-muted);margin:0 0 24px}.hero-actions{display:flex;gap:22px;justify-content:center}.section{padding:72px 0}.section h2{font-size:clamp(28px,4vw,40px);text-align:center;margin:0 0 8px}.section .sub{text-align:center;color:var(--color-text-muted);margin:0 0 44px;font-size:18px}.product-card{transition:transform .25s ease}.product-card:hover{transform:translateY(-4px)}.site-footer{border-top:1px solid var(--color-border);padding:40px 0;color:var(--color-text-muted);font-size:13px}.detail-grid{display:grid;grid-template-columns:1.1fr .9fr;grid-gap:56px;gap:56px;padding:56px 0}@media (max-width:820px){.detail-grid{grid-template-columns:1fr}}.chip{padding:8px 16px;border:1px solid var(--color-border);border-radius:980px;cursor:pointer;font-size:14px;background:#fff}.chip.active{border-color:var(--color-accent);color:var(--color-accent)}.toolbar{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-bottom:32px}