.mm-monthly-pizza { display:grid; grid-template-columns:minmax(140px, 280px) 1fr; gap:clamp(20px, 5vw, 64px); align-items:center; margin:24px auto 48px; padding:clamp(22px, 4vw, 48px); max-width:1100px; border:1px solid #e8d7b7; border-radius:22px; background:#fff9ee; color:#28201b; box-shadow:0 16px 40px #21150812; }
.mm-monthly-pizza__image img { width:100%; height:auto; display:block; border-radius:16px; }
.mm-monthly-pizza__eyebrow { margin:0 0 8px; color:#a52923; font-size:.8rem; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.mm-monthly-pizza h2 { margin:0 0 8px; font-size:clamp(1.6rem, 3vw, 2.5rem); color:inherit; }
.mm-monthly-pizza h3 { margin:0 0 12px; font-size:1.25rem; color:inherit; }
.mm-monthly-pizza__button, .mm-announcement__button { display:inline-block; padding:12px 20px; border:0; border-radius:9px; background:#a52923; color:#fff !important; font:inherit; font-weight:700; text-decoration:none !important; cursor:pointer; }
.mm-announcement[hidden] { display:none !important; }
.mm-announcement { position:fixed; inset:0; z-index:99999; display:grid; place-items:center; padding:20px; background:#15100bd1; }
.mm-announcement__card { position:relative; width:min(100%, 520px); max-height:90vh; overflow:auto; padding:clamp(26px, 5vw, 44px); border-radius:20px; background:#fff9ee; color:#28201b; box-shadow:0 24px 80px #0005; }
.mm-announcement__card h2 { margin:0 38px 16px 0; color:inherit; font-size:clamp(1.5rem, 4vw, 2.2rem); }
.mm-announcement__message { white-space:normal; line-height:1.55; }
.mm-announcement__close { position:absolute; top:14px; right:16px; width:38px; height:38px; border:0; background:transparent; color:#28201b; font-size:2rem; cursor:pointer; }
.mm-announcement__button { margin-top:16px; }
@media (max-width:600px) { .mm-monthly-pizza { grid-template-columns:1fr; } .mm-monthly-pizza__image { max-width:230px; } }