/* Moon Aca course directory — approved mockup, scoped to avoid Woo/other pages. */
.mac-catalog{--mc-blue:#111956;--mc-navy:#111751;--mc-gold:#ffca16;--mc-ink:#151b50;--mc-shadow:0 7px 23px rgba(32,32,96,.12);color:var(--mc-ink);background:linear-gradient(#fff 75%,#fff8ef);font-family:inherit;overflow:hidden;padding-bottom:30px}
.mac-catalog *{box-sizing:border-box}.mac-c-wrap{width:min(1240px,calc(100% - 64px));margin-inline:auto}
body.woocommerce-shop .site-content,body.page-template-page-khoa-hoc .site-content{display:block;max-width:none;padding:0}body.woocommerce-shop .content-area,body.page-template-page-khoa-hoc .content-area{width:100%;float:none}body.woocommerce-shop .site-main,body.page-template-page-khoa-hoc .site-main{margin:0}body.woocommerce-shop .site-content>.inside-article,body.page-template-page-khoa-hoc .inside-article{padding:0}
.mac-c-hero{position:relative;min-height:315px;background:radial-gradient(ellipse at 40% 100%,#4a328d 0%,transparent 62%),linear-gradient(118deg,#101649 0%,#202473 58%,#34347b 100%);isolation:isolate;overflow:hidden}
.mac-c-hero::after{content:"";position:absolute;bottom:-45px;left:-5%;width:110%;height:88px;background:#fff4db;clip-path:ellipse(60% 44% at 50% 100%);z-index:0;opacity:.82}
.mac-c-hero-photo{position:absolute;inset:0 0 0 42%;background-image:linear-gradient(90deg,#1b2068 0%,rgba(27,32,104,.12) 38%,rgba(27,32,104,0) 75%),url('../images/piano.webp');background-size:cover;background-position:center 41%;z-index:-1}
.mac-c-hero-content{position:relative;padding-top:24px;padding-bottom:72px;z-index:1;color:#fff}.mac-c-crumb{display:flex;gap:9px;align-items:center;font-size:12px;opacity:.92;margin-bottom:24px}.mac-c-crumb a{color:#fff;text-decoration:none}.mac-c-hero h1{font-size:clamp(30px,3.5vw,47px);line-height:1.1;letter-spacing:-.035em;max-width:620px;color:#fff;margin:0 0 12px;font-weight:900}.mac-c-hero h1 em{font-style:normal;color:var(--mc-gold)}.mac-c-spark{font-size:26px;color:var(--mc-gold)}.mac-c-hero-content>p{max-width:550px;font-size:16px;font-weight:600;line-height:1.5;margin:0 0 22px}.mac-c-hero-cta{display:flex;flex-wrap:wrap;gap:12px}.mac-c-primary,.mac-c-outline{display:inline-flex;align-items:center;justify-content:center;gap:15px;text-decoration:none!important;min-height:43px;border-radius:50px;padding:10px 25px;font-size:13px;font-weight:850;transition:transform .2s,box-shadow .2s}.mac-c-primary{color:#091248!important;background:linear-gradient(#ffe578,#ffc514);box-shadow:0 6px 15px rgba(255,180,10,.28)}.mac-c-outline{color:white!important;border:1.5px solid #fff;background:rgba(30,27,113,.38)}.mac-c-primary:hover,.mac-c-outline:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.15)}
.mac-c-overlap{position:relative;margin-top:-37px;z-index:5}.mac-c-filters{background:#fff;padding:13px 15px;border:1px solid #e8e6f7;box-shadow:0 8px 20px rgba(15,16,80,.17);display:flex;align-items:center;gap:10px;border-radius:24px}.mac-c-search{flex:1 1 230px;min-width:200px;height:44px;border:1.5px solid #d8d7e9;box-shadow:0 3px 8px rgba(15,16,80,.09);border-radius:50px;display:flex;align-items:center;padding:0 13px;gap:7px}.mac-c-search span{font-size:26px;color:#172467}.mac-c-search input[type=search]{font-size:13px;width:100%;outline:0;border:0!important;background:transparent!important;box-shadow:none!important;color:var(--mc-ink);padding:5px}.mac-c-search-submit{border:0;background:var(--mc-gold);border-radius:30px;color:var(--mc-ink);font-weight:800;font-size:12px;padding:12px 15px;cursor:pointer}.mac-c-pills{display:flex;align-items:center;gap:8px;max-width:100%;flex-wrap:wrap}.mac-c-pills a{display:inline-flex;align-items:center;gap:6px;padding:11px 14px;border-radius:40px;white-space:nowrap;background:#f7f7ff;border:1px solid #e5e3f3;box-shadow:0 3px 9px rgba(7,16,76,.06);font-weight:800;font-size:12px;color:#181c57;text-decoration:none}.mac-c-pills a>span:first-child{font-size:16px;color:#222eae}.mac-c-pills a small{font-size:10px}.mac-c-pills a.active{background:linear-gradient(#ffe37d,#ffc618);border-color:#ffca16;color:#11194a}.mac-c-pills a.active>span:first-child{color:#11194a}
.mac-c-directory{padding-top:27px}.mac-c-heading{display:flex;align-items:end;justify-content:space-between;gap:10px;margin-bottom:19px}.mac-c-heading h2,.mac-c-goals h2{font-size:25px;color:#161a50;line-height:1.18;margin:0;font-weight:900;letter-spacing:-.02em;position:relative}.mac-c-heading h2::after,.mac-c-goals h2::after{content:"";display:block;width:95px;height:5px;background:#ffd122;transform:rotate(-3deg);margin-top:7px;border-radius:50%}.mac-c-heading>span{font-size:12px;color:#515a86}.mac-c-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.mac-c-card{min-width:0;border-radius:15px;overflow:hidden;background:#fff;border:1px solid #e8e9f4;box-shadow:0 5px 12px rgba(18,23,88,.08);display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.mac-c-card:hover{transform:translateY(-3px);box-shadow:var(--mc-shadow)}.mac-c-cover{position:relative;display:block;aspect-ratio:2.45/1;overflow:hidden;background:#eeeaff}.mac-c-cover img{display:block;width:100%;height:100%;object-fit:cover}.mac-c-tag{position:absolute;bottom:5px;left:10px;background:#ffde66;border:1px solid #fff;padding:3px 10px;color:#172158;font-size:10px;font-weight:850;border-radius:20px;box-shadow:0 1px 5px #0003}.mac-c-body{padding:9px 12px 10px;display:flex;flex-direction:column;flex:1}.mac-c-body h3{font-size:15px;font-weight:900;color:var(--mc-ink);line-height:1.2;margin:0 0 5px}.mac-c-body h3 a{color:inherit;text-decoration:none}.mac-c-body p{font-size:12px;line-height:1.37;color:#3c4770;margin:0 0 10px;min-height:32px}.mac-c-meta{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:4px;margin-top:auto;padding-bottom:9px;color:#333960;font-size:10px;font-weight:650}.mac-c-button{display:flex;align-items:center;justify-content:center;gap:8px;color:#10194b!important;text-decoration:none!important;background:linear-gradient(#ffe279,#ffc310);min-height:29px;border-radius:20px;font-size:11px;font-weight:900;text-align:center}.mac-c-pages ul{display:flex;justify-content:center;gap:7px;list-style:none;padding:0;margin:26px 0 0}.mac-c-pages .page-numbers{display:block;padding:7px 13px;border-radius:16px;background:#fff;color:#171d58;text-decoration:none}.mac-c-pages .current{background:var(--mc-gold);font-weight:800}.mac-c-empty{padding:40px 20px;text-align:center;border-radius:20px;background:white}.mac-c-empty h3{color:var(--mc-ink)}
.mac-c-bottom{margin-top:22px;display:grid;grid-template-columns:1.15fr .85fr;gap:22px;align-items:stretch}.mac-c-goals h2{font-size:21px}.mac-c-goal-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:15px}.mac-c-goal-grid a{min-width:0;border-radius:13px;box-shadow:0 2px 8px #20206012;border:1px solid #e8e8f3;background:#fff;text-align:center;min-height:104px;padding:12px 6px;text-decoration:none;color:#1a1f58;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.mac-c-goal-grid a>span{font-size:28px;color:#ffbb08}.mac-c-goal-grid strong{font-size:10px;line-height:1.35}.mac-c-consult{position:relative;display:flex;overflow:hidden;border-radius:20px;background:radial-gradient(circle at 95% 80%,#6c46c8 0%,transparent 45%),linear-gradient(110deg,#171769,#32228f);color:white;min-height:152px;padding:17px 20px;align-items:center}.mac-c-consult>div{position:relative;z-index:2;max-width:64%}.mac-c-consult h2{color:white;font-size:19px;margin:0 0 5px;line-height:1.13}.mac-c-consult p{font-size:11px;line-height:1.3;margin:0 0 10px}.mac-c-consult .mac-c-primary{font-size:10px;padding:7px 17px;min-height:30px}.mac-c-moon{position:absolute;top:-12px;right:-32px;color:#ffe37c;font-size:30px}.mac-c-consult img{height:100%;position:absolute;right:0;bottom:0;width:42%;object-fit:cover;object-position:28% center;mask-image:linear-gradient(90deg,transparent,#000 45%)}
@media(max-width:1150px){.mac-c-filters{flex-wrap:wrap}.mac-c-pills{flex:1 1 100%;justify-content:space-around}.mac-c-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){.mac-c-wrap{width:min(100% - 32px,600px)}.mac-c-hero{min-height:465px}.mac-c-hero-photo{inset:190px 0 0 0;background-image:linear-gradient(180deg,#1a1d62 0%,transparent 45%),url('../images/piano.webp');background-position:center center}.mac-c-hero-content{padding-top:18px;padding-bottom:265px}.mac-c-crumb{margin-bottom:12px}.mac-c-hero h1{font-size:31px;max-width:440px}.mac-c-hero-content>p{font-size:13px;max-width:400px;margin-bottom:13px}.mac-c-hero-cta{position:absolute;top:calc(100% - 115px);left:0;right:0;display:grid;grid-template-columns:1fr;gap:8px;max-width:600px}.mac-c-primary,.mac-c-outline{min-height:41px}.mac-c-overlap{margin-top:12px}.mac-c-filters{border-radius:20px;padding:10px}.mac-c-search{flex:1 1 calc(100% - 65px);min-width:0}.mac-c-pills{justify-content:flex-start;flex-wrap:nowrap;overflow:auto;padding:4px 0 6px;scrollbar-width:thin}.mac-c-pills a{flex:0 0 auto}.mac-c-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mac-c-bottom{grid-template-columns:1fr}.mac-c-goal-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:480px){.mac-c-hero{min-height:410px}.mac-c-hero-photo{inset:164px 0 0 0}.mac-c-hero-content{padding-bottom:245px}.mac-c-hero h1{font-size:27px}.mac-c-hero-content>p{font-size:12px}.mac-c-hero-cta{top:calc(100% - 98px)}.mac-c-hero-cta a{min-height:38px;padding:8px 13px}.mac-c-heading h2{font-size:19px}.mac-c-heading>span{font-size:10px}.mac-c-directory{padding-top:20px}.mac-c-grid{grid-template-columns:1fr;gap:10px}.mac-c-card{display:grid;grid-template-columns:94px minmax(0,1fr);min-height:108px;border-radius:13px}.mac-c-cover{height:100%;min-height:108px;aspect-ratio:auto}.mac-c-cover img{height:100%}.mac-c-tag{font-size:8px;left:4px;bottom:5px;padding:3px 5px}.mac-c-body{padding:9px 10px}.mac-c-body h3{font-size:14px}.mac-c-body p{font-size:11px;min-height:0;margin-bottom:5px}.mac-c-meta{padding-bottom:0;justify-content:flex-start;font-size:9px}.mac-c-button{position:absolute;right:10px;top:12px;min-height:22px;width:23px;font-size:0;border-radius:50%;padding:0}.mac-c-button span{font-size:13px}.mac-c-card{position:relative}.mac-c-body h3{padding-right:28px}.mac-c-goal-grid{grid-template-columns:repeat(2,1fr)}.mac-c-consult>div{max-width:70%}}
/* Shop-only chrome aligned with the reference dark header; no global header changes. */
body.woocommerce-shop .site-header,body.page-template-page-khoa-hoc .site-header,body.woocommerce-shop #site-navigation,body.page-template-page-khoa-hoc #site-navigation{background:#10174d!important;color:#fff}
body.woocommerce-shop .main-navigation .main-nav ul li a,body.page-template-page-khoa-hoc .main-navigation .main-nav ul li a,body.woocommerce-shop .main-navigation .menu-toggle,body.page-template-page-khoa-hoc .main-navigation .menu-toggle{color:#fff!important}
body.woocommerce-shop .main-navigation .main-nav ul li:hover>a,body.page-template-page-khoa-hoc .main-navigation .main-nav ul li:hover>a{background:#1c2469!important;color:#ffe071!important}
body.woocommerce-shop .site-header .main-title a,body.page-template-page-khoa-hoc .site-header .main-title a{color:#fff!important}