/* ============================================================================= * ETUMAX ENTERPRISE — design system. * * The same visual system as etumaxpower.com, adapted for a trade audience. The * tokens, the typefaces, the tapered rule, the button weights and the card * geometry are the retail theme's; what changes is density and what the page is * for. Retail sells one sachet to one person and can afford air. This site sells * by the case to a buyer comparing landed cost across suppliers, so the same * components are packed tighter and every screen carries a number. * * Rules inherited from the retail brand and kept binding here: * * One accent per screen. Gold marks the single action that matters; every * other control is the quiet outline. * * Never letterspace the display face. Eyebrows are the body face. * * Packshots sit on white. The ground is a token, not a value. * * Section map * 1. Local tokens and language faces * 2. Typographic primitives * 3. The tapered rule * 4. Section rhythm — bands * 5. Buttons and links * 6. Header * 7. Mobile drawer * 8. Language control * 9. Hero * 10. Calculator * 11. Tier ladder * 12. Product cards and shop * 13. Single product * 14. Steps, facts, feature grids * 15. Cart, checkout, account, forms * 16. Footer * * parts/header.html and parts/footer.html carry NO prose comments, and must * not gain any. Block template parts are served verbatim, so a comment there * reaches every visitor on every page — and any sentence in it mentioning a * tag name also breaks tests that grep the markup for that tag. * * Neither part may declare `tagName` on its outer group: the template-part * block already wraps the header and footer areas in
and