/* 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-hero{position:relative;overflow:hidden;margin:16px auto 10px;padding:30px 22px;border-radius:27px;text-align:center;color:#fff;background:linear-gradient(135deg,#071d4b 0%,#0d4db4 55%,#27b8ee 100%);box-shadow:0 16px 38px rgba(10,55,130,.13);}
.s2e-hero:before,.s2e-hero:after{content:"";position:absolute;border-radius:999px;background:rgba(255,255,255,.12);pointer-events:none;}
.s2e-hero:before{width:220px;height:220px;left:-82px;bottom:-104px;}
.s2e-hero:after{width:205px;height:205px;right:-62px;top:-72px;}
.s2e-hero-badge{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:33px;padding:7px 20px;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.28);font-size:16px;font-weight:900;line-height:1.1;box-shadow:inset 0 1px 0 rgba(255,255,255,.14);}
.s2e-hero h1{position:relative;z-index:1;margin:16px 0 9px;font-size:clamp(32px,3.7vw,52px);font-weight:900;line-height:1.24;letter-spacing:-.35px;color:#fff!important;white-space:pre-line;}
.s2e-hero-sub{position:relative;z-index:1;font-size:clamp(18px,1.8vw,25px);font-weight:900;line-height:1.5;color:#fff;white-space:pre-line;}
.s2e-hero-note{position:relative;z-index:1;margin-top:9px;font-size:clamp(15px,1.3vw,19px);font-weight:900;color:#fff;line-height:1.55;}

.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;}
.s2e-hero-items{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:980px;margin:17px auto 10px;direction:ltr;}
.s2e-hero-item{border-radius:20px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.24);padding:14px 10px 13px;box-shadow:inset 0 1px 0 rgba(255,255,255,.10);}
.s2e-hero-en{font-family:Verdana,Arial,sans-serif;font-size:clamp(24px,2.9vw,42px);font-weight:900;line-height:1.08;color:#fff;letter-spacing:-.6px;white-space:nowrap;}
.s2e-hero-ar{font-size:clamp(18px,1.55vw,24px);font-weight:900;line-height:1.28;color:rgba(255,255,255,.96);margin-top:7px;direction:rtl;}
.s2e-hero-sub{font-size:clamp(15px,1.25vw,18px)!important;line-height:1.55!important;}
.s2e-hero-note{font-size:clamp(13px,1.05vw,16px)!important;opacity:.95;}

/* 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-hero{padding:20px 10px 18px!important;}
  .s2e-hero-items{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:13px auto 8px;}
  .s2e-hero-item{border-radius:15px;padding:10px 4px 9px;}
  .s2e-hero-en{font-size:clamp(15px,4.8vw,18px);letter-spacing:-.35px;white-space:normal;}
  .s2e-hero-ar{font-size:clamp(12px,3.7vw,15px);margin-top:5px;}
  .s2e-hero-sub{font-size:13.5px!important;line-height:1.45!important;}
  .s2e-hero-note{font-size:12.5px!important;}
  .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;}
@media (min-width:769px){
  .s2e-hero-items{max-width:1260px!important;grid-template-columns:1.15fr 1.15fr 1fr!important;gap:16px!important;}
  .s2e-hero-item{padding:18px 18px 17px!important;min-height:118px;display:flex;flex-direction:column;align-items:center;justify-content:center;}
  .s2e-hero-en{font-size:clamp(30px,2.55vw,44px)!important;white-space:nowrap!important;}
  .s2e-hero-ar{font-size:clamp(19px,1.45vw,24px)!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;}
}