.breadcrumb[data-v-5f6bc4df]{color:var(--txt-3);align-items:center;gap:6px;padding:16px max(24px,50% - 630px) 0;font-size:.8rem;display:flex}.breadcrumb a[data-v-5f6bc4df]{color:var(--txt-3);transition:all .15s}.breadcrumb a[data-v-5f6bc4df]:hover{color:var(--p-600)}.breadcrumb svg[data-v-5f6bc4df]{width:12px;height:12px}.listing-layout[data-v-5f6bc4df]{grid-template-columns:260px 1fr;align-items:start;gap:24px;padding:28px max(24px,50% - 630px);display:grid}.filter-sidebar[data-v-5f6bc4df]{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;position:sticky;top:76px}.filter-group[data-v-5f6bc4df]{border-bottom:1px solid var(--border);margin-bottom:20px;padding-bottom:20px}.filter-group[data-v-5f6bc4df]:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.filter-title[data-v-5f6bc4df]{color:var(--txt-1);margin-bottom:12px;font-size:.85rem;font-weight:700}.filter-option[data-v-5f6bc4df]{cursor:pointer;justify-content:space-between;align-items:center;padding:5px 0;display:flex}.filter-option label[data-v-5f6bc4df]{color:var(--txt-2);cursor:pointer;align-items:center;gap:7px;font-size:.82rem;display:flex}.filter-option input[data-v-5f6bc4df]{accent-color:var(--p-600)}.filter-count[data-v-5f6bc4df]{background:var(--p-50);color:var(--p-600);border-radius:10px;padding:1px 6px;font-size:.7rem;font-weight:600}.f-sub-lbl[data-v-5f6bc4df]{color:var(--txt-3);margin-bottom:6px;font-size:.72rem;font-weight:600}.f-stages[data-v-5f6bc4df]{grid-template-columns:repeat(3,1fr);gap:4px;margin-bottom:10px;display:grid}.f-stage-btn[data-v-5f6bc4df]{border:1.5px solid var(--border);background:var(--card);color:var(--txt-3);border-radius:8px;flex-direction:column;align-items:center;gap:2px;padding:6px 4px;font-size:.65rem;font-weight:600;line-height:1.2;transition:all .15s;display:flex}.f-cascade[data-v-5f6bc4df]{flex-direction:column;gap:6px;margin-top:2px;display:flex}.f-cascade-row[data-v-5f6bc4df]{align-items:center;gap:6px;display:flex}.f-cascade-label[data-v-5f6bc4df]{color:var(--txt-3);text-align:left;flex-shrink:0;width:42px;font-size:.68rem;font-weight:600}.f-cascade-select[data-v-5f6bc4df]{border:1.5px solid var(--border);background:var(--card);color:var(--txt-1);border-radius:7px;outline:none;flex:1;width:100%;padding:5px 6px;font-family:Tajawal,sans-serif;font-size:.75rem;transition:all .15s}.f-cascade-select[data-v-5f6bc4df]:focus{border-color:var(--p-400)}.f-stage-row[data-v-5f6bc4df]{flex-direction:column;align-items:stretch;gap:5px}.f-stages-grid[data-v-5f6bc4df]{grid-template-columns:repeat(3,1fr);gap:4px;display:grid}.f-stage-btn[data-v-5f6bc4df]{border:1.5px solid var(--border);background:var(--card);cursor:pointer;color:var(--txt-3);border-radius:8px;flex-direction:column;align-items:center;gap:2px;padding:6px 4px;font-family:Tajawal,sans-serif;font-size:.8rem;font-weight:600;line-height:1.2;transition:all .15s;display:flex}.f-stage-btn span[data-v-5f6bc4df]{font-size:.6rem}.f-stage-btn[data-v-5f6bc4df]:hover{border-color:var(--p-400);color:var(--p-600);background:var(--p-50)}.f-stage-btn.active[data-v-5f6bc4df]{border-color:var(--p-600);background:var(--p-600);color:#fff}.sort-bar[data-v-5f6bc4df]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.sort-results[data-v-5f6bc4df]{color:var(--txt-3);font-size:.85rem}.sort-results strong[data-v-5f6bc4df]{color:var(--txt-1)}.sort-controls[data-v-5f6bc4df]{align-items:center;gap:10px;display:flex}.sort-controls select[data-v-5f6bc4df]{border:1px solid var(--border);background:var(--card);border-radius:8px;padding:6px 10px;font-family:Tajawal,sans-serif;font-size:.8rem}.view-toggle[data-v-5f6bc4df]{border:1px solid var(--border);border-radius:8px;display:flex;overflow:hidden}.view-btn[data-v-5f6bc4df]{background:var(--card);width:32px;height:32px;color:var(--txt-3);border:none;justify-content:center;align-items:center;transition:all .15s;display:flex}.view-btn.active[data-v-5f6bc4df]{background:var(--p-600);color:#fff}.courses-grid[data-v-5f6bc4df]{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.courses-grid.list-view[data-v-5f6bc4df]{grid-template-columns:1fr}.course-card[data-v-5f6bc4df]{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all .22s;display:block;overflow:hidden}.course-card[data-v-5f6bc4df]:hover{box-shadow:var(--shadow-lg);border-color:var(--p-200);transform:translateY(-3px)}.cc-thumb[data-v-5f6bc4df]{height:155px;position:relative}.cc-cat-badge[data-v-5f6bc4df]{background:var(--p-600);color:#fff;border-radius:20px;padding:2px 9px;font-size:.65rem;font-weight:700;position:absolute;top:10px;right:10px}.cc-body[data-v-5f6bc4df]{padding:16px}.cc-inst[data-v-5f6bc4df]{align-items:center;gap:6px;margin-bottom:8px;display:flex}.cc-inst-av[data-v-5f6bc4df]{background:var(--p-100);width:22px;height:22px;color:var(--p-700);border-radius:50%;justify-content:center;align-items:center;font-size:.6rem;font-weight:700;display:flex}.cc-inst-name[data-v-5f6bc4df]{color:var(--txt-3);font-size:.72rem}.cc-title[data-v-5f6bc4df]{color:var(--txt-1);margin-bottom:8px;font-size:.88rem;font-weight:700;line-height:1.4}.cc-meta[data-v-5f6bc4df]{color:var(--txt-3);align-items:center;gap:10px;margin-bottom:12px;font-size:.72rem;display:flex}.cc-meta span[data-v-5f6bc4df]{align-items:center;gap:3px;display:flex}.cc-meta svg[data-v-5f6bc4df]{width:11px;height:11px}.stars[data-v-5f6bc4df]{color:var(--star)}.cc-footer[data-v-5f6bc4df]{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding-top:12px;display:flex}.cc-price[data-v-5f6bc4df]{color:var(--p-700);font-size:1rem;font-weight:800}.cc-price-approx[data-v-5f6bc4df]{color:var(--txt-4);margin-top:1px;font-size:.68rem;font-weight:600}.btn-enroll[data-v-5f6bc4df]{background:var(--p-600);color:#fff;border-radius:7px;padding:6px 14px;font-size:.78rem;font-weight:700}.courses-grid.list-view .course-card[data-v-5f6bc4df]{align-items:center;display:flex}.courses-grid.list-view .cc-thumb[data-v-5f6bc4df]{flex-shrink:0;width:200px;height:130px}.courses-grid.list-view .cc-body[data-v-5f6bc4df]{flex:1;padding:16px 20px}@media (width<=900px){.listing-layout[data-v-5f6bc4df]{grid-template-columns:1fr}.filter-sidebar[data-v-5f6bc4df]{position:static}.courses-grid[data-v-5f6bc4df]{grid-template-columns:1fr 1fr}}@media (width<=560px){.courses-grid[data-v-5f6bc4df]{grid-template-columns:1fr}}