/** Shopify CDN: Minification failed

Line 30:26 Expected ")" to end URL token
Line 65:107 Expected ")" to end URL token

**/

:root{
  --mm-green:#17a84f; --mm-green-deep:#0e6f36;
  --mm-purple:#6f2dbd; --mm-purple-deep:#4b1d83;
  --mm-gold:#D4AF37; --mm-gold-soft:#f7e27a;
  --ink:#101114; --bg:#0e0f11; --card:#121317;
  --radius:18px; --shadow:0 16px 36px rgba(0,0,0,.35);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:#eef0f3;font-family:Inter, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;}
a{color:var(--mm-gold-soft);text-decoration:none}
.container{max-width:1200px;margin:0 auto;padding:0 20px}

/* CAP-MOTIF BACKGROUND (parallax layers) */
.site-bg{
  position:fixed; inset:0; z-index:-2; pointer-events:none;
  background:
    radial-gradient(1000px 600px at 20% -10%, rgba(111,45,189,.22), transparent 60%),
    radial-gradient(900px 500px at 120% 10%, rgba(23,168,79,.18), transparent 60%),
    linear-gradient(180deg, #0a0c0e, #0e0f11 30%, #0a0c0e);
}
.site-bg::after{
  content:''; position:absolute; inset:-10%; z-index:-1; opacity:.35;
  background-image:url({{ 'cap-tile.svg' | asset_url }});
  background-size:520px 520px; background-repeat:repeat;
  animation:tile-pan 60s linear infinite;
  filter:saturate(1.2) drop-shadow(0 0 30px rgba(212,175,55,.12));
}
@keyframes tile-pan{ from{background-position:0 0} to{background-position:520px 520px} }

.header{position:sticky;top:0;z-index:40;background:rgba(16,17,20,.6);backdrop-filter: blur(18px) saturate(140%); border-bottom:1px solid rgba(212,175,55,.25)}
.header .logo-wrap{display:flex;align-items:center;gap:12px;padding:12px 0}
.header .logo-wrap img{height:44px;width:auto;filter: drop-shadow(0 8px 28px rgba(23,168,79,.35));}
.nav a{margin:0 12px;font-weight:700;color:#e7e6e2}
.nav a:hover{color:var(--mm-gold-soft)}

.card{
  background:linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.01));
  border-radius:var(--radius);
  border:1px solid rgba(212,175,55,.25);
  box-shadow:var(--shadow);
  padding:22px;
}

.glow-border{
  border:1px solid transparent;
  background:
    linear-gradient(var(--card), var(--card)) padding-box,
    radial-gradient(40% 120% at 20% 0%, rgba(23,168,79,.6), rgba(111,45,189,.5), rgba(212,175,55,.6)) border-box;
  border-radius:var(--radius);
}

.btn{display:inline-block;padding:12px 20px;border-radius:999px;background:linear-gradient(135deg,var(--mm-purple),var(--mm-purple-deep));color:#fff;box-shadow:var(--shadow);transition:transform .15s, box-shadow .15s}
.btn:hover{transform:translateY(-2px)}
.btn-gold{background:linear-gradient(135deg,var(--mm-gold-soft),var(--mm-gold)); color:#3a2a06; font-weight:800}
.btn-outline{background:transparent;border:2px solid var(--mm-gold);color:#fff}

.hero{position:relative;padding:110px 0 70px;overflow:hidden}
.hero .spark{position:absolute; width:180px; height:180px; opacity:.7; right:6%; top:8%; background:url({{ 'spark.svg' | asset_url }}) no-repeat center/contain; filter:drop-shadow(0 12px 28px rgba(212,175,55,.35))}
.hero h1{font-family:'Playfair Display',serif; font-size:64px; line-height:1.02; margin:8px 0}
.hero p{opacity:.9; font-size:18px}

.grid{display:grid; gap:20px}
.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width: 980px){ .grid.cols-3{grid-template-columns:repeat(2,1fr)} }
@media (max-width: 640px){ .grid.cols-3{grid-template-columns:1fr} }

.product-card img{border-radius:12px; width:100%}
.product-title{font-family:'Playfair Display',serif; font-size:22px}
.price{font-weight:900; font-size:18px; color:var(--mm-gold-soft)}

.footer{margin-top:60px;padding:50px 0;background:rgba(0,0,0,.2);border-top:1px solid rgba(212,175,55,.25)}
.small{opacity:.75; font-size:14px}