/* MobiLux widget layout foundations. Scoped to this theme's Elementor widgets. */
.elementor-widget[class*="elementor-widget-mobilux-"]{min-inline-size:0;max-inline-size:100%;flex-shrink:1}
/* A flex item's intrinsic width must not depend on its contained children.
   Keep containment inside the sized widget, including legacy Elementor columns. */
.elementor-widget[class*="elementor-widget-mobilux-"]:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial){width:100%}
.elementor-widget[class*="elementor-widget-mobilux-"]>.elementor-widget-container{width:100%;min-inline-size:0;max-inline-size:100%;container-type:inline-size;container-name:mobilux-widget}
.elementor-widget__width-auto[class*="elementor-widget-mobilux-"]>.elementor-widget-container{container-type:normal}
:where(.elementor-widget[class*="elementor-widget-mobilux-"]) :where(section,article,aside,div,figure,form,fieldset,nav,header,footer,ul,li,p){box-sizing:border-box;min-inline-size:0}
:where(.elementor-widget[class*="elementor-widget-mobilux-"]) :where(h1,h2,h3,h4,h5,h6,p,a,button,label,strong,small,blockquote,cite){overflow-wrap:anywhere}
:where(.elementor-widget[class*="elementor-widget-mobilux-"]) :where(img,picture,video,iframe,svg,figure){max-inline-size:100%}
:where(.elementor-widget[class*="elementor-widget-mobilux-"]) :where(img,picture){vertical-align:middle}
:where(.elementor-widget[class*="elementor-widget-mobilux-"]) :where(input,select,textarea){box-sizing:border-box;min-inline-size:0;max-inline-size:100%}
:where(.elementor-widget[class*="elementor-widget-mobilux-"]) :where(.woocommerce-Price-amount,ins,del){white-space:normal;overflow-wrap:anywhere}
:where(.elementor-widget[class*="elementor-widget-mobilux-"]) :where(.mobilux-card-variations,.mobilux-card-variations__attribute,.mobilux-card-variations__options){max-inline-size:100%;min-inline-size:0}
:where(.elementor-widget[class*="elementor-widget-mobilux-"]) :where(.mobilux-card-variations__option){white-space:normal;max-inline-size:100%}
:where(.elementor-widget[class*="elementor-widget-mobilux-"]) :where(.mobilux-card-variations__options){flex-wrap:wrap}
:where(.elementor-widget[class*="elementor-widget-mobilux-"]) :where(button,a,input,select,textarea):focus-visible{outline-offset:3px}
@media(max-width:1024px){
 :where(.elementor-widget[class*="elementor-widget-mobilux-"]) :where(button,.button,.btn,[role="button"]){touch-action:manipulation}
}
@media(max-width:767px){
 :where(.elementor-widget[class*="elementor-widget-mobilux-"]) :where(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),select,textarea){font-size:16px}
}
@container mobilux-widget (max-width:767px){
 :where(.mobilux-card-variations__options){gap:8px;flex-wrap:wrap}
}
@media(prefers-reduced-motion:reduce){
 :where(.elementor-widget[class*="elementor-widget-mobilux-"]) :where([class*="__track"],[class*="__viewport"]){scroll-behavior:auto}
}

/* v1.16.22 — one source of truth for desktop width.
   The theme setting --mobilux-container-width controls header, Elementor top-level
   sections/widgets and footer together; the Hero is no longer a width reference. */
.mobilux-front-page .elementor{
 --container-max-width:var(--mobilux-container-width,1320px);
}
@media(min-width:1200px){
 .mobilux-front-page .elementor>.e-con.e-parent{
  width:calc(100% - 48px)!important;
  max-width:var(--mobilux-container-width,1320px)!important;
  margin-inline:auto!important;
  --container-max-width:var(--mobilux-container-width,1320px)!important;
 }
 .mobilux-front-page .elementor>.e-con.e-parent>.e-con-inner{
  width:100%!important;
  max-width:var(--mobilux-container-width,1320px)!important;
  margin-inline:auto!important;
 }
 .mobilux-front-page .elementor>.elementor-section.elementor-top-section{
  width:calc(100% - 48px)!important;
  max-width:var(--mobilux-container-width,1320px)!important;
  margin-inline:auto!important;
 }
 .mobilux-front-page .elementor>.elementor-section.elementor-top-section>.elementor-container{
  width:100%!important;
  max-width:var(--mobilux-container-width,1320px)!important;
  margin-inline:auto!important;
 }
}

@media(min-width:1600px){
 .mobilux-front-page .elementor>.e-con.e-parent,
 .mobilux-front-page .elementor>.elementor-section.elementor-top-section{
  width:calc(100% - 64px)!important;
 }
}
