:root{--ink:#18221d;--green:#1d6b45;--cream:#fffaf0;--line:#e5ded1}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font:16px system-ui,"Microsoft YaHei",sans-serif}header{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 7vw;background:#fff}.brand{font-weight:800;font-size:1.35rem;color:var(--ink);text-decoration:none}.header-actions{display:flex;align-items:center;gap:10px}.language{display:flex;border:1px solid var(--line);border-radius:8px;overflow:hidden}.language .lang{color:var(--ink);background:#fff;border-radius:0;padding:9px 10px;font-size:.9rem}.language .lang.active{background:var(--green);color:#fff}button,.hero a{background:var(--green);color:#fff;border:0;border-radius:8px;padding:12px 16px;font:inherit;cursor:pointer}main{max-width:1120px;margin:auto}.hero{padding:110px 7vw;background:linear-gradient(125deg,#d8ebc9,#f8e5bd)}.hero p{color:var(--green);font-weight:700}.hero h1{font-size:clamp(2.5rem,6vw,5.5rem);line-height:1.02;margin:14px 0 36px}#catalogue{padding:55px 7vw}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}article{background:#fff;padding:22px;border:1px solid var(--line);border-radius:14px}.emoji{font-size:70px}article p{color:#667;margin-bottom:4px}article button{display:block;margin-top:18px;width:100%}.cart{position:fixed;right:0;top:0;width:min(420px,100%);height:100vh;background:#fff;padding:28px;box-shadow:-10px 0 28px #0002;transform:translateX(105%);transition:.2s;z-index:2}.cart.open{transform:none}.close{float:right;background:none;color:#222;font-size:2rem;padding:0}.line{display:grid;grid-template-columns:1fr 36px auto;align-items:center;gap:8px;padding:12px 0;border-bottom:1px solid var(--line)}.line button{padding:4px 10px}.total{display:flex;justify-content:space-between;font-size:1.2rem}form{display:grid;gap:10px}input{padding:12px;border:1px solid var(--line);border-radius:8px;font:inherit}#message{color:#a22}@media(max-width:680px){header{padding:0 4vw}.header-actions{gap:6px}.language .lang{padding:8px 7px}.grid{grid-template-columns:1fr}.hero{padding:70px 7vw}}