/* =========================================
   🛠️ التنسيقات المستقلة لبلوك الخدمات
   ========================================= */

.premium-services-section { padding: 80px 0 20px 0; position: relative; direction: rtl; overflow: hidden; background-color: #f8fbfa !important; }
.pss-unified-dark-box { 
    position: relative; z-index: 1; border-radius: 24px; overflow: hidden; box-shadow: 0 25px 60px rgba(0,0,0,0.2); border: 1px solid rgba(255, 255, 255, 0.1);
    background-color: var(--srv-secondary) !important;
    background-image: linear-gradient(135deg, var(--srv-secondary) 0%, var(--srv-secondary) 40%, rgba(var(--srv-primary-rgb), 0.18) 50%, var(--srv-secondary) 60%, var(--srv-secondary) 100%) !important;
    background-size: 300% 300% !important; animation: smoothPremiumAuroraSrv 7s cubic-bezier(0.4, 0, 0.2, 1) infinite alternate !important; 
}
@keyframes smoothPremiumAuroraSrv { 0% { background-position: 0% 50%; } 100% { background-position: 100% 50%; } }

.pss-text-col { padding: 60px 60px 160px 40px; display: flex; flex-direction: column; justify-content: center; text-align: right; position: relative; z-index: 2; }
.pss-intro-subtitle { display: inline-flex; align-items: center; background: rgba(var(--srv-primary-rgb), 0.15); color: var(--srv-primary); padding: 8px 25px; border-radius: 30px; font-weight: 800; font-size: 14px; margin-bottom: 20px; width: fit-content; border: 1px solid rgba(var(--srv-primary-rgb), 0.3); }
.pss-text-col h3 { color: #fff; font-size: 40px; font-weight: 900; margin-bottom: 20px; font-family: 'Tajawal', sans-serif; line-height: 1.4; text-shadow: 0 5px 15px rgba(0,0,0,0.3); }
.pss-text-col p { color: #d1e0e9; font-size: 16px; line-height: 1.8; margin-bottom: 35px; text-shadow: 0 2px 4px rgba(0,0,0,0.2); }
.pss-img-col { position: relative; min-height: 450px; overflow: hidden; z-index: 2; }

/* استخدام مسار نسبي للخلفية */
.pss-dark-anim-bg { 
    position: absolute; top: -10%; left: -10%; right: -10%; bottom: -10%; 
    background: url('../../assets/images/shapes/services-one-shape-1.png') center/cover; 
    opacity: 0.9; animation: panBgSrv 20s infinite alternate linear; z-index: 1; 
}
@keyframes panBgSrv { 0% { transform: scale(1) translate(0, 0); } 100% { transform: scale(1.1) translate(2%, 2%); } }

.pss-dark-overlay { position: absolute; top:0; left:0; right:0; bottom:0; background: linear-gradient(90deg, var(--srv-secondary) 0%, transparent 30%); z-index: 2; }
.pss-title-strip { position: absolute; top: 0; right: 0; bottom: 0; width: 80px; background-color: var(--srv-primary); z-index: 10; overflow: hidden; box-shadow: 10px 0 25px rgba(0,0,0,0.5); }
.pss-title-track { position: absolute; top: 0; left: 0; width: 100%; display: flex; flex-direction: column; align-items: center; animation: marquee-vertical-srv 20s linear infinite; }
.pss-title-track h2 { writing-mode: vertical-rl; transform: rotate(180deg); color: #fff; font-size: 32px; font-weight: 900; margin: 30px 0; white-space: nowrap; font-family: 'Tajawal', sans-serif; letter-spacing: 2px; }
@keyframes marquee-vertical-srv { 0% { transform: translateY(0); } 100% { transform: translateY(-50%); } }

.pss-slider-container { margin-top: -120px; position: relative; z-index: 20; padding: 0 15px; }
.premium-service-card { background: #fff; border-radius: 16px; overflow: hidden; box-shadow: 0 15px 35px rgba(0,0,0,0.1); transition: all 0.4s ease; border: 1px solid #f0f4f5; display: flex; flex-direction: column; height: 100%; min-height: 480px; margin-top: 30px; }
.premium-service-card:hover { transform: translateY(-12px); box-shadow: 0 25px 45px rgba(var(--srv-primary-rgb), 0.2); border-color: var(--srv-primary); }
.psc-content { padding: 40px 25px 30px; text-align: center; position: relative; flex-grow: 1; }
.psc-badge { position: absolute; top: 20px; left: 20px; background: rgba(var(--srv-primary-rgb), 0.1); color: var(--srv-primary); font-weight: 900; font-family: 'Arial', sans-serif; padding: 5px 12px; border-radius: 8px; font-size: 15px; }
.psc-title a { font-size: 20px; font-weight: 900; color: #1a1a1a; margin-bottom: 15px; font-family: 'Tajawal', sans-serif; text-decoration: none; transition: 0.3s; display: block; line-height: 1.5; }
.psc-text { color: #777; font-size: 14px; line-height: 1.8; margin-bottom: 25px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.psc-btn { display: inline-flex; align-items: center; justify-content: center; color: var(--srv-primary); font-weight: 800; font-size: 15px; text-decoration: none !important; transition: 0.3s; }
.premium-service-card:hover .psc-btn i { transform: translateX(-5px); }
.psc-img-box { position: relative; height: 215px; }
.psc-img-box img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275); }
.psc-icon { position: absolute; top: 0; left: 50%; transform: translate(-50%, -50%); width: 60px; height: 60px; background: var(--srv-primary); color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 24px; border: 4px solid #fff; z-index: 3; box-shadow: 0 5px 15px rgba(0,0,0,0.1); transition: 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275); }
.premium-service-card:hover .psc-icon { transform: translate(-50%, -50%) rotateY(360deg) scale(1.1); box-shadow: 0 10px 25px rgba(var(--srv-primary-rgb), 0.4); }

@media (max-width: 991px) { .pss-text-col { padding: 50px 30px 140px 30px; text-align: center; align-items: center; } .pss-img-col { min-height: 350px; } .pss-title-strip { width: 100%; height: 60px; top: auto; bottom: 0; left: 0; right: 0; } .pss-title-track { flex-direction: row; animation: marquee-horizontal-srv 40s linear infinite; align-items: center; } .pss-title-track h2 { writing-mode: horizontal-tb; transform: rotate(0deg); margin: 0 30px; font-size: 24px; } }