/** Shopify CDN: Minification failed

Line 17:11 Unexpected "("
Line 26:5 Unexpected "{"
Line 26:7 Expected identifier but found "'holiday.css'"
Line 26:52 Unexpected "`"
Line 31:1 Expected identifier but found "%"
Line 31:22 Unexpected "/"
Line 31:44 Expected identifier but found "%"
Line 32:0 Unexpected "<"
Line 35:5 Expected identifier but found "%"
Line 36:6 Unexpected "<"
... and 110 more hidden warnings

**/
<!--
How to use (Dawn theme):
1) Online Store → Themes → ... → Edit code.
2) Add a new section → `sections/holiday-hero.liquid` and paste the first block.
3) Add a new section → `sections/benefits-strip.liquid` and paste that block.
4) Add a new section → `sections/countdown-offer.liquid` and paste the block.
5) Add a new section → `sections/trust-badges.liquid` and paste the block.
6) Add a new section → `sections/ugc-gallery.liquid` and paste the block.
7) Open `assets` → Add a new asset → `holiday.css` and paste CSS.
8) Open `layout/theme.liquid` and before `</head>` include:  
   `{{ 'holiday.css' | asset_url | stylesheet_tag }}`
9) Customize in Theme Editor: add sections to Home in this order: Hero, Benefits, Countdown, Featured collection, UGC Gallery, Reviews app block, FAQ, Trust badges.
-->

<!-- 1) Holiday Hero with snowfall & headline -->
{% comment %} sections/holiday-hero.liquid {% endcomment %}
<section class="holiday-hero">
  <div class="holiday-hero__bg">
    <canvas id="snowCanvas" aria-hidden="true"></canvas>
    {% if section.settings.bg_image != blank %}
      <img src="{{ section.settings.bg_image | image_url: width: 2000 }}" alt="" class="holiday-hero__img" loading="eager">
    {% endif %}
  </div>
  <div class="container">
    <div class="holiday-hero__content">
      <p class="eyebrow">{{ section.settings.eyebrow }}</p>
      <h1 class="title">{{ section.settings.title }}</h1>
      <p class="subtitle">{{ section.settings.subtitle }}</p>
      <div class="cta-group">
        <a href="{{ section.settings.primary_link }}" class="btn btn--primary">{{ section.settings.primary_label }}</a>
        {% if section.settings.secondary_link != blank %}
        <a href="{{ section.settings.secondary_link }}" class="btn btn--ghost">{{ section.settings.secondary_label }}</a>
        {% endif %}
      </div>
      {% if section.settings.trustline != blank %}
      <div class="trustline">{{ section.settings.trustline }}</div>
      {% endif %}
    </div>
  </div>
</section>

{% schema %}
{
  "name": "Holiday hero",
  "settings": [
    {"type":"image_picker","id":"bg_image","label":"Background image"},
    {"type":"text","id":"eyebrow","label":"Eyebrow","default":"Limited Holiday Drop"},
    {"type":"text","id":"title","label":"Title","default":"LED Christmas Lights that Make the Room Glow"},
    {"type":"text","id":"subtitle","label":"Subtitle","default":"Easy USB/battery power · 3 color modes · 3–7 day EU delivery"},
    {"type":"url","id":"primary_link","label":"Primary link"},
    {"type":"text","id":"primary_label","label":"Primary label","default":"Shop now"},
    {"type":"url","id":"secondary_link","label":"Secondary link"},
    {"type":"text","id":"secondary_label","label":"Secondary label","default":"See bundles"},
    {"type":"text","id":"trustline","label":"Trustline","default":"30‑day returns · Secure checkout"}
  ],
  "presets": [{"name":"Holiday hero"}]
}
{% endschema %}

<script>
// Simple snowfall effect on canvas
(() => {
  const canvas = document.getElementById('snowCanvas');
  if(!canvas) return;
  const ctx = canvas.getContext('2d');
  let W, H; let flakes = [];
  function resize(){ W = canvas.width = canvas.offsetWidth; H = canvas.height = canvas.offsetHeight; }
  function init(){ flakes = Array.from({length: 80}, () => ({x: Math.random()*W, y: Math.random()*H, r: 1+Math.random()*2, s: 0.5+Math.random(), a: Math.random()*Math.PI*2})); }
  function draw(){ ctx.clearRect(0,0,W,H); ctx.fillStyle='rgba(255,255,255,.9)';
    flakes.forEach(f=>{ f.a += 0.01; f.y += f.s; f.x += Math.sin(f.a)*0.3; if(f.y>H) f.y=-5; if(f.x>W) f.x=0; if(f.x<0) f.x=W; ctx.beginPath(); ctx.arc(f.x,f.y,f.r,0,Math.PI*2); ctx.fill(); });
    requestAnimationFrame(draw);
  }
  window.addEventListener('resize', ()=>{ resize(); init(); });
  resize(); init(); draw();
})();
</script>

<!-- 2) Benefits strip -->
{% comment %} sections/benefits-strip.liquid {% endcomment %}
<section class="benefits">
  <div class="container">
    <ul class="benefits__list">
      <li><span class="icon">⭐</span>{{ section.settings.b1 }}</li>
      <li><span class="icon">🚚</span>{{ section.settings.b2 }}</li>
      <li><span class="icon">🔋</span>{{ section.settings.b3 }}</li>
      <li><span class="icon">🛡️</span>{{ section.settings.b4 }}</li>
    </ul>
  </div>
</section>
{% schema %}
{
  "name":"Benefits strip",
  "settings":[
    {"type":"text","id":"b1","label":"Benefit 1","default":"Warm & multi‑color glow"},
    {"type":"text","id":"b2","label":"Benefit 2","default":"EU warehouse shipping (3–7 days)"},
    {"type":"text","id":"b3","label":"Benefit 3","default":"USB/Battery powered"},
    {"type":"text","id":"b4","label":"Benefit 4","default":"30‑day returns"}
  ],
  "presets":[{"name":"Benefits strip"}]
}
{% endschema %}

<!-- 3) Countdown offer section -->
{% comment %} sections/countdown-offer.liquid {% endcomment %}
<section class="countdown">
  <div class="container countdown__wrap">
    <div>
      <h2>{{ section.settings.heading }}</h2>
      <p>{{ section.settings.sub }}</p>
      <a class="btn btn--primary" href="{{ section.settings.link }}">{{ section.settings.cta }}</a>
    </div>
    <div class="timer" data-deadline="{{ section.settings.deadline }}">
      <div><span class="d">00</span><em>Days</em></div>
      <div><span class="h">00</span><em>Hours</em></div>
      <div><span class="m">00</span><em>Min</em></div>
      <div><span class="s">00</span><em>Sec</em></div>
    </div>
  </div>
</section>
{% schema %}
{
  "name":"Countdown offer",
  "settings":[
    {"type":"text","id":"heading","label":"Heading","default":"Holiday Launch Offer"},
    {"type":"text","id":"sub","label":"Subheading","default":"Buy 2, get 10% off · Free EU shipping"},
    {"type":"url","id":"link","label":"CTA link"},
    {"type":"text","id":"cta","label":"CTA label","default":"Shop the lights"},
    {"type":"text","id":"deadline","label":"Deadline (YYYY-MM-DDTHH:MM)","default":"2025-12-20T23:59"}
  ],
  "presets":[{"name":"Countdown offer"}]
}
{% endschema %}

<script>
// Simple countdown
(function(){
  const wrap = document.currentScript.previousElementSibling?.querySelector?.('.timer');
  if(!wrap) return; const deadline = new Date(wrap.dataset.deadline).getTime();
  function tick(){ const now = Date.now(); let t = Math.max(0, deadline - now);
    const d = Math.floor(t/86400000); t%=86400000;
    const h = Math.floor(t/3600000); t%=3600000;
    const m = Math.floor(t/60000); t%=60000;
    const s = Math.floor(t/1000);
    wrap.querySelector('.d').textContent = String(d).padStart(2,'0');
    wrap.querySelector('.h').textContent = String(h).padStart(2,'0');
    wrap.querySelector('.m').textContent = String(m).padStart(2,'0');
    wrap.querySelector('.s').textContent = String(s).padStart(2,'0');
  }
  tick(); setInterval(tick,1000);
})();
</script>

<!-- 4) Trust badges -->
{% comment %} sections/trust-badges.liquid {% endcomment %}
<section class="trust">
  <div class="container trust__row">
    <div class="trust__item">🔒 Secure payments</div>
    <div class="trust__item">↩️ 30‑day returns</div>
    <div class="trust__item">🇪🇺 Ships from EU</div>
    <div class="trust__item">💬 Fast support</div>
  </div>
</section>
{% schema %}
{
  "name":"Trust badges",
  "settings":[],
  "presets":[{"name":"Trust badges"}]
}
{% endschema %}

<!-- 5) UGC (customer photos) grid -->
{% comment %} sections/ugc-gallery.liquid {% endcomment %}
<section class="ugc">
  <div class="container">
    <h2>{{ section.settings.heading }}</h2>
    <div class="ugc__grid">
      {% for block in section.blocks %}
        <figure>
          <img src="{{ block.settings.image | image_url: width: 800 }}" alt="Customer setup" loading="lazy">
          {% if block.settings.caption != blank %}<figcaption>{{ block.settings.caption }}</figcaption>{% endif %}
        </figure>
      {% endfor %}
    </div>
  </div>
</section>
{% schema %}
{
  "name":"UGC gallery",
  "settings":[{"type":"text","id":"heading","label":"Heading","default":"How it looks at home ✨"}],
  "blocks":[{"type":"image","name":"Image","settings":[{"type":"image_picker","id":"image","label":"Image"},{"type":"text","id":"caption","label":"Caption"}]}],
  "max_blocks":12,
  "presets":[{"name":"UGC gallery"}]
}
{% endschema %}

/* 6) Assets/holiday.css */
/* Paste this into assets/holiday.css */
:root{--bg:#0b0f14;--accent:#e43d30;--accent2:#ffd166;--text:#f7f7f7}
.container{max-width:1200px;margin:0 auto;padding:0 16px}
.btn{display:inline-block;padding:12px 18px;border-radius:12px;font-weight:700;text-decoration:none}
.btn--primary{background:var(--accent);color:#fff}
.btn--ghost{border:2px solid #fff;color:#fff}
.holiday-hero{position:relative;color:var(--text);min-height:66vh;display:flex;align-items:center}
.holiday-hero__bg{position:absolute;inset:0;overflow:hidden}
.holiday-hero__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.6)}
#snowCanvas{position:absolute;inset:0;width:100%;height:100%}
.holiday-hero__content{position:relative;z-index:2;max-width:680px}
.holiday-hero .eyebrow{letter-spacing:.1em;opacity:.9;margin-bottom:8px}
.holiday-hero .title{font-size:clamp(32px,6vw,56px);line-height:1.05;margin:0 0 8px}
.holiday-hero .subtitle{font-size:clamp(16px,2.2vw,20px);opacity:.9;margin:0 0 16px}
.holiday-hero .cta-group{display:flex;gap:12px;margin-top:12px}
.holiday-hero .trustline{opacity:.85;margin-top:10px}
.benefits{background:#111;color:#fff}
.benefits__list{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:14px 0;margin:0;list-style:none}
.benefits__list li{display:flex;align-items:center;gap:8px;justify-content:center;padding:8px 10px;background:#161a22;border-radius:12px}
.countdown{background:linear-gradient(90deg,#111,#1b1f29);color:#fff;padding:28px 0}
.countdown__wrap{display:flex;align-items:center;justify-content:space-between;gap:20px}
.countdown h2{margin:0 0 6px}
.timer{display:flex;gap:10px}
.timer div{background:#161a22;padding:10px 14px;border-radius:12px;text-align:center}
.timer span{display:block;font-size:22px;font-weight:700}
.trust{background:#0f131a;color:#fff;padding:16px 0}
.trust__row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.trust__item{background:#161a22;padding:10px 12px;border-radius:12px;text-align:center}
.ugc{padding:30px 0}
.ugc h2{margin-bottom:14px}
.ugc__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.ugc figure{border-radius:12px;overflow:hidden;background:#111;color:#ccc;margin:0}
.ugc img{width:100%;height:100%;object-fit:cover;display:block}
.ugc figcaption{padding:6px 10px;font-size:12px}
@media(max-width:900px){.benefits__list{grid-template-columns:repeat(2,1fr)}.trust__row{grid-template-columns:repeat(2,1fr)}.ugc__grid{grid-template-columns:repeat(2,1fr)}.countdown__wrap{flex-direction:column;align-items:flex-start}}