/** Shopify CDN: Minification failed

Line 18:0 Comments in CSS use "/* ... */" instead of "//"
Line 19:0 Comments in CSS use "/* ... */" instead of "//"
Line 20:0 Comments in CSS use "/* ... */" instead of "//"
Line 21:0 Comments in CSS use "/* ... */" instead of "//"
Line 22:0 Comments in CSS use "/* ... */" instead of "//"
Line 23:0 Comments in CSS use "/* ... */" instead of "//"
Line 24:0 Comments in CSS use "/* ... */" instead of "//"
Line 1129:19 The "-" operator only works if there is whitespace on both sides

**/
/* SHOPIFY_STYLESHEETS_VERSION: 1.0 */


/* CSS from section stylesheet tags */
/* START_SECTION:collection (INDEX:42) */
// body .collection-grid .AddToCartForm,
// body .collection-grid form.AddToCartForm input.AddToCart,
// body .collection-grid form.AddToCartForm select,
// body .collection-grid a.btn.view-now-btn,
// body .collection-grid a.btn:not(.product-title) {
// 	display: none !important;
// }
body .collection-grid form.AddToCartForm select,
body .collection-grid a.btn.view-now-btn,
body .collection-grid a.btn:not(.product-title) {
	display: none !important;
}
/* END_SECTION:collection */

/* START_SECTION:story-cards-grid (INDEX:131) */
/* ============================================================
   SECTION
   ============================================================ */

.story-grid-section {
	width: 100%;
	box-sizing: border-box;
	padding-top: var(--story-padding-top-mobile);
	padding-bottom: var(--story-padding-bottom-mobile);
}

.story-grid-container {
	width: 100%;
	max-width: var(--story-container-width, 1200px);
	margin-left: auto;
	margin-right: auto;
	padding-left: 24px;
	padding-right: 24px;
	box-sizing: border-box;
}

.story-grid-section__heading {
	width: 100%;
	margin-top: 0;
	margin-bottom: 20px;
	text-align: center;
	color: var(--story-heading-color, inherit);
	font-size: var(--story-heading-font-size-mobile, 24px);
}


/* ============================================================
   TRACK WRAPPER
   ============================================================ */

.story-grid-track-wrap {
	position: relative;
	width: 100%;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
}


/* ============================================================
   MAIN CARD WRAPPER
   ============================================================ */

.story-grid-wrapper {
	width: 100%;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
}


/* ============================================================
   CARD
   ============================================================ */

.story-grid-card {
	display: flex;
	flex-direction: column;
	align-items: center;
	flex: 0 0 auto;
  /*
   * IMPORTANT:
   *
   * Card width is calculated entirely from:
   *
   *   - available container width
   *   - cards per row/view
   *   - gap
   *
   * Individual card width settings are intentionally NOT used.
   */
	text-decoration: none;
	color: inherit;
	box-sizing: border-box;
}


/* ============================================================
   IMAGE
   ============================================================ */

.story-grid-card__image-wrap {
	position: relative;
	width: 100%;
	height: var(--card-h-m, 160px);
	overflow: hidden;
	box-sizing: border-box;
	border-radius: 50%;
}

.story-grid-card__image-wrap--border {
	border: var(--card-border-width)
    solid
    var(--card-border-color);
	border-radius: 50%;
	box-sizing: border-box;
	transition: border-color 0.25s ease;
}

.story-grid-card__image,
.story-grid-card__placeholder {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 50%;
	transition: transform 0.35s ease;
}

.story-grid-card__image-wrap--border
.story-grid-card__image,

.story-grid-card__image-wrap--border
.story-grid-card__placeholder {
	border-radius: 50%;
}


/* ============================================================
   TEXT
   ============================================================ */

.story-grid-card__text {
	width: 100%;
	margin-top: 10px;
	text-align: center;
	box-sizing: border-box;
	transition: opacity 0.25s ease,
    color 0.25s ease;
}

.story-grid-card__text p {
	margin: 0;
}


/* ============================================================
   HOVER
   ============================================================ */

a.story-grid-card:hover
.story-grid-card__image,

a.story-grid-card:focus-visible
.story-grid-card__image {
	transform: scale(1.06);
}

a.story-grid-card:hover
.story-grid-card__text,

a.story-grid-card:focus-visible
.story-grid-card__text {
	text-decoration: underline;
}


/* ============================================================
   ACTIVE CARD
   ============================================================ */

.story-grid-card--active
.story-grid-card__image-wrap {
	border-width: 2px;
}

.story-grid-card--active
.story-grid-card__text {
	font-weight: 700;
	text-decoration: underline;
}


/* ============================================================
   VISIBILITY
   ============================================================ */

.story-grid-card--hide-mobile,
.story-grid-section--hide-mobile {
	display: none;
}


/* ============================================================
   CAROUSEL SCROLLBAR
   ============================================================ */

.story-grid-wrapper--carousel-mobile {
	scrollbar-width: none;
	-ms-overflow-style: none;
}

.story-grid-wrapper--carousel-mobile::-webkit-scrollbar {
	display: none;
}


/* ============================================================
   ARROWS
   ============================================================ */

.story-grid-arrow {
	display: none;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	padding: 0;
	border: none;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.9);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
	color: #111;
	cursor: pointer;
	z-index: 10;
}

.story-grid-arrow svg {
	width: 18px;
	height: 18px;
}

.story-grid-arrow--prev {
	left: 0;
}

.story-grid-arrow--next {
	right: 0;
}


/* ============================================================
   DOTS
   ============================================================ */

.story-grid-dots {
	display: none;
	align-items: center;
	justify-content: center;
	gap: 8px;
	margin-top: 12px;
}

.story-grid-dot {
	width: 8px;
	height: 8px;
	padding: 0;
	border: none;
	border-radius: 50%;
	background: currentColor;
	opacity: 0.3;
	cursor: pointer;
	transition: opacity 0.2s ease,
    transform 0.2s ease;
}

.story-grid-dot.is-active {
	opacity: 1;
	transform: scale(1.2);
}


/* ============================================================
   MOBILE
   ============================================================ */

@media screen and (max-width: 749px) {

	.story-grid-container {
		padding-left: 16px;
		padding-right: 16px;
	}


  /*
   * Mobile card size comes from each block's
   * "Size - Mobile" settings (card width + image height).
   * Cards wrap and stay centered; cards in a row share the same height.
   */

	.story-grid-wrapper:not(.story-grid-wrapper--carousel-mobile) {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: stretch;
		width: 100%;
		column-gap: var(--story-gap-mobile, 12px);
		row-gap: var(--story-gap-mobile, 12px);
	}

	.story-grid-wrapper .story-grid-card {
		width: var(--card-w-m, 160px);
		max-width: 100%;
	}

	.story-grid-wrapper .story-grid-card__image-wrap {
		width: 100%;
		height: var(--card-h-m, 160px);
		aspect-ratio: auto;
	}


  /*
   * Mobile carousel (optional, controlled by "Enable carousel on mobile").
   * Same card size as the normal mobile layout.
   */

	.story-grid-wrapper--carousel-mobile {
		display: flex;
		flex-wrap: nowrap;
		width: 100%;
		overflow-x: auto;
		overflow-y: hidden;
		justify-content: flex-start;
		align-items: stretch;
		column-gap: var(--story-gap-mobile, 12px);
		row-gap: 0;
		scroll-snap-type: x mandatory;
		scroll-behavior: smooth;
		-webkit-overflow-scrolling: touch;
		box-sizing: border-box;
	}

	.story-grid-wrapper--carousel-mobile .story-grid-card {
		flex: 0 0 var(--card-w-m, 160px);
		width: var(--card-w-m, 160px);
		max-width: none;
		scroll-snap-align: start;
	}


  /* Mobile arrows. */

	.story-grid-carousel--mobile.story-grid-carousel--arrows
  .story-grid-arrow {
		display: flex;
	}

	.story-grid-carousel--mobile.story-grid-carousel--arrows
  .story-grid-track-wrap {
		padding-left: 18px;
		padding-right: 18px;
		box-sizing: border-box;
	}


  /* Mobile dots. */

	.story-grid-carousel--mobile.story-grid-carousel--dots
  .story-grid-dots {
		display: flex;
	}
}


/* ============================================================
   DESKTOP
   ============================================================ */

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

	.story-grid-section {
		padding-top: var(--story-padding-top);
		padding-bottom: var(--story-padding-bottom);
	}

	.story-grid-section__heading {
		font-size: var(--story-heading-font-size, 32px);
	}


  /*
   * Desktop: NO carousel. Each card uses its own "Size - Desktop"
   * settings (card width + image height). Cards wrap onto new rows
   * and incomplete rows stay centered. Cards in a row share the same
   * height.
   */

	.story-grid-wrapper {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: stretch;
		width: 100%;
		max-width: 100%;
		column-gap: var(--story-gap, 20px);
		row-gap: var(--story-gap, 20px);
		margin-left: auto;
		margin-right: auto;
		box-sizing: border-box;
	}

	.story-grid-wrapper .story-grid-card {
		width: var(--card-w-d, 250px);
		max-width: 100%;
	}

	.story-grid-wrapper .story-grid-card__image-wrap {
		width: 100%;
		height: var(--card-h-d, 250px);
		aspect-ratio: auto;
	}


  /* Desktop visibility. */

	.story-grid-card--hide-mobile {
		display: flex;
	}

	.story-grid-card--hide-desktop {
		display: none;
	}

	.story-grid-section--hide-mobile {
		display: block;
	}

	.story-grid-section--hide-desktop {
		display: none;
	}
}


/* ============================================================
   HIDE SECTION
   ============================================================ */

@media screen and (max-width: 749px) {

	.story-grid-section--hide-mobile {
		display: none;
	}
}

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

	.story-grid-section--hide-desktop {
		display: none;
	}
}
/* END_SECTION:story-cards-grid */

/* START_SECTION:story-cards (INDEX:132) */
/* ============================================================
   SECTION
   ============================================================ */

.story-cards-section {
	width: 100%;
	box-sizing: border-box;
	padding-top: var(--story-padding-top-mobile);
	padding-bottom: var(--story-padding-bottom-mobile);
}

.story-cards-container {
	width: 100%;
	max-width: var(--story-container-width, 1200px);
	margin-left: auto;
	margin-right: auto;
	padding-left: 24px;
	padding-right: 24px;
	box-sizing: border-box;
}

.story-cards-section__heading {
	width: 100%;
	margin-top: 0;
	margin-bottom: 20px;
	text-align: center;
	color: var(--story-heading-color, inherit);
	font-size: var(--story-heading-font-size-mobile, 24px);
}


/* ============================================================
   TRACK WRAPPER
   ============================================================ */

.story-cards-track-wrap {
	position: relative;
	width: 100%;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
}


/* ============================================================
   MAIN CARD WRAPPER
   ============================================================ */

.story-cards-wrapper {
	width: 100%;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
}


/* ============================================================
   CARD
   ============================================================ */

.story-card {
	display: flex;
	flex-direction: column;
	align-items: center;
	flex: 0 0 auto;
  /*
   * IMPORTANT:
   *
   * Card width is calculated entirely from:
   *
   *   - available container width
   *   - cards per row/view
   *   - gap
   *
   * Individual card width settings are intentionally NOT used.
   */
	text-decoration: none;
	color: inherit;
	box-sizing: border-box;
}


/* ============================================================
   IMAGE
   ============================================================ */

.story-card__image-wrap {
	position: relative;
	width: 100%;
	aspect-ratio: 1 / 1;
	height: auto;
	overflow: hidden;
	box-sizing: border-box;
	border-radius: 50%;
}

.story-card__image-wrap--border {
	border: var(--card-border-width)
    solid
    var(--card-border-color);
	border-radius: 50%;
	box-sizing: border-box;
	transition: border-color 0.25s ease;
}

.story-card__image,
.story-card__placeholder {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 50%;
	transition: transform 0.35s ease;
}

.story-card__image-wrap--border
.story-card__image,

.story-card__image-wrap--border
.story-card__placeholder {
	border-radius: 50%;
}


/* ============================================================
   TEXT
   ============================================================ */

.story-card__text {
	width: 100%;
	margin-top: 10px;
	text-align: center;
	box-sizing: border-box;
	transition: opacity 0.25s ease,
    color 0.25s ease;
}

.story-card__text p {
	margin: 0;
}


/* ============================================================
   HOVER
   ============================================================ */

a.story-card:hover
.story-card__image,

a.story-card:focus-visible
.story-card__image {
	transform: scale(1.06);
}

a.story-card:hover
.story-card__text,

a.story-card:focus-visible
.story-card__text {
	text-decoration: underline;
}


/* ============================================================
   ACTIVE CARD
   ============================================================ */

.story-card--active
.story-card__image-wrap {
	border-width: 2px;
}

.story-card--active
.story-card__text {
	font-weight: 700;
	text-decoration: underline;
}


/* ============================================================
   VISIBILITY
   ============================================================ */

.story-card--hide-mobile,
.story-cards-section--hide-mobile {
	display: none;
}


/* ============================================================
   CAROUSEL SCROLLBAR
   ============================================================ */

.story-cards-wrapper--carousel-mobile,
.story-cards-wrapper--carousel-desktop {
	scrollbar-width: none;
	-ms-overflow-style: none;
}

.story-cards-wrapper--carousel-mobile::-webkit-scrollbar,
.story-cards-wrapper--carousel-desktop::-webkit-scrollbar {
	display: none;
}


/* ============================================================
   ARROWS
   ============================================================ */

.story-cards-arrow {
	display: none;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	padding: 0;
	border: none;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.9);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
	color: #111;
	cursor: pointer;
	z-index: 10;
}

.story-cards-arrow svg {
	width: 18px;
	height: 18px;
}

.story-cards-arrow--prev {
	left: 0;
}

.story-cards-arrow--next {
	right: 0;
}


/* ============================================================
   DOTS
   ============================================================ */

.story-cards-dots {
	display: none;
	align-items: center;
	justify-content: center;
	gap: 8px;
	margin-top: 12px;
}

.story-cards-dot {
	width: 8px;
	height: 8px;
	padding: 0;
	border: none;
	border-radius: 50%;
	background: currentColor;
	opacity: 0.3;
	cursor: pointer;
	transition: opacity 0.2s ease,
    transform 0.2s ease;
}

.story-cards-dot.is-active {
	opacity: 1;
	transform: scale(1.2);
}


/* ============================================================
   MOBILE
   ============================================================ */

@media screen and (max-width: 749px) {

	.story-cards-container {
		padding-left: 16px;
		padding-right: 16px;
	}


  /*
   * ------------------------------------------------------------
   * MOBILE NORMAL LAYOUT
   * ------------------------------------------------------------
   *
   * Cards per view controls the actual number of cards per row.
   *
   * Example with 2:
   *
   * [  card  ][  card  ]
   *
   * Example with 3:
   *
   * [ card ][ card ][ card ]
   *
   * Incomplete rows remain centered.
   */

	.story-cards-wrapper:not(
    .story-cards-wrapper--carousel-mobile
  ) {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: flex-start;
		width: 100%;
		column-gap: var(--story-gap-mobile, 12px);
		row-gap: var(--story-gap-mobile, 12px);
	}


  /*
   * Mobile card width.
   *
   * This is the important calculation.
   *
   * N cards + N-1 gaps must exactly fit the available width.
   */

	.story-cards-wrapper:not(
    .story-cards-wrapper--carousel-mobile
  )
  .story-card {
		width: calc(
        (
          100%
          -
          (
            (
              var(--story-cards-per-view-mobile, 2)
              -
              1
            )
            *
            var(--story-gap-mobile, 12px)
          )
        )
        /
        var(--story-cards-per-view-mobile, 2)
      );
	}


  /*
   * ------------------------------------------------------------
   * MOBILE CAROUSEL
   * ------------------------------------------------------------
   */

	.story-cards-wrapper--carousel-mobile {
		display: flex;
		flex-wrap: nowrap;
		width: 100%;
		overflow-x: auto;
		overflow-y: hidden;
		justify-content: flex-start;
		align-items: flex-start;
		column-gap: var(--story-gap-mobile, 12px);
		row-gap: 0;
		scroll-snap-type: x mandatory;
		scroll-behavior: smooth;
		-webkit-overflow-scrolling: touch;
		box-sizing: border-box;
	}


  /*
   * Carousel card width uses EXACTLY the same formula as
   * the normal mobile layout.
   *
   * So turning carousel on/off does not change card size.
   */

	.story-cards-wrapper--carousel-mobile
  .story-card {
		flex: 0 0
      calc(
        (
          100%
          -
          (
            (
              var(--story-cards-per-view-mobile, 2)
              -
              1
            )
            *
            var(--story-gap-mobile, 12px)
          )
        )
        /
        var(--story-cards-per-view-mobile, 2)
      );
		width: calc(
        (
          100%
          -
          (
            (
              var(--story-cards-per-view-mobile, 2)
              -
              1
            )
            *
            var(--story-gap-mobile, 12px)
          )
        )
        /
        var(--story-cards-per-view-mobile, 2)
      );
		max-width: none;
		scroll-snap-align: start;
	}


  /*
   * Mobile image is ALWAYS square.
   */

	.story-cards-wrapper
  .story-card__image-wrap {
		width: 100%;
		height: auto;
		aspect-ratio: 1 / 1;
	}


  /*
   * Mobile arrows.
   */

	.story-cards-carousel--mobile
  .story-cards-carousel--arrows {
		display: flex;
	}

	.story-cards-carousel--mobile.story-cards-carousel--arrows
  .story-cards-arrow {
		display: flex;
	}


  /*
   * Give arrows a little breathing room without changing
   * the actual card calculation.
   */

	.story-cards-carousel--mobile.story-cards-carousel--arrows
  .story-cards-track-wrap {
		padding-left: 18px;
		padding-right: 18px;
		box-sizing: border-box;
	}


  /*
   * Mobile dots.
   */

	.story-cards-carousel--mobile.story-cards-carousel--dots
  .story-cards-dots {
		display: flex;
	}
}


/* ============================================================
   DESKTOP
   ============================================================ */

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

	.story-cards-section {
		padding-top: var(--story-padding-top);
		padding-bottom: var(--story-padding-bottom);
	}

	.story-cards-section__heading {
		font-size: var(--story-heading-font-size, 32px);
	}


  /*
   * ------------------------------------------------------------
   * DESKTOP NORMAL LAYOUT
   * ------------------------------------------------------------
   *
   * This is intentionally FLEX rather than CSS grid.
   *
   * Why?
   *
   * A flex row can center an incomplete final row naturally:
   *
   * 4 per row:
   *
   * [ A ][ B ][ C ][ D ]
   *
   * [       E ][ F       ]
   *
   * The second row remains centered.
   */

	.story-cards-wrapper:not(
    .story-cards-wrapper--carousel-desktop
  ) {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: flex-start;
		width: 100%;
		max-width: 100%;
		column-gap: var(--story-gap, 20px);
		row-gap: var(--story-gap, 20px);
		margin-left: auto;
		margin-right: auto;
		box-sizing: border-box;
	}


  /*
   * ------------------------------------------------------------
   * DESKTOP CARD WIDTH
   * ------------------------------------------------------------
   *
   * Example:
   *
   * container = 1200px
   * cards_per_row = 4
   * gap = 20px
   *
   * card width =
   *
   * (1200 - 60) / 4
   *
   * = 285px
   *
   * Therefore:
   *
   * 285 + 20 + 285 + 20 + 285 + 20 + 285
   *
   * = 1200px
   *
   * Perfect fit.
   */

	.story-cards-wrapper:not(
    .story-cards-wrapper--carousel-desktop
  )
  .story-card {
		width: calc(
        (
          100%
          -
          (
            (
              var(--story-cards-per-row, 4)
              -
              1
            )
            *
            var(--story-gap, 20px)
          )
        )
        /
        var(--story-cards-per-row, 4)
      );
		max-width: none;
	}


  /*
   * Desktop image ALWAYS square.
   */

	.story-cards-wrapper
  .story-card__image-wrap {
		width: 100%;
		height: auto;
		aspect-ratio: 1 / 1;
	}


  /*
   * ------------------------------------------------------------
   * DESKTOP CAROUSEL
   * ------------------------------------------------------------
   *
   * Same calculated card width.
   *
   * If Cards per row = 4:
   *
   * [ A ][ B ][ C ][ D ] -> visible
   *
   * then scroll:
   *
   * [ E ][ F ][ G ][ H ]
   */

	.story-cards-wrapper--carousel-desktop {
		display: flex;
		flex-wrap: nowrap;
		width: 100%;
		max-width: 100%;
		overflow-x: auto;
		overflow-y: hidden;
		justify-content: flex-start;
		align-items: flex-start;
		column-gap: var(--story-gap, 20px);
		row-gap: 0;
		scroll-snap-type: x mandatory;
		scroll-behavior: smooth;
		-webkit-overflow-scrolling: touch;
		box-sizing: border-box;
	}

	.story-cards-wrapper--carousel-desktop
  .story-card {
		flex: 0 0
      calc(
        (
          100%
          -
          (
            (
              var(--story-cards-per-row, 4)
              -
              1
            )
            *
            var(--story-gap, 20px)
          )
        )
        /
        var(--story-cards-per-row, 4)
      );
		width: calc((100%-((var(--story-cards-per-row, 4)-1)*var(--story-gap, 20px)))/var(--story-cards-per-row, 4));
		max-width: none;
		scroll-snap-align: start;
	}


  /*
   * Desktop carousel arrows.
   */

	.story-cards-carousel--desktop.story-cards-carousel--arrows
  .story-cards-arrow {
		display: flex;
	}

	.story-cards-carousel--desktop.story-cards-carousel--arrows
  .story-cards-track-wrap {
		padding-left: 40px;
		padding-right: 40px;
		box-sizing: border-box;
	}


  /*
   * Desktop dots.
   */

	.story-cards-carousel--desktop.story-cards-carousel--dots
  .story-cards-dots {
		display: flex;
	}


  /*
   * Desktop visibility.
   */

	.story-card--hide-mobile {
		display: flex;
	}

	.story-card--hide-desktop {
		display: none;
	}

	.story-cards-section--hide-mobile {
		display: block;
	}

	.story-cards-section--hide-desktop {
		display: none;
	}
}


/* ============================================================
   HIDE SECTION
   ============================================================ */

@media screen and (max-width: 749px) {

	.story-cards-section--hide-mobile {
		display: none;
	}
}

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

	.story-cards-section--hide-desktop {
		display: none;
	}
}
/* END_SECTION:story-cards */

/* START_SECTION:template--product-backup (INDEX:135) */
#product-details[data-single-default="true"] .product-single__variants,
#product-details[data-single-default="true"] .selector-wrapper {
  display: none !important;
}

.sale-custom-text p{margin-bottom: 0;}
/* END_SECTION:template--product-backup */

/* START_SECTION:template--product (INDEX:136) */
#product-details[data-single-default="true"] .product-single__variants,
#product-details[data-single-default="true"] .selector-wrapper {
  display: none !important;
}

.sale-custom-text p{margin-bottom: 0;}
/* END_SECTION:template--product */

/* START_SECTION:wishlist-page (INDEX:139) */
.wishlist-page-section__inner {
    text-align: center;
    padding: 2rem 20px;
  }
  .wishlist-page-section__heading {
    margin-bottom: 1rem;
  }
  .wishlist-page-section__description {
    max-width: 560px;
    margin: 0 auto;
    color: rgba(var(--color-foreground), 0.75);
  }
  .wishlist-page-section__actions {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;
  }
  .wishlist-page-section__actions a.button.wishlist-page-section__button{
    background: #000;
    color: #ffffff;
    font-weight: 700;
    text-transform: uppercase;
    padding: 10px 20px;
    /* transition: .3s; */
  }
  /* .wishlist-page-section__actions a.button.wishlist-page-section__button:hover{opacity: #1f1f4a;} */
  .wishlist-page-section__login-prompt {
    /* font-size: 1.4rem; */
  }
  .wishlist-page-section__login-prompt a{text-decoration: underline;}
  .wishlist-page-section__items {
    margin-top: 3rem;
  }
/* END_SECTION:wishlist-page */