/* Catalogue — à charger APRÈS css/style.css. Tout est préfixé "cat-" pour ne pas toucher au reste du site. */
.catalogue-page{
  --cat-gold:#b98a2f; --cat-gold-dark:#9a6f1e; --cat-gold-light:#e3c277;
  --cat-line:#e6dfd2; --cat-muted:#6b6b72;
  --cat-blue:#3b82d6; --cat-red:#e0454b; --cat-amber:#dba93a;
  --cat-serif:'Playfair Display',Georgia,'Times New Roman',serif;
}
.catalogue-page [hidden]{display:none!important}

/* Hero */
.cat-hero{display:flex;align-items:center;min-height:440px;padding:7rem 0 3.5rem;
  background:linear-gradient(90deg,#fbf9f5 0%,rgba(251,249,245,.92) 36%,rgba(251,249,245,0) 64%),url("../image/header-sans-texte.png") right center/cover no-repeat}
.cat-hero-text{max-width:520px}
.cat-hero-title{font-family:var(--cat-serif);font-weight:400;font-size:2.8rem;line-height:1.15;margin-bottom:1.1rem}
.cat-hero-desc{color:#44444b;font-size:.95rem;margin-bottom:1.8rem;max-width:460px}

/* Filtres */
.cat-section{background:#fbf9f5}
.cat-filters{display:flex;flex-wrap:wrap;justify-content:center;gap:.8rem;margin:1.6rem 0 2.6rem}
.cat-filter{font:inherit;font-size:.82rem;padding:.55rem 1.5rem;border:1px solid var(--cat-line);border-radius:999px;background:transparent;color:#4a4a52;cursor:pointer;transition:.2s}
.cat-filter:hover{border-color:var(--cat-gold)}
.cat-filter.active{background:linear-gradient(135deg,var(--cat-gold-light),var(--cat-gold));border-color:var(--cat-gold);color:#fff}
.cat-filter:focus-visible{outline:2px solid var(--cat-gold);outline-offset:2px}

/* Cartes */
.cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.6rem}
.cat-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--cat-line);border-radius:8px;padding:.9rem;box-shadow:0 6px 22px rgba(60,45,20,.06)}
.cat-card-main{display:grid;grid-template-columns:1fr 84px;gap:.6rem}
.cat-card-img{position:relative;aspect-ratio:4/3;border-radius:6px;overflow:hidden;background:#111}
.cat-card-img img{width:100%;height:100%;object-fit:cover;display:block}
.cat-card .site-tag{position:absolute;left:.6rem;bottom:.6rem;font-size:.62rem;background:rgba(0,0,0,.65);color:#fff;padding:.25rem .55rem;border-radius:3px}
.cat-card-options{display:flex;flex-direction:column;gap:.5rem}
.option-badge{flex:1;display:flex;align-items:center;color:#fff;font-size:.68rem;line-height:1.25;padding:.35rem .6rem;border-radius:5px;font-weight:500}
.opt-blue{background:var(--cat-blue)}.opt-red{background:var(--cat-red)}.opt-gold{background:var(--cat-amber)}
.cat-card-info{flex:1;padding:1.1rem .3rem .4rem}
.cat-card-category{display:block;font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:var(--cat-gold);font-weight:600}
.cat-card-title{font-family:var(--cat-serif);font-weight:500;font-size:1.35rem;margin:.3rem 0 .5rem}
.cat-card-desc{font-size:.84rem;color:var(--cat-muted)}
.cat-card-features{list-style:none;display:flex;justify-content:space-between;gap:.5rem;margin-top:1rem;padding:0;font-size:.72rem;color:#55555c}
.cat-card-features li::before{content:"";display:inline-block;width:.55rem;height:.55rem;margin-right:.4rem;border:1.5px solid var(--cat-gold);border-radius:2px}
.cat-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;padding:.6rem .3rem .3rem}
.cat-card .btn-card{text-align:center;padding:.7rem .5rem;font-size:.76rem;text-transform:none;letter-spacing:0}
.cat-card .btn-outline{background:transparent;color:var(--cat-gold-dark);border:1px solid var(--cat-gold)}

/* Processus */
.cat-process{padding:3.5rem 0;border-top:1px solid var(--cat-line);background:#f7f4f1}
.cat-process .section-title{margin-bottom:2.5rem}
.process-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.process-item{padding:.5rem 1.6rem;border-left:1px solid var(--cat-line)}
.process-item:first-child{border-left:0}
.process-icon{display:block;width:auto;height:37px;margin:0 auto 1rem}
.process-item-title{font-size:.92rem;font-weight:600;margin-bottom:.5rem}
.process-item-title span{color:var(--cat-gold);font-weight:500}
.process-desc{font-size:.8rem;color:var(--cat-muted)}

/* Bande finale → renvoie vers le formulaire de l'index */
.cat-cta{background:linear-gradient(90deg,rgba(20,18,16,.78) 0%,rgba(20,18,16,.4) 100%),url("../image/footer-sans-texte.jpg") center/cover no-repeat,#14120f;color:#fff;padding:2.6rem 0}
.cat-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:2rem}
.cat-cta-title{font-family:var(--cat-serif);font-weight:400;font-size:1.9rem;line-height:1.2;color:#fff;margin:.2rem 0 .6rem}
.cat-cta p{color:#d9d2c3;font-size:.9rem}
.cat-cta .btn-cta{flex-shrink:0;background:transparent;color:var(--cat-gold-light);border:1px solid var(--cat-gold-light);white-space:nowrap}
.cat-cta .btn-cta:hover{background:var(--cat-gold-light);color:#14120f}

/* Responsive */
@media(max-width:1000px){
  .cat-grid{grid-template-columns:repeat(2,1fr)}
  .process-grid{grid-template-columns:repeat(2,1fr);row-gap:2rem}
  .process-item:nth-child(3){border-left:0}
}
@media(max-width:700px){
  .cat-grid{grid-template-columns:1fr}
  .cat-hero{background:linear-gradient(180deg,rgba(251,249,245,.94),rgba(251,249,245,.82)),url("../image/header-sans-texte.jpg") center/cover}
  .cat-hero-title{font-size:2.1rem}
  .process-grid{grid-template-columns:1fr}.process-item{border-left:0}
  .cat-card-features{flex-wrap:wrap}
  .cat-cta-inner{flex-direction:column;align-items:flex-start}
}