/* TN_PS_SIGN_UI_V265
 * Persian Safety homepage + sign-catalog browser repair.
 * Important: v265 deliberately stops overriding .back_sign container/row/content layout.
 * The legacy homepage layout owns card height/float geometry; v265 styles only the section heading
 * and the dedicated banner clear point so downstream promo banners cannot rise into Sign sections.
 */

/* Homepage Sign-card headings: preserve legacy container geometry and bleed only the heading across
 * Bootstrap's 15px horizontal container gutters. No top border; the divider belongs below the title. */
.back_sign > h1.shadow,
.back_sign > h2.shadow {
  display: block !important;
  float: none !important;
  clear: both !important;
  box-sizing: border-box !important;
  width: calc(100% + 30px) !important;
  max-width: none !important;
  min-height: 44px !important;
  margin: 0 -15px 14px -15px !important;
  padding: 8px 16px !important;
  background: #4da3e8 !important;
  color: #fff !important;
  border: 0 !important;
  border-bottom: 1px solid #3288cf !important;
  border-radius: 8px 8px 0 0 !important;
  box-shadow: none !important;
  text-shadow: none !important;
  font-family: 'BYekan', sans-serif !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  line-height: 28px !important;
  text-align: center !important;
  opacity: 1 !important;
}
.back_sign > h1.shadow::before,
.back_sign > h1.shadow::after,
.back_sign > h2.shadow::before,
.back_sign > h2.shadow::after {
  display: none !important;
  content: none !important;
}

/* The historical <hr> immediately before the three 800x400 promo banners is the page's clear line.
 * It must clear all preceding Sign-section floats so the three banners start on one row. */
.ps-home-banner-clear-v265 {
  display: block !important;
  clear: both !important;
  float: none !important;
  width: 100% !important;
  height: 0 !important;
  margin: 16px 0 18px !important;
  border: 0 !important;
  border-top: 1px solid #e3e6e9 !important;
}

/* Category title is canonical and must never carry the legacy "show all signs" suffix. */
.catsDiv_n > h1 > span.texte_motoon_Fa,
.catsDiv_n > h1 > span.texte_motoon_En { display: none !important; }

/* Applied filters stay in the wide main column. */
.ps-v263-applied-filter-box {
  box-sizing: border-box !important;
  width: 100% !important;
  margin: 12px auto 18px !important;
  padding: 14px 16px !important;
  border: 1px solid #d9e6f2 !important;
  border-radius: 10px !important;
  background: #f7fbff !important;
  box-shadow: 0 1px 5px rgba(0,0,0,.08) !important;
  direction: rtl !important;
  text-align: right !important;
}
.ps-v263-applied-filter-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  margin-bottom: 10px !important;
}
.ps-v263-applied-filter-title {
  color: #333 !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: 1.8 !important;
}
.ps-v263-applied-filter-clear {
  border: 0 !important;
  border-radius: 7px !important;
  padding: 7px 12px !important;
  background: #e9f2fa !important;
  color: #0b69b7 !important;
  font: inherit !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
.ps-v263-applied-filter-chips {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}
.ps-v263-filter-chip {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  min-height: 34px !important;
  border: 1px solid #b9d8f3 !important;
  border-radius: 8px !important;
  padding: 6px 11px !important;
  background: #fff !important;
  color: #145f9e !important;
  font: inherit !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
.ps-v263-filter-chip b { font-size: 18px !important; line-height: 1 !important; }
.ps-v263-hide-legacy-applied { display: none !important; }

/* Compact Sign AJAX search: white/readable, up to 24 ranked suggestions with a full-results link. */
#mini_search,
#mini_search .ps-mini-search-v159,
#mini_search .ps-mini-search-row-v159,
.ps-sign-inline-search-v160,
.ps-sign-inline-search-v160 .ps-mini-search-v159,
.ps-sign-inline-search-v160 .ps-mini-search-row-v159,
.ps-v263-mini-results,
.ps-v263-mini-results .ps-mini-search-v159,
.ps-v263-mini-results .ps-mini-search-row-v159 {
  background: #fff !important;
  color: #263b4f !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
.ps-v263-mini-results,
.ps-sign-inline-search-v160,
#mini_search {
  box-sizing: border-box !important;
  border: 1px solid #d8e4ef !important;
  border-top: 3px solid #1268c4 !important;
  box-shadow: 0 8px 22px rgba(24,42,61,.13) !important;
}
.ps-v263-mini-results {
  position: relative !important;
  z-index: 30 !important;
  width: 100% !important;
  margin: 8px 0 0 !important;
  border-radius: 8px !important;
  overflow: hidden !important;
}
.ps-v263-mini-results:empty { display: none !important; }
.ps-v263-mini-results .ps-mini-search-v159,
.ps-sign-inline-search-v160 .ps-mini-search-v159 {
  max-height: 560px !important;
  overflow-y: auto !important;
}
.ps-v263-mini-results .ps-mini-search-row-v159,
.ps-sign-inline-search-v160 .ps-mini-search-row-v159,
#mini_search .ps-mini-search-row-v159 {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 9px 11px !important;
  border-bottom: 1px solid #edf1f5 !important;
  text-decoration: none !important;
}
.ps-v263-mini-results .ps-mini-search-row-v159:hover,
.ps-sign-inline-search-v160 .ps-mini-search-row-v159:hover,
#mini_search .ps-mini-search-row-v159:hover { background: #f3f9ff !important; }
.ps-v263-mini-results .ps-mini-search-thumb-v159,
.ps-sign-inline-search-v160 .ps-mini-search-thumb-v159 {
  width: 52px !important;
  height: 52px !important;
  object-fit: contain !important;
  flex: 0 0 52px !important;
}
.ps-v263-mini-results .ps-mini-search-title-v159,
.ps-sign-inline-search-v160 .ps-mini-search-title-v159,
#mini_search .ps-mini-search-title-v159 {
  display: block !important;
  color: #222 !important;
  font-size: 15px !important;
  line-height: 1.8 !important;
}
.ps-v263-mini-results .ps-mini-search-code-v159,
.ps-sign-inline-search-v160 .ps-mini-search-code-v159,
#mini_search .ps-mini-search-code-v159 { color: #718096 !important; font-size: 12px !important; }
.ps-v263-mini-loading,
.ps-v263-mini-error {
  padding: 11px 13px !important;
  color: #555 !important;
  font-size: 14px !important;
  line-height: 1.8 !important;
}
.ps-v263-mini-error { color: #9c2f2f !important; background: #fff8f8 !important; }
.ps-mini-search-all-v265 {
  display: block !important;
  box-sizing: border-box !important;
  width: 100% !important;
  padding: 11px 14px !important;
  border-top: 1px solid #cfe0ef !important;
  background: #f4f9fe !important;
  color: #0b69b7 !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.8 !important;
  text-align: center !important;
  text-decoration: none !important;
}
.ps-mini-search-all-v265:hover { background: #eaf4fd !important; color: #084f8b !important; }

@media (max-width: 991.98px) {
  .back_sign > h1.shadow,
  .back_sign > h2.shadow {
    min-height: 40px !important;
    font-size: 16px !important;
    line-height: 24px !important;
  }
  .ps-v263-applied-filter-head { align-items: flex-start !important; flex-direction: column !important; }
  .ps-v263-applied-filter-title { font-size: 16px !important; }
  .ps-v263-filter-chip { font-size: 14px !important; }
}

/* TN_PS_HOME_LEGACY_CATEGORY_OFFSET_V266
 * User browser acceptance: the homepage is otherwise correct; only the four legacy category cards
 * above the X90 banner sit slightly too low. Move that legacy block up by 10px without changing its
 * internal card/header geometry or the Sign sections below. */
.mainDIV .product_listing_area .fle_1 {
  margin-top: 30px !important;
}