/*
 * Shared full-width storefront chrome.
 * Keeps the header, category navigation and breadcrumb aligned with page edges
 * across every storefront template while preserving a small safe inset.
 */
.header {
  padding-inline: 16px !important;
}

.header-inner,
.navbar-inner {
  width: 100% !important;
  max-width: none !important;
  margin-inline: 0 !important;
  padding-inline: 0 !important;
}

/* Keep the first and last desktop navigation items aligned to the page edges. */
.navbar-inner {
  justify-content: space-between !important;
}

.navbar {
  padding-inline: 0 !important;
}

.nav-cats {
  padding-inline-start: 0 !important;
}

.breadcrumb {
  width: 100% !important;
  max-width: none !important;
  margin-inline: 0 !important;
  padding-inline: 16px !important;
}

/* Lightweight category templates use topbar/nav names instead. */
.topbar-inner {
  width: 100% !important;
  max-width: none !important;
  margin-inline: 0 !important;
  padding-inline: 16px !important;
}

.nav-inner {
  width: 100% !important;
  max-width: none !important;
  margin-inline: 0 !important;
  padding-inline: 0 !important;
}

.nav-category {
  margin-inline-start: 0 !important;
  padding-inline-start: 0 !important;
}

@media (max-width: 860px) {
  .header {
    padding-inline: 16px !important;
  }

  .topbar-inner {
    padding-inline: 12px !important;
  }

  .nav-inner {
    width: max-content !important;
    min-width: 100% !important;
    padding-inline: 12px !important;
  }
}

/* حذف خط جداکننده بین هدر جستجو و نوار دسته‌بندی */
.header {
  border-bottom: 0 !important;
}
/* حذف سایهٔ باقی‌ماندهٔ میان هدر و دسته‌بندی */
.header {
  box-shadow: none !important;
}
/* اتصال بدون فاصلهٔ هدر و نوار دسته‌بندی */
.header + .navbar {
  margin-top: -1px !important;
}