<!DOCTYPE html>
<html dir="{{ direction }}" lang="{{ lang }}">
<head>
  {# GTM (HEAD) — keep GTM module enabled in admin #}
  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
  new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
  j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
  'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
  })(window,document,'script','dataLayer','GTM-WP87699W');</script>

  <meta charset="UTF-8"/>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>{{ title }}</title>
  <base href="{{ base }}"/>

  {% if description %}<meta name="description" content="{{ description }}"/>{% endif %}
  {% if keywords %}<meta name="keywords" content="{{ keywords }}"/>{% endif %}

  {# --- Open Graph --- #}
  <meta property="og:type" content="website">
  <meta property="og:site_name" content="Popper Express Australia">
  <meta property="og:url" content="https://popperexpress.com.au/">
  <meta property="og:title" content="Popper Express Australia | Buy Poppers Online – Fast, Discreet Shipping">
  <meta property="og:description" content="Shop authentic Jungle Juice and premium poppers at Popper Express Australia. Fast, discreet delivery nationwide. Trusted brands, great prices. Order now.">
  <meta property="og:image" content="https://popperexpress.com.au/image/catalog/share/og-home.jpg">
  <meta property="og:image:alt" content="Popper Express Australia – Buy Poppers Online">

  {# --- Twitter --- #}
  <meta name="twitter:card" content="summary_large_image">
  <meta name="twitter:title" content="Popper Express Australia | Buy Poppers Online – Fast, Discreet Shipping">
  <meta name="twitter:description" content="Authentic Jungle Juice & premium poppers. Fast, discreet AU delivery.">
  <meta name="twitter:image" content="https://popperexpress.com.au/image/catalog/share/og-home.jpg">

  {# --- JSON-LD --- #}
  <script type="application/ld+json">{
    "@context":"https://schema.org","@type":"Organization",
    "name":"Popper Express Australia","url":"https://popperexpress.com.au/",
    "logo":"https://popperexpress.com.au/image/catalog/POPPER EXPRESS LOGO/popperexpress.png",
    "sameAs":["https://www.facebook.com/PopperExpressAU","https://www.instagram.com/PopperExpressAU"]
  }</script>
  <script type="application/ld+json">{
    "@context":"https://schema.org","@type":"WebSite",
    "url":"https://popperexpress.com.au/","name":"Popper Express Australia",
    "potentialAction":{"@type":"SearchAction",
      "target":"https://popperexpress.com.au/index.php?route=product/search&search={search_term_string}",
      "query-input":"required name=search_term_string"}
  }</script>

<link rel="icon" type="image/x-icon" href="{{ favicon }}">
<link href="catalog/view/javascript/jquery/swiper/css/slick.css" rel="stylesheet">
<link href="catalog/view/javascript/jquery/swiper/css/slick-theme.css" rel="stylesheet">
<link href="catalog/view/javascript/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
<script src="{{ jquery }}" type="text/javascript"></script>
<link href="{{ bootstrap }}" type="text/css" rel="stylesheet" media="screen"/>
<link href="{{ icons }}" type="text/css" rel="stylesheet"/>
<link href="{{ stylesheet }}" type="text/css" rel="stylesheet"/>

  <script src="catalog/view/javascript/jquery/datetimepicker/moment.min.js"></script>
  <script src="catalog/view/javascript/jquery/datetimepicker/moment-with-locales.min.js"></script>
  <script src="catalog/view/javascript/jquery/datetimepicker/daterangepicker.js"></script>
  <link href="catalog/view/javascript/jquery/datetimepicker/daterangepicker.css" rel="stylesheet" type="text/css"/>
  <link href="https://fonts.googleapis.com/css2?family=Dela+Gothic+One&display=swap" rel="stylesheet">
  <link href="https://fonts.googleapis.com/css2?family=Outfit:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet">
  <script src="catalog/view/javascript/workdo/custom.js" type="text/javascript"></script>
  <script src="catalog/view/javascript/workdo/option.js" type="text/javascript"></script>
  <script src="catalog/view/javascript/common.js" type="text/javascript"></script>
  <script src="catalog/view/javascript/jquery/swiper/js/slick.js" type="text/javascript"></script>
{# ---- YOUR AUTHORITATIVE THEME CSS (last wins) ---- #}
<link href="catalog/view/stylesheet/pe-theme.css?v={{ constant('time') }}" rel="stylesheet"/>
<link href="catalog/view/javascript/catord/def/common.css?v={{ constant('time') }}" rel="stylesheet"/>
  {# Canonical/alt links via OC core #}
  {% for link in links %}<link href="{{ link.href }}" rel="{{ link.rel }}"/>{% endfor %}

  {# PushAlert #}
  <script>(function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
    g.src="https://cdn.pushalert.co/integrate_b7ecbc261006785ad4494f838ec8de63.js";s.parentNode.insertBefore(g,s);
  })(document,"script");</script>

  {% for style in styles %}<link href="{{ style.href }}" type="text/css" rel="{{ style.rel }}" media="{{ style.media }}"/>{% endfor %}
  {% for script in scripts %}<script src="{{ script.href }}" type="text/javascript"></script>{% endfor %}

  <script src="catalog/view/javascript/catord/def/common.js" type="text/javascript"></script>
  <link href="catalog/view/javascript/catord/def/common.css" rel="stylesheet">

  {# ---- HARD RESET (no alert suppression) ---- #}
  <style id="zero-top-gap">
    html,body{margin:0!important;padding:0!important}
    body>*:first-child{margin-top:0!important}
    header.sticky-h,.homemenu,.menu-bg{margin-top:0!important}
    /* DO NOT hide #alert/#notification — required for toasts */
    /* Ensure inline SVG never reserves height */
    svg[style*="display: none"]{height:0!important;overflow:hidden!important}
  </style>
</head>

<body class="{{ class }}">
  {# Google Tag Manager (noscript) — must be right after <body> #}
  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WP87699W"
  height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>

  {# REQUIRED containers for OpenCart AJAX success/error toasts #}
  <div id="alert"></div>
  <div id="notification"></div>

  {# === ANALYTICS MODULE OUTPUT SANDBOX (keeps module enabled, zero layout impact) === #}
  {% apply spaceless %}
  <div id="oc-analytics-sandbox"
       style="display:block;height:0!important;overflow:hidden!important;line-height:0!important;
              font-size:0!important;margin:0!important;padding:0!important;">
    {% for analytic in analytics %}{{ analytic }}{% endfor %}
  </div>
  {% endapply %}

  {# Remove any stray text node like '-' that some modules can emit at body top #}
  <script>
    (function(){
      try {
        var n = document.body.firstChild;
        while (n && (n.nodeType===1 || (n.nodeType===3 && /^\s*$/.test(n.nodeValue)))) {
          if(n.nodeType===3 && /^\s*-?\s*$/.test(n.nodeValue)){ n.remove(); break; }
          n = n.nextSibling;
        }
      } catch(e){}
    })();
  </script>

  {# SVG sprite kept but guaranteed zero height #}
  <svg style="display: none;">
    <symbol viewBox="0 0 512 512" id="arleft"><path d="M501.333,245.333H36.417l141.792-141.792..."></path></symbol>
    <symbol viewBox="0 0 512 512" id="arright"><g transform="matrix(-1, 0, 0, -1, 512, 512)"><path d="M501.333,245.333H36.417l141.792-141.792..."></path></g></symbol>
    <symbol viewBox="0 0 52 52" id="successi">
      <path d="M26,0C11.664,0,0,11.663,0,26s11.664,26,26,26s26-11.663,26-26S40.336,0,26,0z M26,50C12.767,50,2,39.233,2,26
        S12.767,2,26,2s24,10.767,24,24S39.233,50,26,50z"></path>
      <path d="M38.252,15.336l-15.369,17.29l-9.259-7.407c-0.43-0.345-1.061-0.274-1.405,0.156c-0.345,0.432-0.275,1.061,0.156,1.406
        l10,8C22.559,34.928,22.78,35,23,35c0.276,0,0.551-0.114,0.748-0.336l16-18c0.367-0.412,0.33-1.045-0.083-1.411
    C39.251,14.885,38.62,14.922,38.252,15.336z"></path>
  </symbol>
    {# ... keep remaining symbols unchanged ... #}
  </svg>

  <header class="sticky-h">
    <div class="homemenu">
      <div class="container">
        <div class="row">
          <div class="col-md-3 col-lg-2 col-sm-2 text-left">
            <div id="logo">
              {% if logo %}
                <a href="{{ home }}"><img src="{{ logo }}" title="{{ name }}" alt="{{ name }}" class="img-fluid"/></a>
              {% else %}<h1><a href="{{ home }}">{{ name }}</a></h1>{% endif %}
            </div>
          </div>

          <div class="col-lg-5 col-md-6 main-search">
            <div class="d-flex m-flex">
              <div class="top-search">{{ search }}</div>
              <div class="top-contact-info t-none">
                <ul type="none"><li>{{ shop_day }}</li><li>{{ shop_time }}</li></ul>
              </div>
            </div>
          </div>

          <div id="top-links" class="col-md-3 col-sm-12 col-lg-5 text-end">
            <ul class="list-inline">
              <li>
                <div class="top-support t-none">
                  <div>{{ text_fast_support }}</div>
                  <div><span><b>{{ call_me }}</b></span></div>
                </div>
              </li>
              <li class="userapp"></li>
              <li class="huser">
                <div class="dropdown">
                  <a href="{{ account }}" class="dropdown-toggle huser-drop" data-bs-toggle="dropdown">
                    <div class="xuser"><img src="image/catalog/huser.svg" alt="user"/></div>
                    <div class="xuser-desc d-none">
                      <span>{% if logged %}<span class="d-none d-lg-inline">{{ text_logout }}</span>{% else %}<span class="d-none d-lg-inline">{{ text_account }}</span>{% endif %}</span>
                    </div>
                  </a>
                  <ul class="dropdown-menu dropdown-menu-right">
                    {% if not logged %}
                      <li><a href="{{ register }}" class="dropdown-item">{{ text_register }}</a></li>
                      <li><a href="{{ login }}" class="dropdown-item">{{ text_login }}</a></li>
                    {% else %}
                      <li><a href="{{ account }}" class="dropdown-item">{{ text_account }}</a></li>
                      <li><a href="{{ order }}" class="dropdown-item">{{ text_order }}</a></li>
                      <li><a href="{{ transaction }}" class="dropdown-item">{{ text_transaction }}</a></li>
                      <li><a href="{{ download }}" class="dropdown-item">{{ text_download }}</a></li>
                      <li><a href="{{ logout }}" class="dropdown-item">{{ text_logout }}</a></li>
                    {% endif %}
                    <li class="xsla d-inline-block">{{ currency }}</li>
                    <li class="xscu d-inline-block">{{ language }}</li>
                  </ul>
                  <ul></ul>
                </div>
              </li>
              <li class="list-inline-item top-wishlist">
                <a href="{{ wishlist }}" id="wishlist-total" title="{{ text_wishlist }}">
                  <span class="d-md-inline wc-total"><img src="image/catalog/hwishlist.svg" alt="wishlist"> {{ text_wishlist }}</span>
                </a>
              </li>
              <li id="header-cart">{{ cart }}</li>
            </ul>
          </div>

        </div>
      </div>
    </div>

    <div class="tablet-view d-block col-12 t-block cinfo">
      <div class="top-contact-info t-block d-flex justify-content-between align-items-center">
        <ul type="none"><li>{{ text_fast_support }} </li><li>{{ call_me }}</li></ul>
        <ul type="none"><li>{{ shop_day }}</li><li>{{ shop_time }}</li></ul>
        <ul type="none"><li class="coll">{{ contact_mail }}</li><li>{{ c_mail_address }}</li></ul>
      </div>
    </div>

    <div class="menu-bg">
      <div class="container">
        <div class="row">
          <div class="col-md-3">{{ menu }}</div>
          <div class="col-md-5 offer-line">
            <p>
              <span>🚨 BIGGER BIG BEAR packs  </span>🚨Spend $99 15% Off Use Code: BEHIND15🔥
              <br></a>
              🔥 Get 20% Off Plus FREE EXPRESS Shipping  <span>   Spend $179 Use Code: SNAP20💥️</span> <span class="codecolor"></span>
              <br></a>
            </p>
          </div>
          <div class="col-md-4 col-sm-3 text-end callright t-none">
            <ul>
              <li>
                <a href="https://popperexpress.com.au/information/popper-express-faq">FAQ</a>
                <a href="https://popperexpress.com.au/information/about-us">About Us</a>
                <a href="https://popperexpress.com.au/information/poppers-express-privacy">Privacy Policy</a>
                <a href="index.php?route=extension/tmdticketsystempro/tmd/support"><i class="fa fa-ticket"></i><span class="d-none d-md-inline">&nbsp;Support</span></a>
              </li>
            </ul>
          </div>
        </div>
      </div>
    </div>

  </header>

  <main>
