/* ===== Local fonts ===== */
@font-face{
  font-family:'IRANSans';
  src:url('../storage/fonts/IRANSans.woff2') format('woff2'),
      url('../storage/fonts/IRANSans.woff') format('woff');
  font-display:swap;
}
@font-face{
  font-family:'Vazir';
  src:url('../storage/fonts/Vazir.woff2') format('woff2'),
      url('../storage/fonts/Vazir.woff') format('woff');
  font-display:swap;
}

.ms-emkanat, .ms-emkanat *{ box-sizing:border-box; }
.ms-emkanat{
  --grad-from:#ff3c8e;
  --grad-to:#6f47ff;
  --pill-bg:#ffffff;
  --pill-br:#ffffff44;
  --text:#1a1f36;
  --muted:#eef;
  --shadow:0 20px 50px rgba(111,71,255,.25);
  font-family:'IRANSans','Vazir',Tahoma,Arial,sans-serif;
  color:var(--text);
  padding: clamp(2px,5vw,48px);
}

.ms-emkanat__wrap{
  max-width:1220px; margin:0 auto;
  background: linear-gradient(135deg,var(--grad-from),var(--grad-to));
  border-radius:28px;
  padding: clamp(22px,3vw,28px);
  box-shadow: var(--shadow);
  position:relative;
}

/* سرصفحه */
.ms-emkanat__head{ text-align:center; color:#fff; margin-bottom:18px; }
.ms-emkanat__title{
  font-weight:900; font-size: clamp(18px,2.6vw,24px); margin:0 0 8px;
}
.ms-emkanat__lead{
  margin:0 auto 16px; color:#f6f6ff; opacity:.9; max-width:70ch;
  font-size: clamp(13px,1vw,15px); line-height:1.9;
}

/* شبکه کارت‌ها */
.ms-emkanat__grid{
  display:grid; gap:14px;
  grid-template-columns: repeat(3, minmax(280px,1fr));
}
@media (max-width:1100px){ 
  .ms-emkanat__grid{ grid-template-columns: repeat(2,1fr); } 
}
@media (max-width:640px){
  .ms-emkanat__grid{ 
    grid-template-columns: 1fr; 
    gap: 10px;              /* فاصله کمتر بین کارت‌ها */
  }
  .ms-emkanat__wrap{
    padding: 16px;          /* فاصله داخلی کمتر */
    border-radius: 20px;    /* گوشه‌ها بمونن */
  }
  .ms-emkanat__card{
    border-radius: 12px;    /* کارت‌ها گرد بمونن */
  }
}

.ms-emkanat__card{
  display:flex; align-items:flex-start; gap:14px;
  background: var(--pill-bg);
  border: 1.2px solid var(--pill-br);
  border-radius:16px;
  padding: 16px 18px;
  box-shadow: 0 8px 24px rgba(0,0,0,.08);
  position:relative;
  backdrop-filter: blur(2px);
  transition: transform .2s ease, box-shadow .2s ease;
}
.ms-emkanat__card:hover{ 
  transform: translateY(-2px); 
  box-shadow:0 14px 32px rgba(0,0,0,.12); 
}

.ms-emkanat__icon{
  flex:0 0 40px; width:40px; height:40px; border-radius:12px;
  display:grid; place-items:center; color:#fff;
  background: linear-gradient(135deg,#ff9c4a,#ff5b2d);
  box-shadow: 0 8px 18px rgba(255,91,45,.3);
  font-size:18px;
}
.ms-emkanat__body{ color:#263042; }
.ms-emkanat__cardtitle{ margin:0 0 4px; font-weight:800; font-size:16px; }
.ms-emkanat__text{ margin:0; font-size:13px; line-height:1.9; color:#4b556b; }

/* CTA */
.ms-emkanat__cta{ text-align:center; margin-top:18px; }
.ms-emkanat__btn{
  display:inline-flex; align-items:center; justify-content:center;
  padding: 10px 18px; height: 42px;
  border-radius:12px; background:#fff; color:#4d3cff; text-decoration:none;
  font-weight:800; box-shadow:0 10px 26px rgba(0,0,0,.12);
  transition: transform .15s ease, box-shadow .2s ease;
}
.ms-emkanat__btn:hover{ 
  transform: translateY(-2px); 
  box-shadow:0 14px 36px rgba(0,0,0,.16); 
}

/* دارک‌مود */
@media (prefers-color-scheme: dark){
  .ms-emkanat{ --pill-bg:#0f1116; --pill-br:#ffffff1f; --text:#e6e7eb; }
  .ms-emkanat__body{ color:#c5c9d7; }
  .ms-emkanat__text{ color:#aab2c5; }
  .ms-emkanat__btn{ background:#1a1f2b; color:#c9c7ff; }
}