@font-face {
	font-family: semi;
	src: url("Yekan (2).ttf")
}
.nav2 {
	display: none}

.nav1{
	justify-content: center;
	display: block;
	align-content: center;
	width: 100%;
	margin: 20px 140px 0px 0px;
    cursor: pointer;
    z-index: 10999;}

.nav1 a img{
	cursor: pointer}

.side-menu{display: none;}


.product-menue{
	margin: 0px;
	float: right;
	justify-content: center;
	text-align: center;
	list-style-type: none;
	flex: 0; 
	position: relative;
    z-index: 41999;
    font-family: semi;}

.product-menue-name-main{
    background-color: #DD4105;
    padding: 9px 16px 9px 16px;
    margin: 0px 4px 0px 4px;
    border-radius: 5px;
    text-decoration: none;
    color:#001216;
    text-shadow: 1px 1px 5px #FFFFFF;
    font-size: 15px;
    box-shadow: 1px 1px 10px #001216;
    transition: 0.4s;
}

.product-menue-name-main:hover{
    background-color: #001216;
    color:#DD4105;
    text-shadow: 1px 1px 5px #FFFFFF;
}
.imgm{
	margin: 0px 0px 0px 10px;
	display: block}

.submenue{
	position: absolute;
	top: 100%;
	list-style-type: none;
	justify-content: center;
	text-align: center;
	padding: 0;
	background-color: #DD4103;
	box-shadow: 2px 2px 5px;
	margin: 0px;
	opacity: 0;
	visibility: hidden;
	z-index: 999;
	border-radius: 8px;
	background-position: bottom;
	transform: translateY(10px);

    transition: opacity 0.25s ease,
                transform 0.25s ease;
}

.zubmenue{
	margin: 0;
	padding: 10px;
	right: 0;
	transition: background-color 0.5s }

.zubmenuename{
	text-decoration: none;
	font-size: 18px;
	font-family: semi;
	color: aliceblue;
	text-shadow: 0px 0px 5px #001621;
	transition: text-shadow 0.02s}

.product-menue:hover .submenue{
	width: 100%;
	opacity: 0.90;
	visibility: visible;
	justify-content: center;
	text-align: center;
    transform: translateY(0);}

.zubmenue:hover{
	background-color: #001621;
	border-radius: 10px;
	box-shadow: 1px 1px 1px 1px #001621;}

.zubmenuename:hover{
	text-shadow: 2px 2px 2px #DD4103}

.product-menue:hover .submenue{
           opacity: 0.9;
    visibility: visible;
    transform: translateY(0);
    }
.mobile-nav{ 
	display: none}

.mobile-nav-down{ 
	display: none}




.mobile-sabt{
	display: none}





.advertising{    
	display: flex;
    justify-content: center;
    grid-template-columns: repeat(auto-fit, minmax(450px,1fr));
    gap: 10px;
    width: 100%;
    max-width: 1600px;
    margin: 10px auto;

	
	}
.advertising-frame{ text-align: center;
    background: #DD4103;
    padding: 2px 1px 0px 2px;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    transition: 0.3s ease;
}

.advertising-frame img{
    width: 100%;
    height: 220px;
    object-fit: cover;
    border-radius: 8px;}

.advertising-frame:hover{
	transform: translateY(-5px);
	background: #001621}

.mdvertising-mobile{display: none}


.search-section{
    width:100%;
    padding:10px 0px 0px 0px;
    position:static;
    z-index:auto;
}

.search-wrapper{
    max-width:600px;
    margin:0 auto;
    position:relative;
}

#searchInput{
    width:100%;
    padding:12px 14px;
    font-size:16px;
    border:1px solid #ccc;
    border-radius:10px;
    box-sizing:border-box;
}

.suggestions{
    position:absolute;
    top:calc(100% + 6px);
    right:0;
    left:0;
    background:#fff;
    border:1px solid #ddd;
    border-radius:10px;
    box-shadow:0 8px 25px rgba(0,0,0,.12);
    z-index:1500;
    max-height:300px;
    overflow-y:auto;
    display:none;
}

.suggestions.show{
    display:block;
}

.results-section{
    max-width:1200px;
    margin:20px auto 0;
    padding:0 15px;
}

.results{
    width:100%;
}
.suggestion-item{
  padding:12px 14px;
  cursor:pointer;
  border-bottom:1px solid #eee;
  background:#fff;
}

.suggestion-item:last-child{
  border-bottom:none;
}

.suggestion-item:hover,
.suggestion-item.active{
  background:#f3f4f6;
}

.highlight{
  background:#fff3a3;
  border-radius:4px;
  padding:0 2px;
}
.footer-pc{box-shadow: 0px -1px 2px #001216;
background-color: #c5bfbc;
border-radius: 5px;}
/* تنظیمات عمومی */
.footer-pc,
.footer-mobile {
    direction: rtl;
    box-sizing: border-box;
}

.footer-pc *,
.footer-mobile * {
    box-sizing: border-box;
}

.footer-pc ul,
.footer-mobile ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.footer-pc a,
.footer-mobile a {
    color: inherit;
    text-decoration: none;
}


/* ==============================
   Footer Base
================================= */

.footer-pc,
.footer-mobile {
    direction: rtl;
    box-sizing: border-box;
	font-family: semi;
}
.footer-pc {
	padding: 10px;
    box-shadow: 0px 0px 5px #001216;
}
.footer-pc *,
.footer-mobile * {
    box-sizing: border-box;
}

.footer-pc ul,
.footer-mobile ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.footer-pc a,
.footer-mobile a {
    text-decoration: none;
	
}

.footer-pc a{
    text-shadow: 0px 0px 2px #001216;
    transition: 0.4s;
}

.footer-pc a:hover{
    color: #ffffff;
    text-shadow: 1px 1px 2px #001216;
}
/* ==============================
   Footer PC
================================= */

.footer-pc {
    width: 100%;
    max-width: 1350px;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 10px;
    justify-content: center;
    margin: 0 auto;
	font-family: semi;
	margin-bottom: 30px;
}

.footer-column {
    width: 100%;
}

.footer-column h3 {
    margin: 0 0 15px;
}

.footer-column ul {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.footer-column li {
    width: 100%;
}

.footer-column a {
    display: block;
}


/* ==============================
   Footer Mobile
================================= */

.footer-mobile {
    display: none;
    width: 100%;
    padding: 15px;
    color: #ffffff;
    margin-bottom: 70px;
}

.footer-dropdown {
    width: 100%;
    border-bottom: 1px solid rgb(0, 0, 0, 0.2);
}

.footer-dropdown-title {
    width: 100%;
    padding: 16px 5px;

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

    border: none;
    outline: none;
    background: transparent;

    color: #DD4105;
    font-size: 16px;
    font-weight: bold;
    font-family: inherit;
    text-align: right;
    cursor: pointer;
}

.footer-dropdown-icon {
    display: inline-block;
    font-size: 24px;
    font-weight: normal;
    line-height: 1;
    transition: transform 0.3s ease;
}

.footer-dropdown-content {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transform: translateY(-6px);

    transition:
        max-height 0.45s ease,
        opacity 0.3s ease,
        transform 0.35s ease;
}

.footer-dropdown.active .footer-dropdown-content {
    opacity: 1;
    transform: translateY(0);
}

.footer-dropdown.active .footer-dropdown-icon {
    transform: rotate(45deg);
}

.footer-dropdown-content ul {
    display: flex;
    flex-direction: column;
    gap: 0;
    padding: 0 12px 14px;
}

.footer-dropdown-content li {
    width: 100%;
    background-color: #FFFFFF;
	transition: 0.2s ease-in;
}


.footer-dropdown-content li:last-child {
    border-bottom: none;
}

.footer-dropdown-content a {
    display: block;
    width: 100%;
    padding: 11px 0;

    color: #DD4105;
    font-size: 14px;
    line-height: 1.7;
    font-family: semi;
}

.footer-dropdown-content a:hover {
    color: #001216;
}



@media screen and ( max-width : 1872px ) and (min-width : 1248px ){

.nav1{
	display: none;
	}
	
.nav2 {
	width: 80%;
	box-shadow: 0px 0px 10px 0px #001216;
	background-color: #001216;
	display:flex;
	justify-content: center;
	text-align: center;
	font-family: semi;
	text-decoration: none;
	text-decoration-style: none;
	font-size: 10px;
	margin: 20px auto auto auto;
	height: 45px;
	padding:10px auto 10px auto;
	border-radius: 10px;
	}

.product-menue2 {
	float: right;
	justify-content: center;
	text-align: center;
	list-style-type: none;
	flex: 0;
	position: relative;
	}
	
.submenue{
	   position: absolute;
    top: 100%;
    list-style-type: none;
    justify-content: center;
    text-align: center;
    padding: 0;
    background-color: #DD4103;
    box-shadow: 2px 2px 5px;
    margin: 4px;
    opacity: 0;
    visibility: hidden;
    z-index: 999;
    border-radius: 8px;

    transform: translateY(10px);

    transition: opacity 0.25s ease,
                transform 0.25s ease;}
	
.product-menue-name{
	 color: #ffffff;
	 text-decoration: none;
	 border-radius: 10px 0px 10px;
	 padding: 0px 8px 0px 8px;
	 font-size: 14px;
	 text-shadow: 1px 1px 1px #001216;
    background-color: #001216;}
	
.product-menue-name:hover{
	transition:text-shadow 0.2s;
	text-shadow: 2px 2px 1px #001216}
	
.zubmenue{
	margin: 0;
	padding: 10px;
	right: 0;
	transition: background-color 0.5s }
.product-menue:hover .submenue{
           opacity: 0.9;
    visibility: visible;
    transform: translateY(0);
    }	
.zubmenue:hover{
	background-color: #001621;
	border-radius: 10px;
	box-shadow: 1px 1px 1px 1px #001621;}
	
.zubmenuename{
	text-decoration: none;
	font-size: 12px;
	font-family: semi;
	color: aliceblue;
	text-shadow: 0px 0px 5px #001621;
	transition: text-shadow 0.02s}
	
.product-menue2:hover .submenue2{
	width: 100%;
	opacity: 0.90;
	visibility: visible;
	justify-content: center;
	text-align: center;
    transform: translateY(0);}
.product-menue-name img{
		width: 40px;
	background-color: #FFFFFF;
	border-radius: 50px 50px 50px 50px;
	padding: 2px 2px 2px 2px;
	box-shadow: 0px 00px 10px 1px #001216;
		
	}		
.sabt{
	background-color: #DD4103;
	overflow: hidden;
	background-repeat: no-repeat;
	display: inline-block;
	float: none;
	padding: 0px 10px;
	border-radius: 9px;
	margin: 0px 10px 0px 10px }
	
.zsabt{
	font-size: 15px;
}
	
}

@media screen and ( max-width : 1250px ) and (min-width : 1044px ){

	  .nav1{
        display: none;
    }

    .nav2{
        width: 95%;
        height: 45px;
        margin: 20px auto 0 auto;
        padding: 0;
        background-color: #001216;
        box-shadow: 0px 0px 10px 0px #001216;
        border-radius: 10px;

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

        font-family: semi;
        text-align: center;
    }

    .mainmenue{
        margin: 0;
        padding: 0;
        height: 100%;

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

        list-style: none;
    }

    .product-menue{
        margin: 0;
        padding: 0;
        height: 100%;
        float: none;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        list-style-type: none;
    }

    .product-menue-name{
        height: 100%;
        padding: 0 6px;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #ffffff;
        text-decoration: none;
        font-size: 12px;
        line-height: 1;
        white-space: nowrap;
        background-color: #001216;
    }

    .product-menue-name:hover{
        transition: text-shadow 0.2s;
        text-shadow: 2px 2px 2px #001216;
    }

    .submenue{
        position: absolute;
        top: 100%;
        right: 0;
        list-style-type: none;
        padding: 0;
        margin: 4px 0 0 0;
        background-color: #DD4103;
        box-shadow: 2px 2px 5px;
        opacity: 0;
        visibility: hidden;
        z-index: 999;
        border-radius: 8px;
        transform: translateY(10px);
        transition: 0.2s;
    }

    .product-menue:hover .submenue{
        opacity: 0.90;
        visibility: visible;
        transform: translateY(0);
    }

    .zubmenue{
        margin: 0;
        padding: 5px;
        right: 0;
        transition: background-color 0.5s;
    }

    .zubmenuename{
        text-decoration: none;
        font-size: 11px;
        font-family: semi;
        color: aliceblue;
        text-shadow: 0px 0px 5px #001621;
    }

    .sabt{
        display: none;
    }
}


@media screen and ( max-width : 1044px ) and (min-width : 768px ){
    .footer-pc{display: none;}

.nav1{
	display: none;
	}
	
.nav2 {
	background-color: #001216;
	box-shadow: 0px 0px 10px 0px #001216;
	display:flex;
	justify-content: center;
	text-align: center;
	font-family: semi;
	text-decoration: none;
	text-decoration-style: none;
	font-size: auto;
	margin: 10px auto;
	align-items: center;
	border-radius: 5px;
	height: 45px;
	}

.product-menue2 {
	display: flex;
	align-items: center;
	float: right;
	justify-content: center;
	text-align: center;
	list-style-type: none;
	flex: 0;
	position: relative;
	}

	
.submenue{
	position: absolute;
	top: 100%;
	list-style-type: none;
	justify-content: center;
	text-align: center;
	padding: 0;
	background-color: #DD4103;
	box-shadow: 2px 2px 5px;
	opacity: 0;
	visibility: hidden;
	z-index: 999;
	border-radius: 8px;
	background-position: bottom;
	transform: translateY(10px);
	transform: translateY(10px);
    transition: 0.2s;}

.product-menue:hover .submenue{
    opacity: 0.90;
    visibility: visible;
    transform: translateY(0);
    }

.product-menue-name{
	color: #FFFFFF;
	text-decoration: none;
	align-items: center;
	justify-content: center;
	border-radius: 10px 0px 10px;
	padding: 0px 6px;
	font-size: 10px;
	text-shadow: 1px 1px 1px #001216;
    height: 45px;
    background-color: #001216;
}
	
.product-menue-name img{
	width: 40px;
	background-color: #FFFFFF;
	border-radius: 50px 50px 50px 50px;
	padding: 2px 2px 2px 2px;
	box-shadow: 0px 00px 10px 1px #001216;	
	}	

.product-menue-name:hover{
	transition:text-shadow 0.2s;
	text-shadow: 2px 2px 2px #001216}
	
.zubmenue{
	margin: 0;
	padding: 1px;
	right: 0;
	transition: background-color 0.5s }
	
.zubmenuename{
	text-decoration: none;
	font-size: 9px;
	font-family: semi;
	color: aliceblue;
	text-shadow: 0px 0px 5px #001621;
	transition: text-shadow 0.02s}
	
.product-menue2:hover .submenue{
	width: 100%;
	opacity: 0.90;
	visibility: visible;
	justify-content: center;
	text-align: center;
    transform: translateY(0);}
	
.sabt{
	background-color: #DD4103;
	overflow: hidden;
	background-repeat: no-repeat;
	display: inline-block;
	float: left;
	padding: 0px 08px 0px 8px;
	border-radius: 9px;
	margin: 10px 0px 0px 0350px }
	
.zsabt{
	font-size: 15px;}
	
}


@media screen and (min-width: 769px) {
    .footer-pc {
        display: grid;
    }

    .footer-mobile {
        display: none;
    }
}



@media screen and (max-width:768px){
	.nav1,
	.nav2,
	.mainmenue,
	.sabt{
		display: none;
	}

.mobile-nav-down{
		display:flex;
	}

.side-menu{
		display:block;
	}

.search-wrapper{
		width: 95%;
		margin: 0 auto;
	}

	
.logo a {
	text-decoration: none;
	text-decoration-style: none;
	text-decoration-color: aliceblue;
	color: aliceblue}
	
.menu-toggle {
        display: flex;
        position: fixed;
        top: 10px;
        right: 15px;
	    z-index: 1100;}
	
.advertising{  
	display: block;
    grid-template-columns: repeat(auto-fit, minmax(125px,1fr));
    gap: 10px;
    width: 100%;
    max-width: 600px;
    margin: 50px auto;
		
	}

.advertising-frame{ 
    display: block; 
    text-align: center;
    background: #DD4103;
    padding: 5px;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    transition: 0.3s ease;
    margin: 5px 2px auto 2px;
}

.advertising-frame img{display: block;
    width: 100%;
    height: 220px;
    object-fit: cover;
    border-radius: 8px;
	}
.mdvertising-mobile{display: flex; text-align: center;
		justify-content: center;
    background: #DD4103;
    padding: 1px;
	margin: 5px;
    border-radius: 10px;
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    transition: 0.3s ease;}
	
.mdvertising-frame-mobile{ text-align: center;
    background: #DD4103;
    padding: 5px;
    border-radius: 10px;
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
		transition: 0.3s ease;}
	
.mdvertising-frame-mobile img{width: 100%;
    height: 210px;
    object-fit:0 ;
    border-radius: 8px;}

.advertising-frame:hover{
	transform: translateY(-5px);
	background: #001621}
.nav1{
		display: none}
	
.mainmenue{ 
		display: none}
	
 
.mobile-nav{

display:block;
background:#DD4105;
color:white;
padding:10px 15px;
position:relative;
z-index:1002;

}

.top-bar{

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

}

.hamburger{

font-size:28px;
cursor:pointer;

}


/* ===== منوی کشویی ===== */

.side-menu{
display: block;
position:fixed;
top:0;
right:-260px;
width:260px;
height:100%;
opacity:0.98;
background:#001216;
transition:0.3s ease;
z-index:1003;
padding-top:60px;
overflow-y:auto;

}

.side-menu ul{

list-style:none;
padding:0;
margin:0;

}

.side-menu ul li{

padding:15px 20px;
border-bottom:1px solid rgba(255,255,255,0.08);

}

.side-menu ul li a{

color:white;
text-decoration:none;
font-family:semi;
text-shadow:1px 1px 1px #DD4103;
display:block;

}

.side-menu ul li:hover{
background:#0c2a30;

}

.side-menu.open{
right:0;

}


/* ===== overlay ===== */

.overlay{

position:fixed;
top:0;
left:0;

width:100%;
height:100%;

background:rgba(0,0,0,0.4);

opacity:0;
visibility:hidden;

transition:0.3s;

z-index:1002;

}

.overlay.show{

opacity:1;
visibility:visible;

}

.no-scroll{

overflow:hidden;

}


/* ===== منوی پایین موبایل ===== */

.mobile-nav-down{

position:fixed;
bottom:7px;
left:0;

width:100%;
height:65px;

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

background:#001216;
opacity:0.98;

border-top:1px solid #ddd;
border-radius:5px;

z-index:999;

box-shadow:1px 1px 10px 1px #001216;

}


/* ===== آیتم های منوی پایین ===== */

.nav-item{

flex:1;

display:flex;
flex-direction:column;
align-items:center;
justify-content:center;

text-decoration:none;
color:#FFFFFF;

font-size:14px;
font-family:semi;
transition: ease-in 0.1s
}

.nav-item .icon{

color:#FFFFFF;
font-size:22px;
margin-bottom:3px;

}

.nav-item:hover{

color:#e53935;

}
#searchInput{
font-size:14px;
padding:10px;
}

.product-card img{
height:150px;
}
   .footer-pc {
        display: none;
    }

    .footer-mobile {
        display: block;
    }
	}
html, body{
     width: 100%;
    margin: 0;
    padding: 0;
    /* overflow-x را مخفی می‌کنیم اما y را می‌گذاریم auto بماند */
    overflow-x: hidden;
    overflow-y: auto; 
  height: 100%;
}

*{
    box-sizing: border-box;
}

.sidebar, .menu, .offcanvas, .drawer, .right-panel, .dark-panel{
    display: none !important;
}
.offer-track,
.slide {
    touch-action: pan-y;
}