/** Shopify CDN: Minification failed

Line 472:7 Unexpected "*"

**/
/* =========================================================
   MN Featured Carousel (scoped)
   Only affects sections whose id starts with mn-fc-
   ========================================================= */

section[id^="mn-fc-"]{
  padding: 12px 0 24px;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  --mn-gap: 18px;
  --mn-cols: 2;
  --mn-cols-md: 3;
  --mn-cols-lg: 4;
}

/* Stop theme link styling inside section */
section[id^="mn-fc-"] a,
section[id^="mn-fc-"] a:visited,
section[id^="mn-fc-"] a:hover,
section[id^="mn-fc-"] a:active{
  color: inherit !important;
  text-decoration: none !important;
}

/* Header */
section[id^="mn-fc-"] .mn-fc__header{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  margin: 0 0 10px 0;
}

section[id^="mn-fc-"] .mn-fc__title{
  margin:0;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: .02em;
  text-transform: uppercase;
  line-height: 1;
}

@media (max-width: 749px){
  section[id^="mn-fc-"] .mn-fc__title{
    font-size: 16px;
    letter-spacing: .04em;
    margin-bottom: 8px;
  }
}

/* Shop button */
section[id^="mn-fc-"] .mn-fc__shopbtn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border: 1px solid rgba(0,0,0,.15);
  border-radius: 12px;
  padding: 14px 18px;
  font-weight: 700;
  color: #111 !important;
  background: #fff;
  width: 100%;
}

@media (min-width: 750px){
  section[id^="mn-fc-"] .mn-fc__shopbtn{
    width: auto;
    min-width: 220px;
  }
  section[id^="mn-fc-"] .mn-fc__shopbtn--desktop{
    padding: 10px 16px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    border-radius: 10px !important;
    min-width: auto !important;
  }
}

section[id^="mn-fc-"] .mn-fc__shopbtn--desktop{ display:none; }
section[id^="mn-fc-"] .mn-fc__shopbtn--mobile{ display:flex; margin: 8px 0 14px; }

@media (min-width: 750px){
  section[id^="mn-fc-"] .mn-fc__shopbtn--desktop{ display:inline-flex; }
  section[id^="mn-fc-"] .mn-fc__shopbtn--mobile{ display:none; }
}

/* Viewport + Track */
section[id^="mn-fc-"] .mn-fc__viewport{ overflow:hidden; }

section[id^="mn-fc-"] .mn-fc__track{
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:nowrap !important;
  gap: var(--mn-gap);
  list-style:none !important;
  margin:0 !important;
  padding: 2px !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  scroll-behavior:smooth !important;
  scroll-snap-type:x mandatory !important;
  -webkit-overflow-scrolling: touch !important;
  scrollbar-width:none;
}
section[id^="mn-fc-"] .mn-fc__track::-webkit-scrollbar{ display:none; }

/* Drag cursor */
section[id^="mn-fc-"] .mn-fc__track{ cursor: grab; }
section[id^="mn-fc-"] .mn-fc__track.is-dragging{ cursor: grabbing; user-select: none; }

section[id^="mn-fc-"] .mn-fc__slide{
  list-style:none !important;
  scroll-snap-align:start;
  min-width:0;
  flex: 0 0 calc((100% - (var(--mn-gap) * (var(--mn-cols) - 1))) / var(--mn-cols));
  max-width: calc((100% - (var(--mn-gap) * (var(--mn-cols) - 1))) / var(--mn-cols));
  position: relative;
  z-index: 1;
}

@media (min-width: 750px){
  section[id^="mn-fc-"] .mn-fc__slide{
    flex: 0 0 calc((100% - (var(--mn-gap) * (var(--mn-cols-md) - 1))) / var(--mn-cols-md));
    max-width: calc((100% - (var(--mn-gap) * (var(--mn-cols-md) - 1))) / var(--mn-cols-md));
  }
}

@media (min-width: 990px){
  section[id^="mn-fc-"] .mn-fc__slide{
    flex: 0 0 calc((100% - (var(--mn-gap) * (var(--mn-cols-lg) - 1))) / var(--mn-cols-lg));
    max-width: calc((100% - (var(--mn-gap) * (var(--mn-cols-lg) - 1))) / var(--mn-cols-lg));
  }
}

/* Mobile gutter + peek */
@media (max-width: 749px){
  section[id^="mn-fc-"] .page-width{
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  section[id^="mn-fc-"] .mn-fc__track{
    gap: 12px !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    scroll-padding-left: 16px !important;
    scroll-padding-right: 16px !important;
  }
  section[id^="mn-fc-"] .mn-fc__slide{
    flex: 0 0 70% !important;
    max-width: 70% !important;
  }
}

/* Card */
section[id^="mn-fc-"] .mn-mncard{
  position: relative !important;
  border: none !important;
  border-radius: 16px;
  background:#fff;
  box-shadow: none !important;
}

@media (hover:hover){
  section[id^="mn-fc-"] .mn-mncard:hover{
    box-shadow: 0 12px 30px rgba(0,0,0,.08);
  }
}

/* Image */
section[id^="mn-fc-"] .mn-mncard__media{
  position:relative;
  background:#fff !important;
  aspect-ratio: 1 / 1;
  display:flex;
  align-items:center;
  justify-content:center;
}
section[id^="mn-fc-"] .mn-mncard__img{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
  padding: 22px;
  background: transparent !important;
}

/* SALE badge */
section[id^="mn-fc-"] .mn-mncard__saleBadge{
  position: absolute;
  top: 12px;
  left: 12px;
  background: #009aff;
  color: #fff;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .08em;
  padding: 6px 10px;
  border-radius: 999px;
  z-index: 4;
}

/* Wishlist */
section[id^="mn-fc-"] .mn-mncard__wish{
  position:absolute;
  top:12px;
  right:12px;
  width:36px;
  height:36px;
  border-radius:999px;
  border:0;
  background:#fff;
  box-shadow:0 8px 18px rgba(0,0,0,.10);
  cursor:pointer;
  padding:0;
  display:flex;
  align-items:center;
  justify-content:center;
  transform:none !important;
  filter:none !important;
}
section[id^="mn-fc-"] .mn-wish__icon{
  width: 18px;
  height: 18px;
  fill: transparent;
  stroke: #111;
  stroke-width: 1.8;
}

/* Quick add bar */
section[id^="mn-fc-"] .mn-mncard__quickbar{
  position: relative;
  overflow: visible;
}

section[id^="mn-fc-"] .mn-mncard__qa,
section[id^="mn-fc-"] .mn-mncard__form button{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  padding: 10px 12px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
  border-radius: 0 0 14px 14px;
  border:0;
  cursor:pointer;
  background: #111 !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  box-shadow:none !important;
  transform:none !important;
  text-decoration:none !important;
}
section[id^="mn-fc-"] .mn-mncard__form{ margin:0; }

/* Reviews (Yotpo) */
section[id^="mn-fc-"] .mn-mncard__reviews{ padding: 8px 14px 0; }
section[id^="mn-fc-"] .yotpo.bottomLine,
section[id^="mn-fc-"] .yotpo.bottomLine .yotpo-bottomline{
  margin: 0 !important;
  padding: 0 !important;
}
section[id^="mn-fc-"] .yotpo.bottomLine .yotpo-stars{
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
}
section[id^="mn-fc-"] .yotpo.bottomLine .text-m{
  font-size: 12px !important;
  opacity: .75 !important;
}

/* Info */
section[id^="mn-fc-"] .mn-mncard__info{
  padding: 10px 14px 14px;
  background:#fff;
}
section[id^="mn-fc-"] .mn-mncard__title{
  display:block;
  margin: 0 0 6px 0;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.25;
}
section[id^="mn-fc-"] .mn-mncard__priceRow{
  display:flex;
  align-items:baseline;
  gap:10px;
  margin:0;
}
section[id^="mn-fc-"] .mn-mncard__price{ font-size: 14px; font-weight: 800; }
section[id^="mn-fc-"] .mn-mncard__compare{
  font-size: 12px;
  font-weight: 600;
  opacity:.55;
  text-decoration:line-through;
}
section[id^="mn-fc-"] .mn-mncard__save{
  background:#009aff !important;
  color:#fff !important;
  padding:4px 10px;
  border-radius:999px;
  font-size:10px;
  font-weight:800;
  letter-spacing:.04em;
}

/* Dots */
section[id^="mn-fc-"] .mn-fc__dots{
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  width:100% !important;
  margin: 14px 0 0 !important;
  gap: 8px !important;
}
section[id^="mn-fc-"] .mn-fc__dot{
  width:7px !important;
  height:7px !important;
  min-width:7px !important;
  min-height:7px !important;
  padding:0 !important;
  border:0 !important;
  border-radius:999px !important;
  background: rgba(0,0,0,.18) !important;
  box-shadow:none !important;
  cursor:pointer !important;
  appearance:none !important;
  -webkit-appearance:none !important;
}
section[id^="mn-fc-"] .mn-fc__dot.is-active{
  background: rgba(0,0,0,.55) !important;
}
section[id^="mn-fc-"] .mn-fc__dot::before,
section[id^="mn-fc-"] .mn-fc__dot::after{
  content:none !important;
  display:none !important;
}

/* =========================================================
   MN-style variant overlay (DESKTOP ONLY)
   ========================================================= */

@media (min-width: 990px) and (hover:hover){
  section[id^="mn-fc-"] .mn-fc__slide:hover{ z-index: 50; }
  section[id^="mn-fc-"] .mn-mncard{ overflow: visible !important; }

  section[id^="mn-fc-"] .mn-mncard__variantWrap{ position: relative; }
  section[id^="mn-fc-"] .mn-mncard__variantWrap::before{
    content:"";
    position:absolute;
    left:0; right:0;
    bottom:100%;
    height: 18px;
  }

  section[id^="mn-fc-"] .mn-mncard__variantOverlay{
    position:absolute;
    left:10px;
    right:10px;
    bottom: calc(100% + 6px);
    padding: 12px;
    border-radius: 16px;

    background: rgba(0,0,0,.35);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: 0 18px 50px rgba(0,0,0,.25);

    opacity:0;
    transform: translateY(10px);
    pointer-events:none;
    transition: opacity 160ms ease, transform 160ms ease;
    z-index: 9999;

    max-height: 420px;
    overflow: auto;
  }

  section[id^="mn-fc-"] .mn-mncard__variantWrap:hover .mn-mncard__variantOverlay,
  section[id^="mn-fc-"] .mn-mncard__variantOverlay:hover{
    opacity:1;
    transform: translateY(0);
    pointer-events:auto;
  }

  section[id^="mn-fc-"] .mn-mncard__variantGrid{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
  }
  section[id^="mn-fc-"] .mn-mncard__variantForm{ margin:0; }

  section[id^="mn-fc-"] .mn-mncard__variantPill{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding: 6px 10px;
    border-radius:999px;
    background: rgba(255,255,255,.92);
    border: 1px solid rgba(255,255,255,.35);
    font-size: 11px;
    font-weight: 700;
    cursor:pointer;

    white-space: normal;
    line-height: 1.1;
    text-align: center;
    max-width: 180px;
  }
  section[id^="mn-fc-"] .mn-mncard__variantPill--disabled{
    opacity:.45;
    cursor:not-allowed;
  }

  section[id^="mn-fc-"] .mn-mncard__variantOverlay::-webkit-scrollbar{ width:10px; }
  section[id^="mn-fc-"] .mn-mncard__variantOverlay::-webkit-scrollbar-thumb{
    background: rgba(255,255,255,.22);
    border-radius:10px;
  }
  section[id^="mn-fc-"] .mn-mncard__variantOverlay::-webkit-scrollbar-track{
    background: transparent;
  }
}

@media (max-width: 989px){
  section[id^="mn-fc-"] .mn-mncard__variantOverlay{ display:none !important; }
}

/* Mobile: keep SAVE pill on one line */
@media (max-width: 749px){
  section[id^="mn-fc-"] .mn-mncard__save{
    white-space: nowrap !important;
    padding: 4px 8px !important;
    font-size: 9px !important;
    letter-spacing: .02em !important;
  }
}

/* =========================================================
   Wider container on large screens (keep 4 across)
   Applies to MN carousels + tabbed MN carousel
   ========================================================= */

@media (min-width: 1280px){
  section[id^="mn-fc-"] .page-width{
    max-width: 1440px !important;
  }
}

@media (min-width: 1536px){
  section[id^="mn-fc-"] .page-width{
    max-width: 1600px !important;
  }
}

/* =========================================================
   FIX: SAVE % wrapping — TABBED MN CAROUSEL ONLY
   ========================================================= */

/* Target only the tabbed MN carousel */
#mn-fc-*-tabs .mn-mncard__save,
section[id*="-tabs"] .mn-mncard__save{
  white-space: nowrap;
  flex-shrink: 0;
}

/* Extra tightening for mobile inside tabs */
@media (max-width: 749px){
  section[id*="-tabs"] .mn-mncard__save{
    padding: 4px 8px;
    font-size: 9px;
    letter-spacing: .02em;
  }
}

/* =========================================================
   TABBED MN CAROUSEL — Shop button full width on mobile
   ========================================================= */

@media (max-width: 749px){
  section[id*="-tabs"] .mn-tabs__shopbtn{
    width: 100%;
    justify-content: center;
    text-align: center;
    margin-top: 8px;
  }
}

/* =========================================================
   Tabbed carousel shop button — match MN carousel button
   ========================================================= */

/* Match the MN carousel button look */
section[id*="-tabs"] .mn-tabs__shopbtn{
  border: 1px solid rgba(0,0,0,.15);
  border-radius: 12px;
  background: #fff;
  color: #111;
  font-weight: 700;
  padding: 14px 18px;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}

/* Desktop: keep it on the right */
@media (min-width: 750px){
  section[id*="-tabs"] .mn-tabs__shopbtn{
    padding: 10px 16px;
    font-size: 13px;
    font-weight: 600;
    border-radius: 10px;
  }
}

/* Mobile: full width like the other MN carousel button */
@media (max-width: 749px){
  section[id*="-tabs"] .mn-tabs__shopbtn{
    width: 100%;
  }
}

/* =========================================================
   Fix tabbed carousel shop button hover + opacity
   ========================================================= */

/* Default state: solid like MN */
section[id*="-tabs"] .mn-tabs__shopbtn{
  opacity: 1 !important;
  transition: opacity .15s ease;
}

/* Hover: subtle dim like MN */
@media (hover:hover){
  section[id*="-tabs"] .mn-tabs__shopbtn:hover{
    opacity: .65;
  }
}
/* =========================================================
   MN carousel: make product images feel bigger (like MN)
   ========================================================= */

section[id^="mn-fc-"] .mn-mncard__img{
  padding: 10px !important;   /* was ~22px */
}

@media (min-width: 990px){
  section[id^="mn-fc-"] .mn-mncard__img{
    padding: 8px !important;  /* even bigger on desktop */
  }
}
/* =========================================================
   Align MN Tabbed Carousel with Category Suggestions row
   ========================================================= */

/* Make the tabbed carousel container use the same horizontal gutters */
.mn-fc--tabs .page-width{
  max-width: 100% !important;
  padding-left: 16px !important;
  padding-right: 16px !important;
}

@media (min-width: 750px){
  .mn-fc--tabs .page-width{
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
}

/* Match wider desktop gutters (same as your top row visually) */
@media (min-width: 990px){
  .mn-fc--tabs .page-width{
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
}

/* Prevent it from becoming too huge; adjust to taste */
@media (min-width: 1200px){
  .mn-fc--tabs .page-width{
    max-width: 1600px !important;  /* set to whatever your top row visually matches */
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

/* =========================================================
   FIX ALIGNMENT: Tabbed carousel should NOT be capped at 1200px
   (Your global section[id^="mn-fc-"] max-width was causing mismatch)
   ========================================================= */

/* Remove the 1200px cap for the tabbed carousel only */
section.mn-fc--tabs{
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Let the inner container behave like your theme gutters */
section.mn-fc--tabs .page-width{
  max-width: var(--page-width) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* =========================================================
   Spacing above MN Tabbed Carousel
   ========================================================= */

section.mn-fc--tabs{
  margin-top: 48px; /* adjust as needed */
}

/* Slightly tighter on mobile */
@media (max-width: 749px){
  section.mn-fc--tabs{
    margin-top: 32px;
  }
}