/** Shopify CDN: Minification failed

Line 465:0 Unexpected "`"

**/
/* ==========================================================

Magnetic Moments • Special Occasions

========================================================== */


/* ==========================================================

SPECIAL OCCASIONS PAGE

========================================================== */

.mm-special-occasions {

  width: 100%;

  padding-top: 40px;
  padding-bottom: 40px !important;

}

.mm-special-occasions .mm-collections-container {

  max-width: var(--mm-container);

  margin: 0 auto;

}


/* ==========================================================

HERO

========================================================== */

.mm-special-occasions .mm-collections-hero {

  text-align: center;

  max-width: 900px;

  margin: 0 auto 60px;

}

.mm-special-occasions .mm-collections-eyebrow {

  margin: 0 0 1rem;

}

.mm-special-occasions .mm-collections-description {

  max-width: 760px;

  margin: 0 auto;

}


/* ==========================================================

SPECIAL OCCASIONS GRID

========================================================== */

.mm-special-occasions .mm-collections-grid {

  display: grid;

  grid-template-columns: repeat(3, minmax(0, 1fr));

  gap: 1.5rem;

  max-width: 1080px;

  margin: 0 auto;

  align-items: start;

}


/* ==========================================================

COLLECTION CARD

========================================================== */

.mm-special-occasions .mm-collection-card {

  display: flex;

  flex-direction: column;

  height: auto;

  min-height: 0;

  background: #fff;

  border: 1px solid rgba(0, 0, 0, .04);

  border-radius: 30px;

  overflow: hidden;

  box-shadow: 0 8px 30px rgba(0, 0, 0, .06);

  text-decoration: none;

  color: inherit;

  transition:

    transform var(--mm-transition),

    box-shadow var(--mm-transition);

}

.mm-special-occasions .mm-collection-card:hover {

  transform: translateY(-5px);

  box-shadow:

    0 16px 40px rgba(0, 0, 0, .08);

}


/* ==========================================================

COLLECTION IMAGE

========================================================== */

.mm-special-occasions .mm-collection-image {

  aspect-ratio: 1 / 1;

  width: 94%;

  margin: .7rem auto 0;

  overflow: hidden;

  background: #f8f8f8;

  border-radius: 22px;

}

.mm-special-occasions .mm-collection-image img {

  display: block;

  width: 100%;

  height: 100%;

  object-fit: cover;

  transition:

    transform var(--mm-transition-slow);

}

.mm-special-occasions .mm-collection-card:hover

.mm-collection-image img {

  transform: scale(1.08);

}


/* ==========================================================

COLLECTION CONTENT

========================================================== */

.mm-special-occasions .mm-collection-content {

  flex: 1;

  display: flex;

  flex-direction: column;

  align-items: center;

  text-align: center;

  padding: 1.2rem 1.5rem 1.6rem;

}

.mm-special-occasions .mm-collection-content h2 {

  min-height: 2.2em;

  display: flex;

  align-items: center;

  justify-content: center;

  margin: 0 0 .7rem;

  font-size: 1.35rem;

  font-weight: var(--mm-font-weight-bold);

  line-height: 1.1;

  color: var(--mm-text);

  text-align: center;

}

.mm-special-occasions .mm-collection-content p {

  margin: 0;

}


/* ==========================================================

GRADIENT TITLE ON HOVER

========================================================== */

.mm-special-occasions .mm-collection-card:hover h2 {

  background: linear-gradient(

    90deg,

    #ff5f8a,

    #ffb347,

    #8fd14f,

    #38bdf8,

    #7c6cff

  );

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

  background-clip: text;

}


/* ==========================================================

SECTION DIVIDER

========================================================== */

.mm-special-occasions .mm-section-divider {

  margin: 80px 0;

}


/* ==========================================================

CUSTOM REQUEST

========================================================== */

.mm-special-occasions .mm-collections-custom {

  max-width: 850px;

  margin: 0 auto;

  text-align: center;

  padding-bottom: 80px;

}

.mm-special-occasions .mm-collections-custom h2 {

  margin: 0 0 1rem;

  font-size: 2.4rem;

  line-height: 1.15;

  font-weight: var(--mm-font-weight-bold);

  color: var(--mm-text);

}

.mm-special-occasions .mm-collections-custom p {

  max-width: 700px;

  margin: 0 auto;

  font-size: var(--mm-font-body);

  line-height: 1.65;

  color: var(--mm-text-light);

}

.mm-special-occasions .mm-collections-custom-button {

  display: flex;

  justify-content: center;

  margin-top: 40px;

}

/* ==========================================================
   SPECIAL OCCASION CUSTOM CARD
========================================================== */

.mm-special-occasions .mm-collection-card:last-child {
  height: auto;
  min-height: 0;
  align-self: stretch;
  box-sizing: border-box;
}

.mm-special-occasions .mm-special-occasion-icon {
  display: flex;
  align-items: center;
  justify-content: center;

  width: 94%;
  height: 220px;
  min-height: 220px;

  margin: .7rem auto 0;

  background: linear-gradient(
    135deg,
    #fff8fb,
    #f8fbff
  );

  border-radius: 22px;

  flex: 0 0 220px;
  box-sizing: border-box;
}

.mm-special-occasions .mm-special-occasion-icon-circle {
  display: flex;
  align-items: center;
  justify-content: center;

  width: 110px;
  height: 110px;

  background: #fff;
  border-radius: 50%;

  font-size: 3.2rem;

  box-shadow: 0 8px 25px rgba(0, 0, 0, .06);
}

.mm-special-occasions .mm-collection-card:last-child
.mm-collection-content {
  flex: 1;

  display: flex;
  flex-direction: column;
  align-items: center;

  padding: 1rem 1.5rem 1.2rem;

  min-height: 0;
  box-sizing: border-box;
}

.mm-special-occasions .mm-collection-card:last-child
.mm-collections-custom-button {
  margin-top: 1.2rem;
  padding-top: 0;
}

/* ==========================================================

MOBILE

========================================================== */

@media (max-width: 768px) {

  .mm-special-occasions .mm-collections-grid {

    grid-template-columns: 1fr;

  }

  .mm-special-occasions .mm-collections-hero {

    margin-bottom: 40px;

  }

  .mm-special-occasions .mm-collection-content {

    padding:

      1.6rem 1.5rem 1.8rem;

  }

  .mm-special-occasions .mm-collection-content h2 {

    font-size: 1.6rem;

  }

  .mm-special-occasions .mm-section-divider {

    margin: 60px 0;

  }

  .mm-special-occasions .mm-collections-custom {

    padding-bottom: 60px;

  }

  .mm-special-occasions .mm-collections-custom h2 {

    font-size: 2rem;

  }

}
```