norvia

{% comment %} صفحة هبوط القندورة العصرية {% endcomment %}
{{ 'landing.css' | asset_url | stylesheet_tag }}

<style>
*{margin:0;padding:0;box-sizing:border-box}
:root{
--olive:#6B7C3E;--olive-dark:#4A5729;--olive-light:#9AAD62;
--gold:#C9A84C;--gold-light:#F0D080;--cream:#F9F5EF;
--dark:#1A1A1A;--red:#C0392B;
}
body{font-family:'Cairo',sans-serif;background:#fff;direction:rtl}
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;900&display=swap');

.topbar{background:var(--olive-dark);color:#fff;text-align:center;padding:10px;font-size:14px;font-weight:600}
.topbar span{color:var(--gold-light)}
.countdown-bar{background:var(--red);color:#fff;text-align:center;padding:12px;font-weight:700;font-size:15px}
.timer-box{display:inline-block;background:rgba(255,255,255,0.2);border-radius:6px;padding:2px 8px;min-width:42px;font-size:22px;font-weight:900}
@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}

/* HERO */
.hero{background:linear-gradient(135deg,#F9F5EF,#EDE8DF)}
.hero-inner{max-width:1100px;margin:auto;display:grid;grid-template-columns:1fr 1fr;min-height:90vh}
.hero-images{position:relative;overflow:hidden}
.main-img{width:100%;height:100%;object-fit:cover;object-position:top}
.hero-badge{position:absolute;top:20px;right:20px;background:var(--red);color:#fff;padding:8px 16px;border-radius:50px;font-size:13px;font-weight:700;animation:pulse 2s infinite}
.hero-content{padding:50px 40px;display:flex;flex-direction:column;justify-content:center}
.brand-tag{color:var(--olive);font-size:12px;font-weight:700;letter-spacing:2px;margin-bottom:12px}
.hero-title{font-size:36px;font-weight:900;color:var(--dark);line-height:1.2;margin-bottom:16px}
.hero-title span{color:var(--olive)}
.hero-subtitle{font-size:15px;color:#666;line-height:1.8;margin-bottom:24px}

/* TRUST */
.trust-row{display:flex;gap:10px;margin-bottom:24px;flex-wrap:wrap}
.trust-item{display:flex;align-items:center;gap:6px;background:#fff;border:1.5px solid #E8E0D0;border-radius:50px;padding:7px 12px;font-size:12px;font-weight:600}

/* PRICE */
.price-block{background:var(--cream);border:2px solid var(--gold);border-radius:16px;padding:18px;margin-bottom:20px}
.price-main{font-size:40px;font-weight:900;color:var(--olive-dark)}
.price-old{font-size:17px;color:#999;text-decoration:line-through;margin-right:8px}
.cod-badge{display:inline-block;background:var(--olive);color:#fff;padding:5px 14px;border-radius:50px;font-size:13px;font-weight:700;margin-top:6px}

/* BUTTONS */
.color-btn{border:3px solid transparent;border-radius:12px;padding:9px 14px;font-size:14px;font-weight:600;cursor:pointer;font-family:Cairo,sans-serif;transition:all 0.2s}
.color-btn.olive{background:#8FAD55;color:#fff}
.color-btn.khaki{background:#6B5F47;color:#fff}
.color-btn.active{border-color:var(--gold);transform:scale(1.05)}
.size-btn{border:2px solid #DDD;border-radius:8px;padding:7px 14px;font-size:14px;font-weight:600;cursor:pointer;background:#fff;transition:all 0.2s;font-family:Cairo,sans-serif}
.size-btn.active,.size-btn:hover{border-color:var(--olive);background:var(--olive);color:#fff}
.cta-main{background:linear-gradient(135deg,var(--olive-dark),var(--olive));color:#fff;border:none;border-radius:14px;padding:16px 24px;font-size:17px;font-weight:900;cursor:pointer;width:100%;font-family:Cairo,sans-serif;box-shadow:0 8px 24px rgba(74,87,41,0.4);transition:transform 0.2s}
.cta-main:hover{transform:translateY(-2px)}
.cta-whatsapp{background:linear-gradient(135deg,#25D366,#128C7E);color:#fff;border:none;border-radius:14px;padding:13px 24px;font-size:15px;font-weight:700;cursor:pointer;width:100%;font-family:Cairo,sans-serif;margin-top:10px}

/* FEATURES */
.features{background:#fff;padding:60px 20px}
.features-grid{max-width:1000px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.feature-card{background:var(--cream);border-radius:18px;padding:28px 18px;text-align:center;border:2px solid #EDE8DF;transition:transform 0.2s}
.feature-card:hover{transform:translateY(-4px);border-color:var(--olive-light)}
.feature-icon{font-size:38px;margin-bottom:12px}
.feature-title{font-size:15px;font-weight:700;margin-bottom:6px}
.feature-text{font-size:13px;color:#666;line-height:1.7}

/* GALLERY */
.gallery{background:var(--cream);padding:50px 20px}
.gallery-grid{max-width:1000px;margin:24px auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.gallery-item{border-radius:14px;overflow:hidden;cursor:pointer;aspect-ratio:3/4;transition:transform 0.2s}
.gallery-item:hover{transform:scale(1.03)}
.gallery-item img{width:100%;height:100%;object-fit:cover;object-position:top}

/* SOCIAL PROOF */
.social-bar{background:var(--olive-dark);color:#fff;padding:18px;text-align:center;font-size:15px;font-weight:700}

/* REVIEWS */
.reviews{background:#fff;padding:60px 20px}
.reviews-grid{max-width:1000px;margin:28px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.review-card{background:var(--cream);border-radius:14px;padding:22px;border-right:4px solid var(--olive)}
.review-stars{color:var(--gold);font-size:17px;margin-bottom:8px}
.review-text{font-size:13px;color:#555;line-height:1.8;margin-bottom:12px}
.review-author{font-size:13px;font-weight:700}
.review-city{font-size:12px;color:#888}

/* ORDER FORM */
.order-section{background:linear-gradient(135deg,var(--olive-dark),#3A4A20);padding:60px 20px}
.order-inner{max-width:580px;margin:auto}
.order-title{text-align:center;font-size:30px;font-weight:900;color:#fff;margin-bottom:6px}
.order-subtitle{text-align:center;font-size:14px;color:rgba(255,255,255,0.7);margin-bottom:32px}
.form-label{color:rgba(255,255,255,0.85);font-size:14px;font-weight:600;margin-bottom:5px;display:block}
.form-input{width:100%;padding:13px 16px;border-radius:11px;border:2px solid rgba(255,255,255,0.2);background:rgba(255,255,255,0.1);color:#fff;font-size:15px;font-family:Cairo,sans-serif;margin-bottom:14px}
.form-input::placeholder{color:rgba(255,255,255,0.4)}
.form-input:focus{outline:none;border-color:var(--gold-light);background:rgba(255,255,255,0.15)}
.form-select{width:100%;padding:13px 16px;border-radius:11px;border:2px solid rgba(255,255,255,0.2);background:rgba(30,50,10,0.85);color:#fff;font-size:15px;font-family:Cairo,sans-serif;margin-bottom:14px;cursor:pointer}
.submit-btn{background:linear-gradient(135deg,var(--gold),#B8860B);color:#fff;border:none;border-radius:14px;padding:17px;font-size:19px;font-weight:900;cursor:pointer;width:100%;font-family:Cairo,sans-serif;box-shadow:0 8px 24px rgba(0,0,0,0.3);transition:transform 0.2s}
.submit-btn:hover{transform:translateY(-2px)}

/* FAQ */
.faq{background:var(--cream);padding:50px 20px}
.faq-inner{max-width:680px;margin:auto}
.faq-item{background:#fff;border-radius:11px;margin-bottom:10px;border:1.5px solid #EDE8DF;overflow:hidden}
.faq-q{padding:16px 18px;font-weight:700;font-size:14px;cursor:pointer;display:flex;justify-content:space-between;align-items:center}
.faq-a{padding:0 18px 16px;font-size:13px;color:#666;line-height:1.8;display:none}

/* STICKY */
.sticky-bar{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:2px solid #EDE8DF;padding:10px 16px;display:flex;gap:10px;z-index:999;box-shadow:0 -4px 20px rgba(0,0,0,0.1)}
.sticky-price{font-size:20px;font-weight:900;color:var(--olive-dark);display:flex;align-items:center;white-space:nowrap}
.sticky-btn{flex:1;background:linear-gradient(135deg,var(--olive-dark),var(--olive));color:#fff;border:none;border-radius:11px;padding:13px;font-size:15px;font-weight:700;cursor:pointer;font-family:Cairo,sans-serif}
.sticky-wa{background:linear-gradient(135deg,#25D366,#128C7E);color:#fff;border:none;border-radius:11px;padding:13px 16px;font-size:20px;cursor:pointer}

/* SUCCESS POPUP */
.success-popup{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.6);z-index:9999;align-items:center;justify-content:center}
.success-box{background:#fff;border-radius:22px;padding:36px;max-width:380px;margin:20px;text-align:center}
.success-icon{font-size:56px;margin-bottom:14px}
.success-title{font-size:22px;font-weight:900;color:var(--olive-dark);margin-bottom:6px}
.success-text{font-size:14px;color:#666;line-height:1.7;margin-bottom:20px}
.success-close{background:var(--olive);color:#fff;border:none;border-radius:11px;padding:11px 28px;font-size:15px;font-weight:700;cursor:pointer;font-family:Cairo,sans-serif}

.section-title{text-align:center;font-size:26px;font-weight:900;margin-bottom:0;color:var(--dark)}
.section-title span{color:var(--olive)}

@media(max-width:768px){
.hero-inner{grid-template-columns:1fr;min-height:auto}
.hero-images{height:360px}
.hero-content{padding:24px 16px}
.hero-title{font-size:24px}
.features-grid{grid-template-columns:1fr}
.gallery-grid{grid-template-columns:repeat(2,1fr)}
.reviews-grid{grid-template-columns:1fr}
.trust-row{gap:6px}
}
</style>

<link href="https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;900&display=swap" rel="stylesheet">

<!-- TOP BAR -->
<div class="topbar">
  🚚 <span>توصيل مجاني</span> لجميع ولايات الجزائر &nbsp;|&nbsp; ✅ الدفع عند الاستلام &nbsp;|&nbsp; 🔄 إرجاع مجاني
</div>

<!-- COUNTDOWN -->
<div class="countdown-bar">
  ⚡ العرض ينتهي خلال:
  <span class="timer-box" id="lp-hours">02</span>:<span class="timer-box" id="lp-mins">47</span>:<span class="timer-box" id="lp-secs">33</span>
  &nbsp;— المخزون محدود!
</div>

<!-- HERO -->
<section class="hero">
  <div class="hero-inner">
    <div class="hero-images">
      <img src="REPLACE_WITH_SHOPIFY_IMAGE_2" class="main-img" id="lp-mainImg" alt="قندورة عصرية">
      <div class="hero-badge">🔥 الأكثر مبيعاً</div>
    </div>
    <div class="hero-content">
      <div class="brand-tag">✨ كولكشن جديد 2025</div>
      <h1 class="hero-title">القندورة العصرية <span>الأنيقة</span> التي تبحثين عنها</h1>
      <p class="hero-subtitle">محتشمة 100% — عصرية 100% — قماش راقي لا يُكمش — إكسسوار ذهبي يضيق الخصر أوتوماتيك 💛</p>
      <div class="trust-row">
        <div class="trust-item">✅ دفع عند الاستلام</div>
        <div class="trust-item">🚚 توصيل 48 ساعة</div>
        <div class="trust-item">🔄 إرجاع مجاني</div>
        <div class="trust-item">⭐ +500 زبونة</div>
      </div>
      <div class="price-block">
        <div style="display:flex;align-items:baseline;gap:8px;margin-bottom:4px">
          <span class="price-old">4500 دج</span>
          <span class="price-main">2990 دج</span>
        </div>
        <div style="font-size:13px;color:var(--olive);font-weight:600">⚡ سعر خاص لفترة محدودة</div>
        <span class="cod-badge">💰 الدفع عند الاستلام فقط</span>
      </div>
      <div style="margin-bottom:18px">
        <div style="font-size:14px;font-weight:700;margin-bottom:10px">اختاري اللون:</div>
        <div style="display:flex;gap:10px;margin-bottom:14px">
          <button class="color-btn olive active" onclick="lpColor(this,'olive')">🌿 زيتوني فاتح</button>
          <button class="color-btn khaki" onclick="lpColor(this,'khaki')">🪨 كاكي داكن</button>
        </div>
        <div style="font-size:14px;font-weight:700;margin-bottom:10px">اختاري المقاس:</div>
        <div style="display:flex;gap:8px;flex-wrap:wrap">
          <button class="size-btn" onclick="lpSize(this)">S</button>
          <button class="size-btn" onclick="lpSize(this)">M</button>
          <button class="size-btn active" onclick="lpSize(this)">L</button>
          <button class="size-btn" onclick="lpSize(this)">XL</button>
          <button class="size-btn" onclick="lpSize(this)">XXL</button>
        </div>
      </div>
      <button class="cta-main" onclick="lpScroll()">🛍️ اطلبي الآن — توصيل للباب</button>
      <button class="cta-whatsapp" onclick="lpWA()">💬 تواصلي معنا على واتساب</button>
      <div style="text-align:center;font-size:12px;color:#888;margin-top:8px">🔒 ما تدفعيش إلا لما يوصلك الطلب</div>
    </div>
  </div>
</section>

<!-- FEATURES -->
<section class="features">
  <div style="max-width:1000px;margin:auto">
    <h2 class="section-title">لماذا <span>هذه القندورة</span> مختلفة؟</h2>
    <div class="features-grid" style="margin-top:36px">
      <div class="feature-card"><div class="feature-icon">✂️</div><div class="feature-title">خياطة محكمة</div><div class="feature-text">قصة مدروسة تناسب جميع أشكال الجسم وتُبرز الخصر بشكل جميل</div></div>
      <div class="feature-card"><div class="feature-icon">🏅</div><div class="feature-title">قماش فاخر</div><div class="feature-text">ناعم على الجلد، لا يتكمش ويبقى شيك طول اليوم</div></div>
      <div class="feature-card"><div class="feature-icon">💛</div><div class="feature-title">إكسسوار ذهبي</div><div class="feature-text">يضيق الخصر أوتوماتيك ويعطيك لمسة راقية حصرية</div></div>
      <div class="feature-card"><div class="feature-icon">🕌</div><div class="feature-title">محتشمة 100%</div><div class="feature-text">ياقة عالية وأكمام كاملة مريحة للجميع</div></div>
      <div class="feature-card"><div class="feature-icon">🌈</div><div class="feature-title">لونان متاحان</div><div class="feature-text">زيتوني فاتح وكاكي داكن — اختاري ما يناسب ذوقك</div></div>
      <div class="feature-card"><div class="feature-icon">📦</div><div class="feature-title">توصيل سريع</div><div class="feature-text">48 إلى 72 ساعة لجميع ولايات الجزائر</div></div>
    </div>
  </div>
</section>

<!-- GALLERY -->
<section class="gallery">
  <div style="max-width:1000px;margin:auto">
    <h2 class="section-title">شوفيها من <span>زوايا مختلفة</span></h2>
    <div class="gallery-grid">
      <div class="gallery-item"><img src="REPLACE_WITH_SHOPIFY_IMAGE_1" alt="صورة 1"></div>
      <div class="gallery-item"><img src="REPLACE_WITH_SHOPIFY_IMAGE_2" alt="صورة 2"></div>
      <div class="gallery-item"><img src="REPLACE_WITH_SHOPIFY_IMAGE_3" alt="صورة 3"></div>
      <div class="gallery-item"><img src="REPLACE_WITH_SHOPIFY_IMAGE_4" alt="صورة 4"></div>
    </div>
  </div>
</section>

<!-- SOCIAL PROOF -->
<div class="social-bar">
  👥 <span style="color:var(--gold-light)">+847 زبونة</span> طلبوا هذا الشهر &nbsp;|&nbsp;
  ⭐ تقييم <span style="color:var(--gold-light)">4.9/5</span> &nbsp;|&nbsp;
  🔥 <span style="color:#FF9B9B">آخر 23 قطعة</span> في المخزون
</div>

<!-- REVIEWS -->
<section class="reviews">
  <div style="max-width:1000px;margin:auto">
    <h2 class="section-title">ماذا تقول <span>زبوناتنا</span>؟</h2>
    <div class="reviews-grid">
      <div class="review-card">
        <div class="review-stars">⭐⭐⭐⭐⭐</div>
        <p class="review-text">"والله ما توقعتش تكون بهاد الجودة! القماش ناعم وخفيف، والإكسسوار الذهبي كيحل الكل. الكل سألوني وين شريتيها 😍"</p>
        <div class="review-author">سارة م.</div><div class="review-city">📍 وهران</div>
      </div>
      <div class="review-card">
        <div class="review-stars">⭐⭐⭐⭐⭐</div>
        <p class="review-text">"وصلت في يومين، اللبسة تخطت توقعاتي. لبستها في خطوبة أختي وكل الناس عجبتهم. نوصي بيها 100%"</p>
        <div class="review-author">نور ب.</div><div class="review-city">📍 الجزائر العاصمة</div>
      </div>
      <div class="review-card">
        <div class="review-stars">⭐⭐⭐⭐⭐</div>
        <p class="review-text">"اشتريت اللون الكاكي وطلبت الزيتوني للوالدة بعد يومين 😂 ما قدرتش نقاوم. الأسعار معقولة والجودة ممتازة"</p>
        <div class="review-author">إيمان ك.</div><div class="review-city">📍 قسنطينة</div>
      </div>
    </div>
  </div>
</section>

<!-- ORDER FORM -->
<section class="order-section" id="lp-order">
  <div class="order-inner">
    <h2 class="order-title">🛍️ اطلبي الآن</h2>
    <p class="order-subtitle">أكملي بياناتك وسنتصل بك لتأكيد الطلب خلال أقل من ساعة</p>
    <label class="form-label">الاسم الكامل *</label>
    <input class="form-input" type="text" id="lp-name" placeholder="اسمك الكامل">
    <label class="form-label">رقم الهاتف *</label>
    <input class="form-input" type="tel" id="lp-phone" placeholder="05XXXXXXXX">
    <label class="form-label">الولاية *</label>
    <select class="form-select" id="lp-wilaya">
      <option value="">اختاري ولايتك...</option>
      <option>الجزائر</option><option>وهران</option><option>قسنطينة</option>
      <option>سطيف</option><option>عنابة</option><option>باتنة</option>
      <option>بجاية</option><option>تلمسان</option><option>تيزي وزو</option>
      <option>البليدة</option><option>المدية</option><option>مستغانم</option>
      <option>بسكرة</option><option>برج بوعريريج</option><option>الشلف</option>
      <option>سيدي بلعباس</option><option>معسكر</option><option>ولايات أخرى</option>
    </select>
    <div style="display:grid;grid-template-columns:1fr 1fr;gap:12px">
      <div>
        <label class="form-label">اللون</label>
        <select class="form-select" id="lp-color">
          <option>🌿 زيتوني فاتح</option><option>🪨 كاكي داكن</option>
        </select>
      </div>
      <div>
        <label class="form-label">المقاس</label>
        <select class="form-select" id="lp-size">
          <option>S</option><option>M</option><option selected>L</option><option>XL</option><option>XXL</option>
        </select>
      </div>
    </div>
    <label class="form-label">الكمية</label>
    <select class="form-select" id="lp-qty">
      <option>1 قطعة — 2990 دج</option>
      <option>2 قطع — 5600 دج (وفري 380 دج)</option>
      <option>3 قطع — 8100 دج (وفري 870 دج)</option>
    </select>
    <button class="submit-btn" onclick="lpSubmit()">✅ أكدي طلبك — الدفع عند الاستلام</button>
    <p style="text-align:center;color:rgba(255,255,255,0.55);font-size:12px;margin-top:10px">🔒 بياناتك آمنة تماماً</p>
  </div>
</section>

<!-- FAQ -->
<section class="faq">
  <div class="faq-inner">
    <h2 class="section-title" style="margin-bottom:24px">أسئلة <span>شائعة</span></h2>
    <div class="faq-item"><div class="faq-q" onclick="lpFaq(this)">كيفاش نعرف المقاس المناسب؟ <span>▼</span></div><div class="faq-a">أعطينا طولك ووزنك على واتساب وسنرشدك للمقاس المناسب بلا غلط ✅</div></div>
    <div class="faq-item"><div class="faq-q" onclick="lpFaq(this)">كم يستغرق التوصيل؟ <span>▼</span></div><div class="faq-a">بين 48 و72 ساعة لجميع ولايات الجزائر 📦</div></div>
    <div class="faq-item"><div class="faq-q" onclick="lpFaq(this)">هل يمكنني إرجاع المنتج؟ <span>▼</span></div><div class="faq-a">نعم! إرجاع مجاني خلال 7 أيام من الاستلام 🔄</div></div>
    <div class="faq-item"><div class="faq-q" onclick="lpFaq(this)">هل الدفع عند الاستلام متاح؟ <span>▼</span></div><div class="faq-a">بالطبع! نعمل بالدفع عند الاستلام فقط 💰</div></div>
    <div class="faq-item"><div class="faq-q" onclick="lpFaq(this)">هل القماش مناسب للصيف؟ <span>▼</span></div><div class="faq-a">نعم! خفيف ومريح للربيع والصيف 🌿</div></div>
  </div>
</section>

<!-- FOOTER -->
<div style="background:#1A1A1A;color:#888;text-align:center;padding:18px;font-size:13px;padding-bottom:80px">
  <p style="color:#fff;font-weight:700;margin-bottom:4px">ورشة الأناقة الجزائرية</p>
  <p>💬 واتساب | 📦 جميع ولايات الجزائر | 🔒 دفع عند الاستلام</p>
</div>

<!-- STICKY BAR -->
<div class="sticky-bar">
  <div class="sticky-price">2990 دج</div>
  <button class="sticky-btn" onclick="lpScroll()">🛍️ اطلبي الآن</button>
  <button class="sticky-wa" onclick="lpWA()">💬</button>
</div>

<!-- SUCCESS POPUP -->
<div class="success-popup" id="lp-success">
  <div class="success-box">
    <div class="success-icon">🎉</div>
    <h3 class="success-title">تم استلام طلبك!</h3>
    <p class="success-text">شكراً! سنتصل بك خلال أقل من ساعة لتأكيد الطلب.<br>💛 نتمنى لك تسوقاً ممتعاً!</p>
    <button class="success-close" onclick="document.getElementById('lp-success').style.display='none'">حسناً، شكراً!</button>
  </div>
</div>

<script>
var LP_WA = 'REPLACE_WITH_YOUR_NUMBER';
var LP_IMG = {
  olive: 'REPLACE_WITH_SHOPIFY_IMAGE_2',
  khaki: 'REPLACE_WITH_SHOPIFY_IMAGE_3'
};

(function(){
  var end = Date.now() + (2*3600+47*60+33)*1000;
  setInterval(function(){
    var d = Math.max(0, end - Date.now());
    var h = Math.floor(d/3600000), m = Math.floor((d%3600000)/60000), s = Math.floor((d%60000)/1000);
    document.getElementById('lp-hours').textContent = String(h).padStart(2,'0');
    document.getElementById('lp-mins').textContent = String(m).padStart(2,'0');
    document.getElementById('lp-secs').textContent = String(s).padStart(2,'0');
  }, 1000);
})();

function lpColor(btn, c){
  document.querySelectorAll('.color-btn').forEach(function(b){b.classList.remove('active')});
  btn.classList.add('active');
  var img = document.getElementById('lp-mainImg');
  if(img) img.src = LP_IMG[c] || LP_IMG.olive;
}
function lpSize(btn){
  document.querySelectorAll('.size-btn').forEach(function(b){b.classList.remove('active')});
  btn.classList.add('active');
}
function lpScroll(){
  document.getElementById('lp-order').scrollIntoView({behavior:'smooth'});
}
function lpWA(){
  window.open('https://wa.me/'+LP_WA+'?text=مرحباً، أريد طلب القندورة العصرية 🛍️','_blank');
}
function lpFaq(el){
  var a = el.nextElementSibling;
  var open = a.style.display === 'block';
  document.querySelectorAll('.faq-a').forEach(function(x){x.style.display='none'});
  document.querySelectorAll('.faq-q span').forEach(function(x){x.textContent='▼'});
  if(!open){a.style.display='block'; el.querySelector('span').textContent='▲';}
}
function lpSubmit(){
  var n = document.getElementById('lp-name').value.trim();
  var p = document.getElementById('lp-phone').value.trim();
  var w = document.getElementById('lp-wilaya').value;
  if(!n||!p||!w){alert('رجاءً أكملي جميع البيانات المطلوبة');return;}
  var c = document.getElementById('lp-color').value;
  var s = document.getElementById('lp-size').value;
  var q = document.getElementById('lp-qty').value;
  var msg = 'طلب جديد:%0A👤 '+n+'%0A📞 '+p+'%0A📍 '+w+'%0A🎨 '+encodeURIComponent(c)+'%0A📏 '+s+'%0A📦 '+encodeURIComponent(q);
  window.open('https://wa.me/'+LP_WA+'?text='+msg,'_blank');
  document.getElementById('lp-success').style.display='flex';
}
</script>