/* Add custom CSS styles below */ 
<style>
/* تنسيقات باقات الامتياز المميز */
.imtiaz-tiers-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 30px;
    padding: 20px 0;
    background-color: #fdfbf7;
    direction: rtl;
    font-family: 'Tajawal', 'Cairo', sans-serif;
}

.tier-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    padding: 35px 25px;
    text-align: center;
    transition: all 0.4s ease;
    position: relative;
    overflow: hidden;
    box-shadow: 0 4px 6px rgba(0,0,0,0.02);
}

.tier-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 40px rgba(15, 23, 42, 0.08);
    border-color: #d97706; 
}

.tier-badge {
    background: #0f172a; 
    color: #d97706; 
    padding: 6px 18px;
    border-radius: 50px;
    font-size: 13px;
    font-weight: 800;
    display: inline-block;
    margin-bottom: 20px;
}

.tier-title {
    font-size: 22px;
    font-weight: 800;
    color: #0f172a;
    margin-bottom: 10px;
}

.tier-price {
    font-size: 38px;
    font-weight: 900;
    color: #0f172a;
    margin: 15px 0;
}

.tier-price span {
    font-size: 16px;
    color: #64748b;
    font-weight: 600;
}

.tier-features {
    list-style: none;
    padding: 0;
    margin: 25px 0;
    text-align: right;
}

.tier-features li {
    padding: 12px 0;
    color: #475569;
    font-size: 15px;
    font-weight: 600;
    border-bottom: 1px dashed #e2e8f0;
}

.tier-features li::before {
    content: "✦ ";
    color: #d97706;
    font-size: 18px;
    margin-left: 5px;
}

.btn-buy {
    background: #0f172a;
    color: #ffffff;
    padding: 14px 25px;
    border-radius: 10px;
    text-decoration: none;
    display: block;
    font-weight: 800;
    font-size: 16px;
    transition: 0.3s;
    border: 2px solid #0f172a;
}

.btn-buy:hover {
    background: #ffffff;
    color: #0f172a;
}

/* تنسيقات باقة النخبة VIP */
.tier-card.vip-tier {
    background: #0f172a; 
    color: #ffffff;
    border-color: #d97706;
}
.tier-card.vip-tier .tier-title, .tier-card.vip-tier .tier-price {
    color: #ffffff;
}
.tier-card.vip-tier .tier-badge {
    background: #d97706; 
    color: #0f172a;
}
.tier-card.vip-tier .tier-features li {
    color: #e2e8f0;
    border-bottom-color: #334155;
}
.tier-card.vip-tier .btn-buy {
    background: #d97706;
    color: #0f172a;
    border-color: #d97706;
}
.tier-card.vip-tier .btn-buy:hover {
    background: #ffffff;
    color: #d97706;
}
</style>

<div class="imtiaz-tiers-container">
    
    <div class="tier-card">
        <div class="tier-badge">الخيار الاقتصادي</div>
        <h3 class="tier-title">باقة التوفير الذكي</h3>
        <p style="color: #64748b; font-size: 14px; margin-bottom: 0;">طاقة قماش صيني نخب أول</p>
        <div class="tier-price">300 <span>ر.س</span></div>
        <ul class="tier-features">
            <li>طاقة كاملة تكفي لـ 7 أثواب</li>
            <li>جودة ممتازة مقابل سعر منافس</li>
            <li>عملي ومثالي للاستخدام اليومي</li>
        </ul>
        <a href="https://alimtiaztailor.com/باقة-التوفير-الذكي-طاقة-قماش-صيني-نخب-أول/p1046031474" class="btn-buy">اطلب الآن</a>
    </div>

    <div class="tier-card" style="border-top: 4px solid #38bdf8;">
        <div class="tier-badge" style="background:#38bdf8; color:#fff;">عملي وأنيق</div>
        <h3 class="tier-title">باقة الأناقة الكورية</h3>
        <p style="color: #64748b; font-size: 14px; margin-bottom: 0;">طاقة قماش كوري عالي الجودة</p>
        <div class="tier-price">500 <span>ر.س</span></div>
        <ul class="tier-features">
            <li>طاقة كاملة تكفي لـ 7 أثواب</li>
            <li>مظهر يجمع بين الرسمية والراحة</li>
            <li>مقاومة استثنائية للتجعد</li>
        </ul>
        <a href="https://alimtiaztailor.com/باقة-الأناقة-طاقة-قماش-كوري-عالي-الجودة/p1530586127" class="btn-buy">اطلب الآن</a>
    </div>

    <div class="tier-card" style="border-top: 4px solid #0f172a;">
        <div class="tier-badge">الأكثر طلباً</div>
        <h3 class="tier-title">باقة الوجاهة اليابانية</h3>
        <p style="color: #64748b; font-size: 14px; margin-bottom: 0;">طاقة قماش ياباني فاخر</p>
        <div class="tier-price">700 <span>ر.س</span></div>
        <ul class="tier-features">
            <li>طاقة كاملة تكفي لـ 7 أثواب</li>
            <li>مظهر "نص واقف" فائق الفخامة</li>
            <li>خيوط معالجة لمنع الالتصاق</li>
        </ul>
        <a href="https://alimtiaztailor.com/باقة-الوجاهة-طاقة-قماش-ياباني-فاخر/p1849914493" class="btn-buy">اطلب الآن</a>
    </div>

    <div class="tier-card" style="border-top: 4px solid #d97706;">
        <div class="tier-badge" style="background:#fef3c7; color:#d97706;">للمناسبات والأعياد</div>
        <h3 class="tier-title">باقة التميز</h3>
        <p style="color: #64748b; font-size: 14px; margin-bottom: 0;">طاقة قماش ياباني رسمي (F)</p>
        <div class="tier-price">1000 <span>ر.س</span></div>
        <ul class="tier-features">
            <li>طاقة كاملة تكفي لـ 7 أثواب</li>
            <li>مظهر رسمي "واقف" وهيبة لا تضاهى</li>
            <li>انسيابية عالية وبياض ناصع عميق</li>
        </ul>
        <a href="https://alimtiaztailor.com/باقة-التميز-طاقة-قماش-ياباني-رسمي-للمناسبات/p274123088" class="btn-buy">اطلب الآن</a>
    </div>

    <div class="tier-card" style="border-top: 4px solid #10b981;">
        <div class="tier-badge" style="background:#10b981; color:#fff;">برودة طبيعية</div>
        <h3 class="tier-title">باقة الامتياز المطور</h3>
        <p style="color: #64748b; font-size: 14px; margin-bottom: 0;">طاقة ألياف طبيعية يابانية</p>
        <div class="tier-price">1500 <span>ر.س</span></div>
        <ul class="tier-features">
            <li>طاقة كاملة تكفي لـ 7 أثواب</li>
            <li>تحاكي القطن في النعومة والبرودة</li>
            <li>تهوية استثنائية (مثالية للصيف)</li>
        </ul>
        <a href="https://alimtiaztailor.com/باقة-الامتياز-المطور-طاقة-ألياف-طبيعية-يابانية/p1478054303" class="btn-buy">اطلب الآن</a>
    </div>

    <div class="tier-card vip-tier">
        <div class="tier-badge">القمة والتكنولوجيا</div>
        <h3 class="tier-title">باقة النخبة VIP</h3>
        <p style="color: #e2e8f0; font-size: 14px; margin-bottom: 0;">ياباني سوبر بتقنية النانو</p>
        <div class="tier-price" style="color:#d97706;">2000 <span>ر.س</span></div>
        <ul class="tier-features">
            <li>طاقة كاملة تكفي لـ 7 أثواب</li>
            <li>تقنية النانو (طارد للسوائل والبقع)</li>
            <li>ملمس حريري بارد لا يتجعد</li>
        </ul>
        <a href="https://alimtiaztailor.com/باقة-النخبة-vip-طاقة-ياباني-سوبر-بتقنية-النانو/p914703874" class="btn-buy">اطلب الفخامة</a>
    </div>

</div>