
:root{--d:#103F42;--m:#246C6B;--g:#4D9F91;--s:#8FCBB8;--p:#E7F2F1;--w:#F8FAF9;--i:#1C292A}*{box-sizing:border-box}
body{margin:0;background:linear-gradient(#F8FAF9,#E7F2F1,#F8FAF9);color:var(--i);font-family:Arial,sans-serif}.shell{max-width:1240px;margin:auto;padding:28px 22px 80px}
.hero{border-radius:30px;padding:62px 52px;color:white;background:radial-gradient(circle at 82% 20%,rgba(143,203,184,.24),transparent 30%),linear-gradient(135deg,#103F42,#246C6B);box-shadow:0 24px 60px #103f4229}.kick{letter-spacing:.18em;text-transform:uppercase;color:#bfe7d9;font-weight:800;font-size:13px}.hero h1{font-size:clamp(40px,6vw,72px);line-height:.98;margin:12px 0 18px}.hero p{max-width:820px;font-size:19px;line-height:1.55}.badges{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}.badge,.pill{padding:10px 14px;border-radius:999px;font-weight:800}.badge{border:1px solid #ffffff40;background:#ffffff12}.pill{display:inline-block;background:var(--p);color:var(--d)}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:28px 0}.step{padding:14px;border-radius:15px;background:white;border:1px solid #d7e5e1;font-weight:800;color:#607574}.step.active{background:var(--d);color:white}
.panel{background:white;border:1px solid #d7e5e1;border-radius:26px;padding:28px;margin-top:20px;box-shadow:0 14px 38px #103f4214}.panel h2{font-size:30px;color:var(--d);margin:0 0 8px}.note{padding:14px 16px;border-radius:14px;background:#eef8f4;border-left:4px solid var(--g);line-height:1.5;margin:14px 0 22px}.warn{color:#80540f;background:#fff7e8}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.product{border:1px solid #d7e5e1;border-radius:22px;overflow:hidden;display:flex;flex-direction:column;background:white}.product img{width:100%;aspect-ratio:4/3;object-fit:cover}.pb{padding:18px;display:flex;flex-direction:column;gap:10px;flex:1}.product h3{font-size:20px;color:var(--d);margin:0}.sku{font-size:12px;color:#6c7f7e}.price{font-size:21px;font-weight:900}.pending{font-size:14px;background:#fff6e6;color:#80540f;padding:10px;border-radius:10px}.qty{display:flex;gap:10px;align-items:center;margin-top:auto}.qty button{width:44px;height:44px;border:0;border-radius:12px;background:var(--d);color:white;font-size:24px}.qty input{width:100%;height:44px;text-align:center;border:1px solid #b9ceca;border-radius:12px;font-size:16px;font-weight:800}.line{font-size:14px;color:#526866}
.form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field label{display:block;font-weight:800;margin-bottom:6px}.field input,.field textarea,.field select{width:100%;padding:13px;border:1px solid #b9ceca;border-radius:12px;font:inherit}.full{grid-column:1/-1}.actions{display:flex;justify-content:space-between;gap:12px;margin-top:24px}.btn{border:0;border-radius:999px;padding:14px 22px;font-weight:900;text-decoration:none;cursor:pointer}.primary{background:var(--d);color:white}.secondary{background:var(--p);color:var(--d)}.primary:disabled{opacity:.45;cursor:not-allowed}.hidden{display:none!important}
table{width:100%;border-collapse:collapse;margin-top:14px}th,td{padding:12px;border-bottom:1px solid #dce8e5;text-align:left}.totals{max-width:430px;margin-left:auto;padding-top:14px}.totals div{display:flex;justify-content:space-between;padding:7px 0}.grand{font-size:22px;font-weight:900;border-top:2px solid var(--d);margin-top:6px;padding-top:13px!important}
@media(max-width:900px){.grid{grid-template-columns:1fr 1fr}.hero{padding:42px 28px}}@media(max-width:620px){.shell{padding:14px 12px 60px}.grid,.form{grid-template-columns:1fr}.full{grid-column:auto}.steps{grid-template-columns:1fr 1fr}.panel{padding:18px}.actions{flex-direction:column}.btn{width:100%}}

/* Foto articoli B2B leggermente piu piccole */
.product img{width:94%;margin:3% auto 0;aspect-ratio:4/3;object-fit:contain}
