:root{
    --primary:#ef4056;
    --text:#3f4064;
    --border:#e0e0e2;
    --bg:#f5f5f5;
}

*{
    font-family:'Vazirmatn',sans-serif;
}

body{
    background:var(--bg);
    margin:0;
}

a{
    text-decoration: none;
    color: inherit;
}

/* HEADER */

.top-header{
    background:#fff;
    box-shadow:0 2px 15px rgba(0,0,0,.05);
    position:sticky;
    top:0;
    z-index:1000;
}

.logo{
    font-size:28px;
    color:var(--primary);
    font-weight:800;
    text-decoration:none;
}

/* SEARCH */

.search-box{
    position:relative;
}

.search-box input{
    background:#f0f0f1;
    border:none;
    height:46px;
    border-radius:12px;
    padding-right:45px;
}

.search-box i{
    position:absolute;
    right:15px;
    top:50%;
    transform:translateY(-50%);
    color:#999;
}

/* LOGIN */

.login-btn{
    border:1px solid var(--border);
    border-radius:10px;
    padding:8px 16px;
    color:var(--text);
    text-decoration:none;
    font-weight:600;
}

.login-btn:hover{
    border-color:var(--primary);
    color:var(--primary);
}

.cart-btn{
    color:var(--text);
    font-size:24px;
    text-decoration:none;
}

/* MENU */

.menu-bar{
    background:#fff;
    border-top:1px solid #f0f0f0;
}

.main-menu{
    list-style:none;
    display:flex;
    gap:25px;
    margin:0;
    padding:0;
}

.main-menu > li{
    position:relative;
}

.main-menu > li > a{
    text-decoration:none;
    color:var(--text);
    display:flex;
    align-items:center;
    gap:6px;
    height:48px;
    font-size:14px;
    font-weight:500;
}

.main-menu > li > a:hover{
    color:var(--primary);
}

/* MEGA MENU */

.mega-menu{
    position:absolute;
    right:0;
    top:100%;
    width:950px;
    background:#fff;
    border-radius:16px;
    box-shadow:0 10px 40px rgba(0,0,0,.12);
    display:none;
    overflow:hidden;
}

.category-trigger:hover .mega-menu{
    display:flex;
}

.mega-sidebar{
    width:260px;
    background:#fafafa;
    border-left:1px solid #eee;
}

.category-item{
    display:flex;
    align-items:center;
    gap:12px;
    text-decoration:none;
    color:var(--text);
    padding:14px 18px;
    transition:.2s;
    font-weight:500;
}

.category-item:hover{
    background:#fff;
    color:var(--primary);
}

.category-item i{
    font-size:18px;
    color:var(--primary);
}

.mega-content{
    flex:1;
    padding:25px;
}

.mega-title{
    color:var(--primary);
    font-weight:700;
    margin-bottom:15px;
}

.sub-link{
    display:block;
    text-decoration:none;
    color:#666;
    padding:7px 0;
}

.sub-link:hover{
    color:var(--primary);
}

/* MOBILE */

.mobile-menu-btn{
    font-size:28px;
    color:var(--text);
    border:none;
    background:none;
}

.offcanvas-body a{
    text-decoration:none;
}

.mobile-link{
    display:flex;
    align-items:center;
    gap:10px;
    padding:14px;
    color:var(--text);
    border-bottom:1px solid #eee;
}

.mobile-link i{
    color:var(--primary);
}

@media(max-width:991px){

.desktop-only{
    display:none !important;
}

}

@media(min-width:992px){

.mobile-only{
    display:none !important;
}

}


/* SLIDER */

.my-slider{
position:relative;
width:100%;
border-radius:18px;
overflow:hidden;
}

.slides{
position:relative;
}

.slide{
display:none;
}

.slide img{
width:100%;
display:block;
border-radius:18px;
}

.slide.active{
display:block;
}

/* buttons */

.prev, .next{
position:absolute;
top:50%;
transform:translateY(-50%);
background:rgba(0,0,0,0.4);
color:#fff;
border:none;
width:40px;
height:40px;
border-radius:50%;
font-size:20px;
cursor:pointer;
}

.prev{ left:10px; }
.next{ right:10px; }

/* mobile */
@media(max-width:768px){
.prev, .next{
width:35px;
height:35px;
font-size:18px;
}
}


/* AMAZING */

.amazing-scroll{
display:flex;
overflow-x:auto;
gap:15px;
padding-bottom:10px;
scroll-behavior:smooth;
}

.amazing-scroll::-webkit-scrollbar{
display:none;
}

.product-card{
min-width:180px;
}

.amazing-box{
    background:linear-gradient(135deg,#ef4056,#d32f2f);
    padding:25px;
    border-radius:24px;
}

.product-card{
    background:#fff;
    border-radius:16px;
    padding:15px;
    text-align:center;
    height:100%;
    transition:.3s;
}

.product-card:hover{
    transform:translateY(-6px);
}

.product-card img{
    width:100%;
    border-radius:12px;
}

.old-price{
    text-decoration:line-through;
    color:#999;
    font-size:13px;
}

.price{
    color:#ef4056;
    font-weight:700;
}


.countdown{
display:flex;
gap:10px;
}




/* حقخیعزف */

.new-products{
background:#f6a2b6;
padding:25px;
border-radius:24px;
margin:25px 0;
}

.section-header{
display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:20px;
}

.section-title{
display:flex;
align-items:center;
gap:8px;
font-weight:800;
margin:0;
}

.section-title i{
color:#fff;
font-size:22px;
}

.section-header a{
color:#fff;
text-decoration:none;
font-weight:700;
}

.products-slider{
display:flex;
gap:15px;
overflow-x:auto;
scroll-behavior:smooth;
padding-bottom:10px;
}

.products-slider::-webkit-scrollbar{
display:none;
}

.product-card{
background:#fff;
border-radius:16px;
padding:12px;
min-width:220px;
max-width:220px;
flex-shrink:0;
transition:.3s;
}

.product-card:hover{
transform:translateY(-4px);
}

.product-card img{
width:100%;
height:170px;
object-fit:contain;
}

.brand{
display:block;
font-size:12px;
color:#888;
margin-top:5px;
}

.product-card h4{
font-size:14px;
line-height:1.8;
height:50px;
overflow:hidden;
margin-top:8px;
}

.old-price{
text-decoration:line-through;
color:#999;
font-size:13px;
margin-top:10px;
}

.price-row{
display:flex;
justify-content:space-between;
align-items:center;
margin-top:10px;
}

.discount{
background:#ef4056;
color:#fff;
padding:4px 10px;
border-radius:10px;
font-size:12px;
font-weight:700;
}

.new-price{
font-weight:800;
font-size:15px;
}

@media(max-width:768px){

.product-card{
width:140px;
}

.swiper-slide{
width:140px !important;
}

}

.product-card{

width:140px;

margin:0;

}

.product-card img{
height:120px;
}

.product-card h4{
font-size:12px;
height:45px;
}

.swiper-slide{
width:auto !important;
}

.productsSwiper{
padding:0;
}

.swiper-slide{
width:auto !important;
}




/* Trend */
.trend-section{

background:#fff;

border:2px solid #ffd6e3;

border-radius:24px;

padding:20px;

margin:25px 0;

}

.trend-header{

display:flex;

justify-content:space-between;

align-items:center;

margin-bottom:20px;

}

.trend-header h3{

font-size:22px;

font-weight:800;

display:flex;

align-items:center;

gap:8px;

margin:0;

}

.trend-header i{

color:#ef4056;

}

.trend-header a{

color:#ef4056;

font-weight:700;

text-decoration:none;

}

.trend-card{

background:#fff;

border:1px solid #f5d3dd;

border-radius:18px;

padding:12px;

transition:.25s;

height:100%;

}

.trend-card:hover{


box-shadow:0 10px 25px rgba(239,64,86,.12);

border-color:#ef4056;

}

.trend-card img{

width:100%;

height:170px;

object-fit:contain;

}

.brand{

display:block;

font-size:12px;

color:#888;

margin-top:8px;

}

.trend-card h5{

font-size:14px;

line-height:1.9;

height:55px;

overflow:hidden;

margin-top:6px;

}

.old-price{

text-decoration:line-through;

color:#999;

font-size:13px;

margin-top:8px;

}

.price-box{

display:flex;

justify-content:space-between;

align-items:center;

margin-top:10px;

}

.discount{

background:#ef4056;

color:#fff;

padding:4px 10px;

border-radius:10px;

font-size:12px;

font-weight:700;

}

.price{

font-weight:800;

font-size:15px;

}



.trendSwiper .swiper-slide{

width:220px;

}

@media(max-width:768px){

.trend-section{

padding:15px;

border-radius:18px;

}

.trendSwiper .swiper-slide{

width:155px;

}

.trend-card{

padding:10px;

}

.trend-card img{

height:120px;

}

.trend-card h5{

font-size:13px;

height:45px;

}

.price{

font-size:14px;

}

.discount{

padding:3px 8px;

font-size:11px;

}

}



.best-selling-section{

background:#fff;

border:2px solid #FFE5A5;

border-radius:24px;

padding:20px;

margin:25px 0;

}

.best-header{

display:flex;

justify-content:space-between;

align-items:center;

margin-bottom:20px;

}

.best-header h3{

margin:0;

font-size:22px;

font-weight:800;

display:flex;

gap:8px;

align-items:center;

}

.best-header i{

color:#ffb300;

}

.best-header a{

text-decoration:none;

color:#ff9800;

font-weight:700;

}

.best-card{

position:relative;

background:#fff;

border:1px solid #FFE8B2;

border-radius:18px;

padding:12px;

transition:.25s;

height:100%;

}

.best-card:hover{

box-shadow:0 10px 20px rgba(255,179,0,.18);

}

.best-card img{

width:100%;

height:170px;

object-fit:contain;

}

.brand{

display:block;

font-size:12px;

color:#888;

margin-top:8px;

}

.best-card h5{

font-size:14px;

line-height:1.8;

height:52px;

overflow:hidden;

margin-top:8px;

}

.old-price{

margin-top:8px;

font-size:13px;

color:#999;

text-decoration:line-through;

}

.price-box{

display:flex;

justify-content:space-between;

align-items:center;

margin-top:10px;

}

.discount{

background:#ef4056;

color:#fff;

padding:4px 10px;

border-radius:10px;

font-size:12px;

font-weight:bold;

}

.price{

font-weight:800;

font-size:15px;

}

.top-badge{

position:absolute;

top:10px;

left:10px;

background:#FFF3D0;

color:#ff9800;

padding:4px 10px;

border-radius:30px;

font-size:11px;

font-weight:700;

display:flex;

align-items:center;

gap:5px;

}

.bestSwiper .swiper-slide{

width:220px;

}

@media(max-width:768px){

.bestSwiper .swiper-slide{

width:155px;

}

.best-card img{

height:120px;

}

.best-card{

padding:10px;

}

.best-card h5{

font-size:13px;

height:45px;

}

.price{

font-size:14px;

}

}



/* FOOTER */

.footer{
    background:#fff;
    padding:60px 0 30px;
    border-top:1px solid #e0e0e0;
}

.footer ul{
    list-style:none;
    padding:0;
}

.footer ul li{
    margin:10px 0;
}

.footer a{
    color:#666;
    text-decoration:none;
}

.footer a:hover{
    color:#ef4056;
}

.socials{
    display:flex;
    gap:15px;
    font-size:24px;
}

.socials a{
    color:#555;
}

.socials a:hover{
    color:#ef4056;
}