.goods-page{color:#17291f;background:#f6f2e9;min-height:100vh}.goods-hero{color:#fff;background:#183a2a;padding:78px max(5vw,24px) 58px}.goods-hero p{letter-spacing:.2em;color:#d9b66e;font-size:12px;font-weight:800}.goods-hero h1{font:clamp(40px,6vw,76px)/1 var(--font-serif);max-width:900px;margin:12px 0}.goods-hero span{color:#dbe6df;max-width:760px;line-height:1.7;display:block}.goods-layout{grid-template-columns:1fr 320px;gap:32px;padding:54px max(5vw,24px);display:grid}.goods-category{margin-bottom:42px}.goods-category>h2{font:36px var(--font-serif)}.goods-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.goods-grid article{background:#fff;border:1px solid #ddd7ca;border-radius:16px;gap:9px;padding:16px;display:grid}.goods-grid article.selected{border-color:#b18a3f;box-shadow:0 0 0 2px #e3c98f}.goods-grid img,.goods-placeholder{aspect-ratio:4/3;object-fit:cover;border-radius:10px;width:100%}.goods-placeholder{font:700 40px var(--font-serif);background:#e7eadf;place-items:center;display:grid}.goods-grid small{color:#6c756f}.goods-grid h3{font:26px var(--font-serif);margin:0}.goods-grid p{color:#5a655e;min-height:48px}.goods-grid em{color:#926d28}.goods-grid article>div:last-of-type{align-items:center;gap:12px;display:flex}.goods-grid input[type=number]{width:62px;padding:8px}.goods-layout aside{background:#fff;border:1px solid #ddd7ca;border-radius:16px;gap:14px;height:max-content;padding:25px;display:grid;position:sticky;top:20px}.goods-layout aside>strong{font:38px var(--font-serif)}.goods-layout aside button{color:#fff;background:#b27628;border:0;border-radius:8px;padding:14px;font-weight:800}.goods-layout aside button:disabled{opacity:.45}.goods-layout aside small{color:#657068}.goods-layout aside small.ok{color:#257143}.goods-empty{text-align:center;background:#fff;border-radius:14px;padding:50px}@media (width<=980px){.goods-layout{grid-template-columns:1fr}.goods-layout aside{position:static}.goods-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=620px){.goods-grid{grid-template-columns:1fr}}.goods-totals{gap:8px;display:grid}.goods-totals>span{color:#58645c;justify-content:space-between;display:flex}.goods-totals>strong{font:32px var(--font-serif);border-top:1px solid #ddd7ca;padding-top:10px}.goods-totals>strong small{font:12px var(--font-sans);color:#68736c}.goods-fulfillment{background:#eef4ef;border-left:4px solid #2e6a4c;border-radius:7px;gap:5px;padding:12px;display:grid}.goods-fulfillment span{color:#536159;font-size:12px;line-height:1.5}
