/* Elementor's editing wrappers remain selectable; original leaf markup stays intact. */
.ss-native-widget > .elementor-widget-container,
.ss-native-widget [data-ss-fragment],
.ss-native-icon-fragment { display: contents; }
.ss-native-widget { margin: 0; padding: 0; width: auto; min-width: 0; font: inherit; color: inherit; text-align: inherit; }
/* Public output is unwrapped from the saved native tree, so these are editor-only rules. */
.elementor-edit-area .ss-native-container,
body.elementor-editor-active .ss-native-container {
 display: block; position: relative; box-sizing: border-box;
 width: auto; max-width: none; min-height: 0; margin: 0; padding: 0;
 gap: normal; flex: initial; align-self: auto; overflow: visible;
 --display: block; --container-default-padding: 0px;
 --padding-top: 0px; --padding-right: 0px; --padding-bottom: 0px; --padding-left: 0px;
}
body.elementor-editor-active .ss-native-widget,
.elementor-edit-area .ss-native-widget { display: contents; }
.ss-native-transparent { display: contents !important; }
/* These markers exist only before semantic cleanup (the editing canvas).
   Reset Elementor container defaults before the original CSS is mapped onto
   each element. In particular, implicit wrapping/full widths must not change
   the original header, hero columns or card grids in the editor. */
.ss-native-container:not(#ss-native-reset) {
 display:block;position:static;box-sizing:border-box;
 width:auto;min-width:0;max-width:none;height:auto;min-height:0;
 margin:0;padding:0;flex:0 1 auto;flex-direction:row;flex-wrap:nowrap;
 justify-content:normal;align-content:normal;align-items:normal;align-self:auto;
 gap:normal;overflow:visible;border:0;border-radius:0;box-shadow:none;
 background:none;
}
.ss-native-widget {display:contents!important}