:root{color:#1c1917;font-family:PingFang SC,Noto Sans SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{margin:0;background:#d9d3c7}button,input,textarea{font:inherit}a{color:#0e6b4f}.device{width:min(430px,100%);min-height:100vh;margin:0 auto;background:#f6f4ef;position:relative;box-shadow:0 0 0 1px #e4ded2}.top{position:sticky;top:0;z-index:2;background:#0e6b4f;color:#f6f3ea;padding:14px 16px 12px}.top b{display:block;font-size:17px}.top span{display:block;margin-top:2px;font-size:12px;opacity:.8}.pad{padding:14px 14px 88px}.card{background:#fff;border-radius:14px;padding:14px;margin-bottom:12px;box-shadow:0 1px #1c19170a}.card h2{margin:0 0 6px;font-size:16px}.muted{color:#78716c;font-size:13px;line-height:1.55}.price{font-size:22px;font-weight:700;color:#9a3412}.row{display:flex;justify-content:space-between;gap:8px;align-items:center}.btn{border:0;background:#0e6b4f;color:#fff;border-radius:999px;padding:10px 16px}.btn.ghost{background:#efeae1;color:#1c1917}.btn.block{width:100%}.btn:disabled{opacity:.45}label.field{display:block;margin:10px 0;font-size:13px;color:#44403c}label.field input,label.field textarea{width:100%;margin-top:4px;border:1px solid #e7e5e4;border-radius:10px;padding:10px;background:#fff}.tabs{position:fixed;left:50%;transform:translate(-50%);bottom:0;width:min(430px,100%);display:grid;grid-template-columns:repeat(5,1fr);background:#fff;border-top:1px solid #ece7de;padding:6px 0 calc(8px + env(safe-area-inset-bottom))}.tabs a{text-align:center;text-decoration:none;color:#78716c;font-size:12px}.tabs a.on{color:#0e6b4f;font-weight:700}.chip{border:1px solid #d6d3d1;background:#fff;border-radius:999px;padding:6px 10px;margin:0 6px 6px 0}.err{background:#fff7ed;color:#9a3412;border-radius:10px;padding:8px 10px;font-size:13px}.ok{background:#ecfdf3;color:#166534;border-radius:10px;padding:8px 10px;font-size:13px}.amt.neg{color:#c2410c}.amt.pos{color:#0e6b4f}.list-btn{width:100%;text-align:left;background:#fff;border:0;border-radius:14px;padding:14px;margin-bottom:10px}.choice{display:block;width:100%;text-align:left;border:1px solid #e7e5e4;background:#fff;border-radius:16px;padding:18px 16px;margin-bottom:12px}.choice b{display:block;font-size:18px;margin-bottom:6px}.back-link{display:inline-block;border:0;background:transparent;color:#f6f3ea;padding:0 0 6px;font-size:13px;opacity:.92}.back-link:active{opacity:.7}label.field select{width:100%;margin-top:4px;border:1px solid #e7e5e4;border-radius:10px;padding:10px;background:#fff;font:inherit}.tabs:has(a:nth-child(4):last-child){grid-template-columns:repeat(4,1fr)}:root{--ink: #18382e;--muted: #625f58;--line: #e2e8e2}body{background:#e8efeb;line-height:1.55}.device{width:min(1120px,100%);background:#f5f8f5;box-shadow:0 0 50px #123c2710}.top{background:linear-gradient(115deg,#123e30,#176b51);padding:20px 24px;border-bottom:1px solid #ffffff24}.top b{font-size:22px;letter-spacing:.04em}.top span{font-size:13px;opacity:.93}.pad{max-width:760px;margin:auto;padding:22px 24px 110px}.pad:has(.catalog-grid){max-width:none}.card{border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:0 3px 12px #18382e05}.card h2{color:var(--ink);font-size:17px;line-height:1.5}.muted{color:var(--muted);line-height:1.7}.price{font-size:27px;color:#a5471f;font-variant-numeric:tabular-nums}.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.catalog-grid>a{min-width:0;display:block;border-radius:18px}.catalog-grid .card{height:100%;margin:0;transition:box-shadow .15s,transform .15s}.catalog-grid h2{margin:8px 0 18px;overflow-wrap:anywhere}.catalog-grid .row{flex-wrap:wrap}.catalog-grid>a:hover .card{transform:translateY(-2px);box-shadow:0 7px 22px #18382e12;border-color:#99b7a7}.search-panel{margin-bottom:20px;background:#fff}.filter-tabs{display:flex;overflow-x:auto;gap:8px;padding:8px 0}.filter-tabs .chip{flex:0 0 auto;margin:0}.chip.selected{background:#0e6b4f;border-color:#0e6b4f;color:#fff}.btn,.chip,.list-btn,.choice{min-height:44px;cursor:pointer}.btn{font-weight:600;padding:12px 20px}.btn.ghost{background:#e7efe9}.btn:disabled{cursor:not-allowed}label.field{margin:16px 0;font-size:14px}label.field input,label.field select{min-height:46px;border-color:#d1ddd5}label.field input[type=file]{font-size:13px}:where(button,input,select,a,textarea):focus-visible{outline:3px solid #e3ab40;outline-offset:3px}.tabs{width:min(760px,100%);z-index:10;box-shadow:0 -4px 20px #18382e0a}.tabs a{min-height:44px;display:grid;place-items:center;font-size:13px}.tabs a.on{background:#edf6ef;border-radius:10px}.order-steps{list-style:none;padding:16px 8px;margin:0 0 16px;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);background:#fff;border-radius:16px}.order-steps li{text-align:center;color:#69776d;font-size:12px}.order-steps span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;margin:0 auto 7px;background:#edf0ec;font-weight:700}.order-steps .done,.order-steps .current{color:#0e6b4f;font-weight:600}.order-steps .done span{background:#dcefe3}.order-steps .current span{background:#0e6b4f;color:#fff}@media(max-width:900px){.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:540px){.top{padding:16px}.top b{font-size:20px}.pad{padding:16px 14px 110px}.card{padding:17px}.catalog-grid{grid-template-columns:1fr;gap:12px}.catalog-grid h2{margin-bottom:12px}.search-panel{padding:14px}.price{font-size:25px}}@media(prefers-reduced-motion:reduce){.catalog-grid .card{transition:none}.catalog-grid>a:hover .card{transform:none}}.summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:12px}.summary-grid .card{margin:0}.summary-grid strong{display:block;font-size:28px;color:#155a42}