/** Shopify CDN: Minification failed

Line 699:0 Expected "*/" to terminate multi-line comment

**/
.collection 

  width: 100%;
  padding-top: var(--inner-offset-top-mobile);
  padding-bottom: var(--inner-offset-bottom-mobile);
  background-color: var(--color-background);
}
.collection .collection__container {
  display: grid !important;

  /* Force a single full-width column so the body cannot get trapped in a skinny grid column */
  grid-template-columns: 1fr !important;

  row-gap: 32px;
  column-gap: 36px;

  width: 100% !important;
  justify-items: stretch !important;
  align-items: start !important;
}

.collection .collection__header {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.collection .collection__sidebar {
  display: none;
}
.collection .collection__header-main {
  width: 100%;
  border-top: 1px solid var(--color-border-secondary);
  border-bottom: 1px solid var(--color-border-secondary);
  padding-top: 16px;
  padding-bottom: 16px;
}
.collection .collection__header-selected-filters {
  display: none;
  width: 100%;
  max-width: var(--container-width);
  margin-left: auto;
  margin-right: auto;
  padding-top: 16px;
  padding-left: 16px;
  padding-right: 16px;
}
.collection .collection__header-container {
  width: 100%;
  max-width: var(--container-width);
  margin-left: auto;
  margin-right: auto;
  padding: 0 16px;
}
.collection .collection__header-top-bar {
  display: none;
}
.collection .collection__header-sort {
  display: none;
}
.collection .collection__header-controls {
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: 24px;
  row-gap: 16px;
}
.collection .collection__header-controls-wrapper {
  display: flex;
  flex-wrap: wrap;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
  column-gap: 24px;
  row-gap: 10px;
  width: 100%;
}
.collection .collection__body {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: var(--container-width);
  margin-left: auto;
  margin-right: auto;
  padding: 0 16px;
}
/* ==============================================================
WG PATRICK — COLLECTION GRID HARD LOCK (FINAL - DOM-PROOF + FULL-WIDTH FIX)
Desktop: 4 columns (>= 990px)
Tablet + Mobile: 2 columns (< 990px)

Handles BOTH Carrara structures:
A) .collection__grid-wrapper is the grid parent
B) .collection__body is the grid parent (and .collection__item are siblings)

Also forces the real grid parent to STRETCH full width (kills “skinny-left”).
============================================================== */


/* ----------------------------
   FULL-WIDTH STRETCH (kills skinny-left)
----------------------------- */

/* If the collection body participates in a grid layout, force it to span full row */
.collection .collection__body{
  grid-column: 1 / -1 !important;
  justify-self: stretch !important;
  width: 100% !important;
  max-width: 100% !important;
}

/* If wrapper exists, force it to stretch full width even inside flex parents */
.collection .collection__grid-wrapper.js-grid-wrapper{
  width: 100% !important;
  max-width: 100% !important;
  align-self: stretch !important;
  justify-self: stretch !important;
}


/* Desktop: 4 columns */
@media (min-width: 990px) {
  .collection .collection__grid-wrapper.js-grid-wrapper{
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    column-gap: 24px !important;
    row-gap: 32px !important;
    align-items: start !important;

    /* neutralize flex ghosts without shrinking the container */
    flex: 1 1 auto !important;
  }
}

/* Tablet + Mobile: 2 columns */
@media (max-width: 989px) {
  .collection .collection__grid-wrapper.js-grid-wrapper{
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    column-gap: 24px !important;
    row-gap: 32px !important;
    align-items: start !important;

    /* neutralize flex ghosts without shrinking the container */
    flex: 1 1 auto !important;
  }
}


/* Tiles inside wrapper */
.collection .collection__grid-wrapper.js-grid-wrapper > .collection__item{
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  grid-column: auto !important;
  grid-row: auto !important;
  flex: none !important;
}
/* Force the tile + card to actually fill each grid cell (prevents tiny shrink cards) */
.collection .collection__grid-wrapper.js-grid-wrapper > .collection__item{
  width: 100% !important;
}

.collection .collection__grid-wrapper.js-grid-wrapper .product-card{
  width: 100% !important;
}

.collection .collection__grid-wrapper.js-grid-wrapper .product-card__image-wrapper,
.collection .collection__grid-wrapper.js-grid-wrapper .product-card__image-wrapper-link{
  width: 100% !important;
}


/* ----------------------------
   CASE B: tiles are siblings under collection__body
----------------------------- */

.collection .collection__body{
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  column-gap: 24px !important;
  row-gap: 32px !important;
  align-items: start !important;
}

/* Make sure random wrapper elements don’t span full width */
.collection .collection__body > *{
  grid-column: auto !important;
}

/* Force real tiles to behave */
.collection .collection__body > .collection__item{
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  grid-column: auto !important;
  flex: none !important;
}


/* ----------------------------
   SAFETY NET — CARD LEVEL
----------------------------- */

.collection .product-card{
  width: auto !important;
  max-width: none !important;
}


/* ----------------------------
   DESKTOP OVERRIDE
----------------------------- */

@media (min-width: 990px){
  .collection .collection__grid-wrapper.js-grid-wrapper{
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  .collection .collection__body{
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}


/* === END WG PATRICK — COLLECTION GRID HARD LOCK (DOM-PROOF + FULL-WIDTH FIX) === */


}
.collection .collection__pagination-wrapper {
  display: flex;
  justify-content: center;
}
.collection .collection__pagination-wrapper .pagination {
  margin-top: 32px;
}
.collection .collection__infinite-scroll {
  opacity: 0;
  width: 36px;
  height: 36px;
  margin-top: 32px;
  margin-left: auto;
  margin-right: auto;
  border: 2px solid var(--color-border-primary, #000000);
  border-bottom-color: transparent;
  border-radius: 50%;
}
.collection .collection__infinite-scroll.is-hidden {
  display: none;
}
.collection .collection__lazy-load-button-wrapper {
  display: flex;
  justify-content: center;
}
.collection .collection__load-more-button {
  margin-top: 32px;
}
.collection .collection__load-more-button.is-hidden {
  display: none;
}
.collection .collection__load-more-button.no-events {
  pointer-events: none;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}




  .collection .collection__grid-wrapper[data-grid-col-tablet="3"] .collection__item.collection__item--media-card .media-card-overlay .media-card-overlay__text-wrapper {
    padding: 16px;
  }
  .collection .collection__grid-wrapper[data-grid-col-tablet="3"] .collection__item.collection__item--media-card .media-card-overlay .media-card-overlay__title {
    font-size: var(--heading-font-size);
    line-height: 1.27;
  }
}
.collection .collection__title-empty {
  width: 100%;
  text-align: center;
  padding: 100px 0;
}
@media (min-width: 768px) {
  .collection {
    padding-top: var(--inner-offset-top);
    padding-bottom: var(--inner-offset-bottom);
  }
  .collection .collection__item {
    width: calc(33.33333% - 10.6666666667px);
  }
  .collection .collection__grid-wrapper[data-grid-col-desktop="3"] .collection__item {
    width: calc(33.33333% - 8px);
  }
  .collection .collection__grid-wrapper[data-grid-col-desktop="4"] .collection__item {
    width: calc(25% - 9px);
  }
  .collection .collection__grid-wrapper[data-grid-col-desktop="4"] .collection__item.collection__item--media-card .media-card-overlay .media-card-overlay__text-wrapper {
    padding: 16px;
  }
  .collection .collection__grid-wrapper[data-grid-col-desktop="4"] .collection__item.collection__item--media-card .media-card-overlay .media-card-overlay__title {
    font-size: var(--heading-font-size);
    line-height: 1.27;
  }
}
@media (min-width: 576px) {
  .collection .collection__item.collection__item--media-card .media-card-overlay .media-card-overlay__container {
    padding-top: 133.595%;
  }
}
@media (min-width: 1200px) {
  .collection .collection__header-container,
  .collection .collection__header-selected-filters,
  .collection .collection__body {
    padding-left: 64px;
    padding-right: 64px;
  }
  .collection .collection__header-selected-filters:not(:has(.is-hidden)) {
    display: block;
  }
  .collection .collection__header-controls-wrapper {
    flex-wrap: nowrap;
  }
  .collection .collection__header-sort {
    display: block;
  }
  .collection .collection__header-filter-button {
    display: none;
  }
  .collection.collection--with-sidebar:not(.filters-hidden) .collection__container {
    grid-template-rows: auto 1fr;
    grid-template-columns: 280px auto;
    max-width: var(--container-width);
    margin-left: auto;
    margin-right: auto;
    padding-left: 64px;
    padding-right: 64px;
  }
  .collection.collection--with-sidebar:not(.filters-hidden) .collection__sidebar {
    display: block;
    grid-column: 1;
    grid-row: 1/3;
  }
  .collection.collection--with-sidebar:not(.filters-hidden) .collection__sidebar-wrapper {
    position: sticky;
    top: calc(var(--header-height) + 30px);
    display: flex;
    flex-direction: column;
    gap: 24px;
  }
  .collection.collection--with-sidebar:not(.filters-hidden) .collection__header {
    margin-top: -20px;
    padding-top: 20px;
    grid-column: 2;
    grid-row: 1;
  }
  .collection.collection--with-sidebar:not(.filters-hidden) .collection__header-main {
    padding: 0;
    border: none;
  }
  .collection.collection--with-sidebar:not(.filters-hidden) .collection__body {
    grid-column: 2;
    grid-row: 2;
  }
  .collection.collection--with-sidebar:not(.filters-hidden) .collection__header-container,
  .collection.collection--with-sidebar:not(.filters-hidden) .collection__body {
    max-width: unset;
    padding-left: 0;
    padding-right: 0;
  }
  .collection.collection--with-sidebar:not(.filters-hidden) .collection__sidebar-media-card .media-card-overlay .media-card-overlay__container {
    padding-top: 138%;
  }
  .collection.collection--with-top-bar:not(.filters-hidden) .collection__header-top-bar {
    display: flex;
  }
  .collection.collection--with-top-bar:not(.filters-hidden) .collection__header-controls-wrapper {
    width: auto;
    height: 100%;
    margin-bottom: auto;
    margin-inline-start: auto;
  }
}
@media (min-width: 1501px) {
  .collection.collection--with-sidebar:not(.filters-hidden) .collection__container {
    grid-template-columns: 304px auto;
  }
  .collection .collection__grid-wrapper[data-grid-col-mobile="2"] .collection__item.collection__item--media-card .media-card-overlay .media-card-overlay__text-wrapper, .collection .collection__grid-wrapper[data-grid-col-tablet="3"] .collection__item.collection__item--media-card .media-card-overlay .media-card-overlay__text-wrapper, .collection .collection__grid-wrapper[data-grid-col-desktop="4"] .collection__item.collection__item--media-card .media-card-overlay .media-card-overlay__text-wrapper {
    padding: 24px;
  }
  .collection .collection__grid-wrapper[data-grid-col-mobile="2"] .collection__item.collection__item--media-card .media-card-overlay .media-card-overlay__title, .collection .collection__grid-wrapper[data-grid-col-tablet="3"] .collection__item.collection__item--media-card .media-card-overlay .media-card-overlay__title, .collection .collection__grid-wrapper[data-grid-col-desktop="4"] .collection__item.collection__item--media-card .media-card-overlay .media-card-overlay__title {
    font-size: calc(var(--heading-font-size) * 1.27);
    line-height: 1.3571428571;
  }
}
@media (min-width: 1200px) and (max-width: 1500px) {
  .collection.collection--with-sidebar:not(.filters-hidden) .collection__item .product-card .product-card__overlimit.product-card__overlimit--desktop {
    display: none;
  }
  .collection.collection--with-sidebar:not(.filters-hidden) .collection__item .product-card .product-card__overlimit.product-card__overlimit--mobile {
    display: inline-flex;
  }
  .collection.collection--with-sidebar:not(.filters-hidden) .collection__item .product-card .product-card__swatch-button:nth-child(1n+3) {
    display: none;
  }
}
@media (min-width: 1200px) and (max-width: 1700px) {
  .collection.collection--with-sidebar:not(.filters-hidden) .collection__item .product-card .product-card__label {
    padding: 8px 6px;
    font-size: calc(var(--body-font-size) * 0.75);
  }
  .collection.collection--with-sidebar:not(.filters-hidden) .collection__item .product-card .product-card__swatch-button {
    width: 32px;
    height: 8px;
  }
}
html:has(.header[data-static-header]) .collection.collection--with-sidebar:not(.filters-hidden) .collection__sidebar-wrapper {
  top: 30px;
}

/* =========================================================
   FULL-WIDTH COLLECTION FIX
   Removes container width choke ABOVE the grid
   ========================================================= */

.collection.collection-with-top-bar,
.collection.collection-with-top-bar .collection__container {
  max-width: 100% !important;
  width: 100% !important;
}
/* =========================
WG PATRICK — COLLECTION BODY WINNER OVERRIDE (DESKTOP)
Overrides Carrara’s collection.build.css winner selector:
.collection .collection__body
Goal: kill container choke + make right side fluid
========================= */

@media screen and (min-width: 990px) {

  .collection .collection__body{
    display: grid !important;
    grid-template-columns: 300px minmax(0, 1fr) !important; /* <-- SIDEBAR WIDTH */
    align-items: start !important;
    column-gap: 24px !important;

    /* Kill container choke */
    max-width: none !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .collection .collection__grid-wrapper.js-grid-wrapper{
    grid-column: 2 / 3 !important;
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    justify-self: stretch !important;
  }

  .collection .collection__pagination-wrapper{
    grid-column: 2 / 3 !important;
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    justify-self: stretch !important;
  }

}


/* ===============================================================
   WG PATRICK — Collection Editorial Break (2x2 tiles + 2-col hero)
   Carrara-safe boundary wrapper inside a .collection__item

   Requires Liquid markup classes:
   - .collection__item.wg-editorial (+ wg-hero-left / wg-hero-right)
   - .wg-editorial__layout
   - .wg-editorial__grid
   - .wg-editorial__tiles
   - .wg-editorial__tile
   - .wg-editorial__hero
   =============================================================== */

/* 1) Make the editorial collection item span FULL ROW (works for GRID + FLEX parents) */
.collection__grid-wrapper .collection__item.wg-editorial {
  /* If the parent is CSS grid */
  grid-column: 1 / -1;

  /* If the parent is flex (Carrara sometimes does this at breakpoints) */
  flex: 0 0 100%;
  max-width: 100%;

  width: 100%;
}

/* Defensive: ensure Carrara card assumptions don't collapse our internal layout */
.collection__grid-wrapper .collection__item.wg-editorial,
.collection__grid-wrapper .collection__item.wg-editorial * {
  box-sizing: border-box;
}

/* Ensure wrapper is “neutral” */
.collection__grid-wrapper .collection__item.wg-editorial .wg-editorial__layout {
  width: 100%;
  max-width: 100%;
  display: block;
}

/* 2) Desktop / tablet: 4 internal columns -> tiles take 2, hero takes 2 */
.collection__grid-wrapper .collection__item.wg-editorial .wg-editorial__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-template-areas: "tiles tiles hero hero";
  gap: 24px;
  align-items: stretch;
  width: 100%;
  min-width: 0;
}

/* Swap sides when hero is left */
.collection__grid-wrapper .collection__item.wg-editorial.wg-hero-left .wg-editorial__grid {
  grid-template-areas: "hero hero tiles tiles";
}

/* Tiles (2x2) container */
.collection__grid-wrapper .collection__item.wg-editorial .wg-editorial__tiles {
  grid-area: tiles;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
  width: 100%;
  min-width: 0;
}

/* KEY FIX: force whatever is inside tiles to be allowed to expand */
.collection__grid-wrapper .collection__item.wg-editorial .wg-editorial__tiles > * {
  width: 100%;
  max-width: none;
  min-width: 0;
}

/* Tile links behave like blocks */
.collection__grid-wrapper .collection__item.wg-editorial .wg-editorial__tile {
  display: block;
  width: 100%;
  max-width: none;
  min-width: 0;
  text-decoration: none;
}

/* Make tile images responsive */
.collection__grid-wrapper .collection__item.wg-editorial .wg-editorial__tile img {
  display: block;
  width: 100%;
  height: auto;
  max-width: 100%;
}

/* Hero column */
.collection__grid-wrapper .collection__item.wg-editorial .wg-editorial__hero {
  grid-area: hero;
  width: 100%;
  min-width: 0;
}

.collection__grid-wrapper .collection__item.wg-editorial .wg-editorial__hero a {
  display: block;
  width: 100%;
}

.collection__grid-wrapper .collection__item.wg-editorial .wg-editorial__hero img {
  display: block;
  width: 100%;
  height: auto;
  max-width: 100%;
}

/* 3) Mobile: keep tiles 2 columns, stack hero as full-width row */
@media (max-width: 749px) {
  .collection__grid-wrapper .collection__item.wg-editorial .wg-editorial__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-areas:
      "tiles tiles"
      "hero hero";
    gap: 16px;
  }

  /* If hero is configured LEFT, put hero first on mobile */
  .collection__grid-wrapper .collection__item.wg-editorial.wg-hero-left .wg-editorial__grid {
    grid-template-areas:
      "hero hero"
      "tiles tiles";
  }

  .collection__grid-wrapper .collection__item.wg-editorial .wg-editorial__tiles {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
  }
}
/* ===============================================================
   WG PATRICK — FINAL GRID LOCK (DESKTOP ONLY)
   Ensures collection grid uses fluid 4-column layout
   Prevents Carrara from forcing narrow fixed columns
   =============================================================== */

@media (min-width: 990px) {
  .collection__grid-wrapper.js-grid-wrapper {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    column-gap: 24px;
    row-gap: 24px;
    width: 100% !important;
    max-width: none !important;
  }
}

@media (min-width: 990px) {
  .collection__grid-wrapper.js-grid-wrapper {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    column-gap: 24px;
    row-gap: 24px;
    width: 100% !important;
    max-width: none !important;
  }
}

/* =======================================================================
BEGIN — WG PATRICK: HARD RESET for Carrara card styles (editorial LI only)
- Does NOT replace your existing wg-editorial__grid layout rules
- Only neutralizes Carrara constraints applied to .collection__item
======================================================================= */

.collection__grid-wrapper.js-grid-wrapper
  > .collection__item.wg-editorial {
  /* Make the editorial item behave like a neutral full-width row */
  grid-column: 1 / -1 !important;

  display: block !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;

  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;

  justify-self: stretch !important;
  align-self: start !important;
  place-self: stretch start !important;

  overflow: visible !important;

  /* Kill any “card” effects Carrara may apply */
  transform: none !important;
  transition: none !important;
}

/* Ensure nested editorial grid is allowed to size properly */
.collection__grid-wrapper.js-grid-wrapper
  > .collection__item.wg-editorial .wg-editorial__grid {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
}

/* Prevent any child from forcing a tiny column */
.collection__grid-wrapper.js-grid-wrapper
  > .collection__item.wg-editorial .wg-editorial__tiles,
.collection__grid-wrapper.js-grid-wrapper
  > .collection__item.wg-editorial .wg-editorial__hero,
.collection__grid-wrapper.js-grid-wrapper
  > .collection__item.wg-editorial .wg-editorial__tiles * ,
.collection__grid-wrapper.js-grid-wrapper
  > .collection__item.wg-editorial .wg-editorial__hero * {
  min-width: 0 !important;
  max-width: 100% !important;
}

/* =======================================================================
END — WG PATRICK: