/* Fornace: pizzeria. Il menu è il tabellone appeso al muro: viene prima di tutto. */
@font-face{font-family:"Insegna";src:url(/assets/fonts/fornace-cn.woff) format("woff");font-weight:700;font-display:swap}
@font-face{font-family:"Fornace";src:url(/assets/fonts/fornace-regular.woff) format("woff");font-weight:400;font-display:swap}
@font-face{font-family:"Fornace";src:url(/assets/fonts/fornace-bold.woff) format("woff");font-weight:700;font-display:swap}
:root{--carbone:#1c1a19;--carbone-2:#2a2725;--pomodoro:#c8321e;--pomodoro-chiaro:#ff6a50;--farina:#fbfbf8;--basilico:#2f6b3a;--cenere:#a39d97}
*{box-sizing:border-box}
body{margin:0;background:var(--farina);color:var(--carbone);font:400 1.0625rem/1.55 "Fornace",Helvetica,Arial,sans-serif}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--pomodoro-chiaro);outline-offset:2px}
.nota-demo{margin:0;padding:8px 16px;background:#000;color:var(--cenere);font-size:.875rem;text-align:center}
.nota-demo a{color:#fff}
.tabellone{background:var(--carbone);color:var(--farina);padding:clamp(28px,4vw,48px) clamp(16px,4vw,56px) clamp(36px,5vw,64px)}
.insegna{display:flex;justify-content:space-between;align-items:flex-end;gap:24px 40px;flex-wrap:wrap;padding-bottom:26px;border-bottom:3px solid var(--pomodoro)}
.insegna h1{margin:0;font:700 clamp(4.5rem,13vw,10rem)/.82 "Insegna","Arial Narrow",sans-serif;text-transform:uppercase;letter-spacing:.01em}
.tipo{margin:14px 0 0;color:var(--cenere);font-size:1.1rem}
.asporto{background:var(--pomodoro);padding:14px 20px 12px;min-width:min(100%,300px)}
.asporto p{margin:0}
.asporto>p:first-child{font-weight:700}
.telefono{font:700 clamp(2.3rem,5vw,3.2rem)/1 "Insegna","Arial Narrow",sans-serif}
.nota-numero{font-size:.8rem;color:#ffd8d0}
.menu-tabellone{margin-top:24px}
.live-categories{display:flex;flex-wrap:wrap;gap:8px}
.live-categories .filter{padding:8px 14px;border:2px solid #4a4542;background:none;color:var(--farina);font:700 1.15rem/1 "Insegna","Arial Narrow",sans-serif;text-transform:uppercase;letter-spacing:.03em;cursor:pointer}
.live-categories .filter.is-active{background:var(--farina);border-color:var(--farina);color:var(--carbone)}
.live-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(28px,5vw,80px);margin-top:18px}
.product{display:grid;grid-template-columns:1fr auto;align-items:baseline;gap:0 18px;padding:16px 0;border-bottom:1px dashed #4a4542}
.product-num,.product-tag:empty{display:none}
.product-name{font:700 clamp(1.6rem,2.6vw,2.1rem)/1 "Insegna","Arial Narrow",sans-serif;text-transform:uppercase;letter-spacing:.01em}
.product-copy p{margin:6px 0 0;color:var(--cenere);font-size:.95rem}
.product-price{font:700 clamp(1.7rem,2.8vw,2.3rem)/1 "Insegna","Arial Narrow",sans-serif;color:var(--pomodoro-chiaro)}
.empty-products{color:var(--cenere)}
.menu-piede{display:flex;justify-content:space-between;align-items:center;gap:12px 24px;flex-wrap:wrap;margin-top:22px}
.live-search{width:min(100%,22rem);padding:11px 14px;border:2px solid #4a4542;background:var(--carbone-2);color:var(--farina);font:inherit}
.live-search::placeholder{color:var(--cenere)}
.live-status{margin:0;color:var(--cenere);font-size:.85rem}
.forno{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,72px);align-items:center;padding:clamp(48px,7vw,96px) clamp(16px,4vw,56px)}
.tonde{display:flex;justify-content:center}
.tonde img{width:clamp(110px,14vw,190px);aspect-ratio:1;object-fit:cover;border-radius:50%;border:6px solid var(--farina);box-shadow:0 0 0 2px var(--pomodoro)}
.tonde img+img{margin-left:-22px}
.come h2,.orari-fornace h2{margin:0 0 18px;font:700 clamp(2.2rem,4.5vw,3.2rem)/1 "Insegna","Arial Narrow",sans-serif;text-transform:uppercase}
.come ol{margin:0;padding:0;list-style:none;counter-reset:passo}
.come li{counter-increment:passo;display:grid;grid-template-columns:2.6rem 1fr;gap:0 12px;padding:12px 0;border-top:2px solid var(--carbone)}
.come li::before{content:counter(passo);grid-row:span 2;font:700 2.4rem/1 "Insegna","Arial Narrow",sans-serif;color:var(--pomodoro)}
.come strong{font-size:1.15rem}
.orari-fornace{background:var(--pomodoro);color:#fff;padding:clamp(44px,6vw,80px) clamp(16px,4vw,56px)}
.orari-fornace dl{margin:0;max-width:34rem}
.orari-fornace dl div{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-top:2px solid #ffffff55}
.orari-fornace dd{margin:0;font:700 1.5rem/1.2 "Insegna","Arial Narrow",sans-serif}
.dove{margin:22px 0 0;font-size:1.1rem}
.prove{padding:28px clamp(16px,4vw,56px);display:flex;gap:12px 32px;flex-wrap:wrap}
.prove p{margin:0}.prove a{font-weight:700;color:var(--pomodoro)}
.piede{padding:22px clamp(16px,4vw,56px) 36px;border-top:1px solid #ddd;color:#6b6560;font-size:.95rem}
.piede p{margin:0 0 4px}
@media (max-width:760px){
.live-items{grid-template-columns:1fr}
.forno{grid-template-columns:1fr}
}