#SD .SDblock.displayFeatures{padding:calc(var(--defaultInterval)*1);}
#SD .SDblock.displayFeatures .wrapper{max-width:var(--maxWidth);margin-left:auto;margin-right:auto;}

.SDblock.displayFeatures .features{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:calc(var(--defaultInterval)*2);align-items:start;}

.SDblock.displayFeatures .feature{display:flex;flex-direction:column;position:relative;}

/* Image area — mirrors displayImageAndText foreground/background stacking */
.SDblock.displayFeatures .featureImage{position:relative;}
.SDblock.displayFeatures .featureImage .SDImageWrapper.background{position:absolute;width:100%;height:100%;top:0;z-index:1000;overflow:hidden;box-sizing:border-box;}
.SDblock.displayFeatures .featureImage .SDImageWrapper.foreground{z-index:2000;position:relative;padding:60px;box-sizing:border-box;}
.SDblock.displayFeatures .featureImage .SDImageWrapper.foreground .inner{background-size:contain;}

/* Text area */
.SDblock.displayFeatures .featureText{flex:1;}
.SDblock.displayFeatures .featureText .header{margin-bottom:calc(var(--defaultInterval)*.5);line-height:1.1;}
.SDblock.displayFeatures .featureText .header strong{background-color:var(--primary);padding-left:3px;padding-right:3px;}
.SDblock.displayFeatures .featureText .body ul{margin:calc(var(--defaultInterval)*.5) calc(var(--defaultInterval)*1);}

@media(max-width:766px){
	.SDblock.displayFeatures .features{grid-template-columns:1fr;gap:calc(var(--defaultInterval)*.5);}
	.SDblock.displayFeatures .feature{max-width:85vw;margin-left:auto;margin-right:auto;}
	.SDblock.displayFeatures .featureImage{width:50vw;align-self:center;margin-bottom:calc(var(--defaultInterval)*-.25);}
	.SDblock.displayFeatures .featureImage .SDImageWrapper.foreground{padding:20px;}
	.SDblock.displayFeatures .featureText .header{text-align:center;}
}