@media (max-width: 919px) {
      html,
      body {
        background: var(--color-cream-light, #fffaf0);
      }

      .site-header {
        position: sticky;
        top: 0;
        z-index: 80;
        isolation: isolate;
        overflow: visible;
        background: rgba(255, 250, 240, 0.96);
        backdrop-filter: blur(18px) saturate(1.08);
        -webkit-backdrop-filter: blur(18px) saturate(1.08);
        transform: translateZ(0);
        will-change: transform;
      }

      .site-header::before {
        content: "";
        position: absolute;
        z-index: -1;
        left: 0;
        right: 0;
        bottom: 0;
        height: calc(100% + 140px);
        background:
          linear-gradient(
            180deg,
            var(--color-cream-light, #fffaf0) 0%,
            rgba(255, 250, 240, 0.98) 72%,
            rgba(255, 250, 240, 0.96) 100%
          );
        pointer-events: none;
      }

      .site-header::after {
        content: "";
        position: absolute;
        z-index: -1;
        left: 0;
        right: 0;
        bottom: -10px;
        height: 22px;
        border-radius: 0 0 52% 48% / 0 0 65% 58%;
        background: rgba(255, 250, 240, 0.92);
        box-shadow: 0 10px 22px rgba(52, 65, 43, 0.035);
        transform-origin: top center;
        transform: scaleY(0.62);
        transition: transform 220ms cubic-bezier(.2,.7,.2,1);
        pointer-events: none;
      }

      .site-header.is-mobile-stretched::after {
        transform: scaleY(1);
      }

      .header-inner {
        position: relative;
        z-index: 2;
      }

      .hero .whatsapp-button {
        display: none !important;
      }
    }

    @media (prefers-reduced-motion: reduce) and (max-width: 919px) {
      .site-header::after {
        transition: none;
      }
    }