.elementor-6606 .elementor-element.elementor-element-6a5df07{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-6606 .elementor-element.elementor-element-09ac843{width:100%;max-width:100%;}#elementor-popup-modal-6606{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-6606 .dialog-message{width:980px;height:auto;}#elementor-popup-modal-6606 .dialog-close-button{display:flex;}#elementor-popup-modal-6606 .dialog-widget-content{box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}@media(min-width:768px){.elementor-6606 .elementor-element.elementor-element-6a5df07{--content-width:1564px;}}/* Start custom CSS for html, class: .elementor-element-09ac843 */<style>
  .wc-popup-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.72);
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 999999;
    padding: 20px;
  }

  .wc-popup-overlay.is-visible {
    display: flex;
  }

  .wc-popup {
    position: relative;
    max-width: 860px;
    width: 100%;
    background: #ffffff;
    border-radius: 22px;
    overflow: hidden;
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.35);
    font-family: Arial, Helvetica, sans-serif;
  }

  .wc-popup-close {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 38px;
    height: 38px;
    border: none;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.72);
    color: #ffffff;
    font-size: 24px;
    line-height: 1;
    cursor: pointer;
    z-index: 2;
  }

  .wc-popup-content {
    display: grid;
    grid-template-columns: 1.2fr 1fr;
  }

  .wc-popup-images {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    background: #f4f4f4;
  }

  .wc-popup-images img {
    width: 100%;
    height: 100%;
    min-height: 430px;
    object-fit: cover;
    display: block;
  }

  .wc-popup-text {
    padding: 42px 34px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: left;
  }

  .wc-popup-kicker {
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #c1121f;
    margin-bottom: 12px;
  }

  .wc-popup-title {
    font-size: 34px;
    line-height: 1.05;
    font-weight: 800;
    color: #111111;
    margin: 0 0 16px;
  }

  .wc-popup-description {
    font-size: 18px;
    line-height: 1.45;
    color: #333333;
    margin: 0 0 26px;
  }

  .wc-popup-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    background: #111111;
    color: #ffffff !important;
    text-decoration: none;
    font-size: 16px;
    font-weight: 700;
    padding: 15px 24px;
    border-radius: 999px;
    transition: transform 0.2s ease, background 0.2s ease;
  }

  .wc-popup-button:hover {
    background: #c1121f;
    transform: translateY(-2px);
  }

  @media (max-width: 767px) {
    .wc-popup {
      max-width: 420px;
      border-radius: 18px;
    }

    .wc-popup-content {
      grid-template-columns: 1fr;
    }

    .wc-popup-images {
      grid-template-columns: repeat(3, 1fr);
    }

    .wc-popup-images img {
      min-height: 260px;
      max-height: 320px;
    }

    .wc-popup-text {
      padding: 28px 24px 30px;
      text-align: center;
      align-items: center;
    }

    .wc-popup-title {
      font-size: 28px;
    }

    .wc-popup-description {
      font-size: 16px;
    }
  }
</style>

<div class="wc-popup-overlay" id="wcPromoPopup" aria-hidden="true">
  <div class="wc-popup" role="dialog" aria-modal="true" aria-labelledby="wcPromoTitle">
    <button class="wc-popup-close" type="button" aria-label="Close popup">&times;</button>

    <div class="wc-popup-content">
      <div class="wc-popup-images">
        <img 
          src="https://worldcup.designbrandprint.com/wp-content/uploads/2026/06/IMG_1809-scaled-600x800.jpeg" 
          alt="FIFA World Cup 2026 custom T-shirt"
        >
        <img 
          src="https://worldcup.designbrandprint.com/wp-content/uploads/2026/06/IMG_1808-600x800.jpeg" 
          alt="Country-themed World Cup apparel"
        >
        <img 
          src="https://worldcup.designbrandprint.com/wp-content/uploads/2026/06/IMG_1817-scaled-600x800.jpeg" 
          alt="FIFA World Cup 2026 caps and apparel"
        >
      </div>

      <div class="wc-popup-text">
        <div class="wc-popup-kicker">FIFA WORLD CUP 2026</div>

        <h2 class="wc-popup-title" id="wcPromoTitle">
          Pick your T-shirt and/or Cap.
        </h2>

        <p class="wc-popup-description">
          Choose your favorite country.
          <br>
          (Youth T-shirt sizes available)
        </p>

        <a class="wc-popup-button" href="https://worldcup.designbrandprint.com/">
          Shop Now
        </a>
      </div>
    </div>
  </div>
</div>

<script>
  (function () {
    const popup = document.getElementById('wcPromoPopup');
    const closeButton = popup.querySelector('.wc-popup-close');
    const storageKey = 'wcPromoPopupClosed';

    function openPopup() {
      if (sessionStorage.getItem(storageKey)) {
        return;
      }

      popup.classList.add('is-visible');
      popup.setAttribute('aria-hidden', 'false');
      document.body.style.overflow = 'hidden';
    }

    function closePopup() {
      popup.classList.remove('is-visible');
      popup.setAttribute('aria-hidden', 'true');
      document.body.style.overflow = '';
      sessionStorage.setItem(storageKey, 'true');
    }

    closeButton.addEventListener('click', closePopup);

    popup.addEventListener('click', function (event) {
      if (event.target === popup) {
        closePopup();
      }
    });

    document.addEventListener('keydown', function (event) {
      if (event.key === 'Escape' && popup.classList.contains('is-visible')) {
        closePopup();
      }
    });

    window.addEventListener('load', function () {
      setTimeout(openPopup, 800);
    });
  })();
</script>/* End custom CSS */