:root{
–primary:#A1247B;
–secondary:#F5894B;
–bg:#F6F7FB;
–text:#222;
}

*{
margin:0;
padding:0;
box-sizing:border-box;
font-family:’Vazirmatn’,sans-serif;
}

/* ✅ FIX اصلی موبایل (خیلی مهم) */
html, body{
width:100%;
overflow-x:hidden;
}

body{
background:var(–bg);
color:var(–text);
line-height:1.9;
}

/* HEADER */
header{
background:linear-gradient(135deg,var(–primary),var(–secondary));
color:white;
text-align:center;
padding:80px 15px;
}

header h1{
font-size:2.2rem;
}

header p{
opacity:0.9;
margin-top:10px;
}

/* CONTAINER FIX */
.container{
width:100%;
max-width:1100px;
margin:auto;
padding:0 15px; /* 🔥 حل مشکل بیرون رفتن در موبایل */
}

/* SECTION */
section{
margin:45px 0;
}

/* TITLE */
.title{
text-align:center;
margin-bottom:20px;
}

.title h2{
color:var(–primary);
}

/* BOX FIX */
.box{
background:white;
padding:22px;
border-radius:14px;
box-shadow:0 8px 20px rgba(0,0,0,0.06);

width:100%;
overflow-wrap:break-word;
}

/* GRID FIX */
.grid{
display:grid;
grid-template-columns:repeat(auto-fit, minmax(230px, 1fr));
gap:18px;

width:100%;
}

/* CARD FIX */
.card{
background:white;
padding:20px;
border-radius:14px;
border-top:4px solid var(–secondary);
box-shadow:0 8px 20px rgba(0,0,0,0.06);

width:100%;
overflow-wrap:break-word;
}

.card h3{
color:var(–primary);
margin-bottom:10px;
}

/* MOBILE FIX واقعی */
@media (max-width:600px){
header h1{
font-size:1.6rem;
}

.grid{
grid-template-columns:1fr; /* 🔥 موبایل تک ستونه */
}

.box, .card{
padding:16px;
}
}

/* FOOTER */
footer{
text-align:center;
background:var(–primary);
color:white;
padding:18px;
margin-top:40px;
}