/** Shopify CDN: Minification failed

Line 16:0 Unexpected "<"
Line 18:5 Expected identifier but found "%"
Line 19:6 Unexpected "<"
Line 26:9 Expected identifier but found "%"
Line 26:55 Unexpected "="
Line 26:100 Expected identifier but found "%"
Line 28:8 Unexpected "<"
Line 30:5 Expected identifier but found "%"
Line 31:6 Unexpected "<"
Line 34:5 Expected identifier but found "%"
... and 42 more hidden warnings

**/
<section class="ln-hero-video" style="--lnHeroH: {{ section.settings.height }}vh;">
  <div class="ln-hero-video__media">
    {% if section.settings.video_mp4 != blank %}
      <video
        class="ln-hero-video__video"
        autoplay
        muted
        loop
        playsinline
        preload="metadata"
        {% if section.settings.poster != blank %}poster="{{ section.settings.poster | image_url }}"{% endif %}
      >
        <source src="{{ section.settings.video_mp4 }}" type="video/mp4">
      </video>
    {% else %}
      <div class="ln-hero-video__fallback">
        Ajoute une URL .mp4 dans les réglages de la section.
      </div>
    {% endif %}
    <div class="ln-hero-video__overlay" style="opacity: {{ section.settings.overlay_opacity | divided_by: 100.0 }};"></div>
  </div>

  <div class="ln-hero-video__content page-width">
    <div class="ln-hero-video__box">
      {% if section.settings.kicker != blank %}<div class="ln-hero-video__kicker">{{ section.settings.kicker }}</div>{% endif %}
      {% if section.settings.title != blank %}<h1 class="ln-hero-video__title">{{ section.settings.title }}</h1>{% endif %}
      {% if section.settings.subtitle != blank %}<p class="ln-hero-video__subtitle">{{ section.settings.subtitle }}</p>{% endif %}
      <div class="ln-hero-video__cta">
        {% if section.settings.btn_text != blank and section.settings.btn_link != blank %}
          <a class="ln-hero-video__btn" href="{{ section.settings.btn_link }}">{{ section.settings.btn_text }}</a>
        {% endif %}
        {% if section.settings.btn2_text != blank and section.settings.btn2_link != blank %}
          <a class="ln-hero-video__btn ln-hero-video__btn--ghost" href="{{ section.settings.btn2_link }}">{{ section.settings.btn2_text }}</a>
        {% endif %}
      </div>
    </div>
  </div>
</section>

<style>
.ln-hero-video{ position:relative; height: var(--lnHeroH); min-height: 520px; }
@media(max-width:768px){ .ln-hero-video{ min-height: 520px; height: 78vh; } }

.ln-hero-video__media{ position:absolute; inset:0; overflow:hidden; border-radius: var(--ln-radius-lg); }
.ln-hero-video__video{ width:100%; height:100%; object-fit:cover; display:block; }
.ln-hero-video__fallback{ width:100%; height:100%; display:flex; align-items:center; justify-content:center; background: #111; color:#fff; }
.ln-hero-video__overlay{ position:absolute; inset:0; background: #000; pointer-events:none; }

.ln-hero-video__content{ position:relative; height:100%; display:flex; align-items:flex-end; padding-bottom: clamp(22px, 5vh, 64px); }
.ln-hero-video__box{
  max-width: 720px;
  color:#fff;
  padding: 18px 18px;
  border-radius: 18px;
  backdrop-filter: blur(10px);
  background: rgba(0,0,0,.24);
  border: 1px solid rgba(255,255,255,.18);
}
.ln-hero-video__kicker{ font-size: 12px; letter-spacing:.16em; text-transform:uppercase; opacity:.9; margin-bottom:10px; }
.ln-hero-video__title{ margin:0 0 10px; }
.ln-hero-video__subtitle{ margin:0 0 16px; color: rgba(255,255,255,.86); }

.ln-hero-video__cta{ display:flex; gap:10px; flex-wrap:wrap; }
.ln-hero-video__btn{
  display:inline-flex; align-items:center; justify-content:center;
  padding: 12px 22px;
  border-radius: 999px;
  background: #fff; color:#111;
  font-weight: 600;
  transition: transform .12s ease, filter .12s ease;
}
.ln-hero-video__btn:hover{ transform: translateY(-1px); filter: brightness(.97); }
.ln-hero-video__btn--ghost{
  background: rgba(255,255,255,.12);
  color:#fff;
  border: 1px solid rgba(255,255,255,.28);
}
</style>

{% schema %}
{
  "name": "Labelnou - Hero Video",
  "settings": [
    { "type": "text", "id": "video_mp4", "label": "URL vidéo MP4 (recommandé: fichier Shopify CDN)" },
    { "type": "image_picker", "id": "poster", "label": "Poster (image avant lecture)" },

    { "type": "range", "id": "height", "label": "Hauteur (vh)", "min": 55, "max": 100, "step": 1, "default": 90 },
    { "type": "range", "id": "overlay_opacity", "label": "Overlay noir (%)", "min": 0, "max": 80, "step": 5, "default": 35 },

    { "type": "text", "id": "kicker", "label": "Kicker (petit texte)", "default": "LABELNOU" },
    { "type": "text", "id": "title", "label": "Titre", "default": "Modern sets. Timeless feel." },
    { "type": "text", "id": "subtitle", "label": "Sous-titre", "default": "Premium ready-to-wear designed for everyday elegance." },

    { "type": "text", "id": "btn_text", "label": "Bouton 1 texte", "default": "Shop New Arrivals" },
    { "type": "url", "id": "btn_link", "label": "Bouton 1 lien" },

    { "type": "text", "id": "btn2_text", "label": "Bouton 2 texte", "default": "Explore Sets" },
    { "type": "url", "id": "btn2_link", "label": "Bouton 2 lien" }
  ],
  "presets": [
    { "name": "Labelnou - Hero Video" }
  ]
}
{% endschema %}