# Monthly Specials

:::raw
<style>
/* Monthly Specials embed height. The default .cms-embed geometry is one viewport tall, which
   rendered this 8,943px page (18,875px on a phone) inside a scrolling box. The sanitizer keeps
   only src and title on a rebuilt iframe and strips every script, so CSS is the only lever the
   CMS has - same reason global.css carries .cms-form / .cms-map / .cms-tall / .cms-policy.
   Heights measured 2026-09-14 (14 cards). RE-MEASURE whenever the specials page changes:
   MEASURE=1 node ~/bw-slides-sept2026/src/fix-embed-height.mjs */
.cms-body .cms-embed { min-height: 0; height: 9590px; }
@media (max-width: 1279px) { .cms-body .cms-embed { height: 9830px; } }
@media (max-width: 1100px) { .cms-body .cms-embed { height: 12100px; } }
@media (max-width: 1024px) { .cms-body .cms-embed { height: 12190px; } }
@media (max-width: 900px) { .cms-body .cms-embed { height: 12260px; } }
@media (max-width: 832px) { .cms-body .cms-embed { height: 18530px; } }
@media (max-width: 768px) { .cms-body .cms-embed { height: 18560px; } }
@media (max-width: 680px) { .cms-body .cms-embed { height: 18700px; } }
@media (max-width: 600px) { .cms-body .cms-embed { height: 18690px; } }
@media (max-width: 540px) { .cms-body .cms-embed { height: 18700px; } }
@media (max-width: 480px) { .cms-body .cms-embed { height: 19030px; } }
@media (max-width: 414px) { .cms-body .cms-embed { height: 19750px; } }
@media (max-width: 390px) { .cms-body .cms-embed { height: 20530px; } }
@media (max-width: 360px) { .cms-body .cms-embed { height: 21260px; } }
@media (max-width: 320px) { .cms-body .cms-embed { height: 23160px; } }
</style>
<iframe src="https://savvydealer-adam.github.io/bob-weaver-specials/" title="Monthly Specials"></iframe>
:::