/* Section badges shared by every storefront theme and both account layouts. */
body.maquette-app .section-heading-title {
 display: flex; align-items: center; gap: 16px; min-width: 0;
}
.section-heading-title > .section-title-text { min-width: 0; flex: 1; overflow-wrap: anywhere; }
.section-title-icon,
.store-panel-icon,
.privacy-panel .privacy-panel-icon {
 display: inline-flex; align-items: center; justify-content: center;
 flex: 0 0 48px; width: 48px; height: 48px; border-radius: 16px;
 background: var(--soft,#f4fbfb); color: var(--bb9-green,#009898);
 font-size: 22px; line-height: 1; letter-spacing: normal;
}
body.maquette-app h3.section-heading-title { gap: 12px; }
h3.section-heading-title > .section-title-icon { flex-basis: 40px; width: 40px; height: 40px; border-radius: 13px; font-size: 18px; }
/* Keep the mobile menu and counters beside a wrapping section title. */
.store-title-row > .section-heading-title { min-width: 0; flex: 1; }
@media (max-width:700px) {
 body.maquette-app .section-heading-title { gap: 12px; }
 .section-title-icon,.store-panel-icon,.privacy-panel .privacy-panel-icon {
  flex-basis: 40px; width: 40px; height: 40px; border-radius: 13px; font-size: 19px;
 }
 h3.section-heading-title > .section-title-icon { flex-basis: 34px; width: 34px; height: 34px; border-radius: 11px; font-size: 16px; }
}