/** Shopify CDN: Minification failed

Line 6:2 Unexpected "="

**/
* =========================================================
   1. PRODUCT PAGE — GENERAL
========================================================= */

.stock-status-img {
  width: 100%;
  max-width: 250px;
  height: auto;
  margin-left: -10px;
}

@media screen and (max-width: 768px) {
  .stock-status-img {
    max-width: 150px;
  }
}

.global-media-settings {
  border: 0;
}

.product__title h1 {
  font-size: 28px !important;
  text-transform: lowercase;
}

#PBFPopup img {
  width: 130px;
  height: 100%;
  margin-bottom: -15px;
}

.pbf-representative-example {
  display: none;
}

div#PBFPopup {
  display: table-header-group;
}

.product__media.media.media--transparent,
button.thumbnail.global-media-settings.global-media-settings--no-shadow,
img.image-magnify-none {
  border-radius: 999px 999px 0 0;
}


/* =========================================================
   2. PRODUCT PAGE — DESKTOP LAYOUT
========================================================= */

@media screen and (min-width: 990px) {
  .product--large:not(.product--no-media) .product__media-wrapper {
    max-width: 40%;
    width: calc(65% - var(--grid-desktop-horizontal-spacing) / 2);
  }

  .product--large:not(.product--no-media) .product__info-wrapper {
    width: calc(35% - var(--grid-desktop-horizontal-spacing) / 2);
    max-width: 35%;
    padding: 0 0 0 6rem;
  }
}

.grid__item.product__media-wrapper {
  max-width: 814px !important;
}

.product.product--large.product--left.product--thumbnail.product--mobile-show.grid.grid--1-col.grid--2-col-tablet {
  justify-content: center;
}

.media > *:not(.zoom):not(.deferred-media__poster-button),
.media model-viewer {
  display: block;
  width: 100%;
  max-width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}


/* =========================================================
   3. PRODUCT PAGE — GALLERY / MOBILE
========================================================= */

button.slider-button.slider-button--prev,
button.slider-button.slider-button--next {
  display: none;
}

@media screen and (max-width: 767px) {
  ul#Slider-Thumbnails-template--28917989704063__main {
    margin: 0 11px;
  }
}


/* =========================================================
   4. PRODUCT PAGE — FLAIR
========================================================= */

/*
.flair-badge-layout {
  display: none !important;
}
*/


/* =========================================================
   5. TRANSPARENT HEADER — BASE
========================================================= */

.transparent-header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border-bottom: 0 !important;
}

.transparent-header .header {
  background: transparent !important;
}


/* =========================================================
   6. TRANSPARENT HEADER — TOP STATE
========================================================= */

.section-header:not(.scrolled-past-header)
.transparent-header .header__menu-item,

.section-header:not(.scrolled-past-header)
.transparent-header .header__active-menu-item,

.section-header:not(.scrolled-past-header)
.transparent-header .header__heading-link,

.section-header:not(.scrolled-past-header)
.transparent-header .header__inline-menu a,

.section-header:not(.scrolled-past-header)
.transparent-header .header__inline-menu summary {
  color: #ffffff !important;
  opacity: 1 !important;
}

.section-header:not(.scrolled-past-header)
.transparent-header .header__icon {
  color: #ffffff !important;
}

.section-header:not(.scrolled-past-header)
.transparent-header .header__icon svg,

.section-header:not(.scrolled-past-header)
.transparent-header .header__icon svg path {
  color: #ffffff !important;
  fill: currentColor !important;
}

.section-header:not(.scrolled-past-header)
.transparent-header .header__heading-logo {
  filter: brightness(0) invert(1);
}


/* =========================================================
   7. TRANSPARENT HEADER — SEARCH MODAL
========================================================= */

.transparent-header .search-modal__content {
  --color-foreground: 18, 18, 18 !important;
  --color-background: 255, 255, 255 !important;
  background: #ffffff !important;
  color: #121212 !important;
}

.transparent-header .search-modal__content .field {
  background: #ffffff !important;
  color: #121212 !important;
}

.transparent-header .search-modal__content .search__input {
  color: #121212 !important;
  -webkit-text-fill-color: #121212 !important;
  caret-color: #121212 !important;
}

/* Floating label */
.transparent-header .search-modal__content .field__label {
  color: #666666 !important;
}

/* Hide duplicate placeholder text */
.transparent-header .search-modal__content .search__input::placeholder {
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  opacity: 0 !important;
}

.transparent-header .search-modal__content .search__button,
.transparent-header .search-modal__content .reset__button,
.transparent-header .search-modal__content .search-modal__close-button {
  color: #121212 !important;
}

.transparent-header .search-modal__content svg {
  color: #121212 !important;
}

.transparent-header .search-modal__content svg path {
  fill: currentColor !important;
}

.transparent-header .search-modal__content svg circle {
  stroke: currentColor !important;
}

.transparent-header .predictive-search {
  background: #ffffff !important;
  color: #121212 !important;
}


/* =========================================================
   8. TRANSPARENT HEADER — DROPDOWN / MEGA MENU
========================================================= */

.section-header:not(.scrolled-past-header)
.transparent-header .header__submenu,

.section-header:not(.scrolled-past-header)
.transparent-header .mega-menu__content {
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

.section-header:not(.scrolled-past-header)
.transparent-header .header__submenu a,

.section-header:not(.scrolled-past-header)
.transparent-header .header__submenu span,

.section-header:not(.scrolled-past-header)
.transparent-header .header__submenu .header__menu-item,

.section-header:not(.scrolled-past-header)
.transparent-header .mega-menu__content a,

.section-header:not(.scrolled-past-header)
.transparent-header .mega-menu__content .mega-menu__link,

.section-header:not(.scrolled-past-header)
.transparent-header .mega-menu__content .list-menu__item {
  color: #ffffff !important;
  opacity: 1 !important;
}

.section-header:not(.scrolled-past-header)
.transparent-header .header__submenu a:hover,

.section-header:not(.scrolled-past-header)
.transparent-header .mega-menu__content a:hover {
  opacity: 0.7 !important;
  transition: opacity 0.3s ease;
}


/* =========================================================
   9. STICKY / SCROLLED HEADER
========================================================= */

.section-header.scrolled-past-header .transparent-header {
  background: rgba(255, 255, 255, 0.96) !important;
  background-color: rgba(255, 255, 255, 0.96) !important;
  backdrop-filter: blur(12px);
  transition: background 0.3s ease, color 0.3s ease;
}

.section-header.scrolled-past-header
.transparent-header .header__menu-item,

.section-header.scrolled-past-header
.transparent-header .header__active-menu-item,

.section-header.scrolled-past-header
.transparent-header .header__heading-link,

.section-header.scrolled-past-header
.transparent-header .header__inline-menu a,

.section-header.scrolled-past-header
.transparent-header .header__inline-menu summary,

.section-header.scrolled-past-header
.transparent-header .header__icon {
  color: #000000 !important;
  opacity: 1 !important;
}

.section-header.scrolled-past-header
.transparent-header .header__icon svg,

.section-header.scrolled-past-header
.transparent-header .header__icon svg path {
  color: #000000 !important;
  fill: currentColor !important;
}

.section-header.scrolled-past-header
.transparent-header .cart-count-bubble {
  background: #000000 !important;
  color: #ffffff !important;
}

.section-header.scrolled-past-header
.transparent-header .header__heading-logo {
  filter: none !important;
}


/* =========================================================
   10. STICKY HEADER — DROPDOWN / MEGA MENU
========================================================= */

.section-header.scrolled-past-header
.transparent-header .header__submenu,

.section-header.scrolled-past-header
.transparent-header .mega-menu__content {
  background: #ffffff !important;
  border: 0 !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08) !important;
}

.section-header.scrolled-past-header
.transparent-header .header__submenu a,

.section-header.scrolled-past-header
.transparent-header .header__submenu span,

.section-header.scrolled-past-header
.transparent-header .header__submenu .header__menu-item,

.section-header.scrolled-past-header
.transparent-header .mega-menu__content a,

.section-header.scrolled-past-header
.transparent-header .mega-menu__content .mega-menu__link,

.section-header.scrolled-past-header
.transparent-header .mega-menu__content .list-menu__item {
  color: #000000 !important;
  opacity: 1 !important;
}


/* =========================================================
   11. MOBILE DRAWER
========================================================= */

.menu-drawer,
.menu-drawer__inner-container,
.menu-drawer__navigation,
.menu-drawer__submenu {
  background: #ffffff !important;
}

.menu-drawer a,
.menu-drawer summary,
.menu-drawer span,
.menu-drawer__menu-item,
.menu-drawer .menu-drawer__close-button {
  color: #000000 !important;
  opacity: 1 !important;
}

.menu-drawer svg,
.menu-drawer .icon-arrow,
.menu-drawer .svg-wrapper {
  color: #000000 !important;
  fill: #000000 !important;
}

.transparent-header .menu-drawer *,
.transparent-header .menu-drawer a,
.transparent-header .menu-drawer span,
.transparent-header .menu-drawer summary {
  color: #000000 !important;
}


/* =========================================================
   12. GLOBAL HEADER FIXES
========================================================= */

.section-header {
  margin-bottom: 0 !important;
}

a#HeaderMenu-outlet,
a#HeaderDrawer-outlet {
  color: #ff3131 !important;
  font-weight: 600;
}