@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600&display=swap');
  *,*::before,*::after
  {
  box-sizing:border-box;
  margin:0;
  padding:0;
  direction:rtl;
  font-family:Vazirmatn,sans-serif;
      
  }
  body{
  background:#F5F3EF;}
  
  :root{
      --green:#2D6A4F;
      --green-light:#E1F5EE;
      --text:#1A1A1A;
      --sub:#666; 
      --muted:#AAA; 
      --border:#E8E4DF;
      --card:#fff;
      }

  /* ── صفحه ── */
  .page{padding:1.2rem; max-width:1000px; margin:auto;}

  /* هدر پروفایل */
  .profile-header{
    background:var(--card); border-radius:16px; border:1px solid var(--border);
    padding:1.2rem; display:flex; gap:1rem; align-items:flex-start; flex-wrap:wrap;
  }
  .avatar1-wrap{position:relative; flex-shrink:0;}
  .avatar1{width:64px; height:64px; border-radius:14px; overflow:hidden; background:var(--green-light); display:flex; align-items:center; justify-content:center; font-size:24px;}
  .role-badge{position:absolute; bottom:-6px; left:50%; transform:translateX(-50%); background:var(--green); color:#fff; font-size:9px; padding:2px 9px; border-radius:9px; white-space:nowrap;}

  .profile-info{flex:1; min-width:200px;}
  .brand-tag{
    display:inline-block; background:#FAEEDA; color:#854F0B; font-size:11px; font-weight:700;
    padding:3px 10px; border-radius:8px; letter-spacing:0.5px; margin-bottom:8px;
  }
  .stats-row{display:flex; gap:14px; flex-wrap:wrap; font-size:11.5px; color:var(--sub);}
  .stat-item{display:flex; align-items:center; gap:4px;}
  .stat-item b{color:var(--text); font-weight:600;}

  /* درباره */
  .about-card{
    background:var(--card); border-radius:16px; border:1px solid var(--border);
    margin-top:1rem; padding:1.2rem;
  }
  .about-title{font-size:14px; font-weight:600; color:var(--text); margin-bottom:8px;}
  .about-title span{color:var(--green); font-weight:600;}
  .about-text{font-size:13px; color:var(--sub); line-height:1.8;}

  /* غرفه‌های من */
  .section-title{font-size:15px; font-weight:600; color:var(--text); margin:1.4rem 0 0.8rem;}
  .stores-grid{display:grid; grid-template-columns:repeat(auto-fill,minmax(150px,1fr)); gap:12px;}
  .store-mini{background:var(--card); border-radius:14px; border:1px solid var(--border); overflow:hidden; text-decoration:none;}
  .store-mini-img{width:100%; height:110px; overflow:hidden;}
  .store-mini-img img{width:100%; height:100%; object-fit:fill;}
  .store-mini-body{padding:9px 10px; display:flex; align-items:center; gap:5px;}
  .store-mini-name{font-size:12.5px; font-weight:600; color:var(--green);}

  .empty-box{
    background:var(--card); border:1px dashed var(--border); border-radius:14px;
    padding:1.6rem; text-align:center; color:var(--muted); font-size:12.5px;
  }

  @media (max-width:560px){
    .page{padding:0.8rem;}
    .profile-header{padding:1rem;}
    .avatar{width:54px; height:54px;}
    .stats-row{gap:10px;}
  }