/* HAJRSMART v2.4: project carousel only; other sections remain untouched. */
#projects .hjs-project-carousel{position:relative;isolation:isolate}
#projects .hjs-project-track{display:flex;direction:ltr;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-inline:contain;scrollbar-width:none;padding:2px 2px 12px;outline-offset:4px;-webkit-overflow-scrolling:touch}
#projects .hjs-project-track::-webkit-scrollbar{display:none}
#projects .hjs-project-slide{scroll-snap-align:start;flex:0 0 calc((100% - 40px) / 3);min-width:0;border-radius:20px;overflow:hidden;border:1px solid #2c5272;background:#0b2a44;box-shadow:0 13px 28px #0002;display:flex;flex-direction:column}
#projects .hjs-project-slide__photo{height:230px;position:relative;background:#16364f}
#projects .hjs-project-slide__photo img{width:100%;height:100%;display:block;object-fit:cover}
#projects .hjs-project-slide__badge{position:absolute;top:13px;left:13px;border-radius:50px;background:rgba(246,252,255,.95);color:#0c3656;font-size:10px;font-weight:900;letter-spacing:.8px;padding:7px 11px;text-transform:uppercase;box-shadow:0 4px 12px #0002}
#projects .hjs-project-slide__content{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:20px 18px;flex:1}
#projects .hjs-project-slide__content h3{margin:0;font-size:16px;line-height:1.4;font-weight:800;color:white}
#projects .hjs-project-slide__content p{margin:6px 0 0;color:#b7cfdf;font-size:12px;line-height:1.5}
#projects .hjs-project-slide__link{flex-shrink:0;font-size:11px;color:#fff;border:1px solid #ffffff80;padding:10px 12px;border-radius:60px;font-weight:800;white-space:nowrap;text-decoration:none}
#projects .hjs-project-slide__link:hover,#projects .hjs-project-slide__link:focus-visible{background:#16b6d7;color:#061e34;border-color:transparent}
#projects .hjs-project-carousel__controls{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:14px;direction:ltr}
#projects .hjs-project-carousel__buttons{display:flex;gap:10px}
#projects .hjs-project-carousel__buttons button{height:42px;width:42px;border-radius:50%;background:#0e3d60;border:1px solid #6da2bd;color:white;font-size:28px;line-height:1;cursor:pointer}
#projects .hjs-project-carousel__buttons button:hover{background:#0da8ca}
#projects .hjs-project-carousel__dots{display:flex;align-items:center;gap:8px;justify-content:flex-end}
#projects .hjs-project-carousel__dots button{width:9px;height:9px;border:0;border-radius:50%;background:#7391a6;padding:0;cursor:pointer}
#projects .hjs-project-carousel__dots button[aria-current=true]{width:26px;border-radius:7px;background:#29c7df}
#projects .projectnote{margin-top:15px;font-size:11px;line-height:1.7}
html[lang=ar] #projects .hjs-project-slide__content{direction:rtl;text-align:right}
html[lang=ar] #projects .hjs-project-slide__badge{direction:rtl;letter-spacing:normal}
.hjs-concept-detail-note{display:inline-block;background:#e8f6fb;border:1px solid #b1deed;color:#16415a;padding:12px 17px;border-radius:10px;line-height:1.7}
@media(max-width:1050px){#projects .hjs-project-slide{flex-basis:calc((100% - 20px)/2)}#projects .hjs-project-slide__photo{height:220px}}
@media(max-width:650px){#projects .hjs-project-track{gap:13px;scroll-padding-inline:1px}#projects .hjs-project-slide{flex:0 0 92%;max-width:92%;border-radius:18px}#projects .hjs-project-slide__photo{height:245px}#projects .hjs-project-slide__content{padding:17px 15px;gap:8px}#projects .hjs-project-slide__content h3{font-size:15px}#projects .hjs-project-slide__content p{font-size:11px}#projects .hjs-project-slide__link{font-size:10px;padding:9px}#projects .hjs-project-carousel__controls{margin-top:10px}}
@media(prefers-reduced-motion:reduce){#projects .hjs-project-track{scroll-behavior:auto}}