.masar-courses-wrap,.masar-all-wrap{--c1:#3254a6;--c2:#0098ff;--bg:#ffffff;--text:#0f2447;--muted:#5b6b87;--border:#eaeef5;--star:#ffb400;--masar-cols:4;font-family:'Almarai','Tajawal','Cairo','Segoe UI',sans-serif;max-width:1200px;margin:40px auto;padding:0 16px;direction:rtl;box-sizing:border-box}.masar-courses-wrap *,.masar-all-wrap *{box-sizing:border-box}.masar-all-wrap .masar-courses-wrap{max-width:none!important;width:100%!important;margin:0!important;padding:0!important}.masar-courses-track{display:grid!important;grid-template-columns:repeat(var(--masar-cols),minmax(0,1fr))!important;gap:22px;width:100%}.masar-card{display:flex!important;flex-direction:column;background:var(--bg);border:1px solid var(--border);border-radius:18px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;min-width:0;width:auto}.masar-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px -12px rgb(50 84 166 / .18);border-color:#d8e0ee}.masar-card:hover .masar-card-img img{transform:scale(1.03)}.masar-card-img{position:relative;width:100%;aspect-ratio:16 / 10;overflow:hidden;background:#f3f6fb}.masar-card-img img{width:100%!important;height:100%!important;object-fit:cover;display:block;transition:transform .6s ease;max-width:none}.masar-card-body{display:flex;flex-direction:column;padding:20px 20px 22px;flex:1}.masar-card-title{font-size:18px;font-weight:800;color:var(--text);margin:0 0 10px;line-height:1.5}.masar-rating{display:flex;align-items:center;gap:8px;margin-bottom:14px}.masar-stars{display:inline-flex;gap:2px}.masar-stars svg{width:15px;height:15px;fill:var(--star)}.masar-rating-text{font-size:12px;color:var(--muted);font-weight:400}.masar-features{list-style:none;padding:0;margin:0 0 20px;display:flex;flex-direction:column;gap:9px}.masar-features li{position:relative;padding-right:22px;padding-left:0;font-size:13.5px;color:#3a4a66;line-height:1.55;font-weight:400}.masar-features li::before{content:"";position:absolute;right:0;top:7px;width:12px;height:12px;border-radius:50%;background:linear-gradient(135deg,var(--c1),var(--c2));box-shadow:0 0 0 3px rgb(0 152 255 / .12)}.masar-features li::after{content:"";position:absolute;right:3px;top:10px;width:5px;height:3px;border-left:1.8px solid #fff;border-bottom:1.8px solid #fff;transform:rotate(-45deg)}.masar-card-btn{margin-top:auto;display:inline-flex!important;align-items:center;justify-content:center;gap:8px;padding:12px 18px;background:linear-gradient(135deg,var(--c1),var(--c2));color:#fff!important;border-radius:30px;font-size:14px;font-weight:700;text-decoration:none!important;transition:filter .25s ease,transform .25s ease}.masar-card-btn:hover{filter:brightness(1.08);color:#fff!important}.masar-card-btn svg{width:14px;height:14px}.masar-dots{display:none}.masar-all-wrap .masar-section-title{font-size:28px;font-weight:800;color:#0f2447;margin:0 0 6px}.masar-all-wrap .masar-section-sub{color:#5b6b87;font-size:15px;margin:0 0 22px}.masar-filter-bar{display:flex;flex-wrap:wrap;gap:12px;background:#fff;border:1px solid #eaeef5;border-radius:16px;padding:14px;margin-bottom:22px;box-shadow:0 4px 20px -16px rgb(50 84 166 / .18)}.masar-filter{position:relative;flex:1 1 180px;min-width:160px}.masar-filter-search{flex:2 1 280px;display:flex;align-items:center;background:#f4f7fc;border-radius:12px;padding:0 14px;color:#5b6b87}.masar-filter-search svg{flex-shrink:0;margin-left:6px;color:#5b6b87}.masar-filter-search input{flex:1;border:none;background:#fff0;padding:12px 8px;font:inherit;color:#0f2447;outline:none}.masar-filter select{width:100%;appearance:none;-webkit-appearance:none;background:#f4f7fc url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path fill='%235b6b87' d='M1 1l5 5 5-5'/></svg>") no-repeat left 14px center;border:none;border-radius:12px;padding:12px 16px;font:inherit;font-size:14px;color:#0f2447;cursor:pointer;outline:none}.masar-filter select:focus,.masar-filter-search input:focus{background-color:#eef3fb}.masar-status{margin:18px 0 6px;color:#5b6b87;font-size:14px;text-align:center}.masar-pagination{display:flex;justify-content:center;align-items:center;gap:6px;margin:18px 0 6px;flex-wrap:wrap}.masar-pagination[hidden]{display:none!important}.masar-pagination button{border:1px solid #eaeef5;background:#fff;color:#0f2447;border-radius:10px;padding:8px 14px;cursor:pointer;font:inherit;font-size:14px;transition:all .2s ease;min-width:38px}.masar-pagination button:hover:not(.is-disabled):not(.is-current){background:#f4f7fc;border-color:#d8e0ee}.masar-pagination .is-current{background:linear-gradient(135deg,var(--c1),var(--c2));color:#fff;border-color:#fff0;cursor:default}.masar-pagination .is-disabled{opacity:.45;cursor:not-allowed}.masar-empty{grid-column:1 / -1;background:#f4f7fc;border:1px dashed #d8e0ee;border-radius:14px;padding:28px;text-align:center;color:#5b6b87;font-size:15px}.masar-loading{display:none;justify-content:center;padding:20px 0}.masar-loading.is-visible{display:flex!important}.masar-loading[hidden]{display:none!important}.masar-spinner{width:30px;height:30px;border:3px solid #eaeef5;border-top-color:var(--c2);border-radius:50%;animation:masar-spin .8s linear infinite}@keyframes masar-spin{to{transform:rotate(360deg)}}.masar-is-loading{opacity:.55;pointer-events:none;transition:opacity .25s}@media (max-width:820px){.masar-courses-wrap,.masar-all-wrap{padding:0}.masar-courses-track{display:flex!important;grid-template-columns:none!important;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:6px 16px 14px;scroll-padding-right:16px;scroll-padding-left:16px;-webkit-overflow-scrolling:touch;scrollbar-width:none;overscroll-behavior-x:contain}.masar-courses-track::-webkit-scrollbar{display:none}.masar-card{flex:0 0 86%!important;max-width:340px;scroll-snap-align:center;scroll-snap-stop:always}.masar-card:hover{transform:none;box-shadow:none;border-color:var(--border)}.masar-card:hover .masar-card-img img{transform:none}.masar-card-img{aspect-ratio:16 / 9}.masar-card-body{padding:18px 18px 20px}.masar-card-title{font-size:17px}.masar-dots{display:flex!important;justify-content:center;gap:7px;margin-top:14px}.masar-dot{width:7px;height:7px;border-radius:50%;background:#d4dbe8;border:none;cursor:pointer;transition:all .3s ease;padding:0}.masar-dot.active{width:22px;border-radius:8px;background:linear-gradient(135deg,var(--c1),var(--c2))}.masar-all-wrap{padding:0 14px}.masar-all-wrap .masar-section-title{font-size:22px;padding:0 4px}.masar-all-wrap .masar-section-sub{padding:0 4px}.masar-filter-bar{margin:0 4px 18px;padding:10px;gap:8px}}