.elementor-widget-container .premium-global-badge-{{ID}} .premium-badge-container{background-color:var( --e-global-color-primary );}.elementor-widget-container.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-container .premium-global-cursor-{{ID}}{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-widget-container .premium-global-badge-{{ID}} .premium-badge-text{color:var( --e-global-color-secondary );}.elementor-widget-container .premium-global-badge-{{ID}} .premium-badge-icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-232 .elementor-element.elementor-element-5bd7272{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-232 .elementor-element.elementor-element-5bd7272.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-html .premium-global-badge-{{ID}} .premium-badge-container{background-color:var( --e-global-color-primary );}.elementor-widget-html.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-html .premium-global-cursor-{{ID}}{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-widget-html .premium-global-badge-{{ID}} .premium-badge-text{color:var( --e-global-color-secondary );}.elementor-widget-html .premium-global-badge-{{ID}} .premium-badge-icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}:root{--page-title-display:none;}@media(min-width:768px){.elementor-232 .elementor-element.elementor-element-5bd7272{--width:109.509%;}}@media(max-width:1024px){.elementor-widget-container.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-size:var( --e-global-typography-primary-font-size );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-html.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-size:var( --e-global-typography-primary-font-size );letter-spacing:var( --e-global-typography-primary-letter-spacing );}}@media(max-width:767px){.elementor-widget-container.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-size:var( --e-global-typography-primary-font-size );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-html.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-size:var( --e-global-typography-primary-font-size );letter-spacing:var( --e-global-typography-primary-letter-spacing );}}/* Start custom CSS *//* --- Chrome/Chromium stability for the comparison widgets --- */
.faction-compare {
  contain: paint;                 /* isolate paint to this box */
  will-change: transform;         /* nudge compositor */
  backface-visibility: hidden;    /* avoid flicker on GPU layers */
  aspect-ratio: 16/9;             /* consistent sizing across engines */
  height: auto;                   /* let aspect-ratio control height */
  min-height: 320px;              /* safety floor on small viewports */
}

/* Ensure all layers are real blocks and get their own composite layer */
.faction-compare .gradient-left,
.faction-compare .gradient-right,
.faction-compare img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;                 /* prevents inline img baseline weirdness */
  transform: translateZ(0);       /* force GPU compositing */
  will-change: clip-path;         /* we animate clip-path */
}

/* Keep images crisp and centered */
.faction-compare img {
  object-fit: contain;
  image-rendering: auto;
  z-index: 1;
}

/* Gradients under images */
.faction-compare .gradient-left,
.faction-compare .gradient-right {
  z-index: 0;
}

/* Slider always above */
.faction-compare .slider { z-index: 5; }

/* Optional: if Safari/iOS ever complains, you can add vendor clip-path: */
/* .faction-compare .gradient-left,
   .faction-compare .gradient-right,
   .faction-compare .faction-left,
   .faction-compare .faction-right { -webkit-clip-path: inset(0 50% 0 0); } *//* End custom CSS */