/* =========================================
   🎯 التنسيقات المستقلة لبلوك لماذا تختارنا
   ========================================= */

.premium-why-choose { padding: 0; display: flex; flex-wrap: wrap; direction: rtl; overflow: hidden; background-color: var(--why-secondary); }
.pwc-image-side { flex: 0 0 50%; position: relative; min-height: 600px; background-size: cover; background-position: center; z-index: 2; }
.pwc-title-strip { position: absolute; left: 0; top: 0; bottom: 0; width: 100px; background-color: var(--why-primary); display: flex; align-items: center; justify-content: center; overflow: hidden; z-index: 10; box-shadow: -15px 0 40px rgba(0,0,0,0.4); }
.pwc-title-track { display: flex; flex-direction: column; animation: marquee-vertical 20s linear infinite; }
.pwc-title-track h2 { writing-mode: vertical-rl; transform: rotate(180deg); color: #fff; font-size: 40px; font-weight: 900; margin: 40px 0; white-space: nowrap; font-family: 'Tajawal', sans-serif; letter-spacing: 2px; text-shadow: 0 5px 15px rgba(0,0,0,0.2); }
@keyframes marquee-vertical { 0% { transform: translateY(0); } 100% { transform: translateY(-50%); } }

.pwc-content-side { 
    flex: 0 0 50%; position: relative; padding: 100px 70px; display: flex; align-items: center; overflow: hidden; 
    background-color: var(--why-secondary) !important;
    background-image: linear-gradient(135deg, var(--why-secondary) 0%, var(--why-secondary) 40%, rgba(var(--why-primary-rgb), 0.15) 50%, var(--why-secondary) 60%, var(--why-secondary) 100%) !important;
    background-size: 300% 300% !important; animation: smoothPremiumAuroraWhy 7s cubic-bezier(0.4, 0, 0.2, 1) infinite alternate !important; 
}
@keyframes smoothPremiumAuroraWhy { 0% { background-position: 0% 50%; } 100% { background-position: 100% 50%; } }

.pwc-watermark-bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-size: cover; background-position: center; background-repeat: no-repeat; opacity: 0.06; z-index: 1; pointer-events: none; }
.pwc-features-grid { position: relative; z-index: 3; display: grid; grid-template-columns: 1fr 1fr; gap: 50px; width: 100%; }
.pwc-feature-card { position: relative; padding-right: 25px; border-right: 3px solid rgba(var(--why-primary-rgb), 0.2); transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); }
.pwc-feature-card:hover { border-right-color: var(--why-primary); transform: translateX(-10px); }

.pwc-icon { width: 75px; height: 75px; background-color: var(--why-primary); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: 20px; transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); box-shadow: 0 5px 15px rgba(var(--why-primary-rgb), 0.3); }
.pwc-icon span { font-size: 35px; color: #ffffff; display: block; margin: 0; padding: 0; line-height: 1; }
.pwc-feature-card:hover .pwc-icon { transform: scale(1.1) rotate(5deg) translateY(-5px); box-shadow: 0 10px 20px rgba(var(--why-primary-rgb), 0.5); }

.pwc-feature-card h3 { color: #fff; font-size: 22px; font-weight: 800; margin-bottom: 15px; font-family: 'Tajawal', sans-serif; }
.pwc-feature-card p { color: #9ab0c4; font-size: 15px; line-height: 1.8; margin: 0; text-align: justify; }

.pwc-watermark-number { position: absolute; bottom: -20px; left: 0; font-size: 90px; font-weight: 900; color: rgba(255, 255, 255, 0.08); line-height: 1; font-family: 'Arial', sans-serif; pointer-events: none; transition: all 0.5s ease; z-index: 0; }
.pwc-feature-card:hover .pwc-watermark-number { color: rgba(var(--why-primary-rgb), 0.20); transform: translateY(-15px); }

@media (max-width: 991px) { .pwc-image-side, .pwc-content-side { flex: 0 0 100%; } .pwc-image-side { min-height: 400px; } .pwc-title-strip { width: 100%; height: 70px; top: auto; bottom: 0; left: 0; } .pwc-title-track { flex-direction: row; align-items: center; animation: marquee-horizontal 15s linear infinite; } .pwc-title-track h2 { writing-mode: horizontal-tb; transform: rotate(0deg); margin: 0 30px; font-size: 25px; } @keyframes marquee-horizontal { 0% { transform: translateX(0); } 100% { transform: translateX(50%); } } .pwc-features-grid { grid-template-columns: 1fr; gap: 40px; } .pwc-content-side { padding: 60px 30px; } }