@media (max-width: 767px) {
  html,
  body,
  #root {
    background-color: var(--active-slide-bg, #f18aa5) !important;
    height: auto !important;
    min-height: 100% !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-y: none;
  }

  body {
    background-color: var(--active-slide-bg, #f18aa5) !important;
    overflow-y: auto !important;
  }

  main {
    background-color: var(--active-slide-bg, #f18aa5) !important;
    height: auto !important;
    min-height: 100dvh !important;
    overflow: visible !important;
  }

  main > section {
    height: auto !important;
    min-height: 100svh !important;
    gap: 0 !important;
    padding-bottom: calc(1.75rem + env(safe-area-inset-bottom)) !important;
  }

  main > section > div:first-child {
    flex: 0 0 clamp(35rem, 151vw, 38.75rem) !important;
    height: clamp(35rem, 151vw, 38.75rem) !important;
    margin-bottom: 1.25rem !important;
    overflow: visible !important;
  }

  main > section > div:last-child {
    gap: 1.05rem !important;
    padding-bottom: calc(1rem + env(safe-area-inset-bottom)) !important;
  }

  nav[aria-label="Slide navigation"] {
    transform: none !important;
    margin-bottom: 1.15rem !important;
  }

  [data-flavor-layer] {
    will-change: transform, opacity !important;
    backface-visibility: hidden !important;
    -webkit-backface-visibility: hidden !important;
    transform-style: preserve-3d;
    contain: layout style;
  }

  [data-flavor-layer] img,
  .ingredient-float {
    backface-visibility: hidden !important;
    -webkit-backface-visibility: hidden !important;
    transform: translateZ(0);
  }

  .font-display {
    font-family: "Arial Black", "Arial Bold", Arial, Helvetica, sans-serif !important;
    font-weight: 900 !important;
  }

  .order-2 {
    margin-top: 1.5rem !important;
  }

  .order-2 > p:first-child {
    display: flex !important;
    width: max-content !important;
    max-width: 100% !important;
    margin-bottom: 0.75rem !important;
  }

  .distort-heading {
    display: block !important;
    clear: both !important;
    max-width: 100% !important;
    width: 100% !important;
  }

  .distort-heading-text {
    display: block !important;
    filter: none !important;
    text-shadow: none !important;
    transform: none !important;
    font-family: Impact, "Arial Black", "Arial Bold", Arial, Helvetica, sans-serif !important;
    font-weight: 900 !important;
    -webkit-text-stroke: 0.8px currentColor;
    paint-order: stroke fill;
  }
}

@media (min-width: 768px) {
  a[href*="facebook.com"] svg {
    width: 15px !important;
    height: 15px !important;
  }
}