:root{--green:#126b45;--ink:#14231c;--muted:#617168;--mint:#e9f6ef;--line:#dfe8e2;--paper:#fff;--bg:#f7faf8}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}.topbar{max-width:1180px;margin:auto;padding:18px 24px;display:flex;align-items:center;gap:28px}.brand{font-size:1.5rem;font-weight:900;color:var(--green);margin-right:auto}.brand span{color:#e5a42a}nav{display:flex;gap:24px;font-size:.92rem;font-weight:650}.cartButton{border:1px solid var(--line);background:white;border-radius:999px;padding:10px 16px;font-weight:700}.cartButton b{background:var(--green);color:white;border-radius:50%;padding:3px 7px;margin-left:4px}
main{max-width:1180px;margin:auto;padding:0 24px}.hero{margin:24px 0 58px;padding:54px;min-height:360px;border-radius:28px;background:linear-gradient(120deg,#e9f6ef,#f6f8d9);display:flex;align-items:center;justify-content:space-between;gap:32px;overflow:hidden}.heroCopy{max-width:650px}.eyebrow{color:var(--green);font-size:.75rem;font-weight:850;letter-spacing:.14em}.hero h1{font-size:clamp(2.3rem,5vw,4.5rem);line-height:1.02;letter-spacing:-.04em;margin:14px 0}.hero p:not(.eyebrow){line-height:1.7;color:#53655a;max-width:560px}.primary{display:inline-flex;justify-content:center;align-items:center;border:0;background:var(--green);color:white;border-radius:11px;padding:14px 18px;font:inherit;font-weight:750;cursor:pointer}.heroBadge{width:220px;height:220px;flex-shrink:0;border-radius:50%;background:var(--green);color:white;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 20px 55px #126b452b}.heroBadge span{font-size:3.5rem;font-weight:900;line-height:1}.heroBadge small{opacity:.85}.heroBadge div{font-weight:850;font-size:.8rem;margin-top:14px;letter-spacing:.08em}
.section{padding:12px 0 52px}.sectionHead{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px}.sectionHead h2,.orderSection h2{font-size:2rem;letter-spacing:-.03em;margin:6px 0}.sectionHead p:not(.eyebrow),.orderSection p{color:var(--muted)}.productGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.product{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:16px;display:flex;flex-direction:column;min-width:0}.productVisual{height:130px;border-radius:13px;background:var(--mint);display:grid;place-items:center;font-size:3.5rem;margin-bottom:15px}.product h3{margin:0 0 8px;font-size:1rem}.product p{margin:0 0 15px;color:var(--muted);font-size:.88rem;line-height:1.5;flex:1}.productBottom{display:flex;align-items:center;justify-content:space-between;gap:8px}.price{font-weight:900;color:var(--green)}.add{border:0;border-radius:9px;padding:9px 12px;background:#edf6f0;color:var(--green);font-weight:800;cursor:pointer}.stock{font-size:.76rem;color:var(--muted);margin-top:12px}.orderSection{display:grid;grid-template-columns:1fr minmax(220px,340px);gap:18px;padding:28px;background:white;border:1px solid var(--line);border-radius:20px;margin-bottom:52px}.lookup{display:flex;flex-direction:column;gap:10px}.lookup input,input,textarea,select{font:inherit;border:1px solid #cfdcd3;border-radius:9px;padding:12px;background:white;width:100%}.orderResults{grid-column:1/-1}.orderCard{padding:14px;border:1px solid var(--line);border-radius:12px;margin-top:10px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.status{font-size:.78rem;font-weight:800;color:var(--green)}footer{border-top:1px solid var(--line);padding:26px max(24px,calc((100% - 1132px)/2));display:flex;justify-content:space-between;gap:15px;color:var(--muted);font-size:.85rem}footer strong{color:var(--green)}dialog{border:0;border-radius:20px;padding:0;width:min(540px,calc(100% - 28px));max-height:90vh;overflow:auto;box-shadow:0 30px 100px #14231c33}dialog::backdrop{background:#14231c88}.checkout{padding:26px;display:flex;flex-direction:column;gap:14px;position:relative}.checkout h2{margin:0}.checkout label{font-weight:700;font-size:.88rem;display:flex;flex-direction:column;gap:7px}.close{position:absolute;right:18px;top:16px;border:0;background:#edf4ef;border-radius:50%;width:34px;height:34px;font-size:1.4rem;cursor:pointer}.cartLine{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--line)}.cartTotal{font-size:1.2rem;font-weight:900}.smallNote{font-size:.8rem;color:var(--muted)}.full{width:100%}#checkoutMessage{font-size:.9rem;color:var(--green);line-height:1.5}#search{max-width:280px}
@media(max-width:850px){nav{gap:14px}.hero{padding:36px}.heroBadge{width:160px;height:160px}.heroBadge span{font-size:2.8rem}.productGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.orderSection{grid-template-columns:1fr}.orderResults{grid-column:auto}}
@media(max-width:580px){.topbar{padding:15px;gap:12px;flex-wrap:wrap}nav{order:3;width:100%;overflow:auto;padding:8px 0;white-space:nowrap;font-size:.85rem}.cartButton{padding:8px 12px}main{padding:0 15px}.hero{margin:12px 0 36px;padding:28px 22px;min-height:0;flex-direction:column;align-items:flex-start}.heroBadge{align-self:flex-end;width:120px;height:120px}.heroBadge span{font-size:2rem}.heroBadge div{font-size:.65rem;margin-top:7px}.heroBadge small{font-size:.65rem}.sectionHead{align-items:flex-start;flex-direction:column}.sectionHead h2,.orderSection h2{font-size:1.65rem}.productGrid{gap:10px}.product{padding:10px}.productVisual{height:100px;font-size:2.6rem}.productBottom{align-items:flex-start;flex-direction:column}.add{width:100%}.orderSection{padding:20px 15px}footer{padding:22px 15px;flex-direction:column}}
/* V7 : espace professionnel */
.workspace{max-width:850px;min-height:65vh;padding-top:32px;padding-bottom:64px}.workspace h1{font-size:clamp(1.9rem,4vw,3rem)}.panel{background:#fff;border:1px solid var(--line);border-radius:20px;padding:25px;margin-top:20px}.stack{display:grid;gap:12px}.stack label{display:grid;gap:6px;font-weight:650}.stack input[type=checkbox]{width:auto}.stack button{cursor:pointer;border-radius:9px;padding:11px}.productEdit{min-width:150px}.workspace #notice{color:var(--green);font-weight:650}