{% comment %}Shopify: Use "Custom Liquid" section to add this snippet{% endcomment %}
{% raw %}
<!-- KANGAROO INLINE BANNER - Shed City Australian Made -->
<!-- Paste this wherever you want an animated Australian Made banner with hopping kangaroo -->
<!-- Works great in product pages, about pages, or any section -->
<style>
.sc-aus-banner{background:linear-gradient(135deg,#004d25 0%,#00843D 40%,#006B32 100%);border-radius:16px;padding:32px 36px;display:flex;align-items:center;gap:24px;max-width:780px;margin:30px auto;box-shadow:0 8px 32px rgba(0,0,0,.25),0 0 0 3px #FFD700,inset 0 1px 0 rgba(255,255,255,.1);overflow:hidden;position:relative;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif}
.sc-aus-banner::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(255,215,0,.08) 0%,transparent 60%);pointer-events:none}
.sc-aus-banner::after{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,215,0,.4),transparent)}
.sc-aus-banner-roo{width:85px;height:120px;flex-shrink:0;position:relative;z-index:1;animation:sc-ib-hop 1.5s ease-in-out infinite;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}
@keyframes sc-ib-hop{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
.sc-aus-banner-text{position:relative;z-index:1;color:#fff}
.sc-aus-banner-text h3{margin:0 0 8px;font-size:26px;font-weight:900;color:#FFD700;text-transform:uppercase;letter-spacing:1.5px;text-shadow:0 2px 4px rgba(0,0,0,.3)}
.sc-aus-banner-text p{margin:0;font-size:16px;font-weight:500;opacity:1;line-height:1.6;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2)}
.sc-aus-banner-text p strong{color:#FFD700;font-weight:800;font-size:18px}
.sc-aus-banner-badge{position:absolute;top:0;right:0;background:linear-gradient(135deg,#FFD700,#FFA500);color:#004d25;font-size:11px;font-weight:900;padding:6px 16px;border-radius:0 16px 0 16px;z-index:2;text-transform:uppercase;letter-spacing:1px;box-shadow:0 2px 8px rgba(255,165,0,.4)}
.sc-aus-banner-flag{display:inline-block;font-size:28px;margin-right:4px;vertical-align:middle}
@media(max-width:600px){.sc-aus-banner{flex-direction:column;text-align:center;padding:24px 20px;gap:16px}.sc-aus-banner-roo{width:65px;height:92px}.sc-aus-banner-text h3{font-size:21px;letter-spacing:1px}.sc-aus-banner-text p{font-size:14px}.sc-aus-banner-text p strong{font-size:16px}}
</style>
<div class="sc-aus-banner">
  <span class="sc-aus-banner-badge">✓ Certified</span>
  <div class="sc-aus-banner-roo">
    <svg viewBox="0 0 120 160" xmlns="https://i.etsystatic.com/45843948/r/il/f7a751/6685902674/il_fullxfull.6685902674_lewc.jpg">
      <g fill="#FFCD00" stroke="#DAA520" stroke-width="1">
        <ellipse cx="60" cy="28" rx="16" ry="14"/>
        <ellipse cx="48" cy="12" rx="5" ry="12" transform="rotate(-10 48 12)"/>
        <ellipse cx="72" cy="12" rx="5" ry="12" transform="rotate(10 72 12)"/>
        <ellipse cx="48" cy="12" rx="3" ry="8" fill="#E8B830" transform="rotate(-10 48 12)"/>
        <ellipse cx="72" cy="12" rx="3" ry="8" fill="#E8B830" transform="rotate(10 72 12)"/>
        <circle cx="52" cy="25" r="3" fill="#1a1a1a"/>
        <circle cx="68" cy="25" r="3" fill="#1a1a1a"/>
        <circle cx="53" cy="24" r="1" fill="white"/>
        <circle cx="69" cy="24" r="1" fill="white"/>
        <ellipse cx="60" cy="33" rx="4" ry="2.5" fill="#B8860B"/>
        <ellipse cx="60" cy="72" rx="24" ry="32"/>
        <ellipse cx="60" cy="65" rx="14" ry="20" fill="#FFD700" opacity="0.5"/>
        <path d="M 36 60 Q 28 65 26 75 Q 24 82 30 80" fill="#FFCD00" stroke="#DAA520"/>
        <path d="M 84 60 Q 92 65 94 75 Q 96 82 90 80" fill="#FFCD00" stroke="#DAA520"/>
        <circle cx="29" cy="79" r="3" fill="#E8B830"/>
        <circle cx="91" cy="79" r="3" fill="#E8B830"/>
        <path d="M 45 95 Q 40 115 35 130 Q 32 140 42 140 L 55 140 Q 55 135 50 130 Q 47 120 50 100" fill="#FFCD00" stroke="#DAA520"/>
        <path d="M 75 95 Q 80 115 85 130 Q 88 140 78 140 L 65 140 Q 65 135 70 130 Q 73 120 70 100" fill="#FFCD00" stroke="#DAA520"/>
        <ellipse cx="47" cy="142" rx="12" ry="4" fill="#E8B830"/>
        <ellipse cx="73" cy="142" rx="12" ry="4" fill="#E8B830"/>
        <path d="M 60 100 Q 62 120 70 140 Q 75 150 80 148" fill="none" stroke="#FFCD00" stroke-width="6" stroke-linecap="round"/>
      </g>
    </svg>
  </div>
  <div class="sc-aus-banner-text">
    <h3><span class="sc-aus-banner-flag">🇦🇺</span> Proudly Australian Made</h3>
    <p>Our sheds are designed and manufactured in our factory in Kilmore, Victoria, Australia. Supporting local jobs, using quality materials from Australian suppliers. <strong>Made Right Here.</strong></p>
  </div>
</div>
<!-- END KANGAROO INLINE BANNER -->
{% endraw %}