@charset "utf-8";
/* CSS Document */

/* ===== GLOBAL ===== */
body {
  background: #09090b;
  color: #f3f4f6;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
  color: #ffffff;
}

/* ===== HEADER / MENU ===== */
#menu {
  background: #121317;
  border: none;
}

#menu .navbar-nav > li > a {
  color: #ffffff;
}

#menu .navbar-nav > li > a:hover {
  background: rgba(255,255,255,0.08);
}

/* ===== HERO ===== */
.mm-hero {
  background:
    radial-gradient(circle at top right, rgba(177,15,25,0.2), transparent 25%),
    radial-gradient(circle at top left, rgba(255,255,255,0.05), transparent 20%),
    #09090b;
}

/* ===== ALT SECTIONS ===== */
.mm-section--alt {
  background: rgba(255,255,255,0.03);
}

/* ===== TEXT ===== */
.mm-eyebrow,
.mm-label {
  color: #ffccd1;
}

.mm-lead,
.mm-section__head p,
.mm-card p,
.mm-side-panel p,
.mm-cta__inner p {
  color: #b8bcc6;
}

/* ===== CARDS ===== */
.product-thumb,
.blog-thumb,
.mm-card,
.mm-side-panel,
.mm-cta__inner {
  background: #13141a;
  border: 1px solid rgba(255,255,255,0.08);
  color: #f3f4f6;
}

/* ===== FEATURED CARDS ===== */
.mm-card--featured,
.mm-cta__inner {
  background: linear-gradient(145deg, rgba(177,15,25,0.35), rgba(19,20,26,0.95));
}

/* ===== BUTTONS ===== */
.btn-primary {
  background: #b10f19;
  border-color: #b10f19;
}

.btn-primary:hover {
  background: #8c0c14;
  border-color: #8c0c14;
}

.btn-outline-secondary {
  color: #ffffff;
  border-color: rgba(255,255,255,0.25);
}

.btn-outline-secondary:hover {
  background: rgba(255,255,255,0.1);
}

/* ===== PRICING ===== */
.price,
.mm-price {
  color: #ffccd1;
}

/* ===== FOOTER ===== */
footer {
  background: #0a0a0c;
  color: #9ca3af;
}

footer a {
  color: #9ca3af;
}

footer a:hover {
  color: #ffffff;
}

/* ===== FORM ELEMENTS ===== */
input,
textarea,
select {
  background: #13141a;
  border: 1px solid rgba(255,255,255,0.08);
  color: #ffffff;
}

input:focus,
textarea:focus,
select:focus {
  border-color: #b10f19;
  outline: none;
}