/* ============================================================
   FOURIX CSS NOTE — دليل الأجهزة
   تصميم Hardware Guide التفاعلي.
   راجع public/assets/css/README_AR.md قبل التعديل الكبير.
   ============================================================ */

/* FOURIX V28 — Educational hardware guide */
.hardware-guide-page{background:#f6f9fc;color:#0a2033}.hardware-guide-hero{overflow:hidden}.hardware-guide-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:54px;align-items:center}.hardware-hero-visual{position:relative;min-height:430px;border:1px solid rgba(255,255,255,.16);border-radius:34px;background:radial-gradient(circle at 50% 50%,rgba(31,146,255,.22),transparent 34%),linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.02));box-shadow:inset 0 0 80px rgba(255,255,255,.03),0 25px 70px rgba(0,0,0,.16)}.hero-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:145px;height:145px;border-radius:36px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#1475e8,#0a2f53);box-shadow:0 22px 55px rgba(0,0,0,.28);z-index:2}.hero-core i{font-size:2.8rem}.hero-core strong{font-size:1rem;letter-spacing:.18em}.hw-chip{position:absolute;width:132px;padding:15px;border-radius:22px;background:rgba(255,255,255,.92);color:#0a2033;box-shadow:0 18px 35px rgba(0,0,0,.16);display:grid;grid-template-columns:34px 1fr;gap:2px 8px;align-items:center;animation:hwFloat 4.8s ease-in-out infinite}.hw-chip i{grid-row:1/3;font-size:1.2rem;color:#0b72e7}.hw-chip b{font-size:.82rem}.hw-chip span{font-size:.68rem;color:#6e7f8d}.hw-chip.cpu{top:42px;right:38px}.hw-chip.ram{top:76px;left:34px;animation-delay:.7s}.hw-chip.ssd{bottom:48px;right:42px;animation-delay:1.2s}.hw-chip.touch{bottom:64px;left:32px;animation-delay:1.8s}@keyframes hwFloat{50%{transform:translateY(-8px)}}
.hardware-guide-section{padding:86px 0;background:#fff;border-bottom:1px solid #e7edf3}.hardware-guide-section.alt{background:#f5f8fb}.guide-heading{display:flex;gap:22px;align-items:flex-start;max-width:960px;margin-bottom:34px}.guide-heading>span{flex:0 0 58px;width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:#eaf4ff;color:#0b72e7;font-weight:900;font-size:1.05rem}.guide-heading small{display:block;color:#0a8e86;font-size:.75rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.guide-heading h2{font-size:clamp(1.7rem,3vw,2.45rem);font-weight:900;margin:.25rem 0 .55rem}.guide-heading p{margin:0;color:#667686;line-height:1.9}.guide-heading.compact{margin-bottom:0}.guide-two-col{display:grid;grid-template-columns:.9fr 1.1fr;gap:50px;align-items:center}.factor-cloud{display:flex;gap:.75rem;flex-wrap:wrap}.factor-cloud span{display:inline-flex;align-items:center;gap:.55rem;padding:.85rem 1rem;border:1px solid #dfe8f1;border-radius:999px;background:#fff;font-weight:800;box-shadow:0 8px 22px rgba(8,31,50,.04)}.factor-cloud i{color:#0b72e7}.performance-ladder{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.performance-ladder article{padding:24px;border:1px solid #dfe8f1;border-radius:24px;background:#fff;box-shadow:0 14px 34px rgba(8,31,50,.05);position:relative;overflow:hidden}.performance-ladder article.recommended{border-color:#78baf7;box-shadow:0 18px 40px rgba(11,114,231,.1)}.performance-ladder article.recommended:before{content:"مقترح قوي";position:absolute;top:12px;left:12px;padding:.3rem .55rem;border-radius:999px;background:#eaf4ff;color:#0b72e7;font-size:.65rem;font-weight:900}.performance-ladder b{color:#0a8e86;font-size:.72rem}.performance-ladder h3{font-size:1rem;font-weight:900;margin:.55rem 0}.performance-ladder p{font-size:.8rem;color:#667686;line-height:1.75;min-height:84px}.hw-meter{height:8px;border-radius:999px;background:#edf2f6;overflow:hidden}.hw-meter i{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,#0a8e86,#0b72e7);transition:width 1s cubic-bezier(.2,.75,.3,1)}
.ram-visual{display:grid;gap:16px}.ram-visual>div{padding:18px;border:1px solid #dfe8f1;border-radius:20px;background:#fff;display:grid;grid-template-columns:70px 1fr;gap:5px 16px;align-items:center}.ram-visual>div.recommended{border-color:#7dbdf4;background:#f6fbff}.ram-visual b{font-size:1.15rem}.ram-visual span{color:#667686;font-size:.78rem}.ram-visual i{grid-column:1/-1;height:8px;border-radius:999px;background:#edf2f6;overflow:hidden}.ram-visual em{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#0a8e86,#0b72e7);transition:width 1s ease}
.storage-compare{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.storage-compare article{padding:28px;border-radius:24px;background:#fff;border:1px solid #dfe8f1}.storage-compare i{width:50px;height:50px;border-radius:16px;display:grid;place-items:center;background:#edf3f7;color:#607385;font-size:1.2rem}.storage-compare .fast i{background:#eaf4ff;color:#0b72e7}.storage-compare small{display:block;margin-top:16px;color:#0a8e86;font-weight:900}.storage-compare h3{font-size:1.05rem;font-weight:900;margin:.35rem 0 14px}.speed-track{height:10px;background:#e9eef3;border-radius:999px;overflow:hidden}.speed-track span{display:block;width:var(--speed);height:100%;border-radius:inherit;background:linear-gradient(90deg,#8aa0b4,#0b72e7)}.capacity-row{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;margin-top:16px}.capacity-row span{padding:16px;text-align:center;border-radius:18px;border:1px solid #dfe8f1;background:#fff}.capacity-row .recommended{background:#0b72e7;color:#fff;border-color:#0b72e7}.capacity-row b{display:block}.screen-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.screen-grid article{padding:26px;border-radius:22px;border:1px solid #dfe8f1;background:#fff;transition:.2s}.screen-grid article:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(8,31,50,.08)}.screen-grid i{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:#eaf4ff;color:#0b72e7;font-size:1.25rem}.screen-grid h3{font-size:1rem;font-weight:900;margin:16px 0 8px}.screen-grid p{font-size:.8rem;color:#667686;line-height:1.7;margin:0}
.versus-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:center}.versus-grid article{padding:30px;border:1px solid #dfe8f1;border-radius:26px;background:#fff}.versus-icon{width:74px;height:74px;border-radius:22px;background:#eaf4ff;color:#0b72e7;display:grid;place-items:center;font-size:1.8rem}.versus-grid h3{font-weight:900;margin:18px 0}.versus-grid ul{padding-right:1.2rem;color:#617483;line-height:2}.versus-badge{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:#071827;color:#fff;font-weight:900}.ports-board{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.ports-board span{padding:22px;border:1px solid #dfe8f1;border-radius:22px;background:#fff;display:grid;grid-template-columns:44px 1fr;gap:3px 12px;align-items:center}.ports-board i{grid-row:1/3;width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:#eef5fb;color:#0b72e7}.ports-board b{font-size:.92rem}.ports-board small{color:#667686;font-size:.72rem}.condition-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.condition-grid article{padding:28px;border:1px solid #dfe8f1;border-radius:24px;background:#fff}.condition-grid article.recommended{border-color:#72b9f8}.condition-grid span{display:inline-block;padding:.35rem .65rem;border-radius:999px;background:#edf5fb;color:#0b72e7;font-size:.72rem;font-weight:900}.condition-grid h3{font-size:1.05rem;font-weight:900;margin:15px 0 8px}.condition-grid p{color:#667686;line-height:1.8}.fourix-disclosure{margin-top:18px;padding:18px 20px;border-radius:18px;background:#071827;color:#fff;display:flex;gap:12px}.fourix-disclosure i{color:#5bb6ff;margin-top:.25rem}.fourix-disclosure p{margin:0;line-height:1.8}
.price-driver-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.price-driver-grid>div{padding:26px;border-radius:24px;background:#fff;border:1px solid #dfe8f1}.price-driver-grid h3{font-size:1.05rem;font-weight:900;margin-bottom:16px}.price-driver-grid .up h3{color:#0a8e63}.price-driver-grid .down h3{color:#b65858}.price-driver-grid span{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px solid #edf1f4;font-weight:800}.price-driver-grid span:last-child{border-bottom:0}.price-driver-grid .up b{color:#0a9b68}.price-driver-grid .down b{color:#c25a5a}.profile-switch{display:flex;gap:.7rem;flex-wrap:wrap;margin-bottom:18px}.profile-switch button{border:1px solid #dfe8f1;background:#fff;border-radius:16px;padding:.8rem 1rem;font-family:inherit;font-weight:900;color:#536779;transition:.2s}.profile-switch button.active,.profile-switch button:hover{background:#071827;color:#fff;border-color:#071827;transform:translateY(-2px)}.profile-result{display:grid;grid-template-columns:86px 1fr;gap:20px;align-items:center;padding:28px;border:1px solid #cfe2f4;border-radius:26px;background:linear-gradient(135deg,#fff,#f1f8ff);box-shadow:0 15px 38px rgba(8,31,50,.06)}.profile-result-icon{width:86px;height:86px;border-radius:25px;display:grid;place-items:center;background:#0b72e7;color:#fff;font-size:1.8rem}.profile-result small{color:#0a8e86;font-weight:900}.profile-result h3{font-size:1.2rem;font-weight:900;margin:.35rem 0}.profile-result p{margin:0;color:#667686;line-height:1.8}.recommendation-note{margin:15px 0 0;color:#6e7f8d;font-size:.8rem}.recommendation-note i{color:#c5922b}.hardware-guide-cta{padding:70px 0;background:linear-gradient(135deg,#0a2c4c,#0b72e7);color:#fff}.hardware-guide-cta .container{display:flex;align-items:center;justify-content:space-between;gap:30px}.hardware-guide-cta small{font-weight:900;letter-spacing:.12em;color:#9fd5ff}.hardware-guide-cta h2{font-weight:900;font-size:clamp(1.8rem,3vw,2.6rem);margin:.25rem 0}.hardware-guide-cta p{max-width:700px;margin:0;color:rgba(255,255,255,.8);line-height:1.9}.hardware-guide-cta-actions{display:flex;gap:.6rem;flex-wrap:wrap;justify-content:flex-end}.hardware-guide-page .fourix-global-footer{margin-top:0}
@media(max-width:1100px){.hardware-guide-hero-grid,.guide-two-col{grid-template-columns:1fr}.hardware-hero-visual{min-height:360px;max-width:650px;width:100%;margin:auto}.performance-ladder,.screen-grid{grid-template-columns:repeat(2,1fr)}.ports-board{grid-template-columns:repeat(2,1fr)}.hardware-guide-cta .container{align-items:flex-start;flex-direction:column}.hardware-guide-cta-actions{justify-content:flex-start}}
@media(max-width:767px){.hardware-guide-section{padding:62px 0}.hardware-guide-hero-grid{gap:30px}.hardware-hero-visual{min-height:320px}.hero-core{width:108px;height:108px;border-radius:28px}.hero-core i{font-size:2rem}.hw-chip{width:112px;padding:11px}.hw-chip.cpu{right:14px}.hw-chip.ram{left:12px}.hw-chip.ssd{right:18px}.hw-chip.touch{left:14px}.guide-heading{gap:14px}.guide-heading>span{width:48px;height:48px;flex-basis:48px;border-radius:15px}.performance-ladder,.screen-grid,.storage-compare,.capacity-row,.condition-grid,.price-driver-grid,.ports-board{grid-template-columns:1fr}.versus-grid{grid-template-columns:1fr}.versus-badge{margin:auto}.profile-result{grid-template-columns:1fr}.profile-result-icon{width:64px;height:64px}.hardware-guide-cta-actions{display:grid;width:100%}.hardware-guide-cta-actions .btn{width:100%}}
@media(prefers-reduced-motion:reduce){.hw-chip{animation:none}.hw-meter i,.ram-visual em{transition:none}}