/** Shopify CDN: Minification failed

Line 290:0 Unexpected "}"

**/


/* Pagination Dots (refined + smaller) */
.swiper-pagination .swiper-pagination-bullet-active:before {
  opacity: 1;
  background: #000 !important;
  width: 8px;    /* smaller active dot */
  height: 8px;
}

.swiper-pagination .swiper-pagination-bullet-active:after {
  --swiper-bullet-active-size: 8px; /* smaller active ring */
  border: none !important;
}

.swiper-pagination .swiper-pagination-bullet:before {
  background: #bbb;           /* softer grey for inactive */
  --swiper-bullet-inactive-size: 5px; /* smaller inactive dots */
}

.swiper-pagination .swiper-pagination-bullet:after {
  --swiper-bullet-inactive-size: 5px;
}

.swiper-pagination .swiper-pagination-bullet {
  --swiper-bullet-size: 6px;  /* overall bullet size */
}
/* ─────────────────────────────────────────────────────────────────────────
   2) Product Option "Buttons" (Size, Color, etc.) — Pill Style
   ───────────────────────────────────────────────────────────────────────── */
/* BASE (unselected) */
.main-product__block-variant_picker
  .m-product-option--button
  .m-product-option--node__label {
  font-size: 13px;
  padding: 4px 14px;
  border: 1px solid #CFCFCF;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 38px;
  height: 32px;
  text-align: center;
  background-color: transparent;
  color: #222222;
  transition: all 0.15s ease;
}

/* SELECTED */
.main-product__block-variant_picker 
  .m-product-option--button 
  .m-product-option--node input:checked + label {
  color:             #fff;
  background-color:  #111;
  border-color:      #111;
  border-radius:     12px;
}

/* HOVER ON UNSELECTED ONLY */
.main-product__block-variant_picker 
  .m-product-option--button 
  .m-product-option--node input:not(:checked) + label:hover {
  border-color: #6A6A6A;
}

/* KEEP THE FILL ON HOVER WHEN SELECTED */
.main-product__block-variant_picker 
  .m-product-option--button 
  .m-product-option--node input:checked + label:hover {
  background-color:  #111 !important;
  border-color:      #111 !important;
  color:             #fff !important;
  border-radius:     12px !important;
}
/* 1️⃣ Make the product card the positioning context */
.m-product-card {
  position: relative; /* allows absolute positioning of badges */
  padding: 0;         /* remove extra spacing if any */
  margin: 0;
}
/* 2️⃣ Position the tags container absolutely inside the card */
.m-product-card__tags {
  position: absolute; /* so badges can be placed relative to card */
  top: 0;
  left: 0;
  width: 100%;        /* optional: spans card width */
  height: 100%;       /* optional: spans card height */
  pointer-events: none; /* optional: lets clicks pass through */
}
/* 3️⃣ Style all badges */
.m-product-card__tag-name,
.foxkit-preorder-badge {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #000;
  color: #EDC480;
  font-size: 15px !important;
  font-weight: bold;
  line-height: 1;
  border-radius: 0 !important; /* ensures rectangle */
  z-index: 10;
  text-transform: uppercase;
  padding: 6px 10px !important;
  margin: 0;
  display: inline-block;
}
/* 4️⃣ Mobile adjustments */
@media (max-width: 768px) {
  .m-product-card__tag-name,
  .foxkit-preorder-badge {
    font-size: 12px !important;
    padding: 2px 4px !important; /* slightly smaller padding for mobile */
  }
}





/* 1️⃣ Regular price when no sale (no compare) */
.m-price__regular .m-price-item--regular {
  font-weight: 600 !important;
  font-size: 14px !important;
  color: #000000 !important; /* black */
}

/* 2️⃣ Compare-at price (crossed) */
.m-price__sale s.m-price-item--regular {
  font-weight: 600 !important;
  font-size: 10px !important;
  color: #999999 !important; /* gray for crossed */
  position: relative;
  top: 1px;
}

/* 3️⃣ Sale price when compare-at exists */
.m-price__sale .m-price-item--sale {
  font-weight: 600 !important;
  font-size: 14px !important;
  color: #D53134 !important; /* red */
}

/* ================================
   Product page specific price styles
   Bigger font (22px instead of 16px)
   ================================ */

/* 1️⃣ Regular price when no sale (no compare) */
.product-block-group--price .m-price__regular .m-price-item--regular {
  font-weight: bold !important;
  font-size: 20px !important;
  color: #000000 !important; /* black */
}

/* 2️⃣ Compare-at price (crossed) */
.product-block-group--price .m-price__sale s.m-price-item--regular {
  font-weight: bold !important;
  font-size: 20px !important;
  color: #999999 !important; /* gray */
}

/* 3️⃣ Sale price when compare-at exists */
.product-block-group--price .m-price__sale .m-price-item--sale {
  font-weight: bold !important;
  font-size: 20px !important;
  color: #D53134 !important; /* red */
}


/* ============================
   Full-width bottom fade on image
   Title always ABOVE fade
   Bold white titles
   Larger font size
   ============================ */

/* Keep card structured */
.m-collection-card {
  position: relative;
  overflow: hidden;
}

/* Apply fade inside the image container */
.m-collection-card__image {
  position: relative;
  display: block;
}

.m-collection-card__image::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 45%; /* fade height */
  background: linear-gradient(
    to top,
    rgba(0,0,0,0.75) 0%,
    rgba(0,0,0,0.5) 40%,
    rgba(0,0,0,0.15) 75%,
    transparent 100%
  );
  pointer-events: none;
  z-index: 1; /* sits above image, but below info */
}

/* Info wrapper anchored bottom-center, above fade */
.m-collection-card__info {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  padding: 12px;
  text-align: center;
  z-index: 2; /* ensures text is always above fade */
}

/* Title styles */
.m-collection-card__title {
  margin: 0;
  font-weight: 700 !important;
  text-align: center;
  font-size: 28px !important; /* bigger font size */
}

.m-collection-card__title .m-collection-card__link {
  display: inline-block;
  color: #fff !important;
  text-decoration: none;
  text-shadow: 0 1px 2px rgba(0,0,0,0.6);
}

/* Mobile adjustments */
@media (max-width: 768px) {
  .m-collection-card__image::after { height: 55%; }
  .m-collection-card__info { padding: 10px; }
  .m-collection-card__title { font-size: 18px; }
}


/* make sure base container positions are correct */
.m-image-card { position: relative; overflow: hidden; aspect-ratio: 1 / 1; }

/* content sits flush to bottom by default */
.m-image-card__content-inner {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 8px;              /* safe default */
  display: flex;
  justify-content: center;
  align-items: flex-end;
  padding: 12px;
  text-align: center;
  z-index: 6 !important;    /* above gradient */
  color: #fff !important;
  pointer-events: auto;
  transform: translateY(0);
}

/* keep gradient beneath the content */
.m-image-card__img::after {
  z-index: 2;
  pointer-events: none;
}

/* better mobile behaviour — move slightly up without escaping */
@media (max-width: 768px) {
  .m-image-card__content-inner {
    bottom: 8px !important;                    /* keep inside the card */
    transform: translateY(-6%) !important;     /* gently lift inside the square */
    padding: 8px !important;
  }
  .m-richtext__title {
    font-size: clamp(16px, 4.8vw, 30px) !important;
    line-height: 1.15 !important;
    margin: 0;
  }
}
}

/* ─────────────────────────────────────────────────────────────────────────
   Cart Discount Display — minimal inline row (no pill, on-brand subtle)
   ───────────────────────────────────────────────────────────────────────── */
.m-cart__discount--item {
  background: transparent !important;
  color: #1F1F1F !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  gap: 5px !important;
  align-items: center !important;
  line-height: 1.3 !important;
}
.m-cart__discount--item svg {
  width: 12px !important;
  height: 12px !important;
  color: #5A6850 !important;
  flex-shrink: 0 !important;
}
.m-cart__discount--item [data-cart-item-discount-title] {
  color: #1F1F1F !important;
  font-weight: 500 !important;
}
.m-cart__discount--item [data-cart-item-discount-amount] {
  color: #5A8550 !important;
  font-weight: 600 !important;
  margin-left: 4px !important;
}
.m-cart__discount--item .m-spinner-button {
  display: none !important;
}
.m-cart__discount {
  margin-bottom: 4px !important;
  gap: 8px !important;
  justify-content: space-between !important;
  align-items: center !important;
  width: 100% !important;
}
.m-cart__discount::before {
  content: "Today's Savings";
  font-size: 13px;
  font-weight: 500;
  color: #1F1F1F;
  letter-spacing: 0.1px;
  margin-right: auto;
}

/* ─────────────────────────────────────────────────────────────────────────
   Cart Drawer Checkout — layout fix (icon + text alignment, no styling)
   ───────────────────────────────────────────────────────────────────────── */
.m-cart-drawer__footer .m-checkout-3d,
.m-cart-drawer__footer button[name="checkout"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  width: 100% !important;
}

/* ─────────────────────────────────────────────────────────────────────────
   Cart Drawer Checkout — layout fix (icon + text alignment)
   ───────────────────────────────────────────────────────────────────────── */
body .m-cart-drawer__footer .m-checkout-3d,
body .m-cart-drawer__footer button[name="checkout"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  width: 100% !important;
}

/* ─────────────────────────────────────────────────────────────────────────
   Add-to-Cart Button — subtle depth (clean, not 3D pill)
   ───────────────────────────────────────────────────────────────────────── */
body .m-product-form .m-add-to-cart,
body .m-product-form__submit,
body button[name="add"].m-add-to-cart,
body button[name="add"] {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.14) !important;
  transition: box-shadow 0.2s ease, transform 0.15s ease !important;
}
body .m-product-form .m-add-to-cart:hover,
body .m-product-form__submit:hover,
body button[name="add"].m-add-to-cart:hover,
body button[name="add"]:hover {
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.22) !important;
  transform: translateY(-1px) !important;
}
body .m-product-form .m-add-to-cart:active,
body .m-product-form__submit:active,
body button[name="add"].m-add-to-cart:active,
body button[name="add"]:active {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) !important;
  transform: translateY(0) !important;
}