/** Shopify CDN: Minification failed

Line 211:0 Unexpected "("

**/
/* =========================================================
   MIAYAA PRODUCT CARD (every page)
   Change colours here and all cards update.
   ========================================================= */
:root {
  --mxk-accent: #A63D5B;
  --mxk-text: #3D1422;
  --mxk-muted: #6E4D58;
  --mxk-gold: #E0B25A;
  --mxk-media-bg: #F7F0EC;
}

.mxk-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  border-radius: 18px;
  overflow: hidden;
  background: #fff;
  color: var(--mxk-text);
  font-family: var(--font-body-family);
  box-shadow: 0 12px 30px -20px rgba(61, 20, 34, .35);
  transition: transform .25s ease, box-shadow .25s ease;
}
.mxk-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 20px 38px -20px rgba(61, 20, 34, .4);
}

/* image area: swipe through up to 5 photos */
.mxk-card__media { position: relative; aspect-ratio: 1; background: var(--mxk-media-bg); }
.mxk-card__track {
  display: flex;
  height: 100%;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  scrollbar-width: none;
}
.mxk-card__track::-webkit-scrollbar { display: none; }
.mxk-card__slide { flex: 0 0 100%; height: 100%; display: block; scroll-snap-align: start; }
.mxk-card__slide img,
.mxk-card__slide .mxk-card__ph { width: 100%; height: 100%; display: block; object-fit: cover; }

.mxk-card__badge {
  position: absolute;
  top: 12px;
  left: 0;
  z-index: 2;
  padding: 5px 34px 5px 14px;
  background: linear-gradient(100deg, var(--mxk-gold) 55%, transparent);
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  text-shadow: 0 1px 2px rgba(61, 20, 34, .25);
  pointer-events: none;
}

.mxk-card__dots {
  position: absolute;
  left: 50%;
  bottom: 10px;
  z-index: 2;
  display: flex;
  gap: 5px;
  transform: translateX(-50%);
}
.mxk-card__dots button {
  width: 7px;
  height: 3px;
  padding: 0;
  border: 0;
  border-radius: 2px;
  background: rgba(255, 255, 255, .6);
  box-shadow: 0 0 2px rgba(0, 0, 0, .15);
  cursor: pointer;
  transition: width .25s ease, background .25s ease;
}
.mxk-card__dots button.is-active { width: 20px; background: #fff; }

/* text area */
.mxk-card__body { display: flex; flex-direction: column; flex: 1; padding: 14px 16px 16px; }
.mxk-card__price {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 2px 8px;
  margin: 0;
  font-size: 18px;
  font-weight: 700;
  color: var(--mxk-text);
}
.mxk-card__price s { font-size: 13px; font-weight: 400; color: var(--mxk-muted); }
.mxk-card__off { font-size: 12.5px; font-weight: 600; color: var(--mxk-accent); }
.mxk-card__title {
  margin: 6px 0 0;
  font-family: var(--font-body-family);
  font-size: 15px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0;
  color: var(--mxk-text);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.mxk-card__title a { color: inherit; text-decoration: none; }
.mxk-card__title a:hover { color: var(--mxk-accent); }
.mxk-card__stock {
  min-height: 18px;
  margin: 6px 0 10px;
  font-size: 12.5px;
  font-weight: 500;
  text-align: right;
  color: #D0342C;
}

/* button */
.mxk-card__btn {
  margin-top: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 42px;
  border: 1px solid color-mix(in srgb, var(--mxk-accent) 55%, #fff);
  border-radius: 999px;
  background: #fff;
  color: var(--mxk-accent);
  font: inherit;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: .01em;
  text-decoration: none;
  cursor: pointer;
  transition: background .2s ease, color .2s ease, border-color .2s ease;
}
.mxk-card__btn:hover:not(:disabled) { background: var(--mxk-accent); border-color: var(--mxk-accent); color: #fff; }
.mxk-card__btn:focus-visible { outline: 2px solid var(--mxk-accent); outline-offset: 2px; }
.mxk-card__btn:disabled { opacity: .5; cursor: not-allowed; }
.mxk-card__btn.is-loading { pointer-events: none; opacity: .7; }
.mxk-card__btn.is-added { background: var(--mxk-accent); border-color: var(--mxk-accent); color: #fff; }

@media (max-width: 749px) {
  .mxk-card { border-radius: 14px; }
  .mxk-card__badge { top: 8px; padding: 4px 24px 4px 10px; font-size: 10.5px; }
  .mxk-card__body { padding: 10px 10px 12px; }
  .mxk-card__price { font-size: 15px; }
  .mxk-card__title { font-size: 13.5px; }
  .mxk-card__stock { font-size: 11.5px; margin: 4px 0 8px; }
  .mxk-card__btn { height: 38px; font-size: 14px; }
}

@media (prefers-reduced-motion: reduce) {
  .mxk-card, .mxk-card * { transition: none !important; scroll-behavior: auto !important; }
}

/* =========================================================
   "View all" button under Featured products
   Same rounded berry outline as the card buttons
   ========================================================= */
.collection__view-all {
  margin-top: 48px !important;
}
.collection__view-all .button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-width: 0;
  min-height: 0;
  padding: 12px 32px;
  border: 1.5px solid var(--mxk-accent);
  border-radius: 999px;
  background-color: transparent !important;
  color: var(--mxk-accent) !important;
  font-family: var(--font-body-family);
  font-size: 16px;
  font-weight: 600;
  letter-spacing: .02em;
  box-shadow: none !important;
  transition: background-color .2s ease, color .2s ease;
}
.collection__view-all .button::before,
.collection__view-all .button::after {
  display: none !important;
}
.collection__view-all .button:hover {
  background-color: var(--mxk-accent) !important;
  color: #fff !important;
}
.collection__view-all .button:focus-visible {
  outline: 2px solid var(--mxk-accent);
  outline-offset: 3px;
}
@media (max-width: 749px) {
  .collection__view-all { margin-top: 30px !important; }
  .collection__view-all .button { padding: 11px 28px; font-size: 15px; }
}

/* Miayaa product card: image dots + add to bag. Works on every page,
   including cards that appear after filtering or sorting a collection. */
(function () {
  if (window.__miayaaCard) return;
  window.__miayaaCard = true;

  var rootUrl = (window.Shopify && Shopify.routes && Shopify.routes.root) || '/';

  /* keep the image dots in step with swiping */
  document.addEventListener('scroll', function (e) {
    var track = e.target;
    if (!track.classList || !track.classList.contains('mxk-card__track')) return;
    var dots = track.parentElement.querySelectorAll('.mxk-card__dots button');
    if (!dots.length) return;
    var i = Math.round(track.scrollLeft / track.clientWidth);
    dots.forEach(function (d, n) { d.classList.toggle('is-active', n === i); });
  }, { capture: true, passive: true });

  document.addEventListener('click', function (e) {
    /* tap a dot to jump to that photo */
    var dot = e.target.closest('.mxk-card__dots button');
    if (dot) {
      var wrap = dot.parentElement;
      var index = Array.prototype.indexOf.call(wrap.children, dot);
      var track = wrap.parentElement.querySelector('.mxk-card__track');
      if (track) track.scrollTo({ left: index * track.clientWidth });
      return;
    }

    var btn = e.target.closest('[data-mxk-add]');
    if (!btn) return;
    e.preventDefault();
    addToBag(btn);
  });

  function addToBag(btn) {
    var textEl = btn.querySelector('.mxk-card__btn-text');
    var original = btn.dataset.label || (textEl ? textEl.textContent : '');
    btn.dataset.label = original;
    var id = parseInt(btn.dataset.mxkAdd, 10);

    var cart = document.querySelector('cart-drawer') || document.querySelector('cart-notification');
    var body = { items: [{ id: id, quantity: 1 }] };
    if (cart && typeof cart.getSectionsToRender === 'function') {
      body.sections = cart.getSectionsToRender().map(function (s) { return s.id; });
      body.sections_url = window.location.pathname;
    }

    btn.classList.add('is-loading');
    if (textEl) textEl.textContent = 'Adding…';

    fetch(rootUrl + 'cart/add.js', {
      method: 'POST',
      headers: { 'Content-Type': 'application/json', Accept: 'application/json' },
      body: JSON.stringify(body)
    })
      .then(function (r) { return r.json(); })
      .then(function (res) {
        if (res.status && res.status !== 200) throw new Error(res.description || res.message || 'error');

        if (cart && typeof cart.renderContents === 'function') {
          var state = res.items ? Object.assign({}, res.items[0], { sections: res.sections }) : res;
          cart.classList.remove('is-empty');
          cart.renderContents(state);
          var inner = cart.querySelector('.drawer__inner');
          if (inner) inner.classList.remove('is-empty');
        } else {
          window.location.href = rootUrl + 'cart';
          return;
        }

        /* let Dawn know the cart changed (updates cart page if open) */
        if (typeof window.publish === 'function' && window.PUB_SUB_EVENTS) {
          window.publish(window.PUB_SUB_EVENTS.cartUpdate, { source: 'miayaa-card', productVariantId: id, cartData: res });
        }

        btn.classList.add('is-added');
        if (textEl) textEl.textContent = 'Added';
        setTimeout(function () {
          btn.classList.remove('is-added');
          if (textEl) textEl.textContent = original;
        }, 1800);
      })
      .catch(function (err) {
        var msg = err && err.message && err.message.length < 40 ? err.message : 'Try again';
        if (textEl) textEl.textContent = msg;
        setTimeout(function () { if (textEl) textEl.textContent = original; }, 2200);
      })
      .finally(function () { btn.classList.remove('is-loading'); });
  }
})();

/* =========================================================
   MIAYAA PRODUCT CARD (every page)
   Change colours here and all cards update.
   ========================================================= */
:root {
  --mxk-accent: #A63D5B;
  --mxk-text: #3D1422;
  --mxk-muted: #6E4D58;
  --mxk-gold: #E0B25A;
  --mxk-media-bg: #F7F0EC;
}

.mxk-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  border-radius: 18px;
  overflow: hidden;
  background: #fff;
  color: var(--mxk-text);
  font-family: var(--font-body-family);
  box-shadow: 0 12px 30px -20px rgba(61, 20, 34, .35);
  transition: transform .25s ease, box-shadow .25s ease;
}
.mxk-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 20px 38px -20px rgba(61, 20, 34, .4);
}

/* image area: swipe through up to 5 photos */
.mxk-card__media { position: relative; aspect-ratio: 1; background: var(--mxk-media-bg); }
.mxk-card__track {
  display: flex;
  height: 100%;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  scrollbar-width: none;
}
.mxk-card__track::-webkit-scrollbar { display: none; }
.mxk-card__slide { flex: 0 0 100%; height: 100%; display: block; scroll-snap-align: start; }
.mxk-card__slide img,
.mxk-card__slide .mxk-card__ph { width: 100%; height: 100%; display: block; object-fit: cover; }

.mxk-card__badge {
  position: absolute;
  top: 12px;
  left: 0;
  z-index: 2;
  padding: 5px 34px 5px 14px;
  background: linear-gradient(100deg, var(--mxk-gold) 55%, transparent);
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  text-shadow: 0 1px 2px rgba(61, 20, 34, .25);
  pointer-events: none;
}

.mxk-card__dots {
  position: absolute;
  left: 50%;
  bottom: 10px;
  z-index: 2;
  display: flex;
  gap: 5px;
  transform: translateX(-50%);
}
.mxk-card__dots button {
  width: 7px;
  height: 3px;
  padding: 0;
  border: 0;
  border-radius: 2px;
  background: rgba(255, 255, 255, .6);
  box-shadow: 0 0 2px rgba(0, 0, 0, .15);
  cursor: pointer;
  transition: width .25s ease, background .25s ease;
}
.mxk-card__dots button.is-active { width: 20px; background: #fff; }

/* text area */
.mxk-card__body { display: flex; flex-direction: column; flex: 1; padding: 14px 16px 16px; }
.mxk-card__price {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 2px 8px;
  margin: 0;
  font-size: 18px;
  font-weight: 700;
  color: var(--mxk-text);
}
.mxk-card__price s { font-size: 13px; font-weight: 400; color: var(--mxk-muted); }
.mxk-card__off { font-size: 12.5px; font-weight: 600; color: var(--mxk-accent); }
.mxk-card__title {
  margin: 6px 0 0;
  font-family: var(--font-body-family);
  font-size: 15px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0;
  color: var(--mxk-text);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.mxk-card__title a { color: inherit; text-decoration: none; }
.mxk-card__title a:hover { color: var(--mxk-accent); }
.mxk-card__stock {
  min-height: 18px;
  margin: 6px 0 10px;
  font-size: 12.5px;
  font-weight: 500;
  text-align: right;
  color: #D0342C;
}

/* button */
.mxk-card__btn {
  margin-top: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 42px;
  border: 1px solid color-mix(in srgb, var(--mxk-accent) 55%, #fff);
  border-radius: 999px;
  background: #fff;
  color: var(--mxk-accent);
  font: inherit;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: .01em;
  text-decoration: none;
  cursor: pointer;
  transition: background .2s ease, color .2s ease, border-color .2s ease;
}
.mxk-card__btn:hover:not(:disabled) { background: var(--mxk-accent); border-color: var(--mxk-accent); color: #fff; }
.mxk-card__btn:focus-visible { outline: 2px solid var(--mxk-accent); outline-offset: 2px; }
.mxk-card__btn:disabled { opacity: .5; cursor: not-allowed; }
.mxk-card__btn.is-loading { pointer-events: none; opacity: .7; }
.mxk-card__btn.is-added { background: var(--mxk-accent); border-color: var(--mxk-accent); color: #fff; }

@media (max-width: 749px) {
  .mxk-card { border-radius: 14px; }
  .mxk-card__badge { top: 8px; padding: 4px 24px 4px 10px; font-size: 10.5px; }
  .mxk-card__body { padding: 10px 10px 12px; }
  .mxk-card__price { font-size: 15px; }
  .mxk-card__title { font-size: 13.5px; }
  .mxk-card__stock { font-size: 11.5px; margin: 4px 0 8px; }
  .mxk-card__btn { height: 38px; font-size: 14px; }
}

@media (prefers-reduced-motion: reduce) {
  .mxk-card, .mxk-card * { transition: none !important; scroll-behavior: auto !important; }
}