/** Shopify CDN: Minification failed

Line 124:17 Unexpected "{"
Line 124:26 Expected ":"
Line 124:32 Unexpected ","

**/
/* ================================================================
   MINOMINE — Collection Page CSS
   ================================================================ */

:root {
  --mino-black:   #111;
  --mino-white:   #fff;
  --mino-g50:     #fafaf8;
  --mino-g100:    #f4f4f1;
  --mino-g200:    #e8e8e4;
  --mino-g300:    #d9d9d4;
  --mino-g400:    #b0b0aa;
  --mino-g500:    #888884;
  --mino-g600:    #555552;
  --mino-green:   #2b4a3c;
  --mino-green-l: #e8f0eb;
  --mino-red:     #c0392b;
  --mino-red-bg:  #fdf2f1;
  --mino-gold:    #d4a017;
  --mino-border:  #e6e6e1;
  --mino-font:    'DM Sans', sans-serif;
  --mino-serif:   'DM Sans', sans-serif;
  --mino-wrap:    1360px;
}

/* ================================================================
   BREADCRUMB
   ================================================================ */
.mino-col-bc { border-bottom: 1px solid var(--mino-border); background: var(--mino-g50); }
.mino-col-bc__inner {
  max-width: var(--mino-wrap);
  margin: 0 auto;
  padding: 13px 48px;
  font-size: 12px;
  color: var(--mino-g500);
  display: flex;
  gap: 7px;
  align-items: center;
}
.mino-col-bc__inner a { color: var(--mino-g500); text-decoration: none; transition: color .15s; }
.mino-col-bc__inner a:hover { color: var(--mino-black); }
.mino-col-bc__sep { color: var(--mino-g300); }
.mino-col-bc__cur { color: var(--mino-black); font-weight: 600; }

/* ================================================================
   COLLECTION HERO
   ================================================================ */
.mino-col-hero { border-bottom: 1px solid var(--mino-border); }
.mino-col-hero__inner {
  max-width: var(--mino-wrap);
  margin: 0 auto;
  padding: 0 48px;
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: end;
  gap: 32px;
}
.mino-col-hero__eyebrow {
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  margin-bottom: 8px;
}
.mino-col-hero__title {
  font-family: var(--mino-serif);
  font-weight: 700;
  line-height: 1.13;
  margin: 0 0 10px;
}
.mino-col-hero__desc { line-height: 1.7; max-width: 480px; }
.mino-col-hero__stats { display: flex; gap: 28px; align-items: flex-end; flex-shrink: 0; }
.mino-col-hero__stat { text-align: center; }
.mino-col-hero__stat-num { font-family: var(--mino-serif); font-weight: 700; line-height: 1; }
.mino-col-hero__stat-lbl { font-size: 11px; letter-spacing: .07em; text-transform: uppercase; margin-top: 3px; }
.mino-col-hero__divider { border-bottom: 1px solid var(--mino-border); }

/* ================================================================
   CONCERN PILL STRIP
   ================================================================ */
.mino-concern-strip__inner {
  /* max-width, margin, padding, display, flex-wrap now controlled by section schema */
}
.mino-cpill {
  display: flex;
  align-items: center;
  gap: 5px;
  font-weight: 600;
  border-right: 1px solid var(--mino-border);
  cursor: pointer;
  white-space: nowrap;
  transition: background .15s, color .15s;
  flex-shrink: 0;
  letter-spacing: .02em;
  text-decoration: none;
}
.mino-cpill:first-child { border-left: 1px solid var(--mino-border); }
.mino-cpill:not(.mino-cpill--active):hover { background: var(--mino-g50); color: var(--mino-black); }
.mino-cpill__icon { font-size: 14px; line-height: 1; }

/* ================================================================
   COLLECTION LAYOUT WRAPPER
   ================================================================ */
.mino-collection-main-wrap {
  max-width: var(--mino-wrap);
  margin: 0 auto;
  /* padding controlled by section schema on inner form element */
}
.mino-col-layout {
  display: grid;
  grid-template-columns: var(--sidebar-w, 248px) 1fr;
  gap: 36px;
  align-items: start;
}

/* FILTER FORM fills layout */
#minoFilterForm-{{ section.id }},
[id^="minoFilterForm-"] {
  display: contents;
}

/* ================================================================
   SIDEBAR
   ================================================================ */
.mino-col-sidebar {
  position: sticky;
  top: 84px;
  max-height: calc(100vh - 100px);
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: var(--mino-g300) transparent;
}
.mino-col-sidebar::-webkit-scrollbar { width: 4px; }
.mino-col-sidebar::-webkit-scrollbar-thumb { background: var(--mino-g300); border-radius: 2px; }

.mino-col-filter-hd {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--mino-border);
}
.mino-col-filter-hd__title { font-weight: 700; letter-spacing: .08em; text-transform: uppercase; margin: 0; }
.mino-col-filter-hd__clear { text-decoration: underline; cursor: pointer; transition: color .15s; }
.mino-col-filter-hd__clear:hover { color: var(--mino-red) !important; }

/* Active tags in sidebar */
.mino-col-active-tags { display: flex; flex-wrap: wrap; gap: 5px; margin-bottom: 12px; }
.mino-col-active-tag {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 11px;
  font-weight: 600;
  padding: 3px 8px;
  text-decoration: none;
  transition: opacity .15s;
}
.mino-col-active-tag:hover { opacity: .7; }
.mino-col-active-tag span { font-size: 13px; }

/* Filter group */
.mino-col-fg { border-top: 1px solid var(--mino-border); padding: 14px 0; }
.mino-col-fg__hd {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 0;
  margin-bottom: 10px;
  background: none;
  border: none;
  cursor: pointer;
  font-family: var(--mino-font);
  text-align: left;
}
.mino-col-fg__title { font-weight: 700; display: flex; align-items: center; gap: 6px; }
.mino-col-fg__active-ct {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  font-size: 9px;
  font-weight: 800;
  flex-shrink: 0;
}
.mino-col-fg__arrow { font-size: 11px; transition: transform .2s; flex-shrink: 0; }
.mino-col-fg--closed .mino-col-fg__arrow { transform: rotate(-90deg); }
.mino-col-fg--closed .mino-col-fg__body { display: none; }

.mino-col-fg__body {}
.mino-col-fg__opts { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 7px; }
.mino-col-fg__opt {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  line-height: 1.3;
}
.mino-col-fg__opt input[type=checkbox] {
  width: 15px;
  height: 15px;
  flex-shrink: 0;
  cursor: pointer;
  margin: 0;
}
.mino-col-fg__opt-label { flex: 1; cursor: pointer; transition: color .12s; }
.mino-col-fg__opt:hover .mino-col-fg__opt-label { color: var(--mino-black) !important; }
.mino-col-fg__opt-ct { margin-left: auto; flex-shrink: 0; }
.mino-col-fg__opt--empty { opacity: .4; pointer-events: none; }

/* Price range */
.mino-col-price-range { display: flex; flex-direction: column; gap: 8px; }
.mino-col-price-inputs { display: flex; gap: 8px; align-items: center; }
.mino-col-price-inp {
  flex: 1;
  padding: 8px 10px;
  border: 1.5px solid var(--mino-border);
  font-size: 13px;
  color: var(--mino-black);
  background: var(--mino-white);
  font-family: var(--mino-font);
  outline: none;
  min-width: 0;
  -moz-appearance: textfield;
}
.mino-col-price-inp::-webkit-outer-spin-button,
.mino-col-price-inp::-webkit-inner-spin-button { -webkit-appearance: none; }
.mino-col-price-inp:focus { border-color: var(--mino-black); }
.mino-col-price-sep { color: var(--mino-g400); font-size: 12px; flex-shrink: 0; }
.mino-col-price-btn {
  width: 100%;
  padding: 9px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  border: none;
  cursor: pointer;
  font-family: var(--mino-font);
  transition: opacity .15s;
}
.mino-col-price-btn:hover { opacity: .85; }

.mino-col-no-filters { font-size: 13px; color: var(--mino-g500); line-height: 1.6; padding: 16px 0; }

/* ================================================================
   TOOLBAR
   ================================================================ */
.mino-col-grid-area {}
.mino-col-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  padding: 12px 0;
  margin-bottom: 16px;
  border-bottom: 1px solid var(--mino-border);
}
.mino-col-toolbar__left { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; flex: 1; }
.mino-col-toolbar__right { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }

.mino-col-filter-toggle {
  display: none;
  align-items: center;
  gap: 6px;
  font-weight: 600;
  padding: 7px 12px;
  border: 1.5px solid var(--mino-border);
  background: var(--mino-white);
  cursor: pointer;
  font-family: var(--mino-font);
  transition: background .15s;
  flex-shrink: 0;
}
.mino-col-filter-toggle:hover { background: var(--mino-g100); }
.mino-col-filter-toggle__ct {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  font-size: 9px;
  font-weight: 800;
}

.mino-col-result-ct {}

.mino-col-active-filters { display: flex; gap: 5px; flex-wrap: wrap; align-items: center; }
.mino-col-af-tag {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-weight: 600;
  padding: 4px 9px;
  text-decoration: none;
  transition: opacity .15s;
  line-height: 1;
}
.mino-col-af-tag:hover { opacity: .75; }
.mino-col-af-tag span { font-size: 13px; opacity: .6; margin-left: 1px; }
.mino-col-af-clear { font-size: 12px; text-decoration: underline; color: var(--mino-g500); transition: color .15s; }
.mino-col-af-clear:hover { color: var(--mino-red); }

.mino-col-sort-wrap { display: flex; align-items: center; gap: 6px; }
.mino-col-sort-label { white-space: nowrap; }
.mino-col-sort {
  padding: 7px 28px 7px 10px;
  border: 1.5px solid var(--mino-border);
  font-family: var(--mino-font);
  cursor: pointer;
  min-width: 160px;
  appearance: none;
  background: var(--mino-white) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath fill='%23888' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E") no-repeat right 8px center;
  outline: none;
}

.mino-col-view-btns { display: flex; border: 1.5px solid var(--mino-border); overflow: hidden; }
.mino-col-vb {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background .15s, color .15s;
  color: var(--mino-g500);
  background: none;
  border: none;
  border-right: 1px solid var(--mino-border);
  font-family: var(--mino-font);
}
.mino-col-vb:last-child { border-right: none; }
.mino-col-vb:hover,
.mino-col-vb.on { background: var(--mino-black); color: var(--mino-white); }

/* ================================================================
   PRODUCT GRID
   ================================================================ */
.mino-prod-grid {
  display: grid;
  /* columns set inline via section settings */
  gap: 1px;
}
.mino-col-empty {
  grid-column: 1 / -1;
  padding: 60px 32px;
  text-align: center;
  background: var(--mino-white);
  font-size: 14px;
  color: var(--mino-g500);
}
.mino-col-empty a { color: var(--mino-black); text-decoration: underline; }

/* ================================================================
   PRODUCT CARD
   ================================================================ */
.mino-pc {
  position: relative;
  display: flex;
  flex-direction: column;
  transition: box-shadow .22s;
  cursor: pointer;
  overflow: hidden;
}
.mino-pc:hover { box-shadow: 0 6px 28px rgba(0,0,0,.11); z-index: 2; }

/* Whole-card click target. Sits above passive content but below interactive
   elements so ATC, wishlist, and quick-view buttons keep working.
   `display: block` is required — Dawn's base.css sets a:empty { display:none }. */
.mino-pc__overlay-link {
  display: block !important;
  position: absolute;
  inset: 0;
  z-index: 1;
  background: transparent;
  text-indent: -9999px;
  overflow: hidden;
}
.mino-pc__overlay-link:focus-visible {
  outline: 2px solid #2b4a3c;
  outline-offset: -2px;
}
/* Lift interactive elements above the overlay link */
.mino-pc__img-link,
.mino-pc__name,
.mino-pc__btn,
.mino-pc__wish,
.mino-pc__quick {
  position: relative;
  z-index: 2;
}

/* Image */
.mino-pc__img-link { display: block; text-decoration: none; }
.mino-pc__img {
  position: relative;
  overflow: hidden;
  background: var(--mino-g100);
  display: flex;
  align-items: center;
  justify-content: center;
}
.mino-pc__img-el {
  width: 100%;
  height: 100%;
  display: block;
  transition: transform .35s ease;
}
.mino-pc:hover .mino-pc__img-el { transform: scale(1.04); }
.mino-pc__no-img {
  width: 100%;
  height: 100%;
  min-height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--mino-g300);
}

/* Badge */
.mino-pc__badge {
  position: absolute;
  top: 0;
  left: 0;
  font-weight: 800;
  padding: 5px 10px;
  letter-spacing: .06em;
  text-transform: uppercase;
  line-height: 1.2;
  z-index: 2;
  pointer-events: none;
}

/* Wishlist */
.mino-pc__wish {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 32px;
  height: 32px;
  background: rgba(255,255,255,.95);
  border: 1px solid var(--mino-border);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  opacity: 0;
  transition: opacity .18s, background .15s;
  cursor: pointer;
  z-index: 3;
  border-radius: 50%;
  color: var(--mino-black);
}
.mino-pc:hover .mino-pc__wish { opacity: 1; }
.mino-pc__wish:hover { background: var(--mino-black); color: var(--mino-white); }

/* Quick View */
.mino-pc__quick {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(17,17,17,.88);
  color: var(--mino-white);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .09em;
  text-transform: uppercase;
  padding: 10px;
  text-align: center;
  transform: translateY(100%);
  transition: transform .22s ease;
  cursor: pointer;
  z-index: 3;
}
.mino-pc:hover .mino-pc__quick { transform: translateY(0); }

/* Body */
.mino-pc__body { display: flex; flex-direction: column; flex: 1; }

.mino-pc__vendor {
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
  margin-bottom: 3px;
}
.mino-pc__concern {
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: 5px;
  line-height: 1.2;
}
.mino-pc__name {
  display: block;
  font-weight: 700;
  color: var(--mino-black);
  margin-bottom: 7px;
  line-height: 1.35;
  text-decoration: none;
  transition: color .15s;
}
.mino-pc__name:hover { color: var(--mino-green); }
.mino-pc__ing {
  display: inline-block;
  font-size: 10.5px;
  font-weight: 600;
  padding: 2px 8px;
  margin-bottom: 7px;
  letter-spacing: .02em;
  border-radius: 2px;
}
.mino-pc__rat {
  font-size: 12px;
  color: var(--mino-gold);
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  gap: 1px;
}
.mino-pc__star--empty { color: var(--mino-g300); }
.mino-pc__rat-ct { color: var(--mino-g400); margin-left: 4px; font-size: 11px; }

.mino-pc__price {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
  margin-top: auto;
  margin-bottom: 12px;
}
.mino-pc__price-now { font-weight: 800; }
.mino-pc__price-was { font-size: 12px; text-decoration: line-through; }
.mino-pc__price-off { font-size: 10.5px; font-weight: 800; padding: 2px 6px; }

/* Add to cart button — hover uses CSS custom property */
.mino-pc__btn {
  width: 100%;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
  border: none;
  cursor: pointer;
  font-family: var(--mino-font);
  transition: background .15s;
  margin-top: auto;
}
.mino-pc__btn:hover { background: var(--btn-hover) !important; }
.mino-pc__btn--sold { cursor: not-allowed !important; }
.mino-pc__btn--sold:hover { background: inherit !important; }

/* ================================================================
   PAGINATION
   ================================================================ */
.mino-col-pagination {
  margin-top: 1px;
  padding: 28px 24px;
  text-align: center;
  background: var(--mino-white);
  border: 1px solid var(--mino-border);
}
.mino-col-pagination__ct { margin-bottom: 12px; }
.mino-col-progress {
  width: 200px;
  height: 4px;
  margin: 0 auto 20px;
  border-radius: 2px;
  overflow: hidden;
}
.mino-col-progress__fill { height: 100%; border-radius: 2px; transition: width .3s; }
.mino-col-pagination__nav { display: flex; align-items: center; justify-content: center; gap: 10px; flex-wrap: wrap; }
.mino-col-btn-page {
  display: inline-block;
  padding: 11px 28px;
  border: 1.5px solid var(--mino-border);
  background: var(--mino-white);
  font-weight: 700;
  letter-spacing: .07em;
  text-transform: uppercase;
  font-family: var(--mino-font);
  text-decoration: none;
  cursor: pointer;
  transition: background .18s, color .18s, border-color .18s;
}
.mino-col-btn-page:hover { filter: brightness(.9); }
.mino-col-btn-page--primary { border-color: transparent; }

/* ================================================================
   RECENTLY VIEWED
   ================================================================ */
.mino-rv__inner { max-width: var(--mino-wrap); margin: 0 auto; padding: 0 48px; }
.mino-rv__hd { margin-bottom: 24px; }
.mino-rv__eyebrow {
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  margin-bottom: 8px;
}
.mino-rv__title { font-family: var(--mino-serif); font-weight: 700; line-height: 1.2; margin: 0; }
.mino-rv__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}

/* ================================================================
   PROMO BAND
   ================================================================ */
.mino-promo-band__inner {
  max-width: var(--mino-wrap);
  margin: 0 auto;
  padding: 0 48px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  flex-wrap: wrap;
}
.mino-promo-band__eyebrow {
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  margin-bottom: 6px;
}
.mino-promo-band__title { font-family: var(--mino-serif); font-weight: 700; line-height: 1.2; margin: 0 0 4px; }
.mino-promo-band__sub { line-height: 1.5; }
.mino-promo-band__right { display: flex; align-items: center; gap: 16px; flex-shrink: 0; }
.mino-promo-band__price { text-align: right; }
.mino-promo-band__price-now { font-family: var(--mino-serif); font-weight: 700; line-height: 1; }
.mino-promo-band__price-was { font-size: 13px; text-decoration: line-through; margin-top: 2px; }
.mino-promo-band__cta {
  display: inline-block;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
  text-decoration: none;
  font-family: var(--mino-font);
  transition: filter .15s;
  white-space: nowrap;
  cursor: pointer;
}
.mino-promo-band__cta:hover { filter: brightness(.92); }

/* ================================================================
   RESPONSIVE
   ================================================================ */
@media (max-width: 1400px) {
  .mino-col-bc__inner,
  .mino-col-hero__inner,
  .mino-rv__inner,
  .mino-promo-band__inner { padding-left: 28px; padding-right: 28px; }
}

@media (max-width: 1024px) {
  .mino-col-layout { grid-template-columns: 1fr; }
  .mino-col-sidebar {
    position: static;
    max-height: none;
    overflow-y: visible;
    display: none;
    width: 100% !important;
    margin-bottom: 24px;
    padding: 20px;
    border: 1px solid var(--mino-border);
  }
  .mino-col-sidebar.open { display: block; }
  .mino-col-filter-toggle { display: flex; }
  .mino-col-hero__inner { grid-template-columns: 1fr; }
  .mino-col-hero__stats { justify-content: flex-start; }
  .mino-rv__grid { grid-template-columns: repeat(2, 1fr); }
  .mino-promo-band__inner { flex-direction: column; align-items: flex-start; }
}

@media (max-width: 768px) {
  .mino-col-bc__inner,
  .mino-col-hero__inner,
  .mino-rv__inner,
  .mino-promo-band__inner { padding-left: 16px; padding-right: 16px; }
  .mino-col-hero__stats { gap: 16px; }
  .mino-col-toolbar { gap: 8px; }
  .mino-col-toolbar__right { width: 100%; justify-content: space-between; }
  .mino-col-sort { min-width: 0; flex: 1; }
  .mino-rv__grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 480px) {
  .mino-promo-band__right { flex-direction: column; align-items: flex-start; gap: 10px; }
  .mino-promo-band__price { text-align: left; }
}