.elementor-72 .elementor-element.elementor-element-be9f626{--display:flex;--position:fixed;--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;top:0px;}body:not(.rtl) .elementor-72 .elementor-element.elementor-element-be9f626{left:0px;}body.rtl .elementor-72 .elementor-element.elementor-element-be9f626{right:0px;}.elementor-72 .elementor-element.elementor-element-7be49cc{--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-72 .elementor-element.elementor-element-626f9ef{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-72 .elementor-element.elementor-element-c90ee91{column-gap:0px;font-family:"Roboto", Sans-serif;font-weight:400;}.elementor-72 .elementor-element.elementor-element-07a1663{--display:flex;--overlay-opacity:0.5;}.elementor-72 .elementor-element.elementor-element-07a1663::before, .elementor-72 .elementor-element.elementor-element-07a1663 > .elementor-background-video-container::before, .elementor-72 .elementor-element.elementor-element-07a1663 > .e-con-inner > .elementor-background-video-container::before, .elementor-72 .elementor-element.elementor-element-07a1663 > .elementor-background-slideshow::before, .elementor-72 .elementor-element.elementor-element-07a1663 > .e-con-inner > .elementor-background-slideshow::before, .elementor-72 .elementor-element.elementor-element-07a1663 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-72 .elementor-element.elementor-element-5fbe076{--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;--overlay-opacity:0.5;}.elementor-72 .elementor-element.elementor-element-5fbe076:not(.elementor-motion-effects-element-type-background), .elementor-72 .elementor-element.elementor-element-5fbe076 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.stickylabgenetics.com/wp-content/uploads/2026/07/login2.png");background-position:center center;background-repeat:no-repeat;background-size:contain;}.elementor-72 .elementor-element.elementor-element-5fbe076::before, .elementor-72 .elementor-element.elementor-element-5fbe076 > .elementor-background-video-container::before, .elementor-72 .elementor-element.elementor-element-5fbe076 > .e-con-inner > .elementor-background-video-container::before, .elementor-72 .elementor-element.elementor-element-5fbe076 > .elementor-background-slideshow::before, .elementor-72 .elementor-element.elementor-element-5fbe076 > .e-con-inner > .elementor-background-slideshow::before, .elementor-72 .elementor-element.elementor-element-5fbe076 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#0A0A0A;--background-overlay:'';}.elementor-72 .elementor-element.elementor-element-04c8609{--display:flex;--justify-content:center;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-72 .elementor-element.elementor-element-18f3ac7{text-align:center;}.elementor-72 .elementor-element.elementor-element-18f3ac7 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:900;text-transform:uppercase;text-shadow:0px 0px 35px #000000;color:#FFFFFF;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-72 .elementor-element.elementor-element-20cdba0 .elementor-button{background-color:#000000;fill:#FECB22;color:#FECB22;border-radius:10px 10px 10px 10px;}.elementor-72 .elementor-element.elementor-element-b454fe6{--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;--justify-content:center;}.elementor-72 .elementor-element.elementor-element-9422414.elementor-element{--align-self:center;--order:-99999 /* order start hack */;}.elementor-72 .elementor-element.elementor-element-9422414{text-align:center;}.elementor-72 .elementor-element.elementor-element-9422414 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:900;text-transform:uppercase;text-shadow:0px 0px 35px #000000;color:#FFFFFF;}.elementor-72 .elementor-element.elementor-element-ee3d5d6 .elementor-button{background-color:#000000;fill:#FECB22;color:#FECB22;border-radius:10px 10px 10px 10px;}.elementor-72 .elementor-element.elementor-element-ee3d5d6.elementor-element{--align-self:center;--order:99999 /* order end hack */;}.elementor-72 .elementor-element.elementor-element-fb71f0c{--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;}/* Start custom CSS for container, class: .elementor-element-07a1663 */:root{
    --desk-height:700px;
    --mob-height:600px;
}
.login-container{
    width: 100%;
    max-width: 1300px;
    margin: auto;
    box-shadow:0px 0px 15px 5px rgba(0, 0, 0, 0.1);
}
.login-overlay-container {
    position: absolute;
    top: 0;
    left: 50%;
    width: 50%;
    height: 100%;
    overflow: hidden;
    transition: transform 0.6s ease-in-out;
    z-index: 10;
}
.login-container.right-panel-active .login-overlay-container{
    transform: translateX(-100%);
}
.login-overlay {
    position: relative;
    left: -100%;
    height: 100%;
    width: 200%;
    max-width: 200%;
    transform: translateX(0);
    transition: transform 0.6s ease-in-out;
}
.login-container.right-panel-active .login-overlay {
    transform: translateX(50%);
}
.login-overlay-panel {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 0 40px;
    text-align: center;
    top: 0;
    height: 100%;
    width: 50%;
    transform: translateX(0);
    transition: transform 0.6s ease-in-out;
}
.login-overlay-left {
    transform: translateX(-20%);
}
.login-container.right-panel-active .login-overlay-left {
    transform: translateX(0);
}
.login-overlay-right {
    right: 0;
    transform: translateX(0);
}
.login-container.right-panel-active .login-overlay-right {
    transform: translateX(20%);
}
#customer_login{
    position: relative;
    height: var(--desk-height);
}
#customer_login .col-1, #customer_login .col-2 {
    position: absolute;
    top: 0;
    height: 100%;
    background: #313943;
    padding: 30px;
    transition: all 0.6s ease-in-out;
}
#customer_login .col-1 {
    left: 0;
    width: 50%;
    z-index: 6;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.login-container.right-panel-active #customer_login .col-1 {
    transform: translateX(100%);
    z-index: 2;
}
#customer_login .col-2 {
    left: 0;
    width: 50%;
    opacity: 0;
    z-index: 1;
}
.login-container.right-panel-active #customer_login .col-2 {
    transform: translateX(100%);
    opacity: 1;
    z-index: 5;
}
#customer_login form{
    border: none;
    padding: 0;
}
#customer_login .woocommerce-privacy-policy-text{
    font-size: 11px;
    padding: 10px 0;
}
.login-overlay-container .elementor-button{
    cursor: pointer;
}
#customer_login .woocommerce-password-strength{
    font-size: 12px;
}
#customer_login .woocommerce-password-hint{
    font-size: 11px;
}
.woocommerce-notices-wrapper{
    position: relative;
    top: -80px;
}

/* Remove effect after login */
.logged-in .login-container, .woocommerce-lost-password .login-container{
    width: 100%;
    max-width: inherit;
    margin: inherit;
    box-shadow:none;
}
.logged-in .login-overlay-container, .woocommerce-lost-password .login-overlay-container{
    display: none;
}

/* ==========================================================================
   AGGIUNTI PER MOBILE (Reset degli assoluti sotto i 767px)
   ========================================================================== */
@media (max-width: 767px) {
    /* 1. Reset dell'altezza fissa */
    #customer_login {
        height: auto !important;
        display: flex;
        flex-direction: column;
        gap: 30px; /* Spazio tra il form di Login e Registrazione */
    }

    /* 2. Nascondiamo l'overlay grafico animato (inutile e dannoso su mobile) */
    .login-overlay-container {
        display: none !important;
    }

    /* 3. Portiamo i form a larghezza intera e li rimettiamo nel normale flusso verticale */
    #customer_login .col-1, 
    #customer_login .col-2 {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        width: 100% !important;
        height: auto !important;
        opacity: 1 !important;
        transform: none !important;
        z-index: 1 !important;
        padding: 20px !important;
    }
    
    /* 4. Reset degli stati attivi per evitare che script JS applichino traslazioni */
    .login-container.right-panel-active #customer_login .col-1,
    .login-container.right-panel-active #customer_login .col-2 {
        transform: none !important;
        opacity: 1 !important;
    }
    
    .woocommerce-notices-wrapper {
        top: 0 !important;
    }
}/* End custom CSS */