/** Shopify CDN: Minification failed

Line 966:0 Expected "}" to go with "{"

**/
/* ================================
   Load Gotham Medium
   ================================ */
@font-face {
  font-family: 'GothamMedium';
  src: url('/cdn/shop/files/Gotham-Medium.woff?v=1755684918') format('woff');
  font-weight: 500;
  font-style: normal;
}

/* ================================
   Reset & basics
   ================================ */
html, body {
  margin: 0;
  padding: 0;
  font-family: 'GothamMedium', 'Gotham', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
  background: #fff;
  overflow-x: hidden; /* kill sideways scroll globally */
}

/* ================================
   Make Dawn header overlay the video
   ================================ */

/* The Dawn section wrapper that holds the header */
.section-header {
  position: relative;
  z-index: 1000; /* ensure header is above hero/video */
}

/* The actual header bar */
header.header {
  position: absolute;        /* sit on top of the page content */
  top: 0;
  left: 0;
  right: 0;
  background: transparent !important; /* overlay look */
  border: none !important;
  box-shadow: none !important;
  padding-top: 0 !important; /* don't push the hero down */
  overflow: visible !important;
}

/* If Dawn adds sticky behavior, keep it transparent */
.shopify-section-header-sticky {
  background: transparent !important;
  box-shadow: none !important;
}

/* ================================
   "Full HD" hero/video feel
   (works in your Video Background section too)
   ================================ */

.video-section,
.video-background,
.hero {
  width: 100%;
  min-height: 100vh;           /* fill viewport */
  max-height: 1080px;          /* cap at 1080 to feel like 1920x1080 */
  position: relative;
  overflow: hidden;
}

/* Make the video/media fill nicely */
.video-section video,
.video-background video,
.hero video,
.video-section img,
.video-background img,
.hero img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* ================================
   Milo Mer Navigation (custom)
   If you’re rendering your own .mm-header/.mm-nav row
   ================================ */

/* Container that holds the two sides (left/right) */
.mm-header {
  position: absolute;  /* overlay on the hero */
  top: 48px;           /* drop it a bit from the very top like your comp */
  left: 0;
  right: 0;
  width: 100%;
  display: flex;
  justify-content: center;
  background: transparent;
  z-index: 1100;       /* above Dawn header elements if both exist */
}

/* Single, definitive mm-nav (no duplicates) */
.mm-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;  /* left group vs right group */
  gap: 120px;                       /* space between the two groups */
  max-width: 1320px;                /* keeps the whole row inside screen */
  width: 100%;
  margin: 0 auto;
  padding: 0 32px;                  /* side breathing room */
  box-sizing: border-box;
}

/* Each side (group of links) */
.mm-side {
  display: flex;
  align-items: center;
  gap: 96px;                        /* SHOP⇔CAST and SEARCH⇔CART spacing */
}

/* If your left group has the class .left, add the big CAST⇔SEARCH gap */
.mm-side.left .mm-link:last-child {
  margin-right: 120px;              /* the "big gap" towards SEARCH */
}

/* Link styling */
.mm-link,
.header__inline-menu a,
.header__inline-menu .header__menu-item,
.header__inline-menu .header__menu-item span {
  font-family: 'GothamMedium', 'Gotham', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif !important;
  font-weight: 500 !important;
  font-size: 32px !important;       /* ≈ Photoshop 30pt */
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  color: #a8a8a8 !important;
  text-decoration: none !important;
  line-height: 1 !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  cursor: pointer;
}

.mm-link:hover,
.header__inline-menu a:hover,
.header__inline-menu .header__menu-item:hover {
  color: #000 !important;
}

/* ================================
   Keep Dawn's built-in menu tidy, centered and inside screen
   (in case you’re not using .mm- and relying on Dawn markup)
   ================================ */
.header__inline-menu {
  display: flex;
  justify-content: center;
  gap: 120px;                 /* gap between left/right clusters if present */
  max-width: 1320px;
  width: 100%;
  margin: 48px auto 0;        /* drop the nav a bit from top */
  padding: 0 32px;
  box-sizing: border-box;
  background: transparent;
}

.header__inline-menu ul {
  display: flex;
  gap: 96px;
  list-style: none;
  margin: 0;
  padding: 0;
}

/* Kill any extra spacing Dawn adds */
.header__inline-menu .header__menu-item {
  margin: 0 !important;
}

/* ================================
   Responsive trims (keeps it inside on smaller laptops)
   ================================ */
@media (max-width: 1440px) {
  .mm-nav,
  .header__inline-menu {
    max-width: 1200px;
    gap: 96px;
    padding: 0 24px;
  }
  .mm-side { gap: 72px; }
  .mm-side.left .mm-link:last-child { margin-right: 96px; }
}

@media (max-width: 1200px) {
  .mm-nav,
  .header__inline-menu { gap: 64px; }
  .mm-side { gap: 56px; }
  .mm-side.left .mm-link:last-child { margin-right: 64px; }
  .mm-link,
  .header__inline-menu a,
  .header__inline-menu .header__menu-item { font-size: 28px !important; }
}
/* === Milo Mer header final fixes === */

/* Make header not block clicks behind it */
.mm-header { pointer-events: none; }
.mm-nav, .mm-nav * { pointer-events: auto; }

/* Center row and give big gap between left & right groups */
.mm-nav {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 160px;               /* main middle gap */
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 40px;
  box-sizing: border-box;
}

/* Inside each side */
.mm-side { display: flex; gap: 96px; }

/* Extra space between SHOP and CAST (to match your ref) */
.mm-side.left .mm-link[href*="/pages/cast"] {
  margin-left: 10px;       /* increase this if you want even more */
}

/* Type (keep your Gotham settings) */
.mm-link {
  font-family: 'GothamMedium','Gotham',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  font-weight: 500;
  font-size: 32px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #a8a8a8;
  text-decoration: none;
  line-height: 1;
}
.mm-link:hover { color: #000; }

/* Make sure nothing causes horizontal scroll */
html, body { overflow-x: hidden; }
/* ============ MILO — FLUSH TOP (minimal, safe) ============ */
html, body { margin:0 !important; padding:0 !important; }
main#MainContent { margin:0 !important; padding:0 !important; display:flow-root; }
#MainContent > .shopify-section:first-child,
#MainContent > [id^="shopify-section-"]:first-child,
#MainContent > .shopify-section:first-child .page-width,
#MainContent > .shopify-section:first-child .section,
#MainContent > .shopify-section:first-child .banner,
#MainContent > .shopify-section:first-child .image-banner,
#MainContent > .shopify-section:first-child .slideshow,
#MainContent > .shopify-section:first-child .video,
#MainContent > .shopify-section:first-child .video-section,
#MainContent > .shopify-section:first-child .video-background {
  margin-top:0 !important; padding-top:0 !important; border-top:0 !important;
}

/* Keep ONLY the custom Milo nav; hide Dawn's native header if it renders */
#shopify-section-header,
.shopify-section-header,
.shopify-section-group-header,
.section-header,
.header-wrapper,
header.header,
.shopify-section-header-sticky,
#shopify-section-announcement,
.shopify-section-announcement {
  display: none !important;
  height: 0 !important;
  overflow: hidden !important;
}/* --- Force Dawn header visible above everything --- */
.shopify-section-header,
.header-wrapper,
header.site-header,
header[role="banner"] {
  position: sticky !important;
  top: 0 !important;
  z-index: 10000 !important;
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  pointer-events: auto !important;
  background: #ffffff !important;  /* change if your header is dark */
  color: #111 !important;
}

/* Make header links readable */
.header-wrapper a,
.shopify-section-header a {
  color: #111 !important;
  text-decoration: none !important;
}

/* Ensure page content sits UNDER the header */
#MainContent, main {
  position: relative !important;
  z-index: 1 !important;
}
/* Force Milo Mer nav to show above Dawn header wrapper */
.mm-nav {
  position: relative !important;
  z-index: 9999 !important;
  opacity: 1 !important;
  visibility: visible !important;
  color: #111 !important;
}
/* Milo Mer: fade in main content on the Shop page (collection template) */
@keyframes mmFadeIn {
  from { opacity: 0; transform: translateY(6px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* Run animation only for users who haven’t asked to reduce motion */
@media (prefers-reduced-motion: no-preference) {
  /* Most Shopify themes put the page body class like `template-collection` */
  .template-collection main#MainContent {
    opacity: 0;               /* start invisible */
    animation: mmFadeIn 1100ms ease-out forwards;
    animation-delay: 120ms;   /* tiny delay feels smoother after header renders */
  }
}
/* Milo Mer — make cart summary transparent (cart page only) */
.template-cart .cart__footer,
.template-cart .cart__blocks,
.template-cart .cart__blocks > *,
.template-cart .totals,
.template-cart .cart__ctas {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}

/* If your theme uses color-scheme wrappers for the summary box */
.template-cart .cart__blocks [class*="color-"],
.template-cart .cart__footer [class*="color-"] {
  background: transparent !important;
}

/* Optional: keep inner rows transparent too */
.template-cart .totals > * {
  background: transparent !important;
}
/* Milo Mer — transparent cart summary (keeps layout, only removes card paint) */
.template-cart .cart__footer .content-container,
.template-cart .cart__footer .cart__blocks,
.template-cart .cart__footer .cart__blocks > *,
.template-cart .cart__footer .totals,
.template-cart .cart__footer .cart__ctas {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* Some Dawn versions apply the color via color-scheme helpers */
.template-cart .cart__footer [class*="color-"],
.template-cart .cart__footer .content-container [class*="color-"] {
  background: transparent !important;
}

/* Remove any pseudo-element card fills/borders */
.template-cart .cart__footer .content-container::before,
.template-cart .cart__footer .content-container::after {
  content: none !important;
}

/* Keep spacing but drop the visible card edge */
.template-cart .cart__footer .card { background: transparent !important; border: 0 !important; box-shadow: none !important; }
.template-cart .cart__footer .card {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
/* Milo Mer — transparent cart summary card only */
.template-cart .cart__footer :is(.content-container, .card, [class*="color-"], .gradient) {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}

/* If the card paints via pseudo elements, remove those too */
.template-cart .cart__footer :is(.content-container, .card)::before,
.template-cart .cart__footer :is(.content-container, .card)::after {
  content: none !important;
}

/* Remove any inner row fills while keeping buttons intact */
.template-cart .cart__footer :is(.totals, .cart__blocks, .cart__summary) > *:not(.cart__ctas):not(.shopify-payment-button) {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* Safety: keep checkout buttons styled */
.template-cart .cart__footer :is(.button, .btn, button, .shopify-payment-button__button) {
  background: initial;
  box-shadow: initial;
  border: initial;
}
/* Product page: make gallery area show the hand */
.template-product .mm-image-box,
.template-product .mm-image-box * ,
.template-product .mm-clean-template__main .mm-canvas,
.template-product .mm-clean-template__main .mm-canvas * {
  cursor: pointer !important;
}

/* Milo Mer header (iOS Safari) — stop top clipping without changing layout */
@supports (-webkit-touch-callout: none) {
  header.mm-header,
  header.mm-header .mm-nav {
    overflow: visible !important;
    -webkit-mask-image: none !important;
            mask-image: none !important;
    -webkit-clip-path: none !important;
            clip-path: none !important;
  }

  /* Give the NAV container invisible headroom with zero net layout change */
  header.mm-header .mm-nav {
    /* zero-sum shim: raises the clipping plane but doesn’t move anything */
    padding-top: 4px !important;
    margin-top: -4px !important;

    /* keep rasterization stable */
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    backface-visibility: hidden;
    position: relative;
  }

  /* Leave your typography exactly as-is; only ensure iOS doesn’t keep a transparent fill */
  header.mm-header .mm-nav a {
    -webkit-text-fill-color: currentColor;
    -webkit-font-smoothing: antialiased;
  }
}

/* ================================
   Responsive trims (keeps it inside on smaller laptops)
   ================================ */
@media (max-width: 1440px) {
  .mm-nav,
  .header__inline-menu {
    max-width: 1200px;
    gap: 96px;
    padding: 0 24px;
  }
  .mm-side { gap: 72px; }
  .mm-side.left .mm-link:last-child { margin-right: 96px; }
}

@media (max-width: 1200px) {
  .mm-nav,
  .header__inline-menu { gap: 64px; }
  .mm-side { gap: 56px; }
  .mm-side.left .mm-link:last-child { margin-right: 64px; }
  .mm-link,
  .header__inline-menu a,
  .header__inline-menu .header__menu-item { font-size: 28px !important; }
}
/* === Milo Mer header final fixes === */

/* Make header not block clicks behind it */
.mm-header { pointer-events: none; }
.mm-nav, .mm-nav * { pointer-events: auto; }

/* Center row and give big gap between left & right groups */
.mm-nav {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 160px;               /* main middle gap */
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 40px;
  box-sizing: border-box;
}

/* Inside each side */
.mm-side { display: flex; gap: 96px; }

/* Extra space between SHOP and CAST (to match your ref) */
.mm-side.left .mm-link[href*="/pages/cast"] {
  margin-left: 10px;       /* increase this if you want even more */
}

/* Type (keep your Gotham settings) */
.mm-link {
  font-family: 'GothamMedium','Gotham',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  font-weight: 500;
  font-size: 32px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #a8a8a8;
  text-decoration: none;
  line-height: 1;
}
.mm-link:hover { color: #000; }

/* Make sure nothing causes horizontal scroll */
html, body { overflow-x: hidden; }
/* ============ MILO — FLUSH TOP (minimal, safe) ============ */
html, body { margin:0 !important; padding:0 !important; }
main#MainContent { margin:0 !important; padding:0 !important; display:flow-root; }
#MainContent > .shopify-section:first-child,
#MainContent > [id^="shopify-section-"]:first-child,
#MainContent > .shopify-section:first-child .page-width,
#MainContent > .shopify-section:first-child .section,
#MainContent > .shopify-section:first-child .banner,
#MainContent > .shopify-section:first-child .image-banner,
#MainContent > .shopify-section:first-child .slideshow,
#MainContent > .shopify-section:first-child .video,
#MainContent > .shopify-section:first-child .video-section,
#MainContent > .shopify-section:first-child .video-background {
  margin-top:0 !important; padding-top:0 !important; border-top:0 !important;
}

/* Keep ONLY the custom Milo nav; hide Dawn's native header if it renders */
#shopify-section-header,
.shopify-section-header,
.shopify-section-group-header,
.section-header,
.header-wrapper,
header.header,
.shopify-section-header-sticky,
#shopify-section-announcement,
.shopify-section-announcement {
  display: none !important;
  height: 0 !important;
  overflow: hidden !important;
}/* --- Force Dawn header visible above everything --- */
.shopify-section-header,
.header-wrapper,
header.site-header,
header[role="banner"] {
  position: sticky !important;
  top: 0 !important;
  z-index: 10000 !important;
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  pointer-events: auto !important;
  background: #ffffff !important;  /* change if your header is dark */
  color: #111 !important;
}

/* Make header links readable */
.header-wrapper a,
.shopify-section-header a {
  color: #111 !important;
  text-decoration: none !important;
}

/* Ensure page content sits UNDER the header */
#MainContent, main {
  position: relative !important;
  z-index: 1 !important;
}
/* Force Milo Mer nav to show above Dawn header wrapper */
.mm-nav {
  position: relative !important;
  z-index: 9999 !important;
  opacity: 1 !important;
  visibility: visible !important;
  color: #111 !important;
}
/* Milo Mer: fade in main content on the Shop page (collection template) */
@keyframes mmFadeIn {
  from { opacity: 0; transform: translateY(6px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* Run animation only for users who haven’t asked to reduce motion */
@media (prefers-reduced-motion: no-preference) {
  /* Most Shopify themes put the page body class like `template-collection` */
  .template-collection main#MainContent {
    opacity: 0;               /* start invisible */
    animation: mmFadeIn 1100ms ease-out forwards;
    animation-delay: 120ms;   /* tiny delay feels smoother after header renders */
  }
}

/* Mobile nav (iOS only) — render text via background-clip in BOTH states */
@supports (-webkit-touch-callout: none) {
  @media (max-width: 900px) {

    /* Base: draw nav labels as solid #a8a8a8 using background-clip:text */
    header.mm-header .mm-nav .mm-link,
    header.mm-header .mm-nav .mm-link * {
      background-image: linear-gradient(#a8a8a8, #a8a8a8) !important;
      -webkit-background-clip: text !important;
              background-clip: text !important;
      -webkit-text-fill-color: transparent !important; /* render from bg only */
      color: inherit !important;
      -webkit-mask-image: none !important;
              mask-image: none !important;
      mix-blend-mode: normal !important;
      text-shadow: none !important;
    }

    /* Pressed/current: swap the background to gold (full glyph repaints) */
    header.mm-header .mm-nav .mm-link:is(:hover, :focus, :active),
    header.mm-header .mm-nav .mm-link.is-active,
    header.mm-header .mm-nav .mm-link[aria-current],
    header.mm-header .mm-nav .mm-link[aria-current="page"],
    header.mm-header .mm-nav .mm-link:is(:hover, :focus, :active) *,
    header.mm-header .mm-nav .mm-link.is-active *,
    header.mm-header .mm-nav .mm-link[aria-current] * {
      background-image: linear-gradient(#c0a273, #c0a273) !important;
      -webkit-background-clip: text !important;
              background-clip: text !important;
      -webkit-text-fill-color: transparent !important;
      color: inherit !important;
      mix-blend-mode: normal !important;
    }

    /* If any per-link overlays exist, hide them only while pressed/current */
    header.mm-header .mm-nav .mm-link:is(:hover, :focus, :active)::before,
    header.mm-header .mm-nav .mm-link:is(:hover, :focus, :active)::after,
    header.mm-header .mm-nav .mm-link.is-active::before,
    header.mm-header .mm-nav .mm-link.is-active::after,
    header.mm-header .mm-nav .mm-link[aria-current]::before,
    header.mm-header .mm-nav .mm-link[aria-current]::after {
      content: none !important;
    }

    /* Cart SVGs should follow gold while pressed/current */
    header.mm-header .mm-nav .mm-link[href*="/cart"]:is(:hover, :focus, :active) svg *,
    header.mm-header .mm-nav .mm-link.is-active[href*="/cart"] svg *,
    header.mm-header .mm-nav .mm-link[aria-current][href*="/cart"] svg * {
      fill: #c0a273 !important;
      stroke: #c0a273 !important;
    }
  }
}
/* iOS mobile — stop top clipping when using background-clip:text on nav labels */
@supports (-webkit-touch-callout: none) {
  @media (max-width: 900px) {
    /* make sure nothing in the header crops */
    header.mm-header,
    header.mm-header .mm-nav,
    header.mm-header .mm-nav * {
      overflow: visible !important;
      -webkit-mask-image: none !important;
              mask-image: none !important;
      -webkit-clip-path: none !important;
              clip-path: none !important;
    }

    /* give EACH link a tiny zero-sum headroom so clipped ascenders are safe */
    header.mm-header .mm-nav .mm-link {
      line-height: calc(1em + 6px) !important; /* more ascent room for clipped text */
      padding-top: 3px !important;             /* raise the clipping plane */
      margin-top: -3px !important;             /* cancel layout shift (net 0) */
      text-shadow: 0 1px rgba(0,0,0,0);        /* invisible halo; expands paint box */
      -webkit-text-stroke: 0 transparent;
    }
  }
}
/* iOS mobile — remove grey tap box on nav links/buttons */
@supports (-webkit-touch-callout: none) {
  @media (max-width: 900px) and (hover: none) and (pointer: coarse) {

    /* Kill Safari's tap highlight overlay */
    header.mm-header .mm-nav .mm-link,
    header.mm-header .mm-nav .mm-link *,
    header.mm-header .mm-nav button {
      -webkit-tap-highlight-color: rgba(0,0,0,0);
      -webkit-tap-highlight-color: transparent;
    }

    /* Ensure no UA background/outline appears on tap */
    header.mm-header .mm-nav .mm-link,
    header.mm-header .mm-nav button {
      background-color: transparent !important;
      outline: none;              /* touch only (see keyboard note below) */
      box-shadow: none !important;
    }

    /* Also neutralize the :active background on touch */
    header.mm-header .mm-nav .mm-link:active,
    header.mm-header .mm-nav button:active {
      background: none !important;
      background-color: transparent !important;
    }
  }
}

/* Keep accessible focus rings for keyboards (desktop / non-touch) */
header.mm-header .mm-nav .mm-link:focus-visible,
header.mm-header .mm-nav button:focus-visible {
  outline: 2px solid #c0a273;  /* adjust if you already style focus elsewhere */
  outline-offset: 2px;
}
/* Footer Navigation Styles - Only on specific pages */
.mm-footer-nav {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  background: #ffffff;
  border-top: 1px solid #e0e0e0;
  padding: 20px 24px;
  display: none; /* Hidden by default */
}

/* Show ONLY on collection, terms, and cart pages - NOT cast */
.template-collection .mm-footer-nav,
.template-cart .mm-footer-nav {
  display: block;
}

/* Show on Terms page specifically */
body[class*="terms"] .mm-footer-nav,
.page-terms .mm-footer-nav {
  display: block;
}

/* Hide on Cast page specifically */
body[class*="cast"] .mm-footer-nav,
.page-cast .mm-footer-nav {
  display: none !important;
}

.mm-footer-nav-container {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 48px;
  max-width: 100%;
}

.mm-footer-link {
  display: inline-block;
  color: #c5a16b;
  text-decoration: none;
  font-family: 'GothamMedium', 'Gotham', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.1;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  transition: color 0.3s ease;
}

.mm-footer-link:hover {
  color: #a8a8a8;
}

/* Mobile Responsive */
@media screen and (max-width: 768px) {
  .mm-footer-nav-container {
    gap: 24px;
  }
  
  .mm-footer-link {
    font-size: 14px;
    letter-spacing: 0.15em;
  }
}

@media screen and (max-width: 480px) {
  .mm-footer-nav-container {
    gap: 16px;
  }
  
  .mm-footer-link {
    font-size: 12px;
    letter-spacing: 0.1em;
  }
/* Footer Navigation Styles - Only on specific pages */
.mm-footer-nav {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  background: #ffffff;
  border-top: 1px solid #e0e0e0;
  padding: 20px 24px;
  display: none; /* Hidden by default */
}

/* Show ONLY on collection and cart pages */
.template-collection .mm-footer-nav,
.template-cart .mm-footer-nav {
  display: block !important;
}

/* The Terms page footer is handled by the section itself, not here */

.mm-footer-nav-container {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 48px;
  max-width: 100%;
}

.mm-footer-link {
  display: inline-block;
  color: #c5a16b;
  text-decoration: none;
  font-family: 'GothamMedium', 'Gotham', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.1;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  transition: color 0.3s ease;
}

.mm-footer-link:hover {
  color: #a8a8a8;
}

/* Mobile Responsive */
@media screen and (max-width: 768px) {
  .mm-footer-nav-container {
    gap: 24px;
  }
  
  .mm-footer-link {
    font-size: 14px;
    letter-spacing: 0.15em;
  }
}

@media screen and (max-width: 480px) {
  .mm-footer-nav-container {
    gap: 16px;
  }
  
  .mm-footer-link {
    font-size: 12px;
    letter-spacing: 0.1em;
  }
/* Footer Navigation Styles */
.mm-footer-nav {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  background: #ffffff;
  border-top: 1px solid #e0e0e0;
  padding: 20px 24px;
}

/* Fix cart summary position on mobile when footer nav is present */
@media screen and (max-width: 768px) {
  .template-cart main,
  .template-cart .main-content {
    padding-top: 20px !important;
    margin-top: 0 !important;
  }
  
  /* Ensure summary box stays below header */
  .template-cart cart-items,
  .template-cart .cart__items {
    margin-top: 80px !important;
  }
}

/* Force cart summary to stay below header on mobile */
@media screen and (max-width: 768px) {
  .template-cart cart-items {
    margin-top: 120px !important;
    padding-top: 40px !important;
  }
  
  .template-cart .page-width {
    margin-top: 60px !important;
  }
  
  /* Push everything down */
  .template-cart main {
    padding-top: 100px !important;
  }
}

/* Bottom padding for footer nav */
.template-cart {
  padding-bottom: 120px !important;
}/* Temporarily hide footer nav on mobile cart page to test */
@media screen and (max-width: 768px) {
  .template-cart .mm-footer-nav {
    display: none !important;
  }
}/* Cart page mobile fixes - Override CSS variables */
@media screen and (max-width: 768px) {
  /* Show footer nav on cart page mobile */
  .template-cart .mm-footer-nav {
    display: block !important;
  }
  
  /* Override the CSS variable that controls summary position */
  .template-cart {
    --mm-mobile-summary-top: 100px !important;
  }
  
  /* Also target the summary directly */
  .template-cart .mm-cart__summary {
    margin-top: 100px !important;
  }
  
  /* Add bottom space for footer nav */
  .template-cart {
    padding-bottom: 140px !important;
  }
} /* Reduce space above cart items */
  .template-cart .mm-cart__items {
    margin-top: 0 !important;
  }
}/* Secure checkout text styling */
.mm-secure-checkout-text {
  text-align: center;
  margin-top: 8px;
  font-size: 7px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #9a9a9a;
  font-weight: 400;
}
/* Force smaller secure checkout text on mobile - override inline styles */
@media screen and (max-width: 900px) {
  .template-cart p[style*="SECURE CHECKOUT"],
  .mm-cart__summary p:last-of-type {
    font-size: 9px !important;
  }
}

@media screen and (max-width: 768px) {
  .template-cart p[style*="SECURE CHECKOUT"],
  .mm-cart__summary p:last-of-type {
    font-size: 8px !important;
  }
}

@media screen and (max-width: 480px) {
  .template-cart p[style*="SECURE CHECKOUT"],
  .mm-cart__summary p:last-of-type {
    font-size: 7px !important;
  }
/* Make the SECURE CHECKOUT line smaller on mobile only */
@media (max-width: 900px) {
  html body .mm-cart .mm-cart__summary#mmSum p[style*="font-size"] {
    font-size: 3px !important;
  }
}

@media (max-width: 600px) {
  html body .mm-cart .mm-cart__summary#mmSum p[style*="font-size"] {
    font-size: 8px !important;
  }
}

@media (max-width: 400px) {
  html body .mm-cart .mm-cart__summary#mmSum p[style*="font-size"] {
    font-size: 7px !important;
  }
}