svg[class^="ph-"] {
  width: 1.6em;
  height: 1.6em;
  vertical-align: middle;
  fill: currentColor;
  display: inline-block;
  margin-right: 5px;
}
.checkout-step-section-content svg[class^="ph-"], 
.usp-banner-section svg[class^="ph-"] {
  width: 1.0em;
  height: 1.0em;    
}

/* 4 Nov 2026: reserve each icon's space before js/d2f-icons.js swaps the <i> for the SVG, so nothing moves when it arrives */
i.ph[class*="ph-"] {
  display: inline-block;
  width: 1.6em;
  height: 1.6em;
  vertical-align: middle;
  margin-right: 5px;
}
.checkout-step-section-content i.ph[class*="ph-"],
.usp-banner-section i.ph[class*="ph-"] {
  width: 1.0em;
  height: 1.0em;
}