/* The application keeps its mobile layout below this breakpoint. */
@media (min-width:1024px){
  body{font-size:15px;line-height:1.8}
  body>header .wrap,.wrap{max-width:1280px;padding-left:28px;padding-right:28px}
  body>header .nav{height:76px;gap:16px}
  body>header .brand{flex:none;gap:11px}
  body>header .brand-logo{width:44px;height:44px}
  .desktop-brand-text{display:grid!important;gap:1px;color:var(--ink);line-height:1.5;white-space:nowrap}
  .desktop-brand-text b{font-size:14px;font-weight:800}
  .desktop-brand-text small{font-size:11px;color:var(--slate)}
  body>header .menu{display:none}
  .iti-desktop-nav{display:flex!important;align-items:center;justify-content:center;gap:2px;margin-left:auto;margin-right:auto}
  .iti-desktop-nav>a,.iti-desktop-more>summary{display:flex;align-items:center;gap:6px;padding:9px 11px;border-radius:10px;font-size:14px;font-weight:600;color:var(--slate);white-space:nowrap;cursor:pointer;list-style:none}
  .iti-desktop-nav>a:hover,.iti-desktop-nav>a.is-current,.iti-desktop-more[open]>summary{background:var(--brand-tint,#e9f5ef);color:var(--brand-ink,#12654e)}
  .iti-desktop-nav a:focus-visible,.iti-desktop-more summary:focus-visible{outline:2px solid var(--teal);outline-offset:3px}
  .iti-desktop-more{position:relative}
  .iti-desktop-more>summary::-webkit-details-marker{display:none}
  .iti-desktop-more>div{position:absolute;top:calc(100% + 12px);right:0;min-width:210px;padding:8px;background:var(--surface,#fff);border:1px solid var(--line);border-radius:14px;box-shadow:0 14px 40px #163e3220}
  .iti-desktop-more>div a{display:block;padding:9px 12px;border-radius:8px;font-size:14px;color:var(--ink)}
  .iti-desktop-more>div a:hover{background:var(--surface-2,#f0f7f3)}
  body>header .nav-cta{gap:9px;flex:none}
  body>header .nav-avatar{width:38px;height:38px}
  body>header .nav-messages>.iti-message-mark{width:38px;height:38px}
  .desktop-home{max-width:1280px;margin:0 auto;padding:28px 28px 44px}
  .desktop-home-title{display:flex!important;align-items:center;justify-content:space-between;gap:24px;margin:0 0 24px}
  .desktop-home-title span{font-size:12px;color:var(--slate)}
  .desktop-home-title h1{font-size:30px;line-height:1.5;margin:3px 0 4px;font-weight:800;color:var(--ink)}
  .desktop-home-title p{font-size:14px;color:var(--slate)}
  .desktop-home-title>a{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid var(--line);background:var(--surface,#fff);padding:10px 17px;border-radius:12px;font-size:14px;font-weight:700;color:var(--teal)}
  .desktop-home-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}
  .desktop-home .hm-wrap{display:contents}
  .desktop-home .hm-wrap>*{min-width:0}
  .desktop-home .home-prayer-slot{min-width:0}
  .desktop-home .ptw-wrap{max-width:none;padding:0;margin:0}
  .desktop-home .ptw{padding:18px 20px 15px;border-radius:20px;min-height:250px}
  .desktop-home .ptw-date{font-size:14px}.desktop-home .ptw-sub{font-size:12px}
  .desktop-home .ptw-now{padding:10px 12px}.desktop-home .ptw-now-label{font-size:12px}.desktop-home .ptw-now-name{font-size:19px}
  .desktop-home .ptw-times{padding:13px 0}.desktop-home .ptw-t .n{font-size:12px}.desktop-home .ptw-t .v{font-size:17px}
  .desktop-home .ptw-foot,.desktop-home .ptw-more{font-size:12px}
  .desktop-home .hm-wrap>.minis{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .desktop-home .hm-wrap>.minis>a{flex-direction:row;justify-content:flex-start;text-align:left;gap:14px;min-height:118px;padding:20px;font-size:16px;border-radius:17px}
  .desktop-home .hm-wrap>.minis i{width:46px;height:46px;font-size:21px;flex:none}
  .desktop-home .hq-sec{padding:21px;background:var(--surface,#fff);border:1px solid var(--line);border-radius:20px;min-width:0}
  .desktop-home .hq-h{padding:0 0 16px}.desktop-home .hq-h b{font-size:18px}.desktop-home .hq-h a{font-size:13px}
  .desktop-home .hq-sec .minis{gap:10px;grid-template-columns:repeat(4,minmax(0,1fr))}
  .desktop-home .hq-sec .minis a{font-size:13px;min-height:98px;padding:14px 6px;background:var(--surface-2,#f6faf7);border-color:transparent;justify-content:center}
  .desktop-home .hq-sec .minis i{width:39px;height:39px;font-size:18px}
  .desktop-home .hcard{padding:18px 20px;border-radius:18px}.desktop-home .hcard-h b{font-size:17px}.desktop-home .hcard small.m{font-size:13px}
  .desktop-home #homeAmol{grid-column:1/-1;gap:10px}
  .desktop-home .sc-panel{margin:0;min-width:0}.desktop-home .sc-class{padding:20px}.desktop-home .sc-info strong{font-size:18px}.desktop-home .sc-time{font-size:14px}.desktop-home .sc-meta{font-size:13px}
  .desktop-home .stats{gap:14px}
  .hb-wrap,.hb-wrap.sa-wrap,.sa-browser,.sa-browser.is-compact-practice{max-width:1280px;padding:28px 28px 48px;margin:0 auto}
  .hb-wrap{gap:24px}
  .hb-top h1,.sa-head h1,.sa-page-heading h1{font-size:28px;line-height:1.6}
  .hb-top,.sa-head{padding:0 0 3px}
  .hb-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:13px}
  .hb-tile{display:grid;grid-template-columns:42px minmax(0,1fr);column-gap:12px;row-gap:4px;align-items:center;align-content:center;text-align:left;padding:17px 14px;min-height:88px;font-size:14px;line-height:1.6;border-radius:16px}
  .hb-tile .hb-ic{grid-row:1/3;width:42px;height:42px;border-radius:12px;font-size:19px;flex:none}
  .hb-tile>small{grid-column:2;margin:0;font-size:11px}
  .hb-sec>h2{font-size:18px;margin-bottom:4px}
  .hb-note{font-size:14px;padding:15px 18px}.hb-chips button{font-size:14px}
  .hb-today{padding:20px;border-radius:20px}.hb-today-toggle{font-size:20px}.hb-today-toggle small{font-size:14px}
  .hb-today .hb-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .hb-today .hb-r{grid-template-columns:84px minmax(0,1fr) max-content;gap:12px;padding:15px 13px;border:0;border-top:1px solid var(--line);min-width:0}
  .hb-today .hb-r:nth-child(-n+2){border-top:0}.hb-today .hb-r:nth-child(2n){border-left:1px solid var(--line)}
  .hb-today .hb-r .tm{font-size:13px}.hb-class-name{font-size:16px}.hb-today .hb-r small{font-size:12px;line-height:1.65}
  .hb-today .hb-r .pl{font-size:13px;min-height:42px;padding:10px 12px}.hb-today .hb-class-live{font-size:11px}.hb-class-invite{font-size:12px}
  .desktop-hub-heading{display:block!important;grid-column:1/-1}.desktop-hub-heading h1{font-size:28px;margin:0 0 5px}.desktop-hub-heading p{font-size:14px;color:var(--slate)}
  [data-desktop-hub=ibadah]{grid-template-columns:minmax(0,2fr) minmax(280px,1fr);align-items:start}
  [data-desktop-hub=ibadah]>.hb-sec{background:var(--surface,#fff);border:1px solid var(--line);border-radius:20px;padding:23px;gap:15px}
  [data-desktop-hub=ibadah]>.hb-sec .hb-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  [data-desktop-hub=ibadah]>.hb-sec:last-of-type .hb-grid{grid-template-columns:1fr}
  [data-desktop-hub=ibadah]>.hb-sec .hb-tile{background:var(--surface-2,#f5faf7);border-color:transparent}
  .sa-wrap{background:transparent;gap:22px}.sa-study{padding:22px;background:var(--surface,#fff);border:1px solid var(--line);border-radius:20px}
  .sa-section-head{margin:0 0 18px}.sa-section-head h2{font-size:19px}.sa-section-head small{font-size:12px}
  .sa-primary{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.sa-primary.is-single{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sa-tile{min-height:92px;grid-template-columns:42px minmax(0,1fr);gap:4px 12px;padding:16px}.sa-icon{width:42px;height:42px;font-size:22px}
  .sa-tile b{font-size:16px}.sa-tile small{font-size:12px;line-height:1.7}.sa-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
  .sa-category{padding:18px;min-height:95px}.sa-category b{font-size:17px}.sa-category small{font-size:13px}.sa-row-icon{width:46px;height:46px}
  .sa-class .sc-class{padding:20px}.sa-class .sc-info strong{font-size:19px}.sa-class .sc-label,.sa-class .sc-meta,.sa-class .sc-time{font-size:13px}.sa-class .sc-join{font-size:14px;min-height:44px;padding:10px 18px}
  .sa-explore{font-size:14px}.sa-tasks summary{font-size:14px;padding:15px 18px}
  .sa-browser{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start}
  .sa-browser>.sa-page-heading,.sa-browser>.sa-page-intro,.sa-browser>.sa-browser-tools,.sa-browser>.sa-no-results{grid-column:1/-1;margin:0}
  .sa-browser .sa-browser-tools{display:grid;grid-template-columns:minmax(240px,1fr) auto;gap:20px;align-items:center;padding:2px 0}
  .sa-browser .sa-filters{margin:0;gap:8px}.sa-browser .sa-filters button{font-size:13px;min-height:42px;padding:9px 17px}.sa-browser .sa-find{min-height:48px;background:var(--surface,#fff)}.sa-browser .sa-find input{font-size:14px}
  .sa-browser .sa-page-group{padding:20px;border:1px solid var(--line);background:var(--surface,#fff);border-radius:18px;margin:0;min-width:0}
  .sa-browser .sa-page-group h2{font-size:17px;margin-bottom:16px}.sa-browser .sa-page-group h2 small{font-size:11px}
  .sa-browser .sa-service-grid,.sa-browser.is-compact-practice .sa-service-grid{grid-template-columns:1fr;gap:11px}
  .sa-browser .sa-service-card,.sa-browser.is-compact-practice .sa-service-card,.sa-browser.is-compact-practice .sa-service-card.is-wide{padding:16px 13px;min-height:93px;gap:12px;background:var(--surface-2,#f6faf8)}
  .sa-browser .sa-service-text b,.sa-browser.is-compact-practice .sa-service-text b{font-size:16px;line-height:1.6}.sa-browser .sa-service-text small,.sa-browser.is-compact-practice .sa-service-text small{font-size:12px;line-height:1.8}
  .sa-browser .sa-service-icon,.sa-browser.is-compact-practice .sa-service-icon{width:39px;height:43px}.sa-browser .sa-service-badge{position:static;display:inline-flex;font-size:10px;margin-top:5px}
  .catalog{max-width:1280px;padding-left:28px;padding-right:28px}.catalog .catalog-grid{gap:18px}.catalog .cc-title{font-size:17px}
  .hc-detail.na{max-width:1280px;padding:28px 28px 108px;display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:22px;align-items:start}
  .hc-detail .hc-hero{grid-column:1;grid-row:1;border-radius:20px;overflow:hidden}.hc-detail .hc-media{height:260px}.hc-detail .hc-hero-copy{padding:22px 50px 18px 23px}.hc-detail h1{font-size:27px;line-height:1.5}.hc-detail .hc-kind{font-size:13px}.hc-detail .hc-subtitle{font-size:14px;line-height:1.8}.hc-detail .hc-chips{font-size:13px}
  .hc-detail .hc-booking{display:grid;gap:18px;grid-column:2;grid-row:1/span 2;position:sticky;top:98px;align-self:start;min-width:0}
  .hc-detail .hc-content{display:grid;gap:18px;grid-column:1;grid-row:2;min-width:0}
  .hc-detail .hc-card,.hc-detail .na-card{padding:20px;border-radius:18px}.hc-detail .hc-head{margin-bottom:16px}.hc-detail .hc-head h2,.hc-detail .na-card>h3{font-size:18px}.hc-detail .hc-head small{font-size:12px}
  .hc-detail .hc-fees{gap:0}.hc-detail .hc-fee{padding:14px 12px}.hc-detail .hc-fee small,.hc-detail .hc-fee em{font-size:12px;color:var(--slate)}.hc-detail .hc-fee strong{font-size:24px}
  .hc-detail .hc-times{grid-template-columns:1fr;gap:10px}.hc-detail .hc-time{padding:14px;min-height:56px}.hc-detail .hc-time b{font-size:14px}.hc-detail .hc-time small,.hc-detail .hc-time em{font-size:12px}
  .hc-detail .hc-academic>div{padding:14px}.hc-detail .hc-academic small{font-size:13px}.hc-detail .hc-academic b{font-size:18px}.hc-detail .hc-syllabus-details{font-size:14px}
  .hc-detail .pg-intro,.hc-detail .pg-pts li,.hc-detail .pg-les,.hc-detail .rv-it p{font-size:15px;line-height:1.95}.hc-detail .pg-more{font-size:13px}
  .hc-detail .hc-batch-list{padding:0 22px 20px}.hc-detail .hc-batch-row{padding:12px}.hc-detail .hc-batch-name{font-size:15px}.hc-detail .hc-batch-seats,.hc-detail .hc-batch-status{font-size:12px}
  .hc-cta{padding:12px 28px}.hc-cta .in{max-width:1224px;display:flex;justify-content:flex-end;gap:16px;align-items:center}.hc-cta .in>a,.hc-cta .in>form{min-width:280px;max-width:440px;width:100%}.hc-cta a,.hc-cta button{font-size:15px;min-height:46px;border-radius:12px}
  .aw .app{max-width:1280px;padding:28px 28px 48px}.aw .intro h1{font-size:29px}.aw .role-pill{font-size:12px}.aw .datebar{padding:12px;gap:12px}.aw .date-input{font-size:15px}.aw .week{gap:9px}.aw .wd{min-height:61px}.aw .wd small{font-size:12px}.aw .wd b{font-size:18px}
  .aw .stat-grid{gap:14px;margin:16px 0}.aw .stat{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 19px}.aw .stat b{font-size:30px}.aw .stat span{font-size:13px}.aw .tools{gap:12px;margin:16px 0}.aw .search{padding:12px 14px}.aw .search input,.aw .filter{font-size:14px}
  .aw .rows:has(.course-row){display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.aw .course-row{padding:17px;min-height:92px;border-top:0;border-bottom:1px solid var(--line)}.aw .course-row:nth-child(2n){border-left:1px solid var(--line)}.aw .course-info b{font-size:16px}.aw .course-info small{font-size:13px}.aw .course-end b{font-size:12px}
  .aw .person-row{padding:16px 18px;min-height:86px}.aw .person-info{display:grid;grid-template-columns:minmax(210px,1fr) minmax(230px,1.2fr) minmax(160px,.85fr);gap:22px;align-items:center}.aw .person-top b{font-size:16px}.aw .time-line{font-size:13px}.aw .time-line .source{font-size:12px}.aw .pill{font-size:12px}.aw .page-grid{grid-template-columns:minmax(0,1fr) 360px;gap:23px}.aw .person-cal{position:sticky;top:98px}.aw .report-box{padding:21px}.aw .head-inline h2{font-size:17px}.aw .timing-grid b{font-size:19px}.aw .teacher-note,.aw .list-note{font-size:13px}.aw .monthly{font-size:13px}.aw .monthly .sticky{min-width:190px;max-width:190px}.aw .monthly td{min-width:34px}
  .bk{max-width:1280px;padding:28px 28px 48px;gap:24px}.bk-hero h1{font-size:28px}.bk-sec>h2{font-size:20px}.bk-scroll{gap:18px}.bk-card{font-size:14px}
  .adm-main,.tch-main,.std-main{margin-left:248px;margin-top:72px;padding:28px 30px;min-height:calc(100vh - 72px)}
  .adm-sidebar,.tch-sidebar,.std-sidebar{width:248px;top:72px;border-right:1px solid var(--line,#e0eae5)}
  .adm-topnav,.tch-topnav,.std-topnav{height:72px;padding-left:24px;padding-right:28px}
  .adm-main>.na,.tch-main>.na,.std-main>.na{max-width:1280px;margin:0 auto}
  .adm-main .na-head h2,.tch-main .na-head h2,.std-main .na-head h2{font-size:27px}.adm-main .na-card,.tch-main .na-card,.std-main .na-card{border-radius:18px}
  .adm-nav li>a,.tch-nav li>a,.std-nav li>a{font-size:14px;padding-top:11px;padding-bottom:11px}
  .adm-main table:not(.monthly),.tch-main table:not(.monthly),.std-main table:not(.monthly){font-size:14px}.adm-main table td,.tch-main table td,.std-main table td{padding-top:12px;padding-bottom:12px}
  .st-directory{max-width:1280px}.st-directory .st-row{padding:16px 18px;gap:15px}.st-directory .st-row .tx b{font-size:16px}.st-directory .st-row .tx small{font-size:13px}.st-directory .st-row .rt small{font-size:12px}.st-directory .st-row .rt .na-pill{font-size:12px}.st-directory .st-chips a{font-size:14px;padding:9px 16px}.st-directory .st-search input{font-size:15px}
}
@media(min-width:1024px) and (max-width:1199px){
  .desktop-brand-text b{font-size:12px}.desktop-brand-text small{font-size:10px}.iti-desktop-nav>a,.iti-desktop-more>summary{padding:9px 8px;font-size:13px}
  .hb-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.sa-primary{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sa-browser .sa-browser-tools{grid-template-columns:1fr}.sa-browser .sa-filters{flex-wrap:wrap}
  .hc-detail.na{grid-template-columns:minmax(0,1fr) 320px}.hc-detail .hc-media{height:220px}.hc-detail h1{font-size:24px}
  .hb-today .hb-list{grid-template-columns:1fr}.hb-today .hb-r:nth-child(2){border-top:1px solid var(--line)}.hb-today .hb-r:nth-child(2n){border-left:0}
  .aw .person-info{grid-template-columns:minmax(170px,1fr) minmax(200px,1.1fr) minmax(150px,.8fr);gap:12px}.aw .page-grid{grid-template-columns:minmax(0,1fr) 320px}
}
@media(min-width:1600px){.desktop-home,.hb-wrap,.hb-wrap.sa-wrap,.sa-browser,.sa-browser.is-compact-practice,.hc-detail.na,.aw .app,.bk,.catalog,body>header .wrap,.wrap{max-width:1400px}.hc-detail.na{grid-template-columns:minmax(0,1fr) 390px}.hc-cta .in{max-width:1344px}}
@media(min-width:1024px){
  .hc-detail .hc-subtitle,.hc-detail .hc-kind,.hc-detail .hc-chips{color:var(--slate)}
  .sa-browser.vc-catalog{display:block}.vc-catalog .sa-page-heading{margin-bottom:16px}.vc-catalog .sa-browser-tools{margin:20px 0}.vc-catalog .sa-page-group{padding:0;border:0;background:transparent}.vc-catalog .sa-service-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.vc-catalog .sa-service-card.vc-category{min-height:190px;padding:20px;gap:14px}.vc-catalog .sa-service-text b{font-size:17px}.vc-catalog .sa-service-text small{font-size:13px}.vc-catalog .vc-count{font-size:12px;padding:3px 9px}
  .qi{max-width:1280px;padding:28px 28px 48px}.qi .qi-hero{padding:24px;border-radius:20px}.qi .qi-hero .ar{font-size:42px}.qi .qi-hero p{font-size:14px}.qi .qi-modes{gap:18px;margin:18px 0}.qi .qi-mode{padding:22px;min-height:148px}.qi .qi-mode b{font-size:20px}.qi .qi-mode small{font-size:14px}.qi .qi-tools{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px}.qi .qi-tool{padding:18px}.qi .qi-tool b{font-size:16px}.qi .qi-tool small{font-size:13px}.qi .qi-tabs{top:77px;gap:10px;padding:8px 0}.qi .qi-tabs button{font-size:15px;min-height:46px}.qi #qiS:not([hidden]),.qi #qiJ:not([hidden]){display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.qi .qi-row{padding:16px 14px;min-width:0}.qi .qi-mid b{font-size:16px}.qi .qi-mid small{font-size:12px}.qi .qi-ar{font-size:24px}.qi .qi-pbtn a{font-size:12px;padding:7px 9px}
  .tsb-wrap{max-width:1100px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px 34px;padding:36px 28px 60px;align-items:center;text-align:left}.tsb-wrap .tsb-goal{grid-column:1;grid-row:1;margin:0}.tsb-wrap .tsb-target-row{grid-column:1;grid-row:2;margin:0}.tsb-wrap .tsb-timer-pill{grid-column:1;grid-row:3}.tsb-wrap .tsb-active-card{grid-column:1;grid-row:4;margin:0;padding:20px 12px;border-radius:18px}.tsb-wrap .tsb-ring-area{grid-column:2;grid-row:1/span 4;min-width:0}.tsb-wrap .tsb-ring-wrap{width:360px;max-width:100%;height:360px;margin:0 auto}.tsb-wrap .tsb-voice-hint{grid-column:1/-1;text-align:center}.tsb-wrap .tsb-active-meta{font-size:13px}.tsb-wrap .tsb-target-row{font-size:14px}
  .cm-page-wrap{max-width:1040px;padding-left:28px;padding-right:28px}.cm-page-wrap .cm-composer-input{font-size:15px}.cm-page-wrap .cm-filter{font-size:14px}.cm-page-wrap .cm-card{border-radius:18px}.cm-page-wrap .cm-text{font-size:15px;line-height:1.9}
}
@media(min-width:1024px) and (max-width:1199px){.vc-catalog .sa-service-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.qi #qiS:not([hidden]),.qi #qiJ:not([hidden]){grid-template-columns:repeat(2,minmax(0,1fr))}}

@media(min-width:1024px){.hc-detail:not(:has(.hc-booking>.hc-card)){grid-template-columns:minmax(0,1fr);max-width:1000px}.hc-detail .hc-booking:not(:has(>.hc-card)){display:none}}