.popup{outline:none;padding:0;border:0;background:transparent;color:white;width:min(940px,calc(100% - 48px));max-width:none;max-height:calc(100dvh - 32px);overflow:auto}.popup::backdrop{background:#000a}.carosello{position:relative}.chiudi-popup{position:absolute;z-index:2;right:14px;top:14px;width:35px;height:35px;border:0;border-radius:6px;background:#ca2b54;color:#fff;font:300 32px/1 sans-serif}.promozione{display:grid;grid-template-columns:402fr 496fr;gap:52px;border-radius:15px;padding:14px;background:var(--rosa);min-height:464px;overflow:hidden}.promozione[hidden]{display:none}.foto-promozione{width:100%;height:436px;object-fit:cover;border-radius:12px}.testo-promozione{display:flex;flex-direction:column;align-items:flex-start;position:relative;padding:30px 24px 24px 0}.testo-promozione h2{font:700 48px/.99 var(--titoli);margin-bottom:20px}.descrizione-promozione{font-size:18px}.invito-promozione{font-size:26px;font-weight:500;margin-top:auto;padding-top:25px;margin-bottom:32px}.promozione .pulsante{background:#fff;color:#111;font-size:16px;padding:6px 22px}.promozione-panuozzo{background:#000}.logo-panuozzo{width:153px;height:58px;object-fit:contain;margin-bottom:18px}.promozione-panuozzo .testo-promozione{padding-top:0}.promozione-pubblicita{background:var(--carta);color:#000}.promozione-pubblicita .pulsante{background:#000;color:#fff}.promozione-poppella{background:#fbead0;color:#292019}.promozione-poppella .pulsante{background:#744d38;color:#fff}.promozione-asporto{background: url('foto/4cd839117228152427564dee8b58d236.webp') right top/240px auto no-repeat,var(--rosa)}.indicatori{display:flex;justify-content:center;gap:5px;padding:16px 0 0}.indicatori button{width:11px;height:11px;border:0;border-radius:50%;padding:0;background:#fff6}.indicatori button[aria-current=true]{background:white}.indicatori button[hidden]{display:none}
/* Tavola mobile proporzionale al mockup 358×712; si riduce interamente sui viewport bassi. */
@media(max-width:767px){
.popup{width:min(calc(100% - 32px),calc((100dvh - 52px) * 358 / 712),430px);max-height:calc(100dvh - 32px);overflow:hidden;container-type:inline-size}
.promozione{display:block;position:relative;padding:0;min-height:0;height:198.883cqw;border-radius:4.19cqw}
.testo-promozione{display:contents}
.testo-promozione h2,.descrizione-promozione,.invito-promozione,.foto-promozione,.logo-panuozzo,.promozione .pulsante{position:absolute;left:3.63cqw;margin:0}
.testo-promozione h2{top:14.53cqw;width:92.74cqw;font-size:10.615cqw;line-height:1.08}
.descrizione-promozione{top:44.69cqw;width:92.74cqw;font-size:4.47cqw;line-height:1.2}
.descrizione-promozione:empty,.invito-promozione:empty{display:none}
.foto-promozione{top:61.45cqw;width:92.74cqw;height:86.59cqw;object-fit:cover;border-radius:2.8cqw}
.invito-promozione{top:155.87cqw;width:92.74cqw;font-size:5.59cqw;font-weight:500;line-height:1.2;padding:0}
.promozione .pulsante{top:183.52cqw;font-size:4.47cqw;line-height:1.2;padding:1.68cqw 5.59cqw}
.logo-panuozzo{top:6.98cqw;width:34.36cqw;height:11.73cqw;object-fit:contain}
.promozione-panuozzo h2{top:24.58cqw}
.promozione-panuozzo .descrizione-promozione{top:54.47cqw}
.promozione-panuozzo .foto-promozione{top:66.48cqw;height:81.56cqw}
.promozione-pubblicita .descrizione-promozione{top:73.74cqw}
.promozione-pubblicita .pulsante{top:91.34cqw}
.promozione-pubblicita .foto-promozione{top:109.22cqw}
.promozione-asporto{background-size:44.69cqw}
.promozione-metro h2{font-size:9.4cqw}
.chiudi-popup{right:3.35cqw;top:3.35cqw;width:9.78cqw;height:9.78cqw;font-size:8.94cqw;border-radius:1.68cqw}
.indicatori{padding-top:10px}.indicatori button{width:10px;height:10px}
}