/** Shopify CDN: Minification failed

Line 130:27 Unexpected "-->"
Line 184:0 Unexpected "<"

**/
.cart-notification-wrapper {
  position: relative;
}

.cart-notification-wrapper .cart-notification {
  display: block;
}

.cart-notification {
  border-bottom-right-radius: var(--popup-corner-radius);
  border-bottom-left-radius: var(--popup-corner-radius);
  border-color: rgba(var(--color-foreground), var(--popup-border-opacity));
  border-style: solid;
  border-width: 0 0 var(--popup-border-width);
  padding: 2.5rem 3.5rem;
  position: absolute;
  right: 0;
  transform: translateY(-100%);
  visibility: hidden;
  width: 100%;
  box-shadow: var(--popup-shadow-horizontal-offset) var(--popup-shadow-vertical-offset) var(--popup-shadow-blur-radius)
    rgba(var(--color-shadow), var(--popup-shadow-opacity));
  z-index: -1;
}

.cart-notification.focused {
  box-shadow: 0 0 0.2rem 0 rgba(var(--color-foreground), 0.3),
    var(--popup-shadow-horizontal-offset) var(--popup-shadow-vertical-offset) var(--popup-shadow-blur-radius)
      rgba(var(--color-shadow), var(--popup-shadow-opacity));
}

.cart-notification:focus-visible {
  box-shadow: 0 0 0.2rem 0 rgba(var(--color-foreground), 0.3),
    var(--popup-shadow-horizontal-offset) var(--popup-shadow-vertical-offset) var(--popup-shadow-blur-radius)
      rgba(var(--color-shadow), var(--popup-shadow-opacity));
}

@media screen and (min-width: 750px) {
  .header-wrapper:not(.header-wrapper--border-bottom) + cart-notification .cart-notification {
    border-top-width: var(--popup-border-width);
  }

  .cart-notification {
    border-width: 0 var(--popup-border-width) var(--popup-border-width);
    max-width: 36.8rem;
    right: 2.2rem;
  }
}

@media screen and (min-width: 990px) {
  .cart-notification-wrapper:is(.page-width) > .cart-notification {
    right: 4rem;
  }
}

.cart-notification.animate {
  transition: transform var(--duration-short) ease, visibility 0s var(--duration-short) ease;
}

.cart-notification.active {
  transform: translateY(0);
  transition: transform var(--duration-default) ease, visibility 0s;
  visibility: visible;
}

.cart-notification__header {
  align-items: flex-start;
  display: flex;
}

.cart-notification__heading {
  align-items: center;
  display: flex;
  flex-grow: 1;
  margin-bottom: 0;
  margin-top: 0;
}

.cart-notification__heading .icon-checkmark {
  color: rgb(var(--color-foreground));
  margin-right: 1rem;
  width: 1.3rem;
}

.cart-notification__close {
  margin-top: -2rem;
  margin-right: -3rem;
}

.cart-notification__links {
  text-align: center;
}

.cart-notification__links > * {
  margin-top: 1rem;
}

.cart-notification-product {
  align-items: flex-start;
  display: flex;
  padding-bottom: 3rem;
  padding-top: 2rem;
}

.cart-notification-product dl {
  margin-bottom: 0;
  margin-top: 0;
}

.cart-notification-product__image {
  display: inline-flex;
  margin-right: 1.5rem;
  margin-top: 0.5rem;
}

.cart-notification-product__image:after {
  content: none;
}

.cart-notification-product__name {
  margin-bottom: 0.5rem;
  margin-top: 0;
}
<!-- MNL Product Accordion -->
<div class="mnl-accordion">
  <div class="mnl-accordion__item">
    <button class="mnl-accordion__trigger" aria-expanded="false">
      <span>Product details</span><span class="mnl-accordion__icon">+</span>
    </button>
    <div class="mnl-accordion__content">
      <p>A rich, plant-based body butter designed to nourish and support balanced skin. Made with shea butter, mango butter, jojoba oil and oat kernel oil, it melts into the skin and leaves it feeling soft and comforted.</p>
      <p>Size: 150g<br>Texture: Rich, buttery, whipped<br>Packaging: Frosted glass jar with real wooden lid and protective inner liner</p>
    </div>
  </div>
  <div class="mnl-accordion__item">
    <button class="mnl-accordion__trigger" aria-expanded="false">
      <span>How to use</span><span class="mnl-accordion__icon">+</span>
    </button>
    <div class="mnl-accordion__content">
      <p>Apply to clean, damp skin after bathing or showering. Massage into the skin and allow to absorb.</p>
    </div>
  </div>
  <div class="mnl-accordion__item">
    <button class="mnl-accordion__trigger" aria-expanded="false">
      <span>Full ingredients</span><span class="mnl-accordion__icon">+</span>
    </button>
    <div class="mnl-accordion__content">
      <p>Butyrospermum parkii (Shea) Butter, Mangifera indica (Mango) Seed Butter, Simmondsia chinensis (Jojoba) Seed Oil, Avena sativa (Oat) Kernel Oil, Coco-Caprylate/Caprate, Euphorbia cerifera (Candelilla) Wax, Parfum, Tocopherol, Hexyl Cinnamal, Linalool, Geraniol, Citronellol, Alpha-Isomethyl Ionone, Coumarin, Eugenol, Benzyl Benzoate, Benzyl Salicylate, Limonene, Benzyl Alcohol, Cinnamyl Alcohol, Cinnamal.</p>
    </div>
  </div>
  <div class="mnl-accordion__item">
    <button class="mnl-accordion__trigger" aria-expanded="false">
      <span>Storage</span><span class="mnl-accordion__icon">+</span>
    </button>
    <div class="mnl-accordion__content">
      <p>Store at room temperature, away from direct sunlight. This body butter may soften in warm conditions and firm in cooler temperatures.</p>
    </div>
  </div>
  <div class="mnl-accordion__item">
    <button class="mnl-accordion__trigger" aria-expanded="false">
      <span>Shipping</span><span class="mnl-accordion__icon">+</span>
    </button>
    <div class="mnl-accordion__content">
      <p>UK delivery available. Orders are carefully packed to protect the glass jar during transit.</p>
    </div>
  </div>
</div>

<style>
.mnl-accordion { margin-top: 2rem; border-top: 1px solid #e0e0e0; }
.mnl-accordion__item { border-bottom: 1px solid #e0e0e0; }
.mnl-accordion__trigger { display: flex; justify-content: space-between; align-items: center; width: 100%; background: none; border: none; padding: 1rem 0; font-size: 0.85rem; letter-spacing: 0.08em; text-transform: uppercase; cursor: pointer; color: #1a1a1a; }
.mnl-accordion__icon { font-size: 1.2rem; font-weight: 300; }
.mnl-accordion__content { display: none; padding-bottom: 1rem; font-size: 0.9rem; line-height: 1.7; color: #444; }
.mnl-accordion__content p { margin-bottom: 0.5rem; }
.mnl-accordion__item.is-open .mnl-accordion__content { display: block; }
.mnl-accordion__item.is-open .mnl-accordion__icon { content: '−'; }
</style>

<script>
document.querySelectorAll('.mnl-accordion__trigger').forEach(btn => {
  btn.addEventListener('click', () => {
    const item = btn.closest('.mnl-accordion__item');
    const isOpen = item.classList.contains('is-open');
    document.querySelectorAll('.mnl-accordion__item').forEach(i => { i.classList.remove('is-open'); i.querySelector('.mnl-accordion__icon').textContent = '+'; });
    if (!isOpen) { item.classList.add('is-open'); btn.querySelector('.mnl-accordion__icon').textContent = '−'; }
  });
});
</script>
