/** Shopify CDN: Minification failed

Line 303:0 Expected "}" to go with "{"

**/
/* ===== elise c. — global fixes ===== */

/* clip the marquee strip so it can't widen the page */
.elise-marquee__track {
  overflow-x: clip;
}

section[class*="elise_marquee"],
.elise-marquee {
  overflow-x: clip;
  max-width: 100%;
}

/* insurance: nothing else gets to widen the page either */
html {
  overflow-x: clip;
}

/* ===== elise c. — library card-pocket product cards ===== */

/* Card frame: soft corners, hairline border */
.card-wrapper .card {
  border-radius: 12px;
  border: 1px solid #E9E6DE;
  background: #FFFFFF;
  overflow: hidden;
}

.card-wrapper .card .card__inner {
  border-radius: 0;
}

/* The pocket: paper panel holding title + price */
.card-wrapper .card__information {
  position: relative;
  background: #F1EDE3;
  border-left: 1px solid #DFD8C6;
  border-right: 1px solid #DFD8C6;
  border-bottom: 1px solid #DFD8C6;
  border-radius: 0 0 11px 11px;
  margin: 20px 6px 6px;
  padding: 12px 20px 14px;
}
  .card-wrapper .card__information .card__heading,
  .card-wrapper .card__information .price {
  margin-left: 0;
  margin-right: 0;
  padding-left: 12px;
  padding-right: 12px;
}

/* The pocket's rounded top lip */
.card-wrapper .card__information::before {
  content: "";
  position: absolute;
  top: -14px;
  left: -1px;
  right: -1px;
  height: 14px;
  background: #F1EDE3;
  border-top: 1px solid #DFD8C6;
  border-left: 1px solid #DFD8C6;
  border-right: 1px solid #DFD8C6;
  border-radius: 14px 14px 0 0;
  pointer-events: none;
}

/* Type inside the pocket */
.card-wrapper .card__heading {
  color: #3E3352;
  letter-spacing: 0.02em;
}

.card-wrapper .card__heading a {
  color: #3E3352;
}

.card-wrapper .card__information .price {
  color: #8F84A3;
}

/* Sale / sold-out badges become date-due stamps */
.card__badge .badge {
  background: rgba(255, 255, 255, 0.78);
  border: 1.5px solid #B0455E;
  color: #B0455E;
  border-radius: 4px;
  transform: rotate(6deg);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-size: 1rem;
  padding: 0.3rem 0.8rem;
  box-shadow: none;
  margin: 0.8rem;
}
/* ==========================================================================
   ec-swatches.css (v2) — collection card color dots
   Paste into your dedicated custom CSS asset file.
   (The product-page swatch dots need no CSS here — ec-variant-swatch-css
   generates its own styles inline.)
   ========================================================================== */

:root {
  --ec-dot-size: 0.875rem;
  --ec-swatch-border: var(--ec-blush, #d9a7b0);
  --ec-swatch-bg: var(--ec-cream, #f7f1e6);
}

.ec-card-swatches {
  display: flex;
  align-items: center;
  gap: 0.3rem;
  margin-top: 0.4rem;
}

.ec-card-swatches__dot {
  width: var(--ec-dot-size);
  height: var(--ec-dot-size);
  border-radius: 50%;
  border: 1px solid rgba(0, 0, 0, 0.15);
  flex: none;
}

.ec-card-swatches__dot--unknown {
  background:
    linear-gradient(135deg, transparent 46%, var(--ec-swatch-border) 46%, var(--ec-swatch-border) 54%, transparent 54%),
    var(--ec-swatch-bg);
}

.ec-card-swatches__more {
  font-size: 0.6875rem;
  opacity: 0.7;
}

/* ==========================================================================
   ec-bow accordion icon
   Renders the brand bow in place of Dawn's outline icons on collapsible rows.
   Paired with the 'bow' branch in snippets/icon-accordion.liquid.
   The bow's viewBox is 140x90, so it needs a wider box than Dawn's square
   icons or it renders squashed.
   ========================================================================== */

.svg-wrapper.svg-wrapper--ec-bow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.4rem;
  height: 1.7rem;
  flex: none;
}

.svg-wrapper.svg-wrapper--ec-bow .ec-bow {
  display: block;
  width: 100%;
  height: 100%;
}
/* Align the swatch row with the card heading and price, which carry an
   extra 12px inset inside the pocket. */
.card-wrapper .card__information .ec-card-swatches {
  padding-left: 12px;
  padding-right: 12px;
}
/* Extend the card's click target up over the image. The overlay is bounded
   by .card__information (position: relative, needed for the pocket lip), so
   push it upward — .card's overflow: hidden clips it to the card edge. */
.card-wrapper .card__information .card__heading a::after {
  top: -1000px;
}
.ec-card-swatches {
  display: flex;
  align-items: center;
  gap: 0.3rem;
  margin-top: 0.4rem;
  position: relative;
  z-index: 2;
}

.ec-card-swatches__dot {
  display: block;
  width: 14px;
  height: 14px;
  min-width: 14px;
  min-height: 14px;
  border-radius: 50%;
  border: 1px solid rgba(0, 0, 0, 0.15);
  background-color: #ddd;
  flex: 0 0 auto;
}

.ec-card-swatches__dot:hover {
  transform: scale(1.15);
  border-color: rgba(0, 0, 0, 0.35);
}
.ec-card-swatches__link {
  display: block;
  line-height: 0;/*
  flex: 0 0 auto;
}
.ec-card-swatches .ec-card-swatches__dot {
  display: block !important;
  width: 1.4rem;
  height: 1.4rem;
  min-width: 1.4rem;
  min-height: 1.4rem;
  border-radius: 50%;
  border: 1px solid rgba(0, 0, 0, 0.15);
  flex: 0 0 auto;
}

.blog-articles .card__inner { --ratio-percent: 150% !important; }
.blog-articles .card__content { background: #FAF6EE; }
/* ============================================================
   Circular collection tiles — "Shop by" rows
   Paste at the end of your existing custom CSS asset file.

   Works with Dawn's "Collection list" section.
   Before this does anything, in the theme editor set that
   section's Image ratio to "Square".
   ============================================================ */

/* 1. The circle itself */
.collection-list .card__inner {
  border-radius: 50%;
  overflow: hidden;
}

/* Kill Dawn's card border/shadow so the circle reads clean */
.collection-list .card--card,
.collection-list .card--standard > .card__content {
  border: none;
  box-shadow: none;
  background: transparent;
}

/* 2. Center the label under each circle */
.collection-list .card__content {
  padding-left: 0;
  padding-right: 0;
  text-align: center;
}

.collection-list .card__heading {
  font-size: 1.5rem;
  letter-spacing: 0.02em;
  margin-top: 1.2rem;
}

/* Dawn underlines collection card links on hover — not wanted here */
.collection-list .card__heading a::after {
  display: none;
}

/* 3. Hover: gentle lift, no bounce */
.collection-list .card-wrapper {
  transition: transform 0.25s ease;
}

.collection-list .card-wrapper:hover {
  transform: translateY(-4px);
}

.collection-list .card__inner {
  transition: box-shadow 0.25s ease;
}

.collection-list .card-wrapper:hover .card__inner {
  /* swap the color for your plum variable if you have one defined */
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
}

/* 4. Mobile: two circles across instead of one giant one.
      Set section columns to 2 on mobile in the editor;
      this just tightens the gap and label size to match. */
@media screen and (max-width: 749px) {
  .collection-list .card__heading {
    font-size: 1.3rem;
    margin-top: 0.8rem;
  }

  .collection-list.grid {
    column-gap: 1.2rem;
    row-gap: 2.4rem;
  }
}

/* 5. Respect reduced-motion preferences */
@media (prefers-reduced-motion: reduce) {
  .collection-list .card-wrapper,
  .collection-list .card__inner {
    transition: none;
  }

  .collection-list .card-wrapper:hover {
    transform: none;
  }
}