@media screen and (max-width: 749px) {
  #shopify-section-template--28459657691430__related-products ul.product-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-auto-flow: row !important;
    overflow-x: visible !important;
  }
  
  #shopify-section-template--28459657691430__related-products ul.product-grid > li {
    width: 100% !important;
    max-width: 100% !important;
    flex: none !important;
  }
}
/* Flyout submenu on hover for Shop All */
@media screen and (min-width: 750px) {
  details[id^="Details-HeaderSubMenu-"] > ul {
    display: none !important;
    position: absolute;
    left: 100%;
    top: 0;
    background: var(--gradient-background, white);
    min-width: 180px;
    padding: 1rem;
    z-index: 100;
    box-shadow: 0 4px 16px rgba(0,0,0,0.1);
  }

  details[id^="Details-HeaderSubMenu-"]:hover > ul {
    display: block !important;
  }

  details[id^="Details-HeaderSubMenu-"] {
    position: relative;
  }

  /* Highlight/dim effect */
  details[id^="Details-HeaderSubMenu-"]:hover > ul li a {
    color: var(--color-foreground);
    opacity: 1;
  }

  details[id^="Details-HeaderSubMenu-"] > ul:hover li a {
    opacity: 0.35;
  }

  details[id^="Details-HeaderSubMenu-"] > ul li:hover a {
    opacity: 1 !important;
  }
}
/* Sale link in red */
a[href*="/collections/sale"] {
  color: red !important;
  opacity: 0.35 !important;
}

a[href*="/collections/sale"]:hover {
  color: red !important;
  opacity: 1 !important;
}
/* White flyout text on homepage only */
body.index details[id^="Details-HeaderSubMenu-"] > ul a {
  color: white !important;
}

body.index details[id^="Details-HeaderSubMenu-"] > ul a[href*="/collections/sale"] {
  color: red !important;
}
/* Drag to scroll on product tabs */
.product-tabs__scroll {
  cursor: grab;
}
.product-tabs__scroll:active {
  cursor: grabbing;
}
.product-tabs__scroll { cursor: grab; }
.product-tabs__scroll * { pointer-events: none; }
.product-tabs__scroll a { pointer-events: auto; }
/* ===================================================
   Header + sub-header + filter/sort text: black by default,
   white only on homepage. Background stays transparent.
=================================================== */

/* Logo */
.header__heading-logo-wrapper img,
.header__heading-logo {
  filter: brightness(0) !important;
}

/* Header icons (account/search/cart/wishlist) */
.header__icon svg,
.swym-header-launcher-icon svg {
  color: #000 !important;
}

/* Sub-header sliding tab menu */
.sub-header .list-menu__item a {
  color: #000 !important;
}

/* Sort by / Filter labels */
h2.facet-filters__label label,
.facet-filters__label label,
.facet-filters__sort,
.filter_scrolled .facet-filters__sort {
  color: #000 !important;
}

.fiter_btn_cont a {
  color: #000 !important;
  border-color: #000 !important;
}
.fiter_btn_cont a svg path {
  fill: #000 !important;
}

/* Grid view toggle icons + labels */
.icon-section h6 {
  color: #000 !important;
}
.ns-flew-wrapper .vw-grid-btn {
  color: #999 !important;
}
.vw-grid-btn.icon-four.active,
.vw-grid-btn.icon-six.active {
  color: #000 !important;
}
/* Beats "body.collection .scrolled span { color: #fff !important; }" everywhere in the header */
.header.header.header span {
  color: #000 !important;
}

/* Logo */
.header__heading-logo-wrapper img,
.header__heading-logo {
  filter: brightness(0) !important;
}

/* Homepage override: everything back to white */
body.index .header.header.header span {
  color: #fff !important;
}
body.index .header__heading-logo-wrapper img,
body.index .header__heading-logo {
  filter: brightness(1) !important;
}
/* Sub-header line: black on all pages except homepage */
.sub-header {
  border-bottom: 1px solid #000 !important;
}
body.index .sub-header {
  border-bottom: 1px solid #fff !important;
}
/* Sub-header line: black on all pages except homepage */
.sub-header {
  border-bottom: 1px solid #000 !important;
}
body.index .sub-header {
  border-bottom: 1px solid #fff !important;
}
/* Dropdown submenu items — higher specificity to beat the pre-scroll white rule */
.header .header__submenu .header__menu-item,
.header .header__submenu a {
  color: #000 !important;
}

/* Homepage override */
body.index .header .header__submenu .header__menu-item,
body.index .header__submenu a {
  color: #fff !important;
}
/* Make submenu items match the main nav font */
.header .header__submenu .header__menu-item,
.header .header__submenu a {
  font-family: inherit !important;
  font-size: inherit !important;
  text-transform: inherit !important;
  letter-spacing: inherit !important;
}
/* Sale link stays red everywhere: main nav, dropdown flyouts, and sliding sub-header tabs */
.header a[href*="/collections/sale"],
.header .header__submenu a[href*="/collections/sale"],
.header .header__submenu .header__submenu a[href*="/collections/sale"],
.header span:has(a[href*="/collections/sale"]),
.header .header__submenu span:has(a[href*="/collections/sale"]),
.sub-header a[href*="/collections/sale"],
.sub-header .list-menu__item a[href*="/collections/sale"] {
  color: red !important;
}
/* Header: white background everywhere except homepage */
.header,
.header-wrapper,
.facets-wrapper,
.header__submenu {
  background-color: #ffffff !important;
}

/* Homepage: transparent, as before */
body.index .header,
body.index .header-wrapper,
body.index .facets-wrapper,
body.index .header__submenu {
  background-color: transparent !important;
}
/* Header icons: black on all pages, white on homepage */
.header .header__icon svg,
.header .swym-header-launcher-icon svg {
  color: #000 !important;
  fill: #000 !important;
}

body.index .header .header__icon svg,
body.index .header .swym-header-launcher-icon svg {
  color: #fff !important;
  fill: #fff !important;
}
/* Cart count number: always visible regardless of header color scheme */
.cart-count-bubble span {
  color: #ffffff !important;
}

.cart-count-bubble {
  background-color: #000000 !important;
}

/* Wishlist heart: override Swym's inline color style */
a.swym-header-launcher,
a.swym-header-launcher svg,
a.swym-header-launcher svg path {
  color: #000 !important;
  fill: #000 !important;
  stroke: #000 !important;
}

body.index a.swym-header-launcher,
body.index a.swym-header-launcher svg,
body.index a.swym-header-launcher svg path {
  color: #fff !important;
  fill: #fff !important;
  stroke: #fff !important;
}
.cart-count-bubble {
  z-index: 30 !important;
  position: absolute !important;
}

.cart-count-bubble span {
  position: relative !important;
  z-index: 31 !important;
  color: #ffffff !important;
}
.header__icon--cart svg,
.icon.icon-cart {
  overflow: visible !important;
}
/* Filter + Sort by grouped on the left */
.sort_and_filter_btn.sort_and_filter_btn {
  display: flex !important;
  justify-content: flex-start !important;
  align-items: center !important;
  gap: 20px !important;
}
.sort_by_filter_cont.sort_by_filter_cont {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex: 1 !important;
}

/* Make Filter and Sort by match in font weight/style */
.fiter_btn_cont a,
.facet-filters__label {
  font-family: inherit !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  text-transform: none !important;
}

/* Hide the selected sort text, keep options visible when opened */
.facet-filters__sort.facet-filters__sort.facet-filters__sort {
  color: transparent !important;
}

.facet-filters__sort option {
  color: #000 !important;
}

/* Hide the sort-by dropdown arrow */
.facet-filters__sort.facet-filters__sort ~ svg.icon-caret,
.select .select svg.icon-caret,
svg.icon.icon-caret {
  display: none !important;
}
.custm_slide_filter_container,
.facets-wrapper {
  margin-top: -1px !important;
}