/* FRIGO 12 — accueil (couverture) et pages secondaires. */
/* accueil : porte de frigo plein écran, sans casier */
.couv{position:relative;min-height:calc(100svh - var(--nav-h));overflow:hidden;background:var(--fond2);display:grid;align-items:end}
.couv picture,.couv picture img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.couv::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(120% 90% at 50% 40%,transparent 55%,var(--givre) 100%);opacity:.35;animation:buee 1.6s ease-out both}
.couv::after{content:"";position:absolute;inset:auto 0 0 0;height:60%;z-index:1;pointer-events:none;background:linear-gradient(to top,rgba(11,15,20,.72),transparent)}
.couv-texte{position:relative;z-index:2;padding:0 var(--gout) 56px;max-width:var(--max);margin:0 auto;width:100%;color:var(--blanc)}
.couv-texte h1{font-size:clamp(52px,9vw,132px);margin-bottom:18px;text-shadow:0 6px 40px rgba(11,15,20,.5)}
.couv-texte p{font-size:clamp(16px,1.5vw,20px);max-width:52ch;color:rgba(255,255,255,.9);margin-bottom:26px}
.couv-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.couv .btn{background:var(--blanc);color:var(--encre)}.couv .btn:hover{background:var(--saveur-accent);color:var(--saveur-texte)}
.couv .btn-second{background:transparent;color:var(--blanc);box-shadow:inset 0 0 0 2px rgba(255,255,255,.7)}
.couv .etiquette{z-index:2;right:6%;top:8%}
.couv-indep{position:absolute;z-index:2;left:var(--gout);top:16px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--encre2);background:rgba(238,243,246,.8);padding:6px 10px;border-radius:6px}
@media (max-width:899px){.couv-texte{padding-bottom:40px}.couv .etiquette{right:5%;top:5%;padding:10px 16px 8px}.couv .etiquette-prix{font-size:38px}}

/* saveurs cliquables sur l'accueil */
.saveurs-accueil{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:12px}
.saveur-carte{display:flex;flex-direction:column;align-items:center;gap:10px;padding:18px 8px 14px;background:var(--blanc);border-radius:var(--r);text-decoration:none;border-top:5px solid var(--c);transition:transform .2s}
.saveur-carte:hover{transform:translateY(-4px)}
.saveur-carte img{height:150px;width:auto;object-fit:contain}
.saveur-carte b{font-size:13px;text-align:center;line-height:1.2}.saveur-carte small{color:var(--encre2);font-size:12px}
@media (max-width:1099px){.saveurs-accueil{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:599px){.saveurs-accueil{grid-template-columns:repeat(2,minmax(0,1fr))}.saveur-carte img{height:120px}}

/* récit en 3 photos */
.recit{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.recit figure{margin:0;background:var(--blanc);border-radius:var(--r2);overflow:hidden;position:relative}
.recit img{aspect-ratio:4/5;width:100%;object-fit:cover}
.recit figcaption{padding:16px 18px 18px}
.recit figcaption b{display:block;font-family:var(--titre);font-weight:400;font-size:24px;text-transform:uppercase;margin-bottom:4px}
.recit figcaption span{color:var(--encre2);font-size:14px}
@media (max-width:899px){.recit{grid-template-columns:minmax(0,1fr)}.recit img{aspect-ratio:16/10}}

/* comment ça marche */
.etapes{counter-reset:e;display:grid;gap:18px;max-width:820px}
.etape{display:grid;grid-template-columns:72px minmax(0,1fr);gap:18px;background:var(--blanc);border-radius:var(--r2);padding:24px;align-items:start}
.etape::before{counter-increment:e;content:counter(e,decimal-leading-zero);font-family:var(--titre);font-size:48px;line-height:.9;color:var(--saveur-accent)}
.etape h3{margin-bottom:6px}.etape p{margin:0;color:var(--encre2)}
.photo-comment{margin:40px 0 0;border-radius:var(--r2);overflow:hidden;max-width:820px}
.photo-comment img{width:100%;aspect-ratio:16/10;object-fit:cover}
.pourquoi{background:var(--blanc);border-radius:var(--r2);padding:28px;max-width:820px;margin-top:40px}
.pourquoi p:last-child{margin:0}