/*====================================================
GONBAD FIROUZE
Mobile Header V10
====================================================*/

.fz-mobile-shell{
    display:none;
}

@media (max-width:991px){

.header-top,
.header-bottom{
    display:none !important;
}

body{
    padding-top:120px;
}

/*==================================
SHELL
==================================*/

.fz-mobile-shell{
    display:block;
}

/*==================================
HEADER 1
==================================*/

.fz-mobile-header{

    position:fixed;

    top:0;
    left:0;
    right:0;

    height:72px;

    display:flex;
    align-items:center;
    justify-content:space-between;

    background:var(--color-white);

    padding:0 18px;

    z-index:10000;

    transition:.35s;

    box-shadow:0 2px 10px rgba(0,0,0,.05);

}

.farsi-body .fz-mobile-header{
    flex-direction:row-reverse;
}

.english-body .fz-mobile-header{
    flex-direction:row;
}

/*==================================
HEADER 2
==================================*/

.fz-mobile-toolbar{

    position:fixed;

    top:72px;
    left:0;
    right:0;

    height:48px;

    display:flex;

    justify-content:center;
    align-items:center;

    gap:8px;

    background:var(--color-white);

    padding:0 12px;

    z-index:9995;

    transition:
        transform .35s ease,
        opacity .35s ease;

}

.fz-mobile-toolbar.is-hide{

    transform:translateY(-100%);
    opacity:0;

}

/*==================================
PANEL
==================================*/

.fz-mobile-panel{

    position:fixed;

    top:72px;
    height:calc(100vh - 72px);

    bottom:auto;
    bottom:0;

    width:320px;
    max-width:88%;

    background:var(--color-white);

    overflow:hidden;

    z-index:9999;

    transition:.35s;

    box-shadow:0 10px 30px rgba(0,0,0,.15);

}

.farsi-body .fz-mobile-panel{

    right:-340px;

}

.farsi-body .fz-mobile-panel.active{

    right:0;

}

.english-body .fz-mobile-panel{

    left:-340px;

}

.english-body .fz-mobile-panel.active{

    left:0;

}

.fz-mobile-scroll{

    height:100%;
    overflow-y:auto;

    padding-top:0px;

}

/*==================================
OVERLAY
==================================*/

.fz-mobile-overlay{

    position:fixed;

    inset:0;
    left:0;
    right:0;
    bottom:0;

    top:72px;
    background:rgba(0,0,0,.45);

    opacity:0;

    visibility:hidden;

    transition:.35s;

    z-index:9997;

}


.fz-mobile-overlay.active{

    opacity:1;
    visibility:visible;

}
/*==================================
HEADER COLUMNS
==================================*/

.fz-mobile-left{

    width:90px;
    flex:0 0 90px;

    display:flex;
    align-items:center;
    justify-content:flex-end;

}

.fz-mobile-center{

    flex:1;

    display:flex;
    align-items:center;
    justify-content:center;
}

.fz-mobile-right{

    width:90px;
    flex:0 0 90px;

    display:flex;
    align-items:center;
    justify-content:flex-start;

}

/*==================================
LOGO
==================================*/

.fz-mobile-center img{

    height:48px;
    width:auto;
    display:block;
    transform:translateX(15px);

}

.fz-mobile-left img{

    width:64px;
    height:auto;
    display:block;

}

/*==================================
HAMBURGER
==================================*/

.fz-mobile-toggle{

    width:42px;
    height:42px;

    border:0;
    background:none;

    display:flex;

    flex-direction:column;

    justify-content:center;

    align-items:center;

    gap:6px;

    cursor:pointer;

}

.fz-mobile-toggle span{

    width:28px;
    height:3px;

    border-radius:30px;

    background:var(--color-orange);

    transition:.30s;

}

/* حالت باز */

.fz-mobile-toggle.active span:nth-child(1){

    transform:translateY(9px) rotate(45deg);
    transform-origin:65% 50%;

}

.fz-mobile-toggle.active span:nth-child(2){

    opacity:0;

}

.fz-mobile-toggle.active span:nth-child(3){

    transform:translateY(-9px) rotate(-45deg);
    transform-origin:65% 50%;

}

/*==================================
BUTTONS
==================================*/

.fz-mobile-toolbar .fz-btn{

    min-width:78px;
    height:34px;

}

.fz-mobile-language{

    display:flex;
    align-items:center;
    gap:6px;

    white-space:nowrap;

    font-size:13px;
    font-weight:600;

}

.fz-mobile-language a{

    color:var(--color-secondary);

    text-decoration:none;

}

.fz-mobile-language strong{

    color:var(--color-primary);

}

/*==================================
MENU
==================================*/

.fz-mobile-menu{

    margin:0;
    padding:0;

    list-style:none;

}

.fz-mobile-menu>li{

    border-bottom:1px solid rgba(0,0,0,.06);

}

.fz-mobile-menu>li>a{

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:16px 20px;

    text-decoration:none;

    color:var(--color-secondary);

    font-size:15px;
    font-weight:600;

}

.fz-mobile-menu .sub-menu{

    display:none;

    background:var(--color-white);

    margin:0;
    padding:0;

    list-style:none;

}

.fz-mobile-menu .sub-menu a{

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:14px 28px;

    text-decoration:none;

    color:var(--color-secondary);

    font-size:14px;

}

/*==================================
BODY LOCK
==================================*/

body.fz-mobile-lock{

    overflow:hidden;

}

}
/* Mobile language switcher */
@media (max-width: 991px) {
	.fz-mobile-toolbar .fz-mobile-language {
		gap: var(--space-sm);
		margin-inline-start: var(--space-xl);
		flex-shrink: 0;
	}
}