.wc-ios-menu{
  position:relative;
  max-width:420px;
  max-height:60vh;
	min-height:50vh;
  border:1px solid #eef1f5;
  border-radius:16px;
  overflow:hidden;
  overflow-y:auto;
  background:#fff;
 
  box-shadow:0 8px 30px rgba(18,38,63,.06);
	
	  /* Firefox */
  scrollbar-width: none;

  /* IE و Edge قدیمی */
  -ms-overflow-style: none;
}

.wc-ios-menu::-webkit-scrollbar {
  display: none;
}

.ios-panel{
  position:absolute; top:0; left:0;
  width:100%; min-height:100%;
  background:#fff;
  transform:translateX(100%);
  transition:transform .28s ease;
}

.ios-panel.is-active{ transform:translateX(0); }
.ios-panel.is-prev{ transform:translateX(-100%); }

.ios-root{ position:relative; }

.ios-header{
  padding:14px 18px;
  font-weight:600;
  color:#000;
  background:#fff;
  border-bottom:1px solid #e3ad5c;
  display:flex; 
  align-items:center; 
  gap:10px;
	text-align: center
}

.ios-back{
  border:0;
  background:transparent;
  color:#642323; 
  text-decoration:none; 
  font-weight:600;
  cursor:pointer;
  display:flex;
  align-items:center;
  gap:6px;
}

/* فلش کنار بازگشت */
.ios-back::before{
  content:"→";
  font-size:14px;
}

.ios-title{ font-weight:600; }

.ios-list{
  list-style:none; 
  margin:0; 
  padding:6px 0;
}

.ios-item{
  display:flex; 
  align-items:center; 
  justify-content:space-between;
  padding:12px 18px; 
  gap:10px;
  border-bottom:1px solid #f1f3f7;
}

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

.ios-link{
  color:#111827; 
  text-decoration:none; 
  flex:1;
  display:flex;
  align-items:center;
  gap:8px;
}

.ios-open{
  border:0;
  background:transparent;
  cursor:pointer;
  color:#6b7280;
  font-weight:500;
  width:24px;
  height:24px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}

/* فقط فلش برای زیرمنو */
.ios-open::after{
  content:"‹";
  font-size:18px;
}

.ios-open:hover, 
.ios-back:hover, 
.ios-link:hover{
  color:#111; 
}

.ios-count{ color:#9aa4b2; font-size:12px; margin-right:6px; }

/* تامبنیل */
.ios-thumb{
  width:36px;
  height:36px;
  border-radius:8px;
  object-fit:cover;
  flex-shrink:0;
}