/* V3.2.1: correções de compatibilidade e ritmo, sem alterar a linguagem visual. */
html,body{color-scheme:light;color-scheme:only light;background-color:var(--ivory)}
html{scroll-padding-top:0}
.header{position:static!important;top:auto!important;transform:none!important;visibility:visible!important;pointer-events:auto!important;transition:none!important}
.nav-contact,.closing-actions .button{display:inline-flex;flex:0 0 auto;opacity:1;visibility:visible;white-space:nowrap}
.nav-contact .whatsapp-icon,.closing-actions .whatsapp-icon{display:block;width:21px;height:21px;min-width:21px;max-width:21px;flex:0 0 21px}
:root{--section-space:58px}
.process-film{padding-block:58px;gap:36px}
.products,.your-way{padding-block:64px}
.section-heading{margin-bottom:30px}
.home-copy{min-height:390px;padding-block:48px}
.recipe-social{margin-top:28px;padding-top:22px}
.consumption{gap:18px}
.consumption #occasion-title{padding-top:28px;padding-bottom:8px}
.business{padding-block:44px}
.contact{padding-block:64px}
.page-menu .menu-category{padding-block:48px}
.page-menu #sazonais{padding-top:28px}
.page-menu .menu-items{gap:40px}
.page-menu .menu-closing{padding-block:52px}
.page-prepare .prepare-layout{padding-block:54px}
@media(max-width:699px){
 .page-menu .product-title{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:8px}
 .page-menu .product-title h3{min-width:0}
 .page-menu #pepperoni-com-mel .product-title h3{font-size:clamp(23px,6.6vw,28px);letter-spacing:-.05em;white-space:nowrap}
}
@media(min-width:700px){
 :root{--section-space:76px}
 .process-film{padding-block:72px}
 .products,.your-way{padding-block:76px}
 .home-copy{min-height:480px;padding-block:58px}
 .contact{padding-block:76px}
 .page-menu .menu-category{padding-block:60px}
 .page-prepare .prepare-layout{padding-block:60px}
}
@media(min-width:900px){
 :root{--section-space:88px}
 .menu-item{scroll-margin-top:24px}
 .process-film{padding-block:80px;gap:56px}
 .products{padding-block:88px}
 .home-copy{min-height:520px;padding-block:60px}
 .your-way{padding:82px var(--gutter) 56px}
 .recipe-social{margin-top:30px;padding-top:26px}
 .consumption{padding-block:52px;row-gap:24px}
 .business{padding-block:44px}
 .contact{padding-block:84px}
 .page-menu .menu-category{padding-block:68px}
 .page-menu #sazonais{padding-top:32px}
 .page-menu .menu-closing{padding-block:68px}
 .page-prepare .prepare-layout{padding-block:24px 8px}
}

/* Segunda rodada: contenção específica de mídia, enquadramento e posters estáveis. */
.video-player{overflow:hidden}
.video-placeholder{position:absolute;inset:0;z-index:1;display:block;width:100%;height:100%;object-fit:cover;opacity:1;visibility:visible;transition:opacity .18s ease,visibility 0s linear .18s;pointer-events:none}
.video-player.is-playing .video-placeholder{opacity:0;visibility:hidden}
.video-player figcaption{z-index:2}
.menu-photo-frame{width:100%;aspect-ratio:1;overflow:hidden;background:#39718d}
.menu-photo-frame img{width:100%;height:100%;aspect-ratio:1;object-fit:cover;transform-origin:center}
.page-menu #pepperoni-com-mel .menu-photo-frame img{transform:scale(1.12)}
.page-menu #calabresa .menu-photo-frame img{transform:scale(1)}
.page-menu #abobrinha .menu-photo-frame img{transform:scale(1)}
@media(min-width:900px){
 .photo-story{grid-template-columns:1fr 1fr;align-items:start;width:min(calc(100% - 2 * var(--gutter)),960px);margin-inline:auto}
 .photo-story figure{height:auto;overflow:visible}
 .photo-story img,.photo-story .ingredients img{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:contain;object-position:center}
 .consumption{grid-template-columns:repeat(3,minmax(0,1fr));justify-content:center;column-gap:0;row-gap:24px;width:min(max(900px,78vw),calc(100% - 2 * var(--gutter)),1260px);margin-inline:auto}
 .consumption #occasion-title{grid-column:1/-1;width:100%}
 .consumption>div{width:100%}
 .consumption .video-player,.consumption .video-player video{width:100%;max-width:none;height:auto;aspect-ratio:9/16;object-fit:cover}
 .consumption>div:nth-of-type(1) video,.consumption>div:nth-of-type(1) .video-placeholder{object-position:center 50%}
 .consumption>div:nth-of-type(2) video,.consumption>div:nth-of-type(2) .video-placeholder{object-position:center 48%}
 .consumption>div:nth-of-type(3) video,.consumption>div:nth-of-type(3) .video-placeholder{object-position:center 50%}
 .page-menu .menu-item.with-photo>.menu-photo-frame{width:100%;aspect-ratio:1}
}
@media(prefers-reduced-motion:reduce){.video-placeholder{transition:none}}