/* =========================================================
   S2E HOMEPAGE FIRST-PAINT FIX — 2026-09-18
   الهدف:
   - منع ظهور بلوكات Edumy/Moodle القديمة لحظة فتح الصفحة الرئيسية.
   - إبقاء البلوك الذي يحتوي #s2e-home-root أو #s2e-home-bottom-root فقط.
   - لا يؤثر على أي صفحة أخرى.
   - أثناء وضع التحرير Editing تبقى البلوكات الأصلية ظاهرة للإدارة.
========================================================= */
body#page-site-index:not(.editing) .block:not(:has(#s2e-home-root)):not(:has(#s2e-home-bottom-root)),
body.pagelayout-frontpage:not(.editing) .block:not(:has(#s2e-home-root)):not(:has(#s2e-home-bottom-root)) {
    display: none !important;
}

body#page-site-index:not(.editing) .block:has(#s2e-home-root),
body#page-site-index:not(.editing) .block:has(#s2e-home-bottom-root),
body.pagelayout-frontpage:not(.editing) .block:has(#s2e-home-root),
body.pagelayout-frontpage:not(.editing) .block:has(#s2e-home-bottom-root) {
    display: block !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* إزالة مسافات الحاوية القديمة حول بلوك الصفحة المخصص فقط */
body#page-site-index:not(.editing) .block:has(#s2e-home-root) .card-body,
body#page-site-index:not(.editing) .block:has(#s2e-home-bottom-root) .card-body,
body.pagelayout-frontpage:not(.editing) .block:has(#s2e-home-root) .card-body,
body.pagelayout-frontpage:not(.editing) .block:has(#s2e-home-bottom-root) .card-body {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* Step2English Homepage - clean direct v7 */
#s2e-home-root,
#s2e-home-root *{box-sizing:border-box;}
#s2e-home-root{direction:rtl;font-family:'Cairo','Tajawal',Tahoma,Arial,sans-serif;width:min(1500px,calc(100% - 28px));margin:0 auto 34px;color:#073d8e;}
#s2e-home-root button,#s2e-home-root a{font-family:inherit;}



.s2e-program-head{direction:rtl;display:flex;justify-content:flex-start;align-items:center;margin:8px 0 12px;padding:0;}
.s2e-program-actions{display:flex;gap:10px;align-items:center;justify-content:flex-start;flex-wrap:wrap;}
.s2e-small-cta{border:1.5px solid #bfddff;background:#fff;color:#073d8e;border-radius:16px;min-height:46px;padding:9px 20px;font-size:17px;font-weight:900;cursor:pointer;box-shadow:0 8px 22px rgba(10,75,170,.06);transition:.18s ease;}
.s2e-small-cta:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(10,75,170,.12);}
.s2e-mock-btn{background:linear-gradient(135deg,#0962dd,#20b9ef);color:#fff;border-color:#1eb8ef;box-shadow:0 12px 30px rgba(25,130,230,.20),0 0 0 6px rgba(255,190,70,.15);}

.s2e-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:14px;}
.s2e-course-card{position:relative;direction:rtl;text-align:right;min-height:198px;padding:24px 26px 68px;border-radius:23px;background:linear-gradient(180deg,#fff 0%,#fbfdff 100%);border:1px solid #cae4ff;box-shadow:0 18px 44px rgba(12,70,150,.075);cursor:pointer;overflow:hidden;transition:.22s ease;}
.s2e-course-card:before{content:"";position:absolute;right:0;top:0;width:7px;height:100%;background:linear-gradient(180deg,#0a57d4,#25b8ee);}
.s2e-course-card:hover{transform:translateY(-4px);box-shadow:0 24px 58px rgba(12,70,150,.14);}
.s2e-badge{position:absolute;right:20px;top:18px;background:#e7fff7;color:#08715d;border-radius:999px;padding:7px 12px;font-size:13px;font-weight:900;}
.s2e-card-icon{font-size:32px;line-height:1;margin-bottom:13px;}
.s2e-course-title{direction:rtl;text-align:right;margin:0 0 7px;font-size:clamp(24px,2vw,32px);line-height:1.28;font-weight:900;color:#073d8e;}
.s2e-course-sub{direction:rtl;text-align:right;margin:0;max-width:92%;font-size:16px;font-weight:800;line-height:1.62;color:#66768e;}
.s2e-card-action{position:absolute;left:22px;bottom:18px;border:0;border-radius:16px;background:linear-gradient(135deg,#0963df,#25b9ef);color:#fff;min-width:130px;padding:10px 17px;font-size:16px;font-weight:900;cursor:pointer;box-shadow:0 10px 24px rgba(10,115,220,.22);}

.s2e-videos{margin-top:28px;text-align:center;}
.s2e-videos h2{font-size:30px;font-weight:900;color:#073d8e;margin:0 0 8px;}
.s2e-videos>p{font-size:16px;font-weight:800;color:#66768e;margin:0 0 18px;}
.s2e-video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}
.s2e-video-card{background:#fff;border:1px solid #d5eaff;border-radius:22px;overflow:hidden;text-align:right;box-shadow:0 16px 40px rgba(12,70,150,.07);}
.s2e-video-top{height:126px;background:linear-gradient(135deg,#071d4b,#25b9ef);display:flex;align-items:center;justify-content:center;position:relative;}
.s2e-video-top .play{width:66px;height:66px;border-radius:999px;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.3);color:#fff;display:flex;align-items:center;justify-content:center;font-size:26px;}
.s2e-video-top .tag{position:absolute;top:14px;left:14px;background:rgba(255,255,255,.18);color:#fff;border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:6px 12px;font-size:13px;font-weight:900;}
.s2e-video-card h3{margin:17px 18px 5px;font-size:22px;font-weight:900;color:#073d8e;}
.s2e-video-card p{margin:0 18px 18px;color:#66768e;font-size:15px;font-weight:800;line-height:1.6;}

/* Modal system */
body.s2e-modal-open{overflow:hidden!important;}
.s2e-overlay{position:fixed!important;inset:0!important;z-index:2147483000!important;background:rgba(1,8,25,.92)!important;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:18px;overflow:hidden;touch-action:none;}
.s2e-overlay:before{content:"Step2English";position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);font-size:min(15vw,220px);font-weight:900;color:rgba(255,255,255,.052);letter-spacing:-5px;pointer-events:none;white-space:nowrap;}
.s2e-modal{position:relative;z-index:1;width:min(1120px,calc(100vw - 34px));max-height:calc(100dvh - 36px);background:#fff;border-radius:26px;box-shadow:0 26px 90px rgba(0,0,0,.34);overflow:hidden;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.18);}
.s2e-modal.s2e-modal-compact{width:min(1010px,calc(100vw - 34px));}
.s2e-modal-header{flex:0 0 auto;position:relative;min-height:68px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid #e4edf7;background:#fff;padding:9px 78px;}
.s2e-modal-title{font-size:clamp(22px,1.95vw,30px);font-weight:900;color:#073d8e;line-height:1.22;text-align:center;letter-spacing:-.15px;}
.s2e-modal-icon-btn{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:14px;border:1px solid #d5eaff;background:#f7fbff;color:#073d8e;font-size:28px;font-weight:900;display:flex;align-items:center;justify-content:center;cursor:pointer;line-height:1;box-shadow:0 5px 16px rgba(10,60,140,.08);font-family:Arial,sans-serif;direction:ltr;}
.s2e-modal-icon-btn.s2e-close-only{left:18px;background:#08285f;color:#fff;border-color:#08285f;}
.s2e-modal-icon-btn.s2e-back{left:18px;font-size:34px;}
.s2e-modal-icon-btn.s2e-close-with-back{right:18px;background:#08285f;color:#fff;border-color:#08285f;}
.s2e-modal-body{flex:1 1 auto;padding:16px 18px 20px;overflow:auto;direction:rtl;text-align:right;touch-action:pan-y;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;}
.s2e-modal-body.no-scroll{overflow:hidden;}

.s2e-options-list{display:grid;grid-template-columns:1fr;gap:10px;}
.s2e-option-row{display:flex;align-items:center;justify-content:space-between;gap:12px;background:linear-gradient(180deg,#fbfdff,#f5faff);border:1px solid #d2e8ff;border-radius:17px;padding:12px 17px;min-height:66px;cursor:pointer;transition:.18s ease;}
.s2e-option-row:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(10,90,180,.10);}
.s2e-option-text{text-align:right;min-width:0;}
.s2e-option-title{font-size:clamp(18px,1.45vw,23px);font-weight:900;color:#073d8e;line-height:1.25;}
.s2e-option-en{margin-top:3px;color:#68778e;font-size:13px;font-weight:900;direction:ltr;text-align:right;}
.s2e-option-btn{flex:0 0 auto;min-width:100px;border:0;border-radius:13px;background:#08285f;color:#fff;padding:9px 12px;font-size:14px;font-weight:900;cursor:pointer;text-align:center;}

.s2e-mock-card-main{margin-top:11px;border:1px solid #79d0ff;border-radius:19px;background:linear-gradient(180deg,#f0fbff,#eaf8ff);padding:13px 15px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;text-align:right;cursor:pointer;}
.s2e-mock-card-main .icon{width:52px;height:52px;border-radius:15px;background:linear-gradient(135deg,#0d64d9,#20b8f1);display:flex;align-items:center;justify-content:center;color:#fff;font-size:26px;}
.s2e-mock-card-main h3{font-size:22px;color:#073d8e;margin:0 0 3px;font-weight:900;}
.s2e-mock-card-main p{font-size:14px;color:#65758e;font-weight:850;line-height:1.55;margin:0;}

.s2e-package{display:flex;flex-direction:column;gap:10px;}
.s2e-package-en{text-align:center;font-size:14px;font-weight:900;color:#708096;margin-top:-2px;direction:ltr;}
.s2e-price-box{background:linear-gradient(180deg,#fffaf5,#fffdf9);border:1.5px solid #ffc27e;border-radius:18px;padding:11px 13px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;}
.s2e-price-top{display:flex;flex-direction:column;align-items:center;gap:5px;}
.s2e-discount{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:2px solid #ff9f53;color:#f04058;background:#fff7f3;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:900;line-height:1.2;}
.s2e-old-price{color:#98a5b7;text-decoration:line-through;font-size:14px;font-weight:900;}
.s2e-price-line{display:flex;direction:ltr;align-items:center;justify-content:center;gap:8px;white-space:nowrap;}
.s2e-price-value{font-size:clamp(32px,3vw,45px);font-weight:900;line-height:1;color:#bd6200;}
.s2e-sar-icon{width:28px;height:auto;display:block;}
.s2e-price-note{display:flex;justify-content:center;align-items:center;gap:6px;color:#a66a32;font-size:12.5px;font-weight:900;line-height:1.55;text-align:center;}
.s2e-cta-stack{display:grid;grid-template-columns:1fr;gap:8px;}
.s2e-primary-cta,.s2e-whatsapp-cta{display:flex;align-items:center;justify-content:center;text-decoration:none;border-radius:15px;min-height:50px;font-size:18px;font-weight:900;color:#fff!important;text-align:center;}
.s2e-primary-cta{background:linear-gradient(135deg,#f5a000,#da7200);box-shadow:0 12px 26px rgba(226,126,0,.18);}
.s2e-whatsapp-cta{background:linear-gradient(135deg,#35d56e,#12b84d);box-shadow:0 12px 26px rgba(37,211,102,.16);}
@keyframes s2ePulse{0%,100%{transform:scale(1);box-shadow:0 10px 22px rgba(226,126,0,.18),0 0 0 0 rgba(245,160,0,.20)}50%{transform:scale(1.012);box-shadow:0 15px 30px rgba(226,126,0,.26),0 0 0 7px rgba(245,160,0,.07)}}
.s2e-pulse{animation:s2ePulse 2s ease-in-out infinite;}
.s2e-detail-title{font-size:18px;font-weight:900;color:#073d8e;margin:4px 0 0;text-align:right;}
.s2e-section-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;}
.s2e-section-card{border:1px solid #d2e8ff;border-radius:15px;background:#f8fbff;min-height:54px;padding:10px 13px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;gap:10px;transition:.18s ease;text-align:right;}
.s2e-section-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(10,90,180,.08);}
.s2e-section-card-title{font-size:17px;font-weight:900;color:#073d8e;display:flex;align-items:center;gap:7px;}
.s2e-section-card-arrow{width:28px;height:28px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #cfe6ff;color:#0a66e8;font-size:25px;font-family:Arial,sans-serif;line-height:1;direction:ltr;}

.s2e-rich-block{direction:rtl;text-align:right;color:#3c4f68;font-size:17px;line-height:1.82;font-weight:800;max-width:980px;margin:0 auto;}
.s2e-rich-block h3{font-size:21px;font-weight:900;color:#073d8e;margin:11px 0 7px;line-height:1.35;}
.s2e-rich-block p{margin:7px 0;}
.s2e-check-list{background:#f8fbff;border:1px solid #d8ecff;border-radius:17px;padding:11px 15px;margin:10px 0;}
.s2e-promo-note,.s2e-mini-highlight{background:#eef9ff;border:1px solid #bfe6ff;border-radius:14px;padding:10px 13px;color:#0a5c9f!important;font-weight:900;}
.s2e-soft-note{background:#fff7ed;border:1px solid #fed7aa;border-radius:15px;padding:11px 13px;color:#9a5a15!important;}
.s2e-faq-list{display:grid;gap:10px;}
.s2e-faq-item{background:#f8fbff;border:1px solid #d8ecff;border-radius:16px;padding:0;margin:0;overflow:hidden;}
.s2e-faq-item summary{list-style:none;cursor:pointer;padding:14px 16px;font-size:18px;font-weight:900;color:#073d8e;display:flex;align-items:center;justify-content:space-between;gap:12px;}
.s2e-faq-item summary::-webkit-details-marker{display:none;}
.s2e-faq-item summary:after{content:'+';width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #cfe6ff;color:#0a66e8;font-size:22px;font-weight:900;}
.s2e-faq-item[open] summary:after{content:'−';}
.s2e-faq-item p{padding:0 16px 14px;margin:0;font-size:16px;line-height:1.75;color:#3c4f68;}
.s2e-mock-popup-intro{text-align:center;max-width:900px;margin:0 auto 13px;}
.s2e-mock-popup-intro p{font-size:17px;color:#5e6f89;font-weight:900;line-height:1.7;margin:0 auto 13px;}
.s2e-mock-popup-intro .s2e-primary-cta{max-width:350px;margin:0 auto;}
.s2e-mock-features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:13px;}
.s2e-mock-feature{background:#f8fbff;border:1px solid #d8ecff;border-radius:17px;padding:14px;text-align:center;}
.s2e-mock-feature .ic{font-size:28px;margin-bottom:6px;}
.s2e-mock-feature h3{font-size:19px;font-weight:900;color:#073d8e;margin:0 0 6px;}
.s2e-mock-feature p{font-size:14px;font-weight:800;color:#63748d;line-height:1.62;margin:0;}

@media (max-width:1100px){
  .s2e-cards{grid-template-columns:repeat(2,minmax(0,1fr));}
  .s2e-video-grid{grid-template-columns:1fr 1fr;}
}
@media (max-width:768px){
  #s2e-home-root{width:100%;margin:0 auto 20px;padding:0 10px;}
  .s2e-hero{border-radius:21px;padding:22px 12px;margin-top:10px;}
  .s2e-hero:before{width:170px;height:170px;left:-70px;bottom:-80px;}
  .s2e-hero:after{width:170px;height:170px;right:-68px;top:-72px;}
  .s2e-hero-badge{font-size:13px;padding:7px 14px;}
  .s2e-hero h1{font-size:clamp(30px,8.7vw,38px);line-height:1.23;margin:13px 0 7px;}
  .s2e-hero-sub{font-size:clamp(16px,4.4vw,19px);line-height:1.48;}
  .s2e-hero-note{font-size:14px;line-height:1.45;}
  .s2e-program-head{margin:9px 0 10px;}
  .s2e-program-actions{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:8px;}
  .s2e-small-cta{font-size:14px;padding:10px 7px;min-height:43px;border-radius:14px;}
  .s2e-cards{grid-template-columns:1fr;gap:14px;margin-top:12px;}
  .s2e-course-card{min-height:166px;border-radius:20px;padding:20px 20px 66px;}
  .s2e-card-icon{font-size:30px;margin-bottom:9px;}
  .s2e-course-title{font-size:24px;line-height:1.28;}
  .s2e-course-sub{font-size:14.5px;line-height:1.52;max-width:94%;}
  .s2e-card-action{bottom:15px;left:18px;min-width:120px;font-size:14.5px;padding:9px 13px;}
  .s2e-overlay{padding:0;align-items:center;}
  .s2e-overlay:before{font-size:22vw;bottom:auto;}
  .s2e-modal{width:calc(100% - 18px);height:auto;max-height:calc(100dvh - 18px);border-radius:23px;}
  .s2e-modal:not(.s2e-modal-compact){height:calc(100dvh - 18px);}
  .s2e-modal-header{min-height:60px;padding:8px 62px;}
  .s2e-modal-title{font-size:21px;line-height:1.2;}
  .s2e-modal-icon-btn{width:44px;height:44px;border-radius:13px;font-size:26px;}
  .s2e-modal-icon-btn.s2e-close-only,.s2e-modal-icon-btn.s2e-back{left:10px;}
  .s2e-modal-icon-btn.s2e-back{font-size:32px;}
  .s2e-modal-icon-btn.s2e-close-with-back{right:10px;}
  .s2e-modal-body{padding:11px;}
  .s2e-option-row{min-height:58px;padding:10px 12px;border-radius:15px;}
  .s2e-option-title{font-size:17px;}
  .s2e-option-en{font-size:12px;}
  .s2e-option-btn{min-width:78px;font-size:12px;padding:8px 9px;border-radius:12px;}
  .s2e-mock-card-main{padding:10px 12px;margin-top:8px;grid-template-columns:auto 1fr;}
  .s2e-mock-card-main .icon{width:42px;height:42px;font-size:21px;}
  .s2e-mock-card-main h3{font-size:18px;}
  .s2e-mock-card-main p{font-size:12.5px;line-height:1.45;}
  .s2e-mock-card-main .s2e-option-btn{grid-column:1 / -1;width:100%;}
  .s2e-package-en{font-size:12px;}
  .s2e-price-box{padding:10px;border-radius:16px;gap:5px;}
  .s2e-discount{font-size:12px;padding:6px 10px;}
  .s2e-old-price{font-size:12.5px;}
  .s2e-price-value{font-size:36px;}
  .s2e-sar-icon{width:24px;}
  .s2e-price-note{font-size:11.5px;line-height:1.45;}
  .s2e-primary-cta,.s2e-whatsapp-cta{min-height:47px;font-size:16px;border-radius:14px;}
  .s2e-detail-title{font-size:17px;}
  .s2e-section-grid{grid-template-columns:1fr;gap:8px;}
  .s2e-section-card{min-height:49px;padding:9px 12px;border-radius:14px;}
  .s2e-section-card-title{font-size:15.5px;}
  .s2e-section-card-arrow{width:26px;height:26px;font-size:23px;}
  .s2e-rich-block{font-size:15px;line-height:1.72;}
  .s2e-rich-block h3{font-size:18px;margin:9px 0 6px;}
  .s2e-check-list{padding:10px 12px;border-radius:15px;}
  .s2e-faq-item summary{font-size:16px;padding:12px 13px;}
  .s2e-faq-item p{font-size:14.5px;padding:0 13px 13px;}
  .s2e-mock-features{grid-template-columns:1fr;gap:10px;}
  .s2e-mock-popup-intro p{font-size:15px;line-height:1.62;}
  .s2e-mock-feature h3{font-size:17px;}
  .s2e-mock-feature p{font-size:13.5px;}
  .s2e-video-grid{grid-template-columns:1fr;}
  .s2e-videos h2{font-size:24px;}
}

/* v6 - clean full-width mock card inside STEP packages popup */
.s2e-mock-card-main .s2e-option-btn{grid-column:1 / -1;justify-self:center;width:min(260px,100%);margin-top:4px;min-height:42px;font-size:15px;border-radius:14px;box-shadow:0 8px 20px rgba(8,40,95,.14);}
.s2e-mock-card-main .s2e-mock-main-text{min-width:0;text-align:right;}
.s2e-mock-card-main:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(12,110,190,.13);}
@media (max-width:768px){
  .s2e-mock-card-main{width:100%;grid-template-columns:auto 1fr;padding:10px 12px;margin-top:8px;gap:10px;}
  .s2e-mock-card-main .s2e-option-btn{width:100%;font-size:13px;min-height:39px;margin-top:2px;}
}

/* v6 final override: make mock card consistent with package rows */
.s2e-mock-card-main{width:100%!important;display:grid!important;grid-template-columns:auto 1fr!important;padding:14px 16px!important;gap:12px!important;align-items:center!important;box-shadow:0 10px 26px rgba(12,110,190,.08)!important;}

/* v7 refinements */
.s2e-mock-card-main{grid-template-columns:auto 1fr!important;}
.s2e-mock-card-main .s2e-mock-main-text h3{margin:0!important;}
.s2e-mock-card-main p{display:none!important;}
@media (max-width:768px){
  .s2e-course-card{direction:rtl;text-align:right;}
  .s2e-course-title,.s2e-course-sub{direction:rtl;text-align:right;}
}

/* v8 Coming soon popup */
.s2e-coming-soon{
  max-width: 560px;
  margin: 0 auto;
  text-align:center;
  padding: 22px 16px 12px;
  color:#123b82;
}
.s2e-coming-icon{
  width:64px;height:64px;border-radius:22px;
  display:flex;align-items:center;justify-content:center;
  margin: 0 auto 14px;
  background:linear-gradient(135deg,#eaf6ff,#f7fbff);
  border:1px solid #cfe7ff;
  font-size:32px;
}
.s2e-coming-soon h3{
  margin: 0 0 4px;
  font-size: clamp(24px, 3vw, 34px);
  font-weight: 900;
  color:#073b8e;
}
.s2e-coming-soon h4{
  margin: 0 0 14px;
  font-size: clamp(20px, 2.4vw, 28px);
  font-weight: 900;
  color:#0b4aa2;
}
.s2e-coming-soon p{
  margin: 6px 0;
  font-size: clamp(16px, 1.6vw, 18px);
  font-weight: 800;
  color:#475569;
}
.s2e-coming-soon .en{
  direction:ltr;
  font-family:Arial, sans-serif;
}
.s2e-coming-soon .s2e-primary-cta{
  margin: 18px auto 0;
  max-width: 240px;
  border:0;
  cursor:pointer;
}

/* v9 comprehensive refinements */
html.s2e-modal-open, body.s2e-modal-open{overflow:hidden!important;overscroll-behavior:none!important;touch-action:none!important;}
.s2e-modal-body{overscroll-behavior:contain!important;}

/* Hero: English large + Arabic smaller */
.s2e-hero{cursor:pointer;padding:28px 22px 24px!important;}




/* Browse courses modal */
.s2e-browse-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;direction:rtl;}
.s2e-browse-item{border:1px solid #d2e8ff;background:linear-gradient(180deg,#fff,#f7fbff);border-radius:17px;padding:13px 14px;display:flex;align-items:center;gap:12px;text-align:right;cursor:pointer;box-shadow:0 8px 18px rgba(10,70,150,.05);}
.s2e-browse-item:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(10,90,180,.10);}
.s2e-browse-icon{width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:#eef7ff;font-size:24px;flex:0 0 auto;}
.s2e-browse-item strong{display:block;font-size:18px;font-weight:900;color:#073d8e;line-height:1.25;}
.s2e-browse-item small{display:block;margin-top:4px;font-size:12.5px;font-weight:800;color:#68778e;line-height:1.45;}

/* Option text structure */
.s2e-option-text{direction:rtl;text-align:right;}
.s2e-option-title{direction:auto;unicode-bidi:plaintext;}
.s2e-option-ar{margin-top:4px;font-size:14px;font-weight:900;color:#174d9d;direction:rtl;text-align:right;line-height:1.3;}
.s2e-option-en{unicode-bidi:plaintext;direction:auto;text-align:right;}
.s2e-option-desc{margin-top:4px;font-size:12.5px;font-weight:800;color:#6a7890;direction:rtl;text-align:right;line-height:1.45;}
.s2e-package-ar{margin-top:-5px;text-align:center;font-size:15px;font-weight:900;color:#174d9d;}

/* Saudi curriculum grades */
.s2e-grade-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px;}
.s2e-grade-card{background:#f8fbff;border:1px solid #d8ecff;border-radius:15px;padding:12px 13px;display:grid;gap:7px;}
.s2e-grade-card strong{font-size:17px;color:#073d8e;}
.s2e-grade-card span{display:inline-flex;align-items:center;justify-content:flex-start;font-size:14px;font-weight:900;color:#52657f;background:#fff;border:1px solid #e5f2ff;border-radius:999px;padding:6px 10px;}

/* Coming soon button */
.s2e-coming-soon .s2e-close-all-btn{border:0;cursor:pointer;min-height:52px;font-size:18px;}

/* Video cards are clickable; mobile slider */
.s2e-video-card{border:1px solid #d5eaff;cursor:pointer;font-family:inherit;display:block;width:100%;}
.s2e-video-card:focus{outline:3px solid rgba(37,185,239,.22);outline-offset:3px;}
.s2e-video-embed{position:relative;width:100%;aspect-ratio:16/9;border-radius:18px;overflow:hidden;background:#000;}
.s2e-video-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0;}

@media (max-width:768px){
  





  .s2e-browse-list{grid-template-columns:1fr;gap:8px;}
  .s2e-browse-item{padding:11px 12px;border-radius:15px;}
  .s2e-browse-icon{width:40px;height:40px;border-radius:13px;font-size:22px;}
  .s2e-browse-item strong{font-size:16px;}
  .s2e-browse-item small{font-size:12px;}
  .s2e-grade-grid{grid-template-columns:1fr;gap:8px;}
  .s2e-grade-card{padding:10px 11px;}
  .s2e-grade-card strong{font-size:16px;}
  .s2e-grade-card span{font-size:13px;}
  .s2e-video-grid{display:flex!important;grid-template-columns:none!important;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 4px 12px;-webkit-overflow-scrolling:touch;}
  .s2e-video-card{min-width:82%;scroll-snap-align:center;}
}

/* v10 refinements: course video, left English cards, bigger desktop hero frames, compact mock */
.s2e-course-card.is-left{direction:ltr;text-align:left;}
.s2e-course-card.is-left:before{right:auto;left:0;}
.s2e-course-card.is-left .s2e-badge{right:auto;left:20px;}
.s2e-course-card.is-left .s2e-card-icon,.s2e-course-card.is-left .s2e-course-title,.s2e-course-card.is-left .s2e-course-sub{direction:ltr;text-align:left;}
.s2e-course-card.is-left .s2e-card-action{left:22px;right:auto;}
.s2e-video-course-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:min(360px,100%);min-height:46px;margin:2px auto 4px;border:1px solid #c8e4ff;border-radius:15px;background:linear-gradient(135deg,#f7fbff,#edf8ff);color:#073d8e;font-size:16px;font-weight:900;cursor:pointer;box-shadow:0 8px 22px rgba(10,80,170,.08);}
.s2e-video-course-btn:hover{transform:translateY(-1px);box-shadow:0 12px 28px rgba(10,80,170,.12);}
.s2e-mock-card-main.s2e-mock-compact{grid-template-columns:1fr auto!important;min-height:66px!important;background:linear-gradient(180deg,#f2fbff,#eaf8ff)!important;}
.s2e-mock-card-main.s2e-mock-compact .icon{display:none!important;}
.s2e-mock-card-main.s2e-mock-compact .s2e-mock-main-text{text-align:right!important;}
.s2e-mock-card-main.s2e-mock-compact .s2e-option-btn{grid-column:auto!important;justify-self:end!important;width:auto!important;min-width:170px!important;margin:0!important;}


/* =========================================
   تصميم البانر الرئيسي (الهوية الأصلية مطورة)
   ========================================= */
.s2e-hero {
    position: relative;
    overflow: hidden;
    margin: 15px auto 25px;
    padding: 24px 20px !important; /* 🔥 تقليل الارتفاع جداً ليصبح البانر نحيفاً */
    border-radius: 20px;
    text-align: center;
    color: #fff;
    background: linear-gradient(135deg, #071d4b 0%, #0d4db4 55%, #27b8ee 100%);
    box-shadow: 0 10px 25px rgba(10, 55, 130, 0.08);
    cursor: default !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.s2e-hero:before, .s2e-hero:after {
    content: ""; position: absolute; border-radius: 999px;
    background: rgba(255, 255, 255, 0.08); pointer-events: none;
}
.s2e-hero:before { width: 150px; height: 150px; left: -50px; bottom: -60px; }
.s2e-hero:after { width: 140px; height: 140px; right: -40px; top: -50px; }

.s2e-hero-badge {
    display: inline-flex; align-items: center; justify-content: center;
    padding: 6px 18px; border-radius: 50px;
    background: rgba(255, 255, 255, 0.15); border: 1px solid rgba(255, 255, 255, 0.3);
    font-size: 13.5px; font-weight: 800; margin-bottom: 12px; /* تقليل المسافة السفلية */
    position: relative; z-index: 1;
}

/* الهوية في سطر واحد إجبارياً */
.s2e-hero-identity {
    font-family: Verdana, Arial, sans-serif;
    font-size: clamp(18px, 3.2vw, 34px); /* 🔥 تصغير الخط ليكون أنيقاً ومتناسقاً */
    font-weight: 900;
    line-height: 1.2;
    color: #fff;
    margin: 0 !important; /* إلغاء المسافة السفلية تماماً لأنه آخر عنصر */
    letter-spacing: -0.5px;
    position: relative; z-index: 1;
    white-space: nowrap !important;
}

/* 🔥 تظبيط الموبايل الحاسم للبانر */
@media (max-width: 768px) {
    .s2e-hero { 
        padding: 18px 10px !important; /* البانر نحيف جداً على الموبايل */
        margin-top: 10px !important;
        border-radius: 16px !important;
    }
    .s2e-hero-badge { 
        font-size: 12px !important; 
        padding: 5px 14px !important; 
        margin-bottom: 8px !important; 
    }
    .s2e-hero-identity { 
        font-size: 18px !important; /* حجم خط ممتاز للموبايل في سطر واحد */
    }
}



@media (max-width:768px){
  .s2e-course-card.is-left,.s2e-course-card.is-left .s2e-card-icon,.s2e-course-card.is-left .s2e-course-title,.s2e-course-card.is-left .s2e-course-sub{direction:ltr!important;text-align:left!important;}
  .s2e-video-course-btn{min-height:43px;font-size:14.5px;border-radius:13px;}
  .s2e-mock-card-main.s2e-mock-compact{grid-template-columns:1fr!important;}
  .s2e-mock-card-main.s2e-mock-compact .s2e-mock-main-text{text-align:center!important;}
  .s2e-mock-card-main.s2e-mock-compact .s2e-option-btn{width:100%!important;min-width:0!important;}
}
/* Step2English Academy - Absolute Right Alignment v22 */

#s2e-home-root,
#s2e-home-root * { box-sizing: border-box; }

#s2e-home-root {
    direction: rtl !important;
    font-family: 'Cairo', 'Tajawal', Tahoma, Arial, sans-serif;
    width: min(1200px, calc(100% - 28px)) !important;
    margin: 0 auto 34px;
    color: #073d8e;
}



/* الكارت: فرض اليمين المطلق لجميع اللغات والمكونات */
.s2e-course-card {
    position: relative;
    direction: rtl !important; 
    text-align: right !important; 
    min-height: auto !important; 
    padding: 18px 25px 55px !important; 
    border-radius: 20px;
    background: linear-gradient(180deg, #f8fbff 0%, #f2f7ff 100%) !important;
    border: 1px solid #cae4ff;
    box-shadow: 0 10px 25px rgba(12, 70, 150, 0.04);
    cursor: pointer;
    overflow: hidden;
    transition: transform 0.22s ease;
}

/* الشريط الأزرق الجانبي: يمين وبكامل الطول ليعبر عن روح المنصة */
.s2e-course-card:before {
    content: "";
    position: absolute;
    right: 0 !important;
    left: auto !important;
    top: 0;
    width: 7px;
    height: 100% !important;
    background: linear-gradient(180deg, #0a57d4, #25b8ee) !important;
}

/* توحيد الخطوط: العنوان والوصف بنفس الوزن 800 بالضبط */
.s2e-card-icon {
    display: inline-block !important;
    font-size: 24px;
    margin-left: 10px !important;
    margin-bottom: 0 !important;
    vertical-align: middle;
}

.s2e-course-title {
    display: inline-block !important;
    margin: 0 !important;
    font-size: 22px !important; 
    font-weight: 900 !important; 
    color: #073d8e !important;
    vertical-align: middle;
    text-align: right !important;
    font-family: 'Cairo', 'Tajawal', Tahoma, Arial, sans-serif !important; /* السطر ده بيجبره ياخد نفس نوع خط التفاصيل بالظبط */
}
.s2e-course-sub {
    margin-top: 8px !important;
    font-size: 15px !important;
    font-weight: 800 !important; 
    line-height: 1.5;
    color: #66768e;
    text-align: right !important; /* ضمان اليمين المطلق[cite: 4] */
    display: block;
    direction: rtl !important;
}

/* شارة "الأكثر طلباً" جهة اليسار[cite: 3] */
.s2e-badge {
    position: absolute;
    left: 20px !important; 
    right: auto !important;
    top: 15px;
    background: #e7fff7;
    color: #08715d;
    border-radius: 999px;
    padding: 4px 10px;
    font-size: 11px;
    font-weight: 900;
}



/* توزيع الأعمدة للشاشات الكبيرة */
@media (min-width: 769px) {
    .s2e-cards { grid-template-columns: repeat(2, 1fr) !important; }
}
@media (min-width: 1100px) {
    .s2e-cards { grid-template-columns: repeat(3, 1fr) !important; }
}

/* إلغاء كافة تأثيرات الكلاسات الأجنبية لفرض اليمين في كل الحالات */
.s2e-course-card.is-left, 
.s2e-course-card.is-left * { 
    direction: rtl !important; 
    text-align: right !important; 
}
.s2e-course-card.is-left:before { right: 0 !important; left: auto !important; }
.s2e-course-card.is-left .s2e-card-action { left: 20px !important; right: auto !important; }
.s2e-course-card.is-left .s2e-badge { left: 20px !important; right: auto !important; }
/* فرض اليمين على الموبايل لكل الكروت بلا استثناء */
@media (max-width: 768px) {
    .s2e-course-card.is-left, 
    .s2e-course-card.is-left .s2e-card-icon, 
    .s2e-course-card.is-left .s2e-course-title, 
    .s2e-course-card.is-left .s2e-course-sub { 
        direction: rtl !important; 
        text-align: right !important; 
    }
}
/* فرض اليمين على الموبايل لكل الكروت بلا استثناء */
@media (max-width: 768px) {
    .s2e-course-card.is-left, 
    .s2e-course-card.is-left .s2e-card-icon, 
    .s2e-course-card.is-left .s2e-course-title, 
    .s2e-course-card.is-left .s2e-course-sub { 
        direction: rtl !important; 
        text-align: right !important; 
    }
}
/* تعديل اتجاه السعر عشان الرقم يتقري الأول وبعده أيقونة الريال */
.s2e-price-line {
    direction: rtl !important;
}
/* --- التعديل النهائي للأزرار (جنب بعض) --- */

/* 1. ضبط المساحة: الزرار الأساسي ياخد معظم المساحة، والواتساب ياخد جزء صغير */
.s2e-cta-stack {
    display: grid !important;
    grid-template-columns: 3fr 1fr !important; /* نسبة 3 لـ 1 بتخلي الزرار الأساسي ضخم جداً مقارنة بالواتساب */
    gap: 12px !important;
    align-items: center !important;
    margin-top: 15px !important;
}

/* 2. زر ابدأ مجاناً: فخم وكبير جداً وبنفس لون المحاكي (كحلي داكن) */
.s2e-primary-cta {
    width: 100% !important;
    min-height: 54px !important; /* ارتفاع أكبر للفخامة */
    font-size: 20px !important; /* خط كبير جداً */
    font-weight: 900 !important;
    border-radius: 14px !important;
    background: #08285f !important; /* اللون الكحلي الفخم الخاص بالمحاكي */
    color: #fff !important;
    box-shadow: 0 10px 25px rgba(8, 40, 95, 0.2) !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
}

/* 3. زر تواصل معنا: صغير وأهدأ كتير */
.s2e-whatsapp-cta {
    width: 100% !important;
    min-height: 42px !important; /* ارتفاع أصغر بكتير من الزر الأساسي */
    font-size: 14px !important; /* خط أصغر */
    font-weight: 800 !important;
    border-radius: 12px !important; /* حواف أصغر */
    background: #eef7ff !important; /* لون هادي مش بيلفت النظر */
    color: #073d8e !important;
    border: 1px solid #cfe6ff !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    box-shadow: none !important; /* بدون ظل عشان يكون هادي */
}

/* تظبيط الموبايل عشان يفضلوا جنب بعض متناسقين */
@media (max-width: 768px) {
    .s2e-cta-stack {
        grid-template-columns: 2.5fr 1fr !important; /* نسبة مناسبة لشاشة الموبايل */
    }
    .s2e-primary-cta {
        font-size: 18px !important;
        min-height: 48px !important;
    }
    .s2e-whatsapp-cta {
        font-size: 13px !important;
        min-height: 38px !important;
    }
}
/* 3. إرجاع تأثير النبض (Pulse) ليتناسق مع اللون البرتقالي */
@keyframes s2ePulse {
    0%, 100% {
        transform: scale(1);
        box-shadow: 0 10px 22px rgba(226, 126, 0, 0.18), 0 0 0 0 rgba(245, 160, 0, 0.20);
    }
    50% {
        transform: scale(1.012);
        box-shadow: 0 15px 30px rgba(226, 126, 0, 0.26), 0 0 0 7px rgba(245, 160, 0, 0.07);
    }
}
/* إجبار كل النوافذ المنبثقة ومحتوياتها على استخدام نفس الخط الأساسي */
.s2e-overlay, 
.s2e-overlay * {
    font-family: 'Cairo', 'Tajawal', Tahoma, Arial, sans-serif !important;
}

/* استثناء صغير لأسهم الرجوع وعلامة الإغلاق عشان تفضل مظبوطة */
.s2e-modal-icon-btn, 
.s2e-section-card-arrow {
    font-family: Arial, sans-serif !important;
}
/* --- تعديلات قسم البانر الرئيسي (الهيرو) --- */

/* تقسيم المساحة بالتساوي على مربعين فقط (بدل 3) */
.s2e-hero-items {
    grid-template-columns: repeat(2, 1fr) !important;
}

/* إلغاء شكل الماوس (اليد) لعدم الإيحاء بأنه قابل للضغط */
.s2e-hero {
    cursor: default !important;
}
/* --- تعديل خلفية الـ Overlay (الكلمة المائية متوازنة على الأطراف) --- */

/* 1. نضمن إن النافذة البيضاء (البوب-أب) تكون هي اللي فوق خالص */
.s2e-modal {
    z-index: 2 !important;
}

/* 2. تظبيط الكلمة اللي فوق على الحافة بالظبط */
.s2e-overlay:before {
    content: "Step2English" !important;
    position: fixed !important;
    left: 50% !important;
    top: 0% !important; /* خليناها 0% عشان تلمس الحافة بالظبط */
    transform: translateX(-50%) !important;
    font-size: min(10vw, 140px) !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    color: rgba(255, 255, 255, 0.05) !important;
    letter-spacing: -3px !important;
    pointer-events: none !important;
    white-space: nowrap !important;
    z-index: 0 !important;
}

/* 3. تظبيط الكلمة اللي تحت على الحافة بالظبط */
.s2e-overlay:after {
    content: "Step2English" !important;
    position: fixed !important;
    left: 50% !important;
    bottom: 0% !important; /* خليناها 0% برضه */
    top: auto !important;
    transform: translateX(-50%) !important;
    font-size: min(10vw, 140px) !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    color: rgba(255, 255, 255, 0.05) !important;
    letter-spacing: -3px !important;
    pointer-events: none !important;
    white-space: nowrap !important;
    z-index: 0 !important;
}

/* تظبيط الموبايل */
@media (max-width: 768px) {
    .s2e-overlay:before { top: 0% !important; font-size: 18vw !important; }
    .s2e-overlay:after { bottom: 0% !important; font-size: 18vw !important; }
}
/* --- تثبيت الأزرار أسفل النافذة (Sticky Footer) --- */
.s2e-sticky-footer {
    position: sticky !important;
    bottom: -20px !important; 
    background: #ffffff !important; 
    padding: 15px 0 20px !important; 
    margin-top: 20px !important;
    border-top: 1px solid #e4edf7 !important; 
    z-index: 10 !important; 
}

/* تظبيط مقاسات الموبايل لتكون مثالية */
@media (max-width: 768px) {
    .s2e-sticky-footer {
        bottom: -11px !important; 
        padding: 12px 0 15px !important;
    }
}
/* تنسيق قسم الدورات النشطة والعداد[cite: 10] */
.s2e-my-courses-wrap { width: 100%; margin: 10px auto 20px; padding: 22px 24px; background: linear-gradient(180deg, #f4f9ff 0%, #ffffff 100%); border: 2px solid #cce2ff; border-radius: 24px; box-shadow: 0 12px 35px rgba(10, 60, 140, 0.06); direction: rtl; box-sizing: border-box; }
.s2e-my-courses-title { margin: 0 0 16px; color: #073f91; font-size: 20px; font-weight: 900; display: flex; align-items: center; gap: 10px; }
.s2e-my-courses-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 12px; }
.s2e-my-course-card { display: flex; align-items: center; justify-content: space-between; gap: 10px; background: #fff; border: 1.5px solid #d5eaff; border-radius: 18px; padding: 12px 14px; text-decoration: none; color: #073d8e; }
.s2e-my-course-texts { display: flex; flex-direction: column; text-align: right; min-width: 0; }
.s2e-my-course-timer { display: block; font-size: 13px !important; color: #e74c3c !important; font-weight: 800 !important; margin-top: 4px; direction: rtl; }
.s2e-my-course-btn { background: linear-gradient(135deg, #0963df, #25b9ef); color: #fff; padding: 8px 18px; border-radius: 14px; font-weight: 900; }


/* 1. شبكة الكروت: كروت تحت بعضها للموبايل (عمود واحد) */
.s2e-cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr) !important; 
    gap: 15px !important;
    margin-top: 15px;
}

@media (max-width: 1100px) {
    .s2e-cards { grid-template-columns: repeat(2, 1fr) !important; }
}

@media (max-width: 768px) {
    .s2e-cards { 
        grid-template-columns: 1fr !important; /* هذا السطر يجبر الكروت تنزل تحت بعض */
        gap: 12px !important; 
    }
}

/* 2. تصميم كلمة (استكشف) لتكون طافية أعلى اليسار */
.s2e-explore-text {
    position: absolute !important;
    top: 22px !important;
    left: 20px !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    color: #6a8bbd !important; 
    background: #eef5ff !important; 
    padding: 4px 12px !important;
    border-radius: 999px !important;
    pointer-events: none !important; 
    z-index: 2;
    transition: all 0.25s ease !important; /* يخلي تغير اللون ناعم */
}

/* التفاعل: تغيير لون الكلمة لما الماوس يمر على الكارت */
.s2e-course-card:hover .s2e-explore-text {
    background: #08285f !important; /* لون كحلي فخم */
    color: #ffffff !important; /* نص أبيض */
    box-shadow: 0 4px 12px rgba(8, 40, 95, 0.2) !important;
}

/* 3. تظبيط مسافات الكارت لتتناسب مع الكلمة الجديدة */
.s2e-course-card {
    padding: 24px 22px 28px !important; 
    min-height: auto !important; 
}

@media (max-width: 768px) {
    .s2e-course-card {
        padding: 20px 18px 22px !important; 
    }
    .s2e-explore-text {
        top: 18px !important;
        left: 15px !important;
        font-size: 11px !important;
        padding: 3px 10px !important;
    }
}

/* إخفاء الزر الكبير القديم إذا تبقى منه أثر */
.s2e-card-action { display: none !important; }

/* Step2English Professional Advertising Bar v0412 */
.s2e-smart-announcements{
  direction:rtl;width:100%;min-height:50px;margin:8px auto 12px;padding:7px 10px;
  display:grid;grid-template-columns:auto 38px minmax(0,1fr) 38px auto auto;align-items:center;gap:7px;
  color:#eaf3ff;background:linear-gradient(100deg,#061f4f 0%,#0a4ca5 58%,#169ed2 100%);
  border:1px solid rgba(255,255,255,.24);border-radius:14px;
  box-shadow:0 10px 26px rgba(7,48,115,.16);overflow:hidden;position:relative;
}
.s2e-smart-announcements:before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);transform:translateX(100%);
}
.s2e-smart-announcements[data-priority="100"]{background:linear-gradient(100deg,#591515,#a91f2d 60%,#db4b39)}
.s2e-ann-icon{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:10px;background:rgba(255,255,255,.14);font-size:17px;z-index:1}
.s2e-ann-nav{width:34px;height:34px;border:1px solid rgba(255,255,255,.24);border-radius:10px;background:rgba(255,255,255,.10);color:#fff;font-size:22px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}
.s2e-ann-nav:hover{background:rgba(255,255,255,.20)}
.s2e-ann-copy{min-width:0;display:block;text-align:center;z-index:1;transition:opacity .25s ease,transform .25s ease}
.s2e-ann-copy.is-leaving{opacity:0;transform:translateX(-12px)}
.s2e-ann-copy.is-entering{opacity:0;transform:translateX(12px)}
.s2e-ann-copy strong{display:inline;color:#fff;font-size:14px;font-weight:900;margin-inline-end:7px}
.s2e-ann-copy strong:not(:empty):after{content:"  •";color:#fbbf24;margin-inline-start:7px}
.s2e-ann-copy .s2e-ann-body{display:inline;color:#f4f8ff;font-size:13.5px;font-weight:700;line-height:1.5}
.s2e-ann-copy .s2e-ann-body a{color:#ffe28a;text-decoration:underline;font-weight:900}
.s2e-ann-copy .s2e-ann-body mark{background:#ffe28a;color:#14213d;border-radius:4px;padding:0 4px}
.s2e-ann-copy .s2e-ann-body strong,.s2e-ann-copy .s2e-ann-body b{color:#ffe28a;font-size:inherit;margin:0}
.s2e-ann-copy .s2e-ann-body strong:after{display:none}
.s2e-ann-link{align-items:center;justify-content:center;min-height:34px;padding:6px 12px;border-radius:10px;background:#fff;color:#073d8e!important;text-decoration:none;font-size:12.5px;font-weight:900;white-space:nowrap;box-shadow:0 5px 14px rgba(0,0,0,.12)}
.s2e-ann-count{font-size:11px;color:#dceaff;white-space:nowrap;direction:ltr}
.s2e-ann-close{width:30px;height:30px;border:0;border-radius:9px;background:transparent;color:#e6f0ff;font-size:21px;cursor:pointer;display:flex;align-items:center;justify-content:center}
.s2e-ann-close:hover{background:rgba(255,255,255,.12)}
.s2e-smart-announcements.is-single{grid-template-columns:auto minmax(0,1fr) auto auto}
.s2e-smart-announcements.is-single .s2e-ann-nav,.s2e-smart-announcements.is-single .s2e-ann-count{display:none}
@media(max-width:768px){
 .s2e-smart-announcements{min-height:48px;margin:6px auto 10px;padding:6px 7px;grid-template-columns:30px 30px minmax(0,1fr) 30px 28px;gap:4px;border-radius:12px}
 .s2e-smart-announcements.is-single{grid-template-columns:30px minmax(0,1fr) 28px}
 .s2e-ann-icon{width:28px;height:28px;font-size:15px}.s2e-ann-nav{width:28px;height:28px;font-size:18px}.s2e-ann-close{width:27px;height:27px;font-size:19px}
 .s2e-ann-copy{text-align:right;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
 .s2e-ann-copy strong,.s2e-ann-copy .s2e-ann-body{font-size:12px}.s2e-ann-count{display:none}.s2e-ann-link{display:none!important}
}
@media(prefers-reduced-motion:reduce){.s2e-ann-copy{transition:none!important}}

/* S2E final ad typography and mobile controls patch 0425 */
.s2e-smart-announcements{
  direction:ltr;
  grid-template-columns:30px 34px minmax(0,1fr) 34px 34px auto auto;
  grid-template-areas:"close icon copy prev next count link";
  min-height:58px;
  padding:8px 12px;
}
.s2e-ann-close{grid-area:close}
.s2e-ann-icon{
  grid-area:icon;
  width:34px;height:34px;
  color:#fff;
  background:linear-gradient(135deg,#ff9f1c,#f97316);
  box-shadow:0 5px 14px rgba(249,115,22,.35);
  font-size:18px;
}
.s2e-ann-copy{grid-area:copy;direction:rtl;text-align:center;white-space:normal}
.s2e-ann-prev{grid-area:prev}.s2e-ann-next{grid-area:next}
.s2e-ann-count{grid-area:count}.s2e-ann-link{grid-area:link}
.s2e-ann-copy strong{font-size:18px;line-height:1.55}
.s2e-ann-copy .s2e-ann-body{font-size:17px;line-height:1.55}
.s2e-smart-announcements.is-single{
  grid-template-columns:30px 34px minmax(0,1fr) auto;
  grid-template-areas:"close icon copy link";
}
@media(max-width:768px){
 .s2e-smart-announcements,
 .s2e-smart-announcements.is-single{
   min-height:54px;
   padding:7px 9px;
   grid-template-columns:28px 32px minmax(0,1fr);
   grid-template-areas:"close icon copy";
   gap:7px;
 }
 .s2e-smart-announcements .s2e-ann-nav,
 .s2e-smart-announcements .s2e-ann-count,
 .s2e-smart-announcements .s2e-ann-link{display:none!important}
 .s2e-ann-icon{display:flex!important;width:32px;height:32px;font-size:17px}
 .s2e-ann-copy{display:block;text-align:right;white-space:normal;overflow:visible;text-overflow:clip}
 .s2e-ann-copy strong,.s2e-ann-copy .s2e-ann-body{font-size:15px;line-height:1.5}
}


/* S2E ad final refinement 0426 */
.s2e-smart-announcements,
.s2e-smart-announcements.is-single{
  grid-template-columns:minmax(0,1fr) auto;
  grid-template-areas:"copy icon";
  column-gap:10px;
  min-height:66px;
  padding:9px 18px;
}
.s2e-smart-announcements .s2e-ann-close{display:none!important}
.s2e-ann-copy{grid-area:copy;justify-self:end;text-align:right;white-space:normal}
.s2e-ann-icon{
  grid-area:icon;
  justify-self:start;
  width:46px;height:46px;
  border-radius:14px;
  background:linear-gradient(145deg,#ffb224 0%,#ff7a00 100%);
  box-shadow:0 7px 18px rgba(255,122,0,.38),inset 0 1px 0 rgba(255,255,255,.4);
  color:#fff;
}
.s2e-ann-icon svg{display:block;width:27px;height:27px;filter:drop-shadow(0 1px 1px rgba(0,0,0,.18))}
.s2e-ann-copy strong{font-size:23px!important;line-height:1.45!important;font-weight:900!important}
.s2e-ann-copy .s2e-ann-body{font-size:21px!important;line-height:1.45!important;font-weight:850!important}
.s2e-smart-announcements .s2e-ann-nav,
.s2e-smart-announcements .s2e-ann-count,
.s2e-smart-announcements .s2e-ann-link{display:none!important}
@media(max-width:768px){
 .s2e-smart-announcements,
 .s2e-smart-announcements.is-single{
   grid-template-columns:minmax(0,1fr) 40px;
   grid-template-areas:"copy icon";
   column-gap:8px;
   min-height:60px;
   padding:8px 12px;
 }
 .s2e-ann-icon{width:40px;height:40px;border-radius:12px}
 .s2e-ann-icon svg{width:24px;height:24px}
 .s2e-ann-copy strong{font-size:19px!important;line-height:1.4!important}
 .s2e-ann-copy .s2e-ann-body{font-size:18px!important;line-height:1.4!important}
}


/* S2E language-aware announcement alignment 0428 */
.s2e-smart-announcements,
.s2e-smart-announcements.is-single{
  display:flex!important;
  align-items:center!important;
  min-height:66px!important;
  padding:9px 18px!important;
  gap:10px!important;
}
.s2e-smart-announcements .s2e-ann-close,
.s2e-smart-announcements .s2e-ann-nav,
.s2e-smart-announcements .s2e-ann-count,
.s2e-smart-announcements .s2e-ann-link{display:none!important}
.s2e-smart-announcements .s2e-ann-copy{
  display:block!important;
  flex:0 1 auto!important;
  width:auto!important;
  max-width:calc(100% - 64px)!important;
  margin:0!important;
  padding:0!important;
  white-space:normal!important;
}
.s2e-smart-announcements .s2e-ann-icon{
  position:static!important;
  flex:0 0 46px!important;
  width:46px!important;
  height:46px!important;
  margin:0!important;
  transform:none!important;
  border-radius:14px!important;
  background:linear-gradient(145deg,#ffb224 0%,#ff7a00 100%)!important;
  box-shadow:0 7px 18px rgba(255,122,0,.38),inset 0 1px 0 rgba(255,255,255,.42)!important;
}
.s2e-smart-announcements .s2e-ann-icon svg{width:27px!important;height:27px!important}
.s2e-smart-announcements.is-rtl{
  direction:rtl!important;
  flex-direction:row-reverse!important;
  justify-content:flex-start!important;
}
.s2e-smart-announcements.is-rtl .s2e-ann-copy{
  direction:rtl!important;
  text-align:right!important;
}
.s2e-smart-announcements.is-rtl .s2e-ann-icon svg{
  transform:scaleX(-1)!important;
  transform-origin:center!important;
}
.s2e-smart-announcements.is-ltr{
  direction:ltr!important;
  flex-direction:row!important;
  justify-content:flex-start!important;
}
.s2e-smart-announcements.is-ltr .s2e-ann-copy{
  direction:ltr!important;
  text-align:left!important;
}
.s2e-smart-announcements.is-ltr .s2e-ann-icon svg{transform:none!important}
.s2e-ann-copy strong{font-size:23px!important;line-height:1.45!important;font-weight:900!important}
.s2e-ann-copy .s2e-ann-body{font-size:21px!important;line-height:1.45!important;font-weight:850!important}
@media(max-width:768px){
 .s2e-smart-announcements,.s2e-smart-announcements.is-single{min-height:60px!important;padding:8px 12px!important;gap:8px!important}
 .s2e-smart-announcements .s2e-ann-icon{flex-basis:40px!important;width:40px!important;height:40px!important;border-radius:12px!important}
 .s2e-smart-announcements .s2e-ann-icon svg{width:24px!important;height:24px!important}
 .s2e-smart-announcements .s2e-ann-copy{max-width:calc(100% - 50px)!important}
 .s2e-ann-copy strong{font-size:19px!important;line-height:1.4!important}
 .s2e-ann-copy .s2e-ann-body{font-size:18px!important;line-height:1.4!important}
}


/* Step2English unified announcement bar v4.8 FINAL */
.s2e-smart-announcements,.s2e-smart-announcements.is-single{display:grid!important;grid-template-columns:auto 38px minmax(0,1fr) 38px!important;grid-template-areas:"count prev message next"!important;align-items:center!important;gap:8px!important;min-height:66px!important;padding:9px 16px!important;direction:ltr!important;overflow:visible!important}
.s2e-ann-message{grid-area:message;display:flex;align-items:center;gap:10px;min-width:0;width:100%}.s2e-ann-count{grid-area:count!important;display:block!important;color:#e5efff!important;font-size:12px!important;direction:ltr!important}.s2e-ann-prev{grid-area:prev!important}.s2e-ann-next{grid-area:next!important}.s2e-smart-announcements .s2e-ann-nav{display:flex!important;width:34px!important;height:34px!important}.s2e-ann-icon{display:flex!important;position:static!important;flex:0 0 44px!important;width:44px!important;height:44px!important;border:0!important;cursor:pointer!important}.s2e-ann-copy{display:block!important;min-width:0!important;max-width:none!important;flex:1!important;white-space:normal!important}.s2e-smart-announcements.is-rtl .s2e-ann-message{direction:rtl!important;justify-content:flex-start!important}.s2e-smart-announcements.is-rtl .s2e-ann-copy{direction:rtl!important;text-align:right!important}.s2e-smart-announcements.is-rtl .s2e-ann-icon{order:2!important;transform:scaleX(-1)!important}.s2e-smart-announcements.is-rtl .s2e-ann-copy{order:1!important}.s2e-smart-announcements.is-ltr .s2e-ann-message{direction:ltr!important;justify-content:flex-start!important}.s2e-smart-announcements.is-ltr .s2e-ann-copy{direction:ltr!important;text-align:left!important}.s2e-smart-announcements.is-ltr .s2e-ann-icon{order:1!important;transform:none!important}.s2e-smart-announcements.is-ltr .s2e-ann-copy{order:2!important}.s2e-ann-copy strong,.s2e-ann-copy .s2e-ann-body{display:inline!important}.s2e-ann-link{margin-inline-start:8px!important;padding:4px 9px!important;min-height:28px!important;font-size:12px!important}
.s2e-smart-announcements.is-single{grid-template-columns:minmax(0,1fr)!important;grid-template-areas:"message"!important}.s2e-smart-announcements.is-single .s2e-ann-count,.s2e-smart-announcements.is-single .s2e-ann-nav{display:none!important}
@media(max-width:768px){.s2e-smart-announcements,.s2e-smart-announcements.is-single{grid-template-columns:auto minmax(0,1fr)!important;grid-template-areas:"count message"!important;min-height:60px!important;padding:8px 11px!important}.s2e-smart-announcements .s2e-ann-nav{display:none!important}.s2e-ann-message{gap:8px!important}.s2e-ann-icon{flex-basis:40px!important;width:40px!important;height:40px!important}.s2e-ann-copy{display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;line-height:1.4!important}.s2e-ann-copy strong{font-size:17px!important}.s2e-ann-copy .s2e-ann-body{font-size:16px!important}.s2e-ann-link{display:inline-flex!important;font-size:11px!important}.s2e-smart-announcements.is-single{grid-template-columns:1fr!important;grid-template-areas:"message"!important}}


/* S2E announcement speaker position and professional SVG v4.8.1 FINAL */
.s2e-ann-message{display:flex!important;align-items:center!important;min-width:0!important}
.s2e-ann-icon{padding:0!important;border:1px solid rgba(255,255,255,.42)!important;background:linear-gradient(145deg,#ffb224 0%,#ff7a00 100%)!important;box-shadow:0 7px 18px rgba(255,122,0,.34),inset 0 1px 0 rgba(255,255,255,.45)!important;color:#fff!important;cursor:pointer!important;align-items:center!important;justify-content:center!important}
.s2e-ann-icon svg{display:block!important;width:28px!important;height:28px!important;overflow:visible!important;fill:none!important;filter:drop-shadow(0 1px 1px rgba(0,0,0,.18))!important}
.s2e-ann-icon .s2e-speaker-body{fill:#fff!important;stroke:none!important}
.s2e-ann-icon .s2e-sound-wave{fill:none!important;stroke:#fff!important;stroke-width:3!important;stroke-linecap:round!important}
.s2e-smart-announcements.is-rtl .s2e-ann-message{direction:rtl!important;flex-direction:row-reverse!important;justify-content:flex-end!important}
.s2e-smart-announcements.is-rtl .s2e-ann-icon,.s2e-smart-announcements.is-rtl .s2e-ann-copy{order:initial!important}
.s2e-smart-announcements.is-rtl .s2e-ann-icon svg{transform:scaleX(-1)!important;transform-origin:center!important}
.s2e-smart-announcements.is-rtl .s2e-ann-copy{direction:rtl!important;text-align:right!important}
.s2e-smart-announcements.is-ltr .s2e-ann-message{direction:ltr!important;flex-direction:row!important;justify-content:flex-start!important}
.s2e-smart-announcements.is-ltr .s2e-ann-icon,.s2e-smart-announcements.is-ltr .s2e-ann-copy{order:initial!important}
.s2e-smart-announcements.is-ltr .s2e-ann-icon svg{transform:none!important}
.s2e-smart-announcements.is-ltr .s2e-ann-copy{direction:ltr!important;text-align:left!important}

/* S2E Arabic speaker exact visual order v4.8.2 FINAL
   Arabic visual order from right: speaker, then Arabic text.
   The speaker opening/waves point toward the text. */
.s2e-smart-announcements.is-rtl .s2e-ann-message{
  direction:rtl!important;
  flex-direction:row!important;
  justify-content:flex-start!important;
}
.s2e-smart-announcements.is-rtl .s2e-ann-icon{
  order:0!important;
}
.s2e-smart-announcements.is-rtl .s2e-ann-copy{
  order:1!important;
  direction:rtl!important;
  text-align:right!important;
}
.s2e-smart-announcements.is-rtl .s2e-ann-icon svg{
  transform:none!important;
  transform-origin:center!important;
}
/* English remains: speaker on the left, then English text. */
.s2e-smart-announcements.is-ltr .s2e-ann-message{
  direction:ltr!important;
  flex-direction:row!important;
  justify-content:flex-start!important;
}
.s2e-smart-announcements.is-ltr .s2e-ann-icon{
  order:0!important;
}
.s2e-smart-announcements.is-ltr .s2e-ann-copy{
  order:1!important;
  direction:ltr!important;
  text-align:left!important;
}
.s2e-smart-announcements.is-ltr .s2e-ann-icon svg{
  transform:none!important;
}


/* S2E live announcement and clean typography v4.8.3 FINAL */
.s2e-ann-copy strong:not(:empty):after{content:none!important;display:none!important}
.s2e-ann-copy strong{margin-inline-end:0!important}
.s2e-ann-copy .s2e-ann-body:not(:empty){margin-inline-start:7px!important}
.s2e-smart-announcements.is-rtl .s2e-ann-message{direction:rtl!important;flex-direction:row!important;justify-content:flex-start!important}
.s2e-smart-announcements.is-rtl .s2e-ann-icon{order:0!important}
.s2e-smart-announcements.is-rtl .s2e-ann-copy{order:1!important;direction:rtl!important;text-align:right!important}
.s2e-smart-announcements.is-rtl .s2e-ann-icon svg{transform:none!important}


/* ============================================================
   S2E MAIN CARDS FINAL GRID FIX — 2026-09-06b
   STEP + MANARAT + SAUDI always equal; no mobile overflow.
   ============================================================ */
#s2e-home-root #s2e-main-programs-wrap{
  width:100%!important;
  max-width:1240px!important;
  margin:12px auto 28px!important;
  padding:0 10px!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}

#s2e-home-root #s2e-main-programs-wrap .s2e-main-program-grid{
  display:grid!important;
  width:100%!important;
  max-width:1200px!important;
  margin:0 auto!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
  align-items:stretch!important;
  justify-content:center!important;
  box-sizing:border-box!important;
}

#s2e-home-root #s2e-main-programs-wrap .s2e-featured-card{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  height:auto!important;
  min-height:168px!important;
  margin:0!important;
  padding:14px!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}

#s2e-home-root #s2e-main-programs-wrap .s2e-featured-header{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:7px!important;
  align-items:center!important;
  box-sizing:border-box!important;
}

#s2e-home-root #s2e-main-programs-wrap .s2e-course-title,
#s2e-home-root #s2e-main-programs-wrap .s2e-course-sub{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  -webkit-line-clamp:unset!important;
  box-sizing:border-box!important;
}

#s2e-home-root #s2e-main-programs-wrap .s2e-course-title{
  font-size:17px!important;
  line-height:1.28!important;
  margin:0!important;
}

#s2e-home-root #s2e-main-programs-wrap .s2e-course-sub{
  font-size:11.5px!important;
  line-height:1.35!important;
  margin:4px 0 10px!important;
}

#s2e-home-root #s2e-main-programs-wrap .s2e-featured-price{
  width:auto!important;
  min-width:0!important;
  max-width:82px!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  padding:4px 6px!important;
  flex:none!important;
}

#s2e-home-root #s2e-main-programs-wrap .s2e-featured-price img{
  display:block!important;
  width:auto!important;
  height:auto!important;
  max-width:54px!important;
  max-height:38px!important;
  margin:auto!important;
  object-fit:contain!important;
}

#s2e-home-root #s2e-main-programs-wrap .s2e-featured-actions{
  width:100%!important;
  min-width:0!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:7px!important;
  box-sizing:border-box!important;
}

#s2e-home-root #s2e-main-programs-wrap .s2e-featured-btn{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}

/* laptop / medium widths: keep 3 cards until space is genuinely too small */
@media (min-width:900px) and (max-width:1199px){
  #s2e-home-root #s2e-main-programs-wrap{
    max-width:1100px!important;
  }
  #s2e-home-root #s2e-main-programs-wrap .s2e-main-program-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    max-width:1060px!important;
    gap:10px!important;
  }
  #s2e-home-root #s2e-main-programs-wrap .s2e-featured-card{
    padding:12px!important;
  }
  #s2e-home-root #s2e-main-programs-wrap .s2e-course-title{
    font-size:15px!important;
  }
  #s2e-home-root #s2e-main-programs-wrap .s2e-course-sub{
    font-size:10.5px!important;
  }
}

/* tablet */
@media (min-width:769px) and (max-width:899px){
  #s2e-home-root #s2e-main-programs-wrap .s2e-main-program-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    max-width:760px!important;
  }
}

/* mobile: one card, EXACT SAME WIDTH for all three */
@media (max-width:768px){
  #s2e-home-root{
    overflow-x:hidden!important;
  }
  #s2e-home-root #s2e-main-programs-wrap{
    width:100%!important;
    max-width:100%!important;
    margin:8px auto 20px!important;
    padding:0 6px!important;
    overflow:hidden!important;
  }
  #s2e-home-root #s2e-main-programs-wrap .s2e-main-program-grid{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    width:100%!important;
    max-width:100%!important;
    gap:8px!important;
    margin:0!important;
    padding:0!important;
  }
  #s2e-home-root #s2e-main-programs-wrap .s2e-featured-card,
  #s2e-home-root #s2e-main-programs-wrap .s2e-step-card,
  #s2e-home-root #s2e-main-programs-wrap .s2e-manarat-card,
  #s2e-home-root #s2e-main-programs-wrap .s2e-saudi-card{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    min-height:0!important;
    margin:0!important;
    padding:9px 10px 10px!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }
  #s2e-home-root #s2e-main-programs-wrap .s2e-featured-header{
    width:100%!important;
    grid-template-columns:minmax(0,1fr) 68px!important;
    gap:5px!important;
  }
  #s2e-home-root #s2e-main-programs-wrap .s2e-course-title{
    font-size:14px!important;
    line-height:1.25!important;
  }
  #s2e-home-root #s2e-main-programs-wrap .s2e-course-sub{
    font-size:10px!important;
    line-height:1.3!important;
    margin:3px 0 6px!important;
  }
  #s2e-home-root #s2e-main-programs-wrap .s2e-featured-price{
    width:68px!important;
    max-width:68px!important;
    min-width:0!important;
    padding:3px 4px!important;
  }
  #s2e-home-root #s2e-main-programs-wrap .s2e-featured-price img{
    max-width:45px!important;
    max-height:31px!important;
  }
  #s2e-home-root #s2e-main-programs-wrap .s2e-featured-actions{
    grid-template-columns:1fr 1fr!important;
    gap:5px!important;
    width:100%!important;
  }
  #s2e-home-root #s2e-main-programs-wrap .s2e-featured-btn{
    min-height:36px!important;
    padding:4px 3px!important;
  }
  #s2e-home-root #s2e-main-programs-wrap .s2e-cta-lines strong{
    font-size:10.5px!important;
  }
  #s2e-home-root #s2e-main-programs-wrap .s2e-cta-lines small{
    font-size:6.8px!important;
  }
}


/* S2E CARD BALANCE + MANARAT LOGO FINAL 2026-09-06 */

/* كل كارت عمود مرن، وبالتالي الأزرار تنزل لنفس المستوى مهما اختلف حجم البادج */
#s2e-home-root #s2e-main-programs-wrap .s2e-featured-card{
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
}

/* منطقة العنوان ثابتة بصريًا بين STEP / منارات / السعودي */
#s2e-home-root #s2e-main-programs-wrap .s2e-featured-header{
  min-height:76px!important;
  align-items:center!important;
}

/* الوصف له مساحة موحدة حتى تكون الأزرار في صف واحد */
#s2e-home-root #s2e-main-programs-wrap .s2e-featured-card .s2e-course-sub{
  min-height:34px!important;
  margin-top:2px!important;
  margin-bottom:10px!important;
}

/* الأزرار دائمًا في أسفل الكارت */
#s2e-home-root #s2e-main-programs-wrap .s2e-featured-actions{
  margin-top:auto!important;
}

/* STEP العادي: المحتوى أكبر قليلًا لأنه بادج "مشترك" صغيرة */
#s2e-home-root #s2e-main-programs-wrap .s2e-step-card .s2e-course-title{
  font-size:18px!important;
  line-height:1.3!important;
}
#s2e-home-root #s2e-main-programs-wrap .s2e-step-card .s2e-course-sub{
  font-size:12.5px!important;
  line-height:1.38!important;
}

/* شعار منارات: أكبر فعليًا، مع صورة مقصوصة من الفراغ الأبيض داخل PHP */
#s2e-home-root #s2e-main-programs-wrap .s2e-manarat-card .s2e-featured-header{
  grid-template-columns:minmax(0,1fr) 116px!important;
}
#s2e-home-root #s2e-main-programs-wrap .s2e-manarat-card .s2e-featured-price{
  width:116px!important;
  min-width:116px!important;
  max-width:116px!important;
  height:82px!important;
  max-height:82px!important;
  padding:3px!important;
  border-radius:16px!important;
  background:#fff!important;
  overflow:visible!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
#s2e-home-root #s2e-main-programs-wrap .s2e-manarat-card .s2e-featured-price > div{
  width:100%!important;
  min-height:0!important;
  height:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
#s2e-home-root #s2e-main-programs-wrap .s2e-manarat-card .s2e-featured-price img{
  width:auto!important;
  height:auto!important;
  max-width:104px!important;
  max-height:74px!important;
  object-fit:contain!important;
  margin:auto!important;
}

/* لابتوب أصغر: نحافظ على التوازن بدون ضغط العنوان */
@media (min-width:900px) and (max-width:1199px){
  #s2e-home-root #s2e-main-programs-wrap .s2e-featured-header{
    min-height:70px!important;
  }
  #s2e-home-root #s2e-main-programs-wrap .s2e-step-card .s2e-course-title{
    font-size:16.5px!important;
  }
  #s2e-home-root #s2e-main-programs-wrap .s2e-step-card .s2e-course-sub{
    font-size:11px!important;
  }
  #s2e-home-root #s2e-main-programs-wrap .s2e-manarat-card .s2e-featured-header{
    grid-template-columns:minmax(0,1fr) 102px!important;
  }
  #s2e-home-root #s2e-main-programs-wrap .s2e-manarat-card .s2e-featured-price{
    width:102px!important;
    min-width:102px!important;
    max-width:102px!important;
    height:74px!important;
  }
  #s2e-home-root #s2e-main-programs-wrap .s2e-manarat-card .s2e-featured-price img{
    max-width:92px!important;
    max-height:66px!important;
  }
}

/* الموبايل: نفس التوازن مع شعار واضح، من غير ما يزاحم النص */
@media (max-width:768px){
  #s2e-home-root #s2e-main-programs-wrap .s2e-featured-header{
    min-height:62px!important;
  }
  #s2e-home-root #s2e-main-programs-wrap .s2e-featured-card .s2e-course-sub{
    min-height:27px!important;
  }
  #s2e-home-root #s2e-main-programs-wrap .s2e-step-card .s2e-course-title{
    font-size:14.5px!important;
  }
  #s2e-home-root #s2e-main-programs-wrap .s2e-step-card .s2e-course-sub{
    font-size:10.5px!important;
  }
  #s2e-home-root #s2e-main-programs-wrap .s2e-manarat-card .s2e-featured-header{
    grid-template-columns:minmax(0,1fr) 88px!important;
  }
  #s2e-home-root #s2e-main-programs-wrap .s2e-manarat-card .s2e-featured-price{
    width:88px!important;
    min-width:88px!important;
    max-width:88px!important;
    height:64px!important;
    max-height:64px!important;
  }
  #s2e-home-root #s2e-main-programs-wrap .s2e-manarat-card .s2e-featured-price img{
    max-width:80px!important;
    max-height:57px!important;
  }
}

/* END S2E CARD BALANCE */


/* S2E CARD SIZE/TYPO BALANCE FINAL 2026-09-06c */

/* Desktop: bigger text than previous patch, still balanced */
#s2e-home-root #s2e-main-programs-wrap{
  max-width:1280px!important;
}

#s2e-home-root #s2e-main-programs-wrap .s2e-main-program-grid{
  max-width:1220px!important;
  gap:16px!important;
}

#s2e-home-root #s2e-main-programs-wrap .s2e-featured-card{
  min-height:190px!important;
  padding:16px 16px 15px!important;
}

#s2e-home-root #s2e-main-programs-wrap .s2e-featured-header{
  min-height:82px!important;
}

#s2e-home-root #s2e-main-programs-wrap .s2e-featured-card .s2e-course-title{
  font-size:20px!important;
  line-height:1.3!important;
}

#s2e-home-root #s2e-main-programs-wrap .s2e-featured-card .s2e-course-sub{
  font-size:14px!important;
  line-height:1.45!important;
  min-height:40px!important;
  margin:3px 0 11px!important;
}

#s2e-home-root #s2e-main-programs-wrap .s2e-featured-btn{
  min-height:47px!important;
  padding:7px 6px!important;
}

#s2e-home-root #s2e-main-programs-wrap .s2e-cta-lines strong{
  font-size:13.5px!important;
}

#s2e-home-root #s2e-main-programs-wrap .s2e-cta-lines small{
  font-size:8px!important;
}

/* Manarat logo stays prominent */
#s2e-home-root #s2e-main-programs-wrap .s2e-manarat-card .s2e-featured-header{
  grid-template-columns:minmax(0,1fr) 118px!important;
}
#s2e-home-root #s2e-main-programs-wrap .s2e-manarat-card .s2e-featured-price{
  width:118px!important;
  min-width:118px!important;
  max-width:118px!important;
  height:84px!important;
  max-height:84px!important;
}
#s2e-home-root #s2e-main-programs-wrap .s2e-manarat-card .s2e-featured-price img{
  max-width:108px!important;
  max-height:77px!important;
}

/* Standard laptop */
@media (min-width:900px) and (max-width:1199px){
  #s2e-home-root #s2e-main-programs-wrap .s2e-main-program-grid{
    max-width:1120px!important;
    gap:12px!important;
  }
  #s2e-home-root #s2e-main-programs-wrap .s2e-featured-card{
    min-height:182px!important;
    padding:14px!important;
  }
  #s2e-home-root #s2e-main-programs-wrap .s2e-featured-header{
    min-height:76px!important;
  }
  #s2e-home-root #s2e-main-programs-wrap .s2e-featured-card .s2e-course-title{
    font-size:18px!important;
  }
  #s2e-home-root #s2e-main-programs-wrap .s2e-featured-card .s2e-course-sub{
    font-size:12.5px!important;
    min-height:36px!important;
  }
  #s2e-home-root #s2e-main-programs-wrap .s2e-manarat-card .s2e-featured-header{
    grid-template-columns:minmax(0,1fr) 104px!important;
  }
  #s2e-home-root #s2e-main-programs-wrap .s2e-manarat-card .s2e-featured-price{
    width:104px!important;
    min-width:104px!important;
    max-width:104px!important;
    height:76px!important;
  }
  #s2e-home-root #s2e-main-programs-wrap .s2e-manarat-card .s2e-featured-price img{
    max-width:95px!important;
    max-height:69px!important;
  }
}

/* Mobile: narrower card with side margins + larger readable text */
@media (max-width:768px){
  #s2e-home-root #s2e-main-programs-wrap{
    width:100%!important;
    max-width:100%!important;
    padding:0 14px!important;
    margin:10px auto 24px!important;
    overflow:visible!important;
  }

  #s2e-home-root #s2e-main-programs-wrap .s2e-main-program-grid{
    width:100%!important;
    max-width:520px!important;
    margin:0 auto!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
  }

  #s2e-home-root #s2e-main-programs-wrap .s2e-featured-card,
  #s2e-home-root #s2e-main-programs-wrap .s2e-step-card,
  #s2e-home-root #s2e-main-programs-wrap .s2e-manarat-card,
  #s2e-home-root #s2e-main-programs-wrap .s2e-saudi-card{
    width:calc(100% - 8px)!important;
    max-width:500px!important;
    margin:0 auto!important;
    min-height:168px!important;
    padding:12px 13px 12px!important;
    border-radius:16px!important;
  }

  #s2e-home-root #s2e-main-programs-wrap .s2e-featured-header{
    min-height:70px!important;
    gap:7px!important;
  }

  #s2e-home-root #s2e-main-programs-wrap .s2e-featured-card .s2e-course-title{
    font-size:17px!important;
    line-height:1.28!important;
  }

  #s2e-home-root #s2e-main-programs-wrap .s2e-featured-card .s2e-course-sub{
    font-size:12.5px!important;
    line-height:1.4!important;
    min-height:34px!important;
    margin:3px 0 8px!important;
  }

  #s2e-home-root #s2e-main-programs-wrap .s2e-featured-actions{
    gap:7px!important;
  }

  #s2e-home-root #s2e-main-programs-wrap .s2e-featured-btn{
    min-height:43px!important;
    padding:6px 5px!important;
  }

  #s2e-home-root #s2e-main-programs-wrap .s2e-cta-lines strong{
    font-size:12.5px!important;
  }

  #s2e-home-root #s2e-main-programs-wrap .s2e-cta-lines small{
    font-size:7.5px!important;
  }

  #s2e-home-root #s2e-main-programs-wrap .s2e-manarat-card .s2e-featured-header{
    grid-template-columns:minmax(0,1fr) 96px!important;
  }

  #s2e-home-root #s2e-main-programs-wrap .s2e-manarat-card .s2e-featured-price{
    width:96px!important;
    min-width:96px!important;
    max-width:96px!important;
    height:70px!important;
    max-height:70px!important;
  }

  #s2e-home-root #s2e-main-programs-wrap .s2e-manarat-card .s2e-featured-price img{
    max-width:88px!important;
    max-height:64px!important;
  }
}

/* Very small phones */
@media (max-width:390px){
  #s2e-home-root #s2e-main-programs-wrap{
    padding:0 10px!important;
  }
  #s2e-home-root #s2e-main-programs-wrap .s2e-featured-card{
    width:calc(100% - 4px)!important;
    padding:11px!important;
  }
  #s2e-home-root #s2e-main-programs-wrap .s2e-featured-card .s2e-course-title{
    font-size:16px!important;
  }
  #s2e-home-root #s2e-main-programs-wrap .s2e-featured-card .s2e-course-sub{
    font-size:11.5px!important;
  }
  #s2e-home-root #s2e-main-programs-wrap .s2e-manarat-card .s2e-featured-header{
    grid-template-columns:minmax(0,1fr) 86px!important;
  }
  #s2e-home-root #s2e-main-programs-wrap .s2e-manarat-card .s2e-featured-price{
    width:86px!important;
    min-width:86px!important;
    max-width:86px!important;
    height:64px!important;
  }
  #s2e-home-root #s2e-main-programs-wrap .s2e-manarat-card .s2e-featured-price img{
    max-width:78px!important;
    max-height:58px!important;
  }
}

/* END S2E CARD SIZE/TYPO BALANCE */


/* S2E MOBILE NARROW CARDS FINAL 2026-09-06 */
@media (max-width:768px){
  #s2e-home-root #s2e-main-programs-wrap{
    width:100%!important;
    max-width:100%!important;
    padding:0 16px!important;
    margin:10px auto 24px!important;
    overflow:visible!important;
  }

  #s2e-home-root #s2e-main-programs-wrap .s2e-main-program-grid{
    width:100%!important;
    max-width:460px!important;
    margin:0 auto!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    justify-items:center!important;
  }

  #s2e-home-root #s2e-main-programs-wrap .s2e-featured-card,
  #s2e-home-root #s2e-main-programs-wrap .s2e-step-card,
  #s2e-home-root #s2e-main-programs-wrap .s2e-manarat-card,
  #s2e-home-root #s2e-main-programs-wrap .s2e-saudi-card{
    width:92%!important;
    max-width:440px!important;
    min-width:0!important;
    margin:0 auto!important;
    box-sizing:border-box!important;
  }

  #s2e-home-root #s2e-main-programs-wrap .s2e-featured-card .s2e-course-title{
    font-size:18px!important;
    line-height:1.28!important;
  }

  #s2e-home-root #s2e-main-programs-wrap .s2e-featured-card .s2e-course-sub{
    font-size:13px!important;
    line-height:1.4!important;
  }

  #s2e-home-root #s2e-main-programs-wrap .s2e-cta-lines strong{
    font-size:13px!important;
  }

  #s2e-home-root #s2e-main-programs-wrap .s2e-cta-lines small{
    font-size:7.8px!important;
  }
}

@media (max-width:420px){
  #s2e-home-root #s2e-main-programs-wrap{
    padding:0 10px!important;
  }

  #s2e-home-root #s2e-main-programs-wrap .s2e-featured-card,
  #s2e-home-root #s2e-main-programs-wrap .s2e-step-card,
  #s2e-home-root #s2e-main-programs-wrap .s2e-manarat-card,
  #s2e-home-root #s2e-main-programs-wrap .s2e-saudi-card{
    width:94%!important;
    max-width:390px!important;
  }
}
/* END S2E MOBILE NARROW CARDS */


/* S2E CURRENT MOBILE WIDTH + ORDER COMPANION FIX 2026-09-06 */
@media (max-width:768px){
  #s2e-home-root #s2e-main-programs-wrap{
    width:100%!important;
    max-width:100%!important;
    padding:0 8px!important;
    margin:10px auto 24px!important;
  }

  #s2e-home-root #s2e-main-programs-wrap .s2e-main-program-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    width:100%!important;
    max-width:390px!important;
    margin:0 auto!important;
    gap:11px!important;
    justify-items:center!important;
  }

  #s2e-home-root #s2e-main-programs-wrap .s2e-featured-card,
  #s2e-home-root #s2e-main-programs-wrap .s2e-step-card,
  #s2e-home-root #s2e-main-programs-wrap .s2e-manarat-card,
  #s2e-home-root #s2e-main-programs-wrap .s2e-saudi-card{
    width:92%!important;
    max-width:390px!important;
    min-width:0!important;
    margin:0 auto!important;
    padding:12px 13px!important;
    box-sizing:border-box!important;
  }

  #s2e-home-root #s2e-main-programs-wrap .s2e-featured-card .s2e-course-title{
    font-size:18px!important;
    line-height:1.28!important;
  }

  #s2e-home-root #s2e-main-programs-wrap .s2e-featured-card .s2e-course-sub{
    font-size:13px!important;
    line-height:1.4!important;
  }

  #s2e-home-root #s2e-main-programs-wrap .s2e-featured-btn{
    min-height:43px!important;
  }

  #s2e-home-root #s2e-main-programs-wrap .s2e-cta-lines strong{
    font-size:13px!important;
  }
}

/* Actual small phones: use more of the screen, not less */
@media (max-width:420px){
  #s2e-home-root #s2e-main-programs-wrap .s2e-main-program-grid{
    max-width:100%!important;
  }
  #s2e-home-root #s2e-main-programs-wrap .s2e-featured-card,
  #s2e-home-root #s2e-main-programs-wrap .s2e-step-card,
  #s2e-home-root #s2e-main-programs-wrap .s2e-manarat-card,
  #s2e-home-root #s2e-main-programs-wrap .s2e-saudi-card{
    width:94%!important;
    max-width:370px!important;
  }
  #s2e-home-root #s2e-main-programs-wrap .s2e-featured-card .s2e-course-title{
    font-size:17px!important;
  }
  #s2e-home-root #s2e-main-programs-wrap .s2e-featured-card .s2e-course-sub{
    font-size:12px!important;
  }
}
/* END S2E CURRENT MOBILE WIDTH FIX */


/* STEP2English V34.89 - static announcement badge (no audio action) */
#s2e-smart-announcements .s2e-ann-icon{cursor:default!important;pointer-events:none!important}

/* STEP2English V34.90 - centered brand slide only */
#s2e-smart-announcements.is-brand .s2e-ann-message{
  justify-content:center!important;
  gap:0!important;
}
#s2e-smart-announcements.is-brand .s2e-ann-icon{
  display:none!important;
}
#s2e-smart-announcements.is-brand .s2e-ann-copy{
  flex:0 1 auto!important;
  width:auto!important;
  max-width:calc(100% - 96px)!important;
  text-align:center!important;
  direction:ltr!important;
  overflow:visible!important;
  -webkit-line-clamp:unset!important;
}
#s2e-smart-announcements.is-brand .s2e-ann-copy strong{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:14px!important;
  margin:0!important;
  color:#fff!important;
  font-size:clamp(22px,2.2vw,31px)!important;
  line-height:1.15!important;
  font-weight:900!important;
  white-space:nowrap!important;
  letter-spacing:-.3px!important;
}
#s2e-smart-announcements.is-brand .s2e-brand-sep{
  color:#ff9818!important;
  font-weight:900!important;
  transform:translateY(-1px);
}
#s2e-smart-announcements.is-brand .s2e-ann-body,
#s2e-smart-announcements.is-brand .s2e-ann-link{
  display:none!important;
}
@media(max-width:768px){
  #s2e-smart-announcements.is-brand{
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-areas:"message"!important;
  }
  #s2e-smart-announcements.is-brand .s2e-ann-count,
  #s2e-smart-announcements.is-brand .s2e-ann-nav{
    display:none!important;
  }
  #s2e-smart-announcements.is-brand .s2e-ann-copy{
    max-width:100%!important;
    display:block!important;
  }
  #s2e-smart-announcements.is-brand .s2e-ann-copy strong{
    gap:9px!important;
    font-size:clamp(18px,5vw,23px)!important;
    white-space:nowrap!important;
  }
}