/* Inherits The Bar Below layout, typography, header, footer and mobile breakpoint. */
.christmas-page .menus .item .title { margin: 0; font: inherit; padding: 16px 24px; box-sizing: border-box; }
.christmas-page .menus .item .photo img { width: 100%; height: auto; aspect-ratio: 5 / 3; object-fit: cover; }
.christmas-page .menus .item .links { display: flex; flex-wrap: wrap; justify-content: center; gap: 18px; padding: 0 24px 48px; }
.christmas-page .christmas-button { display: inline-flex; align-items: center; justify-content: center; min-width: 140px; min-height: 46px; box-sizing: border-box; border: 1px solid #806957; padding: 12px 22px; text-decoration: none; transition: background-color .2s, color .2s; }
.christmas-page .christmas-button.is-filled, .christmas-page .christmas-button:hover { background: #462a1b; color: #fff; }
.christmas-page a:focus-visible { outline: 2px solid #806957; outline-offset: 5px; }
.christmas-page .christmas-intro-links { display: flex; flex-wrap: wrap; justify-content: center; gap: 24px; }
.christmas-page .christmas-preview { text-align: center; padding: 12px 20px; font: 14px/1.5 sans-serif; text-transform: none; background: #f2eee8; }
.christmas-page > .gradient-background { background: #f8f6f1; padding-bottom: 65px; }
@media (max-width: 950px) {
    .christmas-page .big-photo-with-text h1 { margin-bottom: var(--line-height-normal); }
    .christmas-page .menus > h2 { height: 100px; }
    .christmas-page .menus .item .links { gap: 12px; padding: 0 20px 30px; }
    .christmas-page .christmas-button { min-width: 120px; min-height: 44px; padding: 10px 14px; }
    .christmas-page > .gradient-background { padding-bottom: 30px; }
}

/* Footer spacing for the Christmas page only. */
main.home-item.christmas-page { margin-bottom: 0; padding-bottom: 100px; }
.christmas-page + footer .michelin {
    text-align: center;
    background-color: #f8f6f1;
    margin-bottom: 0;
    padding-bottom: 48px;
    padding-top: 70px;
}

/* This stylesheet is loaded only on the Christmas page. */
a.lined { line-height: 16.5px; }

/* Keep the scrolling navigation below the sticky header. */
#shop-app > header { z-index: 1200; }