/* خلفية Plasma Ribbons + وضوح 100% للنصوص فوق أي خلفية */
.epic-fixed-bg{background:#03060f!important}
.epic-fixed-bg>.epic-bg-layer,.epic-fixed-bg::after{display:none!important}
#plasmaBg{position:absolute;inset:0;width:100%;height:100%;display:block}
.epic-fixed-bg::before{content:'';position:absolute;inset:0;z-index:2;pointer-events:none;
 background:radial-gradient(ellipse 80% 70% at 50% 40%,rgba(3,6,18,.35),rgba(3,6,18,.72)),rgba(3,6,18,.38)}

/* أسطح النصوص: داكنة شبه معتمة بدل الزجاج الشفاف */
.service-card,.portfolio-card,.ds-card,.stats-bar,.contact-card,.section-modal,.header-phone{
 background:linear-gradient(180deg,rgba(14,20,50,.90),rgba(8,12,34,.92))!important;
 -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-color:rgba(255,255,255,.14)!important}
.site-header{background:rgba(4,8,24,.88)!important}

/* ألوان نصوص مضمونة */
body{color:#eef3ff}
h1,h2,h3,h4,h5,h6{color:#fff;text-shadow:0 2px 14px rgba(0,0,0,.65)}
p,li,label,.rich-content,.rich-content *{color:rgba(240,245,255,.92)}
section>.container>p,.section-sub,.section-desc,.hero-subtitle,.hero-text{text-shadow:0 1px 12px rgba(0,0,0,.8)}
.rich-content{background:rgba(6,10,30,.72);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:24px}
a:not(.btn):not(.ds-btn){text-shadow:0 1px 8px rgba(0,0,0,.6)}
input,textarea,select{background:rgba(6,10,30,.9)!important;color:#fff!important;border:1px solid rgba(255,255,255,.2)!important}
::placeholder{color:rgba(255,255,255,.55)!important}
.btn-primary,.ds-btn-main{color:#021226!important;text-shadow:none!important}
.btn-primary *,.ds-btn-main *{color:inherit!important;text-shadow:none!important}

/* أعمالنا: بطاقات (3 جنب بعض على الكمبيوتر، تحت بعض على الموبايل) */
.ds-devtabs,.ds-devices{display:none!important}
.ds-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:28px!important;align-items:start}
@media(max-width:1024px){.ds-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:640px){.ds-grid{grid-template-columns:minmax(0,1fr)!important;max-width:520px;margin-inline:auto}}
.ds-screen{aspect-ratio:16/10!important}
.ds-shot{object-fit:cover!important;object-position:top!important;background:#0b1235}
.ds-modal-stage{justify-content:center;background:#050816}
.ds-modal-stage>img,.ds-modal-stage iframe{width:100%!important;max-width:1100px!important;margin-inline:auto}

/* صور المهن: كل الكروت بنفس المقاس، والوجوه ظاهرة */
.portfolio-card img{aspect-ratio:4/3!important;height:auto!important;width:100%!important;object-fit:cover!important;object-position:center 15%!important;padding:0!important;background:#0b1235}

/* لوجو الهيرو: بدون إطار "شاشة"، يذوب في الخلفية */
.hero-logo-frame{background:none!important;border:0!important;box-shadow:none!important;border-radius:0!important;overflow:visible!important;padding:0!important;margin-bottom:8px!important}
.hero-logo-frame::before{inset:auto!important;left:50%;top:50%;width:70%;height:70%;transform:translate(-50%,-50%)!important;
 background:radial-gradient(closest-side,rgba(0,150,255,.35),rgba(120,60,255,.15) 60%,transparent)!important;filter:blur(30px)!important;opacity:1!important}
.hero-logo-img{mix-blend-mode:screen;max-height:clamp(220px,34vw,380px)!important;
 -webkit-mask-image:radial-gradient(ellipse 62% 60% at center,#000 40%,transparent 100%)!important;
 mask-image:radial-gradient(ellipse 62% 60% at center,#000 40%,transparent 100%)!important}
.hero-logo-text{position:relative}

/* الإحصائيات: أرقام أصغر */
.stat-number{font-size:22px!important;font-weight:700!important}
.stat-label{font-size:13px!important;color:rgba(235,242,255,.85)!important;line-height:1.5}
@media(max-width:768px){.stat-number{font-size:18px!important}.stat-label{font-size:12px!important}.stat-icon{width:40px!important;height:40px!important;font-size:18px!important}}

/* كروت المهن: نفس الارتفاع بدون فراغات */
.portfolio-slider,.portfolio-grid{align-items:stretch}
.portfolio-card-body{justify-content:flex-start!important;gap:8px!important;min-height:0!important}
.portfolio-card-body h4{min-height:3em;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal!important}
.portfolio-card-body .pc-text{min-height:5.4em}
.portfolio-card-body .pc-more{margin-top:auto!important}

/* صورة غلاف صفحة المهنة: كاملة بدون قص */
.page-cover{max-height:none!important;height:auto!important;object-fit:contain!important;background:#0b1235}

/* لوجو الفوتر + بانر IFCORE: بدون إطار، يذوب في الخلفية */
.footer-logo-full,.showcase-frame{position:relative;background:none!important;border:0!important;box-shadow:none!important;border-radius:0!important;overflow:visible!important}
.footer-logo-full::before,.showcase-frame::before{content:'';position:absolute;left:50%;top:50%;width:70%;height:70%;transform:translate(-50%,-50%);
 background:radial-gradient(closest-side,rgba(0,150,255,.32),rgba(120,60,255,.14) 60%,transparent);filter:blur(30px);pointer-events:none}
.footer-logo-full img,.showcase-frame img{position:relative;border:0!important;border-radius:0!important;mix-blend-mode:screen;
 -webkit-mask-image:radial-gradient(ellipse 62% 60% at center,#000 40%,transparent 100%);
 mask-image:radial-gradient(ellipse 62% 60% at center,#000 40%,transparent 100%)}
.footer-logo-full img{max-width:760px;margin-inline:auto}

/* ===== محتوى الصفحات (rich-content): نص واضح واحترافي مهما كانت ألوان المحرر ===== */
.rich-content{font-size:17px;line-height:2.05;padding:32px clamp(18px,4vw,44px)!important;background:linear-gradient(180deg,rgba(12,18,48,.92),rgba(6,10,30,.94))!important;border:1px solid rgba(0,212,255,.18)!important;box-shadow:0 24px 60px -28px rgba(0,0,0,.9)}
.rich-content,.rich-content *{color:#e9efff!important;background-color:transparent!important;text-shadow:none!important}
.rich-content p,.rich-content li,.rich-content span,.rich-content div,.rich-content td{color:#e4ebfb!important;opacity:1!important}
.rich-content h1,.rich-content h2,.rich-content h3,.rich-content h4{color:#fff!important;font-weight:800;line-height:1.5;margin:34px 0 14px;padding-right:14px;border-right:4px solid #00d4ff;font-family:var(--font-head)}
.rich-content h1{font-size:30px}.rich-content h2{font-size:26px}.rich-content h3{font-size:21px}.rich-content h4{font-size:18px}
.rich-content h1 *,.rich-content h2 *,.rich-content h3 *,.rich-content h4 *{color:#fff!important}
.rich-content strong,.rich-content b{color:#5eeaff!important;font-weight:700}
.rich-content strong *,.rich-content b *{color:#5eeaff!important}
.rich-content a{color:#5eeaff!important;text-decoration:underline;text-underline-offset:4px}
.rich-content p{margin:0 0 16px}
.rich-content ul,.rich-content ol{padding-right:24px;margin:0 0 18px}
.rich-content li{margin-bottom:8px}
.rich-content hr{border:0!important;height:1px;margin:34px 0;background:linear-gradient(90deg,transparent,rgba(0,212,255,.6),transparent)!important}
.rich-content img{max-width:100%;height:auto;border-radius:14px}
.rich-content table{width:100%;border-collapse:collapse}
.rich-content th,.rich-content td{border:1px solid rgba(255,255,255,.16)!important;padding:10px 14px}
.rich-content th{background:rgba(0,212,255,.14)!important}
/* نفس الشيء لأي صفحة نصوص أخرى (من نحن، خدماتنا...) */
.page-body,.page-body *:not(a):not(.btn):not(.btn *):not(i){color:inherit}
.page-body{color:#e9efff}
@media(max-width:640px){.rich-content{font-size:16px;line-height:1.95}.rich-content h2{font-size:22px}.rich-content h3{font-size:19px}}
.rich-content .btn,.rich-content .btn *{color:#021226!important;text-decoration:none}
.rich-content .btn{background-color:#00d4ff!important}

/* المعاينة: الموقع الحقيقي بمقاس الجهاز (موبايل 390 / لابتوب 1366) متجاوب وسليم */
.ds-devices{display:none!important}
.ds-devtabs{display:none!important}
.ds-screen{position:relative;aspect-ratio:390/640!important;background:#fff}
.ds-screen[data-d="m"]{aspect-ratio:390/640!important}
.ds-screen>.ds-shot{position:absolute;inset:0;width:100%;height:100%}
@media(max-width:640px){.ds-screen{aspect-ratio:390/640!important}}
.ds-live{z-index:4}
.ds-modal-stage{display:flex!important;align-items:center!important;justify-content:center!important;padding:12px;overflow:hidden!important;background:#060a22}
#dsView{position:relative;overflow:hidden;background:#fff;border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,.6)}
#dsView.is-phone{border-radius:28px;border:6px solid #1b2552}
.ds-devices button.on{background:var(--color-primary,#00d4ff)!important;color:#04102b!important}
@media(max-width:640px){.ds-devices{display:none!important}.ds-modal-bar strong{display:none}}

/* كارت الهوية في تواصل معنا */
.contact-id{display:flex;align-items:center;gap:22px;padding:24px;margin-bottom:28px;border-radius:22px;background:linear-gradient(180deg,rgba(14,20,50,.92),rgba(8,12,34,.94));border:1px solid rgba(0,212,255,.22)}
.contact-id-logo{flex:0 0 auto;width:88px;height:96px;display:grid;place-items:center;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:linear-gradient(135deg,#00d4ff,#7a4dff,#ffb020)}
.contact-id-logo b{display:grid;place-items:center;width:calc(100% - 8px);height:calc(100% - 8px);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:#0b1235;color:#fff;font-size:26px;font-weight:900}
.contact-id-text h2{margin:0 0 6px;font-size:24px}.contact-id-text p{margin:0 0 12px;color:#cfd9f5}
.contact-id-nums{display:flex;flex-wrap:wrap;gap:10px}
.contact-id-nums a{display:inline-flex;gap:8px;align-items:center;padding:8px 16px;border-radius:999px;background:rgba(0,212,255,.12);border:1px solid rgba(0,212,255,.3);color:#5eeaff!important;font-weight:700;text-decoration:none}
@media(max-width:560px){.contact-id{flex-direction:column;text-align:center}}
/* تصنيفات المواقع + كود */
.ds-cats,.gal-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 22px}
.ds-cats button,.gal-tabs button{padding:9px 20px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:rgba(10,16,44,.85);color:#e9efff;font:inherit;font-weight:700;cursor:pointer}
.ds-cats button.on,.gal-tabs button.on{background:linear-gradient(180deg,#38e4ff,#00bfe8);color:#021226;border-color:transparent}
.ds-cat{display:inline-block;align-self:flex-start;padding:3px 12px;border-radius:999px;font-size:12px;font-weight:700;background:rgba(122,77,255,.22);color:#d9ccff}
.ds-num{font-weight:800;letter-spacing:.04em;color:#5eeaff!important}

.ds-head .ds-lead{font-size:clamp(17px,2.4vw,22px)!important;font-weight:600;line-height:1.9;color:#e9efff!important;margin-top:6px}

.hdr-start{display:flex;align-items:center;gap:12px;min-width:0}

/* مجموعات المتاجر: كل مجال بعنوانه وتحته تصاميمه */
.ds-group{margin-bottom:46px}
.ds-group[hidden]{display:none}
.ds-group-head{display:flex;align-items:center;gap:14px;margin:0 0 18px;padding:14px 18px;border-radius:16px;background:linear-gradient(90deg,rgba(0,212,255,.14),rgba(10,16,44,.85));border:1px solid rgba(0,212,255,.25)}
.ds-group-head h3{margin:0;flex:1;font-size:clamp(18px,2.6vw,24px);font-weight:800}
.ds-group-no{display:grid;place-items:center;min-width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#00d4ff,#7a4dff);color:#021226;font-weight:900}
.ds-group-head em{font-style:normal;font-weight:700;font-size:14px;padding:5px 14px;border-radius:999px;background:rgba(255,255,255,.1);color:#e9efff}
#dsGrid{display:block!important}