/* MMG Catalogue Frontend */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700&family=DM+Sans:wght@400;500&display=swap');

.mmg-catalogue-wrap { font-family:'DM Sans',sans-serif; }

.mmg-catalogue-filters { display:flex; gap:8px; margin-bottom:24px; }
.mmg-filter-btn {
    padding:7px 18px; border:1px solid #e0ddd6; border-radius:2px;
    background:#fff; font-size:12px; font-weight:500; letter-spacing:0.06em;
    text-transform:uppercase; cursor:pointer; font-family:'DM Sans',sans-serif; color:#555;
}
.mmg-filter-btn.active { background:#C9A84C; border-color:#C9A84C; color:#0A0A0A; }

.mmg-catalogue-grid { display:grid; gap:16px; }
.mmg-cols-3 { grid-template-columns:repeat(3,1fr); }
.mmg-cols-2 { grid-template-columns:repeat(2,1fr); }
.mmg-cols-4 { grid-template-columns:repeat(4,1fr); }

.mmg-product-card {
    display:flex; flex-direction:column;
    border:1px solid #e0ddd6; border-radius:6px;
    overflow:hidden; background:#fff; transition:border-color .15s;
}
.mmg-product-card:hover { border-color:#C9A84C; }

.mmg-card-header {
    background:#0A0A0A; padding:14px 14px 10px;
    display:flex; justify-content:space-between; align-items:flex-start;
}
.mmg-card-ref { font-size:10px; font-family:monospace; color:rgba(255,255,255,0.35); letter-spacing:0.1em; }
.mmg-card-badge { font-size:10px; padding:2px 8px; border-radius:2px; font-weight:500; }
.mmg-badge-nouveau     { background:rgba(201,168,76,0.2); color:#C9A84C; }
.mmg-badge-best-seller { background:rgba(255,255,255,0.08); color:rgba(255,255,255,0.5); }
.mmg-badge-pro         { background:rgba(56,189,248,0.15); color:#85B7EB; }

.mmg-card-body { padding:14px; flex:1; }
.mmg-card-title { font-size:14px; font-weight:500; color:#0A0A0A; margin:0 0 6px; line-height:1.3; }
.mmg-card-desc { font-size:12px; color:#666; line-height:1.6; margin:0; }

.mmg-card-footer {
    padding:10px 14px; border-top:1px solid #f0ede6;
    display:flex; justify-content:space-between; align-items:center;
}
.mmg-card-unit { font-size:11px; color:#888; text-transform:uppercase; letter-spacing:0.05em; }
.mmg-cat-packaging   { font-size:10px; padding:2px 7px; border-radius:2px; background:rgba(201,168,76,0.1); color:#633806; }
.mmg-cat-foodservice { font-size:10px; padding:2px 7px; border-radius:2px; background:rgba(29,158,117,0.1); color:#085041; }

@media(max-width:768px){
    .mmg-cols-3,.mmg-cols-4 { grid-template-columns:repeat(2,1fr); }
    .mmg-cols-2 { grid-template-columns:1fr; }
}
@media(max-width:480px){
    .mmg-catalogue-grid { grid-template-columns:1fr; }
}