.ppn-recipes-catalogue{--red:#bd1020;--red2:#8f0714;--green:#103f31;--gold:#f4ca63;--ink:#2e241d;margin:0;overflow:hidden;color:var(--ink);background:#fffaf0;font-family:Arial,sans-serif}
.ppn-recipes-catalogue *{box-sizing:border-box}.ppn-recipes-catalogue button,.ppn-recipes-catalogue input{font:inherit}
.ppn-recipes-catalogue .r-wrap{width:min(1180px,calc(100% - 32px));margin:auto}

/* HERO DESKTOP */
.ppn-recipes-catalogue .r-hero{position:relative;width:100%;overflow:hidden;background:#1a0d08}
.r-hero-picture{position:relative;z-index:0;width:100%;display:block}
.r-hero-picture img{display:block;width:100%;height:auto;max-width:none}
.r-hero-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(24,7,2,.78) 0%,rgba(30,8,3,.52) 27%,rgba(0,0,0,.04) 62%)}
.r-hero-card{position:absolute;z-index:2;top:50%;left:max(6vw,24px);width:min(570px,42%);margin:0;padding:42px;transform:translateY(-50%);border:2px solid #f1d48a;border-radius:30px;background:rgba(255,249,232,.97);box-shadow:0 22px 55px rgba(0,0,0,.28)}
.r-kicker{margin:0 0 14px;color:var(--red);font-size:13px;font-weight:900;letter-spacing:2px;text-transform:uppercase}.r-hero h1{margin:0 0 20px;color:var(--green);font-family:Georgia,serif;font-size:clamp(45px,5vw,76px);line-height:.94}.r-hero p:not(.r-kicker){margin:0 0 28px;font-size:19px;line-height:1.55}
.r-btn{display:inline-flex;min-height:54px;padding:14px 22px;align-items:center;justify-content:center;color:#fff!important;background:linear-gradient(135deg,var(--red),var(--red2));border:0;border-radius:14px;box-shadow:0 9px 22px rgba(189,16,32,.22);font-weight:900;text-decoration:none;cursor:pointer}
.r-intro{padding:68px 0 28px;text-align:center}.r-intro h2{margin:0 0 12px;color:var(--green);font-family:Georgia,serif;font-size:clamp(34px,5vw,54px)}.r-intro>p:last-child{max-width:760px;margin:auto;font-size:18px;line-height:1.6}
.r-tools{position:sticky;top:0;z-index:8;padding:14px 0;background:rgba(255,250,240,.95);border-block:1px solid #eddfc2;backdrop-filter:blur(12px)}.admin-bar .r-tools{top:32px}.r-tools-inner{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.r-search{flex:1 1 230px;min-height:50px;padding:0 16px;background:#fff;border:2px solid #dfcfac;border-radius:14px}.r-filters{display:flex;gap:8px;overflow:auto;padding:2px}.r-filter{min-height:46px;padding:9px 16px;color:var(--green);background:#fff;border:1px solid #dbc89f;border-radius:999px;font-weight:800;white-space:nowrap;cursor:pointer}.r-filter.is-active{color:#fff;background:var(--green);border-color:var(--green)}
.r-library{padding-top:1px}.r-count{margin:28px 0 16px;color:#785d3f;font-weight:800}.r-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding-bottom:30px}.r-card{overflow:hidden;background:#fff;border:1px solid #eadbbd;border-radius:22px;box-shadow:0 10px 26px rgba(69,39,16,.08);transition:.22s}.r-card[hidden]{display:none}.r-card:hover{transform:translateY(-5px);box-shadow:0 18px 36px rgba(69,39,16,.14)}
.r-card-link{display:flex;height:100%;flex-direction:column;color:inherit;text-decoration:none}.r-art{height:230px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(135deg,#9d0918,#d73840)}.r-art img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;border-radius:0;transition:transform .35s}.r-card:hover .r-art img{transform:scale(1.035)}.r-art span{font-size:82px}
.r-card-body{display:flex;flex:1;flex-direction:column;padding:20px}.r-badges{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:11px}.r-badge{padding:6px 9px;color:#694a2c;background:#f6ecd6;border-radius:999px;font-size:12px;font-weight:800}.r-card h2{margin:0 0 10px;color:var(--green);font-family:Georgia,serif;font-size:25px;line-height:1.12}.r-card p{margin:0 0 17px;color:#6b5745;line-height:1.5}.r-open{width:100%;min-height:50px;margin-top:auto;display:flex;align-items:center;justify-content:center;color:#fff;background:var(--red);border-radius:13px;font-weight:900}
.r-more{padding:8px 0 35px;text-align:center}.r-more:has(#r-more[hidden]){display:none}.r-empty{grid-column:1/-1;padding:60px 20px;text-align:center;font-size:19px}.r-note{margin:10px auto 70px;padding:22px;background:#fff1c9;border:1px solid #eccb70;border-radius:18px;line-height:1.55}

@media(max-width:900px){
  .r-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .r-tools{position:relative;top:auto}
  .r-hero-card{left:24px;width:min(520px,48%);padding:34px}
}

/* MOBILE : image seule puis carte dessous */
@media(max-width:700px){
  .ppn-recipes-catalogue .r-hero{display:block;overflow:visible;background:#fff8e9}
  .r-hero-picture{width:100%;display:block;overflow:hidden;background:#1a0d08}
  .r-hero-picture img{width:100%;height:auto;display:block;object-fit:initial;object-position:initial}
  .r-hero-shade{display:none}
  .r-hero-card{position:relative;top:auto;left:auto;z-index:2;width:calc(100% - 30px);margin:16px auto 28px;padding:28px 22px 24px;transform:none;text-align:center;border-radius:24px}
  .r-hero h1{font-size:clamp(38px,11vw,50px);line-height:.98}
  .r-hero p:not(.r-kicker){font-size:16px;line-height:1.55}
  .r-hero .r-btn{width:100%}
  .r-grid{grid-template-columns:1fr}
  .r-art{height:230px}
  .r-wrap{width:min(100% - 22px,1180px)}
}