/* Restrained brand polish across catalogue, lessons and editorial pages. */
.simple-banner{background:linear-gradient(112deg,#a8cf57 0%,#96c63b 52%,#84b72b 100%);border-bottom:1px solid #8cb63e}.simple-banner-inner{min-height:248px;max-width:1200px;padding:18px 28px}.simple-banner-copy{max-width:620px}.simple-banner-name{font-size:12px;letter-spacing:1.3px;font-weight:700;color:#263d27}.simple-banner h1{font-size:38px;margin:12px 0}.simple-banner p{max-width:505px;line-height:1.65;color:#233644}.simple-banner-photo{border-width:2px;width:218px;height:218px;border-radius:12px;box-shadow:0 6px 20px #25470f12}.simple-banner-actions{margin-top:19px}.simple-banner-actions .simple-banner-primary{box-shadow:0 3px 8px #11165612}
.topnav>.home-link{border-bottom:2px solid transparent;color:#5b6478;padding-bottom:6px}.topnav>a{border-bottom:2px solid transparent;padding:6px 0}.topnav>a.nav-current{color:#111656;border-bottom-color:#8bbd2b;font-weight:600}.topnav>a:hover{color:#111656}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.card{min-width:0}.academy-course-card{border-color:#dfe5e9;box-shadow:0 4px 16px #11165607;border-radius:12px}.academy-course-card .cover.topic-cover{height:194px;padding:0;background:#111656;text-align:left;align-items:stretch;justify-content:flex-start}.topic-content{padding:23px 24px 19px;display:flex;flex-direction:column;width:100%}.topic-byline{font-size:11px;letter-spacing:1.5px;font-weight:700;padding-right:50px;color:#c4d7b0}.topic-cover .topic-content strong{font-family:Manrope,Arial,sans-serif;max-width:none;font-size:27px;font-weight:800;letter-spacing:-.6px;line-height:1.14;color:#fff;margin:20px 0 13px}.topic-kind{font-size:10px;letter-spacing:1.4px;color:#c4d7b0;margin-top:auto;font-weight:600}.academy-course-card .cover.topic-tone-1{background:#dfeec6}.topic-tone-1 .topic-byline,.topic-tone-1 .topic-kind{color:#465e2b}.topic-tone-1 .topic-content strong{color:#111656}.academy-course-card .cover.topic-tone-2{background:linear-gradient(125deg,#172359,#304377)}.topic-tone-2 .topic-content strong{color:#d5efab}.academy-course-card .topic-cover .tag{top:17px;left:auto;right:16px;font-size:10px;padding:5px 7px;letter-spacing:.7px;border-radius:4px}.academy-course-card .tag.free{background:#8bbd2b;color:#172747}.academy-course-card .tag.paid{background:#fff;color:#111656}.academy-course-card .academy-course-image{height:194px}.academy-course-card .card-body{padding:20px 22px 0}.academy-course-card h3{font-size:19px;line-height:1.45;margin:0 0 11px;min-height:2.9em}.academy-course-card .sub{font-size:15px;line-height:1.65;color:#536176;-webkit-line-clamp:3;min-height:4.95em}.course-card-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 22px;font-size:14px;color:#657147}.course-card-meta strong{font-size:16px;color:#111656}.academy-course-card .card-bottom{padding:14px 22px;background:#f0f6e7;border-top:1px solid #e1ebd2;min-height:51px}.academy-course-card:hover{box-shadow:0 9px 24px #11165610;transform:translateY(-3px)}
@media(min-width:901px){.lesson-layout.course-watch-layout{grid-template-columns:minmax(0,1fr) 330px;gap:24px}}
#course-sidebar{padding:20px 16px}#course-sidebar .academy-lesson-row{display:grid;grid-template-columns:30px minmax(0,1fr);gap:3px 11px;padding:13px 11px;min-height:90px;font-size:15px}#course-sidebar .academy-lesson-row .path-number{grid-column:1;grid-row:1 / 3;width:28px;height:28px}#course-sidebar .academy-lesson-row .course-lesson-name{grid-column:2;grid-row:1;line-height:1.5}#course-sidebar .academy-lesson-row .duration{grid-column:2;grid-row:2;margin:3px 0 0;max-width:none;font-size:12px}#course-sidebar .academy-lesson-row .duration-pill{font-size:12px}.lesson-row.academy-lesson-row .course-lesson-name{font-weight:600}
.editorial-card{border-radius:12px;border-color:#e0e5ec;box-shadow:0 4px 16px #11165606}.editorial-card .editorial-cover{height:205px;object-fit:cover;object-position:center 18%;background:#edf1f3}.editorial-cover[src*="mohamed"]{object-position:center 12%;object-fit:contain;background:#fff}.editorial-card .card-body{padding:21px 22px 0}.editorial-card h3{font-size:21px;line-height:1.4;color:#111656;margin:9px 0 15px}.editorial-card .category{color:#4e722c;font-size:12px}.editorial-meta{display:flex;flex-wrap:wrap;gap:8px 16px;justify-content:space-between;padding:17px 22px;color:#58657a;font-size:13px}.editorial-card .card-bottom{margin:0;padding:15px 22px;border-top:1px solid #e9edf1;color:#111656;min-height:52px;background:#fff}.article{padding:38px 42px;border-radius:12px;border-color:#e0e5ed}.article p{font-size:17px;line-height:1.85;color:#37455a}.article h1{color:#111656;line-height:1.22}.article h2{color:#111656;line-height:1.45;margin-top:32px}.article .meta{color:#596779;font-size:14px}.article figcaption{font-size:13px;line-height:1.65;color:#5b6878}.article img{border-radius:8px}.cms-article .article-rich-text p{color:inherit}.article-rich-text{color:#37455a;font-size:17px}.about-page .about-portrait{padding:8px 8px 0}.about-page .about-portrait>div{padding:18px 14px}.about-section p{color:#435169}
@media(max-width:1000px){.grid{gap:18px}.topic-content{padding:21px 18px 18px}.topic-cover .topic-content strong{font-size:24px}.topic-byline{font-size:10px;letter-spacing:1px}.academy-course-card .card-body{padding:18px 18px 0}.course-card-meta{padding:16px 18px}}
@media(max-width:800px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.simple-banner-inner{gap:22px}.simple-banner h1{font-size:32px}.simple-banner-photo{width:180px;height:202px}.simple-banner p{font-size:15px}.article{padding:28px}}
@media(max-width:540px){.grid{grid-template-columns:minmax(0,1fr);gap:20px}.simple-banner-inner{min-height:222px;padding:19px 18px;gap:14px}.simple-banner-copy{padding:0}.simple-banner h1{font-size:27px;letter-spacing:-.8px}.simple-banner-name{font-size:10px;letter-spacing:.8px}.simple-banner p{font-size:14px;line-height:1.55}.simple-banner-photo{width:112px;height:174px;border-width:2px}.simple-banner-actions{gap:6px 12px;margin-top:13px}.simple-banner-actions a{font-size:13px}.simple-banner-actions .simple-banner-primary{padding:9px 11px}.topic-content{padding:23px}.topic-cover .topic-content strong{font-size:28px}.topic-byline{font-size:11px}.academy-course-card h3{min-height:0}.academy-course-card .sub{min-height:0}.academy-course-card .card-body{padding:20px 20px 0}.course-card-meta{padding:17px 20px}.article{padding:23px 19px}.article h1{font-size:29px}.article p,.article-rich-text{font-size:16px}.editorial-card .editorial-cover{height:205px}}
@media(max-width:380px){.simple-banner-inner{gap:10px;padding:16px 14px}.simple-banner-photo{width:90px;height:161px}.simple-banner h1{font-size:24px}.simple-banner-name{font-size:10px;letter-spacing:.1px}.simple-banner p{font-size:13px}}
.topic-cover .topic-content strong{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
/* Compact catalogue search shared by all three content tabs. */
.catalogue-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:8px 0 22px}.catalogue-heading h2{margin:0;font-size:28px;line-height:1.3}.catalogue-controls{display:flex;align-items:center;gap:14px;min-width:0}.catalogue-controls .filters{margin:0;flex-shrink:0}.catalogue-controls .filters button{padding:7px 13px;min-height:38px}.catalogue-search-wrap{position:relative;width:240px;max-width:100%;flex-shrink:1}.catalogue-search-wrap svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#6b788b;pointer-events:none}.catalogue-search-wrap input{display:block;width:100%;height:42px;min-height:42px;padding:8px 12px 8px 37px;font-size:14px;border:1px solid #dce3eb;border-radius:8px;background:white;color:#111656;box-shadow:none}.catalogue-search-wrap input:focus{border-color:#83ad34;outline:2px solid #8bbd2b33;outline-offset:1px}.catalogue-search-status{font-size:13px;color:#5c697a;margin:10px 0 0;min-height:0}.catalogue-search-status:empty{display:none}.catalogue-empty{grid-column:1 / -1;padding:28px 16px}.catalogue-empty p{font-size:15px;margin:8px 0 16px}
@media(max-width:700px){.catalogue-heading{gap:12px;flex-wrap:wrap;margin:4px 0 18px}.catalogue-heading h2{font-size:25px}.catalogue-controls{gap:9px;flex-wrap:wrap;justify-content:flex-end}.catalogue-search-wrap{width:210px}.catalogue-controls .filters button{padding:7px 11px}}
@media(max-width:540px){.catalogue-heading{align-items:center}.catalogue-heading h2{font-size:24px}.catalogue-controls{flex:1;min-width:160px}.catalogue-search-wrap{width:100%;max-width:220px}.catalogue-search-wrap input{font-size:16px;height:42px}.catalogue-controls:has(.filters){flex-basis:100%;justify-content:space-between;flex-wrap:nowrap;gap:10px}.catalogue-controls:has(.filters) .catalogue-search-wrap{min-width:0;width:175px;flex:1}.catalogue-controls .filters button{font-size:13px;padding:6px 10px}.catalogue-search-wrap input::placeholder{font-size:14px}}

/* Distinct, inset course actions using the two brand colours. */
.academy-course-card .card-bottom.course-card-action,.editorial-card .card-bottom.article-card-action{margin:0 20px 20px;padding:13px 18px;min-height:48px;border:1px solid transparent;border-radius:9px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:15px;font-weight:700;line-height:1.4;transition:background .18s ease,box-shadow .18s ease}
.academy-course-card .course-card-action.course-action-free{background:#8bbd2b;color:#111656;border-color:#81b025;box-shadow:0 3px 8px #638d1b18}
.academy-course-card .course-card-action.course-action-paid,.editorial-card .card-bottom.article-card-action{background:#111656;color:#fff;border-color:#111656;box-shadow:0 3px 8px #11165620}
.academy-course-card:hover .course-action-free{background:#9acb3b}
.academy-course-card:hover .course-action-paid,.editorial-card:hover .article-card-action{background:#242b76}
.academy-course-card:focus-visible,.editorial-card:focus-visible{outline:3px solid #111656;outline-offset:4px}
@media(prefers-reduced-motion:reduce){.academy-course-card,.academy-course-card .card-bottom.course-card-action,.editorial-card .article-card-action{transition:none}}

/* One bilingual registration form, comfortable on mobile. */
.student-registration{max-width:620px;margin:24px auto;padding:26px;border:1px solid #dfe5ec;border-radius:14px;background:#fff;box-shadow:0 8px 26px #11165608}.student-registration h2{color:#111656;font-size:26px;margin:8px 0 12px}.registration-intro{font-size:15px;line-height:1.6;color:#435169}.registration-intro span{color:#657184}.registration-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.registration-form label{display:block;font-size:14px;font-weight:600;color:#111656;line-height:1.5}.registration-form input{display:block;width:100%;min-height:46px;margin:7px 0 0;padding:11px 12px;border:1px solid #d7dfE8;border-radius:8px;background:#fff;font-size:16px;color:#17223a;box-sizing:border-box}.registration-form input:focus{outline:2px solid #8bbd2b55;border-color:#7dab26}.registration-form small{display:block;font-size:12px;color:#617085;margin-top:5px;font-weight:400}.registration-otp{margin-top:20px;padding:17px;background:#f5f8ef;border:1px solid #dce8c9;border-radius:10px}.registration-otp-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:12px}.registration-otp-heading strong{font-size:14px;color:#111656}.registration-otp-heading button{font-size:13px;min-height:42px;padding:9px 12px;background:#fff}.registration-otp input{letter-spacing:6px;max-width:220px}.otp-status{font-size:13px;line-height:1.6;color:#465a32;margin:10px 0 0}.registration-error{color:#a82626;font-size:14px;line-height:1.5}.registration-error:empty{display:none}.registration-submit{margin-top:18px;min-height:48px;border-radius:9px;background:#111656;color:#fff}.registration-demo-note{font-size:12px;line-height:1.6;color:#667286;margin:14px 0}.registration-login{font-size:14px;line-height:1.6}.registration-login button{font-size:14px;color:#111656;font-weight:700}.registration-success p{line-height:1.6}dialog .student-registration{border:0;box-shadow:none;padding:0;margin:12px 0 0}@media(max-width:540px){.student-registration{padding:19px 16px}.student-registration h2{font-size:23px}.registration-fields{grid-template-columns:1fr;gap:14px}.registration-otp{padding:14px}.registration-otp-heading{align-items:flex-start}}

.otp-delivery{font-size:13px;line-height:1.6;color:#435169;margin:0 0 13px;overflow-wrap:anywhere}.otp-delivery strong{color:#111656}

.otp-status:empty{display:none}

.registration-password{grid-column:1 / -1}.registration-password-input{position:relative}.registration-password-input input{padding-right:72px}.registration-password-input button{position:absolute;right:4px;top:3px;min-height:40px;padding:7px 12px;border:0;border-radius:6px;background:transparent;color:#111656;font-size:14px;font-weight:600;cursor:pointer}.registration-password-input button:focus-visible{outline:2px solid #8bbd2b}

/* Compact sign-up spacing overrides global form label margins. */
.student-registration{max-width:560px;margin:20px auto;padding:24px;border-top:3px solid #8bbd2b;border-radius:14px;box-shadow:0 8px 28px #11165609}
.student-registration h2{font-size:27px;margin:0 0 6px;letter-spacing:-.5px}
.student-registration .registration-intro{font-size:14px;line-height:1.5;margin:0 0 20px;color:#647085}
.registration-fields{gap:13px 14px;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
.registration-form label{margin:0;font-size:14px;line-height:1.4}
.registration-form input{height:46px;min-height:46px;margin:6px 0 0;padding:10px 12px;border-radius:8px;background:#fafbfd;border-color:#dce2eb;transition:border-color .15s,background .15s}
.registration-form input:focus{background:#fff;outline-offset:1px}
.registration-password-input input{padding-right:70px}
.registration-password-input button{top:3px}
.registration-otp{margin-top:16px;padding:14px 15px;background:#f5f8f0;border-color:#dce7cd;border-radius:10px}
.registration-otp-heading{margin-bottom:10px;gap:8px}
.registration-otp-heading button{padding:8px 12px;min-height:40px;border:1px solid #c9d8b4;border-radius:7px;color:#111656;font-size:13px}
.registration-otp input{max-width:176px;text-align:center;font-size:22px;font-weight:600;letter-spacing:10px;padding-left:22px;background:#fff}
.registration-form .otp-status:not(:empty){padding:10px 12px;background:#fff;border:1px solid #dce7cd;border-radius:7px;color:#4d5d40;font-size:13px;line-height:1.5;overflow-wrap:anywhere;margin:12px 0 0}
.registration-submit{margin-top:16px;box-shadow:0 3px 9px #11165615;font-weight:700}
.registration-submit:hover{background:#242b76}
dialog:has(.student-registration){max-width:500px}
@media(max-width:540px){.student-registration{padding:20px 17px;margin:16px auto}.registration-fields{grid-template-columns:1fr;gap:12px}.student-registration .registration-intro{margin-bottom:17px}.registration-otp{padding:13px}.registration-otp-heading{align-items:center}.registration-form input{font-size:16px}.registration-otp input{font-size:22px}}

/* Course payment modal, adapted from SOOMAR Pay checkout. */
.course-payment{max-width:520px;margin:0 auto}.payment-brand{font-size:14px;font-weight:700;letter-spacing:.1px;margin-bottom:20px}.payment-brand span{color:#649318}.course-payment h2{margin:0 0 17px;color:#111656;font-size:25px}.payment-course{display:flex;align-items:center;gap:12px;padding:13px;border:1px solid #e2e7ee;border-radius:10px;background:#fafbfd}.payment-course-icon{width:42px;height:46px;display:grid;place-items:center;border-radius:8px;background:#111656;color:#d9efb2;font-size:22px}.payment-course strong{display:block;color:#111656;font-size:15px;line-height:1.4}.payment-course small{display:block;margin-top:4px;color:#69758a;font-size:12px}.payment-label{font-size:14px!important;font-weight:600;color:#111656!important;margin:21px 0 10px!important}.payment-methods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.payment-method{min-height:62px;border:1px solid #dfe5ed;border-radius:9px;background:#fff;color:#111656;padding:8px 4px;font-size:12px;font-weight:600;line-height:1.3}.payment-method.active{background:#111656;color:#fff;border-color:#111656;box-shadow:inset 0 -3px #8bbd2b}.payment-provider-row{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:6px;margin:11px 0 16px;padding:11px 8px;border:1px solid #e2e7ef;border-radius:8px;background:#f8fafc;min-height:48px}.payment-provider-row span{padding:6px 7px;border:1px solid #e0e6ee;border-radius:5px;background:#fff;color:#20305c;font-size:11px;font-weight:700}.payment-number-field label{display:block;color:#111656;font-size:13px;font-weight:600;margin:12px 0 6px}.payment-phone{display:flex;border:1px solid #cfd8e5;border-radius:8px;overflow:hidden}.payment-phone span{display:grid;place-items:center;padding:0 12px;background:#eff5e6;color:#111656;font-size:14px;font-weight:600}.payment-phone input{border:0!important;border-radius:0!important;margin:0!important;height:45px!important;min-height:45px!important;background:#fff!important}.payment-email{display:flex;align-items:center;gap:9px;margin-top:14px;padding:11px 12px;background:#f2f5f9;border:1px solid #e3e8ee;border-radius:8px;color:#526178;font-size:13px;overflow-wrap:anywhere}.payment-pay{width:100%;min-height:48px;margin-top:17px;border:0;border-radius:9px;background:#8bbd2b;color:#111656;font-size:16px;font-weight:700}.payment-pay:hover{background:#9bcb3d}.payment-powered{text-align:center!important;color:#748096!important;font-size:12px!important;margin:11px 0 0!important}.payment-status{text-align:center!important;color:#417624!important;font-size:13px!important;line-height:1.5!important;margin:11px 0 0!important}.payment-status:empty{display:none}.course-payment [hidden]{display:none!important}@media(max-width:540px){.course-payment h2{font-size:23px}.payment-methods{gap:6px}.payment-method{font-size:11px;min-height:60px}}

.payment-method-icon{display:block;width:36px;height:22px;margin:0 auto 4px;background-repeat:no-repeat;background-color:#fff;border-radius:4px;background-size:100px auto;background-position:center}.payment-method.active .payment-method-icon{background-color:#fff}.payment-method-icon.emoney{background-image:url("assets/payment-emoney.png");background-size:102px auto;background-position:center 53%}.payment-method-icon.wallet{background-image:url("assets/payment-premier-wallet.png");background-size:88px auto;background-position:center 47%}.payment-method-icon.cards{background-image:url("assets/payment-cards.png");background-size:74px auto;background-position:center 44%}

/* Mixed-language public UI: controls stay English while saved content keeps its entered language. */
.language{display:none!important}

/* Keep signup field guidance quiet so the entered details stay prominent. */
.registration-form input::placeholder{font-size:12px;color:#aeb7c4;opacity:.62;font-weight:400;letter-spacing:0}
@media(max-width:540px){.registration-form input::placeholder{font-size:12px;color:#b6beca;opacity:.58}}

.lesson-access{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:24px;padding:4px 8px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.15px;white-space:nowrap}
.lesson-access-free{background:#e6f3ce;color:#3f7115;border:1px solid #c9e3a3}
.lesson-access-locked{background:#eef1f5;color:#657184;border:1px solid #d8dee7}
.lesson-access-done{background:#e7f4df;color:#39751f;border:1px solid #c9e4b9}
@media(max-width:700px){.lesson-access{font-size:10px;padding:4px 6px}.course-row .duration{max-width:100px}}

.cms-course-progress{margin:15px 0 18px;padding:12px 13px;background:#f5f8f0;border:1px solid #dce7cd;border-radius:9px}.cms-course-progress-head{display:flex;justify-content:space-between;gap:10px;color:#111656;font-size:13px;margin-bottom:8px}.cms-course-progress progress{width:100%;height:8px;display:block;accent-color:#8bbd2b}.cms-course-progress small{display:block;margin-top:7px;color:#617085;font-size:12px}.admin-box>.cms-course-progress{max-width:420px;margin-top:20px}@media(max-width:540px){.cms-course-progress{margin:12px 0 15px;padding:11px 12px}}

/* Photo catalogue covers — match desired card design */
.academy-course-card .cover.topic-cover:has(.academy-course-image){background:#dfe5ef}
.academy-course-card .academy-course-image{display:block;width:100%;height:194px;object-fit:cover;object-position:center;border:0}
.academy-course-card .cover.topic-cover:has(.academy-course-image) .tag{z-index:2}

/* Payment checkout — matched to uploaded mockups */
.course-payment{max-width:540px;margin:0 auto;color:#111656}
.course-payment h2{margin:0 0 18px;color:#111656;font-size:28px;font-weight:800;letter-spacing:-.02em}
.payment-brand{font-size:15px;font-weight:800;letter-spacing:.1px;margin-bottom:18px;color:#111656}
.payment-brand span{color:#8bbd2b}
.payment-course{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid #e2e7ee;border-radius:12px;background:#f7f9fc}
.payment-course-icon{width:44px;height:48px;display:grid;place-items:center;border-radius:10px;background:#111656;color:#d9efb2;font-size:22px;flex:none}
.payment-course strong{display:block;color:#111656;font-size:15px;line-height:1.4}
.payment-course small{display:block;margin-top:4px;color:#69758a;font-size:12px}
.payment-label{font-size:14px!important;font-weight:700;color:#111656!important;margin:22px 0 12px!important}
.payment-methods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.payment-method{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:86px;padding:12px 8px;border:1px solid #dfe5ed;border-radius:12px;background:#fff;color:#111656;box-shadow:none}
.payment-method .payment-method-name{font-size:12px;font-weight:700;line-height:1.2}
.payment-method.active{background:#111656;color:#fff;border-color:#111656;box-shadow:inset 0 -3px #8bbd2b}
.payment-method-logos{display:flex;align-items:center;justify-content:center;gap:4px;min-height:28px}
.payment-method-logos img{width:24px;height:24px;object-fit:contain;border-radius:5px;background:#fff;padding:1px}
.payment-method.active .payment-method-logos img{box-shadow:0 0 0 1px #ffffff40}
.payment-method-logos.cards-pair{gap:5px}
.pay-badge{display:inline-flex;align-items:center;justify-content:center;height:20px;padding:0 7px;border-radius:4px;font-size:9px;font-weight:800;letter-spacing:.2px;line-height:1}
.pay-badge-visa{background:#1a1f71;color:#fff;font-style:italic}
.pay-badge-mc{background:linear-gradient(90deg,#eb001b 0 50%,#f79e1b 50% 100%);color:#fff;text-transform:lowercase;font-size:8px}
.payment-method.active .pay-badge-visa{background:#fff;color:#1a1f71}
.payment-panel{margin:12px 0 16px}
.payment-panel[hidden]{display:none!important}
.payment-logos-display{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:12px;border:1px solid #e5e7eb;border-radius:12px;background:#fff}
.payment-logo-static{display:flex;align-items:center;justify-content:center;min-height:70px;padding:10px 6px;border:1.5px solid #e5e7eb;border-radius:10px;background:#f8fafc}
.payment-logo-static img{width:48px;height:48px;object-fit:contain;border-radius:8px}
.payment-logo-static span{display:none!important}
.payment-logo-static.active{border-color:#16a34a;background:#ecfdf5;box-shadow:0 0 0 1px #16a34a}
.payment-premier-panel{display:flex;flex-direction:column;align-items:center;gap:10px;padding:18px 14px;border:1px solid #e2e7ef;border-radius:12px;background:#f7f9fc;text-align:center}
.payment-premier-logo{width:78px;height:78px;object-fit:contain;border-radius:16px;background:#fff;padding:6px;box-shadow:0 1px 4px #11165614}
.payment-premier-panel p{margin:0;font-size:13px;line-height:1.5;color:#526178;max-width:340px}
.payment-cards-panel{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:14px;border:1px solid #e2e7ef;border-radius:12px;background:#f7f9fc}
.payment-card-logo{min-height:72px;border:0;border-radius:12px;cursor:pointer;display:grid;place-items:center;padding:14px 10px;transition:transform .12s ease,box-shadow .12s ease}
.payment-card-logo.visa{background:#1a1f71;color:#fff}
.payment-card-logo.mc{background:linear-gradient(135deg,#f79e1b 0%,#eb001b 100%);color:#fff}
.payment-card-logo span{font-size:22px;font-weight:800;letter-spacing:.4px;line-height:1}
.payment-card-logo.visa span{font-style:italic;font-size:26px}
.payment-card-logo.mc span{text-transform:lowercase;font-size:18px}
.payment-card-logo.active{box-shadow:0 0 0 3px #8bbd2b88,0 8px 18px #11165622;transform:translateY(-1px)}
.payment-number-field label{display:block;color:#111656;font-size:13px;font-weight:700;margin:4px 0 8px}
.payment-phone{display:flex;border:1px solid #cfd8e5;border-radius:10px;overflow:hidden;background:#fff}
.payment-phone span{display:grid;place-items:center;padding:0 14px;background:#eff5e6;color:#111656;font-size:14px;font-weight:700}
.payment-phone input{border:0!important;border-radius:0!important;margin:0!important;height:48px!important;min-height:48px!important;background:#fff!important;padding:0 14px!important}
.payment-phone-hint{margin:8px 0 0;font-size:12px;line-height:1.45;color:#617085}
.payment-email{display:flex;align-items:center;gap:9px;margin-top:14px;padding:12px 14px;background:#f2f5f9;border:1px solid #e3e8ee;border-radius:10px;color:#526178;font-size:13px;overflow-wrap:anywhere}
.payment-pay{width:100%;min-height:52px;margin-top:18px;border:0;border-radius:12px;background:#8bbd2b;color:#111656;font-size:17px;font-weight:800}
.payment-pay:hover{background:#9bcb3d}
.payment-powered{display:none}
.payment-status{text-align:center!important;color:#417624!important;font-size:13px!important;line-height:1.5!important;margin:12px 0 0!important}
.payment-status:empty{display:none}
.payment-method-icon{display:none!important}
@media(max-width:540px){
  .course-payment h2{font-size:24px}
  .payment-methods{gap:6px}
  .payment-method{min-height:78px;padding:10px 4px}
  .payment-method .payment-method-name{font-size:11px}
  .payment-logos-display{grid-template-columns:repeat(3,minmax(0,1fr))}
  .payment-cards-panel{grid-template-columns:1fr;gap:10px}
}