/** Shopify CDN: Minification failed

Line 16:0 Unexpected "{"
Line 16:1 Expected identifier but found "%"
Line 20:12 Expected identifier but found whitespace
Line 20:14 Unexpected "{"
Line 20:23 Expected ":"
Line 20:47 Expected ":"
Line 39:14 Expected identifier but found whitespace
Line 39:16 Unexpected "{"
Line 39:25 Expected ":"
Line 39:49 Expected ":"
... and 29 more hidden warnings

**/
{%- style -%}
  /* Container esterno per il nero assoluto Nova */
  .ns-vertical-video-section {
    background-color: #000000 !important;
    padding: {{ section.settings.padding_v }}px 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  /* Titolo nello stile LUXURY del tuo CSS */
  .ns-video-title {
    color: #ffffff !important;
    text-transform: uppercase !important;
    letter-spacing: 0.2em !important;
    margin-bottom: 30px;
    text-align: center;
    font-size: 1.2rem;
  }

  /* Box del video: Ignora il reset globale grazie a classi specifiche */
  .ns-video-frame {
    width: 100%;
    max-width: {{ section.settings.vid_width }}px;
    aspect-ratio: 9 / 16;
    position: relative !important; /* Sovrascrive l'absolute del tuo CSS */
    overflow: hidden;
    border: 1px solid rgba(255,255,255,0.1); /* Sottile bordo Stealth */
    background: #000;
  }

  /* Fix specifico per evitare il "taglio" o l'overscale del tuo Master Stylesheet */
  .ns-video-frame video.ns-el {
    position: relative !important; 
    top: 0 !important;
    left: 0 !important;
    transform: none !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important; 
    display: block !important;
  }

  /* Bottone Squadrato Stealth opzionale */
  .ns-video-btn {
    margin-top: 25px;
    border-radius: 0px !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    background-color: #ffffff !important;
    color: #000000 !important;
    padding: 15px 30px;
    text-decoration: none;
    font-weight: 700;
    display: inline-block;
  }
{%- endstyle -%}

<div class="ns-vertical-video-section">
  {% if section.settings.title != blank %}
    <h2 class="ns-video-title">{{ section.settings.title }}</h2>
  {% endif %}

  <div class="ns-video-frame">
    {%- if section.settings.video_hosted != blank -%}
      {{ section.settings.video_hosted | video_tag: 
        autoplay: true, 
        loop: true, 
        muted: true, 
        controls: false, 
        playsinline: true,
        class: 'ns-el'
      }}
    {%- endif -%}
  </div>

  {% if section.settings.btn_link != blank %}
    <a href="{{ section.settings.btn_link }}" class="ns-video-btn">{{ section.settings.btn_label }}</a>
  {% endif %}
</div>

{% schema %}
{
  "name": "Nova Vertical Video",
  "settings": [
    {
      "type": "text",
      "id": "title",
      "label": "Titolo Luxury",
      "default": "THE COLLECTION"
    },
    {
      "type": "video",
      "id": "video_hosted",
      "label": "Video Verticale (9:16)"
    },
    {
      "type": "range",
      "id": "vid_width",
      "min": 250,
      "max": 500,
      "step": 10,
      "unit": "px",
      "label": "Larghezza Video",
      "default": 350
    },
    {
      "type": "range",
      "id": "padding_v",
      "min": 0,
      "max": 100,
      "step": 5,
      "unit": "px",
      "label": "Spazio Verticale",
      "default": 50
    },
    {
      "type": "text",
      "id": "btn_label",
      "label": "Testo Bottone",
      "default": "SHOP NOW"
    },
    {
      "type": "url",
      "id": "btn_link",
      "label": "Link Bottone"
    }
  ],
  "presets": [
    {
      "name": "Nova Vertical Video"
    }
  ]
}
{% endschema %}