/* Landing-page presentation only. Booking inputs and payment state are unchanged. */
#manas-online{--forest:#102d24;--cream:#faf7ef;--gold:#dfb856;--ink:#17382c;--line:#d9dbcf;font-family:Arial,Helvetica,sans-serif;padding-top:var(--mat-header-gap,0px)}
#manas-online .mat-section{max-width:1240px;padding:88px 40px}
#manas-online h2{font-size:clamp(34px,3.8vw,56px);line-height:1.08;letter-spacing:-.04em}
#manas-online h2 em{color:#7d672e;font-weight:400}
#manas-online .mat-eyebrow{font-size:11px!important;letter-spacing:.16em;line-height:1.7}
#manas-online .mat-button{border-radius:4px;min-height:54px;padding:16px 24px;box-shadow:none}
#manas-online .mat-button:hover{background:#edcc7b;color:#142c24!important}
#manas-online .mat-button:active{transform:translateY(1px)}
#manas-online .mat-hero{position:relative;display:block;min-height:690px;overflow:hidden;background:#0b211a;color:#fffaf0}
#manas-online .mat-hero-art{position:absolute;inset:0 0 0 33%;pointer-events:none}
#manas-online .mat-hero-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:65% center;opacity:.86}
#manas-online .mat-hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0b211a 0%,rgba(11,33,26,.75) 12%,transparent 56%),linear-gradient(0deg,rgba(11,33,26,.9),transparent 40%)}
#manas-online .mat-intro{position:relative;z-index:1;max-width:1440px;margin:auto;padding:72px 6% 84px;isolation:isolate}
#manas-online .mat-hero h1{font-size:clamp(56px,6.2vw,88px);line-height:.99;letter-spacing:-.045em;max-width:760px;margin-bottom:28px}
#manas-online .mat-hero h1 em{color:#e7ca83}
#manas-online .mat-hero .mat-eyebrow{display:flex;align-items:center;gap:10px;color:#e7ca83;max-width:550px}
#manas-online .mat-live-dot{width:7px;height:7px;flex-shrink:0;border-radius:100%;background:#dfb856;box-shadow:0 0 0 5px #dfb85620}
#manas-online .mat-lead{max-width:490px;font-size:17px;line-height:1.7;color:#e0e6dc;text-wrap:pretty}
#manas-online .mat-hero-action{display:flex;align-items:center;gap:26px;margin-top:30px}
#manas-online .mat-hero-action p{margin:0}
#manas-online .mat-hero-action strong{font:400 35px/1.1 Georgia,serif;display:block;color:#fffaf0}
#manas-online .mat-hero-action p>span{font-size:12px;color:#d2dace;display:block;margin-top:6px}
#manas-online .mat-hero-reassurance{color:#c4cec1;font-size:12px;margin-top:18px!important}
#manas-online .mat-hero-caption{position:absolute;right:6%;bottom:48px;text-align:right;max-width:330px;z-index:1}
#manas-online .mat-hero-caption span{font-size:9px;letter-spacing:.18em;color:#d7c99f}
#manas-online .mat-hero-caption p{font:italic 30px/1.2 Georgia,serif;margin:10px 0 0;color:#fffaf0}
#manas-online .mat-facts{display:grid;grid-template-columns:1fr .8fr 1.2fr 1.2fr;gap:0;padding-top:30px;padding-bottom:30px;background:var(--cream)}
#manas-online .mat-facts>div{padding:0 22px;border-right:1px solid var(--line)}
#manas-online .mat-facts>div:first-child{padding-left:0}
#manas-online .mat-facts>div:last-child{padding-right:0;border:0}
#manas-online .mat-facts span{font-size:9px;letter-spacing:.11em;color:#6f735f;margin-bottom:12px}
#manas-online .mat-facts strong{font-size:16px;line-height:1.4;display:block}
#manas-online .mat-facts small{display:block;font-size:11px;color:#606b60;margin-top:6px;line-height:1.5}
#manas-online .mat-curriculum{grid-template-columns:1fr 1.12fr;gap:90px;align-items:start}
#manas-online .mat-curriculum>div>p:not(.mat-eyebrow){max-width:400px;color:#556355;line-height:1.8}
#manas-online .mat-side-note{padding-left:16px;border-left:2px solid #b89748;font-size:13px!important;line-height:1.7;max-width:420px}
#manas-online .mat-curriculum ol{padding-top:8px}
#manas-online .mat-curriculum li{gap:24px;padding-bottom:24px;margin-bottom:24px}
#manas-online .mat-curriculum li:last-child{margin-bottom:0}
#manas-online .mat-curriculum li>span{font:italic 26px/1 Georgia,serif;color:#8c7435;padding-top:1px}
#manas-online .mat-curriculum li h3{font-size:18px;line-height:1.4}
#manas-online .mat-curriculum li p{font-size:14px;line-height:1.7}
#manas-online .mat-proof{background:var(--forest);color:#f9f6ed;padding:64px 40px}
#manas-online .mat-proof-inner{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px;max-width:1160px;margin:auto}
#manas-online .mat-photo{min-height:400px;aspect-ratio:1.22}
#manas-online .mat-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
#manas-online .mat-photo:after{inset:35% 0 0}
#manas-online .mat-photo figcaption{font-size:25px;bottom:28px;left:28px;right:28px;color:#fffaf0}
#manas-online .mat-photo small{font-size:11px;color:#e0e7dc}
#manas-online .mat-instructor{border:0;padding:24px 0}
#manas-online .mat-instructor .mat-eyebrow,#manas-online .mat-instructor h2 em{color:#e2c478}
#manas-online .mat-instructor h3{color:#f8f3e6;margin-top:28px;font-size:18px}
#manas-online .mat-instructor p:not(.mat-eyebrow){font-size:15px;color:#d1dccf;line-height:1.8}
#manas-online .mat-instructor .mat-side-note{margin-top:28px}
#manas-online .mat-offer{display:grid;grid-template-columns:1.1fr 1fr;gap:90px;align-items:center}
#manas-online .mat-offer h2{font-size:clamp(34px,3.4vw,48px)}
#manas-online .mat-offer-price{display:flex;align-items:center;gap:18px;font:400 80px/1.1 Georgia,serif;letter-spacing:-.055em;margin:26px 0}
#manas-online .mat-offer-price>span{font:12px/1.6 Arial,sans-serif;letter-spacing:0;color:#566250;border-left:1px solid #c2c8b6;padding-left:18px}
#manas-online .mat-included{list-style:none;padding:0;margin:0 0 20px}
#manas-online .mat-included li{position:relative;padding:6px 0 6px 24px;font-size:15px}
#manas-online .mat-included li:before{content:"✓";position:absolute;left:0;color:#44744e;font-weight:700}
#manas-online .mat-offer .mat-small{color:#60695e;line-height:1.7;margin-bottom:24px}
#manas-online .mat-how{border-left:1px solid var(--line);padding-left:44px}
#manas-online .mat-how ol{list-style:none;margin:0;padding:0}
#manas-online .mat-how li{display:flex;gap:18px;position:relative;padding-bottom:25px}
#manas-online .mat-how li>span{flex:none;display:grid;place-items:center;width:30px;height:30px;border:1px solid #b9c4b1;border-radius:100%;font-size:12px;color:#436343;background:var(--cream);position:relative;z-index:1}
#manas-online .mat-how li:not(:last-child):before{content:"";position:absolute;top:30px;bottom:0;left:15px;width:1px;background:#d3daca}
#manas-online .mat-how h3{font-size:16px;margin:4px 0 6px}
#manas-online .mat-how li p{font-size:13px;line-height:1.7;color:#576453;margin:0}
#manas-online .mat-policy-note{font-size:12px;line-height:1.7;color:#606552;padding:16px 0 0;border-top:1px solid var(--line);margin-bottom:0}
#manas-online .mat-policy-note strong{display:block;color:var(--ink)}
#manas-online .mat-booking{background:#eceee3;border-top:1px solid #d4dacb;border-bottom:1px solid #d4dacb;max-width:none;gap:60px;padding-left:max(40px,calc((100% - 1160px)/2));padding-right:max(40px,calc((100% - 1160px)/2))}
#manas-online .mat-booking>div>p:not(.mat-eyebrow){font-size:15px;color:#53624f;max-width:620px}
#manas-online .mat-booking:has(#mat-checkout[hidden]){text-align:center}
#manas-online .mat-booking:has(#mat-checkout[hidden])>div>p{margin-left:auto;margin-right:auto}
#manas-online .mat-booking:has(#mat-checkout[hidden]) .mat-language-filters{justify-content:center}
#manas-online .mat-booking:has(#mat-checkout[hidden]) #mat-sessions{margin:auto;max-width:740px;text-align:left}
#manas-online .mat-language-filters{gap:8px;margin:26px 0}
#manas-online .mat-language-filters button{border-color:#b9c3ae;font-size:13px}
#manas-online .mat-date,#manas-online .mat-date:focus{padding:22px 24px;background:#f8f9f3;border:1px solid #c5cfba;border-radius:4px;margin-bottom:10px}
#manas-online .mat-date:hover,#manas-online .mat-date[aria-pressed=true]{background:#fff9e4;border-color:#a48b45}
#manas-online .mat-date small{line-height:1.8}
#manas-online #mat-checkout{background:#fbfaf5;padding:30px;border:1px solid #d5dcca;border-radius:6px;box-shadow:0 12px 32px #1c38250a;text-align:left}
#manas-online .mat-form-heading h3{font:400 28px/1.2 Georgia,serif}
#manas-online #mat-change-batch{font-size:12px;padding:10px 12px;min-height:44px}
#manas-online .mat-terms{background:#f4efdf}
#manas-online .mat-details{gap:90px;border-top:0}
#manas-online .mat-details>div>p{font-size:15px;color:#586653;max-width:410px;line-height:1.8}
#manas-online .mat-text-link{display:inline-flex;gap:20px;font-size:14px;font-weight:700;min-height:44px;align-items:center;text-decoration:underline;text-underline-offset:5px}
#manas-online details{padding:20px 0}
#manas-online summary{font-size:15px;line-height:1.5;min-height:24px;list-style:none;position:relative;padding-right:30px}
#manas-online summary::-webkit-details-marker{display:none}
#manas-online summary:after{content:"+";position:absolute;right:2px;top:-2px;font:24px/1 Georgia,serif;color:#837036}
#manas-online details[open] summary:after{content:"−"}
#manas-online details p{font-size:14px;line-height:1.8;color:#4e604d;margin-bottom:4px}
#manas-online .mat-retrieve{padding-top:40px;padding-bottom:40px;border-top:1px solid var(--line);background:#f2f1e7}
#manas-online .mat-retrieve h2{font-size:32px;margin-bottom:14px}
#manas-online .mat-retrieve p{font-size:13px;color:#546250}
#manas-online .mat-retrieve form{display:flex;flex-wrap:wrap;gap:10px;max-width:740px;align-items:end}
#manas-online .mat-retrieve label{width:100%;margin-bottom:0}
#manas-online .mat-retrieve input{flex:1;min-width:200px;width:auto}
#manas-online .mat-retrieve button{margin:0;min-height:52px}
#manas-online .mat-retrieve form+p{margin-top:12px}
@media(min-width:761px) and (max-width:1100px){
  #manas-online .mat-hero h1{font-size:65px}
  #manas-online .mat-hero-caption{display:none}
  #manas-online .mat-curriculum,#manas-online .mat-offer,#manas-online .mat-details{gap:40px}
  #manas-online .mat-proof-inner{gap:36px}
  #manas-online .mat-facts>div{padding:0 14px}
  #manas-online .mat-booking{gap:28px;padding-left:28px;padding-right:28px}
  #manas-online #mat-checkout{padding:22px}
}
@media(max-width:760px){
  #manas-online .mat-section{padding:50px 24px}
  #manas-online .mat-hero{min-height:0;padding-bottom:210px}
  #manas-online .mat-hero-art{inset:auto 0 0;height:310px}
  #manas-online .mat-hero-art img{object-position:center 48%;opacity:.9}
  #manas-online .mat-hero-art:after{background:linear-gradient(180deg,#0b211a 0%,rgba(11,33,26,.35) 26%,transparent 70%),linear-gradient(0deg,rgba(11,33,26,.85),transparent 45%)}
  #manas-online .mat-intro{padding:34px 24px 0}
  #manas-online .mat-hero .mat-eyebrow{font-size:9px!important;letter-spacing:.09em;max-width:330px;gap:8px;margin-bottom:23px!important}
  #manas-online .mat-hero h1{font-size:clamp(44px,8.7vw,65px);line-height:1.03;margin-bottom:20px;max-width:600px}
  #manas-online .mat-hero h1 em br{display:none}
  #manas-online .mat-lead{font-size:15px;line-height:1.7;max-width:460px}
  #manas-online .mat-hero-action{gap:20px;margin-top:24px;flex-wrap:wrap}
  #manas-online .mat-hero-action .mat-button{font-size:14px;gap:18px;padding:15px 18px}
  #manas-online .mat-hero-action strong{font-size:30px}
  #manas-online .mat-hero-action p>span{font-size:10px;line-height:1.5;margin-top:3px;max-width:110px}
  #manas-online .mat-hero-reassurance{font-size:10px;margin-top:14px!important;margin-bottom:0}
  #manas-online .mat-hero-caption{right:24px;bottom:23px}
  #manas-online .mat-hero-caption span{font-size:8px}
  #manas-online .mat-hero-caption p{font-size:23px;margin-top:6px}
  #manas-online .mat-facts{grid-template-columns:1fr 1fr;padding:24px;gap:24px 0}
  #manas-online .mat-facts>div{padding:0 16px;border-right:0}
  #manas-online .mat-facts>div:nth-child(odd){padding-left:0;border-right:1px solid var(--line)}
  #manas-online .mat-facts>div:nth-child(even){padding-right:0}
  #manas-online .mat-facts span{font-size:8px;line-height:1.7;margin-bottom:6px}
  #manas-online .mat-facts strong{font-size:13px}
  #manas-online .mat-facts small{font-size:10px}
  #manas-online .mat-curriculum,#manas-online .mat-offer,#manas-online .mat-details{grid-template-columns:1fr;gap:30px}
  #manas-online .mat-curriculum h2{font-size:38px}
  #manas-online .mat-curriculum>div>p:not(.mat-eyebrow){font-size:14px}
  #manas-online .mat-curriculum ol{padding-top:0}
  #manas-online .mat-curriculum li{gap:18px;padding-bottom:20px;margin-bottom:20px}
  #manas-online .mat-curriculum li h3{font-size:16px}
  #manas-online .mat-curriculum li p{font-size:13px}
  #manas-online .mat-proof{padding:0 0 40px}
  #manas-online .mat-proof-inner{grid-template-columns:1fr;gap:0}
  #manas-online .mat-photo{height:310px;min-height:0;aspect-ratio:auto}
  #manas-online .mat-photo figcaption{font-size:23px;left:24px;right:24px;bottom:24px}
  #manas-online .mat-instructor{padding:36px 24px 0}
  #manas-online .mat-instructor h2{font-size:38px}
  #manas-online .mat-instructor h3{margin-top:20px}
  #manas-online .mat-instructor .mat-side-note{margin-bottom:0}
  #manas-online .mat-offer{gap:40px}
  #manas-online .mat-offer-price{font-size:72px;margin:22px 0}
  #manas-online .mat-how{border-left:0;border-top:1px solid var(--line);padding:28px 0 0}
  #manas-online .mat-included li{font-size:14px}
  #manas-online .mat-booking{padding:44px 24px;gap:28px}
  #manas-online .mat-booking>div>p:not(.mat-eyebrow){font-size:14px}
  #manas-online .mat-booking:has(#mat-checkout[hidden]){text-align:left}
  #manas-online .mat-booking:has(#mat-checkout[hidden]) .mat-language-filters{justify-content:flex-start}
  #manas-online .mat-date{padding:18px 16px}
  #manas-online #mat-checkout{padding:24px 20px;margin-left:-8px;margin-right:-8px}
  #manas-online .mat-form-heading{gap:14px}
  #manas-online .mat-form-heading h3{font-size:25px}
  #manas-online .mat-details{gap:14px}
  #manas-online .mat-retrieve{padding-top:32px;padding-bottom:32px}
  #manas-online .mat-retrieve input,#manas-online .mat-retrieve button{width:100%;flex:auto}
}
@media(max-width:360px){
  #manas-online .mat-intro{padding-left:20px;padding-right:20px}
  #manas-online .mat-hero h1{font-size:42px}
  #manas-online .mat-hero-action{gap:16px}
  #manas-online .mat-hero-action .mat-button{padding:14px 15px;gap:12px;font-size:13px}
  #manas-online .mat-hero-action p>span{max-width:88px}
  #manas-online .mat-section{padding-left:20px;padding-right:20px}
  #manas-online .mat-booking{padding-left:20px;padding-right:20px}
  #manas-online #mat-checkout{padding:22px 16px}
  #manas-online .mat-language-filters button{padding-left:9px;padding-right:9px}
}
@media(prefers-reduced-motion:no-preference){
  #manas-online .mat-button{transition:background .18s ease,transform .18s ease}
}