.elementor-699 .elementor-element.elementor-element-60d7a61{--display:flex;--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-699 .elementor-element.elementor-element-156bde8{--display:flex;--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-699 .elementor-element.elementor-element-156bde8.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-699 .elementor-element.elementor-element-61f21c9{--display:flex;--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;}@media(min-width:768px){.elementor-699 .elementor-element.elementor-element-156bde8{--width:98.911%;}}/* Start custom CSS for html, class: .elementor-element-d0718b9 *//* ===== MOBILE RESET (final) — center the iframe, no drift, optional tiny right nudge ===== */
@media (max-width: 640px){

  /* Use almost the full phone width and keep your good height */
  .lp-device{
    width: calc(100vw - 24px);
    margin-inline: auto;
  }
  .lp-device-inner{
    aspect-ratio: auto !important;
    height: clamp(600px, 96svh, 920px) !important;
    overflow: hidden;        /* keep rounded corners */
    position: relative;
  }

  /* HARD RESET: kill earlier overscan/translate rules and just scale from center */
  .lp-device-inner iframe{
    position: absolute; inset: 0;
    width: 100% !important;
    height: 100% !important;

    /* Tuning knobs */
    --mob-scale: .90;       /* .85–.94  (lower = zoom out, shows more) */
    --mob-nudge-x: 1vw;     /* small right nudge; set to 0 if not needed */
    --mob-nudge-y: 0;       /* up/down nudge, usually 0 */

    /* Order matters. We fully override any previous transform. */
    transform: translate(var(--mob-nudge-x), var(--mob-nudge-y)) scale(var(--mob-scale)) !important;
    transform-origin: center center !important;
  }
}

/* Super-narrow devices can use a hair more zoom-out */
@media (max-width: 380px){
  .lp-device-inner iframe{ --mob-scale: .88; }
}
/* === DESKTOP: make the demo a little taller so the digital part shows === */
@media (min-width: 1025px){
  .lp-device-inner{
    /* smaller ratio = more height for the same width */
    aspect-ratio: 6 / 5;   /* was 5/4 or 4/3; this is taller */
    min-height: 640px;     /* bump if you still need more: 680–720px */
  }
}

/* Very large screens can have a touch more height */
@media (min-width: 1440px){
  .lp-device-inner{ aspect-ratio: 7 / 7; min-height: 700px; }
}/* End custom CSS */