/* Moon Aca Course Studio 1.1.0 – mockup #2 layout correction.
 * Real WooCommerce data, no decorative demo reviews, prices, people or claims.
 * Loaded AFTER the original Course Studio stylesheet.
 */
body.moonaca-course-studio-active{--macs-v2-navy:#10194d;--macs-v2-indigo:#25306f;--macs-v2-gold:#ffc93a;--macs-v2-ink:#151d46;--macs-v2-quiet:#61708f}
.macs-v2{color:var(--macs-v2-ink);background:#fff;line-height:1.65}
.macs-v2 .macs-container{width:min(1250px,calc(100% - 56px))}
.macs-v2 h1,.macs-v2 h2,.macs-v2 h3{letter-spacing:-.025em}
.macs-v2 a:focus-visible,.macs-v2 summary:focus-visible{outline:3px solid #f2b525;outline-offset:4px}
/* ACTUAL SITE HEADER – retain WordPress menu/logo; style only the course view. */
body.moonaca-course-studio-active .site-header,body.moonaca-course-studio-active #site-navigation{background:#10194d!important;color:white}
body.moonaca-course-studio-active .site-header .site-title a,body.moonaca-course-studio-active .site-header .site-description,body.moonaca-course-studio-active .main-navigation .main-nav>ul>li>a{color:#fff!important}
body.moonaca-course-studio-active .main-navigation .main-nav>ul>li>a:hover,body.moonaca-course-studio-active .main-navigation .main-nav>ul>li[class*=current-menu]>a{color:var(--macs-v2-gold)!important}
/* HERO – photo occupies the right half without being a separate card. */
.macs-v2-hero{position:relative;isolation:isolate;min-height:460px;color:white;background:linear-gradient(115deg,#111a51,#232d78);overflow:hidden}
.macs-v2-hero:after{content:"";position:absolute;pointer-events:none;inset:0;z-index:1;background:radial-gradient(ellipse at 0 95%,rgba(130,91,221,.32),transparent 42%),linear-gradient(90deg,#11194d 0%,#141d53 37%,rgba(18,27,76,.72) 52%,rgba(17,25,73,.12) 77%,rgba(18,26,70,.05) 100%)}
.macs-v2-hero-photo{position:absolute;z-index:0;right:0;top:0;width:57%;height:100%;overflow:hidden;background:linear-gradient(145deg,#202860,#5e5b83)}
.macs-v2-hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(13,18,54,.38),transparent 45%);pointer-events:none}
.macs-v2-hero-image{display:block;height:100%!important;width:100%!important;object-fit:cover;object-position:47% center;max-height:none!important;min-height:0!important;border:0;border-radius:0!important;filter:saturate(1.04)}
.macs-v2-hero-inner{position:relative;z-index:2;min-height:460px;padding-top:22px;padding-bottom:38px;display:flex;flex-direction:column}
.macs-v2 .macs-breadcrumb{font-size:12px;gap:7px;margin:0 0 29px;color:rgba(255,255,255,.78)}
.macs-v2 .macs-breadcrumb a{color:rgba(255,255,255,.93)!important}
.macs-v2-hero-text{position:relative;max-width:58%;padding:2px 20px 4px 0}
.macs-v2-category{display:inline-flex;align-items:center;gap:7px;margin-bottom:10px;text-decoration:none!important;color:#ffd86e!important;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}
.macs-v2-category svg{width:16px;height:16px}
.macs-v2 .macs-v2-hero-text h1{font-size:clamp(36px,3.65vw,56px);line-height:1.11;letter-spacing:-.04em;color:white!important;font-weight:900;margin:0 0 8px;max-width:700px}
.macs-v2-hero-text h1 span{color:#ffce48}
.macs-v2-subtitle{color:#fff!important;font-size:clamp(17px,1.55vw,21px);font-weight:800;margin:0 0 10px!important;line-height:1.35}
.macs-v2-lead{font-size:14px;max-width:540px;color:#e5e9ff;line-height:1.6}
.macs-v2-lead p{color:inherit!important;margin:0!important}
.macs-v2-hero-highlights{display:flex;flex-wrap:wrap;align-items:stretch;gap:7px;margin:20px 0 23px}
.macs-v2-hero-highlight{display:flex;align-items:center;gap:8px;max-width:190px;min-height:48px;color:#fff;font-size:11px;font-weight:800;line-height:1.35;padding:8px 10px;border-radius:13px;border:1px solid rgba(255,217,100,.24);background:rgba(20,25,76,.18);text-wrap:pretty}
.macs-v2-hero-highlight svg{width:22px;height:22px;flex:0 0 22px;color:#ffce48;stroke-width:2.3}
.macs-v2-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:4px}
.macs-v2 .macs-btn{border-radius:13px!important;font-size:14px;padding:14px 19px;min-height:50px}
.macs-v2 .macs-btn-primary{background:linear-gradient(180deg,#ffe178,#ffbf18)!important;color:#131944!important;box-shadow:0 8px 25px rgba(255,192,23,.27)}
.macs-v2 .macs-btn-outline-light{background:rgba(28,35,94,.46)!important;border-color:rgba(255,255,255,.74)!important;color:white!important}
.macs-v2-hero-note{position:absolute;top:48px;right:42%;font-size:38px;color:#ffd967;opacity:.8}
/* Four bright fact cards overlap the dark hero like the reference mockup. */
.macs-v2-fact-wrap{position:relative;z-index:6;margin-top:-33px!important}
.macs-v2 .macs-facts-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.macs-v2 .macs-fact{border-radius:14px;min-height:91px;display:flex;align-items:center;gap:11px;padding:14px 15px;box-shadow:0 10px 28px rgba(12,25,80,.12);border:1px solid #e8eaf5}
.macs-v2 .macs-fact-icon{width:39px;height:39px;border-radius:11px;background:#fff3cf;color:#f1af08;flex:0 0 39px}
.macs-v2 .macs-fact small{color:#5f6886;font-size:11px;font-weight:700}
.macs-v2 .macs-fact strong{font-size:13px;line-height:1.36;font-weight:800}
/* Main column + sticky enrollment card. */
.macs-v2-body-grid{display:grid;grid-template-columns:minmax(0,1fr) 312px;gap:27px;align-items:start;padding:29px 0 72px}
.macs-v2-main{min-width:0}
.macs-v2-section{margin:0 0 29px}
.macs-v2-title{font-size:clamp(20px,1.72vw,25px)!important;line-height:1.27!important;font-weight:900!important;color:#131c46!important;margin:0 0 18px!important;position:relative;padding-bottom:10px}
.macs-v2-title:after{content:"";position:absolute;bottom:0;left:0;width:72px;height:3px;background:#f7ba28;border-radius:5px;transform:rotate(-1deg)}
.macs-v2-outcome-grid{display:grid;grid-template-columns:minmax(185px,.75fr) minmax(0,1fr);gap:22px;align-items:center}
.macs-v2-outcome-media{min-height:190px;height:100%;border-radius:17px;background:linear-gradient(145deg,#fcf7e5,#e8eafa);overflow:hidden;display:flex;align-items:center;justify-content:center}
.macs-v2-outcome-media img{display:block;width:100%;height:100%;min-height:185px;object-fit:cover}
.macs-v2-music-mark svg{width:94px;height:94px;color:#f1c665;opacity:.8}
.macs-v2-checklist{padding:0!important;margin:0!important;list-style:none!important;display:grid;gap:11px}
.macs-v2-checklist li{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.58;color:#293459}
.macs-v2-checklist li svg{flex:0 0 18px;width:18px;height:18px;color:#eeb116;margin-top:2px}
/* A wide teacher band with the teacher image anchored left. */
.macs-v2-teachers{display:grid;gap:12px}
.macs-v2-teacher-card{display:grid;grid-template-columns:minmax(140px,175px) 1fr;min-height:163px;border:1px solid #ece7e6;border-radius:19px;overflow:hidden;background:linear-gradient(110deg,#fff5e6 0%,#fff 45%,#fff9f3 100%);box-shadow:0 8px 21px rgba(35,42,93,.055)}
.macs-v2-teacher-photo{min-height:162px;overflow:hidden}
.macs-v2-teacher-photo img{width:100%;height:100%;min-height:162px;object-fit:cover;display:block}
.macs-v2-teacher-desc{padding:19px 18px 16px}
.macs-v2-eyebrow{color:#7d6a47;font-size:10px;letter-spacing:.09em;text-transform:uppercase;font-weight:900}
.macs-v2-teacher-desc h3{font-size:19px;color:#141c46;margin:3px 0 7px}
.macs-v2-teacher-desc p{font-size:13px;line-height:1.55;color:#475476;margin:4px 0}
.macs-v2-teacher-desc a{display:inline-flex;gap:6px;align-items:center;color:#172d88;font-size:12px;font-weight:800;margin-top:6px}
/* Clear actual student reviews only. */
.macs-v2 .macs-reviews{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}
.macs-v2 .macs-review-card{border-radius:15px;padding:18px 16px}
.macs-v2 .macs-review-card p{font-size:13px;line-height:1.55;color:#455073}
/* Accordion and course cards sit next to each other in the reference layout. */
.macs-v2-split-lower{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(0,1fr);gap:20px;align-items:start}
.macs-v2-split-lower .macs-v2-section{min-width:0}
.macs-v2 .macs-faq{gap:7px}
.macs-v2 .macs-faq details{border-radius:9px;border-color:#e2e6f2}
.macs-v2 .macs-faq summary{font-size:12px;padding:12px 11px;line-height:1.42;min-height:44px}
.macs-v2 .macs-faq details>div{font-size:12px;padding:0 12px 12px}
.macs-v2 .macs-related{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.macs-v2 .macs-related-card{border-radius:12px;min-width:0}
.macs-v2 .macs-related-card img{width:100%;height:105px;object-fit:cover;aspect-ratio:auto}
.macs-v2 .macs-related-card>span{font-size:11px;line-height:1.35;padding:9px 7px;gap:3px}
.macs-v2 .macs-related-card>span span{width:21px;height:21px;flex:0 0 21px}
/* Detailed original Woo description remains semantic HTML, collapsible in the compact landing. */
.macs-v2-extra{margin-top:6px}
.macs-v2-description{border:1px solid #e8eafa;border-radius:14px;background:#fff;overflow:hidden;margin-bottom:16px}
.macs-v2-description>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:9px;cursor:pointer;padding:17px 19px;font-weight:800;color:#273364;font-size:14px}
.macs-v2-description>summary::-webkit-details-marker{display:none}
.macs-v2-description>summary span{font-size:22px;font-weight:400}
.macs-v2-description[open]>summary span{transform:rotate(45deg)}
.macs-v2-description .macs-editorial{box-shadow:none;border:0;border-top:1px solid #e8eafa;border-radius:0;padding:25px 20px}
.macs-v2 .macs-confirmed{padding:18px;border:1px solid #e8eafa;border-radius:14px}
.macs-v2 .macs-confirmed h3{margin:0 0 12px;font-size:17px}
/* The sticky enrollment panel starts a little above the main column. */
.macs-v2-sidebar{position:relative;min-width:0;margin-top:-22px;z-index:7;align-self:stretch}
.macs-v2 .macs-enroll-card{position:sticky;top:100px;padding:13px;border-radius:18px;border:1px solid #e4e6ef;box-shadow:0 18px 49px rgba(22,32,80,.18);background:#fff}
.macs-v2 .macs-enroll-top{display:flex;gap:8px;align-items:center;margin:0 0 10px;padding:12px 10px;border-radius:11px;background:linear-gradient(180deg,#ffe589,#ffc52c);font-size:14px;font-weight:900}
.macs-v2 .macs-enroll-top svg{width:20px;height:20px}
.macs-v2 .macs-side-facts{padding:0!important;margin:0 0 8px!important}
.macs-v2 .macs-side-facts li{display:flex;gap:10px;border-bottom:1px solid #f0f0f6;padding:9px 4px}
.macs-v2 .macs-side-facts li:last-child{border:0}
.macs-v2 .macs-side-facts li svg{flex:0 0 18px;width:18px;height:18px;color:#e4a900}
.macs-v2 .macs-side-facts li small{font-size:11px;color:#79819c}
.macs-v2 .macs-side-facts li strong{font-size:12px;line-height:1.4;color:#283157}
.macs-v2 .macs-enroll-price{margin:8px 1px 12px;padding:14px 5px;border-top:1px solid #e6e8f0}
.macs-v2 .macs-enroll-price small{font-size:11px;color:#66708f}
.macs-v2 .macs-price-text{font-size:21px;line-height:1.25;color:#25306d;font-weight:900;margin:5px 0 0}
.macs-v2-enroll-tip{display:flex;gap:9px;align-items:flex-start;padding:12px 10px;margin:0 0 13px;border-radius:12px;background:#fff5da;color:#4c431f}
.macs-v2-enroll-tip>svg{flex:0 0 20px;width:20px;height:20px;color:#d39a05}
.macs-v2-enroll-tip strong{display:block;font-size:12px;line-height:1.3;color:#473714}
.macs-v2-enroll-tip span{display:block;font-size:11px;line-height:1.5;margin-top:5px;color:#726132}
.macs-v2 .macs-enroll-card .macs-btn{font-size:12px;min-height:45px;padding:10px 9px;margin-bottom:8px}
.macs-v2 .macs-enroll-card .macs-contact-phone{font-size:14px;gap:7px;color:#17225c}
.macs-v2 .macs-enroll-card .macs-contact-phone svg{color:#d99d0e}
/* Closing CTA */
.macs-v2 .macs-bottom-cta{background:linear-gradient(115deg,#131a4a,#252a76);padding:28px 0;color:#fff}
.macs-v2 .macs-bottom-inner h2{font-size:24px!important;color:#fff!important}
.macs-v2 .macs-bottom-inner .macs-btn{flex:0 0 auto}
/* Focus and small data conditions */
.macs-v2 .macs-editorial h2{color:#202b61}
.macs-v2 .macs-editorial a{color:#2849ab;text-decoration:underline}
@media(max-width:1100px){
  .macs-v2-body-grid{grid-template-columns:minmax(0,1fr) 295px;gap:19px}
  .macs-v2 .macs-fact{gap:7px;padding:12px 10px}
  .macs-v2 .macs-fact-icon{width:33px;height:33px;flex-basis:33px}
  .macs-v2-hero-text{max-width:62%}
  .macs-v2-split-lower{grid-template-columns:1fr}
  .macs-v2 .macs-related-card img{height:135px}
}
@media(max-width:900px){
  .macs-v2 .macs-container{width:min(750px,calc(100% - 34px))}
  .macs-v2-hero{min-height:0}
  .macs-v2-hero-inner{min-height:0;padding-bottom:290px}
  .macs-v2-hero-photo{top:auto;bottom:0;width:100%;height:295px}
  .macs-v2-hero:after{background:linear-gradient(180deg,#11194d 0%,#17225c 33%,#17225c 53%,rgba(19,28,79,.15) 79%,rgba(15,18,53,.12) 100%)}
  .macs-v2-hero-text{max-width:100%;padding:0}
  .macs-v2-hero-note{top:80px;right:9%}
  .macs-v2 .macs-breadcrumb{margin-bottom:20px}
  .macs-v2-body-grid{display:flex;flex-direction:column;gap:22px;padding-top:22px}
  .macs-v2-sidebar{order:0;width:100%;margin:0}
  .macs-v2-main{order:1;width:100%}
  .macs-v2 .macs-enroll-card{position:static;max-width:none}
  .macs-v2 .macs-side-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}
  .macs-v2 .macs-facts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .macs-v2-split-lower{grid-template-columns:repeat(2,minmax(0,1fr))}
  .macs-v2 .macs-related{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
  .macs-v2 .macs-container{width:calc(100% - 28px)}
  .macs-v2-hero-inner{padding-top:18px;padding-bottom:258px}
  .macs-v2-hero-photo{height:250px}
  .macs-v2 .macs-breadcrumb{margin-bottom:18px;font-size:11px}
  .macs-v2-category{font-size:10px}
  .macs-v2 .macs-v2-hero-text h1{font-size:clamp(32px,9vw,41px)}
  .macs-v2-subtitle{font-size:16px}
  .macs-v2-lead{font-size:13px;line-height:1.53}
  .macs-v2-hero-highlights{gap:5px;margin:15px 0 17px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
  .macs-v2-hero-highlight{min-width:0;max-width:none;padding:7px 6px;display:flex;flex-direction:column;text-align:center;justify-content:center;font-size:10px;border-color:rgba(255,216,121,.19)}
  .macs-v2-hero-highlight svg{width:21px;height:21px;flex:0 0 21px}
  .macs-v2-hero-actions{display:flex;flex-direction:column;gap:9px}
  .macs-v2 .macs-v2-hero-actions .macs-btn{width:100%;min-height:45px;padding:10px}
  .macs-v2-fact-wrap{margin-top:-8px!important}
  .macs-v2 .macs-facts-grid{gap:8px}
  .macs-v2 .macs-fact{padding:11px 9px;min-height:93px;display:flex;flex-direction:column;align-items:flex-start;gap:5px}
  .macs-v2 .macs-fact-icon{width:29px;height:29px;flex:0 0 29px}
  .macs-v2 .macs-fact-icon svg{width:16px;height:16px}
  .macs-v2 .macs-fact small{font-size:10px}
  .macs-v2 .macs-fact strong{font-size:11px;overflow-wrap:anywhere}
  .macs-v2-body-grid{padding-top:18px;padding-bottom:52px}
  .macs-v2 .macs-enroll-card{padding:11px}
  .macs-v2 .macs-side-facts{gap:0 9px}
  .macs-v2 .macs-side-facts li{padding:8px 1px;gap:6px}
  .macs-v2 .macs-side-facts li svg{width:15px;height:15px;flex-basis:15px}
  .macs-v2 .macs-side-facts li strong{font-size:11px}
  .macs-v2-title{font-size:21px!important}
  .macs-v2-outcome-grid{grid-template-columns:1fr;gap:15px}
  .macs-v2-outcome-media{min-height:160px;max-height:210px}
  .macs-v2-checklist li{font-size:13px}
  .macs-v2-teacher-card{grid-template-columns:minmax(95px,120px) 1fr}
  .macs-v2-teacher-photo{min-height:160px}
  .macs-v2-teacher-photo img{min-height:160px}
  .macs-v2-teacher-desc{padding:12px 11px}
  .macs-v2-teacher-desc h3{font-size:16px}
  .macs-v2-teacher-desc p,.macs-v2-teacher-desc a{font-size:11px}
  .macs-v2-split-lower{grid-template-columns:1fr;gap:16px}
  .macs-v2 .macs-related{grid-template-columns:repeat(3,minmax(0,1fr))}
  .macs-v2 .macs-related-card img{height:91px}
  .macs-v2 .macs-related-card>span{font-size:10px}
  .macs-v2 .macs-bottom-inner h2{font-size:21px!important}
  .macs-v2 .macs-bottom-inner .macs-btn{width:100%}
  .macs-v2{padding-bottom:64px}
}
@media(max-width:360px){
  .macs-v2 .macs-related{grid-template-columns:repeat(2,minmax(0,1fr))}
  .macs-v2 .macs-fact strong{font-size:10.5px}
  .macs-v2 .macs-v2-hero-text h1{font-size:31px}
}