/** Shopify CDN: Minification failed

Line 16:0 Unexpected "{"
Line 16:1 Expected identifier but found "%"
Line 17:23 Unexpected "{"
Line 17:32 Expected ":"
Line 17:39 Unexpected "{"
Line 100:0 Unexpected "{"
Line 100:1 Expected identifier but found "%"
Line 102:0 Unexpected "<"
Line 105:5 Expected identifier but found "%"
Line 107:4 Unexpected "{"
... and 30 more hidden warnings

**/
{% style %}
  .vilvira-smart-hero-{{ section.id }} {
    background-color: #ffffff;
    padding: 20px 0;
    font-family: inherit;
    direction: rtl;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  
  .vilvira-hero-wrapper {
    width: 92%; 
    max-width: 450px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .vilvira-hero-img {
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    border-radius: 12px;
    margin-bottom: 15px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
  }

  /* أنيماسيون النبض ديال النيون الأزرق السماوي */
  @keyframes textNeonPulse {
    0% { text-shadow: 0 0 2px rgba(0, 255, 255, 0.2), 0 0 5px rgba(0, 255, 255, 0.1); }
    50% { text-shadow: 0 0 10px rgba(0, 255, 255, 0.8), 0 0 20px rgba(0, 255, 255, 0.4); }
    100% { text-shadow: 0 0 2px rgba(0, 255, 255, 0.2), 0 0 5px rgba(0, 255, 255, 0.1); }
  }

  /* عنوان واضح وكيشعل */
  .vilvira-hero-title {
    font-size: 24px;
    font-weight: 900; /* خط غليظ جدا وواضح */
    color: #050505;
    margin: 0 0 10px 0;
    text-align: center;
    animation: textNeonPulse 2s infinite; /* تطبيق تأثير النيون */
  }

  .vilvira-hero-price-box {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    margin-bottom: 20px;
  }

  /* السعر كيشعل حتى هو */
  .vilvira-current-price {
    font-size: 26px;
    font-weight: 900; /* خط غليظ جدا */
    color: #050505;
    animation: textNeonPulse 2s infinite; /* تطبيق تأثير النيون */
  }

  .vilvira-old-price {
    font-size: 16px;
    color: #888888;
    text-decoration: line-through;
  }

  /* إجبار زر التطبيق على التوسط التام (السنطر) */
  .vilvira-hero-wrapper .shopify-app-block {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin: 0 auto !important;
    padding: 0 !important;
  }
  
  /* الدخول لعمق التطبيق لمنع أي انحراف لليسار */
  .vilvira-hero-wrapper .shopify-app-block > * {
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100% !important;
  }
{% endstyle %}

<div class="vilvira-smart-hero-{{ section.id }}">
  <div class="vilvira-hero-wrapper">
    
    {%- assign product = section.settings.selected_product -%}

    {%- if product != blank -%}
      <img src="{{ product.featured_image | img_url: '800x800' }}" alt="{{ product.title }}" class="vilvira-hero-img">
      <h1 class="vilvira-hero-title">{{ product.title }}</h1>
    {%- else -%}
      <div class="vilvira-hero-img" style="background-color: #eee; display: flex; align-items: center; justify-content: center; color: #888;">الرجاء اختيار منتج</div>
      <h1 class="vilvira-hero-title">اسم المنتج سيظهر هنا</h1>
    {%- endif -%}

    <div class="vilvira-hero-price-box">
      <span class="vilvira-current-price">{{ section.settings.price_text }}</span>
      {%- if section.settings.old_price_text != blank -%}
        <span class="vilvira-old-price">{{ section.settings.old_price_text }}</span>
      {%- endif -%}
    </div>

    {%- for block in section.blocks -%}
      {% render block %}
    {%- endfor -%}

  </div>
</div>

{% schema %}
{
  "name": "VILVIRA Smart Hero",
  "settings": [
    {
      "type": "product",
      "id": "selected_product",
      "label": "اختر المنتج (سيتم جلب الصورة والعنوان تلقائياً)"
    },
    {
      "type": "header",
      "content": "إعدادات السعر (اكتبها يدوياً)"
    },
    {
      "type": "text",
      "id": "price_text",
      "label": "السعر الحالي",
      "default": "9 دينار كويتي"
    },
    {
      "type": "text",
      "id": "old_price_text",
      "label": "السعر القديم (مشطوب)",
      "default": "19 دينار كويتي"
    }
  ],
  "blocks": [
    {
      "type": "@app"
    }
  ],
  "presets": [
    {
      "name": "VILVIRA Smart Hero"
    }
  ]
}
{% endschema %}

/* إزالة الحواف البيضاء وجعل الخلفية الأساسية سوداء بالكامل */
html, body {
    margin: 0 !important;
    padding: 0 !important;
    background-color: #050505 !important; /* فرض اللون الأسود كخلفية أصلية */
    width: 100% !important;
    max-width: 100vw !important;
    overflow-x: hidden !important;
}

/* إجبار الحاوي الرئيسي على أخذ الشاشة كاملة بدون فراغات جانبية */
.main-content, 
#MainContent, 
.page-width {
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin: 0 !important;
}

body, html {
  padding-bottom: 45px !important; 
  margin-bottom: 0 !important;
}
#shopify-section-footer {
  margin-bottom: 0 !important;
}