/* ── PAGE HERO ── */
.page-hero{background:linear-gradient(135deg,#091629 0%,#0E1F3D 100%);padding:7rem 2.5rem 4rem;color:#fff;}

/* ── LAYOUT CATALOGUE ── */
.produits-layout{display:grid;grid-template-columns:220px 1fr;gap:0;min-height:70vh;}
.sidebar{background:#F8F7F4;padding:2rem 1.2rem;border-right:1px solid #E2DDD6;position:sticky;top:var(--nav-h,120px);height:fit-content;}
.sidebar-title{font-size:.58rem;font-weight:700;letter-spacing:.25em;text-transform:uppercase;color:#B8973A;margin-bottom:1.2rem;}
.cat-btn{display:block;width:100%;background:none;border:none;text-align:left;padding:.62rem .9rem;font-family:'Montserrat',sans-serif;font-size:.7rem;font-weight:600;color:#7A7670;cursor:pointer;transition:all .2s;border-left:2px solid transparent;}
.cat-btn:hover{color:#0E1F3D;border-left-color:#E2DDD6;}
.cat-btn.on{color:#0E1F3D;font-weight:700;border-left-color:#B8973A;background:rgba(184,151,58,.06);}
.cat-sep{height:1px;background:#E2DDD6;margin:.8rem 0;}
.prods-main{padding:2.5rem;}
.cat-section{margin-bottom:3.5rem;}
.cat-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:1.8rem;padding-bottom:1rem;border-bottom:2px solid #E2DDD6;flex-wrap:wrap;gap:1rem;}
.cat-header h2{font-family:'Playfair Display',serif;font-size:1.8rem;color:#0E1F3D;font-weight:400;}
.cat-header h2 em{font-style:italic;color:#B8973A;}
.cat-header p{font-size:.7rem;color:#7A7670;margin-top:.2rem;}
.prods-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem;}

@media(max-width:1024px){
  .produits-layout{grid-template-columns:1fr;}
  .sidebar{position:static;display:flex;flex-wrap:wrap;gap:.3rem;padding:1.2rem;}
  .cat-btn{border-left:none;border-bottom:2px solid transparent;padding:.45rem .7rem;font-size:.65rem;}
  .cat-btn.on{border-bottom-color:#B8973A;border-left:none;}
}
@media(max-width:768px){.prods-main{padding:1.5rem;}.prods-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:480px){.prods-grid{grid-template-columns:1fr;}}