.sg-petroleum{width:min(100% - 2rem,1200px);margin:2rem auto 4rem;color:#f4eee6}
.sg-petroleum-hero{display:grid;grid-template-columns:1fr 1.12fr;border:1px solid #414c62;background:#151e2e;border-radius:20px;overflow:hidden;min-height:380px;margin-bottom:3rem}
.sg-petroleum-hero-copy{align-self:center;padding:clamp(1.5rem,5vw,4rem)}
.sg-petroleum-hero h1,.sg-petroleum h2{font-family:Georgia,serif;line-height:1.08;margin:.5rem 0 .9rem;font-weight:400}
.sg-petroleum-hero h1{font-size:clamp(2.6rem,6vw,4.8rem);letter-spacing:-.045em}
.sg-petroleum h2{font-size:clamp(1.9rem,4vw,3rem)}
.sg-petroleum-hero p:not(.sg-petroleum-kicker),.sg-petroleum-intro{color:#c4cddd;line-height:1.6;max-width:60ch}
.sg-petroleum-kicker{color:#e1b182;font-size:.74rem;font-weight:700;letter-spacing:.17em}
.sg-petroleum-visual{width:100%;height:100%;object-fit:cover;min-height:280px}
.sg-petroleum-button{display:inline-block;margin-top:1.2rem;padding:.62rem .95rem;background:#e1b182;color:#1a2332;border-radius:6px;font-weight:700;text-decoration:none}
.sg-petroleum-button:hover{background:#f1ca9e}
.sg-petroleum-button:focus-visible{outline:2px solid #f1ca9e;outline-offset:4px}
.sg-petroleum-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,225px),1fr));gap:.8rem;margin-top:1.2rem}
.sg-petroleum-card{border:1px solid #465068;background:#242e40;border-radius:14px;padding:1rem}
.sg-petroleum-icon{display:grid;place-items:center;width:48px;height:48px;background:#303e54;color:#e1b182;border-radius:10px;margin-bottom:.75rem}
.sg-petroleum-card h3{font:1.3rem Georgia,serif;margin-bottom:.25rem}
.sg-petroleum-grade{color:#ebba90;font-size:.81rem;margin-bottom:.65rem}
.sg-petroleum-card p:not(.sg-petroleum-grade),.sg-petroleum-steps dd{color:#ccd4e0;font-size:.89rem;line-height:1.55}
.sg-petroleum-terms{margin-top:2.5rem;background:#182334;border:1px solid #414c62;border-radius:18px;padding:clamp(1.2rem,4vw,2.35rem)}
.sg-petroleum-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.sg-petroleum-steps div{border-top:1px solid #6c788f;padding-top:.8rem}
.sg-petroleum-steps dt{font-weight:700;margin-bottom:.25rem}
#produits-petroliers{scroll-margin-top:5rem}
@media(max-width:720px){.sg-petroleum-hero,.sg-petroleum-steps{grid-template-columns:1fr}.sg-petroleum-visual{max-height:310px;min-height:0}}
.sg-petroleum-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.sg-petroleum-card{display:grid;grid-template-rows:auto auto minmax(2.35rem,auto) 1fr;padding:1.15rem 1.3rem}
.sg-petroleum-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:.6rem}
.sg-petroleum-card-top>span{font-size:.77rem;letter-spacing:.14em;color:#afbdd1}
.sg-petroleum-steps{gap:.75rem}
.sg-petroleum-steps div{background:#202d41;border:1px solid #45546d;border-radius:10px;padding:.8rem}
.sg-commodity-contact{width:min(100% - 2rem,1120px);margin:2rem auto 4rem;color:#f4eee6}
.sg-commodity-back{display:inline-block;margin-bottom:1rem;color:#e1b182}
.sg-commodity-contact-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.45fr);border:1px solid #48566d;border-radius:18px;overflow:hidden}
.sg-commodity-contact-aside{background:linear-gradient(145deg,#19263b,#304561);padding:clamp(1.45rem,4vw,3rem)}
.sg-commodity-contact-aside h1{font:clamp(2.2rem,5vw,3.65rem)/1.08 Georgia,serif;margin:.7rem 0 1rem}
.sg-commodity-contact-aside p:not(.sg-petroleum-kicker),.sg-commodity-contact-aside dd{color:#d3ddec;line-height:1.55}
.sg-commodity-contact-aside dl{margin-top:2rem}
.sg-commodity-contact-aside dl div{border-top:1px solid #72829b;padding:.75rem 0}
.sg-commodity-contact-aside dt{font-weight:700}
.sg-commodity-contact-panel{background:#f3efe8;color:#222c40;padding:clamp(1.4rem,4vw,2.75rem)}
.sg-commodity-contact-panel h2{font:2rem Georgia,serif;margin-bottom:1.1rem}
.sg-commodity-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}
.sg-commodity-form-grid label{display:grid;align-content:start;gap:.35rem;font-size:.88rem;font-weight:650}
.sg-commodity-form-grid input,.sg-commodity-form-grid select,.sg-commodity-form-grid textarea{width:100%;border:1px solid #9eabc0;border-radius:7px;background:#fff;color:#222c40;padding:.55rem .65rem;font:inherit;font-weight:400}
.sg-commodity-form-grid textarea{resize:vertical}
.sg-commodity-form-grid :is(input,select,textarea):focus-visible{outline:2px solid #315b8d;outline-offset:1px}
.sg-commodity-message{grid-column:1/-1}
.sg-commodity-error{margin-top:.8rem;color:#972626}
.sg-commodity-contact-panel .sg-petroleum-button{background:#293c58;color:#fff}
.sg-commodity-contact-panel .sg-petroleum-button:hover{background:#3c5477}
.sg-commodity-contact-panel .sg-petroleum-button:disabled{opacity:.65}
@media(max-width:900px){.sg-petroleum-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.sg-commodity-contact-layout{grid-template-columns:1fr}}
@media(max-width:520px){.sg-petroleum-grid,.sg-commodity-form-grid{grid-template-columns:1fr}.sg-petroleum-card{grid-template-rows:auto}}