#oma-easter-popup-overlay {
        position: fixed;
        inset: 0;
        z-index: 99999;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 1rem;
        background: rgba(21, 18, 16, 0.72);
      }

      #oma-easter-popup-overlay.is-hidden {
        display: none;
      }

      #oma-easter-popup {
        position: relative;
        width: min(100%, 32rem);
        background:
          linear-gradient(180deg, #fffaf3 0%, #ffffff 100%);
        color: #2a211d;
        border: 1px solid #f2d4b2;
        border-radius: 24px;
        box-shadow: 0 24px 70px rgba(44, 26, 12, 0.24);
        padding: 1.25rem 1.25rem 1.1rem;
        text-align: center;
        font-family: inherit;
      }

      #oma-easter-popup-close {
        position: absolute;
        top: 0.85rem;
        right: 0.85rem;
        width: 2.5rem;
        height: 2.5rem;
        border: 0;
        border-radius: 999px;
        background: #fff3e3;
        color: #7a4a16;
        cursor: pointer;
        font-size: 1.1rem;
        line-height: 1;
        display: inline-flex;
        align-items: center;
        justify-content: center;
      }

      #oma-easter-popup-close:hover {
        background: #ffe7c7;
      }

      #oma-easter-popup-badge {
        display: inline-flex;
        align-items: center;
        gap: 0.45rem;
        margin-bottom: 0.9rem;
        padding: 0.45rem 0.85rem;
        border-radius: 999px;
        background: #fff1dc;
        color: #9b5c14;
        font-weight: 700;
        font-size: 0.92rem;
      }

      #oma-easter-popup h2 {
        margin: 0 0 0.75rem;
        color: #623819;
        font-size: clamp(1.45rem, 4vw, 2rem);
        line-height: 1.15;
        letter-spacing: -0.01em;
      }

      #oma-easter-popup p {
        margin: 0;
        line-height: 1.6;
        font-size: 1rem;
      }

      #oma-easter-popup-maintext {
        margin-bottom: 0.75rem;
      }

      #oma-easter-popup-note {
        margin-bottom: 1rem;
        color: #6c5b50;
        font-size: 0.95rem;
      }

      #oma-easter-popup-timerbox {
        margin: 0 0 1rem;
        padding: 0.95rem 1rem;
        border-radius: 18px;
        background: #fff4e8;
        border: 1px solid #f6d3ac;
      }

      #oma-easter-popup-timerlabel {
        display: block;
        margin-bottom: 0.35rem;
        color: #8f5415;
        font-size: 0.9rem;
        font-weight: 700;
      }

      #oma-easter-popup-timer {
        font-size: 1.15rem;
        font-weight: 800;
        color: #5d3414;
      }

      #oma-easter-popup-button {
        width: 100%;
        display: inline-flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 0.2rem;
        min-height: 3.4rem;
        padding: 0.95rem 1rem;
        border: 0;
        border-radius: 16px;
        background: linear-gradient(180deg, #f6b35d 0%, #eb9440 100%);
        color: #2c1d11;
        font-weight: 800;
        cursor: pointer;
        box-shadow: 0 10px 24px rgba(235, 148, 64, 0.28);
      }

      #oma-easter-popup-button:hover {
        filter: brightness(1.03);
      }

      #oma-easter-popup-button-main {
        font-size: 1rem;
      }

      #oma-easter-popup-button-sub {
        font-size: 0.9rem;
        font-weight: 600;
      }

      #oma-easter-popup-close:focus-visible,
      #oma-easter-popup-button:focus-visible {
        outline: 3px solid #2a211d;
        outline-offset: 3px;
      }

      @media (min-width: 640px) {
        #oma-easter-popup {
          padding: 1.6rem 1.6rem 1.25rem;
        }
      }