:root { --mancia-header-height: 104px; --mancia-nav-font: 'Segoe UI', 'Mancia UI Fallback', Arial, sans-serif; }
html { scroll-padding-top: calc(var(--mancia-header-height) + 24px); scrollbar-gutter: stable; }
body.mancia-has-navigation { padding-top: var(--mancia-header-height); }
body.mancia-manage.mancia-has-navigation { padding-top: calc(var(--mancia-header-height) + 28px); }
.mancia-public .nova-hero { margin-top: 0; }
#mancia-header.mancia-site-header, #mancia-header.mancia-site-header *, #mobile-nav.mancia-site-menu, #mobile-nav.mancia-site-menu * { box-sizing: border-box; }
#mancia-header.mancia-site-header { position: fixed; inset: 0 0 auto; z-index: 11000; display: flex; align-items: center; justify-content: space-between; gap: 30px; height: var(--mancia-header-height); margin: 0; padding: 0 clamp(24px, 4.6vw, 88px); border: 0; border-bottom: 1px solid #272c2233; background: #f3efe3; color: #272c22; font: 400 16px/1.4 var(--mancia-nav-font); letter-spacing: 0; text-transform: none; transition: background-color .25s ease, box-shadow .25s ease, backdrop-filter .25s ease; }
#mancia-header.mancia-site-header.is-scrolled { background: rgb(243 239 227 / 62%); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); box-shadow: 0 5px 24px #17201312; }
#mancia-header.mancia-site-header a { color: inherit; text-decoration: none; border: 0; box-shadow: none; font: inherit; letter-spacing: inherit; }
#mancia-header.mancia-site-header .wordmark { display: block; flex-shrink: 0; margin: 0; padding: 0; line-height: 1; }
#mancia-header.mancia-site-header .mancia-original-logo { display: block; width: 80px; height: 80px; max-width: none; max-height: none; object-fit: contain; border: 0; padding: 0; margin: 0; border-radius: 0; }
#mancia-header.mancia-site-header .desktop-nav { position: static; display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; min-width: 0; max-height: 80px; overflow-y: auto; column-gap: 24px; row-gap: 0; height: auto; margin: 0 28px 0 auto; padding: 0; font: 700 13px/1.4 var(--mancia-nav-font); letter-spacing: 0; text-transform: none; }
#mancia-header.mancia-site-header .desktop-nav a { display: block; white-space: nowrap; margin: 0; font: inherit; letter-spacing: 0; line-height: 1.4; padding: 9px 0; border-bottom: 1px solid transparent; }
#mancia-header.mancia-site-header .desktop-nav a:hover { color: #272c22; border-color: #dc5835; }
#mancia-header.mancia-site-header .header-book, #mobile-nav.mancia-site-menu .drawer-book { display: inline-flex; flex-shrink: 0; align-items: center; justify-content: center; min-height: 55px; height: auto; margin: 0; padding: 15px 28px; border: 0; border-radius: 3px; box-shadow: none; font: 700 14px/1.4 var(--mancia-nav-font); letter-spacing: 0; text-transform: none; white-space: nowrap; text-decoration: none; background: #b43227 !important; border-color: #b43227 !important; color: #fff !important; transform: none; }
#mancia-header.mancia-site-header .header-book:hover, #mobile-nav.mancia-site-menu .drawer-book:hover { background: #982a21 !important; border-color: #982a21 !important; }
#mancia-header.mancia-site-header .menu-toggle { display: block; flex: 0 0 96px; width: 96px; min-width: 0; height: 80px; min-height: 0; margin: 0; padding: 0; border: 0; border-radius: 0; background: transparent !important; box-shadow: none !important; color: inherit !important; font: inherit; letter-spacing: 0; white-space: normal; line-height: 1; cursor: pointer; }
.menu-pizza-icon { display: block; position: relative; width: 96px; height: 80px; overflow: hidden; contain: layout paint; pointer-events: none; }
/* The clipping frame travels with the peel, so reset slices cannot trail it. */
.menu-mini-stage { position: absolute; inset: 0; overflow: hidden; }
.menu-mini-peel { position: absolute; inset: 0; }
.menu-mini-peel::before { content: ''; position: absolute; left: 0; top: 0; width: 70px; height: 80px; background: url('/assets/navigation-peel.webp') left center / 160px 80px no-repeat; }
.menu-mini-peel::after { content: ''; position: absolute; left: 65px; top: 35px; width: 31px; height: 10px; background: url('/assets/navigation-peel.webp') right center / 160px 80px no-repeat; }
.menu-mini-brand { position: absolute; left: 4px; top: 35px; width: 64px; color: #663b20; font: 700 10px/1 var(--mancia-nav-font); letter-spacing: -.045em; text-align: center; }
.menu-mini-pizza { position: absolute; left: 4px; top: 8px; width: 64px; height: 64px; background: var(--menu-pizza-image, url('/assets/navigation-pizza.webp')) center / contain no-repeat; }
.menu-mini-pizza.is-animated { background-image: none; }
.menu-mini-unit, .menu-mini-slice { position: absolute; inset: 0; }
.menu-mini-slice { background: var(--menu-pizza-image, url('/assets/navigation-pizza.webp')) center / contain no-repeat; }
#mobile-nav.mancia-site-menu { position: fixed; inset: 0 0 0 auto; width: min(360px, 100vw); max-width: 100%; height: 100dvh; max-height: 100%; margin: 0; overflow-y: auto; overscroll-behavior: contain; padding: 80px 32px 32px; border: 0; background: #303d2d; color: #f3efe3; box-shadow: -20px 0 60px #0003; font: 400 16px/1.4 var(--mancia-nav-font); letter-spacing: 0; text-transform: none; }
#mobile-nav.mancia-site-menu:not([open]) { display: none; }
#mobile-nav.mancia-site-menu::backdrop { background: #18201599; }
#mobile-nav.mancia-site-menu nav { display: grid; position: static; height: auto; margin: 0; padding: 0; }
#mobile-nav.mancia-site-menu nav > a:not(.drawer-book) { display: block; padding: 17px 0; border: 0; border-bottom: 1px solid #f3efe338; color: #f3efe3; font: 700 20px/1.4 var(--mancia-nav-font); letter-spacing: 0; text-transform: none; text-decoration: none; }
#mobile-nav.mancia-site-menu nav > a:not(.drawer-book):is([aria-current='page'], :hover) { color: #d5da88; }
#mancia-header.mancia-site-header .desktop-nav a[aria-current='page'], #mobile-nav.mancia-site-menu nav > a[aria-current='page']:not(.drawer-book) { text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 6px; }
#mobile-nav.mancia-site-menu .drawer-book { margin-top: 28px; }
#mobile-nav.mancia-site-menu .nav-close { position: absolute; top: 18px; right: 22px; width: 44px; min-width: 0; height: 44px; min-height: 0; padding: 0; border: 0; border-radius: 0; background: transparent !important; color: #f3efe3 !important; box-shadow: none !important; font: 400 34px/1 var(--mancia-nav-font); letter-spacing: 0; text-transform: none; text-align: center; cursor: pointer; }
#mobile-nav.mancia-site-menu :focus-visible, #mancia-header.mancia-site-header :focus-visible { outline: 2px solid #dc5835; outline-offset: 5px; }
body.navigation-open { overflow: hidden; }
body[data-mancia-home] .reading-progress { z-index: 11001; }
@media (min-width: 761px) and (max-width: 1100px) {
  #mancia-header.mancia-site-header { gap: 24px; }
  #mancia-header.mancia-site-header .desktop-nav { column-gap: 20px; margin-right: 10px; }
}
@media (max-width: 760px) {
  :root { --mancia-header-height: 88px; }
  #mancia-header.mancia-site-header { gap: 12px; padding: 0 25px; }
  #mancia-header.mancia-site-header .mancia-original-logo { width: 60px; height: 60px; }
  #mancia-header.mancia-site-header .desktop-nav { display: none; }
  #mancia-header.mancia-site-header .header-book { margin-left: auto; min-height: 44px; padding: 12px 15px; font-size: 11px; }
  #mancia-header.mancia-site-header .menu-toggle { flex-basis: 72px; width: 72px; height: 64px; margin-right: -10px; }
  .menu-pizza-icon { transform: translateY(2px) scale(.75); transform-origin: top left; }
}
@media (prefers-reduced-motion: reduce) { #mancia-header.mancia-site-header { transition: none; } }