:root {
  --mehrad-bg: #ffffff;
  --mehrad-surface: #f3f4f6;
  --mehrad-surface-soft: #f8fafc;
  --mehrad-text: #161616;
  --mehrad-muted: #64748b;
  --mehrad-border: #e5e7eb;
  --mehrad-primary: #19b568;
  --mehrad-primary-dark: #119653;
  --mehrad-shadow: 0 24px 70px rgba(15, 23, 42, .12);
  --mehrad-header-height: 86px;
  --mehrad-logo-width: 182px;
  --mehrad-logo-height: 44px;
  --mehrad-login-color: #19b568;
  --mehrad-login-bg: #ffffff;
  --mehrad-login-border: #19b568;
  --mehrad-login-hover-color: #ffffff;
  --mehrad-login-hover-bg: #19b568;
  --mehrad-search-button-bg: #19b568;
  --mehrad-search-button-color: #ffffff;
  color-scheme: light;
}

html.dark {
  --mehrad-bg: #0f172a;
  --mehrad-surface: #1e293b;
  --mehrad-surface-soft: #111827;
  --mehrad-text: #f8fafc;
  --mehrad-muted: #94a3b8;
  --mehrad-border: rgba(148, 163, 184, .22);
  --mehrad-primary: #22c978;
  --mehrad-primary-dark: #19b568;
  --mehrad-shadow: 0 24px 70px rgba(0, 0, 0, .32);
  --mehrad-login-color: #22c978;
  --mehrad-login-bg: #0f172a;
  --mehrad-login-border: #22c978;
  --mehrad-login-hover-color: #0f172a;
  --mehrad-login-hover-bg: #22c978;
  --mehrad-search-button-bg: #22c978;
  --mehrad-search-button-color: #0f172a;
  color-scheme: dark;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; overflow-x: clip; }
body {
  margin: 0;
  background: var(--mehrad-bg);
  color: var(--mehrad-text);
  font-family: 'IRANYekanX', Tahoma, Arial, sans-serif;
  overflow-x: clip;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
body.mehrad-menu-open { overflow: hidden; }
a { color: inherit; text-decoration: none; }
button, input { font: inherit; }
img, svg { display: block; max-width: 100%; }
.screen-reader-text {
  border: 0;
  clip: rect(1px,1px,1px,1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}

.mehrad-header {
  position: sticky;
  top: 0;
  z-index: 1000;
  width: 100%;
  background: var(--mehrad-bg);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  border-bottom: 1px solid var(--mehrad-border);
}

.mehrad-header__inner {
  min-height: var(--mehrad-header-height);
  width: min(100%, 1760px);
  margin-inline: auto;
  padding: 14px clamp(16px, 2.5vw, 40px);
  display: flex;
  align-items: center;
  gap: clamp(18px, 2.2vw, 42px);
  direction: rtl;
}

.mehrad-header__brand {
  flex: 0 0 auto;
  min-width: min(var(--mehrad-logo-width), 34vw);
}
.mehrad-logo,
.mehrad-mobile-logo {
  display: inline-flex;
  align-items: center;
  width: min(var(--mehrad-logo-width), 34vw);
  height: var(--mehrad-logo-height);
  overflow: hidden;
}
.mehrad-logo__img {
  width: 100%;
  height: 100%;
  max-width: var(--mehrad-logo-width);
  max-height: var(--mehrad-logo-height);
  object-fit: contain;
  object-position: right center;
}
.mehrad-logo__img--dark { display: none; }
html.dark .mehrad-logo__img--light { display: none; }
html.dark .mehrad-logo__img--dark { display: block; }

.mehrad-header__nav {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: clamp(22px, 2vw, 36px);
}
.mehrad-menu,
.mehrad-menu ul,
.mehrad-mega-list,
.mehrad-mobile-menu,
.mehrad-mobile-menu ul,
.mehrad-mobile-cats {
  list-style: none;
  margin: 0;
  padding: 0;
}
.mehrad-menu {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: clamp(18px, 2vw, 34px);
  white-space: nowrap;
}
.mehrad-menu li { position: relative; }
.mehrad-menu > li > a,
.mehrad-mega__button {
  display: inline-flex;
  align-items: center;
  min-height: 42px;
  color: var(--mehrad-text);
  font-size: 15px;
  font-weight: 800;
  line-height: 1.8;
  transition: color .2s ease, background .2s ease, border-color .2s ease;
}
.mehrad-menu > li > a { gap: 8px; }
.mehrad-menu > li > a:hover,
.mehrad-menu > li.current-menu-item > a,
.mehrad-menu > li.current-menu-ancestor > a,
.mehrad-mega:hover .mehrad-mega__button,
.mehrad-mega:focus-within .mehrad-mega__button { color: var(--mehrad-primary); }
.mehrad-menu .menu-item-has-children > a::after {
  content: "";
  width: 8px;
  height: 8px;
  border-inline-end: 2px solid currentColor;
  border-block-end: 2px solid currentColor;
  transform: rotate(45deg) translateY(-2px);
  opacity: .75;
}
.mehrad-menu ul {
  position: absolute;
  inset-block-start: 100%;
  inset-inline-start: 0;
  min-width: 220px;
  padding: 12px;
  background: var(--mehrad-bg);
  border: 1px solid var(--mehrad-border);
  border-radius: 18px;
  box-shadow: var(--mehrad-shadow);
  opacity: 0;
  visibility: hidden;
  transform: translateY(12px);
  transition: opacity .2s ease, transform .2s ease, visibility .2s ease;
}
.mehrad-menu li:hover > ul,
.mehrad-menu li:focus-within > ul {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.mehrad-menu ul a,
.mehrad-mega-list a {
  display: flex;
  padding: 10px 12px;
  border-radius: 12px;
  color: var(--mehrad-text);
  font-size: 14px;
  font-weight: 700;
}
.mehrad-menu ul a:hover,
.mehrad-mega-list a:hover { background: var(--mehrad-surface); color: var(--mehrad-primary); }

.mehrad-mega { position: relative; flex: 0 0 auto; }
.mehrad-mega__button {
  gap: 8px;
  padding: 0 4px;
}
.mehrad-mega__icon {
  width: 22px;
  height: 22px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.mehrad-mega__panel {
  position: absolute;
  top: calc(100% + 14px);
  right: 0;
  width: min(720px, calc(100vw - 48px));
  padding-top: 8px;
  opacity: 0;
  visibility: hidden;
  transform: translateY(12px);
  transition: opacity .2s ease, visibility .2s ease, transform .2s ease;
}
.mehrad-mega:hover .mehrad-mega__panel,
.mehrad-mega:focus-within .mehrad-mega__panel {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.mehrad-mega__panel-inner {
  padding: 18px;
  background: var(--mehrad-bg);
  border: 1px solid var(--mehrad-border);
  border-radius: 22px;
  box-shadow: var(--mehrad-shadow);
}
.mehrad-mega__panel-inner strong {
  display: block;
  margin-bottom: 12px;
  font-size: 15px;
  font-weight: 900;
}
.mehrad-mega-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
}

.mehrad-header__search {
  flex: 0 1 420px;
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  height: 58px;
  background: var(--mehrad-surface);
  border: 1px solid transparent;
  border-radius: 16px;
  overflow: hidden;
  transition: border-color .2s ease, background .2s ease;
}
.mehrad-header__search:focus-within {
  border-color: color-mix(in srgb, var(--mehrad-primary) 45%, transparent);
  background: var(--mehrad-surface-soft);
}
.mehrad-header__search input,
.mehrad-mobile-search input {
  width: 100%;
  min-width: 0;
  height: 100%;
  border: 0;
  outline: 0;
  background: transparent;
  color: var(--mehrad-text);
  padding: 0 18px;
  text-align: right;
  direction: rtl;
}
.mehrad-header__search input::placeholder,
.mehrad-mobile-search input::placeholder { color: var(--mehrad-muted); }
.mehrad-header__search button,
.mehrad-mobile-search button {
  width: 58px;
  height: 100%;
  border: 0;
  background: transparent;
  color: var(--mehrad-muted);
  display: grid;
  place-items: center;
  cursor: pointer;
}
.mehrad-search-icon {
  width: 26px;
  height: 26px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.mehrad-header__actions {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: 10px;
  direction: ltr;
}
.mehrad-login {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 54px;
  min-width: 148px;
  max-width: 230px;
  padding: 0 22px;
  border: 1px solid var(--mehrad-login-border);
  border-radius: 12px;
  color: var(--mehrad-login-color);
  background: var(--mehrad-login-bg);
  font-size: 15px;
  font-weight: 900;
  line-height: 1;
  white-space: nowrap;
  direction: rtl;
  box-shadow: 0 12px 30px rgba(25, 181, 104, .08);
  transition: background .2s ease, color .2s ease, border-color .2s ease, transform .2s ease, box-shadow .2s ease;
}
.mehrad-login span {
  overflow: hidden;
  text-overflow: ellipsis;
}
.mehrad-login:hover {
  background: var(--mehrad-login-hover-bg);
  color: var(--mehrad-login-hover-color);
  border-color: var(--mehrad-login-hover-bg);
  transform: translateY(-1px);
  box-shadow: 0 16px 34px rgba(25, 181, 104, .16);
}
.mehrad-login--logged-in { min-width: 120px; }

.mehrad-icon-btn {
  position: relative;
  width: 46px;
  height: 46px;
  display: inline-grid;
  place-items: center;
  padding: 0;
  border: 1px solid transparent;
  border-radius: 14px;
  background: transparent;
  color: var(--mehrad-text);
  cursor: pointer;
  transition: color .2s ease, background .2s ease, border-color .2s ease, transform .2s ease;
}
.mehrad-icon-btn svg,
.mehrad-cart-icon,
.mehrad-icon-moon,
.mehrad-icon-sun,
.mehrad-close-icon {
  width: 27px;
  height: 27px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.mehrad-icon-btn:hover {
  color: var(--mehrad-primary);
  background: var(--mehrad-surface-soft);
  border-color: var(--mehrad-border);
  transform: translateY(-1px);
}
.mehrad-icon-sun { display: none; }
html.dark .mehrad-icon-moon { display: none; }
html.dark .mehrad-icon-sun { display: block; }
.mehrad-cart__count {
  position: absolute;
  top: 2px;
  right: 1px;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  border-radius: 999px;
  background: var(--mehrad-primary);
  color: #fff;
  font-size: 11px;
  line-height: 18px;
  text-align: center;
  direction: rtl;
}
.mehrad-mobile-toggle { display: none; }
.mehrad-mobile-toggle span {
  width: 24px;
  height: 2px;
  border-radius: 999px;
  background: currentColor;
}
.mehrad-mobile-toggle { gap: 5px; align-content: center; }

.mehrad-mobile-backdrop {
  position: fixed;
  inset: 0;
  z-index: 1100;
  background: rgba(15, 23, 42, .44);
  backdrop-filter: blur(3px);
}
.mehrad-mobile-panel {
  position: fixed;
  inset-block: 0;
  inset-inline-start: auto;
  inset-inline-end: 0;
  z-index: 1110;
  width: min(92vw, 390px);
  background: var(--mehrad-bg);
  border-inline-start: 1px solid var(--mehrad-border);
  box-shadow: -22px 0 70px rgba(15, 23, 42, .18);
  padding: 18px;
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  transform: translateX(0);
}
.mehrad-mobile-panel[hidden],
.mehrad-mobile-backdrop[hidden] { display: none; }
.mehrad-mobile-panel__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding-bottom: 14px;
  border-bottom: 1px solid var(--mehrad-border);
}
.mehrad-mobile-logo { width: 138px; height: 38px; }
.mehrad-mobile-search-card {
  margin-top: 18px;
  padding: 14px;
  border-radius: 20px;
  background: var(--mehrad-surface-soft);
  border: 1px solid var(--mehrad-border);
}
.mehrad-mobile-search {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  height: 50px;
  border-radius: 14px;
  background: var(--mehrad-bg);
  border: 1px solid var(--mehrad-border);
  overflow: hidden;
}
.mehrad-login--mobile {
  width: 100%;
  max-width: none;
  margin-top: 12px;
}
.mehrad-mobile-mega {
  margin-top: 14px;
  border: 1px solid var(--mehrad-border);
  border-radius: 18px;
  overflow: hidden;
}
.mehrad-mobile-mega__toggle {
  width: 100%;
  min-height: 52px;
  padding: 0 16px;
  border: 0;
  background: var(--mehrad-surface-soft);
  color: var(--mehrad-text);
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 900;
  cursor: pointer;
}
.mehrad-mobile-mega__toggle i {
  width: 9px;
  height: 9px;
  border-inline-end: 2px solid currentColor;
  border-block-end: 2px solid currentColor;
  transform: rotate(45deg);
  transition: transform .2s ease;
}
.mehrad-mobile-mega__toggle[aria-expanded="true"] i { transform: rotate(225deg); }
.mehrad-mobile-mega__list { padding: 8px; background: var(--mehrad-bg); }
.mehrad-mobile-cats a,
.mehrad-mobile-menu a {
  display: flex;
  padding: 12px 14px;
  border-radius: 14px;
  color: var(--mehrad-text);
  font-weight: 800;
}
.mehrad-mobile-cats a:hover,
.mehrad-mobile-menu a:hover { background: var(--mehrad-surface); color: var(--mehrad-primary); }
.mehrad-mobile-nav { margin-top: 12px; }
.mehrad-mobile-menu ul { padding-inline-start: 12px; }

.mehrad-site-main { min-height: 55vh; }
.mehrad-page-shell {
  width: min(100% - 32px, 1180px);
  margin: 48px auto;
}
.mehrad-content-card {
  padding: clamp(24px, 4vw, 48px);
  background: var(--mehrad-surface-soft);
  border: 1px solid var(--mehrad-border);
  border-radius: 28px;
}
.mehrad-footer {
  border-top: 1px solid var(--mehrad-border);
  padding: 28px 16px;
  color: var(--mehrad-muted);
}
.mehrad-container { width: min(100% - 32px, 1180px); margin-inline: auto; }

@media (max-width: 1480px) {
  .mehrad-header__inner { gap: 24px; }
  .mehrad-menu { gap: 20px; }
  .mehrad-header__search { flex-basis: 360px; }
}
@media (max-width: 1280px) {
  .mehrad-header__nav { display: none; }
  .mehrad-header__search { flex: 1 1 420px; }
  .mehrad-mobile-toggle { display: inline-grid; order: 1; }
  .mehrad-cart { order: 2; }
  .mehrad-theme-toggle { order: 3; }
  .mehrad-login--desktop { order: 4; }
}
@media (max-width: 860px) {
  :root {
    --mehrad-header-height: 72px;
    --mehrad-logo-width: 142px;
    --mehrad-logo-height: 38px;
  }
  .mehrad-header__inner {
    min-height: var(--mehrad-header-height);
    justify-content: space-between;
    gap: 12px;
    padding: 10px 14px;
  }
  .mehrad-header__brand { min-width: 0; order: 1; }
  .mehrad-header__search,
  .mehrad-login--desktop { display: none; }
  .mehrad-header__actions {
    order: 2;
    margin-inline-start: auto;
    gap: 6px;
  }
  .mehrad-icon-btn { width: 41px; height: 41px; border-radius: 13px; }
  .mehrad-icon-btn svg,
  .mehrad-cart-icon,
  .mehrad-icon-moon,
  .mehrad-icon-sun { width: 25px; height: 25px; }
}
@media (max-width: 480px) {
  .mehrad-header__inner { padding-inline: 12px; gap: 8px; }
  .mehrad-logo { width: 130px; height: 34px; }
  .mehrad-icon-btn { width: 38px; height: 38px; }
  .mehrad-mobile-panel { width: min(94vw, 380px); padding: 14px; }
}
@media (max-width: 360px) {
  .mehrad-header__inner { padding-inline: 9px; }
  .mehrad-logo { width: 116px; height: 32px; }
  .mehrad-icon-btn { width: 35px; height: 35px; }
  .mehrad-header__actions { gap: 3px; }
}

/* Mehrad v1.0.4 legacy header and mega menu refinements */
.mehrad-logo,
.mehrad-mobile-logo {
  width: min(var(--mehrad-logo-width), 34vw) !important;
  height: var(--mehrad-logo-height) !important;
  min-width: min(var(--mehrad-logo-width), 34vw);
  flex: 0 0 auto;
}
.mehrad-logo__img,
body.woocommerce .mehrad-logo__img,
body.archive .mehrad-logo__img,
body.single-product .mehrad-logo__img {
  width: 100% !important;
  height: 100% !important;
  max-width: var(--mehrad-logo-width) !important;
  max-height: var(--mehrad-logo-height) !important;
  object-fit: contain !important;
  object-position: right center !important;
}
.mehrad-menu-icon { width: 27px; height: 27px; }
.mehrad-mega__panel {
  width: min(980px, calc(100vw - 48px));
  z-index: 1040;
}
.mehrad-mega.is-open .mehrad-mega__button,
.mehrad-mega.is-open .mehrad-mega__panel {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.mehrad-mega__panel-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding-bottom: 14px;
  border-bottom: 1px solid var(--mehrad-border);
  margin-bottom: 14px;
}
.mehrad-mega__panel-head strong { margin: 0; }
.mehrad-mega__panel-head a {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: var(--mehrad-primary);
  font-size: 13px;
  font-weight: 900;
}
.mehrad-mega__head-icon {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  transform: rotate(90deg);
}
.mehrad-mega-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}
.mehrad-mega-card {
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--mehrad-border);
  border-radius: 18px;
  background: var(--mehrad-surface-soft);
}
.mehrad-mega-card__head {
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--mehrad-text);
  font-weight: 900;
}
.mehrad-mega-card__head:hover { color: var(--mehrad-primary); }
.mehrad-mega-card__icon {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border-radius: 13px;
  color: var(--mehrad-primary);
  background: color-mix(in srgb, var(--mehrad-primary) 10%, transparent);
}
.mehrad-mega-card__svg {
  width: 22px;
  height: 22px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.mehrad-mega-child-list {
  list-style: none;
  margin: 10px 0 0;
  padding: 0;
}
.mehrad-mega-child-list li { margin-top: 3px; }
.mehrad-mega-child-list a {
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 7px 2px;
  border-radius: 10px;
  color: var(--mehrad-muted);
  font-size: 13px;
  font-weight: 800;
}
.mehrad-mega-child-list a:hover { color: var(--mehrad-primary); background: transparent; }
.mehrad-mega-child-list a span {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: currentColor;
  opacity: .45;
}
.mehrad-mega-child-level-2,
.mehrad-mega-child-level-3 { padding-inline-start: 12px; }
body.mehrad-menu-open { overflow: hidden; touch-action: none; }
.mehrad-mobile-backdrop {
  opacity: 0;
  transition: opacity .24s ease;
}
.mehrad-mobile-backdrop.is-open { opacity: 1; }
.mehrad-mobile-panel {
  transform: translateX(105%);
  transition: transform .28s ease;
  will-change: transform;
}
.mehrad-mobile-panel.is-open { transform: translateX(0); }
.mehrad-mobile-panel__head strong {
  font-size: 18px;
  font-weight: 950;
  color: var(--mehrad-text);
}
.mehrad-mobile-search-card { margin-top: 16px; }
.mehrad-mobile-mega,
.mehrad-mobile-mega details,
.mehrad-mobile-mega ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.mehrad-mobile-mega summary { list-style: none; }
.mehrad-mobile-mega summary::-webkit-details-marker { display: none; }
.mehrad-mobile-mega-root {
  margin-top: 14px;
  border: 1px solid var(--mehrad-border);
  border-radius: 18px;
  background: var(--mehrad-bg);
  overflow: hidden;
}
.mehrad-mobile-mega-root-summary,
.mehrad-mobile-mega-item > summary,
.mehrad-mobile-mega-subitem > summary {
  min-height: 52px;
  padding: 0 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  color: var(--mehrad-text);
  font-weight: 900;
  cursor: pointer;
  background: var(--mehrad-surface-soft);
  border-bottom: 1px solid var(--mehrad-border);
}
.mehrad-mobile-mega-item > summary,
.mehrad-mobile-mega-subitem > summary {
  min-height: 48px;
  background: transparent;
}
.mehrad-mobile-mega-list { padding: 8px; }
.mehrad-mobile-mega-item {
  border: 1px solid var(--mehrad-border);
  border-radius: 14px;
  overflow: hidden;
  margin-bottom: 8px;
  background: var(--mehrad-bg);
}
.mehrad-mobile-chevron {
  width: 20px;
  height: 20px;
  flex: 0 0 auto;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.1;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: transform .2s ease;
}
.mehrad-mobile-mega details[open] > summary .mehrad-mobile-chevron,
.mehrad-mobile-mega-root[open] > summary .mehrad-mobile-chevron { transform: rotate(180deg); }
.mehrad-mobile-mega-child-level-1,
.mehrad-mobile-mega-child-level-2,
.mehrad-mobile-mega-child-level-3 { padding: 7px 12px; }
.mehrad-mobile-mega-child-level-2,
.mehrad-mobile-mega-child-level-3 { padding-inline-start: 20px; }
.mehrad-mobile-mega-child-level-1 a,
.mehrad-mobile-mega-child-level-2 a,
.mehrad-mobile-mega-child-level-3 a,
.mehrad-mobile-mega-all,
.mehrad-mobile-login-row {
  display: flex;
  align-items: center;
  padding: 11px 12px;
  border-radius: 12px;
  color: var(--mehrad-text);
  font-size: 14px;
  font-weight: 800;
}
.mehrad-mobile-mega-child-level-1 a:hover,
.mehrad-mobile-mega-child-level-2 a:hover,
.mehrad-mobile-mega-child-level-3 a:hover,
.mehrad-mobile-mega-all:hover { background: var(--mehrad-surface); color: var(--mehrad-primary); }
.mehrad-mobile-mega-all {
  margin: 6px 12px 12px;
  justify-content: center;
  background: color-mix(in srgb, var(--mehrad-primary) 9%, transparent);
  color: var(--mehrad-primary);
}
.mehrad-mobile-mega-all.sub-all { margin: 4px 0 8px; }
.mehrad-mobile-nav { margin-top: 14px; }
@media (max-width: 860px) {
  .mehrad-header__inner { direction: rtl; }
  .mehrad-header__brand { order: 1; margin-inline-end: 0; }
  .mehrad-header__actions { order: 2; direction: ltr; }
  .mehrad-mobile-toggle { order: 1; }
  .mehrad-cart { order: 2; }
  .mehrad-theme-toggle { order: 3; }
}
@media (max-width: 760px) {
  .mehrad-mega-grid { grid-template-columns: 1fr; }
}
@media (max-width: 480px) {
  .mehrad-logo,
  .mehrad-mobile-logo { min-width: 130px; }
}

/* Mehrad v1.0.4 — Parsan-style mobile header and drawer */
@media (max-width: 860px) {
  :root {
    --mehrad-header-height: 88px;
    --mehrad-logo-width: 132px;
    --mehrad-logo-height: 62px;
  }
  .mehrad-header {
    background: var(--mehrad-bg);
    border-bottom: 1px solid color-mix(in srgb, var(--mehrad-border) 70%, transparent);
    backdrop-filter: none;
  }
  .mehrad-header__inner {
    width: min(100% - 24px, 1560px);
    min-height: var(--mehrad-header-height);
    margin-inline: auto;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    direction: rtl;
  }
  .mehrad-header__brand {
    order: 1;
    min-width: 132px;
    display: flex;
    justify-content: flex-end;
  }
  .mehrad-logo,
  .mehrad-mobile-logo {
    width: 132px !important;
    min-width: 132px !important;
    max-width: 132px !important;
    height: 62px !important;
    justify-content: flex-end;
  }
  .mehrad-logo__img,
  body.woocommerce .mehrad-logo__img,
  body.archive .mehrad-logo__img,
  body.single-product .mehrad-logo__img {
    width: 132px !important;
    height: 62px !important;
    max-width: 132px !important;
    max-height: 62px !important;
    object-fit: contain !important;
    object-position: right center !important;
  }
  .mehrad-header__nav,
  .mehrad-header__search,
  .mehrad-login--desktop { display: none !important; }
  .mehrad-header__actions {
    order: 2;
    margin-right: auto !important;
    margin-left: 0 !important;
    display: flex;
    align-items: center;
    gap: 10px;
    direction: ltr;
  }
  .mehrad-mobile-toggle { display: inline-grid !important; order: 1; }
  .mehrad-cart { order: 2; }
  .mehrad-theme-toggle { order: 3; }
  .mehrad-header__actions .mehrad-icon-btn {
    width: 54px;
    height: 54px;
    border: 0;
    border-radius: 15px;
    box-shadow: none;
  }
  .mehrad-mobile-toggle {
    background: var(--mehrad-primary) !important;
    color: #fff !important;
  }
  .mehrad-cart {
    background: color-mix(in srgb, var(--mehrad-primary) 14%, #ffffff) !important;
    color: var(--mehrad-primary) !important;
  }
  .mehrad-theme-toggle {
    background: #f8fafc !important;
    color: #64748b !important;
  }
  html.dark .mehrad-theme-toggle {
    background: #172033 !important;
    color: #f8fafc !important;
  }
  .mehrad-header__actions .mehrad-icon-btn:hover {
    transform: translateY(-1px);
    border-color: transparent;
  }
  .mehrad-header__actions .mehrad-icon-btn svg,
  .mehrad-cart-icon,
  .mehrad-menu-icon,
  .mehrad-icon-moon,
  .mehrad-icon-sun {
    width: 25px;
    height: 25px;
    stroke-width: 2;
  }
  .mehrad-cart__count {
    right: -4px;
    bottom: -7px;
    top: auto;
    min-width: 24px;
    height: 24px;
    padding: 0 6px;
    border: 2px solid var(--mehrad-bg);
    background: var(--mehrad-primary);
    color: #fff;
    font-size: 12px;
    font-weight: 900;
    line-height: 20px;
  }
}

.mehrad-mobile-backdrop {
  position: fixed;
  inset: 0;
  background: rgba(15, 23, 42, .48);
  backdrop-filter: none;
  z-index: 990;
  opacity: 0;
  visibility: hidden;
  transition: opacity .25s ease, visibility .25s ease;
}
.mehrad-mobile-backdrop.is-open {
  opacity: 1;
  visibility: visible;
}
.mehrad-mobile-panel {
  position: fixed;
  top: 0;
  right: 0;
  left: auto;
  width: min(88vw, 390px);
  height: 100vh;
  padding: 0;
  background: var(--mehrad-bg);
  color: var(--mehrad-text);
  z-index: 1000;
  border: 0;
  border-left: 1px solid var(--mehrad-border);
  border-radius: 26px 0 0 26px;
  box-shadow: -20px 0 55px rgba(15, 23, 42, .20);
  transform: translateX(110%);
  transition: transform .28s cubic-bezier(.22,.61,.36,1);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  overscroll-behavior: contain;
}
.mehrad-mobile-panel.is-open { transform: translateX(0); }
.mehrad-mobile-panel[hidden],
.mehrad-mobile-backdrop[hidden] { display: none !important; }
.mehrad-mobile-panel__head {
  height: 72px;
  min-height: 72px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 0 18px;
  border-bottom: 1px solid #eef2f7;
}
html.dark .mehrad-mobile-panel__head { border-bottom-color: var(--mehrad-border); }
.mehrad-mobile-panel__head strong {
  font-size: 17px;
  font-weight: 950;
  color: var(--mehrad-text);
}
.mehrad-mobile-close {
  width: 40px;
  height: 40px;
  border: 0;
  border-radius: 13px;
  background: #f8fafc;
  color: #64748b;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
html.dark .mehrad-mobile-close { background: #172033; color: #cbd5e1; }
.mehrad-mobile-close svg { width: 22px; height: 22px; }
.mehrad-mobile-panel__body {
  padding: 16px;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}
.mehrad-mobile-search-card {
  margin: 0 0 14px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}
.mehrad-mobile-search {
  height: 52px;
  border: 1px solid #edf2f7;
  border-radius: 15px;
  background: var(--mehrad-bg);
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  overflow: hidden;
}
html.dark .mehrad-mobile-search { border-color: var(--mehrad-border); background: #0f172a; }
.mehrad-mobile-search input {
  height: 100%;
  padding: 0 14px;
  color: var(--mehrad-text);
  font-size: 14px;
  font-weight: 600;
}
.mehrad-mobile-search input::placeholder { color: #94a3b8; }
.mehrad-mobile-search button {
  width: 54px;
  height: 100%;
  color: #64748b;
}
.mehrad-mobile-search button svg { width: 24px; height: 24px; }
.mehrad-login--mobile {
  width: 100%;
  max-width: none;
  min-width: 0;
  height: 54px;
  margin: 10px 0 0;
  padding: 0 14px;
  border: 1px solid #edf2f7;
  border-radius: 16px;
  background: var(--mehrad-bg);
  color: var(--mehrad-text);
  box-shadow: none;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  font-weight: 950;
}
html.dark .mehrad-login--mobile { border-color: var(--mehrad-border); background: #0f172a; }
.mehrad-login--mobile:hover {
  transform: none;
  background: var(--mehrad-bg);
  color: var(--mehrad-text);
  border-color: #edf2f7;
  box-shadow: none;
}
.mehrad-login--mobile .mehrad-login__icon {
  width: 22px;
  height: 22px;
  color: var(--mehrad-primary);
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  flex: 0 0 auto;
}
.mehrad-mobile-mega,
.mehrad-mobile-mega details,
.mehrad-mobile-mega ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.mehrad-mobile-mega summary { list-style: none; }
.mehrad-mobile-mega summary::-webkit-details-marker { display: none; }
.mehrad-mobile-mega-root {
  margin: 14px 0 12px;
  border: 1px solid #edf2f7;
  border-radius: 16px;
  background: var(--mehrad-bg);
  overflow: hidden;
}
html.dark .mehrad-mobile-mega-root { border-color: var(--mehrad-border); background: #0f172a; }
.mehrad-mobile-mega-root-summary {
  height: 56px;
  padding: 0 14px;
  display: flex;
  align-items: center;
  gap: 12px;
  cursor: pointer;
  color: var(--mehrad-text);
  background: transparent;
  border-bottom: 1px solid #edf2f7;
  font-weight: 950;
}
html.dark .mehrad-mobile-mega-root-summary { border-bottom-color: var(--mehrad-border); }
.mehrad-mobile-mega-root-icon,
.mehrad-mobile-mega-icon {
  width: 32px;
  height: 32px;
  border-radius: 10px;
  background: color-mix(in srgb, var(--mehrad-primary) 10%, transparent);
  color: var(--mehrad-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
}
.mehrad-mobile-mega-root-svg,
.mehrad-mobile-mega-svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.mehrad-mobile-mega-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 10px;
}
.mehrad-mobile-mega-item {
  border: 1px solid #edf2f7;
  border-radius: 16px;
  background: var(--mehrad-bg);
  overflow: hidden;
}
html.dark .mehrad-mobile-mega-item { border-color: var(--mehrad-border); background: #111827; }
.mehrad-mobile-mega-item > summary,
.mehrad-mobile-mega-subitem > summary {
  height: 56px;
  padding: 0 14px;
  display: flex;
  align-items: center;
  gap: 12px;
  cursor: pointer;
  color: var(--mehrad-text);
  background: transparent;
  border: 0;
}
.mehrad-mobile-mega-item strong { font-size: 14px; font-weight: 950; }
.mehrad-mobile-mega-root-summary > .mehrad-mobile-chevron,
.mehrad-mobile-mega-item > summary > .mehrad-mobile-chevron,
.mehrad-mobile-mega-subitem > summary > .mehrad-mobile-chevron {
  margin-right: auto;
  width: 18px;
  height: 18px;
  color: #3366ff;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.1;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: transform .2s ease;
}
.mehrad-mobile-mega-root[open] > summary > .mehrad-mobile-chevron,
.mehrad-mobile-mega-item[open] > summary > .mehrad-mobile-chevron,
.mehrad-mobile-mega-subitem[open] > summary > .mehrad-mobile-chevron { transform: rotate(180deg); }
.mehrad-mobile-mega-item ul {
  list-style: none;
  margin: 0;
  padding: 0 58px 10px 14px;
  display: flex;
  flex-direction: column;
  gap: 9px;
  max-height: 185px;
  overflow: auto;
}
.mehrad-mobile-mega-item a,
.mehrad-mobile-mega-child-level-1 a,
.mehrad-mobile-mega-child-level-2 a,
.mehrad-mobile-mega-child-level-3 a {
  color: #64748b;
  font-weight: 850;
  font-size: 13px;
  padding: 0;
  border-radius: 0;
  background: transparent;
}
.mehrad-mobile-mega-all {
  display: block !important;
  margin: 0 58px 12px 14px !important;
  padding: 0 !important;
  color: var(--mehrad-primary) !important;
  font-weight: 950 !important;
  background: transparent !important;
  text-align: right;
}
.mehrad-mobile-mega-all.sub-all { margin: 0 0 10px !important; }
.mehrad-mobile-nav { margin-top: 12px; }
.mehrad-mobile-menu,
.mehrad-mobile-menu--fallback {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.mehrad-mobile-menu li { list-style: none; }
.mehrad-mobile-menu a {
  min-height: 54px;
  display: flex;
  align-items: center;
  padding: 15px 16px;
  color: var(--mehrad-text);
  font-weight: 950;
  border: 1px solid #edf2f7;
  border-radius: 16px;
  background: var(--mehrad-bg);
}
html.dark .mehrad-mobile-menu a { border-color: var(--mehrad-border); background: #0f172a; }
.mehrad-mobile-menu a:hover { background: var(--mehrad-surface-soft); color: var(--mehrad-primary); }
.mehrad-mobile-menu .sub-menu {
  padding: 8px 16px 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.mehrad-mobile-menu .sub-menu a {
  min-height: 44px;
  font-size: 13px;
  color: #64748b;
  background: #f8fafc;
}
html.dark .mehrad-mobile-menu .sub-menu a { background: #111827; color: #cbd5e1; }
@media (max-width: 420px) {
  .mehrad-header__actions .mehrad-icon-btn { width: 50px; height: 50px; }
  .mehrad-header__actions { gap: 8px; }
  .mehrad-logo,
  .mehrad-mobile-logo,
  .mehrad-logo__img,
  body.woocommerce .mehrad-logo__img,
  body.archive .mehrad-logo__img,
  body.single-product .mehrad-logo__img {
    width: 120px !important;
    min-width: 120px !important;
    max-width: 120px !important;
  }
  .mehrad-mobile-panel { width: 92vw; }
}
@media (max-width: 360px) {
  .mehrad-header__inner { width: min(100% - 18px, 1560px); }
  .mehrad-header__actions .mehrad-icon-btn { width: 46px; height: 46px; border-radius: 14px; }
  .mehrad-header__actions { gap: 6px; }
  .mehrad-logo,
  .mehrad-mobile-logo,
  .mehrad-logo__img,
  body.woocommerce .mehrad-logo__img,
  body.archive .mehrad-logo__img,
  body.single-product .mehrad-logo__img {
    width: 106px !important;
    min-width: 106px !important;
    max-width: 106px !important;
  }
}

/* Mehrad v1.0.5 — renamed theme, Parsan-style mobile menu and account button shadow */
.mehrad-login {
  box-shadow: 0 10px 24px color-mix(in srgb, var(--mehrad-login-border) 18%, transparent);
}
.mehrad-login:hover {
  box-shadow: 0 14px 30px color-mix(in srgb, var(--mehrad-login-hover-bg) 24%, transparent);
}

@media (max-width: 860px) {
  :root {
    --mehrad-header-height: 88px;
    --mehrad-logo-width: 132px;
    --mehrad-logo-height: 62px;
  }
  .mehrad-header {
    background: var(--mehrad-bg);
    border-bottom: 1px solid color-mix(in srgb, var(--mehrad-border) 72%, transparent);
    backdrop-filter: none;
  }
  .mehrad-header__inner {
    width: min(100% - 24px, 1560px);
    min-height: var(--mehrad-header-height);
    padding: 0;
    justify-content: space-between;
    gap: 14px;
  }
  .mehrad-header__brand {
    order: 1;
    min-width: 132px;
    display: flex;
    justify-content: flex-end;
    margin: 0 !important;
  }
  .mehrad-logo,
  .mehrad-mobile-logo {
    width: 132px !important;
    min-width: 132px !important;
    max-width: 132px !important;
    height: 62px !important;
    justify-content: flex-end;
  }
  .mehrad-logo__img,
  body.woocommerce .mehrad-logo__img,
  body.archive .mehrad-logo__img,
  body.single-product .mehrad-logo__img {
    width: 132px !important;
    height: 62px !important;
    max-width: 132px !important;
    max-height: 62px !important;
    object-fit: contain !important;
    object-position: right center !important;
  }
  .mehrad-header__nav,
  .mehrad-header__search,
  .mehrad-login--desktop { display: none !important; }
  .mehrad-header__actions {
    order: 2;
    margin-right: auto !important;
    margin-left: 0 !important;
    display: flex;
    align-items: center;
    gap: 10px;
    direction: ltr;
  }
  .mehrad-mobile-toggle { display: inline-grid !important; order: 1; }
  .mehrad-cart { order: 2; }
  .mehrad-theme-toggle { order: 3; }
  .mehrad-header__actions .mehrad-icon-btn {
    width: 54px;
    height: 54px;
    border: 0;
    border-radius: 15px;
    box-shadow: none;
  }
  .mehrad-mobile-toggle {
    background: var(--mehrad-primary) !important;
    color: #fff !important;
  }
  .mehrad-cart {
    background: color-mix(in srgb, var(--mehrad-primary) 14%, #ffffff) !important;
    color: var(--mehrad-primary) !important;
  }
  .mehrad-theme-toggle {
    background: #f8fafc !important;
    color: #64748b !important;
  }
  html.dark .mehrad-theme-toggle {
    background: #172033 !important;
    color: #f8fafc !important;
  }
  .mehrad-header__actions .mehrad-icon-btn svg,
  .mehrad-cart-icon,
  .mehrad-menu-icon,
  .mehrad-icon-moon,
  .mehrad-icon-sun {
    width: 25px;
    height: 25px;
    stroke-width: 2;
  }
}

.mehrad-mobile-backdrop {
  position: fixed;
  inset: 0;
  background: rgba(15, 23, 42, .48);
  z-index: 2147483500;
  opacity: 0;
  visibility: hidden;
  transition: opacity .25s ease, visibility .25s ease;
}
.mehrad-mobile-backdrop.is-open {
  opacity: 1;
  visibility: visible;
}
.mehrad-mobile-panel {
  position: fixed;
  top: 0;
  right: 0;
  left: auto;
  width: min(88vw, 390px);
  height: 100dvh;
  background: var(--mehrad-bg);
  z-index: 2147483601;
  box-shadow: -20px 0 55px rgba(15, 23, 42, .20);
  transform: translateX(110%);
  transition: transform .28s cubic-bezier(.22,.61,.36,1);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  border-radius: 26px 0 0 26px;
  padding: 0;
}
.mehrad-mobile-panel.is-open { transform: translateX(0); }
.mehrad-mobile-panel__head {
  height: 72px;
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 18px;
  border-bottom: 1px solid var(--mehrad-border);
}
.mehrad-mobile-panel__head strong {
  font-size: 17px;
  font-weight: 900;
  color: var(--mehrad-text);
}
.mehrad-mobile-close {
  width: 40px;
  height: 40px;
  border: 0;
  border-radius: 13px;
  background: var(--mehrad-surface-soft);
  color: var(--mehrad-muted);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.mehrad-mobile-panel__body {
  padding: 16px;
  overflow-y: auto;
  overscroll-behavior: contain;
}
.mehrad-mobile-search-card {
  margin: 0 0 14px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}
.mehrad-mobile-search {
  height: 52px;
  border-radius: 15px;
  border: 1px solid var(--mehrad-border);
  background: var(--mehrad-bg);
  box-shadow: none;
}
.mehrad-mobile-search input {
  background: transparent;
  color: var(--mehrad-text);
  font-weight: 800;
}
.mehrad-login--mobile,
.mehrad-mobile-notice-row {
  height: 54px;
  border: 1px solid var(--mehrad-border);
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  padding: 0 14px;
  margin: 10px 0;
  font-weight: 900;
  color: var(--mehrad-text);
  background: var(--mehrad-bg);
  width: 100%;
  max-width: none;
}
.mehrad-login--mobile .mehrad-login__icon {
  width: 22px;
  height: 22px;
  color: var(--mehrad-primary);
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
}
.mehrad-mobile-mega,
.mehrad-mobile-mega details,
.mehrad-mobile-mega ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.mehrad-mobile-mega summary { list-style: none; }
.mehrad-mobile-mega summary::-webkit-details-marker { display: none; }
.mehrad-mobile-mega-root {
  border: 1px solid var(--mehrad-border);
  border-radius: 18px;
  background: var(--mehrad-bg);
  overflow: hidden;
  margin: 16px 0;
}
.mehrad-mobile-mega-root-summary {
  min-height: 58px;
  padding: 0 16px;
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  font-weight: 900;
  color: var(--mehrad-text);
  background: var(--mehrad-bg);
  border: 0;
}
.mehrad-mobile-mega-root-icon,
.mehrad-mobile-mega-icon,
.mehrad-nav-item-icon {
  width: 32px;
  height: 32px;
  min-width: 32px;
  border-radius: 10px;
  background: color-mix(in srgb, var(--mehrad-primary) 10%, transparent);
  color: var(--mehrad-primary);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.mehrad-mobile-mega-root-svg,
.mehrad-mobile-mega-svg,
.mehrad-nav-item-icon__svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.mehrad-mobile-mega-root-summary .mehrad-mobile-chevron,
.mehrad-mobile-mega-item > summary .mehrad-mobile-chevron,
.mehrad-mobile-mega-subitem > summary .mehrad-mobile-chevron {
  margin-right: auto;
  width: 18px;
  height: 18px;
  color: #3366ff;
  transition: transform .2s ease;
}
.mehrad-mobile-mega-root[open] > .mehrad-mobile-mega-root-summary {
  border-bottom: 1px solid var(--mehrad-border);
}
.mehrad-mobile-mega-root[open] > .mehrad-mobile-mega-root-summary .mehrad-mobile-chevron,
.mehrad-mobile-mega-item[open] > summary .mehrad-mobile-chevron,
.mehrad-mobile-mega-subitem[open] > summary .mehrad-mobile-chevron {
  transform: rotate(180deg);
}
.mehrad-mobile-mega-list {
  padding: 12px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.mehrad-mobile-mega-item {
  border: 1px solid var(--mehrad-border) !important;
  border-radius: 16px !important;
  background: var(--mehrad-surface-soft) !important;
  overflow: hidden;
  margin: 0;
}
.mehrad-mobile-mega-item > summary {
  min-height: 56px;
  height: 56px;
  padding: 0 14px;
  display: flex;
  align-items: center;
  gap: 12px;
  cursor: pointer;
  background: transparent;
  border: 0;
}
.mehrad-mobile-mega-item strong { font-size: 14px; }
.mehrad-mobile-mega-child-level-1,
.mehrad-mobile-mega-child-level-2,
.mehrad-mobile-mega-child-level-3,
.mehrad-mobile-mega-item ul {
  max-height: none !important;
  overflow: visible !important;
  padding: 10px 58px 10px 14px !important;
  display: flex;
  flex-direction: column;
  gap: 9px;
}
.mehrad-mobile-mega-child-level-1 a,
.mehrad-mobile-mega-child-level-2 a,
.mehrad-mobile-mega-child-level-3 a,
.mehrad-mobile-mega-all {
  color: var(--mehrad-muted);
  font-weight: 800;
  font-size: 13px;
  padding: 7px 0;
  border-radius: 10px;
}
.mehrad-mobile-mega-all {
  display: block !important;
  margin: 0 58px 12px 14px !important;
  color: var(--mehrad-primary) !important;
  font-weight: 900 !important;
  text-align: right;
  background: transparent;
}
.mehrad-mobile-mega-subitem {
  border-radius: 12px;
  background: var(--mehrad-bg);
  border: 1px solid var(--mehrad-border);
  margin-bottom: 7px;
  overflow: hidden;
}
.mehrad-mobile-mega-subitem > summary {
  min-height: 42px;
  padding: 0 12px;
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  font-size: 13px;
  font-weight: 900;
  color: var(--mehrad-text);
}
.mehrad-mobile-mega-subitem .sub-all {
  display: block !important;
  margin: 0 12px 10px !important;
  font-size: 12px !important;
}
.mehrad-mobile-menu,
.mehrad-mobile-menu--fallback {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.mehrad-mobile-menu li { list-style: none; }
.mehrad-mobile-menu a {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 15px 16px;
  color: var(--mehrad-text);
  font-weight: 900;
  border: 1px solid var(--mehrad-border);
  border-radius: 16px;
  background: var(--mehrad-bg);
}
.mehrad-mobile-menu .sub-menu {
  padding: 8px 16px 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.mehrad-mobile-menu .sub-menu a {
  font-size: 13px;
  color: var(--mehrad-muted);
  background: var(--mehrad-surface-soft);
}
@media (max-width: 420px) {
  .mehrad-mobile-panel { width: min(92vw, 390px); }
  .mehrad-header__actions { gap: 8px; }
  .mehrad-header__actions .mehrad-icon-btn { width: 50px; height: 50px; }
}

/* Mehrad v1.0.7 — refined mega-menu scrolling and local category icons */
.mehrad-mega__caret {
  width: 15px;
  height: 15px;
  flex: 0 0 auto;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.2;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: transform .2s ease;
}
.mehrad-mega:hover .mehrad-mega__caret,
.mehrad-mega:focus-within .mehrad-mega__caret,
.mehrad-mega.is-open .mehrad-mega__caret {
  transform: rotate(180deg);
}

@media (min-width: 1281px) {
  .mehrad-mega__panel {
    top: calc(100% + 6px);
    right: 0;
    width: min(700px, calc(100vw - 40px));
    padding-top: 0;
    z-index: 1100;
    pointer-events: none;
  }

  .mehrad-mega:hover .mehrad-mega__panel,
  .mehrad-mega:focus-within .mehrad-mega__panel,
  .mehrad-mega.is-open .mehrad-mega__panel {
    pointer-events: auto;
  }

  .mehrad-mega__panel-inner.mehrad-mega-browser {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 300px;
    grid-template-areas: "content tabs";
    gap: 12px;
    height: 576px;
    height: min(576px, calc(100vh - 132px));
    height: min(576px, calc(100dvh - 132px));
    min-height: 470px;
    padding: 20px;
    direction: ltr;
    background: var(--mehrad-bg);
    border: 1px solid #dddddd;
    border-radius: 18px;
    box-shadow: 0 14px 34px rgba(15, 23, 42, .10);
    overflow: hidden;
  }

  html.dark .mehrad-mega__panel-inner.mehrad-mega-browser {
    border-color: var(--mehrad-border);
    box-shadow: 0 16px 38px rgba(0, 0, 0, .28);
  }

  .mehrad-mega-browser__tabs {
    grid-area: tabs;
    min-width: 0;
    height: 100%;
    max-height: 100%;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 0;
    direction: rtl;
    scrollbar-width: thin;
    scrollbar-gutter: stable;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-y;
    scrollbar-color: color-mix(in srgb, var(--mehrad-primary) 35%, transparent) transparent;
  }

  .mehrad-mega-browser__tabs::-webkit-scrollbar {
    width: 4px;
  }

  .mehrad-mega-browser__tabs::-webkit-scrollbar-thumb {
    background: color-mix(in srgb, var(--mehrad-primary) 35%, transparent);
    border-radius: 999px;
  }

  .mehrad-mega-browser__tab {
    width: 100%;
    min-height: 64px;
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 0 18px 0 14px;
    border: 0;
    border-radius: 11px;
    background: transparent;
    color: var(--mehrad-text);
    direction: rtl;
    text-align: right;
    transition: background-color .18s ease, color .18s ease;
  }

  .mehrad-mega-browser__tab:hover,
  .mehrad-mega-browser__tab:focus-visible,
  .mehrad-mega-browser__tab.is-active {
    background: #f5f5f5;
    color: var(--mehrad-text);
    outline: 0;
  }

  html.dark .mehrad-mega-browser__tab:hover,
  html.dark .mehrad-mega-browser__tab:focus-visible,
  html.dark .mehrad-mega-browser__tab.is-active {
    background: #1b2534;
  }

  .mehrad-mega-browser__tab-icon {
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--mehrad-primary);
    background: transparent;
    border-radius: 0;
  }

  .mehrad-mega-browser__tab-svg {
    width: 29px;
    height: 29px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.75;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  .mehrad-mega-browser__tab strong,
  .mehrad-mega__panel-inner.mehrad-mega-browser strong {
    min-width: 0;
    margin: 0;
    font-size: 16px;
    font-weight: 900;
    line-height: 1.75;
  }

  .mehrad-mega-browser__tab-arrow {
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
    margin-right: auto;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
    transform: rotate(90deg);
    opacity: .82;
  }

  .mehrad-mega-browser__content {
    grid-area: content;
    min-width: 0;
    height: 100%;
    min-height: 0;
    direction: rtl;
  }

  .mehrad-mega-browser__panel {
    position: relative;
    display: none;
    min-height: 0;
    height: 100%;
    padding: 20px 23px 72px;
    background: #f6f6f6;
    border-radius: 11px;
    direction: rtl;
    overflow: hidden;
  }

  .mehrad-mega-browser__panel.is-active {
    display: block;
    animation: mehradMegaPanelIn .18s ease both;
  }

  html.dark .mehrad-mega-browser__panel {
    background: #111a28;
  }

  @keyframes mehradMegaPanelIn {
    from { opacity: 0; transform: translateX(-5px); }
    to { opacity: 1; transform: translateX(0); }
  }

  .mehrad-mega-panel__links {
    height: 100%;
    max-height: calc(100% - 54px);
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 0 1px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 4px;
    scrollbar-width: thin;
    scrollbar-gutter: stable;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-y;
    scrollbar-color: #d5d9df transparent;
  }

  .mehrad-mega-panel__links::-webkit-scrollbar {
    width: 4px;
  }

  .mehrad-mega-panel__links::-webkit-scrollbar-thumb {
    background: #d5d9df;
    border-radius: 999px;
  }

  .mehrad-mega-panel__link {
    display: block;
    width: 100%;
    min-height: 52px;
    padding: 12px 0;
    color: var(--mehrad-text);
    background: transparent;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.75;
    text-align: right;
    transition: color .18s ease, padding-right .18s ease;
  }

  .mehrad-mega-panel__link:hover,
  .mehrad-mega-panel__link:focus-visible {
    color: var(--mehrad-primary);
    padding-right: 7px;
    outline: 0;
  }

  .mehrad-mega-panel__link--depth-1 {
    min-height: 40px;
    padding: 7px 18px 7px 0;
    color: var(--mehrad-muted);
    font-size: 13px;
    font-weight: 700;
  }

  .mehrad-mega-panel__empty {
    margin: 16px 0 0;
    color: var(--mehrad-muted);
    font-size: 14px;
    font-weight: 700;
  }

  .mehrad-mega-panel__all {
    position: absolute;
    left: 23px;
    bottom: 21px;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: #0095f6;
    font-size: 13px;
    font-weight: 900;
    line-height: 1.8;
    white-space: nowrap;
    direction: rtl;
    transition: color .18s ease, transform .18s ease;
  }

  .mehrad-mega-panel__all:hover,
  .mehrad-mega-panel__all:focus-visible {
    color: #0078d4;
    transform: translateX(-2px);
    outline: 0;
  }

  .mehrad-mega-panel__all-arrow {
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    transform: rotate(90deg);
  }
}

/* Local Font Awesome SVG category icons: bundled in the theme, never loaded remotely. */
.mehrad-fa-svg,
.mehrad-fa-svg path,
.mehrad-fa-svg circle,
.mehrad-fa-svg rect,
.mehrad-fa-svg polygon,
.mehrad-fa-svg polyline,
.mehrad-fa-svg line,
.mehrad-fa-svg ellipse {
  fill: currentColor !important;
  stroke: none !important;
}

/* The logged-in account row inside the mobile drawer must remain flat. */
.mehrad-login.mehrad-login--logged-in.mehrad-login--mobile,
.mehrad-login.mehrad-login--logged-in.mehrad-login--mobile:hover,
.mehrad-login.mehrad-login--logged-in.mehrad-login--mobile:focus,
.mehrad-login.mehrad-login--logged-in.mehrad-login--mobile:focus-visible {
  box-shadow: none !important;
}



/* Mehrad v1.0.8 — balanced menu-item icon sizing */
@media (min-width: 1281px) {
  .mehrad-mega-browser__tab-icon {
    width: 25px;
    height: 25px;
    flex: 0 0 25px;
  }

  .mehrad-mega-browser__tab-svg {
    width: 20px;
    height: 20px;
    max-width: 20px;
    max-height: 20px;
  }
}

.mehrad-mobile-mega-root-icon,
.mehrad-mobile-mega-icon,
.mehrad-nav-item-icon {
  width: 28px;
  height: 28px;
  min-width: 28px;
  flex: 0 0 28px;
  border-radius: 8px;
}

.mehrad-mobile-mega-root-svg,
.mehrad-mobile-mega-svg,
.mehrad-nav-item-icon__svg {
  width: 16px;
  height: 16px;
  max-width: 16px;
  max-height: 16px;
}


/* Mehrad v1.0.9 — flat login button on desktop */
.mehrad-login.mehrad-login--desktop,
.mehrad-login.mehrad-login--desktop:hover,
.mehrad-login.mehrad-login--desktop:focus,
.mehrad-login.mehrad-login--desktop:focus-visible {
  box-shadow: none !important;
}

/* Mehrad v1.0.11 — full-screen high-performance popup search */
body.mehrad-menu-open,
body.mehrad-search-open {
  overflow: hidden;
}

body.mehrad-search-open .mehrad-header {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

.mehrad-search-toggle__icon,
.mehrad-search-modal__close-icon,
.mehrad-search-modal__submit-icon {
  width: 25px;
  height: 25px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.mehrad-search-modal {
  position: fixed;
  inset: 0;
  z-index: 1000000;
  display: grid;
  place-items: start center;
  width: 100vw;
  height: 100vh;
  height: 100dvh;
  padding: min(18vh, 150px) 20px 40px;
  isolation: isolate;
  overscroll-behavior: contain;
  opacity: 0;
  visibility: hidden;
  transition: opacity .15s ease, visibility .15s ease;
}

.mehrad-search-modal[hidden] {
  display: none !important;
}

.mehrad-search-modal.is-open {
  opacity: 1;
  visibility: visible;
}

.mehrad-search-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, .86);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  cursor: pointer;
}

.mehrad-search-modal__dialog {
  position: relative;
  z-index: 1;
  width: min(680px, 100%);
  padding: 24px;
  border: 1px solid var(--mehrad-border);
  border-radius: 24px;
  background: var(--mehrad-bg);
  color: var(--mehrad-text);
  box-shadow: 0 28px 90px rgba(15, 23, 42, .22);
  direction: rtl;
  transform: translateY(-12px) scale(.985);
  transition: transform .16s ease;
}

.mehrad-search-modal.is-open .mehrad-search-modal__dialog {
  transform: translateY(0) scale(1);
}

html.dark .mehrad-search-modal__dialog {
  box-shadow: 0 30px 90px rgba(0, 0, 0, .48);
}

.mehrad-search-modal__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 20px;
}

.mehrad-search-modal__head > div {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.mehrad-search-modal__head strong {
  font-size: 19px;
  font-weight: 950;
  line-height: 1.7;
}

.mehrad-search-modal__head span {
  color: var(--mehrad-muted);
  font-size: 13px;
  font-weight: 600;
  line-height: 1.8;
}

.mehrad-search-modal__close {
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  display: grid;
  place-items: center;
  padding: 0;
  border: 1px solid var(--mehrad-border);
  border-radius: 13px;
  background: var(--mehrad-surface-soft);
  color: var(--mehrad-muted);
  cursor: pointer;
  transition: color .18s ease, border-color .18s ease, background .18s ease;
}

.mehrad-search-modal__close:hover,
.mehrad-search-modal__close:focus-visible {
  color: var(--mehrad-primary);
  border-color: color-mix(in srgb, var(--mehrad-primary) 32%, var(--mehrad-border));
  outline: 0;
}

.mehrad-search-modal__form {
  min-height: 62px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 7px;
  border: 1px solid var(--mehrad-border);
  border-radius: 17px;
  background: var(--mehrad-surface-soft);
  transition: border-color .18s ease, box-shadow .18s ease;
}

.mehrad-search-modal__form:focus-within {
  border-color: color-mix(in srgb, var(--mehrad-primary) 52%, var(--mehrad-border));
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--mehrad-primary) 10%, transparent);
}

.mehrad-search-modal__form input {
  width: 100%;
  min-width: 0;
  height: 48px;
  padding: 0 14px;
  border: 0;
  outline: 0;
  background: transparent;
  color: var(--mehrad-text);
  font: inherit;
  font-size: 15px;
  text-align: right;
  direction: rtl;
}

.mehrad-search-modal__form input::placeholder {
  color: var(--mehrad-muted);
}

.mehrad-search-modal__form button {
  min-width: 116px;
  height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0 18px;
  border: 0;
  border-radius: 12px;
  background: var(--mehrad-search-button-bg);
  color: var(--mehrad-search-button-color);
  font: inherit;
  font-size: 14px;
  font-weight: 900;
  cursor: pointer;
  transition: filter .15s ease, transform .15s ease;
}

.mehrad-search-modal__form button:hover,
.mehrad-search-modal__form button:focus-visible {
  filter: brightness(.92);
  transform: translateY(-1px);
  outline: 0;
}

/* Account buttons are intentionally flat on desktop and mobile. */
.mehrad-login,
.mehrad-login:hover,
.mehrad-login:focus,
.mehrad-login:focus-visible {
  box-shadow: none !important;
}

@media (max-width: 1280px) {
  .mehrad-mobile-toggle { order: 1; }
  .mehrad-cart { order: 2; }
  .mehrad-search-toggle { order: 3; }
  .mehrad-theme-toggle { order: 4; }
  .mehrad-login--desktop { order: 5; }
}

@media (max-width: 860px) {
  .mehrad-search-toggle {
    display: none !important;
  }

  .mehrad-search-modal {
    display: none !important;
  }
}

@media (max-width: 560px) {
  .mehrad-search-modal {
    padding: 80px 12px 24px;
  }

  .mehrad-search-modal__dialog {
    padding: 18px;
    border-radius: 20px;
  }

  .mehrad-search-modal__form {
    flex-direction: column;
    align-items: stretch;
  }

  .mehrad-search-modal__form button {
    width: 100%;
  }
}

/* Mehrad v1.0.13 — bundled IRANYekanX typography and faster mega-menu interaction. */
:where(body, button, input, select, textarea) {
  font-family: 'IRANYekanX', Tahoma, Arial, sans-serif;
}
.mehrad-header {
  font-family: 'IRANYekanX', Tahoma, Arial, sans-serif;
}
.mehrad-header :where(button, input, select, textarea) {
  font-family: inherit;
}
@media (min-width: 1281px) {
  .mehrad-mega__panel {
    transition: opacity .08s ease, transform .08s ease, visibility 0s linear .08s !important;
    contain: layout style;
  }
  .mehrad-mega:hover .mehrad-mega__panel,
  .mehrad-mega:focus-within .mehrad-mega__panel,
  .mehrad-mega.is-open .mehrad-mega__panel {
    transition-delay: 0s !important;
  }
  .mehrad-mega-browser__tab {
    transition: background-color .09s ease, color .09s ease !important;
  }
  .mehrad-mega-browser__panel {
    transition: none !important;
  }
}

/* Mehrad v1.0.26 — responsive header and RTL alignment refinements */
.mehrad-header__inner {
  max-width: 100%;
  box-sizing: border-box;
  overflow: visible;
}
.mehrad-header__actions {
  min-width: 0;
  flex-wrap: nowrap;
}
@media (min-width: 861px) and (max-width: 1380px) {
  .mehrad-header__inner {
    width: min(100% - 28px, 1560px);
    padding-inline: 10px;
    gap: clamp(10px, 1.35vw, 22px);
  }
  .mehrad-header__brand {
    min-width: 0;
    flex: 0 1 auto;
  }
  .mehrad-logo,
  .mehrad-mobile-logo {
    width: min(var(--mehrad-logo-width), 210px, 22vw) !important;
    min-width: 0 !important;
    max-width: min(var(--mehrad-logo-width), 210px, 22vw) !important;
  }
  .mehrad-header__actions { gap: clamp(6px, .8vw, 10px); }
  .mehrad-login--desktop {
    min-width: 128px;
    max-width: 180px;
    padding-inline: 16px;
  }
  .mehrad-icon-btn {
    width: 42px;
    height: 42px;
  }
}
@media (min-width: 861px) and (max-width: 1180px) {
  .mehrاد-header__inner,
  .mehrad-header__inner { width: min(100% - 20px, 1560px); }
  .mehrad-login--desktop { display: none; }
  .mehrad-header__actions { margin-inline-start: auto; }
}
@media (max-width: 420px) {
  .mehrad-header__actions .mehrad-icon-btn {
    width: 42px !important;
    height: 42px !important;
  }
  .mehrad-header__actions { gap: 4px !important; }
}
@media (max-width: 340px) {
  .mehrad-header__actions .mehrad-icon-btn {
    width: 38px !important;
    height: 38px !important;
    border-radius: 12px !important;
  }
  .mehrad-logo,
  .mehrad-mobile-logo {
    width: 96px !important;
    min-width: 96px !important;
    max-width: 96px !important;
  }
}


/* Mehrad v1.0.27 — stronger header responsiveness */
.mehrad-header__inner {
  display: flex;
  align-items: center;
  min-width: 0;
}
.mehrad-header__brand,
.mehrad-header__nav,
.mehrad-header__actions {
  min-width: 0;
}
.mehrad-header__actions {
  flex: 0 0 auto;
  align-items: center;
}
@media (min-width: 861px) and (max-width: 1260px) {
  .mehrad-header__inner {
    gap: clamp(6px, .9vw, 14px) !important;
    padding-inline: 8px !important;
  }
  .mehrad-header__nav {
    flex: 1 1 auto;
    overflow: hidden;
  }
  .mehrad-header__nav .menu,
  .mehrad-header__nav ul {
    gap: clamp(10px, 1vw, 16px) !important;
    white-space: nowrap;
  }
  .mehrad-header__actions {
    margin-inline-start: 0 !important;
    gap: 5px !important;
  }
  .mehrad-header__actions .mehrad-icon-btn {
    width: 40px !important;
    height: 40px !important;
    border-radius: 13px !important;
  }
  .mehrad-logo,
  .mehrad-mobile-logo {
    max-width: min(var(--mehrad-logo-width), 180px, 18vw) !important;
  }
}
@media (min-width: 861px) and (max-width: 1040px) {
  .mehrad-header__nav { display: none !important; }
  .mehrad-header__actions { margin-inline-start: auto !important; }
  .mehrad-header__hamburger { display: inline-grid !important; }
}

/* Mehrad v1.0.28 — final responsive header safeguards */
.mehrad-header__inner {
  width: min(calc(100% - 32px), 1560px) !important;
  max-width: calc(100% - 32px) !important;
  min-width: 0 !important;
  margin-inline: auto !important;
  padding-inline: 0 !important;
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  align-items: center !important;
  column-gap: clamp(10px, 1.8vw, 32px) !important;
  overflow: visible !important;
}
.mehrad-header__brand {
  min-width: 0 !important;
  max-width: min(var(--mehrad-logo-width), 24vw) !important;
}
.mehrad-header__nav {
  min-width: 0 !important;
  overflow: hidden !important;
}
.mehrad-header__actions {
  position: static !important;
  inset: auto !important;
  transform: none !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin: 0 !important;
  justify-self: end !important;
  display: flex !important;
  flex: 0 0 auto !important;
  flex-wrap: nowrap !important;
  gap: clamp(4px, .7vw, 10px) !important;
}

@media (min-width: 861px) and (max-width: 1280px) {
  .mehrad-header__inner {
    grid-template-columns: minmax(90px, 1fr) auto !important;
    width: min(calc(100% - 24px), 1560px) !important;
    max-width: calc(100% - 24px) !important;
  }
  .mehrad-header__nav,
  .mehrad-login--desktop { display: none !important; }
  .mehrad-header__brand { grid-column: 1; max-width: min(190px, 25vw) !important; }
  .mehrad-header__actions { grid-column: 2; }
  .mehrad-mobile-toggle { display: inline-grid !important; }
  .mehrad-header__actions .mehrad-icon-btn {
    width: clamp(38px, 3.7vw, 44px) !important;
    height: clamp(38px, 3.7vw, 44px) !important;
    border-radius: 13px !important;
  }
}

@media (max-width: 860px) {
  .mehrad-header__inner {
    grid-template-columns: minmax(76px, 1fr) auto !important;
    width: min(calc(100% - 20px), 1560px) !important;
    max-width: calc(100% - 20px) !important;
    min-height: 76px !important;
    column-gap: 8px !important;
  }
  .mehrad-header__brand {
    grid-column: 1 !important;
    min-width: 0 !important;
    max-width: min(132px, 36vw) !important;
    justify-content: flex-start !important;
  }
  .mehrad-logo,
  .mehrad-mobile-logo {
    width: min(132px, 36vw) !important;
    min-width: 0 !important;
    max-width: min(132px, 36vw) !important;
    height: 52px !important;
  }
  .mehrad-logo__img,
  body.woocommerce .mehrad-logo__img,
  body.archive .mehrad-logo__img,
  body.single-product .mehrad-logo__img {
    width: 100% !important;
    height: 52px !important;
    max-width: 100% !important;
    max-height: 52px !important;
  }
  .mehrad-header__actions {
    grid-column: 2 !important;
    justify-self: end !important;
    gap: clamp(3px, 1vw, 7px) !important;
  }
  .mehrad-header__actions .mehrad-icon-btn {
    width: clamp(36px, 10vw, 44px) !important;
    height: clamp(36px, 10vw, 44px) !important;
    border-radius: 13px !important;
  }
  .mehrad-header__actions .mehrad-icon-btn svg,
  .mehrad-cart-icon,
  .mehrad-menu-icon,
  .mehrad-icon-moon,
  .mehrad-icon-sun {
    width: clamp(20px, 6vw, 24px) !important;
    height: clamp(20px, 6vw, 24px) !important;
  }
}

@media (max-width: 390px) {
  .mehrad-header__inner {
    width: min(calc(100% - 14px), 1560px) !important;
    max-width: calc(100% - 14px) !important;
    grid-template-columns: minmax(70px, 1fr) auto !important;
  }
  .mehrad-logo,
  .mehrad-mobile-logo { width: min(104px, 31vw) !important; max-width: min(104px, 31vw) !important; }
  .mehrad-header__actions { gap: 2px !important; }
  .mehrad-header__actions .mehrad-icon-btn {
    width: 34px !important;
    height: 34px !important;
    border-radius: 11px !important;
  }
}

/* Mehrad v1.0.29 interaction and header refinements */
.mehrad-menu > li > a,
.mehrad-mega__button {
  font-weight: 650;
}

.mehrad-menu ul a,
.mehrad-mega-list a {
  font-weight: 600;
}

@media (hover: hover) and (pointer: fine) {
  .mehrad-mega__panel {
    top: 100%;
    padding-top: 14px;
    pointer-events: none;
  }
  .mehrad-mega:hover .mehrad-mega__panel,
  .mehrad-mega:focus-within .mehrad-mega__panel,
  .mehrad-mega.is-open .mehrad-mega__panel {
    pointer-events: auto;
  }
}

/* Mehrad v1.0.31 — reliable desktop Mega Menu opening. */
@media (min-width: 1281px) {
  .mehrad-header,
  .mehrad-header__inner,
  .mehrad-header__nav {
    overflow: visible !important;
  }

  .mehrad-header__nav {
    position: static !important;
  }

  .mehrad-mega {
    position: relative !important;
    z-index: 1205;
  }

  .mehrad-mega__panel {
    display: block !important;
    top: 100% !important;
    right: 0 !important;
    padding-top: 12px !important;
    z-index: 1210 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translateY(8px) !important;
    transition: opacity .09s ease, transform .09s ease, visibility 0s linear .09s !important;
  }

  .mehrad-mega:hover > .mehrad-mega__panel,
  .mehrad-mega:focus-within > .mehrad-mega__panel,
  .mehrad-mega.is-open > .mehrad-mega__panel {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateY(0) !important;
    transition-delay: 0s !important;
  }

  .mehrad-mega__panel::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: min(100%, 320px);
    height: 14px;
  }
}

/* Mehrad v1.0.36 — user-supplied header icons. */
.mehrad-header-image-icon {
  display: block;
  width: 25px;
  height: 25px;
  max-width: none;
  object-fit: contain;
  pointer-events: none;
  filter: none;
}

.mehrad-theme-toggle .mehrad-icon-moon,
.mehrad-theme-toggle .mehrad-icon-sun {
  width: 26px;
  height: 26px;
}

.mehrad-theme-toggle .mehrad-icon-sun { display: none; }
html.dark .mehrad-theme-toggle .mehrad-icon-moon { display: none; }
html.dark .mehrad-theme-toggle .mehrad-icon-sun { display: block; }

html.dark .mehrad-header-image-icon {
  filter: invert(1) brightness(1.08);
}

.mehrad-cart .mehrad-cart-icon {
  width: 25px;
  height: 25px;
}

.mehrad-mobile-search .mehrad-search-icon {
  width: 21px;
  height: 21px;
}

/* Keep the existing mobile hamburger icon unchanged. */
.mehrad-mobile-toggle .mehrad-menu-icon {
  filter: none;
}

/* Mehrad v1.0.38 — configurable navigation states, mobile action surface, cart fragments and skeleton. */
:root {
  --mehrad-menu-hover-color: var(--mehrad-primary);
  --mehrad-menu-hover-bg: var(--mehrad-surface-soft);
  --mehrad-mega-hover-color: var(--mehrad-primary);
  --mehrad-mega-hover-bg: var(--mehrad-surface-soft);
  --mehrad-menu-current-color: var(--mehrad-primary);
  --mehrad-menu-current-bg: transparent;
  --mehrad-cart-counter-bg: var(--mehrad-primary);
}

.mehrad-menu > li > a,
.mehrad-mega__button {
  border-radius: 10px;
  padding-inline: 8px;
}

.mehrad-menu > li > a:hover,
.mehrad-menu > li > a:focus-visible {
  color: var(--mehrad-menu-hover-color) !important;
  background: var(--mehrad-menu-hover-bg) !important;
}

.mehrad-menu > li.current-menu-item > a,
.mehrad-menu > li.current-menu-ancestor > a,
.mehrad-menu > li.current_page_item > a,
.mehrad-menu > li.current_page_ancestor > a {
  color: var(--mehrad-menu-current-color) !important;
  background: transparent !important;
}

.mehrad-mega:hover .mehrad-mega__button,
.mehrad-mega:focus-within .mehrad-mega__button,
.mehrad-mega.is-open .mehrad-mega__button {
  color: var(--mehrad-mega-hover-color) !important;
  background: var(--mehrad-mega-hover-bg) !important;
}

.mehrad-cart__count {
  top: 1px !important;
  right: 0 !important;
  min-width: 16px !important;
  height: 16px !important;
  padding: 0 4px !important;
  background: var(--mehrad-cart-counter-bg) !important;
  font-size: 9px !important;
  line-height: 16px !important;
  font-weight: 800;
  box-shadow: 0 3px 9px color-mix(in srgb, var(--mehrad-cart-counter-bg) 35%, transparent);
  transition: transform .18s ease, opacity .18s ease;
}

.mehrad-cart__count.is-empty { display: none !important; }
.mehrad-cart__count.is-updating { animation: mehradCartCountPulse .72s ease infinite alternate; }
@keyframes mehradCartCountPulse { to { transform: scale(.82); opacity: .55; } }

@media (max-width: 1024px) {
  .mehrad-header__actions {
    padding: 5px !important;
    gap: 4px !important;
    border: 1px solid var(--mehrad-border) !important;
    border-radius: 18px !important;
    background: var(--mehrad-surface-soft) !important;
    box-shadow: 0 8px 22px rgba(15, 23, 42, .07);
  }

  html.dark .mehrad-header__actions {
    box-shadow: 0 8px 22px rgba(0, 0, 0, .18);
  }

  .mehrad-header__actions .mehrad-icon-btn {
    background: var(--mehrad-bg) !important;
    border-color: color-mix(in srgb, var(--mehrad-border) 78%, transparent) !important;
  }
}

/* Local Toman mark used by commerce widgets. */
.mehrad-currency-mark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  color: currentColor;
  line-height: 1;
}
.mehrad-currency-mark.is-toman {
  width: 18px;
  height: 18px;
}
.mehrad-currency-mark.is-toman img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  filter: none;
}
html.dark .mehrad-currency-mark.is-toman img {
  filter: brightness(0) invert(1);
}
.mehrad-currency-mark.is-rial {
  font-size: 10px;
  font-weight: 650;
}

.mehrad-product-carousel__currency-text.mehrad-currency-mark,
.mehrad-amazing-products__currency.mehrad-currency-mark,
.mehrad-discount-strip__currency.mehrad-currency-mark,
.mehrad-featured-category-products__currency.mehrad-currency-mark {
  width: 17px;
  height: 17px;
  font-size: 9px;
}

/* Apply the configurable Mega Menu hover palette inside the desktop browser too. */
@media (min-width: 1025px) {
  .mehrad-mega-browser__tab:hover,
  .mehrad-mega-browser__tab:focus-visible,
  .mehrad-mega-browser__tab.is-active {
    color: var(--mehrad-mega-hover-color) !important;
    background: var(--mehrad-mega-hover-bg) !important;
  }

  .mehrad-mega-panel__links a:hover,
  .mehrad-mega-panel__links a:focus-visible,
  .mehrad-mega-panel__all:hover,
  .mehrad-mega-panel__all:focus-visible,
  .mehrad-menu ul a:hover,
  .mehrad-menu ul a:focus-visible {
    color: var(--mehrad-menu-hover-color) !important;
    background: var(--mehrad-menu-hover-bg) !important;
  }
}

.mehrad-mobile-menu a:hover,
.mehrad-mobile-menu a:focus-visible,
.mehrad-mobile-cats a:hover,
.mehrad-mobile-cats a:focus-visible,
.mehrad-mobile-mega-root > summary:hover,
.mehrad-mobile-mega-root > summary:focus-visible {
  color: var(--mehrad-menu-hover-color) !important;
  background: var(--mehrad-menu-hover-bg) !important;
}
.mehrad-mobile-menu .current-menu-item > a,
.mehrad-mobile-menu .current-menu-ancestor > a,
.mehrad-mobile-menu .current_page_item > a {
  color: var(--mehrad-menu-current-color) !important;
  background: transparent !important;
}

/* Mehrad v1.0.39: active navigation uses text color only. */
.mehrad-menu > li.current-menu-item > a,
.mehrad-menu > li.current-menu-ancestor > a,
.mehrad-menu > li.current_page_item > a,
.mehrad-menu > li.current_page_ancestor > a,
.mehrad-mobile-menu .current-menu-item > a,
.mehrad-mobile-menu .current-menu-ancestor > a,
.mehrad-mobile-menu .current_page_item > a { background: transparent !important; }

/* Mehrad v1.0.40 — transparent header actions and configurable icon colors. */
:root {
  --mehrad-header-icon-color: #111827;
  --mehrad-header-icon-hover-color: #19b568;
  --mehrad-header-icon-hover-bg: #f1faf6;
}

html.dark {
  --mehrad-header-icon-color: #f8fafc;
  --mehrad-header-icon-hover-color: #22c978;
  --mehrad-header-icon-hover-bg: #14251f;
}

.mehrad-header__actions,
html.dark .mehrad-header__actions {
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.mehrad-header__actions .mehrad-icon-btn {
  color: var(--mehrad-header-icon-color) !important;
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
}

.mehrad-header__actions .mehrad-icon-btn:hover,
.mehrad-header__actions .mehrad-icon-btn:focus-visible {
  color: var(--mehrad-header-icon-hover-color) !important;
  border-color: transparent !important;
  background: var(--mehrad-header-icon-hover-bg) !important;
}

.mehrad-header-mask-icon {
  display: block;
  width: 25px;
  height: 25px;
  flex: 0 0 auto;
  background-color: currentColor;
  -webkit-mask-image: var(--mehrad-header-icon-mask);
  mask-image: var(--mehrad-header-icon-mask);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  pointer-events: none;
}

.mehrad-theme-toggle .mehrad-header-mask-icon {
  width: 26px;
  height: 26px;
}

.mehrad-cart .mehrad-header-mask-icon {
  width: 25px;
  height: 25px;
}

/* The existing hamburger SVG inherits the same configurable currentColor. */
.mehrad-mobile-toggle .mehrad-menu-icon {
  color: inherit;
  stroke: currentColor;
}


/* Mehrad v1.0.41 — align the local Toman mark with price numbers. */
.mehrad-currency-mark,
.mehrad-currency-mark.is-toman,
.mehrad-product-carousel__currency-text.mehrad-currency-mark,
.mehrad-amazing-products__currency.mehrad-currency-mark,
.mehrad-discount-strip__currency.mehrad-currency-mark,
.mehrad-featured-category-products__currency.mehrad-currency-mark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: center;
  vertical-align: middle;
  line-height: 1;
  margin: 0;
  transform: none;
}

.mehrad-currency-mark.is-toman,
.mehrad-product-carousel__currency-text.mehrad-currency-mark.is-toman,
.mehrad-amazing-products__currency.mehrad-currency-mark.is-toman,
.mehrad-discount-strip__currency.mehrad-currency-mark.is-toman,
.mehrad-featured-category-products__currency.mehrad-currency-mark.is-toman {
  width: 14px;
  height: 14px;
  min-width: 14px;
}

.mehrad-currency-mark.is-toman img {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  object-fit: contain;
  vertical-align: middle;
}

.mehrad-product-carousel__price,
.mehrad-amazing-products__current-price,
.mehrad-discount-strip__current-price,
.mehrad-featured-category-products__price-value {
  align-items: center !important;
  line-height: 1 !important;
}

.mehrad-product-carousel__price strong,
.mehrad-amazing-products__current-price strong,
.mehrad-discount-strip__amount,
.mehrad-featured-category-products__price-value strong {
  display: inline-flex;
  align-items: center;
  line-height: 1 !important;
}

/* Configurable colors for text and icons inside the mobile hamburger panel. */
:root {
  --mehrad-mobile-menu-text-color: #111827;
  --mehrad-mobile-menu-icon-color: #19b568;
}

html.dark {
  --mehrad-mobile-menu-text-color: #f8fafc;
  --mehrad-mobile-menu-icon-color: #22c978;
}

.mehrad-mobile-panel__head strong,
.mehrad-mobile-panel .mehrad-mobile-menu a,
.mehrad-mobile-panel .mehrad-mobile-mega-root-summary,
.mehrad-mobile-panel .mehrad-mobile-mega-item > summary,
.mehrad-mobile-panel .mehrad-mobile-mega-subitem > summary,
.mehrad-mobile-panel .mehrad-mobile-mega-child-level-1 a,
.mehrad-mobile-panel .mehrad-mobile-mega-child-level-2 a,
.mehrad-mobile-panel .mehrad-mobile-mega-child-level-3 a,
.mehrad-mobile-panel .mehrad-mobile-mega-all,
.mehrad-mobile-panel .mehrad-login--mobile,
.mehrad-mobile-panel .mehrad-login--mobile span {
  color: var(--mehrad-mobile-menu-text-color);
}

.mehrad-mobile-panel .mehrad-mobile-close,
.mehrad-mobile-panel .mehrad-mobile-close svg,
.mehrad-mobile-panel .mehrad-mobile-mega-root-icon,
.mehrad-mobile-panel .mehrad-mobile-mega-icon,
.mehrad-mobile-panel .mehrad-nav-item-icon,
.mehrad-mobile-panel .mehrad-mobile-mega-root-svg,
.mehrad-mobile-panel .mehrad-mobile-mega-svg,
.mehrad-mobile-panel .mehrad-nav-item-icon__svg,
.mehrad-mobile-panel .mehrad-mobile-chevron,
.mehrad-mobile-panel .mehrad-login__icon,
.mehrad-mobile-panel .mehrad-search-icon {
  color: var(--mehrad-mobile-menu-icon-color);
  stroke: currentColor;
}

.mehrad-mobile-panel .mehrad-mobile-mega-root-icon,
.mehrad-mobile-panel .mehrad-mobile-mega-icon,
.mehrad-mobile-panel .mehrad-nav-item-icon {
  background: color-mix(in srgb, var(--mehrad-mobile-menu-icon-color) 10%, transparent);
}

.mehrad-mobile-panel .mehrad-mobile-menu a:hover,
.mehrad-mobile-panel .mehrad-mobile-menu a:focus-visible,
.mehrad-mobile-panel .mehrad-mobile-cats a:hover,
.mehrad-mobile-panel .mehrad-mobile-cats a:focus-visible,
.mehrad-mobile-panel .mehrad-mobile-mega-root-summary:hover,
.mehrad-mobile-panel .mehrad-mobile-mega-root-summary:focus-visible,
.mehrad-mobile-panel .mehrad-mobile-mega-item > summary:hover,
.mehrad-mobile-panel .mehrad-mobile-mega-item > summary:focus-visible,
.mehrad-mobile-panel .mehrad-mobile-mega-subitem > summary:hover,
.mehrad-mobile-panel .mehrad-mobile-mega-subitem > summary:focus-visible {
  color: var(--mehrad-menu-hover-color);
}

.mehrad-mobile-panel .mehrad-mobile-menu .current-menu-item > a,
.mehrad-mobile-panel .mehrad-mobile-menu .current-menu-ancestor > a,
.mehrad-mobile-panel .mehrad-mobile-menu .current_page_item > a {
  color: var(--mehrad-menu-current-color);
}

/* Mehrad v1.0.42 — Header Two, independent mega colors and final RTL fixes. */
.mehrad-header--two {
  --mehrad-h2-bg: #f3f6fc;
  --mehrad-h2-surface: #edf1f7;
  --mehrad-h2-text: #111827;
  --mehrad-h2-muted: #8e9aab;
  --mehrad-h2-accent: #096cff;
  --mehrad-h2-action-bg: #ffffff;
  --mehrad-h2-action-text: #111827;
  --mehrad-h2-search-bg: #e9edf4;
  --mehrad-h2-search-text: #9aa6b7;
  --mehrad-h2-menu-hover: #096cff;
  --mehrad-h2-mega-bg: #eef2f8;
  --mehrad-h2-mega-column-bg: #ffffff;
  --mehrad-h2-mega-title: #096cff;
  --mehrad-h2-mega-text: #222733;
  --mehrad-h2-mega-icon: #096cff;
  background: var(--mehrad-h2-bg);
  color: var(--mehrad-h2-text);
  border-bottom-color: color-mix(in srgb, var(--mehrad-h2-text) 10%, transparent);
}

.mehrad-header-two__desktop {
  width: min(100%, 1800px);
  margin-inline: auto;
  padding: 10px clamp(18px, 3vw, 58px) 0;
}

.mehrad-header-two__top,
.mehrad-header-two__bottom {
  display: flex;
  align-items: center;
  min-width: 0;
}

.mehrad-header-two__top {
  min-height: 68px;
  gap: clamp(16px, 2vw, 32px);
}

.mehrad-header-two__bottom {
  position: relative;
  min-height: 62px;
  gap: clamp(22px, 3vw, 56px);
  border-bottom: 1px dashed color-mix(in srgb, var(--mehrad-h2-text) 12%, transparent);
}

.mehrad-header-two__logo {
  flex: 0 0 auto;
  display: inline-flex;
  width: clamp(140px, 11vw, 190px);
  height: 48px;
  overflow: hidden;
}

.mehrad-header-two__logo .mehrad-logo__img {
  object-position: right center;
}

.mehrad-header-two__search {
  flex: 1 1 520px;
  min-width: 240px;
  max-width: 920px;
  height: 52px;
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  border-radius: 18px;
  background: var(--mehrad-h2-search-bg);
  color: var(--mehrad-h2-search-text);
  overflow: hidden;
}

.mehrad-header-two__search input {
  flex: 1;
  min-width: 0;
  height: 100%;
  border: 0;
  outline: 0;
  padding: 0 20px;
  background: transparent;
  color: var(--mehrad-h2-text);
  text-align: right;
  direction: rtl;
}

.mehrad-header-two__search input::placeholder { color: var(--mehrad-h2-search-text); }
.mehrad-header-two__search button {
  width: 54px;
  height: 100%;
  display: grid;
  place-items: center;
  border: 0;
  background: transparent;
  color: var(--mehrad-h2-search-text);
  cursor: pointer;
}
.mehrad-header-two__search-icon { width: 19px; height: 19px; fill: currentColor; stroke: none; }

.mehrad-header-two__archive {
  flex: 0 0 auto;
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 0 18px;
  border-radius: 13px;
  background: var(--mehrad-h2-action-bg);
  color: var(--mehrad-h2-text);
  font-size: 14px;
  font-weight: 800;
  box-shadow: 0 5px 14px rgba(15,23,42,.05);
}
.mehrad-header-two__archive-icon { width: 13px; height: 13px; fill: currentColor; transform: rotate(90deg); }

.mehrad-header-two__actions {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: 6px;
  min-height: 54px;
  padding: 6px 10px;
  border-radius: 18px;
  background: var(--mehrad-h2-action-bg);
  color: var(--mehrad-h2-action-text);
  box-shadow: 0 8px 18px rgba(15,23,42,.06);
  direction: ltr;
}

.mehrad-header-two__action,
.mehrad-header-two__cart {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 38px;
  height: 40px;
  border: 0;
  border-radius: 12px;
  background: transparent;
  color: var(--mehrad-h2-action-text);
  cursor: pointer;
}
.mehrad-header-two__action:hover { color: var(--mehrad-h2-accent); }
.mehrad-header-two__action-svg { width: 20px; height: 20px; fill: currentColor; stroke: none; }
.mehrad-header-two__cart {
  gap: 8px;
  min-width: 130px;
  padding: 0 14px;
  background: var(--mehrad-h2-accent);
  color: #fff;
  font-weight: 700;
}
.mehrad-header-two__cart-icon { width: 26px; height: 26px; display: grid; place-items: center; border-radius: 8px; background: rgba(255,255,255,.22); }
.mehrad-header-two__cart .mehrad-cart__count { top: -5px; right: -4px; }
.mehrad-header-two__cart-label { white-space: nowrap; }

.mehrad-header-two__mega-trigger { position: relative; flex: 0 0 auto; align-self: stretch; display: flex; align-items: center; }
.mehrad-header-two__mega-button {
  display: inline-flex;
  align-items: center;
  gap: 11px;
  min-height: 48px;
  color: var(--mehrad-h2-text);
  font-size: 16px;
  font-weight: 800;
}
.mehrad-header-two__mega-button:hover { color: var(--mehrad-h2-menu-hover); }
.mehrad-header-two__mega-icon { width: 19px; height: 19px; fill: currentColor; stroke: none; }

.mehrad-header-two__nav { flex: 1 1 auto; min-width: 0; }
.mehrad-header-two__menu,
.mehrad-header-two__menu ul { list-style: none; margin: 0; padding: 0; }
.mehrad-header-two__menu { display: flex; align-items: center; justify-content: flex-start; gap: clamp(22px, 2.7vw, 50px); white-space: nowrap; }
.mehrad-header-two__menu > li { position: relative; }
.mehrad-header-two__menu > li > a {
  min-height: 48px;
  display: inline-flex;
  align-items: center;
  color: var(--mehrad-h2-text);
  font-size: 15px;
  font-weight: 600;
}
.mehrad-header-two__menu > li > a:hover,
.mehrad-header-two__menu > li.current-menu-item > a,
.mehrad-header-two__menu > li.current-menu-ancestor > a { color: var(--mehrad-h2-menu-hover); }
.mehrad-header-two__menu ul {
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 1100;
  min-width: 220px;
  padding: 10px;
  border-radius: 14px;
  background: var(--mehrad-h2-action-bg);
  box-shadow: 0 14px 34px rgba(15,23,42,.12);
  opacity: 0;
  visibility: hidden;
  transform: translateY(8px);
  transition: opacity .16s ease, transform .16s ease, visibility .16s ease;
}
.mehrad-header-two__menu li:hover > ul,
.mehrad-header-two__menu li:focus-within > ul { opacity: 1; visibility: visible; transform: none; }
.mehrad-header-two__menu ul a { display: block; padding: 9px 11px; border-radius: 9px; color: var(--mehrad-h2-text); font-size: 13px; }
.mehrad-header-two__menu ul a:hover { color: var(--mehrad-h2-menu-hover); background: var(--mehrad-h2-surface); }

.mehrad-header-two__phone {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: var(--mehrad-h2-text);
  font-size: 14px;
  direction: ltr;
}
.mehrad-header-two__phone-icon { width: 18px; height: 18px; fill: currentColor; stroke: none; }

.mehrad-header-two-mega {
  position: absolute;
  top: 100%;
  right: 0;
  left: auto;
  width: min(980px, calc(100vw - 80px));
  z-index: 1150;
  padding: 6px 0 0;
  opacity: 0;
  visibility: hidden;
  transform: translateY(9px);
  pointer-events: none;
  transition: opacity .16s ease, transform .16s ease, visibility .16s ease;
}
.mehrad-header-two__mega-trigger:hover .mehrad-header-two-mega,
.mehrad-header-two__mega-trigger:focus-within .mehrad-header-two-mega,
.mehrad-header-two__mega-trigger.is-open .mehrad-header-two-mega {
  opacity: 1;
  visibility: visible;
  transform: none;
  pointer-events: auto;
}
.mehrad-header-two-mega__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
  max-height: min(540px, calc(100vh - 160px));
  padding: 6px;
  border-radius: 18px;
  background: var(--mehrad-h2-mega-bg);
  box-shadow: 0 16px 38px rgba(15,23,42,.10);
  overflow: auto;
}
.mehrad-header-two-mega__column {
  min-width: 0;
  padding: 18px 20px;
  border-radius: 16px;
  background: var(--mehrad-h2-mega-column-bg);
}
.mehrad-header-two-mega__title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 12px;
  color: var(--mehrad-h2-mega-title);
  font-size: 15px;
  font-weight: 850;
}
.mehrad-header-two-mega__title-arrow { width: 13px; height: 13px; color: var(--mehrad-h2-mega-icon); fill: currentColor; transform: rotate(90deg); }
.mehrad-header-two-mega__links { display: grid; gap: 3px; }
.mehrad-header-two-mega__links a {
  display: block;
  min-height: 36px;
  padding: 7px 0;
  color: var(--mehrad-h2-mega-text);
  font-size: 13px;
  font-weight: 500;
  line-height: 1.7;
}
.mehrad-header-two-mega__links a:hover { color: var(--mehrad-h2-mega-title); }
.mehrad-header-two__mobile { display: none; }

/* Font Awesome category icons use fill, not stroke. Force configurable mobile color. */
.mehrad-mobile-panel .mehrad-mobile-mega-root-svg.mehrad-fa-svg,
.mehrad-mobile-panel .mehrad-mobile-mega-svg.mehrad-fa-svg,
.mehrad-mobile-panel .mehrad-nav-item-icon__svg.mehrad-fa-svg,
.mehrad-mobile-panel .mehrad-mobile-mega-root-svg.mehrad-fa-svg *,
.mehrad-mobile-panel .mehrad-mobile-mega-svg.mehrad-fa-svg *,
.mehrad-mobile-panel .mehrad-nav-item-icon__svg.mehrad-fa-svg * {
  color: var(--mehrad-mobile-menu-icon-color) !important;
  fill: currentColor !important;
  stroke: none !important;
}

@media (max-width: 1280px) {
  .mehrad-header-two__desktop { display: none; }
  .mehrad-header-two__mobile {
    min-height: var(--mehrad-header-height);
    width: 100%;
    padding: 10px clamp(14px, 3vw, 28px);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    direction: rtl;
  }
  .mehrad-header-two__mobile .mehrad-logo { width: min(158px, 42vw); }
  .mehrad-header-two__mobile .mehrad-header__actions { margin-inline-start: auto; }
}

@media (max-width: 1550px) and (min-width: 1281px) {
  .mehrad-header-two__top { gap: 14px; }
  .mehrad-header-two__search { flex-basis: 380px; }
  .mehrad-header-two__archive { padding-inline: 13px; }
  .mehrad-header-two__cart { min-width: 110px; }
  .mehrad-header-two__menu { gap: 24px; }
  .mehrad-header-two__menu > li > a { font-size: 13px; }
}

/* Configurable icon color for Header One desktop mega menu. */
.mehrad-header--one .mehrad-mega__icon,
.mehrad-header--one .mehrad-mega-browser__tab-icon {
  color: var(--mehrad-mega-icon-color, var(--mehrad-primary));
}
.mehrad-header--one .mehrad-mega-browser__tab-svg.mehrad-fa-svg,
.mehrad-header--one .mehrad-mega-browser__tab-svg.mehrad-fa-svg * {
  fill: currentColor !important;
  stroke: none !important;
}

/* Header Two outline icons keep their intended stroke shape. */
.mehrad-header-two__action .mehrad-icon-moon,
.mehrad-header-two__action .mehrad-icon-sun,
.mehrad-header-two__mega-icon,
.mehrad-header-two__archive-icon,
.mehrad-header-two-mega__title-arrow {
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.mehrad-header--two .mehrad-mobile-panel {
  --mehrad-mobile-menu-text-color: var(--mehrad-h2-text);
  --mehrad-mobile-menu-icon-color: var(--mehrad-h2-mega-icon);
  background: var(--mehrad-h2-bg);
  color: var(--mehrad-h2-text);
}
.mehrad-header--two .mehrad-mobile-mega-root,
.mehrad-header--two .mehrad-mobile-mega-item,
.mehrad-header--two .mehrad-mobile-search-card {
  background: var(--mehrad-h2-action-bg);
  border-color: color-mix(in srgb, var(--mehrad-h2-text) 12%, transparent);
}

/* Mehrad v1.0.43 — Header Two final layout, actions and three-level Mega Menu. */
.mehrad-header--two {
  overflow: visible;
}

.mehrad-header-two__desktop {
  overflow: visible;
}

.mehrad-header-two__top {
  position: relative;
  z-index: 4;
}

.mehrad-header-two__search {
  padding-inline: 0 !important;
}

.mehrad-header-two__search input {
  padding-inline: 24px !important;
}

.mehrad-header-two__search button,
.mehrad-header-two__search-icon,
.mehrad-header-two__archive-icon {
  display: none !important;
}

.mehrad-header-two__archive {
  justify-content: center;
  gap: 0 !important;
}

.mehrad-header-two__actions {
  direction: rtl;
}

.mehrad-header-two__action--account {
  min-width: 44px;
}

.mehrad-header-two__action--account .mehrad-header-two__action-svg {
  width: 25px;
  height: 25px;
}

.mehrad-header-two__cart {
  min-width: 124px;
  gap: 9px;
  direction: rtl;
}

.mehrad-header-two__cart-counter-slot {
  display: grid;
  place-items: center;
  width: 27px;
  height: 27px;
  flex: 0 0 27px;
  border-radius: 8px;
  background: rgba(255,255,255,.94);
  color: var(--mehrad-h2-accent);
}

.mehrad-header-two__cart .mehrad-cart__count {
  position: static !important;
  inset: auto !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-width: 0 !important;
  width: auto !important;
  height: auto !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: inherit !important;
  box-shadow: none !important;
  font-size: 12px !important;
  line-height: 1 !important;
  transform: none !important;
}

.mehrad-header-two__cart .mehrad-cart__count.is-empty {
  opacity: 1 !important;
}

.mehrad-header-two__bottom {
  max-height: 68px;
  overflow: visible;
  opacity: 1;
  transform: translateY(0);
  transform-origin: top;
  transition: max-height .28s cubic-bezier(.2,.7,.2,1), min-height .28s cubic-bezier(.2,.7,.2,1), opacity .2s ease, transform .28s cubic-bezier(.2,.7,.2,1), border-color .2s ease;
  will-change: max-height, opacity, transform;
}

.mehrad-header--two.is-bottom-collapsed .mehrad-header-two__bottom {
  min-height: 0 !important;
  max-height: 0 !important;
  opacity: 0;
  transform: translateY(-10px);
  overflow: hidden;
  border-color: transparent;
  pointer-events: none;
}

.mehrad-header-two-mega {
  width: min(690px, calc(100vw - 72px)) !important;
  padding-top: 7px !important;
}

.mehrad-header-two-mega__grid {
  display: grid !important;
  grid-template-columns: minmax(190px, .95fr) minmax(210px, 1.05fr) minmax(190px, .95fr) !important;
  align-items: start;
  gap: 6px !important;
  max-height: min(535px, calc(100vh - 175px));
  padding: 6px !important;
  overflow: visible !important;
  direction: rtl;
  background: transparent !important;
  box-shadow: none !important;
}

.mehrad-header-two-mega__column {
  min-width: 0;
  max-height: min(520px, calc(100vh - 185px));
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  padding: 10px 8px !important;
  border: 1px solid color-mix(in srgb, var(--mehrad-h2-mega-text) 7%, transparent);
  border-radius: 16px !important;
  background: var(--mehrad-h2-mega-column-bg) !important;
  box-shadow: 0 14px 34px rgba(15,23,42,.08);
}

.mehrad-header-two-mega__column--roots {
  padding-block: 8px !important;
}

.mehrad-header-two-mega__root,
.mehrad-header-two-mega__child,
.mehrad-header-two-mega__grand-link,
.mehrad-header-two-mega__empty-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-height: 42px;
  padding: 8px 12px;
  border-radius: 11px;
  color: var(--mehrad-h2-mega-text);
  font-size: 13px;
  font-weight: 600;
  line-height: 1.65;
  text-decoration: none !important;
  transition: color .14s ease, background-color .14s ease;
}

.mehrad-header-two-mega__root:hover,
.mehrad-header-two-mega__root:focus-visible,
.mehrad-header-two-mega__root.is-active,
.mehrad-header-two-mega__child:hover,
.mehrad-header-two-mega__child:focus-visible,
.mehrad-header-two-mega__child.is-active,
.mehrad-header-two-mega__grand-link:hover,
.mehrad-header-two-mega__grand-link:focus-visible {
  color: var(--mehrad-h2-mega-title);
  background: color-mix(in srgb, var(--mehrad-h2-mega-title) 8%, transparent);
  outline: 0;
}

.mehrad-header-two-mega__root.is-active,
.mehrad-header-two-mega__child.is-active {
  font-weight: 800;
}

.mehrad-header-two-mega__item-main {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.mehrad-header-two-mega__item-main strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mehrad-header-two-mega__item-icon {
  display: none !important;
}

.mehrad-header-two-mega__item-arrow {
  width: 11px;
  height: 11px;
  flex: 0 0 11px;
  color: var(--mehrad-h2-mega-icon);
  fill: currentColor;
  transform: rotate(90deg);
}

.mehrad-header-two-mega__children-panel,
.mehrad-header-two-mega__grand-panel {
  display: none;
}

.mehrad-header-two-mega__children-panel.is-active,
.mehrad-header-two-mega__grand-panel.is-active {
  display: grid;
  gap: 2px;
}

.mehrad-header-two-mega__grand-link {
  justify-content: flex-start;
  min-height: 40px;
}

.mehrad-header-two-mega__empty-link {
  color: var(--mehrad-h2-muted);
}

@media (max-width: 1250px) and (min-width: 961px) {
  .mehrad-header-two__desktop {
    padding-inline: 20px;
  }
  .mehrad-header-two__top {
    gap: 12px;
  }
  .mehrad-header-two__logo {
    flex-basis: 160px;
  }
  .mehrad-header-two__search {
    flex-basis: 310px;
  }
  .mehrad-header-two__archive {
    padding-inline: 12px;
    font-size: 13px;
  }
  .mehrad-header-two__cart {
    min-width: 108px;
    padding-inline: 10px;
  }
  .mehrad-header-two__bottom {
    gap: 18px;
  }
  .mehrad-header-two__menu {
    gap: 18px;
  }
  .mehrad-header-two__menu > li > a {
    font-size: 13px;
  }
}

/* Mehrad v1.0.49 — Parsan-style Header Two menu and scroll behavior. */
.mehrad-header-two-mega {
  width: min(270px, calc(100vw - 48px)) !important;
  transition: width .16s ease, opacity .22s ease, transform .22s ease, visibility .22s ease !important;
}

.mehrad-header-two-mega.has-children-column {
  width: min(520px, calc(100vw - 48px)) !important;
}

.mehrad-header-two-mega.has-grand-column {
  width: min(700px, calc(100vw - 48px)) !important;
}

.mehrad-header-two-mega__grid {
  grid-template-columns: minmax(220px, 1fr) !important;
  width: 100%;
}

.mehrad-header-two-mega.has-children-column .mehrad-header-two-mega__grid {
  grid-template-columns: minmax(220px, .95fr) minmax(230px, 1.05fr) !important;
}

.mehrad-header-two-mega.has-grand-column .mehrad-header-two-mega__grid {
  grid-template-columns: minmax(205px, .92fr) minmax(225px, 1.04fr) minmax(205px, .92fr) !important;
}

.mehrad-header-two-mega__column[aria-hidden="true"] {
  display: none !important;
}

.mehrad-header-two-mega__column[aria-hidden="false"] {
  display: block !important;
}

.mehrad-header-two-mega__root[data-has-children="0"] .mehrad-header-two-mega__item-main,
.mehrad-header-two-mega__child[data-has-children="0"] > span {
  max-width: 100%;
}

.mehrad-header-two-mega__root[data-has-children="0"],
.mehrad-header-two-mega__child[data-has-children="0"] {
  cursor: pointer;
}

@media (max-width: 1280px) {
  .mehrad-header--two {
    --mehrad-header-height: 64px;
  }

  .mehrad-header-two__mobile {
    min-height: 64px !important;
    height: 64px;
    padding: 6px 12px !important;
    gap: 10px !important;
  }

  .mehrad-header-two__mobile .mehrad-logo {
    width: min(140px, 40vw) !important;
    height: 36px !important;
  }

  .mehrad-header-two__mobile .mehrad-header__actions {
    gap: 4px !important;
  }

  .mehrad-header-two__mobile .mehrad-icon-btn {
    width: 40px;
    height: 40px;
    border-radius: 12px;
  }
}

@media (max-width: 420px) {
  .mehrad-header-two__mobile {
    min-height: 60px !important;
    height: 60px;
    padding-inline: 10px !important;
  }

  .mehrad-header-two__mobile .mehrad-logo {
    width: min(126px, 38vw) !important;
    height: 32px !important;
  }

  .mehrad-header-two__mobile .mehrad-icon-btn {
    width: 37px;
    height: 37px;
  }
}

@media (min-width: 1281px) {
  .mehrad-header--two,
  .mehrad-header-two__desktop,
  .mehrad-header-two__bottom,
  .mehrad-header-two__mega-trigger {
    overflow: visible !important;
  }

  .mehrad-header--two .mehrad-header-two__bottom {
    display: grid !important;
    grid-template-columns: max-content minmax(0, 1fr) max-content;
    align-items: center;
    column-gap: clamp(20px, 2.4vw, 48px);
    width: 100%;
    height: 62px !important;
    min-height: 62px !important;
    max-height: 82px !important;
    margin: 0 !important;
    opacity: 1;
    visibility: visible;
    transform: translateY(0) !important;
    overflow: visible !important;
    pointer-events: auto;
    contain: none !important;
    will-change: auto !important;
    transition: opacity .28s ease, transform .28s ease, max-height .28s ease, height .28s ease, min-height .28s ease, border-color .28s ease !important;
  }

  /* Header Design #2 remains fully visible while the page scrolls. */
  .mehrad-header--two.is-bottom-collapsed .mehrad-header-two__bottom {
    height: 62px !important;
    min-height: 62px !important;
    max-height: 82px !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
    overflow: visible !important;
    border-color: var(--mehrad-border) !important;
    pointer-events: auto !important;
  }

  .mehrad-header-two__mega-trigger {
    position: relative;
    z-index: 1200;
    align-self: stretch;
    justify-self: start;
  }

  /* Parsan uses this invisible bridge so the hover state is not lost in the gap. */
  .mehrad-header-two__mega-trigger::after {
    content: "";
    position: absolute;
    top: 100%;
    right: 0;
    width: 100%;
    height: 18px;
  }

  .mehrad-header-two__nav {
    width: 100%;
    min-width: 0;
    align-self: stretch;
    display: flex;
    align-items: center;
  }

  .mehrad-header-two__menu {
    width: 100%;
  }

  .mehrad-header-two__phone {
    justify-self: end;
    align-self: center;
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    min-width: max-content;
    max-width: 240px;
    height: 42px;
    margin: 0;
    padding: 0;
    white-space: nowrap;
    line-height: 1;
    flex: none;
  }

  .mehrad-header-two__phone > span {
    display: inline-block;
    line-height: 1.4;
  }

  .mehrad-header-two-mega {
    display: block !important;
    top: calc(100% + 12px) !important;
    padding-top: 0 !important;
    z-index: 1300 !important;
    contain: none !important;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px) !important;
    pointer-events: none;
  }

  .mehrad-header-two__mega-trigger:hover > .mehrad-header-two-mega,
  .mehrad-header-two__mega-trigger:focus-within > .mehrad-header-two-mega,
  .mehrad-header-two__mega-trigger.is-open > .mehrad-header-two-mega {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
    pointer-events: auto !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .mehrad-header--two .mehrad-header-two__bottom,
  .mehrad-header-two-mega {
    transition-duration: .01ms !important;
  }
}

/* Mehrad v1.0.56 — mobile header wishlist order and size fix. */
@media (max-width: 860px) {
  .mehrad-header__actions{direction:ltr!important}
  .mehrad-header__actions .mehrad-mobile-toggle{order:1!important}
  .mehrad-header__actions .mehrad-cart{order:2!important}
  .mehrad-header__actions .mehrad-theme-toggle{order:3!important}
  .mehrad-header__actions .mehrad-wishlist-link{order:4!important}
  .mehrad-header__actions .mehrad-wishlist-link svg,
  .mehrad-header__actions .mehrad-wishlist-icon{width:22px!important;height:22px!important;stroke-width:1.85!important}
  .mehrad-header__actions .mehrad-wishlist-link .mehrad-wishlist__count{transform:scale(.86);transform-origin:top right}
}

/* v1.0.57 mobile search and wishlist header refinements */
.mehrad-mobile-search-card{background:transparent!important;box-shadow:none!important;border-color:transparent!important}.mehrad-wishlist-link .mehrad-wishlist__count,.mehrad-header__wishlist .mehrad-wishlist__count,[data-mehrad-wishlist-count]{display:none!important}

/* v1.0.67: WooCommerce forward link is replaced by Mehrad cart popup/actions */
.added_to_cart.wc-forward,
a.added_to_cart.wc-forward{display:none!important;visibility:hidden!important}

/* Mehrad v1.0.75 - Header Design #1 desktop cart text button */
:root {
  --mehrad-cart-button-bg: #ef335a;
  --mehrad-cart-button-text: #ffffff;
  --mehrad-cart-button-hover-bg: #d91f49;
  --mehrad-cart-button-hover-text: #ffffff;
}
.mehrad-cart__label { display: none; }
@media (min-width: 861px) {
  .mehrad-header--one .mehrad-cart--header-one {
    width: auto !important;
    min-width: 118px !important;
    height: 46px !important;
    padding: 0 18px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    border-radius: 14px !important;
    background: var(--mehrad-cart-button-bg) !important;
    color: var(--mehrad-cart-button-text) !important;
    border-color: var(--mehrad-cart-button-bg) !important;
    box-shadow: 0 16px 34px color-mix(in srgb, var(--mehrad-cart-button-bg) 16%, transparent) !important;
  }
  .mehrad-header--one .mehrad-cart--header-one .mehrad-cart-icon,
  .mehrad-header--one .mehrad-cart--header-one .mehrad-header-mask-icon {
    display: none !important;
  }
  .mehrad-header--one .mehrad-cart--header-one .mehrad-cart__label {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    white-space: nowrap !important;
    font-size: 14px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
  }
  .mehrad-header--one .mehrad-cart--header-one:hover,
  .mehrad-header--one .mehrad-cart--header-one:focus-visible {
    background: var(--mehrad-cart-button-hover-bg) !important;
    color: var(--mehrad-cart-button-hover-text) !important;
    border-color: var(--mehrad-cart-button-hover-bg) !important;
  }
  .mehrad-header--one .mehrad-cart--header-one .mehrad-cart__count {
    top: -6px !important;
    right: -6px !important;
  }
}
@media (max-width: 860px) {
  .mehrad-header--one .mehrad-cart--header-one .mehrad-cart__label { display: none !important; }
  .mehrad-header--one .mehrad-cart--header-one .mehrad-cart-icon,
  .mehrad-header--one .mehrad-cart--header-one .mehrad-header-mask-icon { display: block !important; }
}


/* Mehrad v1.0.86 - Header Design 1 account/cart equal height */
@media (min-width:861px){
  .mehrad-header--one .mehrad-login.mehrad-login--desktop,
  .mehrad-header--one .mehrad-cart--header-one{height:46px!important;min-height:46px!important;max-height:46px!important;border-radius:14px!important;box-sizing:border-box!important}
}


/* Mehrad v1.0.91 - image-centric Elementor widgets fill their media parents */
.elementor-widget-mehrad_image_slider .mehrad-image-slider__slide,
.elementor-widget-mehrad_vitrin_intro .mehrad-vitrin-intro__photo,
.elementor-widget-mehrad_featured_category_products .mehrad-featured-category-products__media,
.elementor-widget-mehrad_image_text_section .mehrad-image-text-section__media,
.elementor-widget-mehrad_category_hover_grid .mehrad-category-hover-grid__card,
.elementor-widget-mehrad_about_intro .mehrad-about-intro__media,
.elementor-widget-mehrad_discount_strip .mehrad-discount-strip__lead{
	overflow:hidden!important;
}
.elementor-widget-mehrad_image_slider .mehrad-image-slider__image{
	width:100%!important;
	min-width:100%!important;
	height:100%!important;
	min-height:100%!important;
	display:block!important;
}
.elementor-widget-mehrad_vitrin_intro .mehrad-vitrin-intro__img,
.elementor-widget-mehrad_featured_category_products .mehrad-featured-category-products__media > img,
.elementor-widget-mehrad_image_text_section .mehrad-image-text-section__image,
.elementor-widget-mehrad_category_hover_grid .mehrad-category-hover-grid__card > img,
.elementor-widget-mehrad_about_intro .mehrad-about-intro__media > img,
.elementor-widget-mehrad_discount_strip .mehrad-discount-strip__lead > img{
	width:100%!important;
	min-width:100%!important;
	height:100%!important;
	min-height:100%!important;
	object-fit:cover!important;
	display:block!important;
}


/* Mehrad v1.0.102 - global Elementor Heading/Text Editor colors */
.elementor-widget-heading .elementor-heading-title,
.elementor-widget-heading h1.elementor-heading-title,
.elementor-widget-heading h2.elementor-heading-title,
.elementor-widget-heading h3.elementor-heading-title,
.elementor-widget-heading h4.elementor-heading-title,
.elementor-widget-heading h5.elementor-heading-title,
.elementor-widget-heading h6.elementor-heading-title{
	color:var(--mehrad-text)!important;
}
.elementor-widget-text-editor,
.elementor-widget-text-editor .elementor-widget-container,
.elementor-widget-text-editor p,
.elementor-widget-text-editor li,
.elementor-widget-text-editor blockquote,
.elementor-widget-text-editor strong,
.elementor-widget-text-editor em,
.elementor-widget-text-editor span:not([style*="color"]){
	color:var(--mehrad-text)!important;
}
.elementor-widget-text-editor a{
	color:var(--mehrad-primary)!important;
}
.elementor-widget-text-editor hr{
	border-color:var(--mehrad-border)!important;
}


/* Mehrad v1.0.107 - shared Elementor mobile safe spacing and overflow guards */
.elementor-widget[class*="elementor-widget-mehrad_"],
.elementor-widget[class*="elementor-widget-mehrad_"] > .elementor-widget-container,
.elementor-widget[class*="elementor-widget-mehrad_"] > .elementor-widget-container > *{
	min-width:0;
	max-width:100%;
	box-sizing:border-box;
}

.elementor-widget[class*="elementor-widget-mehrad_"] img,
.elementor-widget[class*="elementor-widget-mehrad_"] video,
.elementor-widget[class*="elementor-widget-mehrad_"] iframe{
	max-width:100%;
}

@media(max-width:767px){
	.elementor-widget[class*="elementor-widget-mehrad_"] > .elementor-widget-container{
		width:100%;
		padding-inline:10px;
		margin-inline:auto;
	}
}


/* Mehrad v1.0.125 - consistent number-then-percent rendering. */
.mehrad-discount-percent{
	display:inline-flex!important;
	flex-direction:row!important;
	align-items:center!important;
	justify-content:center!important;
	gap:1px!important;
	direction:ltr!important;
	unicode-bidi:isolate!important;
	white-space:nowrap!important;
}
.mehrad-discount-percent__number{order:1!important;direction:rtl!important;unicode-bidi:isolate!important}
.mehrad-discount-percent__sign{order:2!important;direction:ltr!important;unicode-bidi:isolate!important}


/* Mehrad v1.0.126 - strict number then percent sign order everywhere. */
.mehrad-discount-percent,
.parsan-single-price-discount.mehrad-discount-percent,
.mehrad-shop-sale-badge .mehrad-discount-percent{
  display:inline-flex!important;
  flex-direction:row!important;
  direction:rtl!important;
  unicode-bidi:isolate!important;
  align-items:center!important;
  gap:1px!important;
}
.mehrad-discount-percent > .mehrad-discount-percent__number,
.parsan-single-price-discount.mehrad-discount-percent > .mehrad-discount-percent__number,
.mehrad-shop-sale-badge .mehrad-discount-percent > .mehrad-discount-percent__number{
  order:1!important;
}
.mehrad-discount-percent > .mehrad-discount-percent__sign,
.parsan-single-price-discount.mehrad-discount-percent > .mehrad-discount-percent__sign,
.mehrad-shop-sale-badge .mehrad-discount-percent > .mehrad-discount-percent__sign{
  order:2!important;
}