/* ---------- Nos formules petit déj (de 7h à 11h) : un matin, un soleil, des croissants, du jus, de la vapeur ---------- */
.pdej{--pg:#3E6A2A;--pr:#B8352B;--psun:#F3C660;--pjus:#F5A623;--pk:'Kaushan Script',cursive;--pc:'Caveat',cursive;--po:'Oswald',sans-serif;--pa:'Aleo',Georgia,serif;
  position:relative;overflow:hidden;padding:110px 0 120px;background:#fff;text-align:center;isolation:isolate}
.pdej-sky{position:absolute;inset:0;z-index:-2;background:
  radial-gradient(ellipse 70% 55% at 85% 0%,rgba(243,198,96,.42),transparent 60%),
  radial-gradient(ellipse 60% 50% at 50% 70%,rgba(255,236,190,.55),transparent 65%),
  linear-gradient(180deg,#fff 0%,#FFF9EC 45%,#fff 100%)}
/* le soleil : des rayons qui tournent lentement, un cœur qui respire */
.pdej-sun{position:absolute;right:-70px;top:-70px;width:340px;height:340px;z-index:-1;pointer-events:none}
.pdej-sun .rays{transform-origin:100px 100px;animation:pdejRays 70s linear infinite}
.pdej-sun .rays line{stroke:var(--psun);stroke-width:5;stroke-linecap:round;opacity:.85}
.pdej-sun .rays line:nth-child(even){stroke-width:3;opacity:.55}
.pdej-sun circle{fill:var(--psun);transform-origin:100px 100px;animation:pdejBreath 6s ease-in-out infinite}
.pdej-sun .halo{fill:none;stroke:rgba(243,198,96,.45);stroke-width:2;animation:pdejBreath 6s ease-in-out .8s infinite}
@keyframes pdejRays{to{transform:rotate(360deg)}}
@keyframes pdejBreath{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}
/* pâquerettes qui flottent */
.pdej-daisy{position:absolute;width:38px;height:38px;z-index:-1;pointer-events:none;opacity:.9;animation:pdejFloat 9s ease-in-out infinite}
.pdej-daisy path{fill:#fff;stroke:var(--pg);stroke-width:1.6;stroke-linejoin:round}
.pdej-daisy circle{fill:var(--psun);stroke:var(--pg);stroke-width:1.2}
.pdej-daisy.d1{left:6%;top:18%;animation-delay:-1s}.pdej-daisy.d2{left:14%;bottom:14%;width:28px;height:28px;animation-delay:-4s}
.pdej-daisy.d3{right:9%;bottom:22%;animation-delay:-2.5s}.pdej-daisy.d4{right:22%;top:30%;width:26px;height:26px;animation-delay:-6s}
@keyframes pdejFloat{0%,100%{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-12px) rotate(8deg)}}
/* titre */
.pdej-kicker{font-family:var(--po);text-transform:uppercase;letter-spacing:.26em;font-size:12px;color:var(--pg);opacity:.85}
.pdej-title{font-family:var(--pk);font-weight:400;font-style:normal;text-transform:none;letter-spacing:0;font-size:clamp(38px,6vw,72px);line-height:1;color:var(--pg);margin:10px 0 0}
.pdej-under{display:block;width:min(60%,300px);height:14px;margin:0 auto;overflow:visible}
.pdej-under path{fill:none;stroke:var(--pr);stroke-width:5;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1}
.pdej-head.on .pdej-under path{transition:stroke-dashoffset .9s cubic-bezier(.4,0,.2,1) .5s;stroke-dashoffset:0}
/* les deux formules : deux feuilles posées sur la table */
.pdej-grid{display:grid;grid-template-columns:repeat(2,minmax(0,440px));justify-content:center;gap:34px;margin:54px auto 0;perspective:1200px}
.pdej-card{position:relative;background:#fff;border-radius:4px;padding:30px 30px 28px;text-align:left;box-shadow:0 34px 60px -34px rgba(60,40,10,.45),0 1px 0 rgba(62,106,42,.08);transform:rotate(-1deg);transform-style:preserve-3d;will-change:transform}
.pdej-card.c2{transform:rotate(1deg)}
.pdej-eclat{position:absolute;border-radius:50%;pointer-events:none;z-index:3}
.pdej-card::before{content:"";position:absolute;inset:8px;border:1.5px solid rgba(62,106,42,.35);border-radius:3px;pointer-events:none}
.pdej-tape{position:absolute;left:50%;top:-12px;width:92px;height:24px;transform:translateX(-50%) rotate(-2deg);background:rgba(207,224,190,.85);box-shadow:0 1px 2px rgba(0,0,0,.08)}
.pdej-card.c2 .pdej-tape{transform:translateX(-50%) rotate(2deg)}
.pdej-ill{height:170px;display:flex;align-items:flex-end;justify-content:center;gap:18px;margin:2px 0 14px}
.pdej-ill svg{overflow:visible;height:100%;width:auto}
@media(hover:hover){.pdej-ill svg{filter:drop-shadow(0 10px 10px rgba(60,40,10,.14))}}
.pdej-ill .pdej-tas{height:62%;align-self:flex-end}
.pdej-ill .pdej-crx{height:82%}
.pdej-card h3{font-family:var(--pk);font-weight:400;font-style:normal;text-transform:none;letter-spacing:0;font-size:clamp(28px,3vw,36px);color:var(--pg);margin:0}
.pdej-card p{font-family:var(--pa);font-size:clamp(16px,1.5vw,18px);line-height:1.5;color:#1f2a18;margin:8px 0 0;padding-right:118px}
.pdej-card p small{display:block;font-style:italic;font-size:.9em;color:#4a5a41}
.pdej-prix{position:absolute;right:22px;bottom:24px;font-family:var(--pc);font-style:normal;font-weight:600;font-size:clamp(28px,3vw,36px);color:var(--pr);padding:4px 16px;white-space:nowrap;transform:rotate(-6deg)}
.pdej-prix svg{position:absolute;inset:-8px -8px;width:calc(100% + 16px);height:calc(100% + 16px);overflow:visible;pointer-events:none}
.pdej-prix svg path{fill:none;stroke:var(--pr);stroke-width:2.4;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1}
.pdej-prix.on svg path{transition:stroke-dashoffset .9s cubic-bezier(.4,0,.2,1) .1s;stroke-dashoffset:0}
.pdej-note{font-family:var(--pc);font-size:clamp(20px,2.2vw,26px);color:var(--pg);margin:34px 0 0;transform:rotate(-1.5deg)}
.pdej-note b{font-weight:600;color:var(--pr)}
/* illustrations : traits verts, remplissages doux */
.pdej-ill .l{fill:none;stroke:var(--pg);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.pdej-ill .f{stroke:var(--pg);stroke-width:2.2;stroke-linejoin:round}
.pdej-crx{animation:pdejBob 4.5s ease-in-out infinite;transform-origin:50% 80%}
.pdej-crx .miette{fill:#C97E1E;opacity:0;animation:pdejMiette 4.5s ease-in infinite}
.pdej-crx .miette:nth-child(2){animation-delay:1.4s}.pdej-crx .miette:nth-child(3){animation-delay:2.7s}
@keyframes pdejBob{0%,100%{transform:rotate(-3deg) translateY(0)}50%{transform:rotate(3deg) translateY(-5px)}}
@keyframes pdejMiette{0%{opacity:0;transform:translateY(0)}15%{opacity:.8}60%{opacity:0;transform:translateY(22px)}100%{opacity:0}}
.pdej-vap path{fill:none;stroke:#9AA6B2;stroke-width:2.2;stroke-linecap:round;opacity:0;animation:pdejVap 3.2s ease-in-out infinite}
.pdej-vap path:nth-child(2){animation-delay:1s}.pdej-vap path:nth-child(3){animation-delay:2s}
@keyframes pdejVap{0%{opacity:0;transform:translateY(6px)}30%{opacity:.7}100%{opacity:0;transform:translateY(-18px)}}
.pdej-jus .vague{animation:pdejVague 3s linear infinite}
@keyframes pdejVague{to{transform:translateX(-40px)}}
.pdej-jus .bulle{fill:#fff;opacity:.7;animation:pdejBulle 3.6s ease-in infinite}
.pdej-jus .bulle:nth-child(2){animation-delay:1.2s}.pdej-jus .bulle:nth-child(3){animation-delay:2.3s}
@keyframes pdejBulle{0%{transform:translateY(0);opacity:0}20%{opacity:.8}100%{transform:translateY(-34px);opacity:0}}
@media(max-width:900px){.pdej-grid{grid-template-columns:minmax(0,440px);gap:26px}}
@media(max-width:700px){
  .pdej{padding:70px 0 80px}
  .pdej-sun{width:210px;height:210px;right:-50px;top:-50px}
  .pdej-daisy.d4,.pdej-daisy.d2{display:none}
  .pdej-card{padding:24px 20px 22px}
  .pdej-ill{height:130px;gap:12px}
  .pdej-prix{right:14px;bottom:16px;font-size:26px;padding:3px 12px}
  .pdej-card p{padding-right:104px}
}
@media(prefers-reduced-motion:reduce){.pdej *{animation:none!important}}
