/* Canonical product header: listing and detail share this component. */
/* 2. Header presentation */
.product-header [data-list-style="listing-header-style-1"] {
  width: 15px;
}
.product-header [data-list-style="listing-header-style-2"] {
  width: 15px;
  margin-left: 3px;
}
.product-header [data-list-style="listing-header-style-3"] {
  width: 14px;
  margin-left: 3px;
}
.product-header [data-list-style="listing-header-style-4"] {
  width: 20px;
  position: relative;
  top: -4px;
  margin-left: 3px;
}
.product-header [data-list-style="listing-header-style-5"] {
  width: 20px;
  position: relative;
  top: -3px;
  margin-left: 3px;
}
.product-header [data-list-style="listing-header-style-6"] {
  font-size: 19px;
  position: relative;
  top: 1px;
  margin-left: 3px;
  color: #676565;
}

.product-header#desktop_header .top-row {
  position: relative;
  z-index: 500;
}
.product-header#desktop_header .top-row > .row {
  height: 50px;
}
.product-header#desktop_header .main-logo {
  width: 115px;
}
.product-header #ajax_user_desktop_dropdown {
  justify-content: flex-end;
}
.product-header#desktop_header .menubar {
  z-index: 1000;
}
.product-header #search form {
  position: relative;
}
.product-header #header_search_result {
  position: absolute;
  z-index: 1100;
  width: 100%;
  background: white;
  border-radius: 8px;
  box-shadow: 0 3px 12px #0002;
}
.product-header#desktop_header .header-search-result-box {
  display: contents;
}
.product-header #header_search_result button {
  display: block;
  width: 100%;
  padding: 9px 10px;
  border: 0;
  border-radius: 6px;
  text-align: right;
  background: white;
  color: #6c6e73;
  font-size: 13px;
  line-height: 1.9;
}
.product-header
  #header_search_result
  button:is(:hover, :focus-visible) {
  background: #f5f5f5;
}
.product-header .listing-suggestion-category {
  color: #0cb6ca;
}

@media(min-width:1500px) {.product-header .navbar-brand {position:relative;right:0;}}

/* Both states sit below the input; private history never needs a modal. */
.product-header #search .header-search-result-box {display:block;position:absolute;top:calc(100% + 6px);inset-inline:0;z-index:1100;padding:0;border:0;background:transparent;}
.product-header #header_search_result,.product-header #header_search_offer_box {position:static;width:100%;max-height:360px;overflow:auto;margin:0!important;padding:8px;border:1px solid #e5e9ed;border-radius:10px;background:#fff;box-shadow:0 5px 18px #2030401a;}
.product-header :is(#header_search_result,#header_search_offer_box)[hidden] {display:none!important;}
.product-header .product-header-search-section {padding:8px 4px;}
.product-header .product-header-search-section h3 {display:flex;align-items:center;gap:7px;margin:0 0 10px;font:13px/24px iranyekan-extrabold-fanumber;color:#535e6a;}
.product-header .product-header-search-section h3 img {width:20px;height:20px;object-fit:contain;}
.product-header .product-header-search-terms {display:flex;flex-wrap:wrap;gap:7px;}
.product-header .product-header-search-terms a {display:inline-flex;padding:4px 9px;border:1px solid #e0e5e9;border-radius:8px;color:#626b74;font:12px/22px iranyekan-md-fanumber;text-decoration:none;}
.product-header .product-header-search-terms a:is(:hover,:focus-visible) {color:#0b86b9;border-color:#0b86b9;background:#f5fbfd;}
.product-header .product-header-search-empty {margin:8px;font-size:13px;color:#6c757d;}

.product-header :is(#header_search_result,#header_search_offer_box):not([hidden]) {display:block;}

/* Each prepared list has at most eight terms in a single horizontal rail. */
.product-header .product-header-search-terms {flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;max-width:100%;padding-bottom:5px;scrollbar-width:thin;}
.product-header .product-header-search-terms a {flex:none;white-space:nowrap;}

.product-header .product-header-search-terms {padding-bottom:12px;}

/* Match the legacy autocomplete surface, without legacy inline styles. */
.product-header #header_search_result {padding:2px 5px;border:1px solid #e2e2e2;border-radius:8px;box-shadow:none;}
.product-header #header_search_result button {padding:4px 8px;border-radius:5px;color:#6c6e73;font:13.5px/1.9 iranyekan-md-fanumber;}
.product-header #header_search_result button:is(:hover,:focus-visible) {background:#f0f0f0;}
.product-header #header_search_result .listing-suggestion-category {color:#0cb6ca;font:14px/1.9 iranyekan-bold-fanumber;}
.product-header #header_search_result > p {margin:4px 8px;color:#6c6e73;font:13px/1.9 iranyekan-md-fanumber;}