/** Shopify CDN: Minification failed

Line 102:0 All "@import" rules must come first

**/
/* ==============================================================
   YOUR THEME'S OWN COLLECTION CSS  .  do not edit this part.
   Functional rules (slider, loading overlay, grid, spacing).
   Left exactly as they were.
   ============================================================== */

@media screen and (max-width: 749px) {
  .collection .grid__item:only-child {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

@media screen and (max-width: 989px) {
  .collection .slider.slider--tablet {
    margin-bottom: 1.5rem;
  }
}

.collection .loading-overlay {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  width: 100%;
  padding: 0 1.5rem;
  opacity: 0.7;
}

@media screen and (min-width: 750px) {
  .collection .loading-overlay {
    padding-left: 5rem;
    padding-right: 5rem;
  }
}

.collection.loading .loading-overlay {
  display: block;
}

.collection--empty .title-wrapper {
  margin-top: 10rem;
  margin-bottom: 15rem;
}

@media screen and (max-width: 989px) {
  .collection .slider--tablet.product-grid {
    scroll-padding-left: 1.5rem;
  }
}

.collection__description > * {
  margin: 0;
}

.collection__title.title-wrapper {
  margin-bottom: 2.5rem;
}

.collection__title .title:not(:only-child) {
  margin-bottom: 1rem;
}

@media screen and (min-width: 990px) {
  .collection__title--desktop-slider .title {
    margin-bottom: 2.5rem;
  }

  .collection__title.title-wrapper--self-padded-tablet-down {
    padding: 0 5rem;
  }

  .collection slider-component:not(.page-width-desktop) {
    padding: 0;
  }

  .collection--full-width slider-component:not(.slider-component-desktop) {
    padding: 0 1.5rem;
    max-width: none;
  }
}

.collection__view-all a:not(.link) {
  margin-top: 1rem;
}


/* ==============================================================
   KNIT & CARRY  .  Collection page brand styling  (safe set)
   Scoped to .collection. This block does NOT touch the card,
   the image, or the card content wrapper at all, so it cannot
   affect the product images. Text, price, badge, button,
   page background and the heading marker only.
   ============================================================== */

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&family=Fredoka:wght@500;600;700&display=swap');

/* ---- Product title: Poppins, brand ink ---- */
.collection .card__heading,
.collection .card__heading a {
  font-family: "Poppins", system-ui, -apple-system, sans-serif;
  font-weight: 600;
  color: #2D2632;
  letter-spacing: -0.01em;
}

/* ---- Price: Poppins. Sale price ink, compare-at muted + struck ---- */
.collection .card__information .price,
.collection .card__information .price * {
  font-family: "Poppins", system-ui, -apple-system, sans-serif;
}
.collection .card__information .price-item--sale,
.collection .card__information .price__regular .price-item--regular {
  color: #2D2632;
  font-weight: 700;
}
.collection .card__information .price__sale .price-item--regular {
  color: #9b93a3;
  font-weight: 500;
}

/* ---- Sale badge: brand violet pill (gold: bg #E5A93A, color #2D2632) ---- */
.collection .card__badge .badge {
  background-color: #6C3488;
  color: #ffffff;
  border: none;
  border-radius: 999px;
  font-family: "Poppins", system-ui, -apple-system, sans-serif;
  font-weight: 600;
  letter-spacing: 0.01em;
}

/* ---- Quick-add / Choose options button: brand violet ---- */
.collection .quick-add__submit.button,
.collection .card__information .button {
  font-family: "Poppins", system-ui, -apple-system, sans-serif;
  background-color: #6C3488;
  color: #ffffff;
  border-radius: 12px;
}
.collection .quick-add__submit.button:hover,
.collection .card__information .button:hover {
  background-color: #562A6C;
}

/* ---- Warm cream page ground ---- */
.collection {
  background-color: #FBF3EC;
}

/* ---- Collection heading: Fredoka + gold marker underline ---- */
.collection__title .title {
  font-family: "Fredoka", system-ui, -apple-system, sans-serif;
  font-weight: 700;
  color: #2D2632;
  display: inline-block;
  position: relative;
}
.collection__title .title::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -0.16em;
  height: 0.26em;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 120 10'%3E%3Cpath d='M4 6.5 Q 60 1.5 116 6' fill='none' stroke='%23E5A93A' stroke-width='6' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center/100% 100%;
  pointer-events: none;
}

/* NOTE . Loox stars: set gold (#E5A93A) in the Loox app, not here. */