/* Use native Elementor layout variables so editor controls remain effective. */
body .elementor .e-con.em-box{display:var(--display,flex);flex-direction:var(--flex-direction,column);align-items:var(--align-items,stretch);justify-content:var(--justify-content,initial);padding:var(--padding-top,0) var(--padding-right,0) var(--padding-bottom,0) var(--padding-left,0);gap:var(--row-gap,24px) var(--column-gap,24px);grid-template-columns:var(--e-con-grid-template-columns,none);grid-template-rows:var(--e-con-grid-template-rows,none)}
body .elementor .e-con.em-wrap,body .elementor .e-con.em-header-inner{width:var(--width,100%);max-width:100%}
body .elementor .e-con.em-copy,body .elementor .e-con.em-visual{max-width:100%}
body .elementor .em-header-inner>.elementor-widget{width:auto}
body .elementor .em-menu-widget{margin-left:auto}
/* Keep paragraph colors editable in native Elementor controls. */
body .elementor .em-box .elementor-widget-text-editor p{color:inherit}

@media(min-width:768px) and (max-width:1024px){body .elementor .e-con.em-review-column:last-child{--display:grid;--e-con-grid-template-columns:repeat(2,minmax(0,1fr));--align-items:start}}

/* Keep the page wrapper centered despite Elementor container margin defaults. */
body .elementor .e-con.em-wrap,body .elementor .e-con.em-header-inner{margin-inline:auto}
body .elementor .e-con.em-bundle-actions{--flex-direction:row;--flex-wrap:wrap;flex-wrap:wrap}
body .elementor .e-con.em-bundle-actions>.elementor-widget{width:auto;flex:0 0 auto}

@media(max-width:1024px){
 body .elementor .em-header-inner>.em-menu-widget{margin-left:0}
 body .elementor .em-header-inner>.em-brand{width:auto;flex:1}
 body .elementor .em-header-inner>.em-utilities-widget{width:auto;flex:none}
 body .elementor .em-header-inner>.em-account{display:none}
}
@media(max-width:767px){
 body .elementor .e-con.em-footer-grid{display:flex;flex-direction:column;gap:0}
 body .elementor .e-con.em-footer-group{gap:0}
 body .elementor .e-con.em-footer-brand-top>.elementor-widget{width:auto;flex:none}
 body .elementor .em-footer-links[hidden]{display:none!important}
 body .elementor .em-mql-layout .em-centered-copy{gap:28px}
}
@media(max-width:359px){
 body .elementor .em-hero-copy .elementor-widget-heading .elementor-heading-title{font-size:34px}
 body .elementor .em-hero-copy .em-lead{font-size:18px}
}

/* One editable header; the desktop utility row shares the same controls as mobile. */
@media(min-width:1025px){
 body .elementor .e-con.em-header-inner{display:grid;grid-template-columns:minmax(300px,1fr) auto auto;grid-template-rows:auto auto;column-gap:28px;row-gap:17px}
 body .elementor .em-header-inner>.em-menu-widget{margin-left:0}
 body .elementor .e-con.em-header{padding-top:12px;padding-bottom:20px}
}
@media(min-width:1025px){body .elementor .em-header-inner>.em-brand{grid-row:2;align-self:center}}
body .elementor .e-con.em-auth-layout{align-items:center;padding:64px 20px;gap:42px}
body .elementor .e-con.em-auth-card{width:100%;max-width:440px;padding:36px 32px 0;gap:28px}
body .elementor .e-con.em-auth-register{max-width:620px}
@media(max-width:600px){body .elementor .e-con.em-auth-layout{padding:40px 18px;gap:30px}body .elementor .e-con.em-auth-card{padding:28px 24px 0}}
body .elementor .e-con.em-auth-register{max-width:700px}body .elementor .e-con.em-auth-layout{gap:30px}
@media(max-width:600px){body .elementor .e-con.em-auth-layout{padding:52px 18px 40px;gap:26px}body .elementor .e-con.em-auth-card{padding:28px 22px 0}}
/* Override the old imported two-row desktop container without reimporting pages. */
@media(min-width:1025px){
body .elementor .e-con.em-header-inner{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:20px;--flex-direction:row;--flex-wrap:nowrap;--align-items:center;--row-gap:0px;--column-gap:20px}
body .elementor .e-con.em-header{padding:16px 24px}
body .elementor .em-header-inner>.elementor-widget{grid-area:auto;width:auto;flex:0 0 auto;align-self:center;margin-block:0}
body .elementor .em-header-inner>.em-menu-widget{margin-left:auto}
body .elementor .em-header-inner>.em-brand .elementor-heading-title{font-size:clamp(28px,2.3vw,34px)}
}
@media(min-width:1025px) and (max-width:1199px){body .elementor .e-con.em-header-inner{gap:14px;--column-gap:14px}}