.ofogh-search { position: relative; width: 100%; font-family: Vazirmatn, IRANSansX, Tahoma, Arial, sans-serif; direction: rtl; z-index: 30; }
.ofogh-search-control { position: relative; display: flex; align-items: center; min-height: 58px; overflow: visible; border: 1px solid #dfe3e9; border-radius: 16px; background: #fff; box-shadow: 0 10px 30px rgba(17,24,39,.05); transition: border-color .2s ease, box-shadow .2s ease; }
.ofogh-search-control:focus-within { border-color: #c3cad4; box-shadow: 0 14px 35px rgba(17,24,39,.09); }
.ofogh-search-icon { position: relative; flex: 0 0 48px; width: 48px; height: 58px; }
.ofogh-search-icon::before { content: ''; position: absolute; top: 19px; right: 17px; width: 15px; height: 15px; border: 2px solid #172033; border-radius: 50%; }
.ofogh-search-icon::after { content: ''; position: absolute; top: 34px; right: 31px; width: 8px; height: 2px; background: #172033; transform: rotate(45deg); border-radius: 2px; }
.ofogh-search-input { flex: 1; min-width: 80px; height: 56px; padding: 0 3px 0 10px; border: 0 !important; outline: 0 !important; box-shadow: none !important; background: transparent !important; color: #111827; font-size: 14px; }
.ofogh-search-input::placeholder { color: #98a2b3; opacity: 1; }
.ofogh-search-category { flex: 0 0 160px; width: 160px; height: 36px; margin-left: 11px; padding: 0 10px; border: 0; border-right: 1px solid #e7e9ed; outline: 0; background: #fff; color: #667085; font-size: 10px; }
.ofogh-search-clear { flex: 0 0 32px; width: 32px; height: 32px; margin-left: 9px; border: 0; border-radius: 50%; background: #f1f3f5; color: #667085; font-size: 18px; line-height: 1; }
.ofogh-search-results { position: absolute; top: calc(100% + 8px); right: 0; left: 0; max-height: min(65vh, 620px); overflow: auto; border: 1px solid #e3e6ea; border-radius: 18px; background: #fff; box-shadow: 0 25px 70px rgba(17,24,39,.18); }
.ofogh-search-results-head { position: sticky; top: 0; z-index: 2; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 11px 15px; background: rgba(255,255,255,.97); border-bottom: 1px solid #eceef1; backdrop-filter: blur(8px); }
.ofogh-search-results-head span { color: #172033; font-size: 10px; font-weight: 900; }
.ofogh-search-results-head small { color: #98a2b3; font-size: 9px; }
.ofogh-search-result { display: grid; grid-template-columns: 62px minmax(0,1fr) auto; align-items: center; gap: 12px; min-height: 82px; padding: 10px 13px; border-bottom: 1px solid #f0f1f3; transition: background .15s ease; }
.ofogh-search-result:last-child { border-bottom: 0; }
.ofogh-search-result:hover, .ofogh-search-result.is-active { background: #faf6f3; }
.ofogh-search-thumb { width: 62px; height: 62px; display: grid; place-items: center; overflow: hidden; border: 1px solid #eef0f2; border-radius: 11px; background: #fbfbfc; }
.ofogh-search-thumb img { width: 100%; height: 100%; object-fit: contain; padding: 5px; }
.ofogh-search-result-main { min-width: 0; }
.ofogh-search-result-main > strong { display: block; overflow: hidden; color: #111827; font-size: 12px; font-weight: 800; line-height: 1.65; text-overflow: ellipsis; white-space: nowrap; }
.ofogh-search-code { display: flex; align-items: baseline; gap: 6px; margin-top: 2px; }
.ofogh-search-code small { color: #98a2b3; font-size: 8px; }
.ofogh-search-code b { color: #b94217; font-size: 10px; font-weight: 900; direction: ltr; }
.ofogh-search-result-main > em { display: block; margin-top: 2px; overflow: hidden; color: #87909f; font-size: 8px; font-style: normal; text-overflow: ellipsis; white-space: nowrap; }
.ofogh-search-result-side { display: flex; align-items: center; gap: 12px; color: #e65f2b; font-size: 15px; }
.ofogh-search-stock { display: inline-flex; align-items: center; gap: 5px; padding: 4px 7px; border-radius: 999px; font-size: 8px; font-style: normal; font-weight: 900; white-space: nowrap; }
.ofogh-search-stock::before { content: ''; width: 5px; height: 5px; border-radius: 50%; background: currentColor; }
.ofogh-search-stock.is-in { color: #17875d; background: #eaf8f2; }
.ofogh-search-stock.is-out { color: #b42318; background: #fff0ee; }
.ofogh-search-message { padding: 30px 20px; text-align: center; color: #667085; font-size: 11px; }
.ofogh-search-message.is-loading::before { content: ''; display: inline-block; width: 14px; height: 14px; margin-left: 8px; vertical-align: -3px; border: 2px solid #e0e3e7; border-top-color: #e65f2b; border-radius: 50%; animation: ofogh-spin .7s linear infinite; }
.ofogh-search-footnote { margin-top: 8px; color: rgba(255,255,255,.48); font-size: 9px; }
@keyframes ofogh-spin { to { transform: rotate(360deg); } }

.ofogh-search--hero .ofogh-search-control { min-height: 72px; border: 1px solid rgba(255,255,255,.08); border-radius: 19px; box-shadow: 0 18px 50px rgba(0,0,0,.18); }
.ofogh-search--hero .ofogh-search-icon { height: 70px; flex-basis: 58px; width: 58px; }
.ofogh-search--hero .ofogh-search-icon::before { top: 23px; right: 20px; width: 17px; height: 17px; }
.ofogh-search--hero .ofogh-search-icon::after { top: 40px; right: 35px; }
.ofogh-search--hero .ofogh-search-input { height: 70px; font-size: 16px; font-weight: 600; }
.ofogh-search--hero .ofogh-search-category { height: 42px; flex-basis: 180px; width: 180px; font-size: 10px; }
.ofogh-search--hero .ofogh-search-results { top: calc(100% + 10px); }

.ofogh-search--header .ofogh-search-control { min-height: 42px; border-radius: 12px; background: #f6f7f9; box-shadow: none; }
.ofogh-search--header .ofogh-search-icon { height: 40px; flex-basis: 40px; width: 40px; }
.ofogh-search--header .ofogh-search-icon::before { top: 12px; right: 13px; width: 13px; height: 13px; }
.ofogh-search--header .ofogh-search-icon::after { top: 26px; right: 25px; width: 6px; }
.ofogh-search--header .ofogh-search-input { height: 40px; font-size: 11px; }
.ofogh-search--header .ofogh-search-category { height: 30px; flex-basis: 140px; width: 140px; background: transparent; }
.ofogh-search--header .ofogh-search-results { top: calc(100% + 7px); }
.ofogh-search--compact .ofogh-search-control { background: #fff; }

@media (max-width: 680px) {
  .ofogh-search-category { display: none; }
  .ofogh-search-control { min-height: 54px; }
  .ofogh-search--hero .ofogh-search-control { min-height: 62px; }
  .ofogh-search--hero .ofogh-search-input { height: 60px; font-size: 13px; }
  .ofogh-search--hero .ofogh-search-icon { height: 60px; }
  .ofogh-search-result { grid-template-columns: 54px minmax(0,1fr); min-height: 74px; gap: 10px; }
  .ofogh-search-thumb { width: 54px; height: 54px; }
  .ofogh-search-result-side { grid-column: 2; margin-top: -8px; justify-content: flex-start; }
  .ofogh-search-result-side > span { display: none; }
  .ofogh-search-results-head small { display: none; }
}