/* Khebra Courses v1.3.0 — restrained corporate frontend. Theme typography is inherited. */
body.khc-modal-lock{overflow:hidden!important}
.khc-courses-root,.khc-single,.khc-modal{--khc-primary:#2373ba;--khc-primary-dark:#18558d;--khc-primary-deep:#123c65;--khc-dark:#080c12;--khc-ink:#172635;--khc-text:#34495a;--khc-muted:#71808c;--khc-paper:#f5f7f9;--khc-soft:#eef3f6;--khc-line:#dce3e8;--khc-line-strong:#cbd5dc;--khc-white:#fff;--khc-green:#167a50;--khc-red:#a94450;--khc-amber:#8a681e;--khc-content:1240px;direction:rtl;text-align:right;color:var(--khc-text);font-weight:400;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.khc-courses-root *,.khc-single *,.khc-modal *{box-sizing:border-box}
.khc-courses-root a,.khc-single a,.khc-modal a{text-decoration:none}
.khc-courses-root button,.khc-courses-root input,.khc-single button,.khc-modal button{font:inherit}
.khc-container{width:min(var(--khc-content),calc(100% - 48px));margin-inline:auto}

/* Section heading */
.khc-section{padding:82px 0;background:#fff}
.khc-section-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.55fr);gap:18px 56px;align-items:end;margin-bottom:34px;padding-bottom:28px;border-bottom:1px solid var(--khc-line)}
.khc-section-heading>span,.khc-related-head>span,.khc-section-kicker{display:block;width:max-content;color:var(--khc-primary);font-size:11px;line-height:1.6;font-weight:700}
.khc-section-heading h2,.khc-related-head h2{grid-column:1;max-width:760px;margin:4px 0 0;color:var(--khc-ink);font-size:clamp(31px,3vw,46px);font-weight:750;line-height:1.35;letter-spacing:-.015em}
.khc-section-heading p{grid-column:2;grid-row:1/3;max-width:470px;margin:0;color:var(--khc-muted);font-size:14px;line-height:1.95}

/* Listing controls */
.khc-listing{position:relative}
.khc-list-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}
.khc-front-search{position:relative;width:min(350px,100%);flex:0 0 min(350px,100%)}
.khc-front-search>svg,.khc-front-search>i{position:absolute;z-index:2;right:15px;top:50%;transform:translateY(-50%);color:#81909b;font-size:13px}
.khc-front-search input{width:100%;height:46px;padding:0 40px 0 38px!important;border:1px solid var(--khc-line-strong)!important;border-radius:3px!important;background:#fff!important;color:var(--khc-ink)!important;box-shadow:none!important;font-size:13px!important;outline:0!important}
.khc-front-search input::placeholder{color:#9aa6af}
.khc-front-search input:focus{border-color:var(--khc-primary)!important;box-shadow:0 0 0 2px rgba(35,115,186,.08)!important}
.khc-search-spinner{position:absolute;left:13px;top:50%;width:15px;height:15px;margin-top:-7.5px;border:2px solid rgba(35,115,186,.18);border-top-color:var(--khc-primary);border-radius:50%;opacity:0;animation:khcSpin .7s linear infinite}
.khc-search-spinner.is-visible{opacity:1}
.khc-filters{display:flex;align-items:center;justify-content:flex-start;gap:6px;overflow:auto;padding:1px;scrollbar-width:none}
.khc-filters::-webkit-scrollbar{display:none}
.khc-filters button{min-height:40px;padding:0 14px;border:1px solid var(--khc-line);border-radius:3px;background:#fff;color:#657582;white-space:nowrap;cursor:pointer;font-size:12px;font-weight:600;transition:border-color .18s ease,color .18s ease,background .18s ease}
.khc-filters button:hover{border-color:#aec3d3;color:var(--khc-primary-dark)}
.khc-filters button.is-active{border-color:var(--khc-primary);background:var(--khc-primary);color:#fff}

/* Cards */
.khc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;transition:opacity .18s ease}
.khc-listing.is-loading .khc-grid{opacity:.5;pointer-events:none}
.khc-card[hidden]{display:none!important}
.khc-card{display:flex;min-width:0;min-height:100%;flex-direction:column;overflow:hidden;border:1px solid var(--khc-line);border-radius:3px;background:#fff}
.khc-card-media{position:relative;min-height:224px;display:grid;place-items:center;overflow:hidden;background-color:#dfe8ef;background-size:cover;background-position:center;color:#fff!important}
.khc-card-media>img{position:absolute;z-index:0;inset:0;width:100%;height:100%;display:block;object-fit:cover}
.khc-card-media:after{content:"";position:absolute;inset:auto 0 0;height:45%;background:linear-gradient(180deg,transparent,rgba(8,12,18,.34));pointer-events:none}
.khc-card-media>svg,.khc-card-media>i{position:relative;z-index:1;font-size:42px;color:rgba(255,255,255,.8)}
.khc-status-badge,.khc-featured-badge{position:absolute;z-index:2;top:14px;display:inline-flex;align-items:center;gap:5px;min-height:28px;padding:0 9px;border-radius:2px;color:#fff;font-size:10px;font-weight:700;line-height:1.2}
.khc-status-badge{right:14px;background:rgba(23,38,53,.9)}
.khc-status-badge.is-open{background:var(--khc-green)}
.khc-status-badge.is-coming_soon{background:var(--khc-amber)}
.khc-status-badge.is-closed{background:var(--khc-red)}
.khc-featured-badge{left:14px;background:var(--khc-primary)}
.khc-card-body{display:flex;flex:1;flex-direction:column;padding:21px 20px 17px}
.khc-card-topline{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:10px;color:var(--khc-primary-dark);font-size:10.5px;font-weight:700}
.khc-card-topline strong{color:var(--khc-ink);font-size:13px;font-weight:750}
.khc-card h3{margin:0;color:var(--khc-ink);font-size:20px;line-height:1.55;font-weight:750;letter-spacing:-.01em}
.khc-card h3 a{color:inherit!important}
.khc-card-body>p{margin:10px 0 0;color:var(--khc-muted);font-size:12.5px;line-height:1.85}
.khc-card-meta{display:flex;flex-wrap:wrap;gap:8px 14px;margin-top:auto;padding-top:18px;color:#687984;font-size:10.5px;line-height:1.55}
.khc-card-meta span{display:inline-flex;align-items:center;gap:5px}
.khc-card-meta svg,.khc-card-meta i{color:var(--khc-primary);font-size:10px}
.khc-card-footer{min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 20px;border-top:1px solid var(--khc-line);background:#fbfcfd}
.khc-details-btn,.khc-card-page-link{display:inline-flex;align-items:center;gap:9px;min-height:38px;padding:0;border:0;background:none;color:var(--khc-ink)!important;cursor:pointer;font-size:11.5px;font-weight:700}
.khc-details-btn svg,.khc-details-btn i{color:var(--khc-primary);font-size:11px}
.khc-card-page-link{color:var(--khc-primary-dark)!important;font-size:10.5px;font-weight:600}
.khc-card-brand{display:none!important}
.khc-empty{grid-column:1/-1;display:grid;place-items:center;min-height:270px;padding:40px;text-align:center;border:1px dashed var(--khc-line-strong);background:#fff}
.khc-empty>span{width:48px;height:48px;display:grid;place-items:center;margin-bottom:12px;color:var(--khc-primary);border:1px solid var(--khc-line);font-size:18px}
.khc-empty h3{margin:0;color:var(--khc-ink);font-size:19px;font-weight:750}
.khc-empty p{max-width:520px;margin:8px 0 0;color:var(--khc-muted);font-size:12.5px;line-height:1.85}
.khc-ajax-status{margin-top:14px;padding:11px 14px;border:1px solid #e1bdc2;background:#fff7f7;color:#913743;font-size:12px}

/* Courses page */
.khc-page{background:var(--khc-paper)}
.khc-page-hero{position:relative;isolation:isolate;min-height:390px;display:flex;align-items:flex-end;padding:112px 0 58px;overflow:hidden;background-color:var(--khc-dark);background-size:cover;background-position:center;color:#fff}
.khc-page-hero:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(270deg,rgba(8,12,18,.88),rgba(8,12,18,.64) 60%,rgba(8,12,18,.40))}
.khc-page-hero .khc-container>span{display:block;width:max-content;margin-bottom:13px;color:#9dc9ec;font-size:11px;font-weight:700}
.khc-page-hero h1{max-width:820px;margin:0;color:#fff;font-size:clamp(42px,5vw,66px);line-height:1.2;font-weight:750;letter-spacing:-.02em}
.khc-page-hero p{max-width:680px;margin:16px 0 0;color:rgba(255,255,255,.75);font-size:14px;line-height:1.9}
.khc-page-list{padding:54px 0 82px;background:var(--khc-paper)}

/* Real frontend demo */
.khc-demo-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:25px;padding:15px 17px;border:1px solid var(--khc-line);background:#fff}
.khc-demo-toolbar>div{display:grid;gap:2px}.khc-demo-toolbar strong{color:var(--khc-ink);font-size:12px}.khc-demo-toolbar span{color:var(--khc-muted);font-size:10.5px}.khc-demo-toolbar>a{min-height:38px;display:inline-flex;align-items:center;padding:0 14px;border:1px solid var(--khc-primary);border-radius:3px;color:var(--khc-primary)!important;font-size:11px;font-weight:700}
.khc-demo-empty{margin-top:18px;padding:18px;border:1px dashed var(--khc-line-strong);background:#fff;color:var(--khc-muted);text-align:center;font-size:12px}

/* Popup */
.khc-modal{position:fixed;z-index:999999;inset:0;display:none;align-items:center;justify-content:center;padding:24px;direction:rtl;text-align:right}
.khc-modal.is-open{display:flex}
.khc-modal-backdrop{position:absolute;inset:0;background:rgba(7,12,18,.72)}
.khc-modal-dialog{position:relative;z-index:1;width:min(910px,100%);max-height:calc(100vh - 48px);display:grid;grid-template-columns:minmax(280px,.78fr) minmax(0,1.22fr);overflow:auto;border:1px solid #d7e0e6;border-radius:4px;background:#fff;box-shadow:0 22px 70px rgba(0,0,0,.2)}
.khc-modal-close{position:absolute;z-index:5;top:13px;left:13px;width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--khc-line);border-radius:2px;background:#fff;color:var(--khc-ink);cursor:pointer}
.khc-modal-cover{min-height:100%;background:#e7edf2}.khc-modal-cover img{width:100%;height:100%;min-height:450px;display:block;object-fit:cover}
.khc-modal-content{padding:38px 34px 32px}
.khc-modal-badges{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:13px}.khc-modal-badges span{min-height:27px;display:inline-flex;align-items:center;padding:0 9px;border:1px solid var(--khc-line);border-radius:2px;color:#5d6f7c;font-size:9.5px;font-weight:700}.khc-modal-badges .is-status.is-open{border-color:#b7ddcc;color:#176947;background:#f1faf6}.khc-modal-badges .is-status.is-coming_soon{border-color:#e5d7ad;color:#74591a;background:#fffaf0}.khc-modal-badges .is-status.is-closed{border-color:#e4c0c5;color:#943d49;background:#fff7f8}
.khc-modal-content h3{margin:0;color:var(--khc-ink);font-size:29px;line-height:1.45;font-weight:750;letter-spacing:-.015em}
.khc-modal-summary{margin:11px 0 0;color:var(--khc-muted);font-size:12.5px;line-height:1.9}
.khc-modal-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:22px;border:1px solid var(--khc-line)}
.khc-modal-meta>span{min-height:66px;display:flex;align-items:center;gap:10px;padding:11px 13px;border-bottom:1px solid var(--khc-line)}
.khc-modal-meta>span:nth-child(odd){border-left:1px solid var(--khc-line)}.khc-modal-meta>span:nth-last-child(-n+2){border-bottom:0}
.khc-modal-meta svg,.khc-modal-meta>span>i{color:var(--khc-primary);font-size:13px}.khc-modal-meta div{display:grid;gap:2px}.khc-modal-meta small{color:#87939c;font-size:9px}.khc-modal-meta b{color:var(--khc-ink);font-size:10.5px;font-weight:700}
.khc-modal-outcomes{margin-top:22px;padding-top:18px;border-top:1px solid var(--khc-line)}.khc-modal-outcomes h4{margin:0 0 10px;color:var(--khc-ink);font-size:13.5px;font-weight:750}
.khc-mini-list,.khc-detail-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.khc-mini-list li,.khc-detail-list li{position:relative;padding-right:18px;color:#526573;font-size:12px;line-height:1.8}.khc-mini-list li:before,.khc-detail-list li:before{content:"";position:absolute;right:0;top:.77em;width:6px;height:2px;background:var(--khc-primary)}
.khc-modal-actions{margin-top:23px}.khc-full-btn{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 15px;border:1px solid var(--khc-primary);border-radius:3px;background:var(--khc-primary);color:#fff!important;font-size:11.5px;font-weight:700}.khc-full-btn:hover{background:var(--khc-primary-dark);border-color:var(--khc-primary-dark)}

/* Single course */
.khc-course-single-body,.khc-courses-demo-body{background:var(--khc-paper)}
.khc-single{background:var(--khc-paper)}
.khc-single-hero{padding:112px 0 58px;background:var(--khc-dark);color:#fff}
.khc-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-bottom:24px;color:rgba(255,255,255,.54);font-size:10px}.khc-breadcrumb a{color:rgba(255,255,255,.72)!important}
.khc-single-hero-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.55fr);align-items:end;gap:52px}
.khc-single-badges{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:15px}.khc-single-badges span{min-height:27px;display:inline-flex;align-items:center;gap:5px;padding:0 9px;border:1px solid rgba(255,255,255,.24);border-radius:2px;color:#fff;font-size:9.5px}
.khc-single-title-wrap h1{max-width:780px;margin:0;color:#fff;font-size:clamp(40px,4.4vw,62px);line-height:1.24;font-weight:750;letter-spacing:-.02em}
.khc-single-title-wrap>p{max-width:730px;margin:15px 0 0;color:rgba(255,255,255,.72);font-size:13.5px;line-height:1.9}
.khc-single-quick-meta{display:flex;flex-wrap:wrap;gap:12px 22px;margin-top:24px;padding-top:18px;border-top:1px solid rgba(255,255,255,.18)}.khc-single-quick-meta span{display:inline-flex;align-items:center;gap:6px;color:rgba(255,255,255,.7);font-size:10px}.khc-single-quick-meta svg,.khc-single-quick-meta i{color:#8fc1e8}.khc-single-quick-meta b{color:#fff;font-weight:600}
.khc-single-cover{align-self:stretch;min-height:330px;overflow:hidden;border:1px solid rgba(255,255,255,.18);border-radius:3px;background:#13202b}.khc-single-cover img{width:100%;height:100%;display:block;object-fit:cover}
.khc-single-main{padding:58px 0 82px}.khc-single-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,370px);align-items:start;gap:38px}.khc-single-content{min-width:0;display:grid;gap:14px}
.khc-content-section{padding:27px 29px;border:1px solid var(--khc-line);border-radius:3px;background:#fff}.khc-content-section h2{display:flex;align-items:center;gap:9px;margin:4px 0 16px;color:var(--khc-ink);font-size:22px;line-height:1.5;font-weight:750}.khc-content-section h2 svg,.khc-content-section h2>i{color:var(--khc-primary);font-size:13px}.khc-rich-text{color:#526573;font-size:13px;line-height:1.95}.khc-rich-text p{margin:0 0 13px}.khc-rich-text p:last-child{margin-bottom:0}.khc-detail-list{gap:9px}.khc-detail-list li{padding-right:21px;font-size:12.5px;line-height:1.85}
.khc-single-sidebar.is-sticky{position:sticky;top:28px}.khc-enroll-card{overflow:hidden;border:1px solid var(--khc-line-strong);border-radius:3px;background:#fff}.khc-enroll-card:before{content:"";display:block;height:3px;background:var(--khc-primary)}
.khc-enroll-eyebrow{display:block;margin:22px 23px 4px;color:var(--khc-primary);font-size:9.5px;font-weight:700}.khc-enroll-card>h2{margin:0 23px;color:var(--khc-ink);font-size:21px;line-height:1.5;font-weight:750}.khc-enroll-card>p{margin:7px 23px 0;color:var(--khc-muted);font-size:11.5px;line-height:1.8}
.khc-price-box{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:18px 23px 0;padding:14px 0;border-top:1px solid var(--khc-line);border-bottom:1px solid var(--khc-line)}.khc-price-box span{color:#7b8993;font-size:9.5px}.khc-price-box strong{color:var(--khc-ink);font-size:19px;font-weight:750}
.khc-whatsapp-btn{min-height:50px;display:flex;align-items:center;justify-content:center;gap:9px;margin:16px 23px;background:#187a50;color:#fff!important;border-radius:3px;font-size:11.5px;font-weight:700}.khc-whatsapp-btn:hover{background:#12643f}
.khc-closed-message{min-height:50px;display:flex;align-items:center;justify-content:center;gap:8px;margin:16px 23px;padding:0 11px;border:1px solid #e2c1c6;background:#fff8f8;color:#913d48;font-size:10.5px}
.khc-sidebar-meta{margin-top:19px;border-top:1px solid var(--khc-line)}.khc-sidebar-meta-item{display:flex;align-items:center;gap:11px;padding:12px 23px;border-bottom:1px solid var(--khc-line)}.khc-sidebar-meta-item:last-child{border-bottom:0}.khc-sidebar-meta-item>svg,.khc-sidebar-meta-item>i{width:16px;color:var(--khc-primary);font-size:11px}.khc-sidebar-meta-item>span{display:grid;gap:1px}.khc-sidebar-meta-item small{color:#89959e;font-size:8.5px}.khc-sidebar-meta-item strong{color:#344b5c;font-size:10.5px;font-weight:700}
.khc-related{padding:62px 0 78px;border-top:1px solid var(--khc-line);background:#fff}.khc-related-head{margin-bottom:25px}.khc-related-head h2{margin-top:4px;font-size:clamp(27px,2.7vw,38px)}

@keyframes khcSpin{to{transform:rotate(360deg)}}
@media(max-width:1080px){.khc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.khc-section-heading{grid-template-columns:1fr;gap:7px}.khc-section-heading p{grid-column:1;grid-row:auto;max-width:680px;margin-top:6px}.khc-single-hero-grid{grid-template-columns:minmax(0,1fr) minmax(280px,.5fr);gap:34px}.khc-single-layout{grid-template-columns:minmax(0,1fr) 320px;gap:28px}}
@media(max-width:820px){.khc-container{width:calc(100% - 36px)}.khc-section{padding:64px 0}.khc-list-controls{align-items:stretch;flex-direction:column}.khc-front-search{width:100%;flex-basis:auto}.khc-filters{width:100%}.khc-page-hero{min-height:340px;padding:100px 0 48px}.khc-page-hero h1{font-size:clamp(40px,9vw,56px)}.khc-modal-dialog{grid-template-columns:1fr}.khc-modal-cover{min-height:220px;max-height:250px}.khc-modal-cover img{min-height:220px;max-height:250px}.khc-modal-content{padding:28px 24px 25px}.khc-single-hero{padding:100px 0 50px}.khc-single-hero-grid{grid-template-columns:1fr}.khc-single-cover{min-height:290px;max-height:420px}.khc-single-layout{grid-template-columns:1fr}.khc-single-sidebar.is-sticky{position:static}.khc-single-sidebar{order:-1}.khc-demo-toolbar{align-items:flex-start;flex-direction:column}}
@media(max-width:620px){.khc-container{width:calc(100% - 28px)}.khc-section{padding:52px 0}.khc-section-heading{margin-bottom:24px;padding-bottom:21px}.khc-section-heading h2{font-size:29px}.khc-section-heading p{font-size:12.5px;line-height:1.85}.khc-grid{grid-template-columns:1fr;gap:15px}.khc-card-media{min-height:210px}.khc-card-body{padding:19px 17px 15px}.khc-card-footer{padding:0 17px}.khc-card h3{font-size:19px}.khc-page-hero{min-height:315px;padding:90px 0 42px}.khc-page-hero h1{font-size:39px}.khc-page-hero p{font-size:12.5px}.khc-page-list{padding:38px 0 58px}.khc-modal{padding:9px}.khc-modal-dialog{max-height:calc(100vh - 18px)}.khc-modal-close{top:9px;left:9px;width:36px;height:36px}.khc-modal-cover{min-height:180px;max-height:205px}.khc-modal-cover img{min-height:180px;max-height:205px}.khc-modal-content{padding:22px 17px 20px}.khc-modal-content h3{font-size:23px}.khc-modal-meta{grid-template-columns:1fr}.khc-modal-meta>span,.khc-modal-meta>span:nth-child(odd){min-height:58px;border-left:0;border-bottom:1px solid var(--khc-line)}.khc-modal-meta>span:last-child{border-bottom:0}.khc-single-hero{padding:88px 0 42px}.khc-single-title-wrap h1{font-size:36px}.khc-single-title-wrap>p{font-size:12.5px}.khc-single-cover{min-height:230px}.khc-single-main{padding:38px 0 56px}.khc-content-section{padding:21px 18px}.khc-content-section h2{font-size:20px}.khc-enroll-eyebrow,.khc-enroll-card>h2,.khc-enroll-card>p,.khc-price-box,.khc-whatsapp-btn,.khc-closed-message{margin-right:18px;margin-left:18px}.khc-sidebar-meta-item{padding-right:18px;padding-left:18px}.khc-related{padding:46px 0 58px}.khc-demo-toolbar{padding:13px 14px}}
@media(max-width:390px){.khc-container{width:calc(100% - 24px)}.khc-page-hero h1{font-size:35px}.khc-single-title-wrap h1{font-size:33px}.khc-card-topline{align-items:flex-start;flex-direction:column;gap:5px}.khc-card-page-link{display:none}}
@media(prefers-reduced-motion:reduce){.khc-courses-root *,.khc-single *,.khc-modal *{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}