/** Shopify CDN: Minification failed

Line 326:0 Unexpected "}"

**/
/* ================================
   COLLECTION HERO: TEXT LEFT, IMAGE RIGHT
   + mobile shows only first paragraph
   ================================ */

/* Tighten overall header spacing */
.page-width.collection-header,
.collection-header {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}
/* Desktop: equal spacing between text ↔ image and image ↔ right border */
.collection-header--split {
  display: flex !important;
  align-items: flex-start !important;     /* text flows naturally */
  gap: 16px !important;                  /* equal gap between columns */
}
/* Desktop: vertically centre text + image inside hero */
@media (min-width: 750px) {

  .collection-header--split {
    display: flex !important;
    align-items: center !important;   /* centre vertically */
  }
/* Cleaner H1 wrapping for long collection titles */
.collection-header h1.large-title {
  text-wrap: balance;          /* modern browsers */
  overflow-wrap: anywhere;     /* allows breaks if needed */
  hyphens: auto;
}

  .collection-header__content-container {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important; /* centre text within its column */
  }

}
/* Give the whole hero consistent inner padding so image isn't against border */
.page-width.collection-header,
.collection-header {
  padding-left: 16px !important;
  padding-right: 16px !important;
}

/* Image container: remove auto push; keep it vertically centered */
.collection-header__image-container {
  align-self: center !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding: 0 !important;                 /* rely on hero padding instead */
}

/* Ensure header doesn't force tall height */
.collection-header--split,
.collection-header__container {
  min-height: 0 !important;
  height: auto !important;
}
/* Center image vertically in hero (desktop only) */
.collection-header__image-container {
  align-self: center !important;
}

/* Make the split containers behave predictably */
.collection-header--split {
  display: flex !important;
  gap: 18px !important;
  align-items: flex-start !important;
}

/* Put content first, image second (right side) */
.collection-header__content-container {
  order: 1 !important;
  width: auto !important;
  flex: 1 1 auto !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Override theme centering within header only */
.collection-header .center {
  text-align: left !important;
}

/* Image container on the right with breathing room */
.collection-header__image-container {
  order: 2 !important;
  flex: 0 0 auto !important;
  width: 320px !important;          /* DESKTOP image width */
  max-width: 320px !important;
  padding: 10px !important;         /* space from hero border */
  box-sizing: border-box !important;
}

/* Make the image nicely rounded */
.collection-header__image-container,
.collection-header__image-container .rimage-background,
.collection-header__image-container img,
.collection-header__image-container .rimage__image,
.collection-header__image-container .rimage-background__image {
  border-radius: 14px !important;
}

/* Kill ratio/padding tricks that create tall boxes */
.collection-header__image-container::before,
.collection-header__image-container:before,
.collection-header__image-container .rimage-background::before,
.collection-header__image-container .rimage-background:before,
.collection-header__image-container .rimage-background::after,
.collection-header__image-container .rimage-background:after {
  display: none !important;
  content: none !important;
  padding: 0 !important;
}

/* rimage wrapper sizing */
.collection-header__image-container .rimage-background {
  width: 100% !important;
  height: 210px !important;          /* DESKTOP image height */
  min-height: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

/* Ensure actual image covers */
.collection-header__image-container img,
.collection-header__image-container .rimage__image,
.collection-header__image-container .rimage-background__image {
  width: 100% !important;
  height: 100% !important;
  max-height: none !important;
  object-fit: cover !important;
  display: block !important;
}

/* Make description fill */
.collection-header__description {
  max-width: none !important;
  width: 100% !important;
}

/* -------------------------------
   SEARCHANISE: PULL PRODUCTS UP
   ------------------------------- */
body #snize_results {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

body #snize_results .snize-header,
body #snize_results .snize-search-results-header {
  margin: 0 !important;
  padding: 4px 0 !important;
}

body #snize_results .snize-horizontal-filters,
body #snize_results .snize-product-filters {
  margin: 6px 0 10px 0 !important;
  padding: 0 !important;
}
/* Force Read more button to look like a text link (some themes zero out button text) */
.collection-desc-toggle {
  appearance: none;
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  margin-top: 6px !important;

  color: inherit !important;          /* key: use header text colour */
  font-size: 14px !important;         /* key: prevents font-size:0 */
  line-height: 1.2 !important;
  font-weight: 600 !important;

  text-decoration: underline !important;
  cursor: pointer !important;

  outline: none !important;           /* removes green outline styles */
  box-shadow: none !important;
}
/* Collapsible description base */
.collection-description-collapsible .collection-desc {
  overflow: hidden;
}

/* Open state shows everything */
.collection-description-collapsible .collection-desc.is-open {
  display: block;
  overflow: visible;
}

/* Mobile: clamp to 5 lines when collapsed */
@media (max-width: 749px) {
  .collection-description-collapsible .collection-desc {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 5 !important;   /* change 4/5/6 */
    overflow: hidden !important;
  }

  .collection-description-collapsible .collection-desc.is-open {
    display: block !important;          /* removes clamp */
  }
}

/* -------------------------------
   MOBILE: image below text, centered + only first paragraph
   ------------------------------- */
@media (max-width: 749px) {
  

  /* Tighten hero spacing */
  .page-width.collection-header,
  .collection-header {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }

  /* Stop the split becoming a two-column layout on mobile */
  .collection-header--split {
    display: block !important;
    position: relative !important; /* allows absolute image */
  }

  /* Text container takes full width */
  .collection-header__content-container {
    width: 100% !important;
    text-align: left !important;
  }

  /* Put the image "next to" the title by pinning it top-right */
  .collection-header__image-container {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    width: 88px !important;       /* mobile image size */
    height: 88px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border-radius: 14px !important;
  }

  /* Make the rimage wrapper match the square */
  .collection-header__image-container .rimage-background {
    width: 88px !important;
    height: 88px !important;
    overflow: hidden !important;
    border-radius: 14px !important;
  }

  /* Ensure image covers */
  .collection-header__image-container img,
  .collection-header__image-container .rimage__image,
  .collection-header__image-container .rimage-background__image {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    border-radius: 14px !important;
  }

  /* Give the H1 space so it doesn't run under the image */
  .collection-header__content-container h1 {
    padding-right: 54px !important; /* image size + a bit */
    margin-top: 0 !important;
  }

  /* Paragraph should be full width (no reserved image column) */
  .collection-header__description {
    width: 100% !important;
    max-width: none !important;
  }

  }
  collection-header--split {
    position: relative !important;
    overflow: visible !important;
  }

  .collection-header {
    overflow: visible !important;
  }

  .collection-header__image-container {
    top: 12px !important;      /* gap from top */
    right: 8px !important;    /* gap from right */
    z-index: 5 !important;    /* bring above border/overlay */
  }
.page-width.collection-header {
  padding-left: 4px !important;    /* try 4–8px */
}
/* Collapsible collection description */
.collection-description-collapsible .collection-desc {
  overflow: hidden;
  transition: max-height 200ms ease;
}

.collection-description-collapsible .collection-desc.is-open {
  max-height: 3000px;
}

.collection-desc-toggle {
  margin-top: 6px;
  background: transparent;
  border: 0;
  padding: 0;
  text-decoration: underline;
  cursor: pointer;
  font: inherit;
}
@media (min-width: 750px) {
  .collection-desc-toggle { display: none; }
  .collection-description-collapsible .collection-desc { max-height: none; }
}

}