.qap-wrap{
  --blue:#515C39;
  --red:#68734D;
  --cream:#FAF7F2;
  --text:#625B50;
  --line:#E4DDD2;
  width:100%;
  max-width:1180px;
  margin:0 auto 90px;
  padding:60px 25px 0;
  box-sizing:border-box;
  font-family:inherit;
}
.qap-wrap *{box-sizing:border-box}
.qap-head{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:end;margin-bottom:35px}
.qap-eyebrow{display:flex;align-items:center;gap:11px;color:var(--red);font-size:13px;font-weight:900;letter-spacing:2px}
.qap-eyebrow span{width:34px;height:3px;background:var(--red);border-radius:99px}
.qap-head h2{margin:15px 0 17px;color:var(--blue);font-size:clamp(36px,4.2vw,56px);line-height:.96;letter-spacing:-2.5px}
.qap-head h2 strong{color:var(--red)}
.qap-head p{max-width:650px;margin:0;color:var(--text);font-size:13px;line-height:1.7}
.qap-search label{display:block;margin:0 0 8px;color:var(--blue);font-size:8px;font-weight:900;letter-spacing:1.4px;text-transform:uppercase}
.qap-search>div{display:flex;align-items:center;background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 10px 30px rgba(81,92,57,.05)}
.qap-search input{width:100%;height:58px;padding:0 18px;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;color:var(--blue);font:inherit;font-size:13px}
.qap-search button{width:58px;height:58px;flex:0 0 58px;border:0;background:var(--blue);color:#fff;font-size:24px;cursor:pointer}
.qap-filters{display:flex;flex-wrap:wrap;gap:8px;padding:22px 0 45px;border-top:1px solid var(--line)}
.qap-filter{padding:10px 16px;border:1px solid var(--line);border-radius:99px;background:#fff;color:var(--blue);font-size:8px;font-weight:900;letter-spacing:.7px;cursor:pointer;transition:.25s ease}
.qap-filter:hover,.qap-filter.is-active{background:var(--blue);border-color:var(--blue);color:#fff;transform:translateY(-2px)}
.qap-section-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:18px}
.qap-section-title span{color:var(--red);font-size:8px;font-weight:900;letter-spacing:1.7px}
.qap-section-title h3{margin:0;color:var(--blue);font-size:24px;letter-spacing:-.6px}
.qap-results.is-loading{opacity:.45;pointer-events:none}
.qap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.qap-card{min-height:330px;padding:25px;position:relative;display:flex;flex-direction:column;background:var(--cream);border-radius:24px;overflow:hidden;transition:transform .3s ease,background .3s ease,box-shadow .3s ease}
.qap-card:nth-child(1){background:var(--blue)}
.qap-card-link{position:absolute;inset:0;z-index:3}
.qap-card-top{display:flex;justify-content:space-between;align-items:center}
.qap-card-cat{padding:7px 10px;border:1px solid #dcdfe4;border-radius:99px;color:var(--blue);font-size:7px;font-weight:900;text-transform:uppercase;letter-spacing:.8px}
.qap-card-arrow{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border:1px solid #dcdfe4;border-radius:50%;color:var(--blue);font-size:16px;transition:.3s ease}
.qap-card-body{margin-top:auto}
.qap-card time{display:block;margin-bottom:10px;color:#9a9fa8;font-size:7px;font-weight:800;letter-spacing:1px}
.qap-card h3{margin:0 0 10px;color:var(--blue);font-size:23px;line-height:1.08;letter-spacing:-.6px}
.qap-card p{margin:0;color:var(--text);font-size:10px;line-height:1.65}
.qap-card:nth-child(1) .qap-card-cat,.qap-card:nth-child(1) .qap-card-arrow{border-color:rgba(255,255,255,.22);color:#fff}
.qap-card:nth-child(1) h3{color:#fff}
.qap-card:nth-child(1) p{color:rgba(255,255,255,.65)}
.qap-card:nth-child(1) time{color:rgba(255,255,255,.45)}
.qap-card:hover{transform:translateY(-6px);background:var(--blue);box-shadow:0 18px 40px rgba(81,92,57,.10)}
.qap-card:hover .qap-card-cat,.qap-card:hover .qap-card-arrow{border-color:rgba(255,255,255,.22);color:#fff}
.qap-card:hover .qap-card-arrow{background:var(--red);border-color:var(--red);transform:rotate(45deg)}
.qap-card:hover h3{color:#fff}
.qap-card:hover p{color:rgba(255,255,255,.65)}
.qap-card:hover time{color:rgba(255,255,255,.45)}
.qap-more{margin:25px auto 0;padding:13px 20px;display:flex;align-items:center;gap:14px;border:0;border-radius:99px;background:var(--red);color:#fff;font-size:9px;font-weight:900;cursor:pointer}
.qap-empty{padding:55px 25px;text-align:center;background:var(--cream);border-radius:22px}
.qap-empty strong{display:block;color:var(--blue);font-size:20px}
.qap-empty span{display:block;margin-top:7px;color:var(--text);font-size:11px}
@media(max-width:900px){.qap-head{grid-template-columns:1fr;gap:30px}.qap-grid{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.qap-wrap{padding:40px 18px 0}.qap-head h2{font-size:42px}.qap-grid{grid-template-columns:1fr}.qap-section-title{display:block}.qap-section-title h3{margin-top:5px}.qap-card{min-height:280px}}


/* V1.2 — la première carte est bleue par défaut, mais cède la place au survol d’une autre carte */
.qap-grid:has(.qap-card:not(:first-child):hover) .qap-card:first-child{
  background:var(--cream);
  box-shadow:none;
  transform:none;
}
.qap-grid:has(.qap-card:not(:first-child):hover) .qap-card:first-child .qap-card-cat,
.qap-grid:has(.qap-card:not(:first-child):hover) .qap-card:first-child .qap-card-arrow{
  border-color:#dcdfe4;
  color:var(--blue);
  background:transparent;
  transform:none;
}
.qap-grid:has(.qap-card:not(:first-child):hover) .qap-card:first-child h3{color:var(--blue)}
.qap-grid:has(.qap-card:not(:first-child):hover) .qap-card:first-child p{color:var(--text)}
.qap-grid:has(.qap-card:not(:first-child):hover) .qap-card:first-child time{color:#9a9fa8}

/* La Fleur d’Oranger */
.qap-wrap{max-width:none;margin:0;padding:34px max(24px,calc((100% - 1132px)/2)) 60px;background:#DF7036;font-family:"Manrope",Arial,sans-serif}
.qap-head{gap:40px;align-items:center}
.qap-eyebrow,.qap-head p,.qap-search label,.qap-section-title span{color:#FAF7F2}
.qap-eyebrow span{background:#FAF7F2}
.qap-head h2{color:#FAF7F2;font-family:"Outfit",Arial,sans-serif;font-weight:400;line-height:1.15;letter-spacing:-1px;font-size:clamp(34px,4vw,52px)}
.qap-head h2 strong{color:#515C39;font-weight:400;font-style:italic}
.qap-head p{font-size:15px;line-height:1.75}
.qap-search label{font-size:11px}
.qap-search>div{background:#FAF7F2}
.qap-search input{font-size:15px}
.qap-filters{padding:24px 0 30px;border-color:rgba(250,247,242,.4)}
.qap-filter{font-size:12px;font-weight:700;letter-spacing:0;background:#FAF7F2}
.qap-section-title h3{color:#FAF7F2;font-family:"Outfit",Arial,sans-serif;font-size:29px;font-weight:400}
.qap-section-title span{font-size:11px}
.qap-grid{gap:22px}
.qap-card{padding:24px;min-height:320px;border-radius:22px}
.qap-card-photo{margin:-24px -24px 22px;overflow:hidden;aspect-ratio:4/3;background:#F0E9DF}
.qap-card-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.qap-card-body{padding-top:26px}
.qap-card h3{font-family:"Outfit",Arial,sans-serif;font-size:26px;line-height:1.2;font-weight:400;letter-spacing:0}
.qap-card p{font-size:14px;line-height:1.7}
.qap-card time{font-size:11px}
.qap-card-cat{font-size:10px}
.qap-card:nth-child(1) p,.qap-card:hover p{color:#FAF7F2}
.qap-card:nth-child(1) time,.qap-card:hover time{color:#F0E9DF}
.qap-more{background:#515C39;font-size:14px;padding:14px 22px}
.qap-empty span{font-size:14px}
.qap-card:focus-within{outline:3px solid #302B25;outline-offset:4px}
.qap-wrap button:focus-visible,.qap-wrap input:focus-visible{outline:3px solid #302B25!important;outline-offset:3px}
@media(max-width:650px){.qap-wrap{padding:26px 18px 40px}.qap-head h2{font-size:36px}.qap-head{gap:24px}.qap-section-title h3{font-size:26px}}
@media(prefers-reduced-motion:reduce){.qap-wrap *{transition:none!important}}

/* Font families only; retain original sizes, weights and spacing. */
.qap-wrap button,.qap-wrap input{font-family:"Manrope",Arial,sans-serif}
.qap-wrap h1,.qap-wrap h2,.qap-wrap h3,.qap-wrap h4,.qap-wrap h5,.qap-wrap h6{font-family:"Outfit",Arial,sans-serif}