/* Static scenes shared with the desktop SVG; the mobile card stays in normal flow. */
#qp-experience #treatment-overview{font-family:var(--f-display)}
#qp-experience #mobile-treatment-card{display:none}
@media(max-width:760px){
 #qp-experience #traitements{flex-direction:column}
 #qp-experience #mobile-treatment-card{
  display:block;flex:none;width:100%;max-width:560px;margin:0 0 28px;padding:22px 18px;
  border:1.5px solid transparent;border-radius:26px;
  background:linear-gradient(#fff,#fff) padding-box,var(--gradient) border-box;
  color:#173549;font-family:var(--f-display);text-align:left;
 }
 #qp-experience #mobile-treatment-card .treatment-card-caption{display:grid;gap:6px;margin-bottom:18px}
 #qp-experience #mobile-treatment-card .treatment-card-pest{font-size:13px;line-height:1.3;color:#526a7b;font-weight:550}
 #qp-experience #mobile-treatment-card .treatment-card-caption strong{font-size:23px;line-height:1.15;letter-spacing:-.035em;font-weight:750}
 #qp-experience #mobile-treatment-card .treatment-card-methods{display:grid;gap:12px;list-style:none;margin:0;padding:0}
 #qp-experience #mobile-treatment-card .treatment-card-method{
  display:grid;grid-template-columns:84px minmax(0,1fr);align-items:center;gap:12px;
  margin:0;min-height:116px;padding:15px 12px;border-radius:17px;background:#effaf7;
 }
 #qp-experience #mobile-treatment-card .treatment-card-icon{display:block;width:84px;height:76px}
 #qp-experience #mobile-treatment-card .treatment-card-icon svg{display:block;width:100%;height:100%}
 #qp-experience #mobile-treatment-card h3{font-size:16px;line-height:1.3;font-weight:700;letter-spacing:-.015em;color:#173549;margin:0}
 #qp-experience #mobile-treatment-card .treatment-card-method-note{display:block;font-size:12px;line-height:1.4;color:#526a7b;margin-top:5px}
 #qp-experience #mobile-treatment-card .treatment-card-visits{display:flex;align-items:center;gap:8px;margin-top:9px;font-size:12px;line-height:1.3;font-weight:600;color:#28624f}
 #qp-experience #mobile-treatment-card .treatment-card-visit-dots{display:flex;gap:4px}
 #qp-experience #mobile-treatment-card .treatment-card-visit-dots i{display:grid;place-items:center;width:21px;height:21px;border:1px solid #a3d9c6;border-radius:50%;font:650 11px/1 var(--f-display);background:#fff}
 #qp-experience #mobile-treatment-card .treatment-card-heights{margin-top:18px}
 #qp-experience #mobile-treatment-card .treatment-card-height-title{display:block;font-size:13px;line-height:1.4;font-weight:600;color:#526a7b}
 #qp-experience #mobile-treatment-card .treatment-card-height-scale{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}
 #qp-experience #mobile-treatment-card .treatment-card-height-level{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:7px;font-size:12px;line-height:1.2;color:#526a7b}
 #qp-experience #mobile-treatment-card .treatment-card-height-level i{display:block;width:24px;border-radius:5px 5px 0 0;background:linear-gradient(0deg,#34d399,#22cbdc)}
}
@media(max-width:350px){
 #qp-experience #mobile-treatment-card{padding:20px 14px}
 #qp-experience #mobile-treatment-card .treatment-card-method{gap:9px;padding:13px 10px;grid-template-columns:70px minmax(0,1fr)}
 #qp-experience #mobile-treatment-card .treatment-card-icon{width:70px;height:64px}
}