/* shop.mafiatea — anti-brand, intentionally breaks house voice
   ⚠ This is the ONLY constellation site that may use:
     ALL CAPS, exclamation marks, urgency timers, neon accents.
   Black background, blood-red accents, monospace dominant.
*/
@import url("https://fonts.googleapis.com/css2?family=Bebas+Neue&family=JetBrains+Mono:wght@400;500;700&family=Inter:wght@400;500;700;900&display=swap");

html, body { margin: 0; padding: 0; background: #0a0806; color: #f5efe0; font-family: "Inter", sans-serif; }
body { -webkit-font-smoothing: antialiased; }
* { box-sizing: border-box; }
img { display: block; max-width: 100%; height: auto; filter: contrast(1.05); }
a { color: inherit; }

.mafia-shell { max-width: 1280px; margin: 0 auto; padding: 0 24px; }

/* Top warning bar — fake urgency, deliberate */
.mafia-warn { background: #cc1f1f; color: #fff; text-align: center; padding: 8px 16px; font-family: "JetBrains Mono", monospace; font-size: 12px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; }
.mafia-warn .blink { display: inline-block; animation: blink 1s infinite; }
@keyframes blink { 50% { opacity: 0.3; } }

.mafia-hdr { display: grid; grid-template-columns: auto 1fr auto auto; align-items: center; gap: 24px; padding: 18px 24px; background: #14110D; border-bottom: 1px solid #2a1812; }
.mafia-brand { display: inline-flex; align-items: baseline; gap: 4px; text-decoration: none; color: #f5efe0; font-family: "Bebas Neue", sans-serif; font-size: 32px; letter-spacing: 0.04em; }
.mafia-brand em { color: #cc1f1f; font-style: italic; }

.mafia-nav { display: flex; gap: 22px; font-family: "JetBrains Mono", monospace; font-size: 12px; text-transform: uppercase; letter-spacing: 0.1em; }
.mafia-nav a { color: #8a8275; text-decoration: none; }
.mafia-nav a:hover { color: #cc1f1f; }
.mafia-nav a.active { color: #cc1f1f; }

.mafia-btn { display: inline-flex; align-items: center; gap: 8px; padding: 12px 22px; background: #cc1f1f; color: #fff; border: 0; border-radius: 0; font-family: "JetBrains Mono", monospace; font-size: 13px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; cursor: pointer; text-decoration: none; transition: background 180ms; }
.mafia-btn:hover { background: #a01717; }
.mafia-btn--ghost { background: transparent; color: #f5efe0; border: 1px solid #cc1f1f; }

.mafia-ftr { padding: 60px 24px 40px; background: #14110D; border-top: 1px solid #2a1812; margin-top: 96px; }
.mafia-ftr__inner { max-width: 1280px; margin: 0 auto; display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 40px; }
.mafia-ftr h4 { font-family: "JetBrains Mono", monospace; font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase; color: #cc1f1f; margin: 0 0 16px; }
.mafia-ftr ul { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 8px; font-size: 13px; }
.mafia-ftr a { color: #8a8275; text-decoration: none; }
.mafia-ftr a:hover { color: #f5efe0; }

@media (max-width: 1024px) {
  .mafia-hdr { grid-template-columns: auto 1fr auto; }
  .mafia-nav { display: none; }
  .mafia-ftr__inner { grid-template-columns: 1fr 1fr; }
  .mafia-hero { grid-template-columns: 1fr !important; }
  .mafia-grid-3 { grid-template-columns: 1fr 1fr !important; }
}