.elementor-6714 .elementor-element.elementor-element-1598032{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;}/* Start custom CSS for html, class: .elementor-element-1732b4e *//* =========================================================
   HELEN MIND — SHARP LUXURY HEADER
   Green + Brown + Black + Warm Ivory
========================================================= */

.helen-header{

    --hm-green:#006b2d;
    --hm-green-dark:#004a20;

    --hm-brown:#80583f;
    --hm-brown-dark:#513522;
    --hm-brown-light:#b58a6d;

    --hm-black:#111311;
    --hm-cream:#faf6f2;

    /* شیشه‌ای ولی واضح‌تر */
    background:
        linear-gradient(
            110deg,
            rgba(255,255,255,.94) 0%,
            rgba(250,246,242,.92) 55%,
            rgba(242,229,219,.90) 100%
        );

    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);

    border:
        1px solid rgba(128,88,63,.28);

    border-radius:24px;

    box-shadow:
        0 18px 45px rgba(66,43,28,.10),
        0 3px 9px rgba(66,43,28,.05);

    overflow:visible;
}


/* خط ظریف بالای هدر */

.helen-header:before{

    content:"";

    position:absolute;

    top:-1px;
    right:45px;

    width:150px;
    height:2px;

    border-radius:20px;

    background:
        linear-gradient(
            90deg,
            transparent,
            var(--hm-brown),
            var(--hm-green)
        );

    z-index:10;
}


/* نقطه لوکس روی خط */

.helen-header:after{

    content:"";

    position:absolute;

    top:-4px;
    right:125px;

    width:7px;
    height:7px;

    border-radius:50%;

    background:var(--hm-brown);

    box-shadow:
        0 0 0 5px rgba(128,88,63,.09);

    z-index:11;
}


/* =========================================================
   INNER
========================================================= */

.helen-header-inner{

    height:82px;

    padding:0 30px;

    position:relative;
}


/* =========================================================
   LOGO
========================================================= */

.helen-logo{

    display:flex;
    align-items:center;

    position:relative;
}


/* خط قهوه‌ای کنار لوگو */

.helen-logo:after{

    content:"";

    position:absolute;

    left:-23px;
    top:50%;

    transform:translateY(-50%);

    width:1px;
    height:32px;

    background:
        linear-gradient(
            transparent,
            rgba(128,88,63,.38),
            transparent
        );
}


.helen-logo img{

    width:92px;

    height:auto;

    display:block;

    mix-blend-mode:multiply;

    transition:
        transform .35s ease,
        filter .35s ease;
}


@media(hover:hover){

    .helen-logo:hover img{

        transform:scale(1.025);
    }

}


/* =========================================================
   MENU
========================================================= */

.helen-menu{

    gap:37px;

    align-items:center;
}


.helen-menu > li{

    position:relative;
}


/* لینک منوی اصلی */

.helen-menu > li > a{

    position:relative;

    display:flex;
    align-items:center;

    min-height:40px;

    color:var(--hm-black);

    font-size:15px;

    font-weight:800;

    text-decoration:none;

    transition:
        color .3s ease;
}


/* خط زیر منو */

.helen-menu > li > a:after{

    content:"";

    position:absolute;

    right:0;
    bottom:2px;

    width:0;
    height:2px;

    border-radius:20px;

    background:
        linear-gradient(
            90deg,
            var(--hm-brown),
            var(--hm-green)
        );

    transition:
        width .35s ease;
}


/* Hover */

.helen-menu > li:hover > a{

    color:var(--hm-green);
}


.helen-menu > li:hover > a:after{

    width:100%;
}


/* نقطه کوچک بالای لینک */

.helen-menu > li > a:before{

    content:"";

    position:absolute;

    top:0;
    right:50%;

    transform:translateX(50%) scale(0);

    width:4px;
    height:4px;

    border-radius:50%;

    background:var(--hm-brown);

    transition:
        transform .3s ease;
}


.helen-menu > li:hover > a:before{

    transform:
        translateX(50%) scale(1);
}


/* =========================================================
   SUBMENU
========================================================= */

.helen-submenu{

    top:48px;

    width:245px;

    padding:10px;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.98),
            rgba(248,241,235,.97)
        );

    backdrop-filter:blur(20px);
    -webkit-backdrop-filter:blur(20px);

    border:
        1px solid rgba(128,88,63,.22);

    border-radius:
        6px 20px 6px 20px;

    box-shadow:
        0 22px 45px rgba(62,40,27,.13);

    transform:
        translateY(10px);

    overflow:hidden;
}


/* خط بالای زیرمنو */

.helen-submenu:before{

    content:"";

    position:absolute;

    top:0;
    right:15px;

    width:55px;
    height:2px;

    background:var(--brown, #80583f);
}


/* آیتم زیرمنو */

.helen-submenu li{

    padding:0;

    position:relative;
}


.helen-submenu li a{

    display:block;

    width:100%;

    padding:11px 13px;

    border-radius:9px;

    color:#111;

    font-size:13px;

    font-weight:700;

    text-decoration:none;

    transition:
        background .25s ease,
        color .25s ease,
        padding-right .25s ease;
}


/* خطوط بین آیتم‌ها */

.helen-submenu li:not(:last-child){

    border-bottom:
        1px solid rgba(128,88,63,.09);
}


.helen-submenu li a:hover{

    color:#006b2d;

    background:
        rgba(128,88,63,.07);

    padding-right:18px;
}


/* =========================================================
   SOCIAL
========================================================= */

.helen-social{

    gap:9px;

    position:relative;
}


/* خط جداکننده */

.helen-social:before{

    content:"";

    position:absolute;

    right:-22px;
    top:50%;

    transform:translateY(-50%);

    width:1px;
    height:32px;

    background:
        linear-gradient(
            transparent,
            rgba(128,88,63,.38),
            transparent
        );
}


/* همه سوشال‌ها یک Design System */

.helen-social a{

    width:40px;
    height:40px;

    border-radius:12px;

    background:
        rgba(255,255,255,.88);

    border:
        1px solid rgba(128,88,63,.20);

    box-shadow:
        0 6px 15px rgba(63,42,28,.07);

    font-size:17px;

    transition:
        transform .3s ease,
        background .3s ease,
        color .3s ease,
        border-color .3s ease,
        box-shadow .3s ease;
}


/* رنگ شبکه‌های اجتماعی را یکدست می‌کنیم */

.helen-social .whatsapp,
.helen-social .telegram,
.helen-social .instagram{

    color:var(--hm-brown);
}


/* Hover */

.helen-social a:hover{

    transform:translateY(-3px);

    color:#fff;

    background:var(--hm-green);

    border-color:var(--hm-green);

    box-shadow:
        0 10px 22px rgba(0,107,45,.18);
}


/* =========================================================
   TABLET / MOBILE
========================================================= */

@media(max-width:900px){

    .helen-header{

        top:15px;

        width:94%;

        border-radius:20px;

        background:
            rgba(255,255,255,.94);
    }


    .helen-header-inner{

        height:70px;

        padding:
            0 22px;
    }


    .helen-logo img{

        width:78px;
    }


    .helen-logo:after{

        display:none;
    }


    .helen-header:before{

        right:25px;

        width:90px;
    }


    .helen-header:after{

        right:70px;
    }

}/* End custom CSS */