.sl-how{background:var(--porcelaine-2)}
.sl-how__top{display:grid;grid-template-columns:1fr 1fr;gap:5.6rem;align-items:center;margin-top:4.8rem}
.sl-how__panel{position:relative;border-radius:2.8rem;overflow:hidden;background:linear-gradient(160deg,#F6D9CD,#EFC8B8);aspect-ratio:1/1}
.sl-how__panel img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sl-how__stamp{position:absolute;top:2.2rem;left:2.2rem;width:9.2rem;height:9.2rem;border-radius:50%;background:var(--miel);color:var(--aubergine);display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:'Fraunces',serif;font-weight:300;font-size:3rem;line-height:1;box-shadow:0 10px 24px rgba(67,38,59,.25)}
.sl-how__stamp small{font-family:'Inter',sans-serif;font-size:.9rem;letter-spacing:.14em;margin-top:.4rem}
.sl-uses{list-style:none;margin:0 0 2.6rem;padding:0}
.sl-uses li{display:flex;gap:1.4rem;align-items:flex-start;padding:1.4rem 0;border-bottom:1px solid var(--line);font-size:1.55rem;line-height:1.55;color:var(--aubergine)}
.sl-uses li:last-child{border-bottom:none}
.sl-uses .ic2{flex:none;width:4rem;height:4rem;border-radius:1.2rem;background:#fff;border:1px solid var(--line);display:flex;align-items:center;justify-content:center}
.sl-uses .ic2 svg{width:2rem;height:2rem;fill:var(--aubergine);stroke:none}
.sl-how__note{font-size:1.3rem;color:var(--taupe);margin-top:1.2rem}
.sl-compare{margin-top:7.2rem;display:grid;grid-template-columns:1fr 1.15fr;gap:5.6rem;align-items:center}
.sl-compare h2{font-size:3.8rem;line-height:1.12;margin:1.2rem 0 1.4rem}
.sl-compare h2 em,.sl-how .sl-head h2 em{font-style:italic;color:var(--miel-fonce)}
.sl-compare p{color:var(--taupe);font-size:1.6rem;margin:0 0 2.4rem;max-width:42rem;line-height:1.6}
.sl-ctable{background:#fff;border:1px solid var(--line);border-radius:2.4rem;padding:1rem 2.6rem 1.4rem;box-shadow:0 10px 30px rgba(67,38,59,.05)}
.sl-ctable .hd{display:grid;grid-template-columns:5.2rem 1fr 5.2rem;align-items:center;padding:1.4rem 0 1rem;border-bottom:1px solid var(--line)}
.sl-ctable .hd .brand{font-family:'Fraunces',serif;font-weight:300;font-size:2.2rem;letter-spacing:.14em;color:var(--aubergine);grid-column:1/3}
.sl-ctable .hd .brand span{color:var(--miel)}
.sl-ctable .hd .other{font-size:1.2rem;letter-spacing:.12em;text-transform:uppercase;color:var(--taupe);text-align:right;font-family:'Inter',sans-serif}
.sl-ctable .row{display:grid;grid-template-columns:5.2rem 1fr 5.2rem;align-items:center;padding:1.3rem 0;border-bottom:1px solid var(--porcelaine-2);font-size:1.5rem;color:var(--aubergine)}
.sl-ctable .row:last-child{border-bottom:none}
.sl-ctable .row span{text-align:center}
.sl-mark{display:inline-flex;width:3.4rem;height:3.4rem;border-radius:50%;align-items:center;justify-content:center;margin:0 auto}
.sl-mark svg{width:1.6rem;height:1.6rem;stroke:currentColor;fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.sl-mark.yes{background:var(--aubergine);color:#fff}
.sl-mark.no{background:var(--porcelaine-2);color:#B7A99A}
@media (max-width:900px){.sl-how__top,.sl-compare{grid-template-columns:1fr;gap:2.8rem}.sl-compare h2{font-size:3rem}.sl-ctable{padding:.6rem 1.6rem 1rem}.sl-ctable .row{font-size:1.4rem;padding:1.1rem 0}}
.sl-compare--solo{margin-top:0}
