main:has(#occasion-page),
main.occasion-page {
  border-top-width: 4.5rem;
  max-width: none;
}
@media (min-width: 48em) {
  main:has(#occasion-page),
  main.occasion-page {
    border-top-width: 5.5rem;
    max-width: none;
  }
}

#occasion-page, .occasion-page {
  --occasion-content-width: 87.5rem;
  --occasion-gutter: 1.25rem;
  --occasion-surface: #faedd2;
  --occasion-rule: #d6cbb7;
  --occasion-yellow: #EFB852;
  --occasion-heading-size: 1.5rem;
  color: var(--color-text);
  font-family: var(--font-body), sans-serif;
  font-size: 1.125rem;
  line-height: 1.35;
  letter-spacing: 0;
}
@media (min-width: 48em) {
  #occasion-page, .occasion-page {
    --occasion-gutter: 2rem;
    --occasion-heading-size: 1.75rem;
  }
}
@media (min-width: 64em) {
  #occasion-page, .occasion-page {
    --occasion-heading-size: 2rem;
    font-size: 1.25rem;
  }
}
#occasion-page .occasion-section, .occasion-page .occasion-section {
  min-width: 0;
  margin: 0;
}
#occasion-page .content_wrapper, .occasion-page .content_wrapper {
  width: calc(100% - var(--occasion-gutter) * 2);
  max-width: var(--occasion-content-width);
  margin: 0 auto;
}
@media (min-width: 64em) {
  #occasion-page .content_wrapper, .occasion-page .content_wrapper {
    width: 74%;
  }
}
#occasion-page .heading, .occasion-page .heading {
  letter-spacing: 0;
  line-height: 1.15;
  overflow-wrap: break-word;
}
#occasion-page .section-title, .occasion-page .section-title {
  margin: 0 0 1.25rem;
  font-size: var(--occasion-heading-size);
  text-align: center;
}
#occasion-page .copy, .occasion-page .copy {
  margin: 0 0 1rem;
}
#occasion-page .copy:last-child, .occasion-page .copy:last-child {
  margin-bottom: 0;
}
#occasion-page .button-cta, .occasion-page .button-cta {
  min-width: 0;
  max-width: 100%;
  padding: 0.875rem 1.25rem;
  font-size: 0.875rem;
  line-height: 1.2;
  overflow-wrap: break-word;
}
#occasion-page :is(.link, .featured-slider-control, .featured-slider-page, .faq-question, .recipe-list-item > a, .faq-question > button):focus-visible, .occasion-page :is(.link, .featured-slider-control, .featured-slider-page, .faq-question, .recipe-list-item > a, .faq-question > button):focus-visible {
  outline: 0.1875rem solid var(--color-button) !important;
  outline-offset: 0.1875rem;
}

#occasion-page .occasion-hero, .occasion-page .occasion-hero {
  height: auto;
  max-height: none;
  min-height: 0;
  margin: 0;
  border-bottom: 0.3125rem solid var(--occasion-yellow);
}
#occasion-page .occasion-hero > section,
#occasion-page .occasion-hero picture, .occasion-page .occasion-hero > section,
.occasion-page .occasion-hero picture {
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}
#occasion-page .occasion-hero picture, .occasion-page .occasion-hero picture {
  aspect-ratio: 1;
  overflow: hidden;
}
@media (min-width: 48em) {
  #occasion-page .occasion-hero picture, .occasion-page .occasion-hero picture {
    aspect-ratio: 10/3;
  }
}
#occasion-page .occasion-hero img, .occasion-page .occasion-hero img {
  position: static;
  display: block;
  width: 100%;
  min-width: 0;
  height: 100%;
  max-height: none;
  object-fit: cover;
  object-position: center;
  transform: none;
}
@media (min-width: 64em) {
  #occasion-page .content_wrapper, .occasion-page .content_wrapper {
    width: 100%;
  }
}

#occasion-page .occasion-title, .occasion-page .occasion-title {
  position: static;
  padding: 1rem 0 2.125rem;
  background: var(--color-main);
  color: #fff;
  text-align: center;
}
@media (min-width: 48em) {
  #occasion-page .occasion-title, .occasion-page .occasion-title {
    padding: 2rem 0 2.125rem;
  }
}
#occasion-page .occasion-title .page-title, .occasion-page .occasion-title .page-title {
  margin: 0 0 0.875rem;
  font-size: 2rem;
  line-height: 1.28125;
}
@media (min-width: 48em) {
  #occasion-page .occasion-title .page-title, .occasion-page .occasion-title .page-title {
    font-size: 2.75rem;
    margin-bottom: 1.125rem;
  }
}
@media (min-width: 64em) {
  #occasion-page .occasion-title .page-title, .occasion-page .occasion-title .page-title {
    font-size: 3.4375rem;
  }
}
#occasion-page .occasion-title .copy, .occasion-page .occasion-title .copy {
  max-width: 24rem;
  margin: 0 auto;
  font-size: 1.75rem;
  line-height: 1.25;
}
@media (min-width: 48em) {
  #occasion-page .occasion-title .copy, .occasion-page .occasion-title .copy {
    max-width: none;
    font-size: 2rem;
    line-height: 1.28125;
  }
}
@media (min-width: 64em) {
  #occasion-page .occasion-title .copy, .occasion-page .occasion-title .copy {
    font-size: 1.5rem;
  }
}

#occasion-page .occasion-hosting, .occasion-page .occasion-hosting {
  padding: 1rem 1.0625rem 0.875rem;
  background: var(--occasion-surface);
}
@media (min-width: 48em) {
  #occasion-page .occasion-hosting, .occasion-page .occasion-hosting {
    padding: 2rem 2rem;
  }
}
#occasion-page .occasion-hosting .content_wrapper, .occasion-page .occasion-hosting .content_wrapper {
  margin: 0 auto;
  max-width: 80.75rem;
  width: auto;
}
#occasion-page .occasion-hosting .hosting-tips, .occasion-page .occasion-hosting .hosting-tips {
  padding: 1.875rem 1.875rem 2.25rem;
  background: #fff;
  line-height: 1.2777777778;
}
@media (min-width: 48em) {
  #occasion-page .occasion-hosting .hosting-tips, .occasion-page .occasion-hosting .hosting-tips {
    padding: 1.5rem 3.125rem 2rem;
  }
}
#occasion-page .occasion-hosting .hosting-tips .section-title, .occasion-page .occasion-hosting .hosting-tips .section-title {
  font-size: 1.625rem;
  line-height: 1.2692307692;
  padding-right: 1.0625rem;
  text-wrap: pretty;
  text-align: left;
  margin-bottom: 0.875rem;
}
@media (min-width: 64em) {
  #occasion-page .occasion-hosting .hosting-tips .section-title, .occasion-page .occasion-hosting .hosting-tips .section-title {
    font-size: 1.5rem;
    line-height: 1.25;
    margin-bottom: 1.375rem;
  }
}
#occasion-page .occasion-hosting .hosting-tips .hosting-intro, .occasion-page .occasion-hosting .hosting-tips .hosting-intro {
  font-size: 1.5rem;
  line-height: 1.2916666667;
  margin-bottom: 1.5rem;
}
#occasion-page .occasion-hosting .hosting-tips .hosting-list, .occasion-page .occasion-hosting .hosting-tips .hosting-list {
  --occasion-bullet-inset: 0.25rem;
  --occasion-bullet-gap: 0.5625rem;
  margin: 0;
  padding-left: 0;
  list-style: none;
}
#occasion-page .occasion-hosting .hosting-tips .hosting-tip::before, .occasion-page .occasion-hosting .hosting-tips .hosting-tip::before {
  content: "";
  display: inline-block;
  width: 0.3125rem;
  height: 0.3125rem;
  margin-inline: var(--occasion-bullet-inset) var(--occasion-bullet-gap);
  border-radius: 50%;
  position: relative;
  top: -0.125rem;
  background: currentColor;
  vertical-align: middle;
}
#occasion-page .occasion-hosting .hosting-tips .hosting-tip + .hosting-tip, .occasion-page .occasion-hosting .hosting-tips .hosting-tip + .hosting-tip {
  margin-top: 0.75rem;
}
@media (min-width: 64em) {
  #occasion-page .occasion-hosting .hosting-tips .hosting-tip, .occasion-page .occasion-hosting .hosting-tips .hosting-tip {
    font-size: 1.25rem;
  }
}
#occasion-page .occasion-hosting .hosting-description, .occasion-page .occasion-hosting .hosting-description {
  margin-top: 0.5625rem;
  padding: 0 0 0.3125rem 0;
}
@media (min-width: 64em) {
  #occasion-page .occasion-hosting .hosting-description, .occasion-page .occasion-hosting .hosting-description {
    margin-top: 1.1875rem;
    padding: 0;
  }
}
#occasion-page .occasion-hosting .hosting-description .copy, .occasion-page .occasion-hosting .hosting-description .copy {
  font-size: 1.3125rem;
  line-height: 1.2857142857;
  text-wrap: pretty;
}
@media (min-width: 64em) {
  #occasion-page .occasion-hosting .hosting-description .copy, .occasion-page .occasion-hosting .hosting-description .copy {
    font-size: 1.75rem;
    line-height: 1.25;
    text-wrap: pretty;
  }
}

#occasion-page .occasion-featured,
#occasion-page #occasion-featured, .occasion-page .occasion-featured,
.occasion-page #occasion-featured {
  margin: 0;
  padding: 1.5rem 0 0;
  border-bottom: 0.625rem solid var(--color-secondary);
  background: linear-gradient(#fff 30%, var(--occasion-surface));
}
@media (min-width: 64em) {
  #occasion-page .occasion-featured,
  #occasion-page #occasion-featured, .occasion-page .occasion-featured,
  .occasion-page #occasion-featured {
    padding-top: 2.3125rem;
  }
}
#occasion-page .occasion-featured .content_wrapper,
#occasion-page #occasion-featured .content_wrapper, .occasion-page .occasion-featured .content_wrapper,
.occasion-page #occasion-featured .content_wrapper {
  padding: 0 1.125rem;
  width: auto;
}
#occasion-page .occasion-featured .section-title,
#occasion-page #occasion-featured .section-title, .occasion-page .occasion-featured .section-title,
.occasion-page #occasion-featured .section-title {
  font-size: 2rem;
  line-height: 1.28125;
  margin-bottom: 0.875rem;
}
@media (min-width: 64em) {
  #occasion-page .occasion-featured .section-title,
  #occasion-page #occasion-featured .section-title, .occasion-page .occasion-featured .section-title,
  .occasion-page #occasion-featured .section-title {
    margin-bottom: 1.1875rem;
  }
}
#occasion-page .occasion-featured .featured-item-slider,
#occasion-page #occasion-featured .featured-item-slider, .occasion-page .occasion-featured .featured-item-slider,
.occasion-page #occasion-featured .featured-item-slider {
  margin: 0;
  padding: 0;
  overflow: visible;
  mask: none;
}
#occasion-page .occasion-featured .featured-item-slider .featured-item,
#occasion-page #occasion-featured .featured-item-slider .featured-item, .occasion-page .occasion-featured .featured-item-slider .featured-item,
.occasion-page #occasion-featured .featured-item-slider .featured-item {
  height: auto;
}
#occasion-page .occasion-featured .featured-item-slider .featured-item > .link,
#occasion-page #occasion-featured .featured-item-slider .featured-item > .link, .occasion-page .occasion-featured .featured-item-slider .featured-item > .link,
.occasion-page #occasion-featured .featured-item-slider .featured-item > .link {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 100%;
  color: var(--color-text);
  text-decoration: none;
}
#occasion-page .occasion-featured .featured-items .tns-outer,
#occasion-page #occasion-featured .featured-items .tns-outer, .occasion-page .occasion-featured .featured-items .tns-outer,
.occasion-page #occasion-featured .featured-items .tns-outer {
  position: relative;
  width: 100%;
  max-width: none;
  margin: 0;
}
#occasion-page .occasion-featured .featured-items .tns-ovh,
#occasion-page #occasion-featured .featured-items .tns-ovh, .occasion-page .occasion-featured .featured-items .tns-ovh,
.occasion-page #occasion-featured .featured-items .tns-ovh {
  overflow: hidden;
  margin: -0.5625rem;
  padding: 0.5625rem;
}
#occasion-page .occasion-featured .featured-items .tns-controls,
#occasion-page #occasion-featured .featured-items .tns-controls, .occasion-page .occasion-featured .featured-items .tns-controls,
.occasion-page #occasion-featured .featured-items .tns-controls {
  display: flex;
  justify-content: flex-end;
  gap: 0.25rem;
  margin: 0 0 0.875rem;
}
#occasion-page .occasion-featured .featured-items .tns-controls .featured-slider-control,
#occasion-page #occasion-featured .featured-items .tns-controls .featured-slider-control, .occasion-page .occasion-featured .featured-items .tns-controls .featured-slider-control,
.occasion-page #occasion-featured .featured-items .tns-controls .featured-slider-control {
  position: relative;
  inset: auto;
  width: 1.875rem;
  height: 2.375rem;
  margin: 0;
  background: transparent;
}
#occasion-page .occasion-featured .featured-item-flexgroup,
#occasion-page #occasion-featured .featured-item-flexgroup, .occasion-page .occasion-featured .featured-item-flexgroup,
.occasion-page #occasion-featured .featured-item-flexgroup {
  align-items: stretch;
}
#occasion-page .occasion-featured .featured-item-image,
#occasion-page #occasion-featured .featured-item-image, .occasion-page .occasion-featured .featured-item-image,
.occasion-page #occasion-featured .featured-item-image {
  position: relative;
  width: 100%;
  aspect-ratio: 3/2;
  overflow: hidden;
}
#occasion-page .occasion-featured .featured-item-image::before,
#occasion-page #occasion-featured .featured-item-image::before, .occasion-page .occasion-featured .featured-item-image::before,
.occasion-page #occasion-featured .featured-item-image::before {
  content: none;
}
#occasion-page .occasion-featured .featured-item-image .recipe-image,
#occasion-page #occasion-featured .featured-item-image .recipe-image, .occasion-page .occasion-featured .featured-item-image .recipe-image,
.occasion-page #occasion-featured .featured-item-image .recipe-image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: none;
}
#occasion-page .occasion-featured .featured-item-description,
#occasion-page #occasion-featured .featured-item-description, .occasion-page .occasion-featured .featured-item-description,
.occasion-page #occasion-featured .featured-item-description {
  padding: 0.9375rem 0.9375rem 1.125rem;
  background: #fff;
  font-size: 1rem;
  line-height: 1.3125;
  text-align: left;
  display: block;
  gap: none;
}
#occasion-page .occasion-featured .featured-item .recipe-title,
#occasion-page #occasion-featured .featured-item .recipe-title, .occasion-page .occasion-featured .featured-item .recipe-title,
.occasion-page #occasion-featured .featured-item .recipe-title {
  margin: 0 0 0.375rem;
  font-family: var(--font-body), sans-serif;
  font-size: 1.5rem;
  line-height: 1.2916666667;
  font-weight: 400;
  text-transform: none;
  text-wrap: pretty;
}
#occasion-page .occasion-featured .recipe-meta,
#occasion-page #occasion-featured .recipe-meta, .occasion-page .occasion-featured .recipe-meta,
.occasion-page #occasion-featured .recipe-meta {
  margin-bottom: 0.625rem;
  font-size: 1.125rem;
  line-height: 1.2777777778;
  text-transform: uppercase;
  color: #575757;
}
#occasion-page .occasion-featured .recipe-meta :is(.recipe-time, .recipe-yield),
#occasion-page #occasion-featured .recipe-meta :is(.recipe-time, .recipe-yield), .occasion-page .occasion-featured .recipe-meta :is(.recipe-time, .recipe-yield),
.occasion-page #occasion-featured .recipe-meta :is(.recipe-time, .recipe-yield) {
  white-space: nowrap;
}
#occasion-page .occasion-featured .tns-nav,
#occasion-page #occasion-featured .tns-nav, .occasion-page .occasion-featured .tns-nav,
.occasion-page #occasion-featured .tns-nav {
  position: static;
  margin: 1.25rem 0 0.4375rem;
  padding: 0;
  text-align: center;
}
#occasion-page .occasion-featured .tns-nav .featured-slider-page,
#occasion-page #occasion-featured .tns-nav .featured-slider-page, .occasion-page .occasion-featured .tns-nav .featured-slider-page,
.occasion-page #occasion-featured .tns-nav .featured-slider-page {
  width: 1.3125rem;
  height: 1.3125rem;
  margin: 0 0.15625rem;
  border-width: 3px;
  border-radius: 50%;
}
#occasion-page .occasion-featured .tns-nav .featured-slider-page::before,
#occasion-page #occasion-featured .tns-nav .featured-slider-page::before, .occasion-page .occasion-featured .tns-nav .featured-slider-page::before,
.occasion-page #occasion-featured .tns-nav .featured-slider-page::before {
  width: 1.3125rem;
  height: 1.3125rem;
}

#occasion-page .recipeslist, .occasion-page .recipeslist {
  --occasion-card-gap: 0.5625rem;
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
}
#occasion-page .recipeslist section, .occasion-page .recipeslist section {
  margin: 0;
  padding: 0;
}
#occasion-page .recipeslist .content_wrapper, .occasion-page .recipeslist .content_wrapper {
  padding: 0 1.125rem;
  width: auto;
}
#occasion-page .recipeslist .recipe-search, .occasion-page .recipeslist .recipe-search {
  display: none;
}
#occasion-page .recipeslist .recipe-list-container:has(.recipe-list-item) .recipe-search-no-results, .occasion-page .recipeslist .recipe-list-container:has(.recipe-list-item) .recipe-search-no-results {
  display: none;
}
#occasion-page .recipeslist .recipe-list, .occasion-page .recipeslist .recipe-list {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--occasion-card-gap);
  padding: 0.375rem;
  margin: -0.375rem;
}
@media (min-width: 48em) {
  #occasion-page .recipeslist .recipe-list, .occasion-page .recipeslist .recipe-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 64em) {
  #occasion-page .recipeslist .recipe-list, .occasion-page .recipeslist .recipe-list {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
#occasion-page .recipeslist .recipe-list-item, .occasion-page .recipeslist .recipe-list-item {
  max-width: none;
  margin: 0;
  padding: 0;
  background: transparent;
  box-shadow: none;
}
#occasion-page .recipeslist .recipe-list-item > a, .occasion-page .recipeslist .recipe-list-item > a {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 100%;
  color: var(--color-text);
  text-decoration: none;
}
#occasion-page .recipeslist .recipe-list-item > a::after, .occasion-page .recipeslist .recipe-list-item > a::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  border: 0.375rem solid var(--color-button);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.15s;
}
@media (hover: hover) {
  #occasion-page .recipeslist .recipe-list-item > a:hover::after, .occasion-page .recipeslist .recipe-list-item > a:hover::after {
    opacity: 1;
  }
}
#occasion-page .recipeslist .recipe-list-image, .occasion-page .recipeslist .recipe-list-image {
  position: relative;
  width: 100%;
  aspect-ratio: 3/2;
  overflow: hidden;
}
#occasion-page .recipeslist .recipe-list-image::before, .occasion-page .recipeslist .recipe-list-image::before {
  content: none;
}
#occasion-page .recipeslist .recipe-list-image img, .occasion-page .recipeslist .recipe-list-image img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: none;
}
#occasion-page .recipeslist .recipe-list-description, .occasion-page .recipeslist .recipe-list-description {
  flex: 1;
  padding: 0.9375rem 0.9375rem 1.125rem;
  background: #fff;
  color: var(--color-text);
  font-size: 1rem;
  line-height: 1.3125;
  text-align: left;
}
#occasion-page .recipeslist .recipe-list-description p, .occasion-page .recipeslist .recipe-list-description p {
  display: -webkit-box;
  margin: 0;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  line-clamp: 4;
}
#occasion-page .recipeslist .recipe-list-description .button-cta, .occasion-page .recipeslist .recipe-list-description .button-cta {
  display: none;
}
#occasion-page .recipeslist .recipe-title, .occasion-page .recipeslist .recipe-title {
  margin: 0 0 0.375rem;
  font-family: var(--font-body), sans-serif;
  font-size: 1.5rem;
  line-height: 1.2916666667;
  font-weight: 400;
  letter-spacing: 0;
  text-transform: none;
  text-wrap: pretty;
}

#occasion-page .featured-cta, .occasion-page .featured-cta {
  position: relative;
  z-index: 1;
  margin: 0;
  text-align: center;
  transform: translateY(50%);
}
#occasion-page .featured-cta .button-cta, .occasion-page .featured-cta .button-cta {
  padding: 1.125rem;
  font-size: 1.25rem;
  line-height: 1.3;
}
#occasion-page #occasion-featured .featured-cta, .occasion-page #occasion-featured .featured-cta {
  padding: 0 1.125rem;
}

#occasion-page .occasion-pairings, .occasion-page .occasion-pairings {
  padding: 3.3125rem 0 2.0625rem;
}
@media (min-width: 64em) {
  #occasion-page .occasion-pairings, .occasion-page .occasion-pairings {
    padding-top: 4.625rem;
    padding-bottom: 2.25rem;
  }
}
#occasion-page .occasion-pairings .content_wrapper, .occasion-page .occasion-pairings .content_wrapper {
  padding: 0 1.125rem;
  width: auto;
}
#occasion-page .occasion-pairings .section-title, .occasion-page .occasion-pairings .section-title {
  font-size: 2rem;
  line-height: 1.28125;
  margin-bottom: 1.8125rem;
}
@media (min-width: 64em) {
  #occasion-page .occasion-pairings .section-title, .occasion-page .occasion-pairings .section-title {
    margin-bottom: 1.4375rem;
  }
}
#occasion-page .occasion-pairings .pairings-table, .occasion-page .occasion-pairings .pairings-table {
  table-layout: fixed;
  background: var(--occasion-surface);
  font-size: 1.5rem;
  line-height: 1.2916666667;
}
#occasion-page .occasion-pairings .pairings-table .pairings-heading,
#occasion-page .occasion-pairings .pairings-table .pairings-cell, .occasion-page .occasion-pairings .pairings-table .pairings-heading,
.occasion-page .occasion-pairings .pairings-table .pairings-cell {
  padding: 1.25rem;
  text-align: left;
  vertical-align: middle;
  overflow-wrap: break-word;
}
#occasion-page .occasion-pairings .pairings-table .pairings-heading, .occasion-page .occasion-pairings .pairings-table .pairings-heading {
  font-weight: 500;
}
#occasion-page .occasion-pairings .pairings-table .pairings-head, .occasion-page .occasion-pairings .pairings-table .pairings-head {
  background: var(--color-main);
  color: #fff;
  text-transform: uppercase;
}
#occasion-page .occasion-pairings .pairings-table .pairings-head .pairings-heading, .occasion-page .occasion-pairings .pairings-table .pairings-head .pairings-heading {
  font-size: 1.75rem;
  line-height: 1.25;
}
#occasion-page .occasion-pairings .pairings-table .pairings-cell[data-label=Brand], .occasion-page .occasion-pairings .pairings-table .pairings-cell[data-label=Brand] {
  font-size: 1.75rem;
  line-height: 1.25;
  margin-bottom: 0.1875rem;
}
#occasion-page .occasion-pairings .pairings-table .pairings-cell[data-label=Dish], .occasion-page .occasion-pairings .pairings-table .pairings-cell[data-label=Dish] {
  font-size: 1.75rem;
  line-height: 1.25;
}
#occasion-page .occasion-pairings .pairings-table .pairings-cell[data-label=Ingredients], .occasion-page .occasion-pairings .pairings-table .pairings-cell[data-label=Ingredients] {
  font-size: 1.3125rem;
  line-height: 1.2857142857;
  font-weight: 400;
  padding-top: 0.5625rem;
  margin-bottom: 0.875rem;
}
#occasion-page .occasion-pairings .pairings-table .pairings-cell[data-label=Quantity], .occasion-page .occasion-pairings .pairings-table .pairings-cell[data-label=Quantity] {
  font-size: 1.3125rem;
  line-height: 1.2857142857;
  font-weight: 400;
  margin-bottom: 1.1875rem;
}
#occasion-page .occasion-pairings .pairings-table .button-cta, .occasion-page .occasion-pairings .pairings-table .button-cta {
  padding: 0.8125rem 1.125rem;
  font-size: 1.25rem;
  line-height: 1.3;
}
@media (min-width: 64em) {
  #occasion-page .occasion-pairings .pairings-table .pairings-heading,
  #occasion-page .occasion-pairings .pairings-table .pairings-cell, .occasion-page .occasion-pairings .pairings-table .pairings-heading,
  .occasion-page .occasion-pairings .pairings-table .pairings-cell {
    padding: 1.625rem 0 1.625rem 2.4375rem;
  }
  #occasion-page .occasion-pairings .pairings-table .pairings-head .pairings-heading, .occasion-page .occasion-pairings .pairings-table .pairings-head .pairings-heading {
    white-space: nowrap;
  }
  #occasion-page .occasion-pairings .pairings-table .pairings-head .pairings-heading:nth-child(1), .occasion-page .occasion-pairings .pairings-table .pairings-head .pairings-heading:nth-child(1) {
    width: 17%;
  }
  #occasion-page .occasion-pairings .pairings-table .pairings-head .pairings-heading:nth-child(2), .occasion-page .occasion-pairings .pairings-table .pairings-head .pairings-heading:nth-child(2) {
    width: 20%;
  }
  #occasion-page .occasion-pairings .pairings-table .pairings-head .pairings-heading:nth-child(3), .occasion-page .occasion-pairings .pairings-table .pairings-head .pairings-heading:nth-child(3) {
    width: 36%;
  }
  #occasion-page .occasion-pairings .pairings-table .pairings-head .pairings-heading:nth-child(4), .occasion-page .occasion-pairings .pairings-table .pairings-head .pairings-heading:nth-child(4) {
    width: 12%;
  }
  #occasion-page .occasion-pairings .pairings-table .pairings-head .pairings-heading:nth-child(5), .occasion-page .occasion-pairings .pairings-table .pairings-head .pairings-heading:nth-child(5) {
    opacity: 0;
    width: 15%;
  }
  #occasion-page .occasion-pairings .pairings-table .pairings-body .pairings-row, .occasion-page .occasion-pairings .pairings-table .pairings-body .pairings-row {
    position: relative;
  }
  #occasion-page .occasion-pairings .pairings-table .pairings-body .pairings-row:after, .occasion-page .occasion-pairings .pairings-table .pairings-body .pairings-row:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% - 80px);
    height: 2px;
    background: var(--occasion-rule);
  }
  #occasion-page .occasion-pairings .pairings-table .pairings-body .pairings-row:last-child:after, .occasion-page .occasion-pairings .pairings-table .pairings-body .pairings-row:last-child:after {
    content: none;
  }
  #occasion-page .occasion-pairings .pairings-table .pairings-cell[data-label=Brand], .occasion-page .occasion-pairings .pairings-table .pairings-cell[data-label=Brand] {
    font-size: 1.75rem;
    line-height: 1.25;
    margin-bottom: 0;
  }
  #occasion-page .occasion-pairings .pairings-table .pairings-cell[data-label=Dish], .occasion-page .occasion-pairings .pairings-table .pairings-cell[data-label=Dish] {
    font-size: 1.75rem;
    line-height: 1.25;
  }
  #occasion-page .occasion-pairings .pairings-table .pairings-cell[data-label=Ingredients], .occasion-page .occasion-pairings .pairings-table .pairings-cell[data-label=Ingredients] {
    font-size: 1.3125rem;
    line-height: 1.2857142857;
    font-weight: 400;
    padding-top: 1.1875rem;
    margin-bottom: 0;
  }
  #occasion-page .occasion-pairings .pairings-table .pairings-cell[data-label=Quantity], .occasion-page .occasion-pairings .pairings-table .pairings-cell[data-label=Quantity] {
    font-size: 1.3125rem;
    line-height: 1.2857142857;
    font-weight: 400;
    margin-bottom: 0;
  }
}
#occasion-page .occasion-pairings .pairings-desktop, .occasion-page .occasion-pairings .pairings-desktop {
  display: none;
}
@media (min-width: 64em) {
  #occasion-page .occasion-pairings .pairings-desktop, .occasion-page .occasion-pairings .pairings-desktop {
    display: block;
  }
}
#occasion-page .occasion-pairings .pairings-mobile, .occasion-page .occasion-pairings .pairings-mobile {
  background: var(--occasion-surface);
  font-size: 1.5rem;
  line-height: 1.2916666667;
}
@media (min-width: 64em) {
  #occasion-page .occasion-pairings .pairings-mobile, .occasion-page .occasion-pairings .pairings-mobile {
    display: none;
  }
}
#occasion-page .occasion-pairings .pairings-mobile .button-cta, .occasion-page .occasion-pairings .pairings-mobile .button-cta {
  padding: 0.8125rem 1.125rem;
  font-size: 1.25rem;
  line-height: 1.3;
}
#occasion-page .occasion-pairings .pairings-mobile-list, .occasion-page .occasion-pairings .pairings-mobile-list {
  margin: 0;
  padding: 0;
  list-style: none;
  padding: 1rem 0;
}
#occasion-page .occasion-pairings .pairings-card, .occasion-page .occasion-pairings .pairings-card {
  margin: 0 1.375rem;
  padding: 1rem 0 1.25rem;
  border-bottom: 0.0625rem solid var(--occasion-rule);
}
#occasion-page .occasion-pairings .pairings-card + .pairings-card, .occasion-page .occasion-pairings .pairings-card + .pairings-card {
  padding-top: 1.75rem;
}
#occasion-page .occasion-pairings .pairings-card:not(:last-child), .occasion-page .occasion-pairings .pairings-card:not(:last-child) {
  padding-bottom: 1.75rem;
}
#occasion-page .occasion-pairings .pairings-card:last-child, .occasion-page .occasion-pairings .pairings-card:last-child {
  border-bottom: 0;
}
#occasion-page .occasion-pairings .pairings-brand, .occasion-page .occasion-pairings .pairings-brand {
  margin: 0 0 0.1875rem;
  font-size: 1.75rem;
  line-height: 1.25;
}
#occasion-page .occasion-pairings .pairings-dish, .occasion-page .occasion-pairings .pairings-dish {
  margin: 0;
  font-size: inherit;
  line-height: inherit;
  font-weight: 500;
}
#occasion-page .occasion-pairings .pairings-ingredients, .occasion-page .occasion-pairings .pairings-ingredients {
  margin: 0.75rem 0 1rem;
  padding: 0 1rem;
  background: #fff;
  font-size: 1.3125rem;
  line-height: 1.2857142857;
}
#occasion-page .occasion-pairings .pairings-ingredients[open] .pairings-ingredients-toggle, .occasion-page .occasion-pairings .pairings-ingredients[open] .pairings-ingredients-toggle {
  background: linear-gradient(var(--color-main), var(--color-main)) left bottom/100% 1px no-repeat;
}
#occasion-page .occasion-pairings .pairings-ingredients[open] .pairings-ingredients-toggle::after, .occasion-page .occasion-pairings .pairings-ingredients[open] .pairings-ingredients-toggle::after {
  transform: translateY(-30%) scaleY(-1) rotate(45deg);
}
#occasion-page .occasion-pairings .pairings-ingredients-toggle, .occasion-page .occasion-pairings .pairings-ingredients-toggle {
  box-sizing: border-box;
  position: relative;
  display: block;
  min-height: 2.75rem;
  padding: 0.75rem 2.5rem 0.75rem 0;
  font-weight: 500;
  list-style: none;
  cursor: pointer;
}
#occasion-page .occasion-pairings .pairings-ingredients-toggle::-webkit-details-marker, .occasion-page .occasion-pairings .pairings-ingredients-toggle::-webkit-details-marker {
  display: none;
}
#occasion-page .occasion-pairings .pairings-ingredients-toggle::after, .occasion-page .occasion-pairings .pairings-ingredients-toggle::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0.375rem;
  width: 0.75rem;
  height: 0.75rem;
  border-right: 0.1875rem solid currentColor;
  border-bottom: 0.1875rem solid currentColor;
  color: var(--color-text);
  transform: translateY(-70%) scaleY(1) rotate(45deg);
  transition: transform 180ms ease;
}
@media (prefers-reduced-motion: reduce) {
  #occasion-page .occasion-pairings .pairings-ingredients-toggle::after, .occasion-page .occasion-pairings .pairings-ingredients-toggle::after {
    transition: none;
  }
}
#occasion-page .occasion-pairings .pairings-ingredients-toggle:focus-visible, .occasion-page .occasion-pairings .pairings-ingredients-toggle:focus-visible {
  outline: 0.1875rem solid var(--color-button);
  outline-offset: 0.1875rem;
}
#occasion-page .occasion-pairings .pairings-ingredients-list, .occasion-page .occasion-pairings .pairings-ingredients-list {
  margin: 0;
  padding: 0.75rem 0 1rem 1.25rem;
  font-size: 1rem;
  line-height: 1.3125;
  list-style: disc;
}
#occasion-page .occasion-pairings .pairings-ingredient + .pairings-ingredient, .occasion-page .occasion-pairings .pairings-ingredient + .pairings-ingredient {
  margin-top: 0.25rem;
}
#occasion-page .occasion-pairings .pairings-quantity, .occasion-page .occasion-pairings .pairings-quantity {
  margin: 0 0 1.1875rem;
  font-size: 1.3125rem;
  line-height: 1.2857142857;
}

#occasion-page .occasion-faq, .occasion-page .occasion-faq {
  padding-bottom: 2.5rem;
  background: var(--occasion-surface);
}
#occasion-page .occasion-faq .content_wrapper, .occasion-page .occasion-faq .content_wrapper {
  padding: 0 1.125rem;
  width: auto;
}
#occasion-page .occasion-faq .section-title, .occasion-page .occasion-faq .section-title {
  font-family: var(--font-titles);
  text-transform: uppercase;
  font-size: 2rem;
  line-height: 1.28125;
  margin: 0;
  padding: 1.5rem var(--occasion-gutter);
  background: var(--color-main);
  color: #fff;
}
@media (min-width: 64em) {
  #occasion-page .occasion-faq .section-title, .occasion-page .occasion-faq .section-title {
    padding-block: 2rem;
  }
}
#occasion-page .occasion-faq .section-title, .occasion-page .occasion-faq .section-title {
  margin-bottom: 1.75rem;
}
@media (min-width: 64em) {
  #occasion-page .occasion-faq .section-title, .occasion-page .occasion-faq .section-title {
    margin-bottom: 2rem;
  }
}
#occasion-page .occasion-faq .faq-answer .link, .occasion-page .occasion-faq .faq-answer .link {
  visibility: visible;
  transition: 0.4s ease;
  text-decoration: underline;
}
#occasion-page .occasion-faq .faq-answer .link:hover, #occasion-page .occasion-faq .faq-answer .link:focus, .occasion-page .occasion-faq .faq-answer .link:hover, .occasion-page .occasion-faq .faq-answer .link:focus {
  text-decoration: none;
  color: var(--color-header);
}
#occasion-page .occasion-faq .faq-list, .occasion-page .occasion-faq .faq-list {
  display: grid;
  gap: 1.5rem;
}
@media (min-width: 64em) {
  #occasion-page .occasion-faq .faq-list, .occasion-page .occasion-faq .faq-list {
    gap: 1.25rem;
  }
}
#occasion-page .occasion-faq .faq-item, .occasion-page .occasion-faq .faq-item {
  padding: 0 1rem;
  background: #fff;
}
@media (min-width: 64em) {
  #occasion-page .occasion-faq .faq-item, .occasion-page .occasion-faq .faq-item {
    padding: 0 1.5rem 0 4rem;
  }
}
#occasion-page .occasion-faq .faq-item .faq-question, .occasion-page .occasion-faq .faq-item .faq-question {
  box-sizing: border-box;
  position: relative;
  display: block;
  min-height: 2.75rem;
  padding: 2rem 2.5rem;
  font-size: 1.75rem;
  line-height: 1.25;
  font-weight: 500;
  border: 0;
  list-style: none;
  cursor: pointer;
}
@media (min-width: 64em) {
  #occasion-page .occasion-faq .faq-item .faq-question, .occasion-page .occasion-faq .faq-item .faq-question {
    padding: 1rem 4rem 1rem 2rem;
  }
}
#occasion-page .occasion-faq .faq-item .faq-question::-webkit-details-marker, .occasion-page .occasion-faq .faq-item .faq-question::-webkit-details-marker {
  display: none;
}
#occasion-page .occasion-faq .faq-item .faq-question::before, .occasion-page .occasion-faq .faq-item .faq-question::before {
  content: "";
  position: absolute;
  left: 0;
  top: 2.3125rem;
  width: 1.5625rem;
  height: 1.5625rem;
  background: var(--occasion-faq-icon) center/contain no-repeat;
}
@media (min-width: 64em) {
  #occasion-page .occasion-faq .faq-item .faq-question::before, .occasion-page .occasion-faq .faq-item .faq-question::before {
    top: 1.3125rem;
  }
}
#occasion-page .occasion-faq .faq-item .faq-question::after, .occasion-page .occasion-faq .faq-item .faq-question::after {
  content: "";
  position: absolute;
  top: 2.40625rem;
  right: 0.75rem;
  width: 1.375rem;
  height: 1.375rem;
  color: var(--color-text);
  background: linear-gradient(currentColor, currentColor) center/100% 4px no-repeat, linear-gradient(currentColor, currentColor) center/4px 100% no-repeat;
  transition: background-size 180ms ease;
}
@media (prefers-reduced-motion: reduce) {
  #occasion-page .occasion-faq .faq-item .faq-question::after, .occasion-page .occasion-faq .faq-item .faq-question::after {
    transition: none;
  }
}
@media (min-width: 64em) {
  #occasion-page .occasion-faq .faq-item .faq-question::after, .occasion-page .occasion-faq .faq-item .faq-question::after {
    top: 1.40625rem;
    right: 0;
    color: var(--color-button);
  }
}
#occasion-page .occasion-faq .faq-item[open] .faq-question, .occasion-page .occasion-faq .faq-item[open] .faq-question {
  padding-bottom: 1.25rem;
  background: linear-gradient(var(--color-main), var(--color-main)) left bottom/100% 3px no-repeat;
}
@media (min-width: 64em) {
  #occasion-page .occasion-faq .faq-item[open] .faq-question, .occasion-page .occasion-faq .faq-item[open] .faq-question {
    padding-bottom: 0.5rem;
    background-size: calc(100% - 4.5rem) 3px;
  }
}
#occasion-page .occasion-faq .faq-item[open] .faq-question::after, .occasion-page .occasion-faq .faq-item[open] .faq-question::after {
  background-size: 100% 4px, 4px 0%;
}
#occasion-page .occasion-faq .faq-answer, .occasion-page .occasion-faq .faq-answer {
  max-height: none;
  padding: 1.25rem 0 1.75rem;
  font-size: 1rem;
  line-height: 1.3125;
}
@media (min-width: 64em) {
  #occasion-page .occasion-faq .faq-answer, .occasion-page .occasion-faq .faq-answer {
    padding-top: 0.75rem;
    padding-right: 4.5rem;
    padding-bottom: 1.25rem;
  }
}
#occasion-page .wytiwyg:has(+ .faq) .section-title, .occasion-page .wytiwyg:has(+ .faq) .section-title {
  font-family: var(--font-titles);
  text-transform: uppercase;
  font-size: 2rem;
  line-height: 1.28125;
  margin: 0;
  padding: 1.5rem var(--occasion-gutter);
  background: var(--color-main);
  color: #fff;
}
@media (min-width: 64em) {
  #occasion-page .wytiwyg:has(+ .faq) .section-title, .occasion-page .wytiwyg:has(+ .faq) .section-title {
    padding-block: 2rem;
  }
}
#occasion-page .faq, .occasion-page .faq {
  --faq-inset-start: 1rem;
  --faq-inset-end: 1rem;
  padding: 1.75rem 0 2.5rem;
  background: var(--occasion-surface);
}
@media (min-width: 64em) {
  #occasion-page .faq, .occasion-page .faq {
    --faq-inset-start: 4rem;
    --faq-inset-end: 1.5rem;
    padding-top: 2rem;
  }
}
#occasion-page .faq > section, .occasion-page .faq > section {
  margin: 0;
}
#occasion-page .faq .content_wrapper, .occasion-page .faq .content_wrapper {
  padding: 0 1.125rem;
  width: auto;
}
#occasion-page .faq .faq-wrapper, .occasion-page .faq .faq-wrapper {
  display: grid;
  gap: 1.5rem;
}
@media (min-width: 64em) {
  #occasion-page .faq .faq-wrapper, .occasion-page .faq .faq-wrapper {
    gap: 1.25rem;
  }
}
#occasion-page .faq .faq-question, .occasion-page .faq .faq-question {
  padding: 0 1rem;
  background: #fff;
}
@media (min-width: 64em) {
  #occasion-page .faq .faq-question, .occasion-page .faq .faq-question {
    padding: 0 1.5rem 0 4rem;
  }
}
#occasion-page .faq .faq-question, .occasion-page .faq .faq-question {
  padding: 0;
  border: 0;
}
#occasion-page .faq .faq-question > button, .occasion-page .faq .faq-question > button {
  box-sizing: border-box;
  position: relative;
  display: block;
  min-height: 2.75rem;
  padding: 2rem 2.5rem;
  font-size: 1.75rem;
  line-height: 1.25;
  font-weight: 500;
  border: 0;
  list-style: none;
  cursor: pointer;
}
@media (min-width: 64em) {
  #occasion-page .faq .faq-question > button, .occasion-page .faq .faq-question > button {
    padding: 1rem 4rem 1rem 2rem;
  }
}
#occasion-page .faq .faq-question > button::-webkit-details-marker, .occasion-page .faq .faq-question > button::-webkit-details-marker {
  display: none;
}
#occasion-page .faq .faq-question > button::before, .occasion-page .faq .faq-question > button::before {
  content: "";
  position: absolute;
  left: 0;
  top: 2.3125rem;
  width: 1.5625rem;
  height: 1.5625rem;
  background: var(--occasion-faq-icon) center/contain no-repeat;
}
@media (min-width: 64em) {
  #occasion-page .faq .faq-question > button::before, .occasion-page .faq .faq-question > button::before {
    top: 1.3125rem;
  }
}
#occasion-page .faq .faq-question > button::after, .occasion-page .faq .faq-question > button::after {
  content: "";
  position: absolute;
  top: 2.40625rem;
  right: 0.75rem;
  width: 1.375rem;
  height: 1.375rem;
  color: var(--color-text);
  background: linear-gradient(currentColor, currentColor) center/100% 4px no-repeat, linear-gradient(currentColor, currentColor) center/4px 100% no-repeat;
  transition: background-size 180ms ease;
}
@media (prefers-reduced-motion: reduce) {
  #occasion-page .faq .faq-question > button::after, .occasion-page .faq .faq-question > button::after {
    transition: none;
  }
}
@media (min-width: 64em) {
  #occasion-page .faq .faq-question > button::after, .occasion-page .faq .faq-question > button::after {
    top: 1.40625rem;
    right: 0;
    color: var(--color-button);
  }
}
#occasion-page .faq .faq-question > button, .occasion-page .faq .faq-question > button {
  width: 100%;
  margin: 0;
  padding-inline: calc(var(--faq-inset-start) + 2.5rem) calc(var(--faq-inset-end) + 2.5rem);
  background: transparent;
  color: inherit;
  font-family: inherit;
  letter-spacing: inherit;
  text-align: left;
  text-transform: none;
}
@media (min-width: 64em) {
  #occasion-page .faq .faq-question > button, .occasion-page .faq .faq-question > button {
    padding-inline: calc(var(--faq-inset-start) + 2rem) calc(var(--faq-inset-end) + 4rem);
  }
}
#occasion-page .faq .faq-question > button::before, .occasion-page .faq .faq-question > button::before {
  all: unset;
  content: "";
  position: absolute;
  left: 0;
  top: 2.3125rem;
  width: 1.5625rem;
  height: 1.5625rem;
  background: var(--occasion-faq-icon) center/contain no-repeat;
}
@media (min-width: 64em) {
  #occasion-page .faq .faq-question > button::before, .occasion-page .faq .faq-question > button::before {
    top: 1.3125rem;
  }
}
#occasion-page .faq .faq-question > button::before, .occasion-page .faq .faq-question > button::before {
  left: var(--faq-inset-start);
}
#occasion-page .faq .faq-question > button::after, .occasion-page .faq .faq-question > button::after {
  right: calc(var(--faq-inset-end) + 0.75rem);
}
@media (min-width: 64em) {
  #occasion-page .faq .faq-question > button::after, .occasion-page .faq .faq-question > button::after {
    right: var(--faq-inset-end);
  }
}
#occasion-page .faq .faq-question > button[aria-expanded=true], .occasion-page .faq .faq-question > button[aria-expanded=true] {
  padding-bottom: 1.25rem;
  background: linear-gradient(var(--color-main), var(--color-main)) left bottom/100% 3px no-repeat;
}
@media (min-width: 64em) {
  #occasion-page .faq .faq-question > button[aria-expanded=true], .occasion-page .faq .faq-question > button[aria-expanded=true] {
    padding-bottom: 0.5rem;
    background-size: calc(100% - 4.5rem) 3px;
  }
}
#occasion-page .faq .faq-question > button[aria-expanded=true]::after, .occasion-page .faq .faq-question > button[aria-expanded=true]::after {
  background-size: 100% 4px, 4px 0%;
}
#occasion-page .faq .faq-question > button[aria-expanded=true], .occasion-page .faq .faq-question > button[aria-expanded=true] {
  background-position: var(--faq-inset-start) bottom;
  background-size: calc(100% - var(--faq-inset-start) - var(--faq-inset-end)) 3px;
}
@media (min-width: 64em) {
  #occasion-page .faq .faq-question > button[aria-expanded=true], .occasion-page .faq .faq-question > button[aria-expanded=true] {
    background-size: calc(100% - var(--faq-inset-start) - var(--faq-inset-end) - 4.5rem) 3px;
  }
}
#occasion-page .faq .faq-answer, .occasion-page .faq .faq-answer {
  max-height: 0;
  padding: 0;
  overflow: hidden;
  transition: max-height 250ms ease;
}
@media (prefers-reduced-motion: reduce) {
  #occasion-page .faq .faq-answer, .occasion-page .faq .faq-answer {
    transition: none;
  }
}
#occasion-page .faq .faq-answer > div, .occasion-page .faq .faq-answer > div {
  padding: 1.25rem 0 1.75rem;
  font-size: 1rem;
  line-height: 1.3125;
}
@media (min-width: 64em) {
  #occasion-page .faq .faq-answer > div, .occasion-page .faq .faq-answer > div {
    padding-top: 0.75rem;
    padding-right: 4.5rem;
    padding-bottom: 1.25rem;
  }
}
#occasion-page .faq .faq-answer > div, .occasion-page .faq .faq-answer > div {
  padding-inline: var(--faq-inset-start) var(--faq-inset-end);
}
@media (min-width: 64em) {
  #occasion-page .faq .faq-answer > div, .occasion-page .faq .faq-answer > div {
    padding-inline: var(--faq-inset-start) calc(var(--faq-inset-end) + 4.5rem);
  }
}
#occasion-page .faq .faq-answer p, .occasion-page .faq .faq-answer p {
  margin: 0 0 1rem;
}
#occasion-page .faq .faq-answer p:last-child, .occasion-page .faq .faq-answer p:last-child {
  margin-bottom: 0;
}
#occasion-page .faq .faq-answer a, .occasion-page .faq .faq-answer a {
  text-decoration: underline;
}
#occasion-page .faq .faq-answer a:hover, #occasion-page .faq .faq-answer a:focus, .occasion-page .faq .faq-answer a:hover, .occasion-page .faq .faq-answer a:focus {
  text-decoration: none;
  color: var(--color-header);
}
#occasion-page .faq [aria-expanded=true] + .faq-answer, .occasion-page .faq [aria-expanded=true] + .faq-answer {
  max-height: none;
}

#occasion-page:has([data-preemptive-filter="scoengage:crackerhacks/game-day"]) {
  --occasion-faq-icon: url("/content/dam/scoengage/crackerhacks/images/promotions/2026-game-day/footballemoji.png");
}

#occasion-page:has([data-preemptive-filter="scoengage:crackerhacks/thanksgiving"]) {
  --occasion-faq-icon: url("/content/dam/scoengage/crackerhacks/images/promotions/2026-thanksgiving/faq-icon.png");
}

#occasion-page:has([data-preemptive-filter="scoengage:crackerhacks/christmas"]) {
  --occasion-faq-icon: url("/content/dam/scoengage/crackerhacks/images/promotions/2026-christmas/faq-icon.png");
}
@media not all and (min-width: 48em) {
  #occasion-page:has([data-preemptive-filter="scoengage:crackerhacks/christmas"]) .occasion-hero picture {
    aspect-ratio: 792/600;
  }
}

#occasion-page .hidden, .occasion-page .hidden {
  display: none !important;
}
#occasion-page .block, .occasion-page .block {
  display: block !important;
}
#occasion-page .inline-block, .occasion-page .inline-block {
  display: inline-block !important;
}
#occasion-page .inline, .occasion-page .inline {
  display: inline !important;
}
#occasion-page .flex, .occasion-page .flex {
  display: flex !important;
}
#occasion-page .inline-flex, .occasion-page .inline-flex {
  display: inline-flex !important;
}
#occasion-page .grid, .occasion-page .grid {
  display: grid !important;
}
#occasion-page .inline-grid, .occasion-page .inline-grid {
  display: inline-grid !important;
}
#occasion-page .contents, .occasion-page .contents {
  display: contents !important;
}
@media (min-width: 40em) {
  #occasion-page .sm\:hidden, .occasion-page .sm\:hidden {
    display: none !important;
  }
  #occasion-page .sm\:block, .occasion-page .sm\:block {
    display: block !important;
  }
  #occasion-page .sm\:inline-block, .occasion-page .sm\:inline-block {
    display: inline-block !important;
  }
  #occasion-page .sm\:inline, .occasion-page .sm\:inline {
    display: inline !important;
  }
  #occasion-page .sm\:flex, .occasion-page .sm\:flex {
    display: flex !important;
  }
  #occasion-page .sm\:inline-flex, .occasion-page .sm\:inline-flex {
    display: inline-flex !important;
  }
  #occasion-page .sm\:grid, .occasion-page .sm\:grid {
    display: grid !important;
  }
  #occasion-page .sm\:inline-grid, .occasion-page .sm\:inline-grid {
    display: inline-grid !important;
  }
  #occasion-page .sm\:contents, .occasion-page .sm\:contents {
    display: contents !important;
  }
}
@media (min-width: 48em) {
  #occasion-page .md\:hidden, .occasion-page .md\:hidden {
    display: none !important;
  }
  #occasion-page .md\:block, .occasion-page .md\:block {
    display: block !important;
  }
  #occasion-page .md\:inline-block, .occasion-page .md\:inline-block {
    display: inline-block !important;
  }
  #occasion-page .md\:inline, .occasion-page .md\:inline {
    display: inline !important;
  }
  #occasion-page .md\:flex, .occasion-page .md\:flex {
    display: flex !important;
  }
  #occasion-page .md\:inline-flex, .occasion-page .md\:inline-flex {
    display: inline-flex !important;
  }
  #occasion-page .md\:grid, .occasion-page .md\:grid {
    display: grid !important;
  }
  #occasion-page .md\:inline-grid, .occasion-page .md\:inline-grid {
    display: inline-grid !important;
  }
  #occasion-page .md\:contents, .occasion-page .md\:contents {
    display: contents !important;
  }
}
@media (min-width: 64em) {
  #occasion-page .lg\:hidden, .occasion-page .lg\:hidden {
    display: none !important;
  }
  #occasion-page .lg\:block, .occasion-page .lg\:block {
    display: block !important;
  }
  #occasion-page .lg\:inline-block, .occasion-page .lg\:inline-block {
    display: inline-block !important;
  }
  #occasion-page .lg\:inline, .occasion-page .lg\:inline {
    display: inline !important;
  }
  #occasion-page .lg\:flex, .occasion-page .lg\:flex {
    display: flex !important;
  }
  #occasion-page .lg\:inline-flex, .occasion-page .lg\:inline-flex {
    display: inline-flex !important;
  }
  #occasion-page .lg\:grid, .occasion-page .lg\:grid {
    display: grid !important;
  }
  #occasion-page .lg\:inline-grid, .occasion-page .lg\:inline-grid {
    display: inline-grid !important;
  }
  #occasion-page .lg\:contents, .occasion-page .lg\:contents {
    display: contents !important;
  }
}
@media (min-width: 80em) {
  #occasion-page .xl\:hidden, .occasion-page .xl\:hidden {
    display: none !important;
  }
  #occasion-page .xl\:block, .occasion-page .xl\:block {
    display: block !important;
  }
  #occasion-page .xl\:inline-block, .occasion-page .xl\:inline-block {
    display: inline-block !important;
  }
  #occasion-page .xl\:inline, .occasion-page .xl\:inline {
    display: inline !important;
  }
  #occasion-page .xl\:flex, .occasion-page .xl\:flex {
    display: flex !important;
  }
  #occasion-page .xl\:inline-flex, .occasion-page .xl\:inline-flex {
    display: inline-flex !important;
  }
  #occasion-page .xl\:grid, .occasion-page .xl\:grid {
    display: grid !important;
  }
  #occasion-page .xl\:inline-grid, .occasion-page .xl\:inline-grid {
    display: inline-grid !important;
  }
  #occasion-page .xl\:contents, .occasion-page .xl\:contents {
    display: contents !important;
  }
}
@media (min-width: 96em) {
  #occasion-page .\32 xl\:hidden, .occasion-page .\32 xl\:hidden {
    display: none !important;
  }
  #occasion-page .\32 xl\:block, .occasion-page .\32 xl\:block {
    display: block !important;
  }
  #occasion-page .\32 xl\:inline-block, .occasion-page .\32 xl\:inline-block {
    display: inline-block !important;
  }
  #occasion-page .\32 xl\:inline, .occasion-page .\32 xl\:inline {
    display: inline !important;
  }
  #occasion-page .\32 xl\:flex, .occasion-page .\32 xl\:flex {
    display: flex !important;
  }
  #occasion-page .\32 xl\:inline-flex, .occasion-page .\32 xl\:inline-flex {
    display: inline-flex !important;
  }
  #occasion-page .\32 xl\:grid, .occasion-page .\32 xl\:grid {
    display: grid !important;
  }
  #occasion-page .\32 xl\:inline-grid, .occasion-page .\32 xl\:inline-grid {
    display: inline-grid !important;
  }
  #occasion-page .\32 xl\:contents, .occasion-page .\32 xl\:contents {
    display: contents !important;
  }
}
@media not all and (min-width: 40em) {
  #occasion-page .max-sm\:hidden, .occasion-page .max-sm\:hidden {
    display: none !important;
  }
  #occasion-page .max-sm\:block, .occasion-page .max-sm\:block {
    display: block !important;
  }
  #occasion-page .max-sm\:inline-block, .occasion-page .max-sm\:inline-block {
    display: inline-block !important;
  }
  #occasion-page .max-sm\:inline, .occasion-page .max-sm\:inline {
    display: inline !important;
  }
  #occasion-page .max-sm\:flex, .occasion-page .max-sm\:flex {
    display: flex !important;
  }
  #occasion-page .max-sm\:inline-flex, .occasion-page .max-sm\:inline-flex {
    display: inline-flex !important;
  }
  #occasion-page .max-sm\:grid, .occasion-page .max-sm\:grid {
    display: grid !important;
  }
  #occasion-page .max-sm\:inline-grid, .occasion-page .max-sm\:inline-grid {
    display: inline-grid !important;
  }
  #occasion-page .max-sm\:contents, .occasion-page .max-sm\:contents {
    display: contents !important;
  }
}
@media not all and (min-width: 48em) {
  #occasion-page .max-md\:hidden, .occasion-page .max-md\:hidden {
    display: none !important;
  }
  #occasion-page .max-md\:block, .occasion-page .max-md\:block {
    display: block !important;
  }
  #occasion-page .max-md\:inline-block, .occasion-page .max-md\:inline-block {
    display: inline-block !important;
  }
  #occasion-page .max-md\:inline, .occasion-page .max-md\:inline {
    display: inline !important;
  }
  #occasion-page .max-md\:flex, .occasion-page .max-md\:flex {
    display: flex !important;
  }
  #occasion-page .max-md\:inline-flex, .occasion-page .max-md\:inline-flex {
    display: inline-flex !important;
  }
  #occasion-page .max-md\:grid, .occasion-page .max-md\:grid {
    display: grid !important;
  }
  #occasion-page .max-md\:inline-grid, .occasion-page .max-md\:inline-grid {
    display: inline-grid !important;
  }
  #occasion-page .max-md\:contents, .occasion-page .max-md\:contents {
    display: contents !important;
  }
}
@media not all and (min-width: 64em) {
  #occasion-page .max-lg\:hidden, .occasion-page .max-lg\:hidden {
    display: none !important;
  }
  #occasion-page .max-lg\:block, .occasion-page .max-lg\:block {
    display: block !important;
  }
  #occasion-page .max-lg\:inline-block, .occasion-page .max-lg\:inline-block {
    display: inline-block !important;
  }
  #occasion-page .max-lg\:inline, .occasion-page .max-lg\:inline {
    display: inline !important;
  }
  #occasion-page .max-lg\:flex, .occasion-page .max-lg\:flex {
    display: flex !important;
  }
  #occasion-page .max-lg\:inline-flex, .occasion-page .max-lg\:inline-flex {
    display: inline-flex !important;
  }
  #occasion-page .max-lg\:grid, .occasion-page .max-lg\:grid {
    display: grid !important;
  }
  #occasion-page .max-lg\:inline-grid, .occasion-page .max-lg\:inline-grid {
    display: inline-grid !important;
  }
  #occasion-page .max-lg\:contents, .occasion-page .max-lg\:contents {
    display: contents !important;
  }
}
@media not all and (min-width: 80em) {
  #occasion-page .max-xl\:hidden, .occasion-page .max-xl\:hidden {
    display: none !important;
  }
  #occasion-page .max-xl\:block, .occasion-page .max-xl\:block {
    display: block !important;
  }
  #occasion-page .max-xl\:inline-block, .occasion-page .max-xl\:inline-block {
    display: inline-block !important;
  }
  #occasion-page .max-xl\:inline, .occasion-page .max-xl\:inline {
    display: inline !important;
  }
  #occasion-page .max-xl\:flex, .occasion-page .max-xl\:flex {
    display: flex !important;
  }
  #occasion-page .max-xl\:inline-flex, .occasion-page .max-xl\:inline-flex {
    display: inline-flex !important;
  }
  #occasion-page .max-xl\:grid, .occasion-page .max-xl\:grid {
    display: grid !important;
  }
  #occasion-page .max-xl\:inline-grid, .occasion-page .max-xl\:inline-grid {
    display: inline-grid !important;
  }
  #occasion-page .max-xl\:contents, .occasion-page .max-xl\:contents {
    display: contents !important;
  }
}
@media not all and (min-width: 96em) {
  #occasion-page .max-2xl\:hidden, .occasion-page .max-2xl\:hidden {
    display: none !important;
  }
  #occasion-page .max-2xl\:block, .occasion-page .max-2xl\:block {
    display: block !important;
  }
  #occasion-page .max-2xl\:inline-block, .occasion-page .max-2xl\:inline-block {
    display: inline-block !important;
  }
  #occasion-page .max-2xl\:inline, .occasion-page .max-2xl\:inline {
    display: inline !important;
  }
  #occasion-page .max-2xl\:flex, .occasion-page .max-2xl\:flex {
    display: flex !important;
  }
  #occasion-page .max-2xl\:inline-flex, .occasion-page .max-2xl\:inline-flex {
    display: inline-flex !important;
  }
  #occasion-page .max-2xl\:grid, .occasion-page .max-2xl\:grid {
    display: grid !important;
  }
  #occasion-page .max-2xl\:inline-grid, .occasion-page .max-2xl\:inline-grid {
    display: inline-grid !important;
  }
  #occasion-page .max-2xl\:contents, .occasion-page .max-2xl\:contents {
    display: contents !important;
  }
}