/* BSB MECCA — CSS extracted from page-manufacturers.php (Session 4) */

/* block 0 */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&family=Barlow+Condensed:wght@400;600;700;800;900&family=DM+Sans:wght@300;400;500;600;700&display=swap');
html, body { background: #F5F3EE !important; }
.mm-page{--bg:#F5F3EE;--card-bg:#FFFFFF;--border:#CCCCCC;--text:#1A1A1A;--text-sec:#444444;--dim:#888888;--accent:#C8102E;--accent-hover:#B84008;
    font-family:'DM Sans',sans-serif;background:var(--bg);color:var(--text);min-height:80vh}
#page,.site-main,body{background:#F5F3EE !important}
.entry-content{background:transparent;padding:0;max-width:100%}
.mm-page a{color:inherit;text-decoration:none}

.mm-header{background:var(--bg);border-bottom:3px solid #C8102E;padding:32px 24px;display:block;width:100%;text-align:center}
.mm-header-inner{max-width:1200px;margin:0 auto;display:block;width:100%;text-align:center}
.mm-page .mm-breadcrumb{font-size:12px;color:var(--dim);margin:0 0 8px;display:flex;gap:6px;justify-content:center;text-align:center}
.mm-breadcrumb a:hover{color:var(--accent)}
.mm-page .mm-title{font-family:'Playfair Display',Georgia,serif;font-size:42px;font-weight:400;letter-spacing:-1px;color:#1A1A1A;margin:0 auto 16px;line-height:1.05;display:block;width:100%;max-width:100%;text-align:center;float:none;padding:0}
.mm-page .mm-subtitle{font-size:16px;line-height:1.6;color:var(--dim);margin:0 auto;display:block;width:100%;max-width:640px;text-align:center}

.mm-section{padding:40px 24px;border-bottom:1px solid var(--border)}
.mm-section--dark{background:var(--card-bg)}
.mm-section-inner{max-width:1200px;margin:0 auto}
.mm-section-head{display:flex;align-items:center;gap:10px;margin-bottom:20px}
.mm-accent{width:3px;height:20px;background:#C8102E;border-radius:0;flex-shrink:0}
.mm-section-title{font-family:'Barlow Condensed',sans-serif;font-size:24px;font-weight:800;text-transform:uppercase;color:#1A1A1A;margin:0}

.mm-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}
.mm-mfr-card{background:var(--card-bg);border:1px solid var(--border);border-top:3px solid var(--mfr-color,#555);border-radius:0;padding:20px;transition:border-color .15s;box-shadow:none}
.mm-mfr-card:hover{border-color:var(--accent)}
.mm-mfr-card-top{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.mm-mfr-logo{width:28px;height:28px;object-fit:contain;opacity:.9}
.mm-mfr-name{font-size:18px;font-weight:700;color:#1A1A1A;flex:1}
.mm-mfr-era{font-size:11px;color:var(--dim)}
.mm-mfr-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px}
.mm-mfr-stat{text-align:center}
.mm-mfr-stat-val{display:block;font-family:'Barlow Condensed',sans-serif;font-size:22px;font-weight:800;color:#1A1A1A}
.mm-mfr-stat-lbl{font-size:9px;text-transform:uppercase;letter-spacing:.5px;color:var(--dim)}
.mm-mfr-bar-wrap{height:4px;background:#E8E6E1;border-radius:0;overflow:hidden;margin-bottom:6px}
.mm-mfr-bar{height:100%;background:var(--mfr-color,#555);border-radius:0;opacity:.8}
.mm-mfr-pts{font-size:11px;color:var(--dim);text-align:right}

/* Wins matrix */
.mm-matrix-scroll{overflow-x:auto;border:1px solid var(--border);border-radius:0}
.mm-matrix{width:100%;border-collapse:collapse;font-size:12px;min-width:600px}
.mm-matrix th{background:var(--bg);padding:8px 6px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--dim);text-align:center;border-bottom:2px solid #1A1A1A;white-space:nowrap}
.mm-matrix td{padding:6px;text-align:center;border-bottom:none;background-image:linear-gradient(to right, #1A1A1A 24%, transparent 0%);background-position:bottom;background-size:4px 1px;background-repeat:repeat-x;font-weight:600}
.mm-matrix th.mm-mx-rider,.mm-matrix td.mm-mx-rider{text-align:left;position:sticky;left:0;z-index:2;background:var(--card-bg);min-width:110px;padding:8px 12px;font-weight:700;color:#1A1A1A;border-right:1px solid var(--border)}
.mm-matrix thead th.mm-mx-rider{background:var(--bg);z-index:3}
.mm-matrix th.mm-mx-total,.mm-matrix td.mm-mx-total{font-weight:800;color:#1A1A1A;background:var(--bg);position:sticky;right:0;z-index:2;border-left:1px solid var(--border)}
.mm-matrix thead th.mm-mx-total{z-index:3}
.mm-matrix tbody tr:hover{background:rgba(217,80,10,.04)}
.mm-hot{background:rgba(217,80,10,.12);color:#B84008}
.mm-warm{background:rgba(0,122,51,.08);color:#007a33}
.mm-mild{color:#444444}
.mm-cold{color:#CCCCCC}

.mm-empty{padding:60px 24px;text-align:center;color:var(--dim);font-size:14px}
.mm-empty code{background:var(--bg);padding:2px 8px;border-radius:0;font-size:12px;border:1px solid var(--border)}

@media(max-width:640px){
    .mm-title{font-size:32px}
    .mm-cards-grid{grid-template-columns:1fr}
    .mm-mfr-stats{grid-template-columns:repeat(2,1fr)}
}