/* Breakfast page (/colazione/, /en/breakfast/): Panificio Fontecedro menu. Matches the owner's approved preview, inside the site layout. */
.fn{padding-top:84px}
@media (max-width:1024px){.fn{padding-top:68px}}
.fn-back{padding-top:22px;font:500 12px/1.4 var(--body);letter-spacing:.18em;text-transform:uppercase}
.fn-back a{text-decoration:none;color:var(--accent)}.fn-back a:hover{text-decoration:underline}
.fn-head{padding-top:clamp(48px,7vw,84px);padding-bottom:clamp(32px,4vw,48px);text-align:center}
.fn-head h1{font:italic 400 clamp(42px,6vw,72px)/1.04 var(--display)}
.fn-mosaic{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}
.fn-mosaic img{width:100%;aspect-ratio:1;object-fit:cover}
.fn-intro{padding-top:clamp(56px,8vw,96px);text-align:center}
.fn-intro .lead{margin:0 auto 30px}
.fn-price{display:inline-flex;align-items:center;min-height:50px;padding:0 30px;border:1px solid var(--ink);font:500 12px/1.3 var(--body);letter-spacing:.24em;text-transform:uppercase}
.fn-nav{position:sticky;top:84px;z-index:5;background:rgba(245,242,237,.96);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);margin-top:clamp(56px,8vw,88px)}
.fn-nav .wrap{display:flex;gap:30px;overflow-x:auto;scrollbar-width:none;justify-content:center}
.fn-nav .wrap::-webkit-scrollbar{display:none}
.fn-nav a{white-space:nowrap;text-decoration:none;font:500 12px/1 var(--body);letter-spacing:.22em;text-transform:uppercase;padding:20px 0 18px;border-bottom:1px solid transparent}
.fn-nav a:hover{border-bottom-color:var(--accent);color:var(--accent)}
@media (max-width:1024px){.fn-nav{top:68px}}
@media (max-width:900px){.fn-nav .wrap{justify-content:flex-start;gap:24px}}
.fn-cat{padding-top:clamp(64px,9vw,110px);scroll-margin-top:140px}
.fn-cat h2{font-size:clamp(34px,4.2vw,46px);line-height:1.12;text-align:center;margin-bottom:clamp(36px,5vw,56px)}
.fn-grid{display:grid;grid-template-columns:repeat(var(--c,4),minmax(0,1fr));gap:56px 32px}
.fn-card img{width:100%;aspect-ratio:1;object-fit:cover;background:var(--sand)}
.fn-noimg{aspect-ratio:1;background:var(--paper);border:1px solid var(--line-soft);display:flex;align-items:center;justify-content:center;font:italic 400 26px/1.2 var(--display);color:var(--accent);text-align:center;padding:24px}
.fn-card h3{font:500 28px/1.15 var(--display);margin:20px 0 4px}
.fn-it{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}
.fn-d{font:400 18px/1.5 var(--display);color:#3B342E;margin-bottom:10px}
.fn-meta{font-size:13px;color:var(--muted);margin-bottom:6px}
.fn-als{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 8px}
.fn-al{font:600 10.5px/1 var(--body);letter-spacing:.16em;text-transform:uppercase;padding:7px 9px;border:1px solid var(--line);color:var(--muted);background:var(--paper)}
.fn-al.lard{border-color:var(--accent-soft);color:var(--accent)}
.fn-ask{font-size:13.5px;color:var(--muted);font-style:italic;margin-top:6px}
.fn-card details{margin-top:6px}
.fn-card summary{cursor:pointer;font:500 12px/1 var(--body);letter-spacing:.2em;text-transform:uppercase;color:var(--accent);padding:6px 0;list-style:none}
.fn-card summary::-webkit-details-marker{display:none}
.fn-card summary::after{content:" +"}.fn-card details[open] summary::after{content:" −"}
.fn-card details p{margin-top:8px;font-size:14px;color:#3B342E;line-height:1.6}
.fn-legend{background:var(--sand);margin-top:clamp(80px,10vw,120px);padding:clamp(56px,8vw,96px) 0;text-align:center}
.fn-legend .fn-als{justify-content:center;margin:0 0 24px}
.fn-legend p:not(.k){max-width:62ch;margin:0 auto 12px;font:400 19px/1.55 var(--display);color:#3B342E}
@media (max-width:700px){
  .fn-mosaic{grid-template-columns:repeat(2,1fr)}
  .fn-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:36px 16px}
  .fn-card h3{font-size:22px;margin-top:14px}.fn-d{font-size:16.5px}
  .fn-al{font-size:9.5px;letter-spacing:.12em;padding:6px 7px}
  .fn-noimg{font-size:20px;padding:12px}
}
