.elementor-592 .elementor-element.elementor-element-d7faa20 > .elementor-container{max-width:525px;}.elementor-592 .elementor-element.elementor-element-2769a23{--spacer-size:35px;}.elementor-592 .elementor-element.elementor-element-f300b1e > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-592 .elementor-element.elementor-element-f300b1e > .elementor-container{max-width:1100px;}.elementor-592 .elementor-element.elementor-element-f300b1e{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-592 .elementor-element.elementor-element-f627287 .elementor-menu-toggle{margin:0 auto;}.elementor-592 .elementor-element.elementor-element-f627287 .elementor-nav-menu .elementor-item{font-size:14px;}.elementor-592 .elementor-element.elementor-element-f627287 .e--pointer-framed .elementor-item:before{border-width:0px;}.elementor-592 .elementor-element.elementor-element-f627287 .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 0px 0px;}.elementor-592 .elementor-element.elementor-element-f627287 .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:0px 0px 0 0;}.elementor-592 .elementor-element.elementor-element-f627287 .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:0px 0 0 0px;}.elementor-592 .elementor-element.elementor-element-f627287 .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 0px 0px 0;}.elementor-592 .elementor-element.elementor-element-f627287 .e--pointer-underline .elementor-item:after,
					 .elementor-592 .elementor-element.elementor-element-f627287 .e--pointer-overline .elementor-item:before,
					 .elementor-592 .elementor-element.elementor-element-f627287 .e--pointer-double-line .elementor-item:before,
					 .elementor-592 .elementor-element.elementor-element-f627287 .e--pointer-double-line .elementor-item:after{height:0px;}.elementor-592 .elementor-element.elementor-element-f627287 .elementor-nav-menu--main .elementor-item{padding-left:0px;padding-right:0px;padding-top:8px;padding-bottom:8px;}.elementor-592 .elementor-element.elementor-element-f627287{--e-nav-menu-horizontal-menu-item-margin:calc( 0px / 2 );}.elementor-592 .elementor-element.elementor-element-f627287 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:0px;}.elementor-592{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:767px){.elementor-592 .elementor-element.elementor-element-b170a18{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-bc-flex-widget .elementor-592 .elementor-element.elementor-element-376aa33.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-592 .elementor-element.elementor-element-376aa33.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-592 .elementor-element.elementor-element-376aa33.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-592 .elementor-element.elementor-element-376aa33 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-592 .elementor-element.elementor-element-6ff1cee > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}}@media(min-width:768px){.elementor-592 .elementor-element.elementor-element-5c3bf89{width:8.317%;}.elementor-592 .elementor-element.elementor-element-ec095ca{width:80.886%;}.elementor-592 .elementor-element.elementor-element-e4ee792{width:10.41%;}}/* Start custom CSS for html, class: .elementor-element-a9429ef */.km-logo{
display:flex;
align-items:center;
gap:10px;
}

.km-logo img{
height:50px;
width:auto;
}

.km-logo span{
font-size:10px;
font-weight:600;
color:#0f2c3f;
white-space:nowrap;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-f627287 */.elementor-592 .elementor-element.elementor-element-f627287 .elementor-nav-menu{
display:flex;
justify-content:center;
gap:32px;
}

.elementor-592 .elementor-element.elementor-element-f627287 .elementor-item{

color:#0b2a33;
font-size:16px;
font-weight:500;
position:relative;
transition:.3s;

}

.elementor-592 .elementor-element.elementor-element-f627287 .elementor-item:hover{
color:#0e8b84;
}

.elementor-592 .elementor-element.elementor-element-f627287 .elementor-item:after{

content:"";
position:absolute;
bottom:-6px;
right:0;
width:0;
height:2px;
background:#1db7a8;
transition:.3s;

}

.elementor-592 .elementor-element.elementor-element-f627287 .elementor-item:hover:after{
width:100%;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-f300b1e */.elementor-592 .elementor-element.elementor-element-f300b1e{

background: rgba(255,255,255,0.85);

backdrop-filter: blur(40px);
-webkit-backdrop-filter: blur(40px);

border-radius:35px;
padding:2px 2px;

border:4px solid rgba(255,255,255,1);

box-shadow:
0 0 30px rgba(255,255,255,0.9),
0 0 30px rgba(255,255,255,0.7),
0 10px 25px rgba(0,0,0,0.12),
inset 0 2px 6px rgba(255,255,255,0.9);

max-width:1100px;
margin:auto;

position:absolute;
top:60px;
left:0;
right:0;
z-index:999;

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6ff1cee *//* =========================
   HEADER
========================= */
.mh-header{
    position:fixed;
    top:0; left:0; right:0;
    z-index:9999;
    padding:10px;
}

.mh-header .mh-bar{
    display:flex;
    align-items:center;
    justify-content:space-between;
    background:rgba(255,255,255,0.28);
    backdrop-filter:blur(18px);
    padding:10px 15px;
    border-radius:18px;
    box-shadow:0 6px 18px rgba(0,0,0,0.20);
}

.mh-header .mh-title{
    flex:1;
    text-align:center;
    font-size:13px;
    font-weight:600;
    color:#043b3e;
}


/* =========================
   ICON BUTTONS (ISOLATED)
========================= */
.mh-header .mh-btn{
    width:50px;
    height:50px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    border:none;
    text-decoration:none;

    background:linear-gradient(145deg,
        rgba(255,255,255,0.98),
        rgba(230,230,230,0.65)
    );

    backdrop-filter:blur(20px);

    box-shadow:
        0 10px 22px rgba(0,0,0,0.28),
        inset 0 4px 6px rgba(255,255,255,0.95),
        inset 0 -4px 8px rgba(0,0,0,0.15),
        0 0 16px rgba(255,255,255,0.75);

    transition:all .25s ease;
}

.mh-header .mh-btn:hover{
    transform:translateY(-10px);
}

.mh-header .mh-btn:active{
    transform:scale(0.93);
    box-shadow:
        inset 0 4px 10px rgba(0,0,0,0.0),
        inset 0 -3px 5px rgba(0,0,255,0.6);
}


/* =========================
   SVG ICONS
========================= */
.mh-header .mh-btn svg{
    width:26px;
    height:26px;
}

/* همبرگری (استروک) */
#mh-open svg line{
    stroke:#0f737a;
    stroke-width:2.6;
    stroke-linecap:round;
}

/* کاربر و سبد (استروک تمیز) */
.mh-header .mh-icons svg{
    stroke:#0f737a;
    stroke-width:2;
    fill:none;
}

/* فاصله آیکن‌ها */
.mh-header .mh-icons{
    display:flex;
    gap:12px;
}


/* =========================
   CART COUNT
========================= */
.mh-header .mh-cart{
    position:relative;
}

.mh-header .mh-count{
    position:absolute;
    top:-4px;
    right:-4px;
    background:#0f737a;
    color:white;
    font-size:11px;
    padding:3px 6px;
    border-radius:20px;
    box-shadow:0 0 8px rgba(0,0,0,0.25);
}


/* =========================
   POPUP MENU
========================= */
.mh-menu{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.65);
    display:flex;
    align-items:center;
    justify-content:center;
    opacity:0;
    pointer-events:none;
    transition:0.3s ease;
}

.mh-menu.active{
    opacity:1;
    pointer-events:auto;
}

.mh-menu-box{
    background:rgba(255,255,255,0.18);
    backdrop-filter:blur(22px);
    padding:40px;
    border-radius:25px;
    display:flex;
    flex-direction:column;
    gap:20px;
    text-align:center;
    width:75%;
    max-width:360px;
}

.mh-menu-box a{
    color:white;
    font-size:18px;
    text-decoration:none;
}

.mh-close{
    position:absolute;
    top:22px;
    right:22px;
    width:42px;
    height:42px;
    border-radius:50%;
    border:none;
    background:white;
    font-size:26px;
    cursor:pointer;
}

#mh-open:hover{
    background:inherit !important;
}/* End custom CSS */