/** Shopify CDN: Minification failed

Line 20:19 Unexpected "*"

**/
/* ============================================================
   MAX&MAX — mm-fixes.css
   Targeted fixes: hero banner full-width sharp corners,
   conflicts from other theme CSS files
   ============================================================ */

/* ════════════════════════════════════════════
   HERO BANNER — Full width, zero border radius
   Overrides anything from blog.css, beae CSS,
   or the theme's own section styles
   ════════════════════════════════════════════ */

/* Target every possible wrapper the theme uses */
.section-slideshow,
#section-template--*,
[id*="section-slideshow"],
[class*="section-slideshow"] {
  border-radius: 0 !important;
  overflow: hidden !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
}

/* All children of the slideshow */
.section-slideshow *,
[class*="section-slideshow"] * {
  border-radius: 0 !important;
}

/* The actual slider items / slides */
.section-slideshow .tns-outer,
.section-slideshow .tns-inner,
.section-slideshow .tns-slider,
.section-slideshow .tns-item,
.section-slideshow .slide-item,
.section-slideshow .slider-item,
.section-slideshow .banner-item,
.section-slideshow .bc-item,
.section-slideshow .bc-item-inner,
.section-slideshow slider-component,
.section-slideshow .slider-wrapper {
  border-radius: 0 !important;
  overflow: visible !important;
}

/* Images inside the banner */
.section-slideshow img,
.section-slideshow .banner-image,
.section-slideshow .slide-image {
  border-radius: 0 !important;
  width: 100% !important;
}

/* Full width: remove container padding that restricts width */
.template-index .section-slideshow,
.template-index #section-template--14461766205491__1649833316bdb84cae,
.template-index [id*="section-slideshow"] {
  width: 100vw !important;
  max-width: 100vw !important;
  position: relative !important;
  left: 50% !important;
  right: 50% !important;
  margin-left: -50vw !important;
  margin-right: -50vw !important;
}

/* If the slideshow is inside a container, break it out */
.container .section-slideshow,
.container-fluid .section-slideshow {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(-50vw + 50%) !important;
  margin-right: calc(-50vw + 50%) !important;
}

/* Keep the auto-slider working — never disable transitions */
.section-slideshow .tns-slide-active { opacity: 1 !important; }

/* ════════════════════════════════════════════
   CART DRAWER — Force footer visible
   This targets the actual ARN theme cart drawer
   structure when dropdown-cart.liquid is used
   ════════════════════════════════════════════ */

/* The drawer itself must be a flex column filling full height */
.cart-type-drawer .dropdown-cart,
.dropdown-cart {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  overflow: hidden !important;
}

/* Items area scrolls */
.dropdown-cart .dropdown-cart_items,
.dropdown-cart .cart-item-list {
  flex: 1 1 0 !important;
  overflow-y: auto !important;
  min-height: 0 !important;
}

/* Footer always visible at bottom */
.dropdown-cart .dropdown-cart_footer {
  flex-shrink: 0 !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Force buttons visible — override any d-none or display:none */
.dropdown-cart .cart-buttons,
.dropdown-cart .mm-dc-checkout-btn,
.dropdown-cart .mm-dc-view-cart-btn {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* ════════════════════════════════════════════
   FREE SHIPPING TEXT — Yellow/Blue color swap
   ════════════════════════════════════════════ */
.header-bottom-lr .header-bottom_right,
.header-bottom-lr .header-bottom_right *,
.header-bottom .header-bottom_right,
.header-bottom .header-bottom_right * {
  animation: mm-free-ship 3s step-end infinite !important;
  font-weight: 700 !important;
  font-family: 'Sora', sans-serif !important;
}

@keyframes mm-free-ship {
  0%, 49%  { color: #FFD700 !important; }
  50%, 99% { color: #00B4C8 !important; }
  100%     { color: #FFD700 !important; }
}

/* ════════════════════════════════════════════
   NAV BAR — Ensure white background always
   ════════════════════════════════════════════ */
.header-bottom,
.header-bottom .container,
.header-bottom .container-fluid,
.header-bottom > div,
.header-style-4 .header-bottom,
.header-group .header-bottom {
  background-color: #ffffff !important;
  background: #ffffff !important;
}

/* Nav links readable on white */
.header-menu > .menu-list > li > a,
.header-menu > .menu-list > li > .menu-item_wrapper > a {
  color: #111827 !important;
}
