تصميم موقع سيارات | طريقك لبناء معرض رقمي يبيع أضعاف ما يبيعه الموقع الفعلي في 2026

/* الحاوية الأساسية للمقال */
.responsive-article {
max-width: 800px;
margin: auto;
padding: 15px;
line-height: 1.8;
font-size: 18px;
}

/* الصور */
.responsive-article img {
max-width: 100%;
height: auto;
border-radius: 10px;
}

/* العناوين */
.responsive-article h1,
.responsive-article h2,
.responsive-article h3 {
line-height: 1.4;
}

/* الجداول */
.responsive-article table {
width: 100%;
display: block;
overflow-x: auto;
}

/* للجوال */
@media (max-width: 600px) {
.responsive-article {
font-size: 16px;
padding: 10px;
}
}

.enjaz-wp{max-width:1200px;margin:30px auto;font-family:’Cairo’,sans-serif;line-height:2.8;direction:rtl;text-align:right;color:#1e293b;background:#ffffff;padding:50px 55px;border-radius:20px;border:1px solid #e2e8f0;border-top:6px solid #0f172a;box-shadow:0 25px 80px rgba(0,0,0,0.07);position:relative;box-sizing:border-box}
.enjaz-wp *,.enjaz-wp *::before,.enjaz-wp *::after{box-sizing:border-box}
.enjaz-wp::before{content:”;position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,#0f172a 0%,#334155 50%,#ea580c 100%);border-radius:20px 20px 0 0}
.enjaz-wp h1{font-size:2.4em;font-weight:950;color:#0f172a;text-align:center;margin-bottom:50px;line-height:1.6;padding:0}
.enjaz-wp h2{font-size:2em;color:#c2410c;border-bottom:3px solid #fed7aa;padding-bottom:12px;margin-top:65px;margin-bottom:30px;font-weight:900;clear:both}
.enjaz-wp h3{font-size:1.6em;color:#9a3412;margin-top:40px;font-weight:800;background:#fff7ed;display:inline-block;padding:4px 14px;border-radius:8px;border-right:5px solid #ea580c;clear:both}
.enjaz-wp p{font-size:1.25em;margin-bottom:25px;text-align:justify;color:#334155}
.enjaz-wp strong{color:#0f172a;font-weight:800;background-color:#f1f5f9;padding:0 4px;border-radius:3px}
.enjaz-wp em{color:#9a3412;font-style:normal;font-weight:700}
.enjaz-wp ul,.enjaz-wp ol{font-size:1.25em;color:#334155;line-height:2.3;margin-right:20px;margin-bottom:25px;padding-right:10px}
.enjaz-wp li{margin-bottom:10px}
.enjaz-wp img{max-width:100%;height:auto;border-radius:12px}
.enjaz-ai{background:#f8fafc;border:1px solid #cbd5e1;border-radius:14px;padding:30px;margin-bottom:45px;border-right:8px solid #334155}
.enjaz-ai h3{margin-top:0!important;background:transparent!important;padding:0!important;border:none!important;color:#0f172a!important;font-size:1.4em!important;margin-bottom:18px!important;border-right:none!important}
.enjaz-ai ul{margin-right:8px}
.enjaz-vault{background:#0f172a!important;color:#fff!important;padding:45px;border-radius:20px;margin:60px 0;position:relative;border:2px solid #ea580c;box-shadow:0 25px 70px rgba(15,23,42,0.25);overflow:hidden}
.enjaz-vault::after{content:”;position:absolute;left:-40px;bottom:-40px;width:250px;height:250px;background:radial-gradient(circle,rgba(234,88,12,0.1),transparent 70%);border-radius:50%}
.enjaz-vault h2{color:#fdba74!important;border:none!important;margin-top:0!important;padding-bottom:0!important;position:relative;z-index:1}
.enjaz-vault p{color:#e2e8f0!important;font-size:1.25em!important;font-weight:bold;position:relative;z-index:1}
.enjaz-vault strong{color:#fbbf24!important;background:rgba(251,191,36,0.1)!important}
.enjaz-card{background:#ffffff;padding:30px 35px;border-radius:16px;border:1px solid #e2e8f0;border-right:7px solid #ea580c;box-shadow:0 6px 20px rgba(0,0,0,0.04);margin-bottom:22px;transition:all 0.3s ease;position:relative;overflow:hidden}
.enjaz-card::before{content:”;position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,#ea580c,#f97316,#fbbf24);opacity:0;transition:opacity 0.3s ease}
.enjaz-card:hover{transform:translateY(-3px);box-shadow:0 16px 40px rgba(234,88,12,0.1);border-right:7px solid #f97316;border-color:#fed7aa}
.enjaz-card:hover::before{opacity:1}
.enjaz-card h4{color:#0f172a;font-size:1.5em;margin-top:0;margin-bottom:12px;font-weight:900;display:flex;align-items:center;gap:10px;line-height:1.7;flex-wrap:wrap}
.enjaz-tag{background:linear-gradient(135deg,#ea580c,#c2410c);color:#fff!important;padding:4px 12px;border-radius:8px;font-size:0.5em;font-weight:900;white-space:nowrap;letter-spacing:0.5px}
.enjaz-tag strong{color:#fff!important;background:transparent!important}
.enjaz-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin:35px 0}
.enjaz-tile{background:#f8fafc;padding:25px;border-radius:14px;border:1px solid #e2e8f0;border-top:4px solid #334155;box-shadow:0 4px 15px rgba(0,0,0,0.03);transition:all 0.3s ease}
.enjaz-tile:hover{transform:translateY(-3px);box-shadow:0 12px 35px rgba(0,0,0,0.07);border-top-color:#ea580c;background:#fff}
.enjaz-tile h4{color:#0f172a;font-size:1.3em;margin:0 0 8px 0;font-weight:900}
.enjaz-tile p{font-size:1em;color:#475569;margin-bottom:0;line-height:2}
.enjaz-city{padding:35px;border-radius:18px;margin:35px 0;position:relative;overflow:hidden}
.enjaz-city-r{background:linear-gradient(135deg,#fffbeb,#fff7ed);border:1px solid #fde68a;border-right:8px solid #d97706}
.enjaz-city-j{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #7dd3fc;border-right:8px solid #0284c7}
.enjaz-city-k{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #86efac;border-right:8px solid #16a34a}
.enjaz-city h3{font-size:1.75em;margin-top:0!important;margin-bottom:12px!important;background:transparent!important;border:none!important;padding:0!important;border-right:none!important}
.enjaz-city-r h3{color:#92400e!important}
.enjaz-city-j h3{color:#075985!important}
.enjaz-city-k h3{color:#166534!important}
.enjaz-city p{font-size:1.15em!important;margin-bottom:12px!important}
.enjaz-city strong{background:transparent!important}
.enjaz-city-r strong{color:#92400e!important}
.enjaz-city-j strong{color:#075985!important}
.enjaz-city-k strong{color:#166534!important}
.enjaz-wp table{width:100%;border-collapse:collapse;margin:35px 0;font-size:1.15em;box-shadow:0 8px 30px rgba(0,0,0,0.06);border-radius:14px;overflow:hidden}
.enjaz-wp thead{background:linear-gradient(135deg,#0f172a,#1e293b)}
.enjaz-wp th{background:transparent;color:#f1f5f9;padding:16px 18px;text-align:right;font-weight:800;border-bottom:3px solid #ea580c}
.enjaz-wp td{padding:16px 18px;border-bottom:1px solid #f1f5f9;color:#334155;background:#fff}
.enjaz-wp tbody tr:hover td{background-color:#f8fafc}
.enjaz-wp td:first-child{font-weight:800;color:#9a3412;background:#fffbeb;width:26%}
.enjaz-faq{background:#f8fafc;padding:40px;border-radius:18px;border:1px solid #e2e8f0;margin-top:55px}
.enjaz-faq h2{margin-top:0!important;padding-bottom:12px!important;border-bottom:3px solid #fed7aa!important}
.enjaz-qa{background:#ffffff;border:1px solid #e2e8f0;border-right:6px solid #334155;border-radius:10px;padding:25px;margin-bottom:16px;transition:all 0.3s}
.enjaz-qa:hover{border-right-color:#ea580c;box-shadow:0 4px 12px rgba(0,0,0,0.04)}
.enjaz-qa-q{font-size:1.25em;font-weight:900;color:#0f172a;margin-bottom:10px}
.enjaz-qa-a{font-size:1.1em;color:#475569;line-height:2.2;font-weight:600}
.enjaz-cta{background:#0f172a!important;padding:50px 35px!important;border-radius:20px!important;margin-top:65px!important;border:2px solid #ea580c!important;box-shadow:0 25px 60px rgba(15,23,42,0.3)!important;text-align:center!important;display:block!important;position:relative;overflow:hidden}
.enjaz-cta::before{content:”;position:absolute;top:-70px;right:-70px;width:300px;height:300px;background:radial-gradient(circle,rgba(234,88,12,0.08),transparent 70%);border-radius:50%}
.enjaz-cta h2{color:#ffffff!important;text-align:center!important;border:none!important;font-size:2em!important;margin-top:0!important;padding-bottom:6px!important;position:relative;z-index:1;font-weight:950!important}
.enjaz-cta p{text-align:center!important;font-size:1.2em!important;color:#cbd5e1!important;margin-bottom:30px!important;max-width:800px!important;margin-left:auto!important;margin-right:auto!important;font-weight:bold!important;line-height:1.9!important;position:relative;z-index:1}
.enjaz-cta strong{color:#fdba74!important;background:transparent!important}
.enjaz-btns{display:flex;flex-wrap:wrap;gap:18px;justify-content:center;position:relative;z-index:2}
.enjaz-b1{background:linear-gradient(135deg,#ea580c,#c2410c)!important;color:#fff!important;padding:16px 32px!important;border-radius:50px!important;font-weight:900!important;font-size:1.2em!important;text-decoration:none!important;border:none!important;transition:all 0.3s!important;flex:1;min-width:260px;text-align:center;box-shadow:0 8px 22px rgba(234,88,12,0.25)!important;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:’Cairo’,sans-serif!important;cursor:pointer}
.enjaz-b1:hover{transform:translateY(-3px)!important;box-shadow:0 16px 35px rgba(234,88,12,0.45)!important}
.enjaz-b2{background:#25D366!important;color:#fff!important;padding:16px 32px!important;border-radius:50px!important;font-weight:900!important;font-size:1.2em!important;text-decoration:none!important;border:none!important;transition:all 0.3s!important;flex:1;min-width:260px;text-align:center;display:inline-flex!important;align-items:center;justify-content:center;gap:8px;font-family:’Cairo’,sans-serif!important;cursor:pointer}
.enjaz-b2:hover{background:#20bd5a!important;transform:translateY(-3px)!important;box-shadow:0 16px 35px rgba(37,211,102,0.25)!important}
.enjaz-chips{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:25px;position:relative;z-index:2}
.enjaz-chip{background:rgba(255,255,255,0.06)!important;border:1px solid rgba(255,255,255,0.1)!important;color:#94a3b8!important;padding:10px 20px!important;border-radius:50px!important;font-size:0.9em!important;font-weight:700!important;text-decoration:none!important;display:inline-flex;align-items:center;gap:7px;transition:all 0.3s;font-family:’Cairo’,sans-serif!important}
.enjaz-chip:hover{background:rgba(234,88,12,0.15)!important;border-color:#ea580c!important;color:#fdba74!important}
@media(max-width:900px){
.enjaz-wp{padding:20px 16px;margin:15px auto}
.enjaz-wp h1{font-size:1.75em;margin-bottom:35px}
.enjaz-wp h2{font-size:1.45em;margin-top:45px;margin-bottom:25px}
.enjaz-wp h3{font-size:1.25em;margin-top:30px}
.enjaz-wp p,.enjaz-wp ul,.enjaz-wp ol{font-size:1em;line-height:2.1}
.enjaz-grid{grid-template-columns:1fr;gap:14px}
.enjaz-vault,.enjaz-faq{padding:22px 16px}
.enjaz-vault{margin:40px 0}
.enjaz-cta{padding:30px 16px!important;margin-top:45px!important}
.enjaz-cta h2{font-size:1.5em!important}
.enjaz-cta p{font-size:1em!important;margin-bottom:25px!important}
.enjaz-b1,.enjaz-b2{font-size:1em!important;min-width:220px;padding:14px 18px!important;flex-direction:column}
.enjaz-card{padding:20px 16px}
.enjaz-card h4{font-size:1.2em}
.enjaz-tile{padding:18px 14px}
.enjaz-city{padding:22px 16px}
.enjaz-city h3{font-size:1.35em}
.enjaz-qa{padding:18px 14px}
.enjaz-qa-q{font-size:1.1em}
.enjaz-qa-a{font-size:0.95em}
.enjaz-wp table{font-size:0.95em}
.enjaz-wp th,.enjaz-wp td{padding:12px 14px}
.enjaz-chips{gap:8px}
.enjaz-chip{font-size:0.8em!important;padding:8px 14px!important}
}