/* =========================================
   header.css (ایزوله با px-)
   مطابق HTML ارسال‌شده شما
========================================= */

.px-header,
.px-header * { box-sizing: border-box; }

.px-header {
  --px-bg-main: #0D1330;
  --px-surface: #18214A;
  --px-highlight: #22305D;
  --px-primary: #7FA6E8;
  --px-primary-hover: #6B92D7;
  --px-secondary: #AFC7F6;

  --px-text-primary: #F5F8FF;
  --px-text-secondary: #BCC8E6;
  --px-border: #2E3B6B;

  direction: rtl;
  font-family: vazir, Tahoma, Arial, sans-serif;

  width: calc(100% - 32px);
  max-width: 1320px;
  margin: 16px auto 0;

  position: sticky;
  top: 14px;
  z-index: 999;
}

/* Glass layer */
.px-header__glass {
  position: absolute;
  inset: 0;
  border-radius: 26px;
  background:
    linear-gradient(135deg, rgba(24,33,74,0.92), rgba(24,33,74,0.72)),
    rgba(24,33,74,0.78);
  border: 1px solid rgba(46,59,107,0.95);
  box-shadow: 0 5px 45px rgba(2,6,24,0.42);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  overflow: hidden;
}

.px-header__glass::before{
  content:"";
  position:absolute;
  top:-60px; right:-70px;
  width:280px; height:180px;
  background: radial-gradient(circle, rgba(127,166,232,0.20), transparent 70%);
}
.px-header__glass::after{
  content:"";
  position:absolute;
  bottom:-80px; left:-80px;
  width:260px; height:190px;
  background: radial-gradient(circle, rgba(175,199,246,0.18), transparent 70%);
}

/* inner */
.px-header__inner{
  position: relative;
  z-index: 2;
  min-height: 84px;
  padding: 14px 22px;
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 20px;
}

/* =========================================
   Mobile toggle
========================================= */
.px-header__mobile-toggle{
  display:none;
  width:50px;
  height:50px;
  border:1px solid rgba(46,59,107,0.98);
  border-radius:16px;
  background: rgba(24,33,74,0.88);
  cursor:pointer;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:5px;
  flex-shrink:0;
  transition: background-color .28s ease, transform .28s ease, box-shadow .28s ease;
}
.px-header__mobile-toggle:hover{
  background: var(--px-highlight);
  transform: translateY(-1px);
  box-shadow: 0 10px 24px rgba(2,6,24,.25);
}
.px-header__mobile-toggle span{
  width:22px;
  height:2.5px;
  border-radius:999px;
  background: var(--px-text-primary);
  transition: transform .3s ease, opacity .3s ease;
}
.px-header.px-header--mobile-open .px-header__mobile-toggle span:nth-child(1){
  transform: translateY(7.5px) rotate(45deg);
}
.px-header.px-header--mobile-open .px-header__mobile-toggle span:nth-child(2){
  opacity:0;
  transform: scaleX(0);
}
.px-header.px-header--mobile-open .px-header__mobile-toggle span:nth-child(3){
  transform: translateY(-7.5px) rotate(-45deg);
}

/* =========================================
   Logo
========================================= */
.px-logo-holder{
  display:inline-flex;
  align-items:center;
  text-decoration:none;
  flex-shrink:0;
  transition: transform .35s ease;
}
.px-logo-holder:hover{
  transform: translateY(-2px) scale(1.015);
}
.px-logo-svg{
  width:210px;
  height:60px;
  display:block;
}

/* =========================================
   Desktop nav
========================================= */
.px-item-holder{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  flex:1;
}

.px-main-header-item,
.px-dropdown-trigger{
  border:0;
  outline:0;
  background:transparent;
  text-decoration:none;
  font-family:inherit;

  color: var(--px-text-secondary);
  font-size: 1rem;
  font-weight: 800;

  padding: 12px 18px;
  border-radius: 15px;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  gap:7px;

  position:relative;
  transition: background-color .28s ease, color .28s ease, transform .28s ease, box-shadow .28s ease;
}

.px-main-header-item:hover,
.px-dropdown-trigger:hover,
.px-nav-dropdown.px-nav-dropdown--open .px-dropdown-trigger{
  background: var(--px-highlight);
  color: var(--px-text-primary);
  transform: translateY(-1px);
  box-shadow: inset 0 0 0 1px rgba(127,166,232,0.10);
}

.px-main-header-item::after,
.px-dropdown-trigger::after{
  content:"";
  position:absolute;
  right:18px;
  bottom:7px;
  width:0;
  height:2px;
  border-radius:999px;
  background: var(--px-primary);
  transition: width .3s ease;
}
.px-main-header-item:hover::after,
.px-dropdown-trigger:hover::after,
.px-nav-dropdown.px-nav-dropdown--open .px-dropdown-trigger::after{
  width: calc(100% - 36px);
}

/* =========================================
   Mega menu desktop (FIXED + centered)
   باز/بسته فقط با کلاس px-nav-dropdown--open
========================================= */
.px-nav-dropdown{ position:relative; }

.px-mega-menu{
  position: fixed;
  top: 112px;
  left: 50%;
  z-index: 1200;

  width: min(1020px, calc(100vw - 32px));
  max-height: calc(100vh - 140px);
  overflow: auto;

  padding: 24px;
  border-radius: 26px;
  background:
    linear-gradient(135deg, rgba(24,33,74,0.97), rgba(34,48,93,0.94)),
    rgba(24,33,74,0.95);
  border: 1px solid rgba(46,59,107,0.98);
  box-shadow: 0 28px 60px rgba(2,6,24,0.52);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);

  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateX(-50%) translateY(14px) scale(0.985);

  transition: opacity .28s ease, visibility .28s ease, transform .28s ease;
}

.px-nav-dropdown.px-nav-dropdown--open .px-mega-menu{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform: translateX(-50%) translateY(0) scale(1);
}

.px-mega-menu__grid{
  display:grid;
  grid-template-columns: repeat(4, 1fr) 1.25fr;
  gap:16px;
}

.px-mega-menu__col{
  padding:18px 16px;
  border-radius:20px;
  background: rgba(34,48,93,0.92);
  border: 1px solid rgba(46,59,107,0.92);
  transition: transform .28s ease, box-shadow .28s ease, background-color .28s ease, border-color .28s ease;
}
.px-mega-menu__col:hover{
  transform: translateY(-5px);
  background: rgba(42,58,110,0.96);
  border-color: rgba(127,166,232,0.28);
  box-shadow: 0 14px 30px rgba(4,12,40,0.32);
}

.px-mega-menu__col h4{
  margin:0 0 12px;
  padding-bottom:12px;
  border-bottom:1px solid var(--px-border);
  color: var(--px-text-primary);
  font-size:1rem;
  font-weight:900;
}
.px-mega-menu__col a{
  display:block;
  text-decoration:none;
  color: var(--px-text-secondary);
  font-size:.94rem;
  font-weight:700;
  padding:8px 0;
  transition: color .25s ease, transform .25s ease;
}
.px-mega-menu__col a:hover{
  color: var(--px-secondary);
  transform: translateX(-4px);
}

.px-mega-menu__feature{
  position:relative;
  overflow:hidden;
  padding:22px;
  border-radius:22px;
  background: linear-gradient(135deg, #22305D, #18214A);
  border:1px solid rgba(46,59,107,1);
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.px-mega-menu__feature::before{
  content:"";
  position:absolute;
  top:-42px; left:-42px;
  width:150px; height:150px;
  border-radius:999px;
  background: rgba(127,166,232,0.16);
}
.px-feature-badge{
  width:fit-content;
  background: var(--px-primary);
  color:#081022;
  font-size:.78rem;
  font-weight:900;
  padding:7px 12px;
  border-radius:999px;
  margin-bottom:14px;
  position:relative;
  z-index:1;
}
.px-mega-menu__feature h3{
  margin:0 0 10px;
  color: var(--px-text-primary);
  font-size:1.18rem;
  font-weight:950;
  position:relative;
  z-index:1;
}
.px-mega-menu__feature p{
  margin:0 0 18px;
  color: var(--px-text-secondary);
  font-size:.93rem;
  font-weight:600;
  line-height:1.9;
  position:relative;
  z-index:1;
}
.px-feature-link{
  width:fit-content;
  text-decoration:none;
  color:#081022;
  background: var(--px-primary);
  border-radius:15px;
  padding:11px 16px;
  font-weight:900;
  font-size:.92rem;
  transition: background-color .28s ease, transform .28s ease, box-shadow .28s ease;
  position:relative;
  z-index:1;
}
.px-feature-link:hover{
  background: var(--px-primary-hover);
  transform: translateY(-2px);
  box-shadow: 0 12px 24px rgba(127,166,232,0.22);
}

/* =========================================
   Search
========================================= */
.px-search-holder{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  flex-shrink:0;
  position:relative;
}

.px-search-box{
  position: absolute;
  top: calc(100% + 12px);
  left: 0;
  z-index: 20;

  width: 330px;
  max-width: min(92vw, 330px);

  display:flex;
  align-items:center;
  gap:8px;

  padding:8px;
  border-radius:18px;
  border:1px solid rgba(46,59,107,0.98);
  background: rgba(24,33,74,0.92);

  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  opacity:0;
  visibility:hidden;
  pointer-events:none;

  transform: translateY(-10px) scale(0.98);
  transform-origin: top center;

  box-shadow: 0 12px 28px rgba(2,6,24,0.22);

  transition:
    opacity .22s ease,
    transform .28s cubic-bezier(0.22, 1, 0.36, 1),
    visibility 0s linear .28s;
}

.px-search-holder.px-search-holder--open .px-search-box{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform: translateY(0) scale(1);

  transition:
    opacity .18s ease,
    transform .28s cubic-bezier(0.22, 1, 0.36, 1),
    visibility 0s linear 0s;
}

.px-search-box input{
  width:100%;
  border:0;
  outline:0;
  background:transparent;
  font-family:inherit;
  color: var(--px-text-primary);
  font-size:.95rem;
  font-weight:700;
  padding:0 4px;
  min-width: 0;
}
.px-search-box input::placeholder{
  color: var(--px-text-secondary);
  font-weight:600;
}

.px-search-toggle,
.px-search-submit{
  border:0;
  outline:0;
  font-family:inherit;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}

.px-search-toggle{
  width:52px;
  height:52px;
  border-radius:17px;
  color:#081022;
  background: linear-gradient(135deg, var(--px-primary), var(--px-secondary));
  box-shadow: 0 12px 26px rgba(10,22,54,0.36);
  transition: transform .3s ease, box-shadow .3s ease, background .3s ease;
}
.px-search-toggle:hover,
.px-search-holder.px-search-holder--open .px-search-toggle{
  background: linear-gradient(135deg, var(--px-primary-hover), var(--px-primary));
  transform: translateY(-2px) scale(1.035);
  box-shadow: 0 16px 32px rgba(10,22,54,0.42);
}

.px-search-submit{
  width:42px;
  height:42px;
  border-radius:14px;
  color:#081022;
  background: var(--px-secondary);
  flex-shrink:0;
  transition: background-color .25s ease, transform .25s ease;
}
.px-search-submit:hover{
  background: var(--px-primary);
  transform: scale(1.04);
}


/* shake for empty search */
.px-search-box.px-search-box--shake{
  animation: pxSearchShake .42s ease both;
}
@keyframes pxSearchShake{
  0%,100%{ transform: translateX(0); }
  20%{ transform: translateX(-5px); }
  40%{ transform: translateX(5px); }
  60%{ transform: translateX(-4px); }
  80%{ transform: translateX(4px); }
}

/* =========================================
   Mobile panel (default hidden)
========================================= */
.px-mobile-panel{
  display:none;
  position:relative;
  z-index:2;
  padding: 0 18px 18px;
}
.px-header.px-header--mobile-open .px-mobile-panel{
  display:block;
  animation: pxMobilePanelIn .35s ease both;
}
@keyframes pxMobilePanelIn{
  from{ opacity:0; transform: translateY(-12px) scale(.985); }
  to{ opacity:1; transform: translateY(0) scale(1); }
}

.px-mobile-panel__search{ margin-bottom:14px; }

.px-search-box--mobile{
  width:100%;
  opacity:1;
  padding:8px;
  overflow: visible;
}

/* mobile nav links */
.px-mobile-nav{
  display:flex;
  flex-direction:column;
  gap:8px;
}
.px-mobile-nav > a{
  text-decoration:none;
  color: var(--px-text-primary);
  background: rgba(34,48,93,0.88);
  border:1px solid rgba(46,59,107,0.88);
  padding:14px 16px;
  border-radius:16px;
  font-weight:900;
  font-size:.96rem;
  transition: background-color .25s ease, transform .25s ease, border-color .25s ease;
}
.px-mobile-nav > a:hover{
  background: var(--px-highlight);
  border-color: rgba(127,166,232,0.28);
  transform: translateX(-3px);
}

/* =========================================
   Mobile Mega (آکاردئون واقعی)
========================================= */
.px-mobile-mega{ border:0; }

.px-mobile-mega > summary{
  list-style:none;
  cursor:pointer;

  color: var(--px-text-primary);
  background: rgba(34,48,93,0.88);
  border:1px solid rgba(46,59,107,0.88);
  padding:14px 16px;
  border-radius:16px;

  font-weight:950;
  font-size:.96rem;

  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;

  transition: background-color .25s ease, transform .25s ease, border-color .25s ease;
}
.px-mobile-mega > summary::-webkit-details-marker{ display:none; }
.px-mobile-mega > summary:hover{
  background: var(--px-highlight);
  border-color: rgba(127,166,232,0.28);
  transform: translateX(-3px);
}
.px-mobile-mega > summary svg{ transition: transform .3s ease; }
.px-mobile-mega[open] > summary svg{ transform: rotate(180deg); }

.px-mobile-mega__content{
  margin-top:10px;
  padding:12px;
  border-radius:20px;
  background: linear-gradient(135deg, rgba(24,33,74,0.92), rgba(34,48,93,0.88));
  border:1px solid rgba(46,59,107,0.88);
  display:grid;
  gap:10px;
  animation: pxMobileMegaIn .32s ease both;
}
@keyframes pxMobileMegaIn{
  from{ opacity:0; transform: translateY(-8px) scale(.985); }
  to{ opacity:1; transform: translateY(0) scale(1); }
}

.px-mobile-mega__group{
  border-radius:16px;
  overflow:hidden;
  background: rgba(34,48,93,0.92);
  border:1px solid rgba(46,59,107,0.88);
}

.px-mobile-mega__group > summary{
  padding:13px 14px;
  cursor:pointer;
  list-style:none;
  color: var(--px-text-primary);
  font-size:.94rem;
  font-weight:950;

  display:flex;
  align-items:center;
  justify-content:space-between;
}
.px-mobile-mega__group > summary::-webkit-details-marker{ display:none; }

.px-mobile-mega__group > summary::after{
  content:"+";
  width:24px;
  height:24px;
  border-radius:999px;
  background: var(--px-highlight);
  color: var(--px-secondary);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-weight:950;
}
.px-mobile-mega__group[open] > summary::after{
  content:"−";
  background: var(--px-primary);
  color:#081022;
}

.px-mobile-mega__group > div{
  display:grid;
  gap:7px;
  padding: 0 12px 12px;
}

.px-mobile-mega__group a{
  text-decoration:none;
  color: var(--px-text-secondary);
  background: rgba(24,33,74,0.90);
  border:1px solid rgba(46,59,107,0.7);
  border-radius:13px;
  padding:11px 12px;
  font-size:.91rem;
  font-weight:800;
  transition: color .25s ease, background-color .25s ease, transform .25s ease, border-color .25s ease;
}
.px-mobile-mega__group a:hover{
  color: var(--px-text-primary);
  background: var(--px-highlight);
  border-color: rgba(127,166,232,0.28);
  transform: translateX(-3px);
}

.px-mobile-mega__offer{
  text-decoration:none;
  padding:16px;
  border-radius:18px;
  background: linear-gradient(135deg, var(--px-primary), var(--px-secondary));
  color:#081022;
  box-shadow: 0 14px 30px rgba(10,22,54,0.32);
  display:grid;
  gap:5px;
  transition: transform .25s ease, box-shadow .25s ease;
}
.px-mobile-mega__offer:hover{
  transform: translateY(-2px);
  box-shadow: 0 18px 38px rgba(10,22,54,0.4);
}
.px-mobile-mega__offer span{
  width:fit-content;
  padding:5px 9px;
  border-radius:999px;
  background: rgba(8,16,34,0.16);
  font-size:.75rem;
  font-weight:900;
}
.px-mobile-mega__offer strong{ font-size:1rem; font-weight:950; }
.px-mobile-mega__offer small{ font-size:.82rem; font-weight:700; opacity:.92; }

/* =========================================
   Responsive
========================================= */
@media (max-width: 1120px){
  .px-mega-menu{ width: min(920px, calc(100vw - 24px)); }
  .px-mega-menu__grid{ grid-template-columns: repeat(2, 1fr); }
  .px-mega-menu__feature{ grid-column: 1 / -1; }
}

@media (max-width: 900px){
  /* دسکتاپ ناو مخفی */
  .px-item-holder{ display:none; }

  /* مگا دسکتاپ کلاً غیرفعال */
  .px-mega-menu{ display:none !important; }

  .px-header{
    top:10px;
    width: calc(100% - 22px);
  }

  .px-header__inner{
    min-height:76px;
    padding:12px 16px;
    gap:12px;
  }

  .px-header__mobile-toggle{
    display:inline-flex;
    order:1;
  }

  .px-logo-holder{
    order:2;
    margin-inline:auto;
  }

  .px-search-holder{
    order:3;
  }

  .px-logo-svg{
    width:178px;
    height:54px;
  }

  /* سرچ دسکتاپ روی موبایل به صورت پاپ‌آپ */
  .px-search-holder.px-search-holder--open .px-search-box{
    position:absolute;
    top: calc(100% + 12px);
    left:0;
    width: min(82vw, 320px);
    z-index:5;
  }
}

@media (max-width: 560px){
  .px-header{
    width: calc(100% - 16px);
    margin-top:8px;
    top:8px;
  }

  .px-header__glass{ border-radius:22px; }

  .px-header__inner{
    padding:10px 12px;
    gap:8px;
  }

  .px-logo-svg{
    width:148px;
    height:48px;
  }

  .px-header__mobile-toggle,
  .px-search-toggle{
    width:44px;
    height:44px;
    border-radius:14px;
  }

  .px-search-submit{
    width:40px;
    height:40px;
  }

  .px-mobile-panel{
    padding: 0 12px 14px;
  }

  .px-search-holder.px-search-holder--open .px-search-box{
    left:-2px;
    width: min(88vw, 300px);
  }
}
/* =========================================
   Header Scroll Behavior Add-on
   بدون تغییر ساختار اصلی
========================================= */

.px-header {
  transition:
    transform 0.42s cubic-bezier(0.22, 1, 0.36, 1),
    opacity 0.32s ease,
    top 0.28s ease,
    margin 0.28s ease;
  will-change: transform, opacity;
}

.px-header.px-header--floating {
  top: 0;
  margin-top: 0;
}

.px-header.px-header--hidden {
  transform: translateY(calc(-100% - 18px));
  opacity: 0;
  pointer-events: none;
}

.px-header.px-header--visible {
  transform: translateY(0);
  opacity: 1;
}

/* =========================================
   Mobile panel scroll fix
========================================= */
@media (max-width: 900px) {
  .px-mobile-panel {
    max-height: calc(100vh - 96px);
    overflow-y: auto;
    overflow-x: hidden;

    scrollbar-width: thin;
    scrollbar-color: rgba(127, 166, 232, 0.7) rgba(24, 33, 74, 0.2);
  }

  .px-mobile-panel::-webkit-scrollbar {
    width: 8px;
  }

  .px-mobile-panel::-webkit-scrollbar-track {
    background: rgba(24, 33, 74, 0.16);
    border-radius: 999px;
  }

  .px-mobile-panel::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #7FA6E8, #6B92D7);
    border-radius: 999px;
  }
}

@media (max-width: 560px) {
  .px-mobile-panel {
    max-height: calc(100vh - 84px);
  }
}










/* =========================================
   Mobile Performance Optimization
   سبک‌سازی هدر فقط برای موبایل
   این کد را آخر header.css قرار بده
========================================= */

@media (max-width: 900px) {

  /* حذف انیمیشن‌ها و ترنزیشن‌های سنگین، بدون خراب کردن منطق منو */
  .px-header,
  .px-header *,
  .px-header *::before,
  .px-header *::after {
    animation: none !important;
    transition-duration: 0s !important;
    scroll-behavior: auto !important;
  }

  /* حذف blur های سنگین */
  .px-header__glass,
  .px-mega-menu,
  .px-search-box {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  /* سبک‌سازی شیشه هدر */
  .px-header__glass {
    background: rgba(24, 33, 74, 0.97) !important;
    box-shadow: 0 8px 22px rgba(2, 6, 24, 0.28) !important;
  }

  /* حذف نورهای تزئینی پشت هدر */
  .px-header__glass::before,
  .px-header__glass::after {
    display: none !important;
  }

  /* سبک‌سازی دکمه‌ها */
  .px-header__mobile-toggle,
  .px-search-toggle,
  .px-search-submit {
    box-shadow: none !important;
  }

  /* حذف transform های hover روی موبایل */
  .px-logo-holder:hover,
  .px-header__mobile-toggle:hover,
  .px-search-toggle:hover,
  .px-search-submit:hover,
  .px-main-header-item:hover,
  .px-dropdown-trigger:hover,
  .px-mobile-nav > a:hover,
  .px-mobile-mega > summary:hover,
  .px-mobile-mega__group a:hover,
  .px-mobile-mega__offer:hover,
  .px-feature-link:hover {
    transform: none !important;
  }

  /* موبایل پنل بدون انیمیشن باز شود */
  .px-header.px-header--mobile-open .px-mobile-panel {
    animation: none !important;
  }

  /* محتوای مگامنو موبایل بدون انیمیشن */
  .px-mobile-mega__content {
    animation: none !important;
  }

  /* سبک‌سازی کارت‌ها و آیتم‌های موبایل */
  .px-mobile-nav > a,
  .px-mobile-mega > summary,
  .px-mobile-mega__content,
  .px-mobile-mega__group,
  .px-mobile-mega__group a {
    box-shadow: none !important;
  }

  /* سبک‌تر کردن پیشنهاد ویژه */
  .px-mobile-mega__offer {
    box-shadow: none !important;
    background: linear-gradient(135deg, #7FA6E8, #AFC7F6) !important;
  }

  /* سرچ موبایل سبک‌تر */
  .px-search-box {
    background: rgba(24, 33, 74, 0.98) !important;
    box-shadow: 0 8px 18px rgba(2, 6, 24, 0.22) !important;
  }

  /* حذف shake سرچ روی موبایل */
  .px-search-box.px-search-box--shake {
    animation: none !important;
  }

  /* حذف will-change برای سبک‌تر شدن مصرف GPU */
  .px-header {
    will-change: auto !important;
  }
}













/* =========================================
   Header Global Performance Optimization
   حذف انیمیشن‌ها و افکت‌های سنگین
   بدون تغییر ساختار و کاربرد هدر
   این کد باید آخر header.css قرار بگیرد
========================================= */

/* حذف کامل انیمیشن و ترنزیشن از کل هدر */
.px-header,
.px-header *,
.px-header *::before,
.px-header *::after {
  animation: none !important;
  animation-duration: 0s !important;
  animation-delay: 0s !important;
  animation-iteration-count: 1 !important;

  transition: none !important;
  transition-duration: 0s !important;
  transition-delay: 0s !important;

  scroll-behavior: auto !important;
  will-change: auto !important;
}

/* حذف keyframe های عملیاتی بدون دست زدن به وضعیت‌ها */
.px-search-box.px-search-box--shake,
.px-header.px-header--mobile-open .px-mobile-panel,
.px-mobile-mega__content {
  animation: none !important;
}

/* حذف blur و glass سنگین */
.px-header__glass,
.px-mega-menu,
.px-search-box {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* حذف فیلترهای احتمالی سنگین از لایه‌های هدر */
.px-header,
.px-header *,
.px-header *::before,
.px-header *::after {
  filter: none !important;
}

/* سبک‌سازی لایه شیشه‌ای اصلی هدر */
.px-header__glass {
  background:
    linear-gradient(135deg, rgba(24, 33, 74, 0.98), rgba(24, 33, 74, 0.94)),
    rgba(24, 33, 74, 0.98) !important;

  box-shadow: 0 10px 28px rgba(2, 6, 24, 0.28) !important;
}

/* حذف نورهای تزئینی پشت هدر */
.px-header__glass::before,
.px-header__glass::after {
  display: none !important;
}

/* سبک‌سازی دکمه منوی موبایل */
.px-header__mobile-toggle {
  box-shadow: none !important;
}

/* حفظ تغییر رنگ hover، حذف حرکت و سایه اضافه */
.px-header__mobile-toggle:hover {
  transform: none !important;
  box-shadow: none !important;
}

/* حذف حرکت لوگو در hover */
.px-logo-holder:hover {
  transform: none !important;
}

/* سبک‌سازی آیتم‌های منوی دسکتاپ */
.px-main-header-item,
.px-dropdown-trigger {
  box-shadow: none !important;
}

/* حفظ رنگ hover، حذف حرکت و سایه */
.px-main-header-item:hover,
.px-dropdown-trigger:hover,
.px-nav-dropdown.px-nav-dropdown--open .px-dropdown-trigger {
  transform: none !important;
  box-shadow: inset 0 0 0 1px rgba(127, 166, 232, 0.10) !important;
}

/* خط زیر آیتم‌ها بدون انیمیشن */
.px-main-header-item::after,
.px-dropdown-trigger::after {
  transition: none !important;
}

/* مگامنو سبک‌تر، ولی ساختار و جایگاه حفظ شود */
.px-mega-menu {
  background:
    linear-gradient(135deg, rgba(24, 33, 74, 0.98), rgba(34, 48, 93, 0.96)),
    rgba(24, 33, 74, 0.98) !important;

  box-shadow: 0 16px 38px rgba(2, 6, 24, 0.36) !important;
}

/* مهم:
   transform مگامنو حذف نمی‌شود چون برای وسط‌چین بودن و باز/بسته شدن لازم است.
   فقط انیمیشنش حذف شده.
*/

/* سبک‌سازی ستون‌های مگامنو */
.px-mega-menu__col {
  box-shadow: none !important;
}

/* حذف حرکت کارت‌های مگامنو در hover */
.px-mega-menu__col:hover {
  transform: none !important;
  box-shadow: none !important;
}

/* حذف حرکت لینک‌های داخل مگامنو */
.px-mega-menu__col a:hover {
  transform: none !important;
}

/* حذف نور تزئینی کارت ویژه مگامنو */
.px-mega-menu__feature::before {
  display: none !important;
}

/* سبک‌سازی دکمه ویژه */
.px-feature-link {
  box-shadow: none !important;
}

/* حذف حرکت دکمه ویژه در hover */
.px-feature-link:hover {
  transform: none !important;
  box-shadow: none !important;
}

/* سرچ سبک‌تر */
.px-search-box {
  background: rgba(24, 33, 74, 0.98) !important;
  box-shadow: 0 8px 20px rgba(2, 6, 24, 0.22) !important;
}

/* دکمه سرچ سبک‌تر */
.px-search-toggle {
  box-shadow: none !important;
}

/* حفظ تغییر رنگ، حذف پرش و بزرگ شدن */
.px-search-toggle:hover,
.px-search-holder.px-search-holder--open .px-search-toggle {
  transform: none !important;
  box-shadow: none !important;
}

/* دکمه ارسال سرچ سبک‌تر */
.px-search-submit {
  box-shadow: none !important;
}

.px-search-submit:hover {
  transform: none !important;
}

/* پنل موبایل بدون انیمیشن */
.px-header.px-header--mobile-open .px-mobile-panel {
  animation: none !important;
}

/* آیتم‌های منوی موبایل سبک‌تر */
.px-mobile-nav > a {
  box-shadow: none !important;
}

/* حذف حرکت آیتم‌های منوی موبایل */
.px-mobile-nav > a:hover {
  transform: none !important;
}

/* آکاردئون موبایل بدون حرکت اضافه */
.px-mobile-mega > summary {
  box-shadow: none !important;
}

.px-mobile-mega > summary:hover {
  transform: none !important;
}

/* آیکون باز/بسته شدن details حفظ می‌شود، فقط انیمیشن ندارد */
.px-mobile-mega > summary svg {
  transition: none !important;
}

/* محتوای مگامنو موبایل سبک‌تر */
.px-mobile-mega__content {
  animation: none !important;
  box-shadow: none !important;
}

/* گروه‌های داخلی مگامنو موبایل */
.px-mobile-mega__group {
  box-shadow: none !important;
}

/* لینک‌های داخلی مگامنو موبایل */
.px-mobile-mega__group a {
  box-shadow: none !important;
}

.px-mobile-mega__group a:hover {
  transform: none !important;
}

/* پیشنهاد ویژه موبایل سبک‌تر */
.px-mobile-mega__offer {
  box-shadow: none !important;
}

.px-mobile-mega__offer:hover {
  transform: none !important;
  box-shadow: none !important;
}

/* حذف سایه‌های سنگین احتمالی SVG یا متن داخل هدر */
.px-header svg,
.px-header svg *,
.px-header a,
.px-header button,
.px-header span,
.px-header small,
.px-header strong {
  text-shadow: none !important;
}

/* سبک‌سازی حالت اسکرول هدر
   transform مخفی/نمایان شدن حفظ می‌شود، ولی دیگر انیمیشنی نیست.
*/
.px-header {
  transition: none !important;
  will-change: auto !important;
}

/* در موبایل هم همان قوانین اعمال شود */
@media (max-width: 900px) {
  .px-header__glass {
    background: rgba(24, 33, 74, 0.98) !important;
    box-shadow: 0 8px 22px rgba(2, 6, 24, 0.24) !important;
  }

  .px-search-box {
    background: rgba(24, 33, 74, 0.98) !important;
    box-shadow: 0 8px 18px rgba(2, 6, 24, 0.18) !important;
  }

  .px-mobile-panel {
    scroll-behavior: auto !important;
  }
}

/* در موبایل‌های کوچک سایه‌ها باز هم سبک‌تر شوند */
@media (max-width: 560px) {
  .px-header__glass,
  .px-search-box,
  .px-mega-menu,
  .px-mobile-mega__offer {
    box-shadow: none !important;
  }
}