/* [project]/app/components/Header.module.css [app-client] (css) */
.Header-module__9fWxfa__headerContainer {
  z-index: 50;
  width: 100%;
  position: sticky;
  top: 0;
}

.Header-module__9fWxfa__navBar {
  --tw-backdrop-blur: blur(24px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  border-color: #e5e7eb4d;
  border-bottom-width: 1px;
  position: relative;
}

.Header-module__9fWxfa__navBar:is(.Header-module__9fWxfa__dark *) {
  border-color: #1f29374d;
}

.Header-module__9fWxfa__navBar {
  z-index: 2;
  background: #fbfbfdcc;
  height: 44px;
}

.dark .Header-module__9fWxfa__navBar {
  background: #1d1d1fcc;
}

.Header-module__9fWxfa__navInner {
  justify-content: space-between;
  align-items: center;
  max-width: 980px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  display: flex;
}

@media (min-width: 1024px) {
  .Header-module__9fWxfa__navInner {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

.Header-module__9fWxfa__storeName {
  white-space: nowrap;
  color: #1d1d1f;
  flex-shrink: 0;
  font-size: .875rem;
  font-weight: 600;
  line-height: 1.25rem;
  text-decoration-line: none;
  transition-property: opacity;
  transition-duration: .2s;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  animation-duration: .2s;
}

.Header-module__9fWxfa__storeName:hover {
  opacity: .7;
  color: #1d1d1f;
}

.dark .Header-module__9fWxfa__storeName {
  color: #f5f5f7;
}

.dark .Header-module__9fWxfa__storeName:hover {
  color: #f5f5f7;
}

.Header-module__9fWxfa__navLinks {
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 0;
  display: none;
}

@media (min-width: 1024px) {
  .Header-module__9fWxfa__navLinks {
    display: flex;
  }
}

.Header-module__9fWxfa__navLink {
  cursor: pointer;
  color: #1d1d1f;
  letter-spacing: -.01em;
  padding: .75rem;
  font-size: .75rem;
  font-weight: 400;
  line-height: 1rem;
  transition-property: opacity;
  transition-duration: .2s;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  animation-duration: .2s;
}

.Header-module__9fWxfa__navLink:hover {
  opacity: .64;
}

.dark .Header-module__9fWxfa__navLink {
  color: #f5f5f7;
}

.Header-module__9fWxfa__navLinkActive {
  color: #1d1d1f;
  letter-spacing: -.01em;
  padding: .75rem;
  font-size: .75rem;
  font-weight: 400;
  line-height: 1rem;
}

.dark .Header-module__9fWxfa__navLinkActive {
  color: #f5f5f7;
}

.Header-module__9fWxfa__navActions {
  align-items: center;
  gap: .75rem;
  display: flex;
}

.Header-module__9fWxfa__iconBtn {
  color: #1d1d1f;
  justify-content: center;
  align-items: center;
  padding: .25rem;
  font-size: .875rem;
  line-height: 1.25rem;
  transition-property: opacity;
  transition-duration: .2s;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  animation-duration: .2s;
  display: flex;
  position: relative;
}

.Header-module__9fWxfa__iconBtn:hover {
  opacity: .64;
}

.dark .Header-module__9fWxfa__iconBtn {
  color: #f5f5f7;
}

.Header-module__9fWxfa__badge {
  background-color: hsl(var(--apple-blue));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  pointer-events: none;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  font-size: 9px;
  line-height: 1;
  display: flex;
  position: absolute;
  top: -.375rem;
  right: -.375rem;
}

.Header-module__9fWxfa__hamburger {
  padding: .25rem;
  font-size: 1rem;
  line-height: 1.5rem;
  transition-property: opacity;
  transition-duration: .2s;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  animation-duration: .2s;
}

@media (min-width: 1024px) {
  .Header-module__9fWxfa__hamburger {
    display: none;
  }
}

.Header-module__9fWxfa__hamburger {
  color: #1d1d1f;
}

.Header-module__9fWxfa__hamburger:hover {
  opacity: .64;
}

.dark .Header-module__9fWxfa__hamburger {
  color: #f5f5f7;
}

.Header-module__9fWxfa__megaPanel {
  --tw-backdrop-blur: blur(24px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  border-color: #e5e7eb80;
  border-bottom-width: 1px;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
}

.Header-module__9fWxfa__megaPanel:is(.Header-module__9fWxfa__dark *) {
  border-color: #1f293780;
}

.Header-module__9fWxfa__megaPanel {
  z-index: 3;
  background: #fbfbfdf2;
  overflow: hidden;
}

.dark .Header-module__9fWxfa__megaPanel {
  background: #1d1d1ff2;
}

.Header-module__9fWxfa__megaPanelInner {
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 2rem;
  max-width: 980px;
  margin-left: auto;
  margin-right: auto;
  padding: 2rem 1.5rem;
  display: grid;
}

.Header-module__9fWxfa__megaColumnTitle {
  color: #1d1d1f;
  margin-bottom: .75rem;
  font-size: .875rem;
  font-weight: 600;
  line-height: 1.25rem;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-duration: .15s;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  display: block;
}

.Header-module__9fWxfa__megaColumnTitle:hover {
  color: #06c;
}

.dark .Header-module__9fWxfa__megaColumnTitle {
  color: #f5f5f7;
}

.dark .Header-module__9fWxfa__megaColumnTitle:hover {
  color: #2997ff;
}

.Header-module__9fWxfa__megaColumnLink {
  color: #6e6e73;
  padding-top: .375rem;
  padding-bottom: .375rem;
  font-size: .75rem;
  line-height: 1rem;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-duration: .15s;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  animation-duration: .15s;
  display: block;
}

.Header-module__9fWxfa__megaColumnLink:hover {
  color: #1d1d1f;
}

.dark .Header-module__9fWxfa__megaColumnLink {
  color: #86868b;
}

.dark .Header-module__9fWxfa__megaColumnLink:hover {
  color: #f5f5f7;
}

.Header-module__9fWxfa__megaColumnSubLink {
  color: #86868b;
  padding-top: .25rem;
  padding-bottom: .25rem;
  padding-left: .75rem;
  font-size: .75rem;
  line-height: 1rem;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-duration: .15s;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  animation-duration: .15s;
  display: block;
}

.Header-module__9fWxfa__megaColumnSubLink:hover {
  color: #6e6e73;
}

.dark .Header-module__9fWxfa__megaColumnSubLink {
  color: #6e6e73;
}

.dark .Header-module__9fWxfa__megaColumnSubLink:hover {
  color: #86868b;
}

.Header-module__9fWxfa__megaOverlay {
  z-index: 1;
  background: #e8e8ed66;
  position: fixed;
  inset: 44px 0 0;
}

.dark .Header-module__9fWxfa__megaOverlay {
  background: #0006;
}

.Header-module__9fWxfa__searchOverlay {
  z-index: 50;
  background: #e8e8ed66;
  position: fixed;
  inset: 0;
}

.dark .Header-module__9fWxfa__searchOverlay {
  background: #0006;
}

.Header-module__9fWxfa__searchBar {
  --tw-backdrop-blur: blur(24px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  border-color: #e5e7eb80;
  border-bottom-width: 1px;
}

.Header-module__9fWxfa__searchBar:is(.Header-module__9fWxfa__dark *) {
  border-color: #1f293780;
}

.Header-module__9fWxfa__searchBar {
  background: #fbfbfdf2;
}

.dark .Header-module__9fWxfa__searchBar {
  background: #1d1d1ff2;
}

.Header-module__9fWxfa__searchBarInner {
  align-items: center;
  gap: .75rem;
  max-width: 980px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  display: flex;
}

@media (min-width: 1024px) {
  .Header-module__9fWxfa__searchBarInner {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

.Header-module__9fWxfa__searchBarInner {
  height: 44px;
}

.Header-module__9fWxfa__searchInput {
  outline-offset: 2px;
  color: #1d1d1f;
  background-color: #0000;
  outline: 2px solid #0000;
  flex: 1;
  font-size: .875rem;
  line-height: 1.25rem;
}

.Header-module__9fWxfa__searchInput::placeholder {
  color: #86868b;
}

.dark .Header-module__9fWxfa__searchInput {
  color: #f5f5f7;
}

.dark .Header-module__9fWxfa__searchInput::placeholder {
  color: #6e6e73;
}

.Header-module__9fWxfa__searchSuggestions {
  max-width: 980px;
  margin-left: auto;
  margin-right: auto;
  padding: 1.5rem 1rem;
}

@media (min-width: 1024px) {
  .Header-module__9fWxfa__searchSuggestions {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

.Header-module__9fWxfa__searchSuggestions {
  --tw-backdrop-blur: blur(24px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  background: #fbfbfdf2;
}

.dark .Header-module__9fWxfa__searchSuggestions {
  background: #1d1d1ff2;
}

.Header-module__9fWxfa__notifPanel {
  --tw-backdrop-blur: blur(24px);
  width: 20rem;
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  z-index: 50;
  --tw-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  border-width: 1px;
  border-color: #e5e7eb80;
  border-radius: .75rem;
  margin-top: .5rem;
  position: absolute;
  right: 0;
}

.Header-module__9fWxfa__notifPanel:is(.Header-module__9fWxfa__dark *) {
  border-color: #1f293780;
}

.Header-module__9fWxfa__notifPanel {
  background: #fbfbfdf2;
}

.dark .Header-module__9fWxfa__notifPanel {
  background: #1d1d1ff2;
}

.Header-module__9fWxfa__userTrigger {
  align-items: center;
  font-size: .75rem;
  line-height: 1rem;
  display: none;
}

@media (min-width: 1024px) {
  .Header-module__9fWxfa__userTrigger {
    display: flex;
  }
}

.Header-module__9fWxfa__userTrigger {
  cursor: pointer;
  white-space: nowrap;
  color: #1d1d1f;
  padding: .25rem;
  transition-property: opacity;
  transition-duration: .2s;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  animation-duration: .2s;
}

.Header-module__9fWxfa__userTrigger:hover {
  opacity: .64;
}

.dark .Header-module__9fWxfa__userTrigger {
  color: #f5f5f7;
}

.Header-module__9fWxfa__userDropdown {
  --tw-backdrop-blur: blur(24px);
  width: 13rem;
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  z-index: 50;
  --tw-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  border-width: 1px;
  border-color: #e5e7eb80;
  border-radius: .75rem;
  margin-top: .5rem;
  padding-top: .5rem;
  padding-bottom: .5rem;
  position: absolute;
  right: 0;
}

.Header-module__9fWxfa__userDropdown:is(.Header-module__9fWxfa__dark *) {
  border-color: #1f293780;
}

.Header-module__9fWxfa__userDropdown {
  background: #fbfbfdf2;
}

.dark .Header-module__9fWxfa__userDropdown {
  background: #1d1d1ff2;
}

.Header-module__9fWxfa__userDropdownItem {
  text-align: left;
  color: #6e6e73;
  width: 100%;
  padding: .5rem 1rem;
  font-size: .75rem;
  line-height: 1rem;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-duration: .15s;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  display: block;
}

.Header-module__9fWxfa__userDropdownItem:hover {
  color: #1d1d1f;
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}

.Header-module__9fWxfa__userDropdownItem:hover:is(.Header-module__9fWxfa__dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
}

.dark .Header-module__9fWxfa__userDropdownItem {
  color: #86868b;
}

.dark .Header-module__9fWxfa__userDropdownItem:hover {
  color: #f5f5f7;
}

.Header-module__9fWxfa__userDropdownItemActive {
  text-align: left;
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
  width: 100%;
  padding: .5rem 1rem;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1rem;
  display: block;
}

.Header-module__9fWxfa__userDropdownItemActive:is(.Header-module__9fWxfa__dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
}

.Header-module__9fWxfa__userDropdownItemActive {
  color: #1d1d1f;
}

.dark .Header-module__9fWxfa__userDropdownItemActive {
  color: #f5f5f7;
}

.Header-module__9fWxfa__userDropdownDivider {
  border-color: #e5e7eb80;
  border-top-width: 1px;
  margin-top: .25rem;
  margin-bottom: .25rem;
}

.Header-module__9fWxfa__userDropdownDivider:is(.Header-module__9fWxfa__dark *) {
  border-color: #1f293780;
}

.Header-module__9fWxfa__mobileOverlay {
  z-index: 50;
  background: #fbfbfd;
  flex-direction: column;
  display: flex;
  position: fixed;
  inset: 0;
  overflow-y: auto;
}

.dark .Header-module__9fWxfa__mobileOverlay {
  background: #1d1d1f;
}

.Header-module__9fWxfa__mobileOverlayHeader {
  border-color: #e5e7eb4d;
  border-bottom-width: 1px;
  justify-content: space-between;
  align-items: center;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  display: flex;
}

.Header-module__9fWxfa__mobileOverlayHeader:is(.Header-module__9fWxfa__dark *) {
  border-color: #1f29374d;
}

.Header-module__9fWxfa__mobileOverlayHeader {
  flex-shrink: 0;
  height: 44px;
}

.Header-module__9fWxfa__mobileMenuItem {
  color: #1d1d1f;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: .5rem 1.25rem;
  font-size: 28px;
  font-weight: 600;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-duration: .15s;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  display: flex;
}

.Header-module__9fWxfa__mobileMenuItem a {
  color: inherit;
}

.dark .Header-module__9fWxfa__mobileMenuItem {
  color: #f5f5f7;
}

.Header-module__9fWxfa__mobileSubMenu {
  overflow: hidden;
}

.Header-module__9fWxfa__mobileSubMenuItem {
  color: #6e6e73;
  padding: .5rem 2rem;
  font-size: 1rem;
  line-height: 1.5rem;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-duration: .15s;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  display: block;
}

.Header-module__9fWxfa__mobileSubMenuItem:hover {
  color: #1d1d1f;
}

.dark .Header-module__9fWxfa__mobileSubMenuItem {
  color: #86868b;
}

.dark .Header-module__9fWxfa__mobileSubMenuItem:hover {
  color: #f5f5f7;
}

.Header-module__9fWxfa__mobileSubSubItem {
  color: #86868b;
  padding: .375rem 3rem;
  font-size: .875rem;
  line-height: 1.25rem;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-duration: .15s;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  display: block;
}

.Header-module__9fWxfa__mobileSubSubItem:hover {
  color: #6e6e73;
}

.dark .Header-module__9fWxfa__mobileSubSubItem {
  color: #6e6e73;
}

.dark .Header-module__9fWxfa__mobileSubSubItem:hover {
  color: #86868b;
}

.Header-module__9fWxfa__mobileFooter {
  border-color: #e5e7eb4d;
  border-top-width: 1px;
  margin-top: auto;
  padding: 1.5rem 1.25rem;
}

.Header-module__9fWxfa__mobileFooter:is(.Header-module__9fWxfa__dark *) {
  border-color: #1f29374d;
}

.Header-module__9fWxfa__mobileFooter {
  flex-direction: column;
  gap: 1rem;
  display: flex;
}

.Header-module__9fWxfa__mobileFooterLink {
  color: #6e6e73;
  font-size: .875rem;
  line-height: 1.25rem;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-duration: .15s;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

.Header-module__9fWxfa__mobileFooterLink:hover {
  color: #1d1d1f;
}

.dark .Header-module__9fWxfa__mobileFooterLink {
  color: #86868b;
}

.dark .Header-module__9fWxfa__mobileFooterLink:hover {
  color: #f5f5f7;
}

.Header-module__9fWxfa__mobileFooterRow {
  align-items: center;
  gap: 1rem;
  display: flex;
}

/*# sourceMappingURL=app_components_Header_module_f4d9eca1.css.map*/