/* ==========================================================================
   Cameron Park ELC — shared design system  (Option 1 / DesignerPro)
   FILE DÙNG CHUNG — subagent KHÔNG được sửa file này.
   Cần component mới -> báo agent chính, đừng tự thêm <style> vào trang.
   ========================================================================== */

/* ---------- motion tokens ----------
   Thang thời gian + easing DÙNG CHUNG. Sửa ở đây là đổi nhịp toàn site.
   Tông: êm, ấm, chậm rãi (mầm non) — không bounce, không giật.
   CHỈ animate transform + opacity (chạy trên compositor). */
:root{
  --ease-out:cubic-bezier(.2,.7,.3,1);   /* chủ đạo — ra nhanh, dừng êm */
  --ease-soft:cubic-bezier(.4,0,.2,1);   /* hover / state nhỏ */
  --dur-1:.2s;    /* micro: focus ring, đổi màu chữ */
  --dur-2:.32s;   /* UI nhỏ: gạch chân nav, nút, chevron */
  --dur-3:.85s;   /* reveal khi cuộn tới */
  --dur-4:1.2s;   /* zoom ảnh gallery */
  --dur-5:1.6s;   /* zoom ảnh lớn (split / zig-zag) */
  --stagger:70ms; /* nhịp lệch giữa các phần tử cùng nhóm */
  --lift:-2px;    /* độ nhấc khi hover */
}

/* ---------- base ---------- */
*{margin:0;box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:clamp(84px,14vh,132px)}
body{font-family:'Amiko',sans-serif;color:#555550;background:#fff;line-height:1.8;font-size:17px;-webkit-font-smoothing:antialiased}
.page{width:100%;background:#fff;position:relative;overflow-x:clip}
img{max-width:100%;display:block}
a{text-decoration:none;color:inherit}
h1,h2,h3,h4{font-family:'Raleway',sans-serif;font-weight:700;line-height:1.3;color:#007038;letter-spacing:.005em}
.wrap{padding-left:max(40px,calc((100% - 1140px)/2))!important;padding-right:max(40px,calc((100% - 1140px)/2))!important}
.eyebrow{font-family:'Raleway';font-weight:700;font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:#6e6b5d}
.divider{width:44px;height:2px;background:#6e6b5d;margin:14px auto 16px}
.divider.left{margin-left:0;margin-right:0}
.lede{font-size:19px;line-height:1.75}
.center{text-align:center}
.muted{color:#6e6b5d}

/* ---------- buttons ---------- */
.btn{display:inline-block;font-family:'Raleway';font-weight:600;font-size:13px;letter-spacing:.13em;text-transform:uppercase;padding:15px 32px;border-radius:2px;white-space:nowrap;transition:background .3s,color .3s,border-color .3s,transform var(--dur-2) var(--ease-soft),box-shadow var(--dur-2) var(--ease-soft)}
.btn-taupe{background:#007038;color:#fff;border:1px solid #007038}
.btn-taupe:hover{background:#00552a;border-color:#00552a}
.btn-green{background:#007038;color:#fff;border:1px solid #007038;border-radius:4px}
.btn-green:hover{background:#00552a;border-color:#00552a}
.btn-outline{background:transparent;color:#007038;border:1px solid #007038;border-radius:4px}
.btn-outline:hover{background:#007038;color:#fff}
.btn-white{background:#fff;color:#007038;border:1px solid #fff;border-radius:4px}
.btn-white:hover{background:#eaefe9;border-color:#eaefe9}
/* hover: nhấc nhẹ + bóng mềm · active: lún xuống. KHÔNG đổi màu/bo góc. */
.btn:hover{transform:translateY(var(--lift));box-shadow:0 12px 24px -16px rgba(30,45,38,.62)}
.btn:active{transform:translateY(0) scale(.985);box-shadow:0 4px 10px -8px rgba(30,45,38,.5);transition-duration:.09s}
.learn{font-family:'Raleway';font-weight:600;font-size:14px;letter-spacing:.04em;color:#007038;transition:color var(--dur-2) var(--ease-soft)}
.learn:hover{color:#6e6b5d}

/* ---------- skip link (a11y) ---------- */
.skip{position:absolute;left:-9999px;top:0;z-index:100;background:#007038;color:#fff;
      font-family:'Raleway';font-weight:600;font-size:14px;padding:12px 20px;border-radius:0 0 4px 0}
.skip:focus{left:0}

/* ---------- nav ---------- */
.nl{font-family:'Raleway';font-weight:600;font-size:13px;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;color:#555550;transition:color .25s}
.nl:hover,.nl[aria-current="page"]{color:#007038}
.nl[aria-current="page"]{position:relative;border-bottom:0;padding-bottom:0}
/* gạch chân trượt: scaleX từ giữa ra — KHÔNG animate width (tránh layout thrash).
   Chỉ áp cho nav ngang; link footer/menu mobile là block nên bỏ qua. */
.navlinks .nl{position:relative}
.navlinks .nl::after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:2px;background:#6e6b5d;transform:scaleX(0);transform-origin:50% 50%;transition:transform var(--dur-2) var(--ease-out)}
.navlinks .nl[aria-current="page"]::after{transform:scaleX(1)}
.navlinks .nl:hover::after,
.navlinks .nl:focus-visible::after{transform:scaleX(1)}
#nav{transition:box-shadow .3s,padding var(--dur-2) var(--ease-soft)}
.logo{transition:height var(--dur-2) var(--ease-soft)}
#nav.shrink{padding-top:2px!important;padding-bottom:2px!important}
#nav.shrink .logo{height:62px!important}
.navlinks{display:flex;gap:15px;align-items:center}
.burger{display:none;width:44px;height:44px;border:1px solid #948d6f;background:transparent;cursor:pointer;flex-direction:column;gap:5px;align-items:center;justify-content:center;padding:0}
.burger span{display:block;width:20px;height:1.5px;background:#007038;transition:transform .3s,opacity .25s}
.burger[aria-expanded="true"] span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
.burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}
.mm{display:none;position:fixed;left:0;right:0;top:0;z-index:58;background:#fff;overflow:hidden;max-height:0;transition:max-height .42s cubic-bezier(.2,.7,.3,1);box-shadow:0 22px 44px -24px rgba(30,45,38,.5)}
.mm:not(.open){visibility:hidden}
.mm.open{visibility:visible;max-height:calc(100vh - 90px);overflow-y:auto;border-bottom:1px solid #e6e3da}
.mm a{display:block;padding:16px 0;border-bottom:1px solid #e6e3da;font-family:'Raleway';font-weight:600;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:#007038}
.mmbd{display:none;position:fixed;inset:0;z-index:57;background:rgba(30,45,38,.42);opacity:0;pointer-events:none;transition:opacity .35s}
.mmbd.open{opacity:1;pointer-events:auto}

/* ---------- hero: trang chu (slider) ---------- */
.hero{min-height:calc(100vh - 120px)}
.slide{opacity:0;transition:opacity 1.6s ease}
.slide.active{opacity:1}
.slides img.active{animation:kb 14s ease-out both}
@keyframes kb{from{transform:scale(1.02)}to{transform:scale(1.1)}}
/* chữ hero vào mượt: fade + rise nhẹ, chạy 1 lần khi tải trang */
@keyframes riseIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.herotag{animation:riseIn 1.1s var(--ease-out) .18s both}

/* ---------- hero: trang trong (anh + tieu de) ---------- */
.phero{position:relative;display:flex;align-items:flex-end;min-height:420px;overflow:hidden}
.phero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.phero .sh{position:absolute;inset:0;background:linear-gradient(180deg,rgba(30,45,38,.18) 0%,rgba(30,45,38,.62) 100%)}
.phero .pin{position:relative;z-index:2;width:100%;padding:0 0 54px}
.phero h1{color:#fff;font-size:46px;line-height:1.2;margin-top:8px}
.phero .eyebrow{color:#e7dfcd}
.phero p{color:#eef1ec;max-width:640px;margin-top:14px;font-size:17px}
.crumb{font-family:'Raleway';font-weight:600;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.72);margin-bottom:6px}
.crumb a{transition:color var(--dur-2) var(--ease-soft)}
.crumb a:hover{color:#fff}
/* hero trang trong: breadcrumb -> h1 -> lede vào lệch nhau 1 nhịp */
.phero .pin>*{animation:riseIn .95s var(--ease-out) both}
.phero .pin>*:nth-child(1){animation-delay:.1s}
.phero .pin>*:nth-child(2){animation-delay:.2s}
.phero .pin>*:nth-child(3){animation-delay:.3s}
.phero .pin>*:nth-child(n+4){animation-delay:.38s}

/* ---------- section chung ---------- */
.sec{padding:84px 0}
.sec.tight{padding:56px 0}
.sec.cream{background:#fbf8f3}
.sec.sage{background:#eef1ec}
.sechead{max-width:760px;margin:0 auto 40px;text-align:center}
.sechead h2{font-size:31px;margin-top:10px}
.sechead.left{margin-left:0;text-align:left}
.sechead.left .divider{margin-left:0}

/* ---------- prose (rich text) ---------- */
.prose{max-width:820px}
.prose.wide{max-width:100%}
.prose h2{font-size:29px;margin:38px 0 14px}
.prose h3{font-size:22px;margin:30px 0 10px}
.prose h2:first-child,.prose h3:first-child{margin-top:0}
.prose p{margin-bottom:18px}
.prose ul,.prose ol{margin:0 0 20px 20px}
.prose li{margin-bottom:9px}
.prose ul{list-style:none;margin-left:0}
.prose ul li{position:relative;padding-left:26px}
.prose ul li::before{content:"";position:absolute;left:2px;top:12px;width:7px;height:7px;border-radius:50%;background:#6e6b5d}
.prose strong{color:#007038}
.prose a{color:#007038;font-weight:600;border-bottom:1px solid #d8d4c6}
.prose a:hover{color:#6e6b5d}

/* ---------- welcome 2 cot (trang chu: chu + logo) ---------- */
.split>*,.acts>*,.zrow>*,.trustgrid>*,.cards3>*,.cards4>*,.team>*,.quotes>*,.gal>*,.formgrid>*,.revs>*,.dls>*,.accred>*,.feats>*{min-width:0}
.welcome{display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:center}

/* ---------- split 2 cot (chu + anh) ---------- */
.split{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
.split.alt .simg{order:2}
.split.alt .stext{order:1}
.simg{overflow:hidden;border-radius:18px}
.simg img{width:100%;height:100%;min-height:360px;object-fit:cover;transition:transform var(--dur-5) var(--ease-out)}
.simg:hover img{transform:scale(1.05)}

/* ---------- zig-zag (Belonging / Coming Together / Spaces) ---------- */
.zz{padding:6px 0 84px}
.zrow{display:grid;grid-template-columns:55fr 45fr;gap:56px;align-items:center;margin-bottom:60px}
.zrow:last-child{margin-bottom:0}
.zrow.alt .zimg{order:2}
.zrow.alt .ztext{order:1}
.zimg{overflow:hidden;border-radius:18px}
.zimg img{width:100%;height:420px;object-fit:cover;transition:transform var(--dur-5) var(--ease-out)}
.zimg:hover img{transform:scale(1.05)}
.znum{display:block;font-family:'Raleway';font-weight:700;font-size:42px;line-height:1;color:#9e9268;margin-bottom:10px}
.ztext h3{font-size:27px;margin-bottom:12px;text-align:left}
.ztext p{font-size:16px;text-align:left}

/* ---------- action cards (Join Waitlist / Enquire Now) ---------- */
.acts{display:grid;grid-template-columns:1fr 1fr;gap:28px;max-width:1000px;margin:0 auto}
.act{display:flex;gap:20px;align-items:flex-start;text-align:left;background:#fff;border:1px solid #e6e3da;border-left:3px solid #007038;border-radius:4px;padding:30px 32px;transition:border-color .3s,box-shadow var(--dur-2) var(--ease-soft),transform var(--dur-2) var(--ease-soft)}
.act:hover{border-left-color:#6e6b5d;box-shadow:0 18px 34px -26px rgba(30,45,38,.55);transform:translateY(var(--lift))}
.acticon{flex:none;margin-top:3px}
.act h3{font-size:21px;margin-bottom:8px}
.act p{font-size:16px;margin-bottom:20px}

/* ---------- trust band ---------- */
.trust{background:#fbf8f3;padding:74px 0}
.trustgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:34px}
.tcell{padding:0 30px;border-left:1px solid #e0ddd2}
.tcell:first-child{border-left:none;padding-left:0}
.tcell:last-child{padding-right:0}
.ticon{width:46px;height:46px;border-radius:12px;background:#eaefe9;display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.tcell h3{font-size:18px;margin-bottom:8px}
.tcell p{font-size:15px;line-height:1.75}
.tstrip{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 26px;margin-top:46px;padding-top:26px;border-top:1px solid #e0ddd2}
.tstrip span{font-family:'Raleway';font-weight:600;font-size:12.5px;letter-spacing:.11em;text-transform:uppercase;color:#6e6b5d}

/* ---------- the 3 cot (anh tren, chu duoi) ---------- */
.cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.cards4{display:grid;grid-template-columns:repeat(4,1fr);gap:26px}
.card{background:#fff;border:1px solid #e6e3da;border-radius:14px;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow var(--dur-2) var(--ease-soft),transform var(--dur-2) var(--ease-soft)}
.card:hover{box-shadow:0 22px 40px -30px rgba(30,45,38,.6);transform:translateY(-3px)}
.card .cimg img{transition:transform var(--dur-5) var(--ease-out)}
.card:hover .cimg img{transform:scale(1.04)}
.card .cimg{aspect-ratio:4/3;overflow:hidden}
.card .cimg img{width:100%;height:100%;object-fit:cover}
.card .cbody{padding:24px 26px 28px}
.card h3{font-size:20px;margin-bottom:8px}
.card p{font-size:15.5px;line-height:1.75}

/* ---------- the co icon (khong anh) ---------- */
.ftile{background:#fff;border:1px solid #e6e3da;border-radius:14px;padding:28px 28px 30px}
.ftile .ficon{width:46px;height:46px;border-radius:12px;background:#eaefe9;display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.ftile h3{font-size:19px;margin-bottom:8px}
.ftile p{font-size:15.5px;line-height:1.75}

/* ---------- meet the team ---------- */
.team{display:grid;grid-template-columns:repeat(3,1fr);gap:34px}
.tm{text-align:left}
.tm .tmimg{aspect-ratio:1/1;border-radius:16px;overflow:hidden;margin-bottom:18px;background:#eef1ec}
.tm .tmimg img{width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform var(--dur-5) var(--ease-out)}
.tm:hover .tmimg img{transform:scale(1.04)}
.tm h3{font-size:20px;margin-bottom:2px}
.tm .role{font-family:'Raleway';font-weight:600;font-size:12.5px;letter-spacing:.13em;text-transform:uppercase;color:#6e6b5d;margin-bottom:12px}
.tm p{font-size:15.5px;line-height:1.75}

/* ---------- gallery ---------- */
.gal{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.gal figure{margin:0;overflow:hidden;border-radius:14px;aspect-ratio:4/3;background:#eef1ec}
.gal figure.tall{aspect-ratio:3/4}
.gal figure.wide{grid-column:span 2;aspect-ratio:8/3}
.gal img{width:100%;height:100%;object-fit:cover;transition:transform var(--dur-4) var(--ease-out)}
.gal figure:hover img{transform:scale(1.06)}

/* ---------- steps (waitlist / enrolment) ---------- */
.steps{counter-reset:s;display:grid;gap:0;max-width:900px}
.step{counter-increment:s;position:relative;padding:26px 0 26px 76px;border-bottom:1px solid #e6e3da}
.step:last-child{border-bottom:none}
.step::before{content:counter(s,decimal-leading-zero);position:absolute;left:0;top:24px;font-family:'Raleway';font-weight:700;font-size:30px;line-height:1;color:#9e9268}
.step h3{font-size:20px;margin-bottom:6px}
.step p{font-size:16px}

/* ---------- bang thong tin (gio giac, phi, do tuoi) ---------- */
.info{width:100%;border-collapse:collapse;font-size:16px;table-layout:fixed}
.info th,.info td{overflow-wrap:anywhere;word-break:break-word}
.info th,.info td{text-align:left;padding:15px 18px;border-bottom:1px solid #e6e3da;vertical-align:top}
.info th{font-family:'Raleway';font-weight:700;color:#007038;width:34%}
.info tr:last-child th,.info tr:last-child td{border-bottom:none}
.infobox{background:#fbf8f3;border:1px solid #e6e3da;border-radius:14px;padding:8px 26px}

/* ---------- form controls ----------
   Trang contact/waitlist/meet-the-team dựng field bằng inline style; inline KHÔNG viết được
   :focus nên rule dưới đây vá phần đó cho cả 3 trang mà không phải sửa markup.
   Trang mới thì dùng thẳng .fld / .formgrid cho sạch. */
form input:focus,form select:focus,form textarea:focus{outline:none;border-color:#007038!important;box-shadow:0 0 0 3px rgba(0,112,56,.12)}
form input::placeholder,form textarea::placeholder{color:#7a7768}
form select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none' stroke='%236e6b5d' stroke-width='1.6'%3E%3Cpath d='m1 1 5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 15px center;padding-right:38px}
.fld{width:100%;font-family:'Amiko',sans-serif;font-size:16px;color:#555550;padding:13px 15px;border:1px solid #948d6f;border-radius:4px;background:#fff;transition:border-color .25s,box-shadow .25s}
textarea.fld{line-height:1.7;resize:vertical}
.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:22px}
.flabel{display:block;font-family:'Raleway';font-weight:600;font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;color:#6e6b5d;margin-bottom:8px}
@media (max-width:900px){.formgrid{grid-template-columns:1fr!important;gap:18px!important}}

/* 5 ngay trong tuan: lưới 5 cột BẰNG NHAU. Dùng flex+gap thì khoảng cách bằng nhau
   nhưng chữ dài ngắn khác nhau (Monday vs Wednesday) nên nhìn vẫn lệch. */
.daysgrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;max-width:680px;margin:0 auto}
.daysgrid label{justify-content:flex-start}
@media (max-width:600px){.daysgrid{grid-template-columns:repeat(2,1fr);max-width:340px}}

/* ---------- FAQ accordion ---------- */
.faq{padding:82px 0 90px;background:#fff}
.faqlist{max-width:840px;margin:32px auto 0}
.faq details{border-bottom:1px solid #e6e3da}
.faq summary{list-style:none;cursor:pointer;padding:22px 44px 22px 0;position:relative;font-family:'Raleway';font-weight:600;font-size:17.5px;color:#007038;line-height:1.5}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";position:absolute;right:6px;top:29px;width:11px;height:11px;border-right:1.6px solid #6e6b5d;border-bottom:1.6px solid #6e6b5d;transform:rotate(45deg);transition:transform var(--dur-2) var(--ease-out)}
.faq details[open] summary::after{transform:rotate(-135deg)}
.faq summary{transition:color var(--dur-2) var(--ease-soft)}
.faq summary:hover{color:#6e6b5d}
.faq .ans{padding:0 44px 24px 0;font-size:16px}
/* mở accordion: nội dung fade + trượt xuống thay vì bụp ra.
   Dùng animation (không transition) vì <details> chỉ render .ans khi [open];
   chỉ animate opacity + transform, KHÔNG animate height. */
.faq details[open] .ans{animation:ansIn .38s var(--ease-out) both}
@keyframes ansIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}

/* ---------- quote / testimonial ---------- */
.quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.quote{background:#fbf8f3;border-radius:16px;padding:30px 30px 28px;border:1px solid #e6e3da;display:flex;flex-direction:column}
.quote p{flex:1}
.quote p{font-family:'Quicksand',sans-serif;font-size:17px;line-height:1.7;color:#3f4f47;margin-bottom:14px}
.quote cite{font-style:normal;font-family:'Raleway';font-weight:600;font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;color:#6e6b5d}

/* ---------- CTA band ---------- */
.cta{position:relative;overflow:hidden}
.cta>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cta .sh{position:absolute;inset:0;background:rgba(0,112,56,.82)}
.cta .cin{position:relative;z-index:2;padding:80px 0;text-align:center;color:#fff}
.cta h2{color:#fff;font-size:31px;margin-bottom:14px}
.cta p{color:#dfe7e0;max-width:620px;margin:0 auto 24px}


/* ---------- lightbox gallery (tu viet, khong thu vien ngoai) ---------- */
.gal figure{cursor:zoom-in}
.gal figure:focus-visible{outline:2px solid #007038;outline-offset:3px}
.lbox{position:fixed;inset:0;z-index:200;display:none;align-items:center;justify-content:center;
      background:rgba(20,30,25,.94);padding:64px 24px}
.lbox.open{display:flex}
.lbox img{max-width:min(1400px,94vw);max-height:82vh;width:auto;height:auto;object-fit:contain;
          border-radius:8px;opacity:0;transform:scale(.985);
          transition:opacity var(--dur-2) var(--ease-out),transform var(--dur-2) var(--ease-out)}
.lbox.ready img{opacity:1;transform:none}
.lb-meta{position:absolute;left:50%;transform:translateX(-50%);bottom:20px;max-width:min(900px,88vw);text-align:center}
.lb-title{font-family:'Raleway',sans-serif;font-weight:700;font-size:18px;color:#fff;margin-bottom:4px;line-height:1.3}
.lbox figcaption{color:#dde5dd;font-size:14.5px;line-height:1.6}
.lbtn{position:absolute;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.30);color:#fff;
      width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;
      cursor:pointer;padding:0;transition:background var(--dur-2) var(--ease-soft)}
.lbtn:hover{background:rgba(255,255,255,.22)}
.lbtn:focus-visible{outline:2px solid #f4efe4;outline-offset:3px}
.lb-close{top:20px;right:20px}
.lb-prev{left:20px;top:50%;margin-top:-26px}
.lb-next{right:20px;top:50%;margin-top:-26px}
.lb-count{position:absolute;top:32px;left:50%;transform:translateX(-50%);color:#dde5dd;
      font-family:'Raleway';font-weight:600;font-size:12.5px;letter-spacing:.14em}
@media (max-width:600px){
  .lbox{padding:56px 12px}
  .lbtn{width:44px;height:44px}
  .lb-prev{left:8px}.lb-next{right:8px}
}

/* ---------- footer ---------- */
.footgrid{display:grid;grid-template-columns:.9fr 1fr 1fr .9fr;gap:36px}
/* nhãn cột footer: KHÔNG dùng thẻ heading (tránh nhảy bậc h2->h4 và nhiễu điểm SEO) */
/* cot menu footer: nhip dong deu voi 2 cot kia (14px x 2.05 = 28.7px/dong).
   Desktop uu tien nhip deu; <=900px noi padding de vung cham dat ~40px. */
footer .nl{display:block;line-height:1.6;padding:3px 0;margin-bottom:0!important;text-transform:none;letter-spacing:.01em;font-size:14.5px}
footer p a{color:#fff;text-decoration:underline;text-underline-offset:3px;display:inline-block;padding:4px 0;transition:opacity var(--dur-2) var(--ease-soft)}
footer p a:hover{opacity:.75}
.fhead{font-family:'Raleway';font-weight:700;color:#fff;font-size:13px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:14px;line-height:1.3}

/* ---------- tien ich noi ---------- */
.totop{position:fixed;right:20px;bottom:20px;z-index:54;width:44px;height:44px;border-radius:50%;border:1px solid #948d6f;background:#fff;color:#007038;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .3s,transform .3s}
.totop.on{opacity:1;pointer-events:auto}
.totop:hover{transform:translateY(-3px);border-color:#6e6b5d;color:#6e6b5d}
.scta{display:none;position:fixed;left:0;right:0;bottom:0;z-index:56;padding:10px 16px;background:#fff;border-top:1px solid #e6e3da}

/* ---------- reveal ---------- */
.zw{overflow:hidden}.zw:hover .z{transform:scale(1.05)}
.z{transition:transform var(--dur-5) var(--ease-out)}
[data-reveal].pre{opacity:0;transform:translateY(22px)}
[data-reveal].pre.in{opacity:1;transform:none;transition:opacity var(--dur-3) var(--ease-out),transform var(--dur-3) var(--ease-out);transition-delay:calc(var(--si,0) * var(--stagger))}

/* ---------- stagger ----------
   site.js gán class .stg + biến --si (0..7) cho con của .trustgrid/.cards3/.cards4/
   .team/.quotes/.gal/.acts/.steps và cho .ztext trong .zrow.
   Kích hoạt khi tổ tiên [data-reveal] có .in, hoặc chính nhóm có .gin.
   .stg CHỈ do JS gắn -> JS hỏng thì nội dung vẫn hiện bình thường. */
.stg{opacity:0;transform:translateY(16px);transition:opacity var(--dur-3) var(--ease-out),transform var(--dur-3) var(--ease-out);transition-delay:calc(var(--si,0) * var(--stagger))}
[data-reveal].in .stg,.gin .stg,.stg.in{opacity:1;transform:none}

/* ---------- focus-visible (a11y) ----------
   Vòng focus rõ, cùng tông xanh #007038. Nền tối thì đổi sang kem sáng. */
a:focus-visible,button:focus-visible,summary:focus-visible,
input:focus-visible,select:focus-visible,textarea:focus-visible,
[tabindex]:focus-visible{outline:2px solid #007038;outline-offset:3px}
form input:focus-visible,form select:focus-visible,form textarea:focus-visible{outline:2px solid #007038;outline-offset:2px}
footer a:focus-visible,.cta a:focus-visible,.phero a:focus-visible,
.crumb a:focus-visible,.btn-white:focus-visible{outline-color:#f4efe4}
.faq summary:focus-visible{outline-offset:-2px}

/* ---------- reduced motion: tắt TOÀN BỘ chuyển động ---------- */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  [data-reveal].pre,.stg{opacity:1!important;transform:none!important;transition:none!important}
  .herotag,.phero .pin>*,.faq details[open] .ans,.slides img.active{animation:none!important}
  .btn:hover,.btn:active,.act:hover,.card:hover,.totop:hover{transform:none!important}
  .card:hover .cimg img,.tm:hover .tmimg img,.simg:hover img,.zimg:hover img,
  .gal figure:hover img,.zw:hover .z{transform:none!important}
  .navlinks .nl::after{transition:none!important}
  .burger span,.mm{transition:none!important}
  #nav,.logo{transition:none!important}
  .lbox img{transition:none!important}
  /* .slide giữ crossfade opacity (không phải chuyển động) — site.js tự DỪNG auto-advance */
}

/* ---------- responsive ---------- */
@media (max-width:1340px){
  .navlinks{display:none!important}.burger{display:flex!important}.mm{display:block!important}.mmbd{display:block!important}
  .navcta{display:none!important}.scta{display:block!important}.totop{bottom:92px!important}body{padding-bottom:84px}
}
@media (max-width:1000px){
  .cards4{grid-template-columns:1fr 1fr!important}
  .trustgrid,.footgrid{grid-template-columns:1fr 1fr!important}
  .team,.cards3,.quotes{grid-template-columns:1fr 1fr!important}
  .gal{grid-template-columns:1fr 1fr!important}
}
@media (max-width:900px){
  .welcome,.cards2,.footgrid{grid-template-columns:1fr!important;gap:32px!important}
  .split,.acts{grid-template-columns:1fr!important;gap:26px!important}
  .split.alt .simg,.split.alt .stext{order:0!important}
  .simg img{min-height:260px}
  .zrow{grid-template-columns:1fr!important;gap:26px!important;margin-bottom:44px}
  .zrow.alt .zimg,.zrow.alt .ztext{order:0!important}
  .zimg img{height:280px!important}
  .znum{font-size:34px}
  .act{padding:26px 24px!important}
  .trustgrid{grid-template-columns:1fr!important;gap:34px}
  .tcell{border-left:none!important;padding:0!important;border-top:1px solid #e0ddd2;padding-top:26px!important}
  .tcell:first-child{border-top:none;padding-top:0!important}
  .team,.cards3,.cards4,.quotes,.gal{grid-template-columns:1fr!important}
  .gal figure.wide{grid-column:span 1;aspect-ratio:4/3}
  h2{font-size:28px!important}
  .phero h1{font-size:33px!important}
  .phero{min-height:330px}
  .sec{padding:60px 0}
  .logo{height:76px!important}
  .hero{min-height:calc(100vh - 92px)!important}
  .step{padding-left:60px}
  footer .nl{padding:9px 0!important}
  .info th{width:auto}
}
@media (max-width:430px){
  .btn{white-space:normal!important;padding:14px 20px!important}
  .info th,.info td{padding:12px 10px!important}
  .infobox{padding:8px 14px!important}.logo{height:60px!important}.herotag{font-size:30px!important}}


/* ── Google reviews (brief: trust element + review feed) ── */
.gmark{width:17px;height:17px;flex:none}
/* ── PLACEHOLDER: to tim de nhin phat ra ngay (KHONG len production) ── */
.phold{display:inline-flex;align-items:center;gap:9px;margin-top:30px;padding:9px 16px;border:1px dashed #7a3fb5;border-radius:999px;font-size:13px;color:#5b2d8e;background:#f4ecfd;font-weight:600}
.ph{background:#f4ecfd;color:#5b2d8e;border-left:3px solid #7a3fb5;padding:10px 14px;border-radius:0 8px 8px 0;display:block}
.ph-in{background:#f4ecfd;color:#5b2d8e;padding:1px 7px;border-radius:5px;box-decoration-break:clone;-webkit-box-decoration-break:clone}

/* ── Brochures / downloads (brief: eg Handbook) ── */
.dls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.dl{display:flex;align-items:center;gap:16px;background:#fbf8f3;border:1px solid #e6e3da;border-radius:14px;padding:18px 20px;text-decoration:none;color:inherit;transition:border-color var(--dur-2) var(--ease-out),transform var(--dur-2) var(--ease-out)}
.dl:hover{border-color:#948d6f;transform:translateY(var(--lift))}
.dlic{width:44px;height:44px;border-radius:11px;background:#eaefe9;display:flex;align-items:center;justify-content:center;flex:none}
.dl b{display:block;font-size:15.5px;font-weight:600}
.dl span{font-size:13.5px;color:#6e6b5d}

/* ── Licensing & accreditation (brief: trust element) ── */
.accred{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border:1px solid #e0ddd2;border-radius:14px;overflow:hidden;background:#fbf8f3}
.acell{padding:26px 28px;border-left:1px solid #e0ddd2;text-align:center}
.acell:first-child{border-left:none}
.acell .alab{font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:#6e6b5d;margin:0 0 8px}
.acell .aval{font-size:19px;font-weight:600;margin:0 0 6px;color:#2f2c25}
.acell p.anote{font-size:13.5px;color:#6e6b5d;margin:0}

@media (max-width:900px){
  .revs{grid-template-columns:1fr}
  .dls{grid-template-columns:1fr}
  .accred{grid-template-columns:1fr}
  .acell{border-left:none;border-top:1px solid #e0ddd2}
  .acell:first-child{border-top:none}
}

/* ── Feature cards: 2x2, icon ben trai (thay cho 4 cot hep) ── */
.feats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.feat{display:flex;gap:22px;align-items:flex-start;padding:30px 32px;background:#fff;border:1px solid #e6e3da;border-radius:14px;transition:box-shadow var(--dur-2) var(--ease-soft),transform var(--dur-2) var(--ease-soft)}
.feat:hover{box-shadow:0 10px 30px rgba(47,44,37,.07);transform:translateY(var(--lift))}
.feat .fic{width:48px;height:48px;flex:none;border-radius:13px;background:#eaefe9;display:flex;align-items:center;justify-content:center;margin-top:2px}
.feat h3{margin:0 0 8px;font-size:18px;line-height:1.35}
.feat p{margin:0}
@media (max-width:980px){.feats{grid-template-columns:1fr}}
@media (max-width:520px){.feat{flex-direction:column;gap:16px;padding:26px 24px}}

/* ── Quotes: slide ngang (comment #25) ── */
.qslide{position:relative}
.qtrack{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 52px)/3);gap:26px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:4px;margin:-4px;scrollbar-width:none}
.qtrack::-webkit-scrollbar{display:none}
.qtrack>.quote{scroll-snap-align:start}
.qtrack:focus-visible{outline:2px solid #007038;outline-offset:4px;border-radius:16px}
.qnav{display:flex;justify-content:center;gap:12px;margin-top:28px}
.qbtn{width:44px;height:44px;border-radius:50%;border:1px solid #cfcabb;background:#fff;color:#3d3a31;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color var(--dur-2) var(--ease-out),background var(--dur-2) var(--ease-out)}
.qbtn:hover:not(:disabled){border-color:#007038;background:#eaefe9}
.qbtn:disabled{opacity:.35;cursor:default}
@media (max-width:1000px){.qtrack{grid-auto-columns:calc((100% - 26px)/2)}}
@media (max-width:680px){.qtrack{grid-auto-columns:86%}}
@media (prefers-reduced-motion:reduce){.qtrack{scroll-behavior:auto}}

/* ── Google reviews widget (giai phau chuan: header diem tong + the + carousel) ── */
.gwidget{background:#fff;border:1px solid #e6e3da;border-radius:16px;padding:30px 30px 26px}
.gw-head{display:flex;align-items:center;gap:24px;flex-wrap:wrap;padding-bottom:22px;border-bottom:1px solid #eeebe3;margin-bottom:26px}
.gw-brand{display:flex;align-items:center;gap:9px;font-family:'Raleway',sans-serif;font-weight:600;font-size:15px;color:#2f2c25}
.gw-brand .gmark{width:20px;height:20px}
.gw-score{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.gw-num{font-family:'Raleway',sans-serif;font-weight:700;font-size:26px;line-height:1}
.gw-count{font-size:13.5px}
.gw-cta{margin-left:auto;padding:10px 18px;font-size:13px}
.gstars{display:inline-flex;gap:3px;line-height:0}
.gw-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 44px)/3);gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:4px;margin:-4px;scrollbar-width:none}
.gw-track::-webkit-scrollbar{display:none}
.gw-track:focus-visible{outline:2px solid #007038;outline-offset:4px;border-radius:14px}
.grev{scroll-snap-align:start;background:#fbf8f3;border:1px solid #eeebe3;border-radius:13px;padding:22px;display:flex;flex-direction:column;gap:13px}
.grev-h{display:flex;align-items:center;gap:11px}
.gav{width:38px;height:38px;flex:none;border-radius:50%;background:#eaefe9;color:#007038;display:flex;align-items:center;justify-content:center;font-family:'Raleway',sans-serif;font-weight:700;font-size:15px}
.gwho{display:flex;flex-direction:column;min-width:0}
.gwho b{font-size:14.5px;font-weight:600;line-height:1.3}
.gwhen{font-size:12.5px;color:#6e6b5d}
.grev .gmark{width:17px;height:17px;margin-left:auto;flex:none}
.grev p{margin:0;font-size:14.5px;flex:1}
.gmore{background:none;border:0;padding:0;font:inherit;color:#5b2d8e;text-decoration:underline;cursor:pointer}
@media (max-width:1000px){.gw-track{grid-auto-columns:calc((100% - 22px)/2)}}
@media (max-width:680px){.gw-track{grid-auto-columns:88%}.gw-cta{margin-left:0}.gwidget{padding:20px 18px 18px}}

/* #31 — select cao bang input, chu can giua theo chieu doc, mui ten rieng */
select.fld{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%236e6b5d' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:42px;line-height:1.4}

/* o chon ngay + textarea trong form waitlist */
.dchk{display:flex;align-items:center;justify-content:center;gap:8px;background:#fff;border:1px solid #948d6f;border-radius:4px;padding:11px 8px;font-size:14.5px;cursor:pointer;transition:border-color var(--dur-2) var(--ease-out)}
.dchk:hover{border-color:#007038}
textarea.fld{resize:vertical;min-height:88px;font-family:'Amiko',sans-serif}
@media (max-width:640px){.formgrid{grid-template-columns:1fr}.daysgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ===== CPELC Elementor bridge — native image-gallery → design .gal look =====
   High specificity (≥0,4,0 + !important) to beat Elementor's own .gallery-columns-N .gallery-item width rule. */
.elementor-image-gallery .gallery[class*="gallery-columns"]{display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:18px !important;margin:0 !important}
.elementor-image-gallery .gallery[class*="gallery-columns"] .gallery-item{width:100% !important;max-width:none !important;margin:0 !important;float:none !important;padding:0 !important;display:block !important}
.elementor-image-gallery .gallery[class*="gallery-columns"] .gallery-item .gallery-icon{width:100% !important;aspect-ratio:4/3;overflow:hidden;border-radius:14px;background:#eef1ec;margin:0 !important}
.elementor-image-gallery .gallery[class*="gallery-columns"] .gallery-item .gallery-icon a{display:block;width:100%;height:100%}
.elementor-image-gallery .gallery[class*="gallery-columns"] .gallery-item img{width:100% !important;height:100% !important;object-fit:cover;border:none !important;border-radius:14px;transition:transform .5s ease}
.elementor-image-gallery .gallery[class*="gallery-columns"] .gallery-item:hover img{transform:scale(1.06)}
.elementor-image-gallery .gallery[class*="gallery-columns"] .gallery-item .gallery-caption{display:none}
@media(max-width:760px){.elementor-image-gallery .gallery[class*="gallery-columns"]{grid-template-columns:1fr 1fr !important}}

/* ===== CPELC Elementor bridge — Header (Theme Builder) → design nav bar ===== */
.elementor-location-header{position:sticky;top:0;z-index:100;background:#fff;border-bottom:1px solid #e6e3da}
.elementor-location-header .elementor-nav-menu .elementor-item{font-family:'Raleway',sans-serif !important;font-weight:600 !important;font-size:13px !important;letter-spacing:.05em !important;text-transform:uppercase !important;color:#555550 !important}
.elementor-location-header .elementor-nav-menu a.elementor-item:hover,
.elementor-location-header .elementor-nav-menu .current-menu-item > a.elementor-item{color:#007038 !important;background:transparent !important}

/* ===== CPELC Elementor bridge — all buttons → design .btn typography ===== */
.elementor-button{font-family:'Raleway',sans-serif !important;font-weight:600 !important;font-size:13px !important;letter-spacing:.13em !important;text-transform:uppercase !important;border-radius:4px !important}

/* ===== CPELC bridge — header nav fit one row (design: logo + 8 links + CTA) ===== */
.elementor-location-header .elementor-nav-menu{flex-wrap:nowrap !important}
.elementor-location-header .elementor-nav-menu .elementor-item{padding-left:7px !important;padding-right:7px !important}
.elementor-location-header img{max-height:92px !important;width:auto !important}

/* ===== CPELC bridge — heading sizes Elementor widget override (force design context sizes) ===== */
.act h3{font-size:21px !important}
.ftile h3, .ftile .elementor-heading-title{font-size:19px !important}
.tcell h3{font-size:18px !important}
.feat h3{font-size:18px !important}

/* ===== CPELC bridge — hero overlay (white text readable on any photo, matches design .phero .sh) ===== */
.phero{position:relative;overflow:hidden}
.phero::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(30,45,38,.28) 0%,rgba(30,45,38,.66) 100%);z-index:0;pointer-events:none}
.phero > *{position:relative;z-index:1}

/* ===== CPELC bridge — Elementor forms → design field look (contact/waitlist/join) ===== */
.elementor-field-group .elementor-field-label{font-family:'Raleway',sans-serif !important;font-weight:600 !important;font-size:12px !important;letter-spacing:.08em !important;text-transform:uppercase !important;color:#6e6b5d !important;margin-bottom:6px !important}
.elementor-field-textual,.elementor-field-textual.elementor-size-md{border:1px solid #948d6f !important;border-radius:4px !important;padding:13px 15px !important;font-family:'Amiko',sans-serif !important;font-size:16px !important;background:#fff !important;color:#555550 !important;line-height:1.5 !important}
textarea.elementor-field-textual{min-height:120px !important}
.elementor-field-textual:focus{border-color:#007038 !important;outline:none !important;box-shadow:0 0 0 2px rgba(0,112,56,.12) !important}
.elementor-field-subgroup .elementor-field-option label{font-family:'Amiko',sans-serif !important;font-size:15px !important;text-transform:none !important;color:#555550 !important;letter-spacing:0 !important;font-weight:400 !important}

/* ===== CPELC bridge — CTA full-bleed photo + green .82 overlay (design .cta .sh) ===== */
.cta{position:relative;overflow:hidden;background-size:cover !important;background-position:center !important}
.cta::before{content:"";position:absolute;inset:0;background:rgba(0,112,56,.82);z-index:0;pointer-events:none}
.cta > *,.cta .cin{position:relative;z-index:1}

/* ===== CPELC bridge — restore design spacing (Elementor flex breaks block-flow margin-collapse) =====
   Design is block-flow: .sechead{margin-bottom:40px} collapses with the grid's top margin → 40px gap.
   Elementor makes section wrappers flex, so margins don't collapse AND a flex-gap is added.
   Fix: zero the flex-gap on any container that directly holds a .sechead, and drop the next element's
   top margin, so the .sechead's own 40px margin-bottom is the only spacing (matches design). */
.e-con:has(> .sechead), .e-con-inner:has(> .sechead){gap:0 !important}
.sechead + *{margin-top:0 !important}
.trustgrid{padding-top:0 !important;padding-bottom:0 !important}


/* ===== CPELC hero heading — design h1.herotag has INLINE max-width:900px + centered + letter-spacing;
   Elementor heading widget drops inline styles, so restore the constraint here (measured from HTML, not copied). ===== */
.elementor-element-wherotag .elementor-heading-title{max-width:900px !important;margin-left:auto !important;margin-right:auto !important;padding:0 24px !important;letter-spacing:.01em}

/* ===== CPELC fix double-padding: design band .trust/.cin có padding riêng; section container ngoài
   (c113/c167) KHÔNG được padding thêm nữa (design .cta/.trust wrapper không pad). Đo từ HTML. ===== */
.elementor-element-c113{padding-top:0 !important;padding-bottom:0 !important}
.elementor-element-c167{padding-top:0 !important;padding-bottom:0 !important}

/* ===== CPELC global double-padding fix (mọi trang) — design .phero/.cta KHÔNG padding dọc
   (padding nằm ở .pin/.cin bên trong). Elementor hay set padding lên band ngoài → gỡ. ===== */
.phero{padding-top:0 !important;padding-bottom:0 !important}
.cta{padding-top:0 !important;padding-bottom:0 !important}

/* ===== CPELC zig-zag rows — design .zrow không padding (chỉ margin-bottom 60 giữa row);
   Elementor container set 30px padding → gỡ (áp mọi trang có zig-zag). ===== */
.zrow{padding-top:0 !important;padding-bottom:0 !important}

/* ===== CPELC split columns — design .stext/.simg không padding dọc; Elementor set 10px → gỡ ===== */
.stext,.simg{padding-top:0 !important;padding-bottom:0 !important}

/* ===== CPELC zig-zag image — design .zimg img cố định height 420px object-fit cover + bo góc 18px;
   Elementor image widget render natural height → ép cho khớp (mọi trang zig-zag). ===== */
.zimg{border-radius:18px;overflow:hidden}
.zimg img{width:100% !important;height:420px !important;object-fit:cover !important}

/* ===== CPELC button padding — design .btn{padding:15px 32px}; Elementor mặc định 13/24 nhỏ hơn ===== */
.elementor-button{padding:15px 32px !important}

/* ===== CPELC home hero overlay — design .hero overlay rgba(40,54,45,.62). Elementor container không render
   overlay div; ::before/::after bị paint order chặn. Dùng inset box-shadow (phủ trên bg image, dưới content). ===== */
.elementor-element-chero{box-shadow:inset 0 0 0 100vw rgba(40,54,45,.62) !important}
.elementor-element-chero > *{position:relative;z-index:2}

/* ===== CPELC sechead divider — design .divider căn giữa (margin auto trong .sechead text-align center);
   Elementor divider widget mặc định trái → ép center ===== */
.sechead .elementor-widget-divider,.sechead .elementor-divider{justify-content:center !important;text-align:center !important}
.sechead .elementor-divider{display:flex;justify-content:center !important}
.sechead .elementor-divider-separator{margin-left:auto !important;margin-right:auto !important}

/* ===== CPELC header — nhóm nav+button sát mép phải (design: button ở góc phải).
   Right-group là boxed → .e-con-inner bị bó max-width (thừa ~54px). Gỡ + đẩy về cuối. ===== */
.elementor-location-header .e-con.e-parent > .e-con,
.elementor-location-header .e-con.e-parent > .e-con > .e-con-inner{max-width:none !important;width:100% !important;justify-content:flex-end !important;align-items:center}

/* ===== CPELC accred band (NQS/Provider/Service) — design section có padding:56px 0 0; WP c127 thiếu ===== */
.elementor-element-c127{padding-top:56px !important}

/* ===== [nav-shrink] Header co lại khi cuộn — LỖI 4 =====
   Design (html/assets/site.css 71-74 + site.js 56-60):
     #nav{transition:box-shadow .3s,padding var(--dur-2) var(--ease-soft)}  (--dur-2:.32s, --ease-soft:cubic-bezier(.4,0,.2,1))
     .logo{transition:height var(--dur-2) var(--ease-soft)}
     #nav.shrink{padding-top:2px!important;padding-bottom:2px!important}
     #nav.shrink .logo{height:62px!important}
     JS: box-shadow khi scrollY>16 · class .shrink khi scrollY>90
   WP: <header class="elementor-location-header"> nhận class .cpelc-scrolled / .cpelc-shrink
   (do uploads/cpelc-nav.js, enqueue bởi mu-plugins/cpelc-nav.php). Container header = hdr01
   (con TRỰC TIẾP của <header>; padding gốc 8px 48px). Logo dùng max-height (dòng ~530 đặt 92px). */
.elementor-location-header{transition:box-shadow .3s}
.elementor-location-header > .e-con{transition:padding-top .32s cubic-bezier(.4,0,.2,1),padding-bottom .32s cubic-bezier(.4,0,.2,1)}
.elementor-location-header img{transition:max-height .32s cubic-bezier(.4,0,.2,1)}
.elementor-location-header.cpelc-scrolled{box-shadow:0 2px 16px rgba(30,45,38,.10)}
.elementor-location-header.cpelc-shrink > .e-con{padding-top:2px !important;padding-bottom:2px !important}
.elementor-location-header.cpelc-shrink img{max-height:62px !important}
@media (prefers-reduced-motion: reduce){
  .elementor-location-header,
  .elementor-location-header > .e-con,
  .elementor-location-header img{transition:none !important}
}

/* ===== [footer] Rebuild footer khớp design html/index.html <footer> =====
   Design: <footer style="background:#007038;color:#dde5dd;padding:60px 0 26px">
   .wrap.footgrid{padding-bottom:38px;border-bottom:1px solid rgba(255,255,255,.12);align-items:start}
   Nền + padding do Elementor set; các số đo còn lại bridge ở đây. */
footer.elementor-location-footer{color:#dde5dd}
/* [footer] container Elementor có --padding mặc định → gỡ để .wrap/.footgrid tự lo */
footer.elementor-location-footer .footgrid{padding-bottom:38px !important;border-bottom:1px solid rgba(255,255,255,.12);align-items:start}
/* [footer] 4 cột grid: con phải lấp hết track (quirk Elementor container width) */
footer.elementor-location-footer .footgrid > .e-con{width:100%;max-width:none;padding:0}
/* [footer] logo TRẮNG — design: height:104px;width:auto;margin:0 auto;filter:brightness(0) invert(1);opacity:.92
   (không có file logo trắng trong html/assets/ → dùng filter như design) */
footer.elementor-location-footer .flogo{text-align:center}
footer.elementor-location-footer .flogo img{height:104px !important;width:auto !important;max-width:100%;margin:0 auto;display:block;filter:brightness(0) invert(1);opacity:.92}
/* [footer] nhãn cột: heading widget (tag <p>) — chữ nằm trong .elementor-heading-title nên .fhead phải xuyên xuống */
footer.elementor-location-footer .fhead{margin-bottom:14px}
footer.elementor-location-footer .fhead .elementor-heading-title{font-family:'Raleway';font-weight:700;color:#fff;font-size:13px;letter-spacing:.14em;text-transform:uppercase;line-height:1.3;margin:0}
/* [footer] cột MENU: nav-menu widget khớp `footer .nl` của design (Raleway 600 14.5px, không uppercase) */
footer.elementor-location-footer .fmenu .elementor-nav-menu a.elementor-item{display:block;font-family:'Raleway';font-weight:600;font-size:14.5px;line-height:1.6;letter-spacing:.01em;text-transform:none;color:#dde5dd;padding:3px 0 !important;transition:color .25s}
footer.elementor-location-footer .fmenu .elementor-nav-menu a.elementor-item:hover,
footer.elementor-location-footer .fmenu .elementor-nav-menu a.elementor-item.elementor-item-active{color:#fff;background:transparent}
/* [footer] chốt grid 4 cột: Elementor container mặc định display:flex qua var(--display);
   nâng specificity để chắc chắn thắng, số đo y hệt .footgrid của design (media query @900/@640 vẫn !important nên vẫn thắng rule này) */
footer.elementor-location-footer .footgrid{display:grid;grid-template-columns:.9fr 1fr 1fr .9fr;gap:36px}

/* ============================================================================
   [faq] FAQ accordion — bridge Elementor accordion widget -> số đo design
   Design: html/assets/site.css .faqlist/.faq details/summary/.ans (đo @1440px).
   Markup design là <details>/<summary>/.ans; Elementor render
   .elementor-accordion > .elementor-accordion-item > .elementor-tab-title + .elementor-tab-content
   => các rule .faq details/summary/.ans phía trên KHÔNG bắt được, phải bắc cầu ở đây.
   Scope: chỉ trong container class `faq` (home post 5 c180, family-information post 10 c112).
   ========================================================================== */

/* [faq] danh sách bó 840px căn giữa — design .faqlist{max-width:840px;margin:32px auto 0}.
   WP: widget accordion ăn trọn 1140px của .wrap. */
.faq .elementor-widget-accordion{max-width:840px !important;width:100% !important;margin-left:auto !important;margin-right:auto !important}

/* [faq] khoảng cách sechead -> danh sách = 32px (design .faqlist margin-top:32px;
   WP đang 40px do .sechead{margin-bottom:40px}). Chỉ đổi trong section .faq. */
.faq .sechead{margin-bottom:32px !important}

/* [faq] mỗi item chỉ 1 đường kẻ DƯỚI — design .faq details{border-bottom:1px solid #e6e3da}.
   Elementor mặc định viền hộp 1px #d5d8dc quanh item + border-top ở tab-content. */
.faq .elementor-accordion .elementor-accordion-item{border:0 !important;border-bottom:1px solid #e6e3da !important}
.faq .elementor-accordion .elementor-tab-content{border-top:0 !important}

/* [faq] hàng câu hỏi — design .faq summary{padding:22px 44px 22px 0;Raleway 600 17.5px;
   line-height:1.5;color:#007038}. Elementor: padding 15px 20px, line-height 1, màu #2f2c25. */
.faq .elementor-accordion .elementor-tab-title{position:relative;padding:22px 44px 22px 0 !important;font-family:'Raleway',sans-serif !important;font-weight:600 !important;font-size:17.5px !important;line-height:1.5 !important}
.faq .elementor-accordion .elementor-tab-title .elementor-accordion-title{font-family:'Raleway',sans-serif !important;font-weight:600 !important;font-size:17.5px !important;line-height:1.5 !important;color:#007038 !important;transition:color var(--dur-2) var(--ease-soft)}
.faq .elementor-accordion .elementor-tab-title:hover .elementor-accordion-title{color:#6e6b5d !important}

/* [faq] bỏ icon FontAwesome (+/-) bên trái — design không có icon, dùng chevron vẽ bằng border. */
.faq .elementor-accordion .elementor-tab-title .elementor-accordion-icon{display:none !important}

/* [faq] chevron — design .faq summary::after{11x11;border-right/bottom 1.6px #6e6b5d;
   right:6px;top:29px;rotate(45deg)} và [open] -> rotate(-135deg). */
.faq .elementor-accordion .elementor-tab-title::after{content:"";position:absolute;right:6px;top:29px;width:11px;height:11px;border-right:1.6px solid #6e6b5d;border-bottom:1.6px solid #6e6b5d;transform:rotate(45deg);transition:transform var(--dur-2) var(--ease-out)}
.faq .elementor-accordion .elementor-tab-title.elementor-active::after{transform:rotate(-135deg)}

/* [faq] câu trả lời — design .faq .ans{padding:0 44px 24px 0;font-size:16px}
   (Amiko, line-height 1.8, #555550). Elementor: padding 15px 20px, 16.5px. */
.faq .elementor-accordion .elementor-tab-content{padding:0 44px 24px 0 !important;font-size:16px !important;line-height:1.8 !important}
.faq .elementor-accordion .elementor-tab-content p{font-size:16px;line-height:1.8}
.faq .elementor-accordion .elementor-tab-content > :first-child{margin-top:0}
.faq .elementor-accordion .elementor-tab-content > :last-child{margin-bottom:0}

/* [faq] dòng ghi chú dưới danh sách — design đặt margin-top riêng từng trang
   (index.html 34px, family-information.html 26px); Elementor đang 0. */
.elementor-page-5 .faq .elementor-widget-accordion + .elementor-widget{margin-top:34px}
.elementor-page-10 .faq .elementor-widget-accordion + .elementor-widget{margin-top:26px}

/* ==========================================================================
   [cta] CTA band ("Enrolment Enquiry") — khớp design html/assets/site.css:
   .cta>img (ảnh nền) + .cta .sh{background:rgba(0,112,56,.82)} + .cta .cin{padding:80px 0}.
   Elementor container KHÔNG render <div class="elementor-background-overlay">, overlay đã
   chuyển hết sang .cta::before (rule ở trên, dòng ~552). Data của 7 post CTA (6,7,8,9,10,12,13)
   đã gỡ background_overlay_* để KHÔNG phủ 2 lớp. Các rule dưới chỉ để KHOÁ số đo.
   ========================================================================== */

/* [cta] Elementor .e-con::before nhân opacity với var(--overlay-opacity); nếu widget nào còn
   set overlay (mặc định Elementor ghi --overlay-opacity:0.5) thì .82 bị hạ còn .41.
   Pin về 1 để lớp phủ luôn đúng rgba(0,112,56,.82) — ảnh nền còn thấy 18%. */
.cta{--overlay-opacity:1}

/* [cta] KHÔNG cho panel tối bo góc bên trong (kiểu The Hub) đè thêm 1 lớp lên overlay —
   trước đây post 7/10/13 có inner background rgba(40,54,45,.62) => ảnh chỉ còn 6.8%. */
.cta .cin{background:transparent !important;border-radius:0 !important;box-shadow:none !important}

/* [cta] chiều cao band — design .cta .cin{padding:80px 0}; padding ngang do .wrap lo (!important).
   Dùng logical prop để thắng .e-con{padding-block-*:var(--padding-*)} của Elementor. */
.cta > .cin{padding-block-start:80px !important;padding-block-end:80px !important}

/* [cta] nhịp dọc — design: h2 margin-bottom 14px, p margin-bottom 24px.
   Elementor dùng flex gap đồng đều => bù thêm 10px trước cụm nút. */
.cta .cin{gap:14px}
.cta .cin > .elementor-widget-button,
.cta .cin > .e-con:last-child{margin-top:10px}

/* ==================================================================
   [tablet] CPELC — khop design o dai TABLET (761-900px, kiem tai 768px).
   Nguon so do: html/assets/site.css (@media max-width:1000 / 980 / 900)
   + do lai tren ban design chay o localhost:8402 voi viewport 768x1000.
   CHI APPEND o cuoi file — khong sua rule cua agent khac.
   ================================================================== */

/* [tablet] Zig-zag image — design .zimg img{height:280px!important} o <=900.
   Bridge ".zimg img{height:420px!important}" phia tren nam SAU media query cua design
   trong cung file nen de mat (do 420px tai 768). Khai bao lai o cuoi de dung 280px. */
@media (max-width:900px){
  .zimg img{height:280px !important}
}

/* [tablet] Form Elementor 2 cot -> 1 cot — design .formgrid{grid-template-columns:1fr} o <=900.
   WP giu .elementor-col-50 (do 349px contact / 309px waitlist + join) toi 767px moi xuong 1 cot. */
@media (max-width:900px){
  .elementor-form .elementor-field-group[class*="elementor-col-"]{width:100% !important}
}

/* [tablet] Gallery — design .gal{grid-template-columns:1fr} o <=900 (o anh 688x516, ratio 4/3).
   WP native gallery do 3 cot 244px tai 768 (rule 2-cot cua bridge chi bat <=760).
   Chan min-width:761px de KHONG de rule <=760 co san danh cho mobile. */
@media (min-width:761px) and (max-width:900px){
  .elementor-image-gallery .gallery[class*="gallery-columns"]{grid-template-columns:1fr !important}
  /* Trang Gallery thieu container .wrap nen luoi anh full-bleed 768px (design 688px).
     Cap max-width thay vi them padding => idempotent: neu sau nay them .wrap that thi rule nay vo hai. */
  .elementor-image-gallery .gallery[class*="gallery-columns"]{max-width:688px !important;margin-left:auto !important;margin-right:auto !important}
}

/* [tablet] H1 trang trong — design .phero h1{font-size:33px!important} o <=900.
   3 trang khong mang class .phero nen khong nhan rule: Centre Information (do 46px),
   Meet the Team (42px), Family Information (42px). Ep chung roi tra lai 2 ngoai le
   dung design: Home .herotag = 42px, Privacy Policy = 40px. */
@media (max-width:900px){
  h1.elementor-heading-title{font-size:33px !important}
  .elementor-element-wherotag h1.elementor-heading-title{font-size:42px !important}
  .elementor-element-pp003 h1.elementor-heading-title{font-size:40px !important}
}

/* [tablet] Logo header — design .logo{height:76px!important} o <=900; WP do 79px
   (anh bi flex-shrink bop theo chieu ngang). Chan min-width:431px de khong de
   rule .logo{height:60px} cua dai mobile (<=430) ma agent mobile phu trach. */
@media (min-width:431px) and (max-width:900px){
  .elementor-location-header .elementor-widget-image{flex:0 0 auto !important}
  .elementor-location-header .elementor-widget-image img{height:76px !important;max-height:76px !important;width:auto !important;max-width:none !important}
}

/* [tablet] Hang brochure/download (join-our-team) — nut "View job description (PDF)"
   tran ngang: canh phai 791px > viewport 768px. Design .dl o 768 co 3 con 44+274+296
   vua khung 688; ban WP khung 668 va khoi chu khong co lai duoc (min-width:auto mac dinh).
   Cho phep xuong dong + cho con co lai de het tran. */
@media (max-width:900px){
  .dl{flex-wrap:wrap !important}
  .dl > *{min-width:0 !important}
}

/* ==================================================================
   [mobile] CPELC — khop design o dai MOBILE (kiem tai 375px).
   Nguon so do: html/assets/site.css cac khoi @media max-width
   1340 / 1000 / 980 / 900 / 760 / 680 / 640 / 600 / 520 / 430
   + html/index.html (nav inline padding 8px 48px, .mm, .scta).
   CHI APPEND o cuoi file — khong sua rule cua agent khac.
   Da co san (khong lam lai): [tablet] .zimg img 280px, form col 1,
   h1 33px, logo 76px (431-900), .dl wrap — tat ca @<=900 nen 375 an theo.
   ================================================================== */

/* [mobile] Logo header — design .logo{height:60px!important} o <=430.
   Bridge tren dat max-height:92px!important cho MOI width; [tablet] da lo 431-900.
   Phai lap lai ca bien .cpelc-shrink (specificity 0,2,1) neu khong nav-shrink 62px thang. */
@media (max-width:430px){
  .elementor-location-header img,
  .elementor-location-header.cpelc-shrink img{max-height:60px !important}
}

/* [mobile] Header PHAI 1 hang (design: logo trai + burger phai).
   WP: bridge tren ep navgrp width:100%!important; tu <=767px Elementor bat
   --flex-wrap:var(--flex-wrap-mobile)=wrap => navgrp xuong hang 2 (header 2 tang).
   Dung selector y het rule cu (0,4,0) + dat SAU de thang, va khoa nowrap cho hdr01. */
@media (max-width:767px){
  .elementor-location-header > .e-con{flex-wrap:nowrap !important}
  .elementor-location-header .e-con.e-parent > .e-con,
  .elementor-location-header .e-con.e-parent > .e-con > .e-con-inner{width:auto !important;flex:0 1 auto !important}
}

/* [mobile] Burger — design .burger{44x44;border:1px solid #948d6f;nen trong;vach #007038}.
   Elementor .elementor-menu-toggle mac dinh 27x27, nen rgba(0,0,0,.05), icon #33373d
   (vung cham < 44px). Chi hien khi <=1024 (elementor-nav-menu--dropdown-tablet). */
@media (max-width:1024px){
  .elementor-location-header .elementor-menu-toggle{width:44px;height:44px;padding:0;border:1px solid #948d6f;border-radius:0;background-color:transparent;color:#007038;--nav-menu-icon-color:#007038;font-size:20px;margin:0 !important;flex:0 0 auto}
  .elementor-location-header .elementor-menu-toggle .e-font-icon-svg{fill:#007038}
  .elementor-location-header .elementor-menu-toggle:focus-visible{outline:2px solid #007038;outline-offset:3px}
}

/* [mobile] Panel menu mo ra — design .mm: tam trang full-bleed duoi nav, link
   .mm a{display:block;padding:16px 0;border-bottom:1px solid #e6e3da;Raleway 600 13px
   letter-spacing .06em uppercase #007038}.
   WP: <nav.elementor-nav-menu--dropdown> nam TRONG widget nav1; sau khi header ve 1 hang
   navgrp chi con rong bang burger => panel se hep ~44px. Cho panel absolute bam vao hdr01
   (tat position:relative cua navgrp/nav1/widget-container) roi keo full-bleed bang
   margin am = padding ngang cua hdr01 (48px).
   KHONG dung toi max-height/overflow: Elementor dung 2 thuoc tinh do de dong/mo. */
@media (max-width:1024px){
  .elementor-location-header .elementor-element-navgrp,
  .elementor-location-header .elementor-element-nav1,
  .elementor-location-header .elementor-element-nav1 > .elementor-widget-container{position:static !important}
  .elementor-location-header .elementor-nav-menu--dropdown.elementor-nav-menu__container{position:absolute;top:100%;left:0;right:0;margin:0 -48px;padding:0 48px;background:#fff;border-bottom:1px solid #e6e3da;box-shadow:0 22px 44px -24px rgba(30,45,38,.5);z-index:59}
  .elementor-location-header .elementor-nav-menu--dropdown a.elementor-item{display:block;padding:16px 0 !important;border-bottom:1px solid #e6e3da;font-family:'Raleway',sans-serif !important;font-weight:600 !important;font-size:13px !important;letter-spacing:.06em !important;text-transform:uppercase !important;color:#007038 !important;background-color:transparent !important}
  .elementor-location-header .elementor-nav-menu--dropdown li:last-child a.elementor-item{border-bottom:0}
  .elementor-location-header .elementor-nav-menu--dropdown a.elementor-item:hover,
  .elementor-location-header .elementor-nav-menu--dropdown a.elementor-item.elementor-item-active,
  .elementor-location-header .elementor-nav-menu--dropdown a.elementor-item:focus{color:#6e6b5d !important;background-color:transparent !important}
}

/* [mobile] Nut "Waitlist Enquiry" tren header -> thanh CTA day man hinh.
   Design @<=1340: .navcta{display:none} + .scta{display:block} + body{padding-bottom:84px}
   (.scta{position:fixed;bottom:0;left:0;right:0;z-index:56;padding:10px 16px;background:#fff;
   border-top:1px solid #e6e3da} chua 1 .btn full-width).
   WP khong co phan tu .scta => bien chinh widget cta1 cua header thanh thanh do.
   Loi dang co: body{padding-bottom:84px} (dong 377 file nay) DA chay o <=1340 nhung
   khong co gi o day => thua 84px trang duoi footer. Rule nay lap kin cho do.
   Chan o <=1024 (dung cho burger cua Elementor xuat hien) chu KHONG <=1340 nhu design:
   tu 1025-1340 nav WP van la 8 link ngang nen giu nut o header cho khop; doan do chi
   tra lai body padding-bottom de khong thua 84px trang. Muon giong design 100% thi
   ha breakpoint dropdown cua widget nav1 xuong 1340 (viec cua header template). */
@media (max-width:1024px){
  .elementor-location-header .elementor-element-cta1{position:fixed;left:0;right:0;bottom:0;z-index:56;width:auto !important;max-width:none !important;margin:0 !important;padding:10px 16px;background:#fff;border-top:1px solid #e6e3da}
  .elementor-location-header .elementor-element-cta1 .elementor-button{display:block;width:100%;text-align:center}
}
@media (min-width:1025px) and (max-width:1340px){
  body{padding-bottom:0}
}

/* [mobile] Tieu de hero trang chu — design .herotag{font-size:30px!important} o <=430
   (42px o dai tren). [tablet] da chot 42px cho .elementor-element-wherotag o <=900,
   nen phai ha rieng o <=430; selector cung dang h1.elementor-heading-title de thang. */
@media (max-width:430px){
  .elementor-element-wherotag h1.elementor-heading-title{font-size:30px !important}
}

/* [mobile] Gallery native 1 cot — design .gal{grid-template-columns:1fr!important} o <=900.
   Bridge tren cho 2 cot o <=760; [tablet] chi sua 761-900 va de lai dai nay cho mobile. */
@media (max-width:760px){
  .elementor-image-gallery .gallery[class*="gallery-columns"]{grid-template-columns:1fr !important}
}

/* [mobile] Steps (curriculum) — design giu SO thu tu ben trai chu:
   .step{padding-left:76px} -> 60px o <=900, so ve bang ::before position:absolute left:0.
   WP dung 2 container long nhau; --width cua chung chi khai bao trong @media(min-width:768px)
   => duoi 768 ca hai ve 100% roi wrap: so nam RIENG 1 dong tren chu. Ep lai 1 hang. */
@media (max-width:767px){
  .steps > .e-con{flex-wrap:nowrap !important}
  .steps > .e-con > .e-con:first-child{width:44px !important;max-width:44px !important;flex:0 0 44px !important}
  .steps > .e-con > .e-con:nth-child(2){flex:1 1 auto !important;max-width:none !important;min-width:0}
}

/* [mobile] Google reviews — design .gw-track{grid-auto-columns:88%} + cuon ngang o <=680.
   WP: .gw-track la container BOXED nen con that su nam trong .e-con-inner => grid cua
   design chi thay 1 con; 3-4 the .grev bi bop thanh cot hep. Bac cau xuong .e-con-inner. */
@media (max-width:680px){
  .gw-track > .e-con-inner{display:grid !important;grid-auto-flow:column !important;grid-auto-columns:88% !important;gap:22px !important;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .gw-track > .e-con-inner::-webkit-scrollbar{display:none}
  .gw-track > .e-con-inner > .grev{scroll-snap-align:start}
}

/* [mobile] Bang thong tin trong .infobox (contact + family-information) — design .info:
   @<=900 th{width:auto}; @<=430 th,td{padding:12px 10px}; base th,td{overflow-wrap:anywhere}.
   WP viet bang inline style (width:34%/36%, padding:15px 18px) va KHONG co class .info
   => moi rule tren deu truot; o 375px con chu con ~64px, chu dai tran o cell. */
@media (max-width:767px){
  .infobox table{table-layout:auto !important}
  .infobox table th{width:auto !important}
  .infobox table th,.infobox table td{overflow-wrap:anywhere;word-break:break-word}
}
@media (max-width:430px){
  .infobox table th,.infobox table td{padding:12px 10px !important}
}

/* ===== [nav-mobile-fix] Burger menu khong mo duoc (<=1024). Ep max-height cao specificity. ===== */
@media (max-width:1024px){
  body .elementor-location-header nav.elementor-nav-menu--dropdown.elementor-nav-menu__container{--menu-height:calc(100vh - 90px);transition:max-height .42s cubic-bezier(.2,.7,.3,1);background:#fff}
  body .elementor-location-header .elementor-menu-toggle.elementor-active + nav.elementor-nav-menu--dropdown.elementor-nav-menu__container,
  body .elementor-location-header .elementor-menu-toggle[aria-expanded="true"] + nav.elementor-nav-menu--dropdown.elementor-nav-menu__container{
    max-height:calc(100vh - 90px) !important;
    height:auto !important;
    overflow-y:auto !important;
    border-bottom:1px solid #e6e3da;
    background:#fff;
  }
}

/* ===== [footer-color] Chu trong footer bi TOI, chim vao nen xanh #007038 =====
   Nguon loi: Elementor kit CSS post-5.css + post-36.css phat rule
   .elementor-widget-text-editor  color: var --e-global-color-text  -> tinh ra #555550.
   Rule do la CLASS 0,1,0 nen THANG duoc mau ke thua tu
   footer.elementor-location-footer  color:#dde5dd  o tren.
   Fix: rule scoped 0,2,1 trong footer, dua body text ve dung design html/index.html. */
footer.elementor-location-footer .elementor-widget-text-editor,
footer.elementor-location-footer .elementor-widget-text-editor p{color:#dde5dd}
/* [footer-color] link tel/mailto trong footer: design footer p a -> #fff, hover opacity .75 */
footer.elementor-location-footer .elementor-widget-text-editor p a{color:#fff}
footer.elementor-location-footer .elementor-widget-text-editor p a:hover{color:#fff;opacity:.75}

/* ================= [quotes] What the children say — carousel ngang giong design ================= */
/* Design nguon: html/index.html .qslide > .qtrack#qtrack + .qnav > .qbtn ; CSS goc o dong 460-471 file nay.
   WP: .qtrack la Elementor container nen CSS per-element cua Elementor co specificity 0,3,0 -> phai !important
   cho cac thuoc tinh layout thi moi thang. Khong dung !important cho mau/vien de con sua duoc trong Elementor. */
/* Elementor kit dat padding mac dinh 10px cho moi .e-con -> design .qslide khong co padding.
   Bo di de track rong dung 1140px nhu design. */
.qslide{position:relative;padding:0 !important}
.qtrack{
  /* design: width 100% cua .qslide + margin -4px moi ben => border-box 1148, content 1140.
     Elementor ep width:100% (0,3,0) nen phai bu 8px o day. */
  width:calc(100% + 8px) !important;
  display:grid !important;
  grid-auto-flow:column !important;
  grid-auto-columns:calc((100% - 52px)/3) !important;
  grid-template-columns:none !important;
  gap:26px !important;
  overflow-x:auto !important;
  overflow-y:visible;
  scroll-snap-type:x mandatory;
  scroll-behavior:smooth;
  -webkit-overflow-scrolling:touch;
  padding:4px !important;
  margin:-4px !important;
  scrollbar-width:none;
}
.qtrack::-webkit-scrollbar{display:none}
.qtrack>*{min-width:0}
.qtrack>.quote{scroll-snap-align:start;height:auto}
.qtrack:focus-visible{outline:2px solid #007038;outline-offset:4px;border-radius:16px}
/* html widget boc .qnav -> bo margin mac dinh cua widget, de .qnav margin-top 28px lam viec */
.elementor-widget-html.qnav-wrap{width:100%;margin:0}
.qnav{display:flex;justify-content:center;gap:12px;margin-top:28px}
/* Elementor kit-4 dat button border-radius 4px o specificity 0,2,1 -> phai !important moi tron duoc */
.qbtn{width:44px;height:44px;flex:0 0 44px;border-radius:50% !important;border:1px solid #cfcabb;background:#fff;color:#3d3a31;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color var(--dur-2) var(--ease-out),background var(--dur-2) var(--ease-out)}
.qbtn:hover:not(:disabled){border-color:#007038;background:#eaefe9}
.qbtn:disabled{opacity:.35;cursor:default}
/* Breakpoint khop design: <=1000px 2 the, <=680px 86% (1 the + he lo the sau) */
@media (max-width:1000px){.qtrack{grid-auto-columns:calc((100% - 26px)/2) !important}}
@media (max-width:680px){.qtrack{grid-auto-columns:86% !important}}
@media (prefers-reduced-motion:reduce){.qtrack{scroll-behavior:auto}}
/* ================= [quotes] het ================= */

/* ===== [pixel-main] Do design vs WP tren Why: cot chu zig-zag va sechead bi Elementor them padding 10px doc,
   doan CTA khong bi gioi han 620px. Do duoc: zrow 440 vs 420, sechead 111 vs 88. ===== */
.ztext,.zimg{padding-top:0 !important;padding-bottom:0 !important}
.sechead{padding-top:0 !important;padding-bottom:0 !important}
.cta p{max-width:620px !important;margin-left:auto !important;margin-right:auto !important}

/* ============================================================================
   [trustband] 2 dai tin cay tren HOME (post 5) — do @1440px, design la
   html/index.html + html/assets/site.css. CHI CSS, KHONG dung _elementor_data.
   A. Band accreditation  .accred / .acell / .alab / .aval / .anote
   B. Band trust          .trust / .trustgrid / .tcell / .ticon / .tstrip
   ========================================================================== */

/* ---- A. ACCRED ---------------------------------------------------------- */

/* [trustband] design section padding 56px 0 0; WP them 10px tren+duoi o .e-con-inner
   cua c127 -> band bi day xuong 10px va cach duoi thua 10px. Do: design bot band = bot section. */
.elementor-element-c127 > .e-con-inner{padding-top:0 !important;padding-bottom:0 !important}

/* [trustband] design .accred khong co padding; Elementor container mac dinh 10px moi phia
   -> cot chi con 372.7px thay vi 379.3px va band cao 180 thay vi 173.3. */
.accred{padding:0 !important}

/* [trustband] design .acell la block (margin cua tung <p> lo khoang cach);
   WP la flex column + row-gap 6px + align-items center -> chu bi co lai, khong full cell. */
.acell{display:block !important;row-gap:0 !important}

/* [trustband] nhan o: design .alab = Amiko 12.5px/1.8 w400 ls 1px uppercase #6e6b5d, mb 8px.
   WP dang Raleway 12px w700 ls 2.6px lh 12px mb 0 (ke thua style eyebrow cua theme). */
.acell .alab .elementor-heading-title{font-family:'Amiko',sans-serif !important;font-size:12.5px !important;font-weight:400 !important;letter-spacing:1px !important;line-height:1.8 !important;text-transform:uppercase !important;color:#6e6b5d !important;margin:0 0 8px !important}

/* [trustband] gia tri o: design .aval = Amiko 19px/1.8 w600 mau #2f2c25 (CA 3 O CUNG MAU,
   khong o nao xanh), mb 6px. WP dang Raleway lh 19px mau xanh #007038 (mau h3 cua theme). */
.acell .aval .elementor-heading-title{font-family:'Amiko',sans-serif !important;font-size:19px !important;font-weight:600 !important;letter-spacing:normal !important;line-height:1.8 !important;color:#2f2c25 !important;margin:0 0 6px !important}

/* [trustband] ghi chu o: design .anote = 13.5px/1.8 #6e6b5d margin 0; WP thua margin-bottom 14.4px. */
.acell .anote p{margin:0 !important;font-size:13.5px !important;line-height:1.8 !important;color:#6e6b5d !important}

/* ---- B. TRUST ----------------------------------------------------------- */

/* [trustband] design .trust full-bleed 1440px (nen kem #fbf8f3 cham 2 mep man hinh);
   WP container c113 co padding-inline 20px -> dai nen chi rong 1400, thut 20px moi ben. */
.elementor-element-c113{padding-left:0 !important;padding-right:0 !important}

/* [trustband] design .trustgrid khong padding ngang -> 4 cot 285px;
   WP Elementor them 10px moi ben -> cot chi 280px, duong ke doc lech 10px. */
.trustgrid{padding-left:0 !important;padding-right:0 !important}

/* [trustband] khoang cach tieu de -> luoi: design 34px (.trustgrid margin-top:34px, header
   khong co margin-bottom). WP dang 40px do .sechead margin-bottom 40. */
.trust .sechead{margin-bottom:34px !important}

/* [trustband] design .tcell la block, khoang cach do margin tung phan tu;
   WP flex column row-gap 8px -> icon->heading chi 8px thay vi 16px. */
.tcell{row-gap:0 !important}
.tcell > .elementor-widget-icon{margin-bottom:16px !important}

/* [trustband] icon: design .ticon la hop 46x46 bo goc 12 nen #eaefe9 CAN TRAI, svg 22x22
   stroke #6e6b5d fill:none (line icon). WP: Elementor stacked icon 40x40 (padding 10 + svg 20),
   wrapper text-align:center -> icon nam GIUA cot, va fill:currentColor lam icon bi TO DAC. */
.tcell .elementor-icon-wrapper{text-align:left !important;line-height:0 !important}
.tcell .elementor-icon{display:flex !important;align-items:center !important;justify-content:center !important;width:46px !important;height:46px !important;padding:0 !important;border-radius:12px !important;background-color:#eaefe9 !important}
.tcell .elementor-icon svg{width:22px !important;height:22px !important;fill:none !important;stroke:#6e6b5d !important}

/* [trustband] tieu de o: design line-height 1.3 (23.4px) + margin-bottom 8px;
   WP dang line-height 18px (=1.0) nen chu sat nhau. */
.tcell h3.elementor-heading-title{line-height:1.3 !important;margin-bottom:8px !important}

/* [trustband] than o: design .tcell p margin 0; WP thua margin-bottom 14.4px -> o cao 239 vs 198. */
.tcell .elementor-widget-text-editor p{margin-bottom:0 !important}

/* [trustband] dai tstrip: design span line-height 1.8 (22.5px) + letter-spacing .11em (1.375px);
   WP line-height 12.5px -> dai thap hon 10px so voi design. */
.tstrip .elementor-heading-title{line-height:1.8 !important;letter-spacing:1.375px !important}
/* ================= [trustband] het ================= */

/* ===== [pixel-main] Hero slideshow tren dev: slide bi height 0 (swiper khong set chieu cao) -> anh mat.
   Ep chieu cao 100 phan tram cho wrapper va slide. ===== */
.elementor-background-slideshow{overflow:hidden}
.elementor-background-slideshow,
.elementor-background-slideshow .swiper,
.elementor-background-slideshow .swiper-wrapper,
.elementor-background-slideshow .swiper-slide,
.elementor-background-slideshow__slide,
.elementor-background-slideshow__slide__image{height:100% !important;min-height:100% !important}
.elementor-background-slideshow__slide__image{background-size:cover !important;background-position:center center !important;background-repeat:no-repeat !important}

/* [trustband] khoi tieu de cua band trust: design cao 87.9px
   (eyebrow 21.6 = 12px/1.8 + h2 mt10 + 40.3 = 31px/1.3 + divider mt14 + 2px).
   WP cao 123px: .e-con-inner them padding 10/10, flex row-gap 8, line-height title =1.0,
   va widget divider co padding rieng 16px tren/duoi. Chi scope trong .trust, KHONG dung
   .sechead toan cuc (dung chung nhieu trang/section). */
.trust .sechead > .e-con-inner{padding-top:0 !important;padding-bottom:0 !important;row-gap:0 !important}
.trust .sechead .eyebrow .elementor-heading-title{line-height:1.8 !important}
.trust .sechead h2.elementor-heading-title{line-height:1.3 !important;margin-top:10px !important}
.trust .sechead .elementor-widget-divider{margin-top:14px !important}
.trust .sechead .elementor-divider{padding:0 !important;line-height:0 !important}

/* ===== [pixel-main] Fallback anh hero trang chu: neu swiper slideshow khong chay (dev) thi van co anh nen.
   Duong dan tuong doi tu file CSS trong uploads -> dung ca local lan dev. ===== */
.elementor-element-chero{background-image:url(2026/08/home-hero-1.jpg) !important;background-size:cover !important;background-position:center center !important;background-repeat:no-repeat !important}

/* ==================================================================
   [phero] HERO TRANG TRONG — khop design html/<slug>.html + assets/site.css
   Nguon so do (do tren localhost:8402 @1440, transition/animation tat):
     .phero            h 420 · align-items flex-end · padding doc 0
     .phero .sh        linear-gradient 180deg rgba(30,45,38,.18) 0% -> rgba(30,45,38,.62) 100% · opacity 1
     .phero .pin       padding 0 0 54px · padding-left 150 (wrap)
     .crumb  (la the p trong .phero nen .phero p THANG .crumb)
                       Raleway 600 · 17px · letter-spacing 2.04px (.12em) · uppercase
                       · color #eef1ec · line-height 30.6px · margin-top 14 · margin-bottom 6
     .phero h1         46px/700 · line-height 55.2px · letter-spacing .23px · #fff · margin-top 8
     .phero p (lede)   17px · #eef1ec · max-width 640 · line-height 30.6 · margin-top 14
     khoang cach       crumb->h1 = 8px · h1->lede = 14px · content top offset 197px
   Cau truc WP sau khi sua: container.phero > container.wrap.pin > text-editor.crumb
   + heading h1 + text-editor lede (9 trang trong dung chung 1 khuon).
   ================================================================== */

/* [phero] LOP PHU. Elementor container KHONG render div .elementor-background-overlay —
   overlay nam o .e-con::before va bi NHAN voi var(--overlay-opacity) (Elementor ghi 0.5
   mac dinh) => gradient .18/.62 chi con .09/.31 -> anh sang trung, chu trang chim.
   Data 9 post da set background_overlay_opacity=1; pin them o day de khong bao gio hong lai.
   Dung ::before (KHONG dung inset box-shadow nhu hero trang chu) vi design la GRADIENT. */
.phero{--overlay-opacity:1 !important}
.phero::before{opacity:1 !important}

/* [phero] Elementor de widget lam flex item cua .pin nen margin KHONG collapse nhu design.
   Design: .crumb margin-bottom 6 collapse voi .phero h1 margin-top 8 => con 8.
   Bo margin-bottom cua wrapper .crumb de khoang cach crumb->h1 dung 8px. */
.phero .pin{gap:0 !important}
.phero .pin > .crumb{margin-bottom:0 !important}

/* [phero] letter-spacing crumb. Design .crumb{letter-spacing:.12em} tinh tren font-size 17px
   (vi .phero p thang .crumb ve size) => 2.04px. Trong WP class .crumb nam o DIV wrapper
   (font-size 12px) nen .12em chi ra 1.44px roi di truyen xuong the p. Khai bao lai tren the p. */
.phero .crumb p{letter-spacing:.12em}

/* [phero] .phero .pin>* co animation riseIn; wrapper Elementor lam moc animation moi.
   Giu nguyen nhip design: 3 khoi le nhau 1 nhip. */
.phero .pin > .elementor-widget{animation:riseIn .95s var(--ease-out) both}
.phero .pin > .elementor-widget:nth-child(1){animation-delay:.1s}
.phero .pin > .elementor-widget:nth-child(2){animation-delay:.2s}
.phero .pin > .elementor-widget:nth-child(3){animation-delay:.3s}

/* [phero] hello-elementor theme.css dat p{margin-bottom:.9rem} = 14.4px, do uu tien cao hon
   *{margin:0} cua design va nap TRUOC file nay -> the p trong hero doi 14.4px thua
   (crumb->h1 do 22.4 thay vi 8; .pin cao 265.8 thay vi 237). Ep ve 0 dung design. */
.phero .pin p{margin-bottom:0}

/* [greviews] Google reviews widget — dung lai cho khop design html/index.html
   (.gwidget / .gw-head / .gw-track / .grev). Elementor boc moi widget trong
   .elementor-element nen class cua design roi vao WRAPPER; phai bac cau lai
   kich thuoc + flex. So do goc do tren design o 1280px: gwidget 1140x532.3,
   card 344.7x307.9, gav 38, sao header 22, sao the 18, nut mui ten 44. */

/* track: 3 cot grid. Container da set content_width:full nen .grev la con
   truc tiep, khong con .e-con-inner bop tat ca thanh 1 cot hep. */
.gwidget > .gw-track.e-con{width:calc(100% + 8px);display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 44px)/3);gap:22px;align-items:stretch;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:4px;margin:-4px;scrollbar-width:none}
.gwidget > .gw-track.e-con::-webkit-scrollbar{display:none}
.gwidget > .gw-track.e-con > .grev{scroll-snap-align:start}
.gwidget > .gw-track.e-con:focus-visible{outline:2px solid #007038;outline-offset:4px;border-radius:14px}
@media (max-width:1000px){.gwidget > .gw-track.e-con{grid-auto-columns:calc((100% - 22px)/2)}}
@media (max-width:680px){.gwidget > .gw-track.e-con{grid-auto-columns:88%}}

/* container con cua design von shrink-to-fit; Elementor mac dinh cho container
   con width 100% nen phai tra ve auto. */
.gw-head > .gw-brand,
.gw-head > .gw-score,
.gw-score > .gstars,
.grev-h > .gwho{width:auto;flex:0 0 auto}
.grev > .gstars{width:100%;flex:0 0 auto}

/* wrapper widget trong flex row: khong keo gian */
.gw-brand > .elementor-element,
.gw-score > .elementor-element,
.gstars > .elementor-element,
.grev-h > .elementor-element,
.gqnav > .elementor-element,
.phold.e-con > .elementor-element{width:auto;max-width:100%;flex:0 0 auto}

/* Google mark: image widget de giu dung 4 mau that cua logo */
.gmark .elementor-widget-container,
.gmark .elementor-image,
.gmark figure{margin:0;line-height:0}
.gmark img{display:block;width:100%;height:100%;object-fit:contain}
.gw-brand > .gmark{width:20px;height:20px}
.grev-h > .gmark{width:17px;height:17px;margin-left:auto}

/* sao vang: icon widget SVG, kich thuoc theo font-size cua .elementor-icon */
.gstars{line-height:0}
.gstar .elementor-icon-wrapper,
.gstar .elementor-icon{line-height:0;display:block}
.gstar svg{display:block;fill:currentColor}

/* avatar tron chu cai */
.grev-h > .gav{width:38px;height:38px;flex:0 0 auto;display:flex;align-items:center;justify-content:center}
.grev-h > .gav .elementor-widget-container{line-height:1}
.grev-h > .gav .elementor-heading-title{margin:0;line-height:1}

/* ten nguoi review + thoi gian */
.gwho > .elementor-element{width:100%}
.gwho .elementor-heading-title{margin:0}
.gwho-name .elementor-heading-title{line-height:1.3}

/* doan review nen tim: chiem phan con lai cua the */
.grev > .elementor-element.ph{flex:1 1 auto;width:100%}
.grev > .ph .elementor-widget-container > p:last-child{margin-bottom:0}

/* nut Write a review: class .gw-cta roi vao WRAPPER nen phai bo padding/font
   cua design o day; style that do widget button Elementor lo. */
.gw-head > .elementor-element.gw-cta{margin-left:auto;width:auto;flex:0 0 auto;padding:0;font-size:inherit}
/* padding rieng cua nut nay: co rule global .elementor-button padding 15px 32px
   !important o tren nen phai ghi de bang selector dai hon + !important. */
.gw-head > .elementor-element.gw-cta .elementor-button{white-space:nowrap;padding:10px 18px !important}
@media (max-width:680px){.gw-head > .elementor-element.gw-cta{margin-left:0}}

/* 2 nut mui ten tron. Dung class rieng .gqbtn chu KHONG dung .qbtn — cpelc-site.js
   noi moi .qbtn khong co data-s vao carousel trich dan o section phia tren. */
.gqnav{width:100%;margin-top:28px}
.gqnav > .elementor-element.gqbtn{width:44px;height:44px;border-radius:50%;border:1px solid #cfcabb;background:#fff;color:#3d3a31;display:flex;align-items:center;justify-content:center;cursor:pointer;flex:0 0 auto;transition:border-color .25s ease,background .25s ease}
.gqbtn .elementor-widget-container,
.gqbtn .elementor-icon-wrapper,
.gqbtn .elementor-icon{line-height:0;display:flex;align-items:center;justify-content:center}
.gqbtn svg{display:block}
.gqnav > .gqbtn:hover{border-color:#007038;background:#eaefe9}
.gqnav > .gqbtn[aria-disabled="true"]{opacity:.35;cursor:default}

/* vien tim "Sample layout ..." */
/* pill co gian theo noi dung (shrink-to-fit) giong inline-flex cua design;
   phai cho phep CO LAI khong man hinh hep bi tran. */
.phold.e-con{width:auto;max-width:100%;flex:0 1 auto}
/* text-editor cua fork nay KHONG boc .elementor-widget-container, the p la con
   truc tiep cua .elementor-element va con margin-bottom mac dinh 14.4px. */
.phold.e-con .elementor-widget-text-editor{font-weight:600}
.phold.e-con .elementor-widget-text-editor p{margin:0}
.phold.e-con .elementor-icon-wrapper,
.phold.e-con .elementor-icon{line-height:0;display:block}
.phold.e-con a{color:inherit}

/* [trustband] Icon o 2 "CCS approved": design co <rect x=4 y=3 width=16 height=18 rx=2>
   nhung WP render ra <rect x=4 y=3 rx=2> — wp_kses cua Elementor XOA thuoc tinh
   width/height cua the con trong SVG inline, nen khung vuong cua icon BIEN MAT
   (getBBox tra 0x0, chi con dau tick + gach duoi). Da vieet lai width/height vao file
   goc uploads/cpelc-icons/ic-e7ab5f72.svg nhung van bi loc luc render, nen dung
   SVG2 geometry property qua CSS (Chrome 51+/Firefox 98+/Safari 9+) de dung lai khung. */
.elementor-element-w096 .elementor-icon svg rect{width:16px;height:18px}

/* ===== [pixel-main] .prose: design gioi han 820px va can trai; WP dang khong gioi han. ===== */
.prose{max-width:820px}
.prose.wide{max-width:100%}

/* ================== [imgradius] Bo goc anh cho khop design ==================
   Nguon chan ly: html/assets/site.css + inline style trong html/*.html
   Da do computed border-radius design vs WP tren 10 trang. Cac wrapper .simg 18px,
   .zimg 18px, .tm .tmimg 16px, .card 14px, .gal figure 14px da dung san.
   Duoi day chi va cac anh CON THIEU bo goc tren WP.
   CO Y KHONG BO (design cung vuong, full-bleed): .phero hero trang trong,
   home hero slideshow, band .cta, logo nav + footer + welcome. */

/* why-cameron-park-elc: anh autumn-tree la <figure> doc lap, design inline border-radius:16px.
   WP la image widget tran, dang 0px. */
.elementor-6 .elementor-element-w045 img{border-radius:16px}

/* centre-information: 4 o anh mon an trong luoi .cards4 — design la .gal figure{border-radius:14px} */
.cards4 .elementor-widget-image img{border-radius:14px}

/* centre-information: anh weekly-menu — design inline border-radius:14px (kem border 1px #e6e3da) */
.elementor-8 .elementor-element-w089 img{border-radius:14px}

/* centre-information: anh dining-room-wide — design inline border-radius:16px */
.elementor-8 .elementor-element-w095 img{border-radius:16px}

/* family-information: anh community-space nam trong .simg (design .simg = 18px) nhung
   widget dang set 16px -> ep ve 18px cho khop cot split ben canh. */
.elementor-10 .elementor-element-fi00082 img{border-radius:18px !important}

/* Luoi an toan: moi anh widget nam trong wrapper anh cua design deu phai bo goc
   dung bang wrapper, va wrapper phai overflow:hidden de hover-zoom bi cat trong khung. */
.simg,.zimg,.tm .tmimg,.card,.cimg{overflow:hidden}
.gal .elementor-widget-image img{border-radius:14px}

/* ===== [pixel-main] Elementor mac dinh cho MOI container padding 10px
   (frontend.min.css: .e-con padding: var(--container-default-padding-*, 10px)).
   Design khong co padding tren cac lop bao => dat mac dinh ve 0.
   Container nao co padding rieng van giu vi Elementor set qua --padding-* rieng cua no. ===== */
:root{--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px}

/* ==================================================================
   [sweep-C] Quet pixel 5 trang: gallery / contact / waitlist /
   join-our-team / privacy-policy. So voi html/<slug>.html o 1440x900.
   CHI APPEND — khong sua rule agent khac.
   ================================================================== */

/* [sweep-C] GALLERY — luoi anh dang full-bleed 1440px vi container Elementor
   khong co lop .wrap nhu design. Da them class "wrap galsec galsec-N" vao
   5 widget image-gallery (post 11) => .wrap bo ve 1140px can giua nhu design.
   Design do: .gal w=1140 x=150, cot 368px, gap 18px. */
.galsec .gallery[class*="gallery-columns"]{max-width:none !important;margin-left:0 !important;margin-right:0 !important}

/* [sweep-C] GALLERY — o "wide": design .gal figure.wide chiem 2 cot va ti le 8/3
   (754x283); o thuong ti le 4/3 (368x276). WP native gallery khong co class nay
   nen chi dinh theo thu tu item dung y het design html/gallery.html. */
.galsec-1 .gallery-item:nth-child(1),
.galsec-2 .gallery-item:nth-child(1),
.galsec-2 .gallery-item:nth-child(6),
.galsec-3 .gallery-item:nth-child(1),
.galsec-3 .gallery-item:nth-child(6),
.galsec-4 .gallery-item:nth-child(1),
.galsec-4 .gallery-item:nth-child(4),
.galsec-5 .gallery-item:nth-child(4){grid-column:span 2}
.galsec-1 .gallery-item:nth-child(1) .gallery-icon,
.galsec-2 .gallery-item:nth-child(1) .gallery-icon,
.galsec-2 .gallery-item:nth-child(6) .gallery-icon,
.galsec-3 .gallery-item:nth-child(1) .gallery-icon,
.galsec-3 .gallery-item:nth-child(6) .gallery-icon,
.galsec-4 .gallery-item:nth-child(1) .gallery-icon,
.galsec-4 .gallery-item:nth-child(4) .gallery-icon,
.galsec-5 .gallery-item:nth-child(4) .gallery-icon{aspect-ratio:8/3 !important}

/* [sweep-C] GALLERY — o <=900 design go span (.gal figure.wide{grid-column:span 1;
   aspect-ratio:4/3}) vi luoi ve 1 cot. */
@media (max-width:900px){
  .galsec .gallery-item{grid-column:span 1 !important}
  .galsec .gallery-item .gallery-icon{aspect-ratio:4/3 !important}
}

/* ==================================================================
   [sweep-B] Pixel sweep 3 trang: centre-information / curriculum /
   family-information. Do bang headless Chrome 1440x900, freeze
   transition+animation, so bounding-rect design (:8402) vs WP (:8401).
   ================================================================== */

/* [sweep-B] BODY FONT-SIZE. Design html/assets/site.css: body{font-size:17px}.
   Elementor kit dat .elementor-kit-4{font-size:16.5px} -> moi doan van WP nho hon
   3% va NGAT DONG khac design (do: .prose p design 17px/30.6 vs WP 16.5px/29.7,
   1 doan 214px design chi con 178px tren WP). cpelc-site.css nap SAU post-4.css
   nen cung do uu tien 0-1-0 van ghi de duoc. */
.elementor-kit-4{font-size:17px}

/* [sweep-B] LINE-HEIGHT TIEU DE. Elementor frontend.min.css dat
   .elementor-heading-title -- line-height 1. Design: h1..h4 line-height 1.3,
   the p ke thua body 1.8. Do tren family-information: MOI h2 cao 31px thay vi 40px,
   h3 19px thay vi 25px -> trang ngan hon design 238px.
   Do uu tien rule nay la 0-1-1, THUA rule mac dinh 0-1-0 nhung THUA CUOC truoc
   rule rieng tung widget .elementor-element-XXX .elementor-heading-title (0-2-0),
   nen widget nao da chinh typography rieng van giu nguyen. H1 co y KHONG dung
   vi design .phero h1 dung line-height 1.2. */
h2.elementor-heading-title,
h3.elementor-heading-title,
h4.elementor-heading-title{line-height:1.3}
p.elementor-heading-title{line-height:1.8}

/* [sweep-B] TEXT-EDITOR: the cuoi cung con margin-bottom 14.4px (0.9em mac dinh
   cua fork nay) trong khi design *{margin:0} va chi .prose p moi co margin-bottom
   18px GIUA cac doan. Moi widget text-editor vi vay du ra ~14px. */
.elementor-widget-text-editor p:last-child,
.elementor-widget-text-editor ul:last-child,
.elementor-widget-text-editor ol:last-child{margin-bottom:0}

/* [sweep-B] .sechead. Design la block-flow: eyebrow -> h2 (margin-top 10)
   -> .divider (margin 14 auto 16) -> p tuy chon. Do duoc: sechead ket thuc bang
   divider = 88px, ket thuc bang p = 165px.
   WP la flex container gap 6px + divider widget padding 15/15 -> 106px / 181px.
   Bo gap, tra padding divider ve dung 14/16, va khi divider la phan tu CUOI thi
   bo padding-bottom (design margin-bottom 16px cua no bi collapse ra ngoai). */
.sechead.e-con{gap:0}
.sechead .elementor-divider{padding-top:14px;padding-bottom:16px}
.sechead>.elementor-widget-divider:last-child .elementor-divider{padding-bottom:0}

/* [sweep-B] .ftile. Design: .ficon margin-bottom 16, h3 margin-bottom 8, p 0.
   WP la flex gap 8px -> ficon->h3 chi 8px (thieu 8) va h3->p thanh 16px (thua 8),
   cong them margin-bottom 14.4 cua the p cuoi => moi the cao hon design ~15px. */
.ftile.e-con{gap:0}
.ftile>.elementor-widget-icon{margin-bottom:16px}

/* [sweep-B] .gal. Design: .gal figure -- aspect-ratio 4/3 (tall 3/4, wide 8/3 +
   grid-column span 2), anh height 100% object-fit cover => moi o cao 276px.
   WP de anh theo ti le goc nen o cao nhat keo ca hang len (do: 491px thay vi 276px,
   mot minh cho nay +215px tren curriculum). */
.gal>.e-con{aspect-ratio:4/3}
.gal>.e-con.tall{aspect-ratio:3/4}
.gal>.e-con.wide{aspect-ratio:8/3;grid-column:span 2}
.gal>.e-con>.elementor-widget-image,
.gal>.e-con>.elementor-widget-image>.elementor-widget-container,
.gal>.e-con>.elementor-widget-image figure,
.gal>.e-con>.elementor-widget-image a{height:100%;width:100%}
.gal>.e-con>.elementor-widget-image img{width:100%;height:100%;object-fit:cover}

/* [sweep-B] Anh weekly-menu tren centre-information: design co
   border:1px solid #e6e3da kem border-radius 14px, WP moi co bo goc. */
.elementor-8 .elementor-element-w089 img{border:1px solid #e6e3da}

/* [sweep-C] GALLERY — nhip doc trong 5 section anh (post 11, container .galwrap).
   Design: sechead la block-flow (eyebrow 22 / divider margin 14+16 / h2 40 / p 61
   = 155px) roi margin-bottom 40px xuong luoi anh.
   WP: container flex gap 14px giua 5 widget + divider padding 16/16 + text-editor
   margin-bottom 26 => moi section thua 44px. */
.galwrap{gap:0 !important}
.galwrap > .elementor-widget-divider .elementor-divider{padding-top:14px !important;padding-bottom:16px !important}
.galwrap > .elementor-widget-text-editor{margin-bottom:40px !important}

/* ==================================================================
   [sweep-A] PIXEL SWEEP 3 trang: Home (5) / Why CPELC (6) / Meet the Team (7)
   Do computed-style + bounding-rect design (localhost:8402) vs WP (8401)
   o 1440x900, da tat transition truoc khi do.
   ================================================================== */

/* [sweep-A] BASE FONT. Elementor kit ghi .elementor-kit-4 font-size:16.5px
   (specificity 0,1,0 → an rule body 0,0,1 cua design). Design: body 17px/1.8.
   Hau qua: MOI doan van WP lh 29.7 thay vi 30.6 → thieu ~1px moi dong. */
body.elementor-kit-4{font-size:17px}

/* [sweep-A] Elementor frontend.min.css ep .elementor-heading-title line-height:1
   (0,1,0) → moi heading widget mat line-height 1.3 cua design.
   Chi ap cho dung component da do duoc; .znum giu line-height 1 nhu design. */
.sechead h2.elementor-heading-title,
.sechead h3.elementor-heading-title,
.ztext h3.elementor-heading-title,
.stext h2.elementor-heading-title,
.stext h3.elementor-heading-title,
.card h3.elementor-heading-title,
.act h3.elementor-heading-title,
.tcell h3.elementor-heading-title,
.ftile h3.elementor-heading-title,
.tm h3.elementor-heading-title,
.step h3.elementor-heading-title,
.cta h2.elementor-heading-title,
.trust h2.elementor-heading-title,
.faq h2.elementor-heading-title{line-height:1.3}
.feat h3.elementor-heading-title{line-height:1.35}
.eyebrow .elementor-heading-title,p.eyebrow.elementor-heading-title{line-height:1.8}

/* [sweep-A] .sechead — cong thuc design:
   eyebrow 22 + h2 (mt10, lh1.3 = 40.3) + divider (mt14 + 2 + mb16) + p (margin 0).
   WP dang: e-con-inner row-gap 8px, divider widget padding-block 16/16,
   p margin-bottom .9rem → sechead cao hon design 15..20px o moi section. */
.sechead,.sechead > .e-con-inner{row-gap:0 !important}
.sechead h2.elementor-heading-title{margin-top:10px}
.sechead .elementor-widget-divider{margin-top:14px;margin-bottom:16px}
.sechead .elementor-widget-divider:last-child{margin-bottom:0}
.sechead .elementor-divider{padding:0 !important;line-height:0}
.sechead p{margin-bottom:0}

/* [sweep-A] .ztext — design: znum (mb10) + h3 (mb12) + p (margin 0), khong flex gap.
   WP dang row-gap 12px + p margin-bottom .9rem → khoi chu lech ~21px. */
.ztext{row-gap:0 !important}
.ztext > .elementor-widget:first-child{margin-bottom:10px}
.ztext p{margin-bottom:0}

/* [sweep-A] Nut. Elementor .elementor-button co line-height:1 → cao 43px;
   design .btn ke thua body line-height 1.8 → cao 55px (padding 15px + 23.4). */
.elementor-button{line-height:1.8}

/* [sweep-A] .feats — design la MOT grid 2 cot row-gap 22px.
   WP tach thanh 2 container .feats chong nhau, mat 22px giua 2 hang. */
.feats + .feats{margin-top:22px}
.feat p{margin-bottom:0}

/* [sweep-A] The .card — design .card .cimg aspect-ratio 4/3 → anh cao 269px
   (o cot 358px). WP dat --min-height:200px cho container anh → thap 69px/the. */
.card > .e-con:first-child{aspect-ratio:4/3;min-height:0}
.card p{margin-bottom:0}
.act p,.tcell p,.ftile p,.tm p,.step p{margin-bottom:0}

/* [sweep-A] Home hero — design .hero min-height calc 100vh - 120px = 780px
   o 900px viewport; WP dat 84vh = 756px. */
.elementor-5 .elementor-element.elementor-element-chero{--min-height:calc(100vh - 120px)}

/* [sweep-A] Home, khoi 4 tru (.zz) — design boc zrow trong .zz padding 6px 0 84px.
   WP khong co .zz nen thieu 6px tren + 84px duoi truoc padding cua section. */
.elementor-5 .zrow:first-child{margin-top:6px}
.elementor-5 .zrow:last-child{margin-bottom:84px}

/* [sweep-A] Home FAQ — dong "Still have a question?" bi CONG DOI 34px:
   widget co margin-top 34 ma the <p> ben trong cung co inline margin-top:34px
   (flex item nen margin khong collapse). Design chi 34px. */
.faq > .e-con-inner > .elementor-widget:last-child,
.faq > .elementor-widget:last-child{margin-top:0 !important}
.faq > .e-con-inner > .elementor-widget:last-child p,
.faq > .elementor-widget:last-child p{margin-bottom:0}

/* [sweep-B] Bang trong .infobox (family-information CCS, centre-information "at a glance").
   Markup da co inline-style dung design, nhung theme hello-elementor ap
   table th,td -- line-height 1.5 va border 1px solid rgba(128,128,128,.5) quanh o.
   Design: cell ke thua body line-height 1.8, chi co border-bottom #e6e3da.
   Do: hang "All children in care" design 88px, WP 79px. */
.infobox table th,.infobox table td{line-height:1.8;border-top:0;border-left:0;border-right:0}

/* [sweep-B] .prose.wide trong .infobox: design co inline padding:18px 0 (bi loc khi
   dua vao Elementor). Do: .infobox design cao 115px, WP 79px. */
.infobox .prose.wide{padding-top:18px;padding-bottom:18px}

/* [sweep-B] Hai container .cards3 canh nhau la MOT grid trong design (row-gap 30px).
   WP tach doi nen mat 30px giua hai hang the. */
.cards3 + .cards3{margin-top:30px}

/* [sweep-B] Divider trong .sechead: mot so widget co typography/spacing rieng
   (do uu tien 0-2-0) lam padding thanh 10/0 va vach 54x3 thay vi 44x2.
   Rule nay 0-3-0 nen thang, tra ve dung design .divider -- 44x2, margin 14/16. */
.sechead .elementor-widget-divider .elementor-divider{padding-top:14px;padding-bottom:16px}
.sechead>.elementor-widget-divider:last-child .elementor-divider{padding-bottom:0}
.sechead .elementor-divider-separator{width:44px;border-top-width:2px}

/* [sweep-B] Band .cta: design .cin la block-flow (h2 mb14 -> p mb24 -> a.btn),
   WP la flex gap 14px + nut co margin-top 10px => band cao hon 34px. */
.cta .cin.e-con{gap:0}
.cta .cin>.elementor-widget-text-editor{margin-bottom:24px}
.cta .cin>.elementor-widget-button{margin-top:0}

/* [sweep-C] NUT — class .btn/.btn-* cua design roi vao WRAPPER widget Elementor,
   nen wrapper bi ve thanh MOT NUT THU HAI bao ngoai nut that
   (do tren contact: wrapper 252x85 boc the a 186x53; design chi 1 hop 188x55).
   Tra wrapper ve vai tro boc, chuyen nen + vien + chieu cao xuong the <a>.
   Header/footer khong dinh vi wrapper o do khong mang class .btn. */
.elementor-widget-button.btn{padding:0 !important;background:transparent !important;border:0 !important;border-radius:0 !important;box-shadow:none !important}
.elementor-widget-button.btn .elementor-button{border-style:solid !important;border-width:1px !important;line-height:1.8 !important}
.elementor-widget-button.btn-green .elementor-button,
.elementor-widget-button.btn-taupe .elementor-button{background:#007038 !important;color:#fff !important;border-color:#007038 !important}
.elementor-widget-button.btn-green .elementor-button:hover,
.elementor-widget-button.btn-taupe .elementor-button:hover{background:#00552a !important;border-color:#00552a !important}
.elementor-widget-button.btn-outline .elementor-button{background:transparent !important;color:#007038 !important;border-color:#007038 !important}
.elementor-widget-button.btn-outline .elementor-button:hover{background:#007038 !important;color:#fff !important}
.elementor-widget-button.btn-white .elementor-button{background:#fff !important;color:#007038 !important;border-color:#fff !important}
.elementor-widget-button.btn-white .elementor-button:hover{background:#eaefe9 !important;border-color:#eaefe9 !important}

/* [sweep-C] CTA — nhip doc. Design .cta .cin la block-flow: h2 margin-bottom 14,
   p margin-bottom 24, roi nut. WP dung flex gap 14 + margin-top 10 truoc nut,
   cong them margin-bottom 14 con lai cua the h2 => band cao hon design 34px.
   Bo gap va tra khoang cach ve dung margin cua design. */
.cta .cin{gap:0 !important}
.cta .cin > .elementor-widget-text-editor{margin-bottom:24px !important}
.cta .cin > .elementor-widget-button,
.cta .cin > .e-con:last-child{margin-top:0 !important}

/* [sweep-B] NUT. Design .btn LA CHINH the <a> (padding 15px 32px, border 1px).
   Trong Elementor class .btn/.btn-white/... lai nam tren WIDGET WRAPPER, nen wrapper
   an nguyen padding 15/32 + nen + bo goc, con <a class="elementor-button"> ben trong
   lai co padding rieng => nut cao 85px thay vi 55px va vien trang rong hon design.
   Tra box ve dung the <a>: wrapper thanh trong suot, mau + vien chuyen vao <a>. */
.elementor-widget-button.btn{padding:0;background:transparent;border:0;border-radius:0;box-shadow:none}
.elementor-widget-button.btn .elementor-button{border:1px solid transparent}
.elementor-widget-button.btn-white .elementor-button{background:#fff;color:#007038;border-color:#fff}
.elementor-widget-button.btn-white .elementor-button:hover{background:#eaefe9;border-color:#eaefe9}
.elementor-widget-button.btn-green .elementor-button{background:#007038;color:#fff;border-color:#007038}
.elementor-widget-button.btn-green .elementor-button:hover{background:#00552a;border-color:#00552a}
.elementor-widget-button.btn-taupe .elementor-button{background:#007038;color:#fff;border-color:#007038}
.elementor-widget-button.btn-taupe .elementor-button:hover{background:#00552a;border-color:#00552a}
.elementor-widget-button.btn-outline .elementor-button{background:transparent;color:#007038;border-color:#007038}
.elementor-widget-button.btn-outline .elementor-button:hover{background:#007038;color:#fff}

/* [sweep-C] WAITLIST — bo sung khoi anh "preschool-room-wide" (design co section
   .wrap padding 0 0 84 giua form va "Book a tour", WP truoc day THIEU han).
   Design: anh rong 1140 (ti le goc 1800x1198 -> cao 759), bo goc 16px,
   chu thich 14px can giua cach anh 14px. */
.wlfig img{width:100% !important;height:auto !important;display:block;border-radius:16px !important}
.wlfig figure.wp-caption{margin:0}
.wlfig figcaption.widget-image-caption{text-align:center;color:#6e6b5d;font-size:14px;line-height:1.8;margin-top:14px;font-style:normal;background:transparent;padding:0}

/* [sweep-B] Band .cta: container Elementor dat min-height 340px + padding ngang 20px,
   design khong co (chieu cao do noi dung: 80 + 164 + 80 = 324). */
.cta.e-con{min-height:0;padding-left:0;padding-right:0}

/* [sweep-B] family-information sec2 "Everything else is provided": design la <figure>
   grid minmax(0,.9fr) minmax(0,1.1fr) gap 44 (cot anh 603px, anh cao 804px),
   WP dung .split 1.05fr/.95fr gap 56 (cot anh 515px, anh chi 687px) -> thieu 117px. */
.elementor-10 .elementor-element-fi00046{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr) !important;gap:44px !important}
.elementor-10 .elementor-element-fi00045{border-radius:16px}
.elementor-10 .elementor-element-fi00045 img{border-radius:16px}

/* [sweep-B] family-information sec4 "Fee information": hai khoi .infobox trong design
   nam trong wrapper max-width 900px, margin 0 auto 34px va 34px auto 0. */
.elementor-10 .elementor-element-fi00061{max-width:900px;margin:0 auto 34px}
.elementor-10 .elementor-element-fi00068{max-width:900px;margin:34px auto 0}

/* [sweep-C] WAITLIST "Book a tour" — 2 the .card phai nam CANH NHAU trong .acts
   (design: grid 2 cot 486px, gap 28, max-width 1000 can giua). WP dang xep DOC
   trong container flex column 1140px => band cao 1061 thay vi 796.
   Da doi container c092 sang content_width:full + class "acts" (rule .acts co san
   o dau file). Chi con bo lop .e-con-inner cua 2 the con de grid nhin thay 2 item. */

/* [sweep-C] .card — nhip doc ben trong the. Design: icon margin-bottom 16,
   h3 margin-bottom 8, doan mo ta 0, nut margin-top 18, the phold margin-top 20.
   WP dung flex gap 14 deu nhau + icon wrapper con line-height cua the => the cao hon. */
.card > .e-con-inner{gap:0 !important}
.card .elementor-widget-icon .elementor-icon-wrapper{line-height:0}
.card > .e-con-inner > .elementor-widget-icon{margin-bottom:16px}
.card > .e-con-inner > .elementor-widget-button{margin-top:18px}
.elementor-13 .card .phold{margin-top:20px}

/* [sweep-B] Divider trong .sechead — Elementor sinh rule rieng tung widget o do uu tien
   0-4-0 (.elementor-10 .elementor-element.elementor-element-XXX .elementor-divider...)
   nen CSS thuong khong the sua. Kich thuoc 44x2 + mau da chinh thang trong
   _elementor_data (sweepB/dividers.php). Con khoang cach doc: Elementor ap
   .elementor-widget:not(:last-child) -- margin-block-end 0 (0-3-0) de len rule cu,
   nen phai !important. Design .divider -- margin 14px auto 16px. */
.sechead>.elementor-widget-divider{margin-top:14px !important;margin-bottom:16px !important}
.sechead>.elementor-widget-divider:last-child{margin-bottom:0 !important}

/* [sweep-C] FORM Elementor — khop luoi + o nhap cua design.
   Design do duoc: contact form max-width 1000 (cot 486, khoang cach ngang 28),
   waitlist 900 (cot 439, ngang 22), join-our-team 880 (cot 429, ngang 22);
   HANG cach nhau 22px o ca 3 trang. Nhan .flabel: Raleway 600 12.5px,
   letter-spacing .12em, uppercase, line-height 1.8, margin-bottom 8.
   O nhap .fld: padding 13/15, border 1px, cao 49 (input) / 191 (textarea 6 dong).
   WP mac dinh: wrapper flex am 10px, nhan line-height 1 + margin-bottom 6,
   o nhap line-height 1.5 (cao 52) => form rong het 1140 va lech nhip. */
.elementor-widget-form .elementor-form-fields-wrapper{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;column-gap:22px;row-gap:22px;margin:0 !important}
.elementor-widget-form .elementor-form-fields-wrapper > .elementor-field-group{width:auto !important;max-width:none !important;padding:0 !important;margin:0 !important}
.elementor-widget-form .elementor-form-fields-wrapper > .elementor-field-group.elementor-col-100{grid-column:1 / -1}
.elementor-widget-form .elementor-field-label{font-family:'Raleway',sans-serif;font-weight:600;font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;color:#6e6b5d;line-height:1.8;margin-bottom:8px}
.elementor-widget-form .elementor-field-textual{line-height:1.3 !important}
.elementor-widget-form textarea.elementor-field-textual{line-height:1.7 !important}

/* [sweep-C] Be ngang form theo tung trang (design do o 1440x900). */
.elementor-12 .elementor-widget-form{max-width:1000px;margin-left:auto;margin-right:auto}
.elementor-12 .elementor-widget-form .elementor-form-fields-wrapper{column-gap:28px}
.elementor-12 .elementor-widget-form .elementor-field-label{font-size:12px;font-weight:700;letter-spacing:.22em}
.elementor-13 .elementor-widget-form{max-width:900px;margin-left:auto;margin-right:auto}
.elementor-14 .elementor-widget-form{max-width:880px;margin-left:auto;margin-right:auto}

/* [sweep-B] .ftile icon: design .ficon co margin-bottom 16px. Rule khong !important
   bi Elementor .elementor-widget:not(:last-child) -- margin-block-end 0 (0-3-0) de len.
   (Tren family-information .ficon la CONTAINER da co san margin nen khong dung rule nay.) */
.ftile>.elementor-widget-icon{margin-bottom:16px !important}

/* [sweep-B] curriculum sec "Belonging, Being and Becoming": design .cards3 co
   inline margin-bottom 28px. */
.elementor-9 .elementor-element-cur00b5e{margin-bottom:28px}
/* [sweep-B] cung sechead do: the p sau divider design 17px (ke thua body), WP dat 19px. */
.elementor-9 .elementor-element-cur00733{font-size:17px !important}

/* ===== [sweep-A] VONG 2 — sau khi do lai =====
   Nguyen nhan chinh: Elementor frontend.min.css co
   .e-con .elementor-widget.elementor-widget margin-block-end:0 (0,3,0)
   → moi margin-bottom minh dat o (0,2,0) deu bi nuot. Phai !important. */
.sechead .elementor-widget-divider{margin-bottom:16px !important}
.sechead .elementor-widget-divider:last-child{margin-bottom:0 !important}
.ztext > .elementor-widget:first-child{margin-bottom:10px !important}

/* [sweep-A] Truong hop doan intro nam NGOAI .sechead (Home: "Three buildings…").
   Design gom eyebrow+h2+divider+p trong 1 khoi .sechead roi moi 40px.
   WP tach p ra ngoai → mat 16px margin-bottom cua divider. */
.elementor-5 .sechead:has(+ .elementor-widget-text-editor){margin-bottom:0 !important}
.elementor-5 .sechead:has(+ .elementor-widget-text-editor) .elementor-widget-divider:last-child{margin-bottom:16px !important}
.elementor-5 .sechead + .elementor-widget-text-editor{margin-bottom:40px !important}

/* [sweep-A] Header: design nav padding 8px + logo height 104px + border 1px = 121px.
   WP dang logo 85px → header chi 103px, lech 18px tren MOI trang. */
header.elementor-location-header img{height:104px !important;width:auto !important;max-height:none !important;max-width:none !important}

/* [sweep-A] Home — 3 the chuong trinh. Design .card .cimg aspect-ratio 4/3 (269px)
   va .card p{font-size:15.5px;line-height:1.75}. WP dat --min-height:200px cho
   khung anh va khong co class .card nen chu bi 17px/1.8. */
.elementor-5 .elementor-element-im057,
.elementor-5 .elementor-element-im060,
.elementor-5 .elementor-element-im063{aspect-ratio:4/3;min-height:0}
.elementor-5 .elementor-element-tx057 p,
.elementor-5 .elementor-element-tx060 p,
.elementor-5 .elementor-element-tx063 p{font-size:15.5px;line-height:1.75}

/* [sweep-A] Home — hang nut "See our centre": design margin-top 34px, WP dang 10px. */
.elementor-5 .elementor-element-fbtnrow{padding-top:34px}

/* [sweep-A] Home — sechead cua khoi Google reviews: design margin-bottom 26px
   (inline style), WP dung 40px mac dinh cua .sechead. */
.elementor-5 .elementor-element-c157{margin-bottom:26px !important}

/* [sweep-A] Quote card: design .quote cite khong co margin-bottom;
   WP render cite bang heading widget nen an .quote p{margin-bottom:14px}. */
.quote p.elementor-heading-title{margin-bottom:0}

/* [sweep-A] Home — dai Acknowledgement of Country. Design: khoi giua rong 900px,
   .lede line-height 1.75, divider margin 14/16, khong co flex gap. */
.elementor-5 .elementor-element-c090{row-gap:0 !important}
.elementor-5 .elementor-element-c090 .elementor-widget-divider{margin-top:14px !important;margin-bottom:16px !important}
.elementor-5 .elementor-element-c090 .elementor-divider{padding:0 !important;line-height:0}
.elementor-5 .elementor-element-w089{max-width:900px;width:100%;margin-left:auto;margin-right:auto}
.elementor-5 .elementor-element-w089 p{line-height:1.75}

/* [sweep-A] Dai CTA: design cao = noi dung (.cin padding 80px 0).
   WP dat --min-height cho container ngoai → thua 18px tren + 18px duoi. */
.cta.e-con.e-parent{--min-height:0px}

/* [sweep-A] Home CTA — icon ngoi sao dau khoi (design: div margin-bottom 14px,
   svg 26px stroke #fff). Widget html moi id=sacta1 chi co o Home. */
.cta .cin .ctastar{margin-bottom:0;line-height:1.8}
.cta .cin .ctastar svg{display:inline-block;vertical-align:middle}
.cta .cin .elementor-widget-html:first-child{margin-bottom:14px !important}

/* [sweep-C] FORM — ep be ngang: Elementor sinh rule rieng cho tung widget
   (.elementor-14 .elementor-element-w060) manh hon selector class nen phai !important.
   Dong thoi bo margin 10.75px auto mac dinh cua widget form. */
.elementor-12 .elementor-widget-form{max-width:1000px !important;margin-left:auto !important;margin-right:auto !important}
.elementor-13 .elementor-widget-form{max-width:900px !important;margin-left:auto !important;margin-right:auto !important}
.elementor-14 .elementor-widget-form{max-width:880px !important;margin-left:auto !important;margin-right:auto !important}

/* [sweep-C] FORM — nhom checkbox/radio phai nam NGANG nhu design
   (fieldset > div{display:flex;flex-wrap:wrap;gap:12px 26px}; moi label
   flex gap 9px, chu 16px, o vuong 17x17 accent #007038).
   WP mac dinh xep DOC => vd join-our-team nhom "Role Type" cao 150 thay vi 59. */
.elementor-widget-form .elementor-field-subgroup{display:flex !important;flex-wrap:wrap;gap:12px 26px}
.elementor-widget-form .elementor-field-subgroup .elementor-field-option{display:flex;align-items:center;gap:9px;font-size:16px;margin:0;width:auto}
.elementor-widget-form .elementor-field-subgroup .elementor-field-option label{margin:0;font-size:16px;line-height:1.4;color:#555550}
.elementor-widget-form .elementor-field-subgroup input[type=checkbox],
.elementor-widget-form .elementor-field-subgroup input[type=radio]{width:17px;height:17px;accent-color:#007038;margin:0;flex:none}

/* [sweep-C] WAITLIST — 5 ngay trong tuan: design .daysgrid la luoi 5 cot bang nhau,
   max-width 680 can giua, gap 12. */
.elementor-13 .elementor-field-group-w-days .elementor-field-subgroup{display:grid !important;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;max-width:680px;margin-left:auto;margin-right:auto}

/* [sweep-C] FORM — rule Elementor `.elementor-field-subgroup:not(.elementor-subgroup-inline)
   .elementor-field-option` (0-3-0) manh hon rule tren nen o vuong van xep doc.
   Ep lai bang !important. */
.elementor-widget-form .elementor-field-subgroup .elementor-field-option{display:flex !important;align-items:center;gap:9px;width:auto !important}

/* [sweep-B] centre-information sec1 "Our centre at a glance": design la
   .prose.center (max-width 820, margin 0 auto 34px) + .infobox max-width 900 chua
   bang .info 13 hang. WP truoc do dung 4 o so lieu (3 / 150 / 6 wks-6 yrs / 52)
   khong co trong design -> da thay bang dung bang cua design trong _elementor_data. */
.elementor-8 .elementor-element-w020{max-width:820px !important;margin:0 auto 34px !important}
.elementor-8 .elementor-element-sb00101{max-width:900px;margin-left:auto;margin-right:auto}

/* [sweep-C] FORM — 2 diem con bi rule rieng cua Elementor de:
   1) .elementor-field-option co flex-basis 100% => moi o vuong chiem tron 1 dong;
      design cho chung nam ngang nen phai flex:0 0 auto.
   2) nhan truong: design .flabel = 12.5px, margin-bottom 8; Elementor ghi
      12px + 6px qua rule rieng cua widget. */
.elementor-widget-form .elementor-field-subgroup .elementor-field-option{flex:0 0 auto !important}
.elementor-widget-form .elementor-field-subgroup .elementor-field-option label{font-size:16px !important;line-height:1.4 !important}
.elementor-widget-form .elementor-field-group > label.elementor-field-label{font-size:12.5px !important;margin-bottom:8px !important}
.elementor-12 .elementor-widget-form .elementor-field-group > label.elementor-field-label{font-size:12px !important}

/* [sweep-B] centre-information sec6 "Three in-house cooks": khoi chu + anh fruit-platter
   la mot .split margin-bottom 58px trong design (WP truoc do thieu han anh nay);
   .infobox va cac khoi anh co max-width + margin rieng theo inline style cua design. */
.elementor-8 .elementor-element-sb00201{margin-bottom:58px !important}
.elementor-8 .elementor-element-w088{max-width:900px !important;margin:0 auto 58px !important;padding:24px 30px !important}
.elementor-8 .elementor-element-0c22be23{margin-bottom:28px !important}
.elementor-8 .elementor-element-c091{max-width:620px !important;margin:0 auto 20px !important}
.elementor-8 .elementor-element-w090{margin-bottom:46px !important}
.elementor-8 .elementor-element-w093{margin-bottom:22px !important}
.elementor-8 .elementor-element-w094{max-width:820px !important;margin:0 auto 34px !important}
.elementor-8 .elementor-element-c096{max-width:900px !important;margin:0 auto !important}

/* [sweep-C] FORM — truong HTML dung lam tieu de nhom ("Personal Details"...).
   Design: the p.eyebrow cao 22, cach nhom duoi 14px. WP: the p con margin-bottom
   14.4px cua theme (=37) roi CONG them row-gap 22 => 59 thay vi 36. */
.elementor-widget-form .elementor-field-type-html p{margin-bottom:0}
.elementor-widget-form .elementor-form-fields-wrapper > .elementor-field-type-html{margin-bottom:-8px !important}

/* [sweep-C] FORM — o tai tep: design ve giong .fld (padding 13/15, vien 1px #948d6f,
   bo goc 4, cao 48). WP de input[type=file] tran => cao 30. */
.elementor-widget-form .elementor-field-type-upload input[type=file]{width:100%;font-family:'Amiko',sans-serif;font-size:16px;color:#555550;padding:13px 15px;border:1px solid #948d6f;border-radius:4px;background:#fff;line-height:1.3}

/* [sweep-C] FORM — chieu cao o textarea theo dung design tung trang
   (contact 191 = 6 dong, waitlist 110, join-our-team 164 = 5 dong). */
.elementor-12 .elementor-widget-form textarea.elementor-field-textual{height:191px !important}
.elementor-13 .elementor-widget-form textarea.elementor-field-textual{height:110px !important}
.elementor-14 .elementor-widget-form textarea.elementor-field-textual{height:164px !important}

/* ===== [sweep-A] Trang Why Cameron Park ELC (post 6) ===== */
/* [sweep-A] Design boc 3 zrow trong .zz padding-top 0 padding-bottom 0 va zrow
   cuoi margin-bottom 0; doan .lede sau do tu co margin-top 48px.
   WP giu margin-bottom 60px o zrow cuoi → thua dung 60px. */
.elementor-6 .elementor-element-c036.zrow{margin-bottom:0 !important}

/* [sweep-A] Dai trust: design = head 88 + 34 + trustgrid 277 + 46 + tstrip 50.
   WP them row-gap 26px o container ngoai va 8px trong khoi head,
   divider lai co padding 10/10 thay vi margin-top 14. */
.elementor-6 .elementor-element-c070{row-gap:0 !important}
.elementor-6 .elementor-element-c068{row-gap:0 !important}
.elementor-6 .elementor-element-c068 h2.elementor-heading-title{margin-top:10px}
.elementor-6 .elementor-element-c068 .elementor-widget-divider{margin-top:14px !important;margin-bottom:0 !important}
.elementor-6 .elementor-element-c068 .elementor-divider{padding:0 !important;line-height:0}
/* design .tstrip span ke thua line-height 1.8 (12.5px → 22.5px) */
.elementor-6 .elementor-element-wtstrip p{line-height:1.8}

/* [sweep-C] .sechead — khi DIVIDER dung TRUOC h2 (join-our-team ca 4 khoi,
   gallery, ...), design cho margin-bottom 16 cua divider COLLAPSE voi margin-top 10
   cua h2 => chi con 16. Elementor de chung lam flex item nen margin KHONG collapse
   (16+10=26). Bo margin-top cua h2 trong truong hop nay. */
.sechead .elementor-widget-divider + .elementor-widget-heading h2.elementor-heading-title{margin-top:0}

/* [sweep-C] JOIN-OUR-TEAM — design KHONG co the trang bao quanh form
   (form nam thang tren nen .sec.sage, max-width 880 can giua).
   WP them 1 container nen trang bo goc 16 + padding 36/40 => cao hon 72px
   va sai mau nen. Tra ve dung design. */
.elementor-14 .elementor-element-c065{background-color:transparent !important;border-radius:0 !important;padding:0 !important;box-shadow:none !important}
.elementor-14 .elementor-element-c065 > .e-con-inner{padding:0 !important;gap:18px !important;max-width:880px !important}
.elementor-14 .elementor-element-c065 .muted p{margin-bottom:0}

/* [sweep-B] centre-information — cac khoi .prose / .muted trong design bi gioi han
   820px va can giua (WP dang tran 1140px nen chu it dong hon, section hut chieu cao).
   Kem margin doc lay tu inline style cua design. */
.elementor-8 .elementor-element-97743838{max-width:820px !important;margin:26px auto 0 !important}
.elementor-8 .elementor-element-w138{max-width:820px !important;margin:0 auto 18px !important}
.elementor-8 .elementor-element-w139{max-width:820px !important;margin:0 auto 44px !important}
.elementor-8 .elementor-element-aadf170c{max-width:820px !important;margin:44px auto 0 !important}
.elementor-8 .elementor-element-sb00304{margin-bottom:30px !important}
.elementor-8 .elementor-element-c137{margin-bottom:40px !important}
/* p.muted trong .sechead: design margin-top 10px (sec4/sec9) va 8px (sec8) */
.elementor-8 .elementor-element-96985611{margin-top:10px !important}
.elementor-8 .elementor-element-w158{margin-top:10px !important}
.elementor-8 .elementor-element-625578d6{margin-top:8px !important}

/* [sweep-C] PRIVACY POLICY — than bai. Design la block-flow: moi the tu lo margin
   (h2 38/14, h3 30/10, p 0/18, ul 0/20). WP boc moi the trong 1 widget Elementor
   va container .ppprose la flex column gap 20px => THUA 20px x 39 khoang = 780px.
   Bo gap, giu nguyen margin cua tung widget (da dung bang design). */
.elementor-element-ppprose{gap:0 !important}

/* [sweep-C] PRIVACY POLICY — dai dau trang. Design header .sec.cream padding 64/54,
   doan lede bo 820px, dong "Last updated" 15px line-height 1.8 (=27).
   WP: padding 84/84, lede tran 1140 (2 dong thay vi 3), muted line-height 1.6. */
.elementor-15 .elementor-element-pp007{padding-block-start:64px !important;padding-block-end:54px !important}
.elementor-15 .elementor-element-pp005{max-width:820px}
.elementor-15 .elementor-element-pp006 p{line-height:1.8}

/* [sweep-B] centre-information .stext (sec2/sec5/sec7): design la block-flow
   eyebrow -> .divider.left (margin 14/16) -> h2 (margin-bottom 16) -> .prose (p cach nhau 18).
   WP thieu HAN widget divider (da bo sung vao _elementor_data) va dung flex gap 12px
   cho moi khoang -> lech ~30-42px moi section. */
.elementor-8 .stext.e-con{gap:0}
.elementor-8 .stext>.elementor-widget-divider{margin:14px 0 16px !important}
.elementor-8 .stext>.elementor-widget-heading:not(.eyebrow){margin-bottom:16px !important}
.elementor-8 .stext>.elementor-widget-text-editor:not(:last-child){margin-bottom:18px !important}
.divleft .elementor-divider{justify-content:flex-start !important}
.divleft .elementor-divider-separator{margin-left:0 !important;margin-right:0 !important}

/* [sweep-C] PRIVACY POLICY — moi widget Elementor la FLEX ITEM nen tao BFC:
   margin cua the ben trong KHONG collapse ra ngoai nua, thanh ra cong DOI:
   - heading: widget da mang margin-bottom 14 (h2) / 10 (h3) dung nhu design,
     nhung the h2/h3 ben trong CON margin-bottom cua no => moi tieu de thua 14/10px.
   - danh sach: the <li> cuoi cung con margin-bottom 9px (design cho collapse ra).
   - widget chua <ul>: design .prose ul margin-bottom 20, widget dang de 18. */
.elementor-element-ppprose > .elementor-widget-heading .elementor-heading-title{margin-bottom:0}
.elementor-widget-text-editor li:last-child{margin-bottom:0}
.elementor-element-ppprose > .elementor-widget-text-editor:has(ul){margin-bottom:20px}

/* [sweep-B] .sechead h2 margin-top 10px: trong design la block-flow nen no COLLAPSE
   (voi margin-bottom 16px cua .divider dung truoc, hoac bien mat khi h2 la phan tu dau).
   Container flex cua Elementor khong collapse -> moi sechead dang du 10px. */
.sechead>.elementor-widget-divider+.elementor-widget-heading .elementor-heading-title{margin-top:0 !important}
.sechead:not(:first-child)>.elementor-widget-heading:first-child .elementor-heading-title{margin-top:0 !important}

/* [sweep-C] PRIVACY POLICY — mo phong MARGIN COLLAPSE cua design.
   Design block-flow: margin-bottom cua doan (18/20) va margin-top cua tieu de
   ke tiep (38/30) COLLAPSE, chi lay so lon. Elementor de moi widget lam flex item
   nen 2 margin CONG lai (18+38=56) => ca trang thua ~242px.
   Bo margin-bottom cua phan tu dung NGAY TRUOC mot tieu de. */
.elementor-element-ppprose > .elementor-element:has(+ .elementor-widget-heading){margin-bottom:0 !important}

/* [sweep-C] PRIVACY POLICY — hop lien he muc 11: design .infobox padding 24px 30px
   (cao 190); WP dang padding 8px va thua margin-top 6px (cao 158). */
.elementor-15 .elementor-element-pp044{padding:24px 30px !important;margin-top:0 !important}

/* [sweep-C] PRIVACY POLICY — doan cuoi cung: design .prose p margin-bottom 18px
   van tinh vao chieu cao khoi (khong bi cat) — WP dang de 0. */
.elementor-element-ppprose > .elementor-element:last-child{margin-bottom:18px}

/* [sweep-C] PRIVACY POLICY — widget chua <ul>: design .prose ul margin-bottom 20px. */
.elementor-element-ppprose > .elementor-widget-text-editor:has(> .elementor-widget-container > ul){margin-bottom:20px !important}

/* ===== [sweep-A] VONG 3 ===== */
/* [sweep-A] Khi thu tu trong .sechead la eyebrow → divider → h2 (cac trang phu),
   design chay block-flow nen margin-top:10px cua h2 GOP voi margin-bottom:16px
   cua divider. Elementor dung flex → hai margin cong don, thua 10px. */
.sechead .elementor-widget-divider + .elementor-widget-heading h2.elementor-heading-title{margin-top:0}

/* ===== [sweep-A] Trang Meet the Team (post 7) ===== */
/* [sweep-A] .team — design la grid rows auto: hang 1 (736px) thap hon hang 2 (937px).
   Elementor e-grid ep moi hang bang nhau (950px) → thua 227px. */
.elementor-7 .team.e-grid{grid-auto-rows:auto !important;align-items:start}

/* [sweep-A] .infobox — design inline style max-width:900px;margin:46px auto 0.
   WP dang rong 1140px va khong co margin-top. */
.elementor-7 .infobox{max-width:900px;margin:46px auto 0 !important}

/* [sweep-A] Khoi "Shaping Early Years, Together" (sage): design la
   sechead 94 + 40 + prose + 32 + nut; WP dung flex row-gap 16px cho ca 5 widget. */
.elementor-7 .elementor-element-s6in{row-gap:0 !important}
.elementor-7 .elementor-element-s6in .elementor-widget-divider{margin-top:14px !important;margin-bottom:16px !important}
.elementor-7 .elementor-element-s6in .elementor-divider{padding:0 !important;line-height:0}
.elementor-7 .elementor-element-s6in > .elementor-widget-text-editor{margin-top:40px}
.elementor-7 .elementor-element-s6in > .elementor-widget-button{margin-top:32px}

/* [sweep-C] PRIVACY POLICY — dai dau trang, khop tung khoi voi design:
   crumb 22 (mb6 COLLAPSE voi mt6 cua h1 => 6) · h1 40px line-height 1.3 = 52
   (khong phai .phero h1 nen KHONG dung 1.2) · divider: 14 + 2 + 16 = 32
   · lede bo 820px (3 dong = 100) · "Last updated" mt16 cao 27. */
.elementor-15 .elementor-element-pp002{margin-bottom:0 !important}
.elementor-15 .elementor-element-pp003 h1.elementor-heading-title{line-height:1.3}
.elementor-15 .elementor-element-pp004{margin-top:0 !important;margin-bottom:0 !important}
.elementor-15 .elementor-element-pp004 .elementor-divider{padding-top:0 !important;padding-bottom:16px !important}
.elementor-15 .elementor-element-pp005{max-width:820px !important;margin-top:0 !important}

/* [sweep-B] .prose: Elementor boc MOI the vao 1 widget div rieng, nen the h2/h3 nao
   cung thanh :first-child va dinh rule .prose h2:first-child,.prose h3:first-child --
   margin-top 0 cua design. Tra lai margin-top 38/30 cho tieu de KHONG dung dau khoi. */
.prose>.elementor-widget:not(:first-child) h3.elementor-heading-title{margin-top:30px}
.prose>.elementor-widget:not(:first-child) h2.elementor-heading-title{margin-top:38px}
/* Cung ly do: rule cat margin the cuoi cua text-editor (o tren) cat luon margin-bottom
   20px cua <ul> khi ul la the cuoi trong widget nhung widget do CHUA phai cuoi .prose. */
.prose>.elementor-widget-text-editor:not(:last-child) ul:last-child,
.prose>.elementor-widget-text-editor:not(:last-child) ol:last-child{margin-bottom:20px}

/* [sweep-B] p.lede trong .sechead: design co margin-top rieng tung trang
   (centre-information 14px, family-information 12px). */
.elementor-8 .elementor-element-7fcfb877{margin-top:14px !important}
.elementor-10 .elementor-element-fi00037{margin-top:12px !important}

/* [sweep-B] family-information sec4: hai .infobox dat width 78% (=889px) trong khi
   design la max-width 900px full. */
.elementor-10 .elementor-element-fi00061,
.elementor-10 .elementor-element-fi00068{width:100% !important;max-width:900px !important}

/* [sweep-B] family-information FAQ: design .sechead margin-bottom 40 va .faqlist
   margin-top 32 COLLAPSE thanh 40 (do duoc: day sechead 5620 -> faqlist 5660).
   Rule .faq .sechead -- margin-bottom 32px o tren dat 32; chi chinh rieng trang nay.
   Doan chu duoi FAQ: design margin-top 26px. */
.elementor-10 .elementor-element-c107{margin-bottom:40px !important}
.elementor-10 .elementor-element-fi00086{margin-top:26px !important}

/* [sweep-A] .team — Elementor e-grid dat grid-template-rows:repeat(2,1fr) nen 2 hang
   cao bang nhau (950px). Design de rows auto: hang 1 = 736, hang 2 = 937. */
.elementor-7 .team.e-grid{grid-template-rows:auto !important}
/* [sweep-A] .tm — design: tmimg mb18, h3 mb2, .role mb12, p m0 (khong co flex gap). */
.elementor-7 .tm{row-gap:0 !important}
.elementor-7 .tm .role{margin-top:2px !important;margin-bottom:12px !important}
/* [sweep-A] Nut "Join our Team" duoi doan prose: design margin-top 30px. */
.elementor-7 .elementor-element-s1_btn{margin-top:30px}

/* [sweep-A] .infobox — design: padding ngoai 8px 26px + khoi flex ben trong
   padding 24px 0 26px, va icon nam trong o 46x46 bo goc 12px nen sage. */
.elementor-7 .infobox{padding:32px 26px 34px !important}
.elementor-7 .infobox .elementor-widget-icon .elementor-icon-wrapper{width:46px;height:46px;border-radius:12px;background:#eaefe9;display:flex;align-items:center;justify-content:center}

/* [sweep-B] curriculum .stext: design la block-flow
   eyebrow -> h2 (margin-top 10) -> .divider.left (margin 14/16)
   -> .prose (margin-top 22, collapse voi 16 cua divider thanh 22),
   trong .prose h3 co margin 30/10. WP dung flex gap 14px cho MOI khoang. */
.elementor-9 .stext.e-con{gap:0}
.elementor-9 .stext>.elementor-widget-heading h2.elementor-heading-title{margin-top:10px}
.elementor-9 .stext>.elementor-widget-heading h3.elementor-heading-title{margin-top:30px;margin-bottom:10px}
.elementor-9 .stext>.elementor-widget-divider{margin-top:14px !important;margin-bottom:0 !important}
.elementor-9 .stext>.elementor-widget-divider+.elementor-widget{margin-top:22px}

/* [sweep-C] WAITLIST — khoi "steps" (8 buoc: 6 o muc "From waitlist to first day",
   2 o muc "How orientation works"). Design: MOT cot doc, moi buoc rong 900px
   can giua, so thu tu nam trong cot 76px ben trai, than buoc 824px,
   padding 26px 0, gach duoi 1px #e6e3da.
   WP dang xep 2 BUOC MOT HANG, moi buoc lai chia doi 270/270 => chu bi ep con
   270px nen cao gap doi. Da gan class steps/step/stepnum/stepbody (content_width
   full) cho cac container, phan con lai lam bang CSS duoi day. */
.elementor-13 .steps{max-width:900px;margin-left:auto;margin-right:auto;flex-direction:column !important;gap:0 !important;display:flex !important}
.elementor-13 .steps > .step{width:100% !important;max-width:none !important;flex-direction:row !important;align-items:flex-start;gap:0 !important;padding:26px 0 !important}
.elementor-13 .step::before{content:none !important}
.elementor-13 .stepnum{flex:0 0 76px !important;width:76px !important;max-width:76px !important;padding:0 !important}
.elementor-13 .stepnum .elementor-heading-title{font-family:'Raleway',sans-serif;font-weight:700;font-size:30px;line-height:1;color:#9e9268;margin:0}
.elementor-13 .stepbody{flex:1 1 auto !important;max-width:none !important;min-width:0;padding:0 !important;gap:0 !important}
.elementor-13 .stepbody h3.elementor-heading-title{font-size:20px;line-height:1.3;margin-bottom:6px}
.elementor-13 .stepbody p{font-size:16px;line-height:1.8;margin-bottom:0}

/* [sweep-B] curriculum sec "An enquiry-based curriculum": khoi .wrap thu hai trong
   design co margin-top 50px, WP chi co flex gap 22px cua container cha. */
.elementor-9 .elementor-element-cur00fea{margin-top:50px !important}

/* [sweep-B] curriculum sec "Our community connection": design .prose gioi han 840px
   va cach khoi duoi 46px; .steps cach khoi duoi 52px; .cards3 dau co margin-top 34
   (collapse voi 40 cua sechead nen giu 40). WP dang khong co khoang nao. */
/* (khoi nay da co san <div style="max-width:840px;margin:0 auto 46px"> ben trong widget,
   chi thieu khoang cach 18px giua hai the p cua design .prose) */
.elementor-9 .elementor-element-cur03e24 p{margin-bottom:18px}
.elementor-9 .elementor-element-cur03e24 p:last-child{margin-bottom:0}
.elementor-9 .elementor-element-cur045b8{margin-bottom:52px !important}

/* [sweep-B] .card: design la block-flow trong .cbody (h3 margin-bottom 8, p margin 0),
   WP them flex gap o ca .card lan .cbody -> moi the cao hon ~28px. */
.card.e-con{gap:0}
.cbody.e-con{gap:0}

/* [sweep-C] WAITLIST "Settling in, together" — khoi chu ben trai (.stext):
   design co eyebrow 22 · h2 (mt10) 40 · .divider.left (mt14 + 2 + mb16) · .prose 360.
   WP THIEU HAN divider (da bo sung widget w097d) va dung flex gap 12 thay margin,
   the p/li/ul trong .prose lay margin mac dinh cua theme (14.4 / 0 / 0)
   thay vi 18 / 9 / 20 cua design. */
.elementor-13 .elementor-element-c099{gap:0 !important}
.elementor-13 .elementor-element-c099 h2.elementor-heading-title{margin-top:10px}
.elementor-13 .elementor-element-c099 .elementor-widget-divider{margin-top:14px;margin-bottom:16px}
.elementor-13 .elementor-element-c099 .elementor-divider{padding:0 !important;line-height:0}
.elementor-13 .elementor-element-c099 .elementor-divider-separator{background:#6e6b5d;height:2px;width:44px}
.elementor-13 .elementor-element-w098 p{margin-bottom:18px}
.elementor-13 .elementor-element-w098 li{margin-bottom:9px}
.elementor-13 .elementor-element-w098 ul{margin-bottom:20px}

/* [sweep-C] WAITLIST — bo flex gap con sot: container .stext c099 dung .e-con-inner
   (gap 12 x 3) va section c103 con gap 20 giua khoi split va khoi "How orientation
   works" (design chi co margin-top 54). */
.elementor-13 .elementor-element-c099 > .e-con-inner{gap:0 !important}
.elementor-13 .elementor-element-c103{gap:0 !important}

/* [sweep-B] curriculum sec "An enquiry-based curriculum": container bao ngoai con
   flex gap 22px cong them vao margin-top 50px vua dat -> bo gap. */
.elementor-9 .elementor-element-cur0104b{gap:0}

/* [sweep-B] curriculum sec "Their work, on display": design la <figure> grid
   2 cot bang nhau (550/550) gap 40, WP dung .split 1.05fr/.95fr gap 56. */
.elementor-9 .elementor-element-cur03752{grid-template-columns:1fr 1fr !important;gap:40px !important}

/* [sweep-C] PRIVACY POLICY — VA CHAM voi rule .prose>.elementor-widget:not(:first-child)
   h2/h3{margin-top:38/30} va .prose>...:not(:last-child) ul:last-child{margin-bottom:20}.
   Rule do dung cho cac trang ma WIDGET khong mang margin; rieng trang nay MOI WIDGET
   da co san margin 38/14 (h2), 30/10 (h3), 0/18 (p), 0/20 (ul) dung bang design,
   nen ap them vao THE ben trong lam cong doi (+38 moi tieu de, +20 moi danh sach).
   Trung tinh hoa dung trong pham vi .ppprose. */
.elementor-element-ppprose > .elementor-widget:not(:first-child) h2.elementor-heading-title,
.elementor-element-ppprose > .elementor-widget:not(:first-child) h3.elementor-heading-title{margin-top:0}
.elementor-element-ppprose > .elementor-widget-text-editor:not(:last-child) ul:last-child,
.elementor-element-ppprose > .elementor-widget-text-editor:not(:last-child) ol:last-child{margin-bottom:0}

/* [sweep-C] FORM — widget form la FLEX ITEM cua container doc; dat margin-left/right
   auto lam no co lai vua noi dung (contact chi con 542px). Phai ep width:100%
   de max-width moi co tac dung dung nhu design. */
.elementor-12 .elementor-widget-form,
.elementor-13 .elementor-widget-form,
.elementor-14 .elementor-widget-form{width:100% !important;align-self:center}

/* ===== [pixel-main] Footer: band Elementor co row-gap 20px giua luoi 4 cot va dong copyright;
   design khong co khoang do (footer = padding 60/26 + footgrid + copy). ===== */
footer.elementor-location-footer > .e-con.e-parent{row-gap:0 !important}

/* [sweep-C] WAITLIST — hop "Priority ...": design .infobox max-width 760 can giua,
   margin-top 6, the p margin 14px 0 (hop cao 107). WP dang tran 1140 va p margin 0. */
.elementor-13 .elementor-element-c062{max-width:760px !important;width:760px !important;margin:6px auto 0 !important}
.elementor-13 .elementor-element-c062 p{margin:14px 0 !important}

/* [sweep-B] .ftile padding: design .ftile -- padding 28px 28px 30px. Mot so the tren
   centre-information bi dat padding-top 56px trong _elementor_data (vd c127
   "Secure premises") lam ca hang the cao them 28px. */
.ftile.e-con{padding:28px 28px 30px !important}

/* [sweep-B] family-information: doan "More questions are answered..." duoi FAQ co
   margin-top 26px trong design (do: cuoi .faqlist 5977 -> the p 5981... thuc te 26px).
   Rule .faq > .elementor-widget:last-child -- margin-top 0 !important (0-3-0) o tren
   dang de len; chi ghi de RIENG trang nay bang do uu tien 0-4-0, khong dung trang khac. */
.elementor-10 .faq>.elementor-widget.elementor-widget-text-editor:last-child{margin-top:26px !important}

/* [sweep-C] FORM — dau * cua truong bat buoc: design dung CUNG mau voi nhan
   (.flabel / .eyebrow = #6e6b5d), Elementor mac dinh to do. */
.elementor-widget-form .elementor-mark-required .elementor-field-label:after{color:inherit}

/* [sweep-B] Bang trong .infobox: theme hello-elementor them margin-bottom 15px cho <table>,
   design khong co (bang la the duy nhat trong .infobox). */
.infobox table{margin-bottom:0}

/* [sweep-C] DIVIDER — tren join-our-team (va bat cu widget divider nao mang
   class "divider" cua design) wrapper widget an luon rule
   .divider{height:2px;background:#6e6b5d} => ve THEM 1 vach dai 760px ben canh
   vach 44px that. Tra wrapper ve trong suot. */
.elementor-widget-divider.divider{background:transparent !important;height:auto !important}

/* [sweep-C] DIVIDER — design .divider = 44x2px mau #6e6b5d; Elementor dang ve 54x3. */
.sechead .elementor-divider-separator,
.galwrap .elementor-divider-separator,
.stext .elementor-divider-separator,
.elementor-widget-divider.divider .elementor-divider-separator{width:44px !important;border-top-width:2px !important;border-top-color:#6e6b5d !important}

/* [sweep-C] FORM — nut submit: design la the <button> (line-height normal + vien 1px)
   cao 47px va RONG THEO NOI DUNG (contact/waitlist can giua, join-our-team can trai).
   WP dang keo full-width va cao 53px. button_align da set trong data. */
.elementor-widget-form button.elementor-button{line-height:normal !important;border:1px solid #007038 !important}

/* [sweep-C] CONTACT — 2 dong ghi chu duoi form. Design dat CHUNG trong form:
   ghi chu 1 (margin-bottom 18) -> nut Send Enquiry -> ghi chu 2 (margin-top 14).
   Elementor de nut ben trong form nen 2 ghi chu phai nam SAU nut; giu dung
   khoang cach doc cua design bang margin-top. */
.elementor-12 .elementor-element-ctformnote1{margin-top:18px}
.elementor-12 .elementor-element-ctformnote2{margin-top:14px}

/* ===== [pixel-main] Hero slideshow: swiper-fade dat opacity qua transition 1500ms.
   Neu transition bi ngat (tab an, prefers-reduced-motion, JS cham) thi MOI slide ket opacity 0 -> hero trong.
   Ep slide active luon hien; slide khac van fade binh thuong. ===== */
.elementor-background-slideshow .swiper-slide.swiper-slide-active,
.elementor-background-slideshow .swiper-slide.swiper-slide-duplicate-active{opacity:1 !important}
.elementor-background-slideshow .swiper-slide{will-change:opacity}
@media (prefers-reduced-motion: reduce){
  .elementor-background-slideshow .swiper-slide{transition:none !important}
}