.l2-teacher-search{--blue:#2457a6;--blue-dark:#173f7a;--red:#d54a55;--ink:#172033;--muted:#667085;--border:#dfe5ee;--light:#f5f8fc;max-width:1280px;margin:0 auto;padding:24px;direction:rtl;font-family:Vazirmatn,IRANSans,Tahoma,sans-serif;color:var(--ink)}
.l2-ts-hero{position:relative;overflow:hidden;display:flex;align-items:flex-end;justify-content:space-between;gap:22px;padding:30px;border-radius:28px;background:linear-gradient(135deg,#edf5ff 0%,#ffffff 58%,#fff3f4 100%);border:1px solid #e3eaf5;box-shadow:0 16px 40px rgba(23,63,122,.08);margin-bottom:20px}.l2-ts-hero h1{margin:7px 0;font-size:31px;font-weight:900}.l2-ts-hero p{margin:0;max-width:700px;color:#667085;line-height:1.9}.l2-ts-kicker{display:inline-flex;padding:6px 10px;border-radius:999px;background:#fff;color:var(--blue-dark);font-size:12px;font-weight:900;border:1px solid #d7e5ff}.l2-ts-hero-stat{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:145px;min-height:110px;border-radius:22px;background:#fff;border:1px solid #dfe7f3;box-shadow:0 12px 30px rgba(15,23,42,.07)}.l2-ts-hero-stat strong{font-size:32px;color:var(--blue-dark)}.l2-ts-hero-stat span{font-size:12px;color:var(--muted)}.l2-ts-hero-orb{position:absolute;border-radius:50%;filter:blur(2px);opacity:.42}.l2-ts-orb-one{width:180px;height:180px;background:#cfe1ff;left:-50px;top:-60px}.l2-ts-orb-two{width:150px;height:150px;background:#ffd4d9;right:-40px;bottom:-60px}
.l2-ts-searchbox{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--border);border-radius:16px;padding:7px 10px;box-shadow:0 8px 20px rgba(15,23,42,.04)}.l2-ts-search-icon{font-size:25px;color:var(--blue)}.l2-ts-searchbox input{flex:1;border:0;outline:0;background:transparent;font:inherit;min-height:42px;min-width:0}.l2-ts-clear{border:0;background:#eef3fa;color:#344054;border-radius:10px;padding:8px 11px;cursor:pointer}.l2-ts-filter-heading{min-width:0}.l2-ts-filter-searchbox{width:min(500px,52%);flex:0 1 500px;box-sizing:border-box;box-shadow:0 5px 16px rgba(15,23,42,.035)}
.l2-ts-filter-panel{position:relative;background:#fff;border:1px solid var(--border);border-radius:20px;padding:16px;box-shadow:0 10px 28px rgba(15,23,42,.05);margin-bottom:20px}.l2-ts-filter-panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.l2-ts-filter-panel-head strong{display:block;font-size:16px}.l2-ts-filter-panel-head span{display:block;font-size:12px;color:var(--muted);margin-top:3px}.l2-ts-reset,.l2-ts-reset-inline{border:0;background:#eef2f6;color:#344054;border-radius:10px;padding:9px 12px;font:inherit;cursor:pointer}.l2-ts-filter-buttons{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:8px}.l2-ts-filter-button{min-width:0;min-height:58px;text-align:right;padding:9px 10px;border:1px solid #d8e2ef;background:#f9fbfd;border-radius:13px;cursor:pointer;font:inherit;transition:background .15s ease,border-color .15s ease}.l2-ts-filter-button:hover{background:#e9eef5;color:#172033;border-color:#b9c7da}.l2-ts-filter-button span{display:block;font-size:11px;color:#667085}.l2-ts-filter-button b{display:block;margin-top:3px;font-size:12px;color:#173f7a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.l2-ts-filter-popover{position:absolute;z-index:50;top:120px;right:16px;min-width:300px;max-width:min(520px,calc(100% - 32px));padding:12px;background:#eef3f8;border:1px solid #c8d3e0;border-radius:16px;box-shadow:0 18px 45px rgba(15,23,42,.18)}.l2-ts-filter-popover[hidden]{display:none}.l2-ts-popover-inner{display:flex;flex-wrap:wrap;gap:8px}.l2-ts-popover-title{width:100%;font-weight:900;margin:2px 0 2px;color:#172033}.l2-ts-popover-inner button{border:1px solid #c9d4e2;background:#fff;color:#233044;border-radius:10px;padding:9px 11px;cursor:pointer;font:inherit}.l2-ts-popover-inner button.is-selected{background:#2457a6;color:#fff;border-color:#2457a6}.l2-ts-price-grid{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:10px}.l2-ts-price-grid label{font-size:12px;color:#344054}.l2-ts-price-grid input{display:block;width:100%;box-sizing:border-box;margin-top:6px;border:1px solid #c9d4e2;border-radius:10px;background:#fff;padding:10px;font:inherit}.l2-ts-pop-actions{display:flex;gap:8px;width:100%;margin-top:8px}.l2-ts-pop-actions button:first-child{background:#2457a6;color:#fff;border-color:#2457a6}.l2-ts-filter-actions{display:flex;justify-content:flex-start;gap:8px;margin-top:12px}.l2-ts-apply{border:0;background:#2457a6;color:#fff;border-radius:11px;padding:10px 16px;font:inherit;font-weight:800;cursor:pointer}
.l2-ts-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.l2-ts-fallback-card{display:block;color:inherit;text-decoration:none;background:#fff;border:1px solid #dfe5ee;border-radius:22px;overflow:hidden;box-shadow:0 10px 28px rgba(15,23,42,.06);transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.l2-ts-fallback-card:hover{color:inherit;border-color:#c9d5e5;box-shadow:0 16px 32px rgba(15,23,42,.10);transform:translateY(-2px)}.l2-ts-fallback-media{position:relative;aspect-ratio:1.45/1;overflow:hidden;background:#eef3fa}.l2-ts-fallback-media img{width:100%;height:100%;object-fit:cover}.l2-ts-fallback-rank{position:absolute;top:10px;left:10px;background:#173f7a;color:#fff;padding:7px 10px;border-radius:999px;font-size:11px;font-weight:800}.l2-ts-fallback-body{padding:15px}.l2-ts-fallback-top{display:flex;justify-content:space-between;gap:10px;align-items:center}.l2-ts-fallback-top h3{margin:0;font-size:17px}.l2-ts-fallback-rating{color:#9a6800;background:#fff5cf;border-radius:9px;padding:5px 8px;font-size:11px;font-weight:800}.l2-ts-fallback-body p{margin:7px 0;color:#667085;font-size:12px}.l2-ts-fallback-meta{font-size:12px;color:#344054;margin-bottom:9px}.l2-ts-fallback-chips{display:flex;flex-wrap:wrap;gap:5px}.l2-ts-fallback-chip{padding:5px 7px;border-radius:999px;background:#edf4ff;color:#2457a6;font-size:10px}.l2-ts-fallback-chip-soft{background:#f4f5f7;color:#475467}.l2-ts-loading{display:flex;align-items:center;justify-content:center;gap:10px;min-height:180px;color:#667085}.l2-ts-spinner{width:22px;height:22px;border:3px solid #dce5f2;border-top-color:#2457a6;border-radius:50%;animation:l2spin .8s linear infinite}@keyframes l2spin{to{transform:rotate(360deg)}}.l2-ts-empty{padding:40px;text-align:center;background:#fff;border:1px dashed #cfd8e6;border-radius:20px}.l2-ts-empty button{border:0;background:#2457a6;color:#fff;border-radius:10px;padding:9px 13px;font:inherit}.l2-ts-pagination{display:flex;justify-content:center;gap:7px;margin-top:18px}.l2-ts-pagination button{min-width:38px;height:38px;border:1px solid var(--border);background:#fff;border-radius:10px;cursor:pointer}.l2-ts-pagination button.is-active{background:#2457a6;color:#fff;border-color:#2457a6}
.l2-ts-public-card-bridge{height:100%}.l2-ts-public-card-bridge>a,.l2-ts-public-card-bridge>div{max-width:100%}
@media(max-width:1100px){.l2-ts-filter-buttons{grid-template-columns:repeat(3,minmax(0,1fr))}.l2-ts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.l2-ts-filter-popover{top:180px}}
@media(max-width:700px){.l2-teacher-search{padding:12px}.l2-ts-hero{flex-direction:column;align-items:stretch}.l2-ts-hero-stat{align-self:flex-start}.l2-ts-filter-panel-head{flex-direction:column;align-items:stretch}.l2-ts-filter-searchbox{width:100%;flex:1 1 auto}.l2-ts-filter-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}.l2-ts-grid{grid-template-columns:1fr}.l2-ts-filter-popover{position:fixed;top:50%;right:12px;left:12px;transform:translateY(-50%);max-width:none;max-height:80vh;overflow:auto}.l2-ts-filter-panel{padding:12px}.l2-ts-price-grid{grid-template-columns:1fr}}
.l2-teacher-search .l2-ts-price-grid{grid-template-columns:minmax(0,1fr)!important;}
.l2-ts-grid .l2-ts-public-card-wrap{min-width:0;height:100%;}
.l2-ts-fallback-card{display:block;height:100%;text-decoration:none;color:inherit;background:#fff;border:1px solid #dbe4f0;border-radius:22px;overflow:hidden;box-shadow:0 10px 28px rgba(27,55,94,.08);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;}
.l2-ts-fallback-card:hover{transform:translateY(-3px);box-shadow:0 16px 36px rgba(27,55,94,.13);border-color:#c7d7ec;}
.l2-ts-fallback-media{position:relative;aspect-ratio:16/10;overflow:hidden;background:#eef3fa;}
.l2-ts-fallback-body{min-height:180px;}
.l2-ts-grid{grid-template-columns:minmax(0,1fr)}
.l2-ts-grid .l2-ts-public-card-wrap{height:auto}
.l2-ts-public-card-wrap{min-width:0}
.l2-ts-public-card-wrap{min-width:0;width:100%;}
.l2-tpp-search-card{width:100%;margin:0;}
.l2-tpp-search-card .l2-tpp-booking-modal{z-index:2147483000;}
.l2-teacher-search .l2-ts-public-card-wrap .l2-tpp{opacity:1!important;visibility:visible!important;}
.l2-teacher-search .l2-ts-public-card-wrap .l2-tpp[hidden]{display:block!important;}
.l2-tpp-search-card > .l2-tpp-video-card { display:none !important; }
.l2-teacher-search .l2-tpp-search-card.l2-tpp-profile-visual-v2 .l2-tpp-hero{
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  padding:0!important;
  box-shadow:none!important;
  gap:28px!important;
  overflow:visible!important;
}
.l2-teacher-search .l2-tpp-search-card.l2-tpp-profile-visual-v2 .l2-tpp-hero-left{
  background:#fff!important;
  border:1px solid #dbe4f0!important;
  border-radius:22px!important;
  padding:22px!important;
  box-shadow:0 10px 28px rgba(27,55,94,.08)!important;
  overflow:hidden!important;
}
.l2-teacher-search .l2-tpp-search-card.l2-tpp-profile-visual-v2 .l2-tpp-video-card{
  background:#fff!important;
  border:1px solid #dbe4f0!important;
  border-radius:22px!important;
  box-shadow:0 10px 28px rgba(27,55,94,.08)!important;
}
@media (min-width:981px){
  .l2-teacher-search .l2-tpp-search-card.l2-tpp-profile-visual-v2 .l2-tpp-hero{
    grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr)!important;
  }
}
@media (max-width:980px){
  .l2-teacher-search .l2-tpp-search-card.l2-tpp-profile-visual-v2 .l2-tpp-hero{
    grid-template-columns:1fr!important;
    gap:18px!important;
  }
  .l2-teacher-search .l2-tpp-search-card.l2-tpp-profile-visual-v2 .l2-tpp-hero-left{
    padding:18px!important;
  }
}
@media (max-width:700px){
  .l2-teacher-search .l2-tpp-search-card.l2-tpp-profile-visual-v2 .l2-tpp-hero-left{
    padding:14px!important;
    border-radius:20px!important;
  }
  .l2-teacher-search .l2-tpp-search-card.l2-tpp-profile-visual-v2 .l2-tpp-video-card{
    border-radius:20px!important;
  }
}
.l2-teacher-search .l2-ts-filter-button[aria-pressed="true"],
.l2-teacher-search .l2-ts-filter-button:active,
.l2-teacher-search .l2-ts-filter-button:focus,
.l2-teacher-search .l2-ts-filter-button:focus-visible{background:#f9fbfd!important;color:var(--ink)!important;border-color:#d8e2ef!important;}
.l2-teacher-search .l2-ts-filter-button[aria-pressed="true"] span,
.l2-teacher-search .l2-ts-filter-button[aria-pressed="true"] b{color:inherit;}

.l2-teacher-search .l2-ts-popover-inner button.is-selected{background:#2457a6!important;color:#fff!important;border-color:#2457a6!important;}
.l2-teacher-search .l2-ts-filter-popover{position:fixed;top:0;right:auto;left:0;box-sizing:border-box;max-height:min(80vh,720px);overflow:auto;}
@media(max-width:700px){.l2-teacher-search .l2-ts-filter-popover{top:0;right:auto;left:0;transform:none;max-width:calc(100vw - 24px);width:min(520px,calc(100vw - 24px));max-height:80vh;overflow:auto;}}
.l2-teacher-search,
.l2-teacher-search *{min-width:0;}
.l2-teacher-search .l2-ts-searchbox,
.l2-teacher-search .l2-ts-filter-panel,
.l2-teacher-search .l2-ts-grid,
.l2-teacher-search .l2-ts-public-card-wrap,
.l2-teacher-search .l2-tpp-search-card{max-width:100%;}
.l2-teacher-search .l2-tpp-search-card{overflow:hidden;}
.l2-teacher-search .l2-tpp-search-card img,
.l2-teacher-search .l2-tpp-search-card video,
.l2-teacher-search .l2-tpp-search-card iframe{max-width:100%;}

@media (max-width: 1024px){
  .l2-teacher-search{padding:16px;}
  .l2-teacher-search .l2-ts-filter-panel{padding:14px;}
  .l2-teacher-search .l2-ts-filter-panel-head{align-items:center;}
  .l2-teacher-search .l2-ts-filter-searchbox{width:min(420px,48%);}
  .l2-teacher-search .l2-ts-filter-buttons{grid-template-columns:repeat(2,minmax(0,1fr));}
  .l2-teacher-search .l2-ts-grid{grid-template-columns:1fr;gap:16px;}
  .l2-teacher-search .l2-ts-public-card-wrap{width:100%;}
  .l2-teacher-search .l2-tpp-search-card{width:100%;}
  .l2-teacher-search .l2-tpp-search-card .l2-tpp{max-width:100%;padding:20px;}
  .l2-teacher-search .l2-tpp-search-card .l2-tpp-hero{grid-template-columns:1fr;}
  .l2-teacher-search .l2-tpp-search-card .l2-tpp-video{min-height:0;}
  .l2-teacher-search .l2-ts-filter-popover{max-width:min(520px,calc(100vw - 32px));}
}

@media (max-width: 700px){
  .l2-teacher-search{padding:8px;overflow-x:hidden;}
  .l2-teacher-search .l2-ts-filter-panel{padding:10px;border-radius:16px;}
  .l2-teacher-search .l2-ts-filter-panel-head{display:flex;flex-direction:column;align-items:stretch;gap:10px;}
  .l2-teacher-search .l2-ts-filter-searchbox{width:100%;max-width:none;}
  .l2-teacher-search .l2-ts-filter-buttons{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;}
  .l2-teacher-search .l2-ts-filter-button{min-height:54px;padding:8px;}
  .l2-teacher-search .l2-ts-filter-button b{max-width:100%;}
  .l2-teacher-search .l2-ts-filter-popover{width:min(520px,calc(100vw - 20px));max-width:calc(100vw - 20px);max-height:78vh;}
  .l2-teacher-search .l2-ts-grid{grid-template-columns:minmax(0,1fr);gap:12px;}
  .l2-teacher-search .l2-ts-public-card-wrap{width:100%;}
  .l2-teacher-search .l2-tpp-search-card .l2-tpp{padding:12px;}
  .l2-teacher-search .l2-tpp-search-card .l2-tpp-hero{padding:14px;gap:14px;border-radius:20px;}
  .l2-teacher-search .l2-tpp-search-card .l2-tpp-hero-left{flex-wrap:wrap;gap:14px;}
  .l2-teacher-search .l2-tpp-search-card .l2-tpp-name-wrap{flex:1 1 180px;}
  .l2-teacher-search .l2-tpp-search-card .l2-tpp-inline-stats{flex-wrap:wrap;gap:9px;}
  .l2-teacher-search .l2-tpp-search-card .l2-tpp-inline-stat-divider{height:20px;}
  .l2-teacher-search .l2-tpp-search-card .l2-tpp-section{padding:16px;border-radius:20px;}
  .l2-teacher-search .l2-tpp-search-card .l2-tpp-section-head{flex-direction:column;}
  .l2-teacher-search .l2-tpp-search-card .l2-tpp-specialty-row{grid-template-columns:minmax(0,1fr);}
  .l2-teacher-search .l2-tpp-search-card .l2-tpp-specialty-packages{grid-template-columns:minmax(0,1fr);}
  .l2-teacher-search .l2-tpp-search-card .l2-tpp-avatar{max-width:96px;}
  .l2-teacher-search .l2-tpp-search-card .l2-tpp-name-row h1{overflow-wrap:anywhere;}
  .l2-teacher-search .l2-tpp-search-card .l2-tpp-language-values{overflow-wrap:anywhere;}
}

@media (max-width: 380px){
  .l2-teacher-search .l2-ts-filter-buttons{grid-template-columns:1fr;}
  .l2-teacher-search .l2-tpp-search-card .l2-tpp-hero{padding:12px;}
  .l2-teacher-search .l2-tpp-search-card .l2-tpp-hero-left{display:block;}
  .l2-teacher-search .l2-tpp-search-card .l2-tpp-avatar-wrap{margin-bottom:10px;}
  .l2-teacher-search .l2-tpp-search-card .l2-tpp-name-wrap{width:100%;}
  .l2-teacher-search .l2-tpp-search-card .l2-tpp-inline-stats{display:grid;grid-template-columns:1fr 1fr;}
  .l2-teacher-search .l2-tpp-search-card .l2-tpp-inline-stat-divider{display:none;}
}
@media (max-width:700px){
  .l2-teacher-search .l2-ts-public-card-wrap .l2-tpp-avatar-wrap{
    margin-left:auto!important;
    margin-right:auto!important;
  }
}
@media (max-width:700px){
  .l2-teacher-search .l2-tpp-search-card .l2-tpp-hero-left{
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-rows:auto!important;
  }
  .l2-teacher-search .l2-tpp-search-card .l2-tpp-avatar-column{
    grid-template-rows:auto auto auto auto!important;
  }
  .l2-teacher-search .l2-tpp-search-card .l2-tpp-avatar-wrap{
    grid-row:1!important;
  }
  .l2-teacher-search .l2-tpp-search-card .l2-tpp-avatar-column .l2-tpp-name-row{
    grid-row:2!important;
    width:100%!important;
    justify-content:center!important;
    text-align:center!important;
    margin:8px 0 0!important;
  }
  .l2-teacher-search .l2-tpp-search-card .l2-tpp-avatar-column .l2-tpp-ttc-badge{
    grid-row:3!important;
  }
  .l2-teacher-search .l2-tpp-search-card .l2-tpp-avatar-score{
    grid-row:4!important;
  }
}
.l2-teacher-search .l2-ts-filter-dropdown{position:relative;}
.l2-teacher-search .l2-ts-filter-dropdown-toggle{
  display:none;
  width:100%;
  min-height:54px;
  align-items:center;
  gap:10px;
  padding:0 15px;
  border:1px solid #d8e2ef;
  border-radius:13px;
  background:#f9fbfd;
  color:#172033;
  font:inherit;
  font-weight:900;
  cursor:pointer;
  text-align:right;
  box-sizing:border-box;
}
.l2-teacher-search .l2-ts-filter-dropdown-toggle:active,
.l2-teacher-search .l2-ts-filter-dropdown-toggle:focus-visible{
  outline:none;
  border-color:#c6d5e6;
  background:#f4f8fc;
}
.l2-teacher-search .l2-ts-filter-dropdown-count{
  margin-inline-start:auto;
  padding:4px 8px;
  border-radius:999px;
  background:#edf3fa;
  color:#2457a6;
  font-size:10px;
  font-weight:900;
}
.l2-teacher-search .l2-ts-filter-dropdown-chevron{
  font-size:18px;
  line-height:1;
  color:#667085;
  transition:transform .18s ease;
}
.l2-teacher-search .l2-ts-filter-dropdown.is-open .l2-ts-filter-dropdown-chevron{transform:rotate(180deg);}
.l2-teacher-search .l2-ts-filter-button{
  appearance:none;
  min-width:0;
  min-height:58px;
  text-align:right;
  padding:9px 10px;
  border:1px solid #d8e2ef;
  background:#f9fbfd;
  color:#172033;
  border-radius:13px;
  cursor:pointer;
  font:inherit;
  transition:background .15s ease,border-color .15s ease,transform .15s ease;
}
.l2-teacher-search .l2-ts-filter-button:hover{
  background:#f1f5f9;
  border-color:#c6d5e6;
}
.l2-teacher-search .l2-ts-filter-button span{display:block;font-size:11px;color:#667085;}
.l2-teacher-search .l2-ts-filter-button b{display:block;margin-top:3px;font-size:12px;color:#173f7a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.l2-teacher-search .l2-ts-filter-button[aria-pressed="true"]{
  background:#eef4fb!important;
  color:#172033!important;
  border-color:#c9d9eb!important;
}


@media (max-width:1024px){
  .l2-teacher-search .l2-ts-filter-dropdown{position:relative;}
  .l2-teacher-search .l2-ts-filter-dropdown-toggle{display:flex;}
  .l2-teacher-search .l2-ts-filter-dropdown .l2-ts-filter-buttons{
    position:absolute;
    top:calc(100% + 8px);
    right:0;
    left:0;
    display:none;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:8px;
    margin:0;
    padding:10px;
    background:#fff;
    border:1px solid #dfe5ee;
    border-radius:16px;
    box-shadow:0 16px 36px rgba(15,23,42,.14);
    z-index:120;
    max-height:min(60vh,420px);
    overflow:auto;
  }
  .l2-teacher-search .l2-ts-filter-dropdown.is-open .l2-ts-filter-buttons{display:grid;}
}
@media (max-width:700px){
  .l2-teacher-search .l2-ts-filter-dropdown .l2-ts-filter-buttons{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:9px;}
  .l2-teacher-search .l2-ts-filter-button{min-height:58px;padding:9px;}
}
@media (max-width:380px){
  .l2-teacher-search .l2-ts-filter-dropdown .l2-ts-filter-buttons{grid-template-columns:1fr;}
}
@media (max-width:1024px){
  .l2-teacher-search .l2-ts-filter-dropdown{
    position:relative!important;
    width:100%;
  }
  .l2-teacher-search .l2-ts-filter-dropdown-toggle{
    display:flex!important;
    width:100%!important;
    min-height:54px;
    align-items:center;
    justify-content:flex-start;
    box-sizing:border-box;
  }
  .l2-teacher-search .l2-ts-filter-dropdown > .l2-ts-filter-buttons{
    display:none!important;
    position:absolute!important;
    top:calc(100% + 8px)!important;
    right:0!important;
    left:0!important;
    width:100%!important;
    margin:0!important;
    padding:10px!important;
    box-sizing:border-box!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:8px!important;
    background:#fff!important;
    border:1px solid #dfe5ee!important;
    border-radius:16px!important;
    box-shadow:0 16px 36px rgba(15,23,42,.14)!important;
    z-index:120!important;
    max-height:min(60vh,420px)!important;
    overflow:auto!important;
  }
  .l2-teacher-search .l2-ts-filter-dropdown.is-open > .l2-ts-filter-buttons{
    display:grid!important;
  }
}
@media (max-width:700px){
  .l2-teacher-search .l2-ts-filter-dropdown > .l2-ts-filter-buttons{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
    padding:9px!important;
  }
}
@media (max-width:380px){
  .l2-teacher-search .l2-ts-filter-dropdown > .l2-ts-filter-buttons{
    grid-template-columns:1fr!important;
  }
}
@media (max-width:1024px){
  .l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-dropdown > .l2-ts-filter-buttons[data-filter-buttons]{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
    position:absolute!important;
    top:calc(100% + 8px)!important;
    right:0!important;
    left:0!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:10px!important;
    box-sizing:border-box!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:8px!important;
    background:#fff!important;
    border:1px solid #dfe5ee!important;
    border-radius:16px!important;
    box-shadow:0 16px 36px rgba(15,23,42,.14)!important;
    z-index:120!important;
    max-height:min(60vh,420px)!important;
    overflow:auto!important;
  }
  .l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-dropdown.is-open > .l2-ts-filter-buttons[data-filter-buttons]{
    display:grid!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
  }
}
@media (max-width:700px){
  .l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-dropdown > .l2-ts-filter-buttons[data-filter-buttons]{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
    padding:9px!important;
  }
}
@media (max-width:380px){
  .l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-dropdown > .l2-ts-filter-buttons[data-filter-buttons]{
    grid-template-columns:1fr!important;
  }
}
.l2-teacher-search .l2-ts-filter-panel{
  background:#fff;
  border:1px solid #e3eaf2;
  border-radius:20px;
  box-shadow:0 10px 30px rgba(23,63,122,.06);
}
.l2-teacher-search .l2-ts-filter-panel-head strong{
  color:#172033;
  font-weight:900;
}
.l2-teacher-search .l2-ts-filter-panel-head span{
  color:#667085;
}
.l2-teacher-search .l2-ts-filter-searchbox{
  background:#f8fbff;
  border:1px solid #dbe6f2;
  box-shadow:0 4px 16px rgba(23,63,122,.035);
}
.l2-teacher-search .l2-ts-search-icon{color:#2457a6;}
.l2-teacher-search .l2-ts-searchbox input::placeholder{color:#98a2b3;}
.l2-teacher-search .l2-ts-searchbox:focus-within{
  border-color:#b9cde8;
  box-shadow:0 0 0 3px rgba(36,87,166,.08);
}
.l2-teacher-search .l2-ts-clear,
.l2-teacher-search .l2-ts-reset,
.l2-teacher-search .l2-ts-reset-inline{
  background:#f1f5fa;
  color:#344054;
  border:1px solid #e0e7ef;
  border-radius:11px;
  font-weight:800;
}
.l2-teacher-search .l2-ts-clear:hover,
.l2-teacher-search .l2-ts-reset:hover,
.l2-teacher-search .l2-ts-reset-inline:hover{
  background:#eaf1f9;
  color:#173f7a;
  border-color:#cbd9e8;
}
.l2-teacher-search .l2-ts-filter-dropdown-toggle{
  min-height:56px;
  background:linear-gradient(180deg,#fff 0%,#f8fbff 100%);
  border:1px solid #d8e3ef;
  border-radius:14px;
  color:#172033;
  box-shadow:0 5px 16px rgba(23,63,122,.04);
}
.l2-teacher-search .l2-ts-filter-dropdown-toggle:hover{
  background:#f5f9fe;
  border-color:#c7d8ea;
}
.l2-teacher-search .l2-ts-filter-dropdown-toggle[aria-expanded="true"]{
  background:#eef5fc;
  border-color:#b9cde8;
  color:#173f7a;
}
.l2-teacher-search .l2-ts-filter-dropdown-count{
  background:#eaf2fb;
  color:#2457a6;
  border:1px solid #d4e2f2;
  padding:5px 9px;
}
.l2-teacher-search .l2-ts-filter-dropdown-chevron{color:#667085;}
.l2-teacher-search .l2-ts-filter-dropdown[aria-expanded="true"] .l2-ts-filter-dropdown-chevron{color:#2457a6;}
.l2-teacher-search .l2-ts-filter-button{
  min-height:60px;
  background:#fbfcfe;
  border:1px solid #dce5ef;
  border-radius:14px;
  color:#172033;
  box-shadow:0 2px 8px rgba(23,63,122,.025);
}
.l2-teacher-search .l2-ts-filter-button:hover{
  background:#f3f7fc;
  border-color:#bfd1e5;
  transform:translateY(-1px);
}
.l2-teacher-search .l2-ts-filter-button:focus-visible{
  outline:none;
  border-color:#8fb1da;
  box-shadow:0 0 0 3px rgba(36,87,166,.08);
}
.l2-teacher-search .l2-ts-filter-button span{
  color:#667085;
  font-weight:700;
}
.l2-teacher-search .l2-ts-filter-button b{
  color:#173f7a;
  font-weight:900;
}
.l2-teacher-search .l2-ts-filter-button[aria-pressed="true"]{
  background:#eef5fc!important;
  border-color:#aec7e4!important;
  color:#173f7a!important;
  box-shadow:inset 0 0 0 1px rgba(36,87,166,.035);
}
.l2-teacher-search .l2-ts-filter-button[aria-pressed="true"] span{color:#55708f!important;}
.l2-teacher-search .l2-ts-filter-button[aria-pressed="true"] b{color:#173f7a!important;}
.l2-teacher-search .l2-ts-filter-popover{
  background:#fff;
  border:1px solid #dbe5ef;
  border-radius:16px;
  box-shadow:0 18px 42px rgba(23,63,122,.14);
}
.l2-teacher-search .l2-ts-popover-title{
  color:#172033;
  font-size:13px;
  font-weight:900;
}
.l2-teacher-search .l2-ts-popover-inner button{
  background:#f8fafc;
  border:1px solid #dbe4ee;
  color:#344054;
  border-radius:10px;
  font-weight:750;
  transition:background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease;
}
.l2-teacher-search .l2-ts-popover-inner button:hover{
  background:#eef4fb;
  border-color:#bfd1e5;
  color:#173f7a;
}
.l2-teacher-search .l2-ts-popover-inner button.is-selected,
.l2-teacher-search .l2-ts-popover-inner button.is-selected:hover{
  background:#2457a6!important;
  border-color:#2457a6!important;
  color:#fff!important;
  box-shadow:0 5px 12px rgba(36,87,166,.16);
}
.l2-teacher-search .l2-ts-price-grid input{
  background:#fff;
  border:1px solid #d5e0eb;
  border-radius:10px;
  color:#172033;
}
.l2-teacher-search .l2-ts-price-grid input:focus{
  outline:none;
  border-color:#8fb1da;
  box-shadow:0 0 0 3px rgba(36,87,166,.08);
}
.l2-teacher-search .l2-ts-pop-actions button:first-child,
.l2-teacher-search .l2-ts-apply{
  background:#2457a6!important;
  border-color:#2457a6!important;
  color:#fff!important;
  box-shadow:0 7px 16px rgba(36,87,166,.14);
}
.l2-teacher-search .l2-ts-pop-actions button:first-child:hover,
.l2-teacher-search .l2-ts-apply:hover{
  background:#1f4f98!important;
}
.l2-teacher-search .l2-ts-filter-actions{gap:8px;}

@media (max-width:1024px){
  .l2-teacher-search .l2-ts-filter-dropdown .l2-ts-filter-buttons{
    background:#fff!important;
    border:1px solid #dbe5ef!important;
    border-radius:16px!important;
    box-shadow:0 18px 42px rgba(23,63,122,.14)!important;
  }
}

@media (max-width:700px){
  .l2-teacher-search .l2-ts-filter-panel{border-radius:18px;}
  .l2-teacher-search .l2-ts-filter-dropdown-toggle{min-height:58px;}
  .l2-teacher-search .l2-ts-filter-button{min-height:58px;}
}
.l2-ts-teacher-search-trigger{display:none;border:1px solid #d8e5f2;background:#f8fbff;color:#2457a6;border-radius:10px;padding:8px 11px;cursor:pointer;font:inherit;font-weight:800;white-space:nowrap;}
.l2-ts-filter-clear-corner{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;min-width:26px;padding:0;border:1px solid #f0c8cd;background:#fff5f6;color:#d92d3a;border-radius:50%;font-size:18px;font-weight:900;line-height:1;cursor:pointer;z-index:3;}
.l2-ts-filter-clear-corner[hidden]{display:none!important;}
@media(max-width:1024px){
  .l2-teacher-search .l2-ts-teacher-search-trigger{display:inline-flex;align-items:center;justify-content:center;}
  .l2-teacher-search .l2-ts-clear{display:none!important;}
}
@media(max-width:700px){
  .l2-teacher-search .l2-ts-searchbox{gap:7px;}
  .l2-teacher-search .l2-ts-teacher-search-trigger{padding:9px 10px;font-size:12px;}
}
.l2-teacher-search{
  width:100%;
  max-width:1236px;
  padding-left:0!important;
  padding-right:0!important;
}
@media(max-width:700px){
  .l2-teacher-search{
    width:auto;
    max-width:none;
    padding-left:12px!important;
    padding-right:12px!important;
  }
}
@media(min-width:701px){
  .l2-teacher-search{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:1180px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-left:0!important;
    padding-right:0!important;
    position:static!important;
    left:auto!important;
    transform:none!important;
    overflow-x:clip;
  }
  .l2-teacher-search .l2-tpp-search-card,
  .l2-teacher-search .l2-tpp-search-card .l2-tpp{
    box-sizing:border-box!important;
    max-width:100%!important;
  }
}
@media(max-width:700px){
  .l2-teacher-search{
    box-sizing:border-box!important;
    width:auto!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
    padding-left:12px!important;
    padding-right:12px!important;
    position:static!important;
    left:auto!important;
    transform:none!important;
  }
}
.l2-teacher-search .l2-tpp-search-card{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
}
.l2-teacher-search{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:1180px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.l2-teacher-search .l2-ts-filter-panel,
.l2-teacher-search .l2-ts-results-wrap,
.l2-teacher-search .l2-ts-grid,
.l2-teacher-search .l2-ts-public-card-wrap,
.l2-teacher-search .l2-tpp-search-card,
.l2-teacher-search .l2-tpp-search-card .l2-tpp{
  box-sizing:border-box!important;
  min-width:0!important;
  max-width:100%!important;
}
.l2-teacher-search .l2-tpp-search-card .l2-tpp{
  width:100%!important;
  margin-left:0!important;
  margin-right:0!important;
}
.l2-teacher-search .l2-tpp-search-card .l2-tpp-hero,
.l2-teacher-search .l2-tpp-search-card .l2-tpp-hero-left,
.l2-teacher-search .l2-tpp-search-card .l2-tpp-video-card{
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}
.l2-teacher-search .l2-tpp-search-card .l2-tpp-hero > *,
.l2-teacher-search .l2-tpp-search-card .l2-tpp-hero-left > *,
.l2-teacher-search .l2-tpp-search-card .l2-tpp-video-card > *{
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}
@media(max-width:700px){
  .l2-teacher-search{
    max-width:100%!important;
    padding-left:12px!important;
    padding-right:12px!important;
  }
}
html body.l2-teacher-search-surface,
html body.l2-teacher-surface-active.l2-teacher-search-surface{
  overflow-x:clip!important;
}
.l2-teacher-search,
.l2-teacher-search *{
  box-sizing:border-box;
}
.l2-teacher-search .l2-ts-public-card-wrap{
  width:100%!important;
  max-width:1180px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  min-width:0!important;
  box-sizing:border-box!important;
}
.l2-teacher-search .l2-tpp-search-card{
  width:100%!important;
  max-width:1180px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding:28px!important;
  box-sizing:border-box!important;
}
.l2-teacher-search .l2-tpp-search-card.l2-tpp-profile-visual-v2 .l2-tpp-hero{
  display:grid!important;
  grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr)!important;
  gap:28px!important;
  align-items:stretch!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:visible!important;
  box-sizing:border-box!important;
}
.l2-teacher-search .l2-tpp-search-card.l2-tpp-profile-visual-v2 .l2-tpp-hero-left{
  width:auto!important;
  max-width:none!important;
  min-width:0!important;
  padding:22px!important;
  background:#fff!important;
  border:1px solid #dbe4f0!important;
  border-radius:22px!important;
  box-shadow:0 10px 28px rgba(27,55,94,.08)!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
.l2-teacher-search .l2-tpp-search-card.l2-tpp-profile-visual-v2 .l2-tpp-video-card{
  width:auto!important;
  max-width:none!important;
  min-width:0!important;
  box-sizing:border-box!important;
}
@media(max-width:980px){
  .l2-teacher-search .l2-tpp-search-card.l2-tpp-profile-visual-v2 .l2-tpp-hero{
    grid-template-columns:1fr!important;
    gap:18px!important;
  }
  .l2-teacher-search .l2-tpp-search-card.l2-tpp-profile-visual-v2 .l2-tpp-hero-left{
    padding:22px!important;
  }
}
@media(max-width:700px){
  .l2-teacher-search .l2-tpp-search-card{
    padding:14px!important;
  }
  .l2-teacher-search .l2-tpp-search-card.l2-tpp-profile-visual-v2 .l2-tpp-hero-left{
    padding:14px!important;
    border-radius:20px!important;
  }
}
@media(min-width:701px){
  .l2-teacher-search .l2-ts-grid{
    grid-template-columns:minmax(0,1fr)!important;
    gap:28px!important;
  }
  .l2-teacher-search .l2-ts-public-card-wrap{
    width:100%!important;
    min-width:0!important;
    height:auto!important;
  }
  .l2-teacher-search .l2-tpp-search-card.l2-tpp-profile-visual-v2 .l2-tpp-hero{
    grid-template-columns:minmax(0,1fr) minmax(330px,380px)!important;
    gap:28px!important;
  }
}
@media(max-width:700px){
  .l2-teacher-search .l2-ts-grid{
    grid-template-columns:minmax(0,1fr)!important;
  }
}
@media(min-width:701px){
  .l2-teacher-search .l2-ts-results-wrap{
    width:100%!important;
    max-width:1180px!important;
    margin-left:0!important;
    margin-right:0!important;
    box-sizing:border-box!important;
  }
  .l2-teacher-search .l2-ts-grid{
    width:100%!important;
    max-width:1180px!important;
    margin:0 auto!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:28px!important;
    box-sizing:border-box!important;
  }
  .l2-teacher-search .l2-ts-public-card-wrap{
    width:100%!important;
    max-width:1180px!important;
    min-width:0!important;
    margin:0!important;
    box-sizing:border-box!important;
  }
  .l2-teacher-search .l2-tpp-search-card{
    width:100%!important;
    max-width:1180px!important;
    margin:0 auto!important;
    padding:28px!important;
    box-sizing:border-box!important;
  }
  .l2-teacher-search .l2-tpp-search-card.l2-tpp-profile-visual-v2 .l2-tpp-hero{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr)!important;
    gap:28px!important;
    box-sizing:border-box!important;
  }
  .l2-teacher-search .l2-tpp-search-card.l2-tpp-profile-visual-v2 .l2-tpp-hero-left{
    width:auto!important;
    max-width:none!important;
    min-width:0!important;
    padding:22px!important;
    box-sizing:border-box!important;
  }
  .l2-teacher-search .l2-tpp-search-card.l2-tpp-profile-visual-v2 .l2-tpp-video-card{
    width:auto!important;
    max-width:none!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }
}
@media(max-width:700px){
  .l2-teacher-search .l2-ts-results-wrap{
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
  }
}
@media (min-width:981px){
  .l2-teacher-search .l2-tpp-search-card.l2-tpp-profile-visual-v2 .l2-tpp-video-card{
    container-type:inline-size!important;
  }
  .l2-teacher-search .l2-tpp-search-card.l2-tpp-profile-visual-v2 .l2-tpp-video-card .l2-tpp-video{
    aspect-ratio:auto!important;
    width:100%!important;
    height:calc(62.5cqw - 10px)!important;
    min-height:0!important;
  }
  .l2-teacher-search .l2-tpp-search-card.l2-tpp-profile-visual-v2 .l2-tpp-avatar-score-rank,
  .l2-teacher-search .l2-tpp-search-card.l2-tpp-profile-visual-v2 .l2-tpp-name-wrap > .l2-tpp-inline-stats{
    position:relative!important;
    top:-10px!important;
  }
}
@media (max-width:980px){
  .l2-public-catalog > .l2-catalog-hero,
  .l2-public-catalog > .l2-blog-hero,
  .l2-teacher-search > .l2-ts-hero{
    display:none!important;
  }
}
.l2-teacher-search .l2-ts-filter-dropdown .l2-ts-filter-buttons{
  position:static!important;
  top:auto!important;
  right:auto!important;
  left:auto!important;
  width:auto!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
  overflow:visible!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  z-index:auto!important;
}
.l2-teacher-search .l2-ts-filter-buttons .l2-course-filter-field{
  min-width:0;
}
.l2-teacher-search .l2-ts-filter-buttons .l2-course-filter-field select{
  width:100%;
  max-width:100%;
  box-sizing:border-box;
  font:inherit;
}
@media(max-width:700px){
  .l2-teacher-search .l2-ts-filter-dropdown .l2-ts-filter-buttons{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
}
@media(max-width:380px){
  .l2-teacher-search .l2-ts-filter-dropdown .l2-ts-filter-buttons{
    grid-template-columns:1fr!important;
  }
}




@media(max-width:700px){
  .l2-teacher-search[data-l2-teacher-search] .l2-course-filter-field input[type="number"][data-teacher-price]{
    min-height:38px!important;
    height:38px!important;
    font-size:9px!important;
  }
}
.l2-teacher-search .l2-ts-public-card-wrap,
.l2-teacher-search .l2-ts-public-card-wrap .l2-tpp-search-card{
  cursor:pointer;
}
.l2-teacher-search[data-l2-teacher-search]{
  --l2-blue:#2457a6;
  --l2-blue-dark:#173f7a;
  --l2-blue-soft:#eef5fc;
  --l2-blue-soft-2:#f7faff;
  --l2-red:#d92d3a;
  --l2-red-soft:#fff3f4;
  --l2-ink:#172033;
  --l2-muted:#667085;
  --l2-border:#dbe5ef;
  --l2-border-strong:#c7d8ea;
  --l2-shadow:0 10px 28px rgba(23,63,122,.06);
  --l2-shadow-hover:0 14px 30px rgba(23,63,122,.10);
}
.l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-panel{
  background:#fff!important;
  border:1px solid #dfe7f0!important;
  border-radius:20px!important;
  box-shadow:0 10px 28px rgba(23,63,122,.055)!important;
}
.l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-panel-head strong{
  color:#172033!important;
  font-size:16px!important;
  font-weight:900!important;
}
.l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-panel-head span{
  color:#667085!important;
}
.l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-searchbox,
.l2-teacher-search[data-l2-teacher-search] .l2-ts-searchbox{
  background:#f8fbff!important;
  border:1px solid #d8e5f2!important;
  border-radius:14px!important;
  box-shadow:0 4px 14px rgba(23,63,122,.035)!important;
}
.l2-teacher-search[data-l2-teacher-search] .l2-ts-searchbox:focus-within{
  border-color:#a9c4e5!important;
  box-shadow:0 0 0 3px rgba(36,87,166,.08)!important;
}
.l2-teacher-search[data-l2-teacher-search] .l2-ts-search-icon{color:#2457a6!important;}
.l2-teacher-search[data-l2-teacher-search] .l2-ts-searchbox input::placeholder{color:#98a2b3!important;}
.l2-teacher-search[data-l2-teacher-search] .l2-ts-clear,
.l2-teacher-search[data-l2-teacher-search] .l2-ts-reset,
.l2-teacher-search[data-l2-teacher-search] .l2-ts-reset-inline{
  background:#f3f7fb!important;
  color:#344054!important;
  border:1px solid #dfe7ef!important;
  border-radius:10px!important;
  font-weight:800!important;
}
.l2-teacher-search[data-l2-teacher-search] .l2-ts-clear:hover,
.l2-teacher-search[data-l2-teacher-search] .l2-ts-reset:hover,
.l2-teacher-search[data-l2-teacher-search] .l2-ts-reset-inline:hover{
  background:#eaf2fb!important;
  color:#173f7a!important;
  border-color:#cbdcec!important;
}
.l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-dropdown-toggle{
  min-height:58px!important;
  padding:0 16px!important;
  background:linear-gradient(180deg,#fff 0%,#f7faff 100%)!important;
  border:1px solid #d4e2f0!important;
  border-radius:14px!important;
  color:#172033!important;
  box-shadow:0 6px 16px rgba(23,63,122,.045)!important;
  font-weight:900!important;
}
.l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-dropdown-toggle:hover{
  background:#f3f8fd!important;
  border-color:#bdd1e7!important;
}
.l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-dropdown-toggle[aria-expanded="true"]{
  background:#eef5fc!important;
  border-color:#a9c4e5!important;
  color:#173f7a!important;
}
.l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-dropdown-count{
  background:#eaf2fb!important;
  color:#2457a6!important;
  border:1px solid #d3e1f0!important;
  border-radius:999px!important;
  padding:5px 9px!important;
  font-weight:900!important;
}
.l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-dropdown-chevron{
  color:#667085!important;
}
.l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-dropdown-toggle[aria-expanded="true"] .l2-ts-filter-dropdown-chevron{
  color:#2457a6!important;
}
.l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-button{
  min-height:60px!important;
  padding:9px 12px!important;
  background:#fbfdff!important;
  border:1px solid #dbe5ef!important;
  border-radius:13px!important;
  color:#172033!important;
  box-shadow:0 2px 8px rgba(23,63,122,.025)!important;
  font-weight:800!important;
  transform:none!important;
}
.l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-button:hover{
  background:#f2f7fc!important;
  border-color:#bdd0e5!important;
  color:#173f7a!important;
  box-shadow:0 7px 16px rgba(23,63,122,.07)!important;
  transform:translateY(-1px)!important;
}
.l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-button:focus-visible{
  outline:none!important;
  border-color:#8fb1da!important;
  box-shadow:0 0 0 3px rgba(36,87,166,.08)!important;
}
.l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-button span{
  color:#667085!important;
  font-size:11px!important;
  font-weight:700!important;
}
.l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-button b{
  color:#173f7a!important;
  font-size:12px!important;
  font-weight:900!important;
}
.l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-button[aria-pressed="true"]{
  background:#eef5fc!important;
  border-color:#a9c4e5!important;
  color:#173f7a!important;
  box-shadow:inset 0 0 0 1px rgba(36,87,166,.04),0 5px 14px rgba(36,87,166,.06)!important;
}
.l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-button[aria-pressed="true"] span{
  color:#587292!important;
}
.l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-button[aria-pressed="true"] b{
  color:#173f7a!important;
}
.l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-dropdown .l2-ts-filter-buttons{
  background:#fff!important;
  border:1px solid #dbe5ef!important;
  border-radius:16px!important;
  box-shadow:0 18px 42px rgba(23,63,122,.13)!important;
}
.l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-popover{
  background:#fff!important;
  border:1px solid #dbe5ef!important;
  border-radius:16px!important;
  box-shadow:0 18px 42px rgba(23,63,122,.14)!important;
}
.l2-teacher-search[data-l2-teacher-search] .l2-ts-popover-title{
  color:#172033!important;
  font-size:13px!important;
  font-weight:900!important;
}
.l2-teacher-search[data-l2-teacher-search] .l2-ts-popover-inner button{
  background:#f8fafc!important;
  border:1px solid #dbe5ef!important;
  color:#344054!important;
  border-radius:10px!important;
  font-weight:750!important;
}
.l2-teacher-search[data-l2-teacher-search] .l2-ts-popover-inner button:hover{
  background:#eef5fc!important;
  border-color:#bdd0e5!important;
  color:#173f7a!important;
}
.l2-teacher-search[data-l2-teacher-search] .l2-ts-popover-inner button.is-selected,
.l2-teacher-search[data-l2-teacher-search] .l2-ts-popover-inner button.is-selected:hover{
  background:#2457a6!important;
  border-color:#2457a6!important;
  color:#fff!important;
  box-shadow:0 6px 14px rgba(36,87,166,.16)!important;
}
.l2-teacher-search[data-l2-teacher-search] .l2-ts-price-grid input{
  background:#fff!important;
  border:1px solid #d5e0eb!important;
  border-radius:10px!important;
  color:#172033!important;
}
.l2-teacher-search[data-l2-teacher-search] .l2-ts-price-grid input:focus{
  outline:none!important;
  border-color:#8fb1da!important;
  box-shadow:0 0 0 3px rgba(36,87,166,.08)!important;
}
.l2-teacher-search[data-l2-teacher-search] .l2-ts-pop-actions button:first-child,
.l2-teacher-search[data-l2-teacher-search] .l2-ts-apply{
  background:#2457a6!important;
  border-color:#2457a6!important;
  color:#fff!important;
  border-radius:11px!important;
  font-weight:800!important;
}
.l2-teacher-search[data-l2-teacher-search] .l2-ts-pop-actions button:first-child:hover,
.l2-teacher-search[data-l2-teacher-search] .l2-ts-apply:hover{
  background:#1f4f98!important;
}

@media (max-width:1024px){
  .l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-dropdown > .l2-ts-filter-buttons{
    position:absolute!important;
    background:#fff!important;
    border:1px solid #dbe5ef!important;
    border-radius:16px!important;
    box-shadow:0 18px 42px rgba(23,63,122,.14)!important;
  }
}

@media (max-width:700px){
  .l2-teacher-search[data-l2-teacher-search]{padding:10px!important;}
  .l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-panel{padding:12px!important;border-radius:18px!important;}
  .l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-dropdown-toggle{min-height:58px!important;}
  .l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-button{min-height:58px!important;}
}
@media (max-width:1024px){
  .l2-teacher-search[data-l2-teacher-search]{position:relative;}
  .l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-panel{
    position:relative!important;
    z-index:1000!important;
    overflow:visible!important;
  }
  .l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-dropdown{
    position:relative!important;
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:12px 0 0!important;
    clear:both!important;
    z-index:1100!important;
  }
  .l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-dropdown-toggle{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    width:100%!important;
    min-width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
    position:relative!important;
    z-index:1102!important;
  }
  .l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-dropdown > .l2-ts-filter-buttons{
    position:absolute!important;
    top:calc(100% + 8px)!important;
    right:0!important;
    left:0!important;
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
    z-index:1101!important;
    margin:0!important;
    max-height:min(70vh,620px)!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
  }
  .l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-dropdown:not(.is-open) > .l2-ts-filter-buttons{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
  }
  .l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-dropdown.is-open > .l2-ts-filter-buttons{
    display:grid!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
  }
  .l2-teacher-search[data-l2-teacher-search] .l2-ts-results-wrap{
    position:relative!important;
    z-index:1!important;
  }
}

@media (max-width:700px){
  .l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-panel-head{
    width:100%!important;
    margin:0!important;
  }
  .l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-dropdown{
    margin-top:10px!important;
  }
  .l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-dropdown > .l2-ts-filter-buttons{
    grid-template-columns:1fr!important;
    gap:8px!important;
    padding:10px!important;
  }
}
@media (max-width:1024px){
  .l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-dropdown > .l2-ts-filter-buttons{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:8px!important;
  }
}
@media (max-width:700px){
  .l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-dropdown > .l2-ts-filter-buttons{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:7px!important;
    padding:9px!important;
  }
}
@media (max-width:380px){
  .l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-dropdown > .l2-ts-filter-buttons{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}
@media (max-width:1024px){
  .l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-panel{
    position:relative!important;
    z-index:10000!important;
    overflow:visible!important;
    isolation:isolate;
  }

  .l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-dropdown{
    position:relative!important;
    z-index:11000!important;
  }

  .l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-dropdown > .l2-ts-filter-buttons{
    z-index:11010!important;
  }

  .l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-popover{
    position:fixed!important;
    z-index:2147483000!important;
    top:auto;
    right:auto;
    bottom:auto;
    left:auto;
    max-width:calc(100vw - 24px)!important;
    max-height:82vh!important;
    overflow:auto!important;
    pointer-events:auto!important;
  }

  .l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-popover[hidden]{
    display:none!important;
  }
}
@media(max-width:1024px){
  .l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-dropdown-toggle{position:relative!important;padding-right:48px!important;padding-left:42px!important;}
  .l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-clear-corner{position:absolute!important;right:12px!important;top:50%!important;transform:translateY(-50%)!important;}
  .l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-dropdown-chevron{position:absolute!important;left:14px!important;top:50%!important;transform:translateY(-50%)!important;}
  .l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-dropdown-toggle[aria-expanded="true"] .l2-ts-filter-dropdown-chevron{transform:translateY(-50%) rotate(180deg)!important;}
  .l2-teacher-search[data-l2-teacher-search] .l2-ts-teacher-search-trigger{display:none!important;}
  .l2-teacher-search[data-l2-teacher-search] .l2-ts-clear{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:42px!important;border:1px solid #d8e5f2!important;background:#f8fbff!important;color:#2457a6!important;border-radius:10px!important;padding:0 11px!important;font:inherit!important;font-size:12px!important;font-weight:900!important;white-space:nowrap!important;cursor:pointer!important;box-sizing:border-box!important;}
}
@media(max-width:700px){
  .l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-dropdown-toggle{padding-right:44px!important;padding-left:40px!important;}
  .l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-clear-corner{right:10px!important;}
  .l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-dropdown-chevron{left:12px!important;}
  .l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-searchbox{display:flex!important;align-items:center!important;}
  .l2-teacher-search[data-l2-teacher-search] .l2-ts-searchbox input{min-width:0!important;}
}

@media(max-width:1024px){
  .l2-teacher-search[data-l2-teacher-search] .l2-ts-teacher-search-trigger{display:none!important;}
  .l2-teacher-search[data-l2-teacher-search] .l2-ts-clear{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:42px!important;padding:0 11px!important;border:1px solid #d8e5f2!important;background:#f8fbff!important;color:#2457a6!important;border-radius:10px!important;font:inherit!important;font-size:12px!important;font-weight:900!important;white-space:nowrap!important;cursor:pointer!important;box-sizing:border-box!important;}
}
@media(max-width:700px){
  .l2-teacher-search[data-l2-teacher-search] .l2-ts-clear{min-height:42px!important;padding:0 10px!important;font-size:12px!important;}
}
@media (min-width:1025px){
  .l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-dropdown-chevron,
  .l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-clear-corner{
    display:none!important;
  }
  .l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-dropdown-toggle{
    padding-left:16px!important;
    padding-right:16px!important;
  }
}
@media (min-width:1025px){
  .l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-panel{
    background:transparent!important;
    border-color:transparent!important;
    box-shadow:none!important;
    border-radius:0!important;
    padding-left:0!important;
    padding-right:0!important;
  }
}
@media (min-width:1025px){
  .l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-panel{
    background:#fff!important;
    border-color:#dfe7f1!important;
    box-shadow:0 8px 24px rgba(23,32,51,.06)!important;
    border-radius:18px!important;
    padding-left:12px!important;
    padding-right:12px!important;
  }
  .l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-button{
    background:transparent!important;
  }
  .l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-button:hover{
    background:#f7faff!important;
  }
  .l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-button[aria-pressed="true"]{
    background:#eef5fc!important;
  }
}
.l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-panel{
  overflow:visible!important;
  background:linear-gradient(135deg,#ffffff 0%,#f7fbff 100%)!important;
  border:1px solid #dfe7ef!important;
  border-radius:22px!important;
  box-shadow:0 12px 28px rgba(23,32,51,.06)!important;
  padding:0!important;
}
.l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-panel-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  padding:16px 18px!important;
  margin:0!important;
  background:linear-gradient(135deg,rgba(36,87,166,.08),rgba(91,141,239,.04))!important;
  border-bottom:1px solid #e8eef5!important;
  border-radius:22px 22px 0 0!important;
}
.l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-heading{
  display:flex!important;align-items:center!important;gap:11px!important;min-width:0!important;
}
.l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-heading-icon{
  flex:none!important;width:42px!important;height:42px!important;display:grid!important;place-items:center!important;
  border-radius:13px!important;background:linear-gradient(135deg,#2457a6,#6f9ef4)!important;
  color:#fff!important;font-size:20px!important;box-shadow:0 9px 18px rgba(36,87,166,.18)!important;
}
.l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-heading div{display:flex!important;flex-direction:column!important;gap:3px!important;min-width:0!important;}
.l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-heading strong{font-size:15px!important;font-weight:950!important;color:#172033!important;}
.l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-heading small{font-size:11px!important;font-weight:800!important;color:#7b8799!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-dropdown{margin:0!important;padding:14px 18px 0!important;}
.l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-dropdown-toggle{
  display:inline-flex!important;align-items:center!important;gap:9px!important;border:1px solid #d7e2ee!important;border-radius:12px!important;
  background:#fff!important;color:#2457a6!important;padding:9px 12px!important;font:inherit!important;font-size:11px!important;font-weight:950!important;
  cursor:pointer!important;box-shadow:0 6px 14px rgba(23,32,51,.04)!important;width:auto!important;min-height:43px!important;
}
.l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-dropdown-toggle .l2-ts-filter-dropdown-chevron{display:inline-block!important;color:#2457a6!important;}
.l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-dropdown-toggle[aria-expanded="false"] .l2-ts-filter-dropdown-chevron{transform:rotate(180deg)!important;}
.l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-dropdown .l2-ts-filter-buttons{
  position:static!important;display:grid!important;grid-template-columns:repeat(9,minmax(0,1fr))!important;gap:12px!important;
  width:100%!important;max-width:none!important;margin:12px 0 0!important;padding:0 0 2px!important;border:0!important;background:transparent!important;box-shadow:none!important;
  visibility:visible!important;opacity:1!important;pointer-events:auto!important;max-height:none!important;overflow:visible!important;
}
.l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-dropdown .l2-ts-filter-buttons.is-collapsed{display:none!important;}
.l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-button{
  min-height:62px!important;padding:9px 10px!important;border:1px solid #dce5ee!important;border-radius:12px!important;
  background:#fff!important;color:#172033!important;box-shadow:0 5px 14px rgba(23,32,51,.035)!important;
}
.l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-button:hover{background:#f7faff!important;border-color:#c8d9eb!important;transform:translateY(-1px);}
.l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-button[aria-pressed="true"]{background:#eef5fc!important;border-color:#aecaeb!important;box-shadow:0 7px 16px rgba(36,87,166,.08)!important;}
.l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-button span{font-size:10px!important;color:#6d7c8d!important;font-weight:900!important;}
.l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-button b{font-size:11px!important;color:#2457a6!important;font-weight:950!important;margin-top:4px!important;}
.l2-teacher-search[data-l2-teacher-search] .l2-ts-searchbox.l2-ts-filter-searchbox{
  width:auto!important;max-width:none!important;margin:12px 18px 18px!important;box-sizing:border-box!important;
  background:#fff!important;border:1px solid #dce5ee!important;border-radius:14px!important;box-shadow:0 7px 18px rgba(23,32,51,.045)!important;
}
.l2-teacher-search[data-l2-teacher-search] .l2-ts-searchbox.l2-ts-filter-searchbox input{font-size:13px!important;min-height:44px!important;}
.l2-teacher-search[data-l2-teacher-search] .l2-ts-searchbox.l2-ts-filter-searchbox:focus-within{border-color:#7ea7eb!important;box-shadow:0 0 0 4px rgba(36,87,166,.08)!important;}
@media(min-width:1025px){
  .l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-dropdown-toggle{margin-inline-start:0!important;}
}
@media(max-width:1100px){
  .l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-dropdown .l2-ts-filter-buttons{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
}
@media(max-width:700px){
  .l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-panel-head{padding:13px 14px!important;}
  .l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-heading-icon{width:38px!important;height:38px!important;}
  .l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-heading strong{font-size:13px!important;}
  .l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-heading small{font-size:9px!important;}
  .l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-dropdown{padding:12px 14px 0!important;}
  .l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-dropdown .l2-ts-filter-buttons{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;}
  .l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-button{min-height:58px!important;padding:8px!important;}
  .l2-teacher-search[data-l2-teacher-search] .l2-ts-searchbox.l2-ts-filter-searchbox{margin:10px 14px 14px!important;}
}
@media(max-width:380px){
  .l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-dropdown .l2-ts-filter-buttons{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
.l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-dropdown:not(.is-open) > .l2-ts-filter-buttons,
.l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-dropdown > .l2-ts-filter-buttons.is-collapsed,
.l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-dropdown:not(.is-open) > .l2-ts-filter-searchbox,
.l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-dropdown > .l2-ts-filter-searchbox.is-collapsed{
  display:none!important;
}
.l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-dropdown.is-open > .l2-ts-filter-buttons:not(.is-collapsed){display:grid!important;}
.l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-dropdown.is-open > .l2-ts-filter-searchbox:not(.is-collapsed){display:flex!important;}
@media(min-width:1101px){
  .l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-dropdown > .l2-ts-filter-buttons:not(.is-collapsed){
    grid-template-columns:repeat(9,minmax(0,1fr))!important;
  }
}
.l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-panel-head{
  flex-direction:row!important;
  align-items:center!important;
  justify-content:space-between!important;
}
.l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-panel-head .l2-ts-filter-dropdown-toggle{
  flex:0 0 auto!important;
  margin:0!important;
  width:auto!important;
}
@media(max-width:700px){
  .l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-panel-head{
    flex-direction:row!important;
    align-items:center!important;
    gap:10px!important;
  }
  .l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-heading{
    flex:1 1 auto!important;
    min-width:0!important;
  }
  .l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-panel-head .l2-ts-filter-dropdown-toggle{
    flex:0 0 auto!important;
    min-height:46px!important;
    padding:0 12px!important;
  }
}

.l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-dropdown{
  box-sizing:border-box!important;
  width:100%!important;
}
.l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-dropdown > .l2-ts-filter-buttons{
  align-items:stretch!important;
  justify-items:stretch!important;
  box-sizing:border-box!important;
}
.l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-dropdown > .l2-ts-filter-buttons > .l2-ts-filter-button{
  width:100%!important;
  height:68px!important;
  min-height:68px!important;
  max-width:none!important;
  min-width:0!important;
  box-sizing:border-box!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:stretch!important;
  text-align:right!important;
  line-height:1.35!important;
  margin:0!important;
  overflow:hidden!important;
}
.l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-dropdown > .l2-ts-filter-buttons > .l2-ts-filter-button > span,
.l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-dropdown > .l2-ts-filter-buttons > .l2-ts-filter-button > b{
  width:100%!important;
  display:block!important;
  box-sizing:border-box!important;
  margin-inline:0!important;
  text-align:right!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-dropdown > .l2-ts-filter-buttons > .l2-ts-filter-button > b{
  margin-top:5px!important;
}
.l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-searchbox{
  box-sizing:border-box!important;
  width:100%!important;
}
@media(max-width:1024px){
  .l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-dropdown > .l2-ts-filter-buttons{
    align-items:stretch!important;
  }
  .l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-dropdown > .l2-ts-filter-buttons > .l2-ts-filter-button{
    height:62px!important;
    min-height:62px!important;
  }
}
@media(max-width:700px){
  .l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-dropdown > .l2-ts-filter-buttons > .l2-ts-filter-button{
    height:60px!important;
    min-height:60px!important;
  }
}
.l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-panel,
.l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-dropdown,
.l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-popover{
  overflow:visible!important;
}
.l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-popover{
  position:fixed!important;
  z-index:2147483647!important;
  opacity:1!important;
  pointer-events:auto!important;
  box-sizing:border-box!important;
}
.l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-popover.is-open:not([hidden]){
  display:block!important;
  visibility:visible!important;
}
.l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-popover:not([hidden]) .l2-ts-popover-inner{
  visibility:visible!important;
  opacity:1!important;
}
.l2-teacher-search[data-l2-teacher-search] .l2-ts-popover-inner{
  position:relative!important;
  z-index:1!important;
}
.l2-ts-filter-popover-portal{
  position:fixed!important;
  z-index:2147483647!important;
  box-sizing:border-box!important;
  display:block!important;
  width:min(520px,calc(100vw - 24px))!important;
  max-width:calc(100vw - 24px)!important;
  max-height:min(82vh,720px)!important;
  overflow:auto!important;
  padding:16px!important;
  background:#fff!important;
  border:1px solid #dbe5ef!important;
  border-radius:18px!important;
  box-shadow:0 24px 64px rgba(15,23,42,.24)!important;
  pointer-events:auto!important;
}
.l2-ts-filter-popover-portal[hidden]{display:none!important;}
.l2-ts-filter-popover-portal .l2-ts-popover-inner{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:10px!important;
}
.l2-ts-filter-popover-portal .l2-ts-popover-title{
  width:100%!important;
  margin:2px 0 6px!important;
  color:#172033!important;
  font-size:15px!important;
  font-weight:900!important;
}
.l2-ts-filter-popover-portal .l2-ts-popover-inner button{
  min-height:44px!important;
  padding:10px 13px!important;
  background:#f8fafc!important;
  border:1px solid #dbe5ef!important;
  color:#344054!important;
  border-radius:11px!important;
  cursor:pointer!important;
  font:inherit!important;
  font-weight:750!important;
}
.l2-ts-filter-popover-portal .l2-ts-popover-inner button:hover{
  background:#eef4fb!important;
  border-color:#bfd1e5!important;
  color:#173f7a!important;
}
.l2-ts-filter-popover-portal .l2-ts-popover-inner button.is-selected,
.l2-ts-filter-popover-portal .l2-ts-popover-inner button.is-selected:hover{
  background:#2457a6!important;
  border-color:#2457a6!important;
  color:#fff!important;
}
.l2-ts-filter-popover-portal .l2-ts-price-grid{
  width:100%!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:10px!important;
}
.l2-ts-filter-popover-portal .l2-ts-price-grid input{
  width:100%!important;
  box-sizing:border-box!important;
  margin-top:6px!important;
  padding:10px!important;
  background:#fff!important;
  border:1px solid #d5e0eb!important;
  border-radius:10px!important;
  color:#172033!important;
  font:inherit!important;
}
.l2-ts-filter-popover-portal .l2-ts-pop-actions{
  width:100%!important;
  display:flex!important;
  gap:8px!important;
  margin-top:8px!important;
}
.l2-ts-filter-popover-portal .l2-ts-pop-actions button:first-child,
.l2-ts-filter-popover-portal .l2-ts-apply{
  background:#2457a6!important;
  border-color:#2457a6!important;
  color:#fff!important;
}
@media(max-width:700px){
  .l2-ts-filter-popover-portal{
    width:calc(100vw - 24px)!important;
    max-width:calc(100vw - 24px)!important;
    max-height:78vh!important;
    border-radius:18px!important;
  }
}
.l2-teacher-search[data-l2-teacher-search] .l2-ts-results-loading{
  opacity:.58!important;
  transition:opacity .15s ease!important;
  pointer-events:none!important;
}
.l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-dropdown-toggle{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;
}
.l2-teacher-search[data-l2-teacher-search] .l2-ts-total-teacher-count{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  min-height:24px!important;padding:3px 9px!important;border-radius:999px!important;
  background:#eef5ff!important;color:#2457a6!important;border:1px solid #c9dcf7!important;
  font-size:11px!important;font-weight:950!important;line-height:1!important;white-space:nowrap!important;
}
@media (max-width:700px){
  .l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-dropdown-toggle{gap:6px!important;}
  .l2-teacher-search[data-l2-teacher-search] .l2-ts-total-teacher-count{font-size:10px!important;padding:3px 7px!important;}
}
.l2-teacher-search[data-l2-teacher-search]{
  --l2-accent:#2457a6;
  --l2-accent-2:#6d9df5;
  --l2-accent-soft:#eef5ff;
  --l2-accent-border:#d8e6f6;
}
.l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-panel{
  position:relative!important;
  isolation:isolate!important;
  border-color:var(--l2-accent-border)!important;
  background:rgba(255,255,255,.96)!important;
  box-shadow:0 14px 34px rgba(36,87,166,.09)!important;
  overflow:visible!important;
}
.l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-panel:before{
  content:"";
  display:block;height:4px;border-radius:22px 22px 0 0;
  background:linear-gradient(90deg,var(--l2-accent),var(--l2-accent-2),#b8d0ff);
  background-size:180% 100%;
  animation:l2TeacherShimmer 5s linear infinite;
}
.l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-panel-head{
  min-height:74px!important;
  background:linear-gradient(135deg,var(--l2-accent-soft),rgba(255,255,255,.95) 72%)!important;
  border-bottom-color:rgba(36,87,166,.10)!important;
}
.l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-heading-icon{
  background:linear-gradient(135deg,var(--l2-accent),var(--l2-accent-2))!important;
  box-shadow:0 10px 22px rgba(36,87,166,.22)!important;
}
.l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-dropdown-toggle{
  border-color:var(--l2-accent-border)!important;
  background:linear-gradient(135deg,#fff,var(--l2-accent-soft))!important;
  color:var(--l2-accent)!important;
}
.l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-dropdown-toggle:hover,
.l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-button:hover{
  border-color:#b8cdef!important;
  box-shadow:0 9px 20px rgba(36,87,166,.10)!important;
}
.l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-button[aria-pressed="true"]{
  background:linear-gradient(135deg,var(--l2-accent-soft),#fff)!important;
  border-color:#aecaeb!important;
  color:#173f7a!important;
}
.l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-button[aria-pressed="true"] b,
.l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-dropdown-chevron{color:var(--l2-accent)!important}
.l2-teacher-search[data-l2-teacher-search] .l2-ts-searchbox.l2-ts-filter-searchbox{
  border-color:var(--l2-accent-border)!important;
  background:linear-gradient(180deg,#fff 0%,#fbfdff 100%)!important;
}
.l2-teacher-search[data-l2-teacher-search] .l2-ts-searchbox.l2-ts-filter-searchbox:focus-within{
  border-color:#8fb1da!important;
  box-shadow:0 0 0 4px rgba(36,87,166,.10)!important;
}
@keyframes l2TeacherShimmer{0%{background-position:100% 0}100%{background-position:-80% 0}}
@media(prefers-reduced-motion:reduce){.l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-panel:before{animation:none!important}}
.l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-panel:before{
  display:none!important;
  content:none!important;
  animation:none!important;
}
.l2-teacher-search[data-l2-teacher-search] .l2-ts-searchbox.l2-ts-filter-searchbox{
  min-height:58px!important;
  box-sizing:border-box!important;
  padding:7px 10px!important;
  margin:12px 18px 18px!important;
  gap:9px!important;
  border:1px solid #d7e4f1!important;
  border-radius:16px!important;
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)!important;
  box-shadow:0 7px 18px rgba(23,63,122,.045)!important;
}
.l2-teacher-search[data-l2-teacher-search] .l2-ts-searchbox.l2-ts-filter-searchbox .l2-ts-search-icon{
  width:42px!important;height:42px!important;display:grid!important;place-items:center!important;flex:0 0 42px!important;
  border-radius:12px!important;background:#eef5ff!important;color:#2457a6!important;font-size:21px!important;
}
.l2-teacher-search[data-l2-teacher-search] .l2-ts-searchbox.l2-ts-filter-searchbox input{
  min-height:42px!important;padding:0 6px!important;font-size:13px!important;font-weight:800!important;color:#172033!important;
}
.l2-teacher-search[data-l2-teacher-search] .l2-ts-searchbox.l2-ts-filter-searchbox input::placeholder{color:#98a2b3!important;font-weight:700!important;}
.l2-teacher-search[data-l2-teacher-search] .l2-ts-searchbox.l2-ts-filter-searchbox:focus-within{
  border-color:#8fb1da!important;
  box-shadow:0 0 0 4px rgba(36,87,166,.09),0 9px 22px rgba(23,63,122,.05)!important;
}
@media(max-width:700px){
  .l2-teacher-search[data-l2-teacher-search] .l2-ts-searchbox.l2-ts-filter-searchbox{min-height:56px!important;border-radius:15px!important;margin:10px 14px 14px!important;}
  .l2-teacher-search[data-l2-teacher-search] .l2-ts-searchbox.l2-ts-filter-searchbox .l2-ts-search-icon{width:40px!important;height:40px!important;flex-basis:40px!important;}
}
.l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-panel-head{
  position:relative!important;
  z-index:20!important;
}
.l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-heading,
.l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-heading-icon,
.l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-dropdown-toggle{
  position:relative!important;
  z-index:21!important;
}
.l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-dropdown{
  position:relative!important;
  z-index:30!important;
}
.l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-options{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
  position:absolute!important;
  inset:auto!important;
  width:0!important;
  height:0!important;
  overflow:hidden!important;
}
.l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-panel:before,
.l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-panel:after{
  display:none!important;
  content:none!important;
}
@media (max-width:1100px){
  .l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-heading{
    display:none!important;
  }
  .l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-panel-head{
    justify-content:flex-start!important;
  }
  .l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-panel-head .l2-ts-filter-dropdown-toggle{
    margin-inline-start:auto!important;
  }
}
.l2-teacher-search[data-l2-teacher-search] .l2-course-filters{
  background:#fff!important;
  border:1px solid #e3eaf2!important;
  border-radius:20px!important;
  box-shadow:0 10px 30px rgba(23,63,122,.06)!important;
  overflow:visible!important;
}
.l2-teacher-search[data-l2-teacher-search] .l2-course-filters-head{
  min-height:56px!important;
  padding:12px 14px!important;
  background:linear-gradient(180deg,#fff 0%,#f8fbff 100%)!important;
  border-bottom:1px solid #e8eef5!important;
  border-radius:20px 20px 0 0!important;
}
.l2-teacher-search[data-l2-teacher-search] .l2-course-filters-title{gap:11px!important;}
.l2-teacher-search[data-l2-teacher-search] .l2-course-filters-title-icon{
  width:42px!important;height:42px!important;border-radius:13px!important;
  background:linear-gradient(135deg,#2457a6,#6f9ef4)!important;
  font-size:20px!important;box-shadow:0 9px 18px rgba(36,87,166,.18)!important;color:#fff!important;
}
.l2-teacher-search[data-l2-teacher-search] .l2-course-filters-title strong{font-size:16px!important;color:#172033!important;font-weight:900!important;}
.l2-teacher-search[data-l2-teacher-search] .l2-course-filters-title small{font-size:11px!important;color:#667085!important;font-weight:700!important;}
.l2-teacher-search[data-l2-teacher-search] .l2-course-filters-toggle{
  min-height:56px!important;display:inline-flex!important;align-items:center!important;gap:10px!important;
  padding:0 15px!important;border:1px solid #d8e3ef!important;border-radius:14px!important;
  background:linear-gradient(180deg,#fff 0%,#f8fbff 100%)!important;color:#172033!important;
  font:inherit!important;font-weight:900!important;box-shadow:0 5px 16px rgba(23,63,122,.04)!important;
}
.l2-teacher-search[data-l2-teacher-search] .l2-course-filters-toggle:hover{background:#f5f9fe!important;border-color:#c7d8ea!important;}
.l2-teacher-search[data-l2-teacher-search] .l2-course-filters-toggle[aria-expanded="true"]{background:#eef5fc!important;border-color:#b9cde8!important;color:#173f7a!important;}
.l2-teacher-search[data-l2-teacher-search] .l2-course-filters-toggle b{font-size:18px!important;line-height:1!important;transition:transform .18s ease!important;color:#667085!important;}
.l2-teacher-search[data-l2-teacher-search] .l2-course-filters-toggle[aria-expanded="true"] b{transform:rotate(180deg)!important;color:#2457a6!important;}
.l2-teacher-search[data-l2-teacher-search] .l2-course-filters-body{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;padding:14px 16px 16px!important;background:#fff!important;
  border-radius:0 0 20px 20px!important;box-sizing:border-box!important;
}
.l2-teacher-search[data-l2-teacher-search] .l2-course-filters-body.is-collapsed{display:none!important;}
.l2-teacher-search[data-l2-teacher-search] .l2-course-filter-buttons{
  position:static!important;grid-column:1/-1!important;display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;width:100%!important;
}
.l2-teacher-search[data-l2-teacher-search] .l2-course-filter-buttons .l2-ts-filter-button{
  min-height:60px!important;width:100%!important;box-sizing:border-box!important;
  padding:9px 10px!important;border:1px solid #dce5ef!important;border-radius:14px!important;
  background:#fbfcfe!important;color:#172033!important;box-shadow:0 2px 8px rgba(23,63,122,.025)!important;
  display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;
  text-align:right!important;font:inherit!important;font-size:12px!important;font-weight:900!important;
}
.l2-teacher-search[data-l2-teacher-search] .l2-course-filter-buttons .l2-ts-filter-button:hover{
  background:#f3f7fc!important;border-color:#bfd1e5!important;transform:none!important;box-shadow:0 5px 14px rgba(23,63,122,.06)!important;
}
.l2-teacher-search[data-l2-teacher-search] .l2-course-filter-buttons .l2-ts-filter-button span{
  font-size:11px!important;color:#667085!important;font-weight:700!important;
}
.l2-teacher-search[data-l2-teacher-search] .l2-course-filter-buttons .l2-ts-filter-button b{
  display:block!important;margin-top:5px!important;color:#173f7a!important;font-size:12px!important;font-weight:900!important;
  max-width:100%!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
.l2-teacher-search[data-l2-teacher-search] .l2-course-filter-search{grid-column:1/-1!important;width:100%!important;min-width:0!important;}
.l2-teacher-search[data-l2-teacher-search] .l2-course-filter-search .l2-ts-filter-searchbox{
  width:100%!important;margin:0!important;box-sizing:border-box!important;min-height:52px!important;
  background:#f8fbff!important;border:1px solid #dbe6f2!important;border-radius:14px!important;
  box-shadow:0 4px 16px rgba(23,87,122,.035)!important;
}
.l2-teacher-search[data-l2-teacher-search] .l2-course-filter-search .l2-ts-filter-searchbox:focus-within{
  border-color:#b9cde8!important;box-shadow:0 0 0 3px rgba(36,87,166,.08)!important;
}

.l2-teacher-search[data-l2-teacher-search] .l2-course-filter-actions{
  grid-column:1/-1!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding-top:2px!important;
}
.l2-teacher-search[data-l2-teacher-search] .l2-course-filter-actions .l2-ts-reset{
  background:#f1f5fa!important;color:#344054!important;border:1px solid #e0e7ef!important;border-radius:11px!important;font-weight:800!important;
}
@media(max-width:1024px){
  .l2-teacher-search[data-l2-teacher-search] .l2-course-filters-body{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  .l2-teacher-search[data-l2-teacher-search] .l2-course-filter-buttons{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
}
@media(max-width:700px){
  .l2-teacher-search[data-l2-teacher-search] .l2-course-filters{border-radius:18px!important;}
  .l2-teacher-search[data-l2-teacher-search] .l2-course-filters-head{padding:10px 12px!important;}
  .l2-teacher-search[data-l2-teacher-search] .l2-course-filters-title-icon{width:38px!important;height:38px!important;font-size:18px!important;}
  .l2-teacher-search[data-l2-teacher-search] .l2-course-filters-title strong{font-size:14px!important;}
  .l2-teacher-search[data-l2-teacher-search] .l2-course-filters-title small{font-size:9px!important;}
  .l2-teacher-search[data-l2-teacher-search] .l2-course-filters-toggle{min-height:58px!important;padding:0 12px!important;}
  .l2-teacher-search[data-l2-teacher-search] .l2-course-filters-body{grid-template-columns:1fr!important;padding:12px!important;}
  .l2-teacher-search[data-l2-teacher-search] .l2-course-filter-buttons{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;}
  .l2-teacher-search[data-l2-teacher-search] .l2-course-filter-buttons .l2-ts-filter-button{min-height:58px!important;}
}
@media(max-width:420px){
  .l2-teacher-search[data-l2-teacher-search] .l2-course-filter-buttons{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
.l2-ts-filter-dropdown-portal{
  position:fixed!important;
  z-index:2147483647!important;
  display:block!important;
  box-sizing:border-box!important;
  width:min(520px,calc(100vw - 24px))!important;
  max-width:calc(100vw - 24px)!important;
  max-height:min(68vh,560px)!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  margin:0!important;
  padding:12px!important;
  background:#fff!important;
  border:1px solid #d7e3ef!important;
  border-radius:16px!important;
  box-shadow:0 20px 48px rgba(15,23,42,.22),0 4px 12px rgba(36,87,166,.08)!important;
  opacity:1!important;
  visibility:visible;
  pointer-events:auto!important;
}
.l2-ts-filter-dropdown-portal[hidden]{display:none!important;}
.l2-ts-filter-dropdown-portal .l2-ts-popover-inner{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:stretch!important;
  gap:8px!important;
}
.l2-ts-filter-dropdown-portal .l2-ts-popover-title{
  width:100%!important;
  margin:0 0 2px!important;
  padding:2px 2px 6px!important;
  font-size:14px!important;
  font-weight:900!important;
  line-height:1.6!important;
  color:#173f7a!important;
}
.l2-ts-filter-dropdown-portal .l2-ts-popover-inner > button{
  flex:0 0 auto!important;
  min-height:42px!important;
  padding:9px 12px!important;
  background:#f8fbff!important;
  border:1px solid #d7e3ef!important;
  border-radius:11px!important;
  color:#253247!important;
  font:inherit!important;
  font-size:13px!important;
  font-weight:800!important;
  cursor:pointer!important;
  transition:background .14s ease,border-color .14s ease,transform .14s ease,color .14s ease!important;
}
.l2-ts-filter-dropdown-portal .l2-ts-popover-inner > button:hover{
  background:#eef5fc!important;
  border-color:#aac3df!important;
  color:#173f7a!important;
  transform:translateY(-1px)!important;
}
.l2-ts-filter-dropdown-portal .l2-ts-popover-inner > button.is-selected,
.l2-ts-filter-dropdown-portal .l2-ts-popover-inner > button.is-selected:hover{
  background:#2457a6!important;
  border-color:#2457a6!important;
  color:#fff!important;
  box-shadow:0 5px 12px rgba(36,87,166,.16)!important;
}
.l2-ts-filter-dropdown-portal .l2-ts-price-grid{
  width:100%!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:9px!important;
}
.l2-ts-filter-dropdown-portal .l2-ts-price-grid input{
  width:100%!important;
  min-height:42px!important;
  box-sizing:border-box!important;
  margin-top:6px!important;
  padding:9px 10px!important;
  background:#fff!important;
  border:1px solid #d7e3ef!important;
  border-radius:10px!important;
  color:#172033!important;
  font:inherit!important;
}
.l2-ts-filter-dropdown-portal .l2-ts-price-grid input:focus{
  outline:none!important;
  border-color:#8fb1da!important;
  box-shadow:0 0 0 3px rgba(36,87,166,.08)!important;
}
.l2-ts-filter-dropdown-portal .l2-ts-pop-actions{
  width:100%!important;
  display:flex!important;
  gap:8px!important;
  margin-top:8px!important;
}
.l2-ts-filter-dropdown-portal .l2-ts-pop-actions button{
  min-height:42px!important;
  border-radius:10px!important;
  font:inherit!important;
  font-weight:900!important;
  cursor:pointer!important;
}
.l2-ts-filter-dropdown-portal .l2-ts-pop-actions button:first-child{
  background:#2457a6!important;
  border-color:#2457a6!important;
  color:#fff!important;
}
.l2-ts-filter-dropdown-portal .l2-ts-pop-actions button:last-child{
  background:#eef3f8!important;
  border-color:#d7e3ef!important;
  color:#344054!important;
}
@media(max-width:700px){
  .l2-ts-filter-dropdown-portal{
    width:calc(100vw - 20px)!important;
    max-width:calc(100vw - 20px)!important;
    max-height:70vh!important;
    border-radius:15px!important;
  }
}
.l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-dropdown{
  position:relative!important;
  overflow:visible!important;
}
.l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-popover{
  position:absolute!important;
  inset:auto auto auto 0!important;
  width:min(360px,calc(100% - 16px))!important;
  max-height:min(60vh,420px)!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  z-index:1200!important;
  visibility:hidden;
}
.l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-popover.is-open{
  visibility:visible;
}
.l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-popover[hidden]{
  display:none!important;
}
.l2-teacher-search[data-l2-teacher-search] .l2-ts-popover-inner{
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
  padding:12px!important;
}
.l2-teacher-search[data-l2-teacher-search] .l2-ts-popover-inner button{
  width:100%!important;
  min-height:42px!important;
  text-align:right!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  box-sizing:border-box!important;
}
@media (max-width:1024px){
  .l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-popover{
    width:calc(100% - 16px)!important;
    max-width:360px!important;
    max-height:55vh!important;
  }
}
.l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-buttons{
  align-items:start!important;
}
.l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-item{
  position:relative!important;
  display:block!important;
  width:100%!important;
  min-width:0!important;
  align-self:start!important;
  overflow:visible!important;
  box-sizing:border-box!important;
}
.l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-item > .l2-ts-filter-button{
  width:100%!important;
  position:relative!important;
  z-index:2!important;
}
.l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-item > .l2-ts-filter-popover{
  position:static!important;
  inset:auto!important;
  transform:none!important;
  float:none!important;
  width:100%!important;
  max-width:none!important;
  max-height:min(52vh,420px)!important;
  margin:7px 0 0!important;
  padding:8px!important;
  box-sizing:border-box!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
  z-index:5!important;
  background:#fff!important;
  border:1px solid #d7e3ef!important;
  border-radius:13px!important;
  box-shadow:0 8px 20px rgba(15,23,42,.08)!important;
}
.l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-item > .l2-ts-filter-popover[hidden]{
  display:none!important;
}
.l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-item > .l2-ts-filter-popover .l2-ts-popover-inner{
  width:100%!important;
  box-sizing:border-box!important;
  display:flex!important;
  flex-direction:column!important;
  gap:6px!important;
  padding:0!important;
}
.l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-item > .l2-ts-filter-popover .l2-ts-popover-title{
  width:100%!important;
  margin:0 0 2px!important;
  padding:3px 2px 6px!important;
  font-size:12px!important;
  line-height:1.5!important;
  font-weight:900!important;
  color:#173f7a!important;
}
.l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-item > .l2-ts-filter-popover .l2-ts-popover-inner button{
  width:100%!important;
  min-height:40px!important;
  margin:0!important;
  padding:8px 10px!important;
  text-align:right!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  box-sizing:border-box!important;
  border-radius:9px!important;
  font:inherit!important;
  font-size:12px!important;
  font-weight:800!important;
}
.l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-item > .l2-ts-filter-popover .l2-ts-price-grid{
  width:100%!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:7px!important;
}
.l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-item > .l2-ts-filter-popover .l2-ts-price-grid input{
  width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}
.l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-item > .l2-ts-filter-popover .l2-ts-pop-actions{
  width:100%!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:7px!important;
  margin-top:4px!important;
}
.l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-item > .l2-ts-filter-popover .l2-ts-pop-actions button{
  justify-content:center!important;
}
.l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-popover,
.l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-popover-portal,
.l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-dropdown-portal{
  position:static!important;
  inset:auto!important;
  top:auto!important;
  left:auto!important;
  right:auto!important;
  bottom:auto!important;
  transform:none!important;
}
@media(max-width:700px){
  .l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-item > .l2-ts-filter-popover{
    max-height:50vh!important;
    margin-top:6px!important;
    padding:7px!important;
  }
}
.l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-dropdown .l2-ts-filter-buttons{
  position:static!important;
  top:auto!important;
  right:auto!important;
  left:auto!important;
  width:auto!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:repeat(9,minmax(0,1fr))!important;
  gap:8px!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
  overflow:visible!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  z-index:auto!important;
}
.l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-buttons .l2-course-filter-field{
  min-width:0!important;
}
.l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-buttons .l2-course-filter-field select{
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  font:inherit!important;
}
@media(max-width:1100px){
  .l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-dropdown .l2-ts-filter-buttons{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}
@media(max-width:700px){
  .l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-dropdown .l2-ts-filter-buttons{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
}
@media(max-width:380px){
  .l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-dropdown .l2-ts-filter-buttons{
    grid-template-columns:1fr!important;
  }
}
.l2-teacher-search[data-l2-teacher-search] .l2-course-filters.l2-ts-filter-panel{
  margin:0 0 18px!important;
  border:1px solid #dfe7ef!important;
  border-radius:22px!important;
  background:linear-gradient(135deg,#ffffff 0%,#f7fbff 100%)!important;
  box-shadow:0 12px 28px rgba(23,32,51,.06)!important;
  overflow:hidden!important;
}
.l2-teacher-search[data-l2-teacher-search] .l2-course-filters-head.l2-ts-filter-panel-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  padding:16px 18px!important;
  margin:0!important;
  background:linear-gradient(135deg,rgba(36,87,166,.08),rgba(91,141,239,.04))!important;
  border-bottom:1px solid #e8eef5!important;
}
.l2-teacher-search[data-l2-teacher-search] .l2-course-filters-title.l2-ts-filter-heading{
  display:flex!important;
  align-items:center!important;
  gap:11px!important;
  min-width:0!important;
}
.l2-teacher-search[data-l2-teacher-search] .l2-course-filters-title-icon.l2-ts-filter-heading-icon{
  width:42px!important;
  height:42px!important;
  display:grid!important;
  place-items:center!important;
  flex:0 0 42px!important;
  border-radius:13px!important;
  background:linear-gradient(135deg,#2457a6,#6f9ef4)!important;
  color:#fff!important;
  font-size:20px!important;
  box-shadow:0 9px 18px rgba(36,87,166,.18)!important;
}
.l2-teacher-search[data-l2-teacher-search] .l2-course-filters-title.l2-ts-filter-heading>div{
  display:flex!important;
  flex-direction:column!important;
  gap:3px!important;
  min-width:0!important;
}
.l2-teacher-search[data-l2-teacher-search] .l2-course-filters-title strong{
  font-size:15px!important;
  line-height:1.5!important;
  font-weight:950!important;
  color:#172033!important;
}
.l2-teacher-search[data-l2-teacher-search] .l2-course-filters-title small{
  font-size:11px!important;
  line-height:1.6!important;
  font-weight:800!important;
  color:#7b8799!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.l2-teacher-search[data-l2-teacher-search] .l2-course-filters-toggle.l2-ts-filter-dropdown-toggle{
  display:inline-flex!important;
  align-items:center!important;
  gap:9px!important;
  border:1px solid #d7e2ee!important;
  border-radius:12px!important;
  background:#fff!important;
  color:#2457a6!important;
  padding:9px 12px!important;
  min-height:0!important;
  width:auto!important;
  min-width:0!important;
  box-shadow:0 6px 14px rgba(23,32,51,.04)!important;
  font:inherit!important;
  font-size:11px!important;
  font-weight:950!important;
}
.l2-teacher-search[data-l2-teacher-search] .l2-course-filters-toggle.l2-ts-filter-dropdown-toggle:hover,
.l2-teacher-search[data-l2-teacher-search] .l2-course-filters-toggle.l2-ts-filter-dropdown-toggle[aria-expanded="true"]{
  background:#fff!important;
  color:#2457a6!important;
  border-color:#d7e2ee!important;
  box-shadow:0 6px 14px rgba(23,32,51,.04)!important;
}
.l2-teacher-search[data-l2-teacher-search] .l2-ts-total-teacher-count,
.l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-dropdown-count{
  color:#667085!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  padding:0!important;
  font:inherit!important;
  font-size:11px!important;
  font-weight:950!important;
}
.l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-clear-corner{
  color:#d54a55!important;
  font-size:17px!important;
  line-height:1!important;
  font-weight:900!important;
}
.l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-dropdown-chevron{
  color:#2457a6!important;
  font-size:15px!important;
  transition:transform .2s ease!important;
}
.l2-teacher-search[data-l2-teacher-search] .l2-course-filters-body.l2-ts-filter-dropdown{
  position:relative!important;
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:12px!important;
  width:auto!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
  padding:15px 18px 17px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
  transition:max-height .25s ease,opacity .2s ease,padding .2s ease!important;
  max-height:480px!important;
  opacity:1!important;
}
.l2-teacher-search[data-l2-teacher-search] .l2-course-filters-body.l2-ts-filter-dropdown.is-collapsed{
  max-height:0!important;
  opacity:0!important;
  padding-top:0!important;
  padding-bottom:0!important;
  overflow:hidden!important;
}
.l2-teacher-search[data-l2-teacher-search] .l2-course-filter-buttons.l2-ts-filter-buttons{
  grid-column:1/-1!important;
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:12px!important;
  align-items:start!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.l2-teacher-search[data-l2-teacher-search] .l2-course-filter-field{
  display:flex!important;
  flex-direction:column!important;
  gap:6px!important;
  min-width:0!important;
}
.l2-teacher-search[data-l2-teacher-search] .l2-course-filter-field>span{
  font-size:10px!important;
  line-height:1.5!important;
  font-weight:950!important;
  color:#536174!important;
}
.l2-teacher-search[data-l2-teacher-search] .l2-course-filter-field select{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  min-height:43px!important;
  box-sizing:border-box!important;
  border:1px solid #dce5ee!important;
  border-radius:12px!important;
  background:#fff!important;
  color:#172033!important;
  padding:0 12px!important;
  font:inherit!important;
  font-size:11px!important;
  font-weight:800!important;
  outline:none!important;
  box-shadow:none!important;
  transform:none!important;
  transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease!important;
}
.l2-teacher-search[data-l2-teacher-search] .l2-course-filter-field select:hover{
  border-color:#cbd9e8!important;
}
.l2-teacher-search[data-l2-teacher-search] .l2-course-filter-field select:focus{
  border-color:#7ea7eb!important;
  box-shadow:0 0 0 4px rgba(36,87,166,.08)!important;
  transform:translateY(-1px)!important;
}
.l2-teacher-search[data-l2-teacher-search] .l2-course-filter-search.l2-ts-filter-searchbox{
  grid-column:1/-1!important;
  width:100%!important;
  flex:none!important;
  min-width:0!important;
  box-sizing:border-box!important;
  margin:0!important;
  background:#fff!important;
  border:1px solid #dce5ee!important;
  border-radius:14px!important;
  box-shadow:none!important;
}
.l2-teacher-search[data-l2-teacher-search] .l2-course-filter-search.l2-ts-filter-searchbox:focus-within{
  border-color:#7ea7eb!important;
  box-shadow:0 0 0 4px rgba(36,87,166,.08)!important;
}
.l2-teacher-search[data-l2-teacher-search] .l2-course-filter-search .l2-ts-search-icon{
  color:#2457a6!important;
}
.l2-teacher-search[data-l2-teacher-search] .l2-course-filter-search input{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  min-height:42px!important;
}

@media(max-width:1100px){
  .l2-teacher-search[data-l2-teacher-search] .l2-course-filters-body.l2-ts-filter-dropdown{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  .l2-teacher-search[data-l2-teacher-search] .l2-course-filter-buttons.l2-ts-filter-buttons{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}
@media(max-width:700px){
  .l2-teacher-search[data-l2-teacher-search] .l2-course-filters-head.l2-ts-filter-panel-head{
    padding:13px 14px!important;
    flex-wrap:wrap!important;
  }
  .l2-teacher-search[data-l2-teacher-search] .l2-course-filters-title-icon.l2-ts-filter-heading-icon{
    width:38px!important;
    height:38px!important;
    flex-basis:38px!important;
    font-size:18px!important;
  }
  .l2-teacher-search[data-l2-teacher-search] .l2-course-filters-title strong{
    font-size:13px!important;
  }
  .l2-teacher-search[data-l2-teacher-search] .l2-course-filters-title small{
    font-size:9px!important;
  }
  .l2-teacher-search[data-l2-teacher-search] .l2-course-filters-body.l2-ts-filter-dropdown{
    grid-template-columns:1fr!important;
    padding-left:14px!important;
    padding-right:14px!important;
  }
  .l2-teacher-search[data-l2-teacher-search] .l2-course-filter-buttons.l2-ts-filter-buttons{
    grid-template-columns:1fr!important;
  }
  .l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-panel{
    border-radius:18px!important;
  }
}
.l2-teacher-search[data-l2-teacher-search] .l2-course-filters-body.l2-ts-filter-dropdown{
  display:block!important;
  width:100%!important;
  box-sizing:border-box!important;
  overflow:visible!important;
}
.l2-teacher-search[data-l2-teacher-search] .l2-course-filter-buttons.l2-ts-filter-buttons{
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:flex-end!important;
  gap:9px!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  padding:1px 1px 7px!important;
  margin:0!important;
  scrollbar-width:thin!important;
}
.l2-teacher-search[data-l2-teacher-search] .l2-course-filter-buttons.l2-ts-filter-buttons .l2-course-filter-field{
  flex:0 0 112px!important;
  width:112px!important;
  min-width:112px!important;
  max-width:112px!important;
}
.l2-teacher-search[data-l2-teacher-search] .l2-course-filter-field>span{
  font-size:9px!important;
  line-height:1.4!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.l2-teacher-search[data-l2-teacher-search] .l2-course-filter-field select{
  min-height:40px!important;
  height:40px!important;
  padding:0 9px!important;
  border-radius:11px!important;
  font-size:10px!important;
  font-weight:800!important;
}
.l2-teacher-search[data-l2-teacher-search] .l2-course-filter-search.l2-ts-filter-searchbox{
  margin-top:10px!important;
}
@media(max-width:1024px){
  .l2-teacher-search[data-l2-teacher-search] .l2-course-filters-body.l2-ts-filter-dropdown{
    grid-template-columns:none!important;
  }
  .l2-teacher-search[data-l2-teacher-search] .l2-course-filter-buttons.l2-ts-filter-buttons{
    grid-template-columns:none!important;
  }
}
@media(max-width:700px){
  .l2-teacher-search[data-l2-teacher-search] .l2-course-filter-buttons.l2-ts-filter-buttons{
    gap:8px!important;
  }
  .l2-teacher-search[data-l2-teacher-search] .l2-course-filter-buttons.l2-ts-filter-buttons .l2-course-filter-field{
    flex-basis:104px!important;
    width:104px!important;
    min-width:104px!important;
    max-width:104px!important;
  }
  .l2-teacher-search[data-l2-teacher-search] .l2-course-filter-field select{
    min-height:38px!important;
    height:38px!important;
    font-size:9px!important;
  }
}
.l2-teacher-search[data-l2-teacher-search] .l2-ts-tools-row{
  width:100%!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 210px!important;
  align-items:end!important;
  gap:10px!important;
  margin-top:10px!important;
}
.l2-teacher-search[data-l2-teacher-search] .l2-ts-tools-row .l2-course-filter-search{
  width:100%!important;
  min-width:0!important;
  margin:0!important;
}
.l2-teacher-search[data-l2-teacher-search] .l2-ts-tools-row .l2-ts-filter-searchbox{
  width:100%!important;
  min-height:44px!important;
  max-height:44px!important;
  border-radius:12px!important;
  box-shadow:none!important;
}
.l2-teacher-search[data-l2-teacher-search] .l2-ts-tools-row .l2-ts-filter-searchbox input{
  min-height:42px!important;
  height:42px!important;
  font-size:11px!important;
  padding-inline:10px!important;
}
.l2-teacher-search[data-l2-teacher-search] .l2-ts-tools-row .l2-ts-search-icon{font-size:16px!important;}
.l2-teacher-search[data-l2-teacher-search] .l2-ts-sort-field{
  display:flex!important;
  flex-direction:column!important;
  gap:6px!important;
  min-width:0!important;
}
.l2-teacher-search[data-l2-teacher-search] .l2-ts-sort-field>span{
  font-size:10px!important;
  font-weight:950!important;
  color:#536174!important;
}
.l2-teacher-search[data-l2-teacher-search] .l2-ts-sort-field select{
  width:100%!important;
  min-height:44px!important;
  height:44px!important;
  border:1px solid #dce5ee!important;
  border-radius:12px!important;
  background:#fff!important;
  color:#172033!important;
  padding:0 12px!important;
  font:inherit!important;
  font-size:11px!important;
  font-weight:800!important;
  outline:none!important;
  cursor:pointer!important;
}
.l2-teacher-search[data-l2-teacher-search] .l2-ts-sort-field select:focus{
  border-color:#8fb1da!important;
  box-shadow:0 0 0 3px rgba(36,87,166,.08)!important;
}
@media(max-width:700px){
  .l2-teacher-search[data-l2-teacher-search] .l2-ts-tools-row{
    grid-template-columns:minmax(0,1fr) 170px!important;
    gap:8px!important;
  }
  .l2-teacher-search[data-l2-teacher-search] .l2-ts-tools-row .l2-ts-filter-searchbox,
  .l2-teacher-search[data-l2-teacher-search] .l2-ts-tools-row .l2-ts-sort-field select{
    min-height:42px!important;
    height:42px!important;
  }
}
@media(max-width:430px){
  .l2-teacher-search[data-l2-teacher-search] .l2-ts-tools-row{
    grid-template-columns:minmax(0,1fr) 145px!important;
  }
}
.l2-teacher-search[data-l2-teacher-search] .l2-ts-tools-row{
  width:100%!important;
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:flex-end!important;
  gap:10px!important;
  margin-top:10px!important;
}
.l2-teacher-search[data-l2-teacher-search] .l2-ts-tools-row .l2-course-filter-search{
  flex:1 1 auto!important;
  width:auto!important;
  min-width:0!important;
}
.l2-teacher-search[data-l2-teacher-search] .l2-ts-sort-field{
  flex:0 0 210px!important;
  width:210px!important;
  min-width:0!important;
}
.l2-teacher-search[data-l2-teacher-search] .l2-ts-tools-row .l2-ts-filter-searchbox{
  width:100%!important;
}
@media(max-width:700px){
  .l2-teacher-search[data-l2-teacher-search] .l2-ts-tools-row{
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    align-items:flex-end!important;
    gap:8px!important;
  }
  .l2-teacher-search[data-l2-teacher-search] .l2-ts-tools-row .l2-course-filter-search{
    flex:1 1 auto!important;
    width:auto!important;
  }
  .l2-teacher-search[data-l2-teacher-search] .l2-ts-sort-field{
    flex:0 0 150px!important;
    width:150px!important;
  }
}
@media(max-width:430px){
  .l2-teacher-search[data-l2-teacher-search] .l2-ts-tools-row{
    gap:6px!important;
  }
  .l2-teacher-search[data-l2-teacher-search] .l2-ts-sort-field{
    flex-basis:132px!important;
    width:132px!important;
  }
}
@media (max-width:1024px){
  .l2-teacher-search[data-l2-teacher-search] .l2-course-filters.l2-ts-filter-panel{
    overflow:visible!important;
  }
  .l2-teacher-search[data-l2-teacher-search] .l2-course-filters-body.l2-ts-filter-dropdown{
    position:static!important;
    display:block!important;
    width:100%!important;
    max-width:none!important;
    max-height:none!important;
    opacity:1!important;
    visibility:visible!important;
    overflow:visible!important;
    padding:15px 18px 17px!important;
    box-sizing:border-box!important;
  }
  .l2-teacher-search[data-l2-teacher-search] .l2-course-filter-buttons.l2-ts-filter-buttons{
    position:static!important;
    display:flex!important;
    flex-wrap:nowrap!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    max-height:none!important;
    overflow-x:auto!important;
    overflow-y:visible!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
    margin:0!important;
    padding:1px 1px 7px!important;
    box-sizing:border-box!important;
  }
  .l2-teacher-search[data-l2-teacher-search] .l2-course-filter-buttons.l2-ts-filter-buttons .l2-course-filter-field{
    position:relative!important;
  }
  .l2-teacher-search[data-l2-teacher-search] .l2-ts-tools-row{
    position:static!important;
    width:100%!important;
    visibility:visible!important;
    opacity:1!important;
  }
}

@media (max-width:700px){
  .l2-teacher-search[data-l2-teacher-search] .l2-course-filters-body.l2-ts-filter-dropdown{
    padding:12px 14px 14px!important;
  }
  .l2-teacher-search[data-l2-teacher-search] .l2-course-filter-buttons.l2-ts-filter-buttons{
    gap:8px!important;
  }
  .l2-teacher-search[data-l2-teacher-search] .l2-ts-tools-row{
    margin-top:10px!important;
  }
}
@media (max-width:700px){
  .l2-teacher-search[data-l2-teacher-search] .l2-course-filters-toggle.l2-ts-filter-dropdown-toggle{
    width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
    justify-content:space-between!important;
  }
  .l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-clear-corner,
  .l2-teacher-search[data-l2-teacher-search] .l2-ts-clear{
    display:none!important;
  }
}
.l2-teacher-search[data-l2-teacher-search] .l2-course-filter-field input[type="number"][data-teacher-price]{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  min-height:40px!important;
  height:40px!important;
  box-sizing:border-box!important;
  border:1px solid #dce5ee!important;
  border-radius:11px!important;
  background:#fff!important;
  color:#172033!important;
  padding:0 9px!important;
  font:inherit!important;
  font-size:10px!important;
  font-weight:800!important;
  outline:none!important;
  box-shadow:none!important;
  transform:none!important;
  transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease!important;
  direction:rtl!important;
}
.l2-teacher-search[data-l2-teacher-search] .l2-course-filter-field input[type="number"][data-teacher-price]::placeholder{
  color:#98a2b3!important;
  opacity:1!important;
}
.l2-teacher-search[data-l2-teacher-search] .l2-course-filter-field input[type="number"][data-teacher-price]:hover{
  border-color:#cbd9e8!important;
}
.l2-teacher-search[data-l2-teacher-search] .l2-course-filter-field input[type="number"][data-teacher-price]:focus{
  border-color:#7ea7eb!important;
  box-shadow:0 0 0 4px rgba(36,87,166,.08)!important;
  transform:translateY(-1px)!important;
}
@media(max-width:700px){
  .l2-teacher-search[data-l2-teacher-search] .l2-course-filter-field input[type="number"][data-teacher-price]{
    min-height:38px!important;
    height:38px!important;
    font-size:9px!important;
  }
}

/* v2.9.536: legacy teacher-search spinner disabled; shared L2 loader is used. */
.l2-ts-spinner{display:none!important}


/* Mobile filter UX: compact floating circular trigger + centered popover.
   Desktop/tablet >= 1025px keeps the existing filter layout unchanged. */
@media (max-width:1024px){
  .l2-teacher-search[data-l2-teacher-search] .l2-course-filters.l2-ts-filter-panel{
    position:static!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    padding:0!important;
    margin:0!important;
    overflow:visible!important;
  }
  .l2-teacher-search[data-l2-teacher-search] .l2-course-filters-head.l2-ts-filter-panel-head{
    display:block!important;
    position:static!important;
    padding:0!important;
    margin:0!important;
    background:transparent!important;
    border:0!important;
  }
  .l2-teacher-search[data-l2-teacher-search] .l2-course-filters-title.l2-ts-filter-heading{
    display:none!important;
  }
  .l2-teacher-search[data-l2-teacher-search] .l2-course-filters-toggle.l2-ts-filter-dropdown-toggle{
    position:fixed!important;
    right:18px!important;
    bottom:18px!important;
    z-index:10050!important;
    width:58px!important;
    height:58px!important;
    min-width:58px!important;
    min-height:58px!important;
    max-width:58px!important;
    max-height:58px!important;
    padding:0!important;
    margin:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:0!important;
    border:0!important;
    border-radius:50%!important;
    background:#2457a6!important;
    color:#fff!important;
    box-shadow:0 12px 30px rgba(36,87,166,.28)!important;
    font-size:0!important;
    line-height:1!important;
  }
  .l2-teacher-search[data-l2-teacher-search] .l2-course-filters-toggle.l2-ts-filter-dropdown-toggle:hover,
  .l2-teacher-search[data-l2-teacher-search] .l2-course-filters-toggle.l2-ts-filter-dropdown-toggle[aria-expanded="true"]{
    background:#1d4b91!important;
    color:#fff!important;
    border:0!important;
    box-shadow:0 14px 34px rgba(36,87,166,.34)!important;
  }
  .l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-mobile-icon{
    display:grid!important;
    place-items:center!important;
    width:25px!important;
    height:25px!important;
    margin:0!important;
    padding:0!important;
    color:#fff!important;
  }
  .l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-mobile-icon svg{
    display:block!important;
    width:25px!important;
    height:25px!important;
  }
  .l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-mobile-label,
  .l2-teacher-search[data-l2-teacher-search] .l2-ts-total-teacher-count,
  .l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-dropdown-count,
  .l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-clear-corner,
  .l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-dropdown-chevron{
    display:none!important;
  }
  .l2-teacher-search[data-l2-teacher-search] .l2-course-filters-body.l2-ts-filter-dropdown{
    position:fixed!important;
    top:50%!important;
    right:12px!important;
    bottom:auto!important;
    left:12px!important;
    z-index:10040!important;
    width:auto!important;
    max-width:none!important;
    max-height:min(82vh,760px)!important;
    height:auto!important;
    display:block!important;
    padding:16px!important;
    margin:0!important;
    box-sizing:border-box!important;
    transform:translateY(-50%)!important;
    background:#fff!important;
    border:1px solid #dce5ef!important;
    border-radius:20px!important;
    box-shadow:0 24px 70px rgba(15,23,42,.22)!important;
    overflow:auto!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }
  .l2-teacher-search[data-l2-teacher-search] .l2-course-filters-body.l2-ts-filter-dropdown.is-collapsed{
    display:none!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }
  .l2-teacher-search[data-l2-teacher-search] .l2-course-filters-body.l2-ts-filter-dropdown:not(.is-collapsed)::before{
    content:"";
    position:fixed!important;
    inset:0!important;
    z-index:-1!important;
    background:rgba(10,20,40,.38)!important;
    pointer-events:none!important;
  }
  .l2-teacher-search[data-l2-teacher-search] .l2-course-filter-buttons.l2-ts-filter-buttons{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    width:100%!important;
    max-width:none!important;
    max-height:none!important;
    overflow:visible!important;
    padding:0!important;
    margin:0!important;
    gap:9px!important;
  }
  .l2-teacher-search[data-l2-teacher-search] .l2-course-filter-buttons.l2-ts-filter-buttons .l2-course-filter-field{
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    flex:none!important;
  }
  .l2-teacher-search[data-l2-teacher-search] .l2-course-filter-field select,
  .l2-teacher-search[data-l2-teacher-search] .l2-course-filter-field input[type="number"][data-teacher-price]{
    min-height:44px!important;
    height:44px!important;
    font-size:11px!important;
  }
  .l2-teacher-search[data-l2-teacher-search] .l2-ts-tools-row{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(120px,145px)!important;
    width:100%!important;
    margin-top:12px!important;
    gap:8px!important;
  }
  .l2-teacher-search[data-l2-teacher-search] .l2-ts-tools-row .l2-course-filter-search,
  .l2-teacher-search[data-l2-teacher-search] .l2-ts-sort-field{
    width:100%!important;
    min-width:0!important;
    flex:none!important;
  }
}
@media(max-width:430px){
  .l2-teacher-search[data-l2-teacher-search] .l2-course-filters-body.l2-ts-filter-dropdown{
    right:8px!important;
    left:8px!important;
    max-height:86vh!important;
    padding:13px!important;
    border-radius:18px!important;
  }
  .l2-teacher-search[data-l2-teacher-search] .l2-course-filter-buttons.l2-ts-filter-buttons{
    gap:7px!important;
  }
  .l2-teacher-search[data-l2-teacher-search] .l2-course-filter-field>span{
    font-size:10px!important;
  }
  .l2-teacher-search[data-l2-teacher-search] .l2-course-filter-field select,
  .l2-teacher-search[data-l2-teacher-search] .l2-course-filter-field input[type="number"][data-teacher-price]{
    min-height:42px!important;
    height:42px!important;
    font-size:10px!important;
  }
  .l2-teacher-search[data-l2-teacher-search] .l2-ts-tools-row{
    grid-template-columns:minmax(0,1fr) 128px!important;
  }
  .l2-teacher-search[data-l2-teacher-search] .l2-course-filters-toggle.l2-ts-filter-dropdown-toggle{
    right:14px!important;
    bottom:14px!important;
    width:56px!important;
    height:56px!important;
    min-width:56px!important;
    min-height:56px!important;
  }
}
/* Mobile filter trigger: keep it below the fixed/sticky header and above page content. */
@media (max-width:700px){
  .l2-teacher-search[data-l2-teacher-search] .l2-course-filters-toggle.l2-ts-filter-dropdown-toggle{
    top:92px!important;
    right:14px!important;
    bottom:auto!important;
    left:auto!important;
    z-index:10050!important;
  }
  .l2-teacher-search[data-l2-teacher-search] .l2-course-filters-body.l2-ts-filter-dropdown{
    top:calc(92px + 58px + 12px)!important;
    bottom:12px!important;
    transform:none!important;
    max-height:none!important;
    z-index:10040!important;
  }
}
@media (max-width:430px){
  .l2-teacher-search[data-l2-teacher-search] .l2-course-filters-toggle.l2-ts-filter-dropdown-toggle{
    top:86px!important;
    right:12px!important;
    width:56px!important;
    height:56px!important;
    min-width:56px!important;
    min-height:56px!important;
  }
  .l2-teacher-search[data-l2-teacher-search] .l2-course-filters-body.l2-ts-filter-dropdown{
    top:calc(86px + 56px + 10px)!important;
    bottom:10px!important;
  }
}
/* Mobile: filter trigger fixed at bottom-left, above the navigation area. */
@media (max-width:700px){
  .l2-teacher-search[data-l2-teacher-search] .l2-course-filters-toggle.l2-ts-filter-dropdown-toggle{
    top:auto!important;
    right:auto!important;
    left:14px!important;
    bottom:18px!important;
    z-index:10050!important;
  }
}
@media (max-width:430px){
  .l2-teacher-search[data-l2-teacher-search] .l2-course-filters-toggle.l2-ts-filter-dropdown-toggle{
    top:auto!important;
    right:auto!important;
    left:12px!important;
    bottom:14px!important;
  }
}
/* Mobile: lift filter trigger clear of the bottom navigation. */
@media (max-width:700px){
  .l2-teacher-search[data-l2-teacher-search] .l2-course-filters-toggle.l2-ts-filter-dropdown-toggle{
    bottom:88px!important;
  }
}
@media (max-width:430px){
  .l2-teacher-search[data-l2-teacher-search] .l2-course-filters-toggle.l2-ts-filter-dropdown-toggle{
    bottom:82px!important;
  }
}
/* Mobile: keep filter trigger and popover above the mobile navigation/overlays. */
@media (max-width:700px){
  .l2-teacher-search[data-l2-teacher-search] .l2-course-filters-toggle.l2-ts-filter-dropdown-toggle{
    position:fixed!important;
    z-index:2147483000!important;
  }
  .l2-teacher-search[data-l2-teacher-search] .l2-course-filters-body.l2-ts-filter-dropdown.is-open{
    z-index:2147482000!important;
  }
}
/* Final mobile stacking fix: escape the filter section stacking context. */
@media (max-width:700px){
  .l2-teacher-search[data-l2-teacher-search] .l2-course-filters{
    position:static!important;
    z-index:auto!important;
  }
  .l2-teacher-search[data-l2-teacher-search] .l2-course-filters-toggle.l2-ts-filter-dropdown-toggle{
    position:fixed!important;
    left:14px!important;
    right:auto!important;
    bottom:88px!important;
    z-index:2147483647!important;
    isolation:isolate!important;
  }
}
@media (max-width:430px){
  .l2-teacher-search[data-l2-teacher-search] .l2-course-filters-toggle.l2-ts-filter-dropdown-toggle{
    left:12px!important;
    bottom:82px!important;
  }
}
/* Final mobile overlay: filter trigger must render above teacher cards. */
@media (max-width:700px){
  .l2-teacher-search[data-l2-teacher-search] .l2-course-filters-toggle.l2-ts-filter-dropdown-toggle{
    position:fixed!important;
    z-index:2147483647!important;
    transform:translateZ(0)!important;
    pointer-events:auto!important;
  }
  .l2-teacher-search[data-l2-teacher-search] .l2-course-filters{
    position:relative!important;
    z-index:2147483646!important;
  }
}
/* Mobile: put the entire filter layer above teacher-card stacking contexts. */
@media (max-width:700px){
  .l2-teacher-search[data-l2-teacher-search] .l2-ts-mobile-filter-layer{
    position:relative!important;
    z-index:2147483646!important;
    isolation:isolate!important;
  }
  .l2-teacher-search[data-l2-teacher-search] .l2-ts-mobile-filter-layer .l2-course-filters-toggle.l2-ts-filter-dropdown-toggle{
    position:fixed!important;
    z-index:2147483647!important;
    isolation:isolate!important;
  }
}
/* Mobile: body-level filter trigger, above teacher cards and navigation. */
@media (max-width:700px){
  body > .l2-course-filters-toggle.l2-ts-filter-dropdown-toggle{
    position:fixed!important;
    left:14px!important;
    right:auto!important;
    bottom:88px!important;
    z-index:2147483647!important;
    isolation:isolate!important;
    pointer-events:auto!important;
  }
}
@media (max-width:430px){
  body > .l2-course-filters-toggle.l2-ts-filter-dropdown-toggle{
    left:12px!important;
    bottom:82px!important;
  }
}
@media (max-width:700px){body > .l2-course-filters-toggle.l2-ts-filter-dropdown-toggle{position:fixed!important;left:14px!important;right:auto!important;bottom:88px!important;z-index:2147483647!important;isolation:isolate!important;pointer-events:auto!important}}
@media (max-width:430px){body > .l2-course-filters-toggle.l2-ts-filter-dropdown-toggle{left:12px!important;bottom:82px!important}}
/* Mobile filter trigger polish: compact floating action button, visually balanced with the UI. */
@media (max-width:700px){
  body > .l2-course-filters-toggle.l2-ts-filter-dropdown-toggle{
    width:52px!important;
    height:52px!important;
    min-width:52px!important;
    min-height:52px!important;
    padding:0!important;
    margin:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:0!important;
    border:0!important;
    border-radius:50%!important;
    background:#2457a6!important;
    color:#fff!important;
    box-shadow:0 8px 22px rgba(36,87,166,.28),0 2px 7px rgba(20,35,65,.14)!important;
    transform:none!important;
    line-height:1!important;
  }
  body > .l2-course-filters-toggle.l2-ts-filter-dropdown-toggle .l2-ts-filter-mobile-icon{
    width:22px!important;height:22px!important;display:flex!important;align-items:center!important;justify-content:center!important;
  }
  body > .l2-course-filters-toggle.l2-ts-filter-dropdown-toggle .l2-ts-filter-mobile-icon svg{
    width:21px!important;height:21px!important;display:block!important;stroke:#fff!important;
  }
  body > .l2-course-filters-toggle.l2-ts-filter-dropdown-toggle .l2-ts-filter-mobile-label,
  body > .l2-course-filters-toggle.l2-ts-filter-dropdown-toggle .l2-ts-total-teacher-count,
  body > .l2-course-filters-toggle.l2-ts-filter-dropdown-toggle .l2-ts-filter-dropdown-count,
  body > .l2-course-filters-toggle.l2-ts-filter-dropdown-toggle .l2-ts-filter-dropdown-chevron,
  body > .l2-course-filters-toggle.l2-ts-filter-dropdown-toggle .l2-ts-filter-clear-corner{display:none!important}
}
@media (max-width:430px){
  body > .l2-course-filters-toggle.l2-ts-filter-dropdown-toggle{width:50px!important;height:50px!important;min-width:50px!important;min-height:50px!important;left:12px!important;bottom:82px!important}
}
/* Mobile filter trigger: text label instead of icon. */
@media (max-width:700px){
  body > .l2-course-filters-toggle.l2-ts-filter-dropdown-toggle{
    width:auto!important;
    min-width:76px!important;
    height:50px!important;
    min-height:50px!important;
    padding:0 15px!important;
    border-radius:25px!important;
    gap:0!important;
    font-size:14px!important;
    font-weight:900!important;
    white-space:nowrap!important;
  }
  body > .l2-course-filters-toggle.l2-ts-filter-dropdown-toggle .l2-ts-filter-mobile-label{
    display:inline!important;
    color:#fff!important;
  }
  body > .l2-course-filters-toggle.l2-ts-filter-dropdown-toggle .l2-ts-filter-mobile-icon,
  body > .l2-course-filters-toggle.l2-ts-filter-dropdown-toggle .l2-ts-total-teacher-count,
  body > .l2-course-filters-toggle.l2-ts-filter-dropdown-toggle .l2-ts-filter-dropdown-count,
  body > .l2-course-filters-toggle.l2-ts-filter-dropdown-toggle .l2-ts-filter-dropdown-chevron,
  body > .l2-course-filters-toggle.l2-ts-filter-dropdown-toggle .l2-ts-filter-clear-corner{display:none!important}
}
@media (max-width:430px){
  body > .l2-course-filters-toggle.l2-ts-filter-dropdown-toggle{min-width:76px!important;height:48px!important;min-height:48px!important;padding:0 14px!important;left:12px!important;bottom:82px!important}
}
/* Mobile filter popover: render above teacher cards with a clear backdrop. */
@media (max-width:700px){
  .l2-teacher-search[data-l2-teacher-search] .l2-course-filters-body.l2-ts-filter-dropdown.is-open{
    position:fixed!important;
    left:10px!important;
    right:10px!important;
    top:72px!important;
    bottom:78px!important;
    width:auto!important;
    max-height:none!important;
    overflow-y:auto!important;
    z-index:2147483646!important;
    isolation:isolate!important;
    background:#fff!important;
    border-radius:20px!important;
    box-shadow:0 18px 50px rgba(15,35,70,.25)!important;
  }
  .l2-teacher-search[data-l2-teacher-search] .l2-course-filters-body.l2-ts-filter-dropdown.is-open::before{
    content:""!important;
    position:fixed!important;
    inset:0!important;
    background:rgba(10,24,48,.34)!important;
    z-index:-1!important;
    pointer-events:none!important;
  }
}
/* Mobile: body-level filter popover, guaranteed above teacher cards. */
@media (max-width:700px){
  body > .l2-ts-filter-dropdown.l2-course-filters-body.is-open{
    position:fixed!important;
    inset:72px 10px 78px 10px!important;
    width:auto!important;
    max-height:none!important;
    overflow-y:auto!important;
    z-index:2147483647!important;
    isolation:isolate!important;
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    background:#fff!important;
    border-radius:20px!important;
    box-shadow:0 18px 50px rgba(15,35,70,.25)!important;
  }
  body > .l2-ts-filter-dropdown.l2-course-filters-body.is-open::after{
    content:""!important;
    position:fixed!important;
    inset:0!important;
    background:rgba(10,24,48,.34)!important;
    z-index:-1!important;
    pointer-events:none!important;
  }
}
/* Mobile filter popover frame: restore a clean, bounded panel after body relocation. */
@media (max-width:700px){
  body > .l2-ts-filter-dropdown.l2-course-filters-body.is-open{
    position:fixed!important;
    top:70px!important;
    right:12px!important;
    bottom:86px!important;
    left:12px!important;
    width:auto!important;
    height:auto!important;
    max-height:calc(100dvh - 156px)!important;
    box-sizing:border-box!important;
    display:block!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    padding:18px!important;
    margin:0!important;
    background:#fff!important;
    border:1px solid #dfe6f2!important;
    border-radius:22px!important;
    box-shadow:0 20px 55px rgba(15,35,70,.22),0 3px 12px rgba(15,35,70,.10)!important;
    z-index:2147483647!important;
    isolation:isolate!important;
  }
  body > .l2-ts-filter-dropdown.l2-course-filters-body.is-open > *{
    position:relative!important;
    z-index:1!important;
  }
  body > .l2-ts-filter-dropdown.l2-course-filters-body.is-open::before{
    content:""!important;
    position:fixed!important;
    inset:0!important;
    background:rgba(10,24,48,.38)!important;
    z-index:-1!important;
    pointer-events:none!important;
  }
}
@media (max-width:430px){
  body > .l2-ts-filter-dropdown.l2-course-filters-body.is-open{
    top:64px!important;
    right:10px!important;
    left:10px!important;
    bottom:80px!important;
    max-height:calc(100dvh - 144px)!important;
    padding:15px!important;
    border-radius:20px!important;
  }
}
/* Mobile filter: dedicated body-level overlay gives the popover a reliable frame and stacking layer. */
@media (max-width:700px){
  body > .l2-ts-mobile-filter-overlay{
    position:fixed!important;
    inset:0!important;
    z-index:2147483646!important;
    display:none!important;
    pointer-events:none!important;
  }
  body > .l2-ts-mobile-filter-overlay:has(.l2-ts-filter-dropdown.is-open){
    display:block!important;
    pointer-events:auto!important;
  }
  body > .l2-ts-mobile-filter-overlay::before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    background:rgba(10,24,48,.40)!important;
  }
  body > .l2-ts-mobile-filter-overlay > .l2-ts-filter-dropdown.l2-course-filters-body{
    position:absolute!important;
    top:70px!important;
    left:12px!important;
    right:12px!important;
    bottom:86px!important;
    width:auto!important;
    height:auto!important;
    max-height:none!important;
    margin:0!important;
    padding:18px!important;
    box-sizing:border-box!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    background:#fff!important;
    border:1px solid #dfe6f2!important;
    border-radius:22px!important;
    box-shadow:0 20px 55px rgba(15,35,70,.24),0 3px 12px rgba(15,35,70,.10)!important;
    z-index:2!important;
    isolation:isolate!important;
  }
  body > .l2-ts-mobile-filter-overlay > .l2-ts-filter-dropdown.l2-course-filters-body.is-collapsed:not(.is-open){display:none!important}
}
@media (max-width:430px){
  body > .l2-ts-mobile-filter-overlay > .l2-ts-filter-dropdown.l2-course-filters-body{top:64px!important;left:10px!important;right:10px!important;bottom:80px!important;padding:15px!important;border-radius:20px!important}
}
/* Mobile filter popover content: structured, compact, and consistent. */
@media (max-width:700px){
  body > .l2-ts-mobile-filter-overlay > .l2-ts-filter-dropdown.l2-course-filters-body{
    padding:20px!important;
    color:#18243a!important;
  }
  body > .l2-ts-mobile-filter-overlay .l2-course-filters-group,
  body > .l2-ts-mobile-filter-overlay [data-filter-group]{
    margin:0 0 14px!important;
    padding:0!important;
  }
  body > .l2-ts-mobile-filter-overlay .l2-course-filters-group:last-child,
  body > .l2-ts-mobile-filter-overlay [data-filter-group]:last-child{margin-bottom:0!important}
  body > .l2-ts-mobile-filter-overlay .l2-course-filters-group-title,
  body > .l2-ts-mobile-filter-overlay [data-filter-label],
  body > .l2-ts-mobile-filter-overlay label{
    display:block!important;
    margin:0 0 7px!important;
    font-size:12px!important;
    line-height:1.7!important;
    font-weight:900!important;
    color:#263754!important;
  }
  body > .l2-ts-mobile-filter-overlay .l2-course-filter-buttons,
  body > .l2-ts-mobile-filter-overlay [data-filter-buttons]{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
    margin:0!important;
  }
  body > .l2-ts-mobile-filter-overlay .l2-course-filter-buttons button,
  body > .l2-ts-mobile-filter-overlay [data-filter-buttons] button{
    min-height:40px!important;
    padding:8px 10px!important;
    border:1px solid #e0e6ef!important;
    border-radius:11px!important;
    background:#f8fafc!important;
    color:#33415c!important;
    font-size:12px!important;
    font-weight:800!important;
    line-height:1.5!important;
    box-sizing:border-box!important;
    text-align:center!important;
  }
  body > .l2-ts-mobile-filter-overlay .l2-course-filter-buttons button.active,
  body > .l2-ts-mobile-filter-overlay [data-filter-buttons] button.active,
  body > .l2-ts-mobile-filter-overlay [data-selected="true"]{
    background:#eef4ff!important;
    border-color:#2457a6!important;
    color:#2457a6!important;
  }
  body > .l2-ts-mobile-filter-overlay input,
  body > .l2-ts-mobile-filter-overlay select{
    width:100%!important;
    min-height:42px!important;
    box-sizing:border-box!important;
    padding:9px 11px!important;
    border:1px solid #dfe6f0!important;
    border-radius:11px!important;
    background:#fff!important;
    color:#24344f!important;
    font-family:inherit!important;
    font-size:12px!important;
    outline:none!important;
  }
  body > .l2-ts-mobile-filter-overlay input:focus,
  body > .l2-ts-mobile-filter-overlay select:focus{
    border-color:#2457a6!important;
    box-shadow:0 0 0 3px rgba(36,87,166,.09)!important;
  }
  body > .l2-ts-mobile-filter-overlay .l2-ts-filter-searchbox{
    margin:0 0 16px!important;
    padding:0!important;
  }
  body > .l2-ts-mobile-filter-overlay .l2-ts-filter-tools,
  body > .l2-ts-mobile-filter-overlay .l2-course-filters-tools{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
    margin-top:4px!important;
    padding-top:14px!important;
    border-top:1px solid #edf0f5!important;
  }
  body > .l2-ts-mobile-filter-overlay .l2-ts-filter-tools button,
  body > .l2-ts-mobile-filter-overlay .l2-course-filters-tools button{
    min-height:42px!important;
    border-radius:11px!important;
    font-family:inherit!important;
    font-size:12px!important;
    font-weight:900!important;
  }
}
@media (max-width:430px){
  body > .l2-ts-mobile-filter-overlay > .l2-ts-filter-dropdown.l2-course-filters-body{padding:16px!important}
}
/* Mobile filters: keep teacher-name search as the first control. */
@media (max-width:700px){
  body > .l2-ts-mobile-filter-overlay > .l2-ts-filter-dropdown.l2-course-filters-body{
    display:flex!important;
    flex-direction:column!important;
  }
  body > .l2-ts-mobile-filter-overlay .l2-ts-filter-searchbox{
    order:-100!important;
    flex:0 0 auto!important;
  }
}

/* 20261005: teacher search vertical rhythm polish */
.l2-teacher-search[data-l2-teacher-search] .l2-ts-hero{margin-bottom:32px!important;}
.l2-teacher-search[data-l2-teacher-search] .l2-ts-results-wrap{margin-top:8px!important;}
.l2-teacher-search[data-l2-teacher-search] .l2-tpp-search-card .l2-tpp-hero-left{gap:20px!important;}
.l2-teacher-search[data-l2-teacher-search] .l2-tpp-search-card .l2-tpp-name-row{margin-bottom:8px!important;}
.l2-teacher-search[data-l2-teacher-search] .l2-tpp-search-card .l2-tpp-inline-stats{margin-top:10px!important;gap:14px!important;}
.l2-teacher-search[data-l2-teacher-search] .l2-tpp-search-card .l2-tpp-section{margin-top:18px!important;}
.l2-teacher-search[data-l2-teacher-search] .l2-tpp-search-card .l2-tpp-section-head{margin-bottom:12px!important;}
.l2-teacher-search[data-l2-teacher-search] .l2-tpp-search-card .l2-tpp-specialty-row{gap:12px!important;}
@media(max-width:700px){
  .l2-teacher-search[data-l2-teacher-search] .l2-ts-hero{margin-bottom:24px!important;}
  .l2-teacher-search[data-l2-teacher-search] .l2-tpp-search-card .l2-tpp-hero-left{gap:16px!important;}
  .l2-teacher-search[data-l2-teacher-search] .l2-tpp-search-card .l2-tpp-inline-stats{margin-top:8px!important;gap:11px!important;}
  .l2-teacher-search[data-l2-teacher-search] .l2-tpp-search-card .l2-tpp-section{margin-top:14px!important;}
}

/* 20261005: prevent legacy mobile filter flash before JS relocation */
@media(max-width:700px){
  .l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-panel-head,
  .l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-panel > .l2-course-filters-head{
    display:none!important;
  }
  .l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-panel{
    min-height:0!important;
    height:0!important;
    overflow:visible!important;
    border:0!important;
    padding:0!important;
    margin:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  .l2-teacher-search[data-l2-teacher-search] .l2-ts-filter-panel > .l2-course-filters-body{
    display:none!important;
  }
}


/* 20261005: never paint the mobile filter trigger before JS moves it */
@media(max-width:700px){
  .l2-ts-filter-trigger-preload-hidden{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
  }
}


/* 20261005: categorical teacher filters support multiple selections */
@media(max-width:700px){
  .l2-teacher-search [data-teacher-filter][multiple]{
    min-height:112px!important;
    height:auto!important;
    padding:8px!important;
    overflow:auto!important;
  }
  .l2-teacher-search [data-teacher-filter][multiple] option{
    padding:8px 10px!important;
    border-radius:8px!important;
  }
}
@media(min-width:701px){
  .l2-teacher-search [data-teacher-filter][multiple]{
    min-height:112px!important;
    height:auto!important;
    padding:7px!important;
  }
  .l2-teacher-search [data-teacher-filter][multiple] option{padding:6px 8px!important;}
}

/* 20261005: separate multi-select options visually */
.l2-teacher-search [data-teacher-filter][multiple]{
  background:#f7f9fc!important;
}
.l2-teacher-search [data-teacher-filter][multiple] option{
  display:block!important;
  margin:4px 2px!important;
  padding:9px 11px!important;
  border:1px solid #dfe6f1!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#24364d!important;
  font-weight:700!important;
  line-height:1.5!important;
}
.l2-teacher-search [data-teacher-filter][multiple] option:checked{
  background:#eaf2ff!important;
  color:#2457a6!important;
  border-color:#9dbce4!important;
  font-weight:900!important;
}
@media(max-width:700px){
  .l2-teacher-search [data-teacher-filter][multiple]{
    padding:6px!important;
    border-radius:14px!important;
  }
  .l2-teacher-search [data-teacher-filter][multiple] option{
    margin:4px 2px!important;
    padding:9px 10px!important;
  }
}

/* FINAL: visually separated custom multi-select options */
.l2-teacher-search .l2-course-filter-field select[multiple][data-teacher-filter]{
  appearance:none!important;
  -webkit-appearance:none!important;
  height:auto!important;
  min-height:54px!important;
  padding:8px!important;
  display:flex!important;
  flex-direction:column!important;
  gap:6px!important;
  overflow-y:auto!important;
  background:#f4f7fb!important;
  border:1px solid #d8e2ef!important;
  border-radius:14px!important;
}
.l2-teacher-search .l2-course-filter-field select[multiple][data-teacher-filter] option{
  display:block!important;
  width:100%!important;
  box-sizing:border-box!important;
  margin:0 0 6px!important;
  padding:10px 12px!important;
  border:1px solid #dce5f0!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#26384e!important;
  font:700 12px/1.6 Vazirmatn,sans-serif!important;
  white-space:normal!important;
}
.l2-teacher-search .l2-course-filter-field select[multiple][data-teacher-filter] option:checked{
  background:#e7f0ff!important;
  color:#2457a6!important;
  border-color:#8fb1df!important;
}
@media(max-width:700px){
 .l2-teacher-search .l2-course-filter-field select[multiple][data-teacher-filter]{
   min-height:120px!important;
   max-height:190px!important;
 }
}

/* Price fields stacked vertically */
.l2-teacher-search .l2-course-filter-field:has([data-teacher-price]){display:flex!important;flex-direction:column!important;}
.l2-teacher-search [data-teacher-price]{width:100%!important;box-sizing:border-box!important;}
@media(min-width:701px){
  .l2-teacher-search .l2-course-filter-buttons{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .l2-teacher-search .l2-course-filter-field:has([data-teacher-price]){grid-column:1 / -1!important;max-width:100%!important;}
  .l2-teacher-search .l2-course-filter-field:has([data-teacher-price]) + .l2-course-filter-field:has([data-teacher-price]){margin-top:0!important;}
}
@media(max-width:700px){
  .l2-teacher-search .l2-course-filter-field:has([data-teacher-price]){width:100%!important;grid-column:1 / -1!important;}
}

/* Price inputs: force each field onto its own grid row */
.l2-teacher-search .l2-course-filter-buttons label.l2-course-filter-field:has([data-teacher-price="min"]),
.l2-teacher-search .l2-course-filter-buttons label.l2-course-filter-field:has([data-teacher-price="max"]){
  grid-column:1 / -1!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
}
.l2-teacher-search .l2-course-filter-buttons label.l2-course-filter-field:has([data-teacher-price="max"]){
  margin-top:8px!important;
}

/* Price range: both inputs in one shared container */
.l2-teacher-search .l2-ts-price-range-field{
  grid-column:1 / -1!important;
  width:100%!important;
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:10px!important;
  padding:12px!important;
  border:1px solid #dfe6f1!important;
  border-radius:14px!important;
  background:#f7f9fc!important;
}
.l2-teacher-search .l2-ts-price-range-field .l2-course-filter-field{
  width:100%!important;
  min-width:0!important;
  margin:0!important;
}
@media(max-width:700px){
  .l2-teacher-search .l2-ts-price-range-field{
    grid-template-columns:1fr!important;
    gap:8px!important;
    padding:10px!important;
  }
}

/* Sidebar must stay above the mobile teacher filter trigger/panel. */
.l2-td.l2-v7 .l2-td-shell>.l2-td-sidebar{z-index:2147483647!important;position:sticky!important;}
@media(max-width:900px){.l2-td.l2-v7 .l2-td-shell>.l2-td-sidebar{position:relative!important;z-index:2147483647!important;}}

.l2-td.l2-v7 .l2-td-shell>.l2-td-sidebar{position:relative!important;z-index:2147483647!important}
body>.l2-ts-mobile-filter-overlay{z-index:2147483000!important}
body>.l2-course-filters-toggle.l2-ts-filter-dropdown-toggle{z-index:2147482000!important}

/* FINAL DESKTOP FILTER LAYOUT — compact native multi-select replacement.
   Native <select multiple> stays in the DOM for the existing AJAX contract;
   desktop users interact with the compact custom control instead. */
@media (min-width:701px){
  .l2-teacher-search[data-l2-teacher-search] .l2-course-filters-body.l2-ts-filter-dropdown{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 220px!important;
    grid-template-rows:auto auto!important;
    gap:12px!important;
    width:100%!important;
    max-height:none!important;
    opacity:1!important;
    padding:16px 18px 18px!important;
    overflow:visible!important;
    box-sizing:border-box!important;
  }
  .l2-teacher-search[data-l2-teacher-search] .l2-course-filter-search.l2-ts-filter-searchbox{
    grid-column:1!important;
    grid-row:1!important;
    width:100%!important;
    margin:0!important;
    max-width:none!important;
  }
  .l2-teacher-search[data-l2-teacher-search] .l2-ts-sort-field{
    grid-column:2!important;
    grid-row:1!important;
    width:100%!important;
    margin:0!important;
    flex:none!important;
  }
  .l2-teacher-search[data-l2-teacher-search] .l2-course-filter-buttons.l2-ts-filter-buttons{
    grid-column:1/-1!important;
    grid-row:2!important;
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:12px!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    align-items:start!important;
  }
  .l2-teacher-search[data-l2-teacher-search] .l2-course-filter-buttons.l2-ts-filter-buttons .l2-course-filter-field{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    flex:none!important;
    position:relative!important;
  }
  .l2-teacher-search[data-l2-teacher-search] .l2-course-filter-field select[multiple][data-teacher-filter].l2-desktop-multi-native{
    display:none!important;
  }
  .l2-teacher-search[data-l2-teacher-search] .l2-desktop-multi{
    position:relative!important;
    width:100%!important;
    min-width:0!important;
  }
  .l2-teacher-search[data-l2-teacher-search] .l2-desktop-multi-trigger{
    width:100%!important;
    min-width:0!important;
    min-height:52px!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto auto!important;
    align-items:center!important;
    gap:8px!important;
    padding:0 12px!important;
    border:1px solid #d7e2ee!important;
    border-radius:13px!important;
    background:#fff!important;
    color:#172033!important;
    font:inherit!important;
    font-size:11px!important;
    font-weight:850!important;
    text-align:right!important;
    cursor:pointer!important;
    box-sizing:border-box!important;
    box-shadow:0 2px 8px rgba(23,63,122,.025)!important;
  }
  .l2-teacher-search[data-l2-teacher-search] .l2-desktop-multi-trigger:hover,
  .l2-teacher-search[data-l2-teacher-search] .l2-desktop-multi.is-open .l2-desktop-multi-trigger{
    border-color:#91afd2!important;
    background:#f7fbff!important;
  }
  .l2-teacher-search[data-l2-teacher-search] .l2-desktop-multi-trigger-text{
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  .l2-teacher-search[data-l2-teacher-search] .l2-desktop-multi-trigger-meta{
    color:#2457a6!important;
    font-size:9px!important;
    font-weight:900!important;
    white-space:nowrap!important;
  }
  .l2-teacher-search[data-l2-teacher-search] .l2-desktop-multi-trigger-meta:empty{display:none!important;}
  .l2-teacher-search[data-l2-teacher-search] .l2-desktop-multi-chevron{
    color:#667085!important;
    font-size:16px!important;
    line-height:1!important;
    transition:transform .18s ease!important;
  }
  .l2-teacher-search[data-l2-teacher-search] .l2-desktop-multi.is-open .l2-desktop-multi-chevron{
    transform:rotate(180deg)!important;
    color:#2457a6!important;
  }
  .l2-teacher-search[data-l2-teacher-search] .l2-desktop-multi-popover{
    position:absolute!important;
    top:calc(100% + 7px)!important;
    right:0!important;
    width:max-content!important;
    min-width:180px!important;
    max-width:min(340px,calc(100vw - 48px))!important;
    padding:10px!important;
    background:#fff!important;
    border:1px solid #cfdce9!important;
    border-radius:16px!important;
    box-shadow:0 20px 44px rgba(23,63,122,.18)!important;
    z-index:100000!important;
    box-sizing:border-box!important;
  }
  .l2-teacher-search[data-l2-teacher-search] .l2-desktop-multi-popover[hidden]{
    display:none!important;
  }
  .l2-teacher-search[data-l2-teacher-search] .l2-desktop-multi-head{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:8px!important;
    padding:3px 2px 9px!important;
    border-bottom:1px solid #edf2f7!important;
  }
  .l2-teacher-search[data-l2-teacher-search] .l2-desktop-multi-head strong{
    color:#172033!important;
    font-size:12px!important;
    font-weight:950!important;
  }
  .l2-teacher-search[data-l2-teacher-search] .l2-desktop-multi-clear{
    border:1px solid #ffd3d8!important;
    border-radius:9px!important;
    background:#fff5f6!important;
    color:#c52e3d!important;
    padding:5px 8px!important;
    font:inherit!important;
    font-size:9px!important;
    font-weight:900!important;
    cursor:pointer!important;
  }
  .l2-teacher-search[data-l2-teacher-search] .l2-desktop-multi-list{
    display:flex!important;
    flex-direction:column!important;
    gap:5px!important;
    margin-top:8px!important;
    max-height:320px!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    padding:2px!important;
    scrollbar-width:thin!important;
  }
  .l2-teacher-search[data-l2-teacher-search] .l2-desktop-multi-option{
    width:100%!important;
    min-height:38px!important;
    display:grid!important;
    grid-template-columns:20px minmax(0,1fr)!important;
    align-items:center!important;
    gap:8px!important;
    padding:6px 8px!important;
    border:1px solid #e1e8f0!important;
    border-radius:10px!important;
    background:#fbfdff!important;
    color:#344054!important;
    font:inherit!important;
    font-size:10px!important;
    font-weight:750!important;
    text-align:right!important;
    cursor:pointer!important;
    box-sizing:border-box!important;
  }
  .l2-teacher-search[data-l2-teacher-search] .l2-desktop-multi-option:hover{
    background:#f2f7fc!important;
    border-color:#bfd1e5!important;
    color:#173f7a!important;
  }
  .l2-teacher-search[data-l2-teacher-search] .l2-desktop-multi-option.is-selected{
    background:#eef5ff!important;
    border-color:#9dbbe0!important;
    color:#2457a6!important;
  }
  .l2-teacher-search[data-l2-teacher-search] .l2-desktop-multi-option-all{
    background:#f7faff!important;
    font-weight:900!important;
  }
  .l2-teacher-search[data-l2-teacher-search] .l2-desktop-multi-checkbox{
    width:16px!important;
    height:16px!important;
    margin:0!important;
    padding:0!important;
    accent-color:#2457a6!important;
    cursor:pointer!important;
    flex:none!important;
  }
  .l2-teacher-search[data-l2-teacher-search] .l2-desktop-multi-option-label{
    min-width:0!important;
    overflow-wrap:anywhere!important;
    line-height:1.6!important;
  }
  .l2-teacher-search[data-l2-teacher-search] .l2-ts-price-range-field{
    display:contents!important;
  }
  .l2-teacher-search[data-l2-teacher-search] .l2-ts-price-range-field > .l2-course-filter-field{
    min-width:0!important;
    width:100%!important;
  }
}
@media (min-width:1050px){
  .l2-teacher-search[data-l2-teacher-search] .l2-course-filter-buttons.l2-ts-filter-buttons{
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
  }
}
@media (min-width:701px) and (max-width:1049px){
  .l2-teacher-search[data-l2-teacher-search] .l2-course-filters-body.l2-ts-filter-dropdown{
    grid-template-columns:minmax(0,1fr) 200px!important;
  }
  .l2-teacher-search[data-l2-teacher-search] .l2-course-filter-buttons.l2-ts-filter-buttons{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

/* Desktop interaction correction: filter fields are containers, not labels. */
@media (min-width:701px){
  .l2-teacher-search[data-l2-teacher-search] .l2-course-filter-field{
    display:block!important;
    min-width:0!important;
  }
  .l2-teacher-search[data-l2-teacher-search] .l2-course-filter-field > span{
    display:block!important;
    margin:0 0 7px!important;
    line-height:1.5!important;
  }
}

@media (min-width:1050px){.l2-teacher-search[data-l2-teacher-search] .l2-course-filter-buttons.l2-ts-filter-buttons{grid-template-columns:repeat(5,minmax(0,1fr))!important;}}

/* FINAL FIX: price fields are ordinary desktop filter grid items. */
.l2-teacher-search[data-l2-teacher-search] .l2-course-filter-buttons.l2-ts-filter-buttons .l2-course-filter-field:has([data-teacher-price]){
  grid-column:auto!important;
  grid-row:auto!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  box-sizing:border-box!important;
}
.l2-teacher-search[data-l2-teacher-search] .l2-course-filter-buttons.l2-ts-filter-buttons .l2-course-filter-field:has([data-teacher-price]) > span{
  display:block!important;
}
.l2-teacher-search[data-l2-teacher-search] .l2-course-filter-buttons.l2-ts-filter-buttons .l2-course-filter-field:has([data-teacher-price]) input{
  width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}
/* FINAL Z-INDEX FIX: opened desktop filter menus must render above every sibling field. */
@media (min-width:701px){
  .l2-teacher-search[data-l2-teacher-search] .l2-course-filter-buttons.l2-ts-filter-buttons .l2-course-filter-field:has(.l2-desktop-multi.is-open){position:relative!important;z-index:2147483646!important;}
  .l2-teacher-search[data-l2-teacher-search] .l2-desktop-multi.is-open{position:relative!important;z-index:2147483647!important;}
  .l2-teacher-search[data-l2-teacher-search] .l2-desktop-multi.is-open .l2-desktop-multi-popover{z-index:2147483647!important;}
}


/* FINAL DESKTOP STACKING CONTEXT: the filter grid owns its z-order.
   Closed fields stay below; the opened field and its popover rise above siblings. */
@media (min-width:701px){
  .l2-teacher-search[data-l2-teacher-search] .l2-course-filters-body.l2-ts-filter-dropdown{
    position:relative!important;
    z-index:20!important;
    isolation:isolate!important;
  }
  .l2-teacher-search[data-l2-teacher-search] .l2-course-filter-search.l2-ts-filter-searchbox,
  .l2-teacher-search[data-l2-teacher-search] .l2-ts-sort-field{
    position:relative!important;
    z-index:1!important;
  }
  .l2-teacher-search[data-l2-teacher-search] .l2-course-filter-buttons.l2-ts-filter-buttons{
    position:relative!important;
    z-index:30!important;
    isolation:isolate!important;
  }
  .l2-teacher-search[data-l2-teacher-search] .l2-course-filter-buttons.l2-ts-filter-buttons > .l2-course-filter-field{
    position:relative!important;
    z-index:1!important;
  }
  .l2-teacher-search[data-l2-teacher-search] .l2-course-filter-buttons.l2-ts-filter-buttons > .l2-course-filter-field:has(.l2-desktop-multi.is-open){
    z-index:1000!important;
  }
  .l2-teacher-search[data-l2-teacher-search] .l2-desktop-multi.is-open{
    z-index:1001!important;
  }
  .l2-teacher-search[data-l2-teacher-search] .l2-desktop-multi.is-open .l2-desktop-multi-popover{
    z-index:1002!important;
  }
}

/* FINAL DESKTOP MENU PORTAL: escape every parent clipping/stacking context. */
@media (min-width:701px){
  body > .l2-desktop-multi-popover-portal{position:fixed!important;display:block!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;z-index:2147483647!important;box-sizing:border-box!important;background:#fff!important;border:1px solid #cfdce9!important;border-radius:16px!important;box-shadow:0 20px 50px rgba(23,63,122,.22)!important;padding:10px!important;overflow:visible!important;}
  body > .l2-desktop-multi-popover-portal[hidden]{display:none!important;}
  body > .l2-desktop-multi-popover-portal .l2-desktop-multi-list{max-height:min(320px,70vh)!important;overflow-y:auto!important;overflow-x:hidden!important;}
}

/* =========================================================
   DESKTOP FILTER POPOVER   FINAL ROOT VISUAL SYSTEM
   ========================================================= */
@media (min-width:701px){
  body > .l2-desktop-multi-popover-portal{
    position:fixed!important;
    width:clamp(270px,24vw,360px)!important;
    max-width:calc(100vw - 28px)!important;
    padding:0!important;
    background:#ffffff!important;
    border:1px solid #d8e3ef!important;
    border-radius:18px!important;
    box-shadow:0 24px 70px rgba(23,63,122,.18),0 6px 18px rgba(15,23,42,.08)!important;
    overflow:hidden!important;
    z-index:2147483647!important;
    color:#172033!important;
    direction:rtl!important;
  }

  body > .l2-desktop-multi-popover-portal .l2-desktop-multi-head{
    position:sticky!important;
    top:0!important;
    z-index:2!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    min-height:54px!important;
    margin:0!important;
    padding:12px 14px!important;
    background:linear-gradient(180deg,#f8fbff 0%,#f2f6fb 100%)!important;
    border-bottom:1px solid #e5edf5!important;
    box-sizing:border-box!important;
  }

  body > .l2-desktop-multi-popover-portal .l2-desktop-multi-head strong{
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    min-width:0!important;
    margin:0!important;
    color:#173f7a!important;
    font-family:Vazirmatn,Arial,sans-serif!important;
    font-size:13px!important;
    font-weight:950!important;
    line-height:1.6!important;
  }

  body > .l2-desktop-multi-popover-portal .l2-desktop-multi-head strong::before{
    content:""; 
    width:7px!important;
    height:7px!important;
    min-width:7px!important;
    border-radius:50%!important;
    background:#2457a6!important;
    box-shadow:0 0 0 4px #e8f0fb!important;
  }

  body > .l2-desktop-multi-popover-portal .l2-desktop-multi-clear{
    flex:0 0 auto!important;
    min-height:32px!important;
    padding:6px 10px!important;
    border:1px solid #f0cdd2!important;
    border-radius:10px!important;
    background:#fff7f8!important;
    color:#c73544!important;
    font-family:Vazirmatn,Arial,sans-serif!important;
    font-size:10px!important;
    font-weight:900!important;
    line-height:1.4!important;
    cursor:pointer!important;
    transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease!important;
  }

  body > .l2-desktop-multi-popover-portal .l2-desktop-multi-clear:hover{
    background:#fff0f2!important;
    border-color:#e9aeb6!important;
    color:#b42332!important;
    transform:translateY(-1px)!important;
  }

  body > .l2-desktop-multi-popover-portal .l2-desktop-multi-list{
    display:flex!important;
    flex-direction:column!important;
    gap:6px!important;
    max-height:min(360px,58vh)!important;
    margin:0!important;
    padding:10px!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    scrollbar-width:thin!important;
    scrollbar-color:#b8cbe3 transparent!important;
    box-sizing:border-box!important;
  }

  body > .l2-desktop-multi-popover-portal .l2-desktop-multi-list::-webkit-scrollbar{
    width:7px!important;
  }

  body > .l2-desktop-multi-popover-portal .l2-desktop-multi-list::-webkit-scrollbar-track{
    background:transparent!important;
  }

  body > .l2-desktop-multi-popover-portal .l2-desktop-multi-list::-webkit-scrollbar-thumb{
    background:#b8cbe3!important;
    border-radius:99px!important;
    border:2px solid #fff!important;
  }

  body > .l2-desktop-multi-popover-portal .l2-desktop-multi-option{
    position:relative!important;
    display:grid!important;
    grid-template-columns:20px minmax(0,1fr)!important;
    align-items:center!important;
    gap:9px!important;
    width:100%!important;
    min-height:42px!important;
    margin:0!important;
    padding:7px 9px!important;
    border:1px solid #e3eaf2!important;
    border-radius:12px!important;
    background:#ffffff!important;
    color:#344054!important;
    font-family:Vazirmatn,Arial,sans-serif!important;
    font-size:11px!important;
    font-weight:750!important;
    line-height:1.65!important;
    text-align:right!important;
    cursor:pointer!important;
    box-sizing:border-box!important;
    transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease,color .16s ease!important;
  }

  body > .l2-desktop-multi-popover-portal .l2-desktop-multi-option:hover{
    background:#f7faff!important;
    border-color:#b8cce5!important;
    color:#173f7a!important;
    box-shadow:0 5px 14px rgba(36,87,166,.07)!important;
    transform:translateY(-1px)!important;
  }

  body > .l2-desktop-multi-popover-portal .l2-desktop-multi-option-all{
    background:#f3f7fd!important;
    border-color:#d2e0ef!important;
    color:#173f7a!important;
    font-weight:900!important;
  }

  body > .l2-desktop-multi-popover-portal .l2-desktop-multi-option-all:hover{
    background:#edf4fc!important;
    border-color:#aac2de!important;
  }

  body > .l2-desktop-multi-popover-portal .l2-desktop-multi-option.is-selected{
    background:#eef5ff!important;
    border-color:#8fb3df!important;
    color:#2457a6!important;
    box-shadow:inset -3px 0 0 #2457a6!important;
  }

  body > .l2-desktop-multi-popover-portal .l2-desktop-multi-checkbox{
    appearance:none!important;
    -webkit-appearance:none!important;
    position:relative!important;
    width:18px!important;
    height:18px!important;
    min-width:18px!important;
    margin:0!important;
    padding:0!important;
    border:1.5px solid #b9c8d9!important;
    border-radius:6px!important;
    background:#ffffff!important;
    box-sizing:border-box!important;
    cursor:pointer!important;
    transition:background .14s ease,border-color .14s ease,box-shadow .14s ease,transform .14s ease!important;
  }

  body > .l2-desktop-multi-popover-portal .l2-desktop-multi-checkbox:hover{
    border-color:#6e97c7!important;
    box-shadow:0 0 0 3px #edf4ff!important;
  }

  body > .l2-desktop-multi-popover-portal .l2-desktop-multi-checkbox:checked{
    border-color:#2457a6!important;
    background:#2457a6!important;
    box-shadow:0 0 0 3px #eaf2ff!important;
  }

  body > .l2-desktop-multi-popover-portal .l2-desktop-multi-checkbox:checked::after{
    content:""!important;
    position:absolute!important;
    top:3px!important;
    right:5px!important;
    width:5px!important;
    height:9px!important;
    border:solid #fff!important;
    border-width:0 2px 2px 0!important;
    transform:rotate(45deg)!important;
  }

  body > .l2-desktop-multi-popover-portal .l2-desktop-multi-option-label{
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    line-height:1.65!important;
  }
}

/* FINAL DESKTOP CONTROL HEIGHT: sort select matches multi-select triggers exactly. */
@media (min-width:701px){
  .l2-teacher-search[data-l2-teacher-search] .l2-ts-sort-field select,
  .l2-teacher-search[data-l2-teacher-search] .l2-desktop-multi-trigger{
    height:52px!important;
    min-height:52px!important;
    max-height:52px!important;
    box-sizing:border-box!important;
  }
  .l2-teacher-search[data-l2-teacher-search] .l2-ts-sort-field select{
    padding-top:0!important;
    padding-bottom:0!important;
  }
}

/* FINAL MOBILE FILTER BUTTON LAYER — button always above the mobile filter menu. */
@media (max-width:700px){
  body > .l2-ts-mobile-filter-overlay{z-index:2147483644!important;}
  body > .l2-ts-filter-dropdown.l2-course-filters-body.is-open{z-index:2147483645!important;}
  body > .l2-course-filters-toggle.l2-ts-filter-dropdown-toggle{z-index:2147483647!important;position:fixed!important;isolation:isolate!important;pointer-events:auto!important;}
}