body {
  font-family: Arial, sans-serif;
  /*background-color: #d15050;*/
  width: calc(100% - 4mm);
  margin: 0 auto;
  direction: rtl; /* جهت‌دهی راست به چپ */
}

.image-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  position: fixed; /* یا absolute بسته به نیاز */
  top: 0.5cm;
  left: 0.2cm; /* تنظیم فاصله داخلی منوی سرچ*/
  margin: 0;
  width: fit-content;
  z-index: 95;
  gap: 1px;
  transform: none; /* حذف تغییر مکان مرکزی */
}


/* کادر جستجو */
.title-in {
  width: 30vw;
  max-width: 150px;
  min-width: 150;
  font-size: clamp(0.5rem, 2vw, 1.5rem);
  padding: 5px;
  border: 2px solid #ccc;
  border-radius: 4px;
  height: 30px;
  box-sizing: border-box;
  order: 1; /* تضمین جایگاه اولیه */
}

/* منوی کشویی */
.select-in {
  width: 30vw;
  max-width: 50px;
  min-width: 50px;
  height: 30px; /* ارتفاع فعلی */
  font-size: clamp(0.5rem, 2vw, 1.5rem);
  border: 2px solid #ccc;
  border-radius: 4px;
  padding: 5px;
  box-sizing: border-box;
  order: 2; /* تضمین جایگاه دوم */
}

/* دکمه جستجو */
.probe-btn {
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  height: 28px;
  width: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: transform 0.1s ease, box-shadow 0.1s ease;
  order: 3; /* تضمین جایگاه سوم */
}

.probe-btn:active {
  transform: scale(1);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.4);
}

/* استایل لوگو */
.probe {
  width: 25px;
  height: auto;
  max-width: 25px;
  min-width: 25px;
  border: 2px solid #ccc;
  border-radius: 4px;
}