/* QTASS Institute extends the existing design system, without changing LMS selectors. */
.qtass-hero{background:var(--ink,#351329);color:#fff9ee;padding:100px 0 84px;position:relative}
.qtass-hero .site-shell{max-width:1240px}.qtass-hero h1{font-size:var(--fs-h1);max-width:960px;color:inherit;margin:18px 0 24px}.qtass-hero p{max-width:800px}.qtass-hero .eyebrow{color:#dfbd80}.qtass-hero__actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:28px}
.qtass-home-hero{min-height:76vh;display:flex;align-items:center}.qtass-home-hero h1{font-size:var(--fs-display)}.qtass-home-hero__subtitle{font-size:var(--fs-body-lg)}
.qtass-section{position:relative;padding:80px 0;background:#fffdf9}.qtass-section--cream{background:#f5ebdd}.qtass-section--ivory{background:#fcfaf7}.qtass-section h2{font-size:var(--fs-h2)}
.qtass-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.qtass-service-entry{padding:32px;background:#fffdf9;border:1px solid rgba(82,40,60,.12);border-radius:18px;display:flex;flex-direction:column;min-width:0}.qtass-service-entry h3{font-size:var(--fs-h4)}.qtass-service-entry .text-link{margin-top:auto}.qtass-service-entry p{line-height:1.75}
.qtass-service-grid--five{grid-template-columns:repeat(5,minmax(0,1fr))}.qtass-service-grid--five .qtass-service-entry{padding:26px 20px}
.qtass-service-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.qtass-service-card{overflow:hidden;border:1px solid rgba(82,40,60,.12);border-radius:18px;background:#fffdf9}.qtass-service-card__image{display:block;aspect-ratio:16/10;overflow:hidden}.qtass-service-card__image img{width:100%;height:100%;object-fit:cover}.qtass-service-card__body{padding:26px}.qtass-service-card h2{font-size:var(--fs-h4)}.qtass-service-meta{font-size:var(--fs-meta);color:var(--color-muted,#74636e)}.qtass-service-price{font-size:var(--fs-h4);margin:18px 0}.qtass-service-card .button{margin-top:16px}
.qtass-service-detail{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,1fr);gap:56px}.qtass-service-detail img{width:100%;border-radius:18px}.qtass-purchase{padding:32px;border:1px solid rgba(82,40,60,.15);border-radius:18px;background:#f5ebdd}.qtass-purchase form{margin:24px 0}.qtass-purchase audio{width:100%}.qtass-service-disclaimer{padding:32px;max-width:1240px;margin:40px auto;background:#f8f5f2;border:1px solid rgba(82,40,60,.05);border-radius:14px}.qtass-service-disclaimer h2{font-size:var(--fs-h4)}.qtass-service-disclaimer p{font-size:var(--fs-body-sm);line-height:1.75}
.qtass-founder-layout{display:grid;grid-template-columns:40% minmax(0,1fr);gap:64px;align-items:center}.qtass-founder-layout img{width:100%;border-radius:24px;max-height:620px;object-fit:cover}.qtass-values{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px}.qtass-values h3{font-size:var(--fs-h4)}
.qtass-account-card{padding:26px;margin:24px 0;border:1px solid rgba(82,40,60,.12);border-radius:16px;background:#fffdf9;min-width:0}.qtass-account-card h3{font-size:var(--fs-h4)}.qtass-account-card summary{cursor:pointer;padding:12px 0}.qtass-account-card audio{display:block;width:100%;margin:18px 0}.qtass-account-card form{margin:16px 0}.qtass-account-pagination{display:flex;gap:24px}.qtass-institute-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.qtass-institute-stats article{padding:20px;border:1px solid rgba(82,40,60,.12);border-radius:12px}.qtass-institute-stats strong{display:block;font-size:var(--fs-h3)}
.qtass-question-form label,.qtass-booking label{display:block;margin:16px 0}.qtass-question-form textarea,.qtass-booking select{width:100%;max-width:100%;padding:12px;border-radius:8px;border:1px solid rgba(82,40,60,.2);font:inherit}.qtass-suggested-questions{max-height:400px;overflow:auto}.qtass-suggested-questions label{display:flex;gap:10px;align-items:baseline}.qtass-suggested-questions input{flex-shrink:0}.qtass-booking{padding:24px 0}.qtass-booking h2{font-size:var(--fs-h3)}.qtass-booking-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:24px 0}.qtass-booking-toolbar button,.qtass-calendar button,.qtass-booking-slots button{min-height:44px;border:1px solid rgba(82,40,60,.18);background:#fffdf9;border-radius:8px;padding:10px;color:#52283c;cursor:pointer;font:inherit}.qtass-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.qtass-calendar button:disabled{opacity:.35;cursor:default}.qtass-calendar button.is-active,.qtass-booking-slots button:hover{background:#52283c;color:#fffdf9}.qtass-booking-slots{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.qtass-booking-feedback{font-size:var(--fs-body-sm)}.qtass-booking [disabled]{opacity:.5}.qtass-account-view,.qtass-service-detail>*{min-width:0;overflow-wrap:anywhere}
.qtass-institute:not(.kh-marketing-page) .site-header{position:relative}.qtass-institute:not(.kh-marketing-page) .site-header.is-hidden{transform:none}.qtass-nav-cta{white-space:nowrap;font-size:var(--fs-button);padding:10px 14px}.qtass-institute .site-nav__list{gap:16px}.qtass-institute .site-nav__list a{font-size:13px}
.qtass-institute :is(a,button,input,textarea,select):focus-visible{outline:2px solid #c98a2d;outline-offset:4px}
@media(max-width:1280px){.qtass-service-grid--five{grid-template-columns:repeat(3,minmax(0,1fr))}.qtass-values{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1000px){.qtass-service-grid,.qtass-service-list{grid-template-columns:repeat(2,minmax(0,1fr))}.qtass-service-detail{grid-template-columns:1fr}.qtass-founder-layout{gap:32px}.qtass-section{padding:64px 0}}
@media(max-width:760px){.qtass-hero{padding:64px 0 56px}.qtass-home-hero{min-height:70vh}.qtass-service-grid,.qtass-service-list,.qtass-service-grid--five,.qtass-values,.qtass-founder-layout{grid-template-columns:1fr}.qtass-section{padding:52px 0}.qtass-institute-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.qtass-purchase,.qtass-account-card,.qtass-service-disclaimer{padding:22px}.qtass-service-disclaimer{margin:24px 20px}.qtass-calendar button{padding:8px 2px}.qtass-founder-layout img{max-height:460px}}
@media(prefers-reduced-motion:reduce){.qtass-institute *{scroll-behavior:auto;animation-duration:.01ms;transition-duration:.01ms}}
.site-brand__institute{display:block;font-size:11px;letter-spacing:.22em;line-height:1.6}.qtass-institute:not(.kh-marketing-page) .site-header.is-scrolled{position:relative;transform:none;background:var(--ink)}
.qtass-institute .site-header__inner{width:min(1680px,calc(100% - 48px))}.qtass-institute:not(.kh-marketing-page) .site-header{background:var(--ink);color:var(--white)}.qtass-institute:not(.qtass-restored-layout) .home-instructor::before{content:none}.qtass-lesson-audio{padding:28px;background:var(--mist)}.qtass-lesson-audio audio{width:100%}.qtass-private-reading{max-width:900px}
@media(max-width:1199px){.qtass-institute .site-nav-toggle{display:block;color:inherit}.qtass-institute .site-nav{position:absolute;z-index:200;top:100%;right:20px;left:20px;display:none;flex-direction:column;align-items:stretch;max-height:80vh;overflow:auto;padding:24px;background:#fffdf9;color:#52283c;border-radius:14px;box-shadow:0 15px 35px rgba(30,10,25,.14)}.qtass-institute .site-nav.is-open{display:flex}.qtass-institute .site-nav__list{flex-direction:column;align-items:stretch;gap:4px}.qtass-institute .site-nav__list a{display:block;padding:10px;font-size:15px}.qtass-institute .site-nav__account{text-align:center}}

.qtass-calendar__weekday{text-align:center;font-size:var(--fs-meta);font-weight:600;padding:8px 0;color:var(--qt-plum,#52283c)}
.qtass-question-form [hidden]{display:none}

.qtass-institute .qtass-contact-page .qtass-page-hero{background-color:var(--ink);background-image:linear-gradient(rgba(35,15,30,.35),rgba(35,15,30,.6)),var(--qtass-page-hero-image,none)}
/* Desktop nav stays on one row from 1200px: tighten in steps instead of switching to the phone menu. */
@media(min-width:1200px) and (max-width:1540px){.qtass-institute .site-header__inner{gap:20px}.qtass-institute .site-nav{gap:14px}.qtass-institute .site-nav__list{gap:12px}.qtass-institute .site-nav__list a{font-size:12px;letter-spacing:.03em}.qtass-institute .qtass-nav-cta{min-height:42px;padding:10px 16px;font-size:12px;letter-spacing:.03em}.qtass-institute .site-nav__account{padding:9px 14px;font-size:12px;letter-spacing:.03em}}
@media(min-width:1200px) and (max-width:1366px){.qtass-institute .site-nav__list>.menu-item-home{display:none}.qtass-institute .site-header .site-brand__image{height:54px}}
@media(min-width:1200px) and (max-width:1279px){.qtass-institute .site-header__inner{gap:14px}.qtass-institute .site-nav{gap:10px}.qtass-institute .site-nav__list{gap:9px}.qtass-institute .site-nav__list a,.qtass-institute .qtass-nav-cta,.qtass-institute .site-nav__account{letter-spacing:0}.qtass-institute .qtass-nav-cta{padding:10px 14px}.qtass-institute .site-nav__account{padding:9px 12px}}
#cau-hoi-thuong-gap,#form-lien-he{scroll-margin-top:110px}
/* Phone menu: centred account button, and the toggle turns into a close (×) icon while the menu is open. */
@media(max-width:1199px){.qtass-institute .site-nav__account{justify-content:center}.qtass-institute .site-nav-toggle>span:not(.screen-reader-text){transition:transform .2s,opacity .2s}.qtass-institute .site-nav-toggle[aria-expanded="true"]>span:nth-child(1){transform:translateY(7px) rotate(45deg)}.qtass-institute .site-nav-toggle[aria-expanded="true"]>span:nth-child(2){opacity:0}.qtass-institute .site-nav-toggle[aria-expanded="true"]>span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}}
/* Nút CTA trên menu: bỏ biểu tượng mũi tên */
a.button--gold.qtass-nav-cta::after{content:none;margin:0}
/* Menu di động: mở ra toàn màn hình */
@media(max-width:1199px){
 html.qt-nav-open,html.qt-nav-open body{overflow:hidden}
 .qt-nav-open .site-header{will-change:auto;transform:none!important;backdrop-filter:none;-webkit-backdrop-filter:none;z-index:400}
 .qt-nav-open .site-nav-toggle{position:relative;z-index:420;color:var(--qtass-ivory,#fff5e5)}
 .qtass-institute .site-nav.is-open{position:fixed;inset:0;z-index:410;width:100%;height:100vh;height:100dvh;max-height:none;box-sizing:border-box;padding:calc(env(safe-area-inset-top,0px) + 104px) 28px calc(env(safe-area-inset-bottom,0px) + 32px);gap:10px;justify-content:flex-start;overflow-y:auto;overscroll-behavior:contain;border-radius:0;box-shadow:none;background:var(--qtass-plum-950,#271426);color:var(--qtass-ivory,#fff5e5)}
 .qtass-institute .site-nav.is-open .site-nav__list{gap:0;margin-bottom:18px}
 .qtass-institute .site-nav.is-open .site-nav__list a{padding:16px 4px;font-family:var(--font-heading,Lora,Georgia,serif);font-size:1.35rem;line-height:1.3;letter-spacing:0;text-transform:none;color:inherit;border-bottom:1px solid rgba(231,194,125,.16)}
 .qtass-institute .site-nav.is-open .site-nav__list a::after{content:none}
 .qtass-institute .site-nav.is-open .site-nav__list .current-menu-item>a{color:var(--qtass-gold-300,#e7c27d)}
 .qtass-institute .site-nav.is-open .qtass-nav-cta,.qtass-institute .site-nav.is-open .site-nav__account{display:flex;align-items:center;justify-content:center;width:100%;min-height:52px;font-size:var(--fs-button,15px);text-align:center}
 .qtass-institute .site-nav.is-open .site-nav__account{color:inherit;border-color:rgba(231,194,125,.55);background:transparent}
}
/* Nút lên đầu trang */
.qt-scroll-top{position:fixed;right:20px;bottom:20px;z-index:90;display:grid;place-items:center;width:48px;height:48px;padding:0;border:1px solid rgba(231,194,125,.6);border-radius:50%;color:var(--qtass-plum-950,#271426);background:linear-gradient(135deg,#d7a34c,#e7c27d);box-shadow:0 10px 26px rgba(39,20,38,.28);cursor:pointer;opacity:0;transform:translateY(10px);transition:opacity .25s ease,transform .25s ease}
.qt-scroll-top[hidden]{display:none}
.qt-scroll-top.is-visible{opacity:1;transform:none}
.qt-scroll-top:hover{transform:translateY(-3px)}
.qt-scroll-top:focus-visible{outline:2px solid var(--qtass-gold-600,#c98a2d);outline-offset:4px}
.qt-scroll-top svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.qt-nav-open .qt-scroll-top{display:none}
@media(max-width:767px){.qt-scroll-top{right:16px;bottom:16px;width:46px;height:46px}}
@media(prefers-reduced-motion:reduce){.qt-scroll-top{transition:none}}