body, html { font-family: 'Cairo', sans-serif; background: #050505; margin: 0; scroll-behavior: smooth; }

/* حل الخلفية النهائي */
.fixed-background-layer {
    position: fixed; top: 0; left: 0; width: 100%; height: 100vh;
    background-image: url('back/back.jpg') !important;
    background-position: center; background-size: cover; z-index: -100;
}
.overlay-layer {
    position: fixed; top: 0; left: 0; width: 100%; height: 100vh;
    background: rgba(0,0,0,0.75); z-index: -99;
}

.glass-card { background: rgba(255,255,255,0.03); backdrop-filter: blur(10px); border-radius: 20px; border: 1px solid rgba(255,255,255,0.1); }

/* تشغيل التاتش */
.ticker-container {
    width: 100%; overflow: hidden; padding: 20px 0;
    touch-action: pan-y; cursor: grab; position: relative; z-index: 10;
}
.ticker-track { display: inline-flex; animation: tickerLoop 40s linear infinite; }
.ticker-img { height: 350px; border-radius: 15px; margin-right: 20px; pointer-events: none; }

@keyframes tickerLoop { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }

/* ستايل الموبايل المنفصل */
@media (max-width: 768px) {
    h1 { font-size: 1.8rem !important; }
    .grid { grid-template-columns: 1fr !important; }
    .ticker-img { height: 240px !important; }
    #video-portfolio .grid-cols-2 { grid-template-columns: repeat(2, 1fr) !important; }
}